.site{position:relative}.site section{max-width:1440px;margin:0 auto;padding:0 clamp(20px,5vw,72px);position:relative}.hd{z-index:50;background:linear-gradient(#161616e6,#16161600);justify-content:space-between;align-items:center;padding:22px clamp(20px,5vw,72px);display:flex;position:fixed;inset:0 0 auto}.hd-mark{display:inline-flex}.hd-host{opacity:var(--host,0);align-items:center;gap:14px;margin-left:16px;margin-right:auto;display:inline-flex}.hd-host i{background:#16121f33;width:1px;height:18px}.hd-host img{filter:brightness(0);width:auto;height:16px;display:none}html[data-host=alt] .hd-host-alt,html[data-host=fanatics] .hd-host-fanatics,html[data-host=ripit] .hd-host-ripit,html[data-host=collectr] .hd-host-collectr{display:block}html[data-host=collectr] .hd-host-collectr{height:12px}html[data-host=ripit] .hd-host-ripit{filter:none;height:15px}html[data-host=fanatics] .hd-host-fanatics{height:14px}@property --host{syntax:"<number>";inherits:true;initial-value:0}html{transition:--host .35s linear}.hd{background:linear-gradient(180deg, color-mix(in srgb, #ffffffeb calc(var(--host,0) * 100%), #161616e6), transparent)}.hd-nav a{color:color-mix(in srgb, #6f6a7d calc(var(--host,0) * 100%), var(--muted))}.hd-nav a:hover,.hd-cta{color:color-mix(in srgb, #16121f calc(var(--host,0) * 100%), var(--fg))}.hd-cta{border-color:color-mix(in srgb, #16121f4d calc(var(--host,0) * 100%), var(--line-strong))}.hd-mark svg{filter:brightness(calc(1 - var(--host,0)))}.hd,.hd-nav a,.hd-cta{transition:background .4s,color .4s,border-color .4s}.hd-nav{color:var(--muted);align-items:center;gap:26px;font-size:14px;display:flex}.hd-nav a:hover{color:var(--fg)}.hd-cta{color:var(--fg);border:1px solid var(--line-strong);border-radius:999px;padding:9px 16px}.hd-cta:hover{border-color:var(--accent)}.hd-switch{border:1px solid color-mix(in srgb, #16121f33 calc(var(--host,0) * 100%), var(--line));background:color-mix(in srgb, #16121f0d calc(var(--host,0) * 100%), #ffffff0a);border-radius:999px;padding:3px;transition:border-color .4s,background .4s;display:inline-flex;position:relative}.hd-switch a{z-index:1;border-radius:999px;padding:6px 13px;font-size:13px;transition:color .26s;position:relative}.hd-thumb{z-index:0;background:color-mix(in srgb, #16121f calc(var(--host,0) * 100%), var(--fg));transition:transform .34s var(--ease), width .34s var(--ease), background .4s ease;border-radius:999px;position:absolute;top:3px;bottom:3px;left:0}.hd-switch a.is-on{color:color-mix(in srgb, #fff calc(var(--host,0) * 100%), #161616)}.hd-switch:not(.has-thumb) a.is-on{background:color-mix(in srgb, #16121f calc(var(--host,0) * 100%), var(--fg))}.hd-switch a.is-on:hover{color:color-mix(in srgb, #fff calc(var(--host,0) * 100%), #161616)}.hd-nav>a.is-on{color:color-mix(in srgb, #16121f calc(var(--host,0) * 100%), var(--fg))}.btn{height:48px;transition:transform .2s var(--ease), background .2s ease, border-color .2s ease;border-radius:10px;justify-content:center;align-items:center;padding:0 24px;font-size:15px;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-gold{color:#1a1408;background:var(--accent-grad);border:1px solid #ffebb459;box-shadow:inset 0 1px #ffffff59}.btn-ghost{color:var(--fg);border:1px solid var(--line-strong);background:0 0}.btn-ghost:hover{border-color:var(--fg)}.statement{grid-template-columns:1.1fr 1fr;align-items:end;gap:64px;display:grid;padding-top:120px!important;padding-bottom:40px!important}.statement h2{letter-spacing:-.03em;flex-direction:column;margin:0;font-size:clamp(32px,4vw,54px);font-weight:500;line-height:1.05;display:flex}.statement .dim{color:var(--dim)}.statement p{color:var(--muted);margin:0;font-size:18px;line-height:1.5}.sdks{flex-direction:column;gap:32px;display:flex;padding-top:96px!important;padding-bottom:40px!important}.sdk{border:1px solid var(--line);background:var(--surface);border-radius:22px;grid-template-columns:420px 1fr;align-items:center;gap:56px;padding:40px;display:grid}.sdk-visual{place-items:center;min-height:360px;display:grid}.sdk-visual-pack img{width:auto;height:340px}.sdk-copy{flex-direction:column;gap:14px;display:flex}.sdk-copy .mono{color:var(--accent)}.sdk h3{letter-spacing:-.02em;margin:0;font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.05}.sdk p{color:var(--muted);max-width:620px;margin:0;font-size:17px;line-height:1.5}.sdk ul{grid-template-columns:1fr 1fr;gap:10px 24px;margin:8px 0 0;padding:0;list-style:none;display:grid}.sdk li{color:var(--fg);padding-left:18px;font-size:15px;position:relative}.sdk li:before{content:"";background:var(--accent-grad);border-radius:50%;width:7px;height:7px;position:absolute;top:9px;left:0}.sec-head{flex-direction:column;gap:12px;margin-bottom:40px;display:flex}.sec-head h2{letter-spacing:-.03em;max-width:900px;margin:0;font-size:clamp(30px,3.6vw,48px);font-weight:500;line-height:1.06}.steps{padding-top:120px!important;padding-bottom:40px!important}.steps ol{grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.steps li{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:26px 0 0;display:flex}.step-n{color:var(--accent)}.steps b{letter-spacing:-.01em;font-size:19px;font-weight:600}.steps p{color:var(--muted);margin:0;font-size:15px;line-height:1.5}.cats{padding-top:120px!important;padding-bottom:40px!important}.cats-grid{grid-template-columns:1fr 2.3fr;gap:32px;display:grid}.cats-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-bottom:16px;padding-bottom:12px;font-size:20px;font-weight:600;display:flex}.cat-tiles{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.cat-tile{border:1px solid var(--line);background:var(--surface);height:168px;color:var(--muted);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex;overflow:hidden}.cat-tile.has-img,.cat-now{color:var(--fg)}.cat-tile img{object-fit:contain;filter:drop-shadow(0 8px 12px #0009);width:96px;height:96px}.cat-now{border-color:var(--accent-line);background:var(--surface-2);gap:20px;height:350px;font-size:18px}.cat-slab{place-items:center;width:130px;height:190px;display:grid}.close{flex-direction:column;align-items:flex-start;gap:20px;display:flex;padding-top:140px!important;padding-bottom:120px!important}.close h2{letter-spacing:-.03em;max-width:900px;margin:0;font-size:clamp(36px,5vw,64px);font-weight:500;line-height:1.02}.close p{color:var(--muted);max-width:640px;margin:0;font-size:17px;line-height:1.5}.ft{border-top:1px solid var(--line);flex-direction:column;gap:22px;max-width:1440px;margin:0 auto;padding:40px clamp(20px,5vw,72px);display:flex}.ft-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.ft-nav{color:var(--muted);gap:22px;font-size:14px;display:flex}.ft-nav a:hover{color:var(--fg)}.ft-legal .mono{color:var(--dim);font-size:11px}@media (max-width:960px){.hd-nav>a{display:none}.hd-switch a{padding:5px 8px;font-size:11px}.hd-mark svg{width:auto;height:18px}.hd-host{flex:none;gap:7px;margin-left:8px;margin-right:8px}.hd-host i{height:14px}.hd-host img{flex:none;height:13px}html[data-host=fanatics] .hd-host-fanatics{height:11px}html[data-host=collectr] .hd-host-collectr{height:10px}.hd-nav{flex:none;gap:12px}.statement{grid-template-columns:1fr;gap:24px;padding-top:80px!important}.sdk{grid-template-columns:1fr;gap:24px;padding:24px}.sdk-visual{min-height:0}.sdk-visual .st{zoom:.7}.sdk-visual-pack img{height:220px}.sdk ul{grid-template-columns:1fr}.steps ol{grid-template-columns:1fr 1fr}.steps,.cats,.sdks{padding-top:80px!important}.cats-grid{grid-template-columns:1fr}.cat-tiles{grid-template-columns:repeat(3,1fr);gap:10px}.cat-tile{height:120px;font-size:12px}.cat-tile img{width:60px;height:60px}.cat-now{flex-direction:row;gap:18px;height:150px}.cat-slab{width:90px;height:130px}.cat-slab .st{zoom:.68}.close{padding-top:90px!important;padding-bottom:80px!important}}@media (max-width:560px){.steps ol{grid-template-columns:1fr}.cat-tiles{grid-template-columns:repeat(2,1fr)}}html[data-shot] .hero-wrap{--p:1;height:auto}html[data-shot] .stage{height:900px;position:relative}html[data-shot] .hero-wrap{--p:1}html[data-shot] .corner{animation:none}
