.calc__hero{background:linear-gradient(135deg,var(--navy) 0,var(--navy-mid) 40%,var(--blue) 100%);padding:calc(120px + var(--space-16)) 0 var(--space-16);text-align:center}.calc__hero .otr-section-label{color:var(--gold);margin-block-end:var(--space-3)}.calc__h1{color:var(--white);font-family:var(--font-head);font-size:var(--text-4xl);font-weight:var(--weight-h1);line-height:var(--leading-h1);margin-block-end:var(--space-5)}.calc__accent{color:var(--orange)}.calc__sub{color:var(--on-navy-text);font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-body);margin-inline:auto;max-width:540px}.calc__start{align-items:center;background:linear-gradient(135deg,var(--orange) 0,var(--deep-orange) 100%);border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:inline-flex;font-family:var(--font-head);font-size:var(--text-lg);font-weight:600;justify-content:center;letter-spacing:.04em;margin-block-start:var(--space-8);padding:var(--space-5) var(--space-12);text-transform:uppercase;transition:transform var(--transition-base);&:hover{transform:translateY(-2px)}&:focus-visible{outline:2px solid var(--gold);outline-offset:3px}}.calc__body{background:var(--navy);padding-block:var(--space-12) var(--space-20)}.calc__steps{display:flex;flex-wrap:wrap;gap:clamp(var(--space-4),3vw,var(--space-10));justify-content:center;margin-block-end:var(--space-12)}.calc__step-dot-group{align-items:center;display:flex;flex-direction:column;gap:var(--space-2)}.calc__step-dot{align-items:center;background:transparent;border:2px solid hsla(0,0%,100%,.25);border-radius:var(--radius-full);color:hsla(0,0%,100%,.4);cursor:default;display:flex;font-family:var(--font-head);font-size:var(--text-sm);font-weight:600;height:36px;justify-content:center;transition:all var(--transition-base);width:36px;&:disabled{cursor:default;opacity:1}&:not(:disabled){cursor:pointer}}.calc__step-dot--active{background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 4px rgba(238,140,46,.25);color:var(--white)}.calc__step-dot--done{background:transparent;border-color:var(--orange);color:var(--orange)}.calc__step-label{color:hsla(0,0%,100%,.4);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:.06em;text-transform:uppercase;transition:color var(--transition-base)}.calc__step-dot-group:has(.calc__step-dot--active) .calc__step-label,.calc__step-dot-group:has(.calc__step-dot--done) .calc__step-label{color:hsla(0,0%,100%,.7)}@media (max-width:480px){.calc__step-label{display:none}.calc__steps{gap:var(--space-3)}}.calc__panel{margin-inline:auto;max-width:900px;min-height:420px;text-align:center}@media (max-width:768px){.calc__panel{min-height:520px}}@media (max-width:480px){.calc__panel{min-height:600px}}.calc__question{color:var(--white);font-family:var(--font-head);font-size:var(--text-2xl);font-weight:var(--weight-h2);line-height:var(--leading-h2);margin-block-end:var(--space-3)}.calc__hint{color:var(--on-navy-text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body)}.calc__cards,.calc__hint{margin-block-end:var(--space-8)}.calc__cards{display:grid;gap:var(--space-4)}.calc__cards--2{grid-template-columns:repeat(2,1fr);margin-inline:auto;max-width:500px}.calc__cards--3{grid-template-columns:repeat(3,1fr)}.calc__cards--4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.calc__cards--3,.calc__cards--4{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.calc__cards--3,.calc__cards--4{grid-template-columns:1fr}}.calc__card{align-items:center;background:hsla(0,0%,100%,.06);border:2px solid hsla(0,0%,100%,.1);border-radius:var(--radius-lg);color:var(--white);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-body);gap:var(--space-2);padding:var(--space-6) var(--space-5);position:relative;text-align:center;transition:all var(--transition-base);&:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.25);transform:translateY(-2px)}&:focus-visible{outline:2px solid var(--orange);outline-offset:3px}}.calc__card--selected{background:rgba(238,140,46,.12);border-color:var(--orange);&:after{align-items:center;background:var(--orange);border-radius:var(--radius-full);color:var(--white);content:"✓";display:flex;font-size:12px;font-weight:700;height:22px;justify-content:center;position:absolute;right:var(--space-2);top:var(--space-2);width:22px}&:hover{background:rgba(238,140,46,.15);border-color:var(--orange)}}.calc__card-icon{height:40px;margin-block-end:var(--space-1);width:40px;& svg{height:100%;stroke:var(--gold);width:100%}}.calc__card--selected .calc__card-icon svg{stroke:var(--orange)}.calc__card-title{font-family:var(--font-head);font-size:var(--text-xl);font-weight:500;line-height:var(--leading-h4)}.calc__card-desc{color:var(--on-navy-text);font-size:var(--text-sm);line-height:1.5}.calc__card-stat{color:var(--white);font-family:var(--font-head);font-size:clamp(1.5rem,2vw + .5rem,1.875rem);font-weight:700;line-height:1.1}.calc__card-unit{color:var(--on-navy-muted);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;letter-spacing:.08em;margin-block-end:var(--space-1);text-transform:uppercase}.calc__card--material .calc__card-logo{filter:brightness(0) invert(1);height:28px;margin-block-end:var(--space-1);object-fit:contain;opacity:.7;width:auto}.calc__card--material.calc__card--selected .calc__card-logo{opacity:1}.calc__card-tag{background:rgba(252,182,64,.12);border-radius:var(--radius-full);color:var(--gold);display:inline-block;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.06em;padding:var(--space-1) var(--space-3);text-transform:uppercase}.calc__card--toggle{padding:var(--space-5) var(--space-4)}.calc__features{display:flex;flex-direction:column;gap:var(--space-3);margin-block-end:var(--space-8);margin-inline:auto;max-width:600px}.calc__feature{align-items:center;background:hsla(0,0%,100%,.06);border:2px solid hsla(0,0%,100%,.1);border-radius:var(--radius-lg);color:var(--white);cursor:pointer;display:flex;font-family:var(--font-body);gap:var(--space-4);justify-content:space-between;padding:var(--space-4) var(--space-5);text-align:left;transition:all var(--transition-base);width:100%;&:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.25)}&:focus-visible{outline:2px solid var(--orange);outline-offset:3px}}.calc__feature--active{background:rgba(238,140,46,.1);border-color:var(--orange);&:hover{background:rgba(238,140,46,.13);border-color:var(--orange)}}.calc__feature-left{align-items:center;display:flex;gap:var(--space-4)}.calc__feature-left .calc__card-icon{flex-shrink:0;height:32px;margin-block-end:0;width:32px}.calc__feature-title{color:var(--white);display:block;font-family:var(--font-head);font-size:var(--text-base);font-weight:500;line-height:1.3}.calc__feature-desc{color:var(--on-navy-muted);display:block;font-size:var(--text-sm);line-height:1.4}.calc__feature-check{color:var(--orange);flex-shrink:0}.calc__counter{align-items:center;display:flex;flex-shrink:0;gap:var(--space-2)}.calc__counter-btn{align-items:center;background:transparent;border:2px solid hsla(0,0%,100%,.2);border-radius:var(--radius-full);color:var(--white);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-base);width:32px;&:hover:not(:disabled){background:rgba(238,140,46,.15);border-color:var(--orange)}&:disabled{cursor:default;opacity:.3}&:focus-visible{outline:2px solid var(--orange);outline-offset:2px}}.calc__counter-val{color:var(--white);font-family:var(--font-head);font-size:var(--text-lg);font-weight:600;min-width:28px;text-align:center}.calc__input-group{margin-block-end:var(--space-6);margin-inline:auto;max-width:400px}.calc__input-wrap{align-items:center;background:hsla(0,0%,100%,.08);border:2px solid hsla(0,0%,100%,.15);border-radius:var(--radius-lg);display:flex;padding:var(--space-4) var(--space-5);transition:border-color var(--transition-base);&:focus-within{background:hsla(0,0%,100%,.1);border-color:var(--orange)}}.calc__input{-moz-appearance:textfield;background:transparent;border:none;color:var(--white);flex:1;font-family:var(--font-head);font-size:clamp(1.5rem,2vw + .5rem,2rem);font-weight:600;min-width:0;outline:none;&::placeholder{color:hsla(0,0%,100%,.3);font-weight:400}&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}}.calc__input-unit{color:var(--on-navy-muted);flex-shrink:0;font-weight:600;letter-spacing:.06em;margin-inline-start:var(--space-3);text-transform:uppercase}.calc__input-hint,.calc__input-unit{font-family:var(--font-body);font-size:var(--text-sm)}.calc__input-hint{color:var(--deep-orange);margin-block-start:var(--space-2);text-align:center}.calc__not-sure{background:none;border:none;color:var(--on-navy-muted);cursor:pointer;display:inline-block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;margin-block-start:var(--space-3);padding:var(--space-3);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-base);&:hover{color:var(--white)}}.calc__nav{align-items:center;display:flex;gap:var(--space-4);justify-content:center;margin-block-start:var(--space-4)}.calc__back{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--on-navy-text);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-base);font-weight:500;gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:color var(--transition-base);&:hover{color:var(--white)}&:focus-visible{outline:2px solid var(--orange);outline-offset:3px}}.calc__cta{align-items:center;background:linear-gradient(135deg,var(--orange) 0,var(--deep-orange) 100%);border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:inline-flex;font-family:var(--font-head);font-size:var(--text-base);font-weight:600;justify-content:center;letter-spacing:.04em;padding:var(--space-4) var(--space-8);text-transform:uppercase;transition:transform var(--transition-base);&:hover{transform:translateY(-1px)}&:focus-visible{outline:2px solid var(--gold);outline-offset:3px}}.calc__result-simple{margin-inline:auto;max-width:600px;text-align:center}.calc__result-icon{height:56px;margin-block-end:var(--space-5);margin-inline:auto;width:56px;& svg{height:100%;stroke:var(--gold);width:100%}}.calc__result-heading{color:var(--white);font-family:var(--font-head);font-size:var(--text-2xl);font-weight:var(--weight-h2);line-height:var(--leading-h2);margin-block-end:var(--space-5)}.calc__result-body{color:var(--on-navy-text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);margin-block-end:var(--space-8);& strong{color:var(--white);font-weight:600}}.calc__result-cta{align-items:center;background:linear-gradient(135deg,var(--orange) 0,var(--deep-orange) 100%);border-radius:var(--radius-md);color:var(--white);display:inline-flex;font-family:var(--font-head);font-size:var(--text-base);font-weight:600;justify-content:center;letter-spacing:.04em;padding:var(--space-4) var(--space-8);text-decoration:none;text-transform:uppercase;transition:transform var(--transition-base);&:hover{transform:translateY(-1px)}&:focus-visible{outline:2px solid var(--gold);outline-offset:3px}}.calc__restart{background:none;border:none;color:var(--on-navy-muted);cursor:pointer;display:inline-block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;margin-block-start:var(--space-5);padding:var(--space-3);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-base);&:hover{color:var(--white)}}.calc__result-full{margin-inline:auto;max-width:640px;text-align:center}.calc__result-eyebrow{color:var(--gold);font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:.12em;margin-block-end:var(--space-4);text-transform:uppercase}.calc__result-price{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-block-end:var(--space-4)}.calc__result-hi,.calc__result-lo{color:var(--white);font-family:var(--font-head);font-size:clamp(2.5rem,5vw + 1rem,3.75rem);font-weight:700;line-height:1}.calc__result-dash{color:var(--on-navy-muted);font-family:var(--font-head);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:300}.calc__result-context{color:var(--on-navy-text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);margin-block-end:var(--space-10)}.calc__result-financing{border-block:1px solid hsla(0,0%,100%,.1);margin-block-end:var(--space-6);padding-block:var(--space-6)}.calc__financing-label{color:var(--on-navy-muted);font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:.1em;margin-block-end:var(--space-2);text-transform:uppercase}.calc__financing-amount{color:var(--white);font-family:var(--font-head);font-size:var(--text-2xl);font-weight:600;line-height:1.2}.calc__financing-term{font-size:var(--text-sm);font-weight:400}.calc__financing-note,.calc__financing-term{color:var(--on-navy-muted);font-family:var(--font-body)}.calc__financing-note{font-size:var(--text-xs);line-height:var(--leading-body);margin-block-start:var(--space-3)}.calc__breakdown{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-lg);margin-block-end:var(--space-8);padding:var(--space-6);text-align:left}.calc__breakdown-title{color:var(--white);font-family:var(--font-head);font-size:var(--text-xl);font-weight:var(--weight-h3);margin-block-end:var(--space-5)}.calc__breakdown-row{align-items:baseline;display:flex;justify-content:space-between;padding-block:var(--space-2)}.calc__breakdown-label{color:var(--on-navy-muted);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.calc__breakdown-detail{color:var(--white);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;text-align:right}.calc__breakdown-value{color:var(--white);font-family:var(--font-head);font-size:var(--text-lg);font-weight:600}.calc__breakdown-divider{background:hsla(0,0%,100%,.1);height:1px;margin-block:var(--space-4)}.calc__breakdown-row--cost{padding-block:var(--space-3)}.calc__result-caveat{color:var(--on-navy-muted);font-family:var(--font-body);font-size:var(--text-sm);line-height:1.6;margin-block-end:var(--space-8);margin-inline:auto;max-width:480px}.calc__result-actions{display:flex;justify-content:center}.calc-trust{background:var(--white);border-block-end:1px solid var(--ui-gray);padding-block:var(--space-10)}.calc-trust__grid{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(var(--space-8),4vw,var(--space-16));justify-content:center}.calc-trust__item{align-items:center;display:flex;flex-direction:column;gap:var(--space-1)}.calc-trust__item img{filter:grayscale(100%);height:48px;object-fit:contain;opacity:.6;transition:all var(--transition-base);width:auto}.calc-trust__item:hover img{filter:grayscale(0);opacity:1}.calc-trust__stat{color:var(--navy);font-family:var(--font-head);font-size:var(--text-2xl);font-weight:700;line-height:1}.calc-trust__label{color:var(--mid-gray);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500}.calc-how{background:var(--warm-bg);padding-block:var(--section-padding)}.calc-how .otr-section-label{margin-block-end:var(--space-3)}.calc-how__h2{color:var(--navy);font-family:var(--font-head);font-size:var(--text-3xl);font-weight:var(--weight-h2);line-height:var(--leading-h2);margin-block-end:var(--space-4)}.calc-how__intro{color:var(--charcoal);font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-body);margin-block-end:var(--space-12);max-width:600px}.calc-how__steps{display:grid;gap:var(--space-6);grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.calc-how__steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.calc-how__steps{grid-template-columns:1fr}}.calc-how__step{position:relative}.calc-how__num{color:var(--orange);font-size:clamp(2.5rem,3vw,3.5rem);font-weight:700;line-height:1;opacity:.3}.calc-how__num,.calc-how__step-title{font-family:var(--font-head);margin-block-end:var(--space-3)}.calc-how__step-title{color:var(--navy);font-size:var(--text-xl);font-weight:var(--weight-h3);line-height:var(--leading-h3)}.calc-how__step-body{color:var(--charcoal);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body)}.calc-learn{background:var(--white);padding-block:var(--section-padding)}.calc-learn__h2{color:var(--navy);font-family:var(--font-head);font-size:var(--text-3xl);font-weight:var(--weight-h2);line-height:var(--leading-h2);margin-block-end:var(--space-12)}.calc-learn__item{border-block-end:1px solid var(--ui-gray);padding-block:var(--space-8);&:first-child{padding-block-start:0}}.calc-learn__question{color:var(--navy);font-family:var(--font-head);font-size:var(--text-xl);font-weight:600;line-height:1.3;margin-block-end:var(--space-4)}.calc-learn__item p{color:var(--charcoal);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body)}.calc-learn__item p+p{margin-block-start:var(--space-4)}.calc-cta{background:repeating-linear-gradient(-55deg,transparent,transparent 30px,hsla(0,0%,100%,.03) 30px,hsla(0,0%,100%,.03) 60px),linear-gradient(135deg,var(--navy) 0,var(--blue) 100%);padding-block:var(--section-padding);text-align:center}.calc-cta__h2{color:var(--white);font-family:var(--font-head);font-size:var(--text-3xl);font-weight:var(--weight-h2);line-height:var(--leading-h2);margin-block-end:var(--space-4)}.calc-cta__body{color:hsla(0,0%,100%,.85);font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-body);margin-block-end:var(--space-8);margin-inline:auto;max-width:560px}.calc-cta__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.calc-cta__btn{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-family:var(--font-head);font-size:var(--text-base);font-weight:600;gap:var(--space-2);justify-content:center;letter-spacing:.04em;padding:var(--space-4) var(--space-8);text-decoration:none;text-transform:uppercase;transition:transform var(--transition-base);&:hover{transform:translateY(-1px)}&:focus-visible{outline:2px solid var(--white);outline-offset:3px}}.calc-cta__btn--primary{background:linear-gradient(135deg,var(--orange) 0,var(--deep-orange) 100%);color:var(--white)}.calc-cta__btn--ghost{background:transparent;border:2px solid hsla(0,0%,100%,.5);color:var(--white)}@media (prefers-reduced-motion:reduce){.calc-cta__btn,.calc__card,.calc__cta,.calc__result-cta{transition:none}.calc-cta__btn:hover,.calc__card:hover,.calc__cta:hover,.calc__result-cta:hover{transform:none}}