:root {
  --bg: #04101f;
  --bg-deep: #020a14;
  --bg-soft: #07182f;
  --surface: rgba(9, 28, 52, .72);
  --surface-2: rgba(7, 24, 47, .88);
  --line: rgba(147, 190, 255, .20);
  --line-strong: rgba(116, 207, 255, .40);
  --text: #f7fbff;
  --muted: #9db1c7;
  --cyan: #69e6ff;
  --blue: #4fa8ff;
  --violet: #8b72ff;
  --mint: #6af0c2;
  --radius: 24px;
  --radius-sm: 16px;
  --shell: min(1180px, calc(100vw - 40px));
  --shadow: 0 30px 90px rgba(0, 0, 0, .34);
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; color-scheme: dark; }
body {
  margin: 0;
  background:
    radial-gradient(circle at 78% 2%, rgba(82, 120, 255, .11), transparent 26%),
    radial-gradient(circle at 20% 18%, rgba(47, 205, 255, .06), transparent 24%),
    linear-gradient(180deg, #04101f 0%, #020a14 64%, #04101f 100%);
  color: var(--text);
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.65;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .14;
  z-index: 50;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}
img { max-width: 100%; height: auto; }
a { color: inherit; }
button, input, textarea, select { font: inherit; }
.site-shell { width: var(--shell); margin-inline: auto; }
.screen-reader-text, .skip-link:not(:focus) { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link:focus { position: fixed; left: 20px; top: 20px; z-index: 999; background: #fff; color: #04101f; padding: 12px 18px; border-radius: 999px; }

.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 40;
  border-bottom: 1px solid transparent;
  transition: background .25s ease, border-color .25s ease, backdrop-filter .25s ease;
}

/* =========================================
   WORDPRESS ADMIN BAR FIX
   ========================================= */

body.admin-bar .site-header {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar .site-header {
        top: 46px;
    }
}

@media screen and (max-width: 1040px) {
    body.admin-bar .site-nav {
        margin-top: 32px;
    }
}

@media screen and (max-width: 782px) {
    body.admin-bar .site-nav {
        margin-top: 46px;
    }
}

.site-header.is-scrolled { background: rgba(3, 12, 25, .75); border-color: rgba(164, 210, 255, .12); backdrop-filter: blur(18px); }
.site-header__inner { height: 82px; display: grid; grid-template-columns: auto 1fr auto; gap: 30px; align-items: center; }
.site-brand { display: inline-flex; gap: 10px; align-items: center; text-decoration: none; font-weight: 780; letter-spacing: -.03em; font-size: 20px; color: white; white-space: nowrap; }
.site-brand img { width: 46px; height: 46px; }
.site-brand__custom .custom-logo-link { display: inline-flex; align-items: center; }
.site-brand__custom .custom-logo { max-height: 46px; width: auto; }
.site-nav { justify-self: center; }
.site-nav__list { display: flex; gap: 26px; align-items: center; list-style: none; margin: 0; padding: 0; }
.site-nav__list li { position: relative; }
.site-nav__list a { text-decoration: none; font-size: 14px; color: #c9d7e7; transition: color .2s ease; }
.site-nav__list a:hover, .site-nav__list .current-menu-item > a { color: white; }
.site-nav__list .sub-menu { display: none; position: absolute; top: calc(100% + 12px); left: -16px; padding: 12px; min-width: 190px; list-style: none; margin: 0; background: rgba(6, 21, 42, .96); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow); }
.site-nav__list li:hover > .sub-menu { display: grid; gap: 8px; }
.site-nav__list .sub-menu a { display: block; padding: 8px 10px; }
.nav-toggle { display: none; border: 0; background: transparent; width: 44px; height: 44px; padding: 12px 9px; margin-top: -5px; cursor: pointer;}
.nav-toggle span:not(.screen-reader-text) { display: block; height: 2px; background: white; margin: 5px 0; transition: transform .2s ease; }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 50px; padding: 0 22px; border: 1px solid rgba(134, 207, 255, .34); border-radius: 999px; color: white; text-decoration: none; font-size: 14px; font-weight: 700; letter-spacing: -.01em; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button--small { min-height: 42px; padding-inline: 18px; }
.button--glow { color: #06101f; border-color: transparent; background: linear-gradient(110deg, #8b72ff 0%, #82b4ff 45%, #71efff 100%); box-shadow: 0 10px 35px rgba(93, 166, 255, .30), inset 0 1px 0 rgba(255,255,255,.55); }
.button--glow:hover { box-shadow: 0 16px 46px rgba(93, 166, 255, .42), inset 0 1px 0 rgba(255,255,255,.65); }
.button--ghost { background: rgba(5, 17, 34, .34); backdrop-filter: blur(14px); }
.button--ghost:hover { border-color: var(--cyan); background: rgba(54, 163, 255, .08); }
.text-link { color: var(--cyan); text-decoration: none; font-weight: 700; font-size: 14px; }
.text-link span, .bento-card a span { transition: transform .2s ease; display: inline-block; }
.text-link:hover span, .bento-card a:hover span { transform: translateX(4px); }

.hero { min-height: 760px; padding: 154px 0 72px; position: relative; overflow: hidden; border-bottom: 1px solid rgba(155, 206, 255, .12); }
.hero::after { content:""; position:absolute; left:-15%; right:-15%; bottom:-140px; height:260px; border-radius:50%; border-top:1px solid rgba(111,196,255,.36); box-shadow: 0 -20px 80px rgba(66,139,255,.14), inset 0 18px 55px rgba(86,144,255,.10); transform: rotate(-3deg); }
.hero__aurora { position: absolute; width: 740px; height: 740px; right: -190px; top: -250px; border-radius: 50%; background: radial-gradient(circle, rgba(57,132,255,.32) 0%, rgba(73,72,240,.11) 34%, transparent 69%); filter: blur(14px); }
.hero__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 56px; align-items: center; position: relative; z-index: 2; }
.eyebrow { margin: 0 0 18px; color: #b8cae1; font-size: 11px; font-weight: 800; letter-spacing: .30em; text-transform: uppercase; }
.hero h1 { max-width: 700px; margin: 0; font-size: clamp(46px, 5.4vw, 44px); line-height: .98; letter-spacing: -.055em; text-wrap: balance; }
.hero h1::after { content: ""; display: inline-block; width: .7ch; height: .16em; margin-left: .08em; vertical-align: .14em; background: linear-gradient(90deg, var(--cyan), var(--violet)); border-radius: 999px; box-shadow: 0 0 22px rgba(111, 224, 255, .55); }
.hero__lead { max-width: 620px; color: #b8c8dc; font-size: 17px; line-height: 1.72; margin: 26px 0 0; }
.hero__actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 30px; }
.hero__proof { margin-top: 38px; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 13px 22px; color: #bcd0e4; font-size: 13px; }
.hero__proof span { display: flex; align-items: center; gap: 8px; }
.hero__proof b { color: var(--cyan); font-size: 18px; }
.hero__visual { min-height: 520px; position: relative; display: flex; align-items: center; justify-content: center; perspective: 1200px; }
.hero__planet { position: absolute; width: 760px; max-width: none; right: -190px; top: -215px; opacity: .93; pointer-events: none; filter: drop-shadow(0 0 34px rgba(77, 150, 255, .22)); }
.app-window { width: min(100%, 650px); transform: perspective(1200px) rotateY(-7deg) rotateX(2deg); transform-origin: center; background: linear-gradient(180deg, rgba(10,31,59,.94), rgba(4,18,37,.96)); border: 1px solid rgba(103,188,255,.48); border-radius: 22px; box-shadow: 0 28px 90px rgba(0,0,0,.52), 0 0 0 1px rgba(98,109,255,.11) inset, 0 0 70px rgba(56,125,255,.12); overflow: hidden; transition: transform .18s ease-out; }
.app-window__bar { height: 54px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(130,184,255,.13); background: rgba(4,16,33,.56); }
.app-window__brand { display:flex; align-items:center; gap:8px; font-weight:700; font-size:14px; }
.app-window__brand img { width:24px; height:24px; }
.app-window__status { font-size: 11px; color: var(--mint); border: 1px solid rgba(106,240,194,.30); background: rgba(48,215,167,.08); padding: 5px 9px; border-radius:999px; }
.app-window__status i { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--mint); margin-right:5px; box-shadow: 0 0 10px var(--mint); }
.app-window__body { display:grid; grid-template-columns: 54px 1fr; min-height: 330px; }
.app-sidebar { display:flex; flex-direction:column; align-items:center; gap:12px; padding-top:14px; border-right:1px solid rgba(130,184,255,.11); color:#839bb4; }
.app-sidebar span { width:32px; height:32px; display:grid; place-items:center; border-radius:9px; }
.app-sidebar .active { background:rgba(80,156,255,.16); color:var(--cyan); }
.app-canvas { padding: 22px 20px 17px; }
.app-canvas__header { display:flex; flex-direction:column; font-weight:800; font-size:18px; line-height:1.25; }
.app-canvas__header small { color:#7890a9; font-size:10px; font-weight:500; margin-top:4px; }
.flow-diagram { min-height: 210px; display:grid; grid-template-columns:1fr 100px 1fr; align-items:center; gap:14px; position:relative; }
.flow-diagram::before, .flow-diagram::after { content:""; position:absolute; top:50%; width:38%; height:1px; background:linear-gradient(90deg, transparent, var(--blue), transparent); box-shadow:0 0 15px rgba(89,169,255,.75); }
.flow-diagram::before { left:20%; transform:rotate(8deg); }
.flow-diagram::after { right:20%; transform:rotate(-8deg); }
.flow-stack { display:grid; gap:8px; position:relative; z-index:2; }
.flow-stack span { min-height:34px; display:flex; align-items:center; padding:0 10px; border:1px solid rgba(90,172,255,.24); background:rgba(8,28,55,.82); border-radius:9px; font-size:9px; color:#b8cbe0; }
.flow-core { position:relative; z-index:3; width:92px; height:92px; border-radius:50%; display:grid; place-items:center; background:radial-gradient(circle at 45% 35%, #183b78, #07182f 65%); border:1px solid rgba(116,226,255,.75); box-shadow:0 0 28px rgba(78,157,255,.48), 0 0 0 8px rgba(97,98,255,.08); }
.flow-core img { width:46px; filter:drop-shadow(0 0 11px rgba(112,220,255,.6)); margin-left: -3px; margin-top: -1px; }
.app-canvas__footer { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; }
.app-canvas__footer span { font-size:9px; color:#7fd6ff; padding:5px 8px; border-radius:999px; background:rgba(70,139,255,.08); border:1px solid rgba(86,158,255,.16); }
.hero__note { position:absolute; right:3px; bottom:14px; color:#7892b3; text-align:right; font-size:12px; font-style:italic; transform:rotate(-4deg); }
.hero__note strong { color:#a886ff; font-weight:500; }

.section { padding: 102px 0; position: relative; }
.section-heading { max-width: 760px; margin-bottom: 44px; }
.section-heading--center { text-align:center; margin-inline:auto; }
.section-heading--split { max-width:none; display:flex; align-items:end; justify-content:space-between; gap:30px; }
.section-heading h2 { margin:0; font-size:clamp(34px,4vw,38px); line-height:1.04; letter-spacing:-.045em; text-wrap:balance; }
.section-heading p:not(.eyebrow) { margin:16px auto 0; color:var(--muted); max-width:680px; }
.section--intro { background:linear-gradient(180deg, rgba(3,12,24,.58), rgba(3,12,24,.18)); }
.bento-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:14px; }
.bento-card { min-height:300px; position:relative; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius-sm); background:linear-gradient(145deg, rgba(8,27,52,.86), rgba(4,17,34,.82)); box-shadow:inset 0 1px 0 rgba(255,255,255,.03); }
.bento-card::after { content:""; position:absolute; inset:auto -20% -60% 20%; height:80%; background:radial-gradient(circle, rgba(60,117,255,.12), transparent 68%); pointer-events:none; }
.bento-card:hover { border-color:rgba(110,209,255,.38); }
.bento-card__copy { position:relative; z-index:3; padding:26px; max-width:62%; }
.bento-card h3 { margin:12px 0 8px; font-size:22px; letter-spacing:-.025em; }
.bento-card p { margin:0 0 18px; color:#9db0c5; font-size:14px; line-height:1.55; }
.bento-card a { color:var(--cyan); font-size:13px; text-decoration:none; font-weight:800; }
.bento-card > img { position:absolute; right:0; bottom:0; width:52%; height:82%; object-fit:contain; object-position:right bottom; z-index:1; }
.bento-card--agents { grid-column:span 4; }
.bento-card--flow { grid-column:span 4; }
.bento-card--sovereign { grid-column:span 4; }
.bento-card--grounded { grid-column:span 6; min-height:260px; }
.bento-card--sustain { grid-column:span 6; min-height:260px; }
.icon-badge { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(105,230,255,.32); border-radius:11px; color:var(--cyan); background:rgba(72,147,255,.08); box-shadow:0 0 20px rgba(74,136,255,.10); }
.bento-card--sustain .icon-badge { color:var(--mint); border-color:rgba(106,240,194,.3); }

.section--process { border-top:1px solid rgba(128,184,255,.08); }
.process-grid { display:grid; grid-template-columns:1fr 46px 1fr 46px 1fr; gap:14px; align-items:center; }
.process-card { min-height:300px; position:relative; border:1px solid var(--line); border-radius:var(--radius-sm); padding:22px; background:linear-gradient(160deg, rgba(8,27,52,.84), rgba(5,18,36,.64)); }
.process-card__number { position:absolute; left:20px; top:18px; width:26px; height:26px; display:grid; place-items:center; color:#07101e; font-weight:800; font-size:12px; border-radius:50%; background:linear-gradient(135deg,#80c7ff,#8a72ff); box-shadow:0 0 24px rgba(118,142,255,.4); }
.process-card__visual { height:128px; margin:28px 0 16px; position:relative; display:flex; align-items:center; justify-content:center; }
.doc-card { position:absolute; width:78px; height:98px; border-radius:9px; border:1px solid rgba(121,183,255,.32); background:linear-gradient(145deg,rgba(37,79,132,.65),rgba(9,28,54,.9)); box-shadow:0 13px 30px rgba(0,0,0,.2); }
.doc-card::after { content:""; position:absolute; left:15px; right:15px; top:24px; height:35px; background:repeating-linear-gradient(to bottom, rgba(178,214,255,.5) 0 2px, transparent 2px 9px); }
.doc-card--1 { transform:translateX(-34px) rotate(-4deg); opacity:.5; }
.doc-card--2 { transform:translateX(0); opacity:.72; }
.doc-card--3 { transform:translateX(34px) rotate(4deg); }
.process-card__visual--agents i { position:absolute; width:34px; height:34px; border-radius:50%; border:1px solid rgba(111,193,255,.4); background:radial-gradient(circle,#2b6bc4,#0b2447 65%); box-shadow:0 0 18px rgba(62,146,255,.18); }
.process-card__visual--agents i:nth-child(1){transform:translate(-58px,-24px)} .process-card__visual--agents i:nth-child(2){transform:translate(58px,-24px)} .process-card__visual--agents i:nth-child(3){transform:translate(-42px,46px)} .process-card__visual--agents i:nth-child(4){transform:translate(42px,46px)}
.process-card__visual--agents span { width:52px; height:52px; border-radius:50%; border:1px solid rgba(142,124,255,.6); background:radial-gradient(circle,#38317b,#0b1831 70%); box-shadow:0 0 26px rgba(128,104,255,.28); }
.process-card__visual--agents::before { content:""; position:absolute; width:150px; height:90px; background:conic-gradient(from 90deg, transparent, rgba(105,205,255,.35), transparent 35%, rgba(139,114,255,.3), transparent); mask:radial-gradient(transparent 53%,#000 54% 58%,transparent 59%); }
.process-card__visual--code { flex-direction:column; gap:11px; }
.process-card__visual--code span { font-size:34px; color:var(--cyan); text-shadow:0 0 20px rgba(105,230,255,.45); }
.process-card__visual--code code { padding:9px 13px; border:1px solid rgba(103,180,255,.2); border-radius:9px; color:#99b9dd; background:rgba(0,8,18,.5); }
.process-card h3 { margin:0 0 8px; font-size:19px; }
.process-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.55; }
.process-arrow { font-size:32px; text-align:center; color:#718cff; text-shadow:0 0 18px rgba(81,128,255,.45); }

.section--proof { padding-top:86px; background:radial-gradient(circle at 50% 42%, rgba(65,104,215,.08), transparent 40%); }
.proof-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
.proof-card { min-height:146px; padding:18px; border:1px solid var(--line); border-radius:14px; background:rgba(6,20,40,.58); display:flex; flex-direction:column; gap:7px; }
.proof-card > span { color:var(--cyan); font-size:24px; }
.proof-card strong { font-size:14px; }
.proof-card small { color:#869bb2; font-size:11px; line-height:1.45; }
.trust-row { margin-top:36px; border-top:1px solid rgba(122,182,255,.12); border-bottom:1px solid rgba(122,182,255,.12); padding:22px 0; display:flex; gap:28px; align-items:center; justify-content:space-between; color:#a5b8cc; font-size:12px; overflow:auto; }
.trust-row > span { text-transform:uppercase; letter-spacing:.18em; font-size:9px; color:#71849a; min-width:150px; }
.trust-row div { white-space:nowrap; }
.trust-row b { color:#d8e8ff; margin-right:7px; }

.section--insights { padding-top:92px; }
.insight-grid, .post-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.insight-card, .post-card { overflow:hidden; border:1px solid var(--line); border-radius:var(--radius-sm); background:rgba(7,23,45,.68); }
.insight-card__image, .post-card__image { min-height:190px; display:block; overflow:hidden; background:radial-gradient(circle at 65% 35%, rgba(90,90,255,.28), transparent 35%), linear-gradient(145deg,#0d2d56,#061426 65%); text-decoration:none; }
.insight-card__image img, .post-card__image img { width:100%; height:220px; object-fit:cover; display:block; transition:transform .35s ease; }
.insight-card:hover .insight-card__image img, .post-card:hover .post-card__image img { transform:scale(1.035); }
.insight-card__placeholder, .post-card__image > span { min-height:190px; display:flex; align-items:flex-end; padding:18px; color:rgba(174,208,245,.58); font-size:10px; letter-spacing:.22em; }
.insight-card__body, .post-card__body { padding:22px; }
.insight-card__meta, .post-card__meta { display:flex; justify-content:space-between; gap:12px; color:#6f89a4; text-transform:uppercase; letter-spacing:.14em; font-size:9px; }
.insight-card h3, .post-card h2 { margin:12px 0 9px; font-size:21px; line-height:1.2; letter-spacing:-.025em; }
.insight-card h3 a, .post-card h2 a { text-decoration:none; }
.insight-card p, .post-card p { color:#94a9bf; font-size:13px; line-height:1.6; }

.site-footer { padding:0 0 30px; }
.footer-cta { min-height:245px; position:relative; overflow:hidden; border:1px solid rgba(116,191,255,.34); border-radius:24px; padding:42px; display:flex; align-items:center; justify-content:space-between; gap:30px; background:linear-gradient(125deg,rgba(10,43,83,.88),rgba(7,21,43,.88) 55%,rgba(15,24,63,.86)); box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
.footer-cta__copy { max-width:680px; position:relative; z-index:2; }
.footer-cta h2 { font-size:clamp(32px,4vw,52px); letter-spacing:-.045em; line-height:1.02; margin:0; }
.footer-cta p:not(.eyebrow) { color:#a5b9ce; margin:13px 0 0; }
.footer-cta__actions { display:flex; gap:10px; flex-wrap:wrap; position:relative; z-index:2; }
.footer-cta__orbit { position:absolute; right:-80px; top:-140px; width:470px; opacity:.42; pointer-events:none; }
.site-footer__grid { padding:46px 0 30px; display:grid; grid-template-columns:1fr 1.2fr .7fr; gap:36px; border-bottom:1px solid rgba(135,187,240,.12); }
.site-brand--footer { font-size:19px; }
.site-footer__tagline { max-width:240px; color:#788ea6; font-size:12px; }
.footer-nav__list { list-style:none; padding:0; margin:4px 0 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 26px; }
.footer-nav__list a { color:#9aacc0; text-decoration:none; font-size:12px; }
.footer-contact { display:grid; gap:8px; align-content:start; }
.footer-contact span { color:#71859c; text-transform:uppercase; letter-spacing:.18em; font-size:9px; }
.footer-contact a { color:var(--cyan); text-decoration:none; font-size:13px; }
.site-footer__bottom { padding-top:22px; display:flex; justify-content:space-between; gap:20px; color:#61768d; font-size:10px; }

.inner-main { min-height:70vh; padding:150px 0 90px; }
.content-shell { width:min(1180px,calc(100vw - 40px)); margin:auto; }
.content-shell--narrow { width:min(820px,calc(100vw - 40px)); }
.archive-header { margin-bottom:44px; }
.archive-header h1, .entry-header h1 { margin:0; font-size:clamp(42px,6vw,60px); letter-spacing:-.055em; line-height:1.02; }
.archive-description, .entry-meta { color:#8da3ba; }
.entry-header { margin-bottom:38px; }
.entry-hero { margin:0 0 40px; }
.entry-hero img { width:100%; border-radius:22px; }
.entry-content { color:#c3d1df; font-size:17px; }
.entry-content h2, .entry-content h3, .entry-content h4 { color:white; letter-spacing:-.03em; line-height:1.18; margin-top:2em; }
.entry-content h2 { font-size:36px; }
.entry-content a { color:var(--cyan); }
.entry-content blockquote { margin:2em 0; padding:8px 0 8px 24px; border-left:2px solid var(--violet); color:#dbe8f6; font-size:1.16em; }
.entry-content pre { overflow:auto; padding:18px; border:1px solid var(--line); border-radius:14px; background:#020a14; }
.post-navigation { margin-top:54px; padding-top:24px; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:30px; }
.post-navigation a { color:#a9caea; text-decoration:none; }
.pagination { margin-top:40px; }
.pagination .nav-links { display:flex; gap:8px; }
.pagination a, .pagination span { display:grid; place-items:center; min-width:40px; height:40px; padding:0 12px; border:1px solid var(--line); border-radius:999px; text-decoration:none; }
.empty-state { padding:70px 0; text-align:center; }
.empty-state h1 { font-size:clamp(42px,7vw,66px); line-height:1; letter-spacing:-.05em; margin:0 0 20px; }
.empty-state p { color:#9aafc4; }
.search-form { display:flex; gap:8px; }
.search-field { min-height:44px; border:1px solid var(--line); border-radius:999px; padding:0 16px; background:#07182f; color:white; }

.reveal { opacity:0; transform:translateY(22px); transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); }
.reveal.is-visible { opacity:1; transform:none; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; animation:none !important; transition:none !important; }
  .reveal { opacity:1; transform:none; }
}

@media (max-width: 1040px) {
  .site-header__inner { grid-template-columns:auto auto 1fr; }
  .site-header__cta { justify-self:end; }
  .site-nav { position:fixed; inset:82px 20px auto; background:rgba(4,16,32,.98); border:1px solid var(--line); border-radius:18px; padding:18px; transform:translateY(-15px); opacity:0; visibility:hidden; box-shadow:var(--shadow); }
  .site-nav.is-open { transform:none; opacity:1; visibility:visible; }
  .site-nav__list { flex-direction:column; align-items:stretch; gap:4px; }
  .site-nav__list a { display:block; padding:11px 10px; }
  .site-nav__list .sub-menu { position:static; display:grid; box-shadow:none; background:transparent; border:0; margin-left:15px; padding:0; }
  .nav-toggle { display:block; grid-column:2; }
  .hero__grid { grid-template-columns:1fr; }
  .hero__content { max-width:780px; }
  .hero__visual { min-height:500px; }
  .app-window { width:min(760px,92%); }
  .bento-card--agents, .bento-card--flow, .bento-card--sovereign { grid-column:span 6; }
  .bento-card--sovereign { grid-column:span 12; }
  .proof-grid { grid-template-columns:repeat(3,1fr); }
}

@media (max-width: 760px) {
  :root { --shell: min(100% - 28px, 1180px); }
  .site-header__inner { height:72px; gap:10px; grid-template-columns:auto 1fr auto; }
  .nav-toggle { grid-column:3; }
  .site-header__cta { display:none; }
  .site-nav { inset:72px 14px auto; }
  .hero { padding:124px 0 58px; min-height:auto; }
  .hero h1 { font-size:clamp(43px,13vw,66px); }
  .hero__lead { font-size:15px; }
  .hero__proof { grid-template-columns:1fr 1fr; }
  .hero__visual { min-height:390px; margin-inline:-12px; }
  .hero__planet { visibility: none; }
  .app-window { transform:none; width:96%; border-radius:18px; }
  .app-window__body { grid-template-columns:42px 1fr; }
  .app-sidebar { font-size:11px; }
  .app-sidebar span { width:27px; height:27px; }
  .flow-diagram { grid-template-columns:1fr 72px 1fr; gap:7px; }
  .flow-core { width:68px; height:68px; }
  .flow-core img { width:34px; }
  .flow-stack span { padding:0 7px; font-size:7px; min-height:29px; }
  .hero__note { display:none; }
  .section { padding:76px 0; }
  .section-heading { margin-bottom:30px; }
  .section-heading--split { display:block; }
  .section-heading--split .text-link { display:inline-block; margin-top:16px; }
  .bento-grid { grid-template-columns:1fr; }
  .bento-card--agents, .bento-card--flow, .bento-card--sovereign, .bento-card--grounded, .bento-card--sustain { grid-column:auto; min-height:320px; }
  .bento-card__copy { max-width:75%; padding:22px; }
  .bento-card > img { width:58%; height:70%; opacity:.82; }
  .process-grid { grid-template-columns:1fr; }
  .process-arrow { transform:rotate(90deg); height:28px; }
  .proof-grid { grid-template-columns:1fr 1fr; }
  .proof-card:last-child { grid-column:span 2; }
  .trust-row { justify-content:flex-start; }
  .insight-grid, .post-grid { grid-template-columns:1fr; }
  .footer-cta { padding:28px; display:block; min-height:340px; }
  .footer-cta__actions { margin-top:22px; }
  .footer-cta__orbit { opacity:.24; right:-180px; top:20px; }
  .site-footer__grid { grid-template-columns:1fr; }
  .site-footer__bottom { flex-direction:column; }
}

@media (max-width: 480px) {
  .hero__proof { grid-template-columns:1fr; }
  .hero__actions .button { width:100%; }
  .hero__planet { visibility: none; }
  .flow-diagram { grid-template-columns:1fr 58px 1fr; }
  .flow-core { width:56px; height:56px; }
  .flow-core img { width:28px;}
  .app-canvas { padding-inline:10px; }
  .proof-grid { grid-template-columns:1fr; }
  .proof-card:last-child { grid-column:auto; }
  .bento-card__copy { max-width:86%; }
}


/* Stellora.AI custom header logo */
.site-brand__custom .custom-logo-link {
    display: inline-flex;
    align-items: center;
}

/* ============================================================
   STELLORA.AI
   GLOBAL CSS FIX — LOGO / INNER PAGES / SPACING / MOBILE
   Place at VERY END of assets/css/theme.css
   ============================================================ */


.site-brand .stellora-logo {
    display: block;
    width: auto;
    max-width: 220px;
    max-height: 48px;

    filter:
        drop-shadow(1px 0 0 rgba(255,255,255,.82))
        drop-shadow(-1px 0 0 rgba(255,255,255,.82))
        drop-shadow(0 1px 0 rgba(255,255,255,.82))
        drop-shadow(0 -1px 0 rgba(255,255,255,.82))
        drop-shadow(0 0 8px rgba(105,230,255,.45))
        drop-shadow(0 0 18px rgba(139,114,255,.20));
}

@media (max-width: 760px) {
    .site-brand .stellora-logo {
        max-width: 180px;
        max-height: 40px;
    }
}



#####################################
# custom fixed

.main-navigation a {
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 8px 14px;
    transition: border-color 0.2s ease,
                background 0.2s ease,
                box-shadow 0.2s ease;
}

.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-ancestor > a {
    border-color: rgba(120, 210, 255, 0.75);
    background: rgba(80, 150, 255, 0.08);
    box-shadow:
        0 0 10px rgba(90, 200, 255, 0.18),
        inset 0 0 10px rgba(130, 100, 255, 0.06);
}


/* =========================================
   STELLORA.AI - MENU ACTIVE / HOVER BORDER
   ========================================= */

.site-nav__list > li > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 8px 14px;

    border: 1px solid transparent;
    border-radius: 4px;

    transition:
        color .2s ease,
        border-color .2s ease,
        background-color .2s ease,
        box-shadow .2s ease;
}

/* Active WordPress menu item */
.site-nav__list > .current-menu-item > a,
.site-nav__list > .current_page_item > a,
.site-nav__list > .current-menu-ancestor > a,
.site-nav__list > .current_page_ancestor > a {
    color: #ffffff;

    border-color: rgba(150, 225, 255, .85);
    background: rgba(100, 190, 255, .05);

    box-shadow:
        0 0 10px rgba(95, 200, 255, .12),
        inset 0 0 10px rgba(120, 200, 255, .04);
}

/* Hover */
.site-nav__list > li > a:hover {
    color: #ffffff;
    border-color: rgba(255, 255, 255, .42);
    background: rgba(255, 255, 255, .035);

}


# hide truest
@media (max-width: 1024px) {
    .trust-row > span {
        display: none !important;
    }
}

/* =========================================
   STELLORA.AI - GLOBAL GLOW COLORS
   ========================================= */

:root {
    --stellora-cyan: #69e6ff;
    --stellora-blue: #5ca8ff;
    --stellora-violet: #8b72ff;

    --stellora-glow-soft: rgba(105, 230, 255, .20);
    --stellora-glow-medium: rgba(105, 230, 255, .38);
    --stellora-glow-violet: rgba(139, 114, 255, .30);
}


/* =========================================
   HEADER LOGO - STRONGER GLOW
   ========================================= */

.site-brand__logo {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    filter:
        drop-shadow(0 0 2px rgba(255,255,255,.50))
        drop-shadow(0 0 7px rgba(105,230,255,.48))
        drop-shadow(0 0 14px rgba(92,168,255,.32))
        drop-shadow(0 0 24px rgba(105,230,255,.18))
        drop-shadow(0 0 34px rgba(139,114,255,.10));

    transition:
        transform .2s ease,
        filter .2s ease;
}


/* Logo hover */
.site-brand:hover .site-brand__logo {
    transform: scale(1.045);

    filter:
        drop-shadow(0 0 3px rgba(255,255,255,.70))
        drop-shadow(0 0 8px rgba(105,230,255,.65))
        drop-shadow(0 0 16px rgba(92,168,255,.42))
        drop-shadow(0 0 24px rgba(139,114,255,.28));
}


/* =========================================
   MENU - SAME STELLORA COLORS
   ========================================= */

.site-nav__list > li > a {
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease,
        border-color .2s ease,
        color .2s ease;
}

.site-nav__list > li > a:hover {
    border-color: rgba(105,230,255,.55);
    background: rgba(105,230,255,.06);

    box-shadow:
        0 0 16px rgba(105,230,255,.12),
        0 0 32px rgba(139,114,255,.08);
}


/* Active menu */
.site-nav__list > .current-menu-item > a,
.site-nav__list > .current_page_item > a,
.site-nav__list > .current-menu-ancestor > a,
.site-nav__list > .current_page_ancestor > a {
    color: #fff;

    border-color: rgba(105,230,255,.82);

    background:
        linear-gradient(
            135deg,
            rgba(105,230,255,.09),
            rgba(139,114,255,.06)
        );

    box-shadow:
        0 0 10px rgba(105,230,255,.18),
        0 0 22px rgba(139,114,255,.10),
        inset 0 0 12px rgba(105,230,255,.04);
}

/* =========================================
   FIX: KEEP HERO PLANET IN BACKGROUND
   TABLET + MOBILE
   ========================================= */

@media (max-width: 1040px) {

    .hero__visual {
        position: relative;
        isolation: isolate;
    }

    .hero__planet {
        z-index: 0 !important;
        opacity: .35;
    }

    .app-window {
        position: relative;
        z-index: 2;
    }
}

/* =========================================
   FIX: MENU GLOW
   ========================================= */


@media (max-width: 1040px) {

    .site-nav {
        border-color: rgba(105,230,255,.38) !important;

        box-shadow:
            0 0 14px rgba(105,230,255,.16),
            0 0 30px rgba(92,168,255,.12),
            0 0 48px rgba(139,114,255,.08) !important;
    }
}

/* =========================================
   FIX: about comnapy
   ========================================= */


.tmm .tmm_member .tmm_textblock {
    padding: 0px 0px !important;
}

.tmm .tmm_member, .tmm .tmm_2_columns .tmm_member, .tmm .tmm_3_columns .tmm_member, .tmm .tmm_4_columns .tmm_member, .tmm .tmm_5_columns .tmm_member {
    background-color: transparent !important;

}

.tmm .tmm_names span, .tmm .tmm_names span.tmm_fname, .tmm .tmm_names span.tmm_lname, .tmm .tmm_names {
    color: #c3d1df !important;

}

.tmm .tmm_member {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

.tmm .tmm_member .tmm_photo, .tmm .tmm_2_columns .tmm_member .tmm_photo, .tmm .tmm_3_columns .tmm_member .tmm_photo, .tmm .tmm_4_columns .tmm_member .tmm_photo, .tmm .tmm_5_columns .tmm_member .tmm_photo {
    border: none !important;
    box-shadow:
       0 0 14px rgba(105,230,255,.16),
       0 0 30px rgba(92,168,255,.12),
       0 0 48px rgba(139,114,255,.08) !important;
    }

}

.tmm .tmm_member, .tmm .tmm_2_columns .tmm_member, .tmm .tmm_3_columns .tmm_member, .tmm .tmm_4_columns .tmm_member, .tmm .tmm_5_columns .tmm_member {
    width: 35% !important;
}


/* =========================================
   FIX: SCREENSHOTS
   ========================================= */

.slb_theme_slb_black .slb_data_title {
    visibility: hidden !important;
}


.slb_theme_slb_black .slb_group_status {
    visibility: hidden !important;
}



/* =========================================
   COMPACT DESKTOP NAVIGATION — 1.3.4
   Preserve the vertical menu at 1040px and below.
   ========================================= */
@media (min-width: 1041px) {
    .site-nav__list {
        gap: 12px;
    }

    .site-nav__list > li > a {
        padding-inline: 8px;
        white-space: nowrap;
    }
}

/* Keep all seven current labels on one row near the menu breakpoint. */
@media (min-width: 1041px) and (max-width: 1199px) {
    .site-header__inner {
        column-gap: 20px;
    }

    .site-nav__list {
        gap: 8px;
    }

    .site-nav__list > li > a {
        padding-inline: 6px;
    }
}