:root {
  --bg: #f3f5f7;
  --surface: #ffffff;
  --ink: #101820;
  --muted: #5d6a76;
  --line: #d7dfe5;
  --dark: #091119;
  --dark-2: #111c26;
  --panel: #142330;
  --accent: #ff6a2a;
  --accent-light: #ff9b69;
  --cyan: #78d8ff;
  --green: #55e3a3;
  --shadow: 0 28px 80px rgba(7, 17, 26, .18);
  --radius: 22px;
  --container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 82px; }
body { margin: 0; color: var(--ink); background: var(--bg); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.6; }
img { display: block; max-width: 100%; }
a { color: inherit; }
button, input, select { font: inherit; }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.skip-link { position: fixed; top: -80px; left: 18px; z-index: 1000; padding: 11px 15px; border-radius: 9px; background: var(--ink); color: #fff; transition: top .2s ease; }
.skip-link:focus { top: 18px; }

.site-header { position: sticky; top: 0; z-index: 50; background: rgba(9,17,25,.9); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(255,255,255,.08); }
.nav-wrap { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; color: #edf5fb; line-height: 1; }
.brand img { filter: drop-shadow(0 0 18px rgba(255,106,42,.13)); }
.brand-copy strong, .brand-copy small { display: block; }
.brand-copy strong { font-size: 1.02rem; letter-spacing: .12em; }
.brand-copy strong span { color: var(--accent); }
.brand-copy small { margin-top: 6px; color: #8da0ae; font-size: .64rem; letter-spacing: .13em; text-transform: uppercase; }
.primary-nav { display: flex; align-items: center; gap: 28px; }
.primary-nav a { color: #b4c0ca; text-decoration: none; font-size: .86rem; font-weight: 700; }
.primary-nav a:hover { color: #fff; }
.primary-nav .nav-cta { padding: 10px 16px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; color: white; }
.primary-nav .nav-cta:hover { border-color: var(--accent); background: var(--accent); }
.menu-button { display: none; border: 1px solid rgba(255,255,255,.2); border-radius: 9px; background: transparent; color: white; padding: 8px 12px; font-weight: 800; }

.hero { position: relative; min-height: 730px; overflow: hidden; color: white; background: var(--dark); }
.hero-photo { position: absolute; inset: 0 0 0 52%; background: url("assets/rotor-detail.webp") center 36% / cover no-repeat; opacity: .54; filter: contrast(1.08); }
.hero-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,17,25,1) 0%, rgba(9,17,25,.48) 54%, rgba(9,17,25,.12) 100%); }
.hero-shade { position: absolute; inset: 0; background: radial-gradient(circle at 75% 37%, rgba(255,106,42,.19), transparent 30%), linear-gradient(135deg, rgba(3,9,14,.2), rgba(3,9,14,.76)); }
.hero::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(120,216,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(120,216,255,.045) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(90deg, black, transparent 78%); }
.hero-grid { position: relative; min-height: 730px; display: grid; grid-template-columns: 1.02fr .98fr; gap: 60px; align-items: center; padding-top: 56px; padding-bottom: 60px; }
.eyebrow, .kicker { font-size: .72rem; letter-spacing: .15em; text-transform: uppercase; font-weight: 900; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 19px; color: #c4d1da; }
.eyebrow span { width: 9px; height: 9px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 6px rgba(255,106,42,.13), 0 0 18px rgba(255,106,42,.7); }
.hero h1 { max-width: 760px; margin: 0; font-size: clamp(3rem, 5.5vw, 5.7rem); line-height: .96; letter-spacing: -.064em; }
.hero-lede { max-width: 650px; margin: 27px 0 0; color: #b4c3ce; font-size: clamp(1rem, 1.55vw, 1.22rem); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 0 21px; border: 0; border-radius: 11px; text-decoration: none; font-weight: 900; cursor: pointer; transition: transform .17s ease, box-shadow .17s ease, background .17s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--accent); color: white; box-shadow: 0 14px 32px rgba(255,106,42,.27); }
.button-primary:hover { background: #f05b1e; box-shadow: 0 18px 40px rgba(255,106,42,.34); }
.button-ghost { border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.06); color: white; }
.button-ghost:hover { background: rgba(255,255,255,.11); }
.hero-meta { display: flex; flex-wrap: wrap; gap: 9px 22px; margin-top: 30px; color: #93a5b2; font-size: .78rem; }
.hero-meta span { position: relative; padding-left: 14px; }
.hero-meta span::before { content: ""; position: absolute; left: 0; top: .62em; width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); }
.hero-meta b { color: #e5edf3; }

.hero-product { position: relative; align-self: center; }
.product-badge { position: absolute; z-index: 4; right: -5px; top: -25px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; color: #b9c7d1; background: rgba(9,17,25,.62); backdrop-filter: blur(10px); font-size: .67rem; text-transform: uppercase; letter-spacing: .11em; }
.device-shell { position: relative; max-width: 555px; margin-inline: auto; padding: 10px; border-radius: 36px; background: linear-gradient(145deg, #33424e, #080e13 70%); border: 1px solid rgba(255,255,255,.19); box-shadow: 0 55px 90px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.18); transform: perspective(1000px) rotateY(-4deg) rotateX(2deg); }
.device-shell::before, .device-shell::after { content: ""; position: absolute; top: 55px; bottom: 55px; width: 13px; background: linear-gradient(var(--accent-light), var(--accent)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); }
.device-shell::before { left: -8px; border-radius: 12px 0 0 12px; }
.device-shell::after { right: -8px; border-radius: 0 12px 12px 0; }
.device-bezel { padding: 14px; border-radius: 28px; background: linear-gradient(145deg,#1a2732,#070c11); }
.device-topline { display: flex; align-items: center; justify-content: space-between; min-height: 27px; padding: 0 7px 10px; color: #afbdc8; font-family: "SFMono-Regular", Consolas, monospace; font-size: .63rem; letter-spacing: .1em; }
.device-name i { color: var(--accent-light); font-style: normal; }
.battery { position: relative; width: 26px; height: 12px; border: 1px solid #7f929f; border-radius: 3px; }
.battery::after { content: ""; position: absolute; width: 2px; height: 6px; top: 2px; right: -4px; background: #7f929f; border-radius: 0 2px 2px 0; }
.battery b { position: absolute; inset: 2px; width: 72%; border-radius: 1px; background: var(--green); }
.screen { padding: 18px; border-radius: 15px; color: #e4f3ff; background: linear-gradient(rgba(120,216,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(120,216,255,.045) 1px, transparent 1px), #07141e; background-size: 25px 25px; box-shadow: inset 0 0 0 1px rgba(120,216,255,.19), inset 0 0 45px rgba(35,135,195,.07); }
.screen-title { display: flex; align-items: center; justify-content: space-between; color: #7693a8; font: 700 .57rem/1 "SFMono-Regular", Consolas, monospace; letter-spacing: .12em; }
.screen-title b { color: var(--green); font-weight: 700; letter-spacing: .04em; }
.screen-title b i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 11px rgba(85,227,163,.85); }
.readout-grid { display: grid; grid-template-columns: .75fr 1.25fr .8fr; gap: 9px; margin-top: 17px; }
.readout { min-width: 0; padding: 12px; border: 1px solid rgba(120,216,255,.14); border-radius: 9px; background: rgba(120,216,255,.055); }
.readout.featured { border-color: rgba(255,106,42,.25); background: rgba(255,106,42,.075); }
.readout small { display: block; color: #6f8da2; font: 700 .52rem/1.15 "SFMono-Regular", Consolas, monospace; letter-spacing: .09em; }
.readout strong { display: block; margin-top: 8px; font: 700 clamp(.96rem,2.4vw,1.58rem)/1 "SFMono-Regular", Consolas, monospace; letter-spacing: -.055em; }
.readout em { color: #7890a0; font-size: .48em; font-style: normal; }
.result-panel { display: grid; grid-template-columns: 1.05fr .95fr; gap: 15px; align-items: center; margin-top: 14px; padding: 13px; border: 1px solid rgba(120,216,255,.14); border-radius: 11px; background: rgba(120,216,255,.045); }
.polar { position: relative; width: min(100%, 184px); aspect-ratio: 1; margin: auto; border: 1px solid rgba(120,216,255,.31); border-radius: 50%; }
.polar-ring, .axis, .vector, .vector-tip, .trial-dot { position: absolute; }
.polar-ring { border: 1px solid rgba(120,216,255,.14); border-radius: 50%; }
.ring-a { inset: 20%; }.ring-b { inset: 38%; }
.axis.x { left: 0; right: 0; top: 50%; height: 1px; background: rgba(120,216,255,.18); }
.axis.y { top: 0; bottom: 0; left: 50%; width: 1px; background: rgba(120,216,255,.18); }
.vector { width: 39%; height: 4px; left: 50%; top: calc(50% - 2px); transform: rotate(226deg); transform-origin: left center; border-radius: 4px; background: var(--accent); box-shadow: 0 0 10px rgba(255,106,42,.7); }
.vector-tip { width: 10px; height: 10px; left: 22%; top: 22%; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px rgba(255,106,42,.15); }
.trial-dot { width: 8px; height: 8px; right: 18%; top: 31%; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 9px rgba(120,216,255,.7); }
.correction-copy small { display: block; color: #7190a5; font: 700 .52rem/1.3 "SFMono-Regular", Consolas, monospace; letter-spacing: .08em; }
.correction-copy strong { display: block; margin-top: 12px; color: var(--accent-light); font: 700 2rem/1 "SFMono-Regular", Consolas, monospace; }
.correction-copy strong em { font-size: .48em; font-style: normal; }
.correction-copy > span { display: block; margin-top: 7px; font: 600 1.02rem/1 "SFMono-Regular", Consolas, monospace; }
.confidence { display: flex; justify-content: space-between; gap: 10px; margin-top: 20px; padding-top: 10px; border-top: 1px solid rgba(120,216,255,.13); color: #7891a3; font-size: .63rem; }
.confidence b { color: var(--green); }
.screen-tabs { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin-top: 12px; }
.screen-tabs span { padding: 8px 3px; text-align: center; border: 1px solid rgba(120,216,255,.14); border-radius: 7px; color: #728b9c; background: rgba(120,216,255,.045); font: 700 .52rem/1 "SFMono-Regular", Consolas, monospace; }
.screen-tabs .active { border-color: rgba(255,106,42,.34); color: var(--accent-light); background: rgba(255,106,42,.12); }
.hero-product > p { margin: 17px 0 0; text-align: center; color: #7f909e; font-size: .69rem; }

.signal-strip { background: #fff; border-bottom: 1px solid var(--line); }
.signal-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.signal-grid article { display: flex; align-items: center; gap: 13px; min-height: 94px; padding: 20px 23px; border-right: 1px solid var(--line); }
.signal-grid article:last-child { border-right: 0; }
.signal-grid article > span { color: var(--accent); font: 800 .65rem/1 "SFMono-Regular", Consolas, monospace; }
.signal-grid b, .signal-grid small { display: block; }
.signal-grid b { font-size: .91rem; }
.signal-grid small { margin-top: 2px; color: var(--muted); font-size: .72rem; }

.section { padding: 108px 0; }
.kicker { color: var(--accent); }
.section-heading { max-width: 780px; margin-bottom: 48px; }
.split-heading { max-width: none; display: grid; grid-template-columns: 1.06fr .94fr; gap: 80px; align-items: end; }
.section-heading h2, .photo-band h2, .development-copy h2, .use-section h2, .updates-copy h2 { margin: 10px 0 0; font-size: clamp(2rem,4.2vw,4rem); line-height: 1.02; letter-spacing: -.05em; }
.section-heading p, .development-copy > p, .updates-copy > p { color: var(--muted); font-size: 1rem; }
.split-heading p { margin: 0 0 3px; }
.workflow-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 19px; }
.workflow-card { position: relative; overflow: hidden; min-height: 400px; padding: 26px; border: 1px solid var(--line); border-radius: var(--radius); background: white; box-shadow: 0 18px 48px rgba(18,33,46,.06); }
.workflow-card.highlight-card { border-color: #ffbc9c; background: linear-gradient(150deg,#fff8f4,#fff); }
.workflow-index { color: #96a3ad; font: 800 .65rem/1 "SFMono-Regular", Consolas, monospace; }
.workflow-visual { position: relative; height: 165px; margin: 31px 0 25px; border-radius: 16px; background: #0c1720; overflow: hidden; }
.workflow-card h3 { margin: 0; font-size: 1.27rem; letter-spacing: -.025em; }
.workflow-card p { margin-bottom: 0; color: var(--muted); font-size: .9rem; }
.baseline-visual { display: grid; place-content: center; text-align: center; background: linear-gradient(135deg,#111f2a,#081017); }
.baseline-visual::before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(120,216,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(120,216,255,.06) 1px,transparent 1px); background-size: 25px 25px; }
.baseline-visual b { position: relative; z-index: 2; color: #e8f5ff; font: 800 2.3rem/1 "SFMono-Regular",Consolas,monospace; }
.baseline-visual small { position: relative; z-index: 2; margin-top: 8px; color: var(--cyan); font: 700 .64rem/1 "SFMono-Regular",Consolas,monospace; letter-spacing: .14em; }
.pulse { position: absolute; left: -5%; width: 110%; height: 2px; background: transparent; }
.pulse::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,transparent 0 10%,var(--cyan) 10% 16%,transparent 16% 22%,var(--cyan) 22% 31%,transparent 31% 39%,var(--cyan) 39% 42%,transparent 42% 100%); opacity: .34; }
.p1 { top: 27%; }.p2 { top: 50%; }.p3 { top: 73%; }
.trial-visual { background: radial-gradient(circle at 50% 50%,#243643,#0a1219 66%); }
.rotor-disc { position: absolute; width: 116px; height: 116px; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 3px solid #bed0dc; border-radius: 50%; box-shadow: inset 0 0 0 24px rgba(190,208,220,.04); }
.rotor-disc::before,.rotor-disc::after { content: ""; position: absolute; left: 50%; top: -18px; width: 4px; height: 150px; background: rgba(190,208,220,.38); transform-origin: center; }
.rotor-disc::after { transform: rotate(90deg); }
.trial-weight { position: absolute; width: 15px; height: 15px; left: calc(50% + 47px); top: calc(50% - 49px); border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 6px rgba(255,106,42,.15),0 0 18px rgba(255,106,42,.7); }
.degree-label { position: absolute; right: 23px; top: 22px; color: var(--accent-light); font: 800 .76rem/1 "SFMono-Regular",Consolas,monospace; }
.result-visual { background: linear-gradient(135deg,#13222e,#071017); }
.result-circle { position: absolute; width: 112px; height: 112px; left: 37%; top: 50%; transform: translate(-50%,-50%); border: 1px solid rgba(120,216,255,.42); border-radius: 50%; box-shadow: inset 0 0 0 28px rgba(120,216,255,.025); }
.result-circle::before,.result-circle::after { content:""; position:absolute; background:rgba(120,216,255,.17); }
.result-circle::before { left:0; right:0; top:50%; height:1px; }.result-circle::after { top:0; bottom:0; left:50%; width:1px; }
.result-vector { position: absolute; width: 44px; height: 4px; left: 37%; top: 50%; transform-origin: left; transform: rotate(226deg); background: var(--accent); box-shadow: 0 0 8px rgba(255,106,42,.7); }
.result-weight { position: absolute; width: 12px; height: 12px; left: calc(37% - 35px); top: calc(50% - 36px); border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px rgba(255,106,42,.15); }
.result-visual b,.result-visual small { position:absolute; left:67%; transform:translateX(-50%); white-space:nowrap; }
.result-visual b { top:54px; color:var(--accent-light); font:800 1.35rem/1 "SFMono-Regular",Consolas,monospace; }
.result-visual small { top:86px; color:#d9e7f0; font:700 .72rem/1 "SFMono-Regular",Consolas,monospace; }

.photo-band { position: relative; min-height: 575px; display: grid; align-items: end; overflow: hidden; color: white; }
.photo-band-image { position: absolute; inset: 0; background: url("assets/helicopter-hangar.webp") center 47% / cover no-repeat; }
.photo-band-overlay { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(7,14,20,.92) 0%,rgba(7,14,20,.64) 44%,rgba(7,14,20,.16) 80%),linear-gradient(0deg,rgba(7,14,20,.72),transparent 62%); }
.photo-band-content { position: relative; padding-bottom: 70px; }
.photo-band-content h2 { max-width: 680px; }
.photo-band-content p { max-width: 610px; color: #c2ced7; font-size: 1.03rem; }

.dark-section { color: white; background: radial-gradient(circle at 80% 10%,rgba(255,106,42,.1),transparent 25%),var(--dark); }
.dark-heading p { color: #92a2af; }
.capability-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #2a3b48; border-left: 1px solid #2a3b48; }
.capability-grid article { min-height: 270px; padding: 29px; border-right: 1px solid #2a3b48; border-bottom: 1px solid #2a3b48; background: rgba(255,255,255,.014); }
.capability-grid h3 { margin: 45px 0 9px; font-size: 1.16rem; }
.capability-grid p { margin: 0; color: #91a0ad; font-size: .88rem; }
.cap-icon { position: relative; display: block; width: 42px; height: 42px; }
.cap-icon::before,.cap-icon::after { content:""; position:absolute; }
.waveform::before { left:0; right:0; top:20px; height:3px; background: linear-gradient(90deg,var(--accent) 0 15%,transparent 15% 23%,var(--accent) 23% 38%,transparent 38% 48%,var(--accent) 48% 58%,transparent 58% 67%,var(--accent) 67% 100%); transform: skewY(-17deg); }
.compass::before { inset:3px; border:2px solid var(--cyan); border-radius:50%; }.compass::after { width:4px; height:27px; left:19px; top:7px; background:linear-gradient(var(--accent) 0 50%,#9cb0be 50%); transform:rotate(38deg); border-radius:3px; }
.touch::before { width:22px; height:33px; left:5px; top:2px; border:2px solid var(--cyan); border-radius:5px; }.touch::after { width:13px; height:13px; right:1px; bottom:0; border-radius:50%; border:3px solid var(--accent); }
.optical::before { width:29px; height:14px; left:0; top:9px; border:2px solid var(--cyan); border-radius:3px; transform:skewX(-14deg); }.optical::after { width:16px; height:3px; left:27px; top:15px; background:var(--accent); box-shadow:7px -6px 0 -1px var(--accent),7px 6px 0 -1px var(--accent); }
.battery-icon::before { width:33px; height:18px; left:2px; top:9px; border:2px solid var(--cyan); border-radius:4px; }.battery-icon::after { width:21px; height:10px; left:8px; top:15px; background:var(--green); box-shadow:29px 0 0 -3px var(--cyan); }
.rugged::before { inset:3px; border:3px solid var(--cyan); border-radius:8px; box-shadow:-6px 0 0 -2px var(--accent),6px 0 0 -2px var(--accent); }.rugged::after { inset:11px; border:1px solid #506978; border-radius:3px; }

.development-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 72px; align-items: center; }
.development-copy > p { max-width: 570px; }
.status-list { margin-top: 34px; border-top: 1px solid var(--line); }
.status-list div { display: grid; grid-template-columns: 14px 1fr auto; gap: 12px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--line); }
.status-list span { width: 10px; height: 10px; border: 2px solid #a1abb3; border-radius: 50%; }
.status-list .done span { border-color: #21b97a; background: #21b97a; }
.status-list .current span { border-color: var(--accent); background: var(--accent); box-shadow: 0 0 0 5px rgba(255,106,42,.13); }
.status-list b { font-size: .88rem; }.status-list small { color: var(--muted); font-size: .76rem; }
.development-media { display: grid; gap: 14px; }
.large-photo { position: relative; overflow: hidden; min-height: 350px; margin: 0; border-radius: var(--radius); box-shadow: var(--shadow); }
.large-photo img { width: 100%; height: 390px; object-fit: cover; object-position: center 48%; }
.large-photo::after { content:""; position:absolute; inset:40% 0 0; background:linear-gradient(transparent,rgba(7,14,20,.88)); }
.large-photo figcaption { position:absolute; z-index:2; left:25px; right:25px; bottom:22px; color:white; }
.large-photo figcaption b,.large-photo figcaption span { display:block; }.large-photo figcaption b { font-size:1.1rem; }.large-photo figcaption span { margin-top:3px; color:#c0ccd5; font-size:.79rem; }
.mini-cards { display:grid; grid-template-columns:1.08fr .92fr; gap:14px; }
.prototype-card { display:flex; flex-direction:column; justify-content:flex-end; min-height:225px; padding:24px; border-radius:18px; color:white; background:radial-gradient(circle at 80% 15%,rgba(255,106,42,.24),transparent 27%),var(--dark-2); }
.proto-label { margin-bottom:auto; color:var(--accent-light); font-size:.66rem; font-weight:900; text-transform:uppercase; letter-spacing:.13em; }.prototype-card b { font-size:1.12rem; line-height:1.25; }.prototype-card small { margin-top:10px; color:#9aabb7; font-size:.75rem; }
.photo-card { position:relative; overflow:hidden; min-height:225px; border-radius:18px; }.photo-card img { width:100%; height:100%; object-fit:cover; object-position:center 38%; filter:contrast(1.06); }.photo-card::after { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,rgba(7,14,20,.84)); }.photo-card span { position:absolute; z-index:2; left:18px; bottom:15px; color:white; font-size:.78rem; font-weight:800; }

.use-section { padding:78px 0; color:white; background:var(--dark-2); }
.use-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:75px; align-items:center; }
.use-tags { display:flex; flex-wrap:wrap; gap:10px; }.use-tags span { padding:11px 15px; border:1px solid #3b4d5b; border-radius:999px; color:#c0ccd5; background:rgba(255,255,255,.025); font-size:.82rem; }


.origin-section {
  position: relative;
  overflow: hidden;
  color: white;
  background:
    radial-gradient(circle at 16% 18%, rgba(120,216,255,.14), transparent 27%),
    radial-gradient(circle at 82% 76%, rgba(255,106,42,.15), transparent 26%),
    #0b1520;
}
.origin-section::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .14;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(90deg, black, transparent 88%);
}
.origin-grid {
  position: relative;
  display: grid;
  grid-template-columns: .78fr 1.22fr;
  gap: 82px;
  align-items: center;
}
.origin-copy h2 {
  max-width: 720px;
  margin: 10px 0 0;
  font-size: clamp(2.1rem,4.3vw,4.15rem);
  line-height: 1.02;
  letter-spacing: -.052em;
}
.origin-copy > p {
  max-width: 700px;
  color: #aebdca;
  font-size: 1rem;
}
.origin-emblem {
  position: relative;
  aspect-ratio: 1;
  width: min(100%, 410px);
  margin-inline: auto;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
  background: linear-gradient(145deg,#1a2b3a,#071019 72%);
  box-shadow: 0 38px 80px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.14);
}
.origin-emblem::before,
.origin-emblem::after {
  content: "";
  position: absolute;
  inset: 7%;
  border: 1px solid rgba(120,216,255,.18);
  border-radius: 50%;
}
.origin-emblem::after {
  inset: 15%;
  border-color: rgba(255,106,42,.2);
}
.origin-stars {
  position: absolute;
  z-index: 2;
  left: 8%;
  top: 7%;
  width: 45%;
  height: 36%;
  display: grid;
  grid-template-columns: repeat(5,1fr);
  place-items: center;
  padding: 7%;
  color: #dceeff;
  background: rgba(28,71,108,.62);
  font-size: clamp(.45rem,1.2vw,.78rem);
  transform: rotate(-8deg);
}
.origin-stripes {
  position: absolute;
  inset: 5%;
  display: grid;
  align-content: center;
  gap: 8%;
  opacity: .48;
  transform: rotate(-8deg);
}
.origin-stripes i {
  display: block;
  height: 13px;
  background: linear-gradient(90deg,rgba(199,36,45,.9),rgba(255,106,42,.55));
}
.origin-seal {
  position: absolute;
  z-index: 4;
  inset: 25%;
  display: grid;
  place-content: center;
  text-align: center;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 50%;
  background: rgba(7,16,25,.88);
  box-shadow: 0 0 0 9px rgba(7,16,25,.42), 0 18px 40px rgba(0,0,0,.38);
}
.origin-seal small,
.origin-seal span {
  font-size: clamp(.42rem,.9vw,.64rem);
  font-weight: 900;
  letter-spacing: .12em;
}
.origin-seal small { color: #aebfcb; }
.origin-seal strong {
  display: block;
  margin: 3px 0 2px;
  color: white;
  font-size: clamp(2.7rem,6vw,5rem);
  line-height: .95;
  letter-spacing: -.07em;
}
.origin-seal span { color: var(--accent-light); }
.origin-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}
.origin-points span {
  padding: 11px 14px;
  border: 1px solid #354a5a;
  border-radius: 999px;
  color: #b8c6d0;
  background: rgba(255,255,255,.025);
  font-size: .8rem;
}
.origin-points b { color: white; }
.origin-note {
  margin-top: 22px !important;
  padding-left: 15px;
  border-left: 3px solid var(--accent);
  color: #7f919f !important;
  font-size: .76rem !important;
}

.updates-section { background:radial-gradient(circle at 7% 15%,rgba(255,106,42,.12),transparent 23%),#f7f1ed; }
.updates-grid { display:grid; grid-template-columns:1fr .82fr; gap:80px; align-items:start; }
.updates-note { display:flex; gap:10px; align-items:flex-start; max-width:620px; margin-top:26px; padding:15px 17px; border-left:3px solid var(--accent); background:rgba(255,255,255,.54); }.updates-note b { white-space:nowrap; }.updates-note span { color:var(--muted); font-size:.84rem; }
.interest-form { display:grid; gap:15px; padding:27px; border:1px solid #dfd4cc; border-radius:var(--radius); background:white; box-shadow:var(--shadow); }
.interest-form label { display:grid; gap:7px; color:#394753; font-size:.76rem; font-weight:900; }
.interest-form input,.interest-form select { min-height:48px; width:100%; padding:0 13px; border:1px solid #cbd4dc; border-radius:9px; background:white; color:var(--ink); }
.interest-form input:focus,.interest-form select:focus { outline:3px solid rgba(255,106,42,.15); border-color:var(--accent); }
.interest-form > small { color:#7b8791; font-size:.7rem; }.form-message { min-height:20px; margin:0; color:#087e4d; font-size:.76rem; }

.disclaimer { padding:25px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:white; }
.disclaimer-grid { display:grid; grid-template-columns:170px 1fr; gap:24px; }.disclaimer strong { color:var(--accent); font-size:.68rem; text-transform:uppercase; letter-spacing:.13em; }.disclaimer p { margin:0; color:var(--muted); font-size:.74rem; }
.site-footer { padding:47px 0; color:white; background:#060b10; }.footer-grid { display:grid; grid-template-columns:1.3fr auto; gap:34px; align-items:center; }.footer-links { display:flex; gap:22px; }.footer-links a { color:#9eacb7; text-decoration:none; font-size:.78rem; }.copyright { grid-column:1/-1; margin:8px 0 0; padding-top:23px; border-top:1px solid #202b34; color:#687681; font-size:.69rem; }

@media (max-width: 980px) {
  .hero-photo { inset:0; opacity:.24; }
  .hero-grid,.development-grid,.updates-grid,.use-grid,.origin-grid { grid-template-columns:1fr; }
  .hero-grid { gap:70px; }
  .hero-copy { max-width:760px; }
  .hero-product { width:min(100%,620px); margin-inline:auto; }
  .signal-grid { grid-template-columns:repeat(2,1fr); }
  .signal-grid article:nth-child(2) { border-right:0; }.signal-grid article:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .split-heading { grid-template-columns:1fr; gap:18px; }
  .capability-grid { grid-template-columns:repeat(2,1fr); }
  .development-grid,.updates-grid,.use-grid,.origin-grid { gap:45px; }
}

@media (max-width: 720px) {
  .container { width:min(calc(100% - 28px),var(--container)); }
  .menu-button { display:inline-flex; }
  .primary-nav { display:none; position:absolute; top:67px; left:14px; right:14px; flex-direction:column; align-items:stretch; gap:3px; padding:13px; border:1px solid rgba(255,255,255,.12); border-radius:14px; background:#101b24; box-shadow:var(--shadow); }
  .primary-nav.open { display:flex; }.primary-nav a { padding:11px; border-radius:8px; }.primary-nav .nav-cta { text-align:center; }
  .brand-copy small { display:none; }
  .hero,.hero-grid { min-height:auto; }.hero-grid { padding-top:65px; padding-bottom:68px; }
  .hero h1 { font-size:clamp(2.7rem,14vw,4.5rem); }
  .device-shell { transform:none; border-radius:24px; }.device-bezel { padding:9px; border-radius:19px; }.screen { padding:11px; }.product-badge { top:-31px; right:0; }
  .readout-grid { gap:5px; }.readout { padding:9px 6px; }.readout strong { font-size:clamp(.8rem,4vw,1.2rem); }
  .result-panel { grid-template-columns:1fr; }.polar { width:145px; }.correction-copy { text-align:center; }.confidence { justify-content:center; }
  .signal-grid { grid-template-columns:1fr; }.signal-grid article { border-right:0; border-bottom:1px solid var(--line); }
  .section { padding:78px 0; }
  .workflow-grid,.capability-grid { grid-template-columns:1fr; }
  .photo-band { min-height:500px; }.photo-band-overlay { background:linear-gradient(0deg,rgba(7,14,20,.92),rgba(7,14,20,.18)); }.photo-band-content { padding-bottom:45px; }
  .status-list div { grid-template-columns:14px 1fr; }.status-list small { grid-column:2; }
  .mini-cards { grid-template-columns:1fr; }.photo-card { min-height:260px; }
  .origin-emblem { width:min(100%,340px); }
  .origin-copy { text-align:left; }
  .origin-points { gap:8px; }
  .updates-note { display:grid; }.updates-note b { white-space:normal; }
  .disclaimer-grid,.footer-grid { grid-template-columns:1fr; }.footer-links { flex-wrap:wrap; }.copyright { grid-column:1; }
}

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

/* Affordability positioning */
.hero-value {
  display: grid;
  gap: 3px;
  max-width: 610px;
  margin-top: 25px;
  padding: 13px 16px;
  border-left: 3px solid var(--accent);
  background: rgba(255,255,255,.055);
  backdrop-filter: blur(8px);
}
.hero-value span {
  color: var(--accent-light);
  font-size: .67rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.hero-value strong {
  color: #edf4f8;
  font-size: .91rem;
}

.value-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 86% 18%, rgba(255,106,42,.12), transparent 24%),
    linear-gradient(145deg, #ffffff, #eef2f5);
}
.value-section::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .42;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(16,24,32,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,24,32,.045) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(90deg, transparent, black 55%, black);
}
.value-grid {
  position: relative;
  display: grid;
  grid-template-columns: 1.17fr .83fr;
  gap: 76px;
  align-items: center;
}
.value-copy .kicker { color: var(--accent); }
.value-copy h2 {
  max-width: 760px;
  margin: 10px 0 0;
  font-size: clamp(2.2rem,4.5vw,4.35rem);
  line-height: 1.01;
  letter-spacing: -.055em;
}
.value-copy > p {
  max-width: 760px;
  color: var(--muted);
  font-size: 1rem;
}
.value-principles {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  margin-top: 28px;
}
.value-principles span {
  padding: 13px 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255,255,255,.72);
  color: #53616d;
  font-size: .82rem;
  box-shadow: 0 8px 25px rgba(13,26,38,.04);
}
.value-principles b { color: var(--ink); }

.price-target {
  position: relative;
  overflow: hidden;
  padding: 34px;
  border: 1px solid #263746;
  border-radius: 24px;
  color: white;
  background:
    radial-gradient(circle at 85% 12%, rgba(255,106,42,.34), transparent 29%),
    linear-gradient(145deg,#172735,#071018 78%);
  box-shadow: 0 35px 80px rgba(7,17,25,.23), inset 0 1px 0 rgba(255,255,255,.13);
}
.price-target::after {
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  right: -80px;
  bottom: -80px;
  border: 28px solid rgba(120,216,255,.06);
  border-radius: 50%;
}
.price-target > small {
  display: block;
  color: #91a4b2;
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .14em;
}
.target-label {
  display: block;
  margin-top: 38px;
  color: var(--accent-light);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .13em;
}
.price-target > strong {
  display: block;
  margin-top: 4px;
  font-size: clamp(3.15rem,6vw,5.35rem);
  line-height: .9;
  letter-spacing: -.075em;
}
.price-target > strong i {
  display: block;
  margin-bottom: 8px;
  color: #9fb0bd;
  font-size: .24em;
  font-style: normal;
  letter-spacing: .16em;
}
.price-target > p {
  color: #adbbc5;
  font-size: .88rem;
}
.target-divider {
  height: 1px;
  margin: 24px 0 20px;
  background: #314352;
}
.target-message {
  position: relative;
  z-index: 1;
  display: block;
  color: #f3f7fa;
  font-size: 1rem;
}
.price-target em {
  position: relative;
  z-index: 1;
  display: block;
  margin-top: 14px;
  color: #718491;
  font-size: .68rem;
  font-style: normal;
}

@media (max-width: 980px) {
  .value-grid { grid-template-columns: 1fr; gap: 44px; }
  .price-target { max-width: 620px; }
}

@media (max-width: 720px) {
  .hero-value { margin-top: 22px; }
  .value-principles { grid-template-columns: 1fr; }
  .price-target { padding: 27px; }
}


/* Field hardware: accelerometer and remote capture */
.hardware-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 10% 8%, rgba(120,216,255,.10), transparent 24%),
    radial-gradient(circle at 88% 82%, rgba(255,106,42,.10), transparent 24%),
    linear-gradient(145deg,#f8fafb,#e9eef2);
}
.hardware-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .35;
  background-image:
    linear-gradient(rgba(16,24,32,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,24,32,.045) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(180deg,black,transparent 92%);
}
.hardware-section .container { position: relative; }
.hardware-heading { margin-bottom: 42px; }
.hardware-heading p { color: var(--muted); }
.hardware-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.hardware-card {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(255,255,255,.90);
  box-shadow: 0 22px 60px rgba(18,33,46,.09);
}
.hardware-visual {
  position: relative;
  min-height: 310px;
  overflow: hidden;
  background:
    linear-gradient(rgba(120,216,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(120,216,255,.05) 1px,transparent 1px),
    radial-gradient(circle at 50% 45%,#263945,#081118 72%);
  background-size: 28px 28px,28px 28px,auto;
}
.hardware-visual::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 70px;
  background: linear-gradient(transparent,rgba(4,10,15,.62));
}
.hardware-copy { padding: 28px 30px 31px; }
.hardware-label { color: var(--accent); font-size: .65rem; font-weight: 900; letter-spacing: .14em; }
.hardware-copy h3 { margin: 9px 0 10px; font-size: 1.55rem; letter-spacing: -.035em; }
.hardware-copy p { margin: 0; color: var(--muted); font-size: .92rem; }
.hardware-points { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.hardware-points span { padding: 8px 10px; border: 1px solid var(--line); border-radius: 999px; color: #53616d; background: #f7f9fa; font-size: .71rem; font-weight: 750; }
.hardware-note { max-width: 920px; margin: 20px auto 0; text-align: center; color: #76838d; font-size: .72rem; }

/* Accelerometer illustration */
.cable-coil {
  position: absolute;
  left: 12%;
  top: 50%;
  border: 10px solid #11171c;
  border-radius: 50%;
  transform: translateY(-50%);
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.25);
}
.coil-one { width: 178px; height: 178px; }
.coil-two { width: 139px; height: 139px; left: calc(12% + 19px); border-width: 9px; }
.coil-three { width: 101px; height: 101px; left: calc(12% + 38px); border-width: 8px; }
.sensor-lead {
  position: absolute;
  left: 41%;
  top: 58%;
  width: 31%;
  height: 58px;
  border-top: 9px solid #11171c;
  border-right: 9px solid #11171c;
  border-radius: 0 46px 0 0;
  transform: rotate(7deg);
}
.sensor-body {
  position: absolute;
  right: 14%;
  top: 40%;
  width: 66px;
  height: 112px;
  border: 1px solid #65737c;
  border-radius: 23px 23px 16px 16px;
  transform: rotate(17deg);
  background: linear-gradient(90deg,#11181d,#3d4a52 45%,#151d22 74%);
  box-shadow: 0 17px 28px rgba(0,0,0,.42), inset 1px 0 rgba(255,255,255,.13);
  z-index: 2;
}
.sensor-body::before {
  content: "";
  position: absolute;
  left: 15px;
  right: 15px;
  top: -18px;
  height: 27px;
  border-radius: 8px 8px 4px 4px;
  background: linear-gradient(90deg,#11171b,#3a4850,#12191e);
}
.sensor-body::after {
  content: "VECTORTRIM";
  position: absolute;
  left: 50%;
  top: 58px;
  transform: translate(-50%,-50%) rotate(90deg);
  color: #c9d5dc;
  font: 800 8px/1 sans-serif;
  letter-spacing: .13em;
}
.sensor-axis { position: absolute; right: 7px; top: 13px; color: var(--accent-light); font-style: normal; font-weight: 900; }
.sensor-stud {
  position: absolute;
  right: calc(14% + 5px);
  top: calc(40% + 103px);
  width: 22px;
  height: 28px;
  border-radius: 2px 2px 7px 7px;
  transform: rotate(17deg);
  background: repeating-linear-gradient(0deg,#929da4 0 3px,#59646b 3px 5px);
  z-index: 1;
}
.sensor-connector {
  position: absolute;
  left: 7%;
  bottom: 18%;
  width: 48px;
  height: 18px;
  border-radius: 5px;
  transform: rotate(-8deg);
  background: linear-gradient(#353f45,#11181d);
  box-shadow: 0 7px 13px rgba(0,0,0,.33);
}
.sensor-connector::after { content:""; position:absolute; right:-10px; top:5px; width:12px; height:8px; border-radius:0 4px 4px 0; background:#b6bdc1; }

/* Remote capture illustration */
.control-grip {
  position: absolute;
  left: 18%;
  top: 19%;
  width: 112px;
  height: 205px;
  border-radius: 43px 43px 30px 30px;
  transform: rotate(-12deg);
  background: linear-gradient(90deg,#10171c,#39454d 42%,#11181d 77%);
  box-shadow: 0 24px 42px rgba(0,0,0,.45),inset 2px 0 rgba(255,255,255,.09);
}
.control-grip::before { content:""; position:absolute; left:16px; right:16px; top:24px; height:4px; border-radius:4px; background:#59676f; box-shadow:0 18px 0 #59676f,0 36px 0 #59676f,0 54px 0 #59676f,0 72px 0 #59676f,0 90px 0 #59676f; opacity:.55; }
.remote-strap {
  position: absolute;
  left: 13%;
  top: 39%;
  width: 150px;
  height: 54px;
  border: 7px solid #202a31;
  border-radius: 17px;
  transform: rotate(-12deg);
  box-shadow: inset 0 0 0 2px #4c5961;
}
.remote-button {
  position: absolute;
  left: 31%;
  top: 27%;
  width: 62px;
  height: 82px;
  border-radius: 17px;
  transform: rotate(-12deg);
  background: linear-gradient(145deg,#26333c,#0d1419);
  border: 1px solid #53616a;
  box-shadow: 0 15px 25px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.12);
  z-index: 2;
}
.remote-button::after { content:"CAPTURE"; position:absolute; left:50%; bottom:10px; transform:translateX(-50%); color:#92a6b3; font:800 7px/1 sans-serif; letter-spacing:.08em; }
.remote-button i {
  position: absolute;
  left: 50%;
  top: 18px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  transform: translateX(-50%);
  background: radial-gradient(circle at 35% 30%,#ffac82,var(--accent) 42%,#ba3e0c 78%);
  box-shadow: 0 0 0 5px rgba(255,106,42,.14),0 0 22px rgba(255,106,42,.45);
}
.remote-wire { position:absolute; border:7px solid #11181d; border-left:0; border-bottom:0; border-radius:0 48px 0 0; }
.wire-a { left:43%; top:49%; width:126px; height:89px; transform:rotate(12deg); }
.wire-b { left:59%; top:62%; width:106px; height:46px; transform:rotate(21deg); }
.remote-plug { position:absolute; right:10%; bottom:16%; width:56px; height:23px; border-radius:6px; transform:rotate(20deg); background:linear-gradient(#39454c,#11181d); box-shadow:0 9px 15px rgba(0,0,0,.35); }
.remote-plug::after { content:""; position:absolute; right:-13px; top:6px; width:15px; height:11px; border-radius:0 5px 5px 0; background:#9ba5aa; }
.press-ring { position:absolute; left:calc(31% + 31px); top:calc(27% + 32px); border:2px solid rgba(255,106,42,.35); border-radius:50%; transform:translate(-50%,-50%); }
.press-ring.ring-one { width:72px; height:72px; }
.press-ring.ring-two { width:104px; height:104px; opacity:.42; }

.direct-contact { margin: 9px 0 0; color: var(--muted); font-size: .78rem; }
.direct-contact a { color: var(--accent); font-weight: 800; }

@media (max-width: 980px) {
  .hardware-grid { grid-template-columns: 1fr; }
  .hardware-card { display: grid; grid-template-columns: .9fr 1.1fr; }
  .hardware-visual { min-height: 340px; }
  .hardware-copy { align-self: center; }
}

@media (max-width: 720px) {
  .hardware-card { display: block; }
  .hardware-visual { min-height: 290px; }
  .hardware-copy { padding: 24px; }
  .cable-coil { left: 8%; }
  .coil-two { left: calc(8% + 19px); }
  .coil-three { left: calc(8% + 38px); }
  .sensor-body { right: 10%; }
  .sensor-stud { right: calc(10% + 5px); }
  .control-grip { left: 12%; }
  .remote-strap { left: 7%; }
  .remote-button { left: 28%; }
  .press-ring { left: calc(28% + 31px); }
}