/* LoaderAuth storefront v2 — premium graphite visual system */
:root{
  color-scheme:dark;
  --bg:#0b0d0f;
  --bg-2:#101316;
  --panel:#14181b;
  --panel-2:#181d20;
  --panel-3:#1d2326;
  --line:#2a3033;
  --line-soft:#202528;
  --text:#f4f5f2;
  --muted:#9da5a0;
  --muted-2:#737b77;
  --accent:#a8e6c1;
  --accent-strong:#66d49a;
  --accent-deep:#173b2a;
  --warm:#ded6c7;
  --danger:#ff7a86;
  --shadow:0 24px 80px rgba(0,0,0,.38);
  --radius:18px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--text);background:
  radial-gradient(circle at 9% -10%,rgba(102,212,154,.10),transparent 31rem),
  radial-gradient(circle at 91% 10%,rgba(222,214,199,.055),transparent 28rem),
  linear-gradient(180deg,#0b0d0f 0%,#0d1012 48%,#0a0c0d 100%);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
img,svg{display:block;max-width:100%}
.container{width:min(1180px,92vw);margin:0 auto}

.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(42,48,51,.72);background:rgba(11,13,15,.82);backdrop-filter:blur(22px) saturate(135%)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px}
.brand{display:flex;align-items:center;gap:12px;font-size:1.02rem;font-weight:780;letter-spacing:.005em}
.brand-mark{position:relative;width:40px;height:40px;border:1px solid #37413c;border-radius:12px;background:linear-gradient(145deg,#1f2823,#121714);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 26px rgba(0,0,0,.28)}
.brand-mark:before{content:"L";position:absolute;inset:0;display:grid;place-items:center;color:var(--accent);font-weight:900;font-size:1.03rem;letter-spacing:-.05em}
.nav-links{display:flex;align-items:center;gap:30px;color:#b6bdb8;font-size:.91rem}
.nav-links a{position:relative;padding:29px 0 26px}
.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:1px;background:transparent;transform:scaleX(.35);transition:.2s ease}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:#fff}
.nav-links a:hover:after,.nav-links a[aria-current="page"]:after{background:var(--accent);transform:scaleX(1)}
.nav-actions{display:flex;align-items:center;gap:10px}
.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:11px;background:#14181b;color:#fff;cursor:pointer}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border:1px solid transparent;border-radius:11px;font-weight:720;font-size:.9rem;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{color:#0d1510;background:linear-gradient(180deg,#b8efcc,#91ddb0);border-color:#c5f3d5;box-shadow:0 10px 28px rgba(102,212,154,.14),inset 0 1px 0 rgba(255,255,255,.38)}
.btn-primary:hover{box-shadow:0 14px 34px rgba(102,212,154,.20)}
.btn-secondary{background:#1a1f22;border-color:#32383b;color:#f1f3f1}
.btn-secondary:hover,.btn-ghost:hover{border-color:#4a5350;background:#1c2224}
.btn-ghost{border-color:#2e3437;background:rgba(20,24,27,.74);color:#d9ddda}
.btn-disabled{opacity:.46;cursor:not-allowed;transform:none!important}

.hero{padding:112px 0 88px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(390px,.94fr);gap:72px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #313936;border-radius:999px;background:rgba(20,27,23,.72);color:#c7d9cf;font-size:.73rem;font-weight:760;letter-spacing:.095em;text-transform:uppercase}
.dot{width:7px;height:7px;border-radius:50%;background:var(--accent-strong);box-shadow:0 0 0 4px rgba(102,212,154,.08),0 0 16px rgba(102,212,154,.38)}
h1,h2,h3{line-height:1.08;margin:0;color:#fafbf9}
h1{max-width:840px;margin-top:24px;font-size:clamp(3rem,6vw,5.6rem);font-weight:780;letter-spacing:-.052em}
h1 .accent,.gradient-text{background:linear-gradient(110deg,#ffffff 0%,#dddcd5 43%,#a8e6c1 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy{max-width:690px;margin:25px 0 0;color:#aab1ad;font-size:1.07rem;line-height:1.75}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.trust-row{display:flex;flex-wrap:wrap;gap:17px 26px;margin-top:35px;color:#7f8984;font-size:.82rem}
.trust-row span{display:flex;align-items:center;gap:8px}
.check{width:19px;height:19px;display:grid;place-items:center;border:1px solid #2e5b44;border-radius:50%;background:#12271c;color:#9de9bb;font-size:.67rem;font-weight:900}

.console-card{position:relative;border:1px solid #303638;border-radius:22px;background:linear-gradient(155deg,#181d20,#101315 72%);box-shadow:0 34px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035);overflow:hidden}
.console-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(168,230,193,.055),transparent 34%)}
.console-top{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid #252b2d;background:rgba(14,17,18,.7)}
.console-title{display:flex;align-items:center;gap:9px;color:#d6dbd8;font-size:.8rem;font-weight:680;letter-spacing:.01em}
.console-dots{display:flex;gap:6px}.console-dots i{width:7px;height:7px;border-radius:50%;background:#394044}.console-dots i:nth-child(2){background:#535b57}.console-dots i:nth-child(3){background:#6fcf99}
.console-body{padding:25px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;line-height:1.95;color:#89938e}
.console-body .key{color:#b7c2bc}.console-body .ok{color:#8fe0af}.console-body .value{color:#e0e4e1}.console-body .muted{color:#59625e}
.console-status{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#252b2d;border-top:1px solid #252b2d}
.console-status div{padding:18px;background:#121618}.console-status strong{display:block;color:#eef1ef;font-size:.96rem}.console-status span{display:block;margin-top:3px;font-size:.67rem;color:#65706a;text-transform:uppercase;letter-spacing:.09em}

.section{padding:88px 0}.section-tight{padding:58px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:38px}.section-head>div{max-width:760px}.section-head h2{font-size:clamp(2.05rem,4vw,3.45rem);font-weight:750;letter-spacing:-.044em}.section-head p,.lead{margin:16px 0 0;color:#929c97;line-height:1.75}.kicker{margin-bottom:11px;color:#98d9b1;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}

.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.feature-card{position:relative;padding:27px;border:1px solid var(--line-soft);border-radius:17px;background:linear-gradient(145deg,rgba(23,27,29,.96),rgba(15,18,20,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:.2s ease}
.feature-card:hover{transform:translateY(-2px);border-color:#39413e;background:linear-gradient(145deg,#1a1f21,#111416)}
.feature-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:19px;border:1px solid #334039;border-radius:11px;background:#152019;color:#a8e6c1;font-size:1rem;font-weight:760}
.feature-card h3{font-size:1.02rem;font-weight:730}.feature-card p{margin:11px 0 0;color:#89938e;font-size:.9rem;line-height:1.65}

.band{border-block:1px solid #1c2123;background:linear-gradient(180deg,rgba(18,22,24,.78),rgba(12,15,16,.68))}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#222729;border-inline:1px solid #222729}
.metric{padding:30px;background:#111416;text-align:center}.metric strong{display:block;color:#eef2ef;font-size:1.45rem;font-weight:760;letter-spacing:-.02em}.metric span{display:block;margin-top:5px;color:#69736e;font-size:.73rem;text-transform:uppercase;letter-spacing:.07em}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.step{position:relative;padding:28px;border:1px solid var(--line-soft);border-radius:17px;background:#121618}.step-number{width:35px;height:35px;display:grid;place-items:center;margin-bottom:20px;border:1px solid #355543;border-radius:10px;background:#15251b;color:#a5e5bd;font-weight:850}.step p{margin:11px 0 0;color:#87918c}

.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.plan{position:relative;padding:27px;border:1px solid var(--line-soft);border-radius:19px;background:linear-gradient(155deg,#171b1d,#101315)}.plan.featured{border-color:#42654f;box-shadow:0 24px 60px rgba(51,118,77,.10),inset 0 1px 0 rgba(168,230,193,.045)}.plan-badge{position:absolute;top:15px;right:15px;padding:5px 8px;border:1px solid #42624f;border-radius:999px;background:#16251c;color:#a5e5bd;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.plan h3{font-size:1.08rem}.price{margin:21px 0 8px;color:#f4f6f4;font-size:1.85rem;font-weight:780;letter-spacing:-.035em}.price small{font-size:.76rem;color:#747e79;font-weight:650}.plan p{min-height:43px;margin:0 0 19px;color:#818b86;font-size:.84rem}.plan ul{list-style:none;margin:0 0 25px;padding:0;display:grid;gap:10px;color:#b8bfbb;font-size:.82rem}.plan li{display:flex;gap:9px}.plan li:before{content:"✓";color:#8edbab;font-weight:850}.plan .btn{width:100%}

.callout{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding:38px;border:1px solid #354039;border-radius:20px;background:linear-gradient(135deg,#171d19,#111516);box-shadow:var(--shadow)}.callout h2{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:740;letter-spacing:-.03em}.callout p{margin:11px 0 0;color:#929b96}

.page-hero{padding:86px 0 43px}.page-hero h1{max-width:960px;font-size:clamp(2.65rem,5vw,4.5rem)}
.content-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px}.side-nav{position:sticky;top:104px;align-self:start;display:grid;gap:4px;padding:11px;border:1px solid var(--line-soft);border-radius:14px;background:#111416}.side-nav a{padding:10px 11px;border-radius:8px;color:#838e88;font-size:.83rem}.side-nav a:hover{background:#181e1b;color:#e8ece9}
.article{padding:34px;border:1px solid var(--line-soft);border-radius:18px;background:linear-gradient(145deg,#15191b,#101315)}.article h2{margin-top:42px;font-size:1.48rem}.article h2:first-child{margin-top:0}.article h3{margin-top:28px}.article p,.article li{color:#9ba49f}.article code{padding:2px 5px;border-radius:5px;background:#0b0e0f;color:#b8ddc6}.code-block{overflow:auto;margin:18px 0;padding:19px;border:1px solid #29312d;border-radius:12px;background:#0a0d0e;color:#afbbb5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;white-space:pre}

.status-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px;border:1px solid var(--line-soft);border-radius:17px;background:#121618}.status-main{display:flex;align-items:center;gap:15px}.status-light{width:12px;height:12px;border-radius:50%;background:#69726e;box-shadow:0 0 0 5px rgba(105,114,110,.08)}.status-light.ok{background:#6fd09a;box-shadow:0 0 0 5px rgba(111,208,154,.10)}.status-light.bad{background:var(--danger);box-shadow:0 0 0 5px rgba(255,122,134,.10)}.status-copy strong{display:block}.status-copy span{color:#77817c;font-size:.8rem}.status-meta{text-align:right;color:#737d78;font-size:.78rem}
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.support-card{padding:28px;border:1px solid var(--line-soft);border-radius:17px;background:#121618}.support-card p{color:#8d9792}.support-card .btn{margin-top:7px}
.notice{padding:15px 17px;border:1px solid #303a35;border-radius:11px;background:#121916;color:#aab7b0;font-size:.86rem}.notice.warning{border-color:#524b39;background:#1c1a14;color:#d8caa8}

.site-footer{margin-top:72px;border-top:1px solid #1e2325;background:#080a0b}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:38px;padding:54px 0}.footer-brand p{max-width:360px;color:#69736e;font-size:.82rem;line-height:1.7}.footer-col strong{display:block;margin-bottom:13px;font-size:.78rem;color:#d7dcd8}.footer-links{display:grid;gap:9px;color:#6e7873;font-size:.81rem}.footer-links a:hover{color:#cfe4d7}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:21px 0;border-top:1px solid #171b1d;color:#59615d;font-size:.72rem}.hidden{display:none!important}

@media(max-width:1020px){.nav-links{gap:18px}.hero-grid{grid-template-columns:1fr;gap:44px}.hero-copy{max-width:770px}.console-card{max-width:760px}.feature-grid{grid-template-columns:repeat(2,1fr)}.plan-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-col:last-child{grid-column:2/4}}
@media(max-width:780px){.menu-toggle{display:grid;place-items:center}.nav{min-height:70px}.nav-links{position:absolute;left:3vw;right:3vw;top:76px;display:none;flex-direction:column;align-items:stretch;gap:1px;padding:11px;border:1px solid var(--line);border-radius:14px;background:#111416;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{padding:11px;border-radius:8px}.nav-links a:after{display:none}.nav-links a:hover{background:#181d1b}.nav-actions .btn-ghost{display:none}.hero{padding-top:68px}.section{padding:66px 0}.feature-grid,.steps,.support-grid{grid-template-columns:1fr}.content-grid{grid-template-columns:1fr}.side-nav{position:static;display:flex;overflow:auto}.side-nav a{white-space:nowrap}.callout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-col:last-child{grid-column:auto}.section-head{align-items:start;flex-direction:column}.status-card{align-items:flex-start;flex-direction:column}.status-meta{text-align:left}}
@media(max-width:560px){.container{width:min(94vw,1180px)}.nav-actions .btn-primary{display:none}h1{font-size:2.8rem}.hero{padding:58px 0}.console-status{grid-template-columns:1fr}.feature-grid,.plan-grid,.metric-grid,.footer-grid{grid-template-columns:1fr}.footer-brand,.footer-col:last-child{grid-column:auto}.plan p{min-height:0}.callout{padding:27px}.footer-bottom{flex-direction:column}.trust-row{gap:12px}.article{padding:22px}.hero-actions .btn{width:100%}}