*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#000;color:#f4f3f7;font-family:Inter,Arial,sans-serif;font-weight:300}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #b199ff;outline-offset:6px}header{height:104px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.logo{font-size:34px;letter-spacing:-2px;font-weight:500}.symbol{font-size:36px;vertical-align:middle;color:#ddd7ff}.logo-dot{color:#a88bfa}nav{display:flex;gap:38px;font-size:13px;color:#aaa7af}nav a:hover{color:#fff}.nav-start{background:none;border:0;color:#f7f5fa;font-size:13px}.nav-start span{margin-left:20px;color:#a693da}.menu{display:none}.hero{min-height:700px;height:calc(100vh - 104px);max-height:960px;position:relative;padding:110px 5.5% 100px;display:flex;align-items:center;overflow:hidden}.hero-copy{width:59%;z-index:2;pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#d3b485;font-weight:400;line-height:1.7;margin:0 0 32px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#c4a1ff;margin-right:8px;box-shadow:0 0 12px #b895ff}h1{font-size:clamp(48px,5.4vw,86px);line-height:1.06;font-weight:400;letter-spacing:-4.5px;margin:0 0 30px}h1 span{color:#b7b4bf}.lead{font-size:17px;font-weight:200;line-height:1.8;color:#a7a3b0;max-width:430px}.actions{display:flex;gap:30px;align-items:center;margin:36px 0 23px}.pill{display:inline-flex;gap:34px;align-items:center;justify-content:center;border:0;border-radius:50px;background:#b69af8;color:#151019;padding:17px 25px;font-size:13px;font-weight:500;transition:background .2s,transform .2s}.pill:hover{background:#cbb7ff;transform:translateY(-2px)}.pill span{font-size:19px}.text-link{font-size:13px;display:inline-flex;gap:22px;align-items:center}.text-link:hover{color:#b69af8}.micro{color:#6e6a77;font-size:10px;line-height:1.7}.hero-art{position:absolute;right:-4%;top:0;width:62%;height:95%}canvas{width:100%;height:100%;display:block}.art-label{position:absolute;bottom:9%;left:31%;font-size:8px;letter-spacing:1.6px;color:#73717c}.scroll-note{position:absolute;bottom:36px;left:5.5%;font-size:8px;letter-spacing:2px;color:#827e8b}.scroll-note span{margin-left:18px;font-size:14px}.hero-number{position:absolute;bottom:36px;right:5.5%;font-size:8px;letter-spacing:2px;color:#56515e}.integrations{padding:65px 8% 100px;text-align:center}.integrations>p:first-child{font-size:13px;color:#c9c5d0;line-height:1.8}.integrations>p span{color:#77717e}.wordmarks{display:flex;gap:50px;align-items:center;justify-content:center;padding:34px 0;font-size:23px;color:#a6a3ac;font-weight:500;letter-spacing:-1px}.split{padding:85px 8%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;min-height:600px}.section-copy h2,h2{font-size:clamp(35px,4vw,60px);font-weight:400;line-height:1.13;letter-spacing:-2.7px;margin:0 0 28px}.section-copy p:not(.eyebrow){font-size:16px;font-weight:200;line-height:1.9;color:#a29da9;max-width:400px}.section-copy .text-link{margin-top:20px}.orbit-art{height:390px;position:relative;display:grid;place-items:center;perspective:500px}.orbit{position:absolute;width:330px;height:330px;border:1px solid #6c509780;border-radius:50%;transform:rotateX(58deg) rotateY(18deg) rotateZ(-25deg)}.o2{transform:rotateX(45deg) rotateY(-45deg) rotateZ(30deg);border-color:#ad705660}.o3{transform:rotateX(10deg) rotateY(60deg) rotateZ(10deg);border-color:#457d7a70}.orbit-core{font-size:100px;font-weight:200;color:#b899f6;filter:drop-shadow(0 0 35px #7853a7)}.orbit-tag{position:absolute;font-size:11px;color:#a59bac;letter-spacing:1px;background:#000;padding:10px}.t1{top:55px;right:25px}.t2{bottom:55px;left:20px}.t3{right:45px;bottom:90px}.workflow-art{padding:30px 10px 30px 30px}.small-label{font-size:9px;letter-spacing:1.7px;color:#8a7f9b}.workflow-art>div{font-size:25px;margin-top:45px;color:#cfccd4;display:flex;align-items:center;gap:20px;letter-spacing:-1px}.workflow-art>div span{font-size:10px;color:#b29a73;letter-spacing:0}.workflow-art i{font-style:normal;color:#a58bbf;margin-left:auto}.workflow-art p{font-size:12px;color:#696270;margin:35px 0 0 37px}.demo-section{padding:115px 8%;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.demo-heading>p:last-child{font-size:15px;color:#8d8697}.demo{min-width:0;padding:25px 0}.demo-top{display:flex;justify-content:space-between;align-items:center}.small{font-size:25px}.conversation{min-height:215px;padding:40px 0 25px}.demo-welcome{font-size:28px;font-weight:300;line-height:1.3;letter-spacing:-1px;margin:0}.demo-hint{font-size:12px;color:#746b82;margin-top:16px}.suggestions{display:flex;flex-wrap:wrap;gap:14px 20px;margin-bottom:30px}.suggestions button{border:0;background:none;color:#b69acd;padding:0;font-size:10px;text-align:left}.suggestions button:hover{color:#fff}#demo-form{display:flex;align-items:center;border-bottom:1px solid #443b53;padding-bottom:15px;gap:10px}input{background:none;border:0;color:#fff;min-width:0}#question{width:100%;font-size:14px;padding:10px 0}#demo-form button{border:0;border-radius:50%;width:36px;height:36px;background:#b69af8;font-size:23px;flex-shrink:0;color:#16111e}.user-message{font-size:12px;color:#b7a4d0;margin-top:0}.answer{font-size:14px;line-height:1.85;color:#ccc5d6;white-space:pre-line}.answer-label{color:#c4a471;font-size:9px;letter-spacing:1.5px}.how{padding:110px 8%}.how h2{max-width:800px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:75px}.steps article>span{color:#b49a73;font-size:10px}.steps h3{font-size:24px;font-weight:400;letter-spacing:-.7px;margin:22px 0 14px}.steps p{font-size:14px;line-height:1.9;color:#8b8395;font-weight:200}.statement{padding:130px 8%;text-align:center}.statement h2{font-size:clamp(42px,5.6vw,80px)}.statement h2 span{color:#7d7589}.statement>p:not(.eyebrow){max-width:515px;margin:32px auto;color:#98909f;line-height:1.9;font-weight:200}.principles{display:flex;justify-content:center;gap:38px;margin-top:65px;font-size:10px;color:#aea4b8}.principles span:before{content:'↗';margin-right:12px;color:#a48abf}.faq{padding:100px 8%;display:grid;grid-template-columns:1fr 1.3fr;gap:60px}.faq-list details{padding:25px 0;border-bottom:1px solid #252029}.faq-list summary{list-style:none;cursor:pointer;font-size:15px;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#9d84bd;font-size:22px;font-weight:200}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:#8d8398;font-size:13px;line-height:1.9;padding-right:30px}.final-cta{position:relative;overflow:hidden;padding:110px 8% 150px}.final-cta h2{font-size:clamp(55px,7vw,100px);letter-spacing:-4px;position:relative;z-index:1}.final-cta .pill{margin-top:15px}.cta-star{position:absolute;right:8%;top:60px;font-size:380px;line-height:1;color:#80659f;font-weight:200;opacity:.4;transform:rotate(-10deg);z-index:0}footer{padding:40px 5.5%;display:flex;align-items:center;gap:45px;color:#78707f;font-size:10px}footer .logo{color:#f5effc;font-size:28px}footer>span{margin-left:auto}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}dialog{background:#0d0a11;color:#f4f0fa;border:1px solid #3e324d;max-width:500px;width:calc(100% - 40px);padding:45px;border-radius:4px}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:43px}dialog>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#a39aad}.close{position:absolute;top:13px;right:20px;background:none;color:#bbb1c7;border:0;font-size:30px}#start-form{display:flex;flex-direction:column;margin-top:28px;gap:12px}#start-form label{font-size:11px;color:#c0b4cc}#start-form input{border-bottom:1px solid #544560;padding:12px 0;margin-bottom:15px}#start-form .pill{margin-top:10px}#form-result{color:#c5adf3}.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}@media(min-width:1600px){main{max-width:1800px;margin:auto}}@media(max-width:1050px){h1{font-size:59px;letter-spacing:-3px}.hero-copy{width:65%}.hero-art{right:-16%;width:72%}.wordmarks{gap:28px;font-size:19px}.split{gap:6%;padding-left:6%;padding-right:6%}.section-copy h2{font-size:40px}.demo-section{gap:6%;padding-left:6%;padding-right:6%}.orbit{width:270px;height:270px}.steps{gap:35px}}@media(max-width:700px){header{height:85px;padding:0 6%}.logo{font-size:29px}.menu{display:block;background:none;border:0;color:#ccc2dc;font-size:20px;margin-left:auto;margin-right:24px}.nav-start{font-size:10px}.nav-start span{margin-left:5px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:#0b090e;padding:30px 6%;gap:25px;flex-direction:column}nav.open{display:flex}.hero{height:auto;min-height:920px;padding:62px 6% 390px;display:block}.hero-copy{width:100%}h1{font-size:clamp(42px,9.6vw,66px);letter-spacing:-2.4px;line-height:1.1}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:25px}.lead{font-size:15px;max-width:340px}.actions{gap:23px;margin-top:28px}.pill{padding:15px 22px;font-size:12px;gap:20px}.text-link{font-size:12px;gap:15px}.hero-art{top:auto;bottom:55px;right:-5%;width:110%;height:390px}.art-label{left:29%;bottom:4%;font-size:6px}.hero-number{display:none}.scroll-note{bottom:27px;left:6%;font-size:7px}.integrations{padding:35px 6% 65px}.wordmarks{gap:22px 30px;flex-wrap:wrap;font-size:18px;padding:25px 0}.split,.demo-section{display:flex;flex-direction:column;padding:60px 6%;gap:35px;min-height:auto}.split .section-copy{width:100%}.split:not(.reverse) .orbit-art{order:2}.orbit-art{height:310px;width:100%}.section-copy h2,h2{font-size:39px;letter-spacing:-1.8px}.section-copy p:not(.eyebrow){font-size:15px}.workflow-art{width:100%;padding:20px 10px}.workflow-art>div{font-size:24px;margin-top:35px}.demo-section{align-items:stretch;padding-top:85px}.demo-heading>p:last-child{font-size:13px}.demo{padding-top:20px}.conversation{min-height:200px}.how{padding:75px 6%}.how h2{font-size:37px}.steps{grid-template-columns:1fr;gap:28px;margin-top:45px}.steps h3{margin:13px 0}.steps p{max-width:320px}.statement{padding:80px 6%;text-align:left}.statement h2{font-size:41px}.statement>p:not(.eyebrow){font-size:15px}.principles{flex-direction:column;gap:22px;margin-top:35px}.faq{padding:70px 6%;grid-template-columns:1fr;gap:10px}.faq h2{font-size:40px}.faq-list summary{font-size:14px}.final-cta{padding:80px 6% 95px}.final-cta h2{font-size:57px;letter-spacing:-2.8px}.cta-star{font-size:235px;right:-90px;top:110px;opacity:.18}footer{padding:35px 6%;flex-wrap:wrap;gap:23px 30px}footer>span{width:100%;margin:0}footer>p{margin-left:auto}dialog{padding:35px 25px}dialog h2{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.pill{transition:none}}
/* Motion system: fast feedback, longer deceleration, quiet ambient movement. */
:root{--ease-out:cubic-bezier(.22,1,.36,1);--ease-soft:cubic-bezier(.25,.8,.25,1)}
nav a,.text-link{transition:color .25s ease}nav a{position:relative}nav a:after{content:'';position:absolute;left:0;bottom:-7px;width:100%;height:1px;background:#b69af8;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out)}nav a:hover:after,nav a:focus-visible:after{transform:scaleX(1)}
.pill{transition:background .3s ease,transform .5s var(--ease-out),box-shadow .5s ease}.pill:hover{transform:translateY(-3px);box-shadow:0 8px 32px #b69af81b}.pill:active{transform:translateY(0) scale(.98)}.pill span,.text-link span,.nav-start span{display:inline-block;transition:transform .45s var(--ease-out)}.pill:hover span,.text-link:hover span,.nav-start:hover span{transform:translate(3px,-2px)}.suggestions button,#demo-form button,.close{transition:color .25s,transform .35s var(--ease-out),background .25s}.suggestions button:hover{transform:translateX(3px)}#demo-form button:hover{transform:translateY(-2px);background:#d1baff}.close:hover{transform:rotate(90deg)}
.reveal{transform:translateY(35px);transition:opacity 1s var(--ease-out),transform 1.15s var(--ease-out)}.reveal.visible{transform:translateY(0)}.steps article,.wordmarks>span,.workflow-art>div{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease-out),transform .95s var(--ease-out)}.visible .steps article,.visible .wordmarks>span,.visible .workflow-art>div{opacity:1;transform:none}.steps article:nth-child(2),.wordmarks>span:nth-child(2),.workflow-art>div:nth-of-type(2){transition-delay:.1s}.steps article:nth-child(3),.wordmarks>span:nth-child(3),.workflow-art>div:nth-of-type(3){transition-delay:.2s}.wordmarks>span:nth-child(4){transition-delay:.3s}.wordmarks>span:nth-child(5){transition-delay:.4s}
.motion-ready .hero-copy>*{animation:hero-in 1.2s var(--ease-out) both}.hero-copy>:nth-child(2){animation-delay:.09s}.hero-copy>:nth-child(3){animation-delay:.18s}.hero-copy>:nth-child(4){animation-delay:.27s}.hero-copy>:nth-child(5){animation-delay:.36s}.motion-ready .hero-art{animation:art-in 1.8s var(--ease-out) both}.motion-ready .scroll-note{animation:hero-in 1.2s .6s var(--ease-out) both}@keyframes hero-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes art-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
.orbit-art .orbit-core{animation:core-breathe 8s ease-in-out infinite}.orbit-tag{animation:tag-float 7s ease-in-out infinite}.t2{animation-delay:-3s}.t3{animation-delay:-5s}@keyframes core-breathe{50%{transform:scale(1.035);filter:drop-shadow(0 0 42px #7853a7)}}@keyframes tag-float{50%{transform:translateY(-6px)}}
dialog[open]{animation:dialog-in .45s var(--ease-out) both}dialog[open]::backdrop{animation:backdrop-in .35s ease both}dialog.closing{animation:dialog-out .19s ease both}dialog.closing::backdrop{animation:backdrop-out .19s ease both}@keyframes dialog-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes dialog-out{to{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes backdrop-out{to{opacity:0}}
.user-message,.answer-label,.answer-arrive{animation:answer-in .55s var(--ease-out) both}.thinking{animation:thinking 1.4s ease-in-out infinite}.answer-label{animation-delay:.05s}@keyframes answer-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes thinking{50%{opacity:.45}}.faq-list summary span{transition:transform .35s var(--ease-out)}
@media(max-width:700px){nav{display:flex;visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .25s,transform .35s var(--ease-out),visibility .35s}nav.open{visibility:visible;opacity:1;transform:none;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal,.steps article,.wordmarks>span,.workflow-art>div{opacity:1;transform:none}.pill:hover,.text-link:hover span,.nav-start:hover span,.suggestions button:hover{transform:none}}
/* A single canvas follows the story, without taking over native scrolling. */
.hero-art.story-scene{position:fixed;top:auto;bottom:22px;right:18px;width:300px;height:280px;z-index:3;pointer-events:none;background:radial-gradient(ellipse,#000b 20%,#0000 72%);animation:none}.story-scene .art-label{display:none}.hero-art.scene-end{opacity:0;transition:opacity .4s}
@media(max-width:700px){.hero-art.story-scene{width:150px;height:145px;right:-12px;bottom:12px;opacity:.8}.hero-art.scene-end{opacity:0}}
/* Cinematic chapters: dominant artwork, native scroll, deliberate shape holds. */
.hero-art{right:-2%;width:61%;height:100%}.hero-copy{width:54%}.hero h1{font-size:clamp(48px,5vw,78px)}
.cinematic-story{height:340vh;position:relative}.chapter-sticky{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:39% 61%;align-items:center;padding:0 5.5%;overflow:hidden;background:#000}.chapter-copy{position:relative;z-index:2}.chapter-copy h2{font-size:clamp(40px,4.6vw,72px);letter-spacing:-3px;line-height:1.1}.chapter-copy>p:not(.eyebrow){font-size:16px;color:#9d95aa;line-height:1.8;max-width:320px}.chapter-index{font-size:11px;color:#bda3fa;margin-top:65px;letter-spacing:2px}.chapter-index span{display:block;font-size:8px;color:#68616f;margin-top:20px}.chapter-stage{height:86vh;position:relative;transform:scale(var(--scene-scale,1));transition:transform .5s cubic-bezier(.22,1,.36,1)}.chapter-stage .hero-art.story-scene{position:absolute;inset:0;width:100%;height:100%;background:none;opacity:1;z-index:1;animation:none}.chapter-stage .art-label{display:none}.split,.demo-section,.how,.statement{transition:opacity 1.1s cubic-bezier(.22,1,.36,1),transform 1.35s cubic-bezier(.22,1,.36,1)}.reveal{transform:translateY(75px) scale(.97)}.reveal.visible{transform:none}
@media(max-width:700px){.hero-copy{width:100%}.hero-art{width:110%;height:420px;right:-5%}.hero h1{font-size:clamp(42px,9.6vw,66px)}.chapter-sticky{display:flex;flex-direction:column;padding:10vh 6% 3vh;align-items:stretch;justify-content:center}.chapter-copy h2{font-size:42px;letter-spacing:-2px}.chapter-copy .eyebrow{margin-bottom:18px}.chapter-copy>p:not(.eyebrow){font-size:13px;margin-bottom:0}.chapter-index{margin-top:20px}.chapter-index span{display:inline;margin-left:20px;font-size:7px}.chapter-stage{height:49vh;flex:none;width:112%;margin-left:-6%}.cinematic-story{height:310vh}}
@media(prefers-reduced-motion:reduce){.reveal{transform:none}.chapter-stage{transition:none}}
#ambient-triangles{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;opacity:.8}header,main,footer{position:relative}main{z-index:1}footer,header{z-index:2}.chapter-sticky{background:rgba(0,0,0,.78)}
/* Continuous profile-to-world journey: a softer camera and visible layered atmosphere. */
.chapter-stage{transition:transform 1.15s cubic-bezier(.16,1,.3,1)}.chapter-sticky{background:linear-gradient(90deg,rgba(0,0,0,.83),rgba(0,0,0,.22))}.chapter-copy{background:radial-gradient(ellipse at left,rgba(0,0,0,.72),transparent 75%)}#ambient-triangles{opacity:1}.cinematic-story{height:420vh}@media(max-width:700px){.cinematic-story{height:380vh}.chapter-sticky{background:linear-gradient(180deg,#000b,#0003)}}
/* Persistent particle layer: the same triangles dissolve into the viewport atmosphere. */
.chapter-stage .hero-art.story-scene{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:0;pointer-events:none;transform:none;opacity:1!important}.chapter-stage{transform:none!important}.chapter-sticky{overflow:visible}.story-scene canvas{width:100vw;height:100vh}.chapter-copy{z-index:2}.chapter-stage .art-label{display:none}
@media(min-width:701px){.chapter-copy{position:absolute;left:calc(5.5% + var(--copy-side,0)*57%);width:32%;transition:opacity .28s ease;will-change:left,opacity}.chapter-copy h2{font-size:clamp(38px,4.3vw,68px)}}
/* Luxury7: one intentional lateral journey, distinct related reveal rhythms. */
.chapter-copy{transform:translateY(var(--copy-lift,0));transition:opacity .38s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}
.reveal[data-reveal="mask"]{clip-path:inset(0 0 100% 0);transform:translateY(28px);transition:clip-path 1.35s cubic-bezier(.16,1,.3,1),opacity .8s,transform 1.2s cubic-bezier(.16,1,.3,1)}
.reveal[data-reveal="mask"].visible{clip-path:inset(0)}
.reveal[data-reveal="depth"]{transform:translateY(48px) scale(.965);filter:blur(5px);transition:filter 1.3s cubic-bezier(.16,1,.3,1),opacity 1.05s,transform 1.45s cubic-bezier(.16,1,.3,1)}
.reveal[data-reveal="depth"].visible{filter:blur(0);transform:none}
.eyebrow{transition:letter-spacing 1.2s cubic-bezier(.16,1,.3,1)}
.faq-list details:nth-child(2){transition-delay:.08s}.faq-list details:nth-child(3){transition-delay:.16s}
@media(prefers-reduced-motion:reduce){.reveal[data-reveal]{clip-path:none;filter:none;transform:none;opacity:1}.chapter-copy{transform:none}}
/* Footer is content, never an animation-dependent reveal. */
footer{position:relative!important;z-index:5!important;min-height:150px;opacity:1!important;visibility:visible!important;transform:none!important;clip-path:none!important;background:linear-gradient(180deg,#0009,#000);padding-bottom:42px!important}
footer a,footer p,footer span{opacity:1!important;visibility:visible!important;color:#bdb5ca}footer .logo{color:#fff}
@media(max-width:700px){footer{min-height:240px;gap:22px;padding-top:48px!important}}
/* scatter11: one full-viewport foreground canvas, no scroll-time ownership switch. */
.particle-origin{visibility:hidden;pointer-events:none;animation:none!important}
.hero-art.shared-particle-scene{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:1;pointer-events:none;background:none!important;animation:none!important;transform:none!important;opacity:1!important}
.shared-particle-scene .art-label{display:none}.shared-particle-scene canvas{width:100vw;height:100vh}
.hero-copy,.chapter-copy{position:relative;z-index:2}
@media(min-width:701px){.chapter-copy{position:absolute}}
@media(max-width:700px){.chapter-copy{background:linear-gradient(#000 75%,#0000);padding-bottom:12px}}
/* Polish12 — quiet hierarchy, native scroll and purposeful feedback. */
:root{--ink-muted:#aaa2b6;--hairline:#302638;--accent:#c0a6fb}
body{line-height:1.55}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}.lead,.section-copy p:not(.eyebrow),.steps p,.statement>p:not(.eyebrow){font-weight:300;color:#b5aebe}.micro{color:#99909f;font-size:11px}.small-label,.demo-hint,.chapter-index span{color:#a197ae}.statement h2 span{color:#a99db8}.eyebrow{letter-spacing:.19em}.chapter-copy h2{min-height:2.2em}.chapter-copy>p:not(.eyebrow){min-height:3.6em}.chapter-copy{transition:none;transform:none!important}.chapter-copy h2,.chapter-copy p{transition:none}
.reading-progress{position:fixed;inset:0 0 auto;height:2px;z-index:40;background:linear-gradient(90deg,#7f60b4,#c7b1f5);transform:scaleX(0);transform-origin:left;pointer-events:none}
nav a[aria-current]{color:#eee5ff}nav a[aria-current]:after{transform:scaleX(.45)}nav a{min-height:44px;display:inline-flex;align-items:center}nav a:after{bottom:4px}.nav-start,.menu,.close{min-height:44px;min-width:44px}.text-link{min-height:44px}.suggestions{gap:8px 12px}.suggestions button{min-height:44px;padding:8px 12px;border:1px solid #32253f;border-radius:8px;background:#100a17;color:#c6b0e0;line-height:1.5;transition:border-color .25s,background .25s}.suggestions button:hover{border-color:#8465a1;background:#1c1227;transform:none}#demo-form button{width:44px;height:44px}.close{right:12px;top:10px}
.demo{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}#demo-form:focus-within{border-color:var(--accent)}#start-form input:focus{border-color:var(--accent)}.steps article{border-top:1px solid var(--hairline);padding-top:22px}.steps article:hover{border-color:#7a5c98}.steps article{transition:opacity .8s var(--ease-out),transform .95s var(--ease-out),border-color .3s}.faq-list summary{min-height:44px;align-items:center}.faq-list details{border-color:var(--hairline)}dialog{border-radius:16px;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 24px 100px #0009}.pill:focus-visible{outline-offset:4px}
.skip-link{position:fixed;left:20px;top:12px;z-index:100;background:#c0a6fb;color:#130d1c;padding:12px 20px;border-radius:6px;transform:translateY(-160%)}.skip-link:focus{transform:none}
/* No-JS first: only initialized motion may hide meaningful content. */
html:not(.motion-ready) .reveal,html:not(.motion-ready) .steps article,html:not(.motion-ready) .wordmarks>span,html:not(.motion-ready) .workflow-art>div{opacity:1;transform:none;filter:none;clip-path:none}html:not(.motion-ready) .cinematic-story{height:auto}html:not(.motion-ready) .chapter-sticky{position:relative;min-height:450px;height:auto}html:not(.motion-ready) .chapter-copy{position:relative;left:0;width:auto}html:not(.motion-ready) .chapter-stage{display:none}html:not(.motion-ready) nav{visibility:visible;opacity:1;transform:none;pointer-events:auto}
.animation-paused *,.page-hidden *{animation-play-state:paused!important}
#ambient-triangles{opacity:.45}.reveal[data-reveal="depth"]{filter:none;transform:translateY(28px);transition:opacity .85s var(--ease-out),transform 1s var(--ease-out)}.reveal[data-reveal="mask"]{clip-path:inset(0 0 10% 0);transform:translateY(18px)}.reveal[data-reveal="lift"]{transform:translateY(28px)}.reveal.visible{transform:none}
@media(min-width:701px) and (max-width:1050px){.hero h1{font-size:clamp(42px,5.2vw,58px);letter-spacing:-2.5px}.hero-copy{width:58%}.chapter-copy{width:36%}.chapter-copy h2{font-size:clamp(32px,4.2vw,46px);letter-spacing:-1.8px}.actions{gap:18px}.pill{gap:15px;padding:16px 18px}.principles{gap:20px}.wordmarks{flex-wrap:wrap}.steps{gap:25px}}
@media(max-width:700px){.suggestions button{font-size:11px}.hero .micro{max-width:290px}.menu{margin-right:10px}.nav-start{font-size:11px}.chapter-copy h2{font-size:39px}.chapter-copy>p:not(.eyebrow){min-height:2em}.chapter-index{margin-top:12px}.chapter-index span{font-size:8px}.wordmarks{row-gap:24px}.principles{font-size:11px}.faq-list summary{font-size:15px}html:not(.motion-ready) nav{position:relative;top:auto;flex-direction:row;flex-wrap:wrap;padding:6px;gap:12px}html:not(.motion-ready) header{height:auto;flex-wrap:wrap}html:not(.motion-ready) .menu{display:none}}
@media(prefers-reduced-motion:reduce){.reveal[data-reveal]{opacity:1;clip-path:none;transform:none}.chapter-copy{opacity:1!important}}
/* Business13: content-only maturity; particle geometry and transition styles preserved. */
.service-card ul{padding-left:20px;color:#b5aebe;font-size:14px;line-height:1.9}.service-card li{margin-bottom:10px}.example-flow>p:not(.eyebrow){max-width:880px;color:#b5aebe;line-height:1.9}.steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:35px}.hero .actions{flex-wrap:wrap}.hero .lead{max-width:500px}.final-cta h2{font-size:clamp(42px,5.3vw,76px);max-width:900px}.integrations .micro{max-width:730px;margin:0 auto}.hero h1{font-size:clamp(44px,4.3vw,68px)}select,textarea{font:inherit;background:#17111f;color:#f4f0fa;border:1px solid #544560;border-radius:6px;padding:12px;min-width:0;width:100%}select:focus-visible,textarea:focus-visible{outline:2px solid #b199ff;outline-offset:3px}textarea{resize:vertical}#brief-output[hidden]{display:none}#brief-output{margin-top:24px;border-top:1px solid #544560;padding-top:12px}#brief-text{font:inherit;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;color:#cdc3d9}.brief-actions{display:flex;gap:12px;flex-wrap:wrap}.brief-actions button{background:#251c31;color:#f4f0fa;border:1px solid #68517b;padding:12px 16px;border-radius:8px;min-height:44px}dialog{max-width:580px}dialog h2{font-size:35px}.nav-start{max-width:180px;text-align:right}footer p{max-width:250px}@media(max-width:700px){.hero h1{font-size:clamp(39px,9.9vw,60px)}.hero .actions{gap:18px}.hero .pill{gap:12px;padding:15px 18px}.steps{grid-template-columns:1fr}.final-cta h2{font-size:43px}.nav-start{max-width:115px}.hero .lead{max-width:340px}}@media(min-width:701px) and (max-width:1050px){.hero h1{font-size:clamp(40px,4.5vw,50px)}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* --- Contact / WhatsApp actions (added) --- */
.inline-link{color:#b69af8;border-bottom:1px solid #b69af855}
.inline-link:hover{color:#d3c2ff;border-bottom-color:#d3c2ff}
.brief-actions{align-items:center}
.brief-actions .pill{gap:14px;padding:12px 18px;font-size:12px;min-height:44px}
.brief-actions .pill span{font-size:15px}
@media(max-width:700px){.brief-actions{gap:10px}.brief-actions .pill{width:100%;justify-content:space-between}}
/* Keep the dialog's primary action above the fold on shorter viewports. */
@media(max-height:900px){
dialog{padding:32px 34px}
dialog h2{font-size:29px}
dialog>p:not(.eyebrow){font-size:12px;line-height:1.65;margin:10px 0 0}
#start-form{margin-top:18px;gap:8px}
#start-form label{font-size:10px}
#start-form input{padding:9px 0;margin-bottom:9px}
#start-form .pill{margin-top:6px;padding:14px 22px}
dialog>.eyebrow{margin-bottom:14px}
}
@media(max-height:760px){
dialog{padding:24px 26px}
dialog h2{font-size:25px}
#start-form input{padding:7px 0;margin-bottom:6px}
textarea#need{min-height:70px}
}
#start-form[hidden]{display:none}
#brief-output h3{font-size:15px;font-weight:500;margin:0 0 10px;letter-spacing:-.2px}