/* XENA x DUDE v4 identity layer. Light paper broadsheet by default; .dk (and the header, footer,
   page mastheads, results band) switch the same tokens to void. Loaded after every page's own CSS. */
:root{
  --k-t1:#0B0B0F;--k-t2:#2A2A33;--k-t3:#5C5C69;--k-acc:#C8106A;--k-hl:#C8106A;--k-uvt:#5A22D8;--k-up:#0B8043;--k-dn:#D42A1F;--k-gold:#8A5A00;
  --k-bg:#F9F9F9;--k-s1:#FFFFFF;--k-s2:#F0EFF4;--k-fgr:11,11,15;--k-pkr:200,16,106;--k-bgr:249,249,249;--k-s1r:255,255,255;
  --k-rule:#D6D5DE;--k-hair:#E7E6EC;--k-hard:4px 4px 0 #0B0B0F;--k-r:4px;
  --white:#0B0B0F;--silver:#2A2A33;--ash:#5C5C69;--smoke:#5C5C69;--petal:#C8106A;--flamingo:#C8106A;--blush:#FFE6F0;
  --graphite:#FFFFFF;--midnight:#F0EFF4;--night:#F0EFF4;--void:#F9F9F9;--ink:#FFFFFF;--line:#E1E0E7;--line2:rgba(200,16,106,.28);
  --pink:#C8106A;--btn:#C8106A;--hot:#F8157F;--uv:#7733FF;--rose:#C8106A;
  --sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--serif:"Newsreader",Georgia,"Times New Roman",serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--stat:"Geist",ui-sans-serif,system-ui,sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);color-scheme:light
}
.dk,header.top,footer.site,.bhero,.x-hero,.xl-hero,#results,.mbar{
  --k-t1:#F4F4F7;--k-t2:#D3D3DC;--k-t3:#A3A3B2;--k-acc:#FF4D97;--k-hl:#F8157F;--k-uvt:#AE8FFF;--k-up:#3DD68C;--k-dn:#FF6B5E;--k-gold:#FFC23D;
  --k-bg:#0B0B0F;--k-s1:#15151C;--k-s2:#1F1F29;--k-fgr:255,255,255;--k-pkr:255,194,216;--k-bgr:11,11,15;--k-s1r:21,21,28;
  --k-rule:#33333F;--k-hair:#24242E;--k-hard:4px 4px 0 #F8157F;
  --white:#FFFFFF;--silver:#D3D3DC;--ash:#A3A3B2;--smoke:#A3A3B2;--petal:#FFC2D8;--flamingo:#FF4D97;--blush:#FFD5E5;
  --graphite:#15151C;--midnight:#15151C;--night:#1F1F29;--void:#0B0B0F;--ink:#0B0B0F;--line:rgba(255,255,255,.12);--line2:rgba(255,194,216,.24);
  --rose:#8C415C;color-scheme:dark;background-color:#0B0B0F;color:var(--k-t2)
}
/* ---------- base ---------- */
html{background:#F9F9F9}
body{background:var(--k-bg);color:var(--k-t2);font-family:var(--serif);font-size:17px;line-height:1.55;font-optical-sizing:auto}
body::before,body::after,.cglow{display:none!important}
::selection{background:#F8157F;color:#fff}
:focus-visible{outline:3px solid #7733FF!important;outline-offset:2px!important;box-shadow:none}
h1,h2,h3,h4,h5,h6,.h1,.h2{font-family:var(--sans);color:var(--k-t1);text-wrap:balance}
h1{font-weight:900;letter-spacing:-.055em}
h2{font-weight:850;letter-spacing:-.045em}
h3{font-weight:750;letter-spacing:-.02em}
h4,h5,h6{font-weight:700;letter-spacing:-.01em}
a{text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-underline-offset:3px}
p,li,dd,blockquote,td{font-family:var(--serif)}
button,input,select,textarea,label,th,.btn,nav,.nav,.meta,.chips,.bc,small,code,kbd{font-family:var(--sans)}
code,kbd,pre{font-family:var(--mono)}
.pink,.grad,.hl{color:var(--k-hl)!important;background:none!important;-webkit-text-fill-color:currentColor!important;animation:none!important}
.lead{font-family:var(--serif);color:var(--k-t2)}
.lead strong,.hero .lead strong{color:var(--k-t1);font-weight:600}
/* kicker / eyebrow: the kit's pink tag */
.eyebrow,.hk,.kick,.kicker{display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:100%;font:700 11px/1.1 var(--mono)!important;letter-spacing:.1em!important;text-transform:uppercase;color:#fff!important;background:#C8106A!important;padding:6px 9px!important;border-radius:2px;border:0!important;-webkit-text-fill-color:#fff!important}
.eyebrow::before,.eyebrow::after,.hk::before,.hk::after{display:none!important;content:none!important}
/* section heads: 4px ink rule, tight Geist title */
.sec-head{border-top:4px solid var(--k-t1);padding-top:16px;margin-bottom:36px;max-width:none!important}
.sec-head>*{max-width:820px}
.sec-head h2,.sec h2{font-size:clamp(32px,4.6vw,64px);line-height:.98;font-weight:900;letter-spacing:-.055em}
.sec-head .lead{font-size:clamp(17px,1.5vw,20px);line-height:1.5;font-style:italic}
section{border-color:var(--k-rule)}
/* ---------- buttons ---------- */
.btn{border-radius:999px!important;font:700 15px/1.15 var(--sans)!important;letter-spacing:-.01em!important;text-transform:none!important;min-height:46px;padding:12px 22px;border:0!important;box-shadow:none;transform:none!important;transition:background-color .18s var(--ease),color .18s var(--ease),box-shadow .18s var(--ease),translate .18s var(--ease)}
.btn::before,.btn::after{display:none!important}
.btn-primary,.btn.primary,.btn-pink{background:#C8106A!important;color:#fff!important}
.btn-primary:hover,.btn.primary:hover,.btn-pink:hover{background:#7733FF!important;color:#fff!important}
.btn-secondary,.btn-ghost,.btn.ghost,.btn-outline{background:transparent!important;color:var(--k-t1)!important;box-shadow:inset 0 0 0 2px var(--k-t1)!important}
.btn-secondary:hover,.btn-ghost:hover,.btn.ghost:hover,.btn-outline:hover{background:var(--k-t1)!important;color:var(--k-bg)!important}
.btn .ar{transition:transform .18s var(--ease)}.btn:hover .ar{transform:translate(2px,-1px)}
.tl{font-family:var(--sans);font-weight:600;color:var(--k-t1)}
.tl:hover{color:var(--k-acc)}
/* ---------- cards ---------- */
.card,.tile,.case,.pcard,.tier,.cs,.rf-card,.pg-stat,.ac-stat,.xl-box,.faq details,.wall blockquote,.steps4 li,.grid3>div,.grid3>article,.choice>a,.choice .card,.gl-list a,.xl-card,.xl-feat{border-radius:var(--k-r)!important;transition:translate .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease)}
.card,.tile,.pcard,.tier,.cs,.rf-card,.xl-box,.faq details,.wall blockquote,.steps4 li,.case,.gl-list a,.xl-card{background:var(--k-s1)!important;border:1px solid var(--k-rule)!important;box-shadow:none}
.card::before,.case::before,.tile::before,.pcard::before,.tier::before{opacity:0!important;display:none!important}
a.card:hover,.card:hover,.pcard:hover,.tile:hover,.case:hover,.cs:hover,.gl-list a:hover,.xl-card:hover,.tier:hover{translate:-2px -2px;box-shadow:var(--k-hard)!important;border-color:var(--k-t1)!important}
.cov .card.ai{background:var(--k-s1)!important;border:2px solid #7733FF!important}
.cov .card.ai:hover{box-shadow:4px 4px 0 #7733FF!important}
.card h3,.case h3,.pcard h3,.tier h3{font-weight:800;letter-spacing:-.025em}
.card .k,.cov .card .k,.case .k,.tag,.cat{font:700 11px/1.2 var(--mono)!important;letter-spacing:.1em;text-transform:uppercase}
/* ---------- header (void secnav) ---------- */
header.top{background:#0B0B0F!important;border-bottom:1px solid #26262F!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
header.top::before,header.top::after{display:none!important}
header.top .nav ul a,header.top nav a:not(.btn){font:600 14px/1 var(--sans)!important;color:#D9D9E2!important;letter-spacing:-.005em;position:relative}
header.top .nav ul a:hover,header.top .nav ul a[aria-current]{color:#fff!important}
header.top .nav ul li+li{position:relative}
header.top .nav ul li+li::before{content:"/";position:absolute;left:-4px;top:50%;transform:translate(-50%,-50%);color:#55556A;font:500 13px var(--sans);pointer-events:none}
header.top .nav ul a::after{content:""!important;position:absolute!important;left:10px;right:10px;bottom:4px;height:3px!important;background:#F8157F!important;transform:scaleX(0);transform-origin:left;transition:transform .22s var(--ease);opacity:1!important;border-radius:0}
header.top .nav ul a:hover::after,header.top .nav ul a[aria-current]::after{transform:scaleX(1)}
header.top .btn{min-height:40px;padding:9px 16px;font-size:14px!important}
header.top .btn-secondary{box-shadow:inset 0 0 0 2px #F4F4F7!important;color:#F4F4F7!important}
header.top .btn-secondary:hover{background:#F4F4F7!important;color:#0B0B0F!important}
@media(max-width:760px){header.top{position:relative!important;top:auto!important}}
/* no floating overlays on mobile: the bottom action bar is off; header CTAs stay */
.mbar{display:none!important}
body{padding-bottom:0!important}
/* ---------- footer ---------- */
footer.site{background:#0B0B0F!important;color:#C9C9D3;border-top:6px solid #F8157F!important;font-family:var(--sans)}
footer.site p,footer.site li{font-family:var(--sans)}
footer.site a:not(.btn){color:#fff}
footer.site a:not(.btn):hover{color:#FF5CA2}
footer.site h2,footer.site h3,footer.site h4,footer.site .h{font:700 11px/1.2 var(--mono)!important;letter-spacing:.12em!important;text-transform:uppercase;color:#FF7EB6!important}
footer.site input{background:#15151C!important;color:#F4F4F7!important;border:1.5px solid #33333F!important;border-radius:999px}
footer.site input:focus{border-color:#FF4D97!important}
/* ---------- forms (light) ---------- */
input,select,textarea{font-family:var(--sans)}
main input:not([type=checkbox]):not([type=radio]),main select,main textarea{background:var(--k-s1)!important;color:var(--k-t1)!important;border:1.5px solid var(--k-rule)!important;border-radius:var(--k-r)!important}
main input:not([type=checkbox]):not([type=radio]):focus,main select:focus,main textarea:focus{border-color:var(--k-t1)!important;box-shadow:var(--k-hard)!important}
main input::placeholder,main textarea::placeholder{color:#8A8A97}
/* ---------- chips ---------- */
.chips a,.chip,.xl-tags a,.tags a{border:1.5px solid var(--k-t1)!important;background:var(--k-s1)!important;color:var(--k-t1)!important;border-radius:999px!important;font:600 12.5px/1 var(--sans)!important}
.chips a:hover,.chips a.on,.chips a[aria-current],.chip.on,.xl-tags a:hover{background:var(--k-t1)!important;color:var(--k-bg)!important}
/* ---------- dark bands ---------- */
.dk,.bhero,.x-hero,.xl-hero,#results{background:#0B0B0F!important;color:var(--k-t2)}
.bhero::before,.bhero::after,.pr-hero::before,.final::before,.xl-hero::before,.xl-hero::after,.aur{display:none!important}
.bhero,.x-hero,.xl-hero{position:relative;overflow:hidden;border-bottom:1px solid #26262F}
.bhero,.xl-hero{padding-bottom:56px!important}
.bhero h1,.pg-hero h1,.pr-hero h1,.xl-hero h1{font-weight:900!important;letter-spacing:-.06em!important;line-height:.92!important}
.bhero .lead,.pg-hero .lead,.pr-hero .lead{color:#D3D3DC!important;font-style:italic}
.bhero .bc,.x-hero .bc{color:#A3A3B2}
.bhero .bc a,.x-hero .bc a{color:#F4F4F7}
.mast::after,.bhero::after,.xl-hero::after{content:""!important;display:block!important;position:absolute;right:-12%;top:-45%;width:62%;height:150%;background:radial-gradient(closest-side,rgba(119,51,255,.42),transparent 72%)!important;pointer-events:none;z-index:0;filter:none;mask-image:none;-webkit-mask-image:none;opacity:1;inset:auto;transform:none}
.bhero>*,.xl-hero>*,.mast>*{position:relative;z-index:1}
/* ---------- homepage masthead ---------- */
.hv3{min-height:0!important;display:block!important;padding:28px 0 56px!important;overflow:hidden}
.hv3+.clients{margin-top:0!important}
.mast-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid #33333F;margin-bottom:28px}
.mast-meta{margin:0;font:500 12.5px/1.4 var(--mono);color:#C9C9D3;letter-spacing:.02em}
.mast-meta i{color:#F8157F;font-style:normal;padding:0 4px}
.hv3 .kin{font:900 clamp(44px,6.1vw,98px)/.9 var(--sans)!important;letter-spacing:-.06em!important;color:#fff!important;margin:0 0 34px!important;max-width:none!important;text-wrap:initial}
.hv3 .kin .ln{display:inline-block!important}
.hv3 .kin .ln.q{display:block!important}
.hv3 .kin .grad{color:#F8157F!important}
.mast-sub{display:grid;gap:28px;border-top:2px solid #fff;padding-top:22px}
.hv3 .hero-copy{max-width:none!important;gap:0}
.hv3 .lead{font:italic 400 clamp(19px,1.9vw,25px)/1.4 var(--serif)!important;color:#D3D3DC!important;max-width:34ch!important;margin:0 0 26px!important}
.hv3 .lead strong{color:#fff!important;font-style:normal;font-family:var(--sans);font-weight:800;letter-spacing:-.02em}
.hv3 .ctas .btn{min-height:52px!important;padding:0 26px!important;font-size:16px!important}
.hv3 .tl{color:#F4F4F7!important;font-family:var(--sans)}
.hv3 .tl:hover{color:#FF5CA2!important}
.mbox{background:#15151C;border:2px solid #F4F4F7;border-radius:6px;box-shadow:6px 6px 0 #F8157F;padding:20px 22px;display:grid;gap:14px;align-content:start}
.mbox-h{margin:0;font:700 11px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#FF7EB6}
.mbox-n{display:flex;align-items:baseline;gap:10px;border-bottom:1px solid #33333F;padding-bottom:14px}
.mbox-n b{font:900 clamp(56px,6vw,84px)/.85 var(--sans);letter-spacing:-.06em;color:#fff;font-variant-numeric:tabular-nums}
.mbox-n span{font:italic 400 22px/1 var(--serif);color:#FF5CA2}
.mbox-c{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.mbox-c li{font:600 12.5px/1 var(--sans);color:#F4F4F7;border:1.5px solid #55556A;border-radius:999px;padding:8px 12px}
.mbox-c li:first-child{background:#F4F4F7;color:#0B0B0F;border-color:#F4F4F7}
@media(min-width:900px){.mast-sub{grid-template-columns:1.35fr .65fr;align-items:start;gap:48px}.hv3{padding:34px 0 72px!important}}
@media(max-width:560px){.hv3 .kin{font-size:clamp(40px,12.4vw,60px)!important}.mast-meta{display:none}.mast-top{margin-bottom:22px;padding-bottom:14px}}
/* clients: white logos become ink silhouettes on paper */
.clients{background:var(--k-bg)!important;border-top:0!important;border-bottom:1px solid var(--k-rule);padding:36px 0 40px!important}
.clients .trust{font:700 11px/1.3 var(--mono)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--k-t3)!important}
.marquee-list img,#customers img,.logos img{filter:brightness(0)!important;opacity:.72!important}
.marquee-list img:hover,#customers img:hover,.logos img:hover{opacity:1!important}
.dk .marquee-list img,.dk .logos img{filter:grayscale(1) brightness(1.15)!important}
/* numbers: pink color block */
.nums-sec{--k-t1:#fff;--k-t2:#fff;--k-t3:#FFE1EE;--k-acc:#fff;--k-hl:#fff;--k-fgr:255,255,255;--k-rule:rgba(255,255,255,.4);--line:rgba(255,255,255,.4);--white:#fff;--silver:#fff;--ash:#FFE1EE;--smoke:#FFE1EE;--petal:#fff;--flamingo:#0B0B0F;background:#C8106A!important;color:#fff;padding:56px 0 64px!important}
.nums-sec .sec-head{border-top-color:#fff}
.nums-sec .eyebrow{background:#0B0B0F!important}
.nums-sec a{color:#fff!important}
.bign{border-top:2px solid #fff!important}
.bign div{border-color:rgba(255,255,255,.4)!important}
.bign b{font:900 clamp(42px,11.5vw,116px)/.88 var(--sans)!important;letter-spacing:-.06em!important;color:#fff!important}
.bign b em{color:#0B0B0F!important}
.bign p{color:#fff!important;font-size:16px}
/* section rhythm */
.alt{background:var(--k-s2)!important}
#how,#customers,.final{background:var(--k-bg)}
section.alt+section:not(.alt):not(.dk),section:not(.alt)+section.alt{border-top:0}
.steps4 li{background:var(--k-s1)!important;border:2px solid var(--k-t1)!important;box-shadow:var(--k-hard)}
.steps4 li::before,.steps4 .n{background:none!important;-webkit-text-fill-color:currentColor!important;color:#F8157F!important;font:900 44px/1 var(--sans)!important;letter-spacing:-.05em!important}
.steps4{gap:18px!important;background:none!important}
.case .hn,.cs .hn{font:900 clamp(44px,3.9vw,60px)/.9 var(--sans)!important;letter-spacing:-.06em!important;color:var(--k-t1)!important}
.case .trip b,.tier .price b,.pg-stat b,.ac-stat b{font-family:var(--sans)!important;font-weight:850!important;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
#results .case{background:#15151C!important;border-color:#33333F!important}
#results .case:hover{box-shadow:4px 4px 0 #F8157F!important;border-color:#F4F4F7!important}
#results .wall blockquote{background:#15151C!important;border-color:#33333F!important}
#results .sec-head{border-top-color:#F4F4F7}
.faq summary{font-family:var(--sans);font-weight:700;color:var(--k-t1)}
.faq details[open]{border-color:var(--k-t1)!important}
/* final CTA */
.final{padding:96px 0 104px!important;border-top:4px solid #0B0B0F}
.final .huge,.final h2{font:900 clamp(48px,9vw,148px)/.86 var(--sans)!important;letter-spacing:-.065em!important;color:#0B0B0F!important}
.final .huge .grad,.final h2 .grad,.final .pink{color:#F8157F!important}
.choice .card,.choice>a{border:2px solid #0B0B0F!important;box-shadow:var(--k-hard)!important}
/* ---------- pages ---------- */
.tier.hl{border:2px solid #C8106A!important;box-shadow:6px 6px 0 #C8106A!important}
.tier .price,.tier .amt{color:var(--k-t1)}
table{border-color:var(--k-rule)}
th{font:700 11px/1.3 var(--mono)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--k-t3)!important;background:var(--k-s2)!important}
td{border-color:var(--k-hair)!important}
.prose{color:var(--k-t2)}
.prose p,.prose li{font-size:18.5px;line-height:1.62}
.prose h2{font-size:clamp(26px,2.8vw,36px);border-top:4px solid var(--k-t1);padding-top:12px;letter-spacing:-.04em}
.prose a{color:var(--k-acc)}
.prose blockquote{border-left:4px solid #F8157F!important;background:var(--k-s1)!important;font-style:italic}
.prose code{background:var(--k-s2);color:var(--k-t1)}
.phead h1{font-size:clamp(38px,5.6vw,76px)!important;line-height:.95!important;font-weight:900!important;letter-spacing:-.055em!important}
.ptoc{border-top:4px solid var(--k-t1)!important;font-family:var(--sans)}
.ptoc b{font:700 11px/1.2 var(--mono)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--k-acc)!important}
.mattersbox,.tldr,.callout,.cta-box,.bcta,.cta-end .wrap>div{border-radius:6px}
.bcta,.cta-box{background:#0B0B0F!important;color:#F4F4F7;box-shadow:6px 6px 0 #F8157F!important;border:0!important;--k-t1:#F4F4F7;--k-t2:#D3D3DC;--k-t3:#A3A3B2;--k-acc:#FF4D97;--white:#fff;--silver:#D3D3DC;--petal:#FFC2D8;--k-fgr:255,255,255}
/* dark-born art keeps its own canvas */
.ac-art,.gl-art,figure svg,.sim-top,.dash,.x-sim{color-scheme:dark}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.tag,.us-card em{color:#fff!important;background:#C8106A!important;border-radius:2px}
@media(min-width:900px){.bign b{font-size:clamp(52px,5.2vw,84px)!important}}
.bign div{min-width:0}
.reel.r3 .case .hn{font-size:clamp(56px,6.2vw,96px)!important}
.x-hero h1{font-weight:900!important;letter-spacing:-.06em!important;line-height:.92!important;color:#fff}
/* newsletter block (injected by the signups wrapper at the edge): kit void band */
.su-block{--su-bg:#0B0B0F!important;--su-fg:#F4F4F7!important;--su-muted:#C9C9D3!important;--su-accent:#C8106A!important;--su-accent-fg:#fff!important;--su-border:#33333F!important;--su-input-bg:#15151C!important;--su-input-fg:#F4F4F7!important;--su-eyebrow:#FF7EB6!important;--su-ok:#FF9CC5!important;--su-err:#FF6B5E!important;--su-head:var(--sans)!important;--su-body:var(--sans)!important;--su-title-weight:850!important;--su-radius:4px!important;border-top:4px solid #F8157F!important}
.su-block .su-title{letter-spacing:-.035em!important}
.su-block .su-eyebrow{font-family:var(--mono)!important;font-weight:700!important}
.su-block input[type=email],.su-block input[type=text]{background:#15151C!important;color:#F4F4F7!important;border:1.5px solid #33333F!important;border-radius:999px!important;box-shadow:none!important}
.su-block input:focus-visible{border-color:#FF4D97!important}
.su-block button:hover{background:#7733FF!important;filter:none!important}
.su-block+footer.site,.su-block~footer.site{border-top:1px solid #26262F!important}
.pz-title,.xl-hero h1,.xl-feat h2{font-family:var(--sans)!important;font-weight:850!important;letter-spacing:-.04em!important}
@media(max-width:600px){.mast .ctas{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.mast .ctas>*{flex:0 0 auto!important;max-width:100%}.mast .ctas .btn{width:100%;justify-content:center}.mast .ctas>a:not(.btn){align-self:flex-start}}
