@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--navy:#102d49;--blue:#1e557b;--yellow:#f3cc4d;--ink:#193248;--muted:#6f808e;--line:#e2e8ed;--bg:#f4f6f8;--white:#fff;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button{transition:background .15s,box-shadow .15s}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d5a915;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:none;border-color:#5e86a3;box-shadow:0 0 0 3px #1e557b12}svg.icon{width:18px;height:18px;vertical-align:middle;flex-shrink:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:224px;min-width:224px;background:var(--navy);padding:36px 22px;color:#c4d2de;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:#fff;font-family:Manrope,Arial,sans-serif;font-size:17px;font-weight:800;letter-spacing:.5px;line-height:1.3;margin-bottom:55px}.brand-mark{width:39px;min-width:39px;color:var(--yellow)}.brand-sub{display:block;font-size:11px;letter-spacing:3px;font-weight:650}.side-label{font-size:9px;letter-spacing:1.6px;color:#8ea6b9;font-weight:650;display:block;margin:0 12px 14px}.nav-active,.nav-link{display:flex;gap:11px;align-items:center;border:0;background:none;color:#aec2d2;width:100%;padding:13px 12px;text-align:left;border-radius:7px;font-size:12px}.nav-active{background:#25425a;color:#fff;font-weight:600}.nav-dot{width:6px;height:6px;background:var(--yellow);border-radius:100%;margin-left:auto}.nav-link{margin-top:7px}.nav-link:hover{background:#ffffff0d}.side-project{border-top:1px solid #ffffff16;margin-top:32px;padding-top:25px}.side-project>div{font-size:12px;color:#e0e8ef;margin:0 12px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-project>span:last-child{font-size:11px;color:#91a8ba;margin-left:12px}.side-bottom{margin-top:auto;padding:30px 10px 0}.privacy{display:flex;align-items:center;gap:7px;font-size:10px;color:#d4e0e8}.privacy svg{width:13px;height:13px}.side-bottom p{font-size:11px;line-height:1.7;color:#96adbf;max-width:155px;margin-top:25px}.side-footer{font-size:8px;letter-spacing:1.4px;color:#7491a7}.workspace{margin-left:224px;width:calc(100% - 224px)}.topbar{height:68px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumb{font-size:11px;color:#8c9aa5}.breadcrumb span{margin:0 12px;color:#b8c4cd}.breadcrumb strong{font-weight:500;color:#52697b}.save-state{font-size:10px;color:#8a97a1;display:flex;align-items:center;gap:7px}.save-state>span{width:5px;height:5px;background:#76a18e;border-radius:50%}.mobile-brand{display:none}main{max-width:1470px;margin:auto;padding:38px 42px 20px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;min-height:178px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;display:flex;align-items:center;gap:7px;color:#698295}.eyebrow>span{width:5px;height:5px;background:#c7a341;border-radius:50%}h1{font-family:Manrope,Arial,sans-serif;font-size:34px;line-height:1.27;letter-spacing:-1.3px;margin:12px 0 12px;font-weight:800}h1>span{color:#c8a12e}.intro p{color:#7b8994;font-size:12px;line-height:1.8;margin:0}.intro-visual{width:270px;margin:0 35px 0 20px}.intro-visual svg{width:100%;display:block}.project-bar{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;background:#eaf0f4;border-radius:9px;gap:20px;margin-bottom:23px}.project-title{flex:1;min-width:0}.project-title label{font-size:8px;letter-spacing:1.3px;color:#788e9f;font-weight:700;display:block;margin-bottom:5px}.project-title input{padding:0;border:0;background:transparent;width:100%;font-weight:600;font-size:13px;color:#274b67;border-radius:2px;height:23px}.button{border:1px solid transparent;border-radius:6px;padding:11px 16px;font-weight:650;font-size:12px;display:inline-flex;justify-content:center;align-items:center;gap:8px;white-space:nowrap;background:#fff;color:var(--ink)}.button svg{width:15px;height:15px}.quiet{background:transparent;border-color:var(--line);color:#6f818f}.quiet:hover{background:#dce6ed}.small{font-size:10px;padding:8px 10px}.small svg{width:13px;height:13px}.primary{background:var(--yellow);color:#273848;border-color:#edc443}.primary:hover{background:#edc13a;box-shadow:0 3px 10px #b6973d20}.environment-toolbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px;gap:12px}.env-list{display:flex;gap:6px;flex-wrap:wrap}.env-tab{border:1px solid transparent;background:transparent;padding:9px 13px;border-radius:6px;color:#7b8b98;font-size:11px;max-width:180px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.env-tab[aria-selected=true]{background:#fff;border-color:#dce5ec;color:var(--ink);font-weight:650;box-shadow:0 2px 4px #102d4904}.env-tab span{display:inline-block;width:5px;height:5px;background:#b3c6d4;border-radius:100%;margin-right:7px}.env-tab[aria-selected=true] span{background:#cfa62e}.add-env{background:none;color:#346586;font-size:10px;padding:9px 2px}.calculator-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(400px,1.3fr);gap:22px;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 3px 8px #18394f02}.card-heading{display:flex;justify-content:space-between;align-items:center;padding:21px 23px 18px;border-bottom:1px solid #eff2f5;gap:10px}.card-heading>div{display:flex;align-items:center;gap:10px}.step{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#eef3f7;color:#8198aa;font-size:10px;font-weight:700}h2{margin:0;font-family:Manrope,Arial,sans-serif;font-size:14px;letter-spacing:-.25px;font-weight:750}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:0;border-radius:5px;color:#8fa0ad}.icon-button:hover{background:#f0f4f7}.danger:hover{color:#b04747;background:#fff0f0}.icon-button svg{width:15px;height:15px}.service-switch{display:flex;background:#f1f4f7;border-radius:7px;padding:4px;margin:21px 23px 22px;gap:4px}.service-switch button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;border:0;border-radius:5px;background:transparent;color:#8193a2;font-size:11px;font-weight:550;padding:10px}.service-switch button[aria-selected=true]{background:#fff;color:#1b4b70;box-shadow:0 1px 5px #284b6414}.service-switch svg{width:16px;height:16px}form{padding:0 23px}.field{margin-bottom:17px}.field label{display:block;font-weight:550;font-size:10px;color:#526b7e;margin-bottom:7px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field input,.field select{border:1px solid #dce4eb;border-radius:6px;background:#fff;padding:11px 12px;width:100%;height:41px;color:#26465e;font-size:12px;transition:box-shadow .15s}.field select{padding-right:25px}.input-wrap{position:relative}.input-wrap input{padding-right:35px}.input-wrap>span{position:absolute;right:12px;top:13px;font-size:10px;color:#9aa9b5;pointer-events:none}.field input[aria-invalid=true]{border-color:#c65b55;background:#fffafa}.field .field-error{color:#b64843;font-size:10px;margin:5px 0 0;line-height:1.5}.field small{display:block;color:#92a0aa;font-size:9px;line-height:1.6;margin-top:5px}.form-divider{height:1px;background:#edf1f4;margin:2px 0 18px}.section-caption{font-size:9px;color:#899ba8;font-weight:700;letter-spacing:1px;margin:0 0 14px}.mode-selector{display:flex;gap:15px;margin-bottom:16px}.mode-selector label{font-size:10px;display:flex;align-items:center;gap:5px;color:#7890a2}.mode-selector input{accent-color:var(--blue)}.input-foot{display:flex;align-items:center;gap:7px;padding:15px 23px;background:#fafbfd;border-top:1px solid #eff2f5;color:#94a2ad;font-size:9px;border-radius:0 0 10px 10px;margin-top:5px}.input-foot svg{height:13px;width:13px;color:#b7a158}.badge{background:#f1f5f8;border:1px solid #e8eef3;color:#8799a7;padding:4px 7px;border-radius:4px;font-size:9px;white-space:nowrap}.result-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:20px 23px}.stat{border-right:1px solid #e9eef2}.stat:last-child{border:0}.stat-label{font-size:8px;color:#8b9aa7;letter-spacing:.7px;font-weight:600;text-transform:uppercase}.stat-value{font-family:Manrope,Arial,sans-serif;font-size:24px;letter-spacing:-.7px;font-weight:750;line-height:1.5}.stat-value small{font-size:11px;font-family:'DM Sans',Arial,sans-serif;color:#7b8f9f;font-weight:400;letter-spacing:0}.result-caption{padding:11px 23px;background:#f8fafb;border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4;display:flex;align-items:center;justify-content:space-between;color:#95a3ae;font-size:9px;gap:5px}.result-caption>span:first-child{display:flex;gap:6px;align-items:center}.result-caption svg{width:12px;height:12px}.text-button{border:0;background:none;padding:0;color:#537993;font-size:9px;text-decoration:underline;text-underline-offset:3px}.materials-table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}.materials-table th{padding:11px 23px 8px;font-size:8px;letter-spacing:1px;color:#9aa8b3;font-weight:550}.materials-table th:first-child{width:63%}.materials-table th:last-child{text-align:right}.group-row td{padding:12px 23px 5px;color:#8095a6;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.material-row td{padding:10px 23px;border-bottom:1px solid #f0f3f6}.material-row td:first-child{padding-right:0}.material-name{font-size:11px;color:#37566d;font-weight:500;line-height:1.5}.material-note{display:block;color:#9aa7b2;font-size:8px;line-height:1.5;margin-top:2px}.qty-area{display:flex;align-items:center;justify-content:flex-end;gap:7px}.qty-area input{width:55px;text-align:right;border:1px solid #dde6ed;border-radius:4px;background:#fbfcfd;height:30px;padding:5px 7px;font-weight:600;font-size:11px;color:#34556d}.qty-area .unit{color:#95a4af;min-width:33px;font-size:9px}.material-row.changed{background:#fffdf4}.material-row.changed input{border-color:#d9bc5b;background:#fffcf0}.adjustment-dot{font-size:8px;color:#b39431;display:block;margin-top:2px}.result-bottom{padding:18px 23px 20px}.copy-button{width:100%;font-size:11px;padding:13px}.result-subactions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:8px;color:#94a3ae;gap:12px}.result-subactions button{font-size:9px}.empty-state{padding:36px 28px;text-align:center;line-height:1.8;color:#8395a3}.empty-state strong{color:#526f84;display:block;font-size:14px;margin-bottom:7px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px;align-items:start}details summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;padding:19px 21px;color:#567187;font-size:11px;font-weight:550}details summary::-webkit-details-marker{display:none}summary>svg{color:#8ca2b3;width:16px;height:16px}summary small{display:block;color:#9aa8b3;font-size:9px;font-weight:400;margin-top:5px}.chevron{margin-left:auto;color:#a2b2bf;font-size:17px;font-weight:400}details[open] .chevron{transform:rotate(180deg)}.details-content{border-top:1px solid var(--line);padding:18px 21px;font-size:10px;line-height:1.8;color:#70899b}.details-content h3{font-size:11px;color:#385d78;margin:16px 0 6px}.details-content h3:first-child{margin-top:0}.details-content p{margin:7px 0}.details-content ul{padding-left:17px;margin:6px 0 14px}.rule-table{width:100%;border-collapse:collapse;font-size:10px}.rule-table th,.rule-table td{border-bottom:1px solid var(--line);padding:8px 2px;text-align:left}.rule-table th{color:#4a6980;font-weight:550}.rules-settings{margin-top:18px;background:#f5f8fa;padding:13px;border-radius:6px}.rules-settings label{display:block;font-size:10px;margin:8px 0;color:#5c778b}.rules-settings input{margin-top:5px;width:100%;padding:7px 8px;border:1px solid #dbe5ec;border-radius:5px;color:var(--ink)}.notice{background:#fbf7e9;color:#968142;border-radius:5px;padding:10px;font-size:9px;line-height:1.7;margin-top:12px}.page-footer{display:flex;justify-content:space-between;margin-top:30px;padding:5px 0;color:#a4b0ba;font-size:8px;gap:15px}.page-footer span span{margin:0 7px}dialog{border:1px solid var(--line);border-radius:12px;color:var(--ink);width:min(650px,calc(100% - 32px));padding:26px;box-shadow:0 16px 60px #102d4926}dialog::backdrop{background:#102d4970;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:21px;margin:8px 0}.dialog-head .eyebrow{font-size:8px}dialog p{color:#8395a3;font-size:12px;line-height:1.7}dialog textarea{height:350px;width:100%;resize:vertical;border:1px solid var(--line);border-radius:6px;padding:15px;font-family:monospace;font-size:11px;line-height:1.8;color:#42627a;margin:10px 0 16px}#confirmDialog{max-width:420px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#173c59;color:#fff;padding:12px 20px;border-radius:7px;box-shadow:0 6px 30px #102d4930;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:10;max-width:calc(100% - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){main{padding-top:44px}.intro{margin-bottom:35px}.intro-visual{width:310px}.card-heading{padding-top:25px;padding-bottom:23px}h1{font-size:39px}.field{margin-bottom:19px}.material-row td{padding-top:12px;padding-bottom:12px}}
@media(max-width:1150px){.sidebar{width:185px;min-width:185px;padding:30px 15px}.brand{font-size:14px;gap:7px}.brand-mark{width:33px;min-width:33px}.brand-sub{font-size:10px}.workspace{margin-left:185px;width:calc(100% - 185px)}main{padding:30px 24px 20px}.topbar{padding:0 24px}.calculator-grid{grid-template-columns:minmax(270px,.9fr) minmax(310px,1.2fr);gap:15px}.intro-visual{width:230px;margin-right:10px}h1{font-size:30px}.card-heading{padding:18px 17px}h2{font-size:12px}.service-switch{margin:18px 17px}form{padding:0 17px}.materials-table th,.material-row td{padding-left:17px;padding-right:17px}.result-stats{padding:18px 17px}.result-caption,.result-bottom{padding-left:17px;padding-right:17px}.qty-area{gap:5px}.qty-area input{width:48px}.qty-area .unit{min-width:28px}.details-grid{gap:15px} .side-label{font-size:8px}}
@media(max-width:900px){.sidebar{width:72px;min-width:72px;padding:25px 10px}.brand{justify-content:center;margin-bottom:40px}.brand>span:last-child,.side-label,.nav-link,.side-project,.side-bottom{display:none}.brand-mark{width:36px}.nav-active{justify-content:center;padding:13px;font-size:0;gap:0}.nav-dot{display:none}.workspace{margin-left:72px;width:calc(100% - 72px)}.intro-visual{width:200px}.calculator-grid{grid-template-columns:minmax(260px,.9fr) minmax(310px,1.2fr)}main{padding:25px 20px}.topbar{padding:0 20px}.save-state{font-size:8px}.result-caption{font-size:8px}.result-caption .text-button{font-size:8px}.material-note{font-size:8px}.material-name{font-size:10px}.qty-area .unit{font-size:8px;min-width:25px}.materials-table th:first-child{width:61%}.qty-area input{width:43px}.material-row td{padding-right:12px}.card-heading{padding-left:15px;padding-right:15px}.badge{font-size:8px}.intro{min-height:170px}.details-grid{gap:15px}}
@media(max-width:740px){.sidebar{display:none}.workspace{margin-left:0;width:100%}.topbar{height:55px;padding:0 18px}.breadcrumb{display:none}.mobile-brand{display:block;font-size:9px;letter-spacing:1px;color:#32536c;font-weight:750;order:-1}.save-state{font-size:8px}main{padding:25px 17px 18px}.intro{min-height:0;margin-bottom:24px}.intro-visual{width:150px;margin:0;opacity:.85}h1{font-size:26px;letter-spacing:-1px}.intro p{font-size:10px}.eyebrow{font-size:7px;letter-spacing:1.1px}.project-bar{padding:13px 14px;margin-bottom:20px;gap:7px}.project-title label{font-size:7px}.project-title input{font-size:11px}.project-bar .button{font-size:0;padding:8px;border:0}.project-bar .button svg{width:16px;height:16px}.environment-toolbar{gap:7px;align-items:center}.add-env{font-size:9px;gap:4px}.add-env svg{width:12px}.env-tab{font-size:10px;padding:8px 9px;max-width:130px}.calculator-grid{grid-template-columns:1fr;gap:19px}.card-heading{padding:19px 20px}h2{font-size:14px}form{padding:0 20px}.field label{font-size:11px}.field input,.field select{font-size:13px;height:44px}.service-switch{margin:19px 20px}.service-switch button{font-size:12px;padding:12px}.field small{font-size:10px}.section-caption{font-size:10px}.mode-selector label{font-size:11px}.material-name{font-size:12px}.material-note{font-size:9px}.materials-table th:first-child{width:65%}.materials-table th,.material-row td{padding-left:20px;padding-right:20px}.material-row td{padding-top:12px;padding-bottom:12px}.group-row td{padding-left:20px}.qty-area input{width:53px;font-size:12px;height:34px}.qty-area .unit{font-size:9px;min-width:30px}.result-caption,.result-bottom{padding-left:20px;padding-right:20px}.result-caption{font-size:9px}.result-stats{padding:20px}.stat-value{font-size:28px}.result-subactions{font-size:9px}.details-grid{grid-template-columns:1fr;gap:12px;margin-top:20px}.page-footer{font-size:7px;flex-direction:column;gap:7px;margin-top:25px}.details-content{font-size:11px}.rule-table{font-size:10px}.result-card{scroll-margin-top:15px}.desktop-break{display:none}.intro>div:first-child{max-width:250px}}
@media(max-width:380px){.intro-visual{display:none}.intro>div:first-child{max-width:100%}.materials-table th:first-child{width:61%}.material-row td{padding-left:14px;padding-right:14px}.qty-area input{width:45px}.qty-area .unit{min-width:27px}.material-name{font-size:11px}.add-env{font-size:8px}.env-tab{max-width:110px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.brand img{display:block;width:100%;height:auto}
.whatsapp-button{width:100%;margin-bottom:8px;background:#14734d;color:#fff;text-decoration:none}
.whatsapp-button:hover{background:#105c3d}
.whatsapp-button[aria-disabled=true]{opacity:.5;cursor:not-allowed}
@media(max-width:740px){.mobile-brand{width:112px;padding:4px 7px;background:var(--navy);border-radius:5px}.mobile-brand img{display:block;width:100%;height:auto}}
.quote-banner {
  margin: 0;
  padding: 11px 18px;
  background: var(--yellow);
  color: var(--navy);
  text-align: center;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.45;
}
.quote-banner strong { font-weight: 800; }