:root{
  --bg:#0A0A0A;--bg-2:#141414;--bg-3:#1E1E1E;--bg-4:#282828;
  --line:rgba(255,255,255,0.07);--line-2:rgba(255,255,255,0.12);
  --ink:#EFEFEF;--ink-2:#BCBCBC;--ink-3:#787878;--ink-4:#484848;
  --accent:#C8F135;--accent-d:#A8D020;
  --accent-bg:rgba(200,241,53,0.08);--accent-bd:rgba(200,241,53,0.25);
  --green:#3DD68C;--green-bg:rgba(61,214,140,0.08);--green-bd:rgba(61,214,140,0.25);
  --red:#F56565;--red-bg:rgba(245,101,101,0.08);--red-bd:rgba(245,101,101,0.25);
  --amber:#F5A623;--amber-bg:rgba(245,166,35,0.1);--amber-bd:rgba(245,166,35,0.3);
  --r:8px;--rl:14px;
  --display:'Syne',sans-serif;--body:'Epilogue',sans-serif;
  --max:1100px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--body);background:var(--bg);color:var(--ink);font-size:15px;line-height:1.6;min-height:100vh;overflow-x:hidden;}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:999;opacity:.4;}

/* PAGE SYSTEM */
.page{
  display:none;min-height:100vh;
  opacity:0;
  transform:translateY(6px);
  transition:opacity .18s ease, transform .18s ease;
}
.page.active{
  display:block;
  opacity:1;
  transform:translateY(0);
}
.page.entering{
  opacity:0;
  transform:translateY(6px);
}
.page.active{display:block;}

/* DEMO BAR */
.demobar{background:var(--bg-3);border-bottom:1px solid var(--line);padding:.5rem 1rem;display:flex;gap:6px;flex-wrap:wrap;align-items:center;position:sticky;top:0;z-index:200;}
.demobar span{font-size:10px;color:var(--ink-4);font-family:var(--display);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-right:4px;}
.dtab{font-size:11px;font-weight:600;font-family:var(--display);padding:4px 12px;border-radius:999px;background:var(--bg-4);color:var(--ink-3);border:1px solid var(--line);cursor:pointer;transition:all .15s;white-space:nowrap;}
.dtab:hover{color:var(--ink-2);border-color:var(--line-2);}
.dtab.active{background:var(--accent);color:#0A0A0A;border-color:var(--accent);}

/* NAV */
.nav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2.5rem;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(10,10,10,0.92);backdrop-filter:blur(16px);z-index:100;}
.nav-logo{font-family:var(--display);font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--ink);display:flex;align-items:center;gap:8px;cursor:pointer;}
.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block;}
.nav-right{display:flex;align-items:center;gap:12px;min-width:0;}
.nav-txt{font-size:13px;color:var(--ink-3);text-decoration:none;cursor:pointer;transition:color .15s;background:none;border:none;font-family:var(--body);}
.nav-txt:hover{color:var(--ink);}
.nav-cta{font-size:13px;font-weight:600;padding:7px 18px;border-radius:999px;background:var(--accent);color:#0A0A0A;border:none;cursor:pointer;font-family:var(--display);transition:background .15s;}
.nav-cta:hover{background:var(--accent-d);}

/* HERO */
.hero{max-width:var(--max);margin:0 auto;padding:6rem 2.5rem 4rem;}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:1.75rem;font-family:var(--display);}
.kicker::before{content:'';width:24px;height:1px;background:var(--accent);display:block;}
.hero h1{font-family:var(--display);font-size:clamp(40px,7vw,86px);font-weight:800;line-height:.95;letter-spacing:-.04em;color:var(--ink);margin-bottom:1.5rem;max-width:820px;}
.hero h1 em{color:var(--accent);font-style:italic;}
.hero-sub{font-size:17px;color:var(--ink-3);max-width:460px;line-height:1.75;margin-bottom:2.5rem;font-weight:300;}
.hero-btns{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:2.5rem;width:fit-content;}
.btn-primary{padding:14px 28px;border-radius:999px;background:var(--accent);color:#0A0A0A;border:none;cursor:pointer;font-family:var(--display);font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:background .15s;}
.btn-primary:hover{background:var(--accent-d);}
.btn-outline{padding:14px 28px;border-radius:999px;background:transparent;color:var(--ink-2);border:1px solid var(--line-2);cursor:pointer;font-family:var(--display);font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:border-color .15s,color .15s;}
.btn-outline:hover{border-color:var(--ink-3);color:var(--ink);}
.steps-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.st{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-4);}
.st-n{width:20px;height:20px;border-radius:50%;background:var(--bg-3);border:1px solid var(--line-2);font-size:10px;font-weight:700;color:var(--ink-3);display:flex;align-items:center;justify-content:center;font-family:var(--display);}
.st-sep{color:var(--line-2);font-size:14px;}

/* STRIP */
.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.75rem 0;overflow:hidden;background:var(--bg-2);margin-bottom:4rem;}
.strip-inner{display:flex;align-items:center;gap:3rem;white-space:nowrap;animation:marquee 28s linear infinite;width:max-content;}
.strip-item{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);display:flex;align-items:center;gap:10px;}
.strip-item::after{content:'✦';color:var(--accent);font-size:8px;}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* SECTIONS */
.sec{max-width:var(--max);margin:0 auto;padding:0 2.5rem 4.5rem;}
.sec-top{padding-top:4rem;}
.sec-label{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:1.25rem;}
.sec-label::after{content:'';flex:1;height:1px;background:var(--line);}
.sec-h{font-family:var(--display);font-size:clamp(24px,4vw,40px);font-weight:800;letter-spacing:-.03em;color:var(--ink);margin-bottom:.75rem;line-height:1.05;}
.sec-h em{color:var(--accent);font-style:italic;}
.sec-sub{font-size:15px;color:var(--ink-3);line-height:1.7;max-width:500px;margin-bottom:2rem;font-weight:300;}

/* BA */
.jd-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--rl);padding:1.125rem 1.375rem;margin-bottom:1.25rem;}
.jd-label{font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);margin-bottom:.625rem;}
.jd-title{font-size:14px;font-weight:500;color:var(--ink);margin-bottom:4px;}
.jd-desc{font-size:13px;color:var(--ink-3);line-height:1.6;margin-bottom:.75rem;}
.kw-row{display:flex;flex-wrap:wrap;gap:5px;}
.kw{font-size:11px;padding:3px 10px;border-radius:999px;background:var(--bg-3);color:var(--ink-4);border:1px solid var(--line);font-family:var(--display);font-weight:600;}
.kw.hit{background:var(--green-bg);color:var(--green);border-color:var(--green-bd);}
.ba-toggle{display:flex;gap:0;margin-bottom:1rem;border:1px solid var(--line);border-radius:999px;overflow:hidden;width:fit-content;}
.ba-tab{padding:6px 18px;font-size:12px;font-weight:600;font-family:var(--display);background:var(--bg-2);color:var(--ink-3);border:none;cursor:pointer;transition:all .15s;}
.ba-tab.active{background:var(--accent);color:#0A0A0A;}
.ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:1.25rem;}
.ba-card{border:1px solid var(--line);border-radius:var(--rl);overflow:hidden;}
.ba-card.after{border-color:var(--accent);border-width:2px;}
.ba-head{padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;}
.ba-card.before .ba-head{background:var(--bg-3);color:var(--ink-4);}
.ba-card.after .ba-head{background:var(--accent);color:#0A0A0A;}
.ats{font-size:11px;padding:2px 8px;border-radius:999px;font-weight:700;}
.ats.low{background:var(--red-bg);color:var(--red);border:1px solid var(--red-bd);}
.ats.high{background:rgba(0,0,0,.18);color:#0A0A0A;}
.ba-body{padding:1rem;background:var(--bg-2);}
.cv-name{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:1px;font-family:var(--display);}
.cv-role{font-size:11px;color:var(--ink-4);margin-bottom:8px;}
.after .cv-role{color:var(--accent-d);}
.cv-st{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-4);margin-bottom:5px;margin-top:8px;padding-bottom:4px;border-bottom:1px solid var(--line);font-family:var(--display);}
.cv-p{font-size:12px;color:var(--ink-3);line-height:1.6;margin-bottom:5px;}
.cv-p.s{color:var(--ink-2);}
.miss{background:var(--red-bg);border-radius:3px;padding:0 3px;color:var(--red);}
.hit{background:var(--green-bg);border-radius:3px;padding:0 3px;color:var(--green);}
.bl{font-size:12px;color:var(--ink-3);padding-left:12px;position:relative;margin-bottom:4px;line-height:1.55;}
.bl::before{content:'·';position:absolute;left:2px;color:var(--ink-4);}
.bl.s{color:var(--ink-2);}
.bl.s::before{color:var(--accent);}
.sk-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px;}
.sk{font-size:10px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);font-family:var(--display);font-weight:600;}
.sk.m{background:var(--bg-3);color:var(--ink-4);}
.sk.h{background:var(--green-bg);color:var(--green);border-color:var(--green-bd);}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.stat{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:.875rem;text-align:center;}
.stat-lb{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);margin-bottom:6px;font-family:var(--display);}
.stat-v{display:flex;align-items:center;justify-content:center;gap:7px;}
.sv-b{font-size:14px;font-weight:700;color:var(--red);text-decoration:line-through;font-family:var(--display);}
.sv-ar{font-size:11px;color:var(--ink-4);}
.sv-a{font-size:14px;font-weight:700;color:var(--green);font-family:var(--display);}

/* HOW IT WORKS */
.hiw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.hiw-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--rl);padding:1.375rem;position:relative;overflow:hidden;transition:border-color .2s;}
.hiw-card:hover{border-color:var(--line-2);}
.hiw-n{font-family:var(--display);font-size:48px;font-weight:800;color:rgba(200,241,53,.05);position:absolute;top:.5rem;right:.875rem;line-height:1;pointer-events:none;letter-spacing:-.04em;}
.hiw-ic{width:34px;height:34px;border-radius:var(--r);background:var(--accent-bg);border:1px solid var(--accent-bd);display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:.875rem;}
.hiw-title{font-family:var(--display);font-size:13px;font-weight:700;color:var(--ink);margin-bottom:5px;}
.hiw-desc{font-size:12px;color:var(--ink-3);line-height:1.65;font-weight:300;}

/* PRICING */
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.tier-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--rl);padding:1.625rem 1.375rem;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .2s,transform .15s;}
.tier-card:hover{border-color:var(--line-2);transform:translateY(-2px);}
.tier-card.feat{border-color:var(--accent);border-width:2px;}
.tier-card.feat::before{content:'POPULAR';position:absolute;top:0;right:0;font-family:var(--display);font-size:9px;font-weight:800;letter-spacing:.08em;background:var(--accent);color:#0A0A0A;padding:4px 10px;border-bottom-left-radius:var(--r);}
.tier-name{font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);margin-bottom:.75rem;}
.tier-price{font-family:var(--display);font-size:34px;font-weight:800;letter-spacing:-.03em;color:var(--ink);line-height:1;margin-bottom:3px;}
.tier-price sup{font-size:14px;font-weight:400;color:var(--ink-4);vertical-align:super;letter-spacing:0;}
.tier-access{font-size:12px;color:var(--ink-3);margin-bottom:1.125rem;font-weight:300;}
.tier-cap{font-size:11px;color:var(--ink-4);background:var(--bg-3);border-radius:999px;padding:3px 10px;margin-bottom:1.125rem;display:inline-flex;align-items:center;gap:4px;font-family:var(--display);font-weight:600;letter-spacing:.02em;width:fit-content;}
.tier-div{height:1px;background:var(--line);margin-bottom:1.125rem;}
.tier-feats{list-style:none;margin-bottom:1.5rem;flex:1;}
.tier-feats li{font-size:12px;color:var(--ink-3);padding:.275rem 0;display:flex;align-items:flex-start;gap:7px;line-height:1.5;}
.tier-feats li::before{content:'✓';color:var(--accent);font-weight:700;font-family:var(--display);font-size:11px;flex-shrink:0;margin-top:1px;}
.tier-feats li.off{color:var(--ink-4);}
.tier-feats li.off::before{content:'–';color:var(--ink-4);}
.tier-btn{width:100%;padding:12px;border-radius:999px;font-family:var(--display);font-size:13px;font-weight:700;cursor:pointer;border:1px solid var(--line-2);background:var(--bg-3);color:var(--ink-2);transition:all .15s;text-align:center;}
.tier-btn:hover{background:var(--bg-4);border-color:var(--ink-4);color:var(--ink);}
.tier-card.feat .tier-btn{background:var(--accent);color:#0A0A0A;border-color:var(--accent);}
.tier-card.feat .tier-btn:hover{background:var(--accent-d);}

/* MAGIC SECTION */
.magic-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--rl);padding:2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;}
.magic-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.875rem;}
.magic-h{font-family:var(--display);font-size:clamp(20px,3vw,28px);font-weight:800;letter-spacing:-.03em;color:var(--ink);margin-bottom:.75rem;line-height:1.1;}
.magic-p{font-size:14px;color:var(--ink-3);line-height:1.75;font-weight:300;}
.mstep{display:flex;gap:14px;align-items:flex-start;padding:.875rem 0;border-bottom:1px solid var(--line);}
.mstep:last-child{border-bottom:none;padding-bottom:0;}
.mstep-ic{width:34px;height:34px;border-radius:var(--r);background:var(--bg-3);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
.mstep.done .mstep-ic{background:var(--green-bg);border-color:var(--green-bd);}
.mstep-title{font-family:var(--display);font-size:13px;font-weight:700;color:var(--ink);margin-bottom:2px;}
.mstep-desc{font-size:12px;color:var(--ink-3);font-weight:300;line-height:1.5;}

/* CTA BANNER */
.cta-card{background:var(--accent);border-radius:var(--rl);padding:3.5rem 3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;}
.cta-h{font-family:var(--display);font-size:clamp(22px,4vw,38px);font-weight:800;letter-spacing:-.03em;color:#0A0A0A;line-height:1.05;margin-bottom:.5rem;}
.cta-sub{font-size:15px;color:rgba(10,10,10,.6);font-weight:300;line-height:1.5;}
.cta-btns{display:flex;gap:12px;flex-shrink:0;flex-wrap:wrap;}
.btn-dark{padding:13px 26px;border-radius:999px;background:#0A0A0A;color:var(--accent);border:none;cursor:pointer;font-family:var(--display);font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:opacity .15s;}
.btn-dark:hover{opacity:.85;}
.btn-outline-dark{padding:13px 26px;border-radius:999px;background:transparent;color:#0A0A0A;border:2px solid rgba(10,10,10,.25);cursor:pointer;font-family:var(--display);font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:border-color .15s;}
.btn-outline-dark:hover{border-color:rgba(10,10,10,.5);}

/* LOGIN PAGE */
.login-wrap{min-height:calc(100vh - 48px);display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem;}
.login-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--rl);padding:2rem 2.5rem 2.5rem;width:100%;max-width:420px;}
.login-logo{font-family:var(--display);font-size:16px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:7px;margin-bottom:2rem;}
.login-h{font-family:var(--display);font-size:24px;font-weight:800;letter-spacing:-.03em;color:var(--ink);margin-bottom:.5rem;}
.login-sub{font-size:14px;color:var(--ink-3);margin-bottom:2rem;font-weight:300;line-height:1.6;}
.selected-plan{background:var(--accent-bg);border:1px solid var(--accent-bd);border-radius:var(--r);padding:.75rem 1rem;margin-bottom:1.5rem;font-size:13px;color:var(--ink-2);display:flex;align-items:center;justify-content:space-between;}
.selected-plan strong{font-family:var(--display);font-weight:700;color:var(--accent);}
.fl{margin-bottom:1.125rem;}
.fl label{display:block;font-size:12px;font-weight:600;color:var(--ink-3);margin-bottom:5px;font-family:var(--display);letter-spacing:.03em;text-transform:uppercase;}
input[type="email"],input[type="text"]{width:100%;font-family:var(--body);font-size:14px;padding:12px 14px;color:var(--ink);background:var(--bg-3);border:1px solid var(--line);border-radius:var(--r);transition:border-color .15s;}
input::placeholder{color:var(--ink-4);}
input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(200,241,53,.08);}
.submit-btn{width:100%;padding:14px;background:var(--accent);color:#0A0A0A;border:none;border-radius:999px;font-family:var(--display);font-size:14px;font-weight:700;cursor:pointer;transition:background .15s;margin-top:.25rem;}
.submit-btn:hover{background:var(--accent-d);}
.login-note{text-align:center;font-size:12px;color:var(--ink-4);margin-top:.875rem;}

/* MAGIC SENT PAGE */
.magic-wrap{min-height:calc(100vh - 48px);display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem;}
.magic-sent-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--rl);padding:2.5rem;width:100%;max-width:420px;text-align:center;}
.magic-ic{width:56px;height:56px;border-radius:50%;background:var(--accent-bg);border:1px solid var(--accent-bd);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 1.25rem;}
.magic-sent-h{font-family:var(--display);font-size:22px;font-weight:800;color:var(--ink);margin-bottom:.75rem;}
.magic-sent-p{font-size:14px;color:var(--ink-3);line-height:1.7;margin-bottom:1.5rem;font-weight:300;}
.magic-email-box{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--r);padding:.75rem 1rem;font-size:14px;color:var(--accent);font-family:var(--display);font-weight:700;margin-bottom:1.25rem;}
.timer-note{font-size:12px;color:var(--ink-4);margin-bottom:1.5rem;}
.btn-resend{background:none;border:1px solid var(--line-2);color:var(--ink-3);border-radius:999px;padding:9px 20px;font-family:var(--display);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;width:100%;}
.btn-resend:hover{border-color:var(--line-2);color:var(--ink);}

/* DASHBOARD */
.dash-wrap{max-width:800px;margin:0 auto;padding:2.5rem 2rem;}
.dash-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem;gap:1rem;flex-wrap:wrap;}
.dash-h{font-family:var(--display);font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--ink);margin-bottom:4px;}
.dash-sub{font-size:14px;color:var(--ink-3);font-weight:300;}
.plan-pill{display:inline-flex;align-items:center;gap:6px;background:var(--accent-bg);border:1px solid var(--accent-bd);border-radius:999px;padding:5px 14px;font-family:var(--display);font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.04em;text-transform:uppercase;}
.plan-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);}
.rewrite-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--rl);overflow:hidden;margin-bottom:1.5rem;}
.rewrite-head{background:var(--bg-3);padding:1rem 1.375rem;border-bottom:1px solid var(--line);}
.rewrite-head h3{font-family:var(--display);font-size:14px;font-weight:700;color:var(--ink);margin-bottom:3px;}
.rewrite-head p{font-size:12px;color:var(--ink-3);font-weight:300;}
.rewrite-body{padding:1.375rem;}
textarea{width:100%;font-family:var(--body);font-size:13px;padding:12px 14px;color:var(--ink);background:var(--bg-3);border:1px solid var(--line);border-radius:var(--r);resize:vertical;min-height:120px;transition:border-color .15s;}
textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(200,241,53,.08);}
textarea::placeholder{color:var(--ink-4);}
.field-gap{height:1rem;}
.dash-submit{width:100%;padding:14px;background:var(--accent);color:#0A0A0A;border:none;border-radius:999px;font-family:var(--display);font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,transform .1s;}
.dash-submit:hover{background:var(--accent-d);}
.dash-submit:active{transform:scale(.99);}
.cap-note{font-size:12px;color:var(--ink-4);text-align:center;margin-top:.75rem;}

/* PROCESSING */
.proc-wrap{min-height:calc(100vh - 48px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.125rem;padding:2rem;text-align:center;}
.spinner{width:42px;height:42px;border:3px solid var(--bg-3);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.proc-h{font-family:var(--display);font-size:22px;font-weight:800;color:var(--ink);}
.proc-sub{font-size:14px;color:var(--ink-3);max-width:300px;font-weight:300;}
.proc-steps{display:flex;flex-direction:column;gap:8px;margin-top:.5rem;}
.pstep{display:flex;align-items:center;gap:10px;font-size:13px;}
.pstep-ic{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;font-family:var(--display);}
.pstep.done{color:var(--ink-2);}
.pstep.done .pstep-ic{background:var(--green-bg);color:var(--green);border:1px solid var(--green-bd);}
.pstep.active{color:var(--ink);}
.pstep.active .pstep-ic{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-bd);}
.pstep.pending{color:var(--ink-4);}
.pstep.pending .pstep-ic{background:var(--bg-3);color:var(--ink-4);border:1px solid var(--line);}

/* RESULT */
.result-wrap{max-width:800px;margin:0 auto;padding:2rem 2rem 3rem;}
.success-bar{background:var(--green-bg);border:1px solid var(--green-bd);border-radius:var(--r);padding:.875rem 1.125rem;display:flex;align-items:center;gap:12px;margin-bottom:1.375rem;}
.success-ic{width:32px;height:32px;border-radius:50%;background:var(--green);color:#0A0A0A;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;}
.success-bar strong{display:block;font-size:14px;font-weight:600;color:var(--green);font-family:var(--display);}
.success-bar span{font-size:12px;color:var(--green);opacity:.7;}
.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:1.125rem;}
.rs{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:.75rem;text-align:center;}
.rs-lb{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);margin-bottom:4px;font-family:var(--display);}
.rs-val{font-size:16px;font-weight:700;color:var(--ink);font-family:var(--display);}
.rs-val.good{color:var(--green);}
.act-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1.125rem;}
.btn-dl{padding:13px;background:var(--accent);color:#0A0A0A;border:none;border-radius:999px;font-family:var(--display);font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s;}
.btn-dl:hover{background:var(--accent-d);}
.btn-copy{padding:13px;background:var(--bg-2);color:var(--ink);border:1px solid var(--line-2);border-radius:999px;font-family:var(--display);font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s;}
.btn-copy:hover{background:var(--bg-3);}
.cv-preview{border:1px solid var(--line);border-radius:var(--rl);overflow:hidden;margin-bottom:1.125rem;}
.cv-ph{background:var(--bg-2);padding:.75rem 1.125rem;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--ink-3);font-family:var(--display);}
.cv-pb{padding:1.375rem;background:var(--bg);}
.cv-pb h3{font-family:var(--display);font-size:18px;font-weight:800;color:var(--ink);margin-bottom:2px;}
.cv-contact{font-size:12px;color:var(--ink-4);margin-bottom:.875rem;}
.cv-sth{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-4);margin-top:.875rem;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--line);font-family:var(--display);}
.cv-pb p{color:var(--ink-2);font-size:13px;margin-bottom:6px;line-height:1.7;}
.cv-pb .jt{font-weight:600;font-size:13px;color:var(--ink);}
.cv-pb .jm{font-size:11px;color:var(--ink-4);margin-bottom:5px;}
.cv-pb ul{padding-left:16px;}
.cv-pb li{color:var(--ink-2);font-size:13px;margin-bottom:3px;line-height:1.6;}
.stags{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px;}
.stag{font-size:11px;padding:3px 10px;border-radius:999px;background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-bd);font-family:var(--display);font-weight:600;}
.expiry-note{text-align:center;font-size:12px;color:var(--ink-4);padding:8px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);margin-bottom:1.125rem;}
.upsell{border:2px solid var(--accent);border-radius:var(--rl);padding:1.125rem;display:flex;gap:12px;margin-bottom:1.125rem;background:var(--accent-bg);}
.upsell-ic{width:38px;height:38px;border-radius:var(--r);background:var(--accent-bg);border:1px solid var(--accent-bd);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;}
.upsell h4{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:3px;font-family:var(--display);}
.upsell p{font-size:13px;color:var(--ink-3);margin-bottom:8px;line-height:1.5;font-weight:300;}
.upsell-btn{font-size:12px;font-weight:700;color:var(--accent);background:var(--bg-2);border:1px solid var(--accent-bd);border-radius:999px;padding:6px 14px;cursor:pointer;font-family:var(--display);transition:background .15s;}
.upsell-btn:hover{background:var(--bg-3);}
.share-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--rl);padding:1.125rem;text-align:center;margin-bottom:1.125rem;}
.share-card h4{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:4px;font-family:var(--display);}
.share-card p{font-size:12px;color:var(--ink-3);margin-bottom:10px;font-weight:300;}
.share-btns{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;}
.sh-btn{font-size:12px;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--bg-3);color:var(--ink-2);cursor:pointer;font-family:var(--display);display:flex;align-items:center;gap:6px;transition:border-color .15s;}
.sh-btn:hover{border-color:var(--line-2);}
.resend-note{text-align:center;font-size:12px;color:var(--ink-4);margin-bottom:1rem;}
.resend-note button{color:var(--accent);background:none;border:none;cursor:pointer;font-family:var(--body);font-size:12px;}

/* ERROR PAGES */
.err-wrap{min-height:calc(100vh - 48px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.875rem;padding:2rem 1.125rem;text-align:center;}
.err-ic{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto;}
.err-wrap h2{font-family:var(--display);font-size:24px;font-weight:800;color:var(--ink);}
.err-wrap p{font-size:14px;color:var(--ink-3);max-width:340px;line-height:1.6;font-weight:300;}
.err-code{font-family:var(--display);font-size:72px;font-weight:800;color:var(--bg-3);line-height:1;}

/* FOOTER */
footer{border-top:1px solid var(--line);padding:1.5rem 2.5rem;}
.foot-inner{display:flex;flex-direction:column;gap:1rem;}
.foot-top{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;}
.foot-logo{display:flex;align-items:center;gap:6px;}
.foot-links{display:flex;gap:1.5rem;flex-wrap:wrap;}
.foot-link{font-size:12px;color:var(--ink-4);text-decoration:none;cursor:pointer;background:none;border:none;font-family:var(--body);transition:color .15s;}
.foot-link:hover{color:var(--ink-3);}
.foot-copy{font-size:12px;color:var(--ink-4);}
@media(max-width:600px){
  .foot-top{flex-direction:column;align-items:flex-start;gap:.875rem;}
  .foot-links{gap:1rem;}
}

/* ── MOBILE ─────────────────────────────────────── */

/* PRICING PAGE TIER CARDS */
.ptier-card{
  background:var(--bg-2);border:1px solid var(--line);
  border-radius:var(--rl);padding:1.5rem 1.25rem;
  display:flex;flex-direction:column;
  position:relative;overflow:hidden;
  transition:border-color .2s,transform .15s;
}
.ptier-card:hover{border-color:var(--line-2);transform:translateY(-2px);}
.ptier-card.current{border-color:var(--accent);border-width:2px;}
.ptier-card.upgrade{border-color:var(--green);border-width:2px;}
.ptier-card.downgrade{opacity:.7;}
.ptier-card.same-renew{border-color:var(--accent);border-width:2px;}
.ptier-badge{
  position:absolute;top:0;right:0;
  font-family:var(--display);font-size:9px;font-weight:800;
  letter-spacing:.07em;text-transform:uppercase;
  padding:4px 10px;border-bottom-left-radius:var(--r);
}
.ptier-badge.badge-current{background:var(--accent);color:#0A0A0A;}
.ptier-badge.badge-upgrade{background:var(--green);color:#0A0A0A;}
.ptier-badge.badge-renew{background:var(--accent);color:#0A0A0A;}
.ptier-badge.badge-downgrade{background:var(--bg-4);color:var(--ink-4);}
.ptier-cta{
  width:100%;padding:11px;border-radius:999px;
  font-family:var(--display);font-size:12px;font-weight:700;
  cursor:pointer;border:1px solid var(--line-2);
  background:var(--bg-3);color:var(--ink-2);
  transition:all .15s;margin-top:auto;
}
.ptier-cta:hover{background:var(--bg-4);border-color:var(--ink-4);color:var(--ink);}
.ptier-cta.cta-current{background:var(--accent);color:#0A0A0A;border-color:var(--accent);}
.ptier-cta.cta-current:hover{background:var(--accent-d);}
.ptier-cta.cta-upgrade{background:var(--green-bg);color:var(--green);border-color:var(--green-bd);}
.ptier-cta.cta-upgrade:hover{background:rgba(61,214,140,0.18);}
.ptier-cta.cta-disabled{opacity:.45;cursor:not-allowed;pointer-events:none;}
@media(max-width:900px){#pricing-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:500px){#pricing-grid{grid-template-columns:1fr;} .ptier-card:hover{transform:none;}}


/* OUTPUT TABS */
.upgrade-badge{font-size:12px;padding:4px 12px;border-radius:999px;background:var(--bg-3);color:var(--ink-4);border:1px solid var(--line);font-family:var(--display);font-weight:700;cursor:pointer;display:inline-block;}
.upgrade-badge:hover{border-color:var(--accent);color:var(--accent);}
.out-tab{
  font-family:var(--display);font-size:12px;font-weight:700;
  padding:7px 16px;border-radius:999px;
  background:var(--bg-2);color:var(--ink-3);
  border:1px solid var(--line);cursor:pointer;
  transition:all .15s;letter-spacing:.02em;
  display:flex;align-items:center;gap:6px;
}
.out-tab:hover{border-color:var(--line-2);color:var(--ink-2);}
.out-tab.active{background:var(--accent);color:#0A0A0A;border-color:var(--accent);}
.out-tab.locked{opacity:.45;cursor:not-allowed;}
.tone-btn{
  font-family:var(--display);font-size:11px;font-weight:700;
  padding:5px 14px;border-radius:999px;
  background:var(--bg-3);color:var(--ink-3);
  border:1px solid var(--line);cursor:pointer;
  transition:all .15s;
}
.tone-btn:hover{border-color:var(--line-2);color:var(--ink-2);}
.tone-btn.active{background:var(--bg-4);color:var(--ink);border-color:var(--line-2);}

@media(max-width:900px){
  .hiw-grid{grid-template-columns:repeat(2,1fr);}
  .pricing-grid{grid-template-columns:repeat(2,1fr);}
  .magic-card{grid-template-columns:1fr;gap:1.5rem;}
  .stats-row{grid-template-columns:repeat(2,1fr);}
  .hero{padding:4rem 1.5rem 3rem;}
  .result-stats{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
  /* ── DEMOBAR ─────────────────────────────────── */
  .demobar{overflow-x:auto;flex-wrap:nowrap;padding:.5rem .875rem;gap:5px;}

  /* ── NAV ────────────────────────────────────── */
  .nav{padding:.875rem 1.125rem;}
  .nav-txt{display:none;}
  .nav-cta{padding:7px 14px;font-size:12px;}
  /* Auth state nav — logged out: hide text links, keep CTA */
  #nav-loggedout .nav-txt{display:none;}
  /* Auth state nav — active plan: show truncated plan text + dashboard button */
  #nav-active{gap:8px;max-width:calc(100vw - 140px);}
  #nav-active span#nav-plan-label{
    font-size:11px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:120px;
  }
  #nav-active .nav-cta{white-space:nowrap;flex-shrink:0;}
  /* Auth state nav — no plan: hide Renew text link, keep Dashboard button */
  #nav-noplan{gap:8px;}
  #nav-noplan .nav-txt{display:none;}
  #nav-noplan span#nav-noplan-label{display:none;}
  /* Auth toggle bar below nav */
  .nav + div[style*="Simulate"]{
    overflow-x:auto;
    flex-wrap:nowrap !important;
    padding:.5rem .875rem;
    gap:6px;
  }

  /* ── HERO ───────────────────────────────────── */
  .hero{padding:2.5rem 1.125rem 2rem;}
  .kicker{font-size:10px;margin-bottom:1rem;}
  .hero h1{font-size:clamp(32px,10vw,46px);letter-spacing:-.03em;line-height:1;margin-bottom:1rem;}
  .hero-sub{font-size:14px;margin-bottom:1.5rem;}
  .hero-btns{flex-direction:column;gap:10px;align-items:stretch;margin-bottom:1.75rem;}
  .btn-primary,.btn-outline{width:100%;justify-content:center;padding:14px 20px;}
  .steps-row{gap:4px;}
  .st{font-size:11px;gap:5px;}
  .st-sep{display:none;}

  /* ── SECTIONS ───────────────────────────────── */
  .sec{padding-left:1.125rem;padding-right:1.125rem;padding-bottom:3rem;}
  .sec-h{font-size:clamp(22px,7vw,30px);}
  .sec-sub{font-size:13px;}

  /* ── BEFORE/AFTER ───────────────────────────── */
  .stats-row{grid-template-columns:repeat(2,1fr);gap:8px;}
  .stat{padding:.75rem;}

  /* ── HOW IT WORKS ───────────────────────────── */
  .hiw-grid{grid-template-columns:1fr;gap:10px;}
  .hiw-card{padding:1.125rem;}

  /* ── HOME PRICING GRID ──────────────────────── */
  .tier-grid{grid-template-columns:1fr;}
  .tier-card{padding:1.375rem 1.125rem;}
  .tier-card:hover{transform:none;}
  .tier-price{font-size:30px;}

  /* ── PRICING PAGE ───────────────────────────── */
  #pricing-grid{grid-template-columns:1fr !important;gap:10px;}
  .ptier-card{padding:1.375rem 1.125rem;}
  .ptier-card:hover{transform:none;}

  /* ── MAGIC LINK EXPLAINER ───────────────────── */
  .magic-card{padding:1.375rem;gap:1.5rem;}
  .magic-h{font-size:20px;}

  /* ── CTA BANNER ─────────────────────────────── */
  .cta-card{padding:2rem 1.25rem;flex-direction:column;gap:1.25rem;}
  .cta-h{font-size:clamp(20px,6vw,26px);}
  .cta-card{text-align:center;}
  .cta-sub{font-size:14px;}
  .cta-btns{flex-direction:column;gap:10px;width:100%;}
  .btn-dark,.btn-outline-dark{width:100% !important;justify-content:center;padding:13px 20px;display:flex;}

  /* ── FOOTER ─────────────────────────────────── */
  footer{padding:1.25rem 1.125rem;flex-direction:column;align-items:flex-start;}

  /* ── LOGIN / MAGIC / AUTH PAGES ─────────────── */
  .login-wrap{padding:1.5rem 1.125rem;}
  .login-card{padding:1.5rem 1.125rem;}
  .magic-wrap{padding:1.5rem 1.125rem;}
  .magic-sent-card{padding:1.5rem 1.125rem;}

  /* ── DASHBOARD ──────────────────────────────── */
  .dash-wrap{padding-left:1.125rem;padding-right:1.125rem;}
  .dash-header{flex-direction:column;gap:.75rem;}
  .plan-pill{font-size:11px;}
  .rewrite-card{margin-bottom:1rem;}
  .rewrite-head{padding:.875rem 1rem;}
  .rewrite-body{padding:1.125rem;}
  #output-selector{gap:6px;}
  .out-tab{font-size:11px;padding:6px 12px;}
  .tone-btn{font-size:11px;padding:4px 10px;}
  .cap-note{font-size:11px;}
  .dash-submit{padding:14px;}

  /* ── DASHBOARD NOSUB TIER GRID ──────────────── */
  #page-dash-nosub [style*="grid-template-columns:repeat(2"]{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  /* ── RESULT PAGE ────────────────────────────── */
  .result-wrap{padding-left:1.125rem;padding-right:1.125rem;}
  .result-stats{grid-template-columns:repeat(2,1fr);gap:8px;}
  .act-row{grid-template-columns:1fr;}
  .cv-ph{flex-direction:column;align-items:flex-start;gap:.5rem;}
  .cv-ph button{align-self:flex-end;}
  .share-btns{flex-direction:column;align-items:stretch;}
  .sh-btn{justify-content:center;}
  .upsell{flex-direction:column;gap:.875rem;}

  /* ── ACCOUNT PAGE ───────────────────────────── */
  #page-account .dash-wrap{padding-left:1.125rem;padding-right:1.125rem;}
  #page-account [style*="grid-template-columns:repeat(3"]{
    grid-template-columns:1fr 1fr 1fr !important;
  }
  #page-account [style*="justify-content:space-between"]{
    flex-direction:column;gap:.625rem;
  }
  #page-account .logout-btns,
  #page-account [style*="display:flex"][style*="gap:10px"]:not(.plan-pill){
    flex-direction:column;
  }

  /* ── CHECKOUT PAGE ──────────────────────────── */
  #page-checkout .login-wrap{padding:1.5rem 1.125rem;}
  #page-checkout [style*="max-width:460px"]{max-width:100% !important;}
  #co-pay-btn{font-size:14px !important;}

  /* ── PAY SUCCESS ────────────────────────────── */
  #page-pay-success [style*="max-width:320px"]{max-width:100% !important;width:100% !important;}
  #page-pay-success [style*="grid-template-columns:repeat(2"]{
    grid-template-columns:1fr !important;
  }

  /* ── VERIFY / PROC ──────────────────────────── */
  .proc-wrap{padding:1.5rem 1.125rem;}
  .proc-steps{max-width:100%;}
  .verify-steps{max-width:100%;}

  /* ── ERROR PAGES (404, failed, expired) ─────── */
  .err-wrap{padding:2rem 1.125rem;}
  .err-code{font-size:56px;}
  .err-actions{flex-direction:column;align-items:stretch;}
  .err-actions button{width:100%;justify-content:center;}

  /* ── DELETED / REACTIVATE PAGES ─────────────── */
  #page-deleted [style*="max-width:440px"],
  #page-reactivate [style*="max-width:420px"],
  #page-reactivated [style*="max-width:400px"],
  #page-hard-deleted [style*="max-width:400px"]{
    max-width:100% !important;
  }
  #page-deleted [style*="display:flex"][style*="gap:10px"],
  #page-reactivate [style*="display:flex"][style*="gap:10px"]{
    flex-direction:column !important;
  }
  #page-deleted button,
  #page-reactivate button,
  #page-reactivated button,
  #page-hard-deleted button{
    width:100%;
  }
  #page-deleted [style*="display:flex;flex-direction:column;gap:.75rem"] > div{
    flex-direction:row;
  }

  /* ── PRICING PAGE CONTEXT BANNER ────────────── */
  #pricing-current-banner{flex-direction:column !important;gap:.5rem !important;}

  /* ── EMAILS PAGE ────────────────────────────── */
  #page-emails > div{padding-left:1.125rem !important;padding-right:1.125rem !important;}
  #page-emails [style*="display:flex;gap:6px"]{gap:5px;}
  #page-emails .out-tab{font-size:11px;padding:5px 10px;}
  #page-emails .cv-preview [style*="padding:1.75rem"]{padding:1.125rem !important;}

  /* ── MAGIC EXPIRED / USED ───────────────────── */
  #page-magic-expired [style*="display:flex;gap:10px"],
  #page-magic-used [style*="display:flex;gap:10px"]{
    flex-direction:column !important;align-items:stretch !important;
  }
  #page-magic-expired button,
  #page-magic-used button{width:100%;}

  /* ── REWRITE FAILED ─────────────────────────── */
  #page-rewrite-failed [style*="display:flex;gap:10px"]{
    flex-direction:column !important;align-items:stretch !important;
  }
  #page-rewrite-failed button{width:100%;}
  #page-rewrite-failed [style*="max-width:360px"]{max-width:100% !important;}

  /* ── LOGOUT MODAL ───────────────────────────── */
  .logout-card{padding:1.5rem 1.125rem;}
  .logout-btns{flex-direction:column;}

  /* ── DELETE MODAL ───────────────────────────── */
  #delete-modal > div{padding:1.5rem 1.125rem;margin:0 .5rem;}
  #delete-modal [style*="display:flex;gap:10px"]{flex-direction:column;}
  #delete-modal button{width:100%;justify-content:center;}

  /* ── SUPPORT MODAL ──────────────────────────── */
  #support-modal > div{padding:1.5rem 1.125rem;margin:0 .5rem;}
  #support-modal [style*="display:flex;gap:10px"]{flex-direction:column;}
  #support-modal button{flex:none;width:100%;}

  /* ── DASH BANNER ────────────────────────────── */
  .dash-banner{padding:.75rem .875rem;}
  .dash-banner-close{font-size:18px;}
}

/* ── EXTRA TABLET BREAKPOINT 600-900 ─────────── */
@media(min-width:601px) and (max-width:900px){
  .outputs-grid{grid-template-columns:repeat(2,1fr);}
  .numbers-grid{grid-template-columns:repeat(3,1fr);}
  .tracker-promo-grid{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem;}
  .pricing-grid{grid-template-columns:repeat(2,1fr);}
  #pricing-grid{grid-template-columns:repeat(2,1fr) !important;}
  .hiw-grid{grid-template-columns:repeat(2,1fr);}
  .result-stats{grid-template-columns:repeat(2,1fr);}
  .magic-card{grid-template-columns:1fr;}
}


/* ── MODAL DESKTOP CENTERING ─────────────────── */
@media(min-width:601px){
  #delete-modal,#logout-modal,#support-modal{
    align-items:center !important;
    padding:1.25rem !important;
  }
  #delete-modal > div,
  #support-modal > div{
    border-radius:var(--rl) !important;
  }
  .logout-card{
    border-radius:var(--rl) !important;
  }
}



/* ── APPLICATION TRACKER ──────────────────────── */
.tracker-row{
  display:flex;align-items:center;gap:12px;
  padding:.875rem 1.375rem;
  border-bottom:1px solid var(--line);
  transition:background .15s;
  cursor:pointer;
}
.tracker-row:last-child{border-bottom:none;}
.tracker-row:hover{background:var(--bg-3);}
.tracker-company{
  font-size:13px;font-weight:500;color:var(--ink);
  margin-bottom:2px;
}
.tracker-meta{
  font-size:11px;color:var(--ink-4);
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
}
.tracker-meta-sep{color:var(--line-2);}
.tracker-stat{
  background:var(--bg-2);border:1px solid var(--line);
  border-radius:var(--r);padding:.875rem;text-align:center;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.tracker-stat-label{
  font-size:10px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-4);
  margin-bottom:4px;font-family:var(--display);
}
.tracker-stat-val{
  font-family:var(--display);font-size:22px;font-weight:800;color:var(--ink);
  line-height:1;
}
.tracker-stage{
  display:inline-flex;align-items:center;gap:5px;
  font-size:11px;font-weight:700;font-family:var(--display);
  padding:3px 10px;border-radius:999px;
  letter-spacing:.02em;cursor:pointer;
  border:none;white-space:nowrap;flex-shrink:0;
  transition:opacity .15s;
}
.tracker-stage:hover{opacity:.8;}
.stage-applied{background:var(--bg-3);color:var(--ink-3);border:1px solid var(--line-2);}
.stage-interviewing{background:rgba(75,142,245,0.1);color:#4B8EF5;border:1px solid rgba(75,142,245,0.3);}
.stage-offer{background:var(--green-bg);color:var(--green);border:1px solid var(--green-bd);}
.stage-rejected{background:var(--red-bg);color:var(--red);border:1px solid var(--red-bd);}
.stage-no-response{background:var(--bg-3);color:var(--ink-4);border:1px solid var(--line-2);}
.tracker-actions{
  display:flex;align-items:center;gap:8px;flex-shrink:0;
}
.tracker-btn{
  font-size:11px;font-weight:700;color:var(--accent);
  background:none;border:none;cursor:pointer;
  font-family:var(--display);padding:0;
  white-space:nowrap;
}
.tracker-btn:hover{text-decoration:underline;}
.tracker-btn.dim{color:var(--ink-4);}

/* Stage dropdown */
.stage-dropdown{
  position:absolute;
  background:var(--bg-2);border:1px solid var(--line-2);
  border-radius:var(--rl);
  box-shadow:0 8px 32px rgba(0,0,0,.4);
  z-index:200;min-width:200px;
  overflow:hidden;
}
.stage-option{
  display:flex;align-items:center;gap:10px;
  padding:.75rem 1.125rem;
  font-size:13px;color:var(--ink-2);
  cursor:pointer;border:none;background:none;
  width:100%;text-align:left;
  border-bottom:1px solid var(--line);
  transition:background .12s;
  font-family:var(--body);
}
.stage-option:last-child{border-bottom:none;}
.stage-option:hover{background:var(--bg-3);}
.stage-option-dot{
  width:8px;height:8px;border-radius:50%;flex-shrink:0;
}
.stage-coming-soon{
  font-size:11px;padding:.625rem 1.125rem;
  color:var(--ink-4);font-style:italic;
  border-top:1px solid var(--line);
  background:var(--bg-3);
  display:flex;align-items:center;gap:8px;
}
.coming-soon-badge{
  font-size:10px;font-weight:700;font-family:var(--display);
  letter-spacing:.06em;padding:2px 7px;border-radius:999px;
  background:var(--accent-bg);color:var(--accent);
  border:1px solid var(--accent-bd);
}
@media(max-width:600px){
  /* Tracker stats — 3+2 on mobile */
  #tracker-stats{grid-template-columns:repeat(3,1fr) !important;}
  #tracker-stats > div{min-width:0;}
  .tracker-stat-val{font-size:20px;}
  /* Tracker rows — stack on mobile */
  .tracker-row{
    flex-direction:column;
    align-items:flex-start;
    padding:.875rem 1.125rem;
    gap:.625rem;
  }
  .tracker-actions{
    width:100%;
    justify-content:space-between;
    gap:6px;
  }
  .tracker-stage{flex:1;justify-content:center;}
  .tracker-btn{flex-shrink:0;}
  /* Filter tabs scroll */
  #page-tracker .dash-header{flex-direction:column;gap:.875rem;}
  #page-tracker .dash-header > div:last-child{
    overflow-x:auto;
    flex-wrap:nowrap !important;
    display:flex;
    gap:6px;
    padding-bottom:2px;
  }
  #page-tracker .out-tab{white-space:nowrap;flex-shrink:0;}
  /* Dropdown position on mobile */
  .stage-dropdown{
    left:1rem !important;
    right:1rem !important;
    width:auto !important;
  }
}


/* ── WAITLIST PAGE ────────────────────────────── */
.wl-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);overflow:hidden;position:relative;}

/* Animated grid background */
.wl-grid-bg{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(200,241,53,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(200,241,53,0.04) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, black 0%, transparent 80%);
  pointer-events:none;
}

/* Glowing orb */
.wl-orb{
  position:absolute;top:-200px;left:50%;transform:translateX(-50%);
  width:600px;height:600px;border-radius:50%;
  background:radial-gradient(circle, rgba(200,241,53,0.12) 0%, rgba(200,241,53,0.04) 40%, transparent 70%);
  pointer-events:none;
  animation:orbPulse 4s ease-in-out infinite;
}
@keyframes orbPulse{
  0%,100%{opacity:.8;transform:translateX(-50%) scale(1);}
  50%{opacity:1;transform:translateX(-50%) scale(1.05);}
}

/* Floating tag strip */
.wl-float-strip{
  position:absolute;top:0;left:0;right:0;
  overflow:hidden;height:40px;
  display:flex;align-items:center;
  border-bottom:1px solid var(--line);
  background:rgba(10,10,10,0.6);
  backdrop-filter:blur(8px);
}
.wl-float-inner{
  display:flex;gap:2rem;white-space:nowrap;
  animation:marquee 20s linear infinite;
  width:max-content;
}
.wl-float-item{
  font-family:var(--display);font-size:10px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);
  display:flex;align-items:center;gap:8px;
}
.wl-float-item span{color:var(--accent);}

/* Main content */
.wl-content{
  flex:1;display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  padding:6rem 1.5rem 4rem;
  position:relative;z-index:1;
  text-align:center;
}
.wl-badge{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--display);font-size:11px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--accent);
  background:var(--accent-bg);border:1px solid var(--accent-bd);
  border-radius:999px;padding:6px 16px;
  margin-bottom:2rem;
  animation:fadeSlideDown .6s ease both;
}
.wl-badge-dot{
  width:6px;height:6px;border-radius:50%;
  background:var(--accent);
  animation:blink 1.5s ease-in-out infinite;
}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.3;}}
@keyframes fadeSlideDown{from{opacity:0;transform:translateY(-12px);}to{opacity:1;transform:translateY(0);}}

.wl-h1{
  font-family:var(--display);
  font-size:clamp(48px,8vw,96px);
  font-weight:800;letter-spacing:-.04em;
  color:var(--ink);line-height:.92;
  margin-bottom:1.5rem;
  animation:fadeSlideUp .7s .1s ease both;
}
.wl-h1 em{
  color:var(--accent);font-style:italic;
  display:block;
}
@keyframes fadeSlideUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}

.wl-sub{
  font-size:18px;color:var(--ink-3);font-weight:300;
  max-width:520px;line-height:1.75;
  margin-bottom:2.5rem;
  animation:fadeSlideUp .7s .2s ease both;
}

/* Form */
.wl-form{
  display:flex;gap:10px;max-width:480px;width:100%;
  margin:0 auto 1.5rem;
  animation:fadeSlideUp .7s .3s ease both;
}
.wl-input{
  flex:1;font-family:var(--body);font-size:14px;
  padding:14px 18px;color:var(--ink);
  background:rgba(255,255,255,0.05);
  border:1px solid var(--line-2);
  border-radius:999px;
  transition:border-color .15s,background .15s;
  outline:none;
}
.wl-input:focus{
  border-color:var(--accent);
  background:rgba(200,241,53,0.05);
  box-shadow:0 0 0 4px rgba(200,241,53,0.08);
}
.wl-input::placeholder{color:var(--ink-4);}
.wl-submit{
  padding:14px 24px;border-radius:999px;
  background:var(--accent);color:#0A0A0A;
  border:none;cursor:pointer;
  font-family:var(--display);font-size:14px;font-weight:700;
  white-space:nowrap;flex-shrink:0;
  transition:background .15s,transform .1s;
}
.wl-submit:hover{background:var(--accent-d);}
.wl-submit:active{transform:scale(.98);}
.wl-note{
  font-size:12px;color:var(--ink-4);
  animation:fadeSlideUp .7s .4s ease both;
  display:flex;align-items:center;justify-content:center;gap:6px;
}

/* Success state */
.wl-success{
  display:none;
  flex-direction:column;align-items:center;gap:.875rem;
  animation:fadeSlideUp .5s ease both;
  max-width:400px;margin:0 auto;
}
.wl-success-ic{
  width:64px;height:64px;border-radius:50%;
  background:var(--green-bg);border:2px solid var(--green-bd);
  color:var(--green);
  display:flex;align-items:center;justify-content:center;
  font-size:28px;
}
.wl-success h3{
  font-family:var(--display);font-size:24px;font-weight:800;
  color:var(--ink);letter-spacing:-.02em;margin:0;
}
.wl-success p{
  font-size:14px;color:var(--ink-3);font-weight:300;
  line-height:1.7;text-align:center;margin:0;
}
.wl-position{
  font-family:var(--display);font-size:13px;font-weight:700;
  color:var(--accent);background:var(--accent-bg);
  border:1px solid var(--accent-bd);
  border-radius:999px;padding:5px 16px;
}

/* Features preview grid */
.wl-features{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:12px;max-width:680px;width:100%;margin:2.5rem auto 0;
  animation:fadeSlideUp .7s .5s ease both;
}
.wl-feat{
  background:rgba(255,255,255,0.03);
  border:1px solid var(--line);
  border-radius:var(--rl);
  padding:1.25rem;text-align:left;
  transition:border-color .2s,background .2s;
}
.wl-feat:hover{border-color:var(--line-2);background:rgba(255,255,255,0.05);}
.wl-feat-ic{
  width:32px;height:32px;border-radius:var(--r);
  background:var(--accent-bg);border:1px solid var(--accent-bd);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:.75rem;
}
.wl-feat-title{
  font-family:var(--display);font-size:13px;font-weight:700;
  color:var(--ink);margin-bottom:4px;
}
.wl-feat-desc{
  font-size:11px;color:var(--ink-4);line-height:1.6;font-weight:300;
}

/* Counter */
.wl-counter{
  display:flex;align-items:center;gap:12px;
  margin:1.5rem auto 0;
  animation:fadeSlideUp .7s .6s ease both;
}
.wl-counter-avatars{
  display:flex;margin-right:4px;
}
.wl-avatar{
  width:28px;height:28px;border-radius:50%;
  border:2px solid var(--bg);
  background:var(--bg-3);margin-left:-8px;
  font-family:var(--display);font-size:10px;font-weight:700;
  color:var(--accent);
  display:flex;align-items:center;justify-content:center;
}
.wl-avatar:first-child{margin-left:0;}
.wl-counter-text{font-size:13px;color:var(--ink-3);font-weight:300;}
.wl-counter-text strong{color:var(--ink);font-weight:600;}

/* Footer */
.wl-footer{
  text-align:center;padding:1.5rem;
  font-size:12px;color:var(--ink-4);
  border-top:1px solid var(--line);
  position:relative;z-index:1;
  display:flex;align-items:center;justify-content:center;gap:1.5rem;
  flex-wrap:wrap;
}
.wl-footer-logo{
  font-family:var(--display);font-size:14px;font-weight:800;
  color:var(--ink);display:flex;align-items:center;gap:6px;
}

/* Error state */
.wl-error{
  font-size:12px;color:var(--red);
  display:none;margin-top:.5rem;
  font-family:var(--display);font-weight:600;
}
.wl-error.show{display:block;}

@media(max-width:600px){
  .wl-h1{font-size:clamp(38px,12vw,56px);}
  .wl-sub{font-size:16px;}
  .wl-form{flex-direction:column;gap:8px;}
  .wl-submit{width:100%;padding:15px;}
  .wl-features{grid-template-columns:1fr;gap:8px;margin-top:2rem;}
  .wl-content{padding:4rem 1.25rem 3rem;}
}

/* ── HAMBURGER MENU ───────────────────────────── */
.hamburger{
  display:none;
  flex-direction:column;justify-content:center;align-items:center;
  width:36px;height:36px;gap:5px;cursor:pointer;
  background:none;border:none;padding:4px;
  border-radius:var(--r);transition:background .15s;
  flex-shrink:0;
}
.hamburger:hover{background:var(--bg-3);}
.hamburger span{
  display:block;width:20px;height:2px;
  background:var(--ink-2);border-radius:2px;
  transition:transform .25s ease, opacity .2s ease;
  transform-origin:center;
}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* Mobile menu drawer */
.mob-menu{
  display:none;
  position:fixed;top:0;left:0;right:0;bottom:0;
  z-index:90;
  flex-direction:column;
}
.mob-menu.open{display:flex;}
.mob-menu-backdrop{
  position:absolute;inset:0;
  background:rgba(0,0,0,.6);
  backdrop-filter:blur(4px);
}
.mob-menu-panel{
  position:absolute;top:0;right:0;bottom:0;
  width:min(280px, 85vw);
  background:var(--bg-2);
  border-left:1px solid var(--line);
  display:flex;flex-direction:column;
  padding:0;
  transform:translateX(100%);
  transition:transform .3s cubic-bezier(.4,0,.2,1);
  overflow-y:auto;
}
.mob-menu.open .mob-menu-panel{transform:translateX(0);}
.mob-menu-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:1.125rem 1.375rem;
  border-bottom:1px solid var(--line);
}
.mob-menu-logo{
  font-family:var(--display);font-size:17px;font-weight:800;
  letter-spacing:-.02em;color:var(--ink);
  display:flex;align-items:center;gap:7px;
}
.mob-close{
  width:32px;height:32px;border-radius:var(--r);
  background:var(--bg-3);border:1px solid var(--line);
  color:var(--ink-3);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  font-size:16px;
}
.mob-close:hover{background:var(--bg-4);}
.mob-nav-items{
  display:flex;flex-direction:column;
  padding:1rem 0;flex:1;
}
.mob-nav-item{
  font-family:var(--body);font-size:15px;font-weight:400;
  color:var(--ink-2);padding:1rem 1.375rem;
  border:none;background:none;cursor:pointer;
  text-align:left;transition:background .15s;
  border-bottom:1px solid var(--line);
}
.mob-nav-item:hover{background:var(--bg-3);}
.mob-nav-item:last-child{border-bottom:none;}
.mob-nav-item.primary{
  font-family:var(--display);font-weight:700;
  color:var(--accent);
}
.mob-nav-item.secondary{color:var(--ink-3);font-size:14px;}
.mob-nav-plan{
  padding:1rem 1.375rem;
  border-bottom:1px solid var(--line);
}
.mob-nav-plan-label{
  font-size:11px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-4);
  font-family:var(--display);margin-bottom:.375rem;
}
.mob-nav-plan-val{
  font-family:var(--display);font-size:14px;font-weight:700;
  color:var(--accent);
}
.mob-nav-footer{
  padding:1.125rem 1.375rem;
  border-top:1px solid var(--line);
  font-size:12px;color:var(--ink-4);
}

@media(max-width:600px){
  .hamburger{display:flex;}
  /* hide all nav-right children on mobile — hamburger takes over */
  .nav-right{display:none !important;}
  /* but keep auth toggle bar scrollable */
}

/* ── MOBILE STACK UTILITY ──────────────────── */
@media(max-width:600px){
  .mob-stack{flex-direction:column !important;align-items:stretch !important;}
  .mob-stack > *{width:100% !important;}
  .mob-full{width:100% !important;max-width:100% !important;}
  .mob-pad{padding-left:1.125rem !important;padding-right:1.125rem !important;}
  .mob-hide{display:none !important;}
  /* Fix inline-styled button rows in error/confirm pages */
  [style*="display:flex"][style*="justify-content:center"][style*="margin-top"]{
    flex-wrap:wrap;
  }
  /* Fix centered wrappers on small screens */
  [style*="min-height:80vh"][style*="display:flex"]{
    padding:1.5rem 1.125rem !important;
    align-items:flex-start !important;
    padding-top:3rem !important;
  }
  /* Fix wide cards in centered layouts */
  [style*="max-width:440px"],
  [style*="max-width:420px"],
  [style*="max-width:400px"],
  [style*="max-width:360px"],
  [style*="max-width:320px"]{
    max-width:100% !important;
    width:100% !important;
  }
  /* Fix account page stat grid */
  [style*="grid-template-columns:repeat(3,1fr)"]{
    grid-template-columns:repeat(3,1fr) !important;
  }
  /* Fix pay-success detail card */
  [style*="background:var(--bg-2)"][style*="border-radius:var(--rl)"][style*="padding:1.25rem"]{
    width:100% !important;
    max-width:100% !important;
  }
  /* Verify page demo buttons */
  #page-verify [style*="display:flex;gap:10px"]{
    flex-direction:column;
    align-items:center;
  }
  /* Email page inner padding */

  .sec-top{padding-top:2.5rem;}
  /* Waitlist who-grid */
  #page-waitlist [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important;}
  #page-waitlist [style*="display:flex;gap:8px;flex-wrap:wrap"] > div{min-width:calc(50% - 4px);}
  /* Outputs 3-col → 1-col */
  .outputs-grid{grid-template-columns:1fr !important;}
  /* Tracker section 2-col → 1-col */
  .tracker-promo-grid{
    grid-template-columns:1fr !important;
    gap:1.5rem !important;
    padding:1.375rem !important;
  }
  /* Numbers 3-col → 1-col */
  .numbers-grid{grid-template-columns:1fr !important;}
  /* Hero buttons — full width on mobile only */
  .hero-btns{width:100% !important;}
  .hero-btns .btn-primary,.hero-btns .btn-outline{width:100% !important;justify-content:center;}

  #page-emails > div > div[style]{
    padding-left:0 !important;
    padding-right:0 !important;
  }
}
@media(max-width:680px){.ba-grid{grid-template-columns:1fr;}}
/* ── ADMIN DASHBOARD ─────────────────────────────── */
.admin-wrap{display:flex;min-height:100vh;background:var(--bg);}
.admin-sidebar{width:220px;min-height:100vh;background:var(--bg-2);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:1.5rem 0;flex-shrink:0;position:sticky;top:0;}
.admin-logo{font-family:var(--display);font-size:14px;font-weight:800;color:var(--ink);padding:0 1rem 1.5rem;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;}
.admin-tag{font-size:9px;font-weight:700;letter-spacing:.08em;background:var(--accent);color:#0A0A0A;padding:2px 7px;border-radius:999px;}
.admin-nav{display:flex;flex-direction:column;gap:2px;padding:0 .75rem;flex:1;}
.admin-nav-item{display:flex;align-items:center;gap:10px;padding:.625rem .75rem;border-radius:var(--r);font-family:var(--display);font-size:13px;font-weight:600;color:var(--ink-3);background:none;border:none;cursor:pointer;text-align:left;transition:background .15s,color .15s;width:100%;}
.admin-nav-item:hover{background:var(--bg-3);color:var(--ink);}
.admin-nav-item.active{background:var(--accent-bg);color:var(--accent);}
.admin-badge{margin-left:auto;font-size:10px;font-weight:700;background:var(--bg-4);color:var(--ink-3);padding:1px 6px;border-radius:999px;font-family:var(--display);}
.admin-nav-item.active .admin-badge{background:var(--accent);color:#0A0A0A;}
.admin-sidebar-footer{padding:.75rem;border-top:1px solid var(--line);margin-top:.5rem;}
.admin-main{flex:1;padding:2rem;overflow-y:auto;min-height:100vh;}
.admin-panel{display:none;}
.admin-panel.active{display:block;}
.admin-panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap;}
.admin-panel-title{font-family:var(--display);font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.02em;}
.admin-panel-sub{font-size:13px;color:var(--ink-4);margin-top:2px;font-weight:300;}
.admin-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.admin-tile{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--rl);padding:1.25rem;}
.admin-tile-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);font-family:var(--display);margin-bottom:.5rem;}
.admin-tile-val{font-family:var(--display);font-size:28px;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1;}
.admin-tile-change{font-size:11px;color:var(--ink-4);margin-top:.375rem;}
.admin-tile-change.up{color:var(--green);}
.admin-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--rl);padding:1.25rem 1.5rem;}
.admin-card-head{font-family:var(--display);font-size:13px;font-weight:700;color:var(--ink);}
.admin-table-wrap{overflow-x:auto;}
.admin-table{width:100%;border-collapse:collapse;font-size:13px;}
.admin-table th{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);text-align:left;padding:.625rem .75rem;border-bottom:1px solid var(--line);white-space:nowrap;}
.admin-table td{padding:.75rem;border-bottom:1px solid var(--line);color:var(--ink-2);vertical-align:middle;}
.admin-table tr:last-child td{border-bottom:none;}
.admin-table tr:hover td{background:var(--bg-3);}
.admin-mono{font-family:monospace;font-size:12px;}
.admin-status-pill{font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;font-family:var(--display);white-space:nowrap;}
.admin-status-pill.active{background:var(--green-bg);color:var(--green);}
.admin-status-pill.expired{background:var(--amber-bg);color:var(--amber);}
.admin-status-pill.no-plan{background:var(--bg-4);color:var(--ink-4);}
.admin-status-pill.deletion{background:var(--red-bg);color:var(--red);}
.admin-plan-tag{font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;font-family:var(--display);}
.admin-plan-tag.daily{background:var(--bg-4);color:var(--ink-3);}
.admin-plan-tag.weekly{background:var(--accent-bg);color:var(--accent);}
.admin-plan-tag.monthly{background:rgba(75,142,245,.15);color:#4b8ef5;}
.admin-plan-tag.premium{background:var(--green-bg);color:var(--green);}
.admin-action-btn{font-size:11px;font-weight:700;color:var(--accent);background:none;border:1px solid var(--accent-bd);border-radius:var(--r);padding:3px 10px;cursor:pointer;font-family:var(--display);white-space:nowrap;}
.admin-action-btn:hover{background:var(--accent-bg);}
.admin-btn-primary{padding:8px 16px;background:var(--accent);color:#0A0A0A;border:none;border-radius:999px;font-family:var(--display);font-size:13px;font-weight:700;cursor:pointer;}
.admin-btn-outline{padding:8px 16px;background:none;color:var(--ink);border:1px solid var(--line-2);border-radius:999px;font-family:var(--display);font-size:13px;font-weight:600;cursor:pointer;}
.admin-btn-outline:hover{background:var(--bg-3);}
.admin-search{padding:8px 14px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r);font-family:var(--body);font-size:13px;color:var(--ink);width:220px;}
.admin-select{padding:8px 14px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r);font-family:var(--body);font-size:13px;color:var(--ink);cursor:pointer;}
.admin-filter-tabs{display:flex;gap:4px;margin-bottom:1rem;flex-wrap:wrap;}
.admin-ftab{padding:6px 14px;font-size:12px;font-weight:600;font-family:var(--display);background:var(--bg-2);color:var(--ink-3);border:1px solid var(--line);border-radius:999px;cursor:pointer;transition:all .15s;}
.admin-ftab span{font-size:10px;background:var(--bg-3);padding:1px 5px;border-radius:999px;margin-left:4px;}
.admin-ftab.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-bd);}
.admin-ftab.active span{background:var(--accent);color:#0A0A0A;}
.admin-row{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;border-bottom:1px solid var(--line);gap:1rem;}
.admin-row:last-child{border-bottom:none;}
.admin-row-main{font-size:13px;font-weight:500;color:var(--ink-2);}
.admin-row-sub{font-size:11px;color:var(--ink-4);margin-top:1px;}
.admin-plan-bar-row{display:flex;align-items:center;gap:10px;}
.admin-plan-label{font-size:12px;font-weight:600;color:var(--ink-3);font-family:var(--display);width:56px;flex-shrink:0;}
.admin-bar-track{flex:1;height:6px;background:var(--bg-4);border-radius:999px;overflow:hidden;}
.admin-bar-fill{height:100%;border-radius:999px;transition:width .4s ease;}
.admin-plan-count{font-size:12px;font-weight:700;color:var(--ink);font-family:var(--display);width:24px;text-align:right;}
.admin-health-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:.875rem 1rem;display:flex;align-items:center;gap:.875rem;}
.admin-health-card.ok{border-color:var(--green-bd);}
.admin-health-card.warn{border-color:var(--amber-bd);}
.admin-health-card.down{border-color:var(--red-bd);}
.admin-health-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.admin-health-dot.ok{background:var(--green);}
.admin-health-dot.warn{background:var(--amber);}
.admin-health-dot.down{background:var(--red);}
.admin-health-name{font-family:var(--display);font-size:13px;font-weight:700;color:var(--ink);}
.admin-health-sub{font-size:11px;color:var(--ink-4);margin-top:1px;}
.admin-setting-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.admin-setting-label{font-size:13px;font-weight:600;color:var(--ink);font-family:var(--display);}
.admin-setting-sub{font-size:12px;color:var(--ink-4);margin-top:2px;font-weight:300;}
.admin-toggle{width:40px;height:22px;border-radius:999px;background:var(--bg-4);border:1px solid var(--line-2);position:relative;cursor:pointer;transition:background .2s;}
.admin-toggle.on{background:var(--accent);}
.admin-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px rgba(0,0,0,.3);}
.admin-toggle.on .admin-toggle-knob{left:20px;}

/* ── ADMIN MESSAGES ──────────────────────────── */
.admin-msg-item{padding:.875rem 1rem;border-bottom:1px solid var(--line);cursor:pointer;transition:background .15s;}
.admin-msg-item:hover{background:var(--bg-3);}
.admin-msg-item.active{background:var(--accent-bg);border-left:2px solid var(--accent);}
.admin-msg-item.unread .admin-msg-email{color:var(--ink);font-weight:700;}
.admin-msg-item-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px;}
.admin-msg-email{font-family:var(--display);font-size:12px;font-weight:600;color:var(--ink-3);}
.admin-msg-time{font-size:11px;color:var(--ink-4);}
.admin-msg-preview{font-size:12px;color:var(--ink-4);font-weight:300;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.admin-msg-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;font-family:var(--display);}
.admin-msg-tag.open{background:var(--amber-bg);color:var(--amber);}
.admin-msg-tag.replied{background:var(--green-bg);color:var(--green);}
.admin-msg-tag.closed{background:var(--bg-4);color:var(--ink-4);}
.admin-msg-tag.plan{background:var(--accent-bg);color:var(--accent);}

/* ── LEGAL / ABOUT PAGES ─────────────────────────── */
.legal-wrap{max-width:760px;margin:0 auto;padding:0 1.5rem 4rem;}
.legal-hero{padding:3rem 0 2.5rem;border-bottom:1px solid var(--line);margin-bottom:3rem;}
.legal-h1{font-family:var(--display);font-size:clamp(32px,6vw,52px);font-weight:800;letter-spacing:-.03em;color:var(--ink);line-height:1.05;margin-bottom:1rem;}
.legal-lead{font-size:16px;color:var(--ink-3);font-weight:300;line-height:1.7;max-width:600px;}
.legal-body{display:flex;flex-direction:column;gap:0;}
.legal-section{padding:2rem 0;border-bottom:1px solid var(--line);}
.legal-section:last-child{border-bottom:none;}
.legal-section h2{font-family:var(--display);font-size:18px;font-weight:800;color:var(--ink);margin-bottom:1rem;letter-spacing:-.01em;}
.legal-section h3{font-family:var(--display);font-size:15px;font-weight:700;color:var(--ink);margin-bottom:.75rem;}
.legal-section p{font-size:14px;color:var(--ink-3);line-height:1.8;font-weight:300;margin-bottom:1rem;}
.legal-section p:last-child{margin-bottom:0;}
.legal-section strong{color:var(--ink);font-weight:600;}
.legal-list{font-size:14px;color:var(--ink-3);line-height:1.8;font-weight:300;padding-left:1.25rem;display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem;}
.legal-list li{list-style:disc;}
.legal-footer{border-top:1px solid var(--line);padding:1.5rem;margin-top:0;}
.legal-footer-inner{max-width:760px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;}

/* About page specifics */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2.5rem;}
.about-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--rl);padding:1.5rem;}
.about-card-num{font-family:var(--display);font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.1em;margin-bottom:.75rem;}
.about-card h3{font-family:var(--display);font-size:15px;font-weight:700;color:var(--ink);margin-bottom:.625rem;}
.about-card p{font-size:13px;color:var(--ink-3);line-height:1.7;font-weight:300;}
.values-list{display:flex;flex-direction:column;gap:1rem;}
.value-row{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--ink-3);line-height:1.7;font-weight:300;}
.value-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:7px;flex-shrink:0;}

@media(max-width:600px){
  .about-grid{grid-template-columns:1fr;}
  .legal-footer-inner{flex-direction:column;align-items:flex-start;}
}

/* Server-rendered page helpers */
.page { display: block; }
.admin-panel { display: none; }
.admin-panel.active { display: block; }
.out-tab.active,
.tone-btn.active { border-color: var(--accent); color: var(--accent); background: var(--accent-bg); }
.mob-open .mob-menu { display: block; }