:root {
  --ink: #08111f;
  --ink-2: #0d1a2d;
  --navy: #091b31;
  --blue: #1976ff;
  --blue-2: #64a8ff;
  --cyan: #43d3ff;
  --gold: #ffc53d;
  --paper: #ffffff;
  --mist: #f2f6fb;
  --line: #dce5f0;
  --muted: #607089;
  --green: #38dc9b;
  --platinum: #d9e7f6;
}

@view-transition { navigation: auto; }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body {
  margin: 0;
  background: linear-gradient(180deg, #ffffff 0%, #f9fbfe 48%, #ffffff 100%);
  color: var(--ink);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; height: auto; }
button, a, summary { -webkit-tap-highlight-color: transparent; }
.shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  border-bottom: 1px solid rgba(255,255,255,.1);
  background: rgba(7, 17, 32, .9);
  backdrop-filter: blur(18px);
  color: white;
}
.site-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, rgba(93,170,255,.55), transparent); }
.nav-shell {
  width: min(1240px, calc(100% - 40px));
  height: 74px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 34px;
}
.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 17px; font-weight: 770; letter-spacing: -.02em; }
.brand-mark {
  width: 37px;
  height: 37px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #061427;
  background: linear-gradient(145deg, var(--gold), #ffdd73);
  box-shadow: 0 8px 24px rgba(255, 197, 61, .2);
  font-size: 15px;
  letter-spacing: -.04em;
}
.desktop-nav { display: flex; align-items: center; gap: 29px; margin-left: auto; }
.desktop-nav a { color: #aebdd0; font-size: 14px; font-weight: 540; transition: .2s ease; }
.desktop-nav a:hover { color: white; }
.nav-cta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 10px;
  padding: 11px 15px;
  background: rgba(255,255,255,.07);
  font-size: 14px;
  font-weight: 680;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.nav-cta:hover { transform: translateY(-1px); border-color: rgba(110,180,255,.5); background: rgba(58,137,230,.14); }
.mobile-menu { display: none; position: relative; margin-left: auto; }
.mobile-menu summary { list-style: none; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.18); border-radius: 10px; cursor: pointer; }
.mobile-menu summary::-webkit-details-marker { display: none; }
.mobile-menu nav { position: absolute; right: 0; top: 52px; width: 220px; display: grid; padding: 10px; background: #0b192c; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; box-shadow: 0 20px 50px rgba(0,0,0,.4); }
.mobile-menu nav a { padding: 12px; border-radius: 8px; color: #d6e2f1; font-size: 14px; }
.mobile-menu nav a:hover { background: rgba(255,255,255,.06); }

.hero {
  min-height: 730px;
  position: relative;
  overflow: hidden;
  color: white;
  background:
    linear-gradient(90deg, rgba(6,15,29,.98) 0%, rgba(8,22,41,.96) 54%, rgba(8,31,57,.9) 100%),
    url('/assets/images/bg.webp') center/cover;
}
.hero-enter { animation: heroReveal .9s cubic-bezier(.2,.75,.25,1) both; }
.hero-enter-delay { animation-delay: .12s; }
@keyframes heroReveal { from { opacity: 0; transform: translate3d(0,26px,0); } to { opacity: 1; transform: none; } }
.hero::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(80,140,204,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(80,140,204,.06) 1px, transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(to bottom, black, transparent 75%); }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(8px); opacity: .45; }
.hero-glow-one { width: 430px; height: 430px; right: 6%; top: 2%; background: radial-gradient(circle, rgba(25,118,255,.45), transparent 68%); }
.hero-glow-two { width: 340px; height: 340px; right: 27%; bottom: -15%; background: radial-gradient(circle, rgba(67,211,255,.2), transparent 70%); }
.hero-grid { position: relative; z-index: 2; min-height: 590px; display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 70px; padding: 58px 0 50px; }
.eyebrow { display: flex; align-items: center; gap: 8px; margin: 0 0 18px; color: #8dc4ff; font-size: 12px; font-weight: 780; letter-spacing: .14em; }
.eyebrow.dark { color: #176cd7; }
.hero-copy h1 { max-width: 700px; margin: 0; font-size: clamp(48px, 5.4vw, 78px); line-height: 1.02; letter-spacing: -.055em; font-weight: 780; }
.hero-copy h1 span { color: #72b3ff; }
.hero-lead { max-width: 680px; margin: 26px 0 0; color: #bdcadd; font-size: 18px; line-height: 1.72; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.button { min-height: 48px; position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 20px; border-radius: 9px; font-size: 14px; font-weight: 730; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.button::before { content: ""; position: absolute; top: -60%; bottom: -60%; left: -42%; width: 28%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.26), transparent); transform: skewX(-18deg); transition: left .55s ease; }
.button:hover::before { left: 118%; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: white; background: linear-gradient(135deg, #1475ff, #2d8aff); box-shadow: 0 12px 30px rgba(25,118,255,.25); }
.button-primary:hover { box-shadow: 0 15px 36px rgba(25,118,255,.34); }
.button-secondary { border: 1px solid rgba(255,255,255,.2); color: white; background: rgba(255,255,255,.06); }
.button-dark { color: white; background: #0b1728; box-shadow: 0 10px 24px rgba(8,17,31,.16); }
.full { width: 100%; }
.hero-trust { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 27px; color: #aebdd0; font-size: 12px; }
.hero-trust span { display: inline-flex; align-items: center; gap: 7px; }
.hero-trust svg { color: var(--green); }
.hero-visual { position: relative; min-height: 460px; display: grid; place-items: center; }
.product-box { position: relative; z-index: 3; width: min(330px, 76%); filter: drop-shadow(0 34px 36px rgba(0,0,0,.48)); transform: perspective(900px) rotateY(-4deg) translateY(-8px); }
.orbit { position: absolute; border-radius: 50%; border: 1px solid rgba(90,171,255,.2); }
.orbit-one { width: 430px; height: 430px; }
.orbit-two { width: 330px; height: 330px; border-style: dashed; animation: spin 34s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.terminal-card { position: absolute; right: -2px; bottom: 52px; z-index: 4; width: 190px; padding: 15px 17px; border: 1px solid rgba(137,190,255,.22); border-radius: 13px; background: rgba(8,25,47,.86); box-shadow: 0 18px 38px rgba(0,0,0,.35); backdrop-filter: blur(12px); }
.terminal-card div { display: flex; align-items: center; gap: 7px; color: #8fa6c2; font-size: 9px; letter-spacing: .12em; }
.terminal-card strong, .terminal-card > span { display: block; }
.terminal-card strong { margin-top: 8px; color: white; font-size: 22px; }
.terminal-card > span { margin-top: 3px; color: #7fa0c5; font-size: 12px; }
.status-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(56,220,155,.12); }
.trust-bar { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255,255,255,.1); }
.trust-bar span { padding: 25px 22px; border-right: 1px solid rgba(255,255,255,.1); color: #8296b0; font-size: 12px; text-align: center; }
.trust-bar span:first-child { border-left: 1px solid rgba(255,255,255,.1); }
.trust-bar strong { margin-right: 4px; color: #e8f1ff; }

.section { padding: 104px 0; }
.muted { background: var(--mist); }
.section-heading { max-width: 720px; margin-bottom: 50px; }
.section-heading.centered { margin-inline: auto; text-align: center; }
.section-heading.centered .eyebrow { justify-content: center; }
.section-heading h2, .proof-copy h2, .requirements-grid h2, .faq-intro h2 { margin: 0; color: var(--ink); font-size: clamp(36px, 4.1vw, 52px); line-height: 1.08; letter-spacing: -.045em; }
.section-heading > p:last-child, .proof-copy > p, .faq-intro > p, .requirements-grid > div > p { color: var(--muted); font-size: 16px; line-height: 1.75; }
.compact-heading { margin-bottom: 32px; }
.compact-heading h2 { font-size: 36px; }

.product-switch-section { position: relative; overflow: hidden; padding: 86px 0 92px; background: radial-gradient(circle at 78% 5%, rgba(36,125,235,.09), transparent 30%), #fff; }
.product-switch-section::before { content: ""; position: absolute; width: 540px; height: 540px; right: -280px; bottom: -360px; border: 1px solid rgba(25,118,255,.09); border-radius: 50%; box-shadow: 0 0 0 65px rgba(25,118,255,.025), 0 0 0 130px rgba(25,118,255,.018); }
.product-switch { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.switch-card { min-height: 176px; display: grid; grid-template-columns: 105px 1fr auto; align-items: center; gap: 25px; padding: 20px 28px 20px 20px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.94); box-shadow: 0 15px 42px rgba(21,54,89,.07); transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
.switch-card:hover { transform: translateY(-3px); border-color: #9ec8ff; box-shadow: 0 18px 42px rgba(21,54,89,.1); }
.switch-card.active { border-color: #72adf6; background: linear-gradient(140deg, #f9fcff, #edf6ff); box-shadow: inset 4px 0 0 var(--blue), 0 18px 42px rgba(21,54,89,.1); }
.switch-card.red.active { border-color: #e19a9a; background: linear-gradient(140deg, #fffafa, #fff1f1); box-shadow: inset 4px 0 0 #d44444, 0 18px 42px rgba(90,30,30,.08); }
.switch-card img { max-height: 138px; width: auto; justify-self: center; filter: drop-shadow(0 13px 12px rgba(8,17,31,.18)); }
.switch-card div { display: grid; gap: 7px; }
.switch-card div span { color: #3576c4; font-size: 11px; font-weight: 760; letter-spacing: .1em; }
.switch-card.red div span { color: #b54444; }
.switch-card strong { font-size: 23px; letter-spacing: -.025em; }
.switch-card small { color: var(--muted); font-size: 13px; }
.switch-card > svg { color: #88a1bd; }

.instant-proof { position: relative; z-index: 2; display: grid; grid-template-columns: .82fr 1.18fr; gap: 36px; align-items: center; margin-top: 22px; padding: 32px; border: 1px solid #cadff6; border-radius: 20px; background: linear-gradient(125deg, #071625 0%, #0b2848 100%); box-shadow: 0 24px 60px rgba(9,37,66,.18); color: white; }
.instant-proof::after { content: ""; position: absolute; width: 230px; height: 230px; left: 31%; top: -120px; border-radius: 50%; background: radial-gradient(circle, rgba(45,133,244,.24), transparent 70%); pointer-events: none; }
.instant-proof-copy { position: relative; z-index: 1; }
.instant-proof h3 { margin: 13px 0 12px; font-size: 30px; line-height: 1.12; letter-spacing: -.04em; }
.instant-proof-copy > p { margin: 0; color: #aabbd0; font-size: 13px; line-height: 1.7; }
.proof-points { display: flex; flex-wrap: wrap; gap: 10px 16px; margin-top: 19px; }
.proof-points span { display: inline-flex; align-items: center; gap: 7px; color: #c7d5e5; font-size: 11px; }
.proof-points svg { color: #47dea2; }
.proof-link { margin-top: 21px; color: #7ab8ff; }
.instant-proof-chart { position: relative; z-index: 1; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 13px; background: white; box-shadow: 0 18px 42px rgba(0,0,0,.25); }
.instant-proof-chart iframe { display: block; width: 100%; height: 300px; border: 0; background: white; }

.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.feature-grid article { min-height: 250px; padding: 29px; border: 1px solid #dfe7f1; border-radius: 16px; background: white; box-shadow: 0 8px 22px rgba(30,63,98,.04); }
.icon-box { width: 47px; height: 47px; display: grid; place-items: center; border: 1px solid #cfe4ff; border-radius: 12px; color: #1673e9; background: #eef6ff; }
.icon-box svg { width: 22px; }
.feature-grid h3 { margin: 24px 0 10px; font-size: 19px; letter-spacing: -.025em; }
.feature-grid p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.72; }

.performance { color: white; background: #081421; }
.light-heading h2 { color: white; }
.light-heading > p:last-child { color: #96a9bf; }
.live-header-card { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-bottom: 18px; padding: 25px 28px; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; background: linear-gradient(110deg, rgba(33,74,119,.34), rgba(255,255,255,.03)); }
.live-label { display: flex; align-items: center; gap: 9px; color: #73dcb0; font-size: 10px; font-weight: 750; letter-spacing: .13em; }
.live-header-card h3 { margin: 7px 0 3px; font-size: 24px; letter-spacing: -.025em; }
.live-header-card p { margin: 0; color: #8297af; font-size: 13px; }
.chart-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.chart-card { overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; background: white; }
.chart-title { display: flex; justify-content: space-between; align-items: center; padding: 14px 17px; border-bottom: 1px solid #e8edf3; color: #0f2035; }
.chart-title span { font-size: 13px; font-weight: 720; }
.chart-label { display: inline-flex; align-items: center; gap: 7px; }
.chart-label svg { color: #2b82ec; }
.chart-title small { color: #7d8ca0; font-size: 10px; }
.chart-card iframe { display: block; width: 100%; height: 300px; border: 0; background: white; }
.win-rate-chart { min-height: 300px; display: grid; grid-template-columns: 176px 1fr; align-items: center; gap: 32px; padding: 30px; background: radial-gradient(circle at 24% 45%, rgba(13,116,144,.08), transparent 43%), #fff; }
.donut { width: 176px; aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center; box-shadow: 0 18px 42px rgba(8,24,43,.14); transform: rotate(-90deg); }
.donut-center { width: 116px; aspect-ratio: 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fff; box-shadow: inset 0 0 0 1px rgba(7,36,57,.06); transform: rotate(90deg); }
.donut-center strong { color: var(--ink); font-size: 31px; line-height: 1; letter-spacing: -.04em; }
.donut-center span { margin-top: 7px; color: var(--muted); font-size: 12px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.donut-copy > p { margin: 0 0 18px; color: var(--muted); line-height: 1.65; }
.donut-legend { display: grid; gap: 10px; margin-bottom: 20px; }
.donut-legend span { display: grid; grid-template-columns: 10px 1fr auto; align-items: center; gap: 9px; color: #46576a; font-size: 14px; }
.donut-legend i { width: 10px; height: 10px; border-radius: 50%; }
.donut-legend i.win { background: #25c889; }
.donut-legend i.loss { background: #ec5b68; }
.donut-legend strong { color: var(--ink); }
.performance-note { margin: 18px 0 0; color: #758aa3; font-size: 11px; line-height: 1.6; text-align: center; }

.proof-grid { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 74px; }
.proof-copy h2, .requirements-grid h2, .faq-intro h2 { font-size: clamp(34px, 3.6vw, 48px); }
.test-links { display: grid; gap: 10px; margin-top: 27px; }
.test-links .button { justify-content: space-between; }
.risk-callout { display: flex; gap: 12px; margin-top: 22px; padding: 16px 18px; border: 1px solid #dce6f1; border-radius: 10px; background: #f6f9fc; }
.risk-callout svg { flex: 0 0 auto; margin-top: 1px; color: #2a7de3; }
.risk-callout p { margin: 0; color: #637389; font-size: 12px; line-height: 1.55; }
.risk-callout strong { color: var(--ink); }
.report-frame { position: relative; overflow: hidden; padding: 14px; border: 1px solid #dbe4ed; border-radius: 15px; background: #f9fbfd; box-shadow: 0 24px 55px rgba(30,63,98,.12); }
.report-frame img { width: 100%; border-radius: 7px; }
.report-frame span { position: absolute; right: 26px; bottom: 26px; display: inline-flex; align-items: center; gap: 8px; padding: 11px 14px; border-radius: 8px; color: white; background: rgba(8,17,31,.9); font-size: 12px; font-weight: 680; }

.requirements-grid { display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: 70px; }
.requirements-visual { overflow: hidden; border: 1px solid #dbe4ef; border-radius: 18px; background: white; box-shadow: 0 22px 55px rgba(30,63,98,.1); }
.requirements-visual img { width: 100%; }
.check-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 20px; margin: 28px 0 0; padding: 0; list-style: none; }
.check-list li { display: flex; align-items: flex-start; gap: 9px; color: #34455b; font-size: 13px; line-height: 1.5; }
.check-list svg { width: 17px; height: 17px; flex: 0 0 auto; margin-top: 1px; padding: 3px; border-radius: 50%; color: white; background: #1e7ff0; }
.support-line { margin-top: 24px !important; padding-top: 20px; border-top: 1px solid #dbe3ed; font-size: 13px !important; }
.support-line a { color: #176fdd; font-weight: 680; }

.value-section { padding-bottom: 36px; background: white; }
.value-panel { position: relative; overflow: hidden; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 62px; padding: 54px; border-radius: 22px; color: white; background: linear-gradient(125deg, #071523, #0b2848 64%, #0c3762); box-shadow: 0 28px 70px rgba(6,31,56,.2); }
.value-panel::before { content: ""; position: absolute; width: 460px; height: 460px; right: -180px; top: -250px; border: 1px solid rgba(110,185,255,.14); border-radius: 50%; box-shadow: 0 0 0 58px rgba(110,185,255,.035), 0 0 0 116px rgba(110,185,255,.02); }
.value-copy, .value-grid { position: relative; z-index: 1; }
.value-copy h2 { margin: 0; font-size: clamp(34px, 3.5vw, 48px); line-height: 1.08; letter-spacing: -.045em; }
.value-copy > p:last-of-type { margin: 18px 0 26px; color: #aabdd2; font-size: 14px; line-height: 1.75; }
.value-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.value-grid article { min-height: 150px; display: grid; align-content: center; padding: 22px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(255,255,255,.055); backdrop-filter: blur(8px); transition: transform .25s ease, background .25s ease, border-color .25s ease; }
.value-grid article:hover { transform: translateY(-4px); border-color: rgba(111,184,255,.35); background: rgba(255,255,255,.085); }
.value-grid svg { color: #67aefd; }
.value-grid strong { margin-top: 14px; font-size: 15px; }
.value-grid span { margin-top: 6px; color: #9eb2c9; font-size: 11px; line-height: 1.5; }

.pricing { position: relative; overflow: hidden; background: linear-gradient(180deg, #fff 0%, #f2f7fc 100%); }
.pricing::before { content: ""; position: absolute; left: 50%; top: 19%; width: 620px; height: 330px; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(circle, rgba(31,124,239,.1), transparent 70%); filter: blur(10px); }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: stretch; }
.price-card { position: relative; padding: 31px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.96); box-shadow: 0 18px 48px rgba(25,55,88,.09); transition-property: opacity, transform, box-shadow, border-color; }
.price-card:hover { border-color: #a9cdf8; box-shadow: 0 27px 65px rgba(25,86,155,.16); transform: translateY(-7px); }
.price-card.featured { border: 2px solid #1d7cf2; box-shadow: 0 22px 55px rgba(25,118,255,.14); transform: translateY(-8px); }
.price-card.featured:hover { transform: translateY(-13px); }
.popular { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); padding: 7px 12px; border-radius: 20px; color: white; background: #1976ff; font-size: 9px; font-weight: 790; letter-spacing: .12em; white-space: nowrap; }
.plan-name { margin: 0; font-size: 14px; font-weight: 760; }
.price { display: flex; align-items: flex-start; margin-top: 20px; font-size: 54px; font-weight: 800; letter-spacing: -.055em; }
.price sup { margin: 9px 4px 0 0; font-size: 19px; }
.price small { align-self: flex-end; margin: 0 0 10px 7px; color: #8694a5; font-size: 11px; letter-spacing: .04em; }
.license-note { margin: 0 0 24px; color: #748398; font-size: 12px; }
.price-card ul { display: grid; gap: 14px; margin: 0 0 27px; padding: 24px 0 0; border-top: 1px solid #e2e8f0; list-style: none; }
.price-card li { display: flex; align-items: center; gap: 9px; color: #42536a; font-size: 13px; }
.price-card li svg { width: 17px; color: #1d7cf2; }
.secure-note { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 13px; color: #8b98a9; font-size: 10px; }

.install-section { background: #eef4fa; }
.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 0; padding: 0; list-style: none; }
.steps li { min-height: 160px; display: flex; gap: 18px; padding: 24px; border: 1px solid #dbe5ef; border-radius: 14px; background: white; }
.steps > li > span { color: #1a74e5; font-family: Consolas, monospace; font-size: 12px; font-weight: 760; }
.steps strong { font-size: 15px; }
.steps p { margin: 8px 0 0; color: var(--muted); font-size: 13px; line-height: 1.6; }

.faq-section { background: white; }
.faq-grid { display: grid; grid-template-columns: .76fr 1.24fr; align-items: start; gap: 84px; }
.faq-intro { position: sticky; top: 110px; }
.faq-intro > p { margin-top: 20px; }
.text-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; color: #176fdd; font-size: 14px; font-weight: 680; }
.faq-list { border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 0; cursor: pointer; list-style: none; font-size: 15px; font-weight: 680; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary svg { flex: 0 0 auto; color: #7890aa; transition: transform .2s ease; }
.faq-list details[open] summary svg { transform: rotate(180deg); color: #1976ff; }
.faq-list details p { margin: -5px 0 23px; padding-right: 45px; color: var(--muted); font-size: 14px; line-height: 1.7; }

.final-cta { position: relative; overflow: hidden; padding: 76px 0; color: white; background: linear-gradient(115deg, #0a203b, #0b3b6e); }
.final-cta::after { content: ""; position: absolute; width: 440px; height: 440px; right: -90px; top: -180px; border: 1px solid rgba(120,190,255,.15); border-radius: 50%; box-shadow: 0 0 0 50px rgba(120,190,255,.04), 0 0 0 100px rgba(120,190,255,.03); }
.final-cta-inner { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 50px; }
.final-cta h2 { max-width: 730px; margin: 0; font-size: clamp(34px, 4vw, 49px); line-height: 1.08; letter-spacing: -.045em; }
.final-cta p:last-child { margin: 14px 0 0; color: #a9bdd4; font-size: 14px; }
.final-cta .button { flex: 0 0 auto; }

footer { padding-top: 50px; color: #93a4b8; background: #07111e; }
.footer-top { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding-bottom: 35px; border-bottom: 1px solid rgba(255,255,255,.1); color: white; }
.footer-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 22px; }
.footer-links a { color: #91a4bb; font-size: 12px; }
.footer-links a:hover { color: white; }
.disclaimer { padding: 27px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.disclaimer strong { color: #c8d4e2; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }
.disclaimer p { max-width: 1100px; margin: 10px 0 0; color: #63768c; font-size: 10px; line-height: 1.65; }
.copyright { display: flex; justify-content: space-between; gap: 25px; padding: 20px 0 25px; font-size: 10px; }
.copyright a { color: #9fb6ce; }

[data-reveal] { opacity: 0; transform: translate3d(0,34px,0); transition: opacity .72s cubic-bezier(.2,.75,.25,1), transform .72s cubic-bezier(.2,.75,.25,1), box-shadow .3s ease, border-color .3s ease; }
[data-reveal].is-visible { opacity: 1; transform: none; }
.price-card[data-reveal] { transform: translate3d(0,78px,0) scale(.96); transition-duration: .82s, .82s, .3s, .3s; }
.price-card[data-reveal].is-visible { transform: none; }
.price-card.featured[data-reveal].is-visible { transform: translateY(-8px); }
.price-card[data-reveal].is-visible:hover { transform: translateY(-7px); }
.price-card.featured[data-reveal].is-visible:hover { transform: translateY(-13px); }
.switch-card[data-reveal].is-visible:hover { transform: translateY(-3px); }
.reveal-delay-1 { transition-delay: .09s; }
.reveal-delay-2 { transition-delay: .18s; }
.reveal-delay-3 { transition-delay: .27s; }

@media (scripting: none) { [data-reveal] { opacity: 1; transform: none; } }

@media (max-width: 1000px) {
  .desktop-nav { display: none; }
  .nav-cta { margin-left: auto; }
  .hero-grid { grid-template-columns: 1fr .78fr; gap: 20px; }
  .hero-copy h1 { font-size: 58px; }
  .terminal-card { right: -5px; }
  .feature-grid { grid-template-columns: repeat(2, 1fr); }
  .proof-grid, .requirements-grid, .faq-grid { gap: 42px; }
  .instant-proof { grid-template-columns: 1fr; }
  .value-panel { gap: 36px; padding: 42px; }
  .requirements-grid { grid-template-columns: 1fr; }
  .requirements-visual { order: 2; }
  .steps { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
  html { scroll-padding-top: 74px; }
  .shell, .nav-shell { width: min(100% - 28px, 1180px); }
  .nav-shell { height: 66px; }
  .nav-cta { display: none; }
  .mobile-menu { display: block; }
  .hero { min-height: auto; }
  .hero-grid { min-height: auto; grid-template-columns: 1fr; gap: 22px; padding: 62px 0 32px; }
  .hero-copy { text-align: center; }
  .hero-copy .eyebrow, .hero-actions, .hero-trust { justify-content: center; }
  .hero-copy h1 { margin-inline: auto; font-size: clamp(42px, 13vw, 61px); }
  .hero-lead { margin-inline: auto; font-size: 16px; }
  .hero-visual { min-height: 390px; }
  .product-box { width: 235px; }
  .orbit-one { width: 340px; height: 340px; }
  .orbit-two { width: 260px; height: 260px; }
  .terminal-card { right: 3%; bottom: 24px; width: 160px; }
  .trust-bar { grid-template-columns: repeat(2, 1fr); }
  .trust-bar span { padding: 18px 10px; }
  .section { padding: 78px 0; }
  .section-heading { margin-bottom: 36px; }
  .section-heading h2, .proof-copy h2, .requirements-grid h2, .faq-intro h2 { font-size: 36px; }
  .product-switch-section { padding: 58px 0; }
  .product-switch, .feature-grid, .chart-grid, .pricing-grid, .proof-grid, .faq-grid { grid-template-columns: 1fr; }
  .instant-proof { padding: 22px; }
  .instant-proof h3 { font-size: 26px; }
  .instant-proof-chart iframe { height: 275px; }
  .switch-card { grid-template-columns: 86px 1fr auto; gap: 15px; min-height: 145px; padding: 16px 18px 16px 13px; }
  .switch-card img { max-height: 115px; }
  .switch-card strong { font-size: 18px; }
  .feature-grid article { min-height: auto; }
  .live-header-card { align-items: flex-start; flex-direction: column; }
  .chart-card iframe { height: 260px; }
  .win-rate-chart { min-height: 300px; grid-template-columns: 1fr; justify-items: center; gap: 22px; padding: 28px 24px; }
  .donut-copy { width: 100%; }
  .proof-grid { gap: 38px; }
  .report-frame { order: -1; }
  .check-list { grid-template-columns: 1fr; }
  .price-card.featured { transform: none; margin: 10px 0; }
  .price-card.featured[data-reveal].is-visible { transform: none; }
  .value-section { padding-bottom: 24px; }
  .value-panel { grid-template-columns: 1fr; padding: 30px 24px; }
  .steps { grid-template-columns: 1fr; }
  .steps li { min-height: auto; }
  .faq-intro { position: static; }
  .faq-grid { gap: 42px; }
  .final-cta-inner { align-items: flex-start; flex-direction: column; }
  .footer-top, .copyright { align-items: flex-start; flex-direction: column; }
  .footer-links { justify-content: flex-start; }
}

@media (max-width: 430px) {
  .brand { font-size: 15px; }
  .brand-mark { width: 34px; height: 34px; }
  .hero-actions { display: grid; }
  .hero-actions .button { width: 100%; }
  .hero-trust { display: grid; justify-content: start; width: fit-content; margin-inline: auto; text-align: left; }
  .hero-visual { min-height: 360px; }
  .terminal-card { right: 0; }
  .trust-bar { width: 100%; }
  .switch-card { grid-template-columns: 74px 1fr; }
  .switch-card > svg { display: none; }
  .switch-card img { max-height: 100px; }
  .chart-card iframe { height: 235px; }
  .win-rate-chart { min-height: 0; }
  .instant-proof-chart iframe { height: 235px; }
  .proof-points { display: grid; }
  .value-grid { grid-template-columns: 1fr; }
}

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