:root {
  --bg: #03060a;
  --bg-2: #07101a;
  --panel: rgba(13, 23, 34, 0.72);
  --panel-strong: rgba(16, 27, 40, 0.9);
  --text: #f6f8fb;
  --muted: #b8c3d1;
  --soft: #7f91a8;
  --line: rgba(204, 216, 232, 0.16);
  --blue-dark: #102235;
  --blue: #29425c;
  --steel: #6f8299;
  --ice: #d8e1ec;
  --white: #ffffff;
  --shadow: 0 30px 110px rgba(0,0,0,.5);
  --radius: 32px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  min-height: 100vh;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at 18% 5%, rgba(111,130,153,.35), transparent 28%),
    radial-gradient(circle at 78% 18%, rgba(41,66,92,.42), transparent 32%),
    linear-gradient(140deg, #020305 0%, #07101a 48%, #03060a 100%);
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(216,225,236,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(216,225,236,.035) 1px, transparent 1px);
  background-size: 88px 88px;
  mask-image: linear-gradient(to bottom, #000 0 58%, transparent 88%);
  z-index: 0;
}
#particleCanvas { position: fixed; inset: 0; z-index: 0; opacity: .42; }
.scroll-progress { position: fixed; top: 0; left: 0; width: 100%; height: 3px; z-index: 100; background: transparent; }
.scroll-progress span { display: block; width: 0%; height: 100%; background: linear-gradient(90deg, var(--steel), var(--ice)); box-shadow: 0 0 18px rgba(216,225,236,.45); }

.site-header, main, footer { position: relative; z-index: 2; width: min(1220px, calc(100% - 40px)); margin-inline: auto; }
.site-header {
  position: sticky; top: 16px; z-index: 30;
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  margin-top: 16px; padding: 10px 12px 10px 14px;
  border: 1px solid var(--line); border-radius: 999px;
  background: rgba(5, 10, 16, .72); backdrop-filter: blur(26px) saturate(135%);
  box-shadow: var(--shadow);
}
.brand { display: inline-flex; align-items: center; gap: 14px; color: var(--text); text-decoration: none; font-weight: 850; letter-spacing: -.04em; }
.brand-logo { width: 72px; height: 48px; object-fit: contain; filter: drop-shadow(0 16px 24px rgba(0,0,0,.45)); }
.nav-links { display: flex; align-items: center; gap: 7px; }
.nav-links a { color: var(--muted); text-decoration: none; font-size: .92rem; font-weight: 700; padding: 10px 13px; border-radius: 999px; transition: .25s ease; }
.nav-links a:hover { color: var(--white); background: rgba(216,225,236,.09); }
.nav-button { color: #07101a !important; background: linear-gradient(135deg, var(--ice), var(--steel)); box-shadow: 0 0 32px rgba(216,225,236,.18); }
.menu-button { display: none; width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 999px; background: rgba(216,225,236,.08); cursor: pointer; }
.menu-button span { display: block; width: 18px; height: 2px; margin: 5px auto; border-radius: 999px; background: var(--text); }

main { padding: 86px 0 42px; }
.hero { min-height: calc(100vh - 150px); display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 52px; }
.eyebrow, .section-kicker { display: inline-flex; align-items: center; gap: 10px; color: var(--ice); font-size: .78rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.eyebrow span { width: 8px; height: 8px; border-radius: 50%; background: var(--ice); box-shadow: 0 0 18px rgba(216,225,236,.8); animation: pulse 1.8s infinite; }
h1 { margin-top: 20px; max-width: 850px; font-size: clamp(3.25rem, 7.4vw, 8.4rem); line-height: .88; letter-spacing: -.095em; }
.hero-text { max-width: 650px; margin-top: 26px; color: var(--muted); font-size: clamp(1.05rem, 1.7vw, 1.32rem); line-height: 1.65; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.primary-button, .secondary-button, .notify-form button { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; padding: 0 22px; border-radius: 999px; text-decoration: none; font-weight: 850; border: 1px solid transparent; transition: .25s ease; cursor: pointer; }
.primary-button, .notify-form button { color: #07101a; background: linear-gradient(135deg, #f7fbff, #8193aa); box-shadow: 0 20px 60px rgba(216,225,236,.18); }
.secondary-button { color: var(--text); background: rgba(216,225,236,.07); border-color: var(--line); }
.primary-button:hover, .secondary-button:hover, .notify-form button:hover { transform: translateY(-3px); }
.status-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; max-width: 580px; margin-top: 44px; }
.status-row article, .glass-card, .product-panel, .engineering-grid article { border: 1px solid var(--line); background: linear-gradient(145deg, rgba(216,225,236,.105), rgba(216,225,236,.035)); backdrop-filter: blur(24px) saturate(130%); box-shadow: var(--shadow); }
.status-row article { padding: 18px; border-radius: 22px; }
.status-row strong { display: block; font-size: 1.58rem; letter-spacing: -.05em; }
.status-row span { color: var(--muted); font-size: .82rem; }

.hero-stage { position: relative; min-height: 610px; display: grid; place-items: center; border-radius: 44px; border: 1px solid var(--line); overflow: hidden; background: radial-gradient(circle at 52% 44%, rgba(111,130,153,.17), transparent 34%), radial-gradient(circle at 78% 12%, rgba(108,232,210,.08), transparent 24%), linear-gradient(180deg, rgba(41,66,92,.23), rgba(5,10,16,.5)); box-shadow: var(--shadow); }
.hero-stage::after { content: ""; position: absolute; inset: auto 5% 9% 5%; height: 1px; background: linear-gradient(90deg, transparent, rgba(216,225,236,.55), transparent); }
.line-mountains { position: relative; z-index: 1; width: min(96%, 760px); opacity: .96; filter: drop-shadow(0 34px 62px rgba(0,0,0,.58)); transform: translateY(18px); }
.mountain-fill { fill: url(#mountainFill); }
.mountain-main, .mountain-sub, .mountain-back, .tree-line-art, .ground-line { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.mountain-main { stroke: url(#mountainStroke); stroke-width: 1.45; }
.mountain-sub { stroke: rgba(216,225,236,.54); stroke-width: 1; }
.mountain-back { stroke: rgba(127,145,168,.26); stroke-width: .9; }
.tree-line-art { stroke: rgba(108,232,210,.42); stroke-width: .9; }
.ground-line { stroke: rgba(216,225,236,.45); stroke-width: 1; }
.orbital-ring { position: absolute; width: 76%; aspect-ratio: 1; border: 1px solid rgba(216,225,236,.24); border-right-color: transparent; border-bottom-color: transparent; border-radius: 50%; transform: rotate(-18deg); }
.spec-card { position: absolute; width: 245px; padding: 18px; border-radius: 22px; }
.spec-card span { color: var(--soft); font-weight: 900; font-size: .78rem; letter-spacing: .18em; }
.spec-card strong { display: block; margin: 6px 0; }
.spec-card p { color: var(--muted); line-height: 1.45; font-size: .92rem; }
.spec-one { right: 24px; top: 24px; }
.spec-two { left: 24px; bottom: 24px; }

.product-showcase { display: grid; grid-template-columns: .8fr 1.2fr; gap: 34px; padding: 110px 0; }
.sticky-copy { position: sticky; top: 126px; height: fit-content; padding: 36px; border-radius: var(--radius); border: 1px solid var(--line); background: rgba(5,10,16,.52); backdrop-filter: blur(20px); }
.sticky-copy h2, .cinematic h2, .section-heading h2, .notify-card h2 { margin-top: 15px; font-size: clamp(2.4rem, 4.7vw, 5rem); line-height: .95; letter-spacing: -.075em; }
.sticky-copy p:not(.section-kicker), .cinematic > p:not(.section-kicker), .notify-card p { margin-top: 20px; color: var(--muted); line-height: 1.75; font-size: 1.04rem; }
.product-panels { display: grid; gap: 20px; }
.product-panel { min-height: 355px; display: flex; flex-direction: column; justify-content: end; padding: 34px; border-radius: var(--radius); transform: scale(.98); transition: .6s ease; }
.product-panel.visible { transform: scale(1); }
.product-panel span { color: var(--ice); font-weight: 900; letter-spacing: .14em; text-transform: uppercase; font-size: .75rem; }
.product-panel h3 { margin-top: 14px; font-size: clamp(2rem, 3.8vw, 4rem); line-height: .98; letter-spacing: -.07em; max-width: 720px; }
.product-panel p { margin-top: 16px; color: var(--muted); line-height: 1.65; max-width: 620px; }
.product-panel:nth-child(1) { background: radial-gradient(circle at 80% 20%, rgba(216,225,236,.2), transparent 34%), rgba(14,26,39,.62); }
.product-panel:nth-child(2) { background: radial-gradient(circle at 10% 20%, rgba(111,130,153,.25), transparent 38%), rgba(11,22,34,.68); }
.product-panel:nth-child(3) { background: radial-gradient(circle at 75% 70%, rgba(41,66,92,.5), transparent 36%), rgba(10,18,28,.72); }

.cinematic { position: relative; margin: 20px 0 110px; padding: clamp(32px, 6vw, 72px); min-height: 78vh; display: flex; flex-direction: column; justify-content: center; border: 1px solid var(--line); border-radius: 44px; overflow: hidden; background: linear-gradient(180deg, rgba(216,225,236,.075), rgba(216,225,236,.022)); box-shadow: var(--shadow); }
.cinematic::before { content: ''; position: absolute; inset: 0; opacity: .34; pointer-events: none; background: linear-gradient(135deg, transparent 0 52%, rgba(216,225,236,.14) 52.1% 52.25%, transparent 52.35%), linear-gradient(155deg, transparent 0 58%, rgba(127,145,168,.18) 58.1% 58.25%, transparent 58.35%), linear-gradient(25deg, transparent 0 68%, rgba(108,232,210,.12) 68.1% 68.2%, transparent 68.3%); }
.cinematic::after { content: ''; position: absolute; right: -4%; bottom: 8%; width: min(62%, 720px); height: 46%; opacity: .42; pointer-events: none; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 900 360' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M35 310 L180 185 L255 92 L320 178 L450 50 L530 260 L620 168 L850 310' stroke='%23d8e1ec' stroke-opacity='.55' stroke-width='1.4'/%3E%3Cpath d='M180 185 L238 310 L320 178 M450 50 L388 310 M530 260 L620 168 L676 310' stroke='%238fa6c0' stroke-opacity='.42' stroke-width='1'/%3E%3Cpath d='M0 250 L145 230 L245 250 L360 205 L510 236 L645 210 L790 238 L900 218' stroke='%236ce8d2' stroke-opacity='.22' stroke-width='1'/%3E%3Cpath d='M20 310 H880' stroke='%23d8e1ec' stroke-opacity='.3' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; }
.cinematic > * { position: relative; z-index: 1; }
.cinematic h2 { max-width: 900px; }
.engineering-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 54px; }
.engineering-grid article { min-height: 175px; padding: 22px; border-radius: 24px; }
.engineering-grid span { display: block; margin-bottom: 18px; color: var(--white); font-weight: 850; }
.engineering-grid p { color: var(--muted); line-height: 1.55; }

.timeline, .founders, .notify { padding: 30px 0 90px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.timeline-track { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.timeline-track article { position: relative; min-height: 260px; padding: 28px; border-radius: var(--radius); border: 1px solid var(--line); background: rgba(216,225,236,.06); overflow: hidden; }
.timeline-track article::before { content: ""; position: absolute; top: 0; left: 28px; width: 1px; height: 100%; background: linear-gradient(var(--ice), transparent); opacity: .45; }
.timeline-track small { color: var(--ice); font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.timeline-track h3 { margin: 64px 0 12px; font-size: 1.5rem; letter-spacing: -.04em; }
.timeline-track p { color: var(--muted); line-height: 1.6; }
.founder-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.founder-card { display: flex; align-items: center; gap: 18px; padding: 26px; border-radius: var(--radius); }
.avatar { display: grid; place-items: center; width: 70px; height: 70px; border-radius: 24px; background: linear-gradient(135deg, var(--ice), var(--steel)); color: #07101a; font-weight: 950; }
.founder-card h3 { font-size: 1.45rem; letter-spacing: -.045em; }
.founder-card p { color: var(--muted); margin-top: 4px; }
.notify-card { display: grid; grid-template-columns: 1fr .82fr; gap: 30px; align-items: center; padding: 38px; border-radius: var(--radius); }
.notify-form { display: grid; gap: 12px; }
.notify-form input { width: 100%; min-height: 58px; padding: 0 18px; border: 1px solid var(--line); border-radius: 999px; outline: none; color: var(--text); background: rgba(216,225,236,.08); font: inherit; }
.notify-form input:focus { border-color: rgba(216,225,236,.55); box-shadow: 0 0 0 4px rgba(216,225,236,.08); }
#formMessage { min-height: 20px; color: var(--ice); font-size: .92rem; }
footer { padding: 14px 0 44px; text-align: center; color: var(--muted); }
.footer-logo { display: block; width: min(520px, 92%); margin: 0 auto 22px; opacity: .95; }

.section-reveal, .reveal-card { opacity: 0; transform: translateY(34px); transition: opacity .85s ease, transform .85s ease; }
.section-reveal.visible, .reveal-card.visible { opacity: 1; transform: translateY(0); }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
@keyframes pulse { 0%, 100% { transform: scale(1); opacity: .9; } 50% { transform: scale(1.65); opacity: .35; } }

@media (max-width: 960px) {
  .menu-button { display: block; }
  .nav-links { position: absolute; top: calc(100% + 10px); left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; padding: 12px; border: 1px solid var(--line); border-radius: 26px; background: rgba(5,10,16,.95); backdrop-filter: blur(24px); }
  .nav-links.open { display: flex; }
  .nav-links a { text-align: center; }
  .hero, .product-showcase, .notify-card { grid-template-columns: 1fr; }
  .sticky-copy { position: relative; top: auto; }
  .engineering-grid, .timeline-track, .founder-grid, .status-row { grid-template-columns: 1fr; }
  .hero-stage { min-height: 460px; }
}
@media (max-width: 560px) {
  .site-header, main, footer { width: min(100% - 24px, 1220px); }
  .brand span { display: none; }
  main { padding-top: 58px; }
  h1 { font-size: clamp(3rem, 16vw, 4.8rem); }
  .hero-actions { flex-direction: column; }
  .primary-button, .secondary-button { width: 100%; }
  .spec-card { position: relative; inset: auto; width: calc(100% - 36px); margin: 8px 0; }
  .hero-stage { padding: 22px 0; }
  .product-panel { min-height: 300px; padding: 24px; }
  .sticky-copy, .notify-card { padding: 24px; }
}

/* Professional polish pass */
:root {
  --bg: #02050a;
  --bg-2: #07111c;
  --panel: rgba(14, 24, 36, 0.58);
  --panel-strong: rgba(18, 30, 44, 0.78);
  --text: #f7f9fc;
  --muted: #aebbc9;
  --soft: #7f91a8;
  --line: rgba(221, 230, 242, 0.13);
  --blue-dark: #102235;
  --blue: #243b55;
  --steel: #74869d;
  --ice: #dce6f3;
  --aqua: #74e7d1;
  --sky: #8ec7ff;
  --white: #ffffff;
  --shadow: 0 34px 120px rgba(0,0,0,.42);
  --radius: 30px;
}

body {
  background:
    radial-gradient(circle at var(--mx, 62%) var(--my, 20%), rgba(142,199,255,.10), transparent 25rem),
    radial-gradient(circle at 72% 10%, rgba(116,231,209,.10), transparent 30rem),
    radial-gradient(circle at 18% 8%, rgba(116,134,157,.23), transparent 26rem),
    linear-gradient(145deg, #02050a 0%, #08131f 48%, #03060b 100%);
}

body::before {
  background-image: linear-gradient(rgba(221,230,242,.026) 1px, transparent 1px), linear-gradient(90deg, rgba(221,230,242,.026) 1px, transparent 1px);
  background-size: 96px 96px;
  opacity: .75;
}

body::after {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background: radial-gradient(circle at 50% 8%, transparent 0 26%, rgba(2,5,10,.22) 62%, rgba(2,5,10,.72) 100%);
}

#particleCanvas { opacity: .22; filter: blur(.2px); }
.scroll-progress { height: 2px; }
.scroll-progress span { background: linear-gradient(90deg, var(--aqua), var(--sky), var(--ice)); }

.site-header {
  padding: 9px 10px 9px 13px;
  background: linear-gradient(180deg, rgba(17,27,39,.74), rgba(7,13,21,.58));
  border-color: rgba(221,230,242,.12);
  box-shadow: 0 24px 80px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
}
.brand-logo { width: 66px; height: 44px; }
.brand span { font-size: .98rem; letter-spacing: -.035em; }
.nav-links a { color: rgba(220,230,243,.72); font-weight: 750; }
.nav-links a:hover { background: rgba(221,230,242,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); }
.nav-button, .primary-button, .notify-form button {
  background: linear-gradient(135deg, #79efd9 0%, #8dc7ff 54%, #e4edf8 100%);
  color: #03101a !important;
  box-shadow: 0 18px 55px rgba(122,205,255,.16), inset 0 1px 0 rgba(255,255,255,.55);
}

.hero { gap: 46px; }
.eyebrow, .section-kicker { color: #9beadd; letter-spacing: .16em; }
.eyebrow span { background: #86eadb; box-shadow: 0 0 18px rgba(134,234,219,.75); }
h1 { letter-spacing: -.105em; text-wrap: balance; }
.hero-line {
  width: min(360px, 72%);
  height: 1px;
  margin-top: 24px;
  background: linear-gradient(90deg, #7ce9d7, rgba(142,199,255,.76), transparent);
  transform-origin: left;
  animation: drawIn 1.2s ease .25s both;
}
.hero-text { color: rgba(222,232,244,.78); }
.secondary-button {
  background: rgba(221,230,242,.045);
  border-color: rgba(221,230,242,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.primary-button:hover, .secondary-button:hover, .notify-form button:hover { transform: translateY(-2px) scale(1.012); }

.status-row { gap: 10px; max-width: 610px; }
.status-row article, .glass-card, .product-panel, .engineering-grid article {
  background: linear-gradient(145deg, rgba(221,230,242,.092), rgba(221,230,242,.026));
  border-color: rgba(221,230,242,.135);
  box-shadow: 0 24px 80px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06);
}
.status-row article {
  position: relative;
  overflow: hidden;
  padding: 19px 20px;
  border-radius: 24px;
}
.status-row article::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.075), transparent);
  transform: translateX(-120%);
  transition: transform .75s ease;
}
.status-row article:hover::before { transform: translateX(120%); }
.status-row strong { font-size: clamp(1.45rem, 2.7vw, 2.15rem); letter-spacing: -.07em; }
.status-row span { display: block; margin-top: 5px; color: rgba(222,232,244,.72); font-size: .86rem; font-weight: 650; }
.metric-featured strong::after {
  content: 'Q4';
  margin-left: 9px;
  padding: 4px 8px;
  border-radius: 999px;
  color: #06111a;
  background: linear-gradient(135deg, var(--aqua), var(--sky));
  font-size: .72rem;
  letter-spacing: .04em;
  vertical-align: middle;
}

.hero-stage {
  border-radius: 46px;
  background:
    radial-gradient(circle at 50% 35%, rgba(142,199,255,.12), transparent 32%),
    radial-gradient(circle at 80% 10%, rgba(116,231,209,.08), transparent 22%),
    linear-gradient(180deg, rgba(35,59,85,.22), rgba(6,13,22,.38));
  box-shadow: 0 40px 140px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08);
}
.hero-stage::before {
  content: '';
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.11), transparent 32%, transparent 70%, rgba(116,231,209,.07));
}
.line-mountains { filter: drop-shadow(0 32px 62px rgba(0,0,0,.48)); }
.mountain-main { stroke-width: 1.25; }
.mountain-sub, .mountain-back { opacity: .72; }
.spec-card {
  background: rgba(15,27,40,.58);
  backdrop-filter: blur(26px) saturate(140%);
  border-color: rgba(221,230,242,.15);
}
.spec-card span { color: rgba(155,234,221,.8); }

.sticky-copy, .timeline-track article {
  background: linear-gradient(160deg, rgba(221,230,242,.065), rgba(221,230,242,.022));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055);
}
.product-panel { transition: opacity .85s ease, transform .85s cubic-bezier(.16,1,.3,1), border-color .3s ease, background .3s ease; }
.product-panel:hover, .engineering-grid article:hover, .timeline-track article:hover, .founder-card:hover {
  border-color: rgba(142,199,255,.28);
  transform: translateY(-4px);
}
.product-panel.visible:hover { transform: translateY(-4px) scale(1); }
.product-panel:nth-child(1) { background: radial-gradient(circle at 82% 18%, rgba(142,199,255,.18), transparent 34%), rgba(14,26,39,.50); }
.product-panel:nth-child(2) { background: radial-gradient(circle at 12% 18%, rgba(116,231,209,.14), transparent 38%), rgba(11,22,34,.56); }
.product-panel:nth-child(3) { background: radial-gradient(circle at 74% 70%, rgba(120,149,184,.25), transparent 36%), rgba(10,18,28,.58); }

.cinematic {
  background: linear-gradient(180deg, rgba(221,230,242,.055), rgba(221,230,242,.015));
  box-shadow: 0 36px 120px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.055);
}
.cinematic::before { opacity: .24; }
.engineering-grid article { transition: transform .35s ease, border-color .35s ease, background .35s ease; }
.timeline-track article { transition: transform .35s ease, border-color .35s ease; }
.founder-card { transition: transform .35s ease, border-color .35s ease; }
.avatar { background: linear-gradient(135deg, #7debd8, #8dc7ff 60%, #e4edf8); }
.notify-card { background: linear-gradient(145deg, rgba(221,230,242,.08), rgba(221,230,242,.024)); }
.footer-logo { filter: drop-shadow(0 22px 38px rgba(0,0,0,.32)); }

@keyframes drawIn { from { transform: scaleX(0); opacity: 0; } to { transform: scaleX(1); opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}
.product-panel::before,
.engineering-grid article::before,
.timeline-track article::after,
.founder-card::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  transition: opacity .35s ease;
  background: radial-gradient(circle at var(--card-x, 50%) var(--card-y, 50%), rgba(255,255,255,.12), transparent 34%);
}
.product-panel, .engineering-grid article, .timeline-track article, .founder-card { position: relative; overflow: hidden; }
.product-panel:hover::before,
.engineering-grid article:hover::before,
.timeline-track article:hover::after,
.founder-card:hover::before { opacity: 1; }
.product-panel > *, .engineering-grid article > *, .timeline-track article > *, .founder-card > * { position: relative; z-index: 1; }

/* Final responsive Apple-style polish */
html { overflow-x: hidden; }
body {
  background:
    radial-gradient(circle at var(--mx, 60%) var(--my, 18%), rgba(132, 210, 255, .095), transparent 22rem),
    radial-gradient(circle at 18% 0%, rgba(120, 240, 218, .075), transparent 26rem),
    linear-gradient(145deg, #02060b 0%, #07131f 48%, #02050a 100%);
}
body::before {
  opacity: .42;
  background-image:
    linear-gradient(rgba(221,230,242,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(221,230,242,.018) 1px, transparent 1px);
  background-size: 112px 112px;
  mask-image: linear-gradient(to bottom, #000 0 42%, transparent 86%);
}
body::after {
  background:
    radial-gradient(circle at 50% 0%, transparent 0 24%, rgba(2,5,10,.18) 62%, rgba(2,5,10,.78) 100%),
    linear-gradient(180deg, transparent 0 70%, rgba(2,5,10,.28));
}
#particleCanvas { opacity: .13; }

.site-header {
  width: min(1240px, calc(100% - 48px));
  background: rgba(8, 16, 26, .64);
  backdrop-filter: blur(28px) saturate(160%);
  -webkit-backdrop-filter: blur(28px) saturate(160%);
}
main { width: min(1240px, calc(100% - 48px)); }
footer { width: min(1240px, calc(100% - 48px)); }

.hero { min-height: calc(100svh - 150px); gap: clamp(32px, 5vw, 64px); }
.hero-copy, .hero-stage, .sticky-copy, .product-panel, .cinematic, .notify-card, .timeline-track article, .founder-card, .engineering-grid article, .status-row article {
  will-change: transform;
}
h1 { font-size: clamp(3.25rem, 6.7vw, 7.5rem); }
.hero-stage { min-width: 0; }

.status-row {
  margin-top: 38px;
  margin-bottom: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.status-row article { min-width: 0; }
.metric-featured strong::after { position: relative; top: -2px; }

.product-showcase {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: start;
  gap: clamp(28px, 5vw, 56px);
  padding: clamp(92px, 10vw, 150px) 0 clamp(70px, 9vw, 120px);
  overflow: visible;
}
.sticky-copy {
  top: 116px;
  max-width: 100%;
  padding: clamp(28px, 4vw, 42px);
  border-radius: 34px;
  background: linear-gradient(160deg, rgba(17, 29, 43, .72), rgba(8, 15, 24, .50));
}
.sticky-copy h2 { font-size: clamp(2.5rem, 4.6vw, 5rem); line-height: .96; }
.sticky-copy p:not(.section-kicker) { max-width: 55ch; }
.product-panels {
  min-width: 0;
  display: grid;
  gap: 22px;
}
.product-panel {
  min-width: 0;
  min-height: clamp(255px, 28vw, 330px);
  padding: clamp(26px, 4vw, 38px);
  border-radius: 34px;
  overflow: hidden;
  transform: translateY(22px) scale(.985);
}
.product-panel.visible { transform: translateY(0) scale(1); }
.product-panel h3 {
  max-width: 12ch;
  font-size: clamp(2.25rem, 4.2vw, 4.4rem);
  line-height: .92;
  text-wrap: balance;
}
.product-panel p { max-width: 48ch; }
.product-panel:nth-child(2) { margin-left: clamp(0px, 4vw, 42px); }
.product-panel:nth-child(3) { margin-left: clamp(0px, 8vw, 84px); }

.cinematic { margin-top: 10px; }
.cinematic h2 { max-width: 13ch; }
.engineering-grid article, .timeline-track article, .founder-card, .status-row article, .product-panel, .sticky-copy, .cinematic, .notify-card {
  box-shadow: 0 28px 90px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
}
.product-panel:hover, .engineering-grid article:hover, .timeline-track article:hover, .founder-card:hover, .status-row article:hover {
  transform: translateY(-3px);
}
.product-panel.visible:hover { transform: translateY(-3px) scale(1); }
.product-panel:nth-child(2):hover { transform: translateY(-3px); }
.product-panel:nth-child(3):hover { transform: translateY(-3px); }

.primary-button, .secondary-button, .notify-form button, .nav-button {
  transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease, border-color .28s ease, background .28s ease;
}
.primary-button:hover, .notify-form button:hover, .nav-button:hover {
  box-shadow: 0 18px 60px rgba(126, 207, 255, .24), inset 0 1px 0 rgba(255,255,255,.65);
}
.secondary-button:hover { border-color: rgba(142,199,255,.38); }

@media (max-width: 1180px) {
  .hero { grid-template-columns: 1fr; min-height: auto; }
  .hero-stage { min-height: 520px; }
  .product-showcase {
    grid-template-columns: 1fr;
    padding-top: 84px;
  }
  .sticky-copy {
    position: relative;
    top: auto;
  }
  .sticky-copy h2 { max-width: 12ch; }
  .product-panel:nth-child(2), .product-panel:nth-child(3) { margin-left: 0; }
  .product-panel h3 { max-width: 16ch; }
}

@media (max-width: 760px) {
  .site-header, main, footer { width: min(100% - 28px, 1240px); }
  .site-header { top: 10px; margin-top: 10px; padding: 8px 9px 8px 10px; }
  .brand-logo { width: 58px; height: 40px; }
  main { padding-top: 48px; }
  h1 { font-size: clamp(3rem, 14vw, 5rem); line-height: .92; letter-spacing: -.085em; }
  .hero-text { font-size: 1rem; line-height: 1.58; }
  .hero-actions { margin-top: 28px; }
  .status-row { grid-template-columns: 1fr; gap: 10px; margin-top: 30px; }
  .status-row article { padding: 16px 18px; }
  .status-row strong { font-size: 1.7rem; }
  .hero-stage { min-height: auto; padding: 22px 0 18px; border-radius: 30px; }
  .line-mountains { width: 112%; transform: translateY(0); }
  .orbital-ring { width: 82%; }
  .spec-card { position: static; width: calc(100% - 32px); margin: 8px auto 0; }
  .spec-one { order: 2; }
  .spec-two { order: 3; }
  .product-showcase { padding: 64px 0 70px; gap: 16px; }
  .sticky-copy, .product-panel, .cinematic, .notify-card { border-radius: 26px; }
  .sticky-copy { padding: 24px; }
  .sticky-copy h2, .cinematic h2, .section-heading h2, .notify-card h2 { font-size: clamp(2.4rem, 12vw, 4rem); letter-spacing: -.065em; }
  .product-panel { min-height: 245px; padding: 24px; }
  .product-panel h3 { font-size: clamp(2.1rem, 11vw, 3.8rem); max-width: 13ch; }
  .cinematic { min-height: auto; margin-bottom: 70px; }
  .engineering-grid, .timeline-track, .founder-grid { grid-template-columns: 1fr; }
  .notify-card { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .site-header, main, footer { width: min(100% - 20px, 1240px); }
  .primary-button, .secondary-button { width: 100%; }
  .hero-actions { flex-direction: column; }
  .product-panel h3, .sticky-copy h2, .cinematic h2 { max-width: 100%; }
  .footer-logo { width: 92%; }
}


/* Scroll + mobile polish fixes */
html, body { overflow-x:hidden; }
body { overscroll-behavior-y:none; }
section, .hero-stage, .cinematic { transform: translateZ(0); }
.product-layout { align-items:start; }
@media (max-width: 1100px){ .sticky-copy { position:relative; top:auto; } }
@media (prefers-reduced-motion:no-preference){ .product-panel, .engineering-grid article, .timeline-track article { transition: transform .45s cubic-bezier(.22,1,.36,1), border-color .35s ease, background .35s ease; } .product-panel:hover, .engineering-grid article:hover, .timeline-track article:hover { transform: translateY(-6px); } }

/* Final scroll + favicon fix pass */
html, body {
  overflow-x: hidden;
  overscroll-behavior-y: auto;
  scroll-behavior: smooth;
}

.product-panel,
.engineering-grid article,
.timeline-track article,
.founder-card,
.status-row article,
.spec-card {
  touch-action: pan-y;
}

.product-panel,
.spec-card,
.engineering-grid article {
  --scroll-lift: 0px;
  --hover-lift: 0px;
  transform: translate3d(0, calc(var(--reveal-lift, 0px) + var(--scroll-lift) + var(--hover-lift)), 0) scale(var(--card-scale, 1));
  transition:
    transform .55s cubic-bezier(.22, 1, .36, 1),
    border-color .35s ease,
    background .35s ease,
    box-shadow .35s ease;
}

.product-panel {
  --reveal-lift: 22px;
  --card-scale: .985;
}

.product-panel.visible {
  --reveal-lift: 0px;
  --card-scale: 1;
}

.product-panel:hover,
.engineering-grid article:hover,
.spec-card:hover {
  --hover-lift: -6px;
}

.product-panel.visible:hover,
.product-panel:nth-child(2):hover,
.product-panel:nth-child(3):hover,
.engineering-grid article:hover,
.timeline-track article:hover,
.founder-card:hover,
.status-row article:hover {
  transform: translate3d(0, calc(var(--reveal-lift, 0px) + var(--scroll-lift, 0px) + var(--hover-lift, -6px)), 0) scale(var(--card-scale, 1));
}

.product-showcase {
  isolation: isolate;
  contain: layout paint style;
}

.sticky-copy {
  position: sticky;
  top: 112px;
  align-self: start;
}

.product-panels {
  position: relative;
  z-index: 2;
}

@media (max-width: 1180px) {
  .sticky-copy {
    position: relative;
    top: auto;
  }
}

@media (max-width: 760px) {
  html, body { scroll-behavior: auto; }
  .product-panel,
  .spec-card,
  .engineering-grid article {
    --scroll-lift: 0px !important;
    --hover-lift: 0px !important;
    transform: translate3d(0, var(--reveal-lift, 0px), 0) scale(var(--card-scale, 1));
  }
  .product-panel.visible { transform: none; }
  .site-header { width: min(100% - 20px, 1240px); }
  .brand span { font-size: .92rem; }
  .nav-links.open { max-height: calc(100svh - 90px); overflow-y: auto; }
}


/* Make the first platform card participate in the scroll motion too */
.sticky-copy {
  --scroll-lift: 0px;
  --hover-lift: 0px;
  transform: translate3d(0, calc(var(--scroll-lift) + var(--hover-lift)), 0);
  transition: transform .55s cubic-bezier(.22, 1, .36, 1), border-color .35s ease, background .35s ease, box-shadow .35s ease;
  touch-action: pan-y;
}
.sticky-copy:hover {
  --hover-lift: -4px;
}
@media (max-width: 760px) {
  .sticky-copy {
    --scroll-lift: 0px !important;
    --hover-lift: 0px !important;
    transform: none;
  }
}


/* Sam requested retry: refined product section + true scroll movement */
.brand {
  gap: 18px;
  min-width: fit-content;
}
.brand-logo {
  width: 92px !important;
  height: 60px !important;
}
.brand-wordmark {
  display: grid !important;
  gap: 2px;
  line-height: .92;
  text-transform: uppercase;
  color: var(--text);
  font-weight: 600;
  letter-spacing: .34em !important;
  font-size: clamp(1.05rem, 1.3vw, 1.45rem) !important;
  text-shadow: 0 0 22px rgba(216,225,236,.12);
}
.brand-wordmark small {
  display: block;
  color: rgba(216,225,236,.64);
  font-size: .52em;
  letter-spacing: .62em;
  font-weight: 500;
  padding-left: .08em;
}

.product-showcase {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(360px, .78fr) minmax(0, 1.22fr) !important;
  gap: clamp(30px, 4vw, 64px) !important;
  align-items: start;
  padding: clamp(88px, 10vw, 150px) 0 !important;
  contain: none !important;
  isolation: isolate;
}
.product-showcase::before {
  content: "";
  position: absolute;
  inset: 42px -6% 28px;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 24% 16%, rgba(216,225,236,.10), transparent 28%),
    radial-gradient(circle at 78% 54%, rgba(111,130,153,.10), transparent 34%),
    linear-gradient(180deg, transparent, rgba(216,225,236,.025), transparent);
  border-top: 1px solid rgba(216,225,236,.06);
  border-bottom: 1px solid rgba(216,225,236,.06);
}

/* This is intentionally NOT sticky. It now scrolls naturally and still gets the JS parallax lift. */
.sticky-copy {
  position: relative !important;
  top: auto !important;
  align-self: start;
  min-height: auto;
  padding: clamp(28px, 4vw, 48px) !important;
  border-radius: clamp(28px, 3vw, 42px) !important;
  background:
    linear-gradient(145deg, rgba(15,27,40,.76), rgba(6,13,21,.62)),
    radial-gradient(circle at 18% 0%, rgba(216,225,236,.10), transparent 38%) !important;
  border-color: rgba(216,225,236,.18) !important;
  box-shadow: 0 34px 100px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.06) !important;
  transform: translate3d(0, calc(var(--scroll-lift, 0px) + var(--hover-lift, 0px)), 0) !important;
  transition: transform .7s cubic-bezier(.16,1,.3,1), border-color .35s ease, box-shadow .35s ease, background .35s ease !important;
  will-change: transform;
}
.sticky-copy:hover {
  --hover-lift: -5px;
  border-color: rgba(216,225,236,.30) !important;
  box-shadow: 0 42px 120px rgba(0,0,0,.44), 0 0 0 1px rgba(216,225,236,.04) inset !important;
}
.sticky-copy .section-kicker {
  color: #a8fff0;
  letter-spacing: .18em;
}
.sticky-copy h2 {
  max-width: 10.6ch;
  font-size: clamp(3.4rem, 6.5vw, 6.9rem) !important;
  line-height: .88 !important;
  letter-spacing: -.09em !important;
}
.sticky-copy p:not(.section-kicker) {
  max-width: 49ch !important;
  font-size: clamp(1rem, 1.15vw, 1.12rem) !important;
  color: #c0cbd8 !important;
}

.product-panels {
  display: grid !important;
  gap: clamp(18px, 2.8vw, 34px) !important;
  padding-top: clamp(10px, 2vw, 28px);
}
.product-panel {
  min-height: clamp(270px, 28vw, 380px) !important;
  padding: clamp(26px, 3vw, 46px) !important;
  border-radius: clamp(28px, 3vw, 42px) !important;
  background:
    linear-gradient(145deg, rgba(19,35,51,.72), rgba(6,13,22,.62)) !important;
  border-color: rgba(216,225,236,.16) !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.055) !important;
  overflow: hidden;
  --reveal-lift: 28px;
  --card-scale: .99;
  transform: translate3d(0, calc(var(--reveal-lift, 0px) + var(--scroll-lift, 0px) + var(--hover-lift, 0px)), 0) scale(var(--card-scale, 1)) !important;
  transition: transform .78s cubic-bezier(.16,1,.3,1), border-color .35s ease, box-shadow .35s ease, background .35s ease !important;
  will-change: transform;
}
.product-panel.visible {
  --reveal-lift: 0px;
  --card-scale: 1;
}
.product-panel:hover {
  --hover-lift: -7px;
  border-color: rgba(168,255,240,.24) !important;
  box-shadow: 0 36px 120px rgba(0,0,0,.42), 0 0 42px rgba(111,130,153,.08) !important;
}
.product-panel:nth-child(1) { margin-left: 0 !important; transform-origin: center left; }
.product-panel:nth-child(2) { margin-left: clamp(0px, 3vw, 36px) !important; transform-origin: center; }
.product-panel:nth-child(3) { margin-left: clamp(0px, 6vw, 72px) !important; transform-origin: center right; }
.product-panel::after {
  content: "";
  position: absolute;
  inset: auto 26px 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(168,255,240,.26), transparent);
  opacity: .75;
}
.product-panel span {
  color: #a8fff0 !important;
  font-size: .78rem !important;
  letter-spacing: .18em !important;
}
.product-panel h3 {
  max-width: 12.8ch !important;
  font-size: clamp(2.6rem, 5vw, 5.45rem) !important;
  line-height: .9 !important;
  letter-spacing: -.088em !important;
}
.product-panel p {
  max-width: 50ch !important;
  color: #bdc8d5 !important;
  font-size: clamp(.98rem, 1.05vw, 1.08rem) !important;
}

@media (max-width: 980px) {
  .brand-logo { width: 76px !important; height: 50px !important; }
  .brand-wordmark { font-size: 1rem !important; letter-spacing: .25em !important; }
  .brand-wordmark small { letter-spacing: .48em; }
  .product-showcase {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    padding: 72px 0 !important;
  }
  .sticky-copy h2 {
    max-width: 12ch;
    font-size: clamp(3.2rem, 10vw, 5.4rem) !important;
  }
  .product-panel:nth-child(2), .product-panel:nth-child(3) { margin-left: 0 !important; }
  .product-panel h3 { max-width: 14ch !important; }
}

@media (max-width: 760px) {
  .site-header { padding: 8px 10px !important; }
  .brand { gap: 10px; }
  .brand-logo { width: 58px !important; height: 40px !important; }
  .brand-wordmark { display: grid !important; font-size: .74rem !important; letter-spacing: .16em !important; }
  .brand-wordmark small { font-size: .50em; letter-spacing: .34em; }
  .sticky-copy,
  .product-panel {
    transform: translate3d(0, var(--reveal-lift, 0px), 0) scale(var(--card-scale, 1)) !important;
    --scroll-lift: 0px !important;
    --hover-lift: 0px !important;
  }
  .sticky-copy { padding: 24px !important; }
  .sticky-copy h2 { font-size: clamp(2.75rem, 14vw, 4.2rem) !important; max-width: 100%; }
  .product-panel { min-height: 240px !important; padding: 24px !important; }
  .product-panel h3 { font-size: clamp(2.35rem, 12vw, 3.8rem) !important; max-width: 100% !important; }
}


/* FINAL PASS: product section cleanup, no boundary line, visible scroll motion */
.product-showcase {
  margin-block: clamp(40px, 6vw, 86px) !important;
  padding: clamp(72px, 8vw, 118px) 0 clamp(82px, 9vw, 130px) !important;
  grid-template-columns: minmax(430px, .88fr) minmax(0, 1.12fr) !important;
  gap: clamp(34px, 4.5vw, 68px) !important;
  overflow: visible !important;
}
.product-showcase::before {
  display: none !important;
}
.sticky-copy {
  position: relative !important;
  top: auto !important;
  align-self: start !important;
  max-width: 720px;
  width: 100%;
  padding: clamp(32px, 4vw, 56px) clamp(34px, 4.4vw, 64px) !important;
  border-color: rgba(216,225,236,.14) !important;
  background:
    radial-gradient(circle at 86% 12%, rgba(142,199,255,.10), transparent 38%),
    linear-gradient(145deg, rgba(12,23,35,.78), rgba(4,10,17,.74)) !important;
}
.sticky-copy h2 {
  max-width: 12.4ch !important;
  font-size: clamp(2.75rem, 4.45vw, 5.05rem) !important;
  line-height: .94 !important;
}
.sticky-copy p:not(.section-kicker) {
  max-width: 56ch !important;
  font-size: clamp(.98rem, 1vw, 1.06rem) !important;
}
.product-panels {
  gap: clamp(22px, 2.4vw, 30px) !important;
  padding-top: 0 !important;
}
.product-panel {
  min-height: clamp(245px, 22vw, 330px) !important;
  padding: clamp(28px, 3vw, 42px) clamp(30px, 3.3vw, 48px) !important;
  max-width: 760px;
}
.product-panel:nth-child(1) { margin-left: 0 !important; }
.product-panel:nth-child(2) { margin-left: clamp(18px, 4vw, 58px) !important; }
.product-panel:nth-child(3) { margin-left: clamp(42px, 7vw, 104px) !important; }
.product-panel h3 {
  max-width: 13.6ch !important;
  font-size: clamp(2.55rem, 4.25vw, 4.85rem) !important;
  line-height: .97 !important;
}
.product-panel p {
  max-width: 58ch !important;
  margin-top: 18px !important;
}
.brand-logo { width: 108px !important; height: 72px !important; }
.brand-wordmark {
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(1.28rem, 1.75vw, 1.85rem) !important;
  letter-spacing: .40em !important;
  font-weight: 500 !important;
}
.brand-wordmark small {
  font-size: .56em !important;
  letter-spacing: .70em !important;
  margin-top: 4px;
}
.site-header { padding: 12px 18px !important; }

@media (max-width: 1100px) {
  .product-showcase {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
  .sticky-copy {
    max-width: none;
  }
  .sticky-copy h2 { max-width: 12ch !important; }
  .product-panel, .product-panel:nth-child(1), .product-panel:nth-child(2), .product-panel:nth-child(3) {
    margin-left: 0 !important;
    max-width: none;
  }
}

@media (max-width: 760px) {
  .brand-logo { width: 74px !important; height: 50px !important; }
  .brand-wordmark { font-size: 1rem !important; letter-spacing: .28em !important; }
  .brand-wordmark small { letter-spacing: .45em !important; }
  .product-showcase { padding: 54px 0 68px !important; margin-block: 22px !important; }
  .sticky-copy, .product-panel { border-radius: 28px !important; }
  .sticky-copy h2 { font-size: clamp(2.8rem, 14vw, 4.5rem) !important; max-width: 11ch !important; }
  .product-panel h3 { font-size: clamp(2.25rem, 11vw, 3.9rem) !important; max-width: 12ch !important; }
}

.platform-main-card {
  position: relative;
  width: 68%;
  min-width: 760px;
  padding: 52px 58px;
  border-radius: 42px;
  overflow: hidden;

  background:
      linear-gradient(
          135deg,
          rgba(8, 20, 38, 0.96) 0%,
          rgba(2, 10, 24, 0.98) 52%,
          rgba(3, 15, 34, 0.98) 100%
      );

  border: 1px solid rgba(180, 220, 255, 0.12);

  box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.05),
      0 30px 80px rgba(0,0,0,0.42);

  backdrop-filter: blur(20px);

  transition:
      transform 0.5s cubic-bezier(.22,1,.36,1),
      border-color 0.35s ease,
      box-shadow 0.35s ease;
}

.platform-main-card:hover {
  transform: translateY(-6px);
  border-color: rgba(145, 210, 255, 0.22);

  box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.06),
      0 40px 120px rgba(0,0,0,0.52);
}

.platform-main-card h2 {
  max-width: 12.4ch;

  font-size: clamp(3.2rem, 4.7vw, 5.4rem);
  line-height: 0.94;
  letter-spacing: -0.085em;
  font-weight: 800;

  color: #f4f7fb;

  margin-top: 22px;
  margin-bottom: 34px;

  text-wrap: balance;
}

.platform-main-card p {
  max-width: 92%;

  font-size: 1.08rem;
  line-height: 1.68;
  font-weight: 500;

  color: rgba(220,230,245,0.78);

  letter-spacing: -0.02em;
}

.platform-main-card .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  font-size: 0.9rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;

  color: #b9fff1;
}

.platform-main-card::before {
  content: "";

  position: absolute;
  inset: 0;

  background:
      radial-gradient(
          circle at top right,
          rgba(130,190,255,0.16),
          transparent 42%
      );

  pointer-events: none;
}

.platform-main-card::after {
  content: "";

  position: absolute;
  inset: 0;

  background:
      linear-gradient(
          to bottom,
          rgba(255,255,255,0.03),
          transparent 24%
      );

  pointer-events: none;
}

@media (max-width: 1200px) {
  .platform-main-card {
      width: 100%;
      min-width: unset;
  }

  .platform-main-card h2 {
      font-size: clamp(3rem, 8vw, 4.8rem);
      max-width: 12ch;
  }
}

@media (max-width: 768px) {
  .platform-main-card {
      padding: 34px 28px;
      border-radius: 32px;
  }

  .platform-main-card h2 {
      font-size: clamp(2.6rem, 10vw, 4rem);
      line-height: 0.94;
      max-width: 100%;
  }

  .platform-main-card p {
      font-size: 1.08rem;
      line-height: 1.65;
      max-width: 100%;
  }
}