:root{
  --navy:#061833;--navy-2:#0b274d;--blue:#255f95;--ice:#eef6fb;--paper:#f7fafc;--white:#fff;
  --green:#074f38;--mint:#65e7c5;--teal:#0e7765;--sky:#a8d7ff;--sand:#efe7da;--gold:#e6b958;--soft:#dce9f2;
  --ink:#07182f;--muted:#64788d;--line:#d8e4ec;--shadow:0 28px 80px rgba(6,24,51,.16);
  --shadow-soft:0 18px 48px rgba(6,24,51,.10);--radius:30px;--max:1220px;
}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.55;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}::selection{background:var(--mint);color:var(--navy)}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 3% 4%,rgba(101,231,197,.22),transparent 30rem),radial-gradient(circle at 95% 8%,rgba(168,215,255,.34),transparent 35rem),linear-gradient(180deg,#fff 0%,#f3f8fb 42%,#eef5f8 100%)}
body:after{content:"";position:fixed;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(6,24,51,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(6,24,51,.055) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(180deg,#000 0%,transparent 78%)}
.nav{position:sticky;top:0;z-index:80;background:rgba(247,250,252,.78);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid rgba(216,228,236,.75)}.nav-inner{max-width:var(--max);margin:0 auto;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:.09em}.brand-mark{width:42px;height:42px;border-radius:14px;filter:drop-shadow(0 12px 22px rgba(6,24,51,.16))}.nav-links{display:flex;align-items:center;gap:5px}.nav-links a{padding:10px 13px;border-radius:999px;color:#31506c;font-size:.92rem;font-weight:820;transition:.2s ease}.nav-links a:hover,.nav-links a.active{background:#eaf3f8;color:var(--navy)}.nav-links .nav-cta{background:var(--navy);color:#fff;box-shadow:0 14px 28px rgba(6,24,51,.18)}.nav-links .nav-cta:hover{background:#112e55;color:#fff;transform:translateY(-1px)}.menu-button{display:none;border:0;border-radius:14px;background:var(--navy);color:#fff;padding:10px 13px;font-weight:900}
.container{max-width:var(--max);margin:0 auto;padding:0 22px}.section{padding:90px 0}.section.tight{padding:54px 0}.section.dark{background:linear-gradient(145deg,var(--navy),#0a2b51);color:#fff;position:relative;overflow:hidden}.section.dark:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 15%,rgba(101,231,197,.16),transparent 22rem),radial-gradient(circle at 88% 66%,rgba(168,215,255,.14),transparent 28rem)}.section.dark .container{position:relative}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(14,119,101,.16);border-radius:999px;background:rgba(255,255,255,.74);color:#0d6a59;font-weight:950;letter-spacing:.12em;text-transform:uppercase;font-size:.74rem}.dark .eyebrow{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.12);color:#b9fff0}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 6px rgba(101,231,197,.16)}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.5rem,8.6vw,7.6rem);line-height:.88;letter-spacing:-.075em;margin-bottom:24px}h2{font-size:clamp(2.2rem,4.9vw,4.6rem);line-height:.93;letter-spacing:-.066em;margin-bottom:18px}h3{font-size:1.35rem;line-height:1.05;letter-spacing:-.04em;margin-bottom:10px}.lead{font-size:clamp(1.08rem,1.6vw,1.32rem);color:#4d667d;max-width:720px}.dark .lead,.dark p{color:#c7d8e6}.muted{color:var(--muted)}.highlight{background:linear-gradient(90deg,#0d745e,#255f95);-webkit-background-clip:text;background-clip:text;color:transparent}.btn-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 18px;font-weight:950;border:1px solid transparent;transition:.22s ease;cursor:pointer}.btn.primary{background:var(--navy);color:#fff;box-shadow:0 18px 32px rgba(6,24,51,.2)}.btn.primary:hover{transform:translateY(-2px);background:#112e55}.btn.secondary{background:#fff;color:var(--navy);border-color:var(--line);box-shadow:0 12px 26px rgba(6,24,51,.07)}.btn.secondary:hover{transform:translateY(-2px);border-color:#b8ccd9}.dark .btn.secondary{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.16)}
.hero{min-height:calc(100vh - 74px);display:grid;align-items:center;padding:74px 0 92px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:38px;align-items:center}.hero-copy{position:relative;z-index:2}.hero h1 .thin{font-weight:650;color:#426783}.hero-actions{margin-top:30px}.trust-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.trust-strip span{border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(6,24,51,.05);padding:9px 12px;color:#36566f;font-weight:850;font-size:.86rem}.hero-stage{position:relative;min-height:640px}.apartment-visual{position:absolute;inset:34px 0 24px 70px;border-radius:42px;overflow:hidden;box-shadow:var(--shadow);background:linear-gradient(180deg,rgba(6,24,51,.04),rgba(6,24,51,.08)),linear-gradient(115deg,#d8e5ec,#fff 45%,#b6cad8);border:1px solid rgba(255,255,255,.8)}.apartment-visual:before{content:"";position:absolute;inset:0;background:url('assets/generated/smart-apartment-coastal.webp') center/cover no-repeat}.apartment-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(6,24,51,.55) 100%)}.hero-phone{position:absolute;left:8px;bottom:12px;z-index:4}.hero-phone.secondary{left:auto;right:12px;bottom:70px;transform:rotate(5deg) scale(.92);z-index:3}.floating-status{position:absolute;right:28px;top:28px;z-index:5;width:238px;border-radius:24px;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.66);box-shadow:var(--shadow-soft);padding:16px}.floating-status .line{display:flex;justify-content:space-between;gap:12px;font-weight:900}.floating-status .bar{height:7px;border-radius:999px;background:#e7eef3;margin-top:14px;overflow:hidden}.floating-status .bar i{display:block;width:82%;height:100%;background:linear-gradient(90deg,var(--mint),var(--sky));border-radius:inherit}.mini-map{position:absolute;right:18px;bottom:0;z-index:5;background:var(--navy);color:#fff;border-radius:28px;padding:18px 18px 16px;width:270px;box-shadow:var(--shadow)}.mini-map strong{font-size:1.08rem}.mini-map small{display:block;color:#aebfd0;margin-top:2px}.mini-map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.mini-map-grid span{height:42px;border-radius:12px;background:rgba(255,255,255,.09);position:relative}.mini-map-grid span:nth-child(2),.mini-map-grid span:nth-child(4),.mini-map-grid span:nth-child(8){background:rgba(101,231,197,.24)}
.phone-frame{width:226px;border-radius:38px;padding:12px;background:#111923;box-shadow:0 32px 80px rgba(6,24,51,.25);border:1px solid rgba(255,255,255,.2)}.phone-frame.large{width:258px}.phone-frame.small{width:190px;border-radius:34px}.phone-screen{border-radius:28px;overflow:hidden;background:#fff;position:relative;aspect-ratio:1290/2796}.phone-screen img{width:100%;height:100%;object-fit:cover}.phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:82px;height:19px;background:#111923;border-radius:0 0 14px 14px;z-index:4}.screen-caption{position:absolute;left:14px;right:14px;bottom:14px;border-radius:16px;background:rgba(6,24,51,.78);backdrop-filter:blur(10px);color:#fff;padding:10px 11px;z-index:5;font-size:.78rem;font-weight:850}.screen-caption b{display:block;font-size:.91rem}.ui-card{border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);padding:22px}.ui-card.dark-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.13);box-shadow:none}.dark-card h3,.dark-card b{color:#fff}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 12px 36px rgba(6,24,51,.06);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;right:-38px;top:-38px;width:110px;height:110px;border-radius:999px;background:rgba(101,231,197,.13)}.feature-icon{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;background:#eaf8f4;color:#0d6a59;font-weight:1000;margin-bottom:18px}.feature-card p,.ui-card p{color:#61778b;margin-bottom:0}.dark .feature-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.13)}.dark .feature-card p{color:#c7d8e6}.dark .feature-icon{background:rgba(101,231,197,.16);color:#b9fff0}.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.split.wide-left{grid-template-columns:1.15fr .85fr}.split.wide-right{grid-template-columns:.88fr 1.12fr}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.section-head p{max-width:520px;color:#60778b;margin-bottom:0}.dark .section-head p{color:#c7d8e6}.app-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:start}.app-gallery .phone-frame:nth-child(2n){margin-top:42px}.app-gallery .phone-frame:nth-child(3n){margin-top:12px}.yubii-card{border-radius:32px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);min-height:360px;display:grid}.yubii-card img{width:100%;height:100%;object-fit:cover}.yubii-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.flow-step{border-radius:24px;padding:18px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 28px rgba(6,24,51,.05);position:relative}.flow-step:not(:last-child):after{content:"→";position:absolute;right:-14px;top:50%;transform:translateY(-50%);font-weight:1000;color:#76a0bd}.flow-step strong{display:block;font-size:1.05rem}.flow-step span{display:block;color:var(--muted);font-size:.9rem;margin-top:4px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{border-radius:24px;background:#fff;border:1px solid var(--line);padding:18px}.stat b{font-size:2rem;letter-spacing:-.06em}.stat span{display:block;color:#64788d;font-weight:850;font-size:.86rem}.hero-lite{padding:78px 0 58px;position:relative;overflow:hidden}.hero-lite .container{position:relative}.hero-lite:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 0%,rgba(101,231,197,.22),transparent 28rem),radial-gradient(circle at 20% 20%,rgba(168,215,255,.25),transparent 24rem)}.page-kicker{font-weight:950;letter-spacing:.13em;text-transform:uppercase;color:#0e7765;font-size:.77rem;margin-bottom:18px}.page-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:end}.page-visual{border-radius:42px;min-height:380px;background:#fff;border:1px solid rgba(216,228,236,.85);box-shadow:var(--shadow);overflow:hidden;position:relative}.page-visual img.bg-svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.page-visual .phone-frame{position:absolute;right:34px;bottom:-22px}.page-visual .floating-panel{position:absolute;left:28px;top:28px;width:270px;border-radius:24px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft);padding:18px}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.chip{border-radius:999px;background:#edf6f8;border:1px solid #d9e9ee;color:#31506c;padding:8px 11px;font-weight:850;font-size:.84rem}.dark .chip{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.12);color:#d8eef5}.module-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.module{display:grid;grid-template-columns:auto 1fr;gap:15px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:20px;box-shadow:0 10px 28px rgba(6,24,51,.05)}.module .num{width:42px;height:42px;border-radius:15px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:950}.module p{color:var(--muted);margin-bottom:0}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.scenario{border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);padding:22px;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.scenario:before{content:"";position:absolute;inset:auto -25% -35% auto;width:170px;height:170px;border-radius:50%;background:rgba(37,95,149,.09)}.scenario .emoji{font-size:2rem}.scenario ul{padding-left:18px;color:#63798d;margin:12px 0 0}.project-showcase{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;align-items:center;border-radius:38px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:22px;overflow:hidden}.project-image{min-height:360px;border-radius:28px;background:linear-gradient(180deg,rgba(6,24,51,.08),rgba(6,24,51,.36)),url('assets/generated/apartment-floorplan.png') center/cover no-repeat;position:relative}.project-image.residential{background-image:linear-gradient(180deg,rgba(6,24,51,.02),rgba(6,24,51,.12)),url('assets/generated/residential-packages-smart-home.png')}.project-copy{padding:14px}.project-copy p{color:#61778b}.timeline{display:grid;gap:16px}.timeline-item{display:grid;grid-template-columns:150px 1fr;gap:18px;border-radius:26px;background:#fff;border:1px solid var(--line);padding:20px}.timeline-item time{font-weight:950;color:#0d6a59;letter-spacing:.1em;text-transform:uppercase;font-size:.75rem}.timeline-item p{color:var(--muted);margin-bottom:0}.quote-wrap{display:grid;grid-template-columns:.78fr 1.22fr;gap:28px;align-items:start}.quote-card{position:sticky;top:104px;border-radius:34px;padding:30px;background:linear-gradient(150deg,var(--navy),#0b315d);color:#fff;box-shadow:var(--shadow);overflow:hidden}.quote-card:after{content:"";position:absolute;right:-120px;bottom:-120px;width:250px;height:250px;border-radius:50%;background:rgba(101,231,197,.18)}.quote-card p{color:#c7d8e6}.quote-detail{display:flex;gap:12px;margin-top:18px}.quote-detail span{width:28px;height:28px;min-width:28px;border-radius:50%;background:var(--mint);color:var(--navy);font-weight:1000;display:grid;place-items:center}.quote-form{background:#fff;border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow);padding:28px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-weight:900;color:#243d56}.field input,.field select,.field textarea{border:1px solid #d4e1ea;background:#fbfdff;border-radius:18px;padding:14px 15px;outline:none;color:var(--ink);transition:.18s ease}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--mint);box-shadow:0 0 0 5px rgba(101,231,197,.14);background:#fff}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.check{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;background:#fbfdff;padding:12px;font-weight:820;color:#405a70}.form-note{font-size:.86rem;color:#6a7f92;margin-top:14px}.success{display:none;margin-top:16px;border:1px solid rgba(101,231,197,.6);background:#e9fbf6;color:#0d6a59;padding:14px;border-radius:18px;font-weight:850}.success.show{display:block}.footer{background:#041225;color:#c9d9e5;padding:60px 0 28px}.footer-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr .85fr;gap:28px}.footer p,.footer a{color:#a9bdcf}.footer a:hover{color:#fff}.footer h3{color:#fff}.footer-list{display:grid;gap:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.11);margin-top:34px;padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#829aaf;font-size:.9rem}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.marquee{overflow:hidden;margin-top:28px;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.marquee-track{display:flex;gap:11px;width:max-content;animation:scroll 26s linear infinite}.marquee span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 15px;font-weight:900;color:#435f76}@keyframes scroll{to{transform:translateX(-50%)}}
@media (max-width:1040px){.hero-grid,.page-grid,.split,.split.wide-left,.split.wide-right,.project-showcase,.quote-wrap{grid-template-columns:1fr}.hero-stage{min-height:630px}.apartment-visual{left:60px}.feature-grid,.yubii-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.app-gallery{grid-template-columns:repeat(2,1fr);justify-items:center}.flow{grid-template-columns:1fr}.flow-step:not(:last-child):after{display:none}.scenario-grid{grid-template-columns:repeat(2,1fr)}.quote-card{position:relative;top:auto}}
@media (max-width:760px){.nav-inner{padding:13px 16px}.menu-button{display:inline-flex}.nav-links{position:absolute;left:16px;right:16px;top:73px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch;padding:12px}.nav-links.open{display:flex}.nav-links a{border-radius:16px}.container{padding:0 18px}.hero{padding:50px 0 70px}h1{font-size:clamp(3rem,16vw,4.6rem)}h2{font-size:clamp(2.2rem,12vw,3.5rem)}.hero-stage{min-height:570px}.apartment-visual{inset:16px 0 44px 0}.hero-phone{left:10px}.hero-phone.secondary{display:none}.floating-status{right:10px;top:8px;width:220px}.mini-map{display:none}.phone-frame.large{width:228px}.phone-frame{width:205px}.section{padding:68px 0}.feature-grid,.yubii-grid,.module-list,.scenario-grid,.footer-grid,.stat-row,.form-grid,.check-grid{grid-template-columns:1fr}.section-head{display:block}.page-visual{min-height:480px}.page-visual .phone-frame{right:20px}.timeline-item{grid-template-columns:1fr}.quote-form,.quote-card{padding:22px}.footer-bottom{display:block}.marquee{mask-image:none}}

/* Help centre page */
.help-hero{padding:84px 0 78px;position:relative;overflow:hidden;background:linear-gradient(135deg,#f7fbff 0%,#eef6fa 58%,#ffffff 100%)}
.help-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 12%,rgba(101,231,197,.22),transparent 28rem),radial-gradient(circle at 20% 70%,rgba(7,29,60,.08),transparent 24rem);pointer-events:none}.help-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:42px;align-items:center;position:relative}.help-hero-copy h1{font-size:clamp(4.1rem,8vw,8.3rem);letter-spacing:-.09em;line-height:.86;margin-bottom:24px}.help-search-panel{margin-top:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:30px;padding:18px}.help-search-panel label{display:block;font-weight:950;color:#243d56;margin:0 0 10px}.help-search-row{display:grid;grid-template-columns:1fr auto;gap:12px}.help-search-row input{border:1px solid #d5e2eb;background:#fbfdff;border-radius:18px;padding:14px 16px;font:inherit;outline:none}.help-search-row input:focus{border-color:var(--mint);box-shadow:0 0 0 5px rgba(101,231,197,.14)}.popular-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.popular-links a{border-radius:999px;background:#eef7f8;border:1px solid #d9e9ee;color:#31506c;padding:8px 11px;font-size:.84rem;font-weight:900}.help-hero-visual{min-height:610px;border-radius:46px;background:#fff;border:1px solid rgba(216,228,236,.85);box-shadow:var(--shadow);overflow:hidden;position:relative}.guide-wedge{position:absolute;left:0;top:0;width:56%;height:130px;background:var(--navy);clip-path:polygon(0 0,100% 0,87% 100%,0 100%);z-index:2;display:flex;align-items:center;padding-left:36px}.guide-wedge span{background:var(--gold);color:var(--navy);border-radius:999px;padding:8px 12px;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:1000}.help-phone{position:absolute;z-index:3}.help-phone.one{width:250px;left:70px;top:150px}.help-phone.two{width:210px;right:62px;bottom:48px}.help-orbit-card{position:absolute;right:54px;top:162px;width:255px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-soft);padding:19px;z-index:4}.help-orbit-card strong{display:block;font-size:1.05rem}.help-orbit-card span{display:block;margin-top:6px;color:#64798d}.help-hero-visual:after{content:"";position:absolute;right:-110px;bottom:-120px;width:340px;height:340px;border-radius:50%;background:#eef5f8}.help-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.help-topic{display:block;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 10px 28px rgba(6,24,51,.05);padding:23px;position:relative;overflow:hidden;min-height:210px}.help-topic:before{content:"";position:absolute;right:-42px;bottom:-48px;width:140px;height:140px;border-radius:50%;background:rgba(101,231,197,.12);transition:.2s ease}.help-topic:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.help-topic:hover:before{transform:scale(1.18)}.help-topic span{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:var(--navy);color:#fff;font-weight:1000;margin-bottom:18px}.help-topic h3{margin-bottom:8px}.help-topic p{color:var(--muted);margin:0}.guide-section{background:linear-gradient(180deg,#fff 0%,#f5f9fc 100%)}.guide-layout{display:grid;grid-template-columns:1fr .78fr;gap:30px;align-items:center}.guide-copy{background:#fff;border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow-soft);padding:32px;position:relative;overflow:hidden}.guide-copy:before{content:"";position:absolute;inset:0 auto 0 0;width:10px;background:var(--navy)}.guide-label{display:inline-block;background:var(--gold);color:var(--navy);border-radius:999px;padding:7px 11px;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:1000;margin-bottom:14px}.step-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.step-strip div{background:#f3f8fb;border:1px solid var(--line);border-radius:20px;padding:16px}.step-strip b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;margin-bottom:10px}.step-strip span{display:block;color:#526b80;font-weight:800;font-size:.9rem}.guide-preview-card{background:#fff;border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);padding:14px;overflow:hidden}.guide-preview-card img{width:100%;border-radius:22px;box-shadow:0 10px 26px rgba(6,24,51,.12)}.mini-download{display:block;text-align:center;margin-top:14px;font-weight:950;color:#0c6f5e}.walkthrough-grid{display:grid;gap:24px}.walkthrough{display:grid;grid-template-columns:.78fr 1.22fr;gap:24px;align-items:center;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:34px;padding:24px;overflow:hidden}.walkthrough.reverse{grid-template-columns:1.22fr .78fr}.walkthrough.reverse .walkthrough-media{order:2}.walkthrough-media{min-height:360px;border-radius:28px;background:linear-gradient(150deg,#f0f7fb,#fff);display:grid;place-items:center;position:relative}.walkthrough-media:before{content:"";position:absolute;left:-60px;bottom:-70px;width:200px;height:200px;border-radius:50%;background:rgba(7,29,60,.07)}.walkthrough-media .phone-frame{width:218px;z-index:2}.walkthrough-content{padding:8px 10px}.walkthrough-content ol{counter-reset:helpSteps;list-style:none;padding:0;margin:18px 0;display:grid;gap:10px}.walkthrough-content li{position:relative;padding:12px 14px 12px 48px;border:1px solid var(--line);background:#fbfdff;border-radius:17px;color:#4d6579}.walkthrough-content li:before{counter-increment:helpSteps;content:counter(helpSteps, decimal-leading-zero);position:absolute;left:12px;top:12px;width:26px;height:26px;border-radius:50%;background:#e9f6f3;color:#0d6a59;font-size:.76rem;font-weight:1000;display:grid;place-items:center}.tip{margin:0;background:#f1f6f8;border-left:5px solid var(--gold);border-radius:16px;padding:13px 15px;color:#425b72}.tip.warning{background:#fff6e4}.door-lock-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.door-lock-grid div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:22px;padding:18px}.door-lock-grid strong{display:block;color:#fff}.door-lock-grid span{display:block;margin-top:6px;color:#c7d8e6}.phone-cluster{display:grid;place-items:center}.phone-cluster .phone-frame{width:285px;transform:rotate(2deg)}.trouble-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.trouble-card{min-height:175px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 10px 28px rgba(6,24,51,.05);padding:20px;display:flex;flex-direction:column;justify-content:space-between}.trouble-card h3{font-size:1.06rem;margin-bottom:10px}.trouble-card p{color:#61778b;margin:0}.trouble-card.dark-mini{background:var(--navy);border-color:var(--navy)}.trouble-card.dark-mini h3{color:#fff}.trouble-card.dark-mini p{color:#c7d8e6}.security-panel{border-radius:34px;background:linear-gradient(135deg,var(--navy),#061d3d);box-shadow:var(--shadow);padding:34px;display:grid;grid-template-columns:.78fr 1.22fr;gap:28px;color:#fff;position:relative;overflow:hidden}.security-panel:after{content:"";position:absolute;right:-140px;top:-150px;width:330px;height:330px;border-radius:50%;background:rgba(101,231,197,.12)}.security-panel p{color:#c7d8e6}.security-panel ul{position:relative;z-index:2;margin:0;padding:0;list-style:none;display:grid;gap:13px}.security-panel li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:13px 14px 13px 42px;position:relative;color:#e9f3f8}.security-panel li:before{content:"";position:absolute;left:16px;top:19px;width:11px;height:11px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(230,185,88,.13)}.guide-download-section{background:#f5f9fc}.guide-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.guide-thumb{display:block;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-soft);padding:12px;overflow:hidden}.guide-thumb img{width:100%;aspect-ratio:1/1.18;object-fit:cover;object-position:top;border-radius:18px;border:1px solid #e0e9ef}.guide-thumb span{display:block;margin:12px 6px 4px;font-weight:950;color:#25435d}.center-cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}
@media (max-width:1040px){.help-hero-grid,.guide-layout,.walkthrough,.walkthrough.reverse,.security-panel{grid-template-columns:1fr}.help-hero-visual{min-height:560px}.help-topic-grid,.trouble-grid,.guide-preview-grid{grid-template-columns:repeat(2,1fr)}.walkthrough.reverse .walkthrough-media{order:0}.step-strip{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.help-hero{padding:54px 0 64px}.help-search-row{grid-template-columns:1fr}.help-hero-visual{min-height:520px;border-radius:32px}.guide-wedge{width:78%;height:104px;padding-left:24px}.help-phone.one{width:215px;left:22px;top:135px}.help-phone.two{display:none}.help-orbit-card{right:14px;top:90px;width:220px}.help-topic-grid,.trouble-grid,.guide-preview-grid,.door-lock-grid,.step-strip{grid-template-columns:1fr}.walkthrough{padding:16px;border-radius:28px}.walkthrough-media{min-height:300px}.walkthrough-media .phone-frame{width:200px}.guide-copy,.security-panel{padding:24px}.help-hero-copy h1{font-size:clamp(3.3rem,16vw,4.6rem)}}


/* Projects page */
.projects-hero{position:relative;overflow:hidden;padding:86px 0 92px;background:linear-gradient(135deg,#f7fbff 0%,#eef6fa 54%,#ffffff 100%)}
.projects-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 18%,rgba(101,231,197,.22),transparent 28rem),radial-gradient(circle at 86% 24%,rgba(37,95,149,.16),transparent 32rem),url('assets/quo-pattern.svg') center/560px repeat;opacity:.95;pointer-events:none}.projects-hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:38px;align-items:center}.projects-hero h1{font-size:clamp(3.9rem,8vw,7.9rem);letter-spacing:-.09em;line-height:.86}.projects-hero-media{position:relative;min-height:610px}.project-collage{position:absolute;inset:0;border-radius:46px;overflow:hidden;box-shadow:var(--shadow);background:#fff;border:1px solid rgba(216,228,236,.78)}.project-collage img{width:100%;height:100%;object-fit:cover}.project-collage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,24,51,.04) 0%,rgba(6,24,51,.72) 100%)}.collage-card{position:absolute;z-index:4;border-radius:28px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow-soft);padding:18px}.collage-card.one{left:-10px;bottom:34px;width:270px}.collage-card.two{right:-6px;top:32px;width:245px}.collage-card strong{display:block;font-size:1.06rem}.collage-card span{display:block;color:#526b80;margin-top:5px}.project-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.metric-tile{background:#fff;border:1px solid var(--line);border-radius:22px;padding:17px;box-shadow:0 10px 24px rgba(6,24,51,.05)}.metric-tile b{display:block;font-size:1.5rem;letter-spacing:-.04em;color:var(--navy)}.metric-tile span{display:block;color:#61778b;font-weight:800;font-size:.86rem}.beachside-panel{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:stretch}.beachside-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.beachside-media-grid .photo-card:first-child{grid-column:1/3;min-height:380px}.photo-card{position:relative;overflow:hidden;border-radius:32px;background:#dce9f2;box-shadow:var(--shadow-soft);border:1px solid rgba(255,255,255,.7);min-height:230px}.photo-card img{width:100%;height:100%;object-fit:cover}.photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,24,51,.55))}.photo-card span{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;color:#fff;font-weight:950}.scope-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:34px;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.scope-list{display:grid;gap:12px;margin:22px 0 0}.scope-item{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;border:1px solid #dce8ef;background:#fbfdff;border-radius:18px;padding:13px}.scope-item b{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#e9f6f3;color:#0d6a59}.scope-item strong{display:block;color:#17334e}.scope-item span{display:block;color:#61778b;margin-top:2px;font-size:.94rem}.project-spotlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.spotlight-card{position:relative;overflow:hidden;border-radius:34px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);min-height:455px;display:flex;flex-direction:column}.spotlight-image{height:230px;position:relative;overflow:hidden;background:linear-gradient(135deg,#d9e7ef,#fff)}.spotlight-image img{width:100%;height:100%;object-fit:cover;transition:.35s ease}.spotlight-card:hover .spotlight-image img{transform:scale(1.05)}.spotlight-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(6,24,51,.58))}.spotlight-type{position:absolute;left:16px;bottom:15px;z-index:2;background:rgba(255,255,255,.9);color:var(--navy);border-radius:999px;padding:7px 10px;font-weight:950;font-size:.75rem;text-transform:uppercase;letter-spacing:.09em}.spotlight-body{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}.spotlight-body p{color:#60778b;margin-bottom:0}.spotlight-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.spotlight-tags span{border-radius:999px;background:#eef7f8;border:1px solid #d9e9ee;color:#31506c;padding:7px 9px;font-size:.78rem;font-weight:900}.portfolio-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:22px}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.filter-pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:950;color:#31506c;cursor:pointer;transition:.2s ease}.filter-pill.active,.filter-pill:hover{background:var(--navy);border-color:var(--navy);color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.portfolio-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 10px 28px rgba(6,24,51,.05);padding:18px;min-height:168px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.portfolio-card:before{content:"";position:absolute;right:-40px;top:-42px;width:118px;height:118px;border-radius:50%;background:rgba(37,95,149,.08)}.portfolio-card h3{font-size:1.07rem;margin-bottom:8px;position:relative}.portfolio-card p{color:#61778b;font-size:.91rem;margin:0;position:relative}.portfolio-card .portfolio-chip{align-self:flex-start;margin-top:18px;border-radius:999px;background:#e9f6f3;color:#0d6a59;padding:7px 9px;font-size:.74rem;font-weight:950;position:relative}.portfolio-card.hide{display:none}.system-line{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.system-line div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:18px;min-height:145px}.system-line b{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(101,231,197,.17);color:#b9fff0;margin-bottom:12px}.system-line strong{display:block;color:#fff}.system-line span{display:block;color:#c7d8e6;margin-top:6px;font-size:.93rem}.source-note{font-size:.88rem;color:#71869a;margin-top:26px}.source-note a{color:#0b6c5b;font-weight:900}.dark .source-note{color:#b7c9d8}.dark .source-note a{color:#b9fff0}
@media (max-width:1040px){.projects-hero-grid,.beachside-panel{grid-template-columns:1fr}.projects-hero-media{min-height:520px}.project-spotlight-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:repeat(3,1fr)}.system-line{grid-template-columns:repeat(2,1fr)}.project-metrics{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.projects-hero{padding:56px 0 66px}.projects-hero-media{min-height:440px}.collage-card.two{display:none}.collage-card.one{left:16px;right:16px;bottom:18px;width:auto}.beachside-media-grid{grid-template-columns:1fr}.beachside-media-grid .photo-card:first-child{grid-column:auto;min-height:280px}.project-spotlight-grid,.portfolio-grid,.system-line{grid-template-columns:1fr}.portfolio-toolbar{display:block}.filter-pills{margin-top:14px}.project-metrics{grid-template-columns:1fr}.spotlight-card{min-height:auto}}

/* Expanded image-led Habitap project wall */
.portfolio-grid.full-project-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.portfolio-card.image-project{padding:0;min-height:438px;display:flex;flex-direction:column;justify-content:flex-start;border-radius:32px;overflow:hidden;background:#fff;box-shadow:var(--shadow-soft);border:1px solid var(--line)}
.portfolio-card.image-project:before{display:none}
.portfolio-card .portfolio-image{height:224px;position:relative;overflow:hidden;background:linear-gradient(135deg,#dce9f2,#fff)}
.portfolio-card .portfolio-image img{width:100%;height:100%;object-fit:cover;transition:.45s ease;display:block}
.portfolio-card.image-project:hover .portfolio-image img{transform:scale(1.045)}
.portfolio-card .portfolio-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(6,24,51,.56))}
.portfolio-card .portfolio-image .portfolio-chip{position:absolute;left:16px;bottom:15px;z-index:2;margin:0;background:rgba(255,255,255,.92);color:var(--navy);backdrop-filter:blur(14px)}
.portfolio-card .portfolio-body{padding:21px;display:flex;flex-direction:column;gap:10px;flex:1}
.portfolio-card .portfolio-body h3{font-size:1.15rem;margin:0;line-height:1.08}
.portfolio-card .portfolio-body p{font-size:.94rem;color:var(--muted);margin:0;line-height:1.45}
.portfolio-card .portfolio-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:4px}
.portfolio-card .portfolio-meta span{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:var(--navy);background:#f7fafc;font-weight:950}
@media (max-width:1040px){.portfolio-grid.full-project-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.portfolio-grid.full-project-wall{grid-template-columns:1fr}.portfolio-card.image-project{min-height:auto}}


/* Quo asset refinements */
.phone-screen img{image-rendering:auto;backface-visibility:hidden;transform:translateZ(0)}
.yubii-card img,.photo-card img,.project-collage img{image-rendering:auto}
.phone-cluster.duo{display:grid;grid-template-columns:repeat(2,auto);gap:18px;align-items:center;justify-content:center}
.phone-cluster.duo .phone-frame{width:230px;transform:rotate(3deg)}
.phone-cluster.duo .phone-frame:nth-child(2){transform:rotate(-4deg);margin-top:54px}
@media (max-width:760px){.phone-cluster.duo{grid-template-columns:1fr}.phone-cluster.duo .phone-frame{width:220px;margin:0 auto}.phone-cluster.duo .phone-frame:nth-child(2){display:none}}


/* V3 quality and help-search fixes */
.search-hidden{display:none!important}
.help-search-empty{display:none;margin-top:18px;border:1px solid #d9e9ee;background:#fff;border-radius:20px;padding:16px 18px;color:#31506c;font-weight:850;box-shadow:0 10px 24px rgba(6,24,51,.05)}
.help-search-empty.show{display:block}
.help-search-panel.search-active{box-shadow:0 22px 54px rgba(6,24,51,.13),0 0 0 5px rgba(101,231,197,.12)}
.commercial-expanded{grid-template-columns:repeat(2,1fr)}
.commercial-platform{background:linear-gradient(180deg,#f7fafc,#eef6fb)}
.commercial-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.commercial-feature{background:#fff;border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:var(--shadow-soft);min-height:245px;position:relative;overflow:hidden}
.commercial-feature:after{content:"";position:absolute;right:-46px;bottom:-52px;width:140px;height:140px;border-radius:50%;background:rgba(101,231,197,.12)}
.commercial-feature strong{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:#e9f6f3;color:#0d6a59;margin-bottom:16px}
.commercial-feature p{color:#61778b;margin:0;position:relative;z-index:2}
.yubii-card{min-height:360px}
.yubii-card img{width:100%;height:100%;object-fit:cover;image-rendering:auto}
.page-visual img.bg-svg{image-rendering:auto}
.project-image{background-size:cover!important;background-position:center!important}
.project-showcase .project-image{min-height:390px}
@media (max-width:1040px){.commercial-feature-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.commercial-feature-grid,.commercial-expanded{grid-template-columns:1fr}.yubii-card{min-height:300px}}



/* Project page external title links */
.project-title-link{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:color .18s ease,transform .18s ease}
.project-title-link:after{content:'↗';font-size:.76em;line-height:1;opacity:.58;transform:translateY(-1px)}
.project-title-link:hover{color:#0d6a59;transform:translateY(-1px)}
.collage-card .project-title-link:hover{color:#0d6a59}
.section-project-link:hover{color:#0d6a59}


/* V8 polish: Habitap video embed + cleaned overview action flow */
.habitap-video-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#f8fbfd 0%,#eef6fb 100%)}
.habitap-video-section:before{content:"";position:absolute;inset:auto -10% -45% auto;width:560px;height:560px;border-radius:999px;background:radial-gradient(circle,rgba(101,231,197,.22),transparent 68%);pointer-events:none}.habitap-video-wrap{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:center}.habitap-video-copy h2{max-width:620px}.video-card{border-radius:34px;background:#fff;border:1px solid rgba(216,228,236,.95);box-shadow:var(--shadow);padding:14px;overflow:hidden}.video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:25px;overflow:hidden;background:linear-gradient(135deg,var(--navy),#12375f)}.video-frame iframe,.video-frame video{position:absolute;inset:0;width:100%;height:100%;border:0}.video-frame video{object-fit:cover;background:#07182f}.video-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 5px 3px;color:#62788b;font-size:.88rem;font-weight:850}.video-caption a{color:var(--navy);font-weight:950}.video-caption a:hover{text-decoration:underline}
.habitap-banner-video:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(6,24,51,.08),rgba(6,24,51,.18));mix-blend-mode:multiply}.habitap-banner-video video{z-index:1}.habitap-banner-video:after{z-index:2}
.tap-action-section{padding:84px 0}.tap-action-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:center}.tap-action-copy h2{max-width:610px}.tap-action-note{margin-top:24px;display:flex;gap:13px;align-items:flex-start;max-width:560px;padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.tap-action-note b{color:#fff;min-width:max-content}.tap-action-note span{color:#c7d8e6}.tap-action-panel{position:relative;border-radius:34px;padding:20px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.16);box-shadow:0 28px 70px rgba(0,0,0,.18);overflow:hidden}.tap-action-panel:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 14% 8%,rgba(101,231,197,.24),transparent 24rem),radial-gradient(circle at 92% 88%,rgba(168,215,255,.17),transparent 26rem);pointer-events:none}.tap-flow-grid{position:relative;display:grid;grid-template-columns:1fr;gap:11px}.tap-step{position:relative;display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center;border-radius:23px;padding:16px;background:rgba(255,255,255,.95);border:1px solid rgba(216,228,236,.85);box-shadow:0 12px 32px rgba(6,24,51,.12)}.tap-step:not(:last-child):after{content:"";position:absolute;left:42px;bottom:-12px;width:2px;height:12px;background:linear-gradient(180deg,rgba(101,231,197,.8),rgba(168,215,255,.3))}.tap-step .tap-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf8f4,#dff2ff);color:#0d6a59;font-weight:1000;font-size:1.08rem}.tap-step strong{display:block;color:var(--navy);font-size:1.05rem;letter-spacing:-.025em}.tap-step p{margin:4px 0 0;color:#5b7186;font-size:.94rem;line-height:1.35}.tap-step.done{background:linear-gradient(145deg,#f6fffc,#eef8ff)}.tap-step.done .tap-icon{background:var(--navy);color:#fff}
@media (max-width:980px){.habitap-video-wrap,.tap-action-layout{grid-template-columns:1fr}.tap-action-panel{padding:16px}.tap-action-note{flex-direction:column}.video-caption{flex-direction:column;align-items:flex-start}.tap-step{grid-template-columns:48px 1fr}.tap-step .tap-icon{width:48px;height:48px;border-radius:16px}.tap-step:not(:last-child):after{left:39px}}
@media (max-width:620px){.tap-action-section{padding:64px 0}.habitap-video-section{padding:64px 0}.tap-step{grid-template-columns:1fr;gap:10px}.tap-step:not(:last-child):after{display:none}.tap-step .tap-icon{width:46px;height:46px}.video-card{border-radius:24px;padding:10px}.video-frame{border-radius:18px}}


/* V11 commercial polish: icon-led module cards + larger app-in-motion video */
.icon-module-grid{gap:18px}
.icon-module-grid .module{grid-template-columns:112px 1fr;align-items:center;min-height:164px;padding:20px 24px 20px 20px;border-radius:28px;background:rgba(255,255,255,.95);box-shadow:0 18px 44px rgba(6,24,51,.08);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.icon-module-grid .module:hover{transform:translateY(-4px);box-shadow:0 28px 64px rgba(6,24,51,.12);border-color:#c6dbe8}
.icon-module-grid .module .module-icon{width:86px;height:86px;border-radius:24px;background:linear-gradient(145deg,#041225 0%,#08234a 62%,#0d355f 100%);color:#e9fbf6;box-shadow:0 18px 34px rgba(6,24,51,.18),inset 0 1px 0 rgba(255,255,255,.08);position:relative;overflow:hidden;margin:0}
.icon-module-grid .module .module-icon:before{content:"";position:absolute;inset:-34px;background:radial-gradient(circle at 20% 20%,rgba(101,231,197,.24),transparent 34%),radial-gradient(circle at 90% 80%,rgba(168,215,255,.18),transparent 34%);opacity:.95}
.icon-module-grid .module .module-icon:after{content:"";position:absolute;inset:0;background-image:linear-gradient(120deg,rgba(255,255,255,.06) 0,transparent 35%),repeating-radial-gradient(circle at 20% 20%,rgba(255,255,255,.055) 0 1px,transparent 1px 12px);opacity:.65}
.icon-module-grid .module .module-icon svg{position:relative;z-index:2;width:48px;height:48px;stroke:currentColor;filter:drop-shadow(0 8px 12px rgba(0,0,0,.16))}
.icon-module-grid .module h3{font-size:1.3rem;margin-bottom:8px;letter-spacing:-.045em}.icon-module-grid .module p{font-size:.99rem;line-height:1.55;color:#61778b}
.habitap-video-section{padding:82px 0 86px;background:linear-gradient(180deg,#f8fbfd 0%,#eef6fb 100%)}
.habitap-video-section .container{max-width:1360px}.habitap-video-wrap{grid-template-columns:.43fr 1.57fr;gap:44px;align-items:center}.habitap-video-copy h2{font-size:clamp(3.2rem,6vw,6.1rem);line-height:.9;letter-spacing:-.075em;margin-bottom:24px;max-width:470px}.habitap-video-copy .lead{font-size:1.18rem;max-width:420px}.motion-accent{width:72px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--mint),transparent);margin:0 0 24px}.video-card{padding:16px;border-radius:38px;box-shadow:0 30px 86px rgba(6,24,51,.18)}.video-card .video-frame{border-radius:29px}.habitap-banner-video{aspect-ratio:16/9;min-height:500px}.habitap-banner-video video{object-fit:cover}.video-caption{display:none!important}
@media (max-width:1120px){.habitap-video-wrap{grid-template-columns:1fr;gap:28px}.habitap-video-copy h2{max-width:780px}.habitap-video-copy .lead{max-width:640px}.habitap-banner-video{min-height:auto}.icon-module-grid .module{grid-template-columns:96px 1fr}.icon-module-grid .module .module-icon{width:78px;height:78px}.icon-module-grid .module .module-icon svg{width:44px;height:44px}}
@media (max-width:760px){.icon-module-grid .module{grid-template-columns:1fr;gap:16px;align-items:start}.icon-module-grid .module .module-icon{width:74px;height:74px}.icon-module-grid .module .module-icon svg{width:40px;height:40px}.habitap-video-section{padding:66px 0}.habitap-video-copy h2{font-size:clamp(3rem,14vw,4.4rem)}.video-card{padding:10px;border-radius:28px}.video-card .video-frame{border-radius:22px}}

.visual-stack-section{padding-top:34px;padding-bottom:34px}.visual-stack-followup{padding-top:0;padding-bottom:84px}.visual-stack-card{border-radius:42px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.visual-stack-card img{display:block;width:100%;height:auto}.visual-stack-card + .visual-stack-card{margin-top:26px}@media (max-width:1040px){.visual-stack-section{padding-top:24px;padding-bottom:24px}.visual-stack-followup{padding-top:0;padding-bottom:58px}.visual-stack-card{border-radius:30px}}

.page-visual.hero-art{min-height:auto;padding:0;background:#fff}.page-visual.hero-art .hero-art-image{display:block;width:100%;height:auto;position:static;object-fit:contain}.refined-gallery{align-items:center}.refined-gallery .yubii-card{min-height:400px}.dark .refined-gallery .yubii-card{background:#0a1f3d;border-color:rgba(255,255,255,.14)}.dark .refined-gallery .phone-frame{box-shadow:0 28px 70px rgba(0,0,0,.32)}@media (max-width:760px){.refined-gallery .yubii-card{min-height:320px}}

.hero-art{position:relative}.hero-art-label{position:absolute;left:24px;bottom:24px;max-width:310px;padding:18px 20px;border-radius:24px;background:rgba(6,24,51,.7);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px rgba(6,24,51,.22)}.hero-art-label span{display:inline-block;margin-bottom:8px;color:#8eeed2;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:950}.hero-art-label strong{display:block;color:#fff;font-size:1.25rem;line-height:1.05;margin-bottom:8px}.hero-art-label small{display:block;color:#d4e5ef;font-size:.92rem;line-height:1.45}.app-layer-section .split{align-items:center}.app-layer-points{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:24px 0 18px}.app-layer-points div{padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.app-layer-points strong{display:block;color:#fff;margin-bottom:6px}.app-layer-points span{display:block;color:#c7d8e6;font-size:.95rem;line-height:1.55}.app-layer-stage{position:relative;min-height:620px;border-radius:40px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.11);overflow:hidden;box-shadow:0 26px 70px rgba(0,0,0,.22)}.app-layer-stage:before{content:"";position:absolute;inset:-12% auto auto -10%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(101,231,197,.18),transparent 62%)}.app-layer-stage:after{content:"";position:absolute;right:-120px;bottom:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(50,105,167,.18),transparent 62%)}.app-layer-card{position:absolute;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(0,0,0,.24);background:#0b2341}.app-layer-card img{display:block;width:100%;height:100%;object-fit:cover}.app-layer-card.dashboard{left:34px;top:54px;width:44%;height:56%;transform:rotate(-2deg)}.app-layer-card.scene{right:150px;bottom:42px;width:46%;height:52%;transform:rotate(2deg)}.app-layer-phone{position:absolute;right:32px;top:70px;width:220px;z-index:4;box-shadow:0 28px 80px rgba(0,0,0,.4)}.app-layer-tag{position:absolute;z-index:5;padding:14px 16px;border-radius:20px;background:rgba(6,24,51,.8);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.11);box-shadow:0 16px 40px rgba(0,0,0,.22)}.app-layer-tag span{display:block;color:#87e6cb;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:950;margin-bottom:4px}.app-layer-tag strong{display:block;color:#fff;font-size:1rem;line-height:1.2}.app-layer-tag.resident-tag{left:36px;bottom:34px}.app-layer-tag.control-tag{right:210px;top:26px}.app-layer-stage .phone-frame{background:#0b1220}.app-layer-stage .phone-screen img{object-fit:contain;background:#edf3f7}.app-layer-section .chips{margin-top:16px}@media (max-width:1040px){.app-layer-stage{min-height:720px}.app-layer-card.dashboard{width:52%;height:48%}.app-layer-card.scene{right:120px;width:54%;height:40%}.app-layer-phone{right:24px;width:200px}.app-layer-tag.control-tag{right:170px}}@media (max-width:760px){.hero-art-label{left:16px;right:16px;bottom:16px;max-width:none}.app-layer-points{grid-template-columns:1fr}.app-layer-stage{min-height:760px;padding-top:22px}.app-layer-card.dashboard{left:18px;top:74px;width:62%;height:34%;transform:none}.app-layer-card.scene{right:18px;bottom:150px;width:68%;height:30%;transform:none}.app-layer-phone{right:18px;top:34px;width:168px}.app-layer-tag.resident-tag{left:18px;bottom:24px}.app-layer-tag.control-tag{left:18px;right:auto;top:24px}}

.hero-full-bleed{position:relative;overflow:hidden;min-height:760px;display:flex;align-items:flex-end;padding:0}.hero-full-bleed .hero-bg,.hero-full-bleed .hero-shade{position:absolute;inset:0}.hero-full-bleed .hero-bg img{width:100%;height:100%;object-fit:cover;display:block}.hero-full-bleed .hero-shade{background:linear-gradient(90deg,rgba(235,242,246,.84) 0%,rgba(235,242,246,.72) 28%,rgba(235,242,246,.28) 52%,rgba(6,24,51,.12) 100%)}.commercial-hero .hero-shade{background:linear-gradient(90deg,rgba(235,242,246,.88) 0%,rgba(235,242,246,.76) 30%,rgba(235,242,246,.32) 54%,rgba(6,24,51,.12) 100%)}.residential-hero .hero-shade{background:linear-gradient(90deg,rgba(241,246,249,.90) 0%,rgba(241,246,249,.74) 30%,rgba(241,246,249,.25) 56%,rgba(6,24,51,.10) 100%)}.hero-overlay-layout{position:relative;z-index:2;width:100%;padding-top:140px;padding-bottom:64px;display:flex;align-items:flex-end;min-height:760px}.hero-overlay-panel{max-width:620px;padding:34px 36px;border-radius:34px;background:rgba(255,255,255,.42);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.45);box-shadow:0 28px 70px rgba(6,24,51,.14)}.hero-overlay-panel h1{max-width:12ch}.hero-overlay-panel .lead{color:#435f76;max-width:58ch}.hero-overlay-panel .page-kicker{margin-bottom:14px}.hero-mini-label{display:inline-flex;flex-direction:column;gap:5px;margin:10px 0 0;padding:14px 16px;border-radius:20px;background:rgba(6,24,51,.07);border:1px solid rgba(6,24,51,.08)}.hero-mini-label span{font-size:.73rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#0d6a59}.hero-mini-label strong{font-size:1rem;line-height:1.25;color:#19324a}.hero-full-bleed .hero-actions{margin-top:22px}.hero-full-bleed.hero-lite:before{display:none}.hero-full-bleed .btn.secondary{background:rgba(255,255,255,.78)}@media (max-width:1040px){.hero-full-bleed,.hero-overlay-layout{min-height:680px}.hero-overlay-layout{padding-top:120px;padding-bottom:48px}.hero-overlay-panel{max-width:560px;padding:28px 28px}}@media (max-width:760px){.hero-full-bleed,.hero-overlay-layout{min-height:620px}.hero-full-bleed .hero-shade,.commercial-hero .hero-shade,.residential-hero .hero-shade{background:linear-gradient(180deg,rgba(241,246,249,.68) 0%,rgba(241,246,249,.62) 32%,rgba(241,246,249,.24) 62%,rgba(6,24,51,.18) 100%)}.hero-overlay-layout{align-items:flex-end;padding-top:112px;padding-bottom:26px}.hero-overlay-panel{max-width:none;width:100%;padding:22px 20px;border-radius:28px}.hero-overlay-panel h1{max-width:9ch}.hero-mini-label{margin-top:6px}}


/* V17: tighten commercial/residential full-background hero overlays */
.hero-overlay-layout{padding-bottom:46px;min-height:720px}
.hero-full-bleed{min-height:720px}
.hero-overlay-panel{
  max-width:520px;
  padding:24px 26px 26px;
  border-radius:28px;
  background:rgba(255,255,255,.48);
  box-shadow:0 22px 56px rgba(6,24,51,.13);
}
.hero-overlay-panel h1{
  font-size:clamp(3.15rem,5.1vw,5.45rem);
  line-height:.88;
  letter-spacing:-.085em;
  max-width:12.5ch;
  margin-bottom:16px;
}
.hero-overlay-panel .lead{
  font-size:clamp(1rem,1.2vw,1.16rem);
  line-height:1.52;
  max-width:48ch;
  margin-bottom:0;
}
.hero-overlay-panel .page-kicker{
  font-size:.68rem;
  margin-bottom:12px;
}
.hero-mini-label{
  margin-top:12px;
  padding:10px 12px;
  border-radius:16px;
  gap:3px;
}
.hero-mini-label span{font-size:.64rem}
.hero-mini-label strong{font-size:.88rem;line-height:1.22}
.hero-full-bleed .hero-actions{margin-top:18px}
.hero-full-bleed .btn{padding:13px 18px;font-size:.92rem;border-radius:19px}
@media (max-width:1040px){
  .hero-full-bleed,.hero-overlay-layout{min-height:650px}
  .hero-overlay-layout{padding-top:112px;padding-bottom:38px}
  .hero-overlay-panel{max-width:500px;padding:22px 24px;border-radius:26px}
  .hero-overlay-panel h1{font-size:clamp(2.85rem,8vw,4.6rem);max-width:12ch}
}
@media (max-width:760px){
  .hero-full-bleed,.hero-overlay-layout{min-height:590px}
  .hero-overlay-panel{padding:18px 18px 20px;border-radius:24px}
  .hero-overlay-panel h1{font-size:clamp(2.65rem,13vw,4rem);max-width:10.5ch;margin-bottom:12px}
  .hero-overlay-panel .lead{font-size:.98rem;line-height:1.48}
  .hero-mini-label{padding:9px 11px;border-radius:15px}
  .hero-full-bleed .btn{padding:12px 15px;font-size:.88rem}
}


/* V18: smaller, lighter hero text overlays so image stays visible and text stays inside panel */
.hero-full-bleed{min-height:700px}
.hero-overlay-layout{min-height:700px;padding-bottom:40px}
.commercial-hero .hero-shade{background:linear-gradient(90deg,rgba(235,242,246,.58) 0%,rgba(235,242,246,.44) 28%,rgba(235,242,246,.16) 52%,rgba(6,24,51,.05) 100%)}
.residential-hero .hero-shade{background:linear-gradient(90deg,rgba(241,246,249,.56) 0%,rgba(241,246,249,.40) 28%,rgba(241,246,249,.14) 54%,rgba(6,24,51,.05) 100%)}
.hero-overlay-panel{
  max-width:430px;
  width:min(430px,calc(100vw - 52px));
  padding:20px 22px 22px;
  border-radius:24px;
  background:rgba(255,255,255,.34);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-color:rgba(255,255,255,.32);
  box-shadow:0 18px 46px rgba(6,24,51,.11);
  overflow:hidden;
}
.hero-overlay-panel h1{
  font-size:clamp(2.25rem,3.8vw,3.8rem);
  line-height:.92;
  letter-spacing:-.065em;
  max-width:100%;
  overflow-wrap:normal;
  margin-bottom:14px;
}
.hero-overlay-panel .lead{
  font-size:clamp(.92rem,1vw,1.02rem);
  line-height:1.45;
  max-width:100%;
}
.hero-overlay-panel .page-kicker{font-size:.62rem;letter-spacing:.14em;margin-bottom:10px}
.hero-mini-label{padding:8px 10px;border-radius:14px;margin-top:10px;background:rgba(6,24,51,.055)}
.hero-mini-label span{font-size:.57rem;letter-spacing:.12em}
.hero-mini-label strong{font-size:.8rem;line-height:1.18}
.hero-full-bleed .hero-actions{margin-top:16px;gap:10px}
.hero-full-bleed .btn{padding:11px 15px;font-size:.84rem;border-radius:17px}
@media (max-width:1040px){
  .hero-full-bleed,.hero-overlay-layout{min-height:640px}
  .hero-overlay-layout{padding-bottom:34px}
  .hero-overlay-panel{max-width:400px;width:min(400px,calc(100vw - 44px));padding:18px 20px 20px;border-radius:22px}
  .hero-overlay-panel h1{font-size:clamp(2.1rem,5vw,3.35rem);line-height:.94;letter-spacing:-.06em}
}
@media (max-width:760px){
  .hero-full-bleed,.hero-overlay-layout{min-height:560px}
  .hero-overlay-layout{padding-bottom:22px}
  .hero-overlay-panel{width:calc(100vw - 32px);padding:16px 16px 18px;border-radius:20px;background:rgba(255,255,255,.42)}
  .hero-overlay-panel h1{font-size:clamp(2rem,9vw,3rem);line-height:.94;letter-spacing:-.055em;margin-bottom:10px}
  .hero-overlay-panel .lead{font-size:.9rem;line-height:1.38}
  .hero-mini-label{padding:7px 9px;margin-top:8px}
  .hero-full-bleed .btn{padding:10px 12px;font-size:.8rem}
}

/* V21 image-led hero sections */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-image-section{position:relative;background:#edf3f7;overflow:hidden}.hero-image-showcase{display:block;width:100%;height:auto}.hero-commercial-showcase:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(235,242,246,.88) 0%,rgba(235,242,246,.72) 18%,rgba(235,242,246,.26) 34%,rgba(235,242,246,0) 54%);pointer-events:none;z-index:1}.hero-image-copy{position:absolute;left:clamp(28px,6vw,74px);top:50%;transform:translateY(-50%);z-index:2;max-width:min(500px,40vw)}.hero-image-copy h1{font-size:clamp(3.2rem,6vw,5.8rem);line-height:.92;letter-spacing:-.07em;margin-bottom:16px;text-wrap:balance}.hero-image-copy .lead{font-size:clamp(1rem,1.55vw,1.28rem);line-height:1.55;color:#4d657a;max-width:35ch}.hero-image-copy .page-kicker{font-size:.82rem;letter-spacing:.14em;margin-bottom:16px}.hero-image-copy .hero-actions{margin-top:24px}.hero-image-copy .btn.secondary{background:rgba(255,255,255,.88)}.hero-residential-showcase{background:#edf3f7}.hero-residential-showcase .hero-image-showcase{display:block} @media (max-width:1100px){.hero-image-copy{left:28px;max-width:min(420px,46vw)}.hero-image-copy h1{font-size:clamp(2.7rem,5.4vw,4.8rem)}.hero-image-copy .lead{font-size:1rem}} @media (max-width:760px){.hero-commercial-showcase:before{background:linear-gradient(180deg,rgba(235,242,246,.84) 0%,rgba(235,242,246,.66) 30%,rgba(235,242,246,.18) 54%,rgba(235,242,246,0) 72%)}.hero-image-copy{position:absolute;left:18px;right:18px;top:26px;transform:none;max-width:none}.hero-image-copy h1{font-size:clamp(2.2rem,10vw,3.5rem);margin-bottom:12px;max-width:9ch}.hero-image-copy .lead{font-size:.95rem;line-height:1.45;max-width:26ch}.hero-image-copy .page-kicker{font-size:.7rem;margin-bottom:10px}.hero-image-copy .hero-actions{margin-top:16px;gap:10px}.hero-image-copy .btn{padding:11px 14px;font-size:.84rem;border-radius:18px}}

/* V22 overview redesign */
.overview-suite-section{padding-top:30px;padding-bottom:28px}.overview-suite{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:20px;align-items:stretch}.overview-suite-card{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.command-card{padding:0}.command-shell{display:grid;grid-template-columns:92px 1fr;min-height:100%}.command-sidebar{background:linear-gradient(180deg,#081937 0%,#092654 100%);color:#fff;padding:22px 14px;display:flex;flex-direction:column;gap:10px}.command-brand{font-size:1.75rem;font-weight:950;letter-spacing:-.04em;margin-bottom:8px}.command-pill{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);font-size:.82rem;font-weight:700;color:#d7e6f1}.command-pill.active{background:#1eb5a6;color:#fff}.command-status{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.command-status b{display:block;font-size:.82rem}.command-status small{display:block;color:#9db5c7;font-size:.72rem;margin-top:4px}.command-main{padding:24px 20px 18px}.command-head h3,.ops-head h3,.scene-head h3,.development-copy h2,.development-head h3,.development-mini-card h3{font-size:clamp(1.5rem,2vw,2.15rem);line-height:1.02;letter-spacing:-.04em}.command-head p,.ops-head p,.development-copy p{color:#657b8f}.command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.mini-stat{padding:14px;border-radius:16px;border:1px solid var(--line);background:#f9fbfc}.mini-stat span{display:block;font-size:.82rem;color:#506678;margin-bottom:10px}.mini-stat b{display:block;font-size:2rem;line-height:1;letter-spacing:-.04em;color:#0d2246}.mini-stat b small{font-size:.95rem;color:#159e8d;font-weight:800}.mini-stat em{display:block;margin-top:8px;font-style:normal;color:#8ba0b2;font-size:.78rem}.progress-card{margin-top:16px;padding:16px;border-radius:18px;background:#fbfcfd;border:1px solid var(--line)}.progress-card .line{display:flex;justify-content:space-between;gap:10px;font-weight:800;color:#17304a}.progress-bar{height:8px;border-radius:999px;background:#dfedf1;margin:12px 0 8px;overflow:hidden}.progress-bar i{display:block;height:100%;width:82%;background:linear-gradient(90deg,#4bddc0,#1eb5a6);border-radius:999px}.progress-card small{color:#7d95a8}.scene-card{display:flex;flex-direction:column}.scene-photo{height:360px;background:#111}.scene-photo img{display:block;width:100%;height:100%;object-fit:cover}.scene-panel{padding:18px 18px 20px;background:#fbfbfc}.scene-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.scene-head span{display:block;font-size:.72rem;letter-spacing:.14em;color:#0fa08e;font-weight:950}.scene-head h3{font-size:1.95rem;margin:.3rem 0 .35rem}.scene-head p{font-size:.9rem;color:#73879a}.scene-head b{padding:8px 12px;border-radius:999px;background:#def6ef;color:#10957f;font-size:.84rem}.scene-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0 14px}.scene-actions span{padding:12px 10px;border-radius:14px;border:1px solid var(--line);text-align:center;font-weight:700;color:#1a3250;background:#fff}.scene-actions span:first-child{border-color:#55d0bd;background:#eefbf8;color:#10957f}.scene-panel button,.development-mini-card button{appearance:none;border:0;width:100%;padding:14px 16px;border-radius:14px;background:#dff1ec;color:#0f8d79;font-weight:900;font-size:.95rem}.ops-card{padding:22px 22px 20px}.ops-grid{display:grid;grid-template-columns:1.1fr .95fr;gap:16px;margin-top:18px}.ops-map{min-height:250px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(0deg,rgba(230,238,243,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(230,238,243,.7) 1px,transparent 1px);background-size:24px 24px;position:relative}.ops-map .dot{position:absolute;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1aa793;color:#fff;font-weight:900}.ops-map .a{left:12%;top:18%}.ops-map .b{left:58%;top:24%}.ops-map .c{left:74%;top:58%}.ops-map .d{left:24%;top:80%}.ops-list{display:grid;gap:12px}.ops-list div,.ops-footer div{padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#fbfcfd}.ops-list span,.ops-footer span{display:block;color:#60778a;font-size:.86rem}.ops-list b,.ops-footer b{display:block;color:#122844;font-size:1.05rem;margin-top:6px}.ops-footer{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.overview-development-section{padding-top:18px;padding-bottom:86px}.development-top{display:grid;grid-template-columns:1.15fr .66fr;gap:26px;align-items:start;margin-bottom:24px}.development-copy h2{font-size:clamp(2.4rem,4.1vw,4.9rem);max-width:11ch;margin-top:8px}.development-copy p{max-width:62ch}.development-side{display:grid;gap:18px}.development-mini-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:16px}.mini-scene-top,.chart-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.mini-scene-top p,.chart-head p{color:#758ba0;font-size:.88rem}.mini-scene-top b{padding:8px 12px;border-radius:999px;background:#def6ef;color:#10957f;font-size:.8rem}.mini-scene-image{height:180px;border-radius:18px;overflow:hidden;background:#111}.mini-scene-image img{width:100%;height:100%;display:block;object-fit:cover}.mini-scene-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.mini-scene-stats span{padding:12px 8px;border-radius:14px;background:#f7fafb;border:1px solid var(--line);text-align:center}.mini-scene-stats b{display:block;font-size:.82rem;color:#203753}.mini-scene-stats small{display:block;margin-top:4px;font-size:.78rem;color:#617689}.chart-card .chart-legend{display:flex;flex-wrap:wrap;gap:14px;color:#698296;font-size:.82rem;font-weight:700}.chart-legend span{display:inline-flex;align-items:center;gap:8px}.chart-legend span:before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}.chart-legend .navy{color:#0b1f45}.chart-legend .blue{color:#3f8cff}.chart-legend .mint{color:#49d8bf}.chart-area{height:180px;border-radius:18px;background:linear-gradient(0deg,rgba(232,238,243,.75) 1px,transparent 1px),linear-gradient(90deg,rgba(232,238,243,.75) 1px,transparent 1px);background-size:26px 26px;margin:14px 0 16px;padding:14px}.chart-area svg{width:100%;height:100%}.development-main-card{display:grid;grid-template-columns:108px 1fr;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.development-nav{background:linear-gradient(180deg,#081937 0%,#092654 100%);padding:24px 14px;display:flex;flex-direction:column;gap:10px}.dev-logo{font-size:2.2rem;font-weight:950;color:#fff;letter-spacing:-.06em;margin-bottom:10px}.dev-logo span{color:#49d8bf}.dev-link{padding:10px 12px;border-radius:12px;color:#d7e6f1;font-size:.84rem;font-weight:700;background:rgba(255,255,255,.05)}.dev-link.active{background:#153a76;color:#fff}.dev-link.settings{margin-top:auto}.development-main{padding:22px 20px}.development-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.development-head p{color:#6d8498;margin-top:6px}.dev-user{padding:10px 14px;border-radius:999px;background:#f3f7fa;border:1px solid var(--line);font-weight:700;color:#27415d;font-size:.85rem}.development-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.dev-stat{padding:14px;border-radius:16px;background:#f8fafb;border:1px solid var(--line)}.dev-stat span{display:block;font-size:.84rem;color:#5f778b;margin-bottom:10px}.dev-stat b{display:block;font-size:2rem;line-height:1;color:#0d2246}.dev-stat small{display:block;margin-top:8px;color:#11907d;font-weight:700}.development-lower{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dev-activity,.dev-system{padding:16px;border:1px solid var(--line);border-radius:18px;background:#fbfcfd}.dev-activity h4,.dev-system h4{font-size:1.05rem;margin:0 0 14px}.dev-activity ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.dev-activity li{display:flex;justify-content:space-between;gap:18px;color:#17304a;font-size:.92rem;padding-bottom:10px;border-bottom:1px solid #e7eef3}.dev-activity li:last-child{border-bottom:0;padding-bottom:0}.dev-activity li span{color:#7b92a5;font-size:.82rem}.sys-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e7eef3;color:#17304a}.sys-row:last-child{border-bottom:0}.sys-row b{color:#11907d}.sys-row.warn b{color:#e2a638}.visual-stack-section,.visual-stack-followup,.visual-stack-card{display:none}@media (max-width:1180px){.overview-suite{grid-template-columns:1fr}.ops-grid,.development-top,.development-main-card,.development-lower{grid-template-columns:1fr}.development-stat-grid{grid-template-columns:repeat(2,1fr)}.command-shell{grid-template-columns:84px 1fr}.development-main-card{display:block}.development-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:center}.dev-logo{margin-bottom:0}.dev-link.settings{margin-top:0}.overview-development-section{padding-bottom:68px}}@media (max-width:760px){.overview-suite-card,.development-main-card,.development-mini-card{border-radius:22px}.scene-photo{height:280px}.command-grid,.development-stat-grid,.scene-actions,.mini-scene-stats,.ops-footer{grid-template-columns:1fr 1fr}.ops-grid{grid-template-columns:1fr}.command-main,.ops-card,.development-main{padding:18px}.development-copy h2{font-size:clamp(2rem,10vw,3.6rem)}.dev-activity li{flex-direction:column;gap:4px}.development-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.dev-link{font-size:.78rem}.dev-logo{grid-column:1/-1}.command-shell{grid-template-columns:72px 1fr}.command-brand{font-size:1.25rem}.command-pill,.command-status b,.command-status small{font-size:.72rem}.mini-stat b{font-size:1.55rem}}


/* V25 liquid-glass refinement from V22 */
:root{
  --glass-bg:rgba(255,255,255,.58);
  --glass-bg-strong:rgba(255,255,255,.68);
  --glass-border:rgba(255,255,255,.52);
  --glass-shadow:0 22px 55px rgba(6,24,51,.12);
}

.feature-card,
.ui-card,
.metric-tile,
.collage-card,
.photo-card,
.scope-card,
.portfolio-card,
.module,
.scenario,
.project-showcase,
.stat,
.overview-suite-card,
.development-mini-card,
.development-main-card,
.progress-card,
.mini-stat,
.ops-list div,
.ops-footer div,
.dev-stat,
.dev-activity,
.dev-system,
.dev-user,
.flow-step,
.guide-card,
.support-card,
.help-card,
.info-card,
.card,
.quote-panel,
.form-panel{
  background:var(--glass-bg);
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
  border:1px solid var(--glass-border) !important;
  box-shadow:var(--glass-shadow);
}

.command-main,
.scene-panel,
.ops-card,
.development-main,
.portfolio-body,
.scope-card,
.project-copy,
.ui-card,
.feature-card,
.scenario,
.module,
.dev-user,
.progress-card,
.mini-stat,
.dev-activity,
.dev-system{
  color:#0f2340;
}

.feature-card p,
.ui-card p,
.portfolio-body p,
.scope-card p,
.project-copy p,
.command-head p,
.scene-head p,
.ops-head p,
.development-copy p,
.mini-scene-top p,
.chart-head p,
.dev-activity li span,
.dev-user,
.progress-card small,
.mini-stat em,
.ops-list span,
.ops-footer span,
.dev-stat span,
.dev-system .sys-row span{
  color:#62788d;
}

.feature-icon,
.module-icon,
.emoji,
.num{
  box-shadow:0 8px 24px rgba(6,24,51,.10);
}

.chip,
.filter-pill,
.portfolio-chip,
.trust-strip span,
.nav-links a.active,
.nav-links a:hover,
.btn.secondary{
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
}

.chip,
.filter-pill,
.btn.secondary{
  background:rgba(255,255,255,.62);
  border-color:rgba(255,255,255,.56);
  color:#23405f;
}

.projects-hero .collage-card,
.project-collage,
.portfolio-image,
.photo-card,
.scope-card,
.project-showcase,
.overview-suite-card,
.development-mini-card,
.development-main-card{
  overflow:hidden;
}

/* Keep dark UI panes intentionally solid for contrast */
.command-sidebar,
.development-nav{
  background:linear-gradient(180deg,#081937 0%,#092654 100%);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  border-right:1px solid rgba(255,255,255,.08);
}

/* Development section sizing fix */
.overview-development-section{padding-top:18px;padding-bottom:86px}
.development-top{
  grid-template-columns:1.2fr .6fr;
  gap:22px;
  align-items:start;
  margin-bottom:12px;
}
.development-copy{
  max-width:720px;
}
.development-side{
  gap:12px;
  align-self:start;
}
.development-mini-card{
  padding:14px;
  border-radius:22px;
}
.development-mini-card h3,
.chart-head h3{
  font-size:1rem;
  line-height:1.1;
  margin-bottom:2px;
}
.mini-scene-top,
.chart-head{
  margin-bottom:10px;
}
.mini-scene-top b{
  padding:7px 10px;
  font-size:.74rem;
}
.mini-scene-image{
  height:118px;
  border-radius:16px;
}
.mini-scene-stats{
  gap:8px;
  margin:10px 0 12px;
}
.mini-scene-stats span{
  padding:9px 5px;
  border-radius:12px;
  background:rgba(255,255,255,.40);
}
.mini-scene-stats b{
  font-size:.76rem;
}
.mini-scene-stats small{
  font-size:.74rem;
  margin-top:2px;
}
.chart-card .chart-legend{
  gap:10px;
  font-size:.76rem;
}
.chart-area{
  height:122px;
  margin:10px 0 12px;
  padding:12px;
  border-radius:16px;
}
.development-mini-card button,
.scene-panel button{
  padding:12px 14px;
  border-radius:12px;
}
.development-main-card{
  margin-top:0;
}

/* Slightly glassify overview dashboard elements */
.scene-actions span,
.command-pill,
.dev-link,
.ops-map,
.progress-bar,
.chart-area,
.dev-stat,
.mini-stat,
.ops-list div,
.ops-footer div,
.dev-activity,
.dev-system{
  background-color:rgba(255,255,255,.40);
}
.scene-actions span:first-child{
  background:rgba(234,251,246,.82);
}
.ops-map{
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

@media (max-width:1180px){
  .development-top{
    grid-template-columns:1fr;
    gap:18px;
    margin-bottom:14px;
  }
  .development-side{
    grid-template-columns:1fr 1fr;
    display:grid;
  }
  .mini-scene-image,
  .chart-area{
    height:150px;
  }
}

@media (max-width:760px){
  .development-side{
    grid-template-columns:1fr;
  }
  .mini-scene-image{
    height:132px;
  }
  .chart-area{
    height:130px;
  }
}


/* V27: Quo branding applied only to logo + navigation, rest kept from V25 */
.nav{
  background:rgba(242,241,241,.86);
  border-bottom:1px solid rgba(153,153,153,.34);
  backdrop-filter:blur(18px) saturate(130%);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
}
.brand{
  color:#3d3d3d;
}
.brand span{
  color:#3d3d3d;
}
.brand-mark{
  filter:drop-shadow(0 10px 20px rgba(61,61,61,.14));
}
.nav-links a{
  color:#3d3d3d;
}
.nav-links a:hover,
.nav-links a.active{
  background:rgba(61,61,61,.08);
  color:#3d3d3d;
}
.nav-links .nav-cta{
  background:#3d3d3d;
  color:#f2f1f1;
  box-shadow:0 14px 28px rgba(61,61,61,.18);
}
.nav-links .nav-cta:hover{
  background:#2f2f2f;
  color:#fff;
}
.menu-button{
  background:#3d3d3d;
  color:#f2f1f1;
}
.footer .brand span{
  color:#f2f1f1 !important;
}

/* V28 residential module cube carousel */
#home-modules .home-module-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(520px,1.1fr);gap:44px;align-items:center}
#home-modules .section-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;margin-bottom:0;max-width:460px}
#home-modules .section-head p{max-width:440px}
#home-modules .home-module-carousel{justify-self:end;width:100%}
#home-modules .home-module-carousel{display:grid;place-items:center;margin-top:0;min-height:470px;perspective:1600px;overflow:visible}
#home-modules .scenario-cube-wrap{--cube-w:620px;--cube-h:382px;--cube-depth:310px;position:relative;width:var(--cube-w);height:var(--cube-h);perspective:1600px;transform:translateZ(0)}
#home-modules .scenario-cube{position:absolute;inset:0;transform-style:preserve-3d;animation:quoModuleCube 22s cubic-bezier(.72,0,.24,1) infinite;will-change:transform}
#home-modules .scenario-cube:hover{animation-play-state:paused}
#home-modules .scenario-face{position:absolute;inset:0;width:100%;height:100%;min-height:0;border-radius:34px;padding:28px 30px;background:linear-gradient(145deg,rgba(7,69,105,.98),rgba(17,107,167,.92));border:1px solid rgba(173,239,255,.45);box-shadow:0 32px 76px rgba(6,24,51,.18),0 0 0 1px rgba(255,255,255,.08) inset,0 0 26px rgba(75,216,255,.18);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;backface-visibility:hidden;color:#f4fbff}
#home-modules .scenario-face:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 14% 8%,rgba(255,255,255,.24),transparent 34%),radial-gradient(circle at 94% 84%,rgba(176,241,255,.22),transparent 35%),linear-gradient(120deg,rgba(255,255,255,.18),transparent 46%);pointer-events:none;z-index:0}
#home-modules .scenario-face:after{content:"";position:absolute;right:-78px;bottom:-88px;width:230px;height:230px;border-radius:50%;background:rgba(255,255,255,.10);pointer-events:none;z-index:0}
#home-modules .scenario-face>*{position:relative;z-index:1}
#home-modules .scenario-front{background:linear-gradient(145deg,#077b87 0%,#0b92a2 44%,#0c5978 100%)}
#home-modules .scenario-right{background:linear-gradient(145deg,#53bbff 0%,#2089ea 52%,#1359ba 100%)}
#home-modules .scenario-back{background:linear-gradient(145deg,#73e3d2 0%,#2ebfc5 50%,#1487b0 100%)}
#home-modules .scenario-left{background:linear-gradient(145deg,#2f84f1 0%,#1767d1 52%,#0d469c 100%)}
#home-modules .scenario-front{transform:rotateY(0deg) translateZ(var(--cube-depth))}
#home-modules .scenario-right{transform:rotateY(90deg) translateZ(var(--cube-depth))}
#home-modules .scenario-back{transform:rotateY(180deg) translateZ(var(--cube-depth))}
#home-modules .scenario-left{transform:rotateY(270deg) translateZ(var(--cube-depth))}
#home-modules .scenario-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
#home-modules .scenario-face .emoji{width:58px;height:58px;border-radius:20px;background:rgba(255,255,255,.18);border:1px solid rgba(223,247,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 14px 30px rgba(6,24,51,.14);display:grid;place-items:center;font-size:2rem}
#home-modules .scenario-face h3{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.065em;margin-bottom:10px;color:#f8fdff}
#home-modules .scenario-copy{max-width:520px;margin-bottom:12px;color:rgba(244,251,255,.88);font-size:1.02rem;line-height:1.55}
#home-modules .scenario-face ul{display:grid;gap:7px;padding-left:20px;margin:0;color:rgba(242,250,255,.92);font-size:1rem;line-height:1.45}
#home-modules .scenario-face li::marker{color:#d6fff8}
#home-modules .scenario-face .chip{background:rgba(255,255,255,.18);border-color:rgba(223,247,255,.24);color:#f6fdff;box-shadow:0 10px 22px rgba(6,24,51,.10)}
#home-modules .scenario-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
#home-modules .scenario-detail-grid span{border-radius:16px;background:rgba(255,255,255,.16);border:1px solid rgba(223,247,255,.24);padding:10px 12px;text-align:center;color:#f6fdff;font-weight:900;font-size:.86rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
#home-modules .cube-shadow{position:absolute;left:7%;right:7%;bottom:-48px;height:60px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(6,24,51,.20),rgba(29,195,214,.14) 38%,transparent 70%);filter:blur(12px);transform:translateZ(-120px);pointer-events:none}
@keyframes quoModuleCube{0%,18%{transform:rotateY(0deg)}25%,43%{transform:rotateY(-90deg)}50%,68%{transform:rotateY(-180deg)}75%,93%{transform:rotateY(-270deg)}100%{transform:rotateY(-360deg)}}
@media (max-width:760px){#home-modules .home-module-layout{grid-template-columns:1fr;gap:18px}#home-modules .section-head{max-width:none;gap:12px}#home-modules .home-module-carousel{display:block;justify-self:stretch;min-height:0;margin-top:4px;perspective:none}#home-modules .scenario-cube-wrap{width:100%;height:auto;perspective:none;transform:none}#home-modules .scenario-cube{position:relative;inset:auto;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,84vw);gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;transform:none!important;animation:none;padding:4px 0 18px}#home-modules .scenario-face{position:relative;inset:auto;width:auto;height:auto;min-height:470px;transform:none!important;scroll-snap-align:center;padding:24px 22px;border-radius:28px}#home-modules .scenario-face h3{font-size:2.25rem}#home-modules .scenario-copy{font-size:.96rem}#home-modules .scenario-face ul{font-size:.94rem}#home-modules .scenario-detail-grid{grid-template-columns:1fr;gap:8px}#home-modules .scenario-detail-grid span{text-align:left}#home-modules .cube-shadow{display:none}}
@media (prefers-reduced-motion:reduce){#home-modules .scenario-cube{animation:none}}


/* V31: premium landing page redesign + centered nav */
.nav{position:sticky;top:0;z-index:80;background:rgba(247,250,252,.82);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid rgba(216,228,236,.75)}
.nav-inner{max-width:var(--max);margin:0 auto;padding:15px 22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}
.nav-links{display:flex;align-items:center;justify-content:center;gap:7px}
.nav-links a{padding:10px 15px;border-radius:999px;color:#31506c;font-size:.92rem;font-weight:820;transition:.2s ease}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--navy);color:#fff;box-shadow:0 14px 28px rgba(6,24,51,.18);padding:12px 18px;font-size:.92rem;font-weight:900;white-space:nowrap;transition:.2s ease}
.nav-cta:hover{background:#112e55;color:#fff;transform:translateY(-1px)}
.brand{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:.09em}
.brand small{display:block;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#6b8095}
.home-page{background:#04070c;color:#fff}
.home-page:before,.home-page:after{display:none}
.home-page .nav{position:fixed;width:100%;background:rgba(7,10,17,.22);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(130%)}
.home-page .brand span,.home-page .brand small,.home-page .nav-links a{color:rgba(255,255,255,.9)}
.home-page .nav-links a:hover,.home-page .nav-links a.active{background:rgba(255,255,255,.08);color:#fff}
.home-page .nav-cta{background:#fff;color:#07182f;box-shadow:none}
.home-page .nav-cta:hover{background:#f4f7fb;color:#07182f}
.home-page .brand-mark{filter:drop-shadow(0 10px 20px rgba(0,0,0,.28))}
.landing-hero{position:relative;min-height:100vh;overflow:hidden;background:#04070c;display:flex;align-items:stretch}
.landing-hero-media,.landing-hero-shade{position:absolute;inset:0}
.landing-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(1.04) contrast(1.04)}
.landing-hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.66) 24%,rgba(0,0,0,.30) 54%,rgba(0,0,0,.12) 100%)}
.landing-hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(320px,530px) 1fr;align-items:center;min-height:100vh;padding-top:110px;padding-bottom:54px}
.landing-copy{max-width:520px}
.landing-kicker{color:#c0c9d3;font-size:.84rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:18px}
.landing-hero h1{color:#fff;font-size:clamp(4rem,7vw,6.35rem);line-height:.92;letter-spacing:-.08em;max-width:9ch;margin-bottom:20px}
.landing-lead{max-width:34rem;color:#dae3ec;font-size:clamp(1.06rem,1.5vw,1.28rem);line-height:1.6;margin-bottom:0}
.landing-btn{background:transparent!important;border:1px solid rgba(255,255,255,.45)!important;color:#fff!important;box-shadow:none!important;padding:14px 24px!important}
.landing-btn:hover{background:rgba(255,255,255,.08)!important}
.hero-glass{position:absolute;z-index:3;min-width:182px;padding:18px 20px;border-radius:26px;background:rgba(34,36,43,.46);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 46px rgba(0,0,0,.20)}
.hero-glass .glass-label{display:block;font-size:.88rem;color:#f3d16e;font-weight:900;margin-bottom:4px}
.hero-glass strong{display:block;font-size:1.05rem;color:#fff;line-height:1.15}
.hero-glass small{display:block;color:#d0d8e2;margin-top:2px;font-size:.92rem}
.hero-card-lighting{right:300px;top:120px}
.hero-card-climate{right:26px;top:170px}
.hero-card-climate .glass-label{color:#8ec7ff}
.hero-card-security{right:330px;top:330px}
.hero-card-security .glass-label{color:#80ec96}
.hero-card-blinds{right:18px;bottom:96px}
.hero-card-blinds .glass-label{color:#ead4b5}
.industry-strip-section{background:#06090e;border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10)}
.industry-strip-inner{display:grid;grid-template-columns:250px 1fr;align-items:center;gap:18px;padding-top:20px;padding-bottom:20px}
.industry-strip-copy{display:grid;gap:2px;color:#fff;text-transform:uppercase;letter-spacing:.13em;font-size:.77rem}
.industry-strip-copy span{color:#a9b6c3}.industry-strip-copy strong{font-size:1.05rem;color:#fff;letter-spacing:.08em}
.logo-carousel{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.logo-track{display:flex;align-items:center;gap:18px;width:max-content;animation:scroll 22s linear infinite}
.logo-track span{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:150px;padding:8px 16px;color:#fff;font-size:1.1rem;font-weight:900;letter-spacing:-.03em;opacity:.95}
.logo-track span:not(:last-child):after{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:1px;height:34px;background:rgba(255,255,255,.18)}
.landing-featured-solutions{background:#06090e;padding:52px 0 84px;color:#fff}
.landing-featured-grid{display:grid;grid-template-columns:1.05fr repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.landing-feature-copy{padding:20px 12px 20px 0;display:flex;flex-direction:column;justify-content:center}
.dark-pill{background:transparent;border-color:transparent;color:#4aa0ff;padding-left:0}.dark-pill:before{display:none}
.landing-feature-copy h2{color:#fff;font-size:clamp(3rem,5vw,5.2rem);line-height:.92;margin-bottom:16px}
.landing-feature-copy p{color:#c8d2dc;max-width:26rem;font-size:1rem}
.solution-tile{position:relative;min-height:430px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:#11161f;box-shadow:0 20px 54px rgba(0,0,0,.20);transition:.24s ease}
.solution-tile:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.18)}
.solution-media,.solution-media img{position:absolute;inset:0;width:100%;height:100%}
.solution-media img{object-fit:cover}
.solution-tile:nth-child(4) .solution-media img{object-position:72% center}
.solution-tile:nth-child(5) .solution-media img{object-position:top center}
.solution-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,9,14,.04) 18%,rgba(6,9,14,.82) 100%);z-index:1}
.solution-overlay{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;color:#fff}
.tile-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(6,9,14,.34);backdrop-filter:blur(6px);margin-bottom:16px;font-size:1rem;font-weight:900}
.solution-overlay h3{font-size:1.65rem;margin-bottom:8px;color:#fff}
.solution-overlay p{margin:0;color:#dbe3eb;line-height:1.5;font-size:.98rem}
.home-page .section:not(.dark),.home-page .overview-suite-section,.home-page .overview-development-section{background:linear-gradient(180deg,#f6f9fb 0%,#eef4f8 100%);color:var(--ink)}
.home-page .section:not(.dark) p,.home-page .overview-suite-section p,.home-page .overview-development-section p{color:#61778b}
@media (max-width:1160px){.landing-featured-grid{grid-template-columns:1fr 1fr;}.landing-feature-copy{grid-column:1/-1;padding-right:0}.hero-card-lighting{right:220px}.hero-card-security{right:240px}}
@media (max-width:1040px){.nav-inner{grid-template-columns:auto 1fr auto}.landing-hero-layout{grid-template-columns:1fr;align-items:end;padding-bottom:44px}.landing-copy{max-width:540px}.hero-glass{position:relative;right:auto;top:auto;bottom:auto;margin-top:14px;display:inline-block}.hero-card-lighting,.hero-card-climate,.hero-card-security,.hero-card-blinds{margin-right:14px}.landing-hero-layout{gap:16px}.industry-strip-inner{grid-template-columns:1fr;gap:10px}.landing-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-feature-copy{grid-column:1/-1}.solution-tile{min-height:360px}}
@media (max-width:760px){.nav-inner{grid-template-columns:auto auto auto;padding:13px 16px}.nav-cta{padding:10px 14px;font-size:.84rem}.brand small{display:none}.home-page .menu-button{background:rgba(255,255,255,.12);color:#fff}.home-page .nav-links{background:rgba(7,10,17,.95);border-color:rgba(255,255,255,.10)}.home-page .nav-links a{color:#fff}.nav-links{position:absolute;left:16px;right:16px;top:73px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch;padding:12px}.nav-links.open{display:flex}.landing-hero{min-height:auto}.landing-hero-layout{min-height:620px;padding-top:108px;padding-bottom:26px}.landing-hero h1{font-size:clamp(3.2rem,14vw,4.4rem);max-width:7.5ch}.landing-lead{font-size:.98rem}.hero-glass{min-width:0;width:calc(50% - 9px);padding:14px 14px;border-radius:20px}.landing-hero-layout{display:block}.landing-copy{margin-bottom:18px}.hero-card-lighting,.hero-card-climate,.hero-card-security,.hero-card-blinds{display:inline-block;vertical-align:top;margin:0 10px 10px 0}.logo-track span{min-width:128px;font-size:.98rem}.landing-featured-solutions{padding:42px 0 60px}.landing-feature-copy h2{font-size:clamp(2.65rem,13vw,3.8rem)}.landing-featured-grid{grid-template-columns:1fr}.solution-tile{min-height:320px}.home-page .nav-cta{display:none}}


/* V32: homepage cleanup refinement */
.home-page .container{max-width:1320px}
.landing-hero-media img{object-position:64% center}
.landing-hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.90) 0%,rgba(0,0,0,.80) 26%,rgba(0,0,0,.42) 57%,rgba(0,0,0,.16) 100%)}
.landing-hero-layout{grid-template-columns:minmax(320px,520px) 1fr;align-items:flex-start;padding-top:132px;padding-bottom:46px}
.landing-copy{max-width:500px;padding-top:28px}
.landing-hero h1{font-size:clamp(3.65rem,6.2vw,5.9rem);max-width:7.4ch;line-height:.93;margin-bottom:18px}
.landing-lead{max-width:31rem;font-size:clamp(1rem,1.3vw,1.18rem)}
.hero-glass{min-width:210px;padding:18px 20px;border-radius:28px;background:rgba(31,34,42,.52);box-shadow:0 18px 46px rgba(0,0,0,.24)}
.hero-card-lighting{right:330px;top:116px}
.hero-card-climate{right:70px;top:182px}
.hero-card-security{right:360px;top:380px}
.hero-card-blinds{right:60px;bottom:106px}
.industry-strip-inner{grid-template-columns:240px 1fr;gap:28px}
.logo-carousel .marquee-track span,.logo-track span,.marquee .logo-track span{background:transparent!important;border:none!important;box-shadow:none!important;color:#fff!important;min-width:auto!important;padding:10px 22px!important;border-radius:0!important}
.logo-track{gap:0!important;animation-duration:26s!important}
.logo-track span{font-size:1.28rem!important;font-weight:900!important;letter-spacing:-.02em!important;opacity:1!important}
.logo-track span:first-child{padding-left:0!important}
.logo-track span:last-child{padding-right:0!important}
.logo-track span:after{height:32px!important;background:rgba(255,255,255,.16)!important}
.landing-featured-solutions{padding:56px 0 88px}
.landing-featured-grid{grid-template-columns:minmax(300px,.9fr) repeat(4,minmax(190px,1fr));gap:16px;align-items:end}
.landing-feature-copy{padding:0 10px 0 0;align-self:center}
.landing-feature-copy h2{font-size:clamp(3rem,5vw,5.15rem);max-width:5.2ch}
.landing-feature-copy p{max-width:30rem;font-size:1rem;line-height:1.5}
.solution-tile.reference-tile{background:transparent;border:1px solid rgba(255,255,255,.10);box-shadow:0 22px 52px rgba(0,0,0,.18);min-height:0;border-radius:24px;overflow:hidden}
.solution-tile.reference-tile:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.18)}
.solution-tile.reference-tile:before,.solution-tile.reference-tile .solution-overlay{display:none!important}
.solution-tile.reference-tile .solution-media{position:relative;inset:auto;display:block;aspect-ratio:285/314;width:100%}
.solution-tile.reference-tile .solution-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
@media (max-width:1160px){.landing-featured-grid{grid-template-columns:1fr 1fr}.landing-feature-copy{grid-column:1/-1}.hero-card-lighting{right:250px}.hero-card-security{right:270px}.hero-card-climate{right:34px}.hero-card-blinds{right:34px}}
@media (max-width:1040px){.home-page .container{max-width:1220px}.landing-hero-media img{object-position:60% center}.landing-hero-layout{padding-top:122px;padding-bottom:34px}.landing-copy{padding-top:10px}.hero-glass{width:auto;min-width:200px}.industry-strip-inner{grid-template-columns:1fr;gap:12px}.logo-track span{font-size:1.12rem!important;padding:8px 18px!important}.landing-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.landing-feature-copy{grid-column:1/-1;padding-right:0}.solution-tile.reference-tile .solution-media{aspect-ratio:285/314}}
@media (max-width:760px){.home-page .container{max-width:none}.landing-hero-media img{object-position:68% center}.landing-hero-layout{min-height:650px;padding-top:106px}.landing-copy{padding-top:0;max-width:92%}.landing-hero h1{font-size:clamp(3rem,13vw,4.3rem);max-width:6.8ch}.hero-glass{width:calc(50% - 10px);min-width:0;padding:14px 14px}.logo-track span{font-size:1rem!important;padding:8px 12px!important}.landing-featured-grid{grid-template-columns:1fr}.solution-tile.reference-tile .solution-media{aspect-ratio:285/314;max-width:340px;margin:0 auto}.landing-feature-copy h2{max-width:6ch}}


/* V33: hero and solution grid cleanup */
.landing-hero-layout{grid-template-columns:minmax(300px,520px) minmax(320px,460px)!important;justify-content:space-between!important;align-items:start!important;padding-top:138px!important;padding-bottom:48px!important}
.landing-copy{max-width:485px!important;padding-top:36px!important;justify-self:start}
.landing-hero h1{max-width:6.7ch!important;font-size:clamp(3.7rem,6vw,5.8rem)!important;line-height:.92!important}
.landing-lead{max-width:29rem!important}
.hero-alert-cluster{justify-self:end;align-self:start;display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:26px;width:min(460px,100%);margin-top:6px}
.hero-alert-cluster .hero-glass{position:relative!important;right:auto!important;top:auto!important;bottom:auto!important;left:auto!important;min-width:0!important;width:100%;padding:18px 20px!important;border-radius:28px!important}
.hero-alert-cluster .hero-card-blinds{margin-top:18px}
.landing-featured-grid{grid-template-columns:minmax(300px,.86fr) minmax(400px,.98fr)!important;gap:34px!important;align-items:start!important}
.landing-feature-copy{padding-top:8px!important;max-width:340px}
.landing-feature-copy h2{max-width:5ch!important}
.landing-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.landing-card-grid .solution-tile.reference-tile{min-height:0!important}
.landing-card-grid .solution-tile.reference-tile .solution-media{aspect-ratio:285/314!important;max-width:none!important;margin:0!important}
@media (max-width:1040px){.landing-hero-layout{grid-template-columns:1fr!important;gap:22px!important;padding-top:122px!important}.landing-copy{max-width:540px!important;padding-top:0!important}.hero-alert-cluster{justify-self:start;width:min(520px,100%);grid-template-columns:repeat(2,minmax(180px,1fr));gap:18px}.hero-alert-cluster .hero-card-blinds{margin-top:0}.landing-featured-grid{grid-template-columns:1fr!important;gap:22px!important}.landing-feature-copy{max-width:none}.landing-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media (max-width:760px){.landing-hero-layout{min-height:650px!important;padding-top:104px!important}.landing-copy{max-width:92%!important}.landing-hero h1{font-size:clamp(3rem,13vw,4.3rem)!important;max-width:6.5ch!important}.hero-alert-cluster{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-alert-cluster .hero-glass{padding:14px 14px!important;border-radius:20px!important}.landing-card-grid{grid-template-columns:1fr;gap:16px}.landing-card-grid .solution-tile.reference-tile .solution-media{max-width:340px!important;margin:0 auto!important}}


/* V38: Quote page redesign */
html{scroll-behavior:smooth}
.quote-page{background:#07111d;color:#fff}
.quote-page .nav{position:fixed;width:100%;background:rgba(7,10,17,.26);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(130%)}
.quote-page .brand span,.quote-page .brand small,.quote-page .nav-links a{color:rgba(255,255,255,.92)}
.quote-page .nav-links a:hover,.quote-page .nav-links a.active{background:rgba(255,255,255,.08);color:#fff}
.quote-page .nav-cta{background:rgba(8,18,31,.56);color:#fff;border:1px solid rgba(83,234,209,.55);box-shadow:none}
.quote-page .nav-cta:hover{background:rgba(13,30,49,.82);color:#fff}
.quote-page .menu-button{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.16)}
.quote-page main{background:#07111d}
.quote-hero{position:relative;min-height:100vh;overflow:hidden;background:#07111d}
.quote-hero-bg,.quote-hero-shade{position:absolute;inset:0}
.quote-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:64% center;display:block;filter:saturate(1.02) contrast(1.04)}
.quote-hero-shade{background:linear-gradient(90deg,rgba(5,10,18,.95) 0%,rgba(6,12,22,.90) 24%,rgba(6,12,22,.56) 48%,rgba(6,12,22,.18) 100%)}
.quote-hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(300px,520px) minmax(330px,500px);justify-content:space-between;gap:46px;align-items:center;min-height:100vh;padding-top:130px;padding-bottom:70px}
.quote-hero-copy{max-width:510px}
.dark-kicker{color:#58e8d3}
.quote-hero-copy h1{font-size:clamp(4rem,7vw,6.4rem);line-height:.92;letter-spacing:-.08em;color:#fff;max-width:7ch;margin-bottom:18px}
.quote-hero-copy .lead{color:#dbe4ee;max-width:34rem;font-size:clamp(1.05rem,1.45vw,1.24rem);line-height:1.58}
.quote-hero-meta{align-self:center;color:#ccd8e5;font-size:1rem;font-weight:700}
.quote-scroll-btn{background:rgba(8,18,31,.46)!important;border:1px solid rgba(83,234,209,.55)!important;color:#fff!important;box-shadow:none!important}
.quote-scroll-btn:hover{background:rgba(13,30,49,.76)!important}
.quote-hero-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-content:center}
.quote-float-card{border-radius:28px;padding:22px 24px;background:linear-gradient(180deg,rgba(15,22,32,.44),rgba(23,24,28,.68));border:1px solid rgba(255,255,255,.13);box-shadow:0 24px 54px rgba(0,0,0,.26);backdrop-filter:blur(14px);color:#fff;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}
.quote-float-card small{display:block;color:#dbe4ee;font-size:.92rem;font-weight:700;margin-bottom:8px}
.quote-float-card p{margin:0;color:#c4d2df;line-height:1.48}
.quote-float-card strong{display:block;font-size:1.15rem;line-height:1.18;color:#fff}
.quote-float-card b{display:block;margin-top:10px;font-size:1.65rem;line-height:1;color:#58e8d3;letter-spacing:-.05em}
.float-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(88,232,211,.12);border:1px solid rgba(88,232,211,.22);color:#66f3df;font-weight:900}
.quote-float-systems ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.quote-float-systems li{position:relative;padding-left:22px;color:#f2f6fa}.quote-float-systems li:before{content:"";position:absolute;left:0;top:9px;width:9px;height:9px;border-radius:50%;background:#58e8d3;box-shadow:0 0 0 4px rgba(88,232,211,.15)}
.quote-float-context{grid-column:1}.quote-float-project{grid-column:2}.quote-float-systems{grid-column:2;grid-row:2 / span 2}.quote-float-stage{grid-column:1}.quote-float-outcome{grid-column:1 / span 2;grid-template-columns:auto 1fr;align-items:end}
.stage-dots{display:flex;gap:10px;margin-top:16px}.stage-dots i{width:13px;height:13px;border-radius:50%;background:rgba(255,255,255,.14);display:block}.stage-dots i.active{background:#58e8d3;box-shadow:0 0 0 4px rgba(88,232,211,.14)}
.mini-bars{display:flex;align-items:flex-end;gap:8px;margin-top:18px}.mini-bars i{display:block;width:16px;border-radius:999px 999px 0 0;background:linear-gradient(180deg,#58e8d3,#2d7a74)}.mini-bars i:nth-child(1){height:6px}.mini-bars i:nth-child(2){height:5px}.mini-bars i:nth-child(3){height:8px}.mini-bars i:nth-child(4){height:9px}.mini-bars i:nth-child(5){height:7px}.mini-bars i:nth-child(6){height:18px}.mini-bars i:nth-child(7){height:12px}
.quote-builder-section{position:relative;background:radial-gradient(circle at 20% 0%,rgba(88,232,211,.12),transparent 26rem),linear-gradient(180deg,#08131f 0%,#0a1724 100%);padding-top:84px;padding-bottom:88px}
.quote-builder-head{margin-bottom:34px}.quote-builder-head h2{color:#fff;max-width:8ch}.quote-builder-head p{color:#b7c7d7}
.quote-builder-shell{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:start}
.quote-guide{display:grid;gap:18px;position:sticky;top:104px}
.quote-guide-panel,.quote-guide-card{border-radius:28px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);box-shadow:0 20px 48px rgba(0,0,0,.18);backdrop-filter:blur(10px)}
.quote-guide-panel{padding:28px 28px 26px}.guide-eyebrow{display:inline-block;margin-bottom:10px;color:#58e8d3;font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;font-weight:900}.quote-guide-panel h3{color:#fff;font-size:2.1rem;line-height:1;margin-bottom:12px}.quote-guide-panel p,.quote-guide-card p{color:#bfd0df;margin-bottom:0}
.quote-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quote-guide-card{padding:22px}.quote-guide-card span{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:rgba(88,232,211,.12);color:#66f3df;font-weight:1000;margin-bottom:16px}.quote-guide-card h4{color:#fff;margin-bottom:8px}.quote-guide-card.accent{background:linear-gradient(160deg,rgba(88,232,211,.10),rgba(255,174,77,.08));border-color:rgba(88,232,211,.22)}
.quote-form-modern{background:#f7fafc;border:1px solid rgba(213,225,234,.85);border-radius:34px;box-shadow:0 28px 70px rgba(2,10,20,.24);padding:30px}
.quote-form-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:22px}.quote-form-head h3{font-size:2.15rem;line-height:1;color:#0c1f37;margin:0}.quote-form-head p{max-width:390px;color:#5b7187;margin-bottom:0}
.quote-form-modern .field label{color:#19324a}.quote-form-modern .field input,.quote-form-modern .field select,.quote-form-modern .field textarea{background:#fff;border:1px solid #d7e3ec;border-radius:18px;padding:14px 15px}.quote-form-modern .field input:focus,.quote-form-modern .field select:focus,.quote-form-modern .field textarea:focus{box-shadow:0 0 0 5px rgba(88,232,211,.16);border-color:#58e8d3}
.modern-check-grid{gap:12px}.modern-check{background:#fff;border:1px solid #d7e3ec;border-radius:18px;padding:13px 14px;align-items:center;font-weight:800;color:#28465f;transition:.18s ease}.modern-check input{accent-color:#0f8d7a;transform:translateY(1px)}.modern-check:hover{border-color:#a6ddd6;background:#f7fcfb}
.quote-form-footer{margin-top:24px}.quote-form-footer .btn.secondary{background:#eef5f9}.quote-page .section:not(.quote-builder-section){background:#07111d}
.quote-page .footer{margin-top:0}
@media (max-width:1160px){.quote-hero-layout{grid-template-columns:1fr;justify-content:start;gap:28px;padding-top:118px}.quote-hero-copy{max-width:560px}.quote-hero-stack{width:min(560px,100%)}.quote-builder-shell{grid-template-columns:1fr}.quote-guide{position:relative;top:auto}}
@media (max-width:760px){.quote-page .nav-links{background:rgba(7,10,17,.96);border-color:rgba(255,255,255,.08)}.quote-page .nav-links a{color:#fff}.quote-hero{min-height:auto}.quote-hero-bg img{object-position:72% center}.quote-hero-shade{background:linear-gradient(180deg,rgba(6,11,18,.78) 0%,rgba(6,11,18,.74) 28%,rgba(6,11,18,.56) 58%,rgba(6,11,18,.88) 100%)}.quote-hero-layout{min-height:740px;padding-top:108px;padding-bottom:38px;gap:22px}.quote-hero-copy h1{font-size:clamp(3rem,13.5vw,4.6rem);max-width:6.4ch}.quote-hero-copy .lead{font-size:1rem}.quote-hero-stack{grid-template-columns:1fr;gap:14px}.quote-float-context,.quote-float-project,.quote-float-systems,.quote-float-stage,.quote-float-outcome{grid-column:auto;grid-row:auto}.quote-float-card{padding:18px 18px;border-radius:24px}.quote-builder-section{padding-top:70px;padding-bottom:72px}.quote-builder-head h2{max-width:10ch}.quote-guide-grid{grid-template-columns:1fr}.quote-form-modern{padding:22px}.quote-form-head{display:grid;gap:10px}.quote-form-head h3{font-size:1.8rem}.quote-hero-meta{display:block;margin-top:10px}}


/* V39: quote hero overlap fix
   The previous background was a full generated mockup with text/cards inside it.
   This version uses a cleaned backdrop so only the real HTML hero content appears. */
.quote-hero-bg img{
  filter:saturate(.96) contrast(1.02) brightness(.92) !important;
  object-position:62% center !important;
}
.quote-hero-shade{
  background:
    radial-gradient(circle at 74% 36%,rgba(88,232,211,.12),transparent 24rem),
    linear-gradient(90deg,rgba(5,10,18,.94) 0%,rgba(6,12,22,.82) 31%,rgba(6,12,22,.48) 58%,rgba(6,12,22,.24) 100%) !important;
}
.quote-hero-copy,
.quote-hero-stack{
  position:relative;
  z-index:3;
}


/* V41: simplified About page */
.about-page .hero-lite{display:none}
.about-simple-hero{position:relative;overflow:hidden;padding:120px 0 82px;background:radial-gradient(circle at 84% 8%,rgba(101,231,197,.20),transparent 30rem),radial-gradient(circle at 16% 8%,rgba(168,215,255,.20),transparent 28rem),linear-gradient(180deg,#f8fbfd 0%,#eef5f8 100%)}
.about-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:38px;align-items:center}
.about-hero-copy h1{font-size:clamp(4.1rem,8vw,7rem);max-width:8.2ch;line-height:.9;margin-bottom:22px}
.about-hero-copy .lead{max-width:670px;color:#536b81}
.about-hero-card{border-radius:38px;background:linear-gradient(145deg,#07182f,#0d315a);color:#fff;padding:34px;box-shadow:0 28px 80px rgba(6,24,51,.22);position:relative;overflow:hidden}
.about-hero-card:after{content:"";position:absolute;right:-90px;bottom:-90px;width:220px;height:220px;border-radius:50%;background:rgba(101,231,197,.18)}
.about-hero-card span{display:inline-block;color:#8ff3dc;font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;font-weight:950;margin-bottom:18px}
.about-hero-card h2{font-size:clamp(2.2rem,4.2vw,4rem);color:#fff;margin-bottom:18px}
.about-hero-card p{color:#d0deea;max-width:440px}
.about-mini-stack{display:grid;gap:10px;margin-top:24px;position:relative;z-index:1}
.about-mini-stack b{display:block;border-radius:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);padding:13px 15px;color:#fff}
.about-clean-section{padding-top:80px;padding-bottom:88px}
.about-clean-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:end;margin-bottom:28px}
.about-clean-head h2{max-width:8ch}.about-clean-head p{color:#60778b;margin-bottom:0;max-width:650px}
.about-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.about-clean-card{border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 42px rgba(6,24,51,.07);padding:26px;min-height:230px}
.about-clean-card span{display:grid;place-items:center;width:48px;height:48px;border-radius:17px;background:#e9fbf6;color:#0d7765;font-weight:1000;margin-bottom:30px}
.about-clean-card h3{font-size:1.45rem;margin-bottom:12px}.about-clean-card p{color:#60778b;margin-bottom:0}
.about-simple-dark{padding:86px 0;background:linear-gradient(145deg,#061833,#0b274d)!important}
.about-fit-grid{display:grid;grid-template-columns:1fr .88fr;gap:34px;align-items:center}
.about-fit-grid h2{color:#fff;max-width:9ch}.about-fit-list{display:grid;gap:14px}
.about-fit-list div{border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:20px}
.about-fit-list strong{display:block;color:#fff;font-size:1.15rem;margin-bottom:6px}.about-fit-list span{color:#c7d8e6}
.about-process-section{padding-top:80px;padding-bottom:88px}
.about-process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.about-process div{border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 38px rgba(6,24,51,.06);padding:24px}
.about-process span{width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:950;margin-bottom:22px}
.about-process strong{display:block;font-size:1.2rem;color:var(--ink);margin-bottom:8px}.about-process p{color:#61778b;margin-bottom:0}
.about-cta{border-radius:34px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:30px;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;position:relative}
.about-cta:before{content:"";position:absolute;right:-60px;top:-80px;width:220px;height:220px;border-radius:50%;background:rgba(101,231,197,.16)}
.about-cta span{display:block;color:#0d7765;font-weight:950;letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;margin-bottom:10px}.about-cta h2{margin-bottom:0;font-size:clamp(2.2rem,4.5vw,4rem);max-width:9ch}.about-cta .btn{position:relative;z-index:1;white-space:nowrap}
@media (max-width:1040px){.about-hero-grid,.about-clean-head,.about-fit-grid{grid-template-columns:1fr}.about-card-grid,.about-process{grid-template-columns:repeat(2,1fr)}.about-hero-copy h1{max-width:9ch}}
@media (max-width:760px){.about-simple-hero{padding:92px 0 62px}.about-hero-copy h1{font-size:clamp(3.2rem,15vw,4.6rem)}.about-hero-card{padding:26px;border-radius:30px}.about-clean-section,.about-simple-dark,.about-process-section{padding:64px 0}.about-card-grid,.about-process{grid-template-columns:1fr}.about-clean-card{min-height:auto}.about-cta{display:grid;padding:24px}.about-cta .btn{justify-self:start}}

/* V39: reference-matched light landing hero and unified navigation */
.nav,
.home-page .nav,
.quote-page .nav{
  position:sticky;
  top:0;
  width:100%;
  z-index:100;
  background:rgba(249,247,246,.96);
  border-bottom:1px solid rgba(45,45,47,.08);
  box-shadow:none;
  backdrop-filter:blur(18px) saturate(120%);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
}
.nav-inner{
  width:100%;
  max-width:1180px;
  min-height:62px;
  margin:0 auto;
  padding:8px 20px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:24px;
}
.nav .brand{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  gap:0;
  color:#29292b;
  letter-spacing:0;
  line-height:1;
}
.nav .brand-mark,
.nav .brand small{
  display:none !important;
}
.nav .brand span,
.home-page .nav .brand span,
.quote-page .nav .brand span{
  display:block;
  color:#29292b !important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:2.35rem;
  font-weight:300;
  line-height:.88;
  letter-spacing:.075em;
  transform:scaleX(1.06);
  transform-origin:left center;
}
.nav-links{
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
}
.nav-links a,
.home-page .nav-links a,
.quote-page .nav-links a{
  padding:9px 14px;
  border-radius:999px;
  color:#303033 !important;
  font-size:.875rem;
  font-weight:650;
  line-height:1;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.nav-links a:hover,
.nav-links a.active,
.home-page .nav-links a:hover,
.home-page .nav-links a.active,
.quote-page .nav-links a:hover,
.quote-page .nav-links a.active{
  background:#606262;
  color:#fff !important;
}
.nav-cta,
.home-page .nav-cta,
.quote-page .nav-cta{
  justify-self:end;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:86px;
  padding:11px 19px;
  border:1px solid rgba(45,45,47,.04);
  border-radius:999px;
  background:rgba(255,255,255,.96);
  color:#262629 !important;
  font-size:.9rem;
  font-weight:750;
  line-height:1;
  box-shadow:0 8px 22px rgba(31,28,26,.08);
}
.nav-cta:hover,
.home-page .nav-cta:hover,
.quote-page .nav-cta:hover{
  background:#fff;
  color:#111 !important;
  transform:translateY(-1px);
  box-shadow:0 10px 26px rgba(31,28,26,.12);
}
.menu-button,
.home-page .menu-button,
.quote-page .menu-button{
  background:#606262;
  color:#fff;
  border:0;
}

.home-page{
  background:#fff;
  color:#171719;
}
.home-page main{
  background:#fff;
}
.landing-hero{
  position:relative;
  height:calc(100vh - 62px);
  min-height:650px;
  overflow:hidden;
  background:#f3efec;
}
.landing-hero-media,
.landing-hero-media picture,
.landing-hero-media img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
}
.landing-hero-media img{
  object-fit:cover;
  object-position:center center;
  filter:none;
}
.landing-hero-shade{
  display:none;
}
.landing-hero-layout{
  min-height:100% !important;
  padding:0 !important;
}
@media (min-width:901px){
  .landing-copy,
  .hero-alert-cluster{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }
  .hero-reference-hotspot{
    position:absolute;
    z-index:5;
    left:12%;
    top:68%;
    width:23%;
    height:11%;
    min-width:180px;
    min-height:48px;
    border-radius:999px;
    cursor:pointer;
  }
  .hero-reference-hotspot:focus-visible{
    outline:3px solid #202022;
    outline-offset:4px;
  }
}

.industry-strip-section{
  background:#fff;
  border-top:1px solid #ebe7e4;
  border-bottom:1px solid #ebe7e4;
}
.industry-strip-copy{
  color:#242426;
}
.industry-strip-copy span{
  color:#8c8987;
}
.industry-strip-copy strong{
  color:#242426;
}
.logo-carousel .marquee-track span,
.logo-track span,
.marquee .logo-track span{
  color:#353537 !important;
}
.logo-track span:after,
.logo-track span:not(:last-child):after{
  background:rgba(45,45,47,.15) !important;
}
.landing-featured-solutions{
  background:#fff;
  color:#19191b;
  padding-top:62px;
}
.landing-feature-copy h2{
  color:#18181a;
}
.landing-feature-copy p{
  color:#676568;
}
.landing-feature-copy .dark-pill{
  background:#efedeb;
  border-color:#e4e0dd;
  color:#4b494b;
}
.solution-tile.reference-tile{
  border-color:#e5e0dc;
  box-shadow:0 20px 48px rgba(43,38,34,.10);
}
.solution-tile.reference-tile:hover{
  border-color:#d3ccc7;
  box-shadow:0 24px 56px rgba(43,38,34,.14);
}

@media (max-width:900px){
  .nav-inner{
    min-height:62px;
    grid-template-columns:1fr auto auto;
    gap:10px;
    padding:9px 16px;
  }
  .nav .brand span,
  .home-page .nav .brand span,
  .quote-page .nav .brand span{
    font-size:2rem;
  }
  .menu-button{
    display:inline-flex;
    justify-self:end;
    padding:9px 12px;
    border-radius:999px;
  }
  .nav-links,
  .home-page .nav-links,
  .quote-page .nav-links{
    position:absolute;
    left:16px;
    right:16px;
    top:68px;
    z-index:110;
    display:none;
    flex-direction:column;
    align-items:stretch;
    padding:12px;
    border:1px solid #e3dfdc;
    border-radius:22px;
    background:rgba(255,255,255,.98);
    box-shadow:0 20px 46px rgba(35,30,27,.14);
  }
  .nav-links.open,
  .home-page .nav-links.open,
  .quote-page .nav-links.open{
    display:flex;
  }
  .nav-links a,
  .home-page .nav-links a,
  .quote-page .nav-links a{
    color:#303033 !important;
    border-radius:15px;
    padding:12px 14px;
  }
  .nav-links a:hover,
  .nav-links a.active,
  .home-page .nav-links a:hover,
  .home-page .nav-links a.active,
  .quote-page .nav-links a:hover,
  .quote-page .nav-links a.active{
    color:#fff !important;
  }
  .nav-cta,
  .home-page .nav-cta,
  .quote-page .nav-cta{
    min-width:0;
    padding:10px 15px;
    font-size:.84rem;
  }
  .landing-hero{
    height:auto;
    min-height:700px;
    background:#05080d;
  }
  .landing-hero-media img{
    object-position:64% center;
    filter:saturate(1.02) contrast(1.02);
  }
  .landing-hero-shade{
    display:block;
    background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.72) 38%,rgba(0,0,0,.22) 100%);
  }
  .landing-hero-layout{
    display:block !important;
    min-height:700px !important;
    padding:92px 18px 32px !important;
  }
  .landing-copy,
  .hero-alert-cluster{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  .landing-copy{
    max-width:540px !important;
    padding-top:0 !important;
  }
  .landing-hero h1{
    color:#fff;
  }
  .landing-kicker,
  .landing-lead{
    color:#e2e7ec;
  }
  .hero-reference-hotspot{
    display:none;
  }
}
@media (max-width:560px){
  .nav-cta,
  .home-page .nav-cta,
  .quote-page .nav-cta{
    display:none;
  }
  .nav-inner{
    grid-template-columns:1fr auto;
  }
  .landing-hero{
    min-height:760px;
  }
  .landing-hero-layout{
    min-height:760px !important;
  }
}

/* Wordmark asset used in the navigation */
.nav .brand-wordmark{
  display:block;
  width:132px;
  height:auto;
}
.nav .brand .sr-only{
  position:absolute !important;
}
@media (max-width:900px){
  .nav .brand-wordmark{
    width:116px;
  }
}

/* V40: correctly proportioned wide homepage hero */
@media (min-width:901px){
  .landing-hero{
    height:calc(100vh - 62px);
    min-height:650px;
    background:#f2eee9;
  }
  .landing-hero-media img{
    object-fit:cover;
    object-position:center center;
    filter:none;
  }
  .landing-hero-shade{
    display:block;
    background:linear-gradient(90deg,rgba(255,252,249,.18) 0%,rgba(255,252,249,.08) 40%,rgba(255,252,249,0) 58%);
  }
  .landing-hero-layout{
    position:relative;
    z-index:3;
    width:100%;
    max-width:1180px;
    margin:0 auto;
    display:grid !important;
    grid-template-columns:minmax(360px,530px) 1fr;
    align-items:center !important;
    min-height:100% !important;
    padding:34px 20px 30px !important;
  }
  .landing-copy{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    max-width:520px !important;
    padding-top:0 !important;
    color:#111113;
  }
  .hero-alert-cluster{
    display:none !important;
  }
  .landing-kicker{
    color:#393739;
    font-size:.82rem;
    font-weight:700;
    letter-spacing:.23em;
    margin-bottom:20px;
  }
  .landing-hero h1{
    color:#050506;
    font-size:clamp(4rem,6.35vw,6rem);
    line-height:.92;
    letter-spacing:-.075em;
    max-width:7.5ch;
    margin-bottom:22px;
  }
  .landing-lead{
    color:#29282a;
    max-width:31rem;
    font-size:clamp(1rem,1.18vw,1.16rem);
    line-height:1.62;
  }
  .landing-btn{
    background:rgba(255,255,255,.54) !important;
    border:1px solid rgba(255,255,255,.84) !important;
    color:#111113 !important;
    box-shadow:0 12px 28px rgba(59,47,38,.08) !important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }
  .landing-btn:hover{
    background:rgba(255,255,255,.78) !important;
    color:#050506 !important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .landing-hero-layout{
    grid-template-columns:minmax(320px,46vw) 1fr;
    padding-left:clamp(24px,4vw,56px) !important;
  }
  .landing-hero h1{
    font-size:clamp(3.5rem,6.8vw,5.2rem);
  }
  .landing-lead{
    max-width:27rem;
  }
}


/* V41: homepage polish + sitewide consistency tweaks */
:root{
  --brand-grey:#5f6165;
  --brand-grey-dark:#43454a;
  --brand-paper:#f7f3ef;
  --text-soft:#66686d;
}
body{
  background:#faf8f6;
}
body:before,
body:after{
  display:none;
}
.nav{
  background:rgba(250,247,244,.82) !important;
  backdrop-filter:blur(18px) saturate(130%);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  border-bottom:1px solid rgba(197,192,188,.55) !important;
}
.nav-inner{
  max-width:1240px;
}
.nav-links a,
.home-page .nav-links a,
.quote-page .nav-links a{
  color:#3f4146 !important;
  font-weight:760;
}
.nav-links a.active,
.nav-links a:hover,
.home-page .nav-links a.active,
.home-page .nav-links a:hover,
.quote-page .nav-links a.active,
.quote-page .nav-links a:hover{
  background:var(--brand-grey) !important;
  color:#fff !important;
}
.nav-cta,
.home-page .nav-cta,
.quote-page .nav-cta{
  background:rgba(255,255,255,.88) !important;
  border:1px solid rgba(90,92,97,.10) !important;
}

.section{
  padding:102px 0;
}
.section.tight{
  padding:74px 0;
}
.section-head,
.about-clean-head,
.quote-builder-head{
  margin-bottom:38px !important;
}
.section-head > div > h2,
.about-clean-head h2,
.landing-feature-copy h2,
.tap-action-copy h2,
.development-copy h2,
.quote-builder-head h2,
.about-hero-copy h1,
.quote-hero-copy h1,
.page-grid h1,
.hero-copy h1{
  margin-top:16px;
  margin-bottom:22px;
}

/* Homepage hero */
@media (min-width:901px){
  .landing-hero{
    height:calc(100vh - 62px);
    min-height:700px;
    background:#f5f1ec;
  }
  .landing-hero-media img{
    object-fit:cover;
    object-position:center center;
  }
  .landing-hero-shade{
    display:block;
    background:linear-gradient(90deg,rgba(247,243,238,.86) 0%, rgba(247,243,238,.74) 23%, rgba(247,243,238,.30) 43%, rgba(247,243,238,0) 59%);
  }
  .landing-hero-layout{
    position:relative;
    z-index:2;
    display:grid !important;
    grid-template-columns:minmax(360px,520px) 1fr;
    align-items:center !important;
    min-height:100% !important;
    max-width:1240px;
    padding:84px 30px 48px !important;
  }
  .landing-copy{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    max-width:500px !important;
    padding-top:0 !important;
  }
  .landing-kicker{
    color:#4b4d52;
    font-size:.82rem;
    font-weight:740;
    letter-spacing:.25em;
    margin-bottom:18px;
    text-transform:uppercase;
  }
  .landing-hero h1{
    color:#111214;
    font-size:clamp(3.65rem,5.8vw,5.55rem) !important;
    line-height:.90 !important;
    letter-spacing:-.08em;
    max-width:6.2ch !important;
    margin-bottom:22px !important;
  }
  .landing-lead{
    color:#3d4045;
    max-width:32rem;
    font-size:1.03rem;
    line-height:1.62;
  }
  .hero-actions{
    margin-top:24px;
  }
  .landing-btn{
    min-width:218px;
    padding:15px 22px;
    background:rgba(255,255,255,.70) !important;
    border:1px solid rgba(255,255,255,.95) !important;
    color:#121315 !important;
    font-size:1.03rem;
    box-shadow:0 16px 36px rgba(79,67,58,.10) !important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }
  .landing-btn:hover{
    background:rgba(255,255,255,.88) !important;
  }
  .hero-alert-cluster{
    display:none !important;
  }
}
@media (max-width:900px){
  .landing-copy h1 br{display:none;}
}

/* Industry strip */
.industry-strip-section{
  background:var(--brand-grey) !important;
  border-top:0 !important;
  border-bottom:0 !important;
}
.industry-strip-inner{
  grid-template-columns:240px 1fr !important;
  align-items:center;
  gap:26px !important;
  min-height:94px;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.industry-strip-copy,
.industry-strip-copy strong,
.industry-strip-copy span{
  color:#fff !important;
}
.logo-carousel{
  margin-top:0 !important;
}
.logo-track,
.marquee-track{
  align-items:center;
}
.logo-track span,
.marquee span,
.marquee .logo-track span{
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:none !important;
}
.logo-track span:after,
.logo-track span:not(:last-child):after{display:none !important;}

/* Featured/home sections */
.landing-featured-solutions{
  background:#fff !important;
  padding:78px 0 102px !important;
}
.landing-featured-grid{
  grid-template-columns:minmax(300px,.8fr) minmax(0,1fr) !important;
  gap:44px !important;
  align-items:start !important;
}
.landing-feature-copy,
.tap-action-copy,
.development-copy{
  padding-top:8px;
}
.landing-feature-copy p,
.tap-action-copy p,
.development-copy p,
.about-clean-head p,
.section-head p,
.quote-builder-head p{
  font-size:1.02rem;
  line-height:1.65;
  color:var(--text-soft) !important;
}
.landing-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.solution-tile.reference-tile .solution-media{
  aspect-ratio:285 / 314;
}
.eyebrow,
.dark-pill,
.tap-action-copy .eyebrow,
.development-copy .eyebrow,
.about-clean-head .eyebrow,
.quote-builder-head .eyebrow{
  font-size:.73rem !important;
  letter-spacing:.14em !important;
  padding:9px 14px !important;
}
.tap-action-section .eyebrow,
.section.dark .eyebrow{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.16);
  color:#eef4f8;
}
.tap-action-section h2,
.development-copy h2,
.landing-feature-copy h2{
  max-width:8ch;
}
.tap-action-section{
  padding-top:104px;
  padding-bottom:104px;
}
.overview-development-section{
  padding-top:88px !important;
}
.development-top{
  margin-bottom:32px !important;
}
.development-main-card,
.development-mini-card{
  background:rgba(255,255,255,.72);
}
.development-copy .chips,
.chips{
  display:none !important;
}
.mini-scene-top h3,
.chart-head h3,
.development-head h3,
.about-clean-card h3,
.about-process strong,
.section h3{
  text-transform:none;
}

/* Footer */
.footer{
  background:var(--brand-grey-dark) !important;
  color:#edf0f2;
  padding:64px 0 28px !important;
}
.footer-grid{
  align-items:start;
}
.footer-brand{
  display:inline-flex;
  align-items:center;
}
.footer-wordmark{
  width:128px;
  filter:brightness(0) invert(1);
}
.footer-tagline{
  margin-top:18px;
  max-width:320px;
  font-size:1rem;
  color:#eef1f3 !important;
}
.footer p,
.footer a{
  color:#d7dde2 !important;
}
.footer a:hover{
  color:#fff !important;
}
.footer h3{
  font-size:1rem;
  margin-bottom:12px;
  color:#fff !important;
}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.14) !important;
  color:#d0d7dd !important;
}

@media (max-width:1040px){
  .landing-featured-grid{
    grid-template-columns:1fr !important;
    gap:26px !important;
  }
  .landing-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .industry-strip-inner{
    grid-template-columns:1fr !important;
    gap:10px !important;
    min-height:auto;
    padding:18px 0 !important;
  }
}
@media (max-width:760px){
  .section{padding:86px 0;}
  .landing-hero{
    min-height:760px;
    background:#101114;
  }
  .landing-hero-media img{
    object-position:68% center;
  }
  .landing-hero-shade{
    display:block;
    background:linear-gradient(90deg,rgba(9,10,12,.88) 0%, rgba(9,10,12,.72) 38%, rgba(9,10,12,.28) 100%);
  }
  .landing-hero-layout{
    min-height:760px !important;
    padding:98px 18px 34px !important;
  }
  .landing-hero h1{
    font-size:clamp(3rem,13vw,4.25rem) !important;
    line-height:.92 !important;
    color:#fff;
  }
  .landing-kicker,
  .landing-lead{
    color:#edf1f3;
  }
  .landing-btn{
    min-width:0;
  }
  .landing-card-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr !important;}
}

/* V42: sitewide wording and visual consistency pass */
:root{
  --quo-charcoal:#44464b;
  --quo-charcoal-dark:#303238;
  --quo-charcoal-soft:#696b70;
  --quo-warm:#f7f4f1;
  --quo-warm-2:#efebe7;
  --quo-border:#e3ded9;
}

body,
.residential-page,
.commercial-page,
.about-page,
.projects-page,
.help-page,
.quote-page{
  color:#1c1d20;
  background:#fff;
}

/* Common typography rhythm */
main h1,
main h2,
main h3,
main h4{
  color:#1b1c20;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
main h2{
  font-size:clamp(2.75rem,5.15vw,4.85rem);
  line-height:.94;
  letter-spacing:-.067em;
}
main h3{
  font-size:clamp(1.15rem,1.7vw,1.38rem);
  line-height:1.08;
  letter-spacing:-.035em;
}
.lead,
.section-head p,
.about-clean-head p,
.quote-builder-head p,
.habitap-video-copy p,
.project-copy p,
.projects-hero-copy p,
.help-hero-copy p{
  font-size:1.05rem;
  line-height:1.66;
}
.section-head{
  align-items:start;
}
.section-head > div,
.about-clean-head > div,
.quote-builder-head > div{
  padding-top:4px;
}

/* Consistent brand pills and buttons */
.eyebrow,
.page-kicker,
.guide-label,
.guide-eyebrow,
.spotlight-type,
.portfolio-chip{
  text-transform:uppercase;
}
.eyebrow,
.page-kicker:not(.dark-kicker){
  background:#efedeb;
  border-color:#dedad6;
  color:#55575c;
}
.eyebrow:before{
  background:#9a9ca1;
  box-shadow:0 0 0 5px rgba(94,96,101,.11);
}
.btn.primary,
.filter-pill.active,
.filter-pill:hover{
  background:var(--quo-charcoal) !important;
  border-color:var(--quo-charcoal) !important;
  color:#fff !important;
  box-shadow:0 14px 30px rgba(38,39,43,.16);
}
.btn.primary:hover{
  background:var(--quo-charcoal-dark) !important;
}
.btn.secondary{
  background:#fff;
  border-color:var(--quo-border);
  color:#292a2e;
}

/* Warm neutral page heroes */
.about-simple-hero,
.projects-hero,
.help-hero{
  background:linear-gradient(135deg,#fbf9f7 0%,#f2eeea 58%,#fff 100%) !important;
}
.about-simple-hero:before,
.projects-hero:before,
.help-hero:before{
  opacity:.28 !important;
  filter:grayscale(1);
}
.about-simple-hero,
.projects-hero,
.help-hero{
  padding-top:104px;
  padding-bottom:88px;
}
.about-hero-copy h1,
.projects-hero-copy h1,
.help-hero-copy h1,
.hero-image-copy h1,
.quote-hero-copy h1{
  font-size:clamp(3.7rem,7vw,6.25rem);
  line-height:.91;
  letter-spacing:-.078em;
}
.about-hero-card,
.projects-hero-media,
.help-hero-visual,
.help-search-panel{
  border-color:var(--quo-border) !important;
  box-shadow:0 24px 60px rgba(42,39,36,.11) !important;
}
.about-hero-card{
  background:rgba(255,255,255,.72) !important;
}

/* Residential and commercial image heroes */
.hero-image-section{
  background:#f5f2ef !important;
  border-bottom:1px solid var(--quo-border);
}
.hero-image-showcase{
  width:100%;
}
.hero-commercial-showcase:before{
  background:linear-gradient(90deg,rgba(248,245,242,.94) 0%,rgba(248,245,242,.82) 21%,rgba(248,245,242,.36) 40%,rgba(248,245,242,0) 58%) !important;
}
.hero-image-copy{
  max-width:min(525px,42vw);
}
.hero-image-copy .page-kicker{
  display:inline-flex;
  width:auto;
  padding:8px 12px;
  border:1px solid #dedad6;
  border-radius:999px;
  letter-spacing:.13em;
}
.hero-image-copy .lead{
  color:#55575c;
}

/* Alternating warm sections instead of blue-tinted panels */
.habitap-video-section,
.overview-suite-section,
.guide-section,
.guide-download-section,
.about-clean-section,
.about-process-section,
.projects-page main > .section:nth-of-type(even),
.residential-page main > .section:nth-of-type(even){
  background:var(--quo-warm) !important;
}

/* Brand charcoal dark sections */
.section.dark,
.about-simple-dark,
.commercial-page .section.dark,
.residential-page .section.dark,
.help-page .section.dark,
.projects-page .section.dark{
  background:linear-gradient(145deg,var(--quo-charcoal-dark),#484b52) !important;
}
.section.dark:before{
  background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.08),transparent 24rem),radial-gradient(circle at 88% 70%,rgba(255,255,255,.06),transparent 30rem) !important;
}
.section.dark h1,
.section.dark h2,
.section.dark h3,
.section.dark h4,
.section.dark strong{
  color:#fff;
}
.section.dark p,
.section.dark .lead{
  color:#d8dce0 !important;
}

/* Consistent cards */
.module,
.scenario,
.about-clean-card,
.about-process > div,
.help-topic,
.walkthrough,
.trouble-card,
.guide-copy,
.guide-preview-card,
.guide-thumb,
.spotlight-card,
.portfolio-card,
.scope-card,
.quote-guide-card,
.quote-form-modern,
.quote-guide-panel,
.project-showcase,
.beachside-panel{
  border:1px solid var(--quo-border) !important;
  box-shadow:0 18px 45px rgba(42,39,36,.08) !important;
}
.module-icon,
.module .num,
.help-topic span,
.step-strip b{
  background:var(--quo-charcoal) !important;
  color:#fff !important;
}
.module p,
.help-topic p,
.walkthrough-content li,
.trouble-card p,
.portfolio-card p,
.spotlight-body p,
.about-clean-card p,
.about-process p{
  color:#686a70 !important;
}
.chip,
.spotlight-tags span,
.popular-links a{
  background:#f1efed !important;
  border-color:#e2ded9 !important;
  color:#52545a !important;
}

/* Commercial dashboard/button labels */
.scene-panel button,
.development-mini-card button{
  background:#eceae8 !important;
  color:#3f4146 !important;
}
.scene-panel button:hover,
.development-mini-card button:hover{
  background:#e2dfdc !important;
}

/* Quote page: keep premium contrast, align typography */
.quote-hero{
  background:var(--quo-charcoal-dark) !important;
}
.quote-hero-shade{
  background:linear-gradient(90deg,rgba(36,37,41,.96) 0%,rgba(38,39,44,.90) 26%,rgba(38,39,44,.56) 52%,rgba(38,39,44,.16) 100%) !important;
}
.quote-builder-section{
  background:#fff !important;
}
.quote-guide-panel.intro{
  background:var(--quo-charcoal) !important;
}

/* Footer finishing */
.footer-wordmark{
  width:136px !important;
}
.footer-tagline{
  letter-spacing:.01em;
}
.footer-list{
  gap:10px;
}

@media (max-width:1040px){
  .about-simple-hero,
  .projects-hero,
  .help-hero{
    padding-top:86px;
  }
  .hero-image-copy{
    max-width:min(450px,47vw);
  }
}

@media (max-width:760px){
  main h2{
    font-size:clamp(2.35rem,11vw,3.55rem);
  }
  .about-simple-hero,
  .projects-hero,
  .help-hero{
    padding-top:70px;
    padding-bottom:64px;
  }
  .hero-commercial-showcase:before{
    background:linear-gradient(180deg,rgba(248,245,242,.94) 0%,rgba(248,245,242,.76) 34%,rgba(248,245,242,.18) 67%,rgba(248,245,242,0) 100%) !important;
  }
  .hero-image-copy h1,
  .about-hero-copy h1,
  .projects-hero-copy h1,
  .help-hero-copy h1,
  .quote-hero-copy h1{
    font-size:clamp(2.8rem,13vw,4.3rem);
  }
}


/* V43: follow-up fixes for readability, hero sizing and page reversions */
/* Ensure the Projects page uses the reverted layout with current nav/footer styling */
.projects-page .projects-hero,
.projects-page .projects-hero:before{
  background:linear-gradient(135deg,#fbf9f7 0%,#f2eeea 58%,#fff 100%) !important;
}

/* Residential + Commercial hero sections should fill the first screen cleanly */
.hero-residential-showcase,
.hero-commercial-showcase{
  position:relative;
  height:calc(100vh - 62px);
  min-height:640px;
  max-height:920px;
  overflow:hidden;
}
.hero-residential-showcase .hero-image-showcase,
.hero-commercial-showcase .hero-image-showcase{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.hero-residential-showcase .hero-image-showcase{
  object-position:center center;
}
.hero-commercial-showcase .hero-image-showcase{
  object-position:center center;
}
.hero-commercial-showcase .hero-image-copy{
  z-index:3;
  max-width:min(520px,38vw);
}
.hero-commercial-showcase:before{
  z-index:1;
}
@media (max-width:980px){
  .hero-residential-showcase,
  .hero-commercial-showcase{
    min-height:560px;
    height:min(72vh,700px);
  }
  .hero-commercial-showcase .hero-image-copy{
    max-width:min(420px,52vw);
  }
}
@media (max-width:760px){
  .hero-residential-showcase,
  .hero-commercial-showcase{
    height:auto;
    min-height:520px;
    max-height:none;
  }
  .hero-residential-showcase .hero-image-showcase,
  .hero-commercial-showcase .hero-image-showcase{
    height:auto;
    min-height:520px;
    object-fit:cover;
  }
  .hero-residential-showcase .hero-image-showcase{
    object-position:center 35%;
  }
  .hero-commercial-showcase .hero-image-showcase{
    object-position:center 30%;
  }
}

/* Fix unreadable flow cards in the dark homepage section */
.tap-action-panel{
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.05)) !important;
}
.tap-step{
  background:rgba(255,255,255,.96) !important;
  border-color:rgba(216,228,236,.92) !important;
}
.section.dark .tap-step strong,
.tap-step strong{
  color:#10243f !important;
}
.section.dark .tap-step p,
.tap-step p{
  color:#5c7185 !important;
}
.tap-action-note{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.15) !important;
}
.tap-action-note span{
  color:#dde5eb !important;
}

/* About hero card should remain readable after light-theme pass */
.about-hero-card{
  background:rgba(255,255,255,.82) !important;
  border:1px solid var(--quo-border) !important;
}
.about-hero-card span{
  color:#6fd6c4 !important;
}
.about-hero-card h2{
  color:#17181c !important;
}
.about-hero-card p{
  color:#5f7386 !important;
}
.about-mini-stack b{
  background:#f5f8fa;
  color:#203450;
  border:1px solid #e1e8ee;
}

/* Commercial operations section: improve proportions and prevent cramped text */
.overview-suite-section .container,
.commercial-page .container{
  max-width:1240px;
}
.overview-suite{
  grid-template-columns:1.04fr .84fr .96fr;
  gap:20px;
  align-items:stretch;
}
.overview-suite-card,
.command-main,
.scene-panel,
.ops-card,
.command-grid,
.ops-grid,
.ops-list,
.ops-footer,
.scene-actions,
.scene-head,
.mini-stat,
.progress-card,
.development-main,
.development-stat-grid,
.development-lower,
.development-mini-card,
.about-hero-grid > *{
  min-width:0;
}
.command-sidebar{
  background:linear-gradient(180deg,#0a2552 0%,#092046 100%) !important;
}
.command-brand{
  font-size:1.8rem;
  font-weight:900;
  letter-spacing:-.04em;
}
.command-pill{
  font-size:.9rem;
  border-radius:14px;
  background:rgba(255,255,255,.10);
}
.command-pill.active{
  background:#22b7ac !important;
}
.command-head h3,
.ops-head h3{
  font-size:clamp(2rem,2.7vw,3rem) !important;
  line-height:.98;
}
.command-head p,
.ops-head p{
  font-size:1rem;
  line-height:1.45;
}
.mini-stat{
  padding:16px;
}
.mini-stat span{
  font-size:.86rem;
}
.mini-stat b{
  font-size:1.35rem;
  line-height:1.1;
  word-break:normal;
}
.mini-stat b small{
  font-size:1rem;
}
.progress-card .line{
  font-size:1.05rem;
}
.scene-photo{
  height:388px;
}
.scene-head h3{
  font-size:1.85rem !important;
}
.scene-actions{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.scene-actions span{
  padding:13px 8px;
  font-size:.84rem;
  white-space:nowrap;
}
.scene-panel button,
.development-mini-card button{
  font-size:1rem;
  color:#3e4147;
  background:#e5e2df;
}
.ops-map,
.chart-area{
  min-width:0;
}
.ops-list div,
.ops-footer div{
  padding:16px 16px;
}
.ops-list span,
.ops-footer span{
  font-size:.88rem;
}
.ops-list b,
.ops-footer b{
  font-size:1.08rem;
  line-height:1.25;
}
@media (max-width:1180px){
  .overview-suite{
    grid-template-columns:1fr;
  }
  .scene-photo{
    height:320px;
  }
}

/* Improve the home development section buttons and labels after earlier changes */
.development-mini-card button,
.scene-panel button{
  text-transform:none;
}

/* Keep projects page cards and hero closer to the earlier version */
.projects-page .project-showcase h2{
  text-transform:none;
}


/* V44: residential polish from annotated review */
/* Remove visual gaps between full-bleed hero sections and following content */
.hero-image-section + .section{
  margin-top:0 !important;
}
.residential-page main,
.commercial-page main{
  background:#fff;
}

/* Residential hero fits one initial screen and keeps useful content visible */
.hero-residential-showcase{
  height:calc(100vh - 62px) !important;
  min-height:620px !important;
  max-height:860px !important;
  position:relative;
  background:#eef3f7 !important;
}
.hero-residential-showcase .hero-image-showcase{
  width:100%;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}
.residential-hero-actions{
  position:absolute;
  z-index:5;
  left:clamp(50px,6vw,92px);
  bottom:clamp(56px,8vh,92px);
  display:flex;
  gap:14px;
  align-items:center;
}
.glass-hero-btn{
  min-width:160px;
  padding:14px 22px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.86) !important;
  background:rgba(255,255,255,.58) !important;
  color:#17181b !important;
  box-shadow:0 14px 34px rgba(35,30,27,.12) !important;
  backdrop-filter:blur(14px) saturate(135%);
  -webkit-backdrop-filter:blur(14px) saturate(135%);
}
.glass-hero-btn.primary-glass{
  background:rgba(54,56,61,.78) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.38) !important;
}
.glass-hero-btn:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.78) !important;
}
.glass-hero-btn.primary-glass:hover{
  background:rgba(48,50,55,.9) !important;
}

/* Hide the baked-in button area slightly so the real glass controls sit cleanly on top */
.hero-residential-showcase:after{
  content:"";
  position:absolute;
  left:2.5%;
  bottom:5.5%;
  width:30%;
  height:11%;
  border-radius:28px;
  background:linear-gradient(90deg,rgba(238,243,247,.88),rgba(238,243,247,.48),transparent);
  pointer-events:none;
  z-index:3;
}
.residential-hero-actions{z-index:4;}

/* Wider home modules section with more whitespace between text and animation */
#home-modules{
  padding-top:96px !important;
  padding-bottom:104px !important;
}
#home-modules .container{
  max-width:1360px;
}
#home-modules .home-module-layout{
  grid-template-columns:minmax(360px,.88fr) minmax(620px,1.12fr) !important;
  gap:76px !important;
  align-items:center;
}
#home-modules .section-head{
  margin-bottom:0 !important;
  padding-left:6px;
}
#home-modules .section-head h2{
  max-width:9ch;
  font-size:clamp(3rem,5.3vw,5.25rem);
}
#home-modules .section-head p{
  max-width:36rem;
  font-size:1.06rem;
  line-height:1.7;
}
#home-modules .home-module-carousel{
  justify-self:end;
}
#home-modules .scenario-cube-wrap{
  --cube-w:680px !important;
  --cube-h:410px !important;
  --cube-depth:340px !important;
}
#home-modules .scenario-face{
  border:1px solid rgba(255,255,255,.38) !important;
  background:linear-gradient(145deg,rgba(38,59,112,.88),rgba(62,111,160,.72)) !important;
  box-shadow:0 24px 60px rgba(30,44,78,.18) !important;
}
#home-modules .scenario-back{
  background:linear-gradient(145deg,rgba(91,180,174,.86),rgba(90,139,181,.74)) !important;
}
#home-modules .scenario-face h3,
#home-modules .scenario-face p,
#home-modules .scenario-face li,
#home-modules .scenario-detail-grid span{
  color:#fff !important;
}
#home-modules .scenario-face .chip{
  background:rgba(255,255,255,.18) !important;
  border-color:rgba(255,255,255,.22) !important;
  color:#fff !important;
}
#home-modules .scenario-detail-grid span{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.18) !important;
}

/* Spread the app-layer section horizontally so copy and imagery have room */
.app-layer-section{
  padding:106px 0 !important;
}
.app-layer-section .container{
  max-width:1360px;
}
.app-layer-section .split.wide-right{
  grid-template-columns:minmax(460px,.95fr) minmax(650px,1.05fr) !important;
  gap:72px !important;
  align-items:center !important;
}
.app-layer-section h2{
  max-width:11ch;
  font-size:clamp(3.25rem,5vw,5.1rem);
}
.app-layer-section .lead{
  max-width:39rem;
  font-size:1.08rem;
  line-height:1.68;
}
.app-layer-points{
  gap:18px !important;
  margin-top:30px !important;
}
.app-layer-points div{
  padding:20px 22px !important;
}
.app-layer-stage{
  min-height:600px !important;
  width:100%;
}
.app-layer-card.dashboard{
  left:26px !important;
  top:66px !important;
  width:46% !important;
  height:50% !important;
}
.app-layer-card.scene{
  right:126px !important;
  bottom:36px !important;
  width:47% !important;
  height:47% !important;
}
.app-layer-phone{
  right:30px !important;
  top:72px !important;
  width:220px !important;
}

/* Package section spacing */
.residential-page .project-showcase{
  grid-template-columns:1.02fr .98fr;
  gap:42px !important;
  padding:28px !important;
}
.residential-page .project-copy{
  padding:26px 26px 26px 8px !important;
}
.residential-page .project-copy .eyebrow{
  margin-bottom:18px;
}
.residential-page .project-copy h2{
  margin-bottom:22px !important;
  max-width:12ch;
}
.residential-page .project-copy p{
  margin-bottom:30px !important;
  line-height:1.68;
}
.residential-page .stat-row{
  gap:18px !important;
}
.residential-page .stat{
  padding:20px !important;
}
.residential-page .stat b{
  margin-bottom:10px;
  display:block;
}
.residential-page .stat span{
  line-height:1.4;
}

/* More realistic phone treatment using existing real screenshots */
.residential-page .app-gallery{
  max-width:1240px;
  margin:0 auto;
  gap:34px !important;
  align-items:end;
}
.residential-page .phone-frame{
  width:250px;
  padding:10px;
  border-radius:42px;
  background:linear-gradient(145deg,#2d323a,#0e1116 60%,#303640);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 26px 60px rgba(29,35,44,.22),inset 0 0 0 1px rgba(255,255,255,.08);
}
.residential-page .phone-screen{
  border-radius:33px;
}
.residential-page .phone-notch{
  width:88px;
  height:22px;
  border-radius:0 0 15px 15px;
}
.residential-page .screen-caption{
  background:rgba(29,35,44,.80);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-radius:18px;
  padding:12px 13px;
}

/* Sitewide spacing consistency for similar split sections */
.section .split,
.section .page-grid,
.section .project-showcase{
  column-gap:clamp(32px,5vw,72px);
}
.section-head{
  row-gap:18px;
}
.section-head h2{
  margin-bottom:18px;
}
.section-head p{
  line-height:1.68;
}

@media (max-width:1180px){
  #home-modules .home-module-layout,
  .app-layer-section .split.wide-right{
    grid-template-columns:1fr !important;
    gap:38px !important;
  }
  #home-modules .home-module-carousel{
    justify-self:center;
  }
  .app-layer-stage{
    max-width:760px;
    margin:0 auto;
  }
}
@media (max-width:760px){
  .hero-residential-showcase{
    height:calc(100vh - 62px) !important;
    min-height:620px !important;
  }
  .hero-residential-showcase .hero-image-showcase{
    object-position:58% center !important;
  }
  .hero-residential-showcase:after{
    left:0;
    bottom:0;
    width:100%;
    height:22%;
    background:linear-gradient(180deg,transparent,rgba(238,243,247,.92));
  }
  .residential-hero-actions{
    left:18px;
    right:18px;
    bottom:24px;
    gap:10px;
  }
  .glass-hero-btn{
    min-width:0;
    flex:1;
    padding:13px 14px !important;
    font-size:.9rem;
  }
  #home-modules{
    padding-top:74px !important;
    padding-bottom:78px !important;
  }
  #home-modules .container,
  .app-layer-section .container{
    padding-left:18px;
    padding-right:18px;
  }
  #home-modules .section-head h2,
  .app-layer-section h2{
    font-size:clamp(2.75rem,13vw,4rem);
  }
  #home-modules .scenario-cube-wrap{
    width:100% !important;
    height:auto !important;
  }
  .app-layer-section{
    padding:78px 0 !important;
  }
  .app-layer-stage{
    min-height:700px !important;
  }
  .residential-page .project-showcase{
    grid-template-columns:1fr;
    gap:24px !important;
    padding:18px !important;
  }
  .residential-page .project-copy{
    padding:12px 8px 10px !important;
  }
  .residential-page .stat-row{
    grid-template-columns:1fr !important;
  }
  .residential-page .app-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
  }
  .residential-page .phone-frame{
    width:100%;
    max-width:230px;
  }
}
/* V45: clean, responsive Residential and Commercial hero rebuild */
.visual-hero{
  position:relative;
  isolation:isolate;
  height:calc(100svh - 62px) !important;
  min-height:640px !important;
  max-height:880px !important;
  overflow:hidden;
  background:#071526 !important;
}
.visual-hero .hero-image-showcase{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  width:100%;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}
.visual-hero-shade{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(3,12,23,.84) 0%,rgba(4,15,28,.69) 31%,rgba(4,15,28,.20) 52%,rgba(4,15,28,.02) 72%);
}
.visual-hero-layout{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  width:100%;
  max-width:1240px;
  min-height:100%;
  padding:44px 30px;
}
.visual-hero .hero-image-copy{
  position:relative;
  inset:auto;
  max-width:560px !important;
  color:#fff;
}
.visual-hero .hero-image-copy .page-kicker{
  display:inline-flex;
  width:auto;
  margin:0 0 20px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.10);
  color:#d9fff6;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.visual-hero .hero-image-copy h1{
  max-width:8.2ch;
  margin:0 0 22px;
  color:#fff;
  font-size:clamp(3.5rem,6.2vw,5.8rem);
  line-height:.92;
  letter-spacing:-.075em;
  text-wrap:balance;
  text-shadow:0 4px 28px rgba(0,0,0,.24);
}
.visual-hero .commercial-copy h1{
  max-width:8.7ch;
}
.visual-hero .hero-image-copy .lead{
  max-width:34rem;
  margin:0;
  color:#e1e9f0 !important;
  font-size:clamp(1rem,1.35vw,1.16rem);
  line-height:1.62;
  text-shadow:0 2px 18px rgba(0,0,0,.28);
}
.visual-hero .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.visual-hero .glass-hero-btn{
  min-width:0;
  padding:14px 21px !important;
  border:1px solid rgba(255,255,255,.31) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.14) !important;
  color:#fff !important;
  box-shadow:0 16px 38px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.15) !important;
  backdrop-filter:blur(16px) saturate(135%);
  -webkit-backdrop-filter:blur(16px) saturate(135%);
}
.visual-hero .glass-hero-btn.primary-glass{
  background:rgba(255,255,255,.92) !important;
  border-color:rgba(255,255,255,.95) !important;
  color:#101820 !important;
}
.visual-hero .glass-hero-btn:hover,
.visual-hero .glass-hero-btn:focus-visible{
  transform:translateY(-2px);
  background:rgba(255,255,255,.24) !important;
}
.visual-hero .glass-hero-btn.primary-glass:hover,
.visual-hero .glass-hero-btn.primary-glass:focus-visible{
  background:#fff !important;
}
.hero-residential-showcase:after,
.hero-commercial-showcase:before{
  display:none !important;
}

/* Cube controls and glass treatment */
#home-modules .home-module-carousel{
  gap:26px;
}
#home-modules .scenario-face{
  background:linear-gradient(145deg,rgba(14,35,62,.96),rgba(24,76,104,.91)) !important;
  border-color:rgba(201,244,238,.24) !important;
  box-shadow:0 26px 64px rgba(18,31,48,.20),inset 0 1px 0 rgba(255,255,255,.13) !important;
}
#home-modules .scenario-right,
#home-modules .scenario-left{
  background:linear-gradient(145deg,rgba(17,55,84,.96),rgba(28,111,132,.88)) !important;
}
#home-modules .scenario-back{
  background:linear-gradient(145deg,rgba(20,81,91,.94),rgba(43,126,132,.86)) !important;
}
.cube-controls{
  position:relative;
  z-index:8;
  display:flex;
  justify-content:center;
  gap:12px;
  width:100%;
}
.cube-control{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:124px;
  padding:12px 17px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:999px;
  background:rgba(255,255,255,.62);
  color:#20272d;
  font:inherit;
  font-size:.9rem;
  font-weight:850;
  cursor:pointer;
  box-shadow:0 13px 32px rgba(30,39,47,.11),inset 0 1px 0 rgba(255,255,255,.82);
  backdrop-filter:blur(14px) saturate(135%);
  -webkit-backdrop-filter:blur(14px) saturate(135%);
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
}
.cube-control:hover,
.cube-control:focus-visible{
  transform:translateY(-2px);
  background:rgba(255,255,255,.88);
  box-shadow:0 16px 38px rgba(30,39,47,.15),inset 0 1px 0 #fff;
}
#home-modules .scenario-cube.user-controlled{
  animation:none;
}

/* Breathing room and resilient text/card sizing */
#home-modules .section-head > div{
  display:grid;
  gap:16px;
}
#home-modules .section-head h2{
  margin:0 !important;
}
#home-modules .scenario-face,
.residential-page .stat,
.commercial-page .module,
.commercial-feature,
.overview-suite-card{
  min-width:0;
}
.commercial-feature h3,
.commercial-page .module h3,
.residential-page .stat span{
  overflow-wrap:anywhere;
}
.app-layer-section .split.wide-right > div:first-child{
  min-width:0;
}
.app-layer-section h2{
  text-wrap:balance;
}

@media (max-width:1100px){
  .visual-hero{
    height:min(780px,calc(100svh - 62px)) !important;
    min-height:620px !important;
  }
  .visual-hero-layout{
    padding:40px 28px;
  }
  .visual-hero .hero-image-copy{
    max-width:500px !important;
  }
  .visual-hero .hero-image-copy h1{
    font-size:clamp(3.25rem,7vw,5.1rem);
  }
  .visual-hero-shade{
    background:linear-gradient(90deg,rgba(3,12,23,.88) 0%,rgba(4,15,28,.74) 37%,rgba(4,15,28,.26) 61%,rgba(4,15,28,.04) 82%);
  }
}

@media (max-width:760px){
  .visual-hero{
    height:auto !important;
    min-height:700px !important;
    max-height:none !important;
  }
  .visual-hero .hero-image-showcase{
    object-position:64% center !important;
  }
  .hero-commercial-showcase .hero-image-showcase{
    object-position:61% center !important;
  }
  .visual-hero-shade{
    background:linear-gradient(180deg,rgba(3,12,23,.75) 0%,rgba(3,12,23,.63) 45%,rgba(3,12,23,.90) 100%);
  }
  .visual-hero-layout{
    align-items:flex-end;
    min-height:700px;
    padding:72px 18px 42px;
  }
  .visual-hero .hero-image-copy{
    max-width:560px !important;
  }
  .visual-hero .hero-image-copy h1{
    max-width:9ch;
    font-size:clamp(2.9rem,13.4vw,4.3rem);
    line-height:.93;
  }
  .visual-hero .hero-image-copy .lead{
    max-width:31rem;
    font-size:.98rem;
    line-height:1.56;
  }
  .visual-hero .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    width:min(100%,360px);
  }
  .visual-hero .glass-hero-btn{
    width:100%;
  }
  #home-modules .home-module-carousel{
    gap:14px;
  }
  .cube-controls{
    justify-content:flex-start;
  }
  .cube-control{
    min-width:0;
    flex:1;
  }
  .app-layer-section .split.wide-right{
    gap:42px !important;
  }
  .app-layer-section h2{
    max-width:10ch;
  }
}

@media (max-width:420px){
  .visual-hero{
    min-height:680px !important;
  }
  .visual-hero-layout{
    min-height:680px;
    padding-bottom:30px;
  }
  .visual-hero .hero-image-copy .page-kicker{
    margin-bottom:15px;
  }
  .visual-hero .hero-image-copy h1{
    margin-bottom:16px;
  }
  .visual-hero .hero-actions{
    margin-top:20px;
  }
}

@media (prefers-reduced-motion:reduce){
  .cube-control,
  .visual-hero .glass-hero-btn{
    transition:none;
  }
}

/* V46: commercial operations and app journey flow cleanup */
.overview-suite-section{
  padding:96px 0 108px !important;
  background:linear-gradient(180deg,#f5f2ef 0%,#fbfaf9 100%) !important;
}
.operations-section-head{
  max-width:780px;
  margin-bottom:42px;
}
.operations-section-head .eyebrow{
  margin-bottom:18px;
}
.operations-section-head h2{
  max-width:11ch;
  margin-bottom:20px;
  font-size:clamp(3rem,5.4vw,5.35rem);
  text-wrap:balance;
}
.operations-section-head p{
  max-width:680px;
  margin:0;
  color:#666a70;
  font-size:1.06rem;
  line-height:1.68;
}
.overview-suite{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr) !important;
  gap:24px !important;
  align-items:stretch;
}
.overview-suite-card{
  border:1px solid rgba(58,61,66,.10) !important;
  border-radius:32px !important;
  box-shadow:0 22px 58px rgba(42,39,36,.09) !important;
}
.overview-suite .command-card{
  grid-column:1/-1;
}
.command-shell{
  grid-template-columns:148px minmax(0,1fr) !important;
  min-height:420px;
}
.command-sidebar{
  padding:28px 20px !important;
  gap:10px;
}
.command-brand{
  margin-bottom:18px;
  font-size:2.35rem;
  letter-spacing:-.07em;
}
.command-brand span{
  color:#55d8c4;
}
.command-pill{
  padding:11px 13px;
  font-size:.86rem;
}
.command-main{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:34px 36px 30px !important;
}
.command-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
}
.command-head h3{
  max-width:11ch;
  margin:0;
  font-size:clamp(2.4rem,4vw,4.1rem) !important;
  line-height:.94;
  text-wrap:balance;
}
.command-head p{
  max-width:430px;
  margin:0;
  font-size:1rem;
  line-height:1.6;
}
.command-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px;
  margin-top:28px;
}
.mini-stat{
  padding:18px !important;
  border-radius:20px;
}
.mini-stat span{
  min-height:2.5em;
  margin-bottom:12px;
}
.progress-card{
  margin-top:14px;
  padding:18px 20px;
  border-radius:20px;
}
.overview-suite .scene-card{
  display:grid;
  grid-template-columns:minmax(0,1.14fr) minmax(270px,.86fr);
  min-height:430px;
}
.overview-suite .scene-photo{
  height:auto !important;
  min-height:430px;
}
.overview-suite .scene-photo img{
  object-position:center center;
}
.overview-suite .scene-panel{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:30px !important;
}
.overview-suite .scene-head h3{
  font-size:clamp(2rem,3vw,3.1rem) !important;
}
.overview-suite .scene-actions{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:22px 0 14px;
}
.overview-suite .scene-actions span{
  white-space:normal;
}
.overview-suite .scene-actions span:last-child{
  grid-column:1/-1;
}
.overview-suite .ops-card{
  padding:30px !important;
}
.overview-suite .ops-head h3{
  margin-bottom:10px;
  font-size:clamp(2.2rem,3.3vw,3.6rem) !important;
  line-height:.95;
}
.overview-suite .ops-head p{
  max-width:32rem;
  margin:0;
}
.overview-suite .ops-grid{
  grid-template-columns:minmax(180px,.95fr) minmax(190px,1.05fr);
  gap:14px;
  margin-top:24px;
}
.overview-suite .ops-map{
  min-height:270px;
}
.overview-suite .ops-list{
  gap:10px;
}
.overview-suite .ops-list div,
.overview-suite .ops-footer div{
  padding:14px 16px;
}

.commercial-app-journey{
  padding:112px 0 118px !important;
  background:#fff !important;
}
.app-journey-head{
  display:grid;
  justify-items:center;
  max-width:860px;
  margin:0 auto 58px;
  text-align:center;
}
.app-journey-head .eyebrow{
  margin-bottom:20px;
}
.app-journey-head h2{
  max-width:11ch;
  margin:0 0 22px;
  font-size:clamp(3.2rem,6vw,5.8rem);
  line-height:.92;
  text-wrap:balance;
}
.app-journey-head p{
  max-width:720px;
  margin:0;
  color:#676b71;
  font-size:1.06rem;
  line-height:1.7;
}
.commercial-phone-gallery{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
  align-items:start;
}
.phone-showcase{
  display:grid;
  justify-items:center;
  gap:20px;
  width:100%;
  min-width:0;
}
.commercial-phone-gallery .phone-frame{
  width:min(100%,220px);
  margin:0 !important;
  padding:10px;
  border-radius:40px;
  box-shadow:0 24px 54px rgba(22,31,40,.16),inset 0 0 0 1px rgba(255,255,255,.08);
}
.commercial-phone-gallery .phone-screen{
  border-radius:31px;
}
.commercial-phone-gallery .phone-notch{
  width:84px;
  height:20px;
}
.phone-meta{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  width:100%;
  min-height:122px;
  padding:18px;
  border:1px solid rgba(58,61,66,.10);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(246,244,242,.88));
  box-shadow:0 16px 36px rgba(42,39,36,.07);
}
.phone-meta > span{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:50%;
  background:#34373c;
  color:#fff;
  font-size:.74rem;
  font-weight:900;
}
.phone-meta h3{
  margin:1px 0 7px;
  color:#1b1d21;
  font-size:1.18rem;
  line-height:1.1;
}
.phone-meta p{
  margin:0;
  color:#6a6d72;
  font-size:.88rem;
  line-height:1.5;
}

@media (max-width:1040px){
  .overview-suite{
    grid-template-columns:1fr !important;
  }
  .overview-suite .command-card{
    grid-column:auto;
  }
  .command-head{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }
  .command-head h3{
    max-width:none;
  }
  .command-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .commercial-phone-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:42px 26px;
  }
  .phone-showcase{
    max-width:360px;
    justify-self:center;
  }
}

@media (max-width:760px){
  .overview-suite-section,
  .commercial-app-journey{
    padding:74px 0 80px !important;
  }
  .operations-section-head{
    margin-bottom:32px;
  }
  .operations-section-head h2,
  .app-journey-head h2{
    font-size:clamp(2.75rem,13vw,4rem);
  }
  .command-shell{
    display:block;
    min-height:0;
  }
  .command-sidebar{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:8px;
    padding:13px 14px !important;
    overflow-x:auto;
  }
  .command-brand{
    margin:0 8px 0 0;
    font-size:1.65rem;
  }
  .command-pill{
    flex:0 0 auto;
    white-space:nowrap;
  }
  .command-status{
    display:none;
  }
  .command-main{
    padding:24px 20px !important;
  }
  .overview-suite .scene-card{
    display:block;
    min-height:0;
  }
  .overview-suite .scene-photo{
    min-height:260px;
  }
  .overview-suite .scene-panel,
  .overview-suite .ops-card{
    padding:22px !important;
  }
  .overview-suite .ops-grid{
    grid-template-columns:1fr;
  }
  .overview-suite .ops-map{
    min-height:230px;
  }
  .app-journey-head{
    justify-items:start;
    margin-bottom:42px;
    text-align:left;
  }
  .app-journey-head h2{
    max-width:10ch;
  }
}

@media (max-width:560px){
  .command-grid,
  .commercial-phone-gallery{
    grid-template-columns:1fr !important;
  }
  .mini-stat span{
    min-height:0;
  }
  .commercial-phone-gallery{
    gap:40px;
  }
  .phone-showcase{
    max-width:320px;
  }
  .commercial-phone-gallery .phone-frame{
    width:210px;
  }
}

/* V47: continuous, line-free industry partner carousel */
.industry-strip-section{
  position:relative;
  overflow:hidden;
  background:linear-gradient(110deg,#272a2f 0%,#34383e 52%,#2b2e33 100%) !important;
  border:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -1px 0 rgba(0,0,0,.16);
}
.industry-strip-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.07),transparent 26rem),radial-gradient(circle at 82% 100%,rgba(101,231,197,.05),transparent 24rem);
}
.industry-strip-inner{
  position:relative;
  z-index:1;
  grid-template-columns:260px minmax(0,1fr) !important;
  gap:38px !important;
  min-height:112px !important;
  padding-top:18px !important;
  padding-bottom:18px !important;
}
.industry-strip-copy{
  position:relative;
  display:grid;
  gap:4px;
  padding-left:18px;
}
.industry-strip-copy:before{
  content:"";
  position:absolute;
  left:0;
  top:4px;
  bottom:4px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,#72ead1,rgba(114,234,209,.25));
}
.industry-strip-copy span{
  color:rgba(255,255,255,.60) !important;
  font-size:.72rem;
  font-weight:750;
  letter-spacing:.18em;
}
.industry-strip-copy strong{
  color:#fff !important;
  font-size:1rem;
  font-weight:850;
  letter-spacing:.055em;
}
.logo-carousel{
  width:100%;
  margin:0 !important;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%);
}
.logo-track,
.logo-carousel .marquee-track{
  gap:48px !important;
  padding:8px 24px;
  animation-duration:30s !important;
}
.logo-carousel .logo-track span,
.logo-carousel .marquee-track span,
.industry-strip-section .marquee span{
  min-width:max-content !important;
  padding:8px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:rgba(255,255,255,.78) !important;
  font-size:1.08rem !important;
  font-weight:780 !important;
  letter-spacing:.005em !important;
  opacity:1 !important;
  text-shadow:0 1px 14px rgba(0,0,0,.12);
  transition:color .2s ease,transform .2s ease;
}
.logo-carousel .logo-track span:after,
.logo-carousel .marquee-track span:after{
  display:none !important;
  content:none !important;
}
.logo-carousel:hover .logo-track{
  animation-play-state:paused;
}
.logo-carousel .logo-track span:hover{
  color:#fff !important;
  transform:translateY(-1px);
}

@media (max-width:1040px){
  .industry-strip-inner{
    grid-template-columns:1fr !important;
    gap:16px !important;
    min-height:0 !important;
    padding-top:22px !important;
    padding-bottom:22px !important;
  }
  .industry-strip-copy{
    display:flex;
    align-items:baseline;
    gap:10px;
  }
  .logo-track,
  .logo-carousel .marquee-track{
    gap:38px !important;
    padding:5px 18px;
  }
}

@media (max-width:560px){
  .industry-strip-copy{
    display:grid;
    gap:2px;
  }
  .logo-carousel{
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
  }
  .logo-track,
  .logo-carousel .marquee-track{
    gap:30px !important;
    padding-inline:14px;
  }
  .logo-carousel .logo-track span,
  .logo-carousel .marquee-track span{
    font-size:1rem !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .logo-track,
  .logo-carousel .marquee-track{
    animation-play-state:paused !important;
  }
}

/* V48: grey project-grid backdrop, grey module cube and four-state dots */
#home-modules{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background-color:#f2f1ef !important;
  background-image:linear-gradient(rgba(71,74,79,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(71,74,79,.075) 1px,transparent 1px) !important;
  background-size:138px 138px !important;
  background-position:center center !important;
}
#home-modules:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(circle at 13% 34%,rgba(75,78,83,.16) 0 11px,transparent 12px),radial-gradient(circle at 42% 34%,rgba(75,78,83,.11) 0 9px,transparent 10px),radial-gradient(circle at 78% 56%,rgba(75,78,83,.14) 0 12px,transparent 13px),radial-gradient(circle at 28% 78%,rgba(75,78,83,.10) 0 8px,transparent 9px),radial-gradient(circle at 91% 22%,rgba(75,78,83,.09) 0 9px,transparent 10px),radial-gradient(circle at 18% 12%,rgba(255,255,255,.82),transparent 25rem),radial-gradient(circle at 84% 76%,rgba(255,255,255,.72),transparent 28rem);
}
#home-modules .container{
  position:relative;
  z-index:1;
}
#home-modules .scenario-cube{
  animation:none !important;
  transition:transform .82s cubic-bezier(.72,0,.24,1);
}
#home-modules .scenario-front{
  background:linear-gradient(145deg,#3d3f43 0%,#51545a 58%,#676a70 100%) !important;
}
#home-modules .scenario-right{
  background:linear-gradient(145deg,#696c71 0%,#85888d 56%,#9c9ea2 100%) !important;
}
#home-modules .scenario-back{
  background:linear-gradient(145deg,#dedbd7 0%,#c8c7c5 56%,#b4b6b9 100%) !important;
  border-color:rgba(64,66,70,.14) !important;
}
#home-modules .scenario-left{
  background:linear-gradient(145deg,#4b4d51 0%,#62656a 54%,#7a7d82 100%) !important;
}
#home-modules .scenario-face{
  box-shadow:0 26px 64px rgba(42,43,46,.17),inset 0 1px 0 rgba(255,255,255,.18) !important;
}
#home-modules .scenario-face:before{
  background:radial-gradient(circle at 14% 8%,rgba(255,255,255,.18),transparent 34%),radial-gradient(circle at 94% 84%,rgba(255,255,255,.11),transparent 35%),linear-gradient(120deg,rgba(255,255,255,.10),transparent 46%);
}
#home-modules .scenario-face .emoji{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.18);
}
#home-modules .scenario-back h3,
#home-modules .scenario-back p,
#home-modules .scenario-back li,
#home-modules .scenario-back .scenario-detail-grid span{
  color:#24262a !important;
}
#home-modules .scenario-back li::marker{
  color:#55585d;
}
#home-modules .scenario-back .chip,
#home-modules .scenario-back .scenario-detail-grid span,
#home-modules .scenario-back .emoji{
  background:rgba(255,255,255,.42) !important;
  border-color:rgba(65,67,71,.14) !important;
  color:#292b2f !important;
}
#home-modules .cube-shadow{
  background:radial-gradient(ellipse at center,rgba(55,57,61,.20),rgba(116,118,122,.10) 40%,transparent 70%);
}
.cube-dots{
  position:relative;
  z-index:8;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:100%;
  margin-top:4px;
}
.cube-dot{
  position:relative;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  cursor:pointer;
}
.cube-dot:before{
  content:"";
  width:9px;
  height:9px;
  border-radius:50%;
  background:#bbb9b6;
  box-shadow:inset 0 0 0 1px rgba(58,60,64,.08);
  transition:width .22s ease,height .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease;
}
.cube-dot:hover:before{
  background:#8b8b8d;
  transform:scale(1.12);
}
.cube-dot.active:before{
  width:12px;
  height:12px;
  background:#34363a;
  box-shadow:0 4px 12px rgba(40,41,44,.22);
}
.cube-dot:focus-visible{
  outline:2px solid #4a4c50;
  outline-offset:1px;
}

/* Supporting copy occupying the right column aligns with that edge on desktop. */
.section:not(#home-modules) .section-head > p{
  text-align:right;
}

@media (max-width:760px){
  #home-modules{
    background-size:92px 92px !important;
  }
  #home-modules:before{
    background:radial-gradient(circle at 15% 22%,rgba(75,78,83,.13) 0 8px,transparent 9px),radial-gradient(circle at 82% 64%,rgba(75,78,83,.11) 0 9px,transparent 10px),radial-gradient(circle at 30% 86%,rgba(75,78,83,.09) 0 7px,transparent 8px),radial-gradient(circle at 18% 12%,rgba(255,255,255,.78),transparent 18rem);
  }
  .cube-dots{
    margin-top:0;
  }
  .section:not(#home-modules) .section-head > p{
    text-align:left;
  }
}

@media (prefers-reduced-motion:reduce){
  #home-modules .scenario-cube,
  .cube-dot:before{
    transition:none;
  }
}

/* V49: Projects grid hero and refined project-scoping page */
.projects-page .projects-hero{
  isolation:isolate;
  background-color:#f2f1ef !important;
  background-image:linear-gradient(rgba(71,74,79,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(71,74,79,.075) 1px,transparent 1px) !important;
  background-size:138px 138px !important;
  background-position:center center !important;
}
.projects-page .projects-hero:before{
  z-index:-1;
  opacity:1 !important;
  filter:none !important;
  background:radial-gradient(circle at 13% 34%,rgba(75,78,83,.16) 0 11px,transparent 12px),radial-gradient(circle at 42% 34%,rgba(75,78,83,.11) 0 9px,transparent 10px),radial-gradient(circle at 78% 56%,rgba(75,78,83,.14) 0 12px,transparent 13px),radial-gradient(circle at 28% 78%,rgba(75,78,83,.10) 0 8px,transparent 9px),radial-gradient(circle at 91% 22%,rgba(75,78,83,.09) 0 9px,transparent 10px),radial-gradient(circle at 18% 12%,rgba(255,255,255,.82),transparent 25rem),radial-gradient(circle at 84% 76%,rgba(255,255,255,.72),transparent 28rem) !important;
}
.projects-page .projects-hero-grid{
  z-index:1;
}

.quote-page,
.quote-page main{
  color:#1c1d20;
  background:#fff !important;
}
.quote-hero-refined{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  min-height:calc(100svh - 62px) !important;
  padding:88px 0 94px;
  overflow:hidden;
  background-color:#f2f1ef !important;
  background-image:linear-gradient(rgba(71,74,79,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(71,74,79,.075) 1px,transparent 1px) !important;
  background-size:138px 138px !important;
  background-position:center center !important;
}
.quote-hero-refined:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(circle at 11% 28%,rgba(75,78,83,.15) 0 10px,transparent 11px),radial-gradient(circle at 46% 72%,rgba(75,78,83,.10) 0 8px,transparent 9px),radial-gradient(circle at 83% 24%,rgba(75,78,83,.14) 0 11px,transparent 12px),radial-gradient(circle at 91% 80%,rgba(75,78,83,.09) 0 8px,transparent 9px),radial-gradient(circle at 22% 16%,rgba(255,255,255,.86),transparent 26rem),radial-gradient(circle at 80% 76%,rgba(255,255,255,.74),transparent 30rem);
}
.quote-hero-refined > .container{
  width:100%;
}
.quote-hero-refined .quote-hero-layout{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(400px,.82fr);
  align-items:center;
  gap:clamp(48px,7vw,104px);
  min-height:0;
  padding-top:0;
  padding-bottom:0;
}
.quote-hero-refined .quote-hero-copy{
  max-width:650px;
}
.quote-hero-refined .page-kicker{
  display:inline-flex;
  width:auto;
  margin-bottom:25px;
  padding:9px 14px;
  border:1px solid #d8d4d0;
  border-radius:999px;
  background:rgba(255,255,255,.62);
  color:#55575c;
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
  box-shadow:0 8px 24px rgba(40,41,44,.05);
}
.quote-hero-refined .quote-hero-copy h1{
  max-width:8.8ch;
  margin:0 0 25px;
  color:#1b1c20 !important;
  font-size:clamp(4rem,7vw,6.7rem);
  line-height:.89;
  letter-spacing:-.078em;
}
.quote-hero-refined .quote-hero-copy .lead{
  max-width:610px;
  margin-bottom:0;
  color:#606268;
  font-size:clamp(1.05rem,1.35vw,1.22rem);
  line-height:1.62;
}
.quote-hero-refined .hero-actions{
  margin-top:31px;
}
.quote-hero-refined .quote-scroll-btn{
  background:var(--quo-charcoal) !important;
  border-color:var(--quo-charcoal) !important;
  color:#fff !important;
  box-shadow:0 14px 30px rgba(38,39,43,.16) !important;
}
.quote-hero-refined .quote-scroll-btn:hover{
  background:var(--quo-charcoal-dark) !important;
}
.quote-hero-refined .hero-actions .btn.secondary{
  background:rgba(255,255,255,.68);
  border-color:#d8d4d0;
  backdrop-filter:blur(12px);
}
.quote-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:11px 24px;
  margin-top:27px;
  color:#696b70;
  font-size:.82rem;
  font-weight:750;
}
.quote-trust-row span{
  display:inline-flex;
  align-items:center;
  gap:9px;
}
.quote-trust-row span:before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#77797e;
  box-shadow:0 0 0 4px rgba(85,87,92,.09);
}
.quote-scope-panel{
  position:relative;
  overflow:hidden;
  padding:32px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:36px;
  background:rgba(255,255,255,.66);
  box-shadow:0 28px 76px rgba(42,39,36,.13),inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(18px) saturate(115%);
  -webkit-backdrop-filter:blur(18px) saturate(115%);
}
.quote-scope-panel:after{
  content:"";
  position:absolute;
  right:-90px;
  top:-110px;
  width:250px;
  height:250px;
  border-radius:50%;
  background:rgba(75,78,83,.065);
  pointer-events:none;
}
.scope-panel-head{
  position:relative;
  z-index:1;
  display:grid;
  gap:8px;
  margin-bottom:25px;
}
.scope-panel-head span{
  color:#75777c;
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.scope-panel-head strong{
  max-width:12ch;
  color:#232428;
  font-size:clamp(1.8rem,2.4vw,2.5rem);
  line-height:.98;
  letter-spacing:-.055em;
}
.scope-panel-steps{
  position:relative;
  z-index:1;
  display:grid;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}
.scope-panel-steps li{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:14px;
  align-items:start;
  padding:16px;
  border-radius:20px;
  background:rgba(242,241,239,.83);
}
.scope-panel-steps b{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  background:#4b4d52;
  color:#fff;
  font-size:.76rem;
  letter-spacing:.04em;
}
.scope-panel-steps strong,
.scope-panel-steps span{
  display:block;
}
.scope-panel-steps strong{
  margin:2px 0 5px;
  color:#292a2e;
  font-size:.98rem;
  line-height:1.2;
}
.scope-panel-steps span{
  color:#6c6e73;
  font-size:.88rem;
  line-height:1.45;
}
.scope-panel-note{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-top:18px;
  padding:13px 16px;
  border-radius:18px;
  background:#34363a;
  color:#fff;
}
.scope-panel-note span{
  color:#d4d6d9;
  font-size:.82rem;
}
.scope-panel-note strong{
  color:#fff;
  font-size:.94rem;
}

.quote-page .quote-builder-section{
  padding:112px 0 118px;
  background:linear-gradient(180deg,#fff 0%,#f7f5f2 100%) !important;
}
.quote-page .quote-builder-head{
  align-items:end;
  margin-bottom:48px !important;
}
.quote-page .quote-builder-head h2{
  max-width:8.6ch;
  color:#1b1c20;
}
.quote-page .quote-builder-head p{
  max-width:590px;
  color:#696b70;
}
.quote-page .quote-builder-shell{
  grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);
  gap:26px;
}
.quote-page .quote-guide{
  gap:16px;
  top:92px;
}
.quote-page .quote-guide-panel,
.quote-page .quote-guide-card{
  border:1px solid #e1ddd8 !important;
  background:rgba(255,255,255,.88);
  box-shadow:0 18px 45px rgba(42,39,36,.07) !important;
  backdrop-filter:none;
}
.quote-page .quote-guide-panel{
  padding:30px;
}
.quote-page .quote-guide-panel.intro{
  border-color:#45474c !important;
  background:linear-gradient(145deg,#393b40,#505258) !important;
  box-shadow:0 22px 50px rgba(42,39,36,.15) !important;
}
.quote-page .quote-guide-panel .guide-eyebrow{
  color:#d7d9dc;
}
.quote-page .quote-guide-panel h3{
  max-width:12ch;
  color:#fff;
  font-size:clamp(1.8rem,2.5vw,2.3rem);
  line-height:1.02;
}
.quote-page .quote-guide-panel p{
  color:#d9dade;
  line-height:1.58;
}
.quote-page .quote-guide-grid{
  gap:12px;
}
.quote-page .quote-guide-card{
  min-width:0;
  padding:20px;
  border-radius:24px;
}
.quote-page .quote-guide-card span{
  width:38px;
  height:38px;
  margin-bottom:18px;
  border-radius:13px;
  background:#e8e6e3;
  color:#4c4e53;
}
.quote-page .quote-guide-card h4{
  margin-bottom:8px;
  color:#292a2e;
}
.quote-page .quote-guide-card p{
  color:#6c6e73;
  font-size:.9rem;
  line-height:1.5;
}
.quote-page .quote-guide-card.accent{
  border-color:#d7d3cf !important;
  background:#eeece9;
}
.quote-page .quote-form-modern{
  padding:34px;
  border:1px solid #e0dcd7 !important;
  border-radius:34px;
  background:rgba(255,255,255,.96);
  box-shadow:0 26px 65px rgba(42,39,36,.11) !important;
}
.quote-page .quote-form-head{
  margin-bottom:28px;
}
.quote-page .quote-form-head h3{
  color:#242529;
}
.quote-page .quote-form-head p{
  color:#696b70;
}
.quote-page .guide-eyebrow{
  color:#62646a;
}
.quote-page .quote-form-modern .field label{
  color:#3d3f44;
}
.quote-page .quote-form-modern .field input,
.quote-page .quote-form-modern .field select,
.quote-page .quote-form-modern .field textarea{
  border-color:#ddd9d4;
  background:#f8f7f5;
  color:#28292d;
}
.quote-page .quote-form-modern .field input:focus,
.quote-page .quote-form-modern .field select:focus,
.quote-page .quote-form-modern .field textarea:focus{
  border-color:#77797e;
  box-shadow:0 0 0 4px rgba(75,77,82,.10);
}
.quote-page .modern-check{
  border-color:#ddd9d4;
  background:#f8f7f5;
  color:#4d4f54;
}
.quote-page .modern-check:hover{
  border-color:#bab6b2;
  background:#f2f0ed;
}
.quote-page .modern-check input{
  accent-color:#4b4d52;
}
.quote-page .quote-form-footer .btn.secondary{
  background:#f1efed;
  border-color:#dedad6;
}
.quote-page .form-note{
  color:#74767b;
}

@media (max-width:1040px){
  .quote-hero-refined{
    min-height:auto !important;
    padding:82px 0 88px;
  }
  .quote-hero-refined .quote-hero-layout{
    grid-template-columns:1fr;
    gap:48px;
  }
  .quote-scope-panel{
    width:min(660px,100%);
  }
  .quote-page .quote-builder-shell{
    grid-template-columns:1fr;
  }
  .quote-page .quote-guide{
    position:relative;
    top:auto;
  }
  .quote-page .quote-guide-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (max-width:760px){
  .projects-page .projects-hero,
  .quote-hero-refined{
    background-size:92px 92px !important;
  }
  .projects-page .projects-hero:before,
  .quote-hero-refined:before{
    background:radial-gradient(circle at 15% 22%,rgba(75,78,83,.13) 0 8px,transparent 9px),radial-gradient(circle at 82% 64%,rgba(75,78,83,.11) 0 9px,transparent 10px),radial-gradient(circle at 30% 86%,rgba(75,78,83,.09) 0 7px,transparent 8px),radial-gradient(circle at 18% 12%,rgba(255,255,255,.78),transparent 18rem) !important;
  }
  .quote-page .nav-links{
    border-color:#e2ded9;
    background:rgba(255,255,255,.98);
  }
  .quote-page .nav-links a{
    color:#3f4146 !important;
  }
  .quote-hero-refined{
    padding:66px 0 70px;
  }
  .quote-hero-refined .quote-hero-layout{
    gap:38px;
  }
  .quote-hero-refined .page-kicker{
    margin-bottom:20px;
  }
  .quote-hero-refined .quote-hero-copy h1{
    max-width:8ch;
    margin-bottom:20px;
    font-size:clamp(3.2rem,15vw,4.7rem);
  }
  .quote-hero-refined .hero-actions{
    align-items:stretch;
  }
  .quote-hero-refined .hero-actions .btn{
    justify-content:center;
  }
  .quote-trust-row{
    gap:10px 18px;
  }
  .quote-scope-panel{
    padding:22px;
    border-radius:28px;
  }
  .scope-panel-steps li{
    padding:14px;
  }
  .quote-page .quote-builder-section{
    padding:76px 0 82px;
  }
  .quote-page .quote-builder-head{
    margin-bottom:34px !important;
  }
  .quote-page .quote-guide-grid{
    grid-template-columns:1fr;
  }
  .quote-page .quote-form-modern{
    padding:22px;
    border-radius:28px;
  }
  .quote-page .quote-form-head{
    display:grid;
    gap:10px;
  }
}