:root{
  /* —— Google Labs reference palette —— */
  --brand-ink:#1f2937;--brand-paper:#f5f0e8;
  --labs-cream:#f5f0e8;--labs-cream-deep:#ebe3d9;--labs-taupe:#dcd6cc;--labs-taupe-light:#ebe4d9;
  --labs-green-accent:#0d5028;--labs-neon:#34d399;--labs-magenta:#8b2e8b;--labs-pink-blob:#f9a8d4;
  --brand-mint:#7eb8b2;--brand-teal:#2a6561;--brand-teal-deep:#1e4a47;
  --signal:#2a6561;--signal-deep:#1e4a47;--signal-mid:#457a75;--signal-light:#7eb8b2;--signal-soft:#c5ddd9;--signal-faint:#e8f2f0;
  --cap-security:#6e5bd8;--cap-security-bg:#f0edff;
  --cap-privacy:#2a6561;--cap-privacy-bg:#e8f2f0;
  --cap-compliance:#b86a1a;--cap-compliance-bg:#faf3e8;
  --cap-highlight:#b8f5a8;
  --bg:#0c1211;--paper:var(--brand-paper);--ink:var(--brand-ink);--panel:#101a18;--panel2:#152220;--panel3:#1a2b28;--panel4:#14202c;
  --text:#eef8f6;--muted:#b8cbc8;--soft:#8fa9a4;--line:rgba(126,184,178,.26);--strong:rgba(126,184,178,.48);
  --accent:var(--brand-mint);--accent-green:var(--brand-teal);--accent-ink:#041314;
  --mint:var(--brand-mint);--teal:#457a75;--cyan:#63d8ff;--blue:#60a5fa;--green:#4ade80;--pink:#fbcfe8;--yellow:#f9c846;--orange:#ff8a47;--red:#ff7182;--violet:#a66cff;
  --coral:#ff6b5a;--sage:#5bc9a0;--periwinkle:#7b8cff;--amber:#ffb84d;--plum:#b87cff;--aqua:#3ecfcc;
  /* —— Layout & motion —— */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:60px;
  --radius-card:18px;--radius-band:24px;--shadow-card:0 12px 32px rgba(17,24,39,.07);
  --container:min(1180px,92vw);--radius-sm:var(--radius-card);--radius:var(--radius-card);--radius-lg:var(--radius-band);--radius-xl:42px;
  --shadow:0 28px 80px rgba(0,0,0,.55);--shadow-sm:0 8px 24px rgba(0,0,0,.12);--shadow-md:0 18px 50px rgba(17,24,39,.09);
  --ease-out:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.2,.64,1);--dur-fast:.18s;--dur-mid:.32s;--dur-slow:.48s;
}
html[data-theme=light]{
  --bg:#f5f0e8;--panel:#fffbf5;--panel2:#f8f1e9;--panel3:#fff;--panel4:#f2efe9;
  --text:#1f2937;--muted:#4a5359;--soft:#667176;--line:rgba(31,41,55,.1);--strong:rgba(31,41,55,.2);
  --shadow:0 18px 50px rgba(42,101,97,.07);--shadow-md:0 14px 40px rgba(17,24,39,.06);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;background:var(--bg);color:var(--text);font-feature-settings:"cv11","ss01";letter-spacing:-.011em}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(900px 520px at 50% -5%,color-mix(in srgb,var(--signal-light) 10%,transparent),transparent 70%),radial-gradient(700px 460px at 8% 10%,color-mix(in srgb,var(--signal) 6%,transparent),transparent 72%),radial-gradient(680px 420px at 92% 12%,color-mix(in srgb,var(--cap-security) 5%,transparent),transparent 70%);z-index:-2}
body{background-image:radial-gradient(900px 520px at 78% 12%,color-mix(in srgb,var(--cap-security) 6%,transparent),transparent 70%),linear-gradient(180deg,rgba(0,0,0,.18),transparent 420px)}
body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:linear-gradient(color-mix(in srgb,var(--signal-soft) 40%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--signal-soft) 40%,transparent) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at 50% 5%,#000,transparent 72%);z-index:-1}
.container{width:var(--container);margin:0 auto}
.nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(20px) saturate(1.2);background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--line);transition:box-shadow var(--dur-mid) var(--ease-out),background var(--dur-mid) var(--ease-out)}
.nav.is-scrolled{box-shadow:var(--shadow-sm)}
.navin{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}
.brand-mark{display:block;width:36px;height:36px;object-fit:contain;flex-shrink:0;border-radius:50%;box-shadow:0 4px 16px color-mix(in srgb,var(--signal) 18%,transparent)}
.brand-mark--sm{width:28px;height:28px;box-shadow:0 2px 10px color-mix(in srgb,var(--signal) 14%,transparent)}
html[data-theme=light] .brand-mark{box-shadow:0 4px 14px rgba(14,17,20,.08)}
.mark{width:34px;height:34px;border-radius:50%;border:1px solid var(--strong);display:grid;place-items:center;color:var(--signal);font-weight:900;box-shadow:0 0 20px color-mix(in srgb,var(--signal-light) 16%,transparent)}
.brand b{font-family:"Space Grotesk",Inter,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.02em}.brand span{display:block;font-size:10px;color:var(--soft);letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.links{display:flex;gap:6px;align-items:center}.links a{color:var(--muted);text-decoration:none;font-size:13px;font-weight:600;padding:8px 12px;border-radius:999px;transition:color var(--dur-fast) ease,background var(--dur-fast) ease}
.links a:hover{color:var(--text);background:color-mix(in srgb,var(--signal) 8%,transparent)}.links a.active{color:var(--signal);background:color-mix(in srgb,var(--signal) 10%,transparent)}
html[data-theme=dark] .links a.active{color:var(--signal-light)}
.actions{display:flex;align-items:center;gap:8px}.btn,button{height:40px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-weight:700;font-size:13px;letter-spacing:-.01em;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.btn.primary{background:linear-gradient(135deg,var(--signal-deep),var(--signal),var(--signal-light));color:#fff;border-color:transparent;box-shadow:0 8px 24px color-mix(in srgb,var(--signal) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.22)}
.btn.primary:hover{background:linear-gradient(135deg,var(--signal-deep),var(--signal-mid),var(--signal-light));box-shadow:0 12px 28px color-mix(in srgb,var(--signal) 34%,transparent)}
html[data-theme=light] .btn.primary{background:linear-gradient(135deg,var(--signal-deep),var(--signal),var(--signal-mid));color:#fff;border:0;box-shadow:0 10px 28px color-mix(in srgb,var(--signal) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.18);transition:background .28s ease,transform .22s var(--ease-out),box-shadow .28s ease}
html[data-theme=light] .btn.primary:hover{background:linear-gradient(135deg,var(--signal-deep),var(--signal-mid),var(--signal-light));color:#fff;transform:translateY(-1px);box-shadow:0 14px 32px color-mix(in srgb,var(--signal) 28%,transparent)}
html[data-theme=dark] .btn.primary{background:linear-gradient(135deg,var(--signal-deep),var(--signal),var(--signal-light));color:#fff}
.hero{padding:var(--space-8) 0 var(--space-6);display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:5px;border:1px solid color-mix(in srgb,var(--signal) 18%,var(--line));background:color-mix(in srgb,var(--signal-faint) 65%,transparent);color:var(--signal);border-radius:999px;padding:4px 10px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;line-height:1.2}
html[data-theme=dark] .eyebrow{color:var(--signal-light);background:color-mix(in srgb,var(--signal) 10%,transparent);border-color:color-mix(in srgb,var(--signal-light) 20%,var(--line))}
.eyebrow:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.85}
h1,h2,h3,h4{font-family:"Space Grotesk",Inter,sans-serif;margin:0;letter-spacing:-.035em;font-weight:600}
h1{margin-top:var(--space-4);font-size:clamp(2.5rem,5.4vw,4.75rem);line-height:.98;font-weight:700}
h2{font-size:clamp(1.85rem,3.2vw,2.85rem);line-height:1.08;font-weight:600}h3{font-size:1.28rem;line-height:1.2}p{color:var(--muted);line-height:1.7;margin:0}
.lead{margin-top:var(--space-5);font-size:1.06rem;max-width:62ch;line-height:1.65}
.headline-accent{background:linear-gradient(135deg,var(--signal-deep) 0%,var(--brand-teal) 50%,var(--brand-mint) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme=dark] .headline-accent{background:linear-gradient(135deg,var(--brand-mint) 0%,var(--signal-mid) 55%,var(--periwinkle) 100%);-webkit-background-clip:text;background-clip:text}
.gradient{color:transparent;background:linear-gradient(90deg,var(--text),var(--signal-light),var(--signal-soft));-webkit-background-clip:text;background-clip:text}
.cta{margin-top:var(--space-5);display:flex;gap:10px;flex-wrap:wrap}.chips{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--panel2);border-radius:999px;padding:6px 10px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.metrics{margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{border:1px solid var(--line);border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--panel2),var(--panel));padding:var(--space-4);transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) ease}
.metric b{display:block;color:var(--signal-light);font-size:clamp(1.5rem,2.2vw,1.8rem);font-family:"Space Grotesk",Inter,sans-serif;font-weight:700;letter-spacing:-.03em}
html[data-theme=light] .metric b{color:var(--signal)}
.metric span{color:var(--soft);font-size:12px;margin-top:4px;display:block}
.panel{border:1px solid var(--line);border-radius:var(--radius-band);background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 86%,transparent),var(--panel));box-shadow:var(--shadow);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;inset:0;background:radial-gradient(420px 220px at 20% 0%,rgba(126,184,178,.13),transparent 70%);pointer-events:none}.panel>*{position:relative;z-index:1}
.console{padding:18px;min-height:460px}.console-map{height:250px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(circle at 70% 45%,rgba(126,184,178,.24),transparent 4%),radial-gradient(circle at 38% 48%,rgba(245,166,234,.22),transparent 4%),linear-gradient(135deg,rgba(99,216,255,.1),rgba(126,184,178,.08)),var(--panel3);position:relative;overflow:hidden}.console-map:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 10%,rgba(126,184,178,.35),transparent 22%,rgba(245,166,234,.28),transparent 38%,rgba(255,201,61,.25),transparent 58%);animation:sweep 5s linear infinite}
@keyframes sweep{from{transform:translateX(-40%)}to{transform:translateX(60%)}}.stream{display:flex;justify-content:space-between;gap:10px;margin-top:10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);font-size:13px;color:var(--muted)}.stream b{color:var(--text)}.ok{color:var(--signal-light);font-weight:900}.warn{color:var(--yellow);font-weight:900}.bad{color:var(--red);font-weight:900}
section{padding:var(--space-9) 0;border-top:1px solid color-mix(in srgb,var(--line) 55%,transparent)}
.section-title{text-align:center;margin-bottom:var(--space-5);max-width:780px;margin-inline:auto}
.section-title h2{margin-top:var(--space-2)}
.section-title p{max-width:58ch;margin:var(--space-3) auto 0;font-size:.98rem}.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g5{grid-template-columns:repeat(5,1fr)}
.card{border:1px solid var(--line);border-radius:var(--radius-card);background:linear-gradient(180deg,var(--panel2),var(--panel));padding:22px;box-shadow:var(--shadow);position:relative;overflow:hidden}.card:after{content:"";position:absolute;right:-50px;top:-50px;width:140px;height:140px;border-radius:40px;background:rgba(126,184,178,.08);transform:rotate(20deg)}.card>*{position:relative;z-index:1}.card p{margin-top:8px;font-size:.95rem}.card ul{margin:14px 0 0;padding-left:18px;color:var(--muted);line-height:1.65;font-size:.94rem}
.lab-band{background:var(--paper);color:var(--ink);border-radius:34px;padding:64px 36px;position:relative;overflow:hidden}.lab-band p{color:#31363a}.shape{position:absolute;border-radius:28%;opacity:.9}.s1{width:210px;height:210px;background:var(--green);right:7%;top:-70px;transform:rotate(24deg)}.s2{width:180px;height:180px;background:var(--pink);right:21%;bottom:-70px;border-radius:50%}.s3{width:160px;height:160px;background:var(--yellow);left:-40px;bottom:-50px;border-radius:45%}
.table{border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;background:var(--panel)}.tr{display:grid;grid-template-columns:1.1fr 1fr 1fr;border-top:1px solid var(--line)}.tr:first-child{border-top:0;background:var(--panel2)}.td{padding:14px;color:var(--muted);font-size:.92rem}.tr:first-child .td{color:var(--text);font-weight:900}
.faq{max-width:860px;margin:0 auto;display:grid;gap:10px}details{border:1px solid var(--line);background:var(--panel2);border-radius:var(--radius-card);padding:16px 18px}summary{cursor:pointer;font-weight:900}details p{margin-top:12px}.footer-cta{text-align:center;border:1px solid var(--line);border-radius:30px;padding:70px 24px;background:radial-gradient(600px 250px at 50% 0%,rgba(126,184,178,.18),transparent 70%),var(--panel)}
footer{border-top:0;padding:0;color:var(--soft);font-size:12px}
.site-footer{margin-top:20px;background:var(--paper);color:var(--ink);border-top:1px solid rgba(16,20,23,.1)}
.site-footer .brand-mark{box-shadow:0 0 16px rgba(126,184,178,.14)}
.site-footer b{color:var(--ink)}
.footer-shapes{position:relative;height:148px;overflow:hidden;border-bottom:1px solid rgba(16,20,23,.1);background:var(--paper)}
.footer-shapes i{position:absolute;border-radius:38%;animation:footerFloat 5.5s ease-in-out infinite}
.footer-shapes i:nth-child(1){left:-2%;top:18px;width:148px;height:148px;background:var(--coral);--rot:12deg;animation-delay:0s}
.footer-shapes i:nth-child(2){left:16%;top:-28px;width:118px;height:118px;background:var(--sage);border-radius:50%;animation-delay:.4s}
.footer-shapes i:nth-child(3){left:34%;top:8px;width:132px;height:132px;background:var(--periwinkle);--rot:-8deg;animation-delay:.8s}
.footer-shapes i:nth-child(4){left:54%;top:-18px;width:108px;height:108px;background:var(--amber);border-radius:42%;animation-delay:1.1s}
.footer-shapes i:nth-child(5){right:14%;top:4px;width:126px;height:126px;background:var(--plum);border-radius:50%;animation-delay:.2s}
.footer-shapes i:nth-child(6){right:-3%;top:24px;width:140px;height:140px;background:var(--aqua);--rot:16deg;animation-delay:1.4s}
@keyframes footerFloat{0%,100%{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-8px) rotate(calc(var(--rot,0deg) + 3deg))}}
.footer-subnav{display:flex;align-items:stretch;justify-content:flex-start;gap:20px;padding:22px 0;border-bottom:1px solid rgba(16,20,23,.1);flex-wrap:wrap}
.footer-subnav .footer-dir{flex:1;min-width:0}
.footer-sub-label{font-size:14px;color:#4a5359}
.footer-dir{display:block;width:100%}
.footer-dir a{color:#1a1f24;text-decoration:none;font-size:14px;font-weight:600}
.footer-dir a:hover{color:var(--periwinkle)}
.footer-brand-lockup{padding:28px 0 24px;border-bottom:1px solid rgba(16,20,23,.1)}
.footer-brand-lockup h2{margin:0;font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(2rem,5vw,3.2rem);line-height:.95;color:#1a1f24;letter-spacing:-.04em}
.footer-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;flex-wrap:wrap}
.footer-logo{display:flex;align-items:center;gap:8px;text-decoration:none}
.footer-legal{display:flex;gap:18px;flex-wrap:wrap}
.footer-legal a{color:#4a5359;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.footer-legal a:hover{color:#1a1f24}
.footer-copy{padding:0 0 28px;color:#667076;font-size:12px}
html[data-theme=dark] .site-footer{background:#0a1014;color:var(--text)}
html[data-theme=dark] .footer-shapes,html[data-theme=dark] .footer-subnav,html[data-theme=dark] .footer-brand-lockup{border-color:rgba(255,255,255,.1)}
html[data-theme=dark] .footer-brand-lockup h2,html[data-theme=dark] .footer-dir a,html[data-theme=dark] .site-footer b{color:var(--text)}
html[data-theme=dark] .footer-sub-label,html[data-theme=dark] .footer-legal a,html[data-theme=dark] .footer-copy{color:var(--soft)}
[data-lang=zh]{display:none !important}html[lang-mode=zh] [data-lang=en]{display:none !important}html[lang-mode=zh] [data-lang=zh]{display:revert !important}
.explain-item>b>[data-lang=en],.explain-item>b>[data-lang=zh],.explain-item>[data-lang=en],.explain-item>[data-lang=zh],.capability-item>[data-lang=en],.capability-item>[data-lang=zh]{display:block !important}
html:not([lang-mode=zh]) .explain-item [data-lang=zh],html:not([lang-mode=zh]) .capability-item [data-lang=zh]{display:none !important}
html[lang-mode=zh] .explain-item [data-lang=en],html[lang-mode=zh] .capability-item [data-lang=en]{display:none !important}
html[lang-mode=zh] .explain-item [data-lang=zh],html[lang-mode=zh] .capability-item [data-lang=zh]{display:block !important}
.deploy-topo-box [data-lang=en],.deploy-topo-box [data-lang=zh]{display:block !important}
html:not([lang-mode=zh]) .deploy-topo-box [data-lang=zh]{display:none !important}
html[lang-mode=zh] .deploy-topo-box [data-lang=en]{display:none !important}
.monitor-nav-label [data-lang=en],.monitor-nav-label [data-lang=zh],
.monitor-stage-title [data-lang=en],.monitor-stage-title [data-lang=zh],
.monitor-stage-panel p>[data-lang=en],.monitor-stage-panel p>[data-lang=zh],
.monitor-benefit>[data-lang=en]:not(.monitor-benefit-kicker),.monitor-benefit>[data-lang=zh]:not(.monitor-benefit-kicker),
.compliance-strategy-copy [data-lang=en],.compliance-strategy-copy [data-lang=zh]{display:inline!important}
.demo-gov-mode-tag{
  display:inline-flex;align-items:center;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--cap-compliance-bg) 85%,#fff);
  color:var(--cap-compliance);border:1px solid color-mix(in srgb,var(--cap-compliance) 28%,transparent);
}
.demo-gov-mode-tag [data-lang=en],.demo-gov-mode-tag [data-lang=zh]{display:inline!important}
html:not([lang-mode=zh]) .demo-gov-mode-tag [data-lang=zh]{display:none!important}
html[lang-mode=zh] .demo-gov-mode-tag [data-lang=en]{display:none!important}
.demo-gov-tab [data-lang=en],.demo-gov-tab [data-lang=zh]{display:inline!important}
html:not([lang-mode=zh]) .demo-gov-tab [data-lang=zh]{display:none!important}
html[lang-mode=zh] .demo-gov-tab [data-lang=en]{display:none!important}
.demo-gov-subnav-hint [data-lang=en],.demo-gov-subnav-hint [data-lang=zh]{display:inline!important}
html:not([lang-mode=zh]) .demo-gov-subnav-hint [data-lang=zh]{display:none!important}
html[lang-mode=zh] .demo-gov-subnav-hint [data-lang=en]{display:none!important}
.demo-gov-console .page-title p [data-lang=en],.demo-gov-console .page-title p [data-lang=zh],
.demo-gov-console .demo-gov-overview-lead [data-lang=en],.demo-gov-console .demo-gov-overview-lead [data-lang=zh],
.demo-gov-console .demo-gov-policy-guide [data-lang=en],.demo-gov-console .demo-gov-policy-guide [data-lang=zh]{display:block!important}
html:not([lang-mode=zh]) .demo-gov-console .page-title p [data-lang=zh],
html:not([lang-mode=zh]) .demo-gov-console .demo-gov-overview-lead [data-lang=zh],
html:not([lang-mode=zh]) .demo-gov-console .demo-gov-policy-guide [data-lang=zh]{display:none!important}
html[lang-mode=zh] .demo-gov-console .page-title p [data-lang=en],
html[lang-mode=zh] .demo-gov-console .demo-gov-overview-lead [data-lang=en],
html[lang-mode=zh] .demo-gov-console .demo-gov-policy-guide [data-lang=en]{display:none!important}
.demo-gov-console .header-metrics .lbl [data-lang=en],.demo-gov-console .header-metrics .lbl [data-lang=zh]{display:block!important}
html:not([lang-mode=zh]) .demo-gov-console .header-metrics .lbl [data-lang=zh]{display:none!important}
html[lang-mode=zh] .demo-gov-console .header-metrics .lbl [data-lang=en]{display:none!important}
.demo-gov-console .page-title h2 [data-lang=en],.demo-gov-console .page-title h2 [data-lang=zh]{display:inline!important}
html:not([lang-mode=zh]) .demo-gov-console .page-title h2 [data-lang=zh]{display:none!important}
html[lang-mode=zh] .demo-gov-console .page-title h2 [data-lang=en]{display:none!important}
.demo-gov-lead [data-lang=en],.demo-gov-lead [data-lang=zh]{display:block!important}
html:not([lang-mode=zh]) .demo-gov-lead [data-lang=zh]{display:none!important}
html[lang-mode=zh] .demo-gov-lead [data-lang=en]{display:none!important}
.compliance-demo-subtitle [data-lang=en],.compliance-demo-subtitle [data-lang=zh],
.compliance-demo-canvas-empty p [data-lang=en],.compliance-demo-canvas-empty p [data-lang=zh]{display:block!important}
html:not([lang-mode=zh]) .monitor-nav-label [data-lang=zh],
html:not([lang-mode=zh]) .monitor-stage-title [data-lang=zh],
html:not([lang-mode=zh]) .monitor-stage-panel p>[data-lang=zh],
html:not([lang-mode=zh]) .monitor-benefit>[data-lang=zh],
html:not([lang-mode=zh]) .compliance-strategy-copy [data-lang=zh],
html:not([lang-mode=zh]) .compliance-demo-subtitle [data-lang=zh],
html:not([lang-mode=zh]) .compliance-demo-canvas-empty p [data-lang=zh]{display:none!important}
html[lang-mode=zh] .monitor-nav-label [data-lang=en],
html[lang-mode=zh] .monitor-stage-title [data-lang=en],
html[lang-mode=zh] .monitor-stage-panel p>[data-lang=en],
html[lang-mode=zh] .monitor-benefit>[data-lang=en],
html[lang-mode=zh] .compliance-strategy-copy [data-lang=en],
html[lang-mode=zh] .compliance-demo-subtitle [data-lang=en],
html[lang-mode=zh] .compliance-demo-canvas-empty p [data-lang=en]{display:none!important}
.links>a,.nav-dropdown-trigger{background:transparent}
@media(max-width:980px){.hero,.g2,.g3,.g4,.g5,.metrics{grid-template-columns:1fr}.links{display:none}.lab-band{padding:46px 24px}.tr{grid-template-columns:1fr}}

/* Enhanced interaction and Google Labs / shadcn-inspired modules */
.btn,button,.card,.panel,.step,.product-tile{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.btn:hover,button:hover{transform:translateY(-1px);border-color:var(--strong);box-shadow:0 10px 28px rgba(0,0,0,.18)}
html[data-theme=light] .btn:hover,html[data-theme=light] button:hover{transform:none;box-shadow:none;border-color:transparent}
html[data-theme=light] .btn.primary:hover{transform:translateY(-1px);box-shadow:0 14px 32px color-mix(in srgb,var(--signal) 28%,transparent)}
.card:hover{transform:translateY(-4px);border-color:var(--strong);box-shadow:0 30px 90px rgba(0,0,0,.6)}
.lab-hero{background:var(--paper);color:var(--ink);border-radius:42px;min-height:560px;padding:64px;position:relative;overflow:hidden}
.lab-hero h1,.lab-hero h2{color:var(--ink)}.lab-hero p{color:#30373b}
.lab-card-row{position:absolute;left:48px;right:48px;bottom:-84px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;transform:rotate(-2deg)}
.lab-product-card{background:#fff;border-radius:28px;padding:18px;min-height:285px;box-shadow:0 26px 60px rgba(0,0,0,.16);transform:rotate(var(--r));transition:transform .25s ease}
.lab-product-card:hover{transform:rotate(0) translateY(-10px)}
.lab-thumb{height:130px;border-radius:20px;margin-bottom:14px;background:linear-gradient(135deg,#dcecff,#fff7ba)}
.lab-product-card:nth-child(2) .lab-thumb{background:linear-gradient(135deg,#101419,#457a75)}
.lab-product-card:nth-child(3) .lab-thumb{background:linear-gradient(135deg,#fff4b8,#f5a6ea)}
.shape.big-green{width:430px;height:340px;background:var(--green);right:-44px;top:-110px;border-radius:34%;transform:rotate(18deg)}
.shape.blue-disc{width:270px;height:270px;background:var(--blue);left:-90px;bottom:-100px;border-radius:50%}
.shape.orange-pill{width:240px;height:70px;background:var(--orange);right:240px;bottom:120px;border-radius:999px;transform:rotate(-18deg)}
.pixel-rain{position:absolute;inset:0;pointer-events:none;opacity:.72;background-image:linear-gradient(90deg,var(--mint) 8px,transparent 8px),linear-gradient(var(--violet) 8px,transparent 8px);background-size:34px 34px;mask-image:radial-gradient(circle at 15% 68%,#000 0 16%,transparent 27%);animation:pixelDrift 7s linear infinite}
@keyframes pixelDrift{from{background-position:0 0,0 0}to{background-position:68px 34px,34px 68px}}
.product-tile{border:1px solid var(--line);border-radius:var(--radius-band);padding:22px;background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:var(--shadow-card);position:relative;overflow:hidden;min-height:0}
.product-tile:hover{transform:translateY(-6px);border-color:var(--strong)}
.product-tile.local:before{content:"";position:absolute;inset:auto -120px -120px auto;width:300px;height:300px;border-radius:36%;background:rgba(126,184,178,.15);transform:rotate(20deg)}
.product-tile.guard:before{content:"";position:absolute;inset:-120px auto auto -120px;width:320px;height:320px;border-radius:50%;background:rgba(99,216,255,.14)}
.product-tile>*{position:relative;z-index:1}#scenarios{padding:clamp(44px,5.5vw,64px) 0}
#scenarios .section-title{margin-bottom:18px}
.monitor-lead{margin-top:12px!important;font-size:1rem!important}
.showcase-visual--monitor{margin-top:16px}
.product-kicker{color:var(--signal-light);font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:900;margin-bottom:2px}
html[data-theme=light] .product-kicker{color:var(--brand-teal-deep)}
html[data-theme=light] .product-tile.guard .product-kicker{color:#5b4bc4}
html[data-theme=light] .product-tile.local{background:linear-gradient(180deg,#fffdf8,#f0faf7)}
html[data-theme=light] .product-tile.guard{background:linear-gradient(180deg,#fffdf8,#f5f2fc)}
.feature-list{display:grid;gap:10px;margin-top:18px}.feature{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid var(--line);border-radius:var(--radius-card);background:rgba(255,255,255,.03);color:var(--muted);font-size:.93rem}
.feature:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--signal);margin-top:7px;box-shadow:0 0 10px color-mix(in srgb,var(--signal-light) 50%,transparent);flex:0 0 auto}
.tabs{border:1px solid var(--line);border-radius:var(--radius-band);background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.tab-list{display:flex;gap:8px;padding:10px;border-bottom:1px solid var(--line);background:var(--panel2);flex-wrap:wrap}
.tab-trigger{border-radius:var(--radius-card);height:38px;cursor:pointer;transition:background .28s ease,color .28s ease,transform .18s ease,box-shadow .28s ease}
.tab-trigger[aria-selected=true]{background:#1f2937;color:#fff;box-shadow:0 4px 14px rgba(31,41,55,.16)}
.tab-trigger:active{transform:scale(.97)}
.tab-panel{display:none;padding:24px}.tab-panel.active{display:block;animation:fadeup .35s ease both}
.badge-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.badge{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;color:var(--muted);background:rgba(255,255,255,.03)}.badge.hot{color:#fff;background:var(--signal);border-color:transparent}.badge.warn{color:#241700;background:var(--yellow);border-color:transparent}
.shadcn-card{border:1px solid var(--line);border-radius:var(--radius-card);background:color-mix(in srgb,var(--panel2) 86%,transparent);padding:16px}
.switch-ui{width:48px;height:26px;border:1px solid var(--line);border-radius:999px;background:var(--panel3);position:relative}.switch-ui:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:var(--signal);right:3px;top:2px;box-shadow:0 0 12px color-mix(in srgb,var(--signal-light) 40%,transparent)}
@keyframes fadeup{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:980px){.lab-card-row{position:relative;left:auto;right:auto;bottom:auto;margin-top:28px;grid-template-columns:1fr;transform:none}.lab-hero{padding:44px 24px}.product-tile{min-height:auto}}

/* Unified full-site visual and copy system */
.page-hero{padding-top:74px}.hero-copy{max-width:780px}.split-hero{grid-template-columns:1fr 1fr}
.split-hero.page-hero .hero-copy>.eyebrow{margin-bottom:2px}
.split-hero.page-hero .hero-copy h1{margin-top:var(--space-3)}
.split-hero.page-hero .hero-copy .lead,.split-hero.page-hero .hero-copy .hero-category-def{margin-top:var(--space-4)}
.spotlight{position:relative;border:1px solid var(--line);border-radius:34px;padding:38px;background:radial-gradient(520px 240px at 15% 0%,rgba(126,184,178,.16),transparent 70%),linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:var(--shadow);overflow:hidden}.spotlight:after{content:"";position:absolute;right:-80px;bottom:-100px;width:260px;height:260px;border-radius:36%;background:rgba(166,108,255,.16);transform:rotate(18deg)}.spotlight>*{position:relative;z-index:1}
.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.promo-card{border:1px solid var(--line);border-radius:var(--radius-band);background:linear-gradient(180deg,var(--panel2),var(--panel));padding:24px;position:relative;overflow:hidden;box-shadow:var(--shadow);transition:transform .22s ease,border-color .22s ease}.promo-card:hover{transform:translateY(-3px)}.promo-card:before{content:"";position:absolute;right:-48px;top:-48px;width:128px;height:128px;border-radius:28px;background:rgba(126,184,178,.09);transform:rotate(20deg)}.promo-card>*{position:relative;z-index:1}.promo-card h3{margin-top:12px}.promo-card p{margin-top:10px}.promo-point{display:inline-flex;align-items:center;gap:8px;color:var(--signal-light);font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.promo-point:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--signal-light);box-shadow:0 0 12px color-mix(in srgb,var(--signal-light) 45%,transparent)}
.explain-list{display:grid;gap:12px;margin-top:18px}.explain-item{border:1px solid var(--line);border-radius:var(--radius-card);padding:16px;background:color-mix(in srgb,var(--panel2) 86%,transparent)}.explain-item b{display:block;color:var(--text);font-size:1rem}.explain-item span{display:block;color:var(--muted);line-height:1.62;margin-top:5px;font-size:.94rem}
.flow-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.flow-step{border:1px solid var(--line);border-radius:var(--radius-card);padding:18px;background:var(--panel2);min-height:155px}.flow-step small{color:var(--signal-light);font-weight:900;letter-spacing:.12em}.flow-step h3{margin-top:10px}.flow-step p{margin-top:8px;font-size:.92rem}
.contrast-band{border-radius:36px;background:var(--paper);color:var(--ink);padding:56px;position:relative;overflow:hidden}.contrast-band h2,.contrast-band h3{color:var(--ink)}.contrast-band p{color:#2f3639}.contrast-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.mini-console{display:grid;gap:10px}.mini-row{display:flex;justify-content:space-between;gap:14px;border:1px solid rgba(16,20,23,.12);background:rgba(255,255,255,.55);border-radius:16px;padding:13px 14px;color:#273034}.mini-row b{color:#101417}.mini-row span{font-weight:900}
.duo-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px}.deep-card{border:1px solid var(--line);border-radius:var(--radius-band);background:linear-gradient(180deg,var(--panel2),var(--panel));padding:28px;box-shadow:var(--shadow)}.deep-card h3{font-size:1.55rem}.deep-card .lead{font-size:1rem}.section-note{max-width:860px;margin:18px auto 0;text-align:center;color:var(--muted);line-height:1.72}
.paper-eyebrow{color:var(--signal);border-color:color-mix(in srgb,var(--signal) 22%,var(--line));background:color-mix(in srgb,var(--signal-faint) 80%,transparent)}.mt14{margin-top:14px}.mt16{margin-top:16px}.max800{max-width:800px}
.firewall-board{padding:18px;min-height:520px;background:linear-gradient(180deg,rgba(8,16,24,.96),rgba(4,7,11,.98));border-color:rgba(126,184,178,.22)}
.board-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.board-title{font-weight:900;color:var(--text)}.board-pill{border:1px solid rgba(255,113,130,.28);background:rgba(255,113,130,.1);color:#ff9daa;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}
.board-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.board-card{border:1px solid rgba(126,184,178,.16);border-radius:var(--radius-card);background:radial-gradient(160px 90px at 18% 0%,rgba(126,184,178,.12),transparent 70%),linear-gradient(180deg,#0e1b27,#09111a);padding:16px;position:relative;overflow:hidden}.board-card strong{display:block;color:var(--signal-light);font-size:2rem;font-family:"Space Grotesk";line-height:1}.board-card span{display:block;color:var(--soft);font-size:11px;margin-bottom:10px}.board-card small{color:var(--muted);font-weight:800}.barline{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;margin-top:12px}.barline i{height:24px;border-radius:3px;background:linear-gradient(180deg,var(--signal-light),var(--signal));opacity:.85}.barline.warm i{background:linear-gradient(180deg,var(--pink),var(--orange))}
.board-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.strip-card{border:1px solid rgba(126,184,178,.14);border-radius:var(--radius-card);background:rgba(255,255,255,.035);padding:10px}.strip-card b{display:block;color:var(--text);font-size:1.05rem}.strip-card span{font-size:10px;color:var(--soft)}
.live-alert{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:12px;border:1px solid rgba(126,184,178,.2);border-radius:var(--radius-card);background:linear-gradient(90deg,rgba(126,184,178,.15),rgba(166,108,255,.08));padding:14px}.pulse-dot{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--strong);color:var(--signal-light);box-shadow:0 0 24px color-mix(in srgb,var(--signal-light) 22%,transparent)}.alert-copy b{display:block}.alert-copy span{display:block;color:var(--soft);font-size:11px}.risk-chip{border-radius:999px;background:rgba(255,201,61,.14);color:var(--yellow);padding:6px 9px;font-size:11px;font-weight:900}
.tech-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-top:var(--space-6)}
.tech-stat{border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-4) var(--space-3);background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:var(--shadow);position:relative;overflow:hidden}
.tech-stat:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--signal-deep),var(--signal-light));opacity:.75}
.tech-stat:nth-child(2):before{background:linear-gradient(90deg,var(--cap-security),color-mix(in srgb,var(--cap-security) 55%,#fff))}
.tech-stat:nth-child(3):before{background:linear-gradient(90deg,var(--signal-mid),var(--signal-soft))}
.tech-stat:nth-child(4):before{background:linear-gradient(90deg,var(--cap-compliance),color-mix(in srgb,var(--cap-compliance) 50%,#fff))}
.tech-stat b,.tech-stat b.stat-word{display:block;color:var(--signal-light);font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(1.6rem,2.5vw,1.9rem);line-height:1.1;font-weight:700;letter-spacing:-.03em}
html[data-theme=light] .tech-stat b,html[data-theme=light] .tech-stat b.stat-word{color:var(--signal)}
.tech-stat span{color:var(--muted);font-size:12px;line-height:1.55;margin-top:6px;display:block}
.research-proof-band{border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(22px,3.2vw,36px) clamp(20px,3vw,32px);background:radial-gradient(520px 260px at 8% 0%,rgba(110,91,216,.1),transparent 72%),radial-gradient(480px 240px at 92% 8%,rgba(42,101,97,.1),transparent 70%),linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:var(--shadow);position:relative;overflow:hidden}
.research-proof-band:after{content:none}
.research-proof-band .section-title{margin-bottom:0}
.research-proof-head{text-align:center;max-width:44rem;margin:0 auto}
.research-proof-head h2{margin-bottom:10px}
.research-proof-head p{margin:0 auto;font-size:.92rem;line-height:1.55;max-width:40ch;color:var(--muted)}
.research-proof-band .research-proof-grid{margin-top:18px}
.governance-loop-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:28px;position:relative}
.governance-loop-grid:before{content:"";position:absolute;left:8%;right:8%;top:38px;height:2px;background:linear-gradient(90deg,var(--coral),var(--periwinkle),var(--sage),var(--amber),var(--plum));opacity:.35;border-radius:999px;pointer-events:none}
.loop-step{--loop:var(--signal-light);border:1px solid var(--line);border-radius:var(--radius-card);padding:18px 16px 16px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 92%,transparent),var(--panel));box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px;min-height:132px;position:relative;z-index:1}
.loop-step:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--loop);opacity:.85}
.loop-step small{font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--muted)}
.loop-step strong{font-family:"Space Grotesk";font-size:1.15rem;color:var(--text)}
.loop-step>span:last-child{color:var(--muted);font-size:.82rem;line-height:1.45}
.monitor-lead{max-width:760px}
.monitor-lead strong,.monitor-stage-panel strong,.capability-item strong,.explain-item strong,.lead strong{color:var(--signal-light)}
html[data-theme=light] .monitor-lead strong,html[data-theme=light] .monitor-stage-panel strong,html[data-theme=light] .capability-item strong{color:var(--signal)}
.text-link{color:var(--signal-light);font-weight:700;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--signal-light) 35%,transparent);transition:color .2s ease,border-color .2s ease}
.text-link:hover{color:var(--text);border-bottom-color:currentColor}
html[data-theme=light] .text-link{color:var(--signal);border-bottom-color:color-mix(in srgb,var(--signal) 35%,transparent)}
html[data-theme=light] .text-link:hover{color:var(--signal-deep)}
.benchmark-vs{display:block;margin-top:4px;font-size:.82rem;font-weight:500;color:var(--muted)}
html[data-theme=light] .benchmark-vs{color:#5a6469}
.monitor-split{display:grid;grid-template-columns:minmax(260px,.92fr) 1.08fr;gap:14px;margin-top:18px;align-items:stretch}
.monitor-nav{display:flex;flex-direction:column;gap:5px;padding:10px;border:1px solid var(--line);border-radius:var(--radius-card);background:color-mix(in srgb,var(--panel2) 90%,transparent)}
.monitor-nav-item{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;width:100%;padding:9px 14px;border:1px solid transparent;border-radius:var(--radius-card);background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit;transition:border-color .22s ease,background .22s ease,transform .22s cubic-bezier(.34,1.45,.64,1)}
.monitor-nav-item:hover{transform:translateX(3px);background:rgba(126,184,178,.06)}
.monitor-nav-item.is-active{border-color:var(--strong);background:linear-gradient(135deg,rgba(126,184,178,.14),rgba(123,140,255,.08));box-shadow:0 8px 22px rgba(0,0,0,.07)}
.monitor-nav-num{font-family:"Space Grotesk";font-size:.68rem;font-weight:900;letter-spacing:.1em;color:var(--signal-light);padding-top:2px;justify-self:start}
.monitor-nav-label{font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;line-height:1.4;color:var(--text);text-align:left;justify-self:start;letter-spacing:-.01em;text-transform:none}
.monitor-stage{position:relative;min-height:210px;border:1px solid var(--line);border-radius:var(--radius-band);padding:20px 22px;background:radial-gradient(420px 220px at 100% 0%,rgba(91,201,160,.12),transparent 72%),linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:var(--shadow);overflow:hidden}
.monitor-stage:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--coral),var(--periwinkle),var(--sage));opacity:.75}
.monitor-stage-panel{display:none;position:relative;z-index:1;padding-left:8px}
.monitor-stage-panel.is-active{display:block}
.monitor-stage-panel.is-entering{animation:monitorPanelIn .42s cubic-bezier(.34,1.45,.64,1)}
@keyframes monitorPanelIn{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
.monitor-stage-num{display:inline-flex;font-family:"Space Grotesk";font-size:.72rem;font-weight:900;letter-spacing:.12em;color:var(--signal-light);margin-bottom:8px}
.monitor-stage-title{font-family:Inter,sans-serif;font-size:1.05rem;font-weight:700;line-height:1.35;margin:0 0 12px;color:var(--text);letter-spacing:-.02em;text-transform:none}
.monitor-stage-panel p{margin:0 0 12px;color:var(--muted);line-height:1.6;font-size:.9375rem;font-weight:400;max-width:52ch;text-transform:none}
html[data-theme=light] .monitor-nav{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,250,243,.82))}
html[data-theme=light] .monitor-stage{background:linear-gradient(180deg,#fffdf8,#f3f7ff)}
@media(max-width:980px){.monitor-split{grid-template-columns:1fr}.monitor-stage{min-height:180px}.monitor-nav-item:hover{transform:none}}
.explain-list.compact .explain-item{padding:14px 16px}
.experiment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.experiment-card{min-height:340px;border-radius:30px;padding:20px;background:#fff;color:#111;box-shadow:0 28px 70px rgba(0,0,0,.2);position:relative;overflow:hidden;transform:rotate(var(--tilt));transition:transform .28s ease,box-shadow .28s ease}.experiment-card:hover{transform:rotate(0) translateY(-10px);box-shadow:0 34px 90px rgba(0,0,0,.28)}.experiment-card h3{margin-top:156px;color:#111}.experiment-card p{color:#30363a;margin-top:8px;font-size:.93rem}.experiment-card:before{content:"";position:absolute;left:16px;right:16px;top:16px;height:132px;border-radius:22px;background:linear-gradient(135deg,var(--thumb-a),var(--thumb-b))}.experiment-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:34%;right:-68px;top:-66px;background:var(--thumb-c);opacity:.42;transform:rotate(18deg)}.experiment-card .badge{color:#111;background:rgba(255,255,255,.58);border-color:rgba(0,0,0,.08)}
.experiment-card.has-img:before{display:none}.experiment-card.has-img img{position:absolute;left:14px;right:14px;top:14px;width:calc(100% - 28px);height:145px;object-fit:cover;border-radius:22px;box-shadow:0 16px 34px rgba(0,0,0,.12)}.experiment-card.has-img h3{margin-top:170px}
.compare-matrix{border:1px solid var(--line);border-radius:var(--radius-band);overflow:hidden;background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:var(--shadow)}.compare-row{display:grid;grid-template-columns:1.05fr 1fr 1.15fr;border-top:1px solid var(--line)}.compare-row:first-child{border-top:0;background:color-mix(in srgb,var(--cap-privacy-bg) 55%,transparent)}
.compare-row:first-child .compare-cell{color:var(--text);font-weight:700;font-size:.88rem;letter-spacing:.04em;text-transform:uppercase}
.compare-cell{padding:18px;color:var(--muted);line-height:1.58}.compare-cell b{color:var(--text)}
.compare-cell-modeio{
  background:linear-gradient(135deg,rgba(184,245,168,.22),rgba(232,247,244,.45));
  color:#0f3d34;font-weight:600;position:relative;
}
.compare-row:first-child .compare-cell-modeio{
  background:linear-gradient(135deg,#1f2937,#2d3748);color:#fff;
  display:flex;align-items:center;justify-content:flex-start;gap:10px;text-transform:uppercase;
}
.compare-modeio-icon{width:18px;height:18px;fill:currentColor;flex-shrink:0}
.compare-cell-modeio strong{color:#0a2e28;font-weight:700;line-height:1.55;display:block}
.compare-row:not(:first-child) .compare-cell-modeio{
  box-shadow:inset 4px 0 0 var(--brand-teal);
}
.compare-row:not(:first-child):hover .compare-cell-modeio{
  background:linear-gradient(135deg,rgba(184,245,168,.32),rgba(126,184,178,.28));
}
.tech-inline-icon{display:inline-flex;vertical-align:middle;margin-right:8px;width:20px;height:20px;color:var(--signal)}
.tech-inline-icon svg{width:18px;height:18px;fill:currentColor}
html[data-theme=light] .compare-matrix--modeio{border-color:rgba(31,41,55,.08);box-shadow:0 18px 50px rgba(17,24,39,.07)}
html[data-theme=light] .compare-row:not(:first-child) .compare-cell-modeio strong{color:#0d4a3f}
.architecture-showcase{border:1px solid var(--line);border-radius:var(--radius-band);padding:clamp(14px,2.6vw,20px);background:radial-gradient(420px 220px at 82% 0%,rgba(69,229,130,.22),transparent 72%),linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:var(--shadow);position:relative;overflow:hidden}.architecture-showcase:before{content:"";position:absolute;right:-90px;top:-120px;width:420px;height:300px;background:var(--sage);border-radius:34%;opacity:.18;transform:rotate(18deg)}.architecture-showcase>*{position:relative;z-index:1}.path-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:24px}.path-card{border:1px solid var(--line);border-radius:var(--radius-band);padding:20px;background:rgba(255,255,255,.04);min-height:230px}.path-card h3{margin-top:12px}.path-card p{margin-top:10px}.path-icon{height:96px;border-radius:20px;background:linear-gradient(135deg,var(--thumb-a),var(--thumb-b));position:relative;overflow:hidden}.path-icon:after{content:"";position:absolute;inset:18px;border:1px dashed rgba(255,255,255,.45);border-radius:18px}.governance-detail-grid{margin-top:14px}.governance-detail-grid .path-card{min-height:205px;background:rgba(255,255,255,.028)}
.showcase-visual{margin-top:22px;border-radius:28px;overflow:hidden;border:1px solid var(--line);background:rgba(255,255,255,.04);box-shadow:var(--shadow)}.showcase-visual img{display:block;width:100%;height:330px;object-fit:cover}
.labs-shapes-band{border-radius:42px;background:var(--paper);color:var(--ink);padding:64px 34px;position:relative;overflow:hidden;text-align:center}.labs-shapes-band h2{color:var(--ink);max-width:900px;margin:0 auto}.labs-shapes-band p{color:#30363a;max-width:740px;margin:18px auto 0}.floating-shapes{height:210px;margin-top:34px;position:relative}.floating-shapes i{position:absolute;bottom:-40px;width:190px;height:190px;border-radius:42px;background:var(--shape);transform:rotate(var(--rot));animation:floatShape 7s ease-in-out infinite}.floating-shapes i:nth-child(1){left:2%;--shape:var(--amber);--rot:18deg}
.floating-shapes i:nth-child(2){left:22%;--shape:var(--sage);--rot:-2deg}
.floating-shapes i:nth-child(3){left:43%;--shape:var(--green);--rot:0deg;border-radius:50%}
.floating-shapes i:nth-child(4){left:62%;--shape:var(--coral);--rot:22deg}
.floating-shapes i:nth-child(5){right:2%;--shape:var(--pink);--rot:-10deg}
@keyframes floatShape{0%,100%{transform:translateY(0) rotate(var(--rot))}50%{transform:translateY(-10px) rotate(calc(var(--rot) + 3deg))}}
.firewall-capability{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:stretch}.capability-panel{border:1px solid var(--line);border-radius:30px;padding:28px;background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:var(--shadow);position:relative;overflow:hidden}.capability-panel:after{content:"";position:absolute;right:-80px;bottom:-80px;width:240px;height:240px;border-radius:50%;background:rgba(126,184,178,.1)}.capability-list{display:grid;gap:12px}.capability-item{border:1px solid var(--line);border-radius:18px;padding:16px;background:rgba(255,255,255,.035)}.capability-item b{display:block;color:var(--text)}.capability-item span{display:block;color:var(--muted);line-height:1.6;margin-top:5px}
html[data-theme=light] .firewall-board{background:linear-gradient(180deg,#fffdf8,#eef8f6)}html[data-theme=light] .board-card{background:linear-gradient(180deg,#fff,#f1f8f7)}html[data-theme=light] .live-alert{background:linear-gradient(90deg,rgba(66,199,181,.18),rgba(166,108,255,.08))}
html[data-theme=light] .architecture-showcase,html[data-theme=light] .capability-panel,html[data-theme=light] .compare-matrix{background:linear-gradient(180deg,#fffdf8,#f8f4ef)}html[data-theme=light] .path-card,html[data-theme=light] .capability-item{background:rgba(0,0,0,.025)}
html[data-theme=light] .lab-product-card{background:#fffdfa;color:#101417}html[data-theme=light] .lab-product-card p{color:#384044}html[data-theme=light] .console-map{background:radial-gradient(circle at 70% 45%,rgba(66,199,181,.32),transparent 4%),radial-gradient(circle at 38% 48%,rgba(245,166,234,.26),transparent 4%),linear-gradient(135deg,rgba(91,149,242,.12),rgba(126,184,178,.16)),var(--panel3)}
html[data-theme=light] .feature{background:rgba(0,0,0,.025)}html[data-theme=light] .badge:not(.hot){background:rgba(31,41,55,.06);color:#384044;border-color:rgba(31,41,55,.1)}html[data-theme=light] .badge.hot{background:var(--brand-teal-deep);color:#fff;border-color:transparent}html[data-theme=light] .product-tile.local .badge.hot{background:#1e4a47}html[data-theme=light] .product-tile.guard .badge.hot{background:#5b4bc4}html[data-theme=light] .product-tile.local .badge-row .badge{background:#1e4a47;color:#fff;border-color:transparent}html[data-theme=light] .product-tile.guard .badge-row .badge{background:#5b4bc4;color:#fff;border-color:transparent}html[data-theme=light] .shadcn-card{background:#fffdf9}
@media(max-width:980px){.split-hero,.promo-grid,.flow-strip,.contrast-grid,.duo-panel,.tech-stats,.experiment-grid,.path-grid,.firewall-capability,.governance-loop-grid{grid-template-columns:1fr}.board-metrics,.board-strip{grid-template-columns:1fr}.compare-row{grid-template-columns:1fr}.contrast-band{padding:36px 22px}.spotlight{padding:26px}.experiment-card{transform:none}.governance-loop-grid:before{display:none}}

/* ZeroDrift-inspired hero and more animated Labs shapes */
.zd-hero{margin-top:24px;border:1px solid var(--line);border-radius:34px;overflow:hidden;background:linear-gradient(135deg,#151515,#0b0c0d);box-shadow:var(--shadow);display:grid;grid-template-columns:.92fr 1.08fr;min-height:610px;position:relative}
.zd-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(460px 340px at 12% 88%,rgba(255,129,71,.42),transparent 70%);background-size:170px 170px,170px 170px,auto;pointer-events:none}
.zd-video-slot{margin:270px 42px 42px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));min-height:300px;display:grid;place-items:center;position:relative;overflow:hidden}
.zd-video-slot:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(126,184,178,.18),transparent 45%),linear-gradient(135deg,rgba(255,201,61,.12),rgba(91,149,242,.12))}
.zd-video-logo{position:absolute;z-index:0;width:clamp(72px,12vw,96px);height:clamp(72px,12vw,96px);object-fit:contain;opacity:.28;filter:drop-shadow(0 0 28px rgba(126,184,178,.35));animation:logoBreath 4.5s ease-in-out infinite}
@keyframes logoBreath{0%,100%{opacity:.22;transform:scale(1)}50%{opacity:.36;transform:scale(1.04)}}
.zd-play{position:relative;z-index:1;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:14px 18px;background:rgba(255,255,255,.12);color:#fff;font-weight:900}
.zd-hero-copy{position:relative;z-index:1;padding:250px 70px 70px 20px;color:#f7f4ee}
.zd-hero-copy h1{font-size:clamp(3rem,5vw,5.6rem);line-height:.92;color:#f7f4ee;max-width:720px}
.zd-hero-copy p{max-width:650px;margin-top:28px;color:rgba(247,244,238,.68);font-size:1.05rem}
.zd-hero-actions{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}.zd-hero .btn:not(.primary){background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.16)}
.zd-hero .btn.primary{background:var(--signal);color:#fff;box-shadow:0 12px 32px color-mix(in srgb,var(--signal) 38%,transparent)}
html[data-theme=light] .zd-hero .btn.primary{background:linear-gradient(135deg,var(--signal-deep),var(--signal),var(--signal-mid));color:#fff;box-shadow:0 10px 28px color-mix(in srgb,var(--signal) 22%,transparent)}
.floating-shapes{height:250px}.floating-shapes i{width:210px;height:210px;animation-duration:4.8s;box-shadow:0 20px 50px rgba(0,0,0,.08)}.floating-shapes i:nth-child(6){left:8%;bottom:105px;width:145px;height:145px;--shape:var(--periwinkle);--rot:25deg;border-radius:50%}
.floating-shapes i:nth-child(7){right:16%;bottom:120px;width:150px;height:150px;--shape:var(--yellow);--rot:-18deg}
@media(max-width:980px){.zd-hero{grid-template-columns:1fr}.zd-video-slot{margin:32px 22px 0}.zd-hero-copy{padding:34px 24px 44px}}

/* Theme-unified shadcn-style polish */
html[data-theme=light] body{background-color:var(--bg);background-image:radial-gradient(640px 480px at 78% 10%,rgba(240,184,212,.14),transparent 64%),radial-gradient(480px 360px at 8% 4%,rgba(52,211,153,.08),transparent 58%),linear-gradient(180deg,#f5f0e8 0%,#f3efe8 100%)}
html[data-theme=light] body:before{background:radial-gradient(720px 400px at 50% -8%,rgba(126,184,178,.06),transparent 68%)}
html[data-theme=light] body:after{opacity:.02}
html[data-theme=light] .nav{background:rgba(245,240,232,.9);box-shadow:none}
html[data-theme=light] .nav.is-scrolled{box-shadow:0 6px 20px rgba(42,101,97,.05)}
html[data-theme=light] .links a.active{background:color-mix(in srgb,var(--signal) 10%,transparent);color:var(--signal-deep)}
html[data-theme=dark] body{background-color:#000;background-image:radial-gradient(900px 520px at 78% 12%,rgba(166,108,255,.1),transparent 70%),linear-gradient(180deg,rgba(0,0,0,.24),transparent 420px)}
html[data-theme=dark] .nav{background:rgba(0,0,0,.75)}
html[data-theme=dark] .nav.is-scrolled{box-shadow:0 8px 32px rgba(0,0,0,.4)}
html[data-theme=light] .zd-hero{background:linear-gradient(135deg,#fffdf8,#f3eee8);border-color:rgba(16,20,23,.1);box-shadow:var(--shadow-md)}
html[data-theme=light] .zd-hero:before{background:linear-gradient(rgba(16,20,23,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(16,20,23,.04) 1px,transparent 1px),radial-gradient(470px 340px at 10% 88%,rgba(42,101,97,.2),transparent 70%),radial-gradient(420px 300px at 88% 20%,rgba(110,91,216,.14),transparent 72%);background-size:170px 170px,170px 170px,auto,auto}
html[data-theme=light] .zd-video-slot:before{background:radial-gradient(circle at 50% 30%,rgba(42,101,97,.14),transparent 45%),linear-gradient(135deg,rgba(255,201,61,.08),rgba(110,91,216,.08))}
html[data-theme=light] .zd-hero-copy,html[data-theme=light] .zd-hero-copy h1{color:#111417}
html[data-theme=light] .zd-hero-copy p{color:#475057}
html[data-theme=light] .zd-video-slot{border-color:rgba(16,20,23,.12);background:linear-gradient(180deg,rgba(255,255,255,.65),rgba(255,255,255,.34));box-shadow:0 24px 70px rgba(17,24,39,.12)}
html[data-theme=light] .zd-play{background:rgba(255,255,255,.72);color:#111417;border-color:rgba(16,20,23,.14)}
html[data-theme=light] .zd-hero .btn:not(.primary){background:rgba(255,255,255,.64);color:#111417;border-color:rgba(16,20,23,.16)}
html[data-theme=dark] .zd-hero{background:linear-gradient(135deg,#151515,#0b0c0d)}
.btn:focus-visible,button:focus-visible,.tab-trigger:focus-visible{outline:2px solid var(--signal-light);outline-offset:2px}
.promo-card,.metric,.tech-stat,.path-card,.capability-item,.shadcn-card,details{backdrop-filter:blur(10px)}
html[data-theme=light] .promo-card,html[data-theme=light] .metric,html[data-theme=light] .tech-stat,html[data-theme=light] .deep-card{background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,250,243,.72));box-shadow:0 18px 50px rgba(17,24,39,.09)}
html[data-theme=dark] .promo-card,html[data-theme=dark] .metric,html[data-theme=dark] .tech-stat,html[data-theme=dark] .deep-card{background:linear-gradient(180deg,var(--panel2),var(--panel))}
.tab-trigger{transition:transform .18s ease,background .18s ease,color .18s ease}.tab-trigger:hover{transform:translateY(-1px)}
.tabs{backdrop-filter:blur(14px)}
.experiment-card,.promo-card,.path-card,.capability-item,.shadcn-card{will-change:transform}
.experiment-card:hover,.promo-card:not(.labs-cap-card):not(.reveal-card):hover,.path-card:hover,.capability-item:hover,.shadcn-card:hover{transform:translateY(-4px)}
.promo-card.reveal-card.is-visible{opacity:1;transform:translateY(0)}
.promo-card.reveal-card.is-visible:hover{opacity:1;animation:none}
.labs-cap-card.reveal-card.is-visible:hover{transform:translateY(0)!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.zd-video-logo{animation:none;opacity:.28}}

/* Hero focus, soft reveal */
.hero-focus h1{font-size:clamp(3.2rem,6.2vw,5.8rem)}
.bounce-card,.bounce-panel,.reveal-card,.reveal-panel,.zd-hero{opacity:0;transform:translateY(14px)}
.bounce-card.is-visible,.bounce-panel.is-visible,.reveal-card.is-visible,.reveal-panel.is-visible,.zd-hero.is-visible{animation:fadeUpSoft var(--dur-slow) var(--ease-out) forwards;animation-delay:var(--delay,0s)}
.reveal-panel.is-visible .reveal-card{opacity:1;transform:none;animation:none}
@keyframes fadeUpSoft{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes bounceIn{0%{opacity:0;transform:translateY(48px) scale(.88) rotate(-1.5deg)}42%{opacity:1;transform:translateY(-20px) scale(1.06) rotate(1deg)}68%{transform:translateY(8px) scale(.97)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
[data-flip].flip-active{animation:flipPulse .32s ease}
@keyframes flipPulse{0%{transform:translateY(0)}50%{transform:translateY(-3px)}100%{transform:translateY(0)}}
.flow-step.reveal-card.is-visible,.tech-stat.reveal-card.is-visible,.loop-step.reveal-card.is-visible{transition:transform .2s ease,box-shadow .2s ease}
.flow-step.reveal-card.is-visible:hover,.tech-stat.reveal-card.is-visible:hover,.loop-step.reveal-card.is-visible:hover{transform:translateY(-3px)}
.floating-shapes i{animation:floatShape 6s ease-in-out infinite}
@keyframes floatShape{0%,100%{transform:translateY(0) rotate(var(--rot))}50%{transform:translateY(-10px) rotate(calc(var(--rot) + 3deg))}}
.logic-band{position:relative;border:1px solid var(--line);border-radius:38px;padding:56px 34px 42px;background:radial-gradient(520px 240px at 12% 0%,rgba(126,184,178,.14),transparent 72%),linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:var(--shadow);overflow:hidden}
.logic-band .logic-shapes{position:absolute;inset:0 auto auto 0;right:0;height:180px;margin-top:0;pointer-events:none;opacity:.75}
.logic-title{position:relative;z-index:1;text-align:center;margin-bottom:28px}
.logic-title h2{text-transform:none}
.labs-logic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative;z-index:1}
.labs-logic-card{border-radius:28px;padding:26px;min-height:280px;position:relative;overflow:hidden;box-shadow:0 14px 40px rgba(17,24,39,.07);color:#101417;border:0;transition:transform var(--dur-mid) var(--ease-out),box-shadow var(--dur-mid) var(--ease-out)}
.labs-logic-card h3{color:#101417;margin-top:14px;font-size:1.45rem}
.labs-logic-card p{color:#384044;margin-top:12px}
.labs-logic-kicker{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.labs-tone-security{background:var(--cap-security-bg)}.labs-tone-security .labs-logic-kicker{color:var(--cap-security)}
.labs-tone-privacy{background:var(--cap-privacy-bg)}.labs-tone-privacy .labs-logic-kicker{color:var(--signal)}
.labs-tone-compliance{background:var(--cap-compliance-bg)}.labs-tone-compliance .labs-logic-kicker{color:var(--cap-compliance)}
.labs-logic-shape{position:absolute;border-radius:34%;opacity:.48;pointer-events:none}
.labs-logic-shape-a{width:180px;height:180px;right:-54px;bottom:-70px;background:var(--cap-security);transform:rotate(18deg)}
.labs-logic-shape-b{width:150px;height:150px;right:-40px;top:-30px;background:var(--signal-mid);border-radius:50%}
html[data-theme=light] .labs-logic-card:nth-child(1){transform:rotate(-1.2deg)}
html[data-theme=light] .labs-logic-card:nth-child(2){transform:rotate(.8deg)}
html[data-theme=light] .labs-logic-card:nth-child(3){transform:rotate(-.6deg)}
html[data-theme=light] .labs-logic-card:hover{transform:rotate(0) translateY(-4px);box-shadow:0 20px 48px rgba(17,24,39,.1)}
.capability-strip{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
html[data-theme=light] .logic-band{background:linear-gradient(180deg,#fffbf5,#f5f0e8)}
html[data-theme=light] .research-proof-band{background:radial-gradient(420px 240px at 0% 0%,rgba(110,91,216,.1),transparent 72%),radial-gradient(400px 220px at 100% 20%,rgba(42,101,97,.1),transparent 70%),radial-gradient(360px 200px at 50% 100%,rgba(199,110,18,.08),transparent 72%),linear-gradient(180deg,#fffdf8,#f5f0e8)}
html[data-theme=light] .labs-logic-card{box-shadow:0 18px 44px rgba(17,24,39,.08)}
@media(max-width:980px){.hero-focus .zd-hero{min-height:auto}.labs-logic-grid,.capability-strip{grid-template-columns:1fr}.logic-band{padding:36px 20px}.footer-subnav{align-items:flex-start;flex-direction:column}.footer-dir{gap:14px}}

/* 16:9 hero video, shadcn path icons, home motion */
.hero-focus .zd-hero{grid-template-columns:.92fr 1.08fr;align-items:center;min-height:auto;max-width:1180px;margin-inline:auto;padding:0;overflow:visible}
.page-hero.hero-focus{overflow:visible}
.hero-focus .zd-hero-copy{padding:clamp(36px,5vw,64px) clamp(20px,3vw,36px) clamp(36px,5vw,64px) clamp(28px,4vw,52px)}
.hero-focus .zd-video-slot{aspect-ratio:16/9;width:calc(100% - clamp(24px,4vw,48px));margin:clamp(24px,3vw,36px) clamp(24px,3vw,48px) clamp(24px,3vw,36px) 0;min-height:unset;height:auto;align-self:center}
.zd-video-slot:after{content:"";position:absolute;inset:10px;border:1px dashed rgba(255,255,255,.16);border-radius:10px;pointer-events:none}
.shadcn-path-icon{--accent:var(--periwinkle);height:96px;border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);background:radial-gradient(120px 80px at 20% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));display:grid;place-items:center;position:relative;overflow:hidden;margin-bottom:4px}
.shadcn-path-icon svg{width:34px;height:34px;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:2}
.shadcn-path-icon .icon-ring,.shadcn-path-icon .icon-ring-2{position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);animation:iconPulse 3.2s ease-out infinite}
.shadcn-path-icon .icon-ring{width:58px;height:58px}
.shadcn-path-icon .icon-ring-2{width:78px;height:78px;animation-delay:1.1s;opacity:.55}
.shadcn-path-icon .icon-glow{position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 35%,transparent),transparent 68%);animation:iconGlow 4s ease-in-out infinite}
@keyframes iconPulse{0%{transform:scale(.82);opacity:.2}50%{transform:scale(1);opacity:.85}100%{transform:scale(1.08);opacity:0}}
@keyframes iconGlow{0%,100%{transform:scale(.9);opacity:.45}50%{transform:scale(1.08);opacity:.85}}
.home-orbit{margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.orbit-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:linear-gradient(180deg,var(--panel2),var(--panel));position:relative;overflow:hidden}
.orbit-card:before{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:var(--orb);opacity:.22}
.orb-dot{width:10px;height:10px;border-radius:50%;background:var(--orb);box-shadow:0 0 18px color-mix(in srgb,var(--orb) 70%,transparent);animation:orbBlink 2.4s ease-in-out infinite}
@keyframes orbBlink{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.25);opacity:1}}
.orbit-card strong{display:block;margin-top:12px;color:var(--text);font-size:.98rem}
.orbit-card span{font-size:12px}
.promo-card:not(.reveal-card){animation:none}
.promo-card:not(.reveal-card):hover{animation:none}
html[data-theme=light] .shadcn-path-icon{background:radial-gradient(120px 80px at 20% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%),linear-gradient(180deg,#fff,rgba(255,255,255,.72))}
@media(max-width:980px){.hero-focus .zd-hero{grid-template-columns:1fr}.hero-focus .zd-video-slot{margin:24px;width:calc(100% - 48px)}.home-orbit{grid-template-columns:1fr 1fr}}

/* Architecture flow (home hero) */
.arch-flow-section{padding:36px 0 50px;border-top:0}
.arch-flow-band{border:1px solid var(--line);border-radius:var(--radius-band);padding:clamp(28px,4vw,42px);background:radial-gradient(480px 220px at 0% 0%,rgba(42,101,97,.1),transparent 72%),radial-gradient(420px 200px at 100% 0%,rgba(126,184,178,.12),transparent 70%),linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:var(--shadow)}
.arch-flow-diagram{display:grid;grid-template-columns:1fr auto 1.05fr auto 1fr auto 1fr;gap:clamp(8px,1.5vw,14px);align-items:stretch;margin-top:8px}
.arch-flow-node{border:1px solid var(--line);border-radius:22px;padding:18px 16px;background:color-mix(in srgb,var(--panel3) 88%,transparent);display:flex;flex-direction:column;gap:8px;min-height:140px}
.arch-flow-icon{display:inline-flex;width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(42,101,97,.24);align-items:center;justify-content:center;color:var(--brand-teal);background:rgba(255,255,255,.75);flex-shrink:0}
.arch-flow-icon svg{width:18px;height:18px;fill:currentColor}
.arch-flow-external{background:radial-gradient(240px 120px at 50% 0%,rgba(255,184,77,.14),transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--panel2) 90%,transparent),var(--panel));border-color:color-mix(in srgb,var(--amber) 35%,var(--line))}
.arch-flow-gateway{background:var(--cap-privacy-bg);border-color:rgba(42,101,97,.18);box-shadow:0 16px 44px rgba(42,101,97,.12);min-height:158px;padding:20px 18px;position:relative;z-index:1}
.arch-flow-gateway::before,.arch-flow-gateway::after{display:none}
.arch-flow-gateway>*{position:relative;z-index:1}
.arch-flow-gateway .arch-flow-kicker{color:var(--soft)}
.arch-flow-gateway strong{color:var(--text)}
.arch-flow-gateway .arch-flow-icon{background:rgba(42,101,97,.14);border-color:rgba(42,101,97,.22);color:var(--brand-teal)}
.arch-flow-gateway .arch-flow-tags span{font-size:10px;font-weight:800;letter-spacing:.04em;padding:5px 9px;border-radius:999px;border:1px solid transparent}
.arch-flow-gateway .arch-flow-tag--safety{background:rgba(110,91,216,.14)!important;color:#5b4bc4!important;border-color:rgba(110,91,216,.24)!important}
.arch-flow-gateway .arch-flow-tag--privacy{background:rgba(42,101,97,.14)!important;color:#1e4a47!important;border-color:rgba(42,101,97,.24)!important}
.arch-flow-gateway .arch-flow-tag--compliance{background:rgba(199,110,18,.14)!important;color:#a35a0f!important;border-color:rgba(199,110,18,.24)!important}
html[data-theme=dark] .arch-flow-gateway{background:rgba(42,101,97,.2);border-color:rgba(126,184,178,.16);box-shadow:0 18px 48px rgba(42,101,97,.14)}
html[data-theme=dark] .arch-flow-gateway strong{color:var(--text)}
html[data-theme=dark] .arch-flow-gateway .arch-flow-tag--safety{color:#c4b8ff!important}
html[data-theme=dark] .arch-flow-gateway .arch-flow-tag--privacy{color:var(--signal-light)!important}
html[data-theme=dark] .arch-flow-gateway .arch-flow-tag--compliance{color:#ffc98a!important}
html[data-theme=light] .arch-flow-gateway{background:#e8f2f0;border-color:rgba(42,101,97,.2);box-shadow:0 18px 48px rgba(42,101,97,.1),inset 0 1px 0 rgba(255,255,255,.7)}
html[data-theme=light] .arch-flow-node:not(.arch-flow-gateway){background:rgba(255,255,255,.88)}
html[data-theme=light] .arch-flow-band{
  border-color:rgba(31,41,55,.08);
  background:radial-gradient(280px 200px at 0% 100%,rgba(110,91,216,.08),transparent 72%),radial-gradient(260px 180px at 100% 0%,rgba(42,101,97,.1),transparent 70%),radial-gradient(240px 180px at 50% 0%,rgba(199,110,18,.06),transparent 72%),linear-gradient(180deg,#fffdf8,#f5f0e8);
}
.arch-flow-kicker{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.arch-flow-node strong{font-family:"Space Grotesk";font-size:1.12rem;color:var(--text);line-height:1.25}
.arch-flow-meta{font-size:.88rem;color:var(--muted);line-height:1.5}
.arch-flow-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.arch-flow-tags span{font-size:10px;font-weight:800;letter-spacing:.04em;padding:5px 9px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--muted)}
.arch-flow-arrow{display:grid;place-items:center;color:var(--soft)}
.arch-flow-arrow i{display:block;width:28px;height:2px;background:linear-gradient(90deg,var(--brand-teal),var(--brand-mint));position:relative}
.arch-flow-arrow i:after{content:"";position:absolute;right:-1px;top:50%;width:8px;height:8px;border-top:2px solid var(--brand-mint);border-right:2px solid var(--brand-mint);transform:translateY(-50%) rotate(45deg)}

/* Monitor customer benefit */
.monitor-benefit{margin-top:12px!important;padding:10px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--signal) 22%,var(--line));background:color-mix(in srgb,var(--signal-faint) 70%,transparent);font-size:.88rem!important;max-width:none!important}
.monitor-benefit strong{color:var(--signal-light)}
html[data-theme=light] .monitor-benefit strong{color:var(--signal)}

/* Deployment topology */
.deploy-topology{border:1px solid var(--line);border-radius:28px;padding:20px;margin-bottom:24px;background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:var(--shadow);overflow:hidden}
.deploy-topology-diagram{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.deploy-topo-col{border:1px solid var(--line);border-radius:22px;padding:18px;background:color-mix(in srgb,var(--panel3) 90%,transparent)}
.deploy-topo-title{display:block;text-align:center;font-family:"Space Grotesk";font-size:1rem;font-weight:700;color:var(--text);margin-bottom:14px}
.deploy-topo-stack{display:flex;flex-direction:column;align-items:center;gap:0}
.deploy-topo-box{width:100%;max-width:300px;border-radius:14px;padding:14px 16px;text-align:center;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.deploy-topo-box strong{display:block;font-family:"Space Grotesk";font-size:.95rem;color:var(--text);margin-bottom:4px}
.deploy-topo-box span{display:block;font-size:.82rem;color:var(--muted);line-height:1.45}
.deploy-topo-traffic{background:color-mix(in srgb,var(--periwinkle) 12%,transparent);border-color:color-mix(in srgb,var(--periwinkle) 35%,var(--line))}
.deploy-topo-firewall .deploy-topo-gateway{background:color-mix(in srgb,var(--coral) 12%,transparent);border-color:color-mix(in srgb,var(--coral) 35%,var(--line))}
.deploy-topo-guard-core{background:color-mix(in srgb,var(--periwinkle) 14%,transparent);border-color:color-mix(in srgb,var(--periwinkle) 38%,var(--line))}
.deploy-topo-enforce{background:color-mix(in srgb,var(--signal) 10%,transparent);border-color:color-mix(in srgb,var(--signal) 28%,var(--line));font-size:.84rem;font-weight:700;color:var(--signal)}
.deploy-topo-connector{width:2px;height:18px;background:linear-gradient(180deg,var(--soft),color-mix(in srgb,var(--periwinkle) 60%,var(--soft)))}
.deploy-topo-protocols{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:2px}
.deploy-topo-protocols span{font-size:10px;font-weight:800;padding:6px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--amber) 40%,var(--line));background:color-mix(in srgb,var(--amber) 10%,transparent);color:var(--muted)}
.deploy-topology-caption{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
html[data-theme=light] .deploy-topology{background:linear-gradient(180deg,#fffdf8,#f4f7ff)}
html[data-theme=light] .deploy-topo-col{background:rgba(255,255,255,.78)}
html[data-theme=light] .deploy-topo-box{background:rgba(255,255,255,.9)}

/* Before / after scenarios */
.before-after-grid{display:grid;gap:11px}
.before-after-card{border:1px solid var(--line);border-radius:var(--radius-card);padding:16px 18px;background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:var(--shadow)}
.ba-scenario{display:inline-flex;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--signal-light);margin-bottom:10px}
.ba-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ba-col{border-radius:14px;padding:12px 14px;min-height:0}
.ba-before{background:color-mix(in srgb,var(--coral) 10%,transparent);border:1px solid color-mix(in srgb,var(--coral) 28%,var(--line))}
.ba-after{background:color-mix(in srgb,var(--signal) 8%,transparent);border:1px solid color-mix(in srgb,var(--signal) 22%,var(--line))}
.ba-label{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.ba-before .ba-label{color:var(--coral)}
.ba-after .ba-label{color:var(--signal-light)}
html[data-theme=light] .ba-after .ba-label{color:var(--signal)}
.ba-col p{margin:0;font-size:.88rem;line-height:1.5}
html[data-theme=light] .before-after-card{background:linear-gradient(180deg,#fffdf8,#f4f7ff)}

/* Platform cross-link band */
section.platform-link-band{padding:clamp(24px,3.5vw,44px) 0;border-top:0}
.platform-link-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:22px;padding:clamp(16px,2.5vw,24px);background:radial-gradient(420px 200px at 0% 50%,rgba(91,201,160,.12),transparent 72%),linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:var(--shadow)}
.platform-link-inner h2{font-size:clamp(1.15rem,2vw,1.55rem);margin-top:6px}
.platform-link-inner p{margin-top:8px;max-width:58ch;font-size:.95rem;line-height:1.55}
.platform-link-inner .btn{flex:0 0 auto}
.platform-link-band--inverse .platform-link-inner{background:radial-gradient(420px 200px at 100% 50%,rgba(123,140,255,.12),transparent 72%),linear-gradient(180deg,var(--panel2),var(--panel))}
html[data-theme=light] .platform-link-inner{background:linear-gradient(180deg,#fffdf8,#eef8f4)}
html[data-theme=light] .platform-link-band--inverse .platform-link-inner{background:linear-gradient(180deg,#fffdf8,#f0edff)}

@media(max-width:1100px){.labs-experiment-grid{grid-template-columns:repeat(2,1fr)}.product-entry-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){
  .arch-flow-diagram{grid-template-columns:1fr;gap:12px}
  .arch-flow-arrow{transform:rotate(90deg);padding:4px 0}
  .deploy-topology-caption,.ba-columns,.platform-link-inner{grid-template-columns:1fr}
  .deploy-topology-diagram{grid-template-columns:1fr}
  .platform-link-inner{flex-direction:column;align-items:flex-start}
  .product-entry-strip{grid-template-columns:1fr}
  .labs-experiment-grid{grid-template-columns:1fr}
  .labs-capability-grid{grid-template-columns:1fr}
}

/* Hero category definition */
.hero-category-def{margin-top:18px!important;font-size:1.12rem!important;font-weight:600;color:var(--text)!important;max-width:640px;line-height:1.55}
html[data-theme=light] .zd-hero-copy .hero-category-def{color:#1a1f24!important}

/* Product entry strip */
.product-entry-section{padding:0 0 36px;border-top:0}
.product-entry-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border:1px solid var(--line);border-radius:24px;padding:14px;background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:var(--shadow)}
.chip-link{text-decoration:none;color:inherit;transition:border-color .2s ease,background .2s ease}
.chip-link:hover{border-color:var(--strong);background:rgba(126,184,178,.08)}
.product-entry-card{display:flex;flex-direction:column;gap:8px;padding:18px 20px;border-radius:var(--radius-card);border:1px solid transparent;text-decoration:none;color:inherit;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.product-entry-icon{display:inline-flex;width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(42,101,97,.2);align-items:center;justify-content:center;color:var(--brand-teal);background:rgba(255,255,255,.75)}
.product-entry-icon svg{width:16px;height:16px;fill:currentColor}
.product-entry-name{font-family:"Space Grotesk",Inter,sans-serif;font-size:1rem;font-weight:700;color:var(--text);letter-spacing:-.02em}
.product-entry-value{font-size:.9rem;color:var(--muted);line-height:1.55}
.product-entry-card:hover{border-color:color-mix(in srgb,var(--signal) 26%,var(--line));background:color-mix(in srgb,var(--signal-faint) 50%,transparent);transform:translateY(-2px)}
.product-entry-link{margin-top:auto;font-size:12px;font-weight:700;color:var(--signal-light);letter-spacing:.02em;transition:color var(--dur-fast) ease}
.product-entry-card:hover .product-entry-link{color:var(--signal-deep)}
html[data-theme=light] .product-entry-strip{background:linear-gradient(180deg,#fffdf8,#f8f4ef),radial-gradient(360px 200px at 100% 0%,rgba(42,101,97,.08),transparent 70%)}
html[data-theme=light] .product-entry-link{color:var(--signal)}
html[data-theme=light] .compare-matrix--modeio{background:linear-gradient(180deg,#fffdf8,#f6f3ee),radial-gradient(400px 220px at 0% 0%,rgba(110,91,216,.07),transparent 72%),radial-gradient(400px 220px at 100% 0%,rgba(42,101,97,.08),transparent 72%)}

/* Capability pastel cards — clean pastels with brand mint accent */
.labs-capability-grid{gap:18px}
.labs-cap-card{border:0!important;box-shadow:var(--shadow-card)!important;border-radius:var(--radius-band)!important;padding:20px!important;min-height:0}
.labs-cap-card h3{color:#101417!important;font-size:1.2rem}
.labs-cap-card p{color:#384044!important}
.labs-cap-security{background:linear-gradient(165deg,#f0edff,#e6e0ff)!important}
.labs-cap-security .promo-point{color:#6e5bd8!important}
.labs-cap-security .promo-point:before{background:#6e5bd8;box-shadow:none}
.labs-cap-privacy{background:linear-gradient(165deg,var(--signal-faint),var(--signal-soft))!important}
.labs-cap-privacy .promo-point{color:var(--signal)!important}
.labs-cap-privacy .promo-point:before{background:var(--signal);box-shadow:none}
.labs-cap-compliance{background:linear-gradient(165deg,var(--cap-compliance-bg),#f5e8d4)!important}
.labs-cap-compliance .promo-point{color:var(--cap-compliance)!important}
.labs-cap-compliance .promo-point:before{background:var(--cap-compliance);box-shadow:none}
.labs-cap-card:before{display:none}
.labs-cap-emphasis{transition:box-shadow .28s ease,border-color .28s ease}
.labs-cap-emphasis.is-visible{opacity:1;transform:translateY(0)}
.labs-cap-emphasis .promo-point:before{animation:capPointPulse 2.4s ease-in-out infinite}
.labs-cap-emphasis.is-visible:hover{box-shadow:0 22px 56px rgba(17,24,39,.14)!important;border:1px solid rgba(16,20,23,.08)!important}
.labs-cap-emphasis.labs-cap-security.is-visible:hover{box-shadow:0 18px 48px rgba(110,91,216,.16)!important;border-color:rgba(110,91,216,.2)!important}
.labs-cap-emphasis.labs-cap-privacy.is-visible:hover{box-shadow:0 18px 48px rgba(42,101,97,.14)!important;border-color:rgba(42,101,97,.2)!important}
.labs-cap-emphasis.labs-cap-compliance.is-visible:hover{box-shadow:0 18px 48px rgba(199,110,18,.16)!important;border-color:rgba(199,110,18,.2)!important}
.labs-cap-emphasis.is-visible:hover .promo-point:before{animation:capPointPulse .85s ease-in-out infinite}
@keyframes capPointPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.88}}
.cross-promo-section{padding:8px 0 4px}
html[data-theme=dark] .labs-cap-card h3{color:var(--text)!important}
html[data-theme=dark] .labs-cap-card p{color:var(--muted)!important}
html[data-theme=dark] .labs-cap-security{background:linear-gradient(165deg,rgba(110,91,216,.22),rgba(110,91,216,.1))!important}
html[data-theme=dark] .labs-cap-privacy{background:linear-gradient(165deg,rgba(42,101,97,.2),rgba(42,101,97,.1))!important}
html[data-theme=dark] .labs-cap-compliance{background:linear-gradient(165deg,rgba(199,110,18,.18),rgba(199,110,18,.09))!important}

/* Scenario cards — clean pastels with brand mint accent */
.labs-experiments-section{background:var(--paper);color:var(--ink);padding:72px 0;border-top:0}
.labs-experiments-head{margin-bottom:36px}
.labs-experiments-head h2,.labs-experiments-title{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1.28;color:#101417;max-width:920px;margin:14px 0 0}
.labs-experiments-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:.12em .32em}
.labs-experiments-lead{white-space:nowrap}
.labs-experiments-punct{margin-left:-.12em}
.labs-word-bubble{position:relative;display:inline-block;color:var(--labs-magenta);font-weight:800;z-index:1;margin:0;padding:.08em .62em .14em;white-space:nowrap;isolation:isolate}
.labs-word-bubble:before{content:"";position:absolute;left:0;right:0;top:12%;bottom:2%;background:var(--cap-highlight);border-radius:999px;z-index:-1;transform:rotate(-1.2deg)}
.labs-experiment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.labs-experiment-card{background:#fff;border-radius:var(--radius-band);padding:18px 18px 22px;border:1px solid rgba(31,41,55,.06);box-shadow:0 10px 32px rgba(17,24,39,.06);display:flex;flex-direction:column;gap:10px;min-height:360px;transition:transform .22s ease,box-shadow .22s ease}
.labs-experiment-card:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(17,24,39,.09)}
.labs-card-visual{position:relative;height:148px;border-radius:22px;margin-bottom:6px;overflow:hidden}
.labs-visual-lavender{background:linear-gradient(145deg,#f0edff,#e6e0ff)}
.labs-visual-amber{background:linear-gradient(145deg,#fff5e8,#ffe8c4)}
.labs-visual-mint{background:linear-gradient(145deg,var(--signal-faint),var(--signal-soft))}
.labs-visual-sky{background:linear-gradient(145deg,#e8f8ff,#d6f0ff)}
.labs-float-chip{position:absolute;padding:7px 12px;border-radius:999px;font-size:11px;font-weight:700;background:#fff;color:#384044;box-shadow:0 8px 22px rgba(17,24,39,.1);border:1px solid rgba(16,20,23,.06);white-space:nowrap}
.labs-float-chip:nth-child(1){left:12px;top:18px}
.labs-float-chip:nth-child(2){right:14px;top:28px}
.labs-float-chip:nth-child(3){left:24px;bottom:22px}
.labs-float-chip:nth-child(4){right:18px;bottom:16px}
.chip-pain{color:#E85D4A;border-color:rgba(232,93,74,.16)}
.chip-solve{color:var(--signal);border-color:color-mix(in srgb,var(--signal) 18%,transparent)}
.labs-experiment-card h3{font-size:1.15rem;color:#101417;margin:4px 0 0}
.labs-experiment-card p{margin:0;font-size:.9rem;line-height:1.58;color:#4A5359}
.labs-experiment-card p strong{color:#101417}
.labs-card-solution{margin-top:2px;padding:12px 14px;border-radius:14px;font-size:.9rem;line-height:1.55;display:flex;flex-direction:column;gap:4px}
.labs-solve-label{font-family:"Space Grotesk",Inter,sans-serif;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.solve-tone-lavender{background:linear-gradient(135deg,rgba(110,91,216,.12),rgba(110,91,216,.06));border:1px solid rgba(110,91,216,.16);color:#4a3d8f}
.solve-tone-lavender .labs-solve-label{color:#6e5bd8}
.solve-tone-amber{background:linear-gradient(135deg,rgba(199,110,18,.12),rgba(199,110,18,.06));border:1px solid rgba(199,110,18,.16);color:#8a5a20}
.solve-tone-amber .labs-solve-label{color:#c76e12}
.solve-tone-mint{background:linear-gradient(135deg,rgba(42,101,97,.12),rgba(42,101,97,.06));border:1px solid rgba(42,101,97,.16);color:#1f6b62}
.solve-tone-mint .labs-solve-label{color:var(--signal)}
.solve-tone-sky{background:linear-gradient(135deg,rgba(99,216,255,.14),rgba(126,184,178,.08));border:1px solid rgba(99,216,255,.2);color:#2a6b80}
.solve-tone-sky .labs-solve-label{color:#3ecfcc}
html[data-theme=dark] .labs-card-solution{color:var(--text)}
html[data-theme=dark] .solve-tone-lavender{background:linear-gradient(135deg,rgba(123,140,255,.18),rgba(91,149,242,.09));border-color:rgba(123,140,255,.26)}
html[data-theme=dark] .solve-tone-amber{background:linear-gradient(135deg,rgba(255,184,77,.16),rgba(232,146,74,.08));border-color:rgba(255,184,77,.24)}
html[data-theme=dark] .solve-tone-mint{background:linear-gradient(135deg,rgba(126,184,178,.16),rgba(42,158,143,.08));border-color:rgba(126,184,178,.26)}
html[data-theme=dark] .solve-tone-sky{background:linear-gradient(135deg,rgba(99,216,255,.14),rgba(66,199,181,.08));border-color:rgba(99,216,255,.22)}
.labs-card-link{margin-top:auto;font-size:13px;font-weight:700;color:#101417;text-decoration:none;letter-spacing:.02em}
.labs-card-link:hover{color:var(--signal)}
html[data-theme=dark] .labs-experiments-section{background:#0a1014;color:var(--text)}
html[data-theme=dark] .labs-experiments-head h2{color:var(--text)}
html[data-theme=dark] .labs-experiment-card{background:linear-gradient(180deg,#121c24,#0e171e);box-shadow:0 16px 44px rgba(0,0,0,.28)}
html[data-theme=dark] .labs-experiment-card h3,html[data-theme=dark] .labs-experiment-card p strong{color:var(--text)}
html[data-theme=dark] .labs-experiment-card p{color:var(--muted)!important}
html[data-theme=dark] .labs-card-solution.solve-tone-lavender,
html[data-theme=dark] .labs-card-solution.solve-tone-amber,
html[data-theme=dark] .labs-card-solution.solve-tone-mint,
html[data-theme=dark] .labs-card-solution.solve-tone-sky{color:inherit!important}
.labs-experiment-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.policy-benchmark-matrix .stat-word{color:var(--signal-light);font-size:1.1rem}
html[data-theme=light] .policy-benchmark-matrix .stat-word{color:var(--signal)}
[data-flip],[data-flip-text]{display:inline-block;font-variant-numeric:tabular-nums;transition:opacity .2s ease,transform .2s ease}
[data-flip].flip-enter,[data-flip-text].flip-enter{opacity:.25;transform:translateY(7px)}
[data-flip-text].flip-revealed{animation:flipTextIn .48s cubic-bezier(.22,1,.36,1) forwards}
@keyframes flipTextIn{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.tech-stat-icon{display:inline-flex;width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(42,101,97,.22);align-items:center;justify-content:center;color:var(--brand-teal);margin-bottom:10px;background:rgba(255,255,255,.7)}
.tech-stat-icon svg{width:14px;height:14px;fill:currentColor}
.tech-stat [data-flip],.tech-stat [data-flip-text],.metric [data-flip],.board-card [data-flip],.strip-card [data-flip]{font-family:"Space Grotesk",Inter,sans-serif}
#benchmarks{scroll-margin-top:90px}
.policy-console{min-height:420px}
@media(max-width:1100px){.labs-experiment-grid.cols-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.labs-experiment-grid.cols-3{grid-template-columns:1fr}}

/* Monitor showcase visual */
.showcase-visual--monitor{background:linear-gradient(180deg,#f8f4ef,#eef8f4);border-color:rgba(42,101,97,.14)}
.showcase-visual--monitor img{height:auto;min-height:180px;max-height:280px;object-fit:contain;padding:10px}
.architecture-showcase>h2{margin-top:10px;font-size:clamp(1.35rem,2.4vw,1.85rem)}
.architecture-showcase .eyebrow{margin-bottom:4px}
html[data-theme=light] .showcase-visual--monitor{background:linear-gradient(180deg,#fffdf8,#eef8f4)}

/* Anchor scroll offset for sticky nav */
#ba-shadow-ai,#ba-agent-abuse,#ba-cross-border,#compare,#scenarios{scroll-margin-top:90px}

/* Products — two-column compare, sub-item fold accordion */
.deploy-compare-grid{margin-top:20px}
.deploy-compare-grid .product-tile{min-height:auto}
.explain-accordion{display:grid;gap:8px;margin-top:18px}
.explain-fold{border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel2) 88%,transparent);overflow:hidden;transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}
.explain-fold[open]{border-color:color-mix(in srgb,var(--signal) 22%,var(--line));box-shadow:0 8px 22px color-mix(in srgb,var(--signal) 7%,transparent)}
.explain-fold-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;transition:background var(--dur-fast) ease}
.explain-fold-summary::-webkit-details-marker{display:none}
.explain-fold-summary:hover{background:color-mix(in srgb,var(--signal) 4%,transparent)}
.explain-fold-title{display:block;color:var(--text);font-weight:700;font-size:1rem;line-height:1.35}
.explain-fold-chevron{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);flex-shrink:0;display:grid;place-items:center;transition:transform var(--dur-mid) var(--ease-out),background var(--dur-fast) ease}
.explain-fold-chevron:before{content:"";width:6px;height:6px;border-right:2px solid var(--signal-light);border-bottom:2px solid var(--signal-light);transform:rotate(45deg) translateY(-1px)}
html[data-theme=light] .explain-fold-chevron:before{border-color:var(--signal)}
.explain-fold[open] .explain-fold-chevron{transform:rotate(180deg);background:color-mix(in srgb,var(--signal) 8%,transparent)}
.explain-fold-body{padding:0 16px 14px;color:var(--muted);font-size:.94rem;line-height:1.62}
.explain-fold-body>[data-lang=en],.explain-fold-body>[data-lang=zh]{display:block}
html:not([lang-mode=zh]) .explain-fold-body [data-lang=zh]{display:none!important}
html[lang-mode=zh] .explain-fold-body [data-lang=en]{display:none!important}
.deploy-topology{margin-bottom:8px}
html[data-theme=light] .explain-fold{background:linear-gradient(180deg,#fff,#fffbf5)}
html[data-theme=light] .explain-fold[open]{box-shadow:0 10px 28px rgba(42,101,97,.08)}

/* —— Google Labs UI polish (buttons, tabs, cards, links) —— */
html[data-theme=light] .btn:not(.primary):not(.labs-btn-soft){
  background:var(--labs-taupe-light);color:var(--brand-ink);border:0;
  box-shadow:none;font-weight:600;
}
html[data-theme=light] .btn:not(.primary):not(.labs-btn-soft):hover{background:var(--labs-taupe);color:var(--brand-ink);transform:none;box-shadow:none}
html[data-theme=light] .tab-trigger{
  border:0;background:var(--labs-taupe-light);color:var(--brand-ink);border-radius:999px;font-weight:600;
}
html[data-theme=light] .tab-trigger:hover:not([aria-selected=true]){background:var(--labs-taupe)}
.labs-experiment-card{border:0}
.labs-experiment-grid .reveal-card:nth-child(1){--delay:.04s}
.labs-experiment-grid .reveal-card:nth-child(2){--delay:.1s}
.labs-experiment-grid .reveal-card:nth-child(3){--delay:.16s}
.labs-experiment-grid .reveal-card:nth-child(4){--delay:.22s}
html[data-theme=light] .labs-experiment-grid .labs-experiment-card:nth-child(4n+1){transform:rotate(-1deg)}
html[data-theme=light] .labs-experiment-grid .labs-experiment-card:nth-child(4n+2){transform:rotate(.7deg)}
html[data-theme=light] .labs-experiment-grid .labs-experiment-card:nth-child(4n+3){transform:rotate(-.5deg)}
html[data-theme=light] .labs-experiment-card:hover{transform:rotate(0) translateY(-3px)}
.labs-card-link::after{content:" →";font-weight:700;letter-spacing:.02em}
.labs-float-chip{border:0;background:rgba(255,255,255,.92)}
html[data-theme=light] .chip{border-color:transparent;background:var(--labs-taupe-light);color:var(--muted)}
.headline-green{color:var(--labs-green-accent)}
.product-tile.guard:before{background:rgba(99,216,255,.1)!important}
.product-tile.local:before{background:rgba(126,184,178,.1)!important}

/* —— Google Labs buttons (flat taupe pills) —— */
html[data-theme=light] .btn,
html[data-theme=light] button{
  min-height:44px;padding:0 24px;font-weight:600;letter-spacing:-.01em;
}
html[data-theme=light] .btn:not(.primary),
html[data-theme=light] button:not(.primary):not(.labs-shape-hub):not(.tab-trigger){
  background:var(--labs-taupe-light);color:var(--brand-ink);border:0;box-shadow:none;
}
html[data-theme=light] .btn:not(.primary):not(.labs-shape-hub):hover,
html[data-theme=light] button:not(.primary):not(.labs-shape-hub):not(.tab-trigger):hover{
  background:var(--labs-taupe);color:var(--brand-ink);transform:none;box-shadow:none;
}
html[data-theme=light] .tab-trigger[aria-selected=true]{
  background:var(--signal-deep)!important;color:#fff!important;box-shadow:0 6px 18px color-mix(in srgb,var(--signal) 24%,transparent)!important;
}
html[data-theme=light] .tab-trigger[aria-selected=true]:hover{background:var(--signal)!important}
html[data-theme=light] .btn.primary{
  background:linear-gradient(135deg,var(--signal-deep),var(--signal),var(--signal-mid));color:#fff;border:0;
  box-shadow:0 10px 28px color-mix(in srgb,var(--signal) 22%,transparent);
}
html[data-theme=light] .btn.primary:hover{
  background:linear-gradient(135deg,var(--signal-deep),var(--signal-mid),var(--signal-light));transform:translateY(-1px);box-shadow:0 14px 32px color-mix(in srgb,var(--signal) 28%,transparent);
}
html[data-theme=light] .actions button{
  background:transparent;color:var(--muted);border:1px solid transparent;padding:0 14px;min-height:40px;
}
html[data-theme=light] .actions button:hover{
  background:var(--labs-taupe-light);color:var(--brand-ink);
}
html[data-theme=light] .labs-btn-soft{background:var(--labs-taupe);color:var(--brand-ink)}
html[data-theme=light] .labs-btn-soft-alt{background:var(--labs-taupe-light);color:#5c5348}
html[data-theme=light] .zd-hero .btn:not(.primary){background:var(--labs-taupe);border:0;color:var(--brand-ink)}
html[data-theme=light] .zd-hero .btn.primary{background:linear-gradient(135deg,var(--signal-deep),var(--signal),var(--signal-mid));color:#fff}
html[data-theme=light] .zd-hero .btn.primary:hover{background:linear-gradient(135deg,var(--signal-deep),var(--signal-mid),var(--signal-light))}
.site-footer--playground{border-top:0}
.site-footer--playground .footer-subnav{border-top:0}

/* Hero organic blobs + cursor glow */
.hero-cursor-glow{
  position:absolute;width:280px;height:280px;border-radius:50%;pointer-events:none;z-index:0;
  left:0;top:0;opacity:0;transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(126,184,178,.42) 0%,rgba(52,211,153,.12) 42%,transparent 70%);
  transition:opacity .35s ease;mix-blend-mode:multiply;
}
.zd-hero.is-hero-active .hero-cursor-glow{opacity:1}
.hero-blob{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none;z-index:0;opacity:.9;transition:transform .12s var(--ease-out),opacity .3s ease}
.hero-blob-green{width:min(48vw,440px);height:min(42vw,380px);right:4%;top:6%;background:radial-gradient(circle at 40% 40%,rgba(52,211,153,.58),rgba(52,211,153,.1) 68%);animation:blobDrift 14s ease-in-out infinite}
.hero-blob-pink{width:min(34vw,300px);height:min(30vw,260px);left:0;bottom:12%;background:radial-gradient(circle at 50% 50%,rgba(249,168,212,.52),rgba(249,168,212,.08) 70%);animation:blobDrift 18s ease-in-out infinite reverse}
.hero-blob-mint{width:min(28vw,230px);height:min(24vw,200px);right:26%;bottom:18%;background:radial-gradient(circle at 50% 50%,rgba(126,184,178,.48),transparent 72%);animation:blobDrift 12s ease-in-out infinite}
.hero-blob-amber{width:min(22vw,190px);height:min(20vw,170px);left:38%;top:4%;background:radial-gradient(circle at 50% 50%,rgba(255,184,77,.45),transparent 72%);animation:blobDrift 16s ease-in-out infinite}
.hero-blob-lavender{width:min(26vw,220px);height:min(22vw,190px);right:34%;top:22%;background:radial-gradient(circle at 50% 50%,rgba(123,140,255,.38),transparent 72%);animation:blobDrift 20s ease-in-out infinite reverse}
.page-hero.hero-focus{position:relative}
.page-ambient{position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(1px)}
.page-ambient-a{width:min(36vw,320px);height:min(32vw,280px);left:-8%;top:20%;background:radial-gradient(circle,rgba(110,91,216,.14),transparent 70%)}
.page-ambient-b{width:min(28vw,240px);height:min(24vw,200px);right:-6%;top:8%;background:radial-gradient(circle,rgba(42,101,97,.12),transparent 72%)}
.arch-flow-section{position:relative}
.section-ambient{position:absolute;border-radius:40%;pointer-events:none;z-index:0;opacity:.85}
.section-ambient-lavender{width:200px;height:200px;right:-40px;top:40px;background:radial-gradient(circle,rgba(110,91,216,.16),transparent 70%)}
.section-ambient-mint{width:180px;height:180px;left:-30px;bottom:20px;background:radial-gradient(circle,rgba(42,101,97,.14),transparent 70%)}
.product-entry-card:nth-child(1) .product-entry-icon{background:#f0edff;color:#6e5bd8;border-color:rgba(110,91,216,.28)}
.product-entry-card:nth-child(2) .product-entry-icon{background:#e8f2f0;color:#2a6561;border-color:rgba(42,101,97,.28)}
.product-entry-card:nth-child(3) .product-entry-icon{background:#fff5e8;color:#c76e12;border-color:rgba(199,110,18,.28)}
@keyframes blobDrift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(14px,-18px) scale(1.06)}}
.zd-hero .zd-video-slot,.zd-hero .zd-hero-copy{position:relative;z-index:1}
html[data-theme=light] .zd-hero{--hero-mx:50%;--hero-my:50%;background:radial-gradient(520px 380px at var(--hero-mx) var(--hero-my),rgba(126,184,178,.16),transparent 68%),linear-gradient(135deg,#fffdf8,#f5f0e8)!important}

/* Experiment card tilt + chip float */
.labs-experiment-card[data-tilt-card]{transform-style:preserve-3d;will-change:transform}
.labs-experiment-card.is-chip-active .labs-float-chip{animation:chipBob 2.8s ease-in-out infinite}
.labs-experiment-card.is-chip-active .labs-float-chip:nth-child(2){animation-delay:.3s}
.labs-experiment-card.is-chip-active .labs-float-chip:nth-child(3){animation-delay:.6s}
.labs-experiment-card.is-chip-active .labs-float-chip:nth-child(4){animation-delay:.9s}
@keyframes chipBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

/* Stay connected — Labs playground */
.labs-connect-section{padding:var(--space-9) 0 0;border-top:0;background:var(--paper);margin-bottom:0}
.labs-connect-inner{text-align:center;padding-bottom:0}
.labs-connect-inner h2{
  font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(1.75rem,3.6vw,2.75rem);
  line-height:1.14;color:#101417;max-width:720px;margin:0 auto;font-weight:600;
}
.labs-connect-actions{margin-top:28px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.labs-connect-social{margin-top:22px;display:flex;justify-content:center;gap:12px}
.labs-icon-btn{
  width:40px;height:40px;border-radius:50%;border:1.5px solid #1a1f24;
  display:grid;place-items:center;color:#1a1f24;text-decoration:none;
  transition:transform .2s var(--ease-out),background .2s ease;
}
.labs-icon-btn svg{width:16px;height:16px;fill:currentColor}
.labs-icon-btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.6)}
.labs-playground{
  position:relative;width:100%;height:min(68vh,580px);min-height:320px;margin-top:16px;overflow:hidden;touch-action:none;
  background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(42,101,97,.05),transparent 70%);
  contain:layout paint;
  isolation:isolate;
}
.labs-playground--merged{margin-top:0;border:0}
.labs-playground-floor{display:none}
.labs-shape-piece{
  position:absolute;left:0;top:0;will-change:transform;cursor:grab;user-select:none;
  transition:box-shadow .25s ease;
  transform:translate3d(var(--x,0),var(--y,0),0) translateY(var(--bounce,0px)) rotate(var(--rot,0deg));
}
.hero-mission-band{padding:clamp(6px,1.4vw,14px) 0 clamp(14px,2.2vw,24px);margin-top:-6px}
.hero-mission-quote{
  position:relative;margin:0 auto;max-width:min(640px,92%);padding:clamp(12px,2vw,18px) clamp(16px,3vw,24px);
  text-align:center;border:0;background:transparent;
}
.hero-mission-mark{
  display:block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4.5vw,2.6rem);
  line-height:.7;color:rgba(42,101,97,.2);margin-bottom:4px;user-select:none;
}
.hero-mission-statement{
  margin:0;font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(.95rem,1.75vw,1.12rem);
  font-weight:500;line-height:1.58;letter-spacing:-.012em;color:#384044;
}
.hero-mission-statement em{font-style:normal;font-weight:700}
.hero-mission-attribution{
  display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:12px;color:#667176;
}
.hero-mission-dash{color:rgba(31,41,55,.28);font-weight:400;letter-spacing:.06em}
.hero-mission-attribution cite{font-style:normal;font-weight:600;color:#4a5359;letter-spacing:.01em}
.mission-em--lavender{color:#5b4bc4}
.mission-em--teal{color:#1e4a47}
.mission-em--amber{color:#a35a0f}
.mission-em--ai{color:#2a6561;font-weight:800}

.module-head-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.module-sim-tag,.demo-module-tag{
  display:inline-flex;align-items:center;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  padding:4px 10px;border-radius:999px;background:rgba(42,101,97,.12);color:#1e4a47;
  border:1px solid rgba(42,101,97,.32);white-space:nowrap;box-shadow:0 1px 0 rgba(255,255,255,.6) inset;
}
html[data-theme=dark] .module-sim-tag,html[data-theme=dark] .demo-module-tag{
  background:rgba(126,184,178,.12);color:var(--signal-light);border-color:rgba(126,184,178,.28);
}
.module-sim-tag--inline,.demo-module-tag--inline{margin-left:auto}

.products-hero-band{padding-top:72px;padding-bottom:clamp(8px,1.5vw,14px)}
.products-hero-band .split-hero{margin-bottom:clamp(6px,1.2vw,10px);align-items:start}
.products-hero-band .page-hero .hero-copy{padding-bottom:0}
.products-hero-band .security-posture-panel{padding:clamp(12px,1.8vw,16px)}
.products-hero-band .posture-metrics{gap:8px}
.products-hero-band .posture-asi{padding-top:8px;margin-top:8px}

/* —— Products: Live AI Security Audit ticker —— */
.labs-live-audit-section{padding:clamp(8px,1.5vw,16px) 0 clamp(20px,3vw,32px)}
.labs-live-audit--compact{margin-top:0;border-radius:18px}
.labs-live-audit--compact .labs-live-audit-shell{border-radius:16px}
.labs-live-audit-inner--compact{
  display:grid;grid-template-columns:auto 1fr;gap:10px 14px;align-items:center;
  padding:8px 12px!important;border-radius:14px!important;min-height:0!important;
}
.labs-live-strip-head{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:min(132px,26vw);z-index:1}
.labs-live-strip-title{
  font-family:"Space Grotesk",Inter,sans-serif;font-size:10px;font-weight:700;
  color:#1f2937;line-height:1.25;letter-spacing:-.01em;
}
.labs-live-audit--compact .labs-live-track{
  background:transparent;border:0;box-shadow:none;padding:0;min-height:0;
  -webkit-mask-image:none;mask-image:none;
}
.labs-live-audit--compact .labs-live-task{
  padding:6px 10px;border-radius:12px;background:#fff;
  border:1px solid rgba(31,41,55,.07);box-shadow:none;
}
.labs-live-audit--compact .labs-live-task:not(.is-entering){animation:none}
.labs-live-audit--compact .labs-live-risk{font-size:clamp(.84rem,1.55vw,.94rem)}
.labs-live-audit--compact .labs-live-kicker{font-size:8px}
.labs-live-audit--compact .labs-live-agent{font-size:9px}
.labs-live-audit--compact .labs-live-progress{width:min(100px,18vw)}
.labs-live-audit--compact .labs-live-orb{display:none}
.labs-live-audit--light.labs-live-audit--compact .labs-live-audit-inner.labs-live-audit-inner--compact{
  grid-template-columns:auto 1fr;gap:10px 14px;padding:7px 11px!important;border-radius:14px!important;
}
.labs-live-audit--light.labs-live-audit--compact .labs-live-audit-shell{border-radius:16px;padding:1px}
.labs-live-audit--light.labs-live-audit--compact .labs-live-task:not(.is-entering){animation:none!important}
.labs-live-audit--light.labs-live-audit--compact .labs-live-track{background:transparent;border:0;box-shadow:none;padding:0}
.labs-live-audit--light.labs-live-audit--compact .labs-live-task{padding:5px 9px;box-shadow:none}
.labs-live-audit--light.labs-live-audit--compact .labs-live-strip-head .module-sim-tag--inline{margin-left:0}

.posture-asi-insight-wrap{margin-top:10px}
.posture-asi-insight{
  display:grid;gap:5px;padding:10px 12px;border-radius:12px;
  background:linear-gradient(135deg,rgba(42,101,97,.09),rgba(91,75,196,.05));
  border:1px solid rgba(42,101,97,.18);
}
.posture-asi-insight-kicker{
  font-family:"Space Grotesk",Inter,sans-serif;font-size:11px;font-weight:800;
  color:#1e4a47;letter-spacing:.02em;
}
.posture-asi-insight-copy{margin:0;font-size:11px;line-height:1.45;color:#384044}
.posture-asi-insight-copy strong{color:#1e4a47;font-weight:800}

/* —— Products: Live AI Security Audit ticker (base) —— */
.labs-live-audit{position:relative;border-radius:999px;padding:2px;overflow:visible}
.labs-live-audit-shell{
  border-radius:999px;padding:2px;
  background:linear-gradient(105deg,rgba(126,184,178,.55),rgba(99,216,255,.45),rgba(166,108,255,.5),rgba(126,184,178,.55));
  background-size:320% 100%;
  animation:liveBorderBreath 5.5s ease-in-out infinite;
  box-shadow:0 20px 56px rgba(17,24,39,.12);
}
.labs-live-audit-inner{
  position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:clamp(14px,2.5vw,22px);align-items:center;
  padding:clamp(14px,2.2vw,18px) clamp(18px,3vw,28px);
  border-radius:999px;background:rgba(12,17,22,.78);backdrop-filter:blur(22px) saturate(1.35);
  -webkit-backdrop-filter:blur(22px) saturate(1.35);overflow:hidden;min-height:88px;
}
.labs-live-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(42px);opacity:.55;z-index:0}
.labs-live-orb-a{width:min(28vw,200px);height:min(22vw,160px);left:4%;top:-20%;background:rgba(126,184,178,.35);animation:liveOrbDriftA 14s ease-in-out infinite}
.labs-live-orb-b{width:min(24vw,180px);height:min(20vw,140px);right:12%;bottom:-30%;background:rgba(166,108,255,.28);animation:liveOrbDriftB 18s ease-in-out infinite}
.labs-live-orb-c{width:min(20vw,150px);height:min(18vw,120px);left:42%;top:50%;background:rgba(99,216,255,.22);animation:liveOrbDriftC 16s ease-in-out infinite}
.labs-live-head{display:flex;flex-direction:column;gap:4px;min-width:min(200px,32vw);z-index:1}
.labs-live-head-main{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.labs-live-badge{
  display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 9px;border-radius:999px;
  background:rgba(255,255,255,.06);border:1px solid rgba(126,184,178,.12);
}
.labs-live-badge-text{
  font-size:10px;font-weight:900;letter-spacing:.14em;
  background:linear-gradient(135deg,#7eb8b2,#63d8ff,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.labs-live-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 12px rgba(74,222,128,.75);animation:liveDotBreath 2.2s ease-in-out infinite;flex-shrink:0}
.labs-live-title{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(.82rem,1.6vw,.95rem);font-weight:700;color:rgba(255,255,255,.92);letter-spacing:-.01em;white-space:nowrap}
.labs-live-sub{margin:0;font-size:11px;line-height:1.4;color:rgba(255,255,255,.48);max-width:220px}
.labs-live-track-wrap{
  position:relative;min-width:0;z-index:1;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
}
.labs-live-track{
  display:flex;gap:12px;align-items:stretch;padding:4px 2px;
  background:rgba(0,0,0,.28);border-radius:999px;border:1px solid rgba(255,255,255,.05);
  box-shadow:inset 0 2px 12px rgba(0,0,0,.35);min-height:72px;overflow:hidden;
}
.labs-live-task{
  flex:0 0 min(100%,340px);display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;
  padding:10px 14px 10px 12px;border-radius:999px;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);opacity:1;transform:translateY(0);
  transition:opacity .55s ease,transform .55s ease;
}
.labs-live-task.is-exiting{opacity:0;transform:translateY(6px) scale(.98)}
.labs-live-task.is-entering{animation:liveTaskEnter .65s cubic-bezier(.22,1,.36,1) forwards}
.labs-live-task:not(.is-entering){animation:liveTaskFloat 5.2s ease-in-out infinite;animation-delay:var(--float-phase,0s)}
.labs-live-scan{
  width:38px;height:38px;border-radius:50%;flex-shrink:0;padding:2px;
  background:conic-gradient(from 0deg,#7eb8b2,#63d8ff,#a66cff,#4ade80,#f9a8d4,#7eb8b2);
  animation:liveScanSpin 2.8s linear infinite;
  display:grid;place-items:center;
}
.labs-live-scan::after{content:"";width:28px;height:28px;border-radius:50%;background:#0d1218;box-shadow:inset 0 0 8px rgba(126,184,178,.15)}
.labs-live-task-body{min-width:0;display:grid;gap:5px}
.labs-live-task-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.labs-live-task-top b{font-size:12px;font-weight:700;color:rgba(255,255,255,.92);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.labs-live-id{font-size:10px;font-weight:700;color:rgba(126,184,178,.65);letter-spacing:.04em;flex-shrink:0}
.labs-live-task-sub{font-size:10px;color:rgba(255,255,255,.45);line-height:1.3}
.labs-live-tags{display:flex;flex-wrap:wrap;gap:5px}
.labs-live-tag{font-size:9px;font-weight:800;letter-spacing:.04em;padding:3px 7px;border-radius:999px;border:1px solid transparent}
.labs-live-tag--p0{background:rgba(255,113,130,.16);color:#ff9aaa;border-color:rgba(255,113,130,.28)}
.labs-live-tag--p1{background:rgba(255,201,61,.14);color:#ffd080;border-color:rgba(255,201,61,.26)}
.labs-live-tag--p2{background:rgba(255,201,61,.12);color:#f5c86a;border-color:rgba(255,201,61,.22)}
.labs-live-tag--p3{background:rgba(42,101,97,.12);color:#6ee7c8;border-color:rgba(42,101,97,.22)}
.labs-live-tag--asi{background:rgba(126,184,178,.12);color:#7eb8b2;border-color:rgba(126,184,178,.22)}
.labs-live-tag--status{background:rgba(42,101,97,.2);color:#6ee7c8;border-color:rgba(42,101,97,.3)}
.labs-live-progress{height:3px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:2px}
.labs-live-progress i{
  display:block;height:100%;border-radius:999px;width:var(--prog,55%);
  background:linear-gradient(90deg,#7eb8b2,#63d8ff,#a66cff,#7eb8b2);background-size:220% 100%;
  animation:liveProgressFlow 2.4s linear infinite;
}
.labs-live-summary{
  z-index:1;flex-shrink:0;padding:10px 14px;border-radius:999px;white-space:nowrap;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);
  font-size:11px;font-weight:700;color:rgba(255,255,255,.72);letter-spacing:.02em;
}
@keyframes liveBorderBreath{0%,100%{background-position:0% 50%;opacity:.75}50%{background-position:100% 50%;opacity:1}}
@keyframes liveDotBreath{0%,100%{opacity:1;transform:scale(1);box-shadow:0 0 12px rgba(74,222,128,.75)}50%{opacity:.65;transform:scale(.88);box-shadow:0 0 6px rgba(74,222,128,.4)}}
@keyframes liveScanSpin{to{transform:rotate(360deg)}}
@keyframes liveTaskFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes liveTaskEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes liveProgressFlow{to{background-position:220% 0}}
@keyframes liveOrbDriftA{0%,100%{transform:translate(0,0)}50%{transform:translate(18px,-12px)}}
@keyframes liveOrbDriftB{0%,100%{transform:translate(0,0)}50%{transform:translate(-14px,10px)}}
@keyframes liveOrbDriftC{0%,100%{transform:translate(0,0)}50%{transform:translate(10px,-8px)}}
@media(max-width:900px){
  .labs-live-audit-inner{grid-template-columns:1fr;border-radius:32px}
  .labs-live-audit-inner--wide{border-radius:24px}
  .labs-live-audit,.labs-live-audit-shell{border-radius:32px}
  .labs-live-summary{justify-self:start}
  .labs-live-task{flex:0 0 100%}
  .labs-live-audit--light .labs-live-task{flex:1 1 100%;width:100%}
}
@media(prefers-reduced-motion:reduce){
  .labs-live-orb,.labs-live-dot,.labs-live-scan,.labs-live-progress i,.labs-live-audit-shell,.labs-live-task{animation:none!important}
}

/* Live audit — light theme (Products page) */
.labs-live-audit--light .labs-live-audit-shell{
  background:linear-gradient(105deg,rgba(42,101,97,.35),rgba(126,184,178,.45),rgba(91,75,196,.28),rgba(42,101,97,.32));
  box-shadow:0 16px 48px rgba(17,24,39,.08);
}
.labs-live-audit--light .labs-live-audit-inner{
  background:rgba(255,252,247,.88);
  border:1px solid rgba(42,101,97,.1);
  backdrop-filter:blur(18px) saturate(1.2);
  -webkit-backdrop-filter:blur(18px) saturate(1.2);
  min-height:0;grid-template-columns:1fr;border-radius:24px;
}
.labs-live-audit--light .labs-live-orb-a{background:rgba(42,101,97,.18);opacity:.7}
.labs-live-audit--light .labs-live-orb-b{background:rgba(91,75,196,.14);opacity:.65}
.labs-live-audit--light .labs-live-orb-c{background:rgba(126,184,178,.22);opacity:.6}
.labs-live-audit--light .labs-live-badge{background:rgba(42,101,97,.08);border-color:rgba(42,101,97,.16)}
.labs-live-audit--light .labs-live-badge-text{background:linear-gradient(135deg,#1e4a47,#2a6561,#5b4bc4);-webkit-background-clip:text;background-clip:text}
.labs-live-audit--light .labs-live-title{color:#1f2937}
.labs-live-audit-inner--wide{
  display:flex;flex-direction:column;gap:8px;align-items:stretch;min-height:auto;
  padding:clamp(10px,1.6vw,14px) clamp(14px,2.2vw,20px)!important;
}
.labs-live-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;z-index:1}
.labs-live-audit--light .labs-live-head{
  flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0;flex:1;
}
.labs-live-audit--light .labs-live-title{font-size:clamp(.78rem,1.4vw,.88rem)}
.labs-live-audit--light .labs-live-actions{margin-top:0;gap:4px}
.labs-live-audit--light .labs-live-action{font-size:8px;padding:2px 7px}
.labs-live-track-wrap--wide{width:100%;-webkit-mask-image:none;mask-image:none;z-index:1}
.labs-live-audit--light .labs-live-track{min-height:0;padding:3px 4px;background:rgba(31,41,55,.03)}
.labs-live-audit--light .labs-live-task{
  flex:1 1 100%;width:100%;max-width:none;display:block;padding:8px 12px;border-radius:14px;
  box-shadow:0 2px 10px rgba(17,24,39,.04);
}
.labs-live-task-body{display:grid;grid-template-columns:1fr auto;gap:10px 14px;align-items:center}
.labs-live-task-main{min-width:0;display:grid;gap:2px}
.labs-live-kicker{
  font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#1e4a47;
}
.labs-live-risk{
  font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(.88rem,1.6vw,1rem);
  font-weight:700;line-height:1.3;color:#1f2937;letter-spacing:-.02em;
}
.labs-live-agent{font-size:10px;color:rgba(31,41,55,.48);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.labs-live-task-meta{display:grid;gap:5px;justify-items:end;flex-shrink:0}
.labs-live-audit--light .labs-live-tags{justify-content:flex-end}
.labs-live-audit--light .labs-live-progress{width:min(120px,22vw);margin-top:0}
.labs-live-audit--light .labs-live-task:not(.is-entering){animation:liveTaskFloat 5.2s ease-in-out infinite;animation-delay:var(--float-phase,0s)}
.labs-live-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.labs-live-action{
  font-size:9px;font-weight:800;letter-spacing:.04em;padding:3px 8px;border-radius:999px;border:1px solid transparent;
}
.labs-live-action--block{background:rgba(255,113,130,.12);color:#c2415c;border-color:rgba(255,113,130,.22)}
.labs-live-action--rewrite{background:rgba(42,101,97,.1);color:#1e4a47;border-color:rgba(42,101,97,.2)}
.labs-live-action--alert{background:rgba(255,201,61,.14);color:#b45309;border-color:rgba(255,201,61,.28)}
.labs-live-action--review{background:rgba(91,75,196,.1);color:#5b4bc4;border-color:rgba(91,75,196,.22)}
.labs-live-audit--light .labs-live-track{
  background:rgba(31,41,55,.04);border-color:rgba(31,41,55,.08);
  box-shadow:inset 0 1px 8px rgba(31,41,55,.06);
}
.labs-live-audit--light .labs-live-task{
  background:#fff;border-color:rgba(31,41,55,.08);
  box-shadow:0 4px 14px rgba(17,24,39,.05);
}
.labs-live-audit--light .labs-live-scan::after{background:#f5f0e8;box-shadow:inset 0 0 6px rgba(42,101,97,.12)}
.labs-live-audit--light .labs-live-task-top b{color:#1f2937}
.labs-live-audit--light .labs-live-id{color:#2a6561}
.labs-live-audit--light .labs-live-task-sub{color:rgba(31,41,55,.5)}
.labs-live-audit--light .labs-live-tag--p0{background:rgba(255,113,130,.12);color:#be123c;border-color:rgba(255,113,130,.22)}
.labs-live-audit--light .labs-live-tag--p1{background:rgba(255,201,61,.14);color:#b45309;border-color:rgba(255,201,61,.24)}
.labs-live-audit--light .labs-live-tag--p2{background:rgba(255,201,61,.1);color:#ca8a04;border-color:rgba(255,201,61,.2)}
.labs-live-audit--light .labs-live-tag--p3{background:rgba(42,101,97,.08);color:#1e4a47;border-color:rgba(42,101,97,.16)}
.labs-live-audit--light .labs-live-tag--asi{background:rgba(42,101,97,.1);color:#1e4a47;border-color:rgba(42,101,97,.18)}
.labs-live-tag--block{background:rgba(255,113,130,.16);color:#ff9aaa;border-color:rgba(255,113,130,.28)}
.labs-live-tag--rewrite{background:rgba(42,101,97,.18);color:#6ee7c8;border-color:rgba(42,101,97,.28)}
.labs-live-tag--alert{background:rgba(255,201,61,.14);color:#ffd080;border-color:rgba(255,201,61,.26)}
.labs-live-tag--review{background:rgba(166,108,255,.16);color:#c4b5fd;border-color:rgba(166,108,255,.28)}
.labs-live-audit--light .labs-live-tag--block{background:rgba(255,113,130,.12);color:#be123c;border-color:rgba(255,113,130,.22)}
.labs-live-audit--light .labs-live-tag--rewrite{background:rgba(42,101,97,.1);color:#1e4a47;border-color:rgba(42,101,97,.2)}
.labs-live-audit--light .labs-live-tag--alert{background:rgba(255,201,61,.14);color:#b45309;border-color:rgba(255,201,61,.24)}
.labs-live-audit--light .labs-live-tag--review{background:rgba(91,75,196,.1);color:#5b4bc4;border-color:rgba(91,75,196,.22)}
.labs-live-audit--light .labs-live-progress{background:rgba(31,41,55,.08)}
.labs-live-audit--light .labs-live-summary{
  background:rgba(42,101,97,.08);border-color:rgba(42,101,97,.14);color:#1f2937;
}

/* Policy Engine — SOTA monitoring + priority (light hero panel) */
.policy-sota-panel{
  padding:clamp(14px,2vw,20px)!important;
  background:linear-gradient(180deg,#fffbf5 0%,#f8f1e9 100%)!important;
  border:1px solid rgba(42,101,97,.14)!important;
  box-shadow:var(--shadow-md)!important;
}
.policy-sota-panel:before{
  background:radial-gradient(360px 180px at 90% 0%,rgba(126,184,178,.22),transparent 68%)!important;
}
.policy-sota-head{margin-bottom:12px;text-align:center}
.policy-sota-head .eyebrow{color:var(--brand-teal)}
.policy-sota-models--grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.policy-sota-card--tile{
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:12px 10px;border-radius:14px;min-height:148px;
  background:#fff;border:1px solid rgba(31,41,55,.08);box-shadow:0 2px 10px rgba(17,24,39,.04);
}
.policy-sota-icon{
  width:32px;height:32px;border-radius:50%;display:grid;place-items:center;margin-bottom:6px;
  background:rgba(42,101,97,.08);border:1px solid rgba(42,101,97,.12);
}
.policy-sota-icon svg{width:15px;height:15px;fill:var(--brand-teal)}
.policy-sota-card--tile h3{
  margin:0 0 2px;font-family:"Space Grotesk",Inter,sans-serif;font-size:11px;font-weight:700;
  color:var(--brand-teal-deep);letter-spacing:-.01em;
}
.policy-sota-card--compliance h3{color:#1e4a47}
.policy-sota-card--privacy h3{color:#2a6561}
.policy-sota-card--safety h3{color:#b45309}
.policy-sota-metrics--stack{display:grid;gap:4px;width:100%;margin:8px 0}
.policy-sota-metrics--stack .policy-sota-metric{
  display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 6px;
  border-radius:8px;background:rgba(31,41,55,.03);
}
.policy-sota-metrics--stack .policy-sota-metric>span{font-size:9px;color:var(--soft)}
.policy-sota-status{
  margin-top:auto;font-size:9px;font-weight:800;padding:3px 9px;border-radius:999px;
  background:rgba(74,222,128,.12);color:#1e4a47;border:1px solid rgba(74,222,128,.22);
}
.policy-priority-block{
  margin-top:4px;padding:12px;border-radius:14px;
  background:#fff;border:1px solid rgba(31,41,55,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.policy-priority{margin-top:0;padding-top:0;border-top:0}
.policy-sota-metric b{
  font-family:"Space Grotesk",Inter,sans-serif;font-size:12px;font-weight:700;
  color:var(--text);letter-spacing:-.02em;transition:color .25s ease,transform .25s ease;
}
.policy-sota-metric b.is-ticking{color:var(--brand-teal);transform:scale(1.04)}
.policy-sota-ver{font-size:9px;font-weight:600;color:var(--soft);letter-spacing:.02em}
.policy-priority-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.policy-priority-head h4{
  margin:0;font-family:"Space Grotesk",Inter,sans-serif;font-size:12px;font-weight:700;color:var(--text);
}
.policy-priority-save{
  height:28px;padding:0 12px;border-radius:999px;border:0;
  background:linear-gradient(135deg,var(--brand-mint),color-mix(in srgb,var(--brand-teal) 40%,var(--brand-mint)));
  color:var(--accent-ink);font-size:10px;font-weight:800;letter-spacing:.04em;cursor:pointer;
  box-shadow:0 4px 12px rgba(126,184,178,.35);
}
.policy-priority-legend{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:8px}
.policy-priority-legend-label{font-size:9px;font-weight:700;color:var(--soft);margin-right:2px}
.policy-act{
  font-size:9px;font-weight:800;padding:3px 8px;border-radius:999px;border:1px solid transparent;
}
.policy-act--block{background:rgba(255,113,130,.1);color:#be123c;border-color:rgba(255,113,130,.2)}
.policy-act--rewrite{background:rgba(42,101,97,.1);color:#1e4a47;border-color:rgba(42,101,97,.18)}
.policy-act--alert{background:rgba(255,201,61,.14);color:#b45309;border-color:rgba(255,201,61,.24)}
.policy-act--review{background:rgba(91,75,196,.1);color:#5b4bc4;border-color:rgba(91,75,196,.2)}
.policy-priority-list{display:grid;gap:5px}
.policy-priority-row{
  display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;
  padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.7);border:1px solid rgba(31,41,55,.06);
}
.policy-pill{
  font-size:9px;font-weight:900;padding:3px 7px;border-radius:999px;letter-spacing:.04em;flex-shrink:0;
}
.policy-pill--p0{background:rgba(255,113,130,.14);color:#be123c}
.policy-pill--p1{background:rgba(255,201,61,.16);color:#b45309}
.policy-pill--p2{background:rgba(255,201,61,.1);color:#ca8a04}
.policy-pill--p3{background:rgba(42,101,97,.1);color:#1e4a47}
.policy-row-copy{min-width:0;display:grid;gap:1px}
.policy-row-scene{font-size:10px;font-weight:600;color:var(--text);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.policy-row-trigger{font-size:9px;color:var(--soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.policy-row-action{position:relative;display:inline-flex;align-items:center;flex-shrink:0}
.policy-row-action select{
  position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;
}
.policy-row-action-label{
  font-size:9px;font-weight:800;padding:4px 9px;border-radius:999px;border:1px solid transparent;
  pointer-events:none;white-space:nowrap;
}
.policy-row-action--block .policy-row-action-label,
.policy-row-action-label[data-action=block]{background:rgba(255,113,130,.12);color:#be123c;border-color:rgba(255,113,130,.22)}
.policy-row-action--rewrite .policy-row-action-label,
.policy-row-action-label[data-action=rewrite]{background:rgba(42,101,97,.1);color:#1e4a47;border-color:rgba(42,101,97,.2)}
.policy-row-action--alert .policy-row-action-label,
.policy-row-action-label[data-action=alert]{background:rgba(255,201,61,.14);color:#b45309;border-color:rgba(255,201,61,.24)}
.policy-row-action--review .policy-row-action-label,
.policy-row-action-label[data-action=review]{background:rgba(91,75,196,.1);color:#5b4bc4;border-color:rgba(91,75,196,.22)}
@media(max-width:720px){
  .policy-sota-models--grid{grid-template-columns:1fr}
  .policy-priority-row{grid-template-columns:auto 1fr;grid-template-rows:auto auto}
  .policy-row-action{grid-column:2;justify-self:end}
}
@media(prefers-reduced-motion:reduce){
  .policy-sota-metric b.is-ticking{transform:none}
}

/* Products — security posture hero panel */
.security-posture-panel{
  padding:clamp(14px,2vw,18px)!important;
  background:linear-gradient(180deg,#fffdf8,#eef8f6)!important;
  border:1px solid rgba(42,101,97,.14)!important;
  box-shadow:var(--shadow-md)!important;
}
.posture-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.posture-title{margin:4px 0 0;font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(.95rem,1.8vw,1.05rem);font-weight:700;color:var(--text)}
.posture-live{
  display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;
  background:rgba(42,101,97,.1);border:1px solid rgba(42,101,97,.18);
  font-size:10px;font-weight:900;letter-spacing:.1em;color:#1e4a47;
}
.posture-live i{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px rgba(74,222,128,.6);animation:liveDotBreath 2.2s ease-in-out infinite}
.posture-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:10px}
.posture-card{
  position:relative;padding:9px 11px;border-radius:12px;background:#fff;
  border:1px solid rgba(31,41,55,.08);box-shadow:0 2px 8px rgba(17,24,39,.04);overflow:hidden;
}
.posture-card-label{display:block;font-size:9px;color:var(--soft);margin-bottom:4px;line-height:1.3}
.posture-card-value{
  display:block;font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(1.05rem,2vw,1.28rem);
  font-weight:700;color:var(--brand-teal-deep);letter-spacing:-.03em;line-height:1.1;
  transition:color .25s ease,transform .25s ease;
}
.posture-card-value--green{color:#1e4a47}
.posture-card-value.is-ticking{color:var(--brand-teal);transform:scale(1.02)}
.posture-card small{display:block;margin-top:4px;font-size:9px;color:var(--soft)}
.posture-card small b{color:var(--text);font-weight:700}
.posture-spark{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin-top:8px}
.posture-spark i{height:14px;border-radius:2px;background:linear-gradient(180deg,#ff9aaa,#ff7182);opacity:.75}
.posture-spark--teal i{background:linear-gradient(180deg,#7eb8b2,#2a6561)}
.posture-ring{position:absolute;right:8px;top:8px;width:28px;height:28px;opacity:.85}
.posture-ring svg{width:100%;height:100%}
.posture-asi{padding:10px;border-radius:12px;background:#fff;border:1px solid rgba(31,41,55,.08)}
.posture-asi-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.posture-asi-head h4{margin:0;font-family:"Space Grotesk",Inter,sans-serif;font-size:11px;font-weight:700}
.posture-asi-badge{font-size:9px;font-weight:800;padding:3px 8px;border-radius:999px;background:rgba(42,101,97,.1);color:#1e4a47}
.posture-asi-body{display:grid;grid-template-columns:minmax(128px,1.2fr) 1fr;gap:12px;align-items:center}
.posture-donut-wrap{position:relative;width:min(100%,148px);margin:0 auto;aspect-ratio:1}
.posture-donut{width:100%;height:100%;display:block}
.posture-donut-slice{cursor:pointer;transition:opacity .2s ease,filter .2s ease}
.posture-donut-slice:hover,.posture-donut-slice.is-active{opacity:1!important;filter:brightness(1.05)}
.posture-donut-center{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  pointer-events:none;text-align:center;
}
.posture-donut-center strong{font-family:"Space Grotesk",Inter,sans-serif;font-size:1.28rem;font-weight:700;color:var(--text)}
.posture-donut-center span{font-size:9px;color:var(--soft);line-height:1.2;margin-top:2px}
.posture-asi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}
.posture-asi-cell{
  display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:0 6px;align-items:center;
  padding:4px 5px;border-radius:8px;border:1px solid rgba(31,41,55,.06);background:rgba(31,41,55,.02);
  text-align:left;cursor:pointer;font:inherit;color:inherit;transition:border-color .2s ease,background .2s ease;
}
.posture-asi-cell.is-active{border-color:color-mix(in srgb,var(--asi-color) 50%,transparent);background:color-mix(in srgb,var(--asi-color) 8%,#fff)}
.posture-asi-dot{width:6px;height:6px;border-radius:50%;background:var(--asi-color);box-shadow:0 0 6px color-mix(in srgb,var(--asi-color) 50%,transparent)}
.posture-asi-id{font-size:8px;font-weight:800;color:var(--soft);grid-column:2}
.posture-asi-cell strong{font-size:11px;font-weight:700;color:var(--text);grid-column:3;grid-row:1/span 2}
.posture-asi-cell small{font-size:8px;color:var(--soft);grid-column:2}
.posture-asi-insight{margin:0}
.posture-asi-insight strong{color:var(--brand-teal-deep);font-weight:700}
@media(max-width:980px){
  .posture-metrics{grid-template-columns:1fr}
  .posture-asi-body{grid-template-columns:1fr}
  .posture-donut-wrap{width:min(100%,136px)}
}
@media(max-width:720px){
  .labs-live-audit-inner--compact{grid-template-columns:1fr;gap:6px}
  .labs-live-strip-head{flex-direction:row;flex-wrap:wrap;align-items:center;min-width:0;width:100%}
  .labs-live-task-body{grid-template-columns:1fr}
  .labs-live-task-meta{justify-items:start}
  .labs-live-audit--light .labs-live-tags{justify-content:flex-start}
  .labs-live-audit--light .labs-live-progress{width:100%}
}

.console-map.cross-border-map:after{display:none}
.cross-border-map{background:linear-gradient(180deg,#f8f4ef,#ebe4d9)!important}
.cross-map-svg{width:100%;height:100%;display:block}
.cross-map-land{fill:#d4cec4;opacity:.72}
.cross-map-graticule{stroke:rgba(31,41,55,.06);stroke-width:.6;fill:none}
.cross-map-flow{fill:none;stroke-width:2;stroke-linecap:round;opacity:.85}
.cross-map-flow--teal{stroke:#2a6561}
.cross-map-flow--lavender{stroke:#6e5bd8}
.cross-map-flow--amber{stroke:#c76e12}
.cross-map-node{fill:#2a6561;opacity:.9}
.cross-map-node--hub{fill:#5b4bc4}
.cross-map-pulse{fill:#2a6561;opacity:.35;animation:mapPulse 2.4s ease-in-out infinite}
@keyframes mapPulse{0%,100%{r:4;opacity:.35}50%{r:9;opacity:.08}}
@keyframes mapFlowDash{to{stroke-dashoffset:-24}}
.cross-map-flow{stroke-dasharray:6 10;animation:mapFlowDash 1.8s linear infinite}

.labs-shape-piece.is-dragging{cursor:grabbing;z-index:30;--bounce:0px!important}
.labs-shape-piece.is-dissolving{transition:opacity .52s ease,filter .52s ease!important;opacity:0!important;filter:blur(10px) saturate(1.2)!important;pointer-events:none!important;--bounce:0px!important}
.labs-shape-piece.is-hidden{visibility:hidden;pointer-events:none!important}
.labs-shape-piece.is-respawning{animation:shapePopIn .58s cubic-bezier(.34,1.25,.64,1)}
@keyframes shapePopIn{0%{opacity:0;transform:translate3d(var(--x),calc(var(--y) - 40px),0) scale(.25) rotate(var(--rot))}70%{opacity:1;transform:translate3d(var(--x),var(--y),0) scale(1.06) rotate(var(--rot))}100%{transform:translate3d(var(--x),var(--y),0) scale(1) rotate(var(--rot))}}
.labs-shape-yellow{width:min(48vw,340px);height:min(48vw,340px);background:var(--yellow);border-radius:38% 62% 58% 42%/48% 42% 58% 52%}
.labs-shape-pink{width:min(40vw,290px);height:min(40vw,290px);background:var(--pink);border-radius:28px}
.labs-shape-green{width:min(38vw,280px);height:min(38vw,280px);background:var(--green);border-radius:22px;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%)}
.labs-shape-orange{width:min(50vw,380px);height:min(50vw,380px);background:var(--orange);border-radius:32%;clip-path:polygon(50% 0%,90% 20%,100% 60%,75% 100%,25% 100%,0% 60%,10% 20%)}
.labs-shape-periwinkle{width:min(38vw,270px);height:min(38vw,270px);background:var(--periwinkle);border-radius:28px}
.labs-shape-aqua{width:min(28vw,200px);height:min(28vw,200px);background:var(--aqua);border-radius:38% 62% 58% 42%/48% 42% 58% 52%}
.labs-shape-lavender{width:min(24vw,170px);height:min(24vw,170px);background:#e6e0ff;border-radius:42% 58% 52% 48%/48% 42% 58% 52%}
.labs-shape-coral{width:min(20vw,140px);height:min(20vw,140px);background:#ffc9b8;border-radius:34% 66% 60% 40%/55% 38% 62% 45%}
.labs-shape-piece.labs-shape-sm{width:min(26vw,168px)!important;height:min(26vw,168px)!important}
.labs-shape-piece.labs-shape-xs{width:min(18vw,118px)!important;height:min(18vw,118px)!important}
.labs-shape-hub{
  width:min(52vw,400px);height:min(52vw,400px);background:var(--blue);border:0;border-radius:50%;padding:0;
  z-index:20;cursor:grab;display:grid;place-items:center;
}
.labs-shape-hub.is-lifted{
  box-shadow:0 28px 60px rgba(96,165,250,.35);
}
.labs-hub-links{
  position:absolute;inset:0;pointer-events:none;opacity:0;
  transition:opacity .28s ease;
}
.labs-shape-hub.is-lifted .labs-hub-links{opacity:1;pointer-events:auto}
.labs-hub-link{
  position:absolute;width:36px;height:36px;border-radius:50%;background:#fff;
  border:1.5px solid #1a1f24;display:grid;place-items:center;text-decoration:none;
  color:#1a1f24;transform:translate(-50%,-50%);
  transition:transform .35s var(--ease-spring),opacity .25s ease;
  box-shadow:0 8px 20px rgba(17,24,39,.12);
}
.labs-hub-link svg{width:14px;height:14px;fill:currentColor}
.labs-shape-hub.is-lifted .labs-hub-link:nth-child(1){left:50%;top:-8%;opacity:1}
.labs-shape-hub.is-lifted .labs-hub-link:nth-child(2){left:88%;top:42%;opacity:1}
.labs-shape-hub.is-lifted .labs-hub-link:nth-child(3){left:18%;top:78%;opacity:1}
.labs-shape-hub.is-lifted .labs-hub-link:hover{transform:translate(-50%,-50%) scale(1.08)}

@media(max-width:980px){
  .labs-playground{height:min(70vh,460px);min-height:280px}
}
@media(prefers-reduced-motion:reduce){
  .hero-blob,.labs-float-chip,.labs-shape-piece{animation:none!important}
  .labs-experiment-card[data-tilt-card]{transform:none!important}
}