:root{--bg:#fbfbfd;--ink:#1d1d1f;--muted:#717178;--blue:#0071e3;--line:#dedee4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button,input,textarea{outline-offset:5px}header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:auto;padding:0 5%;border-bottom:1px solid #ededf1;position:relative;z-index:3}.brand{font-size:33px;font-weight:750;letter-spacing:-3px;line-height:1}.brand span{color:var(--blue);margin-left:5px}nav{display:flex;gap:36px;font-size:13px;color:#53535a}nav a:hover{color:var(--blue)}.contact-link{font-size:12px;background:#f0f0f4;border:1px solid #e4e4eb;border-radius:30px;padding:9px 16px}.contact-link span{margin-left:13px}main{max-width:1440px;margin:auto}.landing{position:relative;isolation:isolate;min-height:calc(100svh - 76px);padding:59px 5% 38px;overflow:hidden}.landing-top{text-align:center;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:1.9px;font-weight:600;color:var(--muted)}.landing h1{font-size:clamp(43px,4.8vw,70px);line-height:1.08;letter-spacing:-3.5px;font-weight:650;margin:19px 0 20px}.landing h1 span{color:#88888f}.landing-top>p{font-size:18px;color:var(--muted);line-height:1.55;margin:0}.gateways{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;max-width:1030px;margin:43px auto 0;gap:24px}.gateway{display:block;text-align:left;border-radius:25px;padding:31px 34px 24px;background:rgba(255,255,255,.88);border:1px solid #e6e9f0;box-shadow:0 12px 40px #27396008;backdrop-filter:blur(14px);transition:transform .3s,box-shadow .3s,border-color .3s}.gateway:hover{transform:translateY(-6px);box-shadow:0 20px 45px #344e8012;border-color:#a9cafa}.gateway-heading{display:flex;align-items:center;justify-content:space-between}.gateway-heading>span{font-size:11px;letter-spacing:1.5px;color:#6f788b}.gateway-heading b{font-size:24px;font-weight:400;color:#718096}.gateway h2{font-size:29px;line-height:1.14;letter-spacing:-1px;font-weight:600;margin:18px 0 14px}.gateway p{font-size:15px;color:#707078;line-height:1.65;margin:0;max-width:370px}.gateway .meta{font-size:11px;color:#888893;margin-top:21px}.gateway .link{display:flex;justify-content:space-between;align-items:center;margin-top:23px;border-top:1px solid #e9ebf1;padding-top:19px;font-size:14px;color:var(--blue);font-weight:500}.gateway .link i{font-style:normal;border-radius:50%;background:#edf5ff;width:30px;height:30px;display:grid;place-items:center}.gateway.business .link{color:#6254bf}.gateway.business .link i{background:#f3f0fc}.gateway.business:hover{border-color:#c3b7eb}.mesh{position:absolute;z-index:-1;width:100%;height:440px;bottom:-70px;left:0;pointer-events:none;opacity:.72;mask-image:linear-gradient(transparent,#000 25%,#000 80%,transparent)}.landing-note{position:relative;z-index:1;text-align:center;color:#85858f;font-size:11px;margin:29px 0 0}.landing-note a{color:#5e6573}.back{display:block;color:#76767d;font-size:13px;padding:36px 6% 0}.section{padding:62px 6% 65px;display:grid;grid-template-columns:1fr 1fr;gap:9%}.section-intro h2,.contact h2{font-size:clamp(38px,4vw,58px);line-height:1.1;letter-spacing:-2px;font-weight:600;margin:22px 0}.section-intro h2 span,.contact h2 span{color:#8c8c94}.section-intro>p{max-width:400px;color:var(--muted);line-height:1.8}.scope-row{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:22px 0}.scope-row:first-child{padding-top:0}.number{font-size:12px;color:#8b8b94;padding-top:5px}.scope-row h3{font-size:20px;font-weight:600;margin:0 0 8px}.scope-row p{color:var(--muted);font-size:15px;margin:0}.scope-note{display:flex;gap:15px;margin-top:22px;padding:17px 20px;background:#eef3fa;border-radius:12px}.scope-note>span{color:var(--blue)}.scope-note p{font-size:13px;margin:0;color:#6e7582}.scope-note strong{color:#414a59;font-weight:500}.examples{margin:0 6%;padding:32px 0 65px}.example-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.example-heading h2,.collaboration h2{font-size:32px;font-weight:600;letter-spacing:-1px;margin:13px 0 28px}.small{font-size:12px;color:#797982}.example-heading>.small{margin-bottom:33px}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.scene-grid article{padding:26px;background:#f0f2f6;border-radius:18px}.scene-symbol{font-size:29px;letter-spacing:-1px;color:#363c49}.scene-symbol span{display:block;font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:8px}.scene-grid h3{font-size:17px;font-weight:600;margin:20px 0 8px}.scene-grid p{font-size:14px;color:var(--muted);margin:0}.disclaimer{margin-top:24px}.text-link{display:inline-block;margin-top:19px;color:var(--blue);font-size:14px}.workflow{background:white;border:1px solid #e4e4eb;border-radius:22px;padding:30px;box-shadow:0 15px 60px #303a5008}.workflow-head{font-size:10px;letter-spacing:1.2px;color:#888393;display:flex;justify-content:space-between;padding-bottom:25px}.flow-step{display:flex;gap:18px;align-items:center}.flow-icon{width:42px;height:42px;background:#f3f0fb;display:grid;place-items:center;border-radius:12px;color:#7562b1;font-size:13px;flex-shrink:0}.flow-step h3{font-size:16px;font-weight:600;margin:0}.flow-step p{font-size:13px;color:var(--muted);margin:3px 0}.connector{height:25px;width:1px;background:#d7cee9;margin:5px 21px}.workflow-result{border-top:1px solid #e5e1ee;margin-top:23px;padding-top:16px;font-size:13px;color:#7562b1}.process-benefits{display:grid;grid-template-columns:repeat(3,1fr);margin:0 6%;gap:25px;padding-bottom:80px}.process-benefits article{border-top:1px solid var(--line);padding-top:23px}.process-benefits article>span{font-size:11px;letter-spacing:1.2px;color:#92829f}.process-benefits h3{font-size:20px;font-weight:500;line-height:1.5}.process-benefits p{font-size:14px;color:var(--muted)}.collaboration{padding:60px 6%;background:#f0f1f5}.collaboration h2{font-size:38px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps article{border-top:1px solid #d3d4db;padding-top:23px}.steps article>span{font-size:13px;color:#898b94}.steps h3{font-size:20px;font-weight:600;margin:18px 0 7px}.steps p{color:var(--muted);font-size:14px;margin:0}.contact{padding:80px 6%;display:grid;grid-template-columns:1fr 1fr;gap:8%}.contact p{color:var(--muted);font-size:15px}fieldset{padding:0;border:0;margin:0 0 23px}legend,form>label,.inputs>label{display:block;font-size:13px;color:#62626d;margin-bottom:9px}.choices{display:flex;gap:10px;margin-top:10px}.choices label{flex:1;cursor:pointer}.choices input{position:absolute;opacity:0}.choices span{display:block;border:1px solid #d9dae2;padding:11px 12px;border-radius:10px;text-align:center;font-size:13px}.choices input:checked+span{border-color:#91b7e6;background:#edf5ff;color:#1762ac}.choices input:focus-visible+span{outline:2px solid var(--blue);outline-offset:3px}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px}input:not([type=radio]),textarea{background:white;border:1px solid #d9d9e2;border-radius:10px;padding:12px 14px;color:var(--ink);width:100%;margin-top:8px;font-size:14px}textarea{resize:vertical;min-height:90px}input::placeholder,textarea::placeholder{color:#94949e}form button{display:flex;justify-content:space-between;width:100%;border:0;border-radius:30px;background:var(--blue);color:white;padding:14px 19px;margin-top:17px;font-size:14px;font-weight:500;cursor:pointer}form button:hover{background:#005ebf}.contact .form-note{font-size:12px;margin:10px 0 0;color:#868690}footer{max-width:1280px;margin:auto;padding:25px 5%;border-top:1px solid #e8e8ee;display:flex;align-items:center;gap:25px}footer .brand{font-size:25px}footer p{font-size:12px;color:#85858f}footer>span{margin-left:auto;font-size:11px;color:#9696a0}@media(max-width:760px){header{height:66px}nav{gap:17px;font-size:11px}.contact-link{display:none}.landing{padding-top:44px;min-height:auto;padding-bottom:35px}.landing h1{font-size:44px;letter-spacing:-2px}.landing-top>p{font-size:16px}.gateways{gap:15px;margin-top:32px}.gateway{padding:23px 20px 19px;border-radius:20px}.gateway h2{font-size:25px}.gateway p{font-size:14px}.gateway-heading>span{font-size:9px}.gateway .meta{font-size:10px}.gateway .link{font-size:12px}.gateway .link i{width:25px;height:25px}.section{grid-template-columns:1fr;gap:30px;padding-top:40px}.section-intro h2,.contact h2{font-size:43px}.scene-grid,.process-benefits,.steps{grid-template-columns:1fr}.example-heading>.small{display:none}.scene-symbol span{display:inline;margin-left:10px}.process-benefits{padding-bottom:45px}.collaboration h2{font-size:32px;line-height:1.2}.contact{grid-template-columns:1fr;gap:25px;padding-top:50px}footer{gap:10px 20px;flex-wrap:wrap}.mesh{height:400px}footer>span{font-size:10px}}@media(max-width:520px){.landing h1{font-size:40px}.landing-top>p{font-size:14px}.gateways{grid-template-columns:1fr;gap:15px}.gateway{padding:22px 24px}.gateway h2{font-size:28px;margin:12px 0}.gateway h2 br{display:none}.gateway .meta{margin-top:15px}.gateway .link{margin-top:16px;padding-top:14px}.gateway p{max-width:none}.gateway-heading>span{font-size:10px}.inputs{grid-template-columns:1fr}.choices span{font-size:12px}.landing-note{font-size:10px}.eyebrow{font-size:10px}footer>span{width:100%;margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.brand{display:block;width:226px;height:62px;overflow:hidden;flex-shrink:0;mix-blend-mode:multiply}.brand img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.16)}footer .brand{width:185px;height:55px}@media(max-width:760px){header{height:82px;gap:12px}.brand{width:185px;height:61px}nav{gap:14px;font-size:11px}}@media(max-width:520px){header{height:auto;min-height:105px;flex-wrap:wrap;justify-content:center;padding-top:5px;padding-bottom:12px;gap:3px}.brand{width:218px;height:62px}nav{width:100%;justify-content:center;gap:30px;font-size:12px}footer .brand{width:180px;height:53px}}.faq{max-width:1050px;margin:auto;padding:65px 6%}.faq h2{font-size:34px;letter-spacing:-1px;line-height:1.2;font-weight:600;margin:0 0 28px}.faq details{border-bottom:1px solid #dddfe7;padding:20px 0}.faq summary{font-size:17px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::after{content:'+';color:#0071e3;font-size:22px;line-height:1}.faq details[open] summary::after{content:'−'}.faq details p{max-width:750px;font-size:15px;line-height:1.75;color:#717178;margin:15px 0 4px}.section-intro h1{font-size:clamp(38px,4vw,58px);line-height:1.1;letter-spacing:-2px;font-weight:600;margin:22px 0}.section-intro h1 span{color:#8c8c94}.contact h1{font-size:clamp(38px,4vw,58px);line-height:1.1;letter-spacing:-2px;font-weight:600;margin:22px 0}.contact h1 span{color:#8c8c94}nav a[aria-current=page]{color:#0071e3}.footer-links{display:flex;gap:18px;font-size:12px;color:#717178}.contact-page .contact{padding-top:65px}.crosslink{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 6% 55px;padding:22px 25px;border:1px solid #e1e3eb;border-radius:16px;font-size:14px;color:#717178}.crosslink a{color:#0071e3}footer{flex-wrap:wrap}@media(max-width:520px){.faq{padding-top:40px;padding-bottom:40px}.faq h2{font-size:29px}.crosslink{display:block}.crosslink a{display:block;margin-top:10px}.footer-links{width:100%;flex-wrap:wrap}}

.real-examples{padding:30px 6% 75px}.real-examples>.eyebrow{margin-bottom:12px}.real-examples>h2{font-size:clamp(30px,3.5vw,45px);letter-spacing:-1.7px;font-weight:600;line-height:1.15;margin:0 0 16px}.section-lead{max-width:690px;color:#717178;font-size:17px;margin:0 0 30px}.scenario-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.scenario-choice{background:#fff;border:1px solid #dedfe6;border-radius:15px;padding:18px;text-align:left;cursor:pointer;color:#1d1d1f;font-size:16px;transition:border-color .2s,background .2s}.scenario-choice span{display:block;font-size:12px;font-weight:400;color:#747781;margin-top:6px}.scenario-choice[aria-pressed=true]{border-color:#83b3ec;background:#f0f6ff;box-shadow:inset 0 0 0 1px #83b3ec}.scenario-choice:hover{border-color:#0071e3}.scenario-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:38px;border:1px solid #e0e3eb;border-radius:24px;padding:35px;background:white}.scenario-panel h3{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:12px 0 18px}.scenario-panel p{color:#717178;font-size:15px;line-height:1.8}.outcome{border-top:1px solid #e3e6ee;padding-top:16px;margin-top:23px!important;color:#2a527d!important}.state-visual{border-radius:18px;background:#f5f7fb;padding:24px;display:flex;flex-direction:column;justify-content:center}.state-caption{font-size:12px;color:#747c8c;margin-bottom:15px}.slats{height:110px;display:flex;justify-content:center;gap:23px;align-items:center;padding:10px 0;border-bottom:1px solid #dfe4ed;margin-bottom:16px}.slats i{display:block;height:65px;width:5px;background:linear-gradient(#9eb9d6,#526b88);border-radius:4px;transform:rotate(var(--angle,90deg));transition:transform .6s}.state-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:9px 0;gap:15px}.state-row strong{font-weight:600;text-align:right}.example-note{color:#858992;font-size:12px;margin:17px 0 30px}.practical-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}.practical{border-top:1px solid #d9dee8;padding:25px 0}.practical .eyebrow{font-size:10px}.practical h3{font-size:24px;font-weight:550;letter-spacing:-.5px;margin:12px 0}.practical p{font-size:15px;color:#717178;line-height:1.75}.mini-flow{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:20px}.mini-flow span{background:#f1f4f9;border-radius:8px;padding:8px 11px;font-size:12px;color:#49576b}.mini-flow b{font-size:15px;color:#93a0b3;font-weight:400}.business-demo .scenario-choice[aria-pressed=true]{background:#f7f4fc;border-color:#b7a8d9;box-shadow:inset 0 0 0 1px #b7a8d9}.business-demo .outcome{color:#665284!important}.business-flow{display:grid;gap:13px}.business-flow>div{background:white;border:1px solid #e1e0ea;border-radius:12px;padding:14px 17px}.business-flow strong{display:block;font-size:14px;font-weight:550}.business-flow span{display:block;font-size:12px;color:#83818c;margin-top:4px}.business-flow>b{text-align:center;font-size:14px;color:#9287a8;font-weight:400;line-height:1}.collaboration{background:white;border-top:1px solid #e6e6ec;border-bottom:1px solid #e6e6ec;padding-top:65px;padding-bottom:65px}.collaboration>h2{margin-bottom:34px}.steps{gap:24px}.steps article{border:1px solid #e2e3ea;border-radius:18px;padding:24px;background:white}.steps article>span{display:inline-grid;place-items:center;height:34px;width:34px;border-radius:50%;background:#f0f5fc;color:#386998;font-size:12px}.steps h3{font-size:20px;line-height:1.3;margin-top:20px}.step-deliverable{display:block;border-top:1px solid #e8eaf0;margin-top:20px;padding-top:14px;color:#3f526b;font-size:12px;font-weight:500}@media(max-width:760px){.scenario-panel{grid-template-columns:1fr;padding:25px;gap:23px}.scenario-choices{gap:8px}.scenario-choice{font-size:14px;padding:14px 12px}.scenario-choice span{font-size:11px}.practical-grid{grid-template-columns:1fr;gap:0}.scenario-panel h3{font-size:26px}.section-lead{font-size:15px}.real-examples{padding-bottom:45px}}@media(max-width:520px){.scenario-choices{grid-template-columns:1fr}.scenario-choice span{margin-top:3px}.scenario-panel{padding:22px}.steps article{padding:22px}.state-row{font-size:12px}.scenario-panel h3{font-size:25px}}

.animated-examples{padding:30px 6% 70px}.animation-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.animation-heading h2{font-size:clamp(30px,3.5vw,44px);line-height:1.14;font-weight:600;letter-spacing:-1.5px;margin:13px 0 0}.animation-controls{display:flex;gap:8px;flex-wrap:wrap}.animation-controls button{font-size:12px;padding:9px 13px;border:1px solid #dedfe7;border-radius:25px;background:white;color:#5c6470;cursor:pointer}.animation-controls button:hover{border-color:#7394bd}.demo-card{background:white;border:1px solid #e3e6ed;border-radius:25px;overflow:hidden}.shade-demo{display:grid;grid-template-columns:1fr 1.25fr}.shade-story{padding:33px}.demo-icon{width:34px;height:34px;color:#63778e;margin-bottom:17px}.demo-icon svg{width:100%;height:100%}.demo-card h3{font-size:28px;font-weight:550;letter-spacing:-.9px;line-height:1.18;margin:12px 0}.demo-card p{font-size:15px;line-height:1.65;color:#787f8a}.shade-story .demo-summary{font-size:14px;margin-bottom:23px}.scene-clock{font-size:36px;font-weight:500;letter-spacing:-1.3px;font-variant-numeric:tabular-nums;color:#406992;margin-top:27px}.shade-story h4{font-size:17px;font-weight:550;line-height:1.4;margin:8px 0}.shade-story #shade-description{font-size:14px;min-height:70px;margin:0}.sequence-dots{display:flex;gap:8px;margin-top:21px}.sequence-dots button{width:32px;height:5px;border:0;border-radius:4px;background:#dfe4eb;padding:0;cursor:pointer;position:relative}.sequence-dots button::before{content:'';position:absolute;inset:-10px 0}.sequence-dots button[aria-pressed=true]{background:#6c9ace}.shade-stage{background:linear-gradient(160deg,#f1f5fa,#fafbfd);padding:30px;display:flex;flex-direction:column;justify-content:center}.stage-badges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:30px;min-height:55px;align-content:start}.stage-badges span{font-size:11px;padding:5px 9px;border-radius:20px;background:#e5edf7;color:#4d6a8d}.stage-badges span:last-child{background:#eeeaf6;color:#817098}.rooms{display:grid;grid-template-columns:1fr 1fr;gap:25px}.room-label{font-size:13px;color:#5d6b7c;margin-bottom:12px}.blind-diagram{height:175px;background:#e7eef4;border:1px solid #b7c5d4;border-radius:6px;position:relative;overflow:hidden}.sunlight{position:absolute;inset:0;background:linear-gradient(120deg,#fffbe6aa,#fffdf955 65%,#d8e4f099);transition:opacity 1s}.blind-stack{position:absolute;inset:0 0 auto;height:100%;display:grid;grid-template-rows:repeat(8,1fr);transition:height 1.8s cubic-bezier(.4,0,.2,1);padding:1px 3px;perspective:450px}.blind-stack i{display:block;background:linear-gradient(#edf1f5,#96a9bb);border:1px solid #899daf;border-radius:1px;transform:rotateX(var(--tilt,55deg));transition:transform 1.6s;box-shadow:0 2px 4px #576f8520}.room-status{display:block;min-height:35px;font-size:12px;color:#66758a;margin-top:12px}.stage-foot{margin-top:20px;border-top:1px solid #dde4ed;padding-top:17px}.stage-foot span{display:block;font-size:12px;color:#788594}.stage-foot .manual-note{margin-top:8px;color:#4c6078}.compact-demos{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.mini-demo{padding:30px}.mini-demo h3{font-size:24px}.mini-demo>p{font-size:14px;max-width:360px;min-height:48px}.timer-visual,.departure-visual{background:#f7f8fb;border-radius:17px;padding:24px;margin-top:23px;min-height:214px;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-ring{width:115px;height:115px;border-radius:50%;border:4px solid #dfe5ee;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color 1s,box-shadow 1s}.timer-ring strong{font-size:25px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-1px}.timer-ring>span{font-size:10px;color:#8b929d}.timer-ring.warming{border-color:#d7b38f;box-shadow:0 0 28px #e4c7a530}.timer-ring.done{border-color:#adc2b2}.mini-state{font-size:12px;color:#7c8694;margin-top:20px;text-align:center;min-height:19px}.mini-tags{display:flex;justify-content:space-between;gap:10px;margin-top:20px;font-size:10px;color:#87909d}.home-switches{width:100%}.home-switches>span{display:flex;align-items:center;justify-content:space-between;padding:11px 0;font-size:13px;color:#697482;border-bottom:1px solid #e5e8ef}.home-switches i{width:29px;height:16px;border-radius:20px;background:#e3c69f;position:relative;transition:background 1s}.home-switches i::before{content:'';position:absolute;width:12px;height:12px;border-radius:50%;top:2px;right:2px;background:white;transition:transform .7s}.home-switches .off i{background:#cdd5df}.home-switches .off i::before{transform:translateX(-13px)}.animation-disclaimer{font-size:11px;line-height:1.6;color:#8b929c;margin:22px 0 0}.business-demos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.business-animation{padding:27px 23px}.business-animation h3{font-size:23px;min-height:83px}.business-animation>p{font-size:14px;min-height:65px}.animated-flow{margin-top:27px}.flow-node{display:flex;align-items:center;gap:10px;border:1px solid #e1e5ed;border-radius:12px;padding:14px 10px;background:#fafbfd;font-size:12px;color:#858c98;transition:background .8s,border-color .8s,color .8s}.node-icon svg{width:19px;height:19px;display:block}.flow-check{margin-left:auto;opacity:0;font-size:13px;font-weight:400;transition:opacity .6s}.flow-node.active{background:#eff4fc;border-color:#b9cce3;color:#44658e}.flow-node.complete{color:#617566}.flow-node.complete .flow-check{opacity:1}.flow-track{position:relative;height:29px;width:1px;background:#e0e6ef;margin:auto;overflow:hidden}.flow-track i{position:absolute;width:1px;height:12px;top:-12px;background:#7095c3}.flow-track.running i{animation:flow-dot 1.5s linear infinite}.business-caption{font-size:12px;color:#758297;min-height:45px;margin-top:22px}.paused .flow-track i{animation-play-state:paused}@keyframes flow-dot{to{transform:translateY(43px)}}@media(max-width:950px){.business-demos{grid-template-columns:1fr}.business-animation h3,.business-animation>p{min-height:0}.animated-flow{display:flex;align-items:center}.flow-node{flex:1;min-height:83px;flex-wrap:wrap}.flow-track{width:25px;height:1px;flex-shrink:0}.flow-track i{width:12px;height:1px;left:-12px;top:0}@keyframes flow-dot{to{transform:translateX(40px)}}.business-caption{min-height:0}.shade-demo{grid-template-columns:1fr 1fr}.shade-story{padding:26px}.shade-stage{padding:23px}.rooms{gap:15px}}@media(max-width:700px){.animation-heading{display:block}.animation-controls{margin-top:22px}.shade-demo{grid-template-columns:1fr}.shade-story{padding:26px}.shade-story #shade-description{min-height:0}.shade-stage{padding:26px}.stage-badges{margin-bottom:20px;min-height:0}.blind-diagram{height:170px}.compact-demos{grid-template-columns:1fr}.business-animation{padding:25px}.demo-card h3{font-size:26px}.business-animation h3{font-size:24px}.animated-examples{padding-bottom:45px}.shade-story .demo-summary{margin-bottom:15px}.scene-clock{margin-top:18px}.flow-node{font-size:11px;padding:10px 8px;gap:5px}.node-icon{width:100%}.flow-check{display:none}}@media(prefers-reduced-motion:reduce){.flow-track i{animation:none!important}.blind-stack,.blind-stack i,.flow-node,.home-switches i,.home-switches i::before,.timer-ring{transition:none!important}}

.usecase-carousel{padding:30px 6% 65px}.carousel-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.carousel-heading h2{font-size:30px;letter-spacing:-1px;font-weight:550;line-height:1.2;margin:12px 0 0}.carousel-heading>button{white-space:nowrap;border:1px solid #dde2e9;background:white;border-radius:24px;padding:10px 16px;font-size:13px;color:#6b7787;cursor:pointer}.carousel-window{overflow:hidden;border-radius:26px;border:1px solid #e1e6ee;background:white;touch-action:pan-y}.carousel-track{display:flex;transition:transform .7s cubic-bezier(.22,.68,.22,1);align-items:stretch}.usecase-slide{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:1fr 1fr;min-height:425px}.slide-copy{padding:45px 36px;display:flex;flex-direction:column;justify-content:center}.slide-copy h3{font-size:clamp(28px,3.2vw,43px);line-height:1.13;letter-spacing:-1.6px;font-weight:550;margin:20px 0}.slide-copy p{font-size:16px;color:#737e8d;line-height:1.75;max-width:410px;margin:0 0 25px}.slide-copy>a{font-size:13px;color:#0071e3;align-self:start}.slide-visual{background:linear-gradient(135deg,#f0f5fc,#f8f9fc);padding:36px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;overflow:hidden}.ui-topline{font-size:12px;letter-spacing:.6px;color:#778399;display:flex;justify-content:space-between}.phone-ui{width:245px;border:1px solid #dce1e9;border-radius:28px;padding:25px 20px;background:#fff;box-shadow:0 16px 45px #3d5b7910}.phone-ui h4{font-size:21px;font-weight:550;margin:18px 0}.ui-tile{padding:14px;background:#f4f6fa;border-radius:12px}.ui-tile>span{display:block;font-size:11px;color:#8993a1;margin-bottom:6px}.ui-tile strong{font-size:19px;font-weight:500}.phone-grid,.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.phone-grid strong{font-size:15px}.ui-bottom{font-size:10px;color:#8c99a8;margin-top:20px;text-align:center}.sample-meter{height:5px;background:#e4e9f1;margin:18px 0;border-radius:4px}.sample-meter i{display:block;background:#85acd7;width:100%;height:100%;border-radius:4px;transition:width 1.8s}.phase-1 .sample-meter i{width:60%}.phase-2 .sample-meter i{width:30%}.float-note{color:#71849b;font-size:12px;text-align:center;min-height:19px}.switch-example{width:100%;display:flex;gap:30px;align-items:center;justify-content:center}.switch-pad{width:120px;background:white;padding:9px;border-radius:12px;box-shadow:0 8px 25px #425a7510;border:1px solid #dce2eb;flex-shrink:0}.switch-pad span{display:block;padding:28px 0;text-align:center;font-size:10px;border:1px solid #e4e7ec;border-radius:5px;transition:background .8s}.phase-1 .switch-pad span:last-child{background:#dbe9f8}.switch-results{flex:1;max-width:190px}.switch-results>div{display:flex;justify-content:space-between;gap:14px;padding:16px 0;font-size:13px;border-bottom:1px solid #dce3ed;color:#778493}.status-lamp{width:12px;height:12px;border-radius:50%;background:#e4c293;box-shadow:0 0 12px #d5ad7240;transition:background 1s,box-shadow 1s}.phase-1 .lamp-0,.phase-1 .lamp-1,.phase-2 .status-lamp{background:#c5cdd7;box-shadow:none}.light-ui,.shade-ui,.overview-ui,.report-ui{width:100%;max-width:360px;border-radius:20px;background:white;padding:25px;border:1px solid #e0e5ed;box-shadow:0 12px 35px #39567408}.mood-options{display:flex;gap:8px;margin:22px 0}.mood-options span{flex:1;text-align:center;font-size:11px;padding:9px 3px;background:#f0f3f8;border-radius:8px;color:#7e8ca0;transition:background .8s}.phase-0 .mood-options span:nth-child(1),.phase-1 .mood-options span:nth-child(2),.phase-2 .mood-options span:nth-child(3){background:#ddeafa;color:#4c6d92}.light-bars>div{margin:18px 0}.light-bars span{font-size:12px;color:#7e8b9b}.light-bars b{height:8px;display:block;background:#f1f3f7;border-radius:9px;margin-top:8px}.light-bars i{display:block;width:95%;height:100%;background:#bccde1;border-radius:9px;transition:width 1.7s,background 1.7s}.phase-1 .light-bars>div:nth-child(1) i{width:25%}.phase-1 .light-bars>div:nth-child(2) i{width:80%;background:#dec6a5}.phase-1 .light-bars>div:nth-child(3) i{width:40%}.phase-2 .light-bars>div:nth-child(1) i{width:10%}.phase-2 .light-bars>div:nth-child(2) i{width:20%}.phase-2 .light-bars>div:nth-child(3) i{width:60%;background:#dcc4ad}.mood-caption{font-size:12px;color:#8b95a3;margin-top:23px;min-height:36px}.simple-blind{display:grid;grid-template-rows:repeat(8,1fr);height:180px;margin:23px 0;background:#fcf7e9;border:1px solid #bac9d8;padding:3px;perspective:500px}.simple-blind i{display:block;border:1px solid #a5b6c7;background:linear-gradient(#f0f4f7,#a6b9ca);transform:rotateX(75deg);transition:transform 1.7s}.phase-1 .simple-blind i{transform:rotateX(45deg)}.phase-2 .simple-blind i{transform:rotateX(58deg)}.sun-symbol{color:#d9b36f;transition:transform 2s}.phase-1 .sun-symbol{transform:translateX(-25px)}.phase-2 .sun-symbol{transform:translateX(-55px)}.shade-metrics span,.shade-metrics strong{display:block;font-size:12px;font-weight:400;color:#7c8b9f}.shade-metrics strong{margin-top:6px;color:#526b86}.overview-grid{margin-top:24px}.overview-grid strong{font-size:16px}.overview-foot{font-size:11px;color:#8b95a5;margin-top:24px}.lead-ui,.filing-ui,.sync-ui,.knowledge-ui{width:100%;max-width:365px}.message-ui,.record-ui,.folder-ui{padding:20px;border:1px solid #dbe3ed;border-radius:15px;background:white;transition:opacity 1s,transform 1s,border-color 1s}.message-ui>span,.record-ui>span,.folder-ui>span{font-size:10px;letter-spacing:1px;color:#8b97a9;display:block;margin-bottom:9px}.message-ui strong,.record-ui strong,.folder-ui strong{display:block;font-size:16px;font-weight:500}.message-ui p,.record-ui p{font-size:12px;color:#8190a2;margin:8px 0 0}.lead.phase-0 .record-ui{opacity:.35;transform:translateY(12px)}.lead.phase-2 .record-ui{border-color:#a6c5b5}.transfer-line{height:35px;width:1px;background:#c4d3e5;margin:0 auto;position:relative;overflow:hidden}.transfer-line::after{content:'';position:absolute;top:-10px;left:0;width:1px;height:10px;background:#3b7ebf}.is-current.phase-1 .transfer-line::after{animation:packet 1.1s linear infinite}@keyframes packet{to{transform:translateY(45px)}}.paper-ui{width:100%;max-width:320px;background:white;padding:29px;border:1px solid #e0e4ec;box-shadow:0 15px 40px #3d567312;transform:rotate(-3deg);transition:transform 1s;border-radius:7px}.phase-2 .paper-ui{transform:rotate(0)}.paper-heading{font-size:20px;letter-spacing:2px;margin-bottom:30px;color:#51647d}.paper-row{padding:15px 0;border-bottom:1px solid #e6eaf0;transition:opacity .8s}.paper-row span{display:block;font-size:11px;color:#8a95a4}.paper-row strong{font-size:14px;font-weight:500}.phase-0 .paper-row{opacity:.2}.phase-1 .paper-row{opacity:.7}.paper-footer{font-size:12px;color:#6d879f;margin-top:24px}.sync-symbol{text-align:center;padding:10px;color:#88a2c0;font-size:25px}.phase-1 .sync-symbol{animation:syncPulse 1s infinite}@keyframes syncPulse{50%{opacity:.3}}.sync.phase-2 .record-ui{border-color:#a6c5b5}.file-token{width:130px;height:145px;margin:auto;background:white;border:1px solid #dce2ea;border-radius:12px;color:#7391b3;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:27px;font-weight:500;transition:transform 1.2s}.file-token span{font-size:10px;font-weight:400;color:#8593a3;margin-top:12px}.filing.phase-1 .file-token{transform:translateY(15px) scale(.9)}.filing.phase-2 .file-token{transform:translateY(25px) scale(.8)}.filing.phase-2 .folder-ui{border-color:#a6c5b5}.folder-ui strong{font-size:14px}.report-sources{display:flex;gap:8px;margin:24px 0}.report-sources span{flex:1;background:#f0f3f8;padding:7px 5px;border-radius:6px;font-size:10px;text-align:center;color:#8492a4}.chart-illustration{height:135px;display:flex;gap:16px;align-items:end;padding:0 13px;border-bottom:1px solid #e4e9f0}.chart-illustration i{flex:1;height:20%;background:#bacde4;border-radius:5px 5px 0 0;transition:height 1.7s}.phase-1 .chart-illustration i:nth-child(2n){height:65%}.phase-1 .chart-illustration i:nth-child(2n+1){height:35%}.phase-2 .chart-illustration i:nth-child(2n){height:85%}.phase-2 .chart-illustration i:nth-child(2n+1){height:55%}.question-bubble,.answer-bubble{font-size:15px;padding:21px;border-radius:18px;line-height:1.6}.question-bubble{background:#e4edf8;color:#486687;margin-left:22px}.answer-bubble{background:white;border:1px solid #e0e5ec;margin:20px 20px 0 0;color:#758294;min-height:140px}.source-chip{margin-top:18px;padding:7px 9px;background:#f0f4f8;border-radius:7px;font-size:11px;color:#69849f;opacity:0;transition:opacity .8s}.phase-2 .source-chip{opacity:1}.carousel-footer{display:flex;gap:18px;align-items:center;padding:20px 0 0}.carousel-dots{display:flex;gap:8px}.carousel-dots button{width:23px;height:5px;border:0;border-radius:4px;background:#dbe2ec;position:relative;padding:0;cursor:pointer}.carousel-dots button::before{position:absolute;content:'';inset:-10px 0}.carousel-dots button[aria-pressed=true]{background:#779bc5}.carousel-footer>span{color:#8a96a5;font-size:12px}.carousel-arrows{margin-left:auto;display:flex;gap:8px}.carousel-arrows button{width:38px;height:38px;background:white;border:1px solid #dce2eb;border-radius:50%;cursor:pointer;color:#68809c}.carousel-note{font-size:11px;line-height:1.6;color:#8a95a5;margin:14px 0 0}.usecase-carousel.is-paused *{animation-play-state:paused!important}form .category-label{color:#52789f;font-size:12px;margin:0 0 22px}form select{display:block;width:100%;background:white;border:1px solid #d9d9e2;border-radius:10px;padding:12px 14px;color:#525d6c;font:inherit;font-size:14px;margin:8px 0 18px}.contact{border-top:1px solid #e5e8ee}.contact button{font-size:14px}@media(max-width:760px){.usecase-slide{grid-template-columns:1fr;min-height:0}.slide-copy{padding:30px}.slide-copy h3{font-size:35px}.slide-copy p{font-size:15px;min-height:78px}.slide-visual{padding:25px;min-height:350px}.carousel-heading{align-items:start}.carousel-heading h2{font-size:26px}.carousel-heading>button{font-size:11px;padding:8px 12px}.usecase-carousel{padding-top:15px}.phone-ui{width:230px}.carousel-window{border-radius:21px}}@media(max-width:430px){.slide-copy{padding:26px}.slide-copy h3{font-size:30px}.carousel-heading h2{font-size:24px}.carousel-heading{gap:12px}.switch-example{gap:18px}.switch-pad{width:100px}.carousel-dots{gap:6px}.carousel-dots button{width:18px}}@media(prefers-reduced-motion:reduce){.carousel-track,.usecase-slide *{transition:none!important;animation:none!important}}

/* Clear problem-to-outcome examples */
.story-carousel{padding:112px max(24px,calc((100vw - 1180px)/2));overflow:hidden;background:#f7f8fb;border-top:1px solid #e8eaf0;border-bottom:1px solid #e8eaf0}.story-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:34px}.story-heading h2{max-width:780px;margin:10px 0 10px;font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.055em}.story-heading>div>p{max-width:690px;margin:0;color:#626a78;font-size:18px;line-height:1.55}.story-heading>button{flex:0 0 auto;border:1px solid #dfe2e9;background:#fff;border-radius:999px;padding:11px 16px;color:#525966;font:600 13px/1 inherit;cursor:pointer}.story-window{overflow:hidden;border-radius:36px;box-shadow:0 30px 80px rgba(24,34,52,.09)}.story-track{display:flex;transition:transform .8s cubic-bezier(.22,.78,.24,1);will-change:transform}.story-slide{--story:#4169e1;min-width:100%;display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);min-height:610px;background:#fff}.story-slide.violet{--story:#7d5ce7}.story-slide.green{--story:#2e9b73}.story-slide.orange{--story:#ee7a40}.story-slide.gold{--story:#bf8b22}.story-copy{padding:62px 38px 56px 58px;display:flex;flex-direction:column}.story-copy h3{margin:13px 0 28px;font-size:clamp(36px,4vw,58px);line-height:1.02;letter-spacing:-.052em}.story-copy>a{margin-top:auto;width:max-content;color:#111827;text-decoration:none;font-weight:700}.plain-story{display:grid;gap:10px;margin-bottom:28px}.plain-story>div{padding:15px 17px;border:1px solid #e7e9ef;border-radius:16px;background:#fafbfc;transition:.45s ease;opacity:.52;transform:translateX(-5px)}.plain-story span{display:block;margin-bottom:4px;color:#7c8491;font-size:10px;font-weight:800;letter-spacing:.14em}.plain-story p{margin:0;color:#343b48;font-size:15px;line-height:1.45}.story-slide.phase-0 [data-phase="0"],.story-slide.phase-1 [data-phase="1"],.story-slide.phase-2 [data-phase="2"]{opacity:1;transform:none;border-color:color-mix(in srgb,var(--story) 28%,#e7e9ef);background:color-mix(in srgb,var(--story) 5%,#fff)}.story-visual{position:relative;display:grid;place-items:center;overflow:hidden;padding:48px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--story) 13%,#fff),#f3f5f9 60%)}.story-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(83,94,116,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(83,94,116,.07) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}.story-chain{position:relative;z-index:1;width:min(480px,100%);display:grid;grid-template-columns:1fr 46px 1fr 46px 1fr;align-items:center}.story-node{min-width:0;aspect-ratio:.92;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:18px 10px;border:1px solid rgba(255,255,255,.9);border-radius:25px;background:rgba(255,255,255,.84);box-shadow:0 18px 45px rgba(39,49,70,.11);opacity:.35;transform:translateY(10px) scale(.96);transition:.55s cubic-bezier(.22,.8,.25,1)}.story-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:13px;border-radius:17px;color:var(--story);background:color-mix(in srgb,var(--story) 10%,#fff)}.story-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.story-node strong,.story-node small{display:block}.story-node strong{font-size:15px}.story-node small{margin-top:4px;color:#737b89;font-size:11px}.story-link{height:2px;background:#d8dce5;position:relative;overflow:hidden}.story-link:after{content:"";position:absolute;inset:0;background:var(--story);transform:translateX(-100%);transition:.6s ease}.story-slide.phase-0 .story-node:nth-child(1),.story-slide.phase-1 .story-node:nth-child(-n+3),.story-slide.phase-2 .story-node{opacity:1;transform:none}.story-slide.phase-1 .story-link:nth-child(2):after,.story-slide.phase-2 .story-link:after{transform:none}.story-slide.phase-2 .story-link:nth-child(4):after{transition-delay:.1s}.benefit-card{position:absolute;z-index:2;left:50%;bottom:42px;width:min(420px,calc(100% - 64px));padding:17px 20px;border:1px solid rgba(255,255,255,.9);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 14px 40px rgba(35,45,66,.12);transform:translate(-50%,18px);opacity:0;transition:.5s ease}.story-slide.phase-2 .benefit-card{opacity:1;transform:translate(-50%,0)}.benefit-card span{display:block;margin-bottom:4px;color:var(--story);font-size:10px;font-weight:800;letter-spacing:.14em}.benefit-card strong{display:block;font-size:16px;line-height:1.35}.story-controls{display:grid;grid-template-columns:42px 1fr auto 42px;align-items:center;gap:16px;margin-top:25px}.story-arrow{width:42px;height:42px;border:1px solid #dfe2e9;border-radius:50%;background:#fff;color:#252a34;font-size:20px;cursor:pointer}.story-dots{display:flex;gap:8px}.story-dots button{width:38px;height:4px;padding:0;border:0;border-radius:4px;background:#d3d7df;cursor:pointer;transition:.3s}.story-dots button[aria-pressed="true"]{width:70px;background:#20242c}.story-controls>span{color:#707784;font-size:13px;font-variant-numeric:tabular-nums}.story-note{margin:16px 0 0;color:#858c98;font-size:12px}.story-carousel.is-paused .story-track{will-change:auto}@media(max-width:900px){.story-carousel{padding:80px 20px}.story-heading{align-items:flex-start}.story-heading>button{margin-top:4px}.story-slide{grid-template-columns:1fr;min-height:0}.story-copy{padding:44px 30px 32px}.story-copy h3{font-size:42px}.story-visual{min-height:420px;padding:34px 24px}.story-chain{grid-template-columns:1fr 30px 1fr 30px 1fr}.story-node{border-radius:20px;padding:12px 5px}.story-icon{width:46px;height:46px}.story-node strong{font-size:13px}.benefit-card{bottom:28px}}@media(max-width:600px){.story-heading{display:block}.story-heading>button{margin-top:20px}.story-window{border-radius:26px}.story-copy{padding:36px 22px 28px}.story-copy h3{font-size:36px}.plain-story p{font-size:14px}.story-visual{min-height:360px;padding:25px 14px}.story-chain{grid-template-columns:1fr 14px 1fr 14px 1fr}.story-node{aspect-ratio:auto;min-height:130px}.story-icon{width:40px;height:40px;margin-bottom:9px}.story-icon svg{width:23px;height:23px}.story-node small{display:none}.benefit-card{width:calc(100% - 36px);bottom:18px}.story-dots button{width:18px}.story-dots button[aria-pressed="true"]{width:34px}}

/* Use the available page width, not viewport-derived inner margins. */
.story-carousel{padding:72px clamp(20px,4vw,60px);width:100%;box-sizing:border-box}
.story-window,.story-track{width:100%;min-width:0}
.story-slide{flex:0 0 100%;width:100%;max-width:100%;min-width:0;box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:520px}
.story-copy{min-width:0;padding:38px 34px;box-sizing:border-box}
.story-copy h3{font-size:clamp(30px,3vw,44px);line-height:1.1;letter-spacing:-.04em;margin:12px 0 22px;overflow-wrap:normal}
.story-heading h2{font-size:clamp(32px,3.8vw,52px);line-height:1.08}
.story-heading>div>p{font-size:16px}
.plain-story{gap:8px;margin-bottom:22px}
.plain-story>div{padding:11px 14px;opacity:.78;transform:none}
.plain-story p{font-size:16px;line-height:1.45}
.plain-story span,.benefit-card span{font-size:12px;letter-spacing:.08em}
.story-copy .eyebrow{font-size:12px}
.story-visual{min-width:0;padding:32px 24px 140px;box-sizing:border-box}
.story-chain{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr);width:100%}
.story-node{padding:15px 6px;min-height:145px;aspect-ratio:auto;box-sizing:border-box}
.story-node strong{font-size:14px;overflow-wrap:anywhere}
.story-node small{font-size:12px}
.benefit-card{bottom:30px;box-sizing:border-box;width:calc(100% - 48px)}
.story-heading>button{font-family:inherit;font-size:14px;font-weight:600}
@media(max-width:900px) and (min-width:761px){.story-copy{padding:28px 22px}.story-copy h3{font-size:30px}.story-visual{padding-left:14px;padding-right:14px}.story-chain{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr)}.story-icon{width:40px;height:40px}.story-node small{display:none}}
@media(max-width:760px){.story-carousel{padding:48px 20px}.story-slide{grid-template-columns:1fr}.story-copy{padding:28px 24px}.story-copy h3{font-size:32px}.story-visual{min-height:300px;padding:25px 22px 110px}.story-chain{max-width:470px}.story-node{min-height:118px}.benefit-card{bottom:18px}.story-node small{display:block}.story-heading{display:block}.story-heading>button{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.story-track,.story-node,.story-link:after,.benefit-card,.plain-story>div{transition:none}.plain-story>div,.story-node{opacity:1;transform:none}.benefit-card{opacity:1;transform:translateX(-50%)}}

/* One scene, one message, one reading path. */
.story-slide.focus-story{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:540px;padding:30px 40px 24px;text-align:center;background:radial-gradient(ellipse at 50% 24%,color-mix(in srgb,var(--story) 9%,white),white 67%)}
.focus-topic{font-size:12px;font-weight:700;letter-spacing:.12em;color:#687183;margin-bottom:18px}
.focus-stage{display:grid;width:100%;max-width:900px;flex:1;align-items:center}
.focus-frame{grid-area:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;visibility:hidden;opacity:0;transform:translateY(12px);transition:opacity .5s,transform .5s,visibility .5s;pointer-events:none;padding:6px 0 14px}
.focus-frame[aria-hidden="false"]{visibility:visible;opacity:1;transform:none;pointer-events:auto}
.focus-frame .story-icon{width:84px;height:84px;border-radius:25px;margin:0 0 20px;background:white;box-shadow:0 12px 34px color-mix(in srgb,var(--story) 15%,transparent);border:1px solid color-mix(in srgb,var(--story) 15%,white)}
.focus-frame .story-icon svg{width:42px;height:42px}
.focus-frame h3{font-size:clamp(28px,3.1vw,44px);line-height:1.13;letter-spacing:-.035em;margin:0 0 18px;max-width:820px;color:#1c2230}
.focus-frame p{font-size:18px;line-height:1.6;color:#545d6c;max-width:680px;margin:0}
.focus-step-label{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--story);margin-bottom:12px}
.focus-progress{display:flex;justify-content:center;gap:8px;margin:18px 0}
.focus-progress button{cursor:pointer;border:0;border-radius:999px;padding:9px 16px;font:500 14px/1.2 inherit;color:#697181;background:#eef0f5}
.focus-progress button[aria-pressed="true"]{background:var(--story);color:white}
.focus-cta{color:#232b38;font-size:14px;font-weight:600;text-decoration:none;padding:8px}
.focus-progress button:focus-visible,.focus-cta:focus-visible{outline:3px solid var(--story);outline-offset:4px}
@media(max-width:760px){.story-slide.focus-story{padding:26px 18px 20px;min-height:540px}.focus-frame h3{font-size:29px}.focus-frame p{font-size:16px;line-height:1.55}.focus-frame .story-icon{width:68px;height:68px;margin-bottom:16px}.focus-progress button{padding:9px 12px;font-size:13px}.focus-topic{letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){.focus-frame{transition:none;transform:none}}

/* A quiet, continuous flow with one short sentence at a time. */
.story-slide.focus-story{min-height:390px;padding:40px 36px;position:relative}
.focus-frame{padding:0;transform:translateX(24px);transition:opacity .55s ease,transform .55s ease,visibility .55s}
.focus-frame[aria-hidden="false"]{transform:translateX(0)}
.focus-frame h3{max-width:850px;margin:0;font-size:clamp(27px,3vw,42px);line-height:1.2;font-weight:600;letter-spacing:-.035em;text-wrap:balance}
.focus-frame .story-icon{margin-bottom:28px;width:72px;height:72px;border-radius:22px;box-shadow:0 8px 28px color-mix(in srgb,var(--story) 10%,transparent)}
.flow-line{height:2px;width:100px;background:#e4e7ed;border-radius:2px;overflow:hidden;margin-top:32px}
.flow-line i{display:block;height:100%;width:33.333%;background:var(--story);border-radius:2px;transition:width .6s ease}
.phase-1 .flow-line i{width:66.666%}.phase-2 .flow-line i{width:100%}
.story-heading>div>p:empty{display:none}
@media(max-width:760px){.story-slide.focus-story{min-height:350px;padding:32px 22px}.focus-frame h3{font-size:28px}.focus-frame .story-icon{width:64px;height:64px;margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.focus-frame,.flow-line i{transition:none;transform:none}}

/* Three connected scenes travel left to right inside one stable card. */
.story-window{isolation:isolate}.focus-stage{overflow:hidden;min-height:220px;padding:12px 0}
.focus-frame{transform:translateX(-64px);transition:opacity .5s ease,transform .65s cubic-bezier(.22,.7,.2,1),visibility .65s}
.focus-frame.is-past{transform:translateX(64px)}
.focus-frame[aria-hidden="false"]{transform:translateX(0);opacity:1;visibility:visible}
.flow-segments{display:flex;gap:9px;width:180px;margin-top:26px;flex:none}
.flow-segment{flex:1;position:relative;height:24px;padding:0;border:0;background:transparent;cursor:pointer}
.flow-segment:before{content:"";position:absolute;left:0;right:0;top:10px;height:3px;border-radius:3px;background:#e1e5ec}
.flow-segment i{position:absolute;left:0;top:10px;height:3px;width:100%;border-radius:3px;background:var(--story);transform:scaleX(var(--fill,0));transform-origin:left center}
.flow-segment:focus-visible{outline:2px solid var(--story);outline-offset:4px;border-radius:4px}
.story-dots button{width:22px}.story-dots button[aria-pressed="true"]{width:42px}
@media(max-width:600px){.story-dots{gap:5px}.story-dots button{width:13px}.story-dots button[aria-pressed="true"]{width:24px}.story-controls{gap:9px;grid-template-columns:36px 1fr auto 36px}.story-arrow{width:36px;height:36px}.focus-frame{transform:translateX(-32px)}.focus-frame.is-past{transform:translateX(32px)}.focus-frame[aria-hidden="false"]{transform:none}}
@media(prefers-reduced-motion:reduce){.focus-frame,.focus-frame.is-past,.focus-frame[aria-hidden="false"]{transition:none;transform:none}}

/* Three scenes orbit one vertical axis: front stays sharp, rear scenes stay soft. */
.story-slide.focus-story{min-height:470px;padding:26px 20px 24px}
.focus-stage{width:100%;max-width:1100px;min-height:340px;padding:34px 0;perspective:1100px;display:grid;place-items:center;overflow:hidden;isolation:isolate}
.focus-stage .focus-frame{grid-area:1/1;width:70%;max-width:760px;min-height:260px;padding:30px 24px;box-sizing:border-box;border:1px solid rgba(223,228,238,.7);border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 16px 48px rgba(31,43,70,.07);backface-visibility:hidden;visibility:visible;pointer-events:none;transition:transform 1s cubic-bezier(.22,.72,.2,1),opacity .8s ease,filter .8s ease;transform-origin:center center}
.focus-stage .focus-frame[data-orbit="0"]{transform:translate3d(0,12px,65px) rotateY(0deg) scale(1);filter:blur(0);opacity:1;z-index:3;pointer-events:auto}
.focus-stage .focus-frame[data-orbit="1"]{transform:translate3d(49%,-42px,-250px) rotateY(-28deg) scale(.8);filter:blur(4px);opacity:.25;z-index:1}
.focus-stage .focus-frame[data-orbit="2"]{transform:translate3d(-49%,-42px,-250px) rotateY(28deg) scale(.8);filter:blur(4px);opacity:.25;z-index:1}
.focus-frame h3{font-size:clamp(25px,2.6vw,37px);max-width:640px;line-height:1.2;margin:0}
.focus-frame .story-icon{width:62px;height:62px;border-radius:19px;margin-bottom:22px;box-shadow:none;background:color-mix(in srgb,var(--story) 7%,white)}
.focus-frame .story-icon svg{width:33px;height:33px}
.flow-segments{margin-top:12px}
@media(max-width:760px){.story-slide.focus-story{min-height:410px;padding:12px 8px 18px}.focus-stage{min-height:325px;padding:32px 0}.focus-stage .focus-frame{width:81%;min-height:255px;padding:24px 17px;border-radius:22px}.focus-frame h3{font-size:25px}.focus-stage .focus-frame[data-orbit="1"]{transform:translate3d(44%,-36px,-240px) rotateY(-25deg) scale(.76)}.focus-stage .focus-frame[data-orbit="2"]{transform:translate3d(-44%,-36px,-240px) rotateY(25deg) scale(.76)}.focus-stage .focus-frame[data-orbit="0"]{transform:translate3d(0,8px,0)} }
@media(prefers-reduced-motion:reduce){.focus-stage .focus-frame{transition:none}.focus-stage .focus-frame[data-orbit="1"],.focus-stage .focus-frame[data-orbit="2"]{visibility:hidden}.focus-stage .focus-frame[data-orbit="0"]{transform:none}}

/* Complete examples: problem and outcome stay visible together. */
.solution-orbit{position:relative;display:grid;place-items:center;perspective:1200px;min-height:440px;overflow:hidden;padding:40px 0}
.solution-card{grid-area:1/1;width:70%;max-width:760px;min-height:320px;padding:36px 24px;border:1px solid #e5e7ed;border-radius:28px;background:#fff;text-align:center;box-shadow:0 18px 60px #1d29400b;transition:transform .85s cubic-bezier(.22,.72,.2,1),filter .85s,opacity .85s;backface-visibility:hidden;opacity:0;pointer-events:none;transform:translate3d(55%,-30px,-250px) rotateY(-28deg) scale(.8)}
.solution-card[data-position="front"]{transform:translate3d(0,10px,50px);opacity:1;filter:none;z-index:3;pointer-events:auto}
.solution-card[data-position="right"]{transform:translate3d(53%,-36px,-250px) rotateY(-28deg) scale(.8);opacity:.27;filter:blur(4px);z-index:1}
.solution-card[data-position="left"]{transform:translate3d(-53%,-36px,-250px) rotateY(28deg) scale(.8);opacity:.27;filter:blur(4px);z-index:1}
.solution-card h3{font-size:clamp(27px,3vw,40px);letter-spacing:-.035em;line-height:1.14;margin:0 0 14px;text-wrap:balance}
.solution-card p{font-size:clamp(17px,1.6vw,21px);line-height:1.4;color:#606775;margin:0 auto;max-width:560px;text-wrap:balance}
.solution-flow{display:flex;align-items:center;justify-content:center;gap:20px;margin:30px auto 0;max-width:420px;color:#0071e3}
.solution-flow .node{flex:1;min-width:0;display:grid;justify-items:center;gap:9px}.solution-flow svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.solution-flow small{font-size:14px;color:#606775;line-height:1.3}.flow-transfer{width:54px;height:2px;background:#dce7f7;position:relative;flex-shrink:0}.flow-transfer:after{content:' ';position:absolute;width:16px;height:3px;background:#0071e3;left:0;top:-.5px;animation:transfer 2.5s infinite}.solution-card[data-position="front"] .node:last-child svg{animation:arrive 2.5s infinite}.is-paused .solution-flow *,.is-paused .solution-flow :after{animation-play-state:paused!important}
@keyframes transfer{0%,10%{transform:translateX(0);opacity:0}25%{opacity:1}75%{transform:translateX(38px);opacity:1}100%{transform:translateX(38px);opacity:0}}@keyframes arrive{0%,45%{opacity:.35}70%,100%{opacity:1}}
.orbit-progress{display:flex;gap:8px;width:160px;margin:0 auto 12px}.orbit-progress i{height:3px;flex:1;background:linear-gradient(to right,#0071e3 calc(var(--fill,0)*100%),#e1e5ec 0);border-radius:3px}
.story-heading>div>p{display:none}
@media(max-width:760px){.solution-orbit{min-height:410px;padding:32px 0}.solution-card{width:82%;padding:28px 16px;min-height:310px}.solution-card h3{font-size:28px}.solution-flow{gap:10px}.flow-transfer{width:35px}.solution-flow small{font-size:13px}.solution-flow svg{width:34px;height:34px}@keyframes transfer{0%{transform:translateX(0);opacity:0}25%{opacity:1}75%,100%{transform:translateX(19px);opacity:0}}}
@media(prefers-reduced-motion:reduce){.solution-card{transition:none}.solution-flow *,.solution-flow :after{animation:none!important}.solution-card:not([data-position="front"]){visibility:hidden}}

.solution-card:first-child[data-position="front"] .node:last-child svg path{transform-origin:center;animation:slat-tilt 6s infinite}
.solution-card:nth-child(2)[data-position="front"] .node:last-child svg{animation:lights-off 6s infinite}
.solution-card:nth-child(5)[data-position="front"] .node:last-child svg path{transform-origin:center top;animation:blind-rise 6s infinite}
@keyframes slat-tilt{0%,15%{transform:rotateX(0deg)}55%,100%{transform:rotateX(65deg)}}
@keyframes lights-off{0%,20%{color:#e8ac24;opacity:1}55%,100%{color:#9ba4b0;opacity:.45}}
@keyframes blind-rise{0%,15%{transform:scaleY(1)}65%,100%{transform:scaleY(.12)}}

/* A continuous light canvas, with depth reserved for the cards. */
body{background:#fbfbfd}
main{background:radial-gradient(ellipse at 88% 36%,rgba(0,113,227,.035),transparent 42%),radial-gradient(ellipse at 8% 76%,rgba(110,95,180,.035),transparent 40%)}
.story-carousel{background:transparent;border:0;padding:60px 6% 64px}
.story-heading{align-items:center;margin-bottom:12px}
.story-heading h2{font-weight:600;letter-spacing:-.04em}
.contact{border-top:1px solid #e8e9ef;background:transparent}
.collaboration{background:rgba(239,242,248,.45)}
.solution-orbit{background:transparent;min-height:390px;padding:30px 0 36px}
.solution-card{min-height:260px;padding:32px 28px;border-color:#e5e7ec;box-shadow:0 14px 44px rgba(35,49,75,.055)}
.solution-card h3{margin:0;text-wrap:balance}
.solution-card p{color:#48647b;font-size:clamp(18px,1.8vw,23px);max-width:540px;text-wrap:balance}
.solution-arrow{display:block;font-size:28px;line-height:1;margin:18px 0;color:#94a9ba;font-weight:300}
.story-controls{margin-top:0}
@media(max-width:760px){.story-carousel{padding:42px 6% 48px}.solution-orbit{min-height:360px}.solution-card{min-height:250px;padding:26px 18px}.solution-card h3{font-size:27px}.solution-card p{font-size:18px}.solution-arrow{margin:16px 0}}

/* One thought at a time, with a quiet focus transition. */
.solution-card{display:grid;place-items:center}
.card-copy{display:grid;place-items:center;width:100%}
.solution-card .card-copy h3,.solution-card .card-copy p{grid-area:1/1;font-size:clamp(27px,3vw,40px);font-weight:600;line-height:1.18;letter-spacing:-.035em;text-wrap:balance;max-width:640px;margin:0;transition:opacity .8s ease,transform 1s cubic-bezier(.22,.72,.2,1),filter .8s ease}
.solution-card .card-copy h3{color:#1d1d1f;opacity:1;transform:translateY(0);filter:blur(0)}
.solution-card .card-copy p{color:var(--answer-color,#0071e3);opacity:0;transform:translateY(10px);filter:blur(5px)}
.solution-card.is-revealed .card-copy h3{opacity:0;transform:translateY(-8px);filter:blur(5px)}
.solution-card.is-revealed .card-copy p{opacity:1;transform:translateY(0);filter:blur(0);transition-delay:.12s}
@media(max-width:760px){.solution-card .card-copy h3,.solution-card .card-copy p{font-size:27px}}
@media(prefers-reduced-motion:reduce){.solution-card .card-copy{gap:18px}.solution-card .card-copy h3,.solution-card .card-copy p,.solution-card.is-revealed .card-copy h3,.solution-card.is-revealed .card-copy p{grid-area:auto;opacity:1;filter:none;transform:none;transition:none}}

/* Full-bleed backgrounds; only content has a maximum width. */
main{max-width:none;width:100%;margin:0;background:radial-gradient(ellipse at 88% 36%,rgba(0,113,227,.035),transparent 42%),radial-gradient(ellipse at 8% 76%,rgba(110,95,180,.035),transparent 40%)}
main>.section,main>.contact,main>.collaboration,main>.story-carousel{padding-left:max(6%,calc((100% - 1268px)/2));padding-right:max(6%,calc((100% - 1268px)/2))}
main>.back{padding-left:max(6%,calc((100% - 1268px)/2))}
.landing{width:100%;max-width:none}.landing .mesh{left:0;right:0;width:100%;max-width:none}
main>.process-benefits{max-width:1268px;margin-left:auto;margin-right:auto;padding-inline:24px}

.home-intro{max-width:1268px;margin:auto;padding:68px 24px 36px}.home-intro h1{font-size:clamp(40px,5.4vw,76px);font-weight:600;line-height:1.05;letter-spacing:-.05em;margin:18px 0}.home-intro p{font-size:20px;color:#777b85;margin:0}
.home-scroll{height:560svh;position:relative}.home-sticky{position:sticky;top:0;height:100svh;display:flex;align-items:center;background:radial-gradient(ellipse at 70% 50%,#e9edf54d,transparent 70%)}.home-layout{display:grid;grid-template-columns:42% 58%;align-items:center;width:100%;max-width:1360px;margin:auto;padding:40px 36px;gap:12px}.home-copy-stack{display:grid;padding-right:20px}.home-copy{grid-area:1/1;opacity:0;transform:translateY(12px);transition:opacity .35s,transform .45s;pointer-events:none}.home-copy[aria-hidden="true"]{visibility:hidden}.home-copy:not([aria-hidden="true"]){opacity:1;transform:none}.home-count{font-size:14px;letter-spacing:.13em;color:#9297a2}.home-copy h3,.home-mobile h3{font-size:clamp(34px,3.8vw,57px);line-height:1.08;letter-spacing:-.045em;font-weight:600;margin:22px 0}.home-copy p,.home-mobile article>p{font-size:clamp(20px,2vw,29px);line-height:1.35;letter-spacing:-.02em;color:#55778f;margin:0}.home-copy small,.home-mobile small{display:block;font-size:14px;color:#848b96;margin-top:22px}.home-visual{position:relative;isolation:isolate;aspect-ratio:3/2;width:100%;--progress:1}.home-visual img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:filter .45s}.home-visual [class]:not(img){transition:opacity .4s,transform .5s}.home-status{text-align:center;color:#788592;font-size:14px;min-height:24px;margin:22px 0 0}.sun-wash,.room-glow{position:absolute;inset:15% 10%;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 25% 35%,#ffda7850,transparent 65%);mix-blend-mode:soft-light}.home-visual[data-scene="0"] .sun-wash{opacity:calc(1 - var(--progress)*.7)}.home-visual[data-scene="1"] img,.home-visual[data-scene="4"] img{filter:brightness(.9) saturate(.7)}.home-visual[data-scene="1"] .room-glow{opacity:calc(1 - var(--progress));background:radial-gradient(#ffd68480,transparent 65%)}
.blind-response{position:absolute;left:15%;top:25%;width:23%;height:33%;display:flex;flex-direction:column;justify-content:space-around;transform-origin:top;opacity:0;pointer-events:none;transform:scaleY(var(--progress))}.blind-response i{display:block;height:6%;background:#a7aaab88;transform:rotateX(calc(var(--progress)*55deg));border-bottom:1px solid #ffffff99}.home-visual[data-scene="0"] .blind-response{opacity:.65}.home-visual[data-scene="2"] .blind-response{opacity:.65;transform:scaleY(calc(1 - var(--progress)*.95))}
.weather-hint,.leak-response,.phone-notice,.home-checks,.repair-links{position:absolute;opacity:0;pointer-events:none;font-size:13px;line-height:1.5}.weather-hint{left:9%;top:12%;color:#6c8595;border-top:1px solid #9badba;padding:7px 25px}.home-visual[data-scene="2"] .weather-hint{opacity:1}.leak-response{right:10%;bottom:22%;display:grid;gap:8px}.leak-response span{color:#0084b9}.leak-response b{color:#356c65;font-weight:500;opacity:var(--progress)}.phone-notice{bottom:0;right:3%;background:#ffffffeb;border-radius:14px;box-shadow:0 8px 30px #3543540a;padding:12px 18px;color:#7e8690}.phone-notice strong{font-weight:500;color:#445c69}.home-visual[data-scene="3"] .leak-response{opacity:1}.home-visual[data-scene="3"] .phone-notice{opacity:var(--progress)}.home-checks{left:12%;right:6%;bottom:3%;display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.home-checks span,.repair-links span{padding:7px 12px;border-radius:20px;background:#ffffffe6;color:#617680;box-shadow:0 4px 20px #34465708}.home-visual[data-scene="4"] .home-checks{opacity:var(--progress)}.repair-links{inset:12% 9%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #6f99884d}.repair-links b{color:#578673;opacity:var(--progress);margin-left:6px}.home-visual[data-scene="5"] .repair-links{opacity:1}
.home-closing{text-align:center;padding:80px 24px 95px;background:linear-gradient(transparent,#eef1f64d,transparent)}.home-closing h2{font-size:clamp(32px,4vw,55px);letter-spacing:-.04em;font-weight:600;margin:0 0 18px}.home-closing p{font-size:16px;color:#838893;line-height:1.8}.home-closing a{font-size:17px}.home-mobile{display:none}
@media(max-width:760px){.home-intro{padding:42px 6% 28px}.home-intro p{font-size:17px}.home-scroll{display:none}.home-mobile{display:block;padding:0 6%}.home-mobile article{padding:20px 0 50px;max-width:600px;margin:auto}.home-mobile .home-visual{margin-bottom:24px}.home-mobile h3{font-size:34px;margin:13px 0}.home-mobile article>p{font-size:21px}.home-mobile article{transition:opacity .45s,transform .45s}.home-mobile article.is-entering{opacity:.25;transform:translateY(10px)}.home-closing{padding:45px 6% 60px}.phone-notice,.weather-hint,.home-checks,.repair-links,.leak-response{font-size:11px}.home-checks span,.repair-links span{padding:5px 8px}}
@media(prefers-reduced-motion:reduce){.home-scroll{display:none}.home-mobile{display:block;max-width:850px;margin:auto;padding:0 6%}.home-mobile article{padding:30px 0}.home-mobile article.is-entering{opacity:1;transform:none}.home-visual *,.home-copy{transition:none!important}}

.home-visual img{mask-image:radial-gradient(ellipse 72% 65% at 50% 50%,#000 55%,transparent 100%)}
.blind-response{left:12%;top:34%;width:15%;height:28%;transform:scaleY(var(--progress)) skewY(6deg)}
.home-visual[data-scene="2"] .blind-response{transform:scaleY(calc(1 - var(--progress)*.95)) skewY(6deg)}
.leak-response{right:21%;bottom:26%}.home-visual[data-scene="3"] .leak-response{border-bottom:2px solid #579ac480;padding-bottom:8px}

/* The same HTML house responds to every scroll chapter. */
.home-visual{aspect-ratio:1.45;--progress:1;--shade:0;--light:1;--wind:0;--water:0;--away:0;--repair:0;--sun:0;--person:0}
.home-visual[data-scene="0"]{--shade:var(--progress);--sun:1}
.home-visual[data-scene="1"]{--light:calc(1 - var(--progress));--person:calc(1 - var(--progress))}
.home-visual[data-scene="2"]{--shade:calc(1 - var(--progress));--wind:1}
.home-visual[data-scene="3"]{--water:1}
.home-visual[data-scene="4"]{--light:calc(1 - var(--progress));--shade:calc(var(--progress)*.55);--away:var(--progress)}
.home-visual[data-scene="5"]{--repair:1}
.drawn-house{position:absolute;inset:4% 3% 15%;perspective:1000px}.house-shell{position:absolute;left:2%;right:2%;top:21%;bottom:9%;display:grid;grid-template-columns:55% 24% 21%;border:2px solid #d0d8e1;border-top:12px solid #e1e7ed;border-bottom:15px solid #dbe3ea;background:linear-gradient(125deg,#fefefe,#f0f4f8);border-radius:5px;box-shadow:0 25px 45px -30px #425d8350;transform:rotateY(-5deg) rotateX(2deg)}
.living-zone,.utility-zone,.entry-zone{position:relative;overflow:hidden}.utility-zone,.entry-zone{border-left:7px solid #dfe5ec}.house-window{position:absolute;left:8%;top:12%;width:48%;height:66%;border:3px solid #b5c6d6;border-radius:2px;background:linear-gradient(135deg,#e2eff7,#f6fafe);overflow:hidden}.house-window:after{content:'';position:absolute;top:0;bottom:0;left:50%;border-left:2px solid #c0d0df}.window-slats{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;transform-origin:top;transform:scaleY(var(--shade))}.window-slats i{height:6%;background:linear-gradient(#a4b5c5,#d0dbe4);width:100%;transform:rotateX(calc(var(--shade)*35deg));border-bottom:1px solid #8ea4b4}
.sun-beam{position:absolute;inset:22% 10% 5% 15%;background:linear-gradient(130deg,#ffcf6550,transparent 65%);clip-path:polygon(0 0,35% 0,100% 100%,30% 100%);opacity:calc(var(--sun)*(1 - var(--shade)*.9))}.sky-sun{position:absolute;top:4%;left:12%;width:36px;height:36px;border-radius:50%;background:#efc76a;box-shadow:0 0 40px #edc46150;opacity:var(--sun)}
.sofa{position:absolute;left:24%;bottom:13%;width:54%;height:23%;border:2px solid #bdcbd7;border-radius:12px 12px 5px 5px;background:#e3eaf0}.sofa:before,.sofa:after{content:'';position:absolute;bottom:-6px;width:4px;height:6px;background:#a7b8c6}.sofa:before{left:10%}.sofa:after{right:10%}.sofa i{position:absolute;top:3px;bottom:30%;width:46%;border:1px solid #c5d1dc;border-radius:6px}.sofa i:first-child{left:3%}.sofa i:last-child{right:3%}
.pendant{position:absolute;left:74%;top:0;height:28%;width:18%;border-left:1px solid #acbdcb}.pendant i{position:absolute;left:-50%;bottom:0;width:100%;height:30%;border-radius:50% 50% 4px 4px;background:#c6d2db}.pendant:after{content:'';position:absolute;top:90%;left:-115%;width:230%;height:240%;background:radial-gradient(ellipse at top,#ffdb8970,transparent 70%);opacity:var(--light)}
.room-name{position:absolute;bottom:2%;width:100%;text-align:center;font-size:9px;letter-spacing:.08em;color:#8997a7}.washer{position:absolute;left:20%;bottom:15%;width:64%;height:43%;border:2px solid #c2cfda;border-radius:5px;background:#f8fafc}.washer:before{content:'';position:absolute;top:15%;left:12%;width:70%;border-top:2px solid #cad6df}.washer i{position:absolute;left:15%;top:29%;width:70%;aspect-ratio:1;border-radius:50%;border:4px solid #bdcdd9;background:#e2ebf2}.water-pipe{position:absolute;left:12%;top:17%;width:53%;height:23%;border-top:3px solid #aec3d3;border-left:3px solid #aec3d3}.valve{position:absolute;right:20%;top:-9px;width:20px;height:12px;background:#7499b1;border-radius:4px;transform:rotate(calc(var(--water)*var(--progress)*90deg))}.water-leak{position:absolute;bottom:9%;left:12%;width:75%;height:8%;background:#78bad14d;border-radius:50%;opacity:var(--water);transform:scaleX(calc(.4 + var(--water)*.6))}
.entry-door{position:absolute;left:19%;top:19%;width:62%;height:67%;border:2px solid #bdccda;border-radius:4px 4px 0 0;background:linear-gradient(90deg,#e8edf2,#dce5ee)}.entry-door i{position:absolute;right:12%;top:52%;width:5px;height:10px;border-radius:3px;background:#9aafc1}.alarm-light{position:absolute;top:10%;right:20%;width:6px;height:6px;border-radius:50%;background:#619a82;opacity:var(--away)}
.resident{position:absolute;left:65%;bottom:14%;width:13px;height:35px;border-radius:8px 8px 2px 2px;background:#8ea9be;opacity:var(--person);transform:translateX(calc((1 - var(--person))*85px))}.resident i{position:absolute;top:-12px;left:1px;width:11px;height:11px;border-radius:50%;background:#8ea9be}.sky-wind{position:absolute;top:4%;right:15%;width:70px;opacity:var(--wind);transform:translateX(calc(var(--progress)*18px))}.sky-wind i{display:block;height:2px;background:#a0b9cb;margin:8px 0;border-radius:2px}.sky-wind i:nth-child(2){width:65%;margin-left:20%}
.connection-path{position:absolute;left:15%;right:12%;top:42%;height:30%;border:1px dashed #d4ad76;opacity:var(--repair);border-radius:10px;pointer-events:none}.home-visual[data-scene="5"][data-complete="true"] .connection-path{border-color:#71a18c}
.scene-tags{position:absolute;inset:0;pointer-events:none}.scene-tag{position:absolute;padding:8px 12px;background:#fffffff2;border:1px solid #e7edf2;border-radius:12px;color:#5e7587;font-size:12px;line-height:1.25;box-shadow:0 6px 24px #405b7510;opacity:0;transform:translateY(5px);transition:opacity .3s,transform .3s;max-width:48%;text-align:center}.scene-tag.show{opacity:1;transform:none}.scene-tag:after{content:'';position:absolute;left:50%;top:100%;height:14px;width:1px;background:#b2c4d3}.scene-tag.window{left:6%;top:15%}.scene-tag.light{left:36%;top:18%}.scene-tag.utility{left:52%;top:58%}.scene-tag.entry{right:1%;top:16%}.scene-tag.summary{left:20%;bottom:3%;max-width:70%}.scene-tag.summary:after{top:auto;bottom:100%}.scene-tag.success{color:#427b68}
@media(max-width:760px){.scene-tag{font-size:11px;padding:6px 9px}.house-shell{border-top-width:8px;border-bottom-width:10px}.room-name{font-size:8px}.home-visual{aspect-ratio:1.4}.sky-sun{width:26px;height:26px}}

/* Read at your pace: one situation and one result per row. */
.plain-intro,.plain-examples,.work-invitation{max-width:1268px;margin:auto;padding-left:24px;padding-right:24px}
.plain-intro{padding-top:62px;padding-bottom:48px}.plain-intro h1{font-size:clamp(42px,5.5vw,76px);line-height:1.06;letter-spacing:-.05em;font-weight:600;margin:18px 0 24px;max-width:950px;text-wrap:balance}.plain-intro>p{font-size:clamp(18px,2vw,23px);line-height:1.5;color:#777b85;max-width:840px;margin:0}.plain-intro .work-premise{font-size:16px;line-height:1.6;margin-top:22px;max-width:720px;color:#747a86}
.plain-examples{padding-bottom:50px;--result:#0071e3}.plain-examples.business-examples{--result:#6950b6}.plain-example{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:baseline;padding:34px 0;border-top:1px solid #e3e6ed}.plain-example h2,.plain-example p{font-size:clamp(23px,2.3vw,33px);font-weight:500;letter-spacing:-.025em;line-height:1.3;margin:0;text-wrap:balance}.plain-example h2{color:#25272d}.plain-example p{color:var(--result)}
.work-invitation{padding-top:60px;padding-bottom:85px}.work-invitation h2{font-size:clamp(34px,4vw,56px);font-weight:600;line-height:1.12;letter-spacing:-.04em;max-width:850px;margin:0 0 20px;text-wrap:balance}.work-invitation>p{font-size:20px;color:#777b85;margin:0 0 26px}.work-prompts{display:flex;flex-wrap:wrap;gap:10px 26px;max-width:860px;margin:0 0 34px;color:#818593;font-size:15px}.work-invitation .work-conclusion{font-size:clamp(27px,3vw,40px);color:#6950b6;font-weight:500;letter-spacing:-.03em;margin-bottom:26px}.work-invitation .work-button{display:inline-block;padding:15px 23px;border-radius:30px;background:#6950b6;color:#fff;font-size:16px;line-height:1.4}.work-invitation small{display:block;font-size:14px;color:#838893;margin-top:15px}
@media(max-width:760px){.plain-intro,.plain-examples,.work-invitation{padding-left:6%;padding-right:6%}.plain-intro{padding-top:38px;padding-bottom:34px}.plain-example{grid-template-columns:1fr;gap:9px;padding:27px 0}.plain-example h2,.plain-example p{font-size:24px;text-wrap:pretty}.plain-examples{padding-bottom:25px}.work-invitation{padding-top:38px;padding-bottom:55px}.work-prompts{gap:10px 18px}.work-invitation .work-button{font-size:15px}}

/* A scroll-controlled typographic reel. No timers or scroll interception. */
.question-journey{--accent:#0071e3;height:370svh;position:relative}.question-journey.business{--accent:#6950b6}.question-stage{position:sticky;top:0;height:100svh;min-height:480px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 4%,transparent),transparent 66%)}
.question-stack{position:relative;width:min(100% - 48px,1060px);height:100%}.focus-question{position:absolute;top:50%;left:0;width:100%;margin:0;text-align:center;font-size:clamp(34px,4.7vw,67px);line-height:1.12;font-weight:600;letter-spacing:-.045em;text-wrap:balance;will-change:transform,opacity,filter;color:#24262d}.focus-question strong{font-weight:inherit;color:var(--accent)}.question-index{position:absolute;bottom:7%;left:0;right:0;text-align:center;color:#969aa5;font-size:13px;letter-spacing:.16em}.question-stage:before,.question-stage:after{content:'';position:absolute;left:0;right:0;height:15%;z-index:2;pointer-events:none}.question-stage:before{top:0;background:linear-gradient(#fbfbfd,transparent)}.question-stage:after{bottom:0;background:linear-gradient(transparent,#fbfbfd)}
.question-answer{text-align:center;padding:70px 24px 90px;max-width:1040px;margin:auto}.question-answer .answer-arrow{display:block;font-size:38px;color:#abb2bf;margin-bottom:24px}.question-answer h2{font-size:clamp(38px,5.3vw,72px);font-weight:600;letter-spacing:-.05em;line-height:1.08;margin:0 0 24px;text-wrap:balance}.question-answer h2 span{color:var(--accent,#0071e3)}.question-answer p{font-size:20px;line-height:1.5;color:#777d88;max-width:660px;margin:0 auto 28px;text-wrap:balance}.question-answer a{display:inline-block;background:var(--accent,#0071e3);color:white;border-radius:40px;padding:16px 25px;font-size:16px}.question-answer small{display:block;margin-top:16px;font-size:14px;color:#8a8f99}.question-answer.business{--accent:#6950b6}.plain-intro{padding-bottom:12px}
@media(max-width:760px){.question-journey{height:330svh}.question-stage{min-height:420px}.question-stack{width:88%}.focus-question{font-size:clamp(30px,7.8vw,44px)}.question-answer{padding:45px 6% 60px}.question-answer p{font-size:18px}.question-answer a{font-size:15px}}
@media(prefers-reduced-motion:reduce){.question-journey{height:auto}.question-stage{position:relative;height:auto;min-height:0;overflow:visible;padding:24px 0}.question-stack{height:auto}.focus-question{position:static;font-size:clamp(27px,4vw,48px);padding:30px 0;transform:none!important;filter:none!important;opacity:1!important}.question-index{display:none}}

/* Connected spacing and a restrained blue / graphite palette. */
main{background:radial-gradient(ellipse at 88% 36%,rgba(0,113,227,.028),transparent 45%),radial-gradient(ellipse at 10% 76%,rgba(75,105,140,.025),transparent 45%)}
.plain-intro{padding-top:38px;padding-bottom:0}.plain-intro h1{margin-top:14px;margin-bottom:18px}.plain-intro .work-premise{margin-top:15px}
.question-journey,.question-journey.business,.question-answer,.question-answer.business{--accent:#0071e3}
.question-journey{height:310svh;margin-top:-24px}.question-stage{height:58svh;min-height:360px;top:21svh;isolation:isolate;background:radial-gradient(ellipse at 50% 53%,rgba(0,113,227,.028),transparent 65%)}
.question-stack{z-index:1}.question-stage:before{inset:0;height:auto;background-image:linear-gradient(rgba(63,100,143,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(63,100,143,.065) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(ellipse at center,transparent 14%,#000 48%,transparent 76%);z-index:0;opacity:.65}.question-stage:after{display:none}.question-index{bottom:1%;z-index:1;color:#929aa6}
.question-answer{padding-top:28px;padding-bottom:48px}.question-answer .answer-arrow{margin-bottom:16px}.question-answer p{margin-bottom:22px}
.question-answer a,.contact form button,#contact-form button{background:#1d1d1f;color:#fff}.question-answer a:hover,.contact form button:hover,#contact-form button:hover{background:#353538}
main>.contact{padding-top:48px;padding-bottom:55px}main>.section.knx-section{padding-top:35px;padding-bottom:38px}.contact h2{margin-top:16px}
.gateway.business .link,.text-link{color:#0071e3}.gateway.business .link i{background:#edf5ff}.gateway.business:hover{border-color:#a9cafa}
@media(max-width:760px){.plain-intro{padding-top:28px}.question-journey{height:290svh;margin-top:-14px}.question-stage{height:60svh;min-height:320px;top:20svh}.question-answer{padding-top:24px;padding-bottom:38px}.question-stage:before{background-size:42px 42px}main>.contact{padding-top:35px;padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){.question-journey{height:auto;margin-top:14px}.question-stage{height:auto;min-height:0;top:auto}.question-answer{padding-top:28px}}

main>.section.knx-section{display:block;max-width:1268px;margin:auto;padding:30px 24px 42px}.knx-section .knx-content{max-width:820px}.knx-section .scope-row{padding:22px 0}.knx-section .scope-row:first-child{padding-top:0}@media(max-width:760px){main>.section.knx-section{padding:24px 6% 32px}}

/* Wider clear focus, with the subtle grid visible around it. */
.question-stage:before{opacity:.8;mask-image:radial-gradient(ellipse at center,transparent 5%,#000 42%,transparent 85%)}
.question-journey+.plain-intro{padding-top:26px;padding-bottom:20px}
main>.back+.question-journey{margin-top:0}

/* The first example opens the page; brand navigation stays in the footer. */
main>.question-journey:first-child{margin-top:0}
.question-stage{height:100svh;min-height:440px;top:0}
.question-answer{position:relative;padding-top:0;padding-bottom:26px}
.question-answer .answer-arrow{font-size:68px;font-weight:300;line-height:1;color:#a9b3c1;margin:-14px auto 24px}
.question-answer+.plain-intro{padding-top:32px;padding-bottom:42px}
.form-note:empty{display:none}
@media(max-width:760px){.question-stage{height:100svh;min-height:400px;top:0}.question-answer .answer-arrow{font-size:58px;margin:-8px auto 20px}.question-answer+.plain-intro{padding-top:24px;padding-bottom:32px}footer{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}footer>span{margin:0;width:100%}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 22px;width:100%}footer .brand{margin:0 auto}footer p{margin:0}}
@media(prefers-reduced-motion:reduce){.question-stage{height:auto;min-height:0;top:auto}}

/* Quiet route switch and a closer closing beat. */
.category-switch{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #e4e8eeaa;background:#fbfbfde8;backdrop-filter:blur(14px);border-radius:30px;box-shadow:0 3px 14px #182c4504;white-space:nowrap}.category-switch a{font-size:13px;line-height:1.3;padding:8px 13px;color:#868c96;border-radius:24px}.category-switch a[aria-current="page"]{color:#28313d;background:#edf0f4}.category-switch a:hover{color:#0071e3}.category-switch a:focus-visible{outline:2px solid #0071e3;outline-offset:2px}
.question-answer{margin-top:-14svh;padding-bottom:92px;position:relative;z-index:3}
.question-answer .answer-arrow{display:block;width:24px;height:66px;margin:0 auto 30px;font-size:0;position:relative;color:#a9b3c1}.answer-arrow:before{content:'';position:absolute;width:1px;height:62px;top:0;left:50%;background:currentColor}.answer-arrow:after{content:'';position:absolute;width:13px;height:13px;left:calc(50% - 6px);bottom:4px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}
.question-answer.reveal-ready>*{opacity:0;transform:translateY(16px);transition:opacity .75s ease,transform .85s cubic-bezier(.22,.7,.2,1)}.question-answer.reveal-ready.is-visible>*{opacity:1;transform:none}.question-answer.reveal-ready h2{transition-delay:.1s}.question-answer.reveal-ready p{transition-delay:.2s}
@media(max-width:760px){.category-switch{top:12px}.category-switch a{font-size:12px;padding:7px 12px}.question-answer{margin-top:-10svh;padding-bottom:68px}.question-answer .answer-arrow{width:24px;height:58px;margin:0 auto 26px}.answer-arrow:before{height:54px}}
@media(prefers-reduced-motion:reduce){.question-answer{margin-top:0}.question-answer.reveal-ready>*{opacity:1;transform:none;transition:none}}

/* Navigation belongs to the page, never above its content. */
.category-switch{position:absolute;top:26px;left:0;right:0;transform:none;justify-content:center;gap:24px;width:auto;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;box-shadow:none}
.category-switch a{padding:5px 0;border-radius:0;background:none;color:#9096a0;font-size:13px}
.category-switch a[aria-current="page"]{background:none;color:#303844;border-bottom:1px solid #aebbc9}
.next-field{max-width:1220px;margin:12px auto 42px;padding:28px 0;border-top:1px solid #e5e9ee;display:flex;justify-content:space-between;align-items:baseline;gap:18px}
.next-field p{font-size:20px;color:#78818c;letter-spacing:-.02em;margin:0}
.next-field a{font-size:18px;color:#263442;letter-spacing:-.015em}.next-field a span{display:inline-block;margin-left:16px;color:#7e94a9}.next-field a:hover{color:#0071e3}
@media(max-width:1300px){.next-field{margin-left:6%;margin-right:6%}}
@media(max-width:760px){.category-switch{top:20px;gap:24px}.category-switch a{font-size:12px;padding:5px 0}.next-field{flex-direction:column;align-items:center;text-align:center;padding:26px 0;gap:12px;margin-top:0;margin-bottom:26px}.next-field p{font-size:18px}.next-field a{font-size:17px}}


.examples-page main{max-width:none}.examples-nav{max-width:1120px;margin:auto;padding:28px 28px;display:flex;justify-content:space-between;gap:20px;font-size:14px;color:#717178}.examples-nav a:hover{color:#0071e3}.examples-intro{max-width:1120px;margin:auto;padding:48px 28px 32px}.examples-intro .eyebrow{font-size:12px}.examples-intro h1{font-size:clamp(38px,5.2vw,68px);font-weight:650;line-height:1.08;letter-spacing:-.045em;margin:18px 0}.examples-intro p{font-size:20px;color:#717178;max-width:660px;margin:0}.example-list{position:relative;padding:0 28px 48px;background:radial-gradient(ellipse at 100% 35%,#e9f2fc66,transparent 48%),radial-gradient(ellipse at 0% 80%,#edf2f866,transparent 48%)}.example{max-width:1064px;margin:auto;padding:40px 0 42px;border-bottom:1px solid #dfe4eb}.example:last-child{border-bottom:0}.example h2{font-size:clamp(24px,3vw,34px);font-weight:600;letter-spacing:-.035em;line-height:1.2;margin:0 0 26px}.example-flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:54px}.example-flow li{position:relative;font-size:18px;line-height:1.5;color:#616773}.example-flow li+li:before{content:'→';position:absolute;left:-36px;top:0;color:#9eacbc;font-weight:300;font-size:23px}.example-flow li:last-child{color:#0071e3;font-weight:500}.example small{display:block;margin-top:18px;font-size:13px;color:#7a828e}.examples-page .contact{max-width:1120px;margin:0 auto;padding:64px 28px 80px}.examples-page .next-field{max-width:1064px}.examples-link{display:inline-flex;align-items:center;gap:16px;margin-top:26px;color:#0071e3;font-size:18px}.examples-link span{font-size:25px;font-weight:300}.examples-link:hover{text-decoration:underline;text-underline-offset:5px}.examples-page .contact button{background:#1d1d1f;color:#fff}.examples-page footer{margin:auto}
@media(max-width:640px){.examples-nav{padding:22px;gap:14px;font-size:13px}.examples-intro{padding:30px 22px 18px}.examples-intro p{font-size:18px}.example-list{padding:0 22px 28px}.example{padding:30px 0}.example h2{margin-bottom:22px}.example-flow{grid-template-columns:1fr;gap:30px}.example-flow li{font-size:18px;padding-left:24px}.example-flow li+li:before{content:'↓';left:24px;top:-28px;font-size:20px}.example small{font-size:13px;padding-left:24px}.examples-page .contact{padding:44px 22px 54px}.examples-page .next-field{margin:0 22px}.examples-link{font-size:17px}}


/* Centered scenario cards */
.examples-page .examples-intro{text-align:center;padding-bottom:38px}.examples-page .examples-intro p{margin-inline:auto}.examples-page .example-list{padding:0 28px 64px;background:radial-gradient(ellipse at 0% 30%,#eaf2fc85,transparent 55%),radial-gradient(ellipse at 100% 75%,#eaf0f880,transparent 55%)}
.examples-page .example{padding:38px 42px 34px;margin:0 auto 24px;max-width:1064px;border:1px solid #e3e8ef;border-radius:26px;background:rgba(255,255,255,.92);box-shadow:0 8px 32px #20385304;text-align:center}
.examples-page .example:last-child{border:1px solid #e3e8ef;margin-bottom:0}.examples-page .example h2{max-width:760px;margin:0 auto 28px;font-size:clamp(25px,2.6vw,34px);line-height:1.22;letter-spacing:-.035em;text-wrap:balance}
.examples-page .example-flow{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr) 32px minmax(0,1fr);align-items:center;gap:16px;margin:0;padding:0;min-height:88px}
.examples-page .flow-step{font-size:19px;line-height:1.45;text-align:center;color:#7a8089;text-wrap:balance;min-width:0}.examples-page .flow-step.action{color:#1d1d1f;font-weight:500}.examples-page .flow-step.result{color:#0071e3;font-weight:500}
.examples-page .flow-arrow{width:28px;height:14px;display:block;justify-self:center;color:#a9b6c5}.examples-page .flow-arrow svg{display:block;width:100%;height:100%}.examples-page .example small{max-width:690px;margin:24px auto 0;padding:17px 0 0;border-top:1px solid #eef0f4;font-size:13px;line-height:1.5;color:#7a828e;text-wrap:balance}
@media(max-width:640px){.examples-page .examples-intro{padding-bottom:28px}.examples-page .example-list{padding:0 16px 36px}.examples-page .example{border-radius:22px;padding:28px 24px;margin-bottom:18px}.examples-page .example h2{font-size:26px;margin-bottom:24px}.examples-page .example-flow{grid-template-columns:minmax(0,1fr);gap:16px;min-height:0}.examples-page .flow-step{font-size:18px;max-width:290px;justify-self:center}.examples-page .flow-arrow{transform:rotate(90deg);width:24px;height:14px;margin:3px 0}.examples-page .example small{margin-top:22px;padding-top:16px;font-size:13px}}

.examples-nav a{min-height:44px;display:flex;align-items:center}.examples-nav{align-items:center}@media(max-width:640px){.examples-nav{gap:18px;padding-inline:20px}.examples-nav a{font-size:13px}.examples-nav a:last-child{flex-shrink:0}}
/* Two-step examples */
.examples-page .example-flow{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);max-width:790px;margin-inline:auto;gap:28px}.examples-page .flow-step.action{color:#0071e3;font-weight:500}
@media(max-width:640px){.examples-page .example-flow{grid-template-columns:minmax(0,1fr);gap:16px}}

/* Symmetric text alignment, independent of shared flex styles */
.examples-page .example-flow .flow-step{display:block;width:100%;max-width:none;padding:0;margin:0;text-align:center;justify-self:stretch;align-self:center}
.examples-page .example-flow .flow-arrow{align-self:center;justify-self:center;margin-inline:0}
@media(max-width:640px){.examples-page .example-flow .flow-step{max-width:290px;justify-self:center}}