:root{--black:#030405;--navy:#06151d;--white:#f6f6f2;--ink:#111315;--muted:#9ca4a7;--line:rgba(255,255,255,.14);--green:#62e8c7;--pad:clamp(28px,4vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--black);color:#fff;overflow-x:hidden;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}#progress{position:fixed;z-index:1000;left:0;top:0;height:2px;width:0;background:#fff}#three-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.42}.site-nav{position:fixed;z-index:50;left:0;top:0;width:100%;height:88px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;transition:.35s ease;border-bottom:1px solid transparent}.site-nav.scrolled{height:74px;background:rgba(2,6,8,.72);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.08)}.logo img{width:98px}.nav-links{display:flex;gap:36px;align-items:center}.nav-links a,.login{font-size:16px;color:rgba(255,255,255,.78);transition:.25s}.nav-links a:hover,.login:hover{color:#fff}.login{justify-self:end}.hero{position:relative;z-index:2;height:100svh;min-height:760px;overflow:hidden;background:#05131b;padding:0 var(--pad)}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,12,18,.18),rgba(2,12,18,.04) 38%,rgba(2,10,14,.70) 84%,rgba(2,8,11,.95)),linear-gradient(90deg,rgba(0,10,16,.42),transparent 45%,rgba(0,7,10,.16))}.hero-grain{position:absolute;inset:0;opacity:.16;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}.hero-tags{position:absolute;inset:0;z-index:3}.tag{position:absolute;padding:12px 18px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(9,20,25,.28);backdrop-filter:blur(12px);font-size:16px;font-weight:500;color:#e9eef0;white-space:nowrap;box-shadow:0 12px 30px rgba(0,0,0,.12)}.tag span{margin-right:8px}.tag i{position:absolute;top:100%;left:50%;width:1px;height:86px;background:linear-gradient(rgba(255,255,255,.28),transparent)}.tag-a{left:3.8%;top:39%}.tag-b{left:24%;top:47%}.tag-c{right:19%;top:45%}.tag-d{right:3.7%;top:36%}.hero-bottom{position:absolute;z-index:4;left:var(--pad);right:var(--pad);bottom:78px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(360px,.85fr);gap:60px;align-items:end}.hero-kicker{font-size:16px;color:#aab3b6;margin-bottom:18px}.hero h1{margin:0;font-size:clamp(58px,5.5vw,94px);line-height:.94;letter-spacing:-.055em;font-weight:400}.hero-copy{padding-bottom:6px}.hero-copy p{margin:0 0 28px;font-size:18px;line-height:1.55;color:#e8ecec;max-width:560px}.hero-actions{display:flex;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:14px 20px;font-size:16px;font-weight:500;border:1px solid rgba(255,255,255,.18);transition:.25s}.btn.light{background:#f7f7f4;color:#111;border-color:#f7f7f4}.btn.light:hover{transform:translateY(-2px)}.btn.ghost{background:rgba(7,16,21,.4);backdrop-filter:blur(12px)}.btn.ghost b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.14);font-size:12px}.hero-rule{position:absolute;z-index:4;left:var(--pad);right:var(--pad);bottom:42px;height:1px;background:rgba(255,255,255,.17)}
.dark-section{position:relative;z-index:3;background:#030405;color:#fff}.light-section{position:relative;z-index:3;background:#f5f5f1;color:#111}.eyebrow{font-size:16px;letter-spacing:.14em;font-weight:600;color:#76d9c3}.eyebrow.dark{color:#55726c}.scroll-story{height:520vh}.story-pin{height:100vh;position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;padding:0 14vw}.story-copy{max-width:1120px}.story-main{margin:28px 0 22px;font-size:clamp(50px,6vw,108px);line-height:1.02;letter-spacing:-.055em;font-weight:600}.story-sub{max-width:760px;margin:0;font-size:20px;line-height:1.6;color:#7c8386}.story-counter{position:absolute;right:6vw;bottom:7vh;display:flex;align-items:center;gap:14px;color:#7a8184;font-size:16px}.story-counter i{display:block;width:80px;height:1px;background:#394044}.transition-stage{position:relative;z-index:3;height:360vh;background:#030405}.transition-pin{height:100vh;position:sticky;top:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:0 10vw;overflow:hidden}.transition-copy{position:relative;z-index:2}.transition-title{font-size:clamp(56px,6vw,102px);line-height:.98;letter-spacing:-.055em;margin:26px 0 26px;font-weight:600}.transition-title span{color:var(--green)}.transition-sub{font-size:20px;line-height:1.7;max-width:640px;color:#8f979a}.intelligence-core{position:relative;width:min(42vw,650px);aspect-ratio:1;margin:auto;display:grid;place-items:center}.core-ring{position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%}.r1{width:92%;height:92%}.r2{width:68%;height:68%}.r3{width:44%;height:44%}.core-center{width:130px;height:130px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 70px rgba(255,255,255,.13)}.core-center img{width:76px;filter:brightness(0)}.core-label{position:absolute;border:1px solid currentColor;border-radius:999px;padding:10px 14px;font-size:16px;color:#9ca4a7;background:rgba(0,0,0,.15)}.l1{left:1%;top:24%}.l2{right:4%;top:19%}.l3{left:-1%;bottom:24%}.l4{right:-2%;bottom:29%}.l5{right:36%;bottom:3%}.orchestration{padding:150px var(--pad) 170px}.section-top{display:grid;grid-template-columns:1.3fr .7fr;gap:100px;align-items:end;max-width:1450px;margin:auto}.section-top h2,.demo-heading h2{font-size:clamp(52px,5vw,82px);line-height:1;letter-spacing:-.05em;margin:20px 0 0;font-weight:500}.section-top h2 span{color:#59a994}.section-top>p{font-size:18px;line-height:1.7;color:#65706e;margin:0 0 10px}.stack-cards{max-width:1450px;margin:100px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;perspective:1200px}.stack-card{position:relative;min-height:430px;border-radius:22px;background:#fff;padding:30px;border:1px solid #e6e8e4;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.stack-card.featured{min-height:520px;margin-top:-45px}.card-number{position:absolute;top:28px;left:28px;font-size:62px;color:#e4e7e5;letter-spacing:-.05em}.stack-card small{font-size:16px;color:#4b8d7d;font-weight:600;letter-spacing:.08em}.stack-card h3{font-size:30px;line-height:1.08;letter-spacing:-.035em;margin:12px 0 18px;font-weight:500}.stack-card p{font-size:16px;line-height:1.65;color:#68706e;margin:0}.mesh{position:absolute;inset:0 0 auto;height:230px;overflow:hidden;background:radial-gradient(circle at 60% 70%,rgba(98,232,199,.22),transparent 44%)}.mesh span{position:absolute;left:-20%;width:140%;height:1px;background:linear-gradient(90deg,transparent,#79bea9,transparent);transform:rotate(-12deg)}.mesh span:nth-child(1){top:45%}.mesh span:nth-child(2){top:52%}.mesh span:nth-child(3){top:59%}.mesh span:nth-child(4){top:66%}.word-reveal{padding:190px 10vw 220px}.word-lines{max-width:1280px;margin:75px auto 0}.word-lines h2{margin:0 0 70px;font-size:clamp(54px,6.4vw,112px);line-height:.98;letter-spacing:-.06em;font-weight:600;color:#292d2f}.word-lines h2.accent{color:#173d35}.feature-story{padding:150px 10vw 180px}.feature-head{max-width:1200px}.feature-head h2{font-size:clamp(58px,6vw,104px);line-height:.98;letter-spacing:-.055em;margin:24px 0 70px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1300px}.feature-grid article{min-height:310px;border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:34px;position:relative;background:radial-gradient(circle at 100% 100%,rgba(98,232,199,.06),transparent 38%),#090b0c}.feature-grid small{font-size:16px;color:#64d9be;letter-spacing:.09em}.feature-grid h3{font-size:30px;margin:20px 0 12px;letter-spacing:-.035em}.feature-grid p{font-size:17px;line-height:1.65;color:#8d9496;max-width:560px}.feature-grid article>span{position:absolute;left:34px;bottom:30px;font-size:16px;color:#60686b}.demo-section{padding:150px var(--pad) 170px}.demo-heading{text-align:center;max-width:900px;margin:auto}.demo-heading p{font-size:18px;line-height:1.7;color:#68706d;max-width:650px;margin:24px auto 0}.app-window{max-width:1200px;height:700px;margin:90px auto 0;border:1px solid #d5d9d6;border-radius:26px;overflow:hidden;background:#071116;box-shadow:0 35px 85px rgba(0,0,0,.16);transform-style:preserve-3d}.browserbar{height:52px;border-bottom:1px solid #183139;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;color:#6e7b80;background:#09151a;font-size:16px}.browserbar b{justify-self:end;color:#77e5ca;font-size:16px}.dots{display:flex;gap:7px}.dots i{width:10px;height:10px;background:#34434a;border-radius:50%}.app-body{display:grid;grid-template-columns:78px 1fr;height:648px}.app-body aside{border-right:1px solid #183139;padding:24px 14px;display:flex;flex-direction:column;align-items:center;gap:16px}.app-body aside img{width:46px;filter:brightness(0) invert(1)}.app-body aside button{width:42px;height:42px;border:1px solid #1f3d46;background:#0d1b20;color:#809096;border-radius:12px}.chat-stage{position:relative;padding:34px 46px;background:radial-gradient(circle at 70% 50%,rgba(13,143,115,.12),transparent 40%),#071116;color:#fff}.chat-top{display:flex;justify-content:space-between;color:#64727a;font-size:16px}.bubble{max-width:590px;padding:18px 20px;border-radius:18px;font-size:17px;line-height:1.6;margin-top:70px}.bubble.user{margin-left:auto;background:#13362f;border:1px solid #1b6859}.bubble.tara{background:#0d2023;border:1px solid #165045;margin-top:26px}.action-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.action-strip span{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:10px 14px;font-size:16px;color:#a9b7bc}.composer{position:absolute;left:46px;right:46px;bottom:36px;border:1px solid #1a3840;border-radius:999px;padding:12px 14px 12px 20px;display:flex;justify-content:space-between;align-items:center;color:#6f7d83}.composer button{border:0;width:42px;height:42px;border-radius:50%;background:#fff;color:#000;font-size:22px}.final-scroll{height:280vh}.final-pin{height:100vh;position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 var(--pad)}.final-title{font-size:clamp(64px,7vw,124px);line-height:.94;letter-spacing:-.06em;margin:28px 0}.final-title span{color:#2d3335}.final-sub{max-width:780px;font-size:20px;line-height:1.7;color:#7d8588}.closing-actions{display:flex;gap:12px;margin-top:30px}footer{position:relative;z-index:4;background:#f5f5f1;color:#111;padding:52px var(--pad);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-top:1px solid #dedfdb}footer img{width:82px;filter:brightness(0)}footer p{text-align:center;font-size:16px;color:#6a6f6c}footer>a{text-align:right;font-size:16px}
@media(max-width:980px){.nav-links{display:none}.hero{min-height:760px}.tag-b,.tag-c{display:none}.hero-bottom{grid-template-columns:1fr;gap:28px}.hero h1{font-size:clamp(54px,8vw,76px)}.hero-copy{max-width:620px}.transition-pin{grid-template-columns:1fr;align-content:center}.intelligence-core{width:min(72vw,520px)}.section-top{grid-template-columns:1fr;gap:28px}.stack-cards{grid-template-columns:1fr 1fr}.stack-card.featured{margin-top:0}.feature-grid{grid-template-columns:1fr}.app-window{height:650px}.app-body{height:598px}}
@media(max-width:640px){:root{--pad:22px}.site-nav{height:72px}.logo img{width:78px}.login{font-size:16px}.hero{min-height:100svh}.hero-tags{display:none}.hero-bottom{bottom:54px}.hero h1{font-size:50px}.hero-copy p{font-size:17px}.hero-actions,.closing-actions{flex-direction:column;align-items:flex-start}.hero-rule{bottom:28px}.story-pin{padding:0 22px}.story-main{font-size:48px}.story-sub{font-size:17px}.story-counter{right:22px}.transition-pin{padding:0 22px}.transition-title{font-size:48px}.transition-sub{font-size:17px}.intelligence-core{width:88vw}.core-center{width:100px;height:100px}.core-label{font-size:16px}.orchestration,.feature-story,.demo-section{padding-top:100px;padding-bottom:110px}.section-top h2,.demo-heading h2,.feature-head h2{font-size:48px}.stack-cards{grid-template-columns:1fr}.stack-card{min-height:320px}.stack-card.featured{min-height:440px}.word-reveal{padding:120px 22px}.word-lines h2{font-size:48px;margin-bottom:54px}.feature-grid article{min-height:330px;padding:26px}.feature-grid article>span{left:26px}.app-window{height:630px}.app-body{grid-template-columns:1fr;height:578px}.app-body aside{display:none}.chat-stage{padding:26px 20px}.bubble{font-size:16px;margin-top:55px}.composer{left:20px;right:20px}.final-title{font-size:54px}.final-sub{font-size:17px}footer{grid-template-columns:1fr;gap:22px}footer p,footer>a{text-align:left}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* v10 motion pass */
:root{--radius:6px}
.tag,.btn,.core-label,.action-strip span,.composer{border-radius:999px}
.stack-card,.feature-grid article,.app-window,.bubble,.app-body aside button{border-radius:var(--radius)}
.stack-card{transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.stack-card:hover{border-color:#9fb5af;box-shadow:0 24px 60px rgba(9,43,35,.12)}
.feature-grid article{overflow:hidden;isolation:isolate;cursor:none}
.feature-grid article:before{content:"";position:absolute;inset:-35%;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(98,232,199,.18),transparent 24%);opacity:0;transition:opacity .25s;z-index:-1}
.feature-grid article:hover:before{opacity:1}
.feature-hover-image{position:fixed;z-index:80;width:230px;height:145px;pointer-events:none;opacity:0;transform:translate3d(-50%,-50%,0) scale(.82) rotate(-2deg);transition:opacity .18s ease;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 80px rgba(0,0,0,.5);border-radius:4px}
.feature-hover-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.06);transform:scale(1.08)}
.flow-lines,.light-lines{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.flow-lines svg,.light-lines svg{width:100%;height:100%}.flow-lines path,.light-lines path{fill:none;stroke-width:1.2;stroke-dasharray:8 18;vector-effect:non-scaling-stroke}
.flow-lines path{stroke:rgba(98,232,199,.14)}.light-lines path{stroke:rgba(38,105,90,.17)}
.story-pin,.section-top,.stack-cards{position:relative;z-index:2}
.orchestration{overflow:hidden}
.light-lines{opacity:.9}
.transition-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,5,.97) 0 42%,rgba(3,4,5,.62) 68%,rgba(3,4,5,.86)),url('assets/fallback22.png?v=10') center/cover no-repeat;opacity:.15;filter:grayscale(1);pointer-events:none}
#core3d{position:absolute;inset:8%;width:84%;height:84%;z-index:0;opacity:.92}.core-ring,.core-center,.core-label{z-index:2}.core-center{border-radius:50%}
.card-number{font-variant-numeric:tabular-nums;will-change:transform,opacity}
.feature-story{overflow:hidden}.feature-story:after{content:"";position:absolute;right:-10vw;top:12%;width:46vw;height:70%;background:radial-gradient(circle,rgba(75,255,208,.13),rgba(34,136,113,.05) 34%,transparent 68%);filter:blur(26px);pointer-events:none;animation:glowBreath 5s ease-in-out infinite alternate}
@keyframes glowBreath{from{transform:translate3d(-4%,0,0) scale(.92);opacity:.45}to{transform:translate3d(4%,3%,0) scale(1.08);opacity:1}}
.demo-section{overflow:hidden}.demo-bg-image{position:absolute;inset:0;background:linear-gradient(180deg,rgba(245,245,241,.98),rgba(245,245,241,.76) 45%,rgba(245,245,241,.96)),url('assets/fallback22.png?v=10') center/cover no-repeat;filter:grayscale(1);opacity:.28;transform:scale(1.08)}
.demo-heading,.app-window{position:relative;z-index:2}.app-window{border-radius:8px}
.app-window:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--appx,50%) var(--appy,50%),rgba(98,232,199,.09),transparent 26%)}
.story-main,.transition-title,.word-lines h2,.feature-head h2{will-change:transform,opacity,color,filter}
@media(max-width:760px){.feature-hover-image{display:none}.flow-lines,.light-lines{opacity:.45}}


/* v11 story counter + bulletproof scroll text */
.story-main,.story-sub{opacity:1!important;visibility:visible!important}
.story-counter{gap:18px}
.story-steps{display:flex;gap:8px;align-items:center}
.story-steps span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.12);font-size:15px;line-height:1;color:#5e676a;transition:transform .28s ease,color .28s ease,border-color .28s ease,background .28s ease;transform:scale(.88)}
.story-steps span.active{color:#77e2c8;border-color:rgba(119,226,200,.48);background:rgba(119,226,200,.07);transform:scale(1.08)}
.story-counter>i{width:56px}
.story-total{color:#798184}
.story-copy{min-height:420px;display:flex;flex-direction:column;justify-content:center}
.story-main,.story-sub{will-change:transform,filter,color}
.story-main.story-swap{animation:storySwap .48s cubic-bezier(.2,.75,.2,1)}
.story-sub.story-swap{animation:storySwapSub .58s cubic-bezier(.2,.75,.2,1)}
@keyframes storySwap{0%{opacity:.18;transform:translateY(30px);filter:blur(7px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes storySwapSub{0%{opacity:.2;transform:translateY(18px)}100%{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.story-counter{left:22px;right:auto;bottom:22px}.story-steps span{width:32px;height:32px;font-size:13px}.story-counter>i,.story-total{display:none}.story-copy{min-height:380px}}


/* v12 bulletproof pinned story */
.scroll-story{height:560vh!important;position:relative;overflow:clip}
.story-pin{height:100vh!important;min-height:100vh;position:sticky!important;top:0!important;padding-top:88px!important;justify-content:center!important;overflow:hidden}
.story-copy{min-height:470px!important;max-width:1100px;display:flex;flex-direction:column;justify-content:center}
.story-main{opacity:1!important;visibility:visible!important;display:block!important;min-height:2.05em;margin-top:22px!important;transition:none!important}
.story-sub{opacity:1!important;visibility:visible!important;display:block!important;transition:none!important}
.story-main.story-swap,.story-sub.story-swap{animation:none!important}
.story-pin>.eyebrow{position:relative;z-index:3}
.story-counter{z-index:4}
@media(max-width:760px){.story-pin{padding-top:72px!important}.story-copy{min-height:420px!important}.story-main{min-height:3.1em}}
