/* Jupiter Optimus · Mission Control visual system */
:root {
  color-scheme: dark;
  --bg: #0a0a0a;
  --bg-deep: #050505;
  --surface: #151515;
  --surface-2: #1b1b1b;
  --surface-3: #222222;
  --line: #2e2e2e;
  --line-soft: rgba(255,255,255,.09);
  --text: #f2f2fa;
  --muted: #aaa8b4;
  --quiet: #75737f;
  --ember: #f22002;
  --ember-hot: #ff5739;
  --warm: #d8a277;
  --max: 1180px;
  --radius: 22px;
  --ease: cubic-bezier(.2,.7,.2,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; background: var(--bg); }
body {
  margin: 0;
  min-height: 100%;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 15% 7%, rgba(242,32,2,.055), transparent 24rem),
    var(--bg);
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 1.55;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .36;
  background-image:
    radial-gradient(circle at 13% 22%, rgba(255,255,255,.7) 0 1px, transparent 1.5px),
    radial-gradient(circle at 78% 7%, rgba(255,255,255,.45) 0 1px, transparent 1.5px),
    radial-gradient(circle at 89% 64%, rgba(255,255,255,.4) 0 1px, transparent 1.5px),
    radial-gradient(circle at 24% 81%, rgba(255,255,255,.3) 0 1px, transparent 1.5px);
  background-size: 317px 317px, 421px 421px, 509px 509px, 613px 613px;
}

h1, h2, h3, p, ul, ol, figure { margin: 0; }
ul, ol { padding: 0; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; height: auto; }
.wrap { width: min(100% - 48px, var(--max)); margin-inline: auto; }
.section-space { padding-block: clamp(90px, 12vw, 170px); }
.skip-link { position: fixed; top: 10px; left: 10px; z-index: 100; padding: 10px 14px; background: var(--text); color: #000; transform: translateY(-150%); }
.skip-link:focus { transform: none; }
:focus-visible { outline: 2px solid var(--ember-hot); outline-offset: 4px; border-radius: 6px; }

/* Header */
.site-header {
  position: absolute;
  inset: 0 0 auto;
  z-index: 30;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(to bottom, rgba(5,5,5,.78), transparent);
}
.nav { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 15px; font-weight: 710; letter-spacing: -.02em; white-space: nowrap; }
.brand-mark { width: 32px; height: 32px; filter: drop-shadow(0 0 14px rgba(242,32,2,.24)); }
.nav-links { display: flex; align-items: center; gap: 32px; margin-left: auto; }
.nav-links a { color: var(--muted); font-size: 13px; transition: color .2s ease; }
.nav-links a:hover { color: var(--text); }
.nav-cta { display: inline-flex; align-items: center; gap: 7px; padding: 9px 14px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; font-size: 12px; font-weight: 680; }
.nav-cta:hover { border-color: rgba(242,32,2,.7); }

/* Hero */
.mission-hero { position: relative; min-height: min(940px, 100svh); display: grid; align-items: center; overflow: hidden; background: #050505; isolation: isolate; }
.mission-art { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 58% center; z-index: -3; }
.hero-vignette { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(5,5,5,.98) 0%, rgba(5,5,5,.9) 25%, rgba(5,5,5,.25) 60%, rgba(5,5,5,.1) 100%), linear-gradient(0deg, #090909 0%, transparent 21%, rgba(0,0,0,.18) 100%); }
.hero-orbits { position: absolute; z-index: -1; left: -33vw; top: 50%; width: 73vw; aspect-ratio: 1; transform: translateY(-45%); opacity: .24; }
.hero-orbits span { position: absolute; inset: 0; border: 1px solid rgba(242,32,2,.34); border-radius: 50%; }
.hero-orbits span:nth-child(2) { inset: 14%; }
.hero-orbits span:nth-child(3) { inset: 28%; }
.hero-layout { position: relative; padding-top: 108px; }
.hero-copy { width: min(620px, 59vw); padding-block: 80px; }
.launch-status { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 30px; padding: 7px 11px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; background: rgba(8,8,8,.46); backdrop-filter: blur(14px); color: #c9c7ce; font: 600 10px/1 -apple-system, sans-serif; letter-spacing: .11em; text-transform: uppercase; }
.launch-status span, .price-status span { width: 6px; height: 6px; border-radius: 50%; background: var(--ember); box-shadow: 0 0 0 5px rgba(242,32,2,.12), 0 0 15px rgba(242,32,2,.7); animation: signal 2.4s ease-in-out infinite; }
.kicker { color: var(--ember-hot); font-size: 11px; font-weight: 720; letter-spacing: .18em; text-transform: uppercase; }
.mission-hero h1 { margin-top: 16px; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif; font-size: clamp(64px, 8.3vw, 126px); line-height: .84; letter-spacing: -.075em; font-weight: 820; }
.mission-hero h1 em { color: var(--ember); font-style: normal; text-shadow: 0 0 46px rgba(242,32,2,.2); }
.hero-lede { max-width: 590px; margin-top: 30px; color: #bbb9c1; font-size: clamp(17px, 1.5vw, 21px); line-height: 1.55; }
.hero-actions { display: flex; align-items: center; gap: 25px; flex-wrap: wrap; margin-top: 34px; }
.appstore-badge { display: inline-flex; align-items: center; gap: 11px; min-height: 58px; padding: 9px 19px; border: 1px solid rgba(255,255,255,.22); border-radius: 13px; background: rgba(0,0,0,.82); color: #fff; box-shadow: 0 16px 40px rgba(0,0,0,.25); transition: transform .25s var(--ease), border-color .25s ease; }
.appstore-badge:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.46); }
.appstore-badge .apple { width: 23px; height: 29px; fill: currentColor; }
.appstore-badge > span { display: grid; text-align: left; line-height: 1.05; }
.appstore-badge small { color: #b6b4bc; font-size: 10px; }
.appstore-badge strong { margin-top: 3px; font-size: 18px; font-weight: 610; }
.appstore-badge.block { width: 100%; justify-content: center; }
.text-link { display: inline-flex; align-items: center; gap: 10px; color: #e7e6eb; font-size: 13px; font-weight: 650; letter-spacing: .01em; }
.text-link span { color: var(--ember-hot); transition: transform .2s var(--ease); }
.text-link:hover span { transform: translate(2px,-2px); }
.hero-note { margin-top: 20px; color: #77757e; font-size: 11px; letter-spacing: .06em; }
.hero-coordinate { position: absolute; right: 0; bottom: -37vh; display: grid; justify-items: end; gap: 5px; color: rgba(255,255,255,.42); font: 600 9px/1.2 ui-monospace, "SFMono-Regular", monospace; letter-spacing: .14em; }

/* Signal strip */
.signal-strip { border-block: 1px solid var(--line-soft); background: rgba(9,9,9,.78); }
.signal-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.signal-grid div { min-height: 94px; display: flex; align-items: center; gap: 15px; border-right: 1px solid var(--line-soft); padding-inline: 24px; }
.signal-grid div:first-child { border-left: 1px solid var(--line-soft); }
.signal-grid strong { color: var(--ember); font: 650 10px/1 ui-monospace, monospace; }
.signal-grid span { color: #b5b3bc; font-size: 12px; letter-spacing: .03em; }

/* Shared headings */
.section-heading { display: grid; grid-template-columns: 1fr minmax(300px, .58fr); gap: 44px; align-items: end; margin-bottom: 68px; }
.section-heading .kicker { grid-column: 1 / -1; margin-bottom: -25px; }
.section-heading h2, .workflow-intro h2, .maximus-copy h2, .split-copy h2, .privacy-shell h2, .price-copy h2, .faq-title h2, .final-inner h2 { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif; font-size: clamp(40px, 5.7vw, 76px); line-height: .98; letter-spacing: -.055em; font-weight: 780; }
.section-heading h2 span, .privacy-shell h2 span { color: #74727c; }
.section-heading > p:last-child, .workflow-intro > p:last-child, .split-copy > p, .privacy-copy > p, .price-copy > p:last-child, .faq-title > p:last-child { color: var(--muted); font-size: 17px; line-height: 1.65; }
.section-heading.compact { display: block; }
.section-heading.compact .kicker { margin-bottom: 18px; }

/* Product screenshot */
.product-proof { overflow: hidden; }
.product-proof .section-heading h2 { text-wrap: balance; }
.app-stage { position: relative; padding: 13px; border: 1px solid rgba(255,255,255,.13); border-radius: 28px; background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.018)); box-shadow: 0 50px 140px -55px rgba(0,0,0,.95); }
.stage-glow { position: absolute; inset: -80px 13% auto; height: 230px; z-index: -1; background: var(--ember); filter: blur(130px); opacity: .1; }
.window-chrome { overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 18px; background: #0b0b0b; }
.window-top { height: 42px; display: flex; align-items: center; gap: 7px; padding: 0 14px; border-bottom: 1px solid rgba(255,255,255,.08); background: #131313; }
.window-top span { width: 9px; height: 9px; border-radius: 50%; background: #403f43; }
.window-top b { margin-inline: auto; color: #77757e; font-size: 10px; font-weight: 550; letter-spacing: .05em; }
.window-chrome img { width: 100%; }
.orbit-label { position: absolute; z-index: 3; display: grid; min-width: 170px; padding: 12px 15px; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; background: rgba(14,14,14,.86); box-shadow: 0 16px 38px rgba(0,0,0,.35); backdrop-filter: blur(14px); }
.orbit-label b { color: var(--ember-hot); font-size: 9px; letter-spacing: .14em; }
.orbit-label span { color: #d1cfd5; font-size: 11px; margin-top: 2px; }
.orbit-one { left: -26px; top: 18%; }
.orbit-two { right: -30px; top: 39%; }
.orbit-three { right: 7%; bottom: -27px; }

/* Workflow */
.workflow { border-block: 1px solid var(--line-soft); background: linear-gradient(120deg, #0d0d0d, #111 55%, #0a0a0a); }
.workflow-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(70px, 10vw, 140px); }
.workflow-intro { position: sticky; top: 120px; align-self: start; }
.workflow-intro .kicker, .maximus-copy .kicker, .split-copy .kicker, .privacy-shell .kicker, .price-copy .kicker, .faq-title .kicker { margin-bottom: 21px; }
.workflow-intro > p:last-child { margin-top: 28px; max-width: 440px; }
.mission-log { list-style: none; border-top: 1px solid var(--line); }
.mission-log li { display: grid; grid-template-columns: 48px 1fr; gap: 24px; padding: 31px 0; border-bottom: 1px solid var(--line); }
.mission-log > li > span { color: var(--ember); font: 650 10px/1 ui-monospace, monospace; padding-top: 7px; }
.mission-log h3 { font-size: 22px; letter-spacing: -.025em; }
.mission-log p { margin-top: 8px; color: var(--muted); font-size: 14px; line-height: 1.65; }

/* Maximus */
.maximus-shell { position: relative; display: grid; grid-template-columns: 250px 1fr .85fr; gap: 48px; align-items: center; min-height: 530px; padding: clamp(34px, 5vw, 70px); overflow: hidden; border: 1px solid rgba(242,32,2,.25); border-radius: 32px; background: radial-gradient(circle at 5% 50%, rgba(242,32,2,.14), transparent 34%), linear-gradient(135deg, #15100f, #111 58%, #0a0a0a); box-shadow: 0 50px 130px -70px rgba(242,32,2,.28); }
.maximus-shell::before { content: "MAXIMUS"; position: absolute; right: -10px; top: -42px; color: rgba(255,255,255,.018); font-size: 170px; font-weight: 900; letter-spacing: -.07em; }
.maximus-radar { position: relative; width: 210px; aspect-ratio: 1; display: grid; place-items: center; }
.maximus-radar > span { position: absolute; border: 1px solid rgba(242,32,2,.2); border-radius: 50%; }
.maximus-radar .r1 { inset: 0; }.maximus-radar .r2 { inset: 14%; }.maximus-radar .r3 { inset: 29%; }
.maximus-radar i { position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(from 0deg, transparent 0 75%, rgba(242,32,2,.3)); animation: rotate 6s linear infinite; }
.maximus-radar svg { width: 68px; z-index: 2; filter: drop-shadow(0 0 22px rgba(242,32,2,.35)); }
.maximus-copy h2 { font-size: clamp(42px, 4.4vw, 66px); }
.maximus-copy > p:not(.kicker) { margin-top: 25px; color: var(--muted); font-size: 16px; }
.maximus-points { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 27px; }
.maximus-points span { padding: 7px 10px; border: 1px solid var(--line); border-radius: 999px; color: #a9a7b0; font-size: 10px; }
.assistant-card { position: relative; padding: 21px; border: 1px solid rgba(255,255,255,.13); border-radius: 17px; background: rgba(5,5,5,.75); box-shadow: 0 30px 70px rgba(0,0,0,.35); }
.assistant-head { display: flex; align-items: center; gap: 8px; color: #aaa8b1; font-size: 9px; letter-spacing: .12em; }
.spark { color: var(--ember-hot); font-size: 15px; }.live-dot { margin-left: auto; color: #8e8c95; }
.assistant-prompt { margin-top: 32px; color: #d5d3da; font-size: 16px; }
.assistant-answer { display: grid; grid-template-columns: 3px 1fr; gap: 13px; margin-top: 18px; padding: 15px; border-radius: 11px; background: #181818; }
.priority-bar { border-radius: 3px; background: var(--ember); }
.assistant-answer div { display: grid; }.assistant-answer small { color: var(--ember-hot); font-size: 8px; letter-spacing: .12em; }.assistant-answer strong { margin-top: 4px; font-size: 13px; }.assistant-answer p { color: #7d7a84; font-size: 10px; margin-top: 4px; }
.assistant-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }.assistant-actions span { padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; color: #aaa8b0; font-size: 9px; }.assistant-actions span:last-child { border-color: var(--ember); background: var(--ember); color: #fff; }

/* Git */
.split-feature { display: grid; grid-template-columns: 1fr .86fr; align-items: center; gap: clamp(70px, 10vw, 150px); }
.code-orbit { position: relative; min-height: 430px; }
.code-orbit::before { content: ""; position: absolute; inset: 3% 8%; border: 1px solid rgba(242,32,2,.18); border-radius: 50%; transform: rotate(-23deg); }
.code-orbit svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }.code-orbit path { fill: none; stroke: rgba(242,32,2,.36); stroke-width: 1; stroke-dasharray: 5 7; }.code-orbit circle { fill: var(--ember); }
.repo-card { position: absolute; z-index: 2; width: min(360px, 78%); display: grid; padding: 25px; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(24,24,24,.92); box-shadow: 0 30px 70px rgba(0,0,0,.5); }
.repo-card small { color: #77757f; font-size: 9px; letter-spacing: .12em; }.repo-card strong { margin-top: 13px; font-size: 18px; }.repo-card span { justify-self: start; margin-top: 25px; padding: 5px 8px; border: 1px solid rgba(242,32,2,.34); border-radius: 99px; color: var(--ember-hot); font-size: 8px; letter-spacing: .1em; }
.back-card { top: 60px; right: 0; transform: rotate(5deg); opacity: .6; }.front-card { left: 3%; bottom: 55px; transform: rotate(-3deg); }
.split-copy h2 { margin-bottom: 27px; }
.check-list { display: grid; gap: 12px; margin-top: 28px; list-style: none; }
.check-list li { position: relative; padding-left: 23px; color: #d2d0d7; font-size: 13px; }.check-list li::before { content: ""; position: absolute; left: 0; top: .58em; width: 7px; height: 7px; border-radius: 50%; background: var(--ember); box-shadow: 0 0 12px rgba(242,32,2,.5); }

/* Capability cards */
.capabilities { border-block: 1px solid var(--line-soft); background: #0c0c0c; }
.capability-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.cap-card { position: relative; min-height: 300px; overflow: hidden; padding: 27px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, #171717, #111); }
.cap-card.wide { grid-column: span 2; }
.cap-number { color: #66646c; font: 650 9px ui-monospace, monospace; letter-spacing: .12em; }
.cap-card h3 { margin-top: 29px; font-size: 23px; letter-spacing: -.03em; }.cap-card p { max-width: 360px; margin-top: 9px; color: var(--muted); font-size: 13px; line-height: 1.55; }
.mini-board { position: absolute; left: 28px; right: 28px; bottom: 25px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; height: 83px; }.mini-board::before, .mini-board::after, .mini-board i { content: ""; border: 1px solid var(--line); border-radius: 6px; background: #1d1d1d; }.mini-board i:nth-child(n+4) { display: none; }.mini-board i:nth-child(2) { transform: translateY(12px); border-top-color: var(--ember); }
.file-stack { position: absolute; inset: auto 25px 25px; height: 80px; }.file-stack i { position: absolute; bottom: 0; display: grid; place-items: center; width: 62px; height: 72px; border: 1px solid var(--line); border-radius: 8px; background: #202020; color: #7f7d85; font: 700 8px monospace; }.file-stack i:nth-child(2) { left: 48px; transform: rotate(5deg); }.file-stack i:nth-child(3) { left: 96px; transform: rotate(10deg); border-color: rgba(242,32,2,.5); color: var(--ember-hot); }
.day-orbit { position: absolute; right: 24px; bottom: 25px; width: 90px; height: 90px; display: grid; place-content: center; text-align: center; border: 1px solid rgba(242,32,2,.5); border-radius: 50%; box-shadow: inset 0 0 35px rgba(242,32,2,.08); }.day-orbit::after { content: ""; position: absolute; inset: -8px; border: 1px dashed rgba(242,32,2,.19); border-radius: 50%; }.day-orbit b { font-size: 28px; line-height: 1; }.day-orbit span { color: var(--ember-hot); font-size: 8px; letter-spacing: .14em; }
.backup-glyph { position: absolute; right: 27px; bottom: 25px; display: grid; place-items: center; width: 74px; height: 74px; border: 1px solid var(--line); border-radius: 15px; color: var(--ember-hot); font-size: 27px; background: #1d1d1d; }
.radar-mini { position: absolute; right: 40px; bottom: 22px; width: 120px; height: 120px; }.radar-mini i { position: absolute; border: 1px solid rgba(242,32,2,.22); border-radius: 50%; }.radar-mini i:nth-child(1){inset:0}.radar-mini i:nth-child(2){inset:18%}.radar-mini i:nth-child(3){inset:36%}.radar-mini b { position: absolute; inset: 47%; border-radius: 50%; background: var(--ember); box-shadow: 0 0 18px var(--ember); }

/* Privacy */
.privacy-section { overflow: hidden; }
.privacy-shell { position: relative; display: grid; grid-template-columns: 230px 1fr .8fr; gap: 55px; align-items: center; }
.privacy-planet {
  position: relative;
  width: clamp(170px, 16vw, 218px);
  aspect-ratio: 1;
  isolation: isolate;
  filter: drop-shadow(0 28px 55px rgba(0,0,0,.7));
}
.privacy-planet > span {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.19);
  border-radius: 50%;
  background:
    radial-gradient(ellipse at 68% 62%, rgba(242,32,2,.42) 0 3%, rgba(114,18,7,.36) 4% 7%, transparent 8%),
    linear-gradient(172deg, transparent 0 13%, rgba(255,255,255,.055) 14% 17%, transparent 18% 25%, rgba(216,162,119,.13) 26% 31%, transparent 32% 40%, rgba(255,255,255,.08) 41% 45%, rgba(242,32,2,.11) 46% 50%, transparent 51% 58%, rgba(216,162,119,.1) 59% 65%, transparent 66%),
    radial-gradient(circle at 31% 23%, #5c5550 0, #2d2928 23%, #151414 51%, #080808 75%);
  box-shadow:
    inset -48px -27px 66px rgba(0,0,0,.94),
    inset 20px 10px 34px rgba(255,255,255,.07),
    0 0 0 1px rgba(255,255,255,.03),
    0 0 58px rgba(216,162,119,.08);
}
.privacy-planet > span::before {
  content: "";
  position: absolute;
  inset: -9%;
  border-radius: 50%;
  background: repeating-linear-gradient(174deg, transparent 0 10px, rgba(255,255,255,.025) 11px 13px, transparent 14px 24px);
  mix-blend-mode: screen;
  opacity: .8;
}
.privacy-planet::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: -48%;
  right: -48%;
  top: 43%;
  height: 18%;
  border: 1px solid rgba(242,32,2,.5);
  border-radius: 50%;
  transform: rotate(-14deg);
  box-shadow: 0 0 26px rgba(242,32,2,.11);
}
.privacy-planet > i {
  position: absolute;
  z-index: 3;
  left: -45%;
  right: -45%;
  top: 48%;
  height: 13%;
  overflow: hidden;
  border-bottom: 2px solid rgba(242,32,2,.86);
  border-radius: 50%;
  transform: rotate(-14deg);
  filter: drop-shadow(0 0 8px rgba(242,32,2,.42));
}
.privacy-planet > i::before,
.privacy-planet > i::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: #aaa19b;
  box-shadow: inset -3px -2px 5px #282424, 0 0 12px rgba(255,255,255,.15);
}
.privacy-planet > i::before { width: 6px; height: 6px; left: 9%; top: 35%; }
.privacy-planet > i::after { width: 3px; height: 3px; right: 7%; top: 55%; opacity: .65; }
.privacy-planet::after {
  content: "PRIVATE";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 4;
  transform: translate(-50%,-50%);
  color: rgba(255,255,255,.68);
  font: 680 8px ui-monospace, "SFMono-Regular", monospace;
  letter-spacing: .24em;
  text-shadow: 0 2px 12px #000;
}
.privacy-copy > p { font-size: 15px; }
.privacy-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 27px 0; }.privacy-stats span { display: grid; padding: 12px; border: 1px solid var(--line); border-radius: 10px; color: #74727c; font-size: 9px; }.privacy-stats b { color: var(--text); font-size: 21px; }

/* Pricing */
.pricing-section { border-block: 1px solid var(--line-soft); background: radial-gradient(circle at 70% 50%, rgba(242,32,2,.09), transparent 30%), #0c0c0c; }
.pricing-shell { display: grid; grid-template-columns: 1fr 470px; gap: 100px; align-items: center; }
.price-copy > p:last-child { max-width: 480px; margin-top: 28px; }
.price-card { padding: 38px; border: 1px solid rgba(242,32,2,.28); border-radius: 26px; background: linear-gradient(145deg, rgba(29,29,29,.97), rgba(13,13,13,.97)); box-shadow: 0 35px 100px -50px rgba(242,32,2,.4); }
.price-status { display: flex; align-items: center; gap: 10px; color: var(--ember-hot); font-size: 10px; font-weight: 680; letter-spacing: .12em; text-transform: uppercase; }
.amount { margin: 23px 0 24px; font-size: 69px; line-height: 1; font-weight: 780; letter-spacing: -.06em; }.amount sup { color: var(--ember); font-size: 25px; vertical-align: top; margin-right: 3px; }.amount small { color: var(--muted); font-size: 16px; font-weight: 560; letter-spacing: 0; }
.price-card ul { display: grid; gap: 12px; margin-bottom: 30px; list-style: none; }.price-card li { position: relative; padding-left: 20px; color: #c2c0c7; font-size: 13px; }.price-card li::before { content: "✓"; position: absolute; left: 0; color: var(--ember-hot); }
.cancel-note { margin-top: 14px; text-align: center; color: #686670; font-size: 9px; }

/* FAQ */
.faq-layout { display: grid; grid-template-columns: .6fr 1fr; gap: 100px; align-items: start; }
.faq-title { position: sticky; top: 120px; }.faq-title h2 { font-size: clamp(42px, 4.8vw, 64px); }.faq-title > p:last-child { margin-top: 22px; }
.faq { border-top: 1px solid var(--line); }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary { position: relative; padding: 26px 42px 26px 0; cursor: pointer; list-style: none; font-size: 16px; font-weight: 630; }.faq summary::-webkit-details-marker { display: none; }.faq summary::after { content: "+"; position: absolute; right: 4px; top: 23px; color: var(--ember-hot); font-size: 21px; transition: transform .2s ease; }.faq details[open] summary::after { transform: rotate(45deg); }.faq details p { max-width: 660px; padding: 0 45px 24px 0; color: var(--muted); font-size: 14px; }

/* Final call + footer */
.final-call { padding: clamp(72px, 12vh, 120px) 0; text-align: center; background: radial-gradient(circle at 50% 42%, rgba(242,32,2,.12), transparent 22rem); }
.final-inner { display: grid; justify-items: center; }
.final-inner img { width: clamp(76px, 8vw, 112px); margin-bottom: clamp(20px, 4vh, 34px); border-radius: 23%; box-shadow: 0 30px 70px rgba(0,0,0,.45), 0 0 55px rgba(242,32,2,.11); }
.final-inner .kicker { margin-bottom: clamp(10px, 2.5vh, 18px); }
.final-inner p:not(.kicker) { margin: clamp(13px, 3vh, 22px) 0; color: var(--muted); }
footer { padding: 70px 0 38px; border-top: 1px solid var(--line-soft); background: #070707; color: var(--quiet); }
.footer-grid { display: grid; grid-template-columns: 1fr auto auto; gap: 90px; }
.footer-brand p { margin-top: 13px; font-size: 12px; }
.footer-credit { display: inline-flex; align-items: center; gap: 9px; margin-top: 27px; color: var(--quiet); font-size: 13px; letter-spacing: .005em; transition: color .2s ease; }
.footer-credit img { width: 18px; height: auto; filter: drop-shadow(0 0 12px rgba(242,32,2,.2)); }
.footer-credit strong { color: #aaa8b4; font-weight: 570; }
.footer-credit:hover, .footer-credit:hover strong { color: var(--text); }
.footer-links { display: grid; align-content: start; gap: 10px; min-width: 110px; }
.footer-links a { font-size: 12px; }
.footer-links a:hover { color: var(--text); }
.legal { display: flex; justify-content: space-between; gap: 35px; margin-top: 60px; padding-top: 25px; border-top: 1px solid var(--line-soft); font-size: 9px; }
.legal p:last-child { max-width: 650px; text-align: right; }

/* Legal and support documents */
.doc { max-width: 790px; padding-block: 70px 100px; }
.doc::before { content: ""; position: fixed; width: 560px; height: 560px; right: -230px; top: -210px; border: 1px solid rgba(242,32,2,.14); border-radius: 50%; box-shadow: inset 0 0 100px rgba(242,32,2,.035); pointer-events: none; }
.doc h1 { margin-bottom: 8px; font-size: clamp(44px, 7vw, 72px); line-height: .98; letter-spacing: -.055em; }
.doc .updated { margin-bottom: 45px; color: var(--quiet); font-size: 12px; letter-spacing: .04em; }
.doc h2 { margin: 43px 0 12px; font-size: 22px; letter-spacing: -.025em; }
.doc p, .doc li { color: var(--muted); font-size: 15px; }.doc p { margin-bottom: 14px; }.doc ul { padding-left: 20px; }.doc a { color: var(--ember-hot); }.doc strong { color: #d7d5dc; }.doc code { padding: 2px 5px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); }
.back { display: inline-block; margin-bottom: 38px; color: var(--quiet); font-size: 12px; }.back:hover { color: var(--text); }

/* Motion */
@keyframes signal { 0%,100% { opacity: .55; } 50% { opacity: 1; } }
@keyframes rotate { to { transform: rotate(360deg); } }
.js .reveal { opacity: 0; transform: translateY(24px); transition: opacity .75s var(--ease), transform .75s var(--ease); }
.js .reveal.is-visible { opacity: 1; transform: none; }

/* Responsive */
@media (max-width: 1020px) {
  .hero-copy { width: min(650px, 72vw); }
  .mission-art { object-position: 65% center; }
  .hero-vignette { background: linear-gradient(90deg, rgba(5,5,5,.98), rgba(5,5,5,.72) 55%, rgba(5,5,5,.08)); }
  .section-heading, .workflow-grid, .split-feature, .faq-layout { grid-template-columns: 1fr; }
  .section-heading .kicker { margin-bottom: -15px; }
  .workflow-intro, .faq-title { position: static; }
  .maximus-shell { grid-template-columns: 170px 1fr; }.assistant-card { grid-column: 1 / -1; width: min(100%, 580px); justify-self: center; }.maximus-radar { width: 160px; }
  .privacy-shell { grid-template-columns: 170px 1fr; }.privacy-copy { grid-column: 2; }.privacy-planet { width: 165px; }
  .capability-grid { grid-template-columns: repeat(2, 1fr); }
  .pricing-shell { grid-template-columns: 1fr 420px; gap: 55px; }
}

@media (max-width: 760px) {
  .wrap { width: min(100% - 32px, var(--max)); }
  .nav { min-height: 70px; }.nav-links { display: none; }.brand { font-size: 14px; }.brand-mark { width: 28px; height: 28px; }
  .mission-hero { min-height: 900px; align-items: end; }.mission-art { width: 145%; max-width: none; height: 66%; left: auto; right: -31%; top: 0; object-position: 65% 35%; }.hero-vignette { background: linear-gradient(0deg, #060606 0%, rgba(6,6,6,.98) 40%, rgba(6,6,6,.15) 80%, rgba(6,6,6,.08)); }.hero-layout { padding-top: 300px; }.hero-copy { width: 100%; padding: 80px 0 62px; }.mission-hero h1 { font-size: clamp(63px, 20vw, 92px); }.hero-lede { font-size: 16px; }.hero-coordinate { display: none; }
  .signal-grid { grid-template-columns: repeat(2, 1fr); }.signal-grid div { min-height: 73px; padding-inline: 14px; border-bottom: 1px solid var(--line-soft); }
  .signal-grid div:nth-child(odd) { border-left: 1px solid var(--line-soft); }
  .section-heading { gap: 24px; margin-bottom: 48px; }.section-heading .kicker { margin-bottom: 0; }.section-heading h2, .workflow-intro h2, .maximus-copy h2, .split-copy h2, .privacy-shell h2, .price-copy h2, .faq-title h2, .final-inner h2 { font-size: clamp(40px, 13vw, 58px); }
  .app-stage { padding: 6px; border-radius: 15px; }.window-chrome { border-radius: 10px; }.window-top { height: 27px; }.window-top b { display: none; }.orbit-label { display: none; }
  .workflow-grid { gap: 55px; }
  .maximus-shell { grid-template-columns: 1fr; padding: 30px 22px; }.maximus-radar { width: 135px; }.assistant-card { grid-column: auto; width: 100%; }.maximus-shell::before { font-size: 90px; }
  .split-feature { gap: 25px; }.code-orbit { min-height: 330px; order: 2; }.split-copy { order: 1; }
  .capability-grid { grid-template-columns: 1fr; }.cap-card.wide { grid-column: auto; }.cap-card { min-height: 280px; }
  .privacy-shell { grid-template-columns: 1fr; gap: 35px; }.privacy-copy { grid-column: auto; }.privacy-planet { width: 150px; margin-inline: auto; }.privacy-stats { grid-template-columns: repeat(3, 1fr); }
  .pricing-shell { grid-template-columns: 1fr; gap: 48px; }.price-card { padding: 28px 22px; }.amount { font-size: 61px; }
  .faq-layout { gap: 48px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 45px; }.footer-brand { grid-column: 1 / -1; }.legal { display: grid; }.legal p:last-child { text-align: left; }
}

@media (max-width: 430px) {
  .nav-cta { padding: 8px 11px; }.nav-cta span { display: none; }
  .hero-actions { align-items: flex-start; flex-direction: column; }.hero-note { max-width: 280px; }
  .signal-grid span { font-size: 10px; }.signal-grid strong { font-size: 8px; }
  .privacy-stats { grid-template-columns: 1fr; }.privacy-stats span { display: flex; align-items: center; gap: 8px; }.privacy-stats b { font-size: 17px; }
  .repo-card { width: 88%; }
}

/* Compact laptop and landscape layouts: scale to available height, not width alone. */
@media (min-width: 761px) and (max-height: 760px) {
  .product-proof.section-space { padding-block: clamp(48px, 8vh, 68px); }
  .product-proof .section-heading { gap: 30px; margin-bottom: clamp(28px, 5vh, 40px); }
  .product-proof .section-heading .kicker { margin-bottom: -10px; }
  .product-proof .section-heading h2 { font-size: clamp(42px, 5.2vw, 62px); }
  .product-proof .section-heading > p:last-child { font-size: 15px; line-height: 1.55; }
  .product-proof .app-stage { width: min(74vw, 860px); margin-inline: auto; padding: 8px; border-radius: 20px; }
  .product-proof .window-chrome { border-radius: 13px; }
  .product-proof .window-top { height: 32px; }
  .product-proof .orbit-label { transform: scale(.88); }
}

@media (min-width: 520px) and (max-height: 620px) {
  .final-call { padding-block: 42px; }
  .final-inner {
    grid-template-columns: auto minmax(0, 720px);
    column-gap: 28px;
    justify-content: center;
    justify-items: start;
    text-align: left;
  }
  .final-inner > :not(img) { grid-column: 2; }
  .final-inner img { grid-row: 1 / 6; width: clamp(66px, 8vw, 82px); margin: 0; align-self: center; }
  .final-inner .kicker { margin-bottom: 8px; }
  .final-inner h2 { font-size: clamp(34px, 5vw, 52px); line-height: .96; }
  .final-inner p:not(.kicker) { margin: 10px 0; font-size: 14px; }
}

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