:root {color-scheme:dark;--bg:#0d0e11;--panel:#1a1c20;--panel2:#15171b;--panel3:#22252a;--border:#363940;--text:#f3f3f4;--muted:#a4a6ad;--dim:#7b7d86;--gold:#e9b849;--goldlight:#fbd783;--cyan:#47c9d7;--green:#8ed2ac;--red:#fa9292}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 60% 32% at 70% -10%,rgba(226,169,54,.08),transparent 75%),var(--bg);font:15px/1.55 'Inter','Segoe UI',Arial,sans-serif;color:var(--text)}[hidden]{display:none!important}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.calc-header{border-bottom:1px solid #282a30;background:#101115e8;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.calc-header-inner{max-width:1420px;padding:15px 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px}.calc-brand{display:flex;align-items:center;gap:25px;text-decoration:none}.calc-brand img{display:block;width:134px;height:auto;max-width:31vw}.calc-brand>span{font-size:12px;color:#a7a7af;font-weight:600;white-space:nowrap}.brand-dot{color:var(--gold);margin:0 5px}.calc-header-actions{display:flex;align-items:center;gap:18px}.calc-auth{display:inline-flex;align-items:center;gap:7px;color:#b3b5bc;font-size:11px}.status-dot,.pulse-dot{display:inline-block;flex:0 0 auto;width:7px;height:7px;background:#e9bb66;border-radius:50%;box-shadow:0 0 0 4px #e9bb661a}.calc-auth.is-ready .status-dot{background:var(--green);box-shadow:0 0 0 4px #8ed2ac1b}.back-link{border:1px solid #45464a;border-radius:10px;padding:9px 13px;color:#e4e4e8;text-decoration:none;font-size:12px;font-weight:600;white-space:nowrap}.back-link:hover{border-color:var(--gold);color:var(--gold)}.back-link i{margin-right:6px}.calc-loading{max-width:1420px;margin:90px auto;padding:0 25px;color:#cfcfd3;text-align:center}.spin{display:inline-block;width:18px;height:18px;border:2px solid #4c4d51;border-top-color:var(--gold);border-radius:50%;vertical-align:-4px;margin-right:10px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.calc-container{max-width:1420px;margin:0 auto;padding:32px 28px 0}.calc-hero{position:relative;isolation:isolate;overflow:hidden;padding:38px 45px;border:1px solid #3a3429;border-radius:24px;background:radial-gradient(circle at 91% 28%,rgba(225,161,42,.13),transparent 40%),linear-gradient(120deg,#29231b 0%,#1e2024 47%,#17181c 100%);min-height:224px;display:flex;align-items:center}.hero-main{position:relative;z-index:1;max-width:780px}.eyebrow,.section-kicker{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--gold)}.eyebrow{display:inline-flex;gap:11px;align-items:center}.calc-hero h1{font-size:clamp(27px,3.1vw,43px);font-weight:800;line-height:1.16;letter-spacing:-1.3px;margin:12px 0}.calc-hero h1 span{color:var(--gold)}.calc-hero p{font-size:14px;line-height:1.75;color:#cbc6c0;max-width:720px;margin:0}.hero-features{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:18px;color:#e0d9cc;font-size:11px;font-weight:600}.hero-features i{color:var(--gold);margin-right:5px}.hero-ornament{font-size:155px;position:absolute;right:10%;top:24px;color:#c9933c24;transform:rotate(-18deg)}.tip-banner{display:flex;align-items:flex-start;gap:13px;margin:22px 0 26px;background:#28231a;border:1px solid #52412b;border-radius:13px;padding:14px 19px;color:#c9c1ad}.tip-banner>i{margin-top:4px;color:var(--gold);font-size:17px}.tip-banner p{margin:0;font-size:12px;line-height:1.75}.tip-banner strong{color:#ffe5a2}.tip-banner b{font-weight:600}
.mobile-result-link{display:none}.calc-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.9fr);gap:25px;align-items:start}.calc-form-column{display:flex;flex-direction:column;gap:22px;min-width:0}.calc-card,.result-panel{border:1px solid var(--border);border-radius:20px;background:linear-gradient(140deg,var(--panel) 0%,var(--panel2) 100%);box-shadow:0 9px 30px #0000001c}.calc-card{padding:26px 29px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.card-head.compact{margin-bottom:16px}.card-head h2{font-size:22px;font-weight:730;letter-spacing:-.5px;margin:4px 0 0}.card-head .section-kicker{font-size:10px}.head-icon{background:#3b3221;color:var(--gold);width:40px;height:40px;display:grid;place-items:center;border-radius:12px}.head-icon i{font-size:15px}.mode-tabs{background:#101115;border:1px solid #383a42;padding:4px;border-radius:11px;display:flex;flex:0 0 auto}.mode-tab{border:0;background:transparent;border-radius:8px;color:#a9a9b1;padding:9px 13px;font-size:12px;white-space:nowrap;font-weight:650}.mode-tab.is-active{background:#d6a539;color:#171719;box-shadow:0 3px 12px #0005}.mode-tab i{margin-left:5px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:19px}.field{display:flex;flex-direction:column;gap:7px;min-width:0;color:#e4e4e7;font-size:12px;font-weight:600}.field-wide{grid-column:1/-1}.field>span,.field-label{font-weight:630}.field small{font-size:10px;font-weight:400;color:var(--muted);line-height:1.5}.field>span small{margin-left:7px}.field input,.field select{width:100%;border:1px solid #41454e;border-radius:10px;background:#101217;min-height:44px;padding:11px 13px;color:#f8f8f9;outline:none;transition:border-color .16s}.field input::placeholder{color:#696d76}.field input:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e9b84921}.field .input-wrap{position:relative}.input-wrap input{padding-right:64px;font-variant-numeric:tabular-nums}.input-wrap:has(.prefix) input{padding-left:25px}.prefix,.suffix{position:absolute;top:0;bottom:0;display:flex;align-items:center;color:#8f9097;font-size:11px;font-weight:500;pointer-events:none}.prefix{left:13px}.suffix{right:12px}.technology-tabs{display:grid;grid-template-columns:1fr 1fr;gap:11px}.tech-tab{min-height:69px;background:#111318;color:#e9e9ec;border:1px solid #3d4048;border-radius:12px;display:flex;gap:13px;align-items:center;padding:13px 15px;text-align:left;transition:.15s}.tech-tab>i:first-child{font-size:20px;color:#a6a7ae}.tech-tab>span{display:flex;flex-direction:column;font-size:14px;font-weight:750}.tech-tab small{color:#92939d;font-size:10px;font-weight:500;margin-top:1px}.tech-tab .check-tech{margin-left:auto;color:var(--gold);visibility:hidden}.tech-tab.is-active{border-color:#c79737;background:#3a301f}.tech-tab.is-active>i:first-child,.tech-tab.is-active .check-tech{color:var(--gold)}.tech-tab.is-active .check-tech{visibility:visible}.tech-tab:hover{border-color:#be993e}.section-description{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 19px}.section-description strong{color:#d9dbe1}.divider-line{height:1px;background:#34373d;margin:24px 0}.advanced-subsection{margin-top:22px;border-top:1px solid #363940;padding-top:22px}.advanced-subsection h3{font-size:14px;margin:0 0 18px;color:#eee}.micro-note{display:flex;gap:8px;align-items:start;color:#989aa3;font-size:11px;line-height:1.7;margin:19px 0 0}.micro-note i{color:var(--gold);margin-top:3px;flex-shrink:0}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 16px;background:#111318;border:1px solid #363a43;border-radius:12px;cursor:pointer}.switch-content{display:flex;flex-direction:column;gap:3px}.switch-content strong{font-size:13px}.switch-content small{font-size:11px;color:var(--muted)}.switch{position:relative;display:inline-flex}.switch input{opacity:0;width:46px;height:28px;position:absolute;left:0;top:0;z-index:1;cursor:pointer}.switch-track{height:28px;width:48px;border-radius:30px;background:#464851;position:relative;display:block;transition:background .2s}.switch-track::before{content:"";height:20px;width:20px;border-radius:50%;background:#eaeaf0;position:absolute;top:4px;left:4px;transition:transform .2s}.switch input:checked+.switch-track{background:#bd9031}.switch input:checked+.switch-track::before{transform:translateX(20px);background:#fff}.switch input:focus-visible+.switch-track{outline:2px solid var(--gold);outline-offset:3px}.paint-fields{margin-top:20px}.prefs-card{background:linear-gradient(125deg,#23221f,#18191b);border-color:#53472e}.settings-actions{display:flex;flex-wrap:wrap;gap:10px}.btn{border:0;border-radius:11px;padding:12px 16px;min-height:42px;font-size:12px;font-weight:750;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:9px}.btn-primary{background:var(--gold);color:#141518}.btn-primary:hover{background:#ffd27a}.btn-secondary{border:1px solid #505158;background:#282a2e;color:#e8e9ec}.btn-secondary:hover{border-color:#b5a079}.settings-feedback{font-size:11px;color:#aaaeb6;margin:16px 0 0}.settings-feedback.success{color:var(--green)}.settings-feedback.warning{color:#ffd08b}.settings-feedback.error{color:var(--red)}
.calc-results-column{position:sticky;top:92px;min-width:0}.result-panel{padding:29px 27px;border-color:#504129}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.live-pill{display:flex;align-items:center;gap:6px;background:#1e3b30;color:#a1d8b3;border-radius:20px;font-size:9px;font-weight:800;padding:5px 10px;letter-spacing:.6px}.live-pill span{height:6px;width:6px;background:#74d99b;border-radius:50%}.result-panel h2{font-size:20px;letter-spacing:-.4px;margin:9px 0 1px}.result-project{color:var(--muted);margin:0;font-size:12px;max-width:100%;overflow-wrap:anywhere}.price-display{display:flex;flex-direction:column;margin:26px 0 24px;padding:21px 15px;text-align:center;border:1px solid #826332;background:radial-gradient(ellipse at 50% 0%,#66502452,transparent 75%),#26221b;border-radius:16px}.price-display .currency{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#d0b16f}.price-display strong{color:#ffd375;font-size:clamp(34px,3.2vw,46px);letter-spacing:-1.5px;font-variant-numeric:tabular-nums;line-height:1.25;margin:4px 0}.price-display small{font-size:11px;color:#c6b898}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stat{border:1px solid #363940;border-radius:11px;padding:12px 13px;background:#111317;display:flex;flex-direction:column;gap:4px}.stat span{font-size:10px;color:#a5a7ae}.stat strong{font-size:18px;line-height:1.3;font-variant-numeric:tabular-nums}.stat:nth-child(2) strong{color:var(--green)}.stat.is-hidden{display:none}.breakdown-title{display:flex;justify-content:space-between;align-items:center;margin:26px 0 13px}.breakdown-title h3{font-size:13px;margin:0}.breakdown-title span{font-size:10px;color:#8f9299}.cost-bar{display:flex;overflow:hidden;border-radius:10px;background:#34363b;height:10px}.cost-bar-part{transition:width .2s}.cost-bar-part.print{background:#47b3c8}.cost-bar-part.work{background:#d5a23e}.cost-bar-part.other{background:#ae93cc}.breakdown-rows{margin-top:12px}.breakdown-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:7px 0;color:#acafb7;font-size:11px;border-bottom:1px solid #292b30}.breakdown-row:last-child{border-bottom:0}.breakdown-row strong{color:#dddfe4;font-variant-numeric:tabular-nums;font-size:12px}.result-divider{height:1px;background:#45403a;margin:16px 0}.result-total{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12px;margin:10px 0;color:#ddd}.result-total strong{font-size:14px;font-variant-numeric:tabular-nums}.result-total.muted{color:#999ca4}.result-total.emphasis{padding-top:13px;margin-top:18px;border-top:1px solid #4c4538;color:var(--gold);font-size:13px;font-weight:800}.result-total.emphasis strong{font-size:22px;color:#ffd579}.btn-outline{background:#2c2821;color:#f0c473;border:1px solid #8e7137}.btn-outline:hover{background:#483722}.result-copy{width:100%;margin-top:16px}.result-disclaimer{color:#8e9098;font-size:10px;line-height:1.7;margin:14px 0 0;display:flex;gap:7px}.result-disclaimer i{color:#b0a087;margin-top:3px}.calc-error{margin-top:15px;padding:12px;border-radius:11px;border:1px solid #b96767;background:#4a2424;color:#ffd8d8;font-size:12px}.help-card{margin-top:18px;display:flex;gap:15px;border:1px solid #474139;background:#211f1c;border-radius:16px;padding:19px}.help-card>i{font-size:20px;color:var(--gold)}.help-card strong{font-size:12px;color:#e9d4a9}.help-card p{font-size:11px;line-height:1.7;color:#a7a4a0;margin:5px 0 0}.calc-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#898a92;font-size:11px;border-top:1px solid #292a2f;margin:42px 0 0;padding:24px 0 35px}.calc-footer a{text-decoration:none;color:#cfaa56}.calc-footer a i{margin-left:6px}
@media(max-width:1020px){.calc-layout{grid-template-columns:minmax(0,1fr) minmax(285px,.85fr);gap:16px}.calc-container{padding:25px 18px 0}.calc-card{padding:22px}.result-panel{padding:22px 18px}.calc-brand>span{display:none}}
@media(max-width:810px){.calc-layout{grid-template-columns:minmax(0,1fr)}.calc-results-column{position:static;order:1;scroll-margin-top:85px}.calc-hero{padding:30px}.calc-hero p{max-width:580px}.hero-ornament{font-size:90px;right:8%;top:58px}.calc-form-column{order:0}.mobile-result-link{display:flex;justify-content:space-between;align-items:center;gap:9px;text-decoration:none;border:1px solid #806339;border-radius:12px;background:#272218;padding:13px 16px;margin:-8px 0 20px}.mobile-result-link span{color:#d6c4a0;font-size:10px;font-weight:700}.mobile-result-link strong{color:#fbd279;font-size:21px;font-variant-numeric:tabular-nums}.tip-banner{margin:17px 0 22px}}
@media(max-width:570px){.calc-header-inner{padding:13px 16px}.calc-brand img{width:112px}.calc-auth{display:none}.back-link{padding:8px 10px}.calc-container{padding:16px 13px 0}.calc-hero{padding:27px 20px;border-radius:19px;min-height:0}.calc-hero h1{font-size:28px;letter-spacing:-.7px}.calc-hero p{font-size:12px}.hero-ornament{opacity:.25}.hero-features{gap:8px 13px;font-size:10px}.tip-banner{padding:12px}.calc-card,.result-panel{padding:21px 17px;border-radius:16px}.card-head{flex-wrap:wrap}.card-head h2{font-size:20px}.mode-tabs{width:100%}.mode-tab{flex:1}.form-grid{grid-template-columns:1fr;gap:14px}.technology-tabs{grid-template-columns:1fr 1fr}.tech-tab{padding:10px;gap:8px;min-height:67px}.tech-tab>span{font-size:12px}.tech-tab>i:first-child{font-size:16px}.tech-tab .check-tech{font-size:13px}.calc-footer{flex-direction:column;align-items:flex-start}.price-display strong{font-size:40px}.result-panel h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{body{background:white;color:black}.calc-header,.calc-hero,.tip-banner,.calc-form-column,.help-card,.calc-footer,.result-copy{display:none!important}.calc-container{max-width:none;padding:0}.calc-layout{display:block}.calc-results-column{position:static}.result-panel{box-shadow:none;background:#fff;color:#111;border:1px solid #ccc}.result-panel *{color:#111!important}.price-display{background:#f5f5f5;border-color:#ccc}.stat{background:#fff;border-color:#ddd}}