:root{--paper:#ffffff;--tint:#edf4f9;--ink:#212c3f;--muted:#585858;--rule:#c5cfe3;--accent:#e60016;--gradient:var(--accent);--heading:'Unbounded',sans-serif;--body:'Inter',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:400;line-height:1.25}h2{font-size:clamp(30px,3.1vw,46px);letter-spacing:-1.6px}h3{font-size:19px;letter-spacing:-.4px}p{color:var(--muted)}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #e73a40;outline-offset:6px}::selection{background:#e73a4033;color:#212c3f}.container{width:calc(100% - 112px);max-width:1320px;margin-inline:auto}.section{padding-block:110px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);line-height:1.6;margin-bottom:26px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.dark{background:var(--ink);color:var(--paper)}.warm{color:#ffffff}.accent{color:var(--accent)}.light{color:#c5cfe3}.lead{font-size:21px;line-height:1.55}.fine-print{font-size:12px;line-height:1.65}.button{border:0;display:inline-flex;justify-content:space-between;align-items:center;gap:24px;min-height:58px;padding:18px 25px;background:var(--gradient);color:white;border-radius:7px;font-size:14px;font-weight:500;line-height:1.4;transition:box-shadow .25s,transform .25s,background .25s}.button span{font-size:22px;line-height:1;transition:transform .25s}.button:hover{box-shadow:0 12px 28px #212c3f14}.button:hover span{transform:translate(3px,-3px)}.button:active{filter:brightness(.97)}.button-small{min-height:44px;font-size:12px;padding:12px 17px;gap:20px}.button-outline{background:transparent;color:var(--ink);border:1px solid #c5cfe3}.button-outline:hover{background:var(--ink);color:var(--paper);box-shadow:none}.text-link{display:inline-flex;align-items:center;gap:30px;padding:8px 0;border:0;border-bottom:1px solid currentColor;background:transparent;font-size:14px;transition:color .2s,gap .2s}.text-link:hover{color:var(--accent)}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:12px;z-index:100}.skip:focus{top:10px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--gradient);transform:scaleX(0);transform-origin:left;z-index:30}.header{position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(18px);z-index:20;border-bottom:1px solid #c5cfe380;transition:box-shadow .3s}.header.scrolled{box-shadow:0 6px 30px #212c3f08}.nav{display:flex;align-items:center;justify-content:space-between;gap:28px;height:94px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font-family:var(--heading);font-size:18px;line-height:1.2;letter-spacing:-.5px}.brand small{display:block;font-family:var(--body);font-size:8px;letter-spacing:2px;font-weight:500;margin-top:6px}.brand-symbol{font-family:var(--heading);font-size:46px;line-height:1;color:var(--accent);font-weight:500;transform:rotate(-7deg)}.nav nav{display:flex;gap:27px;margin-left:auto;font-size:12px}.nav nav a{position:relative;white-space:nowrap}.nav nav a:after{content:'';position:absolute;bottom:-7px;left:0;right:100%;height:1px;background:var(--accent);transition:right .3s}.nav nav a:hover:after{right:0}.nav-phone{font-size:13px;white-space:nowrap}.menu-toggle{display:none}.hero{padding-top:46px;padding-bottom:64px}.hero-copy{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;align-items:start;margin-bottom:42px}.hero h1{font-size:clamp(40px,4.55vw,68px);letter-spacing:-2.4px;line-height:1.2}.hero h1 span{color:#585858}.hero-offer{max-width:420px;justify-self:end;padding-top:4px}.hero-offer p{font-size:18px;line-height:1.6;color:var(--ink);margin-bottom:23px}.hero-offer small{display:block;font-size:11px;color:var(--muted);margin-top:16px}.hero-image{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:2.4}.hero-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}.hero-image:hover img{transform:scale(1.025)}.hero-image:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#1f23154d);pointer-events:none}.image-caption{position:absolute;bottom:27px;left:28px;color:white;font-size:12px;display:flex;align-items:center;gap:9px;z-index:1;letter-spacing:.2px}.live-dot{display:inline-block;width:7px;height:7px;background:#d0e5ac;border-radius:50%;box-shadow:0 0 0 5px #d0e5ac17;animation:signal 3s ease-in-out infinite}.scroll-cue{position:absolute;bottom:23px;right:28px;border:1px solid #ffffff6e;color:white;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;z-index:1;transition:background .3s,transform .3s}.scroll-cue:hover{background:#ffffff30}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:30px}.benefits article{display:flex;gap:20px}.benefits article>span{font-size:11px;color:var(--accent);padding-top:2px}.benefits h3{font-size:14px;margin-bottom:7px}.benefits p{font-size:12px}.care-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.care h2{margin-bottom:28px}.care .lead{color:var(--paper);max-width:470px;margin-bottom:17px}.muted-light{color:#c5cfe3;font-size:15px;max-width:460px}.light-link{margin-top:28px;color:#ffffff}.risk-list article{display:grid;grid-template-columns:24px 1fr 24px;gap:20px;padding:26px 0;border-top:1px solid #ffffff26}.risk-list article:first-child{padding-top:10px;border:0}.risk-number{color:#ff9aa3;font-size:12px}.risk-list h3{font-size:18px;margin-bottom:11px}.risk-list p{font-size:14px;color:#c5cfe3;line-height:1.7}.risk-icon{font-size:29px;color:#ff9aa3;line-height:1}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}.section-heading p{font-size:14px}.section-heading .eyebrow{margin-bottom:23px}.system-tabs{display:flex;border-bottom:1px solid var(--rule);margin-bottom:32px}.system-tabs button{flex:1;border:0;background:none;text-align:left;padding:17px 12px;font-size:14px;border-bottom:2px solid transparent;white-space:nowrap;transition:color .2s,border .2s}.system-tabs button span{font-size:10px;color:var(--muted);margin-right:13px}.system-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.system-tabs button:hover{color:var(--accent)}.system-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;background:var(--tint);border-radius:12px;overflow:hidden;min-height:470px}.house-diagram{position:relative;padding:35px;background:radial-gradient(ellipse at 50% 50%,#ffffff,#edf4f9);display:flex;align-items:center}.house-diagram svg{width:100%;height:auto}.diagram-label{position:absolute;top:28px;left:30px;font-size:9px;letter-spacing:2px;color:#585858}.diagram-route{stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:8 10;animation:flow 8s linear infinite}.diagram-node{fill:var(--paper);stroke:var(--accent);stroke-width:2}.pulse-center{animation:signal 3s ease-in-out infinite}.diagram-status{position:absolute;bottom:28px;left:30px;font-size:11px;display:flex;gap:12px;align-items:center}.diagram-status .live-dot{background:var(--accent);box-shadow:0 0 0 5px #e73a4014}.system-detail{padding:45px 45px 40px 0}.system-detail h3{font-size:33px;margin-bottom:20px;letter-spacing:-1px}.system-detail .eyebrow{font-size:10px;margin-bottom:22px}.system-detail>p{font-size:15px;max-width:430px}.system-detail ul,.plan ul{list-style:none;padding:0;margin:25px 0}.system-detail li{position:relative;padding:8px 0 8px 22px;font-size:13px}.system-detail li:before{content:'✓';position:absolute;left:0;color:var(--accent)}.system-detail .fine-print{font-size:11px}.story{background:var(--tint)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.story-image{aspect-ratio:1/1.04;position:relative;border-radius:12px;overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover}.story-image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#212c3fb3)}.photo-tag{position:absolute;left:30px;bottom:30px;color:white;z-index:1}.photo-tag span{font-size:9px;letter-spacing:2px}.photo-tag strong{display:block;font-family:var(--heading);font-size:21px;font-weight:400;line-height:1.4;margin-top:10px}.story-content h2{font-size:clamp(28px,2.7vw,40px);margin-bottom:25px}.story-content>.lead{color:var(--ink);font-size:18px;margin-bottom:15px}.story-content>p:not(.lead){font-size:14px;max-width:460px}.story-lines{margin-top:28px}.story-lines div{display:flex;gap:22px;padding:14px 0;border-top:1px solid #c5cfe3;font-size:13px}.story-lines span{font-size:10px;color:var(--accent);padding-top:3px}.plans .section-heading{margin-bottom:20px}.plans-intro{font-size:15px;margin-bottom:40px}.price-toggle{display:flex;border:1px solid var(--rule);border-radius:30px;padding:4px;flex-shrink:0}.price-toggle button{border:0;background:none;padding:10px 19px;font-size:12px;border-radius:25px;transition:color .25s,background .25s}.price-toggle button.active{background:var(--ink);color:var(--paper)}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.plan{background:var(--tint);padding:29px 23px 25px;border-radius:10px;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}.plan:hover{box-shadow:0 20px 40px #212c3f0c}.plan-top>span{font-size:8px;letter-spacing:.6px;display:block;min-height:30px;color:var(--muted)}.plan h3{font-size:23px;margin:10px 0 13px}.plan-top p{font-size:12px;line-height:1.7;min-height:62px}.price{font-size:29px;white-space:nowrap;letter-spacing:-1.1px;margin-top:23px}.price strong{font-weight:500}.price small{font-size:14px;letter-spacing:0}.price>span{font-size:22px}.price-note{font-size:10px;margin-top:4px}.plan ul{margin:24px 0 30px;flex-grow:1}.plan li{font-size:11px;padding:8px 0;border-bottom:1px solid #c5cfe380}.plan li strong{font-weight:600}.plan .button{width:100%;font-size:11px;padding:14px 16px;min-height:49px;gap:10px}.plan .button span{font-size:18px}.plan.featured{background:var(--ink);color:var(--paper)}.featured p,.featured .plan-top>span{color:#c5cfe3}.featured li{border-color:#ffffff20}.pricing-terms{max-width:1100px;margin-top:25px}.plan-help{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:42px;padding:28px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.plan-help h3{font-size:19px;margin-bottom:7px}.plan-help p{font-size:13px}.approach{background:var(--tint)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:60px}.step-number{color:var(--accent);font-family:var(--heading);font-size:40px;line-height:1;position:relative;margin-bottom:30px}.step-number:after{content:'';height:1px;background:var(--rule);position:absolute;top:50%;left:85px;right:0}.steps h3{font-size:17px;margin-bottom:15px}.steps p{font-size:14px;max-width:260px}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.faq h2{font-size:clamp(27px,2.8vw,40px)}.faq-title>p{font-size:14px;margin-top:30px}.faq-title a{display:inline-block;color:var(--ink);border-bottom:1px solid var(--rule);margin-top:5px}.faq details{border-bottom:1px solid var(--rule)}.faq details:first-child{border-top:1px solid var(--rule)}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:22px;font-size:15px;padding:25px 0}.faq summary::-webkit-details-marker{display:none}.faq summary span{width:20px;height:20px;flex-shrink:0;position:relative}.faq summary span:before,.faq summary span:after{content:'';position:absolute;background:var(--accent);width:14px;height:1px;top:9px;left:3px;transition:transform .3s}.faq summary span:after{transform:rotate(90deg)}.faq details[open] summary span:after{transform:rotate(0)}.faq details>div{padding-bottom:24px}.faq details p{font-size:14px;line-height:1.8;padding-right:30px}.faq details[open]>div{animation:answer .35s ease-out}.contact{position:relative;overflow:hidden}.contact-glow{position:absolute;width:580px;height:580px;background:radial-gradient(circle,#e73a4020,transparent 70%);right:-220px;top:-200px;pointer-events:none}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:100px;align-items:center;position:relative}.contact h2{font-size:clamp(30px,3.3vw,48px);margin-bottom:28px}.contact p{color:#c5cfe3;font-size:15px}.contact-card{border:1px solid #ffffff24;padding:35px;border-radius:12px;background:#ffffff03}.contact-card h3{font-size:28px;margin-bottom:20px}.contact-card p{font-size:13px;margin-bottom:24px}.contact-card .button{width:100%}.contact-phone{display:block;margin-top:23px;font-size:21px}.contact-card .eyebrow{font-size:9px}footer{padding:45px 0 22px;border-top:1px solid #ffffff19}.footer{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer p{font-size:12px;color:#c5cfe3}.footer>a:not(.brand){font-size:13px}.back-top{border:1px solid #ffffff30;width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.footer-note{font-size:10px;color:#c5cfe3;margin-top:38px}.mobile-cta{display:none}dialog{border:0;color:var(--ink);background:var(--paper);border-radius:16px;padding:48px;max-width:560px;width:calc(100% - 32px);box-shadow:0 40px 100px #0004;max-height:90dvh;overflow:auto}dialog::backdrop{background:#212c3fc7;backdrop-filter:blur(8px)}dialog[open]{animation:dialog-in .3s ease-out}dialog h2{font-size:30px;margin:20px 0}dialog>p{font-size:15px;margin:15px 0 25px}dialog>.button{width:100%;font-size:13px}.close-dialog{position:absolute;right:16px;top:12px;background:none;border:0;font-size:30px;font-weight:300;width:35px;height:35px;line-height:1}.copy-phone{margin-top:17px;font-size:12px}.copy-status{font-size:12px;min-height:20px;margin:5px 0 0}.call-checklist{padding-top:20px;margin-top:10px;border-top:1px solid var(--rule)}.call-checklist span{font-size:12px;font-weight:600}.call-checklist p{font-size:12px;margin-top:8px}.quiz-progress{height:3px;background:var(--rule);margin:30px 0 20px}.quiz-progress span{display:block;width:33.333%;height:100%;background:var(--accent);transition:width .3s}.quiz-step{font-size:11px;color:var(--muted)}.quiz-options{display:grid;gap:10px;margin:28px 0 15px}.quiz-options button{text-align:left;padding:17px 20px;background:var(--tint);border:1px solid transparent;border-radius:7px;font-size:14px;transition:border-color .2s,background .2s}.quiz-options button:hover{border-color:var(--accent);background:#edf4f9}.quiz-options button:after{content:'↗';float:right;color:var(--accent)}.quiz-result p{font-size:14px;margin-bottom:20px}.quiz-result .button{width:100%}.quiz-result .fine-print{margin-top:17px;font-size:11px}.quiz-back{font-size:12px}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease-out,transform .7s ease-out}.motion-ready .reveal.visible{opacity:1;transform:none}.intro-run{animation:intro .65s ease-out both;animation-delay:var(--delay,0s)}.panel-change{animation:answer .35s ease-out}@keyframes intro{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes answer{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes dialog-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes signal{0%,100%{opacity:1}50%{opacity:.5}}@keyframes flow{to{stroke-dashoffset:-144}}[hidden]{display:none!important}
@media(min-width:1600px){.hero h1{font-size:68px}.hero{padding-top:62px}}@media(max-width:1150px){.container{width:calc(100% - 64px)}.nav{gap:20px}.nav nav{gap:18px}.nav-phone{display:none}.hero-copy{gap:40px;grid-template-columns:1.55fr 1fr}.hero h1{font-size:clamp(39px,4.6vw,55px)}.care-grid,.story-grid{gap:50px}.system-panel{gap:35px}.system-detail{padding-right:30px}.pricing-grid{grid-template-columns:repeat(2,1fr)}.plan-top p{min-height:auto}.plan-top>span{min-height:auto}.plan h3{margin-top:20px}.plan .price{font-size:37px}.plan li{font-size:13px}.plan .button{font-size:13px}.price-note{font-size:12px}.plan-top p{font-size:14px}.plan{padding:30px}.faq{gap:50px}.contact-grid{gap:45px}.contact-card{padding:28px}}
@media(max-width:800px){html{scroll-padding-top:85px}.container{width:calc(100% - 40px)}.section{padding-block:74px}.nav{height:76px;gap:16px}.brand{font-size:15px}.brand-symbol{font-size:39px}.nav>.button{margin-left:auto;min-height:39px;font-size:10px;padding:10px 14px;gap:12px}.nav nav{display:none;position:absolute;top:76px;left:0;right:0;padding:24px;background:var(--paper);border-bottom:1px solid var(--rule);flex-direction:column;gap:22px;font-size:15px;margin:0}.nav nav.open{display:flex}.menu-toggle{border:0;background:transparent;display:flex;width:26px;height:30px;flex-direction:column;justify-content:center;gap:6px;padding:0}.menu-toggle span{display:block;width:24px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{padding-top:33px;padding-bottom:44px}.hero-copy{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.hero h1{font-size:clamp(36px,6.6vw,55px);letter-spacing:-1.8px}.hero-offer{justify-self:start;max-width:570px}.hero-offer p{font-size:17px;margin-bottom:20px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero-image{aspect-ratio:1.6}.hero-image img{object-position:65% 50%}.image-caption{font-size:10px;bottom:20px;left:20px}.scroll-cue{width:34px;height:34px;right:20px;bottom:16px}.benefits{gap:18px}.benefits article{gap:10px}.benefits h3{font-size:11px;line-height:1.4}.benefits p{font-size:10px}.benefits article>span{font-size:9px}.care-grid{grid-template-columns:1fr;gap:45px}.care h2{font-size:35px}.care .lead{font-size:19px}.risk-list h3{font-size:17px}.section-heading{align-items:start;flex-direction:column;gap:25px}.section-heading p br{display:none}.system-tabs{overflow-x:auto;scrollbar-width:thin;gap:14px}.system-tabs button{flex:0 0 auto;padding:15px 3px;font-size:13px}.system-tabs button span{margin-right:6px}.system-panel{grid-template-columns:1fr;gap:0}.house-diagram{height:340px;justify-content:center}.house-diagram svg{max-width:430px;height:100%}.system-detail{padding:30px}.system-detail h3{font-size:29px}.story-grid{grid-template-columns:1fr;gap:40px}.story-image{aspect-ratio:1.2}.story-content h2{font-size:34px}.story-content>.lead{font-size:19px}.story-content>p:not(.lead){max-width:none}.story-lines div{font-size:14px}.plans .section-heading{gap:26px}.plans-intro{font-size:14px}.price-toggle{align-self:flex-start}.plan-help{align-items:start;flex-direction:column;gap:20px}.steps{grid-template-columns:repeat(2,1fr);gap:35px;margin-top:35px}.steps p{max-width:none}.faq{display:block}.faq-title{margin-bottom:35px}.faq h2{font-size:32px}.faq-title>p{margin-top:20px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact h2{font-size:36px}.contact-card{max-width:500px}.footer{flex-wrap:wrap}.footer p{display:none}.footer-note{margin-top:26px;padding-bottom:74px}.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffffff5;backdrop-filter:blur(15px);padding:12px 20px max(12px,env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:14px;z-index:15;border-top:1px solid var(--rule);transform:translateY(110%);transition:transform .3s}.mobile-cta.shown{transform:none}.mobile-cta>span{font-size:11px;max-width:95px;line-height:1.3}.mobile-cta .button{font-size:11px;min-height:40px}.contact p br{display:none}}
@media(max-width:480px){.container{width:calc(100% - 40px)}.hero h1{font-size:35px;letter-spacing:-1.6px}.hero-offer p{font-size:16px}.hero-offer .button{width:100%}.hero-offer{width:100%}.hero-image{aspect-ratio:1.12}.hero-image img{object-position:66% 50%}.image-caption{font-size:9px;left:15px;max-width:220px}.benefits{grid-template-columns:1fr;gap:20px;margin-top:25px}.benefits article{gap:18px}.benefits h3{font-size:14px;margin-bottom:3px}.benefits p{font-size:12px}.benefits article>span{font-size:11px}.hero .eyebrow{max-width:310px;align-items:flex-start}.hero .eyebrow i{flex-shrink:0;margin-top:4px}h2{font-size:29px;letter-spacing:-1.2px}.care h2{font-size:30px}.risk-list article{grid-template-columns:20px 1fr;gap:12px}.risk-icon{display:none}.system-detail{padding:26px 22px}.house-diagram{height:285px;padding:25px 15px}.diagram-label{font-size:8px;left:22px}.diagram-status{bottom:20px;left:22px}.system-detail h3{font-size:28px}.story-content h2{font-size:29px}.pricing-grid{grid-template-columns:1fr;gap:18px}.plan{padding:28px}.plan-top p{min-height:0}.plan .price{font-size:35px;margin-top:18px}.plan ul{margin:20px 0 25px}.plan li{font-size:13px;padding:10px 0}.plan-top>span{font-size:9px}.steps{grid-template-columns:1fr;gap:35px}.steps article{display:grid;grid-template-columns:56px 1fr;column-gap:20px}.steps .step-number{grid-row:span 2;font-size:30px;margin:0}.step-number:after{display:none}.steps h3{margin-bottom:9px}.steps p{font-size:14px}.faq h2{font-size:28px}.faq summary{font-size:14px;gap:15px;padding:22px 0}.faq details p{padding-right:8px;font-size:13px}.contact h2{font-size:29px}.contact-card h3{font-size:27px}.footer .brand{font-size:14px}.footer{gap:15px}.footer>a:not(.brand){font-size:11px}.footer .back-top{width:34px;height:34px}.nav>.button{font-size:9px;padding:10px;gap:5px}.nav>.button span{font-size:17px}.nav{gap:12px}.brand small{font-size:7px;letter-spacing:1.6px}.brand-symbol{font-size:34px}.brand{gap:7px;font-size:13px}dialog{padding:36px 24px 28px}dialog h2{font-size:25px}dialog>.button{font-size:12px;gap:9px;padding:17px}.plan-help h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.intro-run{opacity:1;translate:none}}

.annual-badge{padding:16px 22px;border:1px solid var(--rule);border-radius:10px;flex-shrink:0}.annual-badge span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.annual-badge strong{font-size:13px;font-weight:500}.price>span{font-size:15px;letter-spacing:0}.price-note{font-size:13px;margin-top:6px;color:var(--ink)}.contract-note{font-size:11px;margin-top:5px}.featured .price-note{color:var(--paper)}.quiz-progress span{width:100%;transform-origin:left;transition:transform .3s ease}.quiz-result details{font-size:12px;margin-bottom:20px}.quiz-result summary{cursor:pointer;color:var(--accent)}.quiz-result li{margin:9px 0}.quiz-price{padding:16px;background:var(--tint);border-radius:8px;color:var(--ink)}.quiz-reason{border-left:2px solid var(--accent);padding-left:14px}.hero-image img{animation:house-breathe 18s ease-in-out infinite alternate;animation-play-state:paused}.hero-image.in-view img{animation-play-state:running}.diagram-route,.pulse-center,.live-dot{animation-play-state:paused!important}.house-diagram.in-view .diagram-route,.house-diagram.in-view .pulse-center,.in-view .live-dot{animation-play-state:running!important}.motion-paused *{animation-play-state:paused!important}.story-image img{transition:transform .7s ease}.contact-card{transition:transform .35s ease}.nav nav a:after{right:0;transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav nav a:hover:after{transform:scaleX(1)}.text-link{transition:color .2s}.text-link:hover{gap:30px}.text-link span{transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}
@keyframes house-breathe{from{transform:scale(1)}to{transform:scale(1.035)}}
@media(hover:hover) and (pointer:fine){.story-image:hover img{transform:scale(1.025)}.contact-card:hover{transform:none}.quiz-options button{transition:transform .18s,border-color .18s}.quiz-options button:hover{transform:none}}
@media(max-width:600px){.hero-image img{animation:none}.annual-badge{width:100%}.price>span{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.hero-image img{transform:none}}

/* Quick tariff selection and complete recommendation */
.hero-quiz-link{display:block;text-align:left;background:none;border:0;border-bottom:1px solid var(--rule);padding:16px 0 10px;margin-top:12px;font-size:14px;line-height:1.6}
.hero-quiz-link span{display:block;color:var(--accent);font-weight:600;margin-top:3px}
.hero-quiz-link:hover{border-color:var(--accent)}
.plan-help{background:var(--ink);color:var(--paper);border:0;border-radius:12px;padding:36px;margin:32px 0;gap:40px}
.plan-help h3{font-size:clamp(21px,2.2vw,30px);line-height:1.4;letter-spacing:-.025em;margin-bottom:14px}
.plan-help p{color:#c5cfe3;font-size:15px;max-width:580px}
.quiz-invite-action{flex-shrink:0}
.quiz-invite-action>span{display:block;color:#c5cfe3;font-size:12px;margin-top:12px}
#quiz-dialog{max-width:620px;padding:40px}
#quiz-dialog.showing-result{max-width:860px}
#quiz-dialog .eyebrow{padding-right:24px;margin-bottom:0;font-size:10px}
#quiz-dialog h2{font-size:clamp(26px,4vw,40px);letter-spacing:-.03em;margin:12px 0 18px}
#quiz-dialog .quiz-step{font-size:13px}
.quiz-result .result-description{font-size:16px;max-width:60ch;margin-bottom:28px}
.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:26px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:22px}
.result-grid h3{font:600 16px var(--body);margin:6px 0 16px}
.result-features{list-style:none;padding:0;margin:0}
.quiz-result .result-features li{padding:10px 0 10px 25px;margin:0;position:relative;font-size:14px;border-bottom:1px solid var(--rule)}
.result-features li:before{content:'';position:absolute;left:2px;top:17px;width:9px;height:5px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.result-pricing .price{margin:0;font-size:34px}
.quiz-result .result-annual{color:var(--ink);font-size:15px;margin:5px 0 12px}
.quiz-result .result-terms{font-size:12px;line-height:1.65;margin-bottom:20px}
.result-pricing .button{font-size:14px;justify-content:center}
.result-phone{display:block;text-align:center;font-size:17px;margin-top:12px}
.quiz-result .quiz-reason{border:0;padding:0;font-size:14px;line-height:1.7;margin-bottom:12px}
.quiz-result .fine-print{font-size:12px;margin:0 0 20px}
.quiz-result details{font-size:13px;margin-bottom:14px}
.quiz-result summary{padding:10px 0;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.quiz-restart{min-height:44px;font-size:13px}
@media(max-width:700px){.plan-help{flex-direction:column;align-items:stretch;padding:26px;gap:24px}.quiz-invite-action .button{width:100%}.quiz-invite-action>span{font-size:11px}#quiz-dialog{padding:34px 22px 24px;max-height:92dvh}.result-grid{grid-template-columns:1fr;gap:24px;padding:20px 0}.result-pricing{order:-1}.quiz-result .result-description{font-size:14px;margin-bottom:20px}.result-pricing .price{font-size:30px}}

/* Brand palette and comfortable reading at every viewport. */
:root{--paper:#fff;--tint:#edf4f9;--ink:#212c3f;--muted:#585858;--rule:#c5cfe3;--accent:#e60016;--brand:#e73a40;--accent-text:#ce0014;--gradient:var(--accent);--ease:cubic-bezier(.16,1,.3,1)}
html{scrollbar-color:#c5cfe3 var(--paper)}
body{font-size:18px;caret-color:var(--accent-text)}
::selection{background:#e73a4033;color:var(--ink)}
:is(a,button,summary,[tabindex]):focus-visible{outline-color:var(--accent-text)}
h1,h2,h3{letter-spacing:max(-.03em,-1.6px);text-wrap:balance}
p{max-width:72ch}
.container{width:calc(100% - clamp(40px,7.5vw,176px));max-width:1680px}
.section{padding-block:clamp(76px,7vw,132px)}
.header{background:#fffffff5;border-bottom-color:#c5cfe399}
.nav{height:104px;gap:24px}
.nav nav{gap:24px;font-size:14px}
.nav-phone{font-size:15px}
.brand-logo{display:block;width:155px;height:auto;max-height:78px;object-fit:contain}
.brand-symbol{color:var(--accent)}
.button{background:var(--accent);color:var(--ink);font-size:16px;font-weight:600;transition:background .2s,color .2s,transform .25s var(--ease),box-shadow .25s}
.button:hover{background:#ce0014;box-shadow:0 10px 26px #212c3f14}
.button-small{font-size:13px}
.button-outline{background:transparent;border-color:#c5cfe3;color:var(--ink)}
.button-outline:hover{background:var(--ink);color:var(--paper)}
.text-link{font-size:16px}
.text-link:hover,.accent,.hero-quiz-link span,.system-tabs button[aria-selected=true],.system-tabs button:hover{color:var(--accent-text)}
.warm,.risk-number,.risk-icon,.light-link{color:#ffffff}
.light{color:#c5cfe3}
.hero{padding-top:clamp(38px,4vw,72px)}
.hero-copy{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(32px,4vw,88px)}
.hero h1{font-size:clamp(40px,4.35vw,80px);letter-spacing:-.035em}
.hero h1 span{color:#585858}
.hero-offer{max-width:500px}
.hero-offer p{font-size:clamp(19px,1.35vw,24px)}
.hero-offer small{font-size:14px}
.hero-quiz-link{font-size:16px}
.eyebrow{font-size:12px;letter-spacing:.09em}
.hero-image{max-height:660px}
.image-caption{font-size:14px}
.benefits{margin-top:36px;gap:30px}
.benefits h3{font-size:17px}
.benefits p{font-size:15px}
.benefits article>span{font-size:13px;color:var(--accent-text)}
h2{font-size:clamp(32px,3vw,54px)}
.care-grid{gap:clamp(40px,7vw,130px)}
.lead,.care .lead{font-size:clamp(21px,1.55vw,27px);max-width:32ch}
.muted-light,.risk-list p{font-size:17px;color:#c5cfe3}
.muted-light{max-width:52ch}
.risk-list h3{font-size:21px}
.risk-list article{padding-block:28px}
.section-heading p,.plans-intro{font-size:18px}
.system-tabs button{font-size:16px;padding-block:21px}
.system-tabs button span{font-size:12px;margin-right:10px}
.system-detail h3{font-size:clamp(30px,2.5vw,42px)}
.system-detail>p{font-size:18px;max-width:46ch}
.system-detail li{font-size:16px}
.system-detail .fine-print{font-size:14px}
.house-diagram{background:radial-gradient(ellipse at center,#fff,#edf4f9)}
.diagram-label{font-size:11px;color:var(--muted)}
.diagram-status{font-size:14px}
.story-grid{gap:clamp(40px,5vw,100px)}
.story-content h2{font-size:clamp(30px,2.7vw,48px)}
.story-content>.lead{font-size:22px}
.story-content>p:not(.lead){font-size:18px;max-width:58ch}
.story-lines div{font-size:16px;padding-block:17px;border-color:var(--rule)}
.story-lines span{font-size:12px;color:var(--accent-text)}
.photo-tag span{font-size:11px}
.photo-tag strong{font-size:25px}
.pricing-grid{gap:20px}
.plan{padding:32px 25px}
.plan-top>span{font-size:10px;line-height:1.6;min-height:34px;letter-spacing:.03em}
.plan h3{font-size:27px}
.plan-top p{font-size:16px;min-height:5.1em}
.plan .price{font-size:clamp(30px,2.4vw,40px);letter-spacing:-.03em}
.price>span{font-size:16px}
.plan li{font-size:15px;padding-block:11px}
.plan .button{font-size:14px;min-height:54px;padding:16px}
.price-note{font-size:15px}.contract-note{font-size:13px}
.featured p,.featured .plan-top>span{color:#c5cfe3}
.fine-print{font-size:14px}
.pricing-terms{max-width:120ch}
.annual-badge span{font-size:14px}.annual-badge strong{font-size:16px}
.plan-help p{font-size:18px;max-width:60ch;color:#edf4f9}
.quiz-invite-action>span{font-size:14px;color:#edf4f9}
.steps h3{font-size:21px}.steps p{font-size:18px;max-width:32ch}
.step-number{font-size:46px;color:var(--accent-text)}
.faq{gap:clamp(40px,6vw,110px)}
.faq h2{font-size:clamp(30px,2.7vw,48px)}
.faq-title>p{font-size:18px}
.faq summary{font-size:18px;min-height:76px}
.faq details p{font-size:17px}
.faq details[open]>div{animation:none}
.contact h2{font-size:clamp(32px,3.2vw,58px)}
.contact p{font-size:18px;color:#c5cfe3}
.contact-card{padding:38px}.contact-card h3{font-size:34px}
.contact-card p{font-size:17px}.contact-phone{font-size:25px}
.contact-glow{background:radial-gradient(circle,#e73a4020,transparent 70%)}
.mobile-cta{background:#fffffff5}
.quiz-options button,dialog>p{font-size:17px}
.quiz-options button:hover{background:var(--tint)}
.close-dialog{width:44px;height:44px;right:10px;top:8px}
.quiz-result .fine-print,.quiz-result .result-terms{font-size:14px}
.quiz-result .result-features li{font-size:16px}
.call-checklist p,.call-checklist span,.copy-phone{font-size:14px}
/* A complete footer: contact, company information and actual document links. */
.site-footer{padding:72px 0 28px}
.footer-top{display:grid;grid-template-columns:.85fr 1fr 1.1fr;gap:clamp(32px,5vw,90px);align-items:start}
.footer-about>p{font-size:18px;color:#c5cfe3;margin:24px 0}
.footer-brand .brand-logo{width:184px;max-height:100px}
.footer-company-link{display:inline-flex;gap:16px;align-items:center;font-size:15px;min-height:44px;color:#ffffff}
.footer-top h2{font:600 18px/1.5 var(--body);letter-spacing:0;margin-bottom:22px}
.footer-phone{display:inline-block;font-size:clamp(23px,1.8vw,32px);line-height:1.35;letter-spacing:-.02em;min-height:44px}
.footer-label{font-size:14px;color:#c5cfe3;margin-top:3px}
.messenger-links{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 28px}
.messenger-link{display:inline-flex;align-items:center;gap:10px;border:1px solid #ffffff38;border-radius:7px;padding:10px 14px;font-size:14px;min-height:46px;transition:color .2s,background .2s,border-color .2s}
.messenger-link svg{width:21px;height:21px;flex-shrink:0}
.messenger-link>span{margin-left:4px}
.messenger-link:hover{color:var(--ink);background:var(--accent);border-color:transparent}
.footer-office-phone{display:block;font-size:17px;line-height:1.6;min-height:44px}
.footer-office-phone span{display:block;color:#c5cfe3;font-size:13px}
.footer-contacts address{font-style:normal;font-size:16px;margin-top:18px;color:#edf4f9;line-height:1.8}
.footer-contacts address span{font-size:14px;color:#c5cfe3}
.footer-documents>a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;border-bottom:1px solid #ffffff24;font-size:15px;line-height:1.55;padding:14px 0;transition:color .2s}
.footer-documents>a:hover{color:#ffffff}
.footer-documents>a>span:last-child{flex-shrink:0;transition:translate .2s var(--ease)}
.footer-documents>a:hover>span:last-child{translate:2px -2px}
.footer-documents small{display:block;font-size:12px;color:#c5cfe3;margin-top:5px}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #ffffff24;margin-top:58px;padding-top:25px}
.footer-bottom p{font-size:13px;color:#c5cfe3;max-width:90ch}
.footer-bottom p+p{margin-top:8px}
.back-top{width:46px;height:46px;flex-shrink:0;transition:background .2s,color .2s}
.back-top svg{width:22px;height:22px}.back-top:hover{background:var(--accent);color:var(--ink)}
/* Motion is progressive enhancement: content never depends on an observer to be visible. */
.motion-ready .reveal,.motion-ready .reveal.visible{opacity:1;transform:none;transition:none}
.plan{transition:translate .3s var(--ease),background .25s,box-shadow .3s;transform:none}
.plan:hover{transform:none;translate:none}
.reveal .reveal{transition-delay:0s}
.steps .step-number:after{transform-origin:left;scale:0 1;transition:scale .72s var(--ease) .1s}
.steps article.visible .step-number:after{scale:1 1}
.menu-toggle{min-width:44px;min-height:44px;align-items:center}
.nav nav.open{animation:answer .25s var(--ease)}
@media(min-width:1900px){.container{max-width:1920px;width:calc(100% - 200px)}.hero h1{font-size:clamp(80px,4.15vw,96px)}.hero-copy{grid-template-columns:1.55fr 1fr}.hero-offer{max-width:580px}.hero-offer p{font-size:26px}.hero-image{aspect-ratio:2.8;max-height:720px}.section{padding-block:140px}h2{font-size:58px}.nav nav{font-size:17px;gap:36px}.nav-phone{font-size:18px}.nav .button{font-size:16px}.brand-logo{width:175px}.plan{padding:40px 32px}.plan h3{font-size:32px}.plan-top p,.plan li,.plan .button{font-size:18px}.plan .price{font-size:46px}.story-content>p:not(.lead),.system-detail>p,.steps p{font-size:20px}.story-content h2,.faq h2{font-size:52px}.faq details p,.faq summary{font-size:20px}.footer-top h2{font-size:21px}.footer-documents>a{font-size:17px}}
@media(max-width:1300px){.nav{gap:18px}.nav nav{font-size:13px;gap:18px}.nav-phone{display:none}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-top p{min-height:3.4em}.plan .price{font-size:38px}.system-tabs{overflow:auto;gap:12px;scrollbar-width:thin}.system-tabs button{flex:0 0 auto;padding-inline:5px}.footer-top{grid-template-columns:.8fr 1fr;gap:44px}.footer-documents{grid-column:1/-1;max-width:none}.footer-documents>a{font-size:16px}.footer-documents h2{margin-bottom:10px}}
@media(max-width:950px){.nav nav{display:none}.menu-toggle{display:flex;border:0;background:transparent;flex-direction:column;justify-content:center;gap:6px;padding:0}.menu-toggle span{width:24px;height:1px;background:var(--ink)}.nav nav{position:absolute;top:104px;left:0;right:0;padding:24px;background:var(--paper);border-bottom:1px solid var(--rule);flex-direction:column;gap:12px;font-size:17px;margin:0}.nav nav a{padding-block:10px}.nav nav.open{display:flex}.nav>.button{margin-left:auto}.hero h1{font-size:clamp(37px,4.6vw,44px)}.hero-copy{gap:30px}.system-panel{gap:25px}.system-detail{padding-right:26px}.system-detail h3{font-size:30px}.care-grid,.story-grid{gap:36px}.plan-help{gap:25px;padding:28px}.quiz-invite-action{flex-shrink:1}.faq{gap:36px}.contact-grid{gap:35px}.contact-card{padding:28px}}
@media(max-width:800px){body{font-size:17px}.container{width:calc(100% - 40px)}.nav{height:86px}.nav nav{top:86px}.brand-logo{width:126px;max-height:64px}.nav>.button{font-size:12px;min-height:44px;padding:12px 14px;gap:12px}.hero-copy{grid-template-columns:1fr;gap:26px}.hero h1{font-size:clamp(35px,6.4vw,54px)}.hero-offer{max-width:580px;justify-self:start}.hero-offer p{font-size:20px}.hero-offer small{font-size:13px}.hero-quiz-link{font-size:16px}.benefits h3{font-size:15px}.benefits p{font-size:14px}.care h2{font-size:clamp(30px,5vw,40px)}.system-panel{gap:0}.system-detail{padding:32px}.system-tabs button{font-size:15px}.story-content h2{font-size:36px}.story-content>p:not(.lead){font-size:17px}.steps{gap:34px}.steps h3{font-size:19px}.steps p{font-size:17px}.faq h2{font-size:34px}.contact h2{font-size:36px}.contact-card{max-width:580px}.site-footer{padding-top:54px}.footer-bottom{padding-bottom:88px}.footer-about>p{font-size:17px}.mobile-cta>span{font-size:13px;max-width:130px}.mobile-cta .button{font-size:13px;min-height:44px}.fine-print{font-size:14px}html{scroll-padding-top:105px}}
@media(max-width:560px){.container{width:calc(100% - 36px)}.nav{gap:8px;height:80px}.nav nav{top:80px}.brand-logo{width:106px;max-height:60px}.nav>.button{font-size:11px;padding:10px 12px;gap:8px}.nav>.button span{font-size:18px}.hero h1{font-size:clamp(30px,7.5vw,41px);letter-spacing:-.035em}.hero-offer p{font-size:18px}.hero .eyebrow{font-size:10px}.hero-image{aspect-ratio:1.15}.image-caption{font-size:11px;max-width:210px}.benefits{grid-template-columns:1fr;gap:22px}.benefits h3{font-size:17px}.benefits p{font-size:15px}.benefits article{gap:18px}.section{padding-block:68px}h2,.care h2,.story-content h2,.faq h2,.contact h2{font-size:clamp(27px,6.8vw,34px)}.care .lead{font-size:21px}.muted-light,.risk-list p{font-size:16px}.risk-list h3{font-size:19px}.risk-list article{grid-template-columns:20px 1fr;gap:12px}.risk-icon{display:none}.system-detail{padding:28px 22px}.system-detail h3{font-size:28px}.system-detail>p{font-size:17px}.system-detail li{font-size:15px}.system-detail .fine-print{font-size:14px}.diagram-label{font-size:9px}.diagram-status{font-size:12px}.story-content>.lead{font-size:20px}.story-lines div{font-size:15px}.photo-tag strong{font-size:21px}.pricing-grid{grid-template-columns:1fr}.plan{padding:30px}.plan h3{font-size:28px}.plan-top p{min-height:0;font-size:17px}.plan li{font-size:16px}.plan .button{font-size:15px}.plan-top>span{font-size:11px}.price-note{font-size:15px}.contract-note{font-size:14px}.plan-help{padding:26px 22px}.plan-help h3{font-size:23px}.plan-help p{font-size:17px}.quiz-invite-action>span{font-size:13px}.annual-badge{width:100%}.steps{grid-template-columns:1fr}.steps article{display:grid;grid-template-columns:54px 1fr;column-gap:18px}.steps .step-number{grid-row:span 2;font-size:33px;margin:0}.steps p{font-size:17px}.steps .step-number:after{display:none}.faq summary{font-size:17px;padding-block:23px}.faq details p{font-size:16px;padding-right:0}.contact-card{padding:26px 22px}.contact-card h3{font-size:30px}.contact p{font-size:17px}.footer-top{grid-template-columns:1fr;gap:38px}.footer-documents{grid-column:auto}.footer-brand .brand-logo{width:155px}.footer-about>p{margin:20px 0 12px}.footer-top h2{font-size:19px}.footer-phone{font-size:29px}.footer-documents>a{font-size:15px}.footer-bottom{margin-top:38px;align-items:start}.footer-bottom p{font-size:12px}.messenger-link{font-size:15px}.button{min-height:54px}.footer-office-phone{font-size:19px}.quiz-result .result-features li{font-size:16px}}
@media(max-width:360px){.container{width:calc(100% - 28px)}.brand-logo{width:92px}.nav>.button{font-size:10px;padding:10px;gap:5px}.menu-toggle{min-width:40px}.hero h1{font-size:29px}.plan{padding:24px}.footer-phone{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.intro-run{opacity:1;transform:none;translate:none}.steps .step-number:after{scale:1 1}.plan:hover{translate:none}.hero-image img{transform:none}}
.dialog-messengers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 4px}.dialog-messengers a{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid var(--rule);border-radius:7px;padding:10px;font-size:14px;transition:background .2s}.dialog-messengers a:hover{background:var(--tint)}
@media(max-width:560px){.dialog-messengers{grid-template-columns:1fr}}

/* Exact reference colors: septikryazan.ru (app-9173a448.css). */
.dark,.plan.featured,.plan-help{background:#272b32;color:#fff}.site-footer{background:#3b3b3b}.story,.approach{background:#f6f6f4}.button{color:#fff}.button-outline{color:var(--ink);background:transparent;border-color:var(--rule)}.button-outline:hover{color:#fff;background:var(--ink)}.house-diagram{background:radial-gradient(ellipse at center,#fff,#edf4f9)}.warm,.risk-icon,.risk-number,.light-link{color:#ffffff}.footer-documents>a:hover,.footer-company-link{color:#ffffff}.messenger-link:hover,.back-top:hover{background:#e60016;color:white}.hero h1 span{color:#585858}.footer-about>p{color:#c5cfe3}
/* Small labels stay readable on compact layouts too. */
.eyebrow,.system-detail .eyebrow,.contact-card .eyebrow,#quiz-dialog .eyebrow,.hero .eyebrow{font-size:12px;letter-spacing:.05em}
.nav>.button{font-size:12px}
.diagram-label{letter-spacing:.08em}
.site-footer{border-top:1px solid #ffffff24;border-image:none}
.quiz-reason{border-left:0;padding-left:0}
@media(max-width:360px){.nav>.button{font-size:11px;padding:10px 8px}.brand-logo{width:88px}}

/* One distinct, animated equipment schematic per engineering system. */
.system-panel{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,4vw,65px)}
.system-visual{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding:28px;min-width:0;min-height:480px;background:#f1f5f9;border-radius:12px 0 0 12px;overflow:hidden}
.visual-heading{display:flex;justify-content:space-between;align-items:baseline;gap:18px;color:#585858;font-size:14px;line-height:1.5}
.visual-heading>span:first-child{max-width:30ch}
.visual-index{font-size:11px;white-space:nowrap;color:#687485;font-variant-numeric:tabular-nums}
.visual-drawing{width:100%;margin:auto 0;min-width:0}
.visual-drawing svg{display:block;width:100%;height:auto;max-height:370px;overflow:visible}
.visual-legend{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 15px;border-top:1px solid #d4dde7;padding-top:17px;font-size:13px;line-height:1.5;color:#445269}
.visual-legend span{display:inline-flex;align-items:center;gap:7px}
.visual-legend span:before{content:'';width:5px;height:5px;background:var(--accent);border-radius:50%;flex-shrink:0}
.schematic-surface{fill:#fff;stroke:#8c9bae;stroke-width:1.6}
.schematic-cap{fill:#e2eaf3;stroke:#8c9bae;stroke-width:1.5}
.schematic-wire{stroke:#8c9bae;stroke-width:1.7;fill:none}
.schematic-soft{stroke:#c0ccda;stroke-width:1.5;fill:none}
.schematic-pipe{stroke:#c5d0de;stroke-width:7;fill:none}
.schematic-flow{stroke:var(--accent);stroke-width:2.5;stroke-dasharray:7 12;fill:none;animation:equipment-flow 4s linear infinite}
.schematic-red{stroke:var(--accent);stroke-width:2;fill:none;color:var(--accent)}
.schematic-pin{fill:var(--accent);stroke:#fff;stroke-width:2}
.schematic-liquid{fill:#dfe9f3;stroke:none}
.schematic-text{font-family:var(--body);font-size:14px;letter-spacing:.035em;fill:#596779;stroke:none}
.schematic-device-text{font-family:var(--body);font-size:15px;font-weight:600;letter-spacing:.03em;fill:#212c3f;stroke:none}
.schematic-rotor{transform-origin:var(--cx) var(--cy);animation:equipment-rotate 8s linear infinite}
.schematic-drop{fill:var(--accent);animation:water-travel 3s var(--ease) infinite}
.schematic-drop:nth-last-of-type(1){animation-delay:.35s}
.heat-wave{animation:heat-rise 2.8s ease-in-out infinite}
.schematic-bubbles{fill:#fff;stroke:var(--accent);stroke-width:1.7;animation:aeration-rise 3s linear infinite}
.air-streams{stroke:var(--accent);stroke-width:2;stroke-dasharray:10 18;animation:equipment-flow 5s linear infinite}
.sprinkler-jets{stroke:var(--accent);stroke-width:1.8;stroke-dasharray:4 9;animation:equipment-flow 4s linear infinite}
.system-visual :is(.schematic-flow,.schematic-rotor,.schematic-drop,.heat-wave,.schematic-bubbles,.air-streams,.sprinkler-jets){animation-play-state:paused}
.system-visual.in-view :is(.schematic-flow,.schematic-rotor,.schematic-drop,.heat-wave,.schematic-bubbles,.air-streams,.sprinkler-jets){animation-play-state:running}
.motion-paused .system-visual *{animation-play-state:paused!important}
@keyframes equipment-flow{to{stroke-dashoffset:-152}}
@keyframes equipment-rotate{to{transform:rotate(360deg)}}
@keyframes water-travel{from{translate:0 0;opacity:0}20%,75%{opacity:1}to{translate:35px 0;opacity:0}}
@keyframes heat-rise{0%,100%{translate:0 3px;opacity:.45}50%{translate:0 -6px;opacity:1}}
/* Reset below the aerator only after the bubbles have fully faded out. */
@keyframes aeration-rise{0%{translate:0 10px;opacity:0}20%,75%{opacity:1}90%{opacity:0}100%{translate:0 -16px;opacity:0}}
/* White logo and neutral highlights on all dark surfaces. */
.warm,.light-link{color:#fff}
.risk-icon,.risk-number{color:#ff9aa3}
.footer-company-link,.footer-documents>a:hover{color:#fff}
.footer-company-link:hover{text-decoration:underline;text-underline-offset:5px}
.site-footer{border-image:none;border-top:1px solid #ffffff24}
@media(min-width:1900px){.system-visual{padding:34px;min-height:550px}.visual-heading{font-size:18px}.visual-index{font-size:14px}.visual-legend{font-size:16px}.visual-drawing svg{max-height:420px}}
@media(max-width:950px) and (min-width:801px){.system-panel{grid-template-columns:1fr 1fr;gap:28px}.system-visual{padding:20px}.visual-heading{font-size:13px}.visual-index{display:none}.visual-legend{font-size:12px;justify-content:flex-start}}
@media(max-width:800px){.system-panel{grid-template-columns:1fr;gap:0}.system-visual{padding:25px;min-height:0;border-radius:12px 12px 0 0}.visual-drawing svg{max-height:310px}.visual-heading{font-size:14px}.visual-legend{font-size:14px}.system-detail{padding:30px}}
@media(max-width:480px){.system-visual{padding:22px 18px}.visual-heading{font-size:13px}.visual-index{font-size:10px}.visual-drawing{margin:14px 0}.visual-drawing svg{max-height:none}.visual-legend{font-size:12px;gap:8px 12px;padding-top:14px}.visual-legend span{gap:5px}.system-detail{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){.system-visual *{animation:none!important}.schematic-rotor,.heat-wave,.schematic-bubbles{transform:none;translate:none}}

.schematic-blade{fill:var(--accent);stroke:none}

/* The company gradient leads the identity; solid red is reserved for text accents. */
:root{--gradient:linear-gradient(90deg,#e60016 0%,#fca750 100%);--control-gradient:linear-gradient(90deg,#e73a40 0%,#fca750 100%);--warm-accent:#fca750}
.button,.button:hover{background:var(--control-gradient);color:#fff;font-weight:600}
.button:hover{box-shadow:0 10px 26px #212c3f18}
.button-outline{--button-surface:var(--paper);border:1px solid transparent;background:linear-gradient(var(--button-surface),var(--button-surface)) padding-box,var(--gradient) border-box;color:var(--ink)}
.plan .button-outline{--button-surface:var(--tint)}
.button-outline:hover{background:var(--control-gradient);color:#fff;border-color:transparent}
.hero h1 span,.accent,.hero-quiz-link span{color:var(--accent-text)}
.warm,.risk-icon,.risk-number,.light-link,.footer-company-link{color:var(--warm-accent)}
.footer-documents>a:hover{color:var(--warm-accent)}
.reading-progress,.nav nav a:after,.step-number:after,.visual-legend span:before,.faq summary span:before,.faq summary span:after{background:var(--gradient)}
.system-tabs button[aria-selected=true]{border-bottom-color:transparent;background-image:var(--gradient);background-size:100% 3px;background-repeat:no-repeat;background-position:left bottom}
.hero-quiz-link,.text-link{border-bottom:0;background-image:var(--gradient);background-size:100% 2px;background-repeat:no-repeat;background-position:left bottom}
.site-footer{border-top:3px solid transparent;border-image:var(--gradient) 1}
.messenger-link:hover,.back-top:hover{background:var(--control-gradient);color:#fff;border-color:transparent}
.schematic-flow,.schematic-red,.schematic-bubbles,.air-streams,.sprinkler-jets{stroke:var(--system-gradient,var(--accent))}
.schematic-pin,.schematic-blade,.schematic-drop{fill:var(--system-gradient,var(--accent))}

/* Tab labels share a baseline; the active underline is independent of the text. */
.system-tabs{align-items:stretch;gap:0;overflow-x:auto;overflow-y:hidden}
.system-tabs button{position:relative;display:flex;align-items:center;justify-content:center;flex:1 0 0;text-align:center;min-height:64px;padding:18px 24px;border-bottom:0;background:none;line-height:1.4}
.system-tabs button[aria-selected=true]{border-bottom:0;background-image:none}
.system-tabs button:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gradient);transform:scaleX(0);transform-origin:center;transition:transform .28s var(--ease)}
.system-tabs button[aria-selected=true]:after{transform:scaleX(1)}
.system-visual,.system-detail{min-width:0}
.steps .step-number:after{transform-origin:left;scale:0 1;transition:scale .72s var(--ease) .1s}
.steps article.visible .step-number:after{scale:1 1}
@media(max-width:1300px){.system-tabs button{flex:0 0 auto;min-width:120px}}
@media(max-width:800px){.system-tabs button{min-width:104px;min-height:58px;padding:16px 20px}}
@media(max-width:560px){.steps article{display:block}.steps .step-number{grid-row:auto;margin:0 0 20px;line-height:1}.steps .step-number:after{display:block;left:76px;right:0;top:50%}.steps h3{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.steps .step-number:after{scale:1 1;transition:none}.system-tabs button:after{transition:none}}

/* Entrance progress follows scroll position, with no timed restart or delay. */
.scroll-reveals-ready .reveal{opacity:var(--reveal-progress,1);translate:0 var(--reveal-offset,0px);transition:none}
.scroll-reveals-ready :is(.hero-image,.story-image).reveal{clip-path:inset(0 0 var(--reveal-crop,0%) 0 round 12px)}
.scroll-reveals-ready .steps article .step-number:after{scale:var(--reveal-progress,1) 1;transition:none}
@media(prefers-reduced-motion:reduce){.scroll-reveals-ready .reveal{opacity:1;translate:none;clip-path:none}.scroll-reveals-ready .steps article .step-number:after{scale:1 1}}

/* Stable hit areas: only paint and internal icons change on hover. */
.button,.button:hover,.button:active,.quiz-options button,.quiz-options button:hover,.scroll-cue,.scroll-cue:hover{transform:none;translate:none}
.button{position:relative;isolation:isolate;transition:color .24s ease,box-shadow .24s ease,filter .24s ease}
.button span,.text-link span{pointer-events:none;transition:transform .24s ease}
.button-outline,.button-outline:hover{border:0;background:var(--control-gradient)}
.button-outline{color:var(--ink)}
.button-outline::before{content:"";position:absolute;inset:1px;border-radius:6px;background:var(--button-surface,var(--paper));z-index:-1;pointer-events:none;opacity:1;transition:opacity .24s ease}
.button-outline:hover{color:#fff}
.button-outline:hover::before{opacity:0}
.messenger-link,.back-top{position:relative;isolation:isolate;overflow:hidden;transition:color .24s ease,border-color .24s ease}
.messenger-link::before,.back-top::before{content:"";position:absolute;inset:-1px;z-index:-1;background:var(--control-gradient);opacity:0;pointer-events:none;transition:opacity .24s ease}
.messenger-link:hover,.back-top:hover{background:transparent;border-color:transparent;color:white}
.messenger-link:hover::before,.back-top:hover::before{opacity:1}
.messenger-link svg{width:22px;height:22px;stroke-width:1.7;vertical-align:middle}
.close-dialog{display:grid;place-items:center;border:0;box-shadow:none;border-radius:7px;color:var(--ink);transition:background-color .2s ease,color .2s ease}
.close-dialog svg{width:22px;height:22px;pointer-events:none}
.close-dialog:hover{background:#edf4f9}
.close-dialog:focus:not(:focus-visible){outline:none}
.close-dialog:focus-visible{outline:2px solid #585858;outline-offset:0}
dialog h2[tabindex="-1"]:focus{outline:none}
.quiz-options button{transition:background-color .24s ease,border-color .24s ease,color .24s ease}
.dialog-messengers a,.menu-toggle,.back-top{transition:background-color .24s ease,color .24s ease}
@media(prefers-reduced-motion:reduce){.button,.button::before,.button span,.text-link span,.messenger-link,.messenger-link::before,.back-top,.back-top::before,.close-dialog,.quiz-options button{transition:none!important}}