:root{--bg:#0a1020;--bg2:#101a30;--card:#141f38;--line:rgba(255,255,255,.12);--text:#eef2f9;--mut:#a9b5cc;--acc:#f2b84b;--acc-ink:#1a1304;--grn:#3ddc97;--r:16px}
*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}
body{margin:0;color:var(--text);font:17px/1.55 Inter,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.01em;background:radial-gradient(60% 40% at 100% 0,rgba(242,184,75,.10),transparent 60%),radial-gradient(50% 40% at 0 100%,rgba(61,220,151,.07),transparent 60%),var(--bg);overflow-x:hidden}
[hidden]{display:none!important}
a{color:inherit}h1,h2,h3{line-height:1.12;margin:0 0 .4em;letter-spacing:-.03em}
.container{width:min(1120px,100% - 40px);margin:0 auto}
.eyebrow{font:600 13px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin:0 0 18px}
.mark{color:var(--acc)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;background:var(--acc);color:var(--acc-ink);font-weight:700;text-decoration:none;border:0;cursor:pointer;font-size:16px}
.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--line)}
.hero{padding:clamp(56px,9vh,110px) 0 40px;text-align:center}
.hero h1{font-size:clamp(30px,5.2vw,58px);max-width:18em;margin:0 auto 36px}
.loom{width:min(860px,100%);margin:0 auto;aspect-ratio:16/9;border-radius:var(--r);border:1px dashed rgba(242,184,75,.55);background:linear-gradient(135deg,#0f1830,#0b1326);display:grid;place-items:center;overflow:hidden;position:relative}
.loom iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.loom__empty{color:var(--acc);font-weight:600;font-size:18px}
.pill{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:10px 14px;align-items:center;margin:26px auto 0;padding:12px 20px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);font-size:15px;color:var(--mut)}
.pill b{color:var(--text)}.pill button{background:none;border:0;color:var(--acc);font-weight:700;cursor:pointer;font-size:15px;padding:0}
.section{padding:clamp(56px,9vh,100px) 0}
.section__title{font-size:clamp(28px,4vw,46px);text-align:center;margin-bottom:12px}
.intro{text-align:center;color:var(--mut);margin:0 0 40px}
.group{margin-top:44px}.group__head{display:flex;align-items:center;gap:16px;margin-bottom:20px;color:var(--mut);font:600 13px ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}
.group__head:before,.group__head:after{content:"";flex:1;height:1px;background:var(--line)}
.grid{display:grid;gap:20px}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--1{grid-template-columns:1fr}
.pcard{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);background:var(--card);overflow:hidden;transition:transform .3s,border-color .3s}
.pcard:hover,.pcard:focus-visible{transform:translateY(-4px);border-color:rgba(242,184,75,.6)}
.thumb{display:block;aspect-ratio:4/3;background:var(--bg2);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.thumb--wide{aspect-ratio:16/7}
.thumb__bar{display:flex;gap:6px;align-items:center;height:26px;padding:0 10px;background:#0c1428;border-bottom:1px solid var(--line);font:11px ui-monospace,monospace;color:var(--mut)}
.thumb__bar i{width:8px;height:8px;border-radius:50%;background:#33415f}
.thumb__body{display:block;padding:18px;text-align:center}
.thumb__h{display:block;font-weight:800;font-size:20px;line-height:1.15;letter-spacing:-.03em}
.thumb__s{display:block;margin-top:10px;font-size:12px;color:var(--mut)}
.thumb__btn{display:inline-block;margin-top:14px;padding:7px 14px;border-radius:999px;background:var(--acc);color:var(--acc-ink);font:700 11px sans-serif}
.pcard__body{display:block;padding:18px 20px 22px}
.pcard__kicker{display:block;font:600 12px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);margin-bottom:6px}
.pcard__title{display:block;font-size:20px;font-weight:700;letter-spacing:-.02em}
.pcard__desc{display:block;color:var(--mut);font-size:15px;margin-top:6px;max-height:0;opacity:0;overflow:hidden;transition:.3s}
.pcard:hover .pcard__desc,.pcard:focus-visible .pcard__desc{max-height:90px;opacity:1}
@media(hover:none){.pcard__desc{max-height:none;opacity:1}}
.cta{text-align:center}.cta__sub{color:var(--mut);max-width:34em;margin:0 auto 26px}
.cal{width:min(900px,100%);height:720px;margin:0 auto;border-radius:var(--r);overflow:hidden;background:#fff}.cal iframe{width:100%;height:100%;border:0}
.footer{padding:36px 0;text-align:center;color:var(--mut);font-size:14px;border-top:1px solid var(--line)}
.sticky{position:fixed;right:18px;bottom:18px;z-index:40}
.lb{position:fixed;inset:0;z-index:100;background:rgba(5,8,16,.88);display:none;align-items:center;justify-content:center;padding:3vh 3vw}
.lb.on{display:flex}.lb__in{width:min(1280px,100%);height:100%;display:flex;flex-direction:column}
.lb__x{position:absolute;top:10px;right:18px;font-size:34px;color:#fff;background:none;border:0;cursor:pointer;z-index:2;min-width:44px;min-height:44px}
.lb iframe{flex:1;width:100%;border:0;border-radius:12px;background:#fff}.lb__t{color:var(--mut);text-align:center;margin:10px 0 0;font-size:14px}
@media(max-width:860px){.grid--3,.grid--2{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.grid--3>*,.grid--2>*{scroll-snap-align:start}.pcard__desc{max-height:none;opacity:1}}
/* funnel pages */
.f{background:#fff;color:#12192b}.f body{background:#fff}