:root{--bg:#07080a;--ink:#f6f3f5;--muted:#a9adb7;--line:#2a2d35;--pink:#ff007f;--cyan:#31e6f2;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px}a{color:inherit}.shell{width:min(calc(100% - 40px),var(--max));margin:auto}.top{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line)}.top strong,.back{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:850}.back{text-decoration:none;color:#c8cad0}.back:hover{color:var(--pink)}.hero{padding:clamp(4rem,9vw,7.5rem) 0 5rem;position:relative;overflow:hidden}.hero:after{content:"12";position:absolute;right:0;top:.1em;font:950 clamp(12rem,28vw,25rem)/1 Arial,sans-serif;color:rgba(255,0,127,.065);letter-spacing:-.1em;pointer-events:none}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;font-weight:850;color:var(--pink);position:relative;z-index:1}.hero h1{max-width:850px;margin:1rem 0 1.4rem;font-size:clamp(3.3rem,8vw,6.8rem);line-height:.86;letter-spacing:-.065em;position:relative;z-index:1}.hero p{max-width:720px;margin:0;color:var(--muted);font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.55;position:relative;z-index:1}.group-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;padding:2rem 0 1.2rem;border-top:1px solid var(--line)}.group-head span{font-size:1.35rem;font-weight:900;letter-spacing:-.02em}.group-head p{margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-bottom:4rem}.demo-card{position:relative;min-height:360px;padding:1.4rem;border:1px solid rgba(255,255,255,.16);text-decoration:none;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.demo-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.45);box-shadow:0 18px 55px rgba(0,0,0,.35)}.demo-card>div,.demo-card>.visit{position:relative;z-index:2}.demo-card h2{margin:.5rem 0;font-size:clamp(2rem,5vw,4rem);line-height:.9;letter-spacing:-.06em}.demo-card p{max-width:38ch;line-height:1.45}.number{font:850 .72rem/1.2 ui-monospace,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}.visit{font-weight:850;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.shape{position:absolute;border-radius:50%;pointer-events:none;z-index:1}.northline{background:#f0ff49;color:#111}.northline .shape{width:250px;height:250px;right:-55px;top:70px;background:#ff4f8b}.stillwater{background:#173b37;color:#f7efe4}.stillwater .shape{width:320px;height:320px;right:-90px;bottom:-80px;border:38px solid #7eb8a7}.fieldnote{background:#eee8dc;color:#25231f}.fieldnote .shape{width:190px;height:270px;right:35px;top:55px;border-radius:0;background:repeating-linear-gradient(90deg,#d35239 0 2px,transparent 2px 18px)}.afterglow{background:#1b1024;color:#ffdfd1}.afterglow .shape{width:270px;height:270px;right:-40px;top:55px;background:radial-gradient(circle,#ff8d70,transparent 68%);filter:blur(4px)}.note{padding:2rem 0 4rem;border-top:1px solid var(--line);font-size:.88rem;line-height:1.6;color:#777d88}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}@media(max-width:700px){.shell{width:min(calc(100% - 28px),var(--max))}.top{align-items:flex-start;padding:1rem 0;min-height:auto}.hero{padding:4rem 0}.hero:after{right:-.1em}.grid{grid-template-columns:1fr}.demo-card{min-height:320px}.group-head{display:block}.group-head p{margin-top:.4rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}