/*
 * "Studio" skins (2026-10-30, owner: premium, "software based"). The look of a premium software product:
 * graphite and white, one sharp accent, Geist + Geist Mono, hairline borders, a dark hero with a fine grid and a
 * glow, monochrome primary buttons (black on light pages, white on dark bands), code-style labels.
 *   s-coral — accent coral (our logo's spark)
 *   s-mint  — accent mint green
 * Loaded after pl-v2.css, pl-v3.css and pl-motion.css; selectors use [data-skin^="s-"].
 */
html[data-skin^="s-"]{
  --font:"Geist",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"Geist Mono",ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;
  --bg:#fafafa; --bg-alt:#f4f4f5; --surface:#ffffff; --surface-2:#fafafa;
  --line:#e7e7ea; --line-2:#d4d4d8;
  --text:#09090b; --muted:#52525b; --faint:#63636b;
  --brand:#09090b; --brand-hover:#27272a; --on-brand:#ffffff; --brand-soft:#f4f4f5;
  --acc2-soft:#f4f4f5; --acc3-soft:#f4f4f5;
  --ok:#15803d; --ok-soft:#e8f6ec;
  --ink:#09090b; --ink-2:#131316; --ink-line:rgba(255,255,255,.09); --ink-text:#fafafa; --ink-muted:#a1a1aa;
  --sh-1:0 1px 2px rgba(9,9,11,.05);
  --sh-2:0 1px 2px rgba(9,9,11,.04),0 16px 36px -22px rgba(9,9,11,.3);
  --sh-3:0 50px 100px -40px rgba(0,0,0,.7),0 16px 30px -18px rgba(0,0,0,.4);
}
html[data-skin="s-coral"]{--acc:#f43f5e;--acc-hi:#ff6b80;--acc-text:#c81e45;--acc-soft:#ffe4e8;--brand-text:#c81e45}
html[data-skin="s-mint"]{--acc:#10b981;--acc-hi:#34d399;--acc-text:#047857;--acc-soft:#dcf7ec;--brand-text:#047857}
html[data-skin^="s-"][data-theme="dark"]{
  --bg:#09090b; --bg-alt:#0e0e11; --surface:#121215; --surface-2:#0e0e11;
  --line:#232329; --line-2:#33333b;
  --text:#fafafa; --muted:#a1a1aa; --faint:#8b8b94;
  --brand:#fafafa; --brand-hover:#e4e4e7; --on-brand:#09090b; --brand-soft:rgba(255,255,255,.06);
  --acc2-soft:rgba(255,255,255,.05); --acc3-soft:rgba(255,255,255,.05);
  --ok:#4ade80; --ok-soft:rgba(74,222,128,.1);
  --ink:#09090b; --ink-2:#121215;
  --sh-2:0 16px 36px -22px rgba(0,0,0,.8);
}
html[data-skin="s-coral"][data-theme="dark"]{--acc-text:#ff7a8c;--acc-soft:rgba(244,63,94,.14);--brand-text:#ff7a8c}
html[data-skin="s-mint"][data-theme="dark"]{--acc-text:#4ade9a;--acc-soft:rgba(16,185,129,.14);--brand-text:#4ade9a}

/* ---------------------------------------------------------------- type */
html[data-skin^="s-"] body{font-feature-settings:"ss01","cv11"}
html[data-skin^="s-"] :is(h1,h2,h3,h4,.brand>span){font-family:var(--font)}
html[data-skin^="s-"] .v3-hero h1{font-size:clamp(2.5rem,1.25rem + 3.5vw,4.1rem);font-weight:600;letter-spacing:-.045em;line-height:1.02}
html[data-skin^="s-"] .sec h2,html[data-skin^="s-"] .final h2{font-weight:600;letter-spacing:-.04em}
html[data-skin^="s-"] :is(h3,h4){font-weight:600;letter-spacing:-.02em}
html[data-skin^="s-"] .brand>span{font-weight:650;letter-spacing:-.035em}
html[data-skin^="s-"] .brand{--logo-spark:var(--acc)}
html[data-skin^="s-"] .amt .tnum{font-weight:600;letter-spacing:-.045em}
html[data-skin^="s-"] .grad{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--acc-text)}
html[data-skin^="s-"] .v3-hero .grad{color:var(--acc-hi)}

/* labels: code style */
html[data-skin^="s-"] .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.04em;text-transform:none;color:var(--muted)}
html[data-skin^="s-"] .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 22%,transparent)}
html[data-skin^="s-"] :is(.ink,.auth-r,.v3-hero,.final) .eyebrow{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);color:#d4d4d8}
html[data-skin^="s-"] :is(.pays-k,.ft-c h2,.thm-k,.faq-g h3,.cmp thead th){font-family:var(--mono);font-weight:500;letter-spacing:.06em}

/* ---------------------------------------------------------------- buttons: monochrome, accent only as glow */
html[data-skin^="s-"] .btn{border-radius:9px;font-weight:600;letter-spacing:-.005em}
html[data-skin^="s-"] .btn-p{color:var(--on-brand);box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 8px 20px -12px rgba(9,9,11,.5);transition:background-color .2s,box-shadow .25s,transform .2s}
html[data-skin^="s-"] .btn-p:hover{transform:translateY(-1px);box-shadow:0 0 0 1px color-mix(in srgb,var(--acc) 55%,transparent),0 10px 30px -10px color-mix(in srgb,var(--acc) 55%,transparent)}
html[data-skin^="s-"] .btn-p::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent)}
html[data-skin^="s-"] .btn-s{background:var(--surface);border:1px solid var(--line-2);color:var(--text);box-shadow:var(--sh-1)}
html[data-skin^="s-"] .btn-s:hover{border-color:var(--muted)}
html[data-skin^="s-"] :is(.v3-hero,.ink,.final) .btn-p{background:#fafafa;color:#09090b}
html[data-skin^="s-"] :is(.v3-hero,.ink,.final) .btn-p:hover{background:#fff}
html[data-skin^="s-"] :is(.v3-hero,.final) .btn-s{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.16);color:#fafafa;box-shadow:none}
html[data-skin^="s-"] :is(.v3-hero,.final) .btn-s:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.07)}
html[data-skin^="s-"] :is(.pin,.notes .n,.st.g3 .st-n,.door-go,.plan-tag,.ca-u,.ca-send,.av,.btn-primary,.thm-cta-i){color:var(--on-brand)}

/* ---------------------------------------------------------------- header */
html[data-skin^="s-"] .hd{background:color-mix(in srgb,var(--bg) 78%,transparent)}
html[data-skin^="s-"] .nav-l{font-weight:500;color:var(--muted)}
html[data-skin^="s-"] .nav-l:hover{background:var(--bg-alt);color:var(--text)}
html[data-skin^="s-"] .nav-l[aria-current="page"]{color:var(--text)}
html[data-skin^="s-"] .hd.scrolled{border-bottom-color:var(--line)}

/* ---------------------------------------------------------------- hero: graphite, fine grid, accent glow */
html[data-skin^="s-"] .v3-hero{background:#09090b;color:#fafafa;padding-block:76px 96px;border-bottom:1px solid #1d1d22}
html[data-skin^="s-"] .v3-hero::before{inset-block-start:-30%;inset-inline-end:-10%;width:65%;height:140%;background:radial-gradient(closest-side,color-mix(in srgb,var(--acc) 30%,transparent),transparent 70%);opacity:.75}
html[data-skin^="s-"] .v3-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask:radial-gradient(75% 85% at 50% 30%,#000 25%,transparent 80%);mask:radial-gradient(75% 85% at 50% 30%,#000 25%,transparent 80%)}
html[data-skin^="s-"] .v3-hero-g{z-index:1}
html[data-skin^="s-"] .v3-hero h1{color:#fafafa}
html[data-skin^="s-"] .v3-hero .lede{color:#a1a1aa}
html[data-skin^="s-"] .v3-hero .trust{color:#a1a1aa;gap:8px 24px}
html[data-skin^="s-"] .v3-hero .trust .ico{color:var(--acc-hi)}
html[data-skin^="s-"] .v3-hero .v3-cap{color:#8b8b94}
html[data-skin^="s-"] .v3-hero :focus-visible{outline-color:#fafafa}
html[data-skin^="s-"] .win{border:1px solid rgba(255,255,255,.14);border-radius:12px;box-shadow:0 0 0 1px rgba(0,0,0,.5),0 60px 120px -40px rgba(0,0,0,.9),0 0 120px -40px color-mix(in srgb,var(--acc) 60%,transparent)}
html[data-skin^="s-"] .win-dots i{background:#d4d4d8}
html[data-skin^="s-"] .v3-live,html[data-skin^="s-"] .v3-live.sample{background:#18181b;border:1px solid rgba(255,255,255,.14);color:#e4e4e7;font-family:var(--mono);font-weight:500;font-size:.75rem}
html[data-skin^="s-"] .v3-live.sample i{background:#f5b041;box-shadow:0 0 0 4px rgba(245,176,65,.18)}
/* sample dashboard: accent bars, monochrome chrome */
html[data-skin^="s-"] .hd-bar{background:linear-gradient(180deg,var(--acc-hi),var(--acc))}
html[data-skin^="s-"] .hd-bar.today{background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--acc) 35%,#fff) 0 calc(var(--u)*5),color-mix(in srgb,var(--acc) 15%,#fff) 0 calc(var(--u)*10))}
html[data-skin^="s-"] .hd-qc{background:#09090b;color:#fff}
html[data-skin^="s-"] .hd-nav.on{background:var(--bg-alt);color:var(--text)}
html[data-skin^="s-"] .hd-nav.on b,html[data-skin^="s-"] .hd-logo i,html[data-skin^="s-"] .hd-mlogo i{background:var(--acc)}
html[data-skin^="s-"] .hd-k .c1{background:var(--acc-soft)}

/* ---------------------------------------------------------------- strips and cards */
html[data-skin^="s-"] .v3-pay{background:var(--surface)}
html[data-skin^="s-"] .pays li{background:var(--surface);border-color:var(--line);color:var(--muted);font-weight:500;border-radius:8px}
html[data-skin^="s-"] :is(.v3-step,.v3-feat,.plan,.v3-switch){border-color:var(--line);border-radius:14px;box-shadow:var(--sh-2)}
html[data-skin^="s-"] :is(.v3-step,.v3-feat,.plan):hover{transform:translateY(-2px);border-color:var(--line-2)}
html[data-skin^="s-"] .v3-switch p.v3-switch-offer{color:var(--acc-text)}
html[data-skin^="s-"] .v3-step .n{border-radius:9px;background:var(--text);color:var(--bg);font-family:var(--mono);font-weight:500;font-size:1rem}
html[data-skin^="s-"] .v3-step:not(:last-child)::after{height:1px;background:var(--line-2)}
html[data-skin^="s-"] .v3-feat .i{border-radius:10px;background:var(--acc-soft);color:var(--acc-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 20%,transparent)}
html[data-skin^="s-"] .plan.pop{border-color:var(--text);box-shadow:0 0 0 1px var(--text),0 30px 60px -36px rgba(9,9,11,.45)}
html[data-skin^="s-"] .plan-tag{background:var(--acc-soft);color:var(--acc-text);font-family:var(--mono);font-weight:600;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 30%,transparent)}
html[data-skin^="s-"] .plan-f .ico,html[data-skin^="s-"] .trust .ico{color:var(--acc-text)}
html[data-skin^="s-"] .v3-hero .trust .ico{color:var(--acc-hi)}
html[data-skin^="s-"] .acc summary:hover{color:var(--text)}
html[data-skin^="s-"] .sec.alt{background:var(--bg-alt)}

/* ---------------------------------------------------------------- dark bands, footer */
html[data-skin^="s-"] .ink{background:#09090b}
html[data-skin^="s-"] :is(.ink,.auth-r) .lnk{color:var(--acc-hi)}
html[data-skin^="s-"] .final{background:#09090b;border:1px solid #1d1d22}
html[data-skin^="s-"] .final::before,html[data-skin^="s-"] .auth-r::before{background:radial-gradient(520px 300px at 88% 0%,color-mix(in srgb,var(--acc) 35%,transparent),transparent 70%)}
html[data-skin^="s-"] .thm{background:#121215;border-color:#232329}
html[data-skin^="s-"] .thm-cta{background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--acc) 25%,transparent),transparent 60%),#121215}
html[data-skin^="s-"] .thm:has(:focus-visible){outline-color:#fafafa}
html[data-skin^="s-"] .thm-plan{background:rgba(255,255,255,.06);color:#d4d4d8;font-family:var(--mono);font-weight:500}
html[data-skin^="s-"] .promo b{color:var(--acc-hi)}
html[data-skin^="s-"] .ft{background:var(--surface);border-top:1px solid var(--line)}
html[data-skin^="s-"] .ft-c a:hover,html[data-skin^="s-"] .ft-ch a:hover{color:var(--text)}

/* ---------------------------------------------------------------- dashboard, sign-in, fields */
html[data-skin^="s-"] .dash-body{--accent:var(--brand-text);--accent-hover:var(--brand-hover);--on-accent:var(--on-brand);--grad:linear-gradient(120deg,var(--acc),var(--acc-hi));--ring:color-mix(in srgb,var(--acc) 35%,transparent)}
html[data-skin^="s-"] .dash-body :is(h2,h3,h4){letter-spacing:-.015em}
html[data-skin^="s-"] .auth-r{background:#09090b}
html[data-skin^="s-"] :is(.fld input,.fld select,.fld textarea,.dinput,.dselect,.dtextarea,.ca-f textarea):focus,
html[data-skin^="s-"] :is(.dc-box,.fsearch,.bsearch,.dgroup):focus-within{border-color:var(--text);box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 18%,transparent)}
html[data-skin^="s-"] :focus-visible{outline-color:var(--text)}