@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap');
:root{
  --bg:#0A0F1C;--bg2:#0E1426;--sf:#131B2E;--sf2:#1A2340;
  --bd:#1C2844;--bd2:#283A5E;
  --tx:#E6EBF1;--tx2:#8B9CBF;--tx3:#4D6080;
  --ac:#00DBFF;--ac2:#33E3FF;--acd:rgba(0,219,255,.055);
  --red:#FF5A5A;--redd:rgba(255,90,90,.06);
  --amb:#FFB83D;--ambd:rgba(255,184,61,.06);
  --blue:#48A4FF;--blued:rgba(72,164,255,.06);
  --vio:#A78BFA;--viod:rgba(167,139,250,.06);
  --grn:#00E87B;--grnd:rgba(0,232,123,.06);
  --serif:'Space Grotesk',system-ui,sans-serif;
  --sans:'Space Grotesk',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--tx);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::after{content:'';position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.015'/%3E%3C/svg%3E");pointer-events:none;z-index:0}
a{color:inherit;text-decoration:none}
.wrap{max-width:1160px;margin:0 auto;padding:0 28px;position:relative;z-index:1}
.mini{font-size:10.5px;color:var(--tx3)}

/* ═══ NAV ═══ */
.site-nav{position:sticky;top:0;z-index:100;background:rgba(10,15,28,.88);backdrop-filter:blur(28px) saturate(1.4);border-bottom:1px solid var(--bd)}
.nav-inner{height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{font-family:var(--sans);font-size:19px;font-weight:700;letter-spacing:.2em;white-space:nowrap}
.logo .pipe{color:var(--ac);text-shadow:0 0 20px rgba(0,219,255,.55);font-family:var(--mono);font-size:.75em;margin:0 1px}
.logo-sub{display:block;font-size:7px;letter-spacing:.4em;color:var(--tx3);margin-top:-3px;text-transform:uppercase;font-weight:500}
.nav-links{display:flex;gap:20px;align-items:center;font-size:12px;color:var(--tx2);font-weight:600}
.nav-links>a,.nav-links>.drop>a{padding:20px 0;transition:color .2s}
.nav-links a:hover{color:var(--tx)}.nav-links a.active{color:var(--ac)}
.drop{position:relative}
.mega{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(740px,calc(100vw - 40px));background:rgba(19,27,46,.96);border:1px solid var(--bd);border-radius:12px;padding:14px;box-shadow:0 24px 64px rgba(0,0,0,.5);grid-template-columns:repeat(3,1fr);gap:5px;max-height:calc(100vh - 80px);overflow:auto;backdrop-filter:blur(16px)}
.drop:hover .mega{display:grid}
.mega a{display:block;border-radius:9px;padding:11px;border:1px solid transparent;transition:.2s}
.mega a:hover{border-color:var(--bd2);background:var(--acd)}
.mega b{display:block;color:var(--tx);font-size:11px;font-weight:600;margin-bottom:2px}
.mega span{display:block;color:var(--tx3);font-size:9.5px;line-height:1.4}
.mega::-webkit-scrollbar{width:5px}.mega::-webkit-scrollbar-thumb{background:var(--bd2);border-radius:99px}
.nav-actions{display:flex;align-items:center;gap:10px}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--ac);color:#061020;border:0;border-radius:7px;padding:10px 17px;font-weight:700;font-size:12px;cursor:pointer;font-family:var(--sans);transition:.3s;box-shadow:0 0 0 0 rgba(0,219,255,0)}
.btn-primary:hover{background:var(--ac2);transform:translateY(-1px);box-shadow:0 4px 24px rgba(0,219,255,.18)}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bd2);border-radius:7px;padding:10px 17px;color:var(--tx2);font-weight:600;font-size:12px;cursor:pointer;transition:.3s}
.btn-ghost:hover{color:var(--ac);border-color:rgba(0,219,255,.4)}

/* ═══ LAYOUT ═══ */
.section{padding:80px 0;border-bottom:1px solid var(--bd);position:relative;z-index:1}
.section.alt{background:linear-gradient(180deg,var(--bg2),rgba(14,20,38,.6))}
.section.compact{padding:52px 0}
.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ac);font-weight:600;margin-bottom:12px}
.h1,.h2,.page-title{font-family:var(--sans);font-weight:700;line-height:1.05;letter-spacing:-.035em}
.h1{font-size:clamp(38px,5.8vw,72px);max-width:820px}
.h2{font-size:clamp(25px,3vw,40px);max-width:740px;margin-bottom:14px}
.page-title{font-size:clamp(30px,4.2vw,56px);max-width:840px;margin-bottom:14px}
.h1 em,.h2 em,.page-title em{font-style:normal;color:var(--ac)}
.sub{font-size:14.5px;color:var(--tx2);max-width:640px;line-height:1.65}.lead{font-size:16px;color:var(--tx2);max-width:660px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.card{background:var(--sf);border:1px solid var(--bd);border-radius:12px;padding:22px;transition:.35s}
.card:hover{border-color:var(--bd2);box-shadow:0 6px 28px rgba(0,0,0,.2)}
.card h3{font-size:14.5px;margin-bottom:5px;font-weight:600}.card p{font-size:12px;color:var(--tx2);line-height:1.55}
.muted{color:var(--tx2)}.mono{font-family:var(--mono)}
.pill{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--bd2);border-radius:99px;padding:5px 10px;font-size:10px;color:var(--tx2);font-weight:600;transition:.25s}
.pill:hover{border-color:var(--ac);color:var(--ac)}.pills{display:flex;gap:6px;flex-wrap:wrap}
.green{color:var(--ac)}.red{color:var(--red)}.amber{color:var(--amb)}.blue{color:var(--blue)}

/* ═══ HERO ═══ */
.hero{padding:100px 0 70px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;right:0;top:60px;width:1px;height:60vh;background:linear-gradient(180deg,transparent,var(--ac),transparent);box-shadow:0 0 48px rgba(0,219,255,.12);opacity:.45;pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.hero-lines{margin:22px 0 26px;display:grid;gap:6px;color:var(--tx2);font-size:14.5px;padding-left:16px;border-left:1px solid var(--bd2)}.hero-lines b{color:var(--tx)}
.hero-story{border:1px solid rgba(0,219,255,.22);background:var(--acd);border-radius:12px;padding:14px 16px;margin:18px 0 10px;color:var(--tx2);font-size:13px;max-width:680px;line-height:1.6}.hero-story b{color:var(--tx)}
.proof-card{background:linear-gradient(180deg,rgba(19,27,46,.9),rgba(10,15,28,.95));border:1px solid var(--bd);border-radius:14px;overflow:hidden;box-shadow:0 20px 64px rgba(0,0,0,.35);backdrop-filter:blur(8px)}
.proof-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--bd);padding:13px 16px;font-family:var(--mono);font-size:10px;color:var(--tx3)}.proof-head .status{color:var(--amb);font-weight:700;font-size:10.5px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--bd)}.pane{padding:15px 16px;background:var(--sf)}.pane-title{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--tx3);font-weight:700;margin-bottom:12px}
.row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(28,40,68,.5);padding:6px 0;font-family:var(--mono);font-size:11px}.row .k{color:var(--tx3)}.row:last-child{border-bottom:none}
.verdict{padding:12px 16px;font-size:12px;font-weight:700}.verdict.breach{background:var(--redd);color:var(--red);border-top:1px solid rgba(255,90,90,.12)}
.stats{display:flex;gap:32px;flex-wrap:wrap;margin-top:26px}.stat .num{font-size:32px;font-weight:700;color:var(--ac);line-height:1;letter-spacing:-.02em}.stat .lbl{font-size:10.5px;color:var(--tx3);margin-top:4px}
.ribbon{padding:20px 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);background:var(--bg2)}

/* ═══ DEMO ═══ */
.tabs{display:flex;gap:5px;flex-wrap:wrap;margin:22px 0}
.tab{border:1px solid var(--bd);background:transparent;color:var(--tx2);border-radius:7px;padding:8px 14px;font-size:11.5px;font-weight:600;cursor:pointer;font-family:var(--sans);transition:.25s}
.tab:hover{border-color:var(--bd2);color:var(--tx)}.tab.active{background:var(--ac);border-color:var(--ac);color:#061020}
.demo-box{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--bd);border-radius:14px;overflow:hidden}
.demo-pane{background:var(--sf);padding:20px}.demo-pane h3{font-size:12px;margin-bottom:12px;color:var(--tx3);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em}
.demo-result{grid-column:1/-1;padding:12px 20px;font-weight:700;font-size:12px;background:var(--redd);color:var(--red)}

/* ═══ TABLES ═══ */
.table-wrap{overflow-x:auto;border-radius:12px}
.tbl{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--bd);border-radius:12px;overflow:hidden;font-size:12px}
.tbl th{text-align:left;background:var(--sf);color:var(--tx3);font-size:9px;text-transform:uppercase;letter-spacing:.1em;padding:11px 14px;border-bottom:1px solid var(--bd);font-weight:700}
.tbl td{padding:12px 14px;border-bottom:1px solid var(--bd);color:var(--tx2);vertical-align:top}.tbl tr:last-child td{border-bottom:none}.tbl td:first-child{color:var(--tx);font-weight:600}
.tag{display:inline-flex;border-radius:4px;padding:3px 7px;font-size:9.5px;font-weight:700;letter-spacing:.02em}
.tag.free{color:var(--ac);background:var(--acd)}.tag.fixed{color:var(--blue);background:var(--blued)}.tag.rec{color:var(--vio);background:var(--viod)}.tag.ent{color:var(--amb);background:var(--ambd)}

/* ═══ TERMINAL ═══ */
.term{font-family:var(--mono);font-size:11px;line-height:1.85;color:var(--tx2);background:#060A16;border:1px solid var(--bd);border-radius:12px;padding:20px;position:relative;z-index:1}
.term .dots{display:flex;gap:5px;border-bottom:1px solid var(--bd);padding-bottom:10px;margin-bottom:10px}.term .dots span{width:7px;height:7px;border-radius:50%;background:var(--sf2)}
.term .g{color:var(--grn)}.term .r{color:var(--red)}.term .a{color:var(--amb)}.term .b{color:var(--ac)}.term .m{color:var(--tx3)}

/* ═══ RC12 COMPONENTS ═══ */
.logo-rail{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
.logo-pill{display:inline-flex;align-items:center;border:1px solid var(--bd2);background:rgba(255,255,255,.02);border-radius:99px;padding:6px 10px;font-size:10px;font-weight:600;color:var(--tx2)}
.logo-pill.core{color:var(--ac);border-color:rgba(0,219,255,.3);background:var(--acd)}
.stack-grid{display:grid;grid-template-columns:1fr 1.1fr 1.5fr;gap:0;border:1px solid var(--bd);border-radius:12px;overflow:hidden;background:var(--sf);font-size:12px}
.stack-grid>div{padding:13px 16px;border-bottom:1px solid var(--bd);border-right:1px solid var(--bd)}
.stack-grid>div:nth-child(3n){border-right:0}.stack-grid>div:nth-last-child(-n+3){border-bottom:0}
.stack-head{color:var(--tx3);font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;background:rgba(10,15,28,.5)}
.stack-layer{font-weight:700;color:var(--tx)}.stack-tool{color:var(--ac);font-weight:700;font-family:var(--mono);font-size:11px}.stack-proof{color:var(--ac);font-weight:700}
.source-note{font-size:10px;color:var(--tx3);margin-top:10px;font-style:italic}
.illustrative-banner{border-color:rgba(255,184,61,.35)!important;background:var(--ambd)!important}.illustrative-banner b{color:var(--amb)}
.card .stat{margin:0}.card .stat .num{font-size:32px;line-height:1;color:var(--ac);font-weight:700;letter-spacing:-.02em}.card .stat .lbl{font-size:10.5px;color:var(--tx3);margin-top:4px}

/* ═══ TICKERS ═══ */
.ticker-section{padding:16px 0;border-bottom:1px solid var(--bd);overflow:hidden;position:relative;z-index:1}
.ticker-section::before,.ticker-section::after{content:'';position:absolute;top:0;bottom:0;width:90px;z-index:3;pointer-events:none}
.ticker-section::before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}
.ticker-section::after{right:0;background:linear-gradient(270deg,var(--bg),transparent)}
.ticker-section.t-alt::before{background:linear-gradient(90deg,var(--bg2),transparent)}
.ticker-section.t-alt::after{background:linear-gradient(270deg,var(--bg2),transparent)}
.ticker-lbl{text-align:center;font-family:var(--mono);font-size:8px;letter-spacing:.22em;color:var(--tx3);text-transform:uppercase;margin-bottom:8px;position:relative;z-index:4}
.ticker-row{display:flex;gap:40px;align-items:center;width:max-content;padding:3px 0}
.ticker-row.tl{animation:tkL 55s linear infinite}
.ticker-row.tr{animation:tkR 50s linear infinite}
.tk{font-size:13px;font-weight:500;opacity:.16;white-space:nowrap;transition:.5s;cursor:default;letter-spacing:.03em}
.tk:hover{opacity:.5}
.tk.p{color:var(--ac);opacity:.28}.tk.p:hover{opacity:.7}
@keyframes tkL{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes tkR{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}

/* ═══ REG BADGES ═══ */
.reg-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.reg-badge{font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.05em;padding:5px 12px;border-radius:6px;border:1px solid var(--bd);color:var(--tx3)}

/* ═══ FORMS ═══ */
.cta-section{text-align:center;padding:96px 0;position:relative;z-index:1}
.cta-section::before{content:'';position:absolute;left:50%;top:0;width:1px;height:56px;background:linear-gradient(180deg,var(--bd),var(--ac));box-shadow:0 0 14px rgba(0,219,255,.12)}
.cta-section .h2{margin-left:auto;margin-right:auto}
.form{display:flex;gap:8px;justify-content:center;max-width:480px;margin:22px auto 0;flex-wrap:wrap}
.form input{flex:1;min-width:210px;background:var(--sf);border:1px solid var(--bd2);border-radius:7px;color:var(--tx);padding:12px 16px;font-family:var(--sans);font-size:14px}
.form input:focus{outline:none;border-color:var(--ac)}
.cn{font-size:10.5px;color:var(--tx3);margin-top:12px}

/* ═══ PAGE HERO ═══ */
.ph{padding:92px 0 52px;border-bottom:1px solid var(--bd)}.ph .eyebrow{margin-bottom:10px}
.ph .crumbs{font-size:10.5px;color:var(--tx3);margin-bottom:14px;font-family:var(--mono);letter-spacing:.02em}.ph .crumbs a{color:var(--tx2);transition:.2s}.ph .crumbs a:hover{color:var(--ac)}

/* ═══ FOOTER ═══ */
footer{padding:34px 0;border-top:1px solid var(--bd);position:relative;z-index:1}
.footer-grid{display:grid;grid-template-columns:1.2fr repeat(5,1fr);gap:24px}
.footer-grid h4{font-size:10px;color:var(--tx);margin-bottom:6px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.footer-grid a{display:block;font-size:10.5px;color:var(--tx3);margin:4px 0;transition:.2s}.footer-grid a:hover{color:var(--ac)}
.bottom{border-top:1px solid var(--bd);margin-top:22px;padding-top:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:10px;color:var(--tx3)}

/* ═══ RESOURCE ═══ */
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.resource-card{min-height:155px;display:flex;flex-direction:column}
.resource-card .type{font-family:var(--mono);font-size:9px;color:var(--ac);font-weight:600;text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px}
.resource-card .go{margin-top:auto;color:var(--ac);font-size:11px;font-weight:700}

/* ═══ MOBILE MENU ═══ */
.mobile-menu{display:none;background:transparent;border:1px solid var(--bd2);color:var(--tx);border-radius:7px;padding:7px 10px;font-size:17px;line-height:1;cursor:pointer}

/* ═══ ANIM ═══ */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.reveal.visible{opacity:1;transform:none}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1000px){
  .mobile-menu{display:inline-flex}
  .hero-grid,.grid2,.demo-box{grid-template-columns:1fr}
  .grid3,.grid4,.resource-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr 1fr}
  .nav-links{display:none!important;width:100%;padding:8px 0 14px;flex-direction:column;align-items:flex-start;gap:3px}
  .nav-links.open{display:flex!important}
  .nav-links>a,.nav-links>.drop>a{padding:8px 0}
  .drop{width:100%}.drop:hover .mega,.drop:focus-within .mega{display:grid}
  .mega{position:static;transform:none;width:100%;box-shadow:none;grid-template-columns:1fr;margin-top:3px;max-height:none}
  .nav-actions{margin-left:auto}
  .split{grid-template-columns:1fr}.demo-result{grid-column:auto}
  .nav-inner{height:auto;min-height:58px;flex-wrap:wrap}
}
@media(max-width:760px){
  .stack-grid{grid-template-columns:1fr}.stack-grid>div{border-right:0!important}.stack-head{display:none}
  .logo-rail{gap:5px}.logo-pill{font-size:9px;padding:5px 8px}
  .exposure-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .wrap{padding:0 18px}.hero{padding:72px 0 48px}.section{padding:58px 0}
  .grid3,.grid4,.resource-grid,.exposure-grid{grid-template-columns:1fr}
  .nav-actions .btn-ghost{display:none}.footer-grid{grid-template-columns:1fr}
  .h1{font-size:36px}.page-title{font-size:28px}
  .stats{gap:16px}.stat .num{font-size:24px}
  .form input{min-width:100%}
  .ticker-section{padding:12px 0}.tk{font-size:11px}
}

/* ═══ PRINT ═══ */
@media print{
  nav,footer,.btn-primary,.btn-ghost,.cta-section,.mobile-menu,.ticker-section{display:none!important}
  body,body::after{background:white!important;color:#1a1a1a!important}
  .card,.term,.proof-card,.tbl,.stack-grid{border:1px solid #ddd!important;break-inside:avoid;background:white!important;color:#1a1a1a!important}
  .section{border-color:#ddd!important;padding:32px 0!important}
  .section.alt{background:transparent!important}
  .h1,.h2,.page-title{color:#111!important}
  .sub,.lead,.mini,.card p,.source-note{color:#444!important}
  .green,.stack-proof,.stack-tool,.eyebrow{color:#0090aa!important}
  .red{color:#c00!important}.amber{color:#a67600!important}
}


/* RC13 design final: subtle brand-colored ecosystem text logos */
.tk,.logo-pill{transition:opacity .25s ease,border-color .25s ease,color .25s ease,background .25s ease}
.tk.brand{opacity:.48;font-weight:700;text-shadow:0 0 18px color-mix(in srgb,currentColor 22%,transparent)}
.tk.brand:hover{opacity:.9}
.logo-pill.brand{font-weight:700;background:color-mix(in srgb,currentColor 9%,transparent);border-color:color-mix(in srgb,currentColor 32%,var(--bd));color:color-mix(in srgb,currentColor 86%,#fff)}
.logo-pill.brand:hover{background:color-mix(in srgb,currentColor 16%,transparent);border-color:color-mix(in srgb,currentColor 58%,var(--bd))}
.b-okta{color:#2B7FFF}.b-auth0{color:#FF7A45}.b-opa{color:#8B5CF6}.b-cedar{color:#63A4FF}.b-kong{color:#30D5C8}.b-cloudflare{color:#F38020}.b-datadog{color:#8B5CF6}.b-splunk{color:#00B140}.b-elastic{color:#F04E98}.b-pagerduty{color:#06AC38}.b-hashicorp{color:#B084F5}.b-zscaler{color:#3B82F6}.b-stripe{color:#635BFF}.b-adyen{color:#0ABF53}.b-checkout{color:#00C2A8}.b-paypal{color:#0070BA}.b-aws{color:#FF9900}.b-gcp{color:#4285F4}.b-azure{color:#0078D4}.b-openai{color:#10A37F}.b-anthropic{color:#D4A373}.b-mistral{color:#FF7000}.b-kafka{color:#F2F2F2}.b-redis{color:#DC382D}.b-postgres{color:#66A6D9}.b-snowflake{color:#29B5E8}.b-mongodb{color:#47A248}.b-ibm{color:#0F62FE}.b-flexera{color:#7C5CFF}.b-mcp{color:#A78BFA}.b-langchain{color:#22C55E}.b-jira{color:#2684FF}.b-github{color:#E6EDF3}.b-dora{color:#00DBFF}.b-nis2{color:#33E3FF}.b-gdpr{color:#48A4FF}.b-aiact{color:#A78BFA}.b-soc2{color:#00E87B}.b-iso{color:#FFB83D}.b-opc{color:#00DBFF}.b-scada{color:#48A4FF}.b-plc{color:#A78BFA}.b-historian{color:#00E87B}.b-siemens{color:#00CCCC}.b-schneider{color:#3DCD58}.b-abb{color:#FF000F}.b-aveva{color:#FF6B00}.b-ignition{color:#FFB83D}.brand-disclaimer{font-size:9.5px;color:var(--tx3);text-align:center;margin-top:8px;font-family:var(--mono)}


/* RC14 — final logo/fav/animation polish */
.logo-img-link{display:inline-flex;align-items:center;min-width:214px;line-height:1;padding:0!important}
.logo-img-link img{display:block;width:214px;height:auto;object-fit:contain;filter:drop-shadow(0 0 18px rgba(0,219,255,.16))}
footer .logo-img-link img{width:190px;opacity:.95}
@media(max-width:620px){.logo-img-link{min-width:168px}.logo-img-link img{width:168px}}

/* Reality Passage animation component */
.rp-shell{position:relative;border:1px solid var(--bd);border-radius:16px;background:linear-gradient(180deg,rgba(19,27,46,.92),rgba(10,15,28,.96));overflow:hidden;box-shadow:0 26px 72px rgba(0,0,0,.32)}
.rp-shell::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,var(--ac),transparent);box-shadow:0 0 32px rgba(0,219,255,.24);opacity:.55;z-index:1;pointer-events:none}
.rp-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--bd);position:relative;z-index:2}
.rp-title{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--tx3)}
.rp-title b{color:var(--ac);font-weight:700}
.rp-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.rp-tab{border:1px solid var(--bd2);background:transparent;color:var(--tx2);border-radius:7px;padding:7px 12px;font-size:11px;font-weight:700;cursor:pointer;font-family:var(--sans);transition:.25s}
.rp-tab:hover{border-color:rgba(0,219,255,.55);color:var(--tx)}
.rp-tab.active{background:var(--ac);border-color:var(--ac);color:#061020}
.rp-body{padding:18px;position:relative;z-index:2}
.rp-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:18px}
.rp-step{position:relative;border:1px solid var(--bd);border-radius:12px;background:rgba(10,15,28,.72);padding:14px 11px;min-height:108px;overflow:hidden;transition:.5s ease;opacity:.62}
.rp-step::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--bd2);transition:.5s}
.rp-step.active{opacity:1;border-color:rgba(0,219,255,.55);box-shadow:0 0 28px rgba(0,219,255,.08);transform:translateY(-2px)}
.rp-step.done{opacity:.9;border-color:rgba(0,219,255,.25)}
.rp-step.active::after{background:var(--ac);box-shadow:0 0 18px rgba(0,219,255,.45)}
.rp-step.bad.active{border-color:rgba(255,90,90,.55);box-shadow:0 0 28px rgba(255,90,90,.08)}
.rp-step.bad.active::after{background:var(--red);box-shadow:0 0 18px rgba(255,90,90,.45)}
.rp-step.warn.active{border-color:rgba(255,184,61,.55);box-shadow:0 0 28px rgba(255,184,61,.08)}
.rp-step.warn.active::after{background:var(--amb);box-shadow:0 0 18px rgba(255,184,61,.45)}
.rp-num{width:25px;height:25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bd2);font-family:var(--mono);font-size:11px;margin-bottom:9px;color:var(--tx2)}
.rp-step.active .rp-num{border-color:var(--ac);color:var(--ac);box-shadow:0 0 14px rgba(0,219,255,.22)}
.rp-name{font-size:12px;font-weight:700;color:var(--tx);margin-bottom:4px}.rp-copy{font-size:10.5px;line-height:1.45;color:var(--tx2)}
.rp-content{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;align-items:stretch}
.rp-card{border:1px solid var(--bd);border-radius:12px;background:rgba(10,15,28,.72);padding:16px;min-height:188px;position:relative;overflow:hidden}
.rp-card h3{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--tx3);font-family:var(--mono);margin-bottom:12px}
.rp-kv{display:grid;gap:8px}.rp-kv div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(28,40,68,.55);padding-bottom:6px;font-family:var(--mono);font-size:11px}.rp-kv span:first-child{color:var(--tx3)}.rp-kv span:last-child{color:var(--tx)}
.rp-kv .bad{color:var(--red)!important}.rp-kv .ok{color:var(--grn)!important}.rp-kv .warn{color:var(--amb)!important}.rp-kv .cyan{color:var(--ac)!important}
.rp-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.rp-metric{border:1px solid var(--bd);border-radius:10px;background:rgba(255,255,255,.015);padding:11px;text-align:center}.rp-metric b{display:block;font-size:20px;line-height:1;color:var(--ac);letter-spacing:-.02em}.rp-metric span{display:block;font-size:9px;color:var(--tx3);margin-top:5px;text-transform:uppercase;letter-spacing:.05em}
.rp-verdict{font-family:var(--mono);font-size:13px;font-weight:800;letter-spacing:.06em;padding:12px 14px;border-radius:10px;margin-top:14px;text-align:center;background:var(--acd);color:var(--ac);border:1px solid rgba(0,219,255,.25)}
.rp-verdict.breach{background:var(--redd);color:var(--red);border-color:rgba(255,90,90,.25)}.rp-verdict.held{background:var(--grnd);color:var(--grn);border-color:rgba(0,232,123,.25)}.rp-verdict.watch{background:var(--ambd);color:var(--amb);border-color:rgba(255,184,61,.25)}
.rp-narration{margin-top:14px;min-height:24px;text-align:center;color:var(--tx2);font-size:13px;transition:opacity .25s}.rp-lock{font-size:10px;color:var(--tx3);font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em}.rp-progress{height:2px;background:var(--bd);border-radius:99px;overflow:hidden;margin-top:14px}.rp-progress span{display:block;height:100%;width:0;background:var(--ac);box-shadow:0 0 18px rgba(0,219,255,.4);transition:width .35s ease}
@media(max-width:1000px){.rp-content{grid-template-columns:1fr}.rp-steps{grid-template-columns:repeat(3,1fr)}.rp-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.rp-head{align-items:flex-start;flex-direction:column}.rp-tabs{justify-content:flex-start}.rp-steps{grid-template-columns:1fr 1fr}.rp-step{min-height:92px}.rp-content{gap:10px}.rp-card{min-height:0}}
@media(prefers-reduced-motion:reduce){.rp-step,.rp-progress span{transition:none!important}.ticker-row{animation:none!important}}