*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#171b24;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #637cc2;outline-offset:5px}header{height:98px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 6%;border-bottom:1px solid #e8e9ec}.brand{width:150px;height:66px;object-fit:contain}nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}.nav-cta{padding:13px 20px;border:1px solid #b6bac3;border-radius:4px}nav span{margin-left:20px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;padding:58px 6% 0;min-height:730px;overflow:hidden}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;margin:0 0 25px}.hero h1{font-size:clamp(56px,6.8vw,100px);font-weight:500;letter-spacing:-.07em;line-height:1.04;margin:25px 0 26px}.hero h1 span{color:#697fb5}.intro{font-size:20px;line-height:1.55;max-width:405px;color:#606573;margin:0 0 32px}.button{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;padding:18px 23px;border-radius:4px;color:white;background:#191f2d;font-size:15px;font-weight:600}.button:hover{background:#354567}.text-link{display:block;font-size:14px;margin:20px 0 36px;text-decoration:underline;text-underline-offset:5px}.hero-image{position:relative;min-width:0;height:650px;background:#fff}.hero-image>img{width:100%;height:100%;object-fit:contain;object-position:top;mix-blend-mode:multiply}.image-caption{position:absolute;bottom:30px;left:20px;right:0;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.07em;color:#666e7e;border-top:1px solid #e6e7eb;padding-top:16px;background:rgba(255,255,255,.8)}.problem{background:#f3f4f6;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:65px max(6%,calc((100vw - 1268px)/2));}.problem p:not(.eyebrow),.formats p:not(.eyebrow){color:#626875;max-width:500px}h2{font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-.045em;font-weight:500;margin:0}section{scroll-margin-top:24px}.calculator-section{background:#141923;color:#f6f7fb;padding:80px max(6%,calc((100vw - 1268px)/2)) 88px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.section-heading>p{font-size:15px;max-width:360px;color:#687080;margin:0}.calculator-section .eyebrow{color:#adbeef}.calculator-section .section-heading>p{color:#a4acba}.calculator{display:grid;grid-template-columns:1fr 1fr;border:1px solid #3d4451;border-radius:8px;overflow:hidden}form{padding:30px;background:#1c222d}.form-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:15px}h3{font-size:20px;font-weight:500;margin:0}#reset{border:0;background:none;color:#b8c7ef;text-decoration:underline;cursor:pointer;font-size:13px;padding:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:24px 16px}label{font-size:14px;display:block;color:#d4d9e3}.input-wrap{display:flex;align-items:center;border:1px solid #48505f;background:#272e3b;border-radius:4px;margin-top:9px;overflow:hidden}.input-wrap:focus-within{border-color:#b0c3fb;box-shadow:0 0 0 1px #b0c3fb}.input-wrap input{color:white;width:100%;min-width:0;padding:13px 8px 13px 12px;background:none;border:0;font-size:19px;outline:none;font-variant-numeric:tabular-nums}.input-wrap>span{font-size:12px;white-space:nowrap;color:#afb7c6;padding-right:10px}input::-webkit-inner-spin-button{display:none}.field-note,.result-note{font-size:12px;line-height:1.6;color:#a5afbf}.field-note{margin:20px 0}summary{padding:19px 0;border-top:1px solid #3d4553;cursor:pointer;font-size:14px}.extras{grid-template-columns:1fr}.error{color:#ffc2b9;font-size:14px;margin-bottom:0}.results{padding:35px;background:linear-gradient(130deg,#242d41,#202737)}.results .eyebrow{font-size:11px;letter-spacing:.13em;margin-bottom:10px}.big-number{font-size:clamp(36px,4.6vw,66px);font-weight:500;letter-spacing:-.055em;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.per-year{margin:1px 0 27px;color:#b0b9cb;font-size:14px}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:24px;border-bottom:1px solid #465065}.result-stats strong{display:block;font-size:27px;letter-spacing:-.025em;color:#bed0ff;font-weight:500}.result-stats span{font-size:12px;color:#bac3d4}.breakdown{font-size:13px;padding:20px 0}.breakdown>div{display:flex;justify-content:space-between;gap:15px;margin:8px 0;color:#c4ccda}.breakdown b{color:white;font-weight:500;white-space:nowrap}.residue-chart>div:not(.bar){display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#b7c1d4}.residue-chart b{font-weight:400;color:white}.bar{height:6px;background:#343e51;margin:8px 0 16px;border-radius:2px;overflow:hidden}.bar i{display:block;width:100%;height:100%;background:#7e8a9f}.bar.after i{background:#b9ccff;transition:width .2s}.result-note{margin-bottom:0}.action-section{padding:80px max(6%,calc((100vw - 1268px)/2))}.video-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:28px}figure{margin:0;min-width:0}video{width:100%;height:360px;background:#f0f1f3;object-fit:contain;border-radius:5px}.main-video video{object-fit:contain;background:#171c25}.promo-video video{background:white;border:1px solid #e5e7ec}figcaption{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#737a89;padding-top:14px}figcaption b{font-size:15px;font-weight:500;color:#202634}.formats{margin:0 6%;border-top:1px solid #dddfe5;padding:65px 0;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:50px}.formats img{width:100%;height:auto}.closing{background:#adbeed;padding:65px 6%;text-align:center}.closing h2{font-size:clamp(40px,5vw,68px);margin-bottom:26px}.closing .eyebrow{margin-bottom:14px}.light{background:#fff;color:#18202e}.light:hover{background:#e9eefb}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 6%;font-size:12px;color:#737987}footer img{width:160px;height:55px;object-fit:contain}footer a{font-size:13px}button:hover{opacity:.85}[hidden]{display:none!important}@media(min-width:1500px){.formats{max-width:1268px;margin:auto}}@media(max-width:900px){header{height:82px}.brand{width:115px}nav{gap:16px}nav>a:not(.nav-cta){display:none}.hero{min-height:0;padding-top:35px}.hero h1{font-size:64px}.hero-image{height:570px}.image-caption{display:none}.hero .eyebrow{font-size:10px}.intro{font-size:17px}.problem{gap:30px}.calculator{grid-template-columns:1fr}.results{padding:32px}.big-number{font-size:58px}.video-grid{gap:20px}video{height:280px}figcaption{display:block}figcaption span{display:block;margin-top:5px}.formats{gap:30px}}@media(max-width:600px){header{padding:0 5%;height:76px}.nav-cta{font-size:12px;padding:11px 13px}nav span{margin-left:8px}.hero{display:flex;flex-direction:column;padding:32px 5% 0}.hero h1{font-size:66px;letter-spacing:-.065em}.hero .eyebrow{font-size:11px;margin-bottom:10px}.hero .intro{max-width:330px}.hero-image{height:425px;margin-top:-5px}.hero-image img{object-position:center 22%}.hero .text-link{margin-bottom:15px}.problem{grid-template-columns:1fr;padding:40px 5%;gap:16px}.eyebrow{font-size:11px;margin-bottom:18px}.calculator-section,.action-section{padding:48px 5%}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px;font-size:14px}.fields{gap:19px 12px}form{padding:23px 18px}.input-wrap{flex-wrap:wrap}.input-wrap input{font-size:20px;padding-bottom:3px}.input-wrap>span{padding:0 12px 9px;font-size:11px}label{font-size:13px}.results{padding:28px 20px}.big-number{font-size:46px}.result-stats{gap:10px}.result-stats strong{font-size:24px}.breakdown{font-size:12px}.video-grid{grid-template-columns:1fr;gap:30px}video{height:340px}.promo-video video{height:260px}.formats{grid-template-columns:1fr;margin:0 5%;padding:42px 0;gap:20px}.closing{padding:45px 5%}footer{flex-wrap:wrap;gap:10px 20px;padding:25px 5%}footer p{order:3;width:100%;margin:0}footer img{width:140px}footer a{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
