/* LoaderAuth red / black / graphite brand system */
:root{
  --accent:#e11d2e;
  --accent-strong:#ff3446;
  --accent-deep:#7d101a;
  --accent-soft:#ffb0b8;
  --brand-metal:#a9adb2;
  --success:#55d68b;
  --warning:#e4a94f;
  --bg:#09090a;
  --bg-2:#0d0e10;
  --panel:#121316;
  --panel-2:#17191d;
  --panel-3:#1d2025;
  --line:#2a2d33;
  --line-soft:#202329;
  --text:#ece9e5;
  --muted:#9a9ca2;
  --muted-2:#6d7077;
  --danger:#ff3446;
}
body{
  background:
    radial-gradient(circle at 12% -12%,rgba(225,29,46,.10),transparent 27rem),
    radial-gradient(circle at 94% 28%,rgba(225,29,46,.035),transparent 24rem),
    linear-gradient(180deg,#080809 0%,#0c0d0f 50%,#080809 100%);
  color:var(--text);
}
.site-header{background:rgba(8,8,9,.91);border-bottom-color:#24262b;backdrop-filter:blur(20px) saturate(120%)}
.brand{gap:10px}.brand-mark{width:42px;height:42px;border:0;border-radius:0;background:none!important;box-shadow:none!important;overflow:visible}.brand-mark:before{display:none!important}.brand-mark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 12px rgba(0,0,0,.35))}.brand-name{font-weight:790;letter-spacing:-.025em;color:#ece9e5}.brand-name em{font-style:normal;color:var(--accent)}
.nav-links{color:#a6a8ad}.nav-links a:hover:after,.nav-links a[aria-current="page"]:after{background:var(--accent)}
.menu-toggle{border-color:#31343a;background:#111215}
.btn{border-radius:8px}.btn-primary{color:#fff;background:var(--accent);border-color:#ef3040;box-shadow:0 10px 26px rgba(225,29,46,.16),inset 0 1px rgba(255,255,255,.13)}.btn-primary:hover{background:#f02437;border-color:#ff5361;box-shadow:0 13px 32px rgba(225,29,46,.22)}.btn-secondary,.btn-ghost{background:#111316;border-color:#30333a;color:#e7e4e0}.btn-secondary:hover,.btn-ghost:hover{border-color:#50535b;background:#17191d}
.eyebrow{border-color:#4a2329;background:#160d0f;color:#d8b6b9}.dot{background:var(--accent);box-shadow:0 0 0 4px rgba(225,29,46,.08)}
h1,h2,h3{color:#f0eeeb}h1 .accent,.gradient-text{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--accent-strong)}.kicker{color:#d95a66}.hero-copy,.section-head p,.lead{color:#9a9ca2}.trust-row{color:#777a81}.check{border-color:#4b2429;background:#1a0f11;color:#ff7a86}
.feature-icon,.step-number{border-color:#4a2429;background:#1a0e10;color:#ff6572}.feature-card,.step,.plan,.article,.support-card,.status-card{border-color:#24272d;background:linear-gradient(150deg,#15171a,#0f1012)}.feature-card:hover{border-color:#463038;background:linear-gradient(150deg,#181a1e,#111214);box-shadow:0 18px 42px rgba(0,0,0,.25)}
.band{border-block-color:#1b1d21;background:linear-gradient(180deg,rgba(17,18,21,.9),rgba(10,11,13,.84))}.metric-grid{background:#25272c;border-inline-color:#25272c}.metric{background:#101114}.metric strong{color:#ece9e5}
.plan.featured{border-color:#74303a;box-shadow:0 22px 54px rgba(225,29,46,.08),inset 0 1px rgba(255,255,255,.025)}.plan-badge{border-color:#6b2932;background:#1b0e11;color:#ff929c}.plan li:before{color:#e85b68}.callout{border-color:#3b292d;background:linear-gradient(135deg,#171113,#0e0f11 72%)}
.code-block{border-color:#2f2629;background:#090a0c;color:#bbb7b5}.article code{background:#0b0b0d;color:#f08a94}.side-nav{border-color:#24272d;background:#101114}.side-nav a:hover{background:#1b1517;color:#fff}.notice{border-color:#352a2d;background:#141012}.site-footer{background:#070708;border-top-color:#22242a}.footer-brand .brand-mark{width:46px;height:46px}.footer-brand .brand-name{font-size:1.08rem}.status-light.ok{background:var(--success);box-shadow:0 0 0 5px rgba(85,214,139,.10)}.status-light.bad{background:var(--danger)}

/* Homepage: product-first layout, intentionally restrained and asymmetric. */
.hero-v3{padding:92px 0 62px;border-bottom:1px solid #1b1d21;overflow:hidden}.hero-v3-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:56px;align-items:center}.hero-v3 h1{max-width:700px;margin-top:20px;font-size:clamp(3rem,5.7vw,5.25rem);font-weight:790;letter-spacing:-.055em}.hero-v3 .hero-copy{max-width:620px}.hero-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 22px;margin-top:32px;padding-top:24px;border-top:1px solid #22242a}.hero-meta div{display:flex;align-items:center;gap:9px;color:#8f9197;font-size:.8rem}.hero-meta i{width:7px;height:7px;border-radius:50%;background:#55585f}.hero-meta div:first-child i,.hero-meta div:nth-child(2) i{background:var(--accent)}

.workspace-preview{position:relative;border:1px solid #2d3036;border-radius:14px;background:#0d0f11;box-shadow:0 34px 90px rgba(0,0,0,.48);overflow:hidden;transform:perspective(1300px) rotateY(-2deg)}.workspace-preview:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.65}.workspace-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border-bottom:1px solid #25282e;background:#111317}.workspace-title{display:flex;align-items:center;gap:9px;color:#d8d6d3;font-size:.77rem;font-weight:760}.workspace-title img{width:25px;height:25px}.workspace-pill{padding:5px 8px;border:1px solid #30333a;border-radius:6px;color:#85888f;font:600 .66rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.workspace-body{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:425px}.workspace-nav{padding:14px 10px;border-right:1px solid #24272d;background:#0b0c0e}.workspace-nav strong{display:block;padding:8px 10px;color:#656970;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase}.workspace-nav span{display:block;margin:2px 0;padding:8px 10px;border-radius:6px;color:#777b82;font-size:.7rem}.workspace-nav span.active{background:#1a1114;color:#f3d9dc;border-left:2px solid var(--accent)}.workspace-main{padding:20px}.workspace-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:17px}.workspace-head h2{font-size:1.2rem;letter-spacing:-.025em}.workspace-head p{margin:4px 0 0;color:#666a71;font-size:.67rem}.workspace-state{display:flex;align-items:center;gap:6px;color:#8b8f95;font-size:.64rem}.workspace-state i{width:7px;height:7px;border-radius:50%;background:var(--success)}.workspace-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mini-card{padding:12px;border:1px solid #24272d;border-radius:8px;background:#121418}.mini-card span{display:block;color:#646870;font-size:.57rem;text-transform:uppercase;letter-spacing:.07em}.mini-card strong{display:block;margin-top:7px;color:#e5e2df;font-size:.85rem}.mini-card strong.good{color:var(--success)}.event-panel{margin-top:10px;border:1px solid #24272d;border-radius:8px;overflow:hidden}.event-head{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #22252a;color:#a8aaaf;font-size:.65rem}.event-list{display:grid}.event-list div{display:grid;grid-template-columns:1.1fr .9fr auto;gap:12px;padding:9px 12px;border-bottom:1px solid #1b1d21;color:#777b82;font-size:.61rem}.event-list div:last-child{border-bottom:0}.event-list b{color:#b6b5b4;font-weight:600}.event-list em{font-style:normal;color:#5e6269}.event-list .blocked{color:#ef6570}.security-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:10px;background:#24272d;border:1px solid #24272d;border-radius:8px;overflow:hidden}.security-strip div{padding:10px;background:#0f1113}.security-strip strong{display:block;color:#d6d3d0;font-size:.64rem}.security-strip span{display:block;margin-top:3px;color:#5f636a;font-size:.55rem;text-transform:uppercase;letter-spacing:.06em}

.detail-band{padding:18px 0;border-bottom:1px solid #1d1f23;background:#0b0c0e}.detail-band-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.detail-band-grid div{padding:5px 24px;border-left:1px solid #24262b}.detail-band-grid div:first-child{border-left:0;padding-left:0}.detail-band-grid strong{display:block;color:#d8d6d3;font-size:.78rem}.detail-band-grid span{display:block;margin-top:3px;color:#62666d;font-size:.64rem;letter-spacing:.05em;text-transform:uppercase}

.product-section{padding:78px 0}.product-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;margin-bottom:34px}.product-intro h2{font-size:clamp(2.2rem,4vw,3.7rem);letter-spacing:-.045em}.product-intro p{margin:0;color:#92949a;line-height:1.75}.product-grid-v3{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #25282e;border-radius:12px;overflow:hidden;background:#25282e;gap:1px}.product-card-v3{min-height:220px;padding:24px;background:#111316}.product-card-v3:nth-child(2),.product-card-v3:nth-child(7){background:#131519}.product-card-v3 .feature-icon{margin-bottom:26px;border-radius:8px}.product-card-v3 h3{font-size:.98rem}.product-card-v3 p{margin:10px 0 0;color:#7e8188;font-size:.82rem;line-height:1.65}.product-card-v3 small{display:block;margin-top:22px;color:#c64b56;font:650 .64rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}

.architecture-v3{padding:78px 0;border-block:1px solid #1d1f23;background:#0c0d0f}.architecture-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(520px,1.28fr);gap:54px;align-items:center}.architecture-copy h2{font-size:clamp(2.2rem,4vw,3.6rem);letter-spacing:-.045em}.architecture-copy p{margin:18px 0 0;color:#8e9197}.architecture-points{display:grid;gap:13px;margin-top:26px}.architecture-points div{padding:14px 0;border-top:1px solid #23252a}.architecture-points strong{display:block;color:#d9d6d3;font-size:.86rem}.architecture-points span{display:block;margin-top:4px;color:#71747b;font-size:.78rem}.code-panel{border:1px solid #2b2e34;border-radius:12px;background:#090a0c;overflow:hidden;box-shadow:0 26px 70px rgba(0,0,0,.34)}.code-panel-top{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #23262b;background:#101114;color:#74777e;font-size:.68rem}.code-panel pre{margin:0;padding:24px;overflow:auto;color:#9b9da3;font:500 .75rem/1.85 ui-monospace,SFMono-Regular,Menlo,monospace}.code-panel .red{color:#ee6571}.code-panel .white{color:#e7e4e0}.code-panel .green{color:#61d893}

.terms-section{padding:76px 0}.terms-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.terms-head h2{font-size:clamp(2.1rem,4vw,3.3rem);letter-spacing:-.04em}.terms-head p{max-width:560px;margin:10px 0 0;color:#85888f}.plan-term-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.plan-term{padding:21px;border:1px solid #272a30;border-radius:10px;background:#111316}.plan-term.featured{border-color:#6a2b34;background:#151012}.plan-term strong{display:block;color:#e4e1de;font-size:1rem}.plan-term span{display:block;margin-top:7px;color:#71747b;font-size:.76rem}.plan-term b{display:inline-block;margin-top:18px;color:#d45762;font:650 .64rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}

.redline-callout{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding:30px 32px;border:1px solid #3e2429;border-left:3px solid var(--accent);border-radius:8px;background:#110d0f}.redline-callout h2{font-size:clamp(1.6rem,3vw,2.25rem)}.redline-callout p{margin:8px 0 0;color:#85888f}

@media(max-width:1050px){.hero-v3-grid,.architecture-grid{grid-template-columns:1fr}.workspace-preview{transform:none;max-width:820px}.product-intro{grid-template-columns:1fr;gap:18px}.product-grid-v3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.hero-v3{padding:70px 0 45px}.workspace-body{grid-template-columns:1fr}.workspace-nav{display:none}.workspace-grid{grid-template-columns:repeat(2,1fr)}.detail-band-grid{grid-template-columns:repeat(2,1fr);gap:14px}.detail-band-grid div{border-left:0;padding:0}.plan-term-grid{grid-template-columns:repeat(2,1fr)}.redline-callout{grid-template-columns:1fr}.product-section,.architecture-v3,.terms-section{padding:58px 0}}
@media(max-width:560px){.hero-v3 h1{font-size:2.85rem}.hero-meta{grid-template-columns:1fr}.workspace-main{padding:14px}.event-list div{grid-template-columns:1fr auto}.event-list em{display:none}.security-strip{grid-template-columns:1fr}.product-grid-v3,.plan-term-grid{grid-template-columns:1fr}.product-card-v3{min-height:auto}.detail-band-grid{grid-template-columns:1fr 1fr}.workspace-preview{border-radius:10px}.brand-mark{width:38px;height:38px}}

.login-home-link{position:fixed;top:24px;left:28px;z-index:20;color:#f5f6f8;font-weight:800;font-size:.9rem}.login-home-link:hover{color:#ff2941}@media(max-width:640px){.login-home-link{top:16px;left:16px;font-size:.8rem}}