:root{--ink:#0b1720;--panel:#10232d;--paper:#f3f1eb;--mint:#47d7ac;--orange:#ff6b35;--muted:#6d797e;--line:#d8d8d1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.calc-header{height:78px;background:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;color:#fff}.calc-header img{width:160px;display:block}.calc-header nav{display:flex;gap:2rem;font-size:.75rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.calculator-shell{display:grid;grid-template-columns:.72fr 1.28fr;min-height:calc(100vh - 78px)}.calc-intro{background:var(--ink);color:#fff;padding:5rem 5vw}.breadcrumbs{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#829198;margin-bottom:5rem}.breadcrumbs a{color:var(--mint)}.eyebrow{color:var(--orange);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em}.calc-intro h1{font:600 clamp(2.8rem,4.4vw,4.8rem)/.98 "Space Grotesk";letter-spacing:-.05em;margin:1.2rem 0 2rem}.calc-intro h1 em{font-style:normal;color:var(--mint)}.calc-intro>p:not(.eyebrow){max-width:500px;color:#afbdc2;line-height:1.75}.accuracy-note{display:flex;gap:1rem;border-top:1px solid #ffffff25;margin-top:3rem;padding-top:1.5rem}.accuracy-note>span{flex:0 0 24px;width:24px;height:24px;border:1px solid var(--mint);color:var(--mint);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}.accuracy-note p{margin:0;color:#8fa0a7;font-size:.8rem;line-height:1.65}.calc-panel{padding:4rem 5vw;display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:start}fieldset{border:0;padding:0;margin:0 0 2.5rem}legend{font:600 1.15rem "Space Grotesk";margin-bottom:1.2rem}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.type-grid input{position:absolute;opacity:0}.type-grid label span{display:flex;flex-direction:column;min-height:94px;padding:1rem;border:1px solid var(--line);background:#fff;cursor:pointer;transition:.2s}.type-grid label span:hover{border-color:#99a3a6}.type-grid input:checked+span{border:2px solid var(--orange);padding:calc(1rem - 1px);background:#fff9f6}.type-grid b{font:600 .95rem "Space Grotesk"}.type-grid small{font-size:.7rem;line-height:1.4;color:var(--muted);margin-top:.4rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{display:flex;flex-direction:column;gap:.55rem}.field>span{font-size:.75rem;font-weight:800}.field input,.field select{width:100%;height:50px;border:1px solid var(--line);background:#fff;padding:0 .9rem;font:600 .9rem Manrope;color:var(--ink);outline:none}.field input:focus,.field select:focus{border-color:var(--orange)}.input-unit{position:relative}.input-unit input{padding-right:4rem}.input-unit b{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:.72rem;color:var(--muted)}.field.is-hidden{display:none}.live-hint{font-size:.72rem;color:var(--muted);display:flex;gap:.5rem;align-items:center}.live-hint span{width:8px;height:8px;border-radius:50%;background:var(--mint)}.result{background:var(--panel);color:#fff;position:sticky;top:2rem}.result-top{padding:2rem;border-bottom:1px solid #ffffff1f}.result-top p,.recommend-label{margin:0 0 .8rem;font-size:.67rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#90a0a6}.result-top strong{display:block;font:600 clamp(2.6rem,4vw,4.4rem) "Space Grotesk";color:var(--mint);letter-spacing:-.05em}.result-top>span{font-size:.8rem;color:#a6b4b9}.result-stats{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #ffffff1f}.result-stats div{padding:1.2rem 2rem;border-right:1px solid #ffffff1f}.result-stats div:last-child{border:0}.result-stats span{display:block;color:#84969d;font-size:.65rem;margin-bottom:.35rem}.result-stats b{font-size:.85rem}.recommendation{padding:2rem}.recommended-product{display:grid;grid-template-columns:110px 1fr;gap:1rem;align-items:center}.rec-image{height:105px;background:#fff;padding:.7rem}.rec-image img{width:100%;height:100%;object-fit:contain}.recommended-product span{font-size:.62rem;color:var(--mint);text-transform:uppercase;font-weight:800;letter-spacing:.07em}.recommended-product h2{font:600 1.05rem/1.25 "Space Grotesk";margin:.35rem 0}.recommended-product p{font-size:.68rem;color:#8fa0a7;margin:.25rem 0}.recommended-product strong{font:600 .95rem "Space Grotesk"}.result-button{margin-top:1.5rem;min-height:52px;background:var(--orange);display:flex;justify-content:center;align-items:center;text-align:center;padding:.7rem;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.catalog-link{display:block;text-align:center;margin-top:1rem;font-size:.7rem;text-decoration:underline;color:#aab8bd}.result.unavailable .rec-image{display:none}.result.unavailable .recommended-product{grid-template-columns:1fr}@media(max-width:1050px){.calculator-shell{grid-template-columns:1fr}.calc-intro{padding:4rem 6vw}.breadcrumbs{margin-bottom:3rem}.calc-panel{padding:4rem 6vw}.result{position:static}}@media(max-width:700px){.calc-header nav a:not(:last-child){display:none}.calc-panel{grid-template-columns:1fr}.type-grid,.form-grid{grid-template-columns:1fr}.calc-intro h1{font-size:2.65rem}.result-top strong{font-size:2.8rem}.recommended-product{grid-template-columns:90px 1fr}}