/* AgentLedger — premium dark-glass UI, light/dark themes, mobile-first */
:root{
  --bg:#070d1a; --bg2:#0a1122;
  --card:rgba(20,30,52,.62); --card-solid:#101a30;
  --border:rgba(120,160,220,.16);
  --text:#e8eefb; --muted:#8fa1c2;
  --accent:#2dd4bf; --accent2:#34d399; --violet:#a78bfa;
  --danger:#f87171; --warn:#fbbf24; --info:#60a5fa;
  --shadow:0 12px 40px rgba(0,0,0,.45);
  --radius:16px;
}
[data-theme="light"]{
  --bg:#eef2fa; --bg2:#e3e9f6;
  --card:rgba(255,255,255,.78); --card-solid:#ffffff;
  --border:rgba(30,60,120,.14);
  --text:#0e1a33; --muted:#5b6b8c;
  --accent:#0d9488; --accent2:#059669;
  --shadow:0 12px 32px rgba(30,60,120,.14);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--text); min-height:100vh; display:flex; flex-direction:column;
  background:
    radial-gradient(900px 500px at 15% -5%, rgba(45,212,191,.14), transparent 60%),
    radial-gradient(800px 500px at 90% 10%, rgba(167,139,250,.12), transparent 60%),
    radial-gradient(700px 600px at 50% 110%, rgba(52,211,153,.08), transparent 60%),
    linear-gradient(180deg,var(--bg),var(--bg2));
  background-attachment:fixed;
}
[data-theme="light"] body{
  background:
    radial-gradient(900px 500px at 15% -5%, rgba(13,148,136,.10), transparent 60%),
    radial-gradient(800px 500px at 90% 10%, rgba(167,139,250,.10), transparent 60%),
    linear-gradient(180deg,var(--bg),var(--bg2));
  background-attachment:fixed;
}
a{color:var(--accent)}
::selection{background:rgba(45,212,191,.35)}

/* top bar */
.topbar{
  position:sticky; top:0; z-index:50;
  display:flex; align-items:center; gap:14px; padding:10px 18px;
  background:color-mix(in srgb, var(--bg2) 72%, transparent);
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid var(--border);
}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--text); font-weight:800; font-size:1.15rem; letter-spacing:.2px}
.brand em{font-style:normal; color:var(--accent)}
.nav{display:flex; gap:4px; margin-left:8px}
.nav[hidden],#mainNav[hidden]{display:none!important}
.nav a{
  color:var(--muted); text-decoration:none; padding:8px 13px; border-radius:10px; font-weight:600; font-size:.92rem;
  display:inline-flex; align-items:center; gap:6px;
}
.nav a:hover{color:var(--text); background:rgba(120,160,220,.10)}
.nav a.active{color:var(--text); background:rgba(45,212,191,.14); box-shadow:inset 0 0 0 1px rgba(45,212,191,.25)}
.nav-toggle{display:none; background:none; border:1px solid var(--border); color:var(--text); border-radius:10px; padding:7px 11px; font-size:1.05rem}
.topbar-right{margin-left:auto; display:flex; align-items:center; gap:10px}
.user-email{color:var(--muted); font-size:.85rem; max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.icon-btn{background:var(--card); border:1px solid var(--border); color:var(--text); border-radius:10px; padding:7px 10px; cursor:pointer}
.pill{background:var(--danger); color:#fff; font-size:.7rem; border-radius:99px; padding:1px 8px; font-weight:700}

/* layout */
.view{flex:1; width:100%; max-width:1180px; margin:0 auto; padding:22px 18px 40px}
.foot{display:flex; justify-content:space-between; gap:10px; padding:14px 20px; color:var(--muted); font-size:.8rem; border-top:1px solid var(--border); flex-wrap:wrap}

/* cards + glass */
.glass{
  background:var(--card); border:1px solid var(--border); border-radius:var(--radius);
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); box-shadow:var(--shadow);
}
.card{padding:20px}
.card h2,.card h3{margin:0 0 12px}
.grid{display:grid; gap:16px}
.grid.stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.stat{padding:16px 18px}
.stat .k{color:var(--muted); font-size:.78rem; text-transform:uppercase; letter-spacing:.08em}
.stat .v{font-size:1.7rem; font-weight:800; margin-top:4px}
.stat .v.ok{color:var(--accent2)} .stat .v.bad{color:var(--danger)}
.section-title{display:flex; align-items:center; justify-content:space-between; gap:12px; margin:26px 0 14px; flex-wrap:wrap}
.section-title h2{margin:0; font-size:1.25rem}

/* buttons */
.btn{
  appearance:none; border:1px solid transparent; cursor:pointer; font-weight:700;
  padding:10px 18px; border-radius:12px; font-size:.92rem; color:#06251f;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  box-shadow:0 6px 20px rgba(45,212,191,.30); transition:transform .08s ease;
}
.btn:hover{transform:translateY(-1px)} .btn:active{transform:translateY(0)}
.btn.ghost{background:var(--card); color:var(--text); border-color:var(--border); box-shadow:none}
.btn.danger{background:linear-gradient(135deg,#f87171,#ef4444); color:#2a0a0a; box-shadow:0 6px 20px rgba(248,113,113,.25)}
.btn.warn{background:linear-gradient(135deg,#fbbf24,#f59e0b); color:#2a1a05; box-shadow:none}
.btn.sm{padding:7px 12px; font-size:.82rem; border-radius:10px}
.btn:disabled{opacity:.5; cursor:not-allowed; transform:none}
.btn-row{display:flex; gap:10px; flex-wrap:wrap; align-items:center}

/* forms */
.field{margin-bottom:14px}
.field label{display:block; font-size:.82rem; font-weight:700; color:var(--muted); margin-bottom:6px; text-transform:uppercase; letter-spacing:.06em}
.input,select.input,textarea.input{
  width:100%; padding:11px 13px; border-radius:12px; font-size:.95rem;
  background:color-mix(in srgb, var(--bg2) 60%, transparent);
  border:1px solid var(--border); color:var(--text); font-family:inherit;
}
.input:focus{outline:none; border-color:var(--accent); box-shadow:0 0 0 3px rgba(45,212,191,.18)}
textarea.input{resize:vertical; min-height:90px; font-family:ui-monospace,Menlo,Consolas,monospace; font-size:.85rem}
select.input option{background:var(--card-solid); color:var(--text)}
.hint{color:var(--muted); font-size:.82rem; margin-top:6px}
.form-narrow{max-width:430px; margin:6vh auto}
.center{text-align:center}

/* timeline */
.filters{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; margin-bottom:6px}
.event{
  display:grid; grid-template-columns:10px 1fr; gap:12px; padding:13px 14px;
  border:1px solid var(--border); border-radius:12px; margin-bottom:10px; background:var(--card);
}
.event .dot{width:10px; height:10px; border-radius:99px; margin-top:5px}
.dot.info{background:var(--info)} .dot.warning{background:var(--warn)} .dot.critical{background:var(--danger); box-shadow:0 0 10px var(--danger)}
.event .head{display:flex; gap:8px; align-items:center; flex-wrap:wrap; font-size:.85rem}
.event .agent{font-weight:800}
.event .type{font-family:ui-monospace,Menlo,Consolas,monospace; font-size:.78rem; color:var(--accent); background:rgba(45,212,191,.10); padding:2px 8px; border-radius:8px}
.event .time{margin-left:auto; color:var(--muted); font-size:.78rem}
.event .summary{margin:6px 0 2px; font-weight:600}
.event .target{font-family:ui-monospace,Menlo,Consolas,monospace; font-size:.78rem; color:var(--muted); word-break:break-all}
.badge{display:inline-block; font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; padding:2px 9px; border-radius:99px}
.badge.info{background:rgba(96,165,250,.16); color:var(--info)}
.badge.warning{background:rgba(251,191,36,.16); color:var(--warn)}
.badge.critical{background:rgba(248,113,113,.16); color:var(--danger)}
.badge.blocked{background:rgba(248,113,113,.28); color:#fff; border:1px solid var(--danger)}
.badge.trial{background:rgba(167,139,250,.18); color:var(--violet)}
.badge.live{background:rgba(52,211,153,.16); color:var(--accent2)}
.badge.test{background:rgba(251,191,36,.16); color:var(--warn)}
.badge.starter{background:rgba(143,161,194,.16); color:var(--muted)}
.hash{font-family:ui-monospace,Menlo,Consolas,monospace; font-size:.72rem; color:var(--muted); word-break:break-all; margin-top:6px}
details.ev{margin-top:8px} details.ev summary{cursor:pointer; color:var(--muted); font-size:.8rem}
pre.code{background:rgba(0,0,0,.35); border:1px solid var(--border); border-radius:10px; padding:12px; overflow:auto; font-size:.78rem; max-height:280px}
[data-theme="light"] pre.code{background:rgba(14,26,51,.05)}

/* tables */
.table{width:100%; border-collapse:collapse; font-size:.9rem}
.table th{text-align:left; color:var(--muted); font-size:.75rem; text-transform:uppercase; letter-spacing:.06em; padding:10px 12px; border-bottom:1px solid var(--border)}
.table td{padding:12px; border-bottom:1px solid var(--border); vertical-align:middle}
.table tr:last-child td{border-bottom:none}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace; font-size:.8rem}

/* modal + toast */
.modal-backdrop{position:fixed; inset:0; background:rgba(3,6,14,.65); display:flex; align-items:center; justify-content:center; z-index:100; padding:18px}
.modal{max-width:520px; width:100%; padding:24px}
.modal[hidden],.modal-backdrop[hidden]{display:none}
.key-box{background:rgba(0,0,0,.4); border:1px dashed var(--accent); border-radius:12px; padding:14px; font-family:ui-monospace,Menlo,Consolas,monospace; word-break:break-all; margin:12px 0; font-size:.85rem}
[data-theme="light"] .key-box{background:rgba(13,148,136,.08)}
.toasts{position:fixed; bottom:18px; right:18px; display:flex; flex-direction:column; gap:10px; z-index:120; max-width:min(92vw,380px)}
.toast{padding:13px 16px; border-radius:12px; font-size:.88rem; font-weight:600; box-shadow:var(--shadow); border:1px solid var(--border); background:var(--card-solid)}
.toast.ok{border-left:4px solid var(--accent2)} .toast.err{border-left:4px solid var(--danger)} .toast.info{border-left:4px solid var(--info)}

/* upsell / banners */
.upsell{text-align:center; padding:44px 24px}
.upsell h3{margin:0 0 8px; font-size:1.2rem}
.upsell p{color:var(--muted); max-width:420px; margin:0 auto 18px}
.banner{border-radius:12px; padding:12px 16px; margin-bottom:16px; font-size:.88rem; border:1px solid var(--border); background:var(--card)}
.banner.warn{border-color:rgba(251,191,36,.4); background:rgba(251,191,36,.08)}
.banner.info{border-color:rgba(96,165,250,.35); background:rgba(96,165,250,.08)}

/* tabs */
.tabs{display:flex; gap:8px; margin-bottom:14px; flex-wrap:wrap}
.tabs button{background:var(--card); border:1px solid var(--border); color:var(--muted); padding:8px 16px; border-radius:10px; cursor:pointer; font-weight:700}
.tabs button.active{color:var(--text); border-color:var(--accent); background:rgba(45,212,191,.10)}

/* auth */
.auth-wrap{min-height:60vh; display:flex; align-items:center; justify-content:center}
.auth-card{width:100%; max-width:420px; padding:32px 28px}
.auth-card h1{margin:0 0 4px; font-size:1.5rem}
.auth-card .sub{color:var(--muted); margin-bottom:22px; font-size:.9rem}
.link-row{margin-top:16px; text-align:center; color:var(--muted); font-size:.88rem}

.empty{padding:34px 20px; text-align:center; color:var(--muted)}
.empty .big{font-size:2rem; margin-bottom:8px}

@media (max-width:760px){
  .nav{position:fixed; top:57px; left:0; right:0; flex-direction:column; background:var(--card-solid); border-bottom:1px solid var(--border); padding:10px; margin:0; z-index:60}
  .nav[hidden]{display:none}
  .nav-toggle{display:block}
  .user-email{display:none}
  .topbar{gap:8px; padding:10px 12px}
  .view{padding:16px 12px 32px}
  .table th:nth-child(n+4),.table td:nth-child(n+4){display:none}
  .event .time{margin-left:0; width:100%}
}

/* AgentLedger 2.0 visual system — progressive enhancement, zero new dependencies */
:root{
 --bg:#060a17;--bg2:#0e1530;--card:rgba(19,27,52,.78);--card-solid:#151e39;
 --border:rgba(155,174,255,.17);--text:#f0f4ff;--muted:#a3afd1;
 --accent:#69afff;--accent2:#84d5ff;--violet:#ab8fff;
 --shadow:0 20px 65px rgba(1,4,20,.42);--radius:20px;
}
body{background:radial-gradient(ellipse 70% 43% at 4% 0%,rgba(50,107,243,.19),transparent 80%),radial-gradient(ellipse 54% 38% at 98% 13%,rgba(125,78,235,.18),transparent 77%),linear-gradient(145deg,var(--bg),var(--bg2));background-attachment:fixed}
[data-theme="light"]{--bg:#f5f7ff;--bg2:#edf2ff;--text:#12203f;--muted:#5d6a88;--card:rgba(255,255,255,.86);--card-solid:#fff;--border:rgba(64,86,158,.17);--accent:#305dec;--accent2:#477ce9;--violet:#6855ba;--shadow:0 20px 50px rgba(30,50,110,.09)}
[data-theme="light"] body{background:radial-gradient(ellipse 70% 43% at 4% 0%,rgba(111,158,255,.16),transparent 80%),radial-gradient(ellipse 60% 36% at 98% 13%,rgba(166,133,254,.13),transparent 77%),linear-gradient(145deg,var(--bg),var(--bg2))}
.topbar{min-height:70px;padding:12px clamp(16px,3vw,52px);border-bottom-color:var(--border);box-shadow:0 2px 36px rgba(2,7,27,.14)}
.brand{font-size:1.22rem;letter-spacing:-.03em}.brand img{width:34px;height:34px}
.brand em{background:linear-gradient(110deg,#72bcff,#ab93ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.nav{gap:3px}.nav a{padding:10px 13px;font-size:.87rem;border-radius:12px}.nav a.active{background:rgba(104,151,255,.13);box-shadow:inset 0 0 0 1px rgba(107,151,255,.27)}
.view{max-width:1380px;padding:clamp(18px,2.5vw,36px) clamp(16px,3vw,48px) 65px}
.glass{box-shadow:var(--shadow);border-color:var(--border)}
.card{padding:clamp(18px,2vw,28px)}.grid{gap:18px}.section-title h2{font-size:clamp(1.3rem,2vw,1.8rem);letter-spacing:-.035em}
.stat{position:relative;overflow:hidden;min-height:116px;border-top:1px solid rgba(153,181,255,.32)}
.stat:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#699fff,#a18cff,transparent)}
.stat .v{font-size:clamp(1.6rem,2.5vw,2.15rem);letter-spacing:-.05em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;color:#07152c;background:linear-gradient(120deg,#88c8ff,#b59eff);box-shadow:0 9px 27px rgba(72,108,232,.20);border-radius:12px;min-height:42px;transition:transform .18s,box-shadow .18s,filter .18s}
.btn:hover{transform:translateY(-2px);box-shadow:0 15px 36px rgba(72,108,232,.26);filter:saturate(1.08)}
.btn.ghost{box-shadow:none;background:rgba(119,143,209,.095);border-color:var(--border)}
.input,select.input,textarea.input{background:var(--card-solid);border-radius:13px;min-height:45px}
.input:focus{box-shadow:0 0 0 3px rgba(101,146,249,.19)}
.auth-card{max-width:470px;padding:clamp(25px,4vw,42px);border-top:2px solid rgba(152,167,255,.52)}.auth-card h1{font-size:1.8rem;letter-spacing:-.04em}
.event{border-radius:15px;padding:17px 19px;transition:border-color .2s,transform .2s}.event:hover{border-color:rgba(116,163,255,.45);transform:translateY(-1px)}
.landing{display:flex;flex-direction:column;gap:clamp(48px,7vw,88px)}
.hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(320px,.87fr);gap:clamp(28px,5vw,75px);padding:clamp(30px,5vw,72px);min-height:560px;align-items:center}
.hero:before{content:"";position:absolute;z-index:-1;top:-200px;right:0;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(105,121,255,.19),transparent 65%);pointer-events:none}
.eyebrow{font-size:.71rem;font-weight:800;letter-spacing:.17em;color:var(--accent2);text-transform:uppercase}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#73deb5;box-shadow:0 0 0 4px rgba(115,222,181,.14);vertical-align:middle;margin-right:8px}
.hero h1{font-size:clamp(2.8rem,5vw,5.4rem);line-height:1.05;letter-spacing:-.068em;font-weight:800;margin:25px 0 22px;max-width:760px}
.gradient-text{background:linear-gradient(100deg,#79b7ff 0%,#9a93ff 55%,#c0a2ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lede{font-size:clamp(1.02rem,1.5vw,1.18rem);color:var(--muted);line-height:1.8;max-width:600px;margin:0 0 31px}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.hero-trust{display:flex;flex-wrap:wrap;gap:12px 24px;color:var(--muted);font-size:.82rem;margin-top:32px}
.hero-visual{border:1px solid rgba(145,167,245,.24);border-radius:22px;background:linear-gradient(155deg,rgba(28,42,83,.86),rgba(10,18,45,.94));padding:24px;box-shadow:0 20px 70px rgba(7,6,40,.42);transform:perspective(1100px) rotateY(-3deg)}
.visual-top{display:flex;justify-content:space-between;align-items:center;font-size:.71rem;font-weight:800;letter-spacing:.1em;color:#b6caff}.visual-online{font-size:.63rem;color:#a8b9dd;background:rgba(99,136,218,.14);border:1px solid rgba(142,174,255,.23);border-radius:99px;padding:5px 8px}
.visual-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.visual-metrics>div{border:1px solid rgba(165,189,255,.17);border-radius:13px;padding:15px;background:rgba(125,149,255,.08)}.visual-metrics small,.visual-metrics strong{display:block}.visual-metrics small{color:#aab9dc;font-size:.65rem;letter-spacing:.08em}.visual-metrics strong{font-size:1.2rem;margin-top:8px;color:#f6f8ff}
.visual-rule{display:flex;align-items:center;justify-content:center;padding:7px 12px 22px}.visual-node{width:26px;height:26px;border-radius:50%;background:#7daaf7;border:5px solid #283d6a;box-shadow:0 0 22px #6c9afd55}.visual-node.mid{background:#af9aff}.visual-node.end{background:#81dfbd}.visual-connector{flex:1;height:2px;background:linear-gradient(90deg,#72a6ff,#ae97ff)}
.visual-record{display:flex;align-items:center;gap:12px;padding:13px 3px;border-top:1px solid rgba(163,179,255,.14);color:#ebf1ff}.visual-record>span:first-child{color:#8498cb;font:700 .75rem ui-monospace,monospace}.visual-record>div{flex:1}.visual-record b{font-size:.85rem}.visual-record small{display:block;color:#a8b8dd;font-size:.72rem;margin-top:3px}.visual-record .badge{font-size:.59rem}
.visual-disclaimer{font-size:.65rem;color:#8598bd;text-align:right;margin:14px 0 0}
.landing-section{scroll-margin-top:90px}.landing-section h2{font-size:clamp(2rem,3.4vw,3rem);max-width:730px;letter-spacing:-.06em;line-height:1.14;margin:12px 0 27px}
.feature-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.feature-card{min-height:230px;background:linear-gradient(155deg,var(--card),rgba(68,79,157,.08));border-top:1px solid rgba(156,174,255,.39)}
.feature-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(120,153,251,.16);color:var(--accent2);font-size:1.5rem;margin-bottom:25px}
.feature-card h3{font-size:1.23rem;letter-spacing:-.035em}.feature-card p,.plan-card p{line-height:1.7;color:var(--muted);font-size:.94rem}
.plan-card{display:flex;flex-direction:column;gap:12px;min-height:302px}.plan-card.featured{border:1px solid rgba(164,152,255,.64);background:linear-gradient(165deg,rgba(93,88,179,.19),var(--card));box-shadow:0 15px 60px rgba(103,80,205,.13)}
.plan-card h3{margin:0;font-size:1.07rem}.plan-price{font-weight:800;font-size:2.8rem;letter-spacing:-.065em;line-height:1.1}.plan-price span{font-size:.9rem;color:var(--muted);font-weight:500;letter-spacing:0}.plan-card p{flex:1}.plan-card .btn{align-self:flex-start}
.landing-note{color:var(--muted);font-size:.85rem;line-height:1.7;max-width:850px;margin:20px 0}
.faq-section details{border:1px solid var(--border);background:var(--card);border-radius:14px;padding:19px 23px;margin-bottom:10px}.faq-section summary{cursor:pointer;font-weight:700}.faq-section details p{color:var(--muted);line-height:1.7}
@media(max-width:1020px){.hero{grid-template-columns:1fr}.hero-visual{max-width:650px;transform:none}.nav{gap:0}.nav a{padding:9px}}
@media(max-width:760px){.hero{padding:28px 20px;min-height:auto}.hero h1{font-size:clamp(2.7rem,10vw,4.3rem)}.hero-visual{padding:16px}.feature-grid,.pricing-grid{grid-template-columns:1fr}.landing{gap:49px}.hero-actions .btn{width:100%}.visual-record .badge{display:none}.nav{top:65px}.hero-trust{gap:10px 16px}}
@media(prefers-reduced-motion:reduce){.btn,.event{transition:none}.hero-visual{transform:none}}

.dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;padding:clamp(25px,4vw,42px);margin-bottom:22px;background:linear-gradient(115deg,rgba(67,92,173,.24),var(--card) 60%,rgba(90,65,157,.14));border-top:1px solid rgba(156,173,255,.36)}
.dashboard-hero h1{font-size:clamp(1.9rem,3.1vw,3rem);letter-spacing:-.06em;margin:14px 0 8px;line-height:1.08}
.dashboard-hero p{color:var(--muted);margin:0;line-height:1.7;max-width:600px}
.dashboard-hero>.btn-row{justify-content:flex-end}
@media(max-width:760px){.dashboard-hero>.btn-row{justify-content:flex-start}}

.coverage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:17px}.coverage-agent{border-top:2px solid rgba(123,174,255,.33)}.coverage-agent h3{margin:0}.coverage-issues{margin:16px 0;padding-left:20px;color:var(--muted);font-size:.88rem;line-height:1.7}.coverage-preview-form{display:grid;grid-template-columns:1fr 1fr 1.3fr auto;align-items:end;gap:12px;margin:17px 0}.coverage-preview-form .field{margin:0}.coverage-preview-form button{min-height:45px}.coverage-result:empty{display:none}@media(max-width:950px){.coverage-preview-form{grid-template-columns:1fr 1fr}.coverage-preview-form button{width:100%}}@media(max-width:550px){.coverage-preview-form{grid-template-columns:1fr}}

@media(min-width:761px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Workspace refresh 1.4.1 */
:root{--accent:#2dd4bf;--accent2:#5eead4;--radius:18px}
[data-theme="light"]{--bg:#f4f7f8;--bg2:#edf3f4;--card:#fff;--card-solid:#fff;--text:#152c36;--muted:#526a74;--border:#dce6e9;--accent:#087f75;--accent2:#0a8b80;--shadow:0 8px 26px rgba(23,62,74,.045)}
[data-theme="light"] body{background:radial-gradient(ellipse at 80% 0%,#e4f3ef 0,transparent 48%),var(--bg)}
body{line-height:1.5}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;gap:8px;min-height:42px;color:#062a25;box-shadow:0 4px 12px rgba(8,127,117,.15);transition:background .2s,transform .2s,box-shadow .2s}
[data-theme="light"] .btn{color:#fff}
[data-theme="light"] .btn.ghost{color:var(--text)}
[data-theme="light"] .btn.danger{color:#fff}
a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.nav-icon{width:20px;height:20px;flex-shrink:0}
.sidebar-note{display:none}
body[data-workspace="true"] .view{max-width:1450px;padding:35px clamp(20px,3vw,48px) 48px}
body[data-workspace="true"] .topbar{height:78px;padding:16px 30px;backdrop-filter:blur(16px)}
body[data-workspace="true"] .brand{font-size:1.25rem;letter-spacing:-.04em}
body[data-workspace="true"] .brand img{width:34px;height:34px}
body[data-workspace="true"] .dashboard-hero{position:relative;overflow:hidden;min-height:225px;padding:35px 38px;border:1px solid var(--border);background:linear-gradient(110deg,var(--card-solid) 25%,color-mix(in srgb,var(--accent) 11%,var(--card-solid)));box-shadow:var(--shadow)}
.dashboard-hero:after{content:"";position:absolute;right:-85px;top:-100px;width:310px;height:310px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:50%;box-shadow:0 0 0 35px color-mix(in srgb,var(--accent) 4%,transparent),0 0 0 70px color-mix(in srgb,var(--accent) 3%,transparent);pointer-events:none}
.dashboard-hero>div{position:relative;z-index:1}
.dashboard-hero h1{max-width:620px;font-size:clamp(2rem,3.5vw,3.6rem);line-height:1.08;font-weight:750;letter-spacing:-.055em}
.dashboard-hero p{max-width:540px;font-size:1rem;line-height:1.7}
.eyebrow{color:var(--accent);font-weight:750;letter-spacing:.13em;font-size:.7rem}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:7px}
.grid.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.stat{position:relative;padding:23px 24px;min-height:145px;overflow:hidden;border-top:3px solid color-mix(in srgb,var(--accent) 45%,var(--border))}
.stat .k{font-size:.72rem;letter-spacing:.07em;font-weight:650}
.stat .v{font-size:2.15rem;font-weight:740;letter-spacing:-.06em;line-height:1.2;margin:11px 0 8px}
.stat .v.ok{color:var(--accent)}
.stat-note{font-size:.75rem;color:var(--muted)}
.setup-panel{padding:26px;margin-bottom:32px}
.setup-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.setup-heading h2{font-size:1.2rem;letter-spacing:-.035em;margin:6px 0 0}
.setup-progress{white-space:nowrap;color:var(--accent);font-size:.8rem;font-weight:700;background:color-mix(in srgb,var(--accent) 9%,transparent);padding:8px 12px;border-radius:9px}
.setup-track{height:4px;background:var(--border);border-radius:4px;margin:20px 0 23px;overflow:hidden}
.setup-track span{display:block;height:100%;background:var(--accent);transition:width .4s}
.setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.setup-step{display:flex;align-items:flex-start;gap:13px;text-decoration:none;color:var(--text);padding:18px;border:1px solid var(--border);border-radius:13px;transition:border-color .2s,background .2s}
.setup-step:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 4%,var(--card))}
.step-number{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--muted) 10%,transparent);color:var(--muted);flex-shrink:0;font-size:.85rem;font-weight:700}
.complete .step-number{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}
.setup-step strong{display:block;font-size:.86rem;line-height:1.5}
.setup-step small{display:block;font-size:.76rem;color:var(--muted);line-height:1.6;margin-top:6px}
.step-state{display:block;font-size:.73rem;font-weight:650;color:var(--accent);margin-top:12px}
.section-title h2{font-size:1.35rem;letter-spacing:-.035em}
.filters{gap:16px}
.input{min-height:44px}
[data-theme="light"] .input{background:#f8fafb}
.event{margin-bottom:12px;padding:20px;border-radius:14px;box-shadow:var(--shadow);transition:border-color .2s}
.event:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}
.event .summary{font-size:.95rem;margin:9px 0 5px}
.event .hash{opacity:.85}
.empty{border:1px dashed var(--border);border-radius:18px;background:var(--card);padding:46px 24px}
.empty h3{color:var(--text);font-size:1.3rem;letter-spacing:-.025em;margin:12px 0}
.empty p{max-width:440px;margin:12px auto 20px;line-height:1.7}
.empty .hint{margin-bottom:0}
.auth-wrap{min-height:75vh}
.auth-card{padding:38px;max-width:470px;border-top:4px solid var(--accent)}
.auth-card h1{font-size:2rem;letter-spacing:-.045em}
.auth-card .sub{line-height:1.7;margin-top:10px}
.table th{padding:14px 16px}.table td{padding:17px 16px}
body[data-workspace="true"] .view>*{animation:workspace-enter .3s ease both}
@keyframes workspace-enter{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:761px){
 body[data-workspace="true"]{padding-left:235px}
 /* Backdrop filters create fixed-position containing blocks: keep nav anchored to viewport. */
 body[data-workspace="true"] .topbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--card-solid)}
 body[data-workspace="true"] .topbar .brand{position:fixed;left:24px;top:26px;z-index:70}
 body[data-workspace="true"] .nav{display:flex!important;position:fixed;left:0;top:0;bottom:0;width:235px;padding:111px 18px 24px;margin:0;flex-direction:column;gap:7px;border-right:1px solid var(--border);background:var(--card-solid);z-index:55}
 body[data-workspace="true"] .nav a{min-height:45px;padding:12px 15px;font-size:.87rem;font-weight:600;gap:13px}
 body[data-workspace="true"] .nav a.active{background:color-mix(in srgb,var(--accent) 10%,var(--card-solid));color:var(--accent);box-shadow:none}
 body[data-workspace="true"] .nav a.active:before{content:"";position:absolute;left:0;width:3px;height:24px;border-radius:0 3px 3px 0;background:var(--accent)}
 body[data-workspace="true"] .sidebar-note{display:block;margin-top:auto;padding:23px 13px 0;border-top:1px solid var(--border);font-size:.74rem;color:var(--muted)}
 .sidebar-note strong{font-size:.73rem;font-weight:600}.sidebar-note small{display:block;margin-top:7px;font-size:.67rem}
 body[data-workspace="true"] .topbar:before{content:"WORKSPACE / " attr(data-section);font-size:.69rem;font-weight:650;letter-spacing:.1em;color:var(--muted)}
}
@media(min-width:761px) and (max-width:1100px){.grid.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-grid{grid-template-columns:1fr}.setup-step small{margin-top:3px}.setup-step .step-state{margin-top:5px}body[data-workspace="true"] .dashboard-hero{padding:28px}}
@media(max-width:760px){
 body[data-workspace="true"] .topbar{height:68px;padding:12px 16px}
 body[data-workspace="true"] .view{padding:22px 16px 36px}
 body[data-workspace="true"] .nav{top:68px;max-height:calc(100vh - 68px);overflow:auto;padding:14px;box-shadow:var(--shadow)}
 body[data-workspace="true"] .nav a{padding:13px 16px;gap:12px}
 body[data-workspace="true"] .dashboard-hero{padding:26px 23px;min-height:0;gap:24px}
 .dashboard-hero h1{font-size:2.4rem}.dashboard-hero p{font-size:.92rem}
 .grid.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .stat{padding:19px 15px;min-height:130px}.stat .v{font-size:1.85rem}.stat-note{font-size:.7rem}
 .setup-panel{padding:21px}.setup-grid{grid-template-columns:1fr;gap:10px}.setup-heading{align-items:flex-start}.setup-heading h2{font-size:1.1rem}
 .setup-progress{font-size:.7rem;padding:7px 9px}.setup-step{padding:16px}.setup-step small{margin-top:3px}.step-state{margin-top:7px}
 .grid.two{grid-template-columns:1fr}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .section-title>.hint{font-size:.72rem}.event{padding:16px}.auth-card{padding:28px 23px}
 .brand{font-size:1.05rem}body[data-workspace="true"] .brand{font-size:1.05rem}
 .nav-toggle[hidden]{display:none}.sidebar-note{display:none}
 .foot{font-size:.72rem}
}
@media(max-width:380px){.filters{grid-template-columns:1fr}.setup-heading{flex-direction:column;gap:12px}.topbar-right{gap:5px}.btn.sm{padding:7px 9px}.dashboard-hero h1{font-size:2rem}}
@media(prefers-reduced-motion:reduce){body[data-workspace="true"] .view>*{animation:none}.setup-track span,.setup-step,.btn,.event{transition:none}}
[hidden]{display:none!important}
.btn:not(.ghost):not(.danger):not(.warn){background:linear-gradient(120deg,var(--accent),var(--accent2))}
.brand em{background:none;color:var(--accent)}
.stat:before{background:linear-gradient(90deg,var(--accent),var(--accent2),transparent)}

/* Eyes On Your AI — cinematic oversight visual identity. No new runtime dependencies. */
:root{--bg:#030916;--bg2:#08162b;--accent:#27c9f4;--accent2:#4b92ff;--violet:#9980ff;--border:rgba(91,164,237,.22);--card:rgba(8,21,43,.78);--card-solid:#0c1d36;--shadow:0 20px 55px rgba(0,0,0,.42)}
[data-theme="light"]{--accent:#066eae;--accent2:#275edb;--violet:#6045ae;--card:rgba(255,255,255,.9);--card-solid:#fff;--border:rgba(34,78,136,.19)}
body:not([data-workspace="true"]){background:radial-gradient(ellipse 60% 55% at 85% 0%,rgba(24,101,186,.22),transparent 72%),radial-gradient(ellipse 45% 35% at 7% 16%,rgba(14,183,207,.12),transparent 76%),linear-gradient(180deg,var(--bg),var(--bg2));background-attachment:fixed}
body:not([data-workspace="true"]) .hero{background:linear-gradient(100deg,rgba(4,12,31,.96) 0%,rgba(5,15,36,.84) 58%,rgba(6,20,48,.62) 100%),url('/brand-horizon.svg') center/cover no-repeat;border:1px solid rgba(66,147,237,.24);box-shadow:0 24px 95px rgba(0,3,16,.34)}
body:not([data-workspace="true"]) .hero h1{color:#f4f9ff}
body:not([data-workspace="true"]) .hero-lede{color:#b3c9e5}
body:not([data-workspace="true"]) .hero .eyebrow{color:#79e4f9}
body:not([data-workspace="true"]) .hero-trust{color:#c0d8f6}
.brand{font-weight:760;letter-spacing:-.035em}.brand em{font-style:normal;color:var(--accent)}
@media(max-width:760px){body:not([data-workspace="true"]) .hero{background-position:64% center}}
@media(prefers-reduced-motion:reduce){body .hero,body .hero *{scroll-behavior:auto}}


/* Eyes On Your AI 1.6 — product-grade command center; keep old layout fallbacks. */
body:not([data-workspace="true"]) .hero{
  position:relative;isolation:isolate;overflow:hidden;min-height:510px;
  background:
    linear-gradient(90deg,rgba(2,8,22,.98) 0%,rgba(2,9,28,.94) 35%,rgba(3,12,31,.80) 62%,rgba(4,17,40,.52) 100%),
    url('https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=1400&q=76&auto=format&fit=crop') center 48% / cover no-repeat,
    linear-gradient(130deg,#030a1a,#133b66);
  border:1px solid rgba(75,168,251,.32);box-shadow:0 25px 85px rgba(0,8,30,.44);
}
body:not([data-workspace="true"]) .hero .hero-copy{position:relative;z-index:2}
body:not([data-workspace="true"]) .hero-visual{background:rgba(5,16,38,.85);box-shadow:0 18px 55px rgba(0,6,25,.55);border:1px solid rgba(121,196,255,.22)}
body:not([data-workspace="true"]) .hero-lede{color:#d4e4f5;text-wrap:pretty}
body:not([data-workspace="true"]) .hero .hero-trust{color:#d7eafb}
body:not([data-workspace="true"]) .hero h1{font-size:clamp(2.35rem,4.2vw,4rem);letter-spacing:-.055em;text-wrap:balance}
body:not([data-workspace="true"]) .hero .btn.ghost{background:rgba(6,21,41,.74);border-color:rgba(121,196,255,.34)}
body:not([data-workspace="true"]) .auth-wrap{
  border-radius:20px;
  background:linear-gradient(105deg,rgba(3,10,26,.94),rgba(4,20,42,.82)),url('https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=1100&q=74&auto=format&fit=crop') center / cover no-repeat;
}
body:not([data-workspace="true"]) .auth-card{background:rgba(8,23,46,.94);backdrop-filter:none;-webkit-backdrop-filter:none}
body:not([data-workspace="true"])[data-theme="light"] .auth-card,
[data-theme="light"] body:not([data-workspace="true"]) .auth-card{background:rgba(250,253,255,.97)}
.overview-strip{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;background:linear-gradient(110deg,rgba(14,40,76,.9),rgba(7,23,44,.96));border:1px solid rgba(102,191,255,.27);border-radius:20px}
.overview-strip h2{max-width:640px;font-size:clamp(1.5rem,2.5vw,2.3rem);letter-spacing:-.035em;line-height:1.16;margin:10px 0}
.overview-strip p{max-width:730px;color:var(--muted);line-height:1.6;margin-bottom:0}
.overview-strip .btn{flex-shrink:0;text-decoration:none}
.plan-perks{padding-left:18px;color:var(--muted);line-height:1.8;font-size:.88rem;min-height:78px}
.plan-card.featured{outline:1px solid rgba(66,187,254,.45);box-shadow:0 15px 45px rgba(20,100,219,.21)}
/* Operational dashboard: compact masthead with genuine workspace data below. */
body[data-workspace="true"] .dashboard-hero{
  min-height:0!important;padding:26px 30px!important;display:flex;align-items:center;justify-content:space-between;gap:20px;
  background:linear-gradient(110deg,rgba(8,28,54,.98),rgba(13,34,65,.94));border:1px solid rgba(92,176,235,.24)
}
body[data-workspace="true"] .dashboard-hero h1{font-size:clamp(1.6rem,2.2vw,2.25rem)!important;line-height:1.1;margin:10px 0}
body[data-workspace="true"] .dashboard-hero p{max-width:660px;font-size:.9rem;line-height:1.55;margin:8px 0 0}
body[data-workspace="true"] .dashboard-hero .btn-row{justify-content:flex-end;max-width:410px;align-self:center}
.workspace-education{display:flex;align-items:center;gap:18px;padding:12px 18px;margin:14px 0 22px;border-radius:12px;background:rgba(18,42,69,.62);border:1px solid var(--border)}
.workspace-education>span{flex-shrink:0;font-size:.65rem;font-weight:800;letter-spacing:.1em;color:var(--accent)}
.workspace-education p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.55}
.workspace-education a{font-weight:700;white-space:normal}
body[data-workspace="true"] .stat{min-height:130px;border-radius:13px}
body[data-workspace="true"] .grid.stats{gap:14px}
body[data-workspace="true"] .stat .v{font-variant-numeric:tabular-nums;font-size:1.95rem}
/* Explanatory flow accessible from public marketing and signed-in nav. */
.how-intro{padding:40px;border-radius:22px;position:relative;overflow:hidden;background:
  linear-gradient(95deg,rgba(4,14,33,.97),rgba(8,33,64,.82)),
  url('https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=1100&q=73&auto=format&fit=crop') center / cover no-repeat}
.how-intro h1{max-width:800px;font-size:clamp(2rem,4vw,3.15rem);letter-spacing:-.05em;line-height:1.08;margin:12px 0 16px;color:#f5faff}
.how-intro .lead{max-width:790px;font-size:1rem;line-height:1.75;color:#d5e6f8}
.how-intro .btn-row{margin-top:22px}
.how-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0}
.how-steps .card{position:relative;min-width:0;padding:28px;border-radius:17px;box-shadow:none}
.how-number{display:inline-flex;align-items:center;justify-content:center;color:var(--accent);font-size:.81rem;font-weight:800;letter-spacing:.07em;border:1px solid var(--border);padding:7px 10px;border-radius:9px}
.how-steps h2{font-size:1.28rem;letter-spacing:-.028em;margin:18px 0 9px}
.how-steps p{color:var(--muted);font-size:.91rem;line-height:1.65}
.how-detail{font-size:.72rem;font-weight:700;color:var(--accent)}
.how-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:30px}
.how-proof h2{font-size:1.25rem;letter-spacing:-.03em;line-height:1.3;margin:11px 0}
.how-proof p{font-size:.88rem;color:var(--muted);line-height:1.7}
.how-cta{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:16px 0;padding:25px 29px}
.how-cta h2{font-size:1.2rem;letter-spacing:-.025em}
.how-cta p{color:var(--muted);line-height:1.6;margin:0}
.premium-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px;margin:20px 0 17px;border-radius:16px;background:linear-gradient(115deg,rgba(12,40,79,.95),rgba(8,22,49,.95))}
.premium-intro h2{font-size:1.4rem;letter-spacing:-.03em;margin:9px 0}
.premium-intro p{font-size:.86rem;line-height:1.6;color:var(--muted);margin:0;max-width:660px}
.premium-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.premium-tier{padding:24px;display:flex;flex-direction:column;gap:10px;min-width:0}
.premium-tier strong{font-size:1.35rem;letter-spacing:-.03em}
.premium-tier p,.premium-tier small{font-size:.81rem;line-height:1.55;color:var(--muted);margin:0}
.premium-tier.highlighted{border-color:rgba(42,196,255,.60);background:linear-gradient(160deg,rgba(22,62,109,.8),rgba(10,25,49,.93))}
.photo-credit a{font-size:.68rem;color:var(--muted)}
@media(max-width:1050px){
  body[data-workspace="true"] .dashboard-hero{align-items:flex-start;flex-direction:column}
  body[data-workspace="true"] .dashboard-hero .btn-row{justify-content:flex-start;max-width:none}
  .overview-strip,.premium-intro,.how-cta{flex-direction:column;align-items:flex-start}
}
@media(max-width:760px){
  body:not([data-workspace="true"]) .hero{min-height:0;background-position:60% center}
  body[data-workspace="true"] .dashboard-hero{padding:22px!important;gap:13px}
  body[data-workspace="true"] .dashboard-hero h1{font-size:1.75rem!important}
  .workspace-education{flex-direction:column;align-items:flex-start;gap:8px}
  .how-steps,.how-proof,.premium-comparison{grid-template-columns:1fr}
  .how-intro{padding:26px 23px}
  .how-intro h1{font-size:2rem}
  .how-proof{padding:23px}
  .overview-strip{padding:24px}
  .premium-intro{padding:22px}
  .how-cta{padding:20px}
}
@media(prefers-reduced-motion:reduce){
  .how-intro,.premium-tier,.overview-strip{scroll-behavior:auto}
}


/* QA contrast pass: marketing canvas stays dark regardless of saved light mode. */
body:not([data-workspace="true"]) .topbar{background:#07162c;border-bottom-color:rgba(90,176,244,.22)}
body:not([data-workspace="true"]) .topbar .brand{color:#f1f7ff}
body:not([data-workspace="true"]) .topbar .icon-btn{color:#e8f3ff;background:rgba(15,34,61,.94)}
body:not([data-workspace="true"]) .hero .btn.ghost{color:#eaf5ff}
body:not([data-workspace="true"]) .hero .btn.ghost:hover{border-color:#8cd7ff;background:rgba(26,60,99,.94)}
body:not([data-workspace="true"]) .overview-strip{
  background:linear-gradient(100deg,rgba(6,22,45,.97),rgba(5,23,48,.87),rgba(5,23,48,.70)),
    url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=1250&q=72&auto=format&fit=crop') center / cover no-repeat;
}
body:not([data-workspace="true"]) .overview-strip h2,
body:not([data-workspace="true"]) .overview-strip .eyebrow{color:#f0f8ff}
body:not([data-workspace="true"]) .overview-strip p{color:#d5e9f8}
body:not([data-workspace="true"]) .overview-strip .btn.ghost{color:#f4f9ff;background:rgba(13,38,70,.83)}
body:not([data-workspace="true"]) .hero{
  background:
    linear-gradient(90deg,rgba(2,8,22,.97) 0%,rgba(2,9,28,.86) 35%,rgba(3,12,31,.64) 62%,rgba(4,17,40,.26) 100%),
    url('https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=1400&q=76&auto=format&fit=crop') center 48% / cover no-repeat,
    linear-gradient(130deg,#030a1a,#133b66);
}
html[data-theme="light"] body:not([data-workspace="true"]) .premium-intro,
html[data-theme="light"] body:not([data-workspace="true"]) .premium-tier.highlighted{color:#f3f9ff}
html[data-theme="light"] body:not([data-workspace="true"]) .premium-intro p,
html[data-theme="light"] body:not([data-workspace="true"]) .premium-tier.highlighted p,
html[data-theme="light"] body:not([data-workspace="true"]) .premium-tier.highlighted small{color:#d5e6f8}
html[data-theme="light"] body:not([data-workspace="true"]) .how-intro .eyebrow,
html[data-theme="light"] body:not([data-workspace="true"]) .how-intro .btn.ghost{color:#edf8ff}
html[data-theme="light"] body[data-workspace="true"] .premium-intro,
html[data-theme="light"] body[data-workspace="true"] .premium-tier.highlighted{color:#f3f9ff}
html[data-theme="light"] body[data-workspace="true"] .premium-intro p,
html[data-theme="light"] body[data-workspace="true"] .premium-tier.highlighted p,
html[data-theme="light"] body[data-workspace="true"] .premium-tier.highlighted small{color:#cddff7}


/* Final enterprise typography polish: system-native typography = zero font-CDN requests. */
:root{
  --radius:13px;
  --shadow:0 8px 28px rgba(0,7,22,.26);
  --text:#eef4fc;
  --muted:#a1b1cb;
}
body{
  font-family:"Segoe UI Variable Text","Segoe UI",Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  font-optical-sizing:auto;font-synthesis:none;text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.brand,.stat .v,.plan-price,.premium-tier strong{
  font-family:"Segoe UI Variable Display","Segoe UI",Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  font-kerning:normal;
}
body[data-workspace="true"] h1,
body[data-workspace="true"] h2,
body[data-workspace="true"] h3{letter-spacing:-.025em;line-height:1.2}
body[data-workspace="true"] .card,
body[data-workspace="true"] .stat{box-shadow:0 4px 16px rgba(1,11,26,.19);border-color:rgba(127,163,207,.17)}
body[data-workspace="true"] .section-title h2{font-size:1.12rem;font-weight:680}
body[data-workspace="true"] .nav a{font-size:.88rem;font-weight:580;letter-spacing:0;padding:10px 13px}
body[data-workspace="true"] .nav a.active{font-weight:740}
body[data-workspace="true"] .stat .k{font-size:.71rem;letter-spacing:.075em;font-weight:730}
body[data-workspace="true"] .stat .v{font-size:1.85rem;font-weight:710;letter-spacing:-.055em}
body[data-workspace="true"] .stat .stat-note{font-size:.76rem;line-height:1.5}
body[data-workspace="true"] .dashboard-hero .eyebrow{font-size:.66rem}
body[data-workspace="true"] .dashboard-hero h1{font-weight:750;letter-spacing:-.045em!important}
body[data-workspace="true"] .dashboard-hero .btn{box-shadow:none}
body[data-workspace="true"] .setup-panel{box-shadow:0 4px 18px rgba(1,11,26,.22)}
body[data-workspace="true"] .workspace-education{background:rgba(16,37,66,.75)}
body:not([data-workspace="true"]) .hero .btn{box-shadow:0 5px 16px rgba(12,49,91,.35)}
body:not([data-workspace="true"]) .hero h1{font-weight:790;letter-spacing:-.065em}
body:not([data-workspace="true"]) .eyebrow{letter-spacing:.12em;font-weight:780}
body:not([data-workspace="true"]) .landing-section h2{letter-spacing:-.042em}
body:not([data-workspace="true"]) .feature-card{box-shadow:0 5px 24px rgba(4,17,43,.22)}
body:not([data-workspace="true"]) .plan-card{gap:11px}
body:not([data-workspace="true"]) .plan-card h3{font-weight:700}
body:not([data-workspace="true"]) .plan-price{font-size:2.6rem;letter-spacing:-.05em}
body:not([data-workspace="true"]) .hero{
  background:
    linear-gradient(90deg,rgba(2,8,22,.84) 0%,rgba(2,9,28,.75) 33%,rgba(3,12,31,.47) 62%,rgba(4,17,40,.20) 100%),
    url('https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=1400&q=76&auto=format&fit=crop') center 48% / cover no-repeat,
    linear-gradient(130deg,#030a1a,#133b66);
}
/* Preserve accessible, higher-contrast light theme within signed-in workspace. */
html[data-theme="light"] body[data-workspace="true"]{--text:#15253d;--muted:#51617e}
html[data-theme="light"] body[data-workspace="true"] .dashboard-hero,
html[data-theme="light"] body[data-workspace="true"] .premium-intro,
html[data-theme="light"] body[data-workspace="true"] .premium-tier.highlighted,
html[data-theme="light"] body[data-workspace="true"] .workspace-education{color:#eff7ff}
html[data-theme="light"] body[data-workspace="true"] .dashboard-hero p,
html[data-theme="light"] body[data-workspace="true"] .premium-intro p,
html[data-theme="light"] body[data-workspace="true"] .premium-tier.highlighted p,
html[data-theme="light"] body[data-workspace="true"] .premium-tier.highlighted small,
html[data-theme="light"] body[data-workspace="true"] .workspace-education p{color:#d3e3f7}
html[data-theme="light"] body[data-workspace="true"] .workspace-education a{color:#7ff3ff}


/* QA accessibility correction: later dark :root tokens must not override light mode. */
html[data-theme="light"]{
  --text:#15253d;
  --muted:#596985;
  --bg:#eef2fa;
  --bg2:#e3e9f6;
  --card:rgba(255,255,255,.85);
  --card-solid:#ffffff;
  --border:rgba(30,60,120,.17);
  --shadow:0 9px 25px rgba(22,47,89,.10);
}
html[data-theme="light"] body:not([data-workspace="true"]) .hero h1,
html[data-theme="light"] body:not([data-workspace="true"]) .hero .eyebrow,
html[data-theme="light"] body:not([data-workspace="true"]) .hero .hero-trust{
  color:#f5f9ff;
}
html[data-theme="light"] body:not([data-workspace="true"]) .how-intro .eyebrow{color:#c4f6ff}
html[data-theme="light"] body:not([data-workspace="true"]) .how-steps .card h2,
html[data-theme="light"] body:not([data-workspace="true"]) .how-proof h2,
html[data-theme="light"] body:not([data-workspace="true"]) .feature-card h3,
html[data-theme="light"] body:not([data-workspace="true"]) .plan-card h3,
html[data-theme="light"] body:not([data-workspace="true"]) .plan-price{color:#15253d}
html[data-theme="light"] body:not([data-workspace="true"]) .how-steps .card p,
html[data-theme="light"] body:not([data-workspace="true"]) .how-proof p{color:#53647e}


/* Premium service telemetry — dense but legible; no remotely loaded fonts. */
.nav-premium{font-size:.54rem;font-weight:800;letter-spacing:.075em;color:var(--accent);border:1px solid rgba(62,177,245,.35);border-radius:5px;padding:2px 4px;margin-left:auto}
.telemetry-kpis{margin:18px 0 20px}
.telemetry-kpis .stat{min-height:123px}
.telemetry-kpis .v small{font-size:.73rem;color:var(--muted)}
.telemetry-endpoint{display:block;padding:12px;background:rgba(7,25,50,.7);border:1px solid var(--border);border-radius:9px;word-break:break-all;line-height:1.6;margin:8px 0 13px;font-size:.75rem}
#newTelemetrySource{display:flex;align-items:flex-end;flex-wrap:wrap;gap:9px;margin:15px 0}
#newTelemetrySource label{width:100%;font-size:.73rem}
#newTelemetrySource input{flex:1;min-width:190px}
#newTelemetrySource button{flex-shrink:0}
.telemetry-kpis + .banner{margin-bottom:20px}
@media(max-width:760px){#newTelemetrySource{flex-direction:column;align-items:stretch}#newTelemetrySource input{width:100%}.telemetry-kpis .stat{min-height:104px}}