:root{
  --bg:#050713;
  --bg2:#070a18;
  --panel:#0c1023;
  --panel2:#10172d;
  --glass:rgba(255,255,255,.075);
  --glass2:rgba(255,255,255,.12);
  --line:rgba(255,255,255,.16);
  --text:#eef5ff;
  --muted:#aeb8d5;
  --soft:#dbe7ff;
  --cyan:#78f4ff;
  --blue:#4b8dff;
  --violet:#8b5cf6;
  --gold:#ffbd6b;
  --green:#8dffbf;
  --red:#ff7b9c;
  --shadow:0 28px 90px rgba(0,0,0,.46);
  --radius:26px;
  --max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 12% -10%, rgba(120,244,255,.24), transparent 29%),
    radial-gradient(circle at 86% 4%, rgba(139,92,246,.30), transparent 33%),
    radial-gradient(circle at 60% 80%, rgba(255,189,107,.12), transparent 25%),
    linear-gradient(180deg,#050713,#07101d 52%,#050713);
  color:var(--text);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height:1.5;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.noise{
  position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.20;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:40px 40px;
  mask-image:linear-gradient(to bottom, black, transparent 88%);
}
.site-header{
  width:min(var(--max), calc(100% - 32px));
  margin:18px auto 0;
  position:sticky;top:14px;z-index:50;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:12px;
  border:1px solid var(--line);
  background:rgba(5,7,19,.78);
  backdrop-filter: blur(20px);
  border-radius:22px;
  box-shadow:0 16px 50px rgba(0,0,0,.25);
}
.brand{display:flex;align-items:center;gap:12px}
.brand-logo{
  width:46px;height:46px;border-radius:15px;object-fit:cover;
  box-shadow:0 10px 30px rgba(75,141,255,.25),0 0 0 1px rgba(255,255,255,.15);
}
.brand strong{display:block;font-size:17px;letter-spacing:.08em}
.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.site-nav{display:flex;align-items:center;gap:8px}
.site-nav a{
  padding:10px 13px;border-radius:14px;color:var(--soft);font-size:14px;
  transition:.2s ease;
}
.site-nav a:hover,.site-nav a.active{background:var(--glass);transform:translateY(-1px)}
.nav-cta{
  background:linear-gradient(135deg,rgba(120,244,255,.18),rgba(139,92,246,.22));
  border:1px solid var(--line);
}
.nav-toggle{display:none;background:var(--glass);border:1px solid var(--line);color:var(--text);border-radius:14px;padding:10px 12px;font-size:18px}
main{width:min(var(--max), calc(100% - 32px));margin:0 auto}
.hero{
  min-height:calc(100vh - 110px);
  display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:36px;padding:74px 0 38px;
}
.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.badge{
  border:1px solid var(--line);background:var(--glass);border-radius:999px;
  padding:8px 12px;color:var(--soft);font-size:13px
}
.badge.hot{background:linear-gradient(135deg,rgba(120,244,255,.17),rgba(255,189,107,.12))}
h1,h2,h3{line-height:1.05;margin:0}
h1{font-size:clamp(46px, 7vw, 96px);letter-spacing:-.075em}
h2{font-size:clamp(34px, 4.2vw, 58px);letter-spacing:-.05em}
h3{font-size:24px;letter-spacing:-.03em}
p{color:var(--muted);margin:0}
.lead{font-size:clamp(18px,2.2vw,23px);max-width:690px;margin:22px 0 28px}
.gradient-text{background:linear-gradient(135deg,var(--cyan),#d9c7ff,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:26px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border:1px solid var(--line);border-radius:16px;padding:14px 18px;font-weight:760;
  background:var(--glass);box-shadow:0 12px 32px rgba(0,0,0,.18);transition:.2s ease;
}
.btn:hover{transform:translateY(-2px);background:var(--glass2)}
.btn.primary{background:linear-gradient(135deg,var(--cyan),var(--violet));color:#050713;border:0}
.btn.gold{background:linear-gradient(135deg,var(--gold),#ff8e8e);color:#140b08;border:0}
.stat-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:34px 0}
.stat{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:22px;padding:20px}
.stat strong{display:block;font-size:34px;letter-spacing:-.05em}
.stat span{color:var(--muted);font-size:13px}
.hero-card{
  border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));
  border-radius:34px;padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden
}
.hero-card:before{
  content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 20% 20%,rgba(120,244,255,.28),transparent 25%),radial-gradient(circle at 80% 5%,rgba(255,189,107,.20),transparent 25%);pointer-events:none
}
.map-ui{position:relative;min-height:520px;border-radius:24px;overflow:hidden;background:#070a17;border:1px solid var(--line)}
.map-ui:after{content:"LIVE MAP";position:absolute;right:18px;top:18px;border:1px solid rgba(141,255,191,.3);background:rgba(141,255,191,.12);color:var(--green);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800}
.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(120,244,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(120,244,255,.09) 1px,transparent 1px);background-size:48px 48px;transform:perspective(560px) rotateX(52deg) scale(1.45);transform-origin:center 70%}
.route-line{position:absolute;height:5px;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--gold));border-radius:100px;box-shadow:0 0 22px rgba(120,244,255,.8)}
.route-1{width:70%;left:11%;top:52%;transform:rotate(-16deg)}
.route-2{width:54%;left:34%;top:68%;transform:rotate(18deg);opacity:.65}
.pin{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 8px rgba(120,244,255,.12),0 0 28px rgba(120,244,255,.7)}
.pin.p1{left:24%;top:40%}.pin.p2{left:70%;top:52%;background:var(--gold);box-shadow:0 0 0 8px rgba(255,189,107,.12),0 0 28px rgba(255,189,107,.65)}.pin.p3{left:55%;top:72%;background:var(--green);box-shadow:0 0 0 8px rgba(141,255,191,.12),0 0 28px rgba(141,255,191,.65)}
.hud{position:absolute;left:18px;right:18px;bottom:18px;display:grid;gap:12px}
.hud-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;border:1px solid var(--line);background:rgba(7,8,22,.78);backdrop-filter:blur(18px);padding:14px;border-radius:18px}
.hud-row strong{font-size:14px}.hud-row small{display:block;color:var(--muted);margin-top:4px}
.pill{font-size:12px;border-radius:999px;padding:7px 10px;background:rgba(120,244,255,.15);color:var(--cyan);border:1px solid rgba(120,244,255,.24);white-space:nowrap}
.pill.warn{background:rgba(255,189,107,.14);color:var(--gold);border-color:rgba(255,189,107,.28)}
.pill.good{background:rgba(141,255,191,.12);color:var(--green);border-color:rgba(141,255,191,.26)}
.marquee{overflow:hidden;border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:24px;padding:14px;margin-top:30px}
.marquee-track{display:flex;gap:12px;animation:mar 28s linear infinite;width:max-content}
@keyframes mar{to{transform:translateX(-50%)}}
.chip{white-space:nowrap;border:1px solid var(--line);background:rgba(255,255,255,.07);border-radius:999px;padding:10px 14px;color:var(--soft)}
.section{padding:80px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.section-head p{max-width:620px}
.grid{display:grid;gap:16px}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{
  border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));
  border-radius:var(--radius);padding:22px;box-shadow:0 12px 34px rgba(0,0,0,.18);
  transition:.2s ease;position:relative;overflow:hidden
}
.card:hover{transform:translateY(-3px);border-color:rgba(120,244,255,.35)}
.card:after{content:"";position:absolute;inset:auto -30% -60% auto;width:180px;height:180px;border-radius:50%;background:rgba(120,244,255,.10);filter:blur(30px);pointer-events:none}
.card .icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;margin-bottom:18px;background:linear-gradient(135deg,rgba(120,244,255,.18),rgba(139,92,246,.18));border:1px solid var(--line);font-weight:900}
.card h3{margin-bottom:10px}.card p{font-size:15px}
.tool-card{display:flex;flex-direction:column;gap:12px;min-height:250px}
.tool-meta{display:flex;gap:8px;flex-wrap:wrap}
.tool-link{margin-top:auto;color:var(--cyan);font-weight:800}
.command-strip{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch;border:1px solid var(--line);background:linear-gradient(135deg,rgba(120,244,255,.09),rgba(139,92,246,.11));border-radius:34px;padding:24px;box-shadow:var(--shadow)}
.command-screen{border:1px solid var(--line);border-radius:26px;padding:18px;background:rgba(7,8,22,.58)}
.terminal{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#c8fff7;font-size:13px;white-space:pre-wrap}
.page-hero{padding:70px 0 30px}
.page-hero .lead{max-width:860px}
.breadcrumb{color:var(--muted);font-size:14px;margin-bottom:18px}.breadcrumb a{color:var(--cyan)}
.tool-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:24px 0 22px}
.search,.select,.form input,.form textarea,.form select{background:rgba(255,255,255,.075);border:1px solid var(--line);color:var(--text);border-radius:16px;padding:14px 16px;outline:none;font:inherit}
.search{flex:1;min-width:240px}.form{display:grid;gap:14px}.form textarea{min-height:150px;resize:vertical}
.feature-list{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.feature-list li{border:1px solid var(--line);background:rgba(255,255,255,.045);padding:13px 14px;border-radius:16px;color:var(--soft)}
.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}
.price{font-size:40px;font-weight:900;letter-spacing:-.05em;margin:14px 0;color:var(--text)} .price small{font-size:15px;color:var(--muted)}
.popular{outline:2px solid rgba(120,244,255,.35);transform:translateY(-8px)}
.auth-shell{min-height:calc(100vh - 130px);display:grid;place-items:center;padding:54px 0}.auth-card{width:min(520px,100%);}
.portal{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:start}.portal-nav{position:sticky;top:100px}.portal-nav a{display:block;padding:12px 14px;border-radius:14px;color:var(--soft)}.portal-nav a:hover,.portal-nav a.active{background:var(--glass)}
.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table td,.table th{text-align:left;padding:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.045)}.table th{color:var(--soft)}
.footer{width:min(var(--max), calc(100% - 32px));margin:60px auto 0;padding:36px 0 44px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:24px;color:var(--muted)}
.footer h4{color:var(--text);margin:0 0 12px}.footer a,.footer span{display:block;margin:8px 0;color:var(--muted)}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:10px}.footer-brand img{width:44px;height:44px;border-radius:13px;object-fit:cover}.footer-brand-title strong{display:block;color:var(--text);letter-spacing:.08em}.footer-brand-title small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:1100px){.hero,.command-strip,.portal{grid-template-columns:1fr}.grid.cols-4,.pricing{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(2,1fr)}.section-head{align-items:start;flex-direction:column}.portal-nav{position:relative;top:0}.map-ui{min-height:460px}}
@media(max-width:740px){
  .site-header{top:8px}.nav-toggle{display:block}.site-nav{display:none;position:absolute;left:12px;right:12px;top:76px;flex-direction:column;align-items:stretch;background:rgba(5,7,19,.96);border:1px solid var(--line);border-radius:20px;padding:10px}.site-nav.open{display:flex}
  .hero{padding-top:46px}.stat-panel,.grid.cols-4,.grid.cols-3,.grid.cols-2,.pricing,.footer{grid-template-columns:1fr}.hero-card{padding:12px;border-radius:24px}.map-ui{min-height:420px}.hud-row{grid-template-columns:1fr}.section{padding:56px 0}.footer{margin-top:20px}.popular{transform:none}
}

/* V13 tool detail polish */
.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:start}
.kv-list{display:grid;gap:10px;margin-top:14px}
.kv-list div{display:grid;grid-template-columns:150px 1fr;gap:12px;border:1px solid var(--line);background:rgba(255,255,255,.045);padding:13px 14px;border-radius:16px}
.kv-list strong{color:var(--soft)}
.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.compact-card{min-height:unset}
.world-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.world-tools-grid .card{padding:18px}
.world-tools-grid h3{font-size:20px}
.world-tools-grid p{font-size:14px}
@media(max-width:1100px){.detail-grid{grid-template-columns:1fr}.world-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.kv-list div{grid-template-columns:1fr}.world-tools-grid{grid-template-columns:1fr}}


/* KING HUB V15 alive-scroll customer story additions */
.scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--gold));z-index:9999;box-shadow:0 0 18px rgba(120,244,255,.7)}
.reveal-card{opacity:0;transform:translateY(18px);transition:opacity .65s ease, transform .65s ease, border-color .25s ease, background .25s ease}
.reveal-card.in-view{opacity:1;transform:translateY(0)}
.story-section{padding-top:84px}
.story-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.story-step{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border-radius:var(--radius);padding:22px;min-height:190px;box-shadow:0 12px 34px rgba(0,0,0,.16);position:relative;overflow:hidden}
.story-step:before{content:"";position:absolute;inset:auto -30% -50% auto;width:180px;height:180px;background:rgba(120,244,255,.10);filter:blur(28px);border-radius:50%}
.story-step span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--cyan),var(--violet));color:#050713;font-weight:900;margin-bottom:14px}
.story-step strong{display:block;font-size:22px;letter-spacing:-.03em;margin-bottom:8px}
.story-step p{font-size:15px}
.live-journey{padding-top:30px}
[data-live-clock]{color:var(--green);font-weight:800}
.stat strong[data-count]{transition:.2s ease}
.card,.story-step,.btn,.hud-row{will-change:transform}
.card:hover,.story-step:hover{box-shadow:0 20px 60px rgba(0,0,0,.28),0 0 0 1px rgba(120,244,255,.12)}
.site-nav a.active{background:rgba(120,244,255,.13);border:1px solid rgba(120,244,255,.18)}
@media(max-width:1100px){.story-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.story-rail{grid-template-columns:1fr}.scroll-progress{height:2px}.hero{padding-top:38px}.stat-panel{grid-template-columns:repeat(2,1fr)}}


/* V16: branded auth visuals and stronger tool-detail polish */
.branded-auth-shell{
  grid-template-columns:.95fr 1.05fr;
  place-items:stretch;
  align-items:center;
  gap:22px;
}
.auth-visual{
  min-height:520px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:18px;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,191,74,.22), transparent 28%),
    radial-gradient(circle at 80% 70%, rgba(120,244,255,.12), transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
}
.auth-logo-wrap{
  width:190px;height:190px;border-radius:44px;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(255,191,74,.22),rgba(255,255,255,.05));
  border:1px solid rgba(255,191,74,.35);
  box-shadow:0 24px 90px rgba(255,191,74,.18), inset 0 0 50px rgba(255,191,74,.09);
}
.auth-logo-big{
  width:150px;height:150px;border-radius:34px;object-fit:cover;
  box-shadow:0 16px 55px rgba(255,191,74,.22);
}
.gold-logo{
  filter: sepia(.72) saturate(1.55) hue-rotate(348deg) brightness(1.06) contrast(1.12);
}
.auth-card h1{font-size:clamp(48px,6vw,82px)}
.auth-form input{font-size:16px}
.auth-trust-list li{border-color:rgba(255,191,74,.22)}
.branded-mini-panel{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;
  background:radial-gradient(circle at 20% 0%, rgba(255,191,74,.17), transparent 30%),linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));
}
.branded-mini-panel .auth-logo-big{width:110px;height:110px;border-radius:26px}
.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch}
.kv-list{display:grid;gap:10px;margin-top:18px}
.kv-list div{display:grid;grid-template-columns:150px 1fr;gap:12px;border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:16px;padding:13px}
.kv-list strong{color:var(--text)}
.kv-list span{color:var(--muted)}
.compact-card .tool-link,.tool-card .tool-link{font-weight:900}
@media(max-width:900px){
  .branded-auth-shell,.detail-grid{grid-template-columns:1fr}
  .auth-visual{min-height:auto}
  .auth-logo-wrap{width:150px;height:150px}
  .auth-logo-big{width:118px;height:118px}
  .kv-list div{grid-template-columns:1fr}
}


/* V17 Smart Hub: time-aware color, moving app showcase, and alive home screen */
html[data-hub-time="morning"]{
  --cyan:#8df7ff;--blue:#57b8ff;--violet:#c2a6ff;--gold:#ffd66b;--green:#9dffbe;
}
html[data-hub-time="day"]{
  --cyan:#67f7ff;--blue:#4b8dff;--violet:#8b5cf6;--gold:#ffbd6b;--green:#8dffbf;
}
html[data-hub-time="evening"]{
  --cyan:#ffb86b;--blue:#7aa2ff;--violet:#b78cff;--gold:#ff8b5f;--green:#95ffd4;
}
html[data-hub-time="night"]{
  --cyan:#55e7ff;--blue:#4776ff;--violet:#7c3cff;--gold:#caa7ff;--green:#72ffb4;
}
html[data-hub-tone="gold"]{--cyan:#ffd66b;--blue:#ffae42;--violet:#caa7ff}
html[data-hub-tone="aqua"]{--cyan:#69f7ff;--blue:#4bbcff;--violet:#8b5cf6}
html[data-hub-tone="violet"]{--cyan:#a7e8ff;--blue:#7b7dff;--violet:#c084fc}
body{
  transition:background 1200ms ease,color 1200ms ease;
}
.smart-hub-ui{
  position:relative;min-height:540px;border-radius:26px;overflow:hidden;background:
  radial-gradient(circle at 25% 20%, color-mix(in srgb, var(--cyan) 24%, transparent), transparent 28%),
  radial-gradient(circle at 75% 15%, color-mix(in srgb, var(--violet) 26%, transparent), transparent 30%),
  linear-gradient(145deg,rgba(3,8,20,.98),rgba(8,11,31,.94));
  border:1px solid color-mix(in srgb, var(--cyan) 30%, var(--line));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 28px 90px rgba(0,0,0,.45);
}
.hub-grid{position:absolute;inset:0;opacity:.5;background-image:linear-gradient(color-mix(in srgb, var(--cyan) 14%, transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb, var(--cyan) 14%, transparent) 1px,transparent 1px);background-size:58px 58px;transform:perspective(680px) rotateX(56deg) translateY(80px) scale(1.45);transform-origin:center 75%;animation:gridDrift 14s linear infinite}
@keyframes gridDrift{to{background-position:116px 116px}}
.hub-topbar{position:absolute;left:20px;right:20px;top:18px;display:flex;align-items:center;gap:10px;justify-content:space-between;padding:12px 14px;border:1px solid var(--line);background:rgba(5,7,19,.62);backdrop-filter:blur(18px);border-radius:18px;color:var(--soft);font-weight:800;letter-spacing:.04em}
.hub-topbar a{color:var(--cyan);font-size:13px}
.hub-live-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px color-mix(in srgb, var(--green) 16%, transparent),0 0 24px var(--green);margin-right:auto}
.hub-focus{position:absolute;left:28px;right:28px;top:92px;padding:28px;border:1px solid color-mix(in srgb, var(--cyan) 24%, var(--line));background:rgba(8,10,25,.78);border-radius:26px;backdrop-filter:blur(20px);box-shadow:0 18px 60px rgba(0,0,0,.3)}
.hub-kicker{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);font-weight:900;margin-bottom:10px}
.hub-focus h3{font-size:clamp(28px,3vw,42px);margin-bottom:12px}
.hub-focus p{font-size:17px;color:var(--soft)}
.hub-fields{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.hub-fields span{border:1px solid var(--line);background:rgba(255,255,255,.07);border-radius:999px;padding:8px 11px;color:var(--soft);font-size:12px}
.hub-actions{display:flex;align-items:center;gap:12px;margin-top:20px}
.btn.mini{padding:10px 14px;border-radius:12px;font-size:13px}
.hub-mini-list{position:absolute;left:28px;right:28px;bottom:58px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hub-mini-list a{display:block;border:1px solid var(--line);background:rgba(255,255,255,.07);border-radius:18px;padding:14px;transition:.25s ease}
.hub-mini-list a:hover{transform:translateY(-3px);border-color:color-mix(in srgb, var(--cyan) 44%, var(--line))}
.hub-mini-list strong{display:block;color:var(--text);font-size:14px}
.hub-mini-list small{display:block;color:var(--muted);margin-top:5px}
.hub-orbit{position:absolute;right:22px;top:58%;width:190px;height:190px;border:1px dashed color-mix(in srgb,var(--cyan) 30%,transparent);border-radius:50%;animation:spinHub 18s linear infinite;opacity:.76}
.hub-orbit span{position:absolute;left:50%;top:50%;font-size:11px;color:var(--cyan);font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:rgba(5,7,19,.85);border:1px solid var(--line);border-radius:999px;padding:6px 8px}
.hub-orbit span:nth-child(1){transform:rotate(0deg) translateX(95px) rotate(0deg)}
.hub-orbit span:nth-child(2){transform:rotate(72deg) translateX(95px) rotate(-72deg)}
.hub-orbit span:nth-child(3){transform:rotate(144deg) translateX(95px) rotate(-144deg)}
.hub-orbit span:nth-child(4){transform:rotate(216deg) translateX(95px) rotate(-216deg)}
.hub-orbit span:nth-child(5){transform:rotate(288deg) translateX(95px) rotate(-288deg)}
@keyframes spinHub{to{transform:rotate(360deg)}}
.hub-ticker{position:absolute;left:20px;right:20px;bottom:16px;color:var(--green);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 10px;border-radius:12px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08)}
.hub-focus.is-changing{animation:hubPulse .58s ease}
@keyframes hubPulse{0%{transform:scale(.985);opacity:.45}100%{transform:scale(1);opacity:1}}
.smart-suite-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.smart-suite-card{min-height:190px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));border-radius:24px;padding:18px;position:relative;overflow:hidden;transition:.25s ease}
.smart-suite-card:before{content:"";position:absolute;inset:auto -30% -45% auto;width:150px;height:150px;border-radius:50%;background:color-mix(in srgb, var(--cyan) 18%, transparent);filter:blur(24px)}
.smart-suite-card span{display:inline-flex;color:var(--cyan);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;margin-bottom:18px}
.smart-suite-card strong{display:block;font-size:20px;color:var(--text);line-height:1.05;margin-bottom:12px}
.smart-suite-card small{color:var(--muted);line-height:1.45}
.smart-suite-card.active,.smart-suite-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb, var(--cyan) 48%, var(--line));box-shadow:0 16px 50px color-mix(in srgb, var(--cyan) 15%, transparent)}
@media(max-width:1100px){
 .smart-suite-wall{grid-template-columns:repeat(3,1fr)}
 .hub-mini-list{grid-template-columns:1fr}
 .hub-orbit{display:none}
 .smart-hub-ui{min-height:660px}
}
@media(max-width:740px){
 .smart-suite-wall{grid-template-columns:1fr}
 .smart-hub-ui{min-height:720px}
 .hub-focus{left:16px;right:16px;top:82px;padding:20px}
 .hub-mini-list{left:16px;right:16px;bottom:56px}
 .hub-topbar{left:14px;right:14px}
}


/* V19 Smart Live Map: moving full-app screen inside the hero, same site style */
.live-command-screen{
  position:relative;
  min-height:560px;
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 18%, color-mix(in srgb,var(--cyan) 26%,transparent), transparent 28%),
    radial-gradient(circle at 86% 4%, color-mix(in srgb,var(--violet) 30%,transparent), transparent 32%),
    radial-gradient(circle at 72% 88%, color-mix(in srgb,var(--gold) 18%,transparent), transparent 28%),
    linear-gradient(145deg,rgba(4,7,18,.98),rgba(8,9,30,.96));
  border:1px solid color-mix(in srgb,var(--cyan) 35%,var(--line));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06), 0 32px 100px rgba(0,0,0,.45);
}
.live-map-grid{
  position:absolute;inset:0;opacity:.55;
  background-image:
    linear-gradient(color-mix(in srgb,var(--cyan) 14%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--cyan) 14%,transparent) 1px,transparent 1px);
  background-size:54px 54px;
  transform:perspective(760px) rotateX(58deg) translateY(95px) scale(1.55);
  transform-origin:center 78%;
  animation:khGridMove 12s linear infinite;
}
.live-map-glow{
  position:absolute;inset:0;
  background:
    conic-gradient(from 130deg at 50% 62%, transparent 0 14%, color-mix(in srgb,var(--cyan) 24%,transparent) 17%, transparent 22% 100%);
  opacity:.55;animation:khSweep 7s linear infinite;
}
@keyframes khGridMove{to{background-position:108px 108px}}
@keyframes khSweep{to{transform:rotate(360deg)}}
.route{position:absolute;height:5px;border-radius:999px;filter:drop-shadow(0 0 14px currentColor);opacity:.88;transform-origin:left center}
.route:after{content:"";position:absolute;right:-7px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 8px color-mix(in srgb,currentColor 15%,transparent)}
.route-blue{left:11%;top:58%;width:44%;color:var(--cyan);background:linear-gradient(90deg,transparent,currentColor);transform:rotate(-18deg);animation:routePulse 2.2s ease-in-out infinite}
.route-gold{left:48%;top:49%;width:33%;color:var(--gold);background:linear-gradient(90deg,transparent,currentColor);transform:rotate(-11deg);animation:routePulse 2.2s ease-in-out .35s infinite}
.route-green{left:24%;top:72%;width:54%;color:var(--green);background:linear-gradient(90deg,transparent,currentColor);transform:rotate(12deg);opacity:.55;animation:routePulse 2.2s ease-in-out .7s infinite}
@keyframes routePulse{50%{opacity:1;filter:drop-shadow(0 0 24px currentColor)}}
.map-ping{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 10px color-mix(in srgb,var(--cyan) 14%,transparent),0 0 30px var(--cyan);animation:pingFloat 6s ease-in-out infinite}
.ping-a{left:23%;top:40%}.ping-b{left:72%;top:54%;background:var(--gold);box-shadow:0 0 0 10px color-mix(in srgb,var(--gold) 14%,transparent),0 0 30px var(--gold);animation-delay:1.2s}.ping-c{left:56%;top:76%;background:var(--green);box-shadow:0 0 0 10px color-mix(in srgb,var(--green) 14%,transparent),0 0 30px var(--green);animation-delay:2.4s}
@keyframes pingFloat{50%{transform:translateY(-12px) scale(1.18)}}
.live-screen-top{
  position:absolute;left:18px;right:18px;top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;
  border:1px solid var(--line);background:rgba(5,7,20,.74);backdrop-filter:blur(18px);border-radius:18px;padding:12px 14px;
}
.live-screen-top div{display:flex;align-items:center;gap:10px;min-width:0}.live-screen-top strong{letter-spacing:.08em;font-size:13px}.live-screen-top small{color:var(--muted);font-size:12px}.live-screen-top a{color:var(--cyan);font-weight:900;font-size:13px;white-space:nowrap}
.world-rail{position:absolute;left:18px;right:18px;top:76px;display:flex;gap:8px;overflow:hidden}
.world-rail button{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--soft);border-radius:999px;padding:8px 11px;font-weight:800;font-size:12px;white-space:nowrap;transition:.25s ease}
.world-rail button.active{background:color-mix(in srgb,var(--cyan) 20%,rgba(255,255,255,.06));color:var(--cyan);border-color:color-mix(in srgb,var(--cyan) 45%,var(--line));box-shadow:0 0 20px color-mix(in srgb,var(--cyan) 15%,transparent)}
.live-main-card{
  position:absolute;left:24px;right:24px;top:126px;min-height:210px;
  border:1px solid color-mix(in srgb,var(--cyan) 30%,var(--line));background:rgba(8,10,26,.82);backdrop-filter:blur(18px);
  border-radius:24px;padding:24px;box-shadow:0 18px 64px rgba(0,0,0,.32);animation:floatPanel 6s ease-in-out infinite;
}
@keyframes floatPanel{50%{transform:translateY(-4px)}}
.live-main-card.is-changing{animation:hubChange .52s ease, floatPanel 6s ease-in-out infinite}
@keyframes hubChange{0%{opacity:.45;transform:translateY(12px) scale(.985)}100%{opacity:1;transform:translateY(0) scale(1)}}
.live-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);font-weight:950;margin-bottom:10px}
.live-main-card h3{font-size:clamp(28px,3vw,44px);margin-bottom:12px}.live-main-card p{color:var(--soft);font-size:16px;max-width:760px}
.live-fields{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.live-fields span{border:1px solid var(--line);background:rgba(255,255,255,.07);border-radius:999px;padding:7px 10px;color:var(--soft);font-size:12px}
.live-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.live-tool-strip{
  position:absolute;left:24px;right:24px;bottom:92px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;
}
.live-tool-strip a{
  min-height:96px;border:1px solid var(--line);background:rgba(255,255,255,.075);backdrop-filter:blur(14px);border-radius:18px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;
  transition:.25s ease;position:relative;overflow:hidden;
}
.live-tool-strip a:after{content:"";position:absolute;inset:auto -30% -60% auto;width:120px;height:120px;border-radius:50%;background:color-mix(in srgb,var(--cyan) 16%,transparent);filter:blur(20px)}
.live-tool-strip a.is-live,.live-tool-strip a:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--cyan) 44%,var(--line));box-shadow:0 14px 45px color-mix(in srgb,var(--cyan) 14%,transparent)}
.live-tool-strip span{color:var(--cyan);font-size:11px;font-weight:950;letter-spacing:.12em}.live-tool-strip strong{font-size:13px;color:var(--text);line-height:1.15}.live-tool-strip small{font-size:11px;color:var(--muted);line-height:1.25}
.live-feed{position:absolute;left:24px;right:230px;bottom:18px;border:1px solid var(--line);background:rgba(2,5,14,.58);border-radius:16px;padding:10px 12px}
.feed-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.feed-head span{font-size:11px;color:var(--cyan);font-weight:950;letter-spacing:.12em}.feed-head strong{font-size:11px;color:var(--green)}
.feed-rows{display:grid;gap:5px}
.feed-rows p{display:grid;grid-template-columns:80px 1fr;gap:8px;margin:0;font-size:11px;color:var(--muted)}.feed-rows b{color:var(--text)}
.live-metrics{position:absolute;right:24px;bottom:18px;width:190px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.live-metrics div{border:1px solid var(--line);background:rgba(255,255,255,.07);border-radius:14px;padding:10px;text-align:center}.live-metrics strong{display:block;color:var(--cyan);font-size:15px}.live-metrics span{display:block;color:var(--muted);font-size:10px;margin-top:2px}
@media(max-width:1100px){
  .live-command-screen{min-height:720px}
  .live-tool-strip{grid-template-columns:repeat(2,1fr);bottom:130px}
  .live-feed{right:24px;bottom:18px}
  .live-metrics{right:24px;left:24px;bottom:82px;width:auto}
}
@media(max-width:740px){
  .live-command-screen{min-height:780px;border-radius:22px}
  .live-main-card{left:14px;right:14px;top:128px;padding:18px}
  .live-tool-strip{left:14px;right:14px;grid-template-columns:1fr;bottom:178px}
  .live-tool-strip a:nth-child(n+3){display:none}
  .live-feed{left:14px;right:14px;bottom:20px}
  .live-metrics{left:14px;right:14px;bottom:106px}
  .world-rail{left:14px;right:14px;overflow:auto;padding-bottom:4px}
  .live-screen-top{left:14px;right:14px}.live-screen-top small{display:none}
}


/* KING HUB V20: compact inspired Smart Hub screen.
   Keeps the same home design, but reduces the hero screen so it feels like a premium embedded live module instead of an oversized block. */
@media (min-width: 1101px){
  .hero{
    grid-template-columns:minmax(0,1.08fr) minmax(420px,.78fr);
    gap:28px;
    align-items:center;
  }
  .hero-card{
    max-width:600px;
    width:100%;
    justify-self:end;
    padding:12px;
    border-radius:28px;
  }
  .live-command-screen{
    min-height:438px;
    border-radius:22px;
  }
  .live-map-grid{
    background-size:44px 44px;
    transform:perspective(620px) rotateX(58deg) translateY(78px) scale(1.35);
  }
  .route{height:4px}
  .live-screen-top{
    left:14px;right:14px;top:12px;
    padding:10px 12px;border-radius:16px;
  }
  .live-screen-top strong{font-size:12px}
  .live-screen-top small{font-size:11px}
  .live-screen-top a{font-size:12px}
  .world-rail{
    left:14px;right:14px;top:66px;
    gap:7px;
  }
  .world-rail button{
    padding:7px 10px;
    font-size:11px;
  }
  .world-rail button:nth-child(n+6){display:none}
  .live-main-card{
    left:16px;right:16px;top:106px;
    min-height:144px;
    padding:17px 18px;
    border-radius:20px;
  }
  .live-kicker{
    font-size:10px;
    margin-bottom:7px;
  }
  .live-main-card h3{
    font-size:clamp(22px,2.1vw,30px);
    margin-bottom:8px;
    letter-spacing:-.045em;
  }
  .live-main-card p{
    font-size:13px;
    line-height:1.42;
    max-width:none;
  }
  .live-fields{gap:6px;margin:10px 0}
  .live-fields span{font-size:10.5px;padding:5px 8px}
  .live-actions{gap:8px}
  .btn.mini{padding:8px 11px;border-radius:11px;font-size:12px}
  .live-actions .pill{font-size:10.5px;padding:6px 8px}
  .live-tool-strip{
    left:16px;right:16px;bottom:68px;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
  }
  .live-tool-strip a{
    min-height:76px;
    padding:10px;
    border-radius:16px;
  }
  .live-tool-strip a:nth-child(4){display:none}
  .live-tool-strip span{font-size:10px}
  .live-tool-strip strong{font-size:12px}
  .live-tool-strip small{font-size:10px}
  .live-feed{
    left:16px;right:176px;bottom:12px;
    padding:8px 10px;
    border-radius:14px;
  }
  .feed-head{margin-bottom:5px}
  .feed-head span,.feed-head strong{font-size:10px}
  .feed-rows{gap:3px}
  .feed-rows p{
    grid-template-columns:58px 1fr;
    font-size:10px;
  }
  .feed-rows p:nth-child(n+3){display:none}
  .live-metrics{
    right:16px;bottom:12px;width:152px;
    gap:6px;
  }
  .live-metrics div{padding:7px;border-radius:12px}
  .live-metrics strong{font-size:13px}
  .live-metrics span{font-size:9px}
}
@media(max-width:1100px){
  .live-command-screen{min-height:600px}
}
@media(max-width:740px){
  .live-command-screen{min-height:640px}
}


/* V23 translator + private app connection polish, added without changing the V20 layout design. */
.site-translator{
  display:flex;align-items:center;gap:8px;margin-left:8px;
  border:1px solid var(--line);background:rgba(255,255,255,.055);
  border-radius:999px;padding:7px 9px;color:var(--soft);
}
.translate-label{font-size:12px;color:var(--muted);white-space:nowrap}
.translate-select{
  max-width:145px;background:transparent;border:0;color:var(--text);
  font:inherit;font-size:12px;outline:0;
}
.translate-select option{color:#06101d;background:#fff}
#google_translate_element{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.form-status{min-height:22px;color:var(--green);font-weight:700;margin-top:8px}
.form-status.is-error{color:var(--red)}
@media(max-width:1100px){
  .site-translator{width:100%;justify-content:space-between;margin:8px 0 0}
  .translate-select{max-width:220px}
}


/* V24: full-site translator + live post-login command center */
.site-translator{display:flex;align-items:center;gap:8px;margin-left:8px;padding:6px 8px;border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:16px;min-width:0}
.translate-label{font-size:12px;color:var(--soft);white-space:nowrap}
.translate-select{appearance:none;border:1px solid rgba(255,255,255,.15);background:rgba(5,7,19,.82);color:var(--text);border-radius:12px;padding:10px 34px 10px 12px;max-width:178px;font-weight:700;background-image:linear-gradient(45deg, transparent 50%, var(--gold) 50%),linear-gradient(135deg, var(--gold) 50%, transparent 50%);background-position:calc(100% - 18px) 50%, calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.translate-select.jumbo{max-width:330px;font-size:16px;padding:14px 40px 14px 16px}
#google_translate_element{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
body .goog-te-banner-frame, body .skiptranslate iframe{display:none!important}
body{top:0!important}
.home-translate-band{padding-top:40px}
.translate-command-strip{align-items:center;overflow:hidden;position:relative}
.home-translate-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.translate-orbit-card{min-height:260px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at center,rgba(255,189,107,.20),rgba(120,244,255,.08),rgba(255,255,255,.04));position:relative;overflow:hidden;display:grid;place-items:center}
.orbit-ring{position:absolute;width:210px;height:210px;border:1px dashed rgba(255,255,255,.24);border-radius:50%;animation:spin 14s linear infinite}
.orbit-ring.ring-two{width:150px;height:150px;animation-duration:9s;animation-direction:reverse;border-color:rgba(255,189,107,.34)}
.language-globe{font-size:56px;filter:drop-shadow(0 0 24px rgba(255,189,107,.45));animation:floaty 3.5s ease-in-out infinite}
.translate-pills{position:absolute;inset:auto 16px 16px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.translate-pills span{font-size:12px;border:1px solid var(--line);background:rgba(5,7,19,.72);border-radius:999px;padding:7px 9px;color:var(--soft)}
.live-portal-hero .lead{max-width:860px}
.live-command-center{display:grid;gap:18px}
.live-command-top{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,rgba(120,244,255,.10),rgba(255,189,107,.09),rgba(139,92,246,.10))}
.session-chip{min-width:150px;text-align:center;border:1px solid rgba(255,189,107,.28);border-radius:20px;padding:16px;background:rgba(255,189,107,.08);box-shadow:0 0 38px rgba(255,189,107,.10)}
.session-chip span{display:block;font-size:28px;font-weight:900;letter-spacing:-.04em;color:var(--gold)}
.session-chip small{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.command-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}
.space-command-card{min-height:450px;display:grid;grid-template-rows:1fr auto;overflow:hidden}
.space-map{position:relative;min-height:340px;border-radius:22px;overflow:hidden;background:
  radial-gradient(circle at 25% 20%, rgba(120,244,255,.20), transparent 22%),
  radial-gradient(circle at 80% 35%, rgba(255,189,107,.18), transparent 20%),
  linear-gradient(135deg,rgba(5,7,19,.92),rgba(11,18,38,.92));border:1px solid var(--line)}
.space-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:38px 38px;transform:perspective(540px) rotateX(58deg) scale(1.35);transform-origin:center 70%;animation:gridDrift 12s linear infinite}
.command-center-core{position:absolute;left:50%;top:50%;width:82px;height:82px;transform:translate(-50%,-50%);border-radius:24px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);box-shadow:0 0 0 10px rgba(255,189,107,.07),0 0 55px rgba(255,189,107,.25);animation:corePulse 2.4s ease-in-out infinite}
.command-center-core img{width:58px;height:58px;border-radius:16px;object-fit:cover}
.orbit-path{position:absolute;left:50%;top:50%;width:280px;height:150px;border:1px dashed rgba(120,244,255,.28);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg);animation:spin 18s linear infinite}
.orbit-path.orbit-b{width:360px;height:210px;border-color:rgba(255,189,107,.26);animation-duration:25s;animation-direction:reverse}
.command-node{position:absolute;padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(5,7,19,.82);font-size:12px;font-weight:800;box-shadow:0 0 22px rgba(120,244,255,.12);animation:nodeGlow 2.2s ease-in-out infinite}
.command-node.n1{left:12%;top:22%}.command-node.n2{right:14%;top:22%;animation-delay:.3s}.command-node.n3{left:15%;bottom:22%;animation-delay:.6s}.command-node.n4{right:20%;bottom:18%;animation-delay:.9s}.command-node.n5{left:48%;top:13%;animation-delay:1.2s}
.star{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px var(--gold);animation:floaty 4s ease-in-out infinite}
.star-a{left:10%;top:16%}.star-b{right:18%;bottom:30%;animation-delay:.7s}.star-c{left:42%;bottom:18%;animation-delay:1.1s}
.pulse-line{position:absolute;height:3px;border-radius:100px;background:linear-gradient(90deg,transparent,var(--cyan),var(--gold),transparent);opacity:.72;animation:pulseSweep 3s ease-in-out infinite}
.pulse-line.l1{width:42%;left:14%;top:48%;transform:rotate(12deg)}.pulse-line.l2{width:44%;right:14%;top:54%;transform:rotate(-16deg);animation-delay:.8s}.pulse-line.l3{width:36%;left:32%;bottom:28%;transform:rotate(4deg);animation-delay:1.4s}
.live-feed{margin-top:14px;display:grid;gap:8px}
.live-feed span{display:block;border:1px solid var(--line);background:rgba(255,255,255,.055);padding:10px 12px;border-radius:14px;color:var(--soft);font-size:13px}
.portal-metrics-card .metric-stack{display:grid;gap:10px;margin:18px 0}
.metric-stack div{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:16px;padding:12px}
.metric-stack strong{font-size:22px;color:var(--gold)}
.metric-stack span{color:var(--muted);font-size:13px;text-align:right}
.portal-action-grid .card{min-height:190px}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(342deg)}} 
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}} 
@keyframes gridDrift{to{background-position:38px 38px}}
@keyframes corePulse{0%,100%{box-shadow:0 0 0 8px rgba(255,189,107,.08),0 0 45px rgba(255,189,107,.22)}50%{box-shadow:0 0 0 18px rgba(120,244,255,.08),0 0 70px rgba(120,244,255,.25)}}
@keyframes nodeGlow{50%{border-color:rgba(255,189,107,.46);box-shadow:0 0 28px rgba(255,189,107,.18)}}
@keyframes pulseSweep{0%,100%{opacity:.25;filter:hue-rotate(0deg)}50%{opacity:1;filter:hue-rotate(80deg)}}
@media(max-width:1100px){.site-translator{order:5;width:100%;justify-content:space-between}.translate-select{max-width:240px}.command-grid{grid-template-columns:1fr}.live-command-top{flex-direction:column;align-items:flex-start}.portal-action-grid.grid.cols-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:740px){.portal-action-grid.grid.cols-4{grid-template-columns:1fr}.home-translate-actions{flex-direction:column}.translate-select.jumbo{max-width:100%;width:100%}.space-command-card{min-height:380px}.space-map{min-height:290px}.command-node{font-size:11px}.site-translator{align-items:stretch;flex-direction:column}.translate-select{max-width:100%;width:100%}}


/* V26 phone verification */
.phone-verify-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.phone-verify-row .btn{white-space:nowrap;padding-inline:16px}
.mini-note{font-size:13px;color:var(--muted);margin:-4px 0 4px}
@media(max-width:740px){.phone-verify-row{grid-template-columns:1fr}.phone-verify-row .btn{width:100%}}
.form-status.is-ok{color:var(--green)}
/* Build 512 installed-app safe areas */
@supports (padding:max(0px)){
  body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  .site-header{padding-top:env(safe-area-inset-top)}
  .footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}
}