:root{--bg: #0a0b0e;--bg-soft: #101219;--bg-card: #14161d;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .18);--text: #edeff3;--muted: #98a0ae;--accent: #6ee7ff;--accent-warm: #ffb86b;--radius: 14px;--shell: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit}img{max-width:100%}h1,h2,h3{line-height:1.1;letter-spacing:-.03em;margin:0;font-weight:600}code,pre{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.shell{width:min(var(--shell),calc(100% - 48px));margin-inline:auto}.topbar{position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;gap:20px;padding:14px 28px;background:#0a0b0eb8;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar__logo{font-weight:600;letter-spacing:-.02em;text-decoration:none}.topbar__logo span{color:var(--accent)}.topbar__links{margin-left:auto;display:flex;gap:18px;font-size:14px;color:var(--muted)}.topbar__links a{text-decoration:none}.topbar__links a:hover{color:var(--text)}.hero{position:relative;min-height:100svh;overflow:hidden;display:grid;place-items:center;isolation:isolate}.hero__bg{position:absolute;inset:-8%;z-index:0}.hero__bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.55)}.hero__veil{position:absolute;inset:0;z-index:1;background:radial-gradient(120% 90% at 50% 15%,#0a0b0e1a,#0a0b0eeb 78%),linear-gradient(180deg,rgba(10,11,14,.7),rgba(10,11,14,.1) 35%,var(--bg))}.hero__inner{position:relative;z-index:3;text-align:center;padding:140px 0 90px}.hero h1{font-size:clamp(48px,9vw,116px);font-weight:700}.hero h1 em{font-style:normal;color:var(--accent)}.hero__lead{margin:22px auto 0;max-width:620px;color:#c3c9d4;font-size:clamp(16px,2vw,19px)}.hero__cta{margin-top:34px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.hero__card{position:absolute;z-index:2;width:clamp(120px,15vw,210px);border-radius:var(--radius);overflow:hidden;box-shadow:0 30px 70px #0000008c;border:1px solid rgba(255,255,255,.12)}.hero__card img{display:block;width:100%;height:100%;object-fit:cover}.hero__card--a{left:6%;top:22%}.hero__card--b{right:8%;top:30%}.hero__card--c{left:14%;bottom:12%}.hero__card--d{right:12%;bottom:16%}.hero__hint{position:absolute;left:50%;bottom:26px;transform:translate(-50%);z-index:4;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}@media(max-width:760px){.hero__card--a,.hero__card--c{left:-6%}.hero__card--b,.hero__card--d{right:-6%}}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;border:1px solid var(--line-strong);background:#ffffff0a;color:var(--text);font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .18s ease,border-color .18s ease}.btn:hover{background:#ffffff1a;border-color:#ffffff52}.btn--primary{background:var(--accent);border-color:var(--accent);color:#04141a;font-weight:600}.btn--primary:hover{background:#9df0ff;border-color:#9df0ff}.band{padding:110px 0;border-top:1px solid var(--line)}.band__head{max-width:640px;margin-bottom:46px}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.band h2{font-size:clamp(30px,4.4vw,46px)}.band__lead{margin-top:16px;color:var(--muted);font-size:17px}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.facts__item{background:var(--bg);padding:26px 24px}.facts__item h3{font-size:17px;margin-bottom:8px}.facts__item p{margin:0;color:var(--muted);font-size:15px}.effect{border-top:1px solid var(--line);padding:84px 0}.effect__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:30px}.effect__title{font-size:clamp(26px,3.4vw,38px)}.effect__tagline{margin:10px 0 0;color:var(--muted);max-width:640px}.effect__badge{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-strong);border-radius:999px;padding:5px 14px;white-space:nowrap}.effect__stage{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft);overflow:hidden;position:relative}.effect__panels{margin-top:18px;display:grid;gap:14px;grid-template-columns:1fr 1fr}@media(max-width:900px){.effect__panels{grid-template-columns:1fr}}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-card);overflow:hidden;display:flex;flex-direction:column}.panel__bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.panel__copy{margin-left:auto;border:1px solid var(--line-strong);background:transparent;color:var(--text);border-radius:8px;padding:5px 12px;font-size:12px;font-family:inherit;cursor:pointer;transition:background .16s ease}.panel__copy:hover{background:#ffffff14}.panel__copy[data-done=true]{color:var(--accent);border-color:var(--accent)}.panel pre{margin:0;padding:16px 18px;overflow-x:auto;font-size:13px;line-height:1.65;color:#d7dce6;flex:1}.panel__prompt{margin:0;padding:16px 18px;font-size:14px;line-height:1.7;color:#c8cfdb;flex:1}.demo-pad{padding:46px}@media(max-width:700px){.demo-pad{padding:26px}}.demo-note{position:absolute;left:18px;bottom:14px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff73;pointer-events:none}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px}.photo-card{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line-strong);background:#000}.photo-card img{display:block;width:100%;aspect-ratio:7 / 9;object-fit:cover}.stack-scene{position:relative;height:420px;border-radius:var(--radius);overflow:hidden}.stack-scene__bg{position:absolute;inset:-6%}.stack-scene__bg img{width:100%;height:100%;object-fit:cover;filter:brightness(.6)}.stack-scene__title{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-size:clamp(28px,5vw,56px);font-weight:600;letter-spacing:-.03em;text-shadow:0 10px 40px rgba(0,0,0,.6)}.stack-scene__pill{position:absolute;border-radius:12px;overflow:hidden;width:140px;border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 50px #00000080}.stack-scene__pill img{display:block;width:100%;aspect-ratio:7 / 9;object-fit:cover}.magnet-row{display:flex;gap:26px;align-items:center;justify-content:center;flex-wrap:wrap;padding:70px 0}.magnet-btn{border:1px solid var(--line-strong);background:#ffffff0d;color:var(--text);border-radius:999px;padding:16px 34px;font:inherit;font-weight:500;cursor:pointer}.magnet-btn--solid{background:var(--accent);color:#04141a;border-color:var(--accent);font-weight:600}.trail-stage{height:460px;display:grid;place-items:center;text-align:center}.trail-stage h3{font-size:clamp(26px,5vw,52px);pointer-events:none}.trail-stage p{color:var(--muted);pointer-events:none}.scroll-strip{position:relative;padding:30px 0}.scroll-strip__row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:center}@media(max-width:700px){.scroll-strip__row{grid-template-columns:1fr}}.effect__stage--flow{overflow:visible}.scrub{height:100%;display:grid;place-items:center;padding:40px}.scrub__inner{width:min(660px,100%)}.scrub__frame{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line-strong);transform:scale(calc(.82 + var(--pfx-progress, 0) * .18));filter:brightness(calc(.4 + var(--pfx-progress, 0) * .6))}.scrub__frame img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.scrub__meter{margin-top:24px;height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.scrub__meter span{display:block;height:100%;width:calc(var(--pfx-progress, 0) * 100%);background:linear-gradient(90deg,var(--accent),var(--accent-warm))}.scrub__label{margin:12px 0 0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff73}.stack-demo{padding:30px 34px 40px}.stack-demo__card{display:grid;grid-template-columns:190px 1fr;gap:24px;align-items:center;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-card);overflow:hidden;box-shadow:0 30px 60px #00000080}.stack-demo__card img{display:block;width:100%;height:210px;object-fit:cover}.stack-demo__card div{padding:24px 28px 24px 0}.stack-demo__card p{margin:10px 0 0;color:var(--muted);font-size:15px}@media(max-width:700px){.stack-demo__card{grid-template-columns:1fr}.stack-demo__card div{padding:0 22px 24px}}.reveal-demo h3{font-size:clamp(26px,4.2vw,44px)}.reveal-demo p{margin:16px 0 0;color:var(--muted);font-size:17px}.marquee-demo{position:relative;padding:34px 0 52px}.marquee-demo img{display:block;width:118px;height:152px;object-fit:cover;border-radius:10px;border:1px solid var(--line-strong)}.cursor-demo{display:grid;gap:16px;justify-items:start}.cursor-demo p{margin:0;color:var(--muted);max-width:62ch}.footer{border-top:1px solid var(--line);padding:60px 0 80px;color:var(--muted);font-size:15px}.footer a{color:var(--text)}.footer__row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}