html{scroll-behavior:smooth}body{text-wrap:pretty;background:radial-gradient(1200px 720px at 82% -160px,color-mix(in srgb,var(--color-accent-900) 75%,transparent),transparent 60%),radial-gradient(900px 420px at 10% -10%,color-mix(in srgb,var(--color-accent) 14%,transparent),transparent 62%),radial-gradient(1100px 800px at -10% 100%,color-mix(in srgb,black 30%,transparent),transparent 55%),var(--color-bg);min-height:100vh}a{color:var(--color-accent-300);text-decoration:none}a:hover{color:var(--color-accent-200)}.btn{white-space:nowrap}.icon{width:1em;height:1em;fill:currentColor;flex:none}.glow{box-shadow:0 0 24px color-mix(in srgb,var(--color-accent) 45%,transparent)}.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(16px,5vw,72px)}.top{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--color-bg) 70%,transparent)}.top .wrap{display:flex;align-items:center;gap:28px;padding-block:16px}.top .btn{margin-left:auto}.top-rule{height:1px;opacity:.6;background:linear-gradient(90deg,transparent,var(--color-accent) 20%,var(--color-accent) 50%,transparent)}.brand{display:flex;align-items:center;gap:8px;color:var(--color-text)}.brand:hover{color:var(--color-text)}.brand-mark{width:9px;height:20px;border-radius:2px;background:var(--color-accent);box-shadow:0 0 16px var(--color-accent)}.brand-name{font-family:var(--font-heading);font-weight:500;font-size:17px}.nav{display:flex;gap:4px;font-size:14px}.nav a{padding:6px 12px;border-radius:8px;color:var(--color-neutral-300)}.nav a:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-text) 7%,transparent)}@media (max-width: 640px){.nav{display:none}}.hero{padding:clamp(72px,10vw,128px) 0 clamp(56px,7vw,88px)}.hero h1{margin:0 0 0 -.06em;font-size:clamp(44px,6.4vw,88px);line-height:1.08;letter-spacing:-.03em;background:linear-gradient(180deg,var(--color-text) 40%,var(--color-accent-300));-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1 span{display:block}.lead{margin:28px 0 0;max-width:58ch;font-size:17px;line-height:28px;color:var(--color-neutral-200)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.note{display:flex;align-items:center;gap:10px;margin-top:28px;font-size:13px;color:var(--color-neutral-300)}.dot{width:7px;height:7px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 10px var(--color-accent)}section[id]{scroll-margin-top:80px}.band{padding:clamp(72px,9vw,112px) 0}.rule{height:1px;background:linear-gradient(to right,transparent,var(--color-divider) 48px,var(--color-divider) calc(100% - 48px),transparent)}.kicker{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent)}.kicker:before{content:"";width:28px;height:1px;background:var(--color-accent)}.band h2,.close h2{font-size:clamp(28px,3.2vw,40px);line-height:1.15;letter-spacing:-.02em}.band h2{margin:20px 0 0;max-width:22ch}#screens h2{max-width:24ch}#sample{padding-bottom:clamp(72px,9vw,112px)}.player{display:block;color:var(--color-text);position:relative;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-neutral-900);box-shadow:inset 0 1px color-mix(in srgb,var(--color-text) 10%,transparent),0 0 0 1px color-mix(in srgb,var(--color-accent) 25%,transparent),0 0 80px color-mix(in srgb,var(--color-accent) 18%,transparent),var(--shadow-lg)}.player>img,.player>iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;object-fit:cover}.player-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--color-bg) 88%,transparent))}.player-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-size:30px;border:1px solid var(--color-accent);background:color-mix(in srgb,var(--color-bg) 55%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 36px color-mix(in srgb,var(--color-accent) 55%,transparent);transition:background .12s,box-shadow .12s}a.player:hover{color:var(--color-text)}a.player:hover .player-play{background:color-mix(in srgb,var(--color-accent) 22%,color-mix(in srgb,var(--color-bg) 55%,transparent));box-shadow:0 0 48px color-mix(in srgb,var(--color-accent) 75%,transparent)}.player-bar{position:absolute;left:24px;right:24px;bottom:18px;display:flex;align-items:center;gap:14px;font-size:13px;font-variant-numeric:tabular-nums}.player-track{flex:1;height:3px;border-radius:2px;background:color-mix(in srgb,var(--color-text) 20%,transparent)}.player-caption{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-top:16px}.player-caption b{font-weight:400;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-300)}.player-caption span{font-size:14px;color:var(--color-neutral-300)}.steps{position:relative;margin-top:56px}.steps:before{content:"";position:absolute;left:0;right:0;top:21px;height:1px;background:linear-gradient(90deg,var(--color-accent),color-mix(in srgb,var(--color-accent) 50%,transparent) 70%,transparent)}.steps ol{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:40px 28px}.step-head{display:flex;align-items:center;gap:12px}.step-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:19px;background:var(--color-bg);border:1px solid var(--color-accent);box-shadow:0 0 18px color-mix(in srgb,var(--color-accent) 40%,transparent)}.step-n{font-size:13px;font-variant-numeric:tabular-nums;color:var(--color-accent-300)}.steps h3{margin:24px 0 0;font-size:22px;letter-spacing:-.01em}.steps p{margin:10px 0 0;font-size:15px;line-height:25px;color:var(--color-neutral-200)}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.shot{margin:48px 0 0}.shot-frame{aspect-ratio:924/540;border-radius:var(--radius-md);overflow:hidden;background:var(--color-neutral-900);box-shadow:inset 0 1px color-mix(in srgb,var(--color-text) 10%,transparent),0 0 0 1px var(--color-divider),var(--shadow-lg)}.shot-frame img{width:100%;height:100%;object-fit:cover}.shot figcaption{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:14px;line-height:22px;color:var(--color-neutral-300)}.shot figcaption b{font-weight:400;color:var(--color-text)}.shot figcaption span{max-width:70ch}.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:32px 24px;margin-top:40px}.shots .shot{margin:0}.shots .shot-frame{box-shadow:inset 0 1px color-mix(in srgb,var(--color-text) 10%,transparent),0 0 0 1px var(--color-divider),var(--shadow-md)}.shots figcaption{display:block;margin-top:12px}.shots figcaption b,.shots figcaption span{display:block}.shots figcaption span{margin-top:2px}.close{padding:clamp(64px,8vw,96px) 0 clamp(48px,6vw,72px);display:flex;align-items:flex-end;gap:32px;flex-wrap:wrap}.close div{max-width:56ch}.close h2{margin:0}.close p{margin:14px 0 0;font-size:16px;line-height:26px;color:var(--color-neutral-200)}.foot{display:flex;gap:16px;flex-wrap:wrap;align-items:center;padding:24px 0 40px;font-size:13px;color:var(--color-neutral-400)}.foot a{color:var(--color-neutral-400)}.foot a:hover{color:var(--color-text)}.foot-brand{display:flex;align-items:center;gap:8px}.foot-brand:before{content:"";width:6px;height:14px;border-radius:2px;background:var(--color-accent)}.foot a.foot-app{margin-left:auto;color:var(--color-accent-300)}