:root {
  color-scheme: dark;
  --bg: #061019;
  --bg-deep: #040b12;
  --surface: #0b1a26;
  --surface-2: #0e2231;
  --surface-3: #112b3d;
  --line: rgba(172, 213, 229, .12);
  --line-strong: rgba(172, 213, 229, .2);
  --text: #f3fbff;
  --muted: #91a8b7;
  --teal: #53dfc0;
  --teal-dark: #23aa92;
  --blue: #5ca9ff;
  --amber: #f3bd5b;
  --violet: #ab8cff;
  --green: #59d99a;
  --shadow: 0 30px 90px rgba(0, 0, 0, .35);
  --radius: 22px;
}

.public-logout { display: inline; margin: 0; }
.public-logout button { font: inherit; }
.dashboard-loading { min-height: 100vh; display: grid; place-items: center; color: var(--muted); background: var(--bg); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--text); background: var(--bg); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.public-page { background: radial-gradient(circle at 12% 0%, rgba(83, 223, 192, .1), transparent 25%), radial-gradient(circle at 88% 7%, rgba(92, 169, 255, .09), transparent 27%), var(--bg); }
.public-header { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid var(--line); background: rgba(6, 16, 25, .8); backdrop-filter: blur(18px); }
.nav-row { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 12px; font-size: 19px; font-weight: 800; letter-spacing: -.3px; }
.brand-mark { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; gap: 3px; border: 1px solid rgba(83, 223, 192, .25); border-radius: 12px; background: linear-gradient(145deg, rgba(83, 223, 192, .13), rgba(92, 169, 255, .08)); }
.brand-mark i { width: 3px; border-radius: 5px; background: var(--teal); transform: rotate(28deg); }
.brand-mark i:nth-child(1) { height: 11px; }.brand-mark i:nth-child(2) { height: 22px; }.brand-mark i:nth-child(3) { height: 14px; }
.public-nav { display: flex; align-items: center; gap: 5px; }
.public-nav a { padding: 10px 11px; border-radius: 10px; color: #b8cad5; font-size: 14px; transition: .2s ease; }
.public-nav a:hover { color: #fff; background: rgba(255, 255, 255, .05); }
.nav-divider { width: 1px; height: 25px; margin: 0 4px; background: var(--line); }
.nav-signin { color: #eaf5fa !important; }
.menu-toggle { display: none; border: 1px solid var(--line); background: var(--surface); border-radius: 10px; padding: 9px 12px; }
.button { min-height: 48px; padding: 0 19px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid transparent; border-radius: 13px; color: #03110d; background: linear-gradient(135deg, var(--teal), #45c5aa); box-shadow: 0 13px 36px rgba(83, 223, 192, .16); font-weight: 800; cursor: pointer; }
.button-small { min-height: 40px; padding: 0 15px !important; }
.button-secondary { color: #dfeef5; background: rgba(255, 255, 255, .035); border-color: var(--line-strong); box-shadow: none; }
.hero { min-height: 760px; display: flex; align-items: center; padding: 102px 0 88px; overflow: hidden; }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(480px, .98fr); gap: 72px; align-items: center; }
.eyebrow, .section-kicker { color: #bffbed; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.eyebrow { width: max-content; max-width: 100%; display: flex; align-items: center; gap: 9px; padding: 8px 12px; border: 1px solid rgba(83, 223, 192, .2); border-radius: 999px; background: rgba(83, 223, 192, .055); }
.pulse { width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: var(--teal); box-shadow: 0 0 14px var(--teal); }
.hero h1 { max-width: 720px; margin: 22px 0 22px; font-size: clamp(48px, 6vw, 78px); line-height: .98; letter-spacing: -.055em; }
.hero h1 span { display: block; color: #90a8b7; }
.hero-lead { max-width: 660px; margin: 0; color: #a9bdc9; font-size: 19px; line-height: 1.72; }
.button-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.trust-row { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 28px; color: #78909f; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.trust-row span:before { content: "✓"; margin-right: 7px; color: var(--teal); }
.hero-visual { position: relative; min-height: 520px; display: grid; place-items: center; }
.visual-glow { position: absolute; width: 470px; height: 470px; border-radius: 50%; background: radial-gradient(circle, rgba(83, 223, 192, .11), rgba(92, 169, 255, .045) 46%, transparent 70%); filter: blur(8px); }
.command-card { position: relative; z-index: 2; width: 100%; padding: 15px; border: 1px solid var(--line-strong); border-radius: 23px; background: linear-gradient(160deg, rgba(15, 37, 52, .98), rgba(7, 20, 30, .98)); box-shadow: var(--shadow); }
.window-bar { display: flex; align-items: center; gap: 6px; min-height: 30px; padding: 0 3px 12px; color: #77909f; font-size: 11px; }
.window-bar span { width: 7px; height: 7px; border-radius: 50%; background: #35505f; }.window-bar b { margin-left: auto; font-weight: 600; }
.overview-head, .board-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px; border: 1px solid var(--line); border-radius: 15px 15px 0 0; background: rgba(255, 255, 255, .025); }
.overview-head small, .signal-copy small, .board-top small { display: block; margin-bottom: 5px; color: #72909e; font-size: 10px; letter-spacing: .12em; }
.overview-head strong, .board-top strong { font-size: 18px; }
.live-badge, .status-pill { padding: 6px 9px; border-radius: 999px; color: #9ff1cf; background: rgba(89, 217, 154, .08); border: 1px solid rgba(89, 217, 154, .2); font-size: 11px; font-weight: 800; }
.live-badge i { width: 6px; height: 6px; display: inline-block; margin-right: 5px; border-radius: 50%; background: var(--green); }
.metric-row { display: grid; grid-template-columns: repeat(3, 1fr); border: solid var(--line); border-width: 0 1px 1px; }
.metric-row article { padding: 17px; border-right: 1px solid var(--line); }.metric-row article:last-child { border: 0; }
.metric-row small { display: block; color: #698594; font-size: 9px; letter-spacing: .1em; }.metric-row strong { display: block; margin: 5px 0 2px; font-size: 19px; }.metric-row span { color: #66808f; font-size: 10px; }
.signal-panel { min-height: 112px; margin: 12px 0; padding: 19px; display: flex; align-items: end; justify-content: space-between; gap: 20px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(90deg, rgba(83, 223, 192, .07), rgba(92, 169, 255, .03)); }
.signal-copy strong, .signal-copy span { display: block; }.signal-copy strong { margin-bottom: 5px; }.signal-copy span { color: #7691a0; font-size: 11px; }
.signal-bars { height: 58px; display: flex; align-items: end; gap: 4px; }.signal-bars i { width: 5px; border-radius: 3px 3px 0 0; background: linear-gradient(var(--teal), rgba(83, 223, 192, .18)); }
.signal-bars i:nth-child(1),.signal-bars i:nth-child(12){height:22%}.signal-bars i:nth-child(2),.signal-bars i:nth-child(10){height:48%}.signal-bars i:nth-child(3),.signal-bars i:nth-child(8){height:71%}.signal-bars i:nth-child(4),.signal-bars i:nth-child(7){height:43%}.signal-bars i:nth-child(5),.signal-bars i:nth-child(9){height:88%}.signal-bars i:nth-child(6),.signal-bars i:nth-child(11){height:62%}
.project-row, .board-project { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 13px; border-top: 1px solid var(--line); }.project-row div strong,.project-row div small,.board-project div strong,.board-project div small { display: block; }.project-row small,.board-project small { margin-top: 3px; color: #6f8998; font-size: 10px; }
.project-icon, .station-mark { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: #bffbec; background: rgba(83, 223, 192, .09); border: 1px solid rgba(83, 223, 192, .16); font-weight: 900; }.project-icon.blue,.station-mark.blue { color: #cae3ff; background: rgba(92, 169, 255, .09); border-color: rgba(92, 169, 255, .17); }.project-icon.violet { color: #e2d8ff; background: rgba(171, 140, 255, .09); border-color: rgba(171, 140, 255, .17); }
.status-ok { color: var(--green); font-size: 11px; }.float-card { position: absolute; z-index: 4; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid var(--line-strong); border-radius: 14px; background: rgba(10, 27, 39, .94); box-shadow: 0 20px 50px rgba(0,0,0,.3); backdrop-filter: blur(12px); }.float-card>span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: var(--teal); background: rgba(83,223,192,.1); }.float-card small,.float-card strong { display:block }.float-card small { color:#6d8795;font-size:8px;letter-spacing:.1em}.float-card strong{margin-top:3px;font-size:11px}.float-security{top:24px;right:-42px}.float-station{bottom:8px;left:-42px}
.section { padding: 100px 0; }.section-heading { margin-bottom: 38px; display: grid; grid-template-columns: 1fr .62fr; gap: 40px; align-items: end; }.section-heading h2,.remote-copy h2,.center-heading h2,.security-copy h2,.cta-card h2 { margin: 10px 0 0; font-size: clamp(35px, 4vw, 50px); line-height: 1.08; letter-spacing: -.04em; }.section-heading p,.remote-copy>p,.center-heading p,.security-copy>p { color: var(--muted); line-height: 1.75; }
.product-section { border-top: 1px solid var(--line); background: linear-gradient(180deg, rgba(255,255,255,.012), transparent); }.feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }.feature-card { min-height: 210px; padding: 23px; border: 1px solid var(--line); border-radius: 19px; background: linear-gradient(155deg, rgba(16, 40, 56, .82), rgba(7, 21, 31, .87)); }.feature-large { grid-column: span 2; grid-row: span 2; min-height: 435px; padding: 29px; }.feature-icon { width: 39px; height: 39px; display: grid; place-items: center; margin-bottom: 25px; border: 1px solid rgba(83,223,192,.17); border-radius: 11px; color: var(--teal); background: rgba(83,223,192,.07); }.card-label { color: #6f8a98; font-size: 10px; letter-spacing: .12em; }.feature-card h3 { margin: 10px 0 9px; font-size: 19px; }.feature-large h3 { max-width: 430px; font-size: 29px; }.feature-card p { margin: 0; color: #829aa8; line-height: 1.65; font-size: 14px; }.mini-dashboard { margin-top: 40px; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); border-radius: 14px; overflow:hidden; }.mini-dashboard div { padding: 18px; border-right: 1px solid var(--line); background:rgba(3,13,20,.4)}.mini-dashboard div:last-child{border:0}.mini-dashboard small,.mini-dashboard strong{display:block}.mini-dashboard small{color:#607b8a;font-size:9px}.mini-dashboard strong{margin-top:6px;font-size:22px}.green-text{color:var(--green)}
.remote-section { background: #07131d; border-block: 1px solid var(--line); }.remote-grid,.security-grid { display:grid;grid-template-columns: .9fr 1.1fr;gap:90px;align-items:center}.remote-copy>p{font-size:17px}.check-list{padding:0;margin:30px 0 0;display:grid;gap:18px;list-style:none}.check-list li{display:flex;gap:13px}.check-list li>span{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#052119;background:var(--teal);font-size:12px;font-weight:900}.check-list strong,.check-list small{display:block}.check-list small{margin-top:4px;color:#748d9b;line-height:1.5}.project-board{padding:15px;border:1px solid var(--line-strong);border-radius:22px;background:linear-gradient(155deg,#102838,#091923);box-shadow:var(--shadow)}.board-top{border-radius:14px;margin-bottom:6px}.board-top>span{color:#6f8998;font-size:11px}.board-project{margin:0 5px;border-bottom:1px solid var(--line);border-top:0;padding:17px 12px}.muted-project{opacity:.68}.status-pill.neutral{color:#b8c8d1;border-color:var(--line);background:rgba(255,255,255,.03)}.board-footer{display:flex;justify-content:space-between;gap:12px;padding:16px 12px 5px;color:#617b89;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.center-heading{max-width:690px;margin:0 auto 44px;text-align:center}.steps{margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);list-style:none;counter-reset:step}.steps li{position:relative;min-height:205px;padding:25px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018)}.steps li:not(:last-child):after{content:"";position:absolute;top:42px;right:-16px;width:16px;border-top:1px dashed rgba(83,223,192,.36)}.steps li>span{color:var(--teal);font-size:12px;letter-spacing:.1em}.steps h3{margin:31px 0 10px;font-size:18px}.steps p{margin:0;color:#78909e;line-height:1.6;font-size:14px}
.security-section{background:linear-gradient(125deg,rgba(83,223,192,.035),rgba(92,169,255,.025))}.security-grid{grid-template-columns:1fr 1fr}.security-visual{position:relative;min-height:450px;display:grid;place-items:center}.rings{position:relative;width:285px;height:285px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(83,223,192,.16);box-shadow:inset 0 0 80px rgba(83,223,192,.04)}.rings span{position:absolute;border-radius:50%;border:1px solid rgba(92,169,255,.12)}.rings span:nth-child(1){inset:34px}.rings span:nth-child(2){inset:70px}.rings span:nth-child(3){inset:105px;background:rgba(83,223,192,.06)}.rings b{z-index:2;width:54px;height:54px;display:grid;place-items:center;border-radius:17px;color:#031410;background:linear-gradient(135deg,var(--teal),var(--blue));font-size:25px}.security-chip{position:absolute;padding:10px 13px;border:1px solid var(--line);border-radius:11px;background:#0b1c28;color:#a9bdc8;font-size:11px;box-shadow:0 12px 36px rgba(0,0,0,.24)}.security-chip i{width:6px;height:6px;display:inline-block;margin-right:6px;border-radius:50%;background:var(--green)}.chip-one{top:55px;right:15px}.chip-two{bottom:60px;right:25px}.chip-three{left:5px;top:210px}.security-list{margin-top:29px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.security-list div{padding:16px;border-left:2px solid rgba(83,223,192,.38);background:rgba(255,255,255,.018)}.security-list strong,.security-list span{display:block}.security-list strong{font-size:14px}.security-list span{margin-top:6px;color:#718b99;font-size:12px;line-height:1.5}
.final-cta{padding-bottom:115px}.cta-card{padding:45px;display:flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid rgba(83,223,192,.19);border-radius:25px;background:linear-gradient(120deg,rgba(83,223,192,.08),rgba(92,169,255,.05))}.cta-card h2{max-width:690px;font-size:38px}.cta-card .button-row{margin:0;flex:0 0 auto}.site-footer{padding:55px 0 25px;border-top:1px solid var(--line);background:var(--bg-deep)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.footer-grid p{max-width:330px;color:#6d8795;font-size:13px;line-height:1.6}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:12px}.footer-grid>div>strong{margin-bottom:5px;font-size:12px;letter-spacing:.08em}.footer-grid>div>a:not(.brand){color:#78919f;font-size:13px}.footer-bottom{margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#506b7a;font-size:11px}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}

/* Authenticated dashboard */
.dashboard-page{background:#07121b}.dashboard-layout{min-height:100vh;display:grid;grid-template-columns:255px 1fr}.dashboard-sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#081620}.dashboard-brand{padding:0 9px;margin-bottom:39px}.workspace-label{padding:0 11px 10px;color:#587483;font-size:9px;letter-spacing:.14em}.side-nav{display:grid;gap:5px}.side-nav a{min-height:44px;padding:0 11px;display:grid;grid-template-columns:25px 1fr auto;align-items:center;border-radius:10px;color:#89a0ae;font-size:13px;font-weight:650}.side-nav a span{color:#688896}.side-nav a b{min-width:20px;height:20px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;color:#7895a3;font-size:9px}.side-nav a:hover,.side-nav a.active{color:#e5f9f4;background:rgba(83,223,192,.08)}.side-nav a.active span{color:var(--teal)}.sidebar-note{margin-top:auto;padding:14px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}.sidebar-note strong,.sidebar-note small{display:block}.sidebar-note strong{font-size:11px}.sidebar-note small{margin-top:3px;color:#66808f;font-size:9px}.account-card{margin-top:12px;padding:12px 8px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;border-top:1px solid var(--line)}.account-card>span{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;color:#062017;background:var(--teal);font-size:10px;font-weight:900}.account-card strong,.account-card small{display:block}.account-card strong{font-size:11px}.account-card small{margin-top:2px;color:#607c8a;font-size:9px}.account-card>b{color:#5f7886}.dashboard-main{min-width:0}.dashboard-topbar{min-height:91px;padding:0 34px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);background:rgba(7,18,27,.85);backdrop-filter:blur(15px)}.dashboard-topbar>div:nth-child(2){margin-right:auto}.dashboard-topbar small{color:#5b7887;font-size:9px;letter-spacing:.13em}.dashboard-topbar h1{margin:4px 0 0;font-size:20px;letter-spacing:-.02em}.top-actions{display:flex;align-items:center;gap:12px}.icon-button{width:35px;height:35px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.account-link,.logout-link{padding:9px 12px;color:#a4bac6;font-size:12px}.logout-link{color:#7fe9d2}.sidebar-toggle{display:none;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:7px 9px}.dashboard-content{width:min(1320px,100%);padding:30px 34px 55px}.preview-notice{margin-bottom:22px;padding:12px 15px;display:flex;gap:12px;border:1px solid rgba(92,169,255,.18);border-radius:11px;color:#9bcaff;background:rgba(92,169,255,.055);font-size:11px}.preview-notice span{color:#748e9d}.dashboard-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.dashboard-heading h2{margin:0 0 5px;font-size:26px}.dashboard-heading p{margin:0;color:#718b99;font-size:13px}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.dashboard-metrics article{min-height:117px;padding:19px;display:flex;gap:14px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(15,37,52,.85),rgba(8,23,33,.9))}.metric-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:var(--teal);background:rgba(83,223,192,.08)}.metric-icon.blue{color:var(--blue);background:rgba(92,169,255,.08)}.metric-icon.amber{color:var(--amber);background:rgba(243,189,91,.08)}.metric-icon.violet{color:var(--violet);background:rgba(171,140,255,.08)}.dashboard-metrics small,.dashboard-metrics strong,.dashboard-metrics span{display:block}.dashboard-metrics small{color:#66818f;font-size:8px;letter-spacing:.11em}.dashboard-metrics strong{margin:5px 0 4px;font-size:24px}.dashboard-metrics span{color:#647d8b;font-size:10px}.dashboard-metrics .trend{color:#75d8b6}.dashboard-grid{margin-top:14px;display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.dash-panel{padding:21px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(13,33,46,.9),rgba(7,21,30,.92))}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.panel-heading small{display:block;color:#607d8b;font-size:8px;letter-spacing:.11em}.panel-heading h3{margin:5px 0 0;font-size:17px}.panel-heading>a{color:#72ddc7;font-size:10px}.station-list{display:grid;gap:8px}.station-list article{padding:13px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018)}.station-list strong,.station-list small{display:block}.station-list strong{font-size:12px}.station-list small{margin-top:3px;color:#65808e;font-size:9px}.station-health{color:#72dca7;font-size:10px}.station-health i{width:6px;height:6px;display:inline-block;margin-right:5px;border-radius:50%;background:var(--green)}.station-list button,.download-row button,.panel-button{padding:7px 10px;border:1px solid var(--line-strong);border-radius:8px;color:#9db3bf;background:rgba(255,255,255,.025);font-size:9px;cursor:pointer}.license-device{padding:14px;display:flex;gap:11px;align-items:center;border:1px solid rgba(83,223,192,.14);border-radius:12px;background:rgba(83,223,192,.035)}.license-device>span{color:var(--teal)}.license-device small,.license-device strong{display:block}.license-device small{color:#5c7a88;font-size:8px}.license-device strong{margin-top:4px;font-size:11px}.license-panel dl{margin:14px 0;display:grid;gap:9px}.license-panel dl div{display:flex;justify-content:space-between;gap:10px}.license-panel dt{color:#66808f;font-size:10px}.license-panel dd{margin:0;color:#b9cbd4;font-size:10px}.panel-button{width:100%;padding:9px}.download-row{padding:13px 2px;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;border-top:1px solid var(--line)}.download-row>span{color:var(--teal)}.download-row strong,.download-row small{display:block}.download-row strong{font-size:11px}.download-row small{margin-top:3px;color:#637d8b;font-size:9px}.activity-panel ul{margin:0;padding:0;display:grid;gap:14px;list-style:none}.activity-panel li{display:flex;gap:11px}.activity-panel li>i{width:7px;height:7px;margin-top:4px;flex:0 0 auto;border-radius:50%;background:var(--teal);box-shadow:0 0 11px rgba(83,223,192,.5)}.activity-panel strong,.activity-panel small{display:block}.activity-panel strong{font-size:11px}.activity-panel small{margin-top:4px;color:#637e8c;font-size:9px}

@media (max-width: 1040px){.hero-grid{grid-template-columns:1fr;gap:45px}.hero{padding-top:75px}.hero-visual{width:min(650px,100%);margin:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.remote-grid,.security-grid{grid-template-columns:1fr;gap:55px}.remote-copy{max-width:720px}.dashboard-metrics{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 820px){.menu-toggle{display:block}.public-nav{position:absolute;top:76px;left:20px;right:20px;padding:13px;display:none;flex-direction:column;align-items:stretch;border:1px solid var(--line);border-radius:14px;background:#091923;box-shadow:var(--shadow)}.public-nav.open{display:flex}.public-nav a{text-align:center}.nav-divider{display:none}.section-heading{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.steps li:not(:last-child):after{display:none}.footer-grid{grid-template-columns:1fr 1fr}.cta-card{align-items:flex-start;flex-direction:column}.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{position:fixed;z-index:60;left:-275px;width:255px;transition:left .2s ease;box-shadow:20px 0 60px rgba(0,0,0,.4)}.dashboard-sidebar.open{left:0}.sidebar-toggle{display:block}.dashboard-grid{grid-template-columns:1fr}}
@media (max-width: 590px){.container{width:min(100% - 26px,1180px)}.hero{min-height:0;padding:62px 0}.hero h1{font-size:44px}.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-visual{min-height:420px}.float-card{display:none}.metric-row{grid-template-columns:1fr}.metric-row article{border-right:0;border-bottom:1px solid var(--line)}.metric-row article:last-child{border:0}.feature-grid{grid-template-columns:1fr}.feature-large{grid-column:auto;grid-row:auto;min-height:0}.mini-dashboard{grid-template-columns:1fr}.mini-dashboard div{border-right:0;border-bottom:1px solid var(--line)}.security-list{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}.dashboard-topbar{padding:0 17px}.top-actions .account-link,.top-actions .icon-button{display:none}.dashboard-content{padding:22px 16px 45px}.dashboard-metrics{grid-template-columns:1fr}.station-list article{grid-template-columns:auto 1fr}.station-list .station-health,.station-list button{grid-column:2}.preview-notice{flex-direction:column}.dashboard-heading{align-items:flex-start;flex-direction:column}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Refinement preview: expanded authenticated experience */
.footer-grid{grid-template-columns:1.6fr repeat(4,1fr);gap:36px}
.section-action{margin-top:25px;display:flex;justify-content:flex-end}
.account-card.active{border-radius:10px;background:rgba(83,223,192,.07)}
.sidebar-logout{padding:10px;color:#78a095;font-size:11px}.sidebar-logout span{margin-right:8px}
.dashboard-page-title{display:none}
.link-button{display:block;text-align:center}
.content-toolbar{margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.segmented{padding:3px;display:flex;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.018)}
.segmented button{padding:8px 11px;border:0;border-radius:7px;color:#718c9a;background:transparent;font-size:10px}.segmented button.active{color:#dffaf4;background:rgba(83,223,192,.09)}
.search-field{min-width:260px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.018)}
.search-field span{color:#60808f}.search-field input{width:100%;min-height:38px;border:0;outline:0;color:#d8e7ed;background:transparent;font:inherit;font-size:11px}
.data-panel{padding:0;overflow:hidden}.data-panel>.panel-heading{padding:20px 21px 2px}.responsive-table{overflow-x:auto}.license-table{width:100%;min-width:1000px;border-collapse:collapse}.license-table th,.license-table td{padding:15px 14px;text-align:left;border-top:1px solid var(--line);font-size:11px}.license-table th{color:#607d8c;font-size:8px;letter-spacing:.09em;text-transform:uppercase;background:rgba(255,255,255,.012)}.license-table td>small,.license-table td>span{display:block}.license-table td>small{margin-top:4px;color:#5f7987;font-size:9px}.mono,.mono-link{font-family:"SFMono-Regular",Consolas,monospace}.mono-link{color:#85ead4;font-size:10px}.verified{color:#70dda8!important}.table-action{color:#79dfc9;font-size:10px;white-space:nowrap}.status-pill.neutral{color:#a5b8c2;border-color:var(--line);background:rgba(255,255,255,.025)}.status-pill.verified-badge{color:#8de3bd}.status-pill.blue-badge{color:#9bcaff;border-color:rgba(92,169,255,.2);background:rgba(92,169,255,.07)}
.breadcrumb{margin-bottom:16px;display:flex;gap:8px;color:#617e8c;font-size:10px}.breadcrumb a{color:#78dfc9}.breadcrumb b{color:#9fb5c0}.license-hero{margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:20px}.license-hero h2{margin:8px 0 5px;font-size:22px}.license-hero p{margin:0;color:#688491;font-size:11px}.badge-stack{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.detail-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.detail-list{margin:0;display:grid}.detail-list>div{padding:11px 2px;display:grid;grid-template-columns:185px 1fr;gap:16px;border-top:1px solid var(--line)}.detail-list dt{color:#66818f;font-size:10px}.detail-list dd{margin:0;color:#bccdd5;font-size:10px;overflow-wrap:anywhere}.hash-value{cursor:help}.entitlement-panel{align-self:start}.entitlement-item{padding:14px 3px;display:flex;gap:11px;border-top:1px solid var(--line)}.entitlement-item>span{width:23px;height:23px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#052018;background:var(--teal);font-size:10px}.entitlement-item strong,.entitlement-item small{display:block}.entitlement-item strong{font-size:11px}.entitlement-item small{margin-top:4px;color:#647f8d;font-size:9px}.license-downloads{margin-top:14px}.artifact-list{display:grid}.artifact-list article{padding:14px 3px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;border-top:1px solid var(--line)}.artifact-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;color:#8fe9d3;background:rgba(83,223,192,.08);font-size:9px;font-weight:900}.artifact-icon.doc{color:#9bcaff;background:rgba(92,169,255,.08)}.artifact-icon.note{color:#ddcdff;background:rgba(171,140,255,.08)}.artifact-main strong,.artifact-main small,.artifact-main code{display:block}.artifact-main strong{font-size:11px}.artifact-main small{margin-top:4px;color:#66808f;font-size:9px}.artifact-main code{margin-top:7px;overflow:hidden;color:#567482;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.artifact-list button,.resource-card button,.security-setting button,.support-options button,.project-actions button{padding:8px 10px;border:1px solid var(--line-strong);border-radius:8px;color:#a2b8c3;background:rgba(255,255,255,.025);font:inherit;font-size:9px;cursor:pointer}
.project-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-card{min-height:295px;padding:21px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(13,33,46,.9),rgba(7,21,30,.92))}.project-card-head{display:flex;align-items:center;justify-content:space-between}.project-card h3{margin:22px 0 7px}.project-card>p{min-height:50px;margin:0;color:#708a98;font-size:11px;line-height:1.6}.project-stats{margin:20px 0;display:flex;gap:22px}.project-stats span{color:#69818f;font-size:9px}.project-stats b{display:block;margin-bottom:3px;color:#e4f0f4;font-size:16px}.project-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:7px}.project-actions a{padding:8px 10px;border:1px solid rgba(83,223,192,.18);border-radius:8px;color:#80e6d0;font-size:9px}.future-card{background:linear-gradient(145deg,rgba(29,27,49,.62),rgba(8,21,30,.9))}.future-lines{margin:17px 0;display:grid;gap:8px}.future-lines i{height:7px;border-radius:5px;background:linear-gradient(90deg,rgba(171,140,255,.18),transparent)}.future-lines i:nth-child(2){width:75%}.future-lines i:nth-child(3){width:52%}.station-directory{margin-top:14px}
.wizard-layout{display:grid;grid-template-columns:265px 1fr;gap:14px}.wizard-steps{margin:0;padding:7px;display:grid;align-content:start;gap:4px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.016);list-style:none}.wizard-steps li{padding:12px;display:flex;gap:11px;border-radius:10px;color:#6b8492}.wizard-steps li>span{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:9px;font-size:9px}.wizard-steps strong,.wizard-steps small{display:block}.wizard-steps strong{font-size:10px}.wizard-steps small{margin-top:4px;font-size:8px}.wizard-steps li.active{color:#d9f9f1;background:rgba(83,223,192,.07)}.wizard-steps li.active>span{color:#052018;border-color:transparent;background:var(--teal)}.wizard-steps li.done>span{color:var(--teal);border-color:rgba(83,223,192,.25)}.wizard-panel{min-height:480px;display:flex;flex-direction:column}.wizard-stage{display:none}.wizard-stage.active{display:block}.wizard-stage>p{color:#738d9a;font-size:11px}.choice-card{margin-top:10px;padding:16px;display:grid;grid-template-columns:auto auto 1fr;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;cursor:pointer}.choice-card:has(input:checked){border-color:rgba(83,223,192,.3);background:rgba(83,223,192,.04)}.choice-card strong,.choice-card small{display:block}.choice-card strong{font-size:11px}.choice-card small{margin-top:4px;color:#617c8a;font-size:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{display:grid;gap:7px;color:#8ea5b1;font-size:10px}.form-grid label span{color:#55717f}.form-grid input,.form-grid select{min-height:42px;padding:0 11px;border:1px solid var(--line);border-radius:9px;outline:0;color:#dbe9ee;background:rgba(255,255,255,.025);font:inherit}.secure-step{min-height:270px;display:grid;place-items:center;align-content:center;text-align:center}.secure-step>span{width:55px;height:55px;display:grid;place-items:center;border-radius:17px;color:var(--teal);background:rgba(83,223,192,.08);font-size:23px}.secure-step h3{max-width:480px;margin:18px 0 5px}.secure-step p{max-width:500px;color:#708997;font-size:11px}.instruction-list{display:grid;gap:10px}.instruction-list>div{padding:15px;display:flex;gap:12px;border:1px solid var(--line);border-radius:11px}.instruction-list span{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:var(--teal);background:rgba(83,223,192,.08);font-size:9px}.instruction-list p{margin:4px 0 0;color:#8da3ae;font-size:11px}.connection-check{min-height:270px;display:flex;align-items:center;justify-content:center;gap:16px}.spinner-mark{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(92,169,255,.2);border-radius:50%;color:var(--blue);background:rgba(92,169,255,.06);font-size:21px}.connection-check strong{font-size:14px}.connection-check p{max-width:440px;margin:5px 0 0;color:#6f8997;font-size:10px}.wizard-actions{margin-top:auto;padding-top:20px;display:flex;justify-content:flex-end;gap:9px}.wizard-actions .button{min-height:40px;font-size:10px}.wizard-actions button:disabled{opacity:.35;cursor:not-allowed}
.download-summary{margin-bottom:14px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(83,223,192,.17);border-radius:15px;background:rgba(83,223,192,.035)}.download-summary>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px}.download-summary>div>span{grid-row:1/3;color:var(--teal)}.download-summary strong{font-size:12px}.download-summary p{margin:4px 0 0;color:#66818f;font-size:9px}.downloads-page{margin-bottom:14px}.download-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.resource-card{padding:14px 2px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border-top:1px solid var(--line)}.resource-card strong,.resource-card small{display:block}.resource-card strong{font-size:11px}.resource-card small{margin-top:4px;color:#647d8a;font-size:9px}
.account-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:14px}.profile-identity{padding:20px 0;display:flex;align-items:center;gap:14px}.profile-identity>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#052018;background:var(--teal);font-weight:900}.profile-identity strong,.profile-identity small{display:block}.profile-identity strong{font-size:13px}.profile-identity small{margin-top:5px;color:#68828f;font-size:9px}.detail-list.compact>div{grid-template-columns:130px 1fr}.security-setting{padding:16px 2px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border-top:1px solid var(--line)}.security-setting>span{color:var(--teal)}.security-setting strong,.security-setting small{display:block}.security-setting strong{font-size:11px}.security-setting small{margin-top:4px;color:#627c89;font-size:9px}.security-setting>a{color:#79dfc8;font-size:10px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.resource-tile{padding:23px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(13,33,46,.9),rgba(7,21,30,.92))}.resource-tile>span{font-size:23px;color:var(--teal)}.resource-tile h3{margin:25px 0 8px}.resource-tile p{min-height:52px;color:#6e8795;font-size:11px;line-height:1.6}.resource-tile button{padding:8px 10px;border:1px solid var(--line-strong);border-radius:8px;color:#9db4bf;background:transparent;font:inherit;font-size:9px}.support-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.support-options{display:grid;gap:9px}.support-options button{padding:15px;display:grid;grid-template-columns:auto 1fr;gap:12px;text-align:left}.support-options button>span{color:var(--teal)}.support-options strong,.support-options small{display:block}.support-options small{margin-top:4px;color:#647d8b}.plain-list{margin:0;padding-left:18px;color:#8199a5;font-size:11px;line-height:2}.toast{position:fixed;right:25px;bottom:25px;z-index:80;max-width:390px;padding:13px 15px;opacity:0;transform:translateY(15px);pointer-events:none;border:1px solid rgba(83,223,192,.22);border-radius:11px;color:#c9f7ec;background:#0c2530;box-shadow:var(--shadow);font-size:10px;transition:.2s ease}.toast.show{opacity:1;transform:none}

@media(max-width:1100px){.footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}.project-cards{grid-template-columns:1fr 1fr}.project-card:last-child{grid-column:span 2}.detail-layout,.account-layout{grid-template-columns:1fr}.resource-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.content-toolbar{align-items:stretch;flex-direction:column}.search-field{min-width:0}.wizard-layout{grid-template-columns:1fr}.wizard-steps{grid-template-columns:repeat(3,1fr)}.detail-list>div{grid-template-columns:1fr}.artifact-list article{grid-template-columns:auto 1fr}.artifact-list article>.status-pill,.artifact-list article>button{grid-column:2}.support-grid{grid-template-columns:1fr}}
@media(max-width:590px){.project-cards,.download-columns,.account-layout,.resource-grid{grid-template-columns:1fr}.project-card:last-child{grid-column:auto}.wizard-steps{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.artifact-main code{max-width:230px}.footer-grid{grid-template-columns:1fr}.badge-stack{justify-content:flex-start}.license-hero{align-items:flex-start;flex-direction:column}.top-actions .account-link{display:none}}
