/* site-hf r1: Higgsfield-style design system for all inner pages */
:root{--hbg:#0B0B0F;--hcard:#15161B;--hline:rgba(255,255,255,.08);--htx:#F5F5F7;--hmu:#A1A1A6;--hgold:#FFD54A;--hr:12px}
html[data-theme=v2],html[data-theme=v2] body{background:var(--hbg)!important}
body{font-family:'Inter Tight',Inter,system-ui,-apple-system,sans-serif}
.hfn{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;height:60px;padding:0 24px;background:rgba(11,11,15,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--hline)}
.hfn .lo{font-weight:800;font-size:18px;letter-spacing:-.02em;color:var(--htx)!important;text-decoration:none!important}
.hfn nav{display:flex!important;gap:22px;flex:1;margin:0!important;padding:0!important}.hfn nav a{font-size:14px;font-weight:500;color:var(--hmu)!important;text-decoration:none!important;padding:0!important;min-height:0!important;background:none!important}.hfn nav a:hover{color:var(--htx)!important}
.hfn .cta,.cta{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border-radius:999px;background:var(--hgold)!important;color:#16130A!important;font-weight:700;font-size:14px;text-decoration:none!important;white-space:nowrap}
.hfn .hamb{display:none;all:unset;cursor:pointer;width:44px;height:44px;place-items:center;border-radius:12px;color:var(--htx)}.hfn .hamb svg{width:22px;height:22px}
@media(max-width:900px){.hfn nav{display:none!important}.hfn .hamb{display:grid}.hfn{gap:8px;padding:0 16px}.hfn .lo{margin-right:auto}}
.spons{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;max-width:1120px;margin:64px auto 48px;padding:22px 24px;border-radius:var(--hr);box-shadow:inset 0 0 0 1px var(--hline);text-decoration:none!important;color:var(--htx)!important;box-sizing:border-box}
@media(max-width:1168px){.spons{margin-left:24px;margin-right:24px}}
.spons span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hmu)}.spons b{font-size:17px}
.hff{display:flex;gap:12px 24px;flex-wrap:wrap;padding:32px 24px 40px;border-top:1px solid var(--hline);color:var(--hmu);font-size:14px;max-width:1120px;margin:0 auto;background:none!important}
.hff a{color:var(--hmu)!important;text-decoration:none!important}.hff a:hover{color:var(--htx)!important}.hff>span{color:var(--htx);font-weight:700;flex-basis:100%}
.hff .legal{flex-basis:100%;margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--hmu)}
.drawer .cta{width:100%}
/* type scale */
html[data-theme=v2] main h1{font-size:clamp(34px,5vw,56px)!important;line-height:1.04!important;letter-spacing:-.035em!important;font-weight:800!important}
html[data-theme=v2] main h2{letter-spacing:-.025em}
/* tile grid (lists) */
.tgrid2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 32px}
@media(max-width:1000px){.tgrid2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.tgrid2{grid-template-columns:1fr}}
.tgrid2 .ti{position:relative;display:block;aspect-ratio:16/10;border-radius:var(--hr);overflow:hidden;background:radial-gradient(120% 100% at 15% 0%,#262630 0%,#17171d 55%,#101014 100%);box-shadow:inset 0 0 0 1px var(--hline);text-decoration:none!important;isolation:isolate}
.tgrid2 .ti img{position:absolute;inset:-12.5% 0;width:100%;height:125%;object-fit:cover;color:transparent;font-size:0;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.tgrid2 .ti:hover img{transform:scale(1.04)}
.tgrid2 .ti .tg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.72) 55%,rgba(0,0,0,.9) 72%,rgba(0,0,0,.96) 100%)}
.tgrid2 .ti.nt .tg{background:none}
.tgrid2 .tx{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;display:grid;gap:4px}
.tgrid2 .tx b{font-size:17px;line-height:1.22;font-weight:750;letter-spacing:-.01em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9)}
.tgrid2 .ts{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#E5E5EA}
.tgrid2 .th{font-size:13px;color:#C7C7CC}
.tgrid2 .ti.nt .tx{top:0;align-content:end}.tgrid2 .ti.nt .tx b{font-size:20px}
.tgrid2 .uc[hidden]{display:none}
/* case hero */
.chero{position:relative;display:block;width:100%;aspect-ratio:16/9;max-height:620px;border-radius:16px;overflow:hidden;margin:8px 0 24px;background:#15161B;isolation:isolate}
.chero img{position:absolute;inset:-12.5% 0;width:100%;height:125%;object-fit:cover;color:transparent;font-size:0}
.chero .tg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.75) 60%,rgba(0,0,0,.95) 100%)}
.chero .cx{position:absolute;left:0;right:0;bottom:0;padding:clamp(18px,4vw,40px);display:grid;gap:10px}
.chero .cx h1{margin:0!important;color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.6)}
.chero .ck{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#E5E5EA}
.chero .cw{position:absolute;top:16px;right:16px;all:unset;cursor:pointer}
.chero .cwb{position:absolute;z-index:2;top:16px;right:16px;padding:8px 14px;border-radius:999px;background:rgba(0,0,0,.6);color:#F5F5F7;font-size:13px;font-weight:600;border:0;cursor:pointer;font-family:inherit}
.cprom{font-size:clamp(18px,2.2vw,22px);color:#D1D1D6;margin:0 0 20px;max-width:46ch}
@media(max-width:560px){.chero{aspect-ratio:4/5;max-height:none}.chero img{inset:0;height:100%}}
html[data-theme=v2] .feed.tgrid2{display:grid!important;flex-direction:initial}
html[data-theme=v2] .uc-page.v2 .hero2.hasch{display:block!important}
html[data-theme=v2] .uc-page.v2 .hero2.hasch .h2l{max-width:820px;margin:0;text-align:left}
html[data-theme=v2] .uc-page.v2 .hero2.hasch .h2r:empty{display:none}
html[data-theme=v2] .uc-page.v2 .hero2 .h2r:empty{display:none}
html[data-theme=v2] .uc-page.v2 .hero2:has(.h2r:empty){grid-template-columns:1fr!important;display:block!important}
.h2r .emb{margin:0}.h2r .emb .vframe{height:520px}
html[data-theme=v2] .feed.tgrid2{gap:12px!important}
.tgrid2 .ti.nt{aspect-ratio:auto;min-height:150px;display:flex;align-items:flex-end}.tgrid2 .ti.nt .tx{position:static;padding:22px}
html[data-theme=v2] main h1 .star,html[data-theme=v2] main h2 .star,html[data-theme=v2] .kick .star{display:none!important}
@media(max-width:560px){.chero img{top:-16.5%;bottom:auto;height:133%}}
.tkp{display:inline-flex;align-items:center;gap:5px;padding:3px 8px 3px 4px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12px}
.tkp svg{flex:none;border-radius:4px}
.tkp b{font-weight:600}
.tkn{font-size:10px;font-weight:800;letter-spacing:.08em;padding:2px 6px;border-radius:4px;background:#f5c84c;color:#1a1033}
/* tools v2 tiles */
.ttg .tt{position:relative;display:flex!important;flex-direction:column;gap:14px;padding:22px!important;border-radius:var(--hr)!important;background:radial-gradient(120% 100% at 15% 0%,#22222b 0%,#16161c 60%,#111115 100%)!important;box-shadow:inset 0 0 0 1px var(--hline)!important;border:0!important;text-decoration:none!important;min-height:200px;margin:0!important}
.ttg .tt:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)!important;transform:none!important}
.ttg .tt[hidden]{display:none!important}
.ttr{position:absolute;top:18px;right:20px;font-size:13px;font-weight:700;color:#A1A1A6}
.ttl{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.ttl .mono{margin:0!important}
.ttx{display:grid;gap:4px}.ttx b{font-size:19px;color:#F5F5F7;letter-spacing:-.01em}.ttx small{font-size:15px;line-height:1.4;color:#C7C7CC}.ttm{margin-top:6px;font-size:13px;color:#A1A1A6}
.ttg .tt{align-items:flex-start!important;text-align:left!important;justify-content:flex-start!important}.ttx{width:100%;justify-items:start;text-align:left}
.card,.mini,.ttile,.step,.stat,.tcard,.fcta .bigstar{animation:none!important;opacity:1!important;transform:none!important}
/* audit: neutral Night Luxe surfaces (no navy), no mascot in signup */
html[data-theme=v2] .steps .step,html[data-theme=v2] .acc details{background:#15161B!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;background-image:none!important}
html[data-theme=v2] .steps .step b{color:#F5F5F7}html[data-theme=v2] .steps .step small{color:#C7C7CC!important}
html[data-theme=v2] .acc summary{color:#F5F5F7}html[data-theme=v2] .acc p{color:#C7C7CC}
html[data-theme=v2] .signup{background:radial-gradient(90% 120% at 0% 0%,#24242c 0%,#121217 60%)!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important}
html[data-theme=v2] .signup>.star{display:none!important}
/* audit: spotlight — footnotes not badges, gold only on CTAs */
html[data-theme=v2] .guess{display:block!important;border:0!important;background:none!important;padding:0!important;margin:10px 0 0!important;border-radius:0!important;font-size:13px!important;color:#A1A1A6!important;font-weight:400!important}
html[data-theme=v2] .afol strong,html[data-theme=v2] .spot strong,html[data-theme=v2] .rev strong{color:#F5F5F7!important}
html[data-theme=v2] .pst b,html[data-theme=v2] .wfn,html[data-theme=v2] .afol strong{color:#F5F5F7!important}
.hff .legal a{display:inline!important;padding:0!important;margin:0!important;min-height:0!important;text-decoration:underline!important}
html[data-theme=v2] dl.pz dt,html[data-theme=v2] .facts dt,html[data-theme=v2] .tfacts b{color:#A1A1A6!important}
html[data-theme=v2] dl.pz>div{background:#15161B!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important}
html[data-theme=v2] .spf button{background:#15161B;color:#F5F5F7}html[data-theme=v2] .spf button.on{background:#F5F5F7;color:#0B0B0F}html[data-theme=v2] .spf button svg{filter:grayscale(1) brightness(1.6)}
body>header.hfn>*{order:0!important;margin:0!important}body>header.hfn nav{flex:1 1 auto!important;justify-content:flex-start!important}
@media(min-width:901px){body>header.hfn .hamb{display:none!important}}
@media(max-width:900px){body>header.hfn .hamb{display:grid!important}body>header.hfn .lo{margin-right:auto!important}}
/* platform-branded tiles (no image) */
.tgrid2 .ti.pt{background:radial-gradient(130% 110% at 100% 0%,color-mix(in srgb,var(--pc) 34%,transparent) 0%,transparent 55%),radial-gradient(120% 100% at 0% 100%,color-mix(in srgb,var(--pc) 14%,transparent) 0%,transparent 60%),#121217!important;min-height:200px}
.tgrid2 .tpi{position:absolute;top:16px;left:18px;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.tgrid2 .tbig{font-size:clamp(26px,3vw,34px);line-height:1.05;font-weight:800;letter-spacing:-.03em;color:#fff;margin-bottom:6px}
/* made with */
.mwith{margin:40px 0}.mwith h2{margin:0 0 16px}
.mwg{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.mwc{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:var(--hr);background:#15161B;box-shadow:inset 0 0 0 1px var(--hline)}
.mwl{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.07);margin-bottom:6px}.mwl .mono{margin:0!important}
.mwc b{font-size:18px;color:#F5F5F7}.mwc small{font-size:14px;line-height:1.4;color:#C7C7CC}.mwc .mwp strong{color:#F5F5F7}
.mwa{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:auto;padding-top:12px}
html[data-theme=v2] .mwa .btn.sm{min-height:44px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center}
html[data-theme=v2] .mwa .btn.sm:not(.alt){background:#FFD54A!important;color:#16130A!important}
html[data-theme=v2] .mwa .btn.alt{background:rgba(255,255,255,.08)!important;color:#F5F5F7!important;border:0!important}
.mwm{font-size:14px;color:#A1A1A6!important;min-height:44px;display:inline-flex;align-items:center}
.mwith .affnote{font-size:13px;color:#A1A1A6;margin-top:12px}
/* try it yourself */
.tryit .tstart{margin:20px 0 0}.tsg{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:8px}
html[data-theme=v2] .tsc{display:flex;gap:12px;align-items:center;padding:14px 16px;min-height:44px;border-radius:12px;background:#15161B;box-shadow:inset 0 0 0 1px var(--hline);color:#F5F5F7!important;text-decoration:none!important}
.tsc .mono{margin:0!important;flex:none}.tsc b{display:block;font-size:16px}.tsc small{display:block;font-size:13px;color:#C7C7CC}
.tfirst{margin:20px 0 0;padding:18px 20px;border-radius:12px;background:#15161B;box-shadow:inset 0 0 0 1px var(--hline)}.tfirst p:last-child{margin:6px 0 0;font-size:17px;color:#F5F5F7}
.tryit .affnote{font-size:13px;color:#A1A1A6;margin-top:12px}