.scroll-story{--progress:0;--rx:58deg;--ry:-28deg;--rz:-12deg;--spread:85px;--scale:.83;--screen-alpha:.38;--labels-alpha:1;--glow:0;--lift:0px;margin:0 24px;position:relative}.story-sticky{border:1px solid var(--card-border,#ffffff1f);background:var(--bg-surface,#090a0d);isolation:isolate;border-radius:24px;min-height:800px;position:relative;overflow:hidden}.story-grid{z-index:-1;opacity:.2;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 65%,#000,#0000 68%);mask-image:radial-gradient(at 65%,#000,#0000 68%)}.story-glow{z-index:-1;background:radial-gradient(at 75% 45%,#93c5fd1f,#0000 60%);position:absolute;inset:0}.story-top,.story-bottom{z-index:4;justify-content:space-between;align-items:center;display:flex;position:absolute;left:40px;right:40px}.story-top{top:26px}.story-top .eyebrow{margin:0;font-size:10px}.story-skip{font-family:var(--font-mono,monospace);color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}.story-skip svg{width:14px}.story-copy{z-index:3;max-width:650px;padding:125px 40px 70px;position:relative}.story-step{margin-bottom:45px}.story-step .eyebrow{font-family:var(--font-mono,monospace);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.story-step h1,.story-step h2{font-family:var(--font-display,"Syne", sans-serif);letter-spacing:-.015em;margin:0 0 24px;font-size:clamp(38px,4.4vw,70px);font-weight:500;line-height:1.15}.story-step em{color:var(--accent);font-family:inherit;font-style:normal;font-weight:300}.story-step>p:not(.eyebrow){color:var(--color-text-secondary);margin:0 0 24px;font-size:14px;line-height:1.85}.story-hint{font-family:var(--font-mono,monospace);letter-spacing:.04em;color:var(--muted);align-items:center;gap:12px;margin-top:36px;font-size:10px;display:flex}.story-hint svg{width:15px}.story-chips{flex-wrap:wrap;gap:7px;display:flex}.story-chips span{border:1px solid var(--line-strong);background:var(--surface);color:var(--color-text-secondary);font-family:var(--font-mono,monospace);letter-spacing:.04em;border-radius:999px;padding:6px 12px;font-size:10px}.story-step .button{min-height:44px;margin-top:6px;padding:11px 22px;font-size:12px}.story-visual{perspective:1400px;pointer-events:none;z-index:2;width:54%;height:58%;position:absolute;top:22%;right:2%}.device-world{width:580px;height:390px;transform-style:preserve-3d;transform:translate(-50%, -50%) translateY(var(--lift)) scale(var(--scale)) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz));will-change:transform;position:absolute;top:50%;left:50%}.device-base,.device-layer,.device-screen{transform-style:preserve-3d;border-radius:24px;position:absolute;inset:0}.device-base{transform:translateZ(calc(-1 * var(--spread) - 18px));background:linear-gradient(135deg,#2a2e33,#111417 40%,#08090a 80%);border:1px solid #fff3;box-shadow:0 4px #1c1f24,0 8px #14161a,0 14px #0a0b0d,0 15px #ffffff1a}.base-grid{background:repeating-linear-gradient(90deg,#0000 0 12px,#ffffff0a 13px 14px),repeating-linear-gradient(0deg,#0000 0 12px,#ffffff0a 13px 14px);border:1px solid #ffffff14;border-radius:15px;position:absolute;inset:30px}.base-word{color:var(--muted);font:9px var(--font-mono,monospace);letter-spacing:3px;position:absolute;bottom:22px;left:30px}.base-port{background:#000;border:1px solid #fff3;border-radius:4px;width:35px;height:4px;position:absolute;bottom:-7px;right:35px}.device-layer{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid #ffffff29;box-shadow:inset 0 0 40px #ffffff0a}.layer-data{transform:translateZ(calc(var(--spread) * .1))}.layer-ai{transform:translateZ(calc(var(--spread) * 1.1))}.layer-label,.layer-corner{color:var(--color-text-secondary);font:9px var(--font-mono,monospace);letter-spacing:2px;position:absolute}.layer-label{top:19px;left:23px}.layer-corner{opacity:.7;font-size:7px;bottom:17px;right:23px}.circuit{background:linear-gradient(#0000 49.5%,#ffffff26 50%,#0000 50.5%);justify-content:space-between;align-items:center;display:flex;position:absolute;inset:65px 70px}.circuit i{background:#ffffff0d;border:1px solid #fff3;border-radius:9px;width:40px;height:40px;transform:rotate(45deg);box-shadow:0 0 20px #ffffff0d}.circuit i:nth-child(2n){transform:translateY(-50px)rotate(45deg)}.circuit i:after{content:"";background:#fff3;position:absolute;inset:13px}.ai-core{background:radial-gradient(#ffffff2e,#111317);border:1px solid #ffffff59;border-radius:22px;place-items:center;width:105px;height:105px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px #fff3,inset 0 0 20px #ffffff26}.ai-core>span{font-family:var(--font-display,sans-serif);color:var(--accent);font-size:55px}.ai-core i{border:1px solid #ffffff1f;border-radius:40px;position:absolute;inset:-27px}.ai-core i:last-child{border-color:#ffffff0f;border-radius:58px;inset:-55px}.device-screen{transform:translateZ(calc(var(--spread) * 2.1 + 18px));background:#090a0d;border:2px solid #fff3;padding:15px;overflow:hidden;box-shadow:0 2px #ffffff40,0 5px #181b20,0 10px #0e1014,0 12px #ffffff14,0 30px 45px #000a}.screen-camera{background:#2a3440;border-radius:50%;width:4px;height:4px;position:absolute;top:5px;left:50%;box-shadow:0 0 0 1px #000}.screen-ui{height:100%;opacity:var(--screen-alpha);background:#101217;border:1px solid #ffffff1a;border-radius:13px;overflow:hidden}.screen-header{height:45px;color:var(--color-text);background:#0c0e12;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:0 16px;font-size:15px;display:flex}.screen-header b{margin-left:7px;font-size:10px;font-weight:500}.screen-status{font:6px var(--font-mono,monospace);letter-spacing:1px;color:var(--muted);align-items:center;gap:6px;display:flex}.screen-status i,.screen-bottom i{background:var(--status-dot,#38bdf8);border-radius:50%;width:4px;height:4px;display:inline-block}.screen-avatar{background:#ffffff1a;border:1px solid #fff3;border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.screen-body{height:calc(100% - 45px);display:flex}.screen-body aside{width:40px;color:var(--muted);border-right:1px solid #ffffff14;flex-direction:column;align-items:center;gap:17px;padding-top:16px;font-size:13px;display:flex}.screen-body aside .sidebar-active{color:var(--accent);background:#ffffff1f;border-radius:5px;padding:4px}.screen-main{flex:1;min-width:0;padding:16px 18px}.screen-title>span{font-family:var(--font-display,sans-serif);letter-spacing:-.01em;font-size:19px;font-weight:500;display:block}.screen-title small{font:6px var(--font-mono,monospace);letter-spacing:1.2px;color:var(--muted);margin-top:6px;display:block}.screen-widgets{grid-template-columns:1.1fr 1fr;gap:10px;margin:17px 0 13px;display:grid}.screen-widgets>div{background:#ffffff09;border:1px solid #ffffff1a;border-radius:8px;height:95px;padding:11px}.screen-widgets>div>span:first-child{font:6px var(--font-mono,monospace);letter-spacing:1px;color:var(--muted)}.screen-widgets strong{margin-top:7px;font-size:22px;font-weight:500;display:block}.screen-widgets strong small{color:var(--muted);margin-left:7px;font-size:6px;font-weight:400}.mini-bars{align-items:end;gap:6px;height:24px;margin-top:4px;display:flex}.mini-bars i{background:#ffffff40;border-radius:2px;flex:1;height:40%}.mini-bars i:nth-child(2n){background:#ffffff73;height:70%}.mini-bars i:nth-child(3n){background:var(--accent);height:90%}.mini-agent{position:relative;overflow:hidden}.mini-agent p{margin:10px 0 5px;font-size:13px;line-height:1.3}.mini-agent>small{font:5px var(--font-mono,monospace);letter-spacing:1px;color:var(--muted)}.mini-spark{color:#ffffff59;font-size:55px;position:absolute;top:22px;right:13px}.screen-projects{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.screen-projects>div{border:1px solid #ffffff1a;border-radius:6px;height:72px;position:relative;overflow:hidden}.screen-projects img{object-fit:cover;filter:brightness(.7);width:100%;height:100%}.screen-projects span{color:#fff;font-size:6px;position:absolute;bottom:7px;left:6px}.screen-bottom{font:5px var(--font-mono,monospace);letter-spacing:1px;color:var(--muted);justify-content:space-between;margin-top:11px;display:flex}.screen-bottom>span:first-child{align-items:center;gap:5px;display:flex}.screen-reflection{pointer-events:none;opacity:.8;background:linear-gradient(125deg,#ffffff1f,#0000 25% 70%,#ffffff0f);border-radius:22px;position:absolute;inset:0}.floating-label{color:var(--color-text);letter-spacing:.3px;transform:translateZ(calc(var(--spread) * 2.5 + 45px));opacity:var(--labels-alpha);white-space:nowrap;background:#0e1014eb;border:1px solid #ffffff26;border-radius:8px;padding:10px 15px;font-size:10px;position:absolute;box-shadow:0 10px 25px #0006}.floating-label>span{color:var(--accent);margin-right:7px}.label-ai{top:70px;left:-35px}.label-design{top:170px;right:-45px}.label-system{bottom:-35px;left:100px}.object-shadow{filter:blur(40px);background:#000a;border-radius:50%;width:80%;height:120px;position:absolute;bottom:1%;left:12%;transform:rotate(-12deg)}.object-caption{font:8px var(--font-mono,monospace);letter-spacing:2px;color:var(--muted);white-space:nowrap;position:absolute;bottom:-32px;left:50%;transform:translate(-50%)}.story-bottom{bottom:24px}.story-controls{gap:9px;display:flex}.story-controls button{color:var(--muted);font:10px var(--font-mono,monospace);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;transition:all .2s;display:flex;position:relative}.story-controls button b{font-size:9px;font-weight:500}.story-controls button[aria-current=true]{color:var(--accent);background:#ffffff1f}.story-controls button:hover{color:#fff}.story-location{font:7px var(--font-mono,monospace);letter-spacing:1.4px;color:var(--muted)}.story-progress{background:#ffffff14;height:2px;position:absolute;bottom:0;left:0;right:0}.story-progress i{background:var(--accent);width:100%;height:100%;transform:scaleX(var(--progress));transform-origin:0;display:block}.scroll-story[data-enhanced=true]{height:310svh}.scroll-story[data-enhanced=true] .story-sticky{height:calc(100svh - 106px);min-height:570px;max-height:1050px;position:sticky;top:92px}.scroll-story[data-enhanced=true] .story-copy{width:45%;max-width:650px;height:290px;padding:0;position:absolute;top:43%;left:40px;transform:translateY(-50%)}.scroll-story[data-enhanced=true] .story-step{opacity:0;pointer-events:none;visibility:hidden;margin:0;transition:opacity .35s,transform .55s;position:absolute;inset:0;transform:translateY(25px)}.scroll-story[data-enhanced=true] .story-step.is-active{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.scroll-story[data-enhanced=true] .story-visual{height:60%;top:21%}.scroll-story:not([data-enhanced=true]) .story-visual{display:none}.scroll-story:not([data-enhanced=true]) .story-copy{grid-template-columns:1fr 1fr;gap:35px;max-width:100%;display:grid}.scroll-story:not([data-enhanced=true]) .story-controls,.scroll-story:not([data-enhanced=true]) .story-progress{display:none}@media (width<=1100px){.device-world{width:500px;height:350px}.screen-projects>div{height:55px}.screen-widgets{margin-top:12px}.screen-widgets>div{height:82px;padding:8px}.screen-header{height:40px}.screen-body{height:calc(100% - 40px)}.screen-main{padding:12px}.screen-title>span{font-size:17px}.mini-agent p{margin-top:8px;font-size:11px}.screen-widgets strong{font-size:19px}.story-copy .story-step h1,.story-copy .story-step h2{font-size:clamp(34px,4.4vw,54px)}.story-step>p:not(.eyebrow){font-size:12px}.story-top,.story-bottom{left:28px;right:28px}.scroll-story[data-enhanced=true] .story-copy{left:28px}.story-visual{width:52%;right:0}.story-location{display:none}}@media (width<=760px){.scroll-story{margin:0 12px}.scroll-story[data-enhanced=true]{height:270svh}.scroll-story[data-enhanced=true] .story-sticky{border-radius:14px;height:calc(100svh - 88px);min-height:590px;top:76px}.story-top{top:18px;left:22px;right:22px}.story-top .eyebrow{letter-spacing:.08em;font-size:8px}.story-skip{gap:0;font-size:0}.story-skip svg{width:18px;height:18px}.scroll-story[data-enhanced=true] .story-copy{width:auto;max-width:none;height:205px;top:66px;left:24px;right:24px;transform:none}.story-copy .story-step h1,.story-copy .story-step h2{letter-spacing:-.01em;margin-bottom:14px;font-size:clamp(28px,6.2vw,42px);line-height:1.15}.story-step .eyebrow{margin-bottom:12px;font-size:8px}.story-step>p:not(.eyebrow){margin-bottom:13px;font-size:12px;line-height:1.7}.story-hint{gap:7px;margin-top:16px;font-size:9px}.story-hint svg{height:12px}.story-chips{gap:5px}.story-chips span{padding:5px 8px;font-size:8px}.story-step .button{min-height:36px;padding:8px 16px;font-size:11px}.story-step .button svg{width:14px}.scroll-story[data-enhanced=true] .story-visual{perspective:950px;width:100%;height:43%;top:46%;left:0;right:0}.device-world{width:470px;height:335px}.screen-projects>div{height:50px}.screen-title>span{font-size:16px}.screen-main{padding:10px 12px}.screen-widgets>div{height:78px}.object-caption{letter-spacing:1.5px;font-size:6px;bottom:4px}.story-bottom{bottom:16px;left:13px;right:13px}.story-controls{justify-content:space-between;gap:2px;width:100%}.story-controls button{gap:5px;min-height:34px;padding:9px 7px;font-size:8px}.story-controls button b{font-size:7px}.story-sticky{min-height:600px}.scroll-story:not([data-enhanced=true]) .story-copy{padding:90px 24px 20px;display:block}.scroll-story:not([data-enhanced=true]) .story-step{margin-bottom:45px}}@media (height<=700px) and (width>=761px){.scroll-story[data-enhanced=true] .story-sticky{min-height:480px}.story-copy .story-step h1,.story-copy .story-step h2{font-size:42px}.scroll-story[data-enhanced=true] .story-copy{height:260px;top:47%}}@media (prefers-reduced-motion:reduce){.scroll-story .device-world{will-change:auto}.story-hint,.scroll-story .story-controls{display:none}}.motion-toggle{border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono,monospace);background:0 0;border-radius:18px;min-height:34px;padding:8px 14px;font-size:10px}.motion-toggle:hover{background:var(--surface-hover);color:var(--color-text)}.motion-toggle:disabled{cursor:default;opacity:.6}.scroll-story:not([data-enhanced=true]) .story-bottom{justify-content:flex-end;margin:0 40px 25px;position:relative;bottom:auto;left:auto;right:auto}@media (width<=760px){.story-bottom{flex-wrap:wrap;row-gap:5px}.motion-toggle{min-height:26px;padding:5px 9px;font-size:8px;position:absolute;bottom:41px;right:6px}.scroll-story:not([data-enhanced=true]) .motion-toggle{position:static}.scroll-story:not([data-enhanced=true]) .story-bottom{margin:0 24px 22px}}.brand-ecosystem{grid-template-columns:1fr 1.5fr;align-items:center;gap:50px;padding-top:55px;padding-bottom:55px;display:grid}.brand-ecosystem h2{font-family:var(--font-display);letter-spacing:-.015em;font-size:26px;font-weight:400;line-height:1.3}.brand-ecosystem h2 span{color:var(--color-text-secondary)}.brand-ecosystem .eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:9px}.brand-ecosystem .ecosystem-note{color:var(--color-text-secondary);font-size:13px;line-height:1.7}.ecosystem-grid{grid-template-columns:repeat(3,1fr);gap:30px 22px;display:grid}.ecosystem-grid>a,.ecosystem-grid>div{align-items:center;gap:13px;min-width:0;display:flex}.ecosystem-grid img{object-fit:contain;flex-shrink:0;width:32px;height:32px}.ecosystem-grid strong{color:var(--color-text);font-size:13px;font-weight:500}.ecosystem-grid small{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.5;display:block}.ecosystem-grid img[src="/logos/base44.png"]{object-fit:contain;border:1px solid var(--line-strong);filter:brightness(0)invert();opacity:.95;background:#ffffff14;border-radius:8px;width:72px;height:34px;padding:5px 8px;transition:all .25s}.ecosystem-grid a:hover img[src="/logos/base44.png"]{opacity:1;border-color:var(--accent);background:#ffffff29;box-shadow:0 0 15px #fff3}.client-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:45px 0 55px;display:grid}.client-tile{text-align:center;perspective:600px;flex-direction:column;align-items:center;display:flex}.client-logo{border:1px solid var(--card-border);background:var(--card-bg);-webkit-backdrop-filter:blur(24px);width:8.5rem;height:8.5rem;color:var(--color-text);border-radius:28px;place-items:center;padding:16px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .4s;animation:.6s both tile-in;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 35px #00000059}.client-tile:nth-child(2) .client-logo{animation-delay:70ms}.client-tile:nth-child(3) .client-logo{animation-delay:.14s}.client-tile:nth-child(4) .client-logo{animation-delay:.21s}.client-logo:hover,.client-logo:focus-visible{border-color:var(--line-strong);transform:translateY(-8px)rotateX(6deg)rotateY(-6deg);box-shadow:0 20px 48px #00000080}.client-logo img{object-fit:contain;filter:brightness(0)invert();opacity:.92;width:108px;max-height:52px;transition:all .3s}.client-logo:hover img,.client-logo:focus-visible img{opacity:1;filter:brightness(0)invert()drop-shadow(0 0 12px #ffffff73);transform:scale(1.05)}.client-wordmark{font-family:var(--font-display);letter-spacing:-.015em;max-width:100px;color:var(--color-text);font-size:21px;font-weight:600;line-height:1.15;transition:all .3s}.client-logo:hover .client-wordmark{color:#fff;text-shadow:0 0 14px #fff6;transform:scale(1.04)}.tile-arrow{opacity:.6;color:var(--color-text-secondary);font-size:14px;position:absolute;bottom:10px;right:14px}[data-theme=desert-glass] .client-logo{color:#1c1a17;background:#f5f0e8f0;border:1px solid #fff6;box-shadow:0 14px 40px #00000047}[data-theme=desert-glass] .client-logo img{filter:none;opacity:.95}[data-theme=desert-glass] .client-logo:hover img{filter:drop-shadow(0 4px 10px #00000026)}[data-theme=desert-glass] .client-wordmark{color:#1c1a17}[data-theme=desert-glass] .client-logo:hover .client-wordmark{color:#000;text-shadow:none}[data-theme=desert-glass] .tile-arrow{color:#1c1a1780}.client-meta{margin-top:24px}.client-meta h3{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:8px;font-size:18px;font-weight:500}.client-meta p{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:9px}.client-meta>span{color:var(--color-text-secondary);font-size:11px}@keyframes tile-in{0%{opacity:0;transform:translateY(18px)rotateX(12deg)}to{opacity:1;transform:none}}@media (width<=950px){.brand-ecosystem{grid-template-columns:1fr;gap:30px}.ecosystem-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.client-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 12px}.client-logo{width:7.5rem;height:7.5rem}.client-meta h3{font-size:15px}.brand-ecosystem{padding-top:35px;padding-bottom:35px}}@media (prefers-reduced-motion:reduce){.client-logo{transition:none;animation:none}.client-logo:hover,.client-logo:focus-visible{transform:none}}