/* Unresourced design system (Oct 18 2026). One look across every page: near-black, faint animated red grid + glow,
   Syne headlines, DM Sans body, glass cards, one red call to action, slim header, dark glass tab bar on mobile.
   Home (body.home-x) keeps home.css; the shared header, tab bar and fade-in below apply to every page.
   Every other page carries body.sx and is restyled here on top of styles.css + v4.css (their markup, forms and scripts unchanged). */

:root{--ur-red:#d42f2f;--ur-red-hi:#e23a3a;--ur-bg:#07070a;--ur-text:#f4f2ef;--ur-dim:rgba(244,242,239,.68);--ur-faint:rgba(244,242,239,.45);
--ur-hair:rgba(255,255,255,.1);--ur-hair-2:rgba(255,255,255,.16);--sx-glass:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.02));
--ur-display:"Syne",system-ui,sans-serif;--ur-body:"DM Sans",system-ui,sans-serif;--ur-radius:20px;--ur-tabbar:64px}

/* ---------- page base ---------- */
body.sx{--paper:#07070a;--ink:#f4f2ef;--soft:rgba(255,255,255,.045);--muted:rgba(244,242,239,.66);--line:rgba(255,255,255,.1);--rule:rgba(212,47,47,.45);
  background:var(--ur-bg);color:var(--ur-text);position:relative;isolation:isolate;overflow-x:hidden}
body.sx .post-page,body.sx.post-page{background:var(--ur-bg)}
body.sx main{position:relative}
/* the home page's grid + glow, behind the top of every page */
.sx-fx{position:absolute;left:0;right:0;top:0;height:min(900px,110vh);z-index:-1;overflow:hidden;pointer-events:none}
.sx-fx .hx-grid{position:absolute;inset:-2px}
.sx-fx .hx-glow{top:-300px}
/* fine grain */
body.sx::after,body.home-x::after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- shared components (same values as home.css) ---------- */
.hx-grid{position:absolute;inset:-2px;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 30%,transparent 75%);animation:hxPan 18s linear infinite}
.hx-glow{position:absolute;z-index:-1;width:620px;height:620px;max-width:140vw;left:50%;top:-260px;transform:translateX(-50%);background:radial-gradient(circle,rgba(212,47,47,.55),rgba(212,47,47,0) 65%);filter:blur(10px);animation:hxPulse 7s ease-in-out infinite}
@keyframes hxPan{to{background-position:44px 44px,44px 44px}}
@keyframes hxPulse{0%,100%{opacity:.7;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.08)}}
.hx-glass{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hx-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;padding:6px 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.04);font:500 .78rem "DM Sans",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:rgba(244,242,239,.8)}
.hx-dot{width:7px;height:7px;border-radius:50%;background:#d42f2f;box-shadow:0 0 12px #d42f2f}
.vibe{font:italic 400 .98rem/1.5 var(--ur-body);color:rgba(244,242,239,.55);letter-spacing:.01em}
.vibe::before{content:"✦ ";color:var(--ur-red);font-style:normal}

/* ---------- shared header (home + every page) ---------- */
body.sx .hx-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;height:auto;padding:12px 18px;background:rgba(7,7,10,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:nowrap}
body.sx .hx-top .brand img{height:22px;width:auto;filter:brightness(0) invert(1)}
body.sx .hx-menu{display:none;margin-left:auto;gap:24px;white-space:nowrap;order:0;width:auto;overflow:visible;padding:0}
body.sx .hx-menu a{color:rgba(244,242,239,.75);text-decoration:none;font:500 .95rem "DM Sans",system-ui,sans-serif;letter-spacing:0;text-transform:none}
body.sx .hx-menu a:hover,body.sx .hx-menu a[aria-current]{color:#fff}
body.sx .hx-menu a[aria-current]{box-shadow:0 2px 0 var(--ur-red)}
body.sx header.top .pill-btn.hx-cta{display:inline-flex!important;margin-left:auto;background:#d42f2f;color:#fff;border:0;white-space:nowrap;font-size:.85rem;padding:.6rem 1rem}
body.sx header.top .pill-btn.hx-cta:hover{background:var(--ur-red-hi)}
body.sx header.top .v4-apply-btn{display:none!important}
body.home-x .hx-menu a{white-space:nowrap}
@media (min-width:1100px){
  body.sx .hx-top{padding:14px 32px}
  body.sx .hx-menu{display:flex}
  body.sx header.top .pill-btn.hx-cta{margin-left:28px}
}
@media (max-width:1099px){body.home-x .hx-menu{display:none}body.home-x .hx-top .pill-btn{margin-left:auto}}
@media (min-width:1100px) and (max-width:1279px){body.sx .hx-menu,body.home-x .hx-menu{gap:18px}body.sx .hx-menu a,body.home-x .hx-menu a{font-size:.9rem}}

/* ---------- mobile tab bar (dark glass, every page) ---------- */
.ur-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(7,1fr);height:calc(var(--ur-tabbar) + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);
  background:rgba(10,10,14,.78);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-top:1px solid rgba(255,255,255,.1)}
.ur-tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;color:rgba(244,242,239,.55);text-decoration:none;font:600 .62rem/1 var(--ur-body);letter-spacing:.01em}
.ur-tabbar svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ur-tabbar span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ur-tabbar a[aria-current]{color:#fff}
.ur-tabbar a[aria-current] svg{stroke:var(--ur-red);filter:drop-shadow(0 0 6px rgba(212,47,47,.7))}
body.sx,body.home-x{padding-bottom:calc(var(--ur-tabbar) + env(safe-area-inset-bottom))}
body.sx .tabbar{display:none!important}
@media (min-width:1100px){.ur-tabbar{display:none}body.sx,body.home-x{padding-bottom:0}}
body.sx .toast{bottom:calc(var(--ur-tabbar) + 16px + env(safe-area-inset-bottom));background:#fff;color:#0a0a0a}

/* ---------- type ---------- */
body.sx h1{font-family:var(--ur-display);font-weight:800;letter-spacing:-.03em;color:#fff;text-wrap:balance}
body.sx h2,body.sx h3{color:#fff;text-wrap:balance}
body.sx h2{font-family:var(--ur-display);letter-spacing:-.015em}
body.sx p,body.sx li,body.sx td,body.sx dd{color:inherit}
body.sx .muted,body.sx .mut,body.sx .small.muted,body.sx .sub{color:var(--ur-dim)}
body.sx .ab-pain span,body.sx .v4-strike span,body.sx .eyebrow,body.sx .section-label,body.sx .post-kicker,body.sx .uc-label,body.sx .ja-tag{color:var(--ur-red);font-family:var(--ur-body);font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-variant:small-caps}
body.sx a:not(.btn):not(.pill-btn):not(.card):not([class*="uc-button"]){color:inherit}
body.sx main p a:not(.btn):not(.card),body.sx main li a:not(.btn):not(.card){color:#fff;text-decoration-color:rgba(212,47,47,.8);text-underline-offset:3px}
body.sx ::selection{background:rgba(212,47,47,.6);color:#fff}
body.sx :focus-visible{outline:2px solid var(--ur-red);outline-offset:2px}

/* ---------- glass cards ---------- */
body.sx .card,body.sx .stat,body.sx .callout,body.sx .ditem,body.sx .ja-card,body.sx .red-card,body.sx .tile,body.sx .about-card,body.sx .contact-card,body.sx .wl-card,body.sx .pts-card,body.sx .lvl-card,body.sx .earn-i,body.sx .blog-card,body.sx .cc,body.sx .ad,body.sx .drop,body.sx .it,body.sx .note,body.sx .hint,body.sx .incl,body.sx .keep,body.sx .facts div,body.sx .ctl li,body.sx .guide-note,body.sx .ja-disclose,body.sx .disclosure,body.sx .sec-head,body.sx .credits,body.sx .recap{
  background:var(--sx-glass);border:1px solid var(--ur-hair);border-radius:var(--ur-radius);color:var(--ur-text);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body.sx .note,body.sx .hint,body.sx .incl,body.sx .ja-disclose,body.sx .guide-note{border-left:2px solid var(--ur-red)}
body.sx a.card,body.sx a.tile,body.sx .blog-card{transition:transform .2s,border-color .2s}
body.sx a.card:hover,body.sx a.tile:hover,body.sx .blog-card:hover{transform:translateY(-3px);border-color:rgba(212,47,47,.6)}
body.sx .red-card{background:radial-gradient(120% 140% at 0% 0%,rgba(212,47,47,.38),rgba(212,47,47,.08) 55%,rgba(255,255,255,.03));border-color:rgba(212,47,47,.45)}
body.sx .sec-head{border-radius:0;border-left:0;border-right:0;border-top:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
body.sx .v4-band{background:transparent}
body.sx hr{border:0;border-top:1px solid var(--ur-hair)}

/* ---------- buttons: one red CTA, the rest glass ---------- */
body.sx .btn{border-radius:999px;font-family:var(--ur-body);font-weight:700;letter-spacing:.04em;text-transform:none;font-size:.95rem;background:rgba(255,255,255,.06);color:#fff;border:1px solid var(--ur-hair-2);transition:transform .15s,background .15s,border-color .15s}
body.sx .btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff;transform:translateY(-1px)}
body.sx .btn.red,body.sx .btn.primary,body.sx .uc-button.primary{background:var(--ur-red);border-color:var(--ur-red);color:#fff;box-shadow:0 8px 30px rgba(212,47,47,.4)}
body.sx .btn.red:hover,body.sx .uc-button.primary:hover{background:var(--ur-red-hi);border-color:var(--ur-red-hi)}
body.sx .btn.white{background:#fff;color:#0a0a0a;border-color:#fff}
body.sx .btn.white:hover{background:rgba(255,255,255,.88);color:#0a0a0a}
body.sx .btn.line,body.sx .btn.ghost,body.sx .btn-secondary,body.sx .post a.btn-secondary,body.sx .uc-button.secondary{background:rgba(255,255,255,.05);color:#fff;border-color:var(--ur-hair-2)}
body.sx .btn:disabled{opacity:.55;transform:none}
body.sx .uc-button{border-radius:999px}

/* ---------- forms ---------- */
body.sx .form label,body.sx label{color:rgba(244,242,239,.85)}
body.sx input:not([type=radio]):not([type=checkbox]):not([type=range]):not([type=submit]),body.sx select,body.sx textarea{background:rgba(255,255,255,.06);color:#fff;border:1px solid var(--ur-hair-2);border-radius:12px}
body.sx input::placeholder,body.sx textarea::placeholder{color:rgba(244,242,239,.4)}
body.sx input:focus,body.sx select:focus,body.sx textarea:focus{outline:0;border-color:rgba(212,47,47,.85);box-shadow:0 0 0 4px rgba(212,47,47,.18)}
body.sx select option{background:#111;color:#fff}
body.sx input[type=checkbox],body.sx input[type=radio]{accent-color:var(--ur-red)}
body.sx .chip span,body.sx button.chip,body.sx .chipbox{background:rgba(255,255,255,.05);border-color:var(--ur-hair-2);color:rgba(244,242,239,.85)}
body.sx .chip input:checked+span,body.sx button.chip[aria-pressed=true],body.sx .chip.on,body.sx .chipbox:has(input:checked){background:#fff;color:#0a0a0a;border-color:#fff}
body.sx .err{color:#ff8a8a}
body.sx .success{color:#fff}
body.sx .steps li.on{color:#fff}
body.sx dialog,body.sx .dlg,body.sx .v4-apply{background:#0e0e12;color:var(--ur-text);border:1px solid var(--ur-hair-2);border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(212,47,47,.15)}
body.sx dialog::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(6px)}
body.sx dialog .card{background:transparent;border:0;backdrop-filter:none}

/* ---------- tables, lists, articles ---------- */
body.sx table{border-color:var(--ur-hair)}
body.sx th,body.sx td{border-color:var(--ur-hair)!important}
body.sx th{background:rgba(255,255,255,.05);color:#fff}
body.sx .cv-table thead .cv-hl{background:var(--ur-red)}
body.sx .post,body.sx .post-wrap{color:rgba(244,242,239,.84)}
body.sx .post p,body.sx .post li{line-height:1.7}
body.sx .post h2{margin-top:2.4rem}
body.sx .post-dek,body.sx .post-byline{color:var(--ur-dim)}
body.sx .post-back{color:var(--ur-dim)}
body.sx .post blockquote{border-left:2px solid var(--ur-red);color:#fff}
body.sx code{background:rgba(255,255,255,.08);border-radius:6px;padding:.1em .35em}
body.sx .uc-hero{background:transparent}
body.sx .uc-marquee{background:transparent;border-color:var(--ur-hair)}
body.sx .marquee-line{color:rgba(255,255,255,.12)}
body.sx .marquee-line b{color:var(--ur-red)}
body.sx .uc-note{color:var(--ur-dim);border-color:var(--ur-hair)}
body.sx .tag{background:rgba(255,255,255,.07);color:#fff;border-color:var(--ur-hair)}
body.sx .tag.red,body.sx .tag.on-red{background:var(--ur-red);color:#fff}
body.sx .v4-strike{color:var(--ur-faint)}
body.sx .tile-n,body.sx .ab-n,body.sx .cv-n{color:var(--ur-red)}
body.sx img{border-radius:inherit}

/* ---------- page hero (all non-home pages) ---------- */
.sx-hero{position:relative;max-width:1120px;margin:0 auto;padding:clamp(56px,10vw,104px) 20px clamp(28px,5vw,48px);text-align:center}
.sx-hero h1{margin:0;font:800 clamp(2.3rem,8.4vw,4.6rem)/1.03 var(--ur-display);letter-spacing:-.03em;color:#fff}
.sx-hero .sx-dek{margin:18px auto 0;max-width:46ch;font:400 clamp(1.02rem,3.4vw,1.25rem)/1.55 var(--ur-body);color:var(--ur-dim)}
.sx-hero .vibe{margin-top:14px}
.sx-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}
.sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:12px;border:1px solid var(--ur-hair-2);background:rgba(255,255,255,.06);color:#fff!important;text-decoration:none!important;font:700 1rem var(--ur-body);transition:transform .15s,background .15s,border-color .15s}
.sx-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.12)}
.sx-btn.red{background:var(--ur-red);border-color:var(--ur-red);box-shadow:0 8px 30px rgba(212,47,47,.45)}
.sx-btn.red:hover{background:var(--ur-red-hi)}
.sx-sub{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;max-width:1120px;margin:0 auto;padding:0 20px 8px}
.sx-sub a{padding:8px 14px;border-radius:999px;border:1px solid var(--ur-hair);background:rgba(255,255,255,.03);color:rgba(244,242,239,.75);text-decoration:none;font:600 .86rem var(--ur-body);white-space:nowrap}
.sx-sub a:hover{color:#fff;border-color:var(--ur-hair-2)}
.sx-sub a[aria-current]{background:#fff;color:#0a0a0a;border-color:#fff}
.sx-wrap{max-width:1120px;margin:0 auto;padding:clamp(28px,6vw,64px) 20px}
.sx-narrow{max-width:760px}
.sx-sec{margin:0 0 clamp(36px,7vw,72px)}
.sx-sec>h2{margin:0 0 14px;font:800 clamp(1.7rem,5vw,2.6rem)/1.08 var(--ur-display);color:#fff}
.sx-sec>p{max-width:62ch;color:var(--ur-dim);font-size:1.05rem;line-height:1.6}
.sx-grid{display:grid;gap:14px;margin-top:22px}
@media (min-width:760px){.sx-grid.c2{grid-template-columns:repeat(2,1fr)}.sx-grid.c3{grid-template-columns:repeat(3,1fr)}}
.sx-card{padding:24px 22px;border-radius:var(--ur-radius);border:1px solid var(--ur-hair);background:var(--sx-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:inherit;text-decoration:none;display:block}
a.sx-card{transition:transform .2s,border-color .2s}a.sx-card:hover{transform:translateY(-3px);border-color:rgba(212,47,47,.6)}
.sx-card h3{margin:6px 0 8px;font:800 1.35rem/1.15 var(--ur-display);color:#fff}
.sx-card p{margin:0;color:var(--ur-dim);line-height:1.55}
.sx-num{font:600 .75rem var(--ur-body);letter-spacing:.14em;color:var(--ur-red);text-transform:uppercase}
.sx-steps{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px;counter-reset:s}
.sx-steps li{counter-increment:s;position:relative;padding:20px 20px 20px 64px;border-radius:16px;border:1px solid var(--ur-hair);background:var(--sx-glass)}
.sx-steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:20px;top:20px;font:800 1rem var(--ur-display);color:var(--ur-red)}
.sx-steps b{display:block;color:#fff;margin-bottom:4px}
.sx-steps span{color:var(--ur-dim)}
.sx-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;padding:18px 20px;text-align:center}
.sx-stats p{margin:0;color:var(--ur-dim)}
.sx-stats b{margin-right:6px;font:800 1.5rem var(--ur-display);color:#fff}
.sx-chips{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sx-chips li{padding:8px 14px;border-radius:999px;border:1px solid var(--ur-hair);background:rgba(255,255,255,.04);font:600 .9rem var(--ur-body);color:rgba(244,242,239,.85)}
.sx-cta{text-align:center;padding:clamp(32px,6vw,56px) 22px;border-radius:24px;border:1px solid rgba(212,47,47,.35);background:radial-gradient(90% 120% at 50% 0%,rgba(212,47,47,.28),rgba(212,47,47,.04) 60%,rgba(255,255,255,.02))}
.sx-cta h2{margin:0 0 10px;font:800 clamp(1.7rem,5vw,2.4rem)/1.08 var(--ur-display);color:#fff}
.sx-cta p{margin:0 auto;max-width:48ch;color:var(--ur-dim)}

/* legacy SPA views inside the dark system */
body.sx .view>.sec-head{text-align:center;padding-top:clamp(48px,9vw,96px);padding-bottom:clamp(24px,5vw,40px)}
body.sx .view>.sec-head .section-title,body.sx .section-title{font-family:var(--ur-display);font-weight:800;color:#fff;letter-spacing:-.03em}
body.sx .view>.sec-head .sub,body.sx .view>.sec-head p{margin-left:auto;margin-right:auto}

/* footer: same red footer as home, dark hairline above it */
body.sx .foot{border-top:1px solid rgba(255,255,255,.08)}

/* ---------- elegant fade-in on scroll ---------- */
.ur-reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.ur-reveal.ur-in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  .hx-grid,.hx-glow{animation:none}
  .ur-reveal{opacity:1;transform:none;transition:none}
  body.sx *{transition:none!important}
}

/* ---------- legacy light surfaces turned dark (generated from styles.css + v4.css) ---------- */
body.sx .top{background:var(--sx-glass)}
body.sx .btn.white{background:var(--sx-glass)}
body.sx .btn.ghost:hover{background:var(--sx-glass)}
body.sx .btn.line{background:var(--sx-glass)}
body.sx .marquee{background:var(--sx-glass)}
body.sx .tag.soft{background:var(--sx-glass)}
body.sx .card{background:var(--sx-glass)}
body.sx .form input:not([type=radio]):not([type=checkbox]):not([type=range]),body.sx .form select,body.sx .form textarea,body.sx .filters input{border-color:rgba(255,255,255,.14);background:var(--sx-glass)}
body.sx .steps li{border-top-color:rgba(255,255,255,.12)}
body.sx .chip span,body.sx button.chip{border-color:rgba(255,255,255,.14);background:var(--sx-glass)}
body.sx .qty button{background:var(--sx-glass)}
body.sx .cc{background:var(--sx-glass)}
body.sx .cc-thumbs{background:var(--sx-glass)}
body.sx .done{background:var(--sx-glass)}
body.sx .dlg::backdrop{background:rgba(255,255,255,.1)}
body.sx .ad{background:var(--sx-glass)}
body.sx .score{background:var(--sx-glass)}
body.sx .drop{background:var(--sx-glass)}
body.sx .sel select{border-color:rgba(255,255,255,.14);background:var(--sx-glass)}
body.sx .it{background:var(--sx-glass)}
body.sx .it button{background:var(--sx-glass)}
body.sx .st-due{background:var(--sx-glass);color:var(--ink)}
body.sx .tabbar{background:var(--sx-glass)}
@media(min-width:1000px){body.sx .hero-side{border-top-color:rgba(255,255,255,.12)}}
body.sx .refer{border-color:rgba(255,255,255,.12)}
body.sx .recap .stat{background:var(--sx-glass)}
body.sx .tag.draft{background:var(--sx-glass);color:var(--ink);border-color:rgba(255,255,255,.12)}
body.sx .tl li:not(:last-child)::before{background:var(--sx-glass)}
body.sx .tl .dot{border-color:rgba(255,255,255,.12);background:var(--sx-glass)}
body.sx .ditem{background:var(--sx-glass)}
body.sx .dirtools input[type=search]{background:var(--sx-glass)}
body.sx .chipbox{background:var(--sx-glass)}
body.sx .chipbox:has(input:checked){background:var(--sx-glass)}
body.sx .cwrap .cshare{background:var(--sx-glass)}
body.sx .needr{color:var(--ink)}
body.sx .su-prog .bar{background:var(--sx-glass)}
body.sx .su-n{background:rgba(255,255,255,.1)}
body.sx .tpl{background:var(--sx-glass)}
body.sx .free-list li{border-bottom-color:rgba(255,255,255,.12)}
body.sx .hint.ok{background:var(--sx-glass);color:var(--ink)}
body.sx .hint.mid{background:var(--sx-glass);color:var(--ink)}
body.sx .hint.no{background:var(--sx-glass);color:var(--ink)}
body.sx .lvl-badge.lv-glow{background:var(--sx-glass)}
body.sx .lvl-badge.lv-halo{background:var(--sx-glass)}
body.sx .pbar{background:var(--sx-glass)}
body.sx .lvl-list li.on{background:var(--sx-glass)}
body.sx .halo-badge{color:var(--ink);background:var(--sx-glass)}
body.sx .post-top{background:var(--sx-glass)}
body.sx .post .callout,body.sx .post .guide-note{background:var(--sx-glass)}
body.sx .post a.btn-secondary{background:var(--sx-glass)}
body.sx .cv-table .cv-hl{background:var(--sx-glass)}
body.sx .cv-steps li,body.sx .ab-process li{background:var(--sx-glass)}
body.sx .red-card a.btn.btn-secondary{background:var(--sx-glass)}
body.sx .top .v4-apply-btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.14)}
body.sx .v4-apply::backdrop{background:rgba(255,255,255,.1)}
body.sx .uc-label{border-bottom-color:rgba(255,255,255,.12)}
body.sx .uc-button.primary{background:var(--sx-glass)}
body.sx .uc-button.secondary:hover{background:var(--sx-glass)}
body.sx .uc-marquee{background:var(--sx-glass)}

/* ---------- unlock card (home, join-all, creators, /unlock/) ---------- */
.ul-card{margin:22px auto 0;max-width:520px;padding:22px 20px;border-radius:20px;text-align:left;border:1px solid rgba(212,47,47,.4);
  background:radial-gradient(120% 120% at 0% 0%,rgba(212,47,47,.26),rgba(212,47,47,.04) 55%,rgba(255,255,255,.02));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#f4f2ef}
.ul-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 6px;font:600 .72rem var(--ur-body,"DM Sans",sans-serif);letter-spacing:.16em;text-transform:uppercase;color:rgba(244,242,239,.7)}
.ul-title{margin:0 0 14px;font:800 1.5rem/1.1 var(--ur-display,"Syne",sans-serif);color:#fff;letter-spacing:-.01em}
.ul-rules{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
.ul-rules li{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font:400 .95rem var(--ur-body,"DM Sans",sans-serif);color:rgba(244,242,239,.8)}
.ul-rules b{color:#fff}.ul-rules span{flex:none;font-size:.8rem;color:#ff9b9b;text-align:right}
.ul-lab{display:block;margin:0 0 6px;font:600 .8rem var(--ur-body,"DM Sans",sans-serif);color:rgba(244,242,239,.75)}
.ul-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.ul-card .ul-handle{flex:1;min-width:0;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;font:400 1rem var(--ur-body,"DM Sans",sans-serif)}
.ul-card .ul-handle:focus{outline:0;border-color:rgba(212,47,47,.85);box-shadow:0 0 0 4px rgba(212,47,47,.18)}
.ul-link{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:12px;border-radius:12px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);font:500 .85rem ui-monospace,Menlo,monospace;color:#fff}
.ul-copy{flex:none;padding:12px 16px;border-radius:12px;border:0;background:#d42f2f;color:#fff;font:700 .9rem var(--ur-body,"DM Sans",sans-serif);cursor:pointer;box-shadow:0 8px 24px rgba(212,47,47,.4)}
.ul-copy:hover{background:#e23a3a}
.ul-actions{margin:6px 0 0}
.ul-btn{display:inline-block;color:#fff!important;font:600 .95rem var(--ur-body,"DM Sans",sans-serif);text-decoration:none;border-bottom:1px solid rgba(212,47,47,.8)}
.ul-fine{margin:14px 0 0;font:italic 400 .88rem/1.5 var(--ur-body,"DM Sans",sans-serif);color:rgba(244,242,239,.6)}
.ul-rules li{flex-direction:column;align-items:flex-start;gap:2px}.ul-rules span{text-align:left}
.ul-panel{margin-top:16px}
.ul-panel h3{margin:0 0 12px}
.ul-caption{margin:0 0 14px;padding:14px;border-radius:12px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);color:#fff;font:400 1rem/1.55 var(--ur-body)}
.ul-form{display:grid;gap:6px}
.ul-form .ul-lab{margin-top:8px}
.ul-form .ul-handle{width:100%;box-sizing:border-box}
.ul-form .ul-submit{margin-top:14px;width:100%;border:0;cursor:pointer}
.ul-msg{min-height:1.2em;margin:8px 0 0;color:var(--ur-dim)}.ul-msg.ok{color:#7ee2a8}.ul-msg.err{color:#ff8a8a}.ul-msg a{color:#fff}
.ul-done input,.ul-done label,.ul-done .ul-submit{display:none}

/* ---------- gifting: daily form meter + limit modal ---------- */
.form-meter{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:4px 0 16px;padding:10px 14px;border-radius:14px;border:1px solid var(--ur-hair);background:var(--sx-glass);font:400 .92rem var(--ur-body);color:var(--ur-dim)}
.form-meter:empty{display:none}
.form-meter b{color:#fff;font:800 1rem var(--ur-display)}
.form-meter .fm-more{margin-left:auto;padding:7px 12px;border-radius:999px;border:1px solid rgba(212,47,47,.6);background:rgba(212,47,47,.15);color:#fff;font:700 .82rem var(--ur-body);cursor:pointer}
.fl-dlg{width:min(460px,calc(100vw - 28px));max-height:calc(100vh - 40px);padding:0;border:1px solid rgba(212,47,47,.35);border-radius:24px;background:radial-gradient(120% 90% at 50% 0%,rgba(212,47,47,.28),rgba(14,14,18,.97) 55%);color:#f4f2ef;box-shadow:0 30px 80px rgba(0,0,0,.7)}
.fl-dlg::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.fl-in{position:relative;padding:28px 22px 22px;text-align:center}
.fl-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font:600 .72rem var(--ur-body);letter-spacing:.16em;text-transform:uppercase;color:rgba(244,242,239,.7)}
.fl-in h2{margin:0 0 8px;font:800 1.7rem/1.1 var(--ur-display);color:#fff}
.fl-sub{margin:0 auto 18px;max-width:34ch;color:var(--ur-dim);line-height:1.5}
.fl-acts{display:grid;gap:8px}
.fl-btn{display:block;width:100%;padding:13px 16px;border-radius:12px;border:1px solid var(--ur-hair-2);background:rgba(255,255,255,.06);color:#fff!important;font:700 .98rem var(--ur-body);text-decoration:none;cursor:pointer;box-sizing:border-box}
.fl-btn.red{background:var(--ur-red);border-color:var(--ur-red);box-shadow:0 8px 30px rgba(212,47,47,.45)}
.fl-btn.ghost{background:transparent;border-color:transparent;color:var(--ur-dim)!important;font-weight:500}
.fl-btn:disabled{opacity:.5}
.fl-perks{margin-top:14px;text-align:left}
.fl-perks ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fl-perks li{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--ur-hair);background:rgba(255,255,255,.04)}
.fl-perks li div{flex:1;min-width:0}
.fl-perks b{display:block;color:#fff;font:700 .98rem var(--ur-body)}
.fl-perks span{display:block;font-size:.84rem;line-height:1.4;color:var(--ur-dim)}
.fl-join{flex:none;padding:9px 14px;border-radius:999px;background:var(--ur-red);color:#fff!important;font:700 .85rem var(--ur-body);text-decoration:none}
.fl-fine{margin:10px 0 0;font-size:.78rem;color:var(--ur-faint)}
.fl-in .vibe{margin:16px 0 0}
.fl-x{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:1.3rem;cursor:pointer}

/* ---------- fixes (Oct 18, pass 2): contrast + 390px overflow ---------- */
body.sx .sx-sub a[aria-current]{background:#fff!important;color:#0a0a0a!important;border-color:#fff}
body.sx .btn.white,body.sx a.btn.white{background:#fff!important;color:#0a0a0a!important;border-color:#fff}
body.sx .uc-button.primary{background:var(--ur-red)!important;border-color:var(--ur-red)!important;color:#fff!important}
body.sx .chipbox:has(input:checked),body.sx .chip input:checked+span,body.sx button.chip[aria-pressed=true]{background:#fff!important;color:#0a0a0a!important}
body.sx .st-due,body.sx .hint.ok,body.sx .hint.mid,body.sx .hint.no,body.sx .halo-badge,body.sx .needr,body.sx .tag.draft{color:#fff}
body.sx .uc-hero h1,body.sx .uc-hero h2,body.sx .uc-hero-main>h1{font-size:clamp(2.1rem,9.6vw,4.6rem);line-height:1.04;overflow-wrap:break-word;hyphens:manual;max-width:100%}
body.sx .uc-actions{display:flex;flex-wrap:wrap;gap:10px}
body.sx .uc-actions>*{flex:1 1 auto;min-width:0;text-align:center;justify-content:center}
body.sx .uc-quick-row{display:flex;flex-wrap:wrap;gap:8px}
body.sx main{overflow-x:clip}
body.sx .section-title{overflow-wrap:break-word}
@media (max-width:420px){.ur-tabbar a{font-size:.56rem;letter-spacing:-.01em}.ur-tabbar svg{width:20px;height:20px}}
.rw-unlock-line{margin:10px 0 0}.rw-unlock-line a{color:#fff;font:600 .95rem var(--ur-body);text-decoration:none;border-bottom:1px solid rgba(212,47,47,.8)}
.ur-camps{margin-bottom:28px}
.ur-camp{padding:22px 20px}
.ur-camp-top{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.ur-camp h3{margin:0 0 8px;font:800 1.3rem/1.15 var(--ur-display);color:#fff}
.ur-camp p{margin:0 0 12px;color:var(--ur-dim);line-height:1.55}
.ur-camp-facts{margin:0 0 16px;display:grid;gap:4px}
.ur-camp-facts dt{font:600 .72rem var(--ur-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ur-red);margin-top:8px}
.ur-camp-facts dd{margin:0;color:rgba(244,242,239,.82);line-height:1.5;font-size:.95rem}
.ur-camp-acts{display:flex;flex-wrap:wrap;gap:8px}
.ur-private{text-align:center;padding:26px 20px}
@media (max-width:480px){body.sx .form .steps li,body.sx form .steps li{font-size:.58rem;letter-spacing:.02em;white-space:nowrap;overflow:visible;text-overflow:clip}}

/* ---------- welcome perks step ---------- */
.pk-step{margin:14px auto 0;max-width:520px;padding:22px 20px;border-radius:20px;text-align:left;border:1px solid var(--ur-hair,rgba(255,255,255,.1));background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.02));color:#f4f2ef}
.pk-sub{margin:0 0 12px;font:400 .92rem/1.5 var(--ur-body,"DM Sans",sans-serif);color:rgba(244,242,239,.7)}
.pk-sub a{color:#fff}
.pk-list{display:grid;gap:8px}
.pk-item{position:relative;display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);cursor:pointer}
.pk-txt{flex:1;min-width:0}
.pk-txt b{display:block;color:#fff;font:700 .98rem var(--ur-body,"DM Sans",sans-serif)}
.pk-txt span{display:block;font-size:.84rem;line-height:1.4;color:rgba(244,242,239,.68)}
.pk-txt small{display:block;margin-top:3px;font-size:.72rem;color:rgba(244,242,239,.45)}
.pk-tog{position:absolute;opacity:0;width:1px;height:1px}
.pk-sw{flex:none;position:relative;width:42px;height:24px;border-radius:999px;background:rgba(255,255,255,.18);transition:background .2s}
.pk-sw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}
.pk-tog:checked+.pk-sw{background:#d42f2f}
.pk-tog:checked+.pk-sw::after{transform:translateX(18px)}
.pk-tog:focus-visible+.pk-sw{outline:2px solid #d42f2f;outline-offset:2px}
.pk-all{margin-top:6px;width:100%;padding:13px 16px;border:0;border-radius:12px;background:#d42f2f;color:#fff;font:700 1rem var(--ur-body,"DM Sans",sans-serif);cursor:pointer;box-shadow:0 8px 30px rgba(212,47,47,.45)}
.pk-msg{min-height:1.2em;margin:8px 0 0;color:#7ee2a8;font:500 .92rem var(--ur-body,"DM Sans",sans-serif)}
.pk-link{display:inline-block;margin:0 8px 8px 0;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);color:#fff!important;text-decoration:none;font:600 .85rem var(--ur-body,"DM Sans",sans-serif)}

/* ---- contrast pass (finisher, Oct 18 17:57Z): no hard-to-read grey or dark-red text on black ---- */
:root{--ur-red-text:#ff5c5c}
.vibe,.hx-person small,.rw-whisper,.rw-mys-sub{color:rgba(244,242,239,.72)!important}
.hx-label,.pk-txt small,.rw-note,.rw-at i,.rw-at-pre,.rw-unlock span,.rw-meter-top,.hx-go{color:rgba(244,242,239,.68)!important}
.ur-tabbar a{color:rgba(244,242,239,.66)}
.ur-tabbar a[aria-current="page"]{color:#fff}
.hx-field input::placeholder,.ul-handle::placeholder,input::placeholder,textarea::placeholder{color:rgba(244,242,239,.58)}
body.sx .eyebrow,body.sx .section-label,body.sx .post-kicker,body.sx .uc-label,body.sx .tile-n,body.sx dt,body.sx .cv-n,body.sx .fmt,body.sx .ja-tag,body.sx .ab-n,
.home-x .hx-num,.hx-num,body.sx .eyebrow.light,body.sx .hx-kicker,body.sx main span[style*="d42f2f"],
.home-x .eyebrow,.home-x .section-label{color:var(--ur-red-text)!important}
body.sx .muted,body.sx .small.muted,body.sx p.muted{color:rgba(244,242,239,.74)}
/* red footer: full white text */
.foot,.foot p,.foot .fine,.foot a{color:#fff!important}
.foot .fine{opacity:1}

/* ---- folded from the team's inner.css (Oct 18): sub-page glass tabs, dark tables ---- */
.sub-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:18px 0 26px;padding:4px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:max-content;max-width:100%}
.sub-tabs a{display:block;padding:8px 16px;border-radius:999px;font:600 .9rem var(--ur-body,"DM Sans"),system-ui,sans-serif;color:rgba(244,242,239,.78);text-decoration:none;white-space:nowrap}
.sub-tabs a:hover{color:#fff}
.sub-tabs a[aria-current=page]{background:#fff;color:#0a0a0a!important}
@media (max-width:420px){.sub-tabs{width:100%;justify-content:space-between}.sub-tabs a{padding:8px 12px;font-size:.84rem;flex:1;text-align:center}}
body.sx table{color:rgba(244,242,239,.86);border-color:rgba(255,255,255,.12)}
body.sx .cv-table th{background:rgba(255,255,255,.05)}
body.sx .cv-table .cv-hl{background:rgba(212,47,47,.12)}
body.sx .cv-table thead .cv-hl{background:#d42f2f;color:#fff}

/* ---- members-only lock (Oct 18): teaser grid with no brand names, one red "Join to unlock" ---- */
.lk-wrap{position:relative;margin:8px 0 24px}
.lk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;filter:blur(3px);opacity:.55;pointer-events:none;user-select:none}
@media (min-width:760px){.lk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lk-card{display:flex;flex-direction:column;gap:10px;min-height:132px;padding:16px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important}
.lk-card span{display:block;border-radius:8px;background:rgba(244,242,239,.16)}
.lk-ini{width:38px;height:38px;border-radius:50%!important;background:rgba(212,47,47,.45)!important}
.lk-name{height:14px;width:70%}.lk-line{height:9px;width:90%}.lk-line.s{width:55%}
.lk-over{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92%,420px);text-align:center;padding:24px 20px!important;background:rgba(10,10,13,.82)!important;border:1px solid rgba(255,255,255,.16)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lk-over.lk-solo{position:static;transform:none;margin:8px auto 24px}
.lk-over h3{margin:6px 0 8px;color:#fff;font-family:var(--ur-head,"Syne"),system-ui,sans-serif}
.lk-over .small{color:rgba(244,242,239,.8)}
.lk-over .btn{margin-top:12px;display:inline-flex}
.lk-over .vibe{margin:12px 0 0;font-size:.9rem}
.ur-lock{margin:10px 0 0;color:rgba(244,242,239,.8)}
.linkbtn{background:none;border:0;padding:0;color:inherit;text-decoration:underline;font:inherit;cursor:pointer}

/* ===== Alex's changes, Oct 18: nav "Sign in", footer that blends in, CTA hierarchy ===== */
/* Nav: one primary (red Apply pill) + one quiet ghost "Sign in". */
header.top .nav-signin{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin-left:auto;padding:.5rem .95rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:transparent;color:#f4f2ef!important;font:600 .85rem/1 "DM Sans",system-ui,sans-serif;letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap;transition:border-color .15s,background .15s}
header.top .nav-signin:hover,header.top .nav-signin:focus-visible{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.06);color:#fff!important}
header.top .nav-signin[aria-current]{border-color:rgba(255,255,255,.6)}
body.sx header.top .nav-signin + .pill-btn.hx-cta,body.home-x header.top .nav-signin + .pill-btn.hx-cta,header.top .nav-signin + .pill-btn{margin-left:8px!important}
@media (min-width:1100px){header.top .hx-menu + .nav-signin{margin-left:24px}}
@media (max-width:1099px){body.home-x .hx-top .nav-signin,body.sx .hx-top .nav-signin{margin-left:auto}}
@media (max-width:420px){
  body.sx .hx-top,body.home-x .hx-top{padding-left:14px;padding-right:14px;gap:8px}
  body.sx .hx-top .brand img,body.home-x .hx-top .brand img{height:18px}
  header.top .nav-signin{padding:.5rem .75rem;font-size:.8rem}
  body.sx header.top .pill-btn.hx-cta,body.home-x header.top .pill-btn.hx-cta{padding:.55rem .85rem!important;font-size:.8rem!important}
}
@media (max-width:340px){body.sx .hx-top .brand img,body.home-x .hx-top .brand img{height:15px}}

/* Footer: same black as the page, no red slab, no border jump. */
footer.foot,body.sx footer.foot,body.home-x footer.foot{background:transparent!important;color:rgba(244,242,239,.68)!important;border-top:1px solid rgba(255,255,255,.08);padding:2.5rem 18px 2rem;margin-top:0;display:grid;gap:.7rem;max-width:none;position:relative;z-index:1}
footer.foot img{width:132px;height:auto;opacity:.92}
footer.foot p,body.sx footer.foot p{margin:0;color:rgba(244,242,239,.72)!important;font:400 .95rem/1.55 "DM Sans",system-ui,sans-serif}
footer.foot .fine,body.sx footer.foot .fine{color:rgba(244,242,239,.45)!important;font-size:.8rem;opacity:1}
footer.foot a,body.sx footer.foot a{color:rgba(244,242,239,.8)!important;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.18)}
footer.foot a:hover,body.sx footer.foot a:hover{color:#fff!important;border-bottom-color:rgba(255,255,255,.6)}
@media (min-width:1100px){footer.foot{padding:3rem 32px 2.5rem}}

/* /start CTAs: one primary, the rest quiet; wrap instead of clipping or overlapping. */
#startBox .form-nav,#monBox .form-nav,#freeBox .form-nav{display:flex;flex-direction:column;align-items:stretch;gap:.6rem;flex-wrap:nowrap}
#startBox .form-nav .btn,#monBox .form-nav .btn,#freeBox .form-nav .btn{flex:0 0 auto;width:100%;max-width:none;min-width:0;margin:0;white-space:normal;line-height:1.25;text-align:center;justify-content:center;height:auto;min-height:44px;padding:.75rem 1.1rem}
@media (min-width:700px){
  #startBox .form-nav,#monBox .form-nav,#freeBox .form-nav{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}
  #startBox .form-nav .btn,#monBox .form-nav .btn,#freeBox .form-nav .btn{width:auto}
}
/* Nav pair shares one type style; the red fill alone marks the primary. */
body.sx header.top .pill-btn.hx-cta,body.home-x header.top .pill-btn.hx-cta{font-family:"DM Sans",system-ui,sans-serif!important;font-weight:700;text-transform:none!important;letter-spacing:0!important;line-height:1;border:1px solid #d42f2f}