:root {
  --bg: #050b14;
  --bg-soft: #081221;
  --panel: #0a1626;
  --panel-2: #0d1b2e;
  --line: #17304c;
  --line-soft: rgba(88, 140, 206, .18);
  --text: #f4f8ff;
  --muted: #91a6bf;
  --muted-2: #627a96;
  --blue: #4b7cff;
  --blue-2: #76a0ff;
  --cyan: #55d3ff;
  --teal: #28d7a2;
  --gold: #f2c052;
  --violet: #9d7dff;
  --radius: 22px;
  --shadow: 0 34px 90px rgba(0, 0, 0, .34);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  background:
    radial-gradient(circle at 17% 0%, rgba(35, 90, 170, .11), transparent 32%),
    radial-gradient(circle at 85% 10%, rgba(28, 131, 173, .08), transparent 30%),
    var(--bg);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
.site-shell { overflow: hidden; }

.topbar, .auth-header, .simple-header {
  height: 82px;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 20;
}
.brand { display: inline-flex; align-items: center; gap: 14px; min-width: 0; }
.brand-mark {
  width: 54px; height: 54px; display: inline-block; flex: none;
  background: url("/pelagic-halo-canonical.jpg") center / cover no-repeat;
  border-radius: 50%;
  filter: drop-shadow(0 0 16px rgba(37, 99, 235, .34));
}
.brand-mark::before, .brand-mark::after, .brand-mark span { display: none !important; }
.brand-copy { display: flex; flex-direction: column; gap: 4px; line-height: 1; min-width: 0; }
.brand-copy strong { color: #f6f8ff; font-size: 18px; letter-spacing: .20em; font-weight: 520; white-space: nowrap; }
.brand-copy small { color: #74a8ea; font-size: 7.5px; font-weight: 600; letter-spacing: .22em; white-space: nowrap; }

.nav { display: flex; gap: 30px; color: var(--muted); font-size: 14px; }
.nav a { transition: color .2s ease; }
.nav a:hover, .nav a.active { color: white; }
.nav-actions { display: flex; gap: 10px; }
.menu-button { display: none; color: white; background: none; border: 0; font-size: 24px; }
.mobile-nav { display: none; }

.button {
  min-height: 44px; padding: 0 18px; border-radius: 11px; display: inline-flex;
  align-items: center; justify-content: center; border: 1px solid transparent;
  font-weight: 650; font-size: 14px; cursor: pointer; transition: .2s ease;
}
.button.primary { background: linear-gradient(135deg, #315ce9, #4b7cff 52%, #5f87ff); box-shadow: 0 10px 34px rgba(57, 96, 224, .25); }
.button.primary:hover { transform: translateY(-1px); box-shadow: 0 14px 40px rgba(57, 96, 224, .34); }
.button.secondary, .button.ghost { background: rgba(10, 22, 38, .6); border-color: var(--line); color: #dce8f7; }
.button.secondary:hover, .button.ghost:hover { border-color: #315f94; background: #0b192a; }
.button.light { background: white; color: #0b1321; }
.button.large { min-height: 52px; padding: 0 24px; border-radius: 13px; }
.button.compact { min-height: 40px; }
.button.full { width: 100%; }

.hero {
  position: relative; max-width: 1240px; min-height: 720px; margin: 0 auto;
  padding: 92px 28px 96px; display: grid; grid-template-columns: 1.04fr .96fr;
  align-items: center; gap: 72px;
}
.hero-grid {
  position: absolute; inset: 0; pointer-events: none; opacity: .2;
  background-image: linear-gradient(rgba(90, 140, 200, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(90, 140, 200, .08) 1px, transparent 1px);
  background-size: 44px 44px; mask-image: radial-gradient(circle at 65% 45%, black 0, transparent 66%);
}
.hero-glow { position: absolute; width: 440px; height: 440px; filter: blur(80px); border-radius: 50%; opacity: .16; pointer-events: none; }
.glow-one { right: 80px; top: 80px; background: #2867ff; }
.glow-two { left: 20px; bottom: 80px; background: #14b4e3; opacity: .08; }

.hero-copy, .hero-console { position: relative; z-index: 2; }
.eyebrow, .kicker { color: #91aef6; font-size: 11px; font-weight: 750; letter-spacing: .22em; text-transform: uppercase; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 999px; background: rgba(8, 19, 33, .62); }
.pulse-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 0 5px rgba(40, 215, 162, .08), 0 0 16px rgba(40, 215, 162, .45); }
h1, h2, h3, p { margin-top: 0; }
.hero h1, .product-hero h1 {
  font-size: clamp(52px, 6vw, 78px); line-height: .98; letter-spacing: -.055em;
  margin: 22px 0 24px; max-width: 760px;
}
.hero h1 span, .product-hero h1 span { color: #7fa3ff; }
.hero-lede, .product-copy > p {
  color: #a6b8cd; font-size: 19px; line-height: 1.7; max-width: 670px;
}
.hero-actions { display: flex; gap: 12px; margin-top: 34px; flex-wrap: wrap; }
.trust-row { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 16px; color: #7288a2; font-size: 12px; }
.trust-row span::before { content: "◆"; color: #4069ca; margin-right: 7px; font-size: 8px; }

.hero-console {
  border: 1px solid #173b60; border-radius: 20px; background: rgba(7, 17, 30, .86);
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.02); backdrop-filter: blur(16px); overflow: hidden;
}
.console-header { height: 47px; border-bottom: 1px solid var(--line); display: flex; align-items: center; padding: 0 16px; gap: 14px; color: #6f87a3; font-size: 9px; letter-spacing: .16em; }
.console-header > span { flex: 1; }
.console-header > strong { color: #46d9aa; font-size: 9px; }
.console-lights { display: flex; gap: 5px; }
.console-lights i { width: 6px; height: 6px; border-radius: 50%; background: #29415f; }
.console-lights i:first-child { background: #547cf4; }
.console-body { padding: 22px; }
.console-title { display: flex; align-items: center; gap: 12px; padding-bottom: 18px; border-bottom: 1px solid var(--line-soft); }
.console-title div { display: flex; flex-direction: column; flex: 1; }
.console-title small, .flow-card small, .signal-grid small, .console-message small, .login-heading small { font-size: 8px; color: #627b9d; letter-spacing: .17em; }
.console-title strong { margin-top: 2px; }
.console-title em { font-size: 8px; color: #efca68; font-style: normal; border: 1px solid rgba(239,202,104,.2); padding: 6px 8px; border-radius: 7px; }
.mini-mark { width: 30px; height: 30px; border-radius: 8px; border: 1px solid #315f91; display: inline-grid; place-items: center; position: relative; }
.mini-mark::after { content:""; width: 8px; height: 8px; border: 1px solid #7fa3ff; transform: rotate(45deg); }
.flow-card { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 9px; padding: 16px; background: #091525; border: 1px solid var(--line-soft); border-radius: 12px; margin: 18px 0; }
.flow-card div { display: flex; flex-direction: column; gap: 3px; }
.flow-card > span { color: #40638b; }
.flow-card strong { font-size: 12px; }
.signal-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.signal-grid article { display: grid; grid-template-columns: auto 1fr; column-gap: 8px; padding: 12px; border: 1px solid var(--line-soft); border-radius: 10px; background: #081321; }
.signal-grid small, .signal-grid strong { grid-column: 2; }
.signal-grid strong { font-size: 11px; margin-top: 3px; }
.signal { width: 8px; height: 8px; border-radius: 50%; margin-top: 3px; grid-row: 1 / span 2; }
.signal.blue { background: var(--blue); }.signal.teal { background: var(--teal); }.signal.gold { background: var(--gold); }.signal.violet { background: var(--violet); }
.console-message { margin-top: 14px; display: flex; gap: 11px; align-items: flex-start; padding: 13px; background: linear-gradient(90deg, rgba(35, 94, 194, .11), rgba(16, 29, 46, .18)); border-left: 2px solid #4179f6; }
.avatar { width: 26px; height: 26px; border-radius: 7px; display: grid; place-items: center; background: #173566; color: #9db7ff; font-size: 10px; font-weight: 800; }
.console-message p { margin: 4px 0 0; color: #c9d6e5; font-size: 11px; line-height: 1.6; }

.logo-strip { border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); text-align: center; padding: 20px 28px; color: #647b94; font-size: 12px; background: rgba(8, 17, 29, .45); }
.logo-strip p { margin: 0; }

.section { max-width: 1240px; margin: 0 auto; padding: 112px 28px; }
.section-heading { max-width: 760px; margin-bottom: 44px; }
.section-heading.narrow { max-width: 660px; }
.section-heading h2, .split-copy h2, .lumina-desktop-band h2, .cta-section h2, .faq-section h2, .access-copy h2 {
  font-size: clamp(36px, 4vw, 54px); line-height: 1.04; letter-spacing: -.045em; margin: 12px 0 18px;
}
.section-heading p, .split-copy > p, .lumina-desktop-band p, .cta-section p, .access-copy > p { color: var(--muted); font-size: 17px; line-height: 1.7; }

.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.feature-card { min-height: 270px; padding: 24px; background: linear-gradient(180deg, rgba(12, 27, 45, .84), rgba(7, 17, 29, .82)); border: 1px solid var(--line-soft); border-radius: 17px; transition: transform .2s ease, border-color .2s ease; }
.feature-card:hover { transform: translateY(-3px); border-color: #28517d; }
.feature-card.featured { background: radial-gradient(circle at 0 0, rgba(55,108,220,.15), transparent 48%), linear-gradient(180deg, #0c1b2e, #08131f); border-color: #244f7f; }
.feature-card small { display: block; color: #6584a9; letter-spacing: .17em; font-size: 8px; margin-top: 22px; }
.feature-card h3 { font-size: 21px; letter-spacing: -.02em; margin: 8px 0 12px; }
.feature-card p { color: #8fa4bb; line-height: 1.65; font-size: 14px; }
.feature-icon { width: 40px; height: 40px; border: 1px solid #264e77; background: #0c1d30; border-radius: 11px; display: grid; place-items: center; color: #86a8ff; font-weight: 700; }
.compass-icon { border-radius: 50%; position: relative; }
.compass-icon::before, .compass-icon::after { content:""; position:absolute; background:#5e8def; }
.compass-icon::before { width:24px; height:1px; }.compass-icon::after { width:1px; height:24px; }

.split-section { max-width: 1240px; margin: 0 auto; padding: 50px 28px 112px; display: grid; grid-template-columns: 1fr 1fr; gap: 84px; align-items: center; }
.check-list { list-style: none; margin: 32px 0 0; padding: 0; display: grid; gap: 12px; }
.check-list li { display: flex; gap: 14px; align-items: flex-start; padding: 16px; border: 1px solid var(--line-soft); border-radius: 13px; background: rgba(9,21,35,.55); }
.check-list li > span { width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; background: #102b51; color: #7da2ff; font-size: 10px; font-weight: 800; }
.check-list div { display:flex; flex-direction:column; gap:4px; }
.check-list strong { font-size: 14px; }.check-list small { color: var(--muted); line-height: 1.55; }

.architecture { min-height: 460px; border: 1px solid #1d426b; border-radius: 20px; background: radial-gradient(circle at 50% 50%, rgba(51, 102, 214, .13), transparent 45%), #071321; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 28px; box-shadow: var(--shadow); position: relative; overflow: hidden; }
.architecture::before { content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(76,128,191,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(76,128,191,.05) 1px,transparent 1px); background-size:28px 28px; }
.arch-label { position: relative; color:#5f7897; font-size:9px; letter-spacing:.2em; margin-bottom:28px; }
.arch-row, .arch-output { position:relative; display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
.arch-row span, .arch-output span { border:1px solid #244a73; padding:9px 12px; border-radius:8px; color:#9ab0c8; background:#091828; font-size:11px; }
.arch-lines { position:relative; width:1px; height:44px; background:linear-gradient(#315f9b,#5a81ff); }
.braincore-node { position:relative; width:260px; padding:26px; text-align:center; border:1px solid #4b75da; border-radius:16px; background:linear-gradient(145deg,#102650,#0b1930); box-shadow:0 0 70px rgba(57,96,224,.15); display:flex; flex-direction:column; }
.braincore-node small { color:#efca68; font-size:8px; letter-spacing:.2em; }
.braincore-node strong { font-size:26px; margin:7px 0; }
.braincore-node span { color:#849bb5; font-size:11px; }
.arch-arrow { position:relative; color:#4c70bd; margin:14px 0; }

.lumina-desktop-band { max-width: 1184px; margin: 30px auto 70px; padding: 46px; border: 1px solid #31538d; border-radius: 22px; background: radial-gradient(circle at 0 0, rgba(72, 116, 236, .25), transparent 45%), linear-gradient(135deg, #132a54, #0b1932 70%); display:flex; justify-content:space-between; gap:40px; align-items:center; }
.lumina-desktop-band > div { max-width:760px; }.lumina-desktop-band h2 { margin-bottom:10px; }.lumina-desktop-band p { margin-bottom:0; max-width:720px; }

.developer-section { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.code-panel { border:1px solid #1f4368; border-radius:18px; background:#07131f; box-shadow:var(--shadow); overflow:hidden; }
.code-top { padding:14px 18px; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; color:#7590ad; font-size:10px; }
.code-top em { color:#e4c461; font-style:normal; }
.code-panel pre { margin:0; padding:28px; overflow:auto; font-size:15px; line-height:2; color:#c8d6e7; }
.code-muted{color:#526d88}.code-blue{color:#7398ff}.code-teal{color:#45d7af}.code-gold{color:#efca68}.code-violet{color:#a88aff}

.cta-section { max-width:1184px; margin:60px auto 120px; padding:58px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:36px; }
.cta-section p { margin:0; }.cta-actions { display:flex; gap:12px; flex-wrap:wrap; }

footer { max-width:1240px; margin:0 auto; padding:42px 28px 54px; border-top:1px solid var(--line-soft); display:grid; grid-template-columns:1fr auto; align-items:center; gap:22px; color:#627790; }
.footer-links { display:flex; gap:20px; font-size:12px; }.footer-links a:hover{color:white}
footer p { grid-column:1/-1; margin:0; font-size:11px; }.footer-brand { opacity:.82; }

.product-hero { max-width:1240px; min-height:680px; margin:0 auto; padding:88px 28px 90px; display:grid; grid-template-columns:.9fr 1.1fr; gap:65px; align-items:center; }
.product-copy > p { max-width:620px; }.product-hero h1 { font-size:clamp(48px,5vw,70px); }
.product-device { border:1px solid #274e7d; border-radius:19px; overflow:hidden; background:#07131f; box-shadow:var(--shadow); transform:perspective(1000px) rotateY(-4deg) rotateX(2deg); }
.device-top { height:38px; border-bottom:1px solid var(--line); display:flex; align-items:center; gap:6px; padding:0 13px; color:#5e7690; font-size:8px; letter-spacing:.16em; }
.device-top i { width:6px;height:6px;border-radius:50%;background:#1e3957}.device-top i:first-child{background:#4d72eb}.device-top span{margin-left:7px}
.device-body { display:grid; grid-template-columns:145px 1fr; min-height:390px; }
.device-body aside { border-right:1px solid var(--line); padding:17px 12px; display:flex; flex-direction:column; gap:8px; color:#65809d; font-size:9px; }
.device-body aside strong { color:white; margin-bottom:12px; }.device-body aside button { border:1px solid #315a9d;background:#153063;color:white;border-radius:7px;padding:9px;font-size:9px; }
.device-body aside span { padding:8px;border-radius:6px; }.device-body aside .selected{background:#102643;color:#aec2dc}
.device-chat { padding:13px; display:flex; flex-direction:column; gap:13px; }
.device-status { display:flex;gap:6px; }.device-status span { border:1px solid var(--line);border-radius:6px;padding:7px;color:#7087a0;font-size:7px; }
.device-message { max-width:88%;padding:13px;border-radius:9px;font-size:10px;line-height:1.6;background:#0e2137;color:#b7c8d9}.device-message.user{align-self:flex-end;background:#172b47}.device-message.ai{border-left:2px solid #33c99b}.device-message small{display:block;color:white;margin-bottom:5px}
.device-input{margin-top:auto;border:1px solid #244568;border-radius:8px;padding:12px;color:#566d85;font-size:9px}.device-input b{float:right;color:#7fa3ff}

.metrics-row { max-width:1184px; margin:0 auto 36px; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); border-radius:16px; overflow:hidden; }
.metrics-row article { padding:22px 24px; display:flex; flex-direction:column; gap:5px; background:#081523; border-right:1px solid var(--line); }.metrics-row article:last-child{border-right:0}
.metrics-row strong{font-size:10px;color:#7ea2ff;letter-spacing:.15em}.metrics-row span{color:#849bb4;font-size:12px;line-height:1.5}

.sales-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:14px; }
.sales-grid article { padding:26px;border:1px solid var(--line-soft);border-radius:16px;background:#081523; }
.sales-grid article > span { color:#638af0;font-size:10px;font-weight:800; }.sales-grid h3{margin:12px 0 9px;font-size:20px}.sales-grid p{color:#889eb5;line-height:1.65;font-size:14px;margin:0}

.access-section { max-width:1184px;margin:20px auto 110px;padding:64px 28px;display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:center; }
.simple-list { list-style:none;padding:0;margin:27px 0 0;display:grid;gap:10px;color:#a6b7c9; }.simple-list li::before{content:"✓";color:#39d0a3;margin-right:10px}
.price-card { padding:28px;border:1px solid #31568c;border-radius:19px;background:linear-gradient(160deg,#10264a,#09182b);box-shadow:var(--shadow); }
.badge { display:inline-block;padding:6px 8px;border-radius:6px;background:#173c77;color:#91afff;font-size:9px;font-weight:800;letter-spacing:.17em; }
.price-card h3{font-size:28px;margin:16px 0 6px}.price-note{color:#91a6bc}.price-card .button{margin-top:10px}.price-card > small{display:block;color:#607993;margin-top:16px;line-height:1.5}

.faq-section { max-width:900px;margin:0 auto 120px;padding:0 28px; }.faq-section details{border-top:1px solid var(--line);padding:20px 0}.faq-section details:last-child{border-bottom:1px solid var(--line)}.faq-section summary{cursor:pointer;font-weight:650}.faq-section details p{color:#8ea4bb;line-height:1.65;margin:12px 0 0}

.auth-body { background:radial-gradient(circle at 15% 25%,rgba(43,85,173,.14),transparent 32%),var(--bg); }
.auth-header { max-width:1180px; }.back-link{color:#7f95ac;font-size:12px}.back-link:hover{color:white}
.auth-main { min-height:calc(100vh - 82px);display:grid;place-items:center;padding:40px 28px 80px; }
.auth-panel { width:min(1080px,100%);display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:center; }
.auth-art { min-height:520px;display:flex;flex-direction:column;justify-content:center;position:relative; }.auth-art h1{font-size:clamp(48px,6vw,72px);letter-spacing:-.05em;margin:14px 0 18px}.auth-art > p{color:#8fa4ba;font-size:17px;line-height:1.7;max-width:520px}
.auth-benefits{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.auth-benefits span{font-size:10px;color:#7f96af;border:1px solid var(--line);border-radius:999px;padding:8px 10px}
.auth-orbit { width:240px;height:240px;position:absolute;right:30px;top:45px;opacity:.18;pointer-events:none; }.orbit-core{position:absolute;inset:90px;border:1px solid #7fa3ff;transform:rotate(45deg);box-shadow:0 0 40px #315fed}.orbit-core span{position:absolute;inset:14px;background:#4a72ef}.orbit{position:absolute;inset:25px;border:1px solid #31558c;border-radius:50%}.orbit.o2{inset:7px;transform:rotate(55deg) scaleY(.45)}.orbit.o3{inset:7px;transform:rotate(-55deg) scaleY(.45)}
.login-card { padding:28px;border:1px solid #23486f;border-radius:20px;background:rgba(8,20,34,.92);box-shadow:var(--shadow); }
.login-heading{display:flex;gap:12px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:20px}.login-heading h2{margin:4px 0 0;font-size:24px}
.login-card form{display:grid;gap:16px}.login-card label:not(.checkbox){display:grid;gap:7px;color:#8399b0;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.login-card input[type=email],.login-card input[type=password]{width:100%;height:48px;border:1px solid #244567;border-radius:10px;background:#071522;color:white;padding:0 13px;outline:none}.login-card input:focus{border-color:#527beb;box-shadow:0 0 0 3px rgba(75,124,255,.1)}
.form-row{display:flex;justify-content:space-between;align-items:center;color:#748ba3;font-size:11px}.checkbox{display:flex!important;align-items:center;gap:7px!important;text-transform:none!important;letter-spacing:0!important}.form-row a{color:#81a2f3}
.form-status{min-height:18px;color:#88a1bc;font-size:11px;margin:0;line-height:1.5}.divider{position:relative;text-align:center;margin:22px 0 14px;border-top:1px solid var(--line)}.divider span{position:relative;top:-8px;background:#091726;padding:0 10px;color:#536b85;font-size:8px;letter-spacing:.16em}
.auth-note{display:block;color:#536d87;line-height:1.55;margin-top:16px}

.simple-header{max-width:1000px}.legal-page{max-width:820px;margin:0 auto;padding:80px 28px 130px}.legal-page h1{font-size:58px;letter-spacing:-.05em;margin:10px 0 20px}.legal-intro{font-size:18px!important}.legal-page h2{margin:36px 0 10px;font-size:22px}.legal-page p{color:#8fa4bb;line-height:1.75}
.not-found{min-height:100vh;display:grid;place-items:center;align-content:center;text-align:center;padding:30px}.not-found h1{font-size:50px;margin:12px 0}.not-found p{color:#899fb6}.large-mark{width:60px;height:60px;margin-bottom:24px}

@media (max-width: 980px) {
  .nav,.nav-actions{display:none}.menu-button{display:block}.mobile-nav.open{display:grid;position:absolute;z-index:30;top:72px;left:20px;right:20px;background:#081522;border:1px solid var(--line);border-radius:13px;padding:10px;box-shadow:var(--shadow)}.mobile-nav a{padding:11px 12px;color:#a4b6c9;border-radius:7px}.mobile-nav a:hover{background:#0d2136}
  .hero,.product-hero{grid-template-columns:1fr;gap:48px;padding-top:60px}.hero{min-height:auto}.hero-console{max-width:680px}.product-device{transform:none}
  .feature-grid{grid-template-columns:repeat(2,1fr)}.split-section,.developer-section,.auth-panel,.access-section{grid-template-columns:1fr;gap:48px}.architecture{min-height:390px}.lumina-desktop-band,.cta-section{margin-left:20px;margin-right:20px}.auth-art{min-height:320px}.auth-orbit{right:0;top:0}.login-card{max-width:500px}.access-section{max-width:760px}.price-card{max-width:480px}.metrics-row{margin-left:20px;margin-right:20px}
}
@media (max-width: 680px) {
  .topbar,.auth-header,.simple-header{height:70px;padding:0 18px}.brand{gap:9px}.brand-copy strong{font-size:13px;letter-spacing:.16em}.brand-copy small{font-size:5.6px;letter-spacing:.16em}.brand-mark{width:38px;height:38px}.brand-mark::before{width:44px;left:-7px}.brand-mark::after{height:44px;top:-7px}
  .hero,.product-hero{padding:52px 20px 70px}.hero h1,.product-hero h1{font-size:48px}.hero-lede,.product-copy>p{font-size:16px}.button.large{width:100%}.hero-actions{display:grid}
  .section{padding:80px 20px}.feature-grid,.sales-grid{grid-template-columns:1fr}.split-section{padding:30px 20px 80px}.lumina-desktop-band,.cta-section{padding:32px 24px;display:grid}.cta-actions{display:grid}.developer-section{display:grid}
  .flow-card{grid-template-columns:1fr}.flow-card>span{transform:rotate(90deg);text-align:center}.signal-grid{grid-template-columns:1fr}
  .metrics-row{grid-template-columns:1fr}.metrics-row article{border-right:0;border-bottom:1px solid var(--line)}.metrics-row article:last-child{border-bottom:0}
  .device-body{grid-template-columns:1fr}.device-body aside{display:none}.auth-main{padding:25px 18px 60px}.auth-art{min-height:300px}.auth-art h1{font-size:48px}.auth-orbit{width:180px;height:180px}.login-card{padding:22px}.form-row{align-items:flex-start;gap:10px}.footer-links{flex-wrap:wrap}
  footer{grid-template-columns:1fr}.footer-links{margin-top:8px}
}



/* KAI_LUMINA_CONTACT_REVIEWS_V1 */
.info-page{max-width:1080px;margin:0 auto;padding:88px 28px 130px}.info-hero{max-width:780px;margin-bottom:44px}.info-hero h1{font-size:clamp(48px,6vw,72px);line-height:1;letter-spacing:-.05em;margin:14px 0 20px}.info-hero>p{color:var(--muted);font-size:18px;line-height:1.75;max-width:720px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.info-card{padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(12,27,45,.86),rgba(7,17,29,.82))}.info-card small{display:block;color:#6f8fb6;font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:9px}.info-card h2{margin:0 0 10px;font-size:24px;letter-spacing:-.025em}.info-card p{color:#90a5bc;line-height:1.7;margin-bottom:18px}.contact-email{font-size:clamp(24px,4vw,38px);letter-spacing:-.035em;word-break:break-word;color:#89a8ff}.review-callout{margin-top:18px;padding:18px;border-left:2px solid var(--blue);background:rgba(75,124,255,.07);color:#a9bbcf;line-height:1.7}.review-list{display:grid;gap:14px;margin-top:30px}.review-empty{padding:30px;border:1px dashed #294a70;border-radius:16px;color:#7890aa;background:rgba(8,21,35,.5)}.page-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}@media(max-width:760px){.info-page{padding:64px 20px 90px}.info-grid{grid-template-columns:1fr}.info-hero h1{font-size:48px}}

/* KAI_LUMINA_WEBSITE_V2 */
.hero-v2{align-items:center}
.hero-product-frame{align-self:center}
.lumina-product-frame{position:relative;border:1px solid rgba(76,127,197,.55);border-radius:20px;overflow:hidden;background:linear-gradient(180deg,rgba(6,17,31,.98),rgba(3,12,23,.98));box-shadow:0 34px 90px rgba(0,0,0,.34),0 0 80px rgba(50,100,220,.09)}
.product-window-top{height:42px;display:flex;align-items:center;gap:16px;padding:0 17px;border-bottom:1px solid rgba(66,108,166,.32);font-size:9px;letter-spacing:.18em;color:#6f8fb6}
.product-window-top>span{flex:1}.product-window-top>strong{color:#4ce4bc;font-size:8px;letter-spacing:.18em}
.product-window-body{display:grid;grid-template-columns:116px 1fr;min-height:340px}
.product-sidebar{padding:18px 11px;border-right:1px solid rgba(63,106,166,.22);background:rgba(4,14,26,.78);display:flex;flex-direction:column;gap:6px}
.product-brand-mini{display:flex;align-items:center;gap:8px;padding:5px 8px 14px;color:#dbe9ff;font-size:10px;letter-spacing:.12em}
.product-nav{display:block;padding:9px 10px;border-radius:7px;color:#6f88a4;font-size:9px}
.product-nav.active,.product-nav.emphasis{background:rgba(50,99,203,.17);color:#dbe9ff}.product-nav.emphasis{box-shadow:inset 2px 0 #4d7dff}
.product-main{padding:16px}
.product-status-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.product-status-row>span{display:grid;grid-template-columns:auto 1fr;gap:2px 7px;padding:9px;border:1px solid rgba(66,108,166,.24);border-radius:8px;background:rgba(8,22,39,.56)}
.product-status-row b{font-size:9px;color:#d8e5f6}.product-status-row small{grid-column:2;font-size:7px;color:#607994}
.dot{width:6px;height:6px;border-radius:999px;margin-top:3px}.dot.blue{background:#4e7fff}.dot.green{background:#33daa8}.dot.gold{background:#f4c652}
.product-panel{padding:17px;border:1px solid rgba(67,113,175,.32);border-radius:12px;background:linear-gradient(180deg,rgba(9,26,46,.88),rgba(7,18,32,.7))}
.product-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-panel-head div{display:flex;flex-direction:column;gap:5px}.product-panel-head small{font-size:7px;letter-spacing:.15em;color:#55799e}.product-panel-head b{font-size:13px;color:#eef5ff}.product-panel-head em{font-size:7px;letter-spacing:.14em;color:#4ce4bc;font-style:normal}
.product-progress{height:4px;margin:18px 0 10px;border-radius:99px;background:#13253a;overflow:hidden}.product-progress span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#376dff,#6ba2ff)}
.product-meta{display:flex;gap:10px;flex-wrap:wrap}.product-meta span{font-size:7px;color:#6f89a6}
.product-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.product-mini-grid article{padding:13px;border:1px solid rgba(66,108,166,.23);border-radius:9px;background:rgba(7,19,34,.62)}.product-mini-grid small{font-size:7px;letter-spacing:.14em;color:#6c8aad}.product-mini-grid b{display:block;margin:5px 0;color:#dce9f9;font-size:10px}.product-mini-grid p{margin:0;color:#617b97;font-size:8px;line-height:1.5}
.signal-strip{max-width:1160px;margin:0 auto;padding:24px 28px;border-top:1px solid rgba(55,92,143,.16);border-bottom:1px solid rgba(55,92,143,.16);text-align:center;color:#7790aa}.signal-strip strong{color:#d9e7f8}
.product-story{padding-top:120px}
.story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.story-card{position:relative;padding:26px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(11,28,49,.84),rgba(6,18,32,.76));min-height:270px}
.story-card.story-brain{border-color:rgba(72,116,255,.45);box-shadow:0 0 50px rgba(54,97,218,.07)}
.story-number{position:absolute;right:20px;top:18px;color:#284c75;font-size:30px;font-weight:700}.story-card small{color:#6e8fb7;font-size:8px;letter-spacing:.17em}.story-card h3{margin:35px 0 12px;font-size:23px;line-height:1.12}.story-card p{color:#8098b1;line-height:1.7;font-size:14px}
.feature-grid-v2 .feature-card{min-height:260px}
.split-section-v2{margin-top:30px}.architecture-v2 .arch-output{grid-template-columns:repeat(4,1fr)}
.usecase-grid-v2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.usecase-grid-v2 article{padding:28px;border:1px solid var(--line);border-radius:18px;background:rgba(7,19,34,.66)}.usecase-grid-v2 small{font-size:8px;letter-spacing:.17em;color:#6d8eb5}.usecase-grid-v2 h3{font-size:24px;max-width:460px;margin:11px 0}.usecase-grid-v2 p{color:#7d95ae;line-height:1.7}
.local-first-band{max-width:1160px;margin:30px auto 0;padding:42px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;border:1px solid rgba(75,119,185,.32);border-radius:22px;background:radial-gradient(circle at 0 0,rgba(48,92,198,.16),transparent 42%),linear-gradient(180deg,#091b30,#061522)}
.local-first-band h2{font-size:38px;margin:10px 0 13px}.local-first-band p{color:#829bb5;line-height:1.7;max-width:700px}.local-first-band ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.local-first-band li{padding:13px 15px;border:1px solid rgba(71,113,172,.24);border-radius:10px;color:#a9bdd3;background:rgba(4,16,28,.48)}.local-first-band li:before{content:"◆";font-size:7px;color:#4f7fff;margin-right:9px}
.cta-v2{margin-top:100px}
.contact-layout-v2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;align-items:start}
.contact-form-v2{padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(11,28,49,.84),rgba(6,18,32,.76));display:grid;gap:17px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form-v2 label{display:grid;gap:8px;color:#afc0d3;font-size:12px;font-weight:600}.contact-form-v2 label span{color:#58718d;font-weight:400}
.contact-form-v2 input,.contact-form-v2 select,.contact-form-v2 textarea{width:100%;box-sizing:border-box;border:1px solid #1c3957;border-radius:10px;background:#071626;color:#edf5ff;padding:13px 14px;font:inherit;outline:none}
.contact-form-v2 textarea{resize:vertical;min-height:140px}
.contact-form-v2 input:focus,.contact-form-v2 select:focus,.contact-form-v2 textarea:focus{border-color:#4e7fff;box-shadow:0 0 0 3px rgba(78,127,255,.09)}
.form-note,.form-status{margin:0;color:#66819d;font-size:11px;line-height:1.6}
.contact-aside-v2{display:grid;gap:14px}
.legal-v2{max-width:820px}.legal-meta{color:#5d7895;font-size:12px;margin-top:-8px;margin-bottom:32px}.legal-v2 h2{margin-top:35px}.legal-v2 p{line-height:1.8}
@media(max-width:980px){.story-grid{grid-template-columns:1fr 1fr}.product-window-body{grid-template-columns:92px 1fr}.local-first-band{grid-template-columns:1fr}.contact-layout-v2{grid-template-columns:1fr}}
@media(max-width:680px){.story-grid,.usecase-grid-v2,.product-mini-grid,.form-row{grid-template-columns:1fr}.product-sidebar{display:none}.product-window-body{grid-template-columns:1fr}.product-status-row{grid-template-columns:1fr}.local-first-band{padding:26px}.local-first-band h2{font-size:30px}}

/* KAI_LUMINA_WEBSITE_V21_POLISH */
.availability-note{display:inline-flex;align-items:center;gap:9px;margin-top:24px;padding:8px 11px;border:1px solid rgba(69,112,173,.28);border-radius:999px;background:rgba(7,20,35,.56);color:#87a0bb;font-size:11px}
.availability-note span{width:7px;height:7px;border-radius:50%;background:#55d3ff;box-shadow:0 0 12px rgba(85,211,255,.42)}
.real-product-figure{position:relative;z-index:2;margin:0;border:1px solid rgba(77,126,194,.54);border-radius:20px;overflow:hidden;background:#06111e;box-shadow:var(--shadow),0 0 80px rgba(51,102,214,.08)}
.real-product-topline{height:42px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(72,112,168,.28);color:#6f8ba9;font-size:9px;letter-spacing:.16em}
.real-product-topline strong{color:#48dcb0;font-size:8px}
.real-product-shot{display:block;width:100%;height:auto;background:#081321}
.real-product-figure figcaption{padding:11px 15px;color:#607a96;font-size:9px;border-top:1px solid rgba(72,112,168,.18)}
.outcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.outcome-card{padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(10,26,45,.84),rgba(6,18,31,.78))}
.outcome-card>small{font-size:8px;letter-spacing:.17em;color:#6f90b8}.outcome-card>h3{font-size:24px;line-height:1.16;margin:11px 0 22px}
.outcome-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:8px}
.outcome-flow>span{padding:12px;border:1px solid rgba(70,111,168,.22);border-radius:9px;background:rgba(6,18,31,.55);color:#8299b1;font-size:10px;line-height:1.55}
.outcome-flow b{display:block;margin-bottom:5px;color:#7799c1;font-size:7px;letter-spacing:.14em}.outcome-flow i{align-self:center;color:#365b83;font-style:normal}
@media(max-width:980px){.outcome-grid{grid-template-columns:1fr}.outcome-flow{grid-template-columns:1fr}.outcome-flow i{transform:rotate(90deg);justify-self:center}}

/* KAI_LUMINA_REAL_PRODUCT_TOUR_V1 */
.real-product-hero{max-width:100%}
.real-product-tour{padding-top:92px}
.product-gallery{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;align-items:stretch}
.product-gallery-stage{min-width:0;border:1px solid rgba(69,113,174,.34);border-radius:19px;overflow:hidden;background:linear-gradient(180deg,#091725,#06111c);box-shadow:var(--shadow)}
.product-gallery-stage>img{display:block;width:100%;height:auto;background:#05101b;border-top:1px solid rgba(69,113,174,.18);border-bottom:1px solid rgba(69,113,174,.18)}
.product-gallery-label{min-height:70px;padding:16px 18px;display:flex;flex-direction:column;justify-content:center;gap:5px}
.product-gallery-label span{font-size:8px;letter-spacing:.18em;color:#6d91bb}
.product-gallery-label strong{font-size:18px;letter-spacing:-.015em}
.product-gallery-stage>p{margin:0;padding:15px 18px;color:#7890aa;font-size:12px;line-height:1.65}
.product-gallery-tabs{display:grid;grid-template-rows:repeat(4,1fr);gap:10px}
.product-gallery-tab{appearance:none;text-align:left;border:1px solid rgba(67,108,164,.27);border-radius:13px;background:rgba(7,19,33,.72);color:#8ea4bc;padding:16px;cursor:pointer;transition:.18s ease;display:grid;grid-template-columns:auto 1fr;gap:2px 11px;align-content:center}
.product-gallery-tab:hover{border-color:#315f94;background:#0a1a2b}
.product-gallery-tab.active{border-color:#466fdb;background:linear-gradient(135deg,rgba(44,81,168,.20),rgba(8,22,38,.88));box-shadow:inset 2px 0 #4b7cff}
.product-gallery-tab>span{grid-row:1/3;color:#3e638a;font-size:10px;font-weight:800}
.product-gallery-tab>b{color:#dce8f6;font-size:13px}
.product-gallery-tab>small{color:#617a96;font-size:9px}
@media(max-width:980px){.product-gallery{grid-template-columns:1fr}.product-gallery-tabs{grid-template-columns:repeat(4,1fr);grid-template-rows:none}.product-gallery-tab{min-height:86px}}
@media(max-width:680px){.product-gallery-tabs{grid-template-columns:1fr 1fr}.product-gallery-label strong{font-size:16px}}

/* KAI_LUMINA_SEARCH_ONCE_REMEMBER_V1 */
.search-once-section{padding-top:78px;padding-bottom:78px}
.search-once-shell{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:22px;align-items:stretch}
.search-once-copy{padding:34px;border:1px solid rgba(69,113,174,.32);border-radius:22px;background:radial-gradient(circle at 0 0,rgba(58,100,218,.15),transparent 42%),linear-gradient(180deg,rgba(10,26,45,.86),rgba(6,17,29,.84))}
.search-once-copy h2{font-size:clamp(38px,4.8vw,62px);line-height:1;letter-spacing:-.05em;margin:12px 0 18px;max-width:760px}
.search-once-lede{max-width:780px;color:#99adc3;font-size:17px;line-height:1.75}
.search-once-flow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.search-once-flow article{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:16px;border:1px solid rgba(69,113,174,.22);border-radius:13px;background:rgba(5,17,30,.57)}
.search-once-flow article>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#102b51;color:#7fa3ff;font-size:9px;font-weight:800}
.search-once-flow article div{display:flex;flex-direction:column;gap:4px}
.search-once-flow small{font-size:7px;letter-spacing:.16em;color:#6287b0}
.search-once-flow strong{font-size:13px;color:#dce8f6}
.search-once-flow p{margin:2px 0 0;color:#748ca6;font-size:11px;line-height:1.55}
.search-once-proof{border:1px solid rgba(74,119,184,.35);border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#091725,#06111d);box-shadow:var(--shadow)}
.search-once-proof-head{height:54px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(72,112,168,.26);font-size:9px;letter-spacing:.16em;color:#6f8ba9}
.search-once-proof-head strong{color:#45d8aa;font-size:8px}
.search-once-proof-body{padding:20px}
.search-query{padding:14px;border:1px solid rgba(72,112,168,.24);border-radius:10px;background:#071523;color:#b9c9da;font-size:12px;margin-bottom:14px}
.search-reuse-row{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid rgba(72,112,168,.14);font-size:11px}
.search-reuse-row span{color:#7188a1}.search-reuse-row b{color:#52dcb0;text-align:right}.search-reuse-row b.muted{color:#8aa0b7}
.search-reuse-note{margin-top:18px;padding:14px;border-left:2px solid #4b7cff;background:rgba(75,124,255,.06);color:#7f94aa;font-size:10px;line-height:1.65}
@media(max-width:980px){.search-once-shell{grid-template-columns:1fr}}
@media(max-width:680px){.search-once-copy{padding:24px}.search-once-flow{grid-template-columns:1fr}}