:root{
  --black:#080a09;--black-2:#0d100e;--panel:#111512;--line:rgba(224,232,220,.14);
  --white:#edf1eb;--muted:#9aa29a;--olive:#a8b38c;--olive-dark:#5d6849;--signal:#b9c49a;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Poppins",sans-serif;background:var(--black);color:var(--white);overflow-x:hidden}
a{color:inherit;text-decoration:none}
.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(168,179,140,.08),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;z-index:2}
.site-header{height:86px;position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid transparent;transition:.3s}
.site-header.scrolled{background:rgba(8,10,9,.88);backdrop-filter:blur(18px);border-color:var(--line)}
.brand,.footer-brand{display:flex;align-items:center;gap:13px;font-weight:600;letter-spacing:.18em}
.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--olive);font-size:15px;color:var(--olive);clip-path:polygon(18% 0,100% 0,82% 100%,0 100%)}
.nav{display:flex;align-items:center;gap:34px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.nav a{color:#b8beb7;transition:.2s}.nav a:hover{color:var(--white)}
.nav-cta{border:1px solid var(--line);padding:11px 18px}
.menu-toggle{display:none;background:none;border:0}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:130px 7vw 90px;overflow:hidden;background:radial-gradient(circle at 72% 48%,#20261e 0,transparent 28%),linear-gradient(115deg,#080a09 35%,#0e120e 100%)}
.hero-grid,.cta-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to right,transparent,black 50%,transparent);opacity:.28}
.scan-line{position:absolute;width:1px;height:100%;left:68%;top:0;background:linear-gradient(transparent,var(--olive),transparent);opacity:.45;animation:scan 6s ease-in-out infinite}
@keyframes scan{50%{left:83%}}
.hero-copy{position:relative;z-index:3;max-width:950px}
.eyebrow,.kicker{font-size:11px;letter-spacing:.22em;color:var(--olive);font-weight:500}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:30px}.eyebrow span{width:28px;height:1px;background:var(--olive)}
.hero h1{font-size:clamp(54px,8.5vw,132px);line-height:.87;letter-spacing:-.055em;font-weight:600}
.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(237,241,235,.65)}
.hero-copy>p{max-width:650px;color:var(--muted);font-size:15px;line-height:1.9;margin:35px 0}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 20px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);transition:.25s}
.button-primary{background:var(--olive);color:#0b0e0a;border-color:var(--olive);font-weight:600}.button-primary:hover{background:#c4cfaa}
.button-ghost:hover{border-color:var(--olive);color:var(--olive)}
.hero-status{position:absolute;right:4vw;bottom:45px;display:flex;gap:34px;z-index:3}
.hero-status div{display:flex;flex-direction:column;gap:5px}.hero-status span{font-size:8px;color:#737a72;letter-spacing:.16em}.hero-status strong{font-size:10px;letter-spacing:.12em;color:var(--olive)}
.scroll-cue{position:absolute;left:4vw;bottom:45px;font-size:8px;letter-spacing:.18em;color:#7d857d;display:flex;gap:12px;align-items:center}.scroll-cue span{width:34px;height:1px;background:#7d857d}
.section{position:relative;padding:120px 7vw;border-top:1px solid var(--line)}
.section-index{position:absolute;top:42px;left:4vw;font-size:9px;letter-spacing:.18em;color:#687067}
.statement{min-height:720px;display:flex;align-items:center}.statement-content{max-width:1150px;margin:auto}
.statement h2,.section-heading h2,.terrain h2,.philosophy h2,.cta h2{font-size:clamp(38px,5.5vw,82px);line-height:1.08;letter-spacing:-.045em;font-weight:500}
.statement h2{margin:25px 0 70px}.statement h2 span,.philosophy h2 span,.cta h2 span{color:var(--olive)}
.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-left:25%}.statement-grid p{color:var(--muted);font-size:14px;line-height:1.9}
.stryker{background:#0b0e0c;padding-bottom:80px}
.stryker-stage{min-height:760px;position:relative;border:1px solid var(--line);background:radial-gradient(circle at center,rgba(108,122,84,.16),transparent 42%),linear-gradient(145deg,#0c100d,#080a09);overflow:hidden}
.product-meta,.stryker-footer{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;z-index:4;font-size:9px;letter-spacing:.14em;color:#7e887b}
.product-meta{top:22px}.stryker-footer{bottom:24px;align-items:end}
.stryker-footer p{max-width:440px;line-height:1.7}.stryker-footer a{color:var(--olive)}
.stryker-title{position:absolute;top:85px;left:5vw;z-index:4}.stryker-title p,.stryker-title span{font-size:10px;letter-spacing:.2em;color:var(--olive)}
.stryker-title h2{font-size:clamp(75px,14vw,210px);line-height:.9;letter-spacing:-.06em;font-weight:600}
.rover-visual{position:absolute;inset:0;display:grid;place-items:center}
.hud-ring{position:absolute;border:1px solid rgba(168,179,140,.22);border-radius:50%}.ring-one{width:460px;height:460px}.ring-two{width:620px;height:620px;border-style:dashed;animation:rotate 30s linear infinite}
@keyframes rotate{to{transform:rotate(360deg)}}
.rover-silhouette{position:relative;width:min(56vw,650px);height:230px;filter:drop-shadow(0 25px 35px rgba(0,0,0,.8))}
.rover-body{position:absolute;left:14%;right:14%;top:30%;height:38%;background:linear-gradient(155deg,#3c4435,#171c17);clip-path:polygon(8% 0,90% 0,100% 68%,88% 100%,8% 100%,0 55%)}
.rover-deck{position:absolute;left:29%;top:18%;width:43%;height:18%;background:#343c30;clip-path:polygon(8% 0,90% 0,100% 100%,0 100%)}
.rover-sensor{position:absolute;left:52%;top:2%;width:7%;height:19%;background:#4c5740;border-top:3px solid var(--olive)}
.track{position:absolute;bottom:8%;width:42%;height:35%;border:10px solid #272d27;border-radius:50px;background:repeating-linear-gradient(90deg,#151915 0 15px,#262c25 15px 20px)}
.track-left{left:5%}.track-right{right:5%}
.target-line{position:absolute;background:rgba(168,179,140,.25)}.line-a{width:1px;height:55%;left:50%}.line-b{height:1px;width:55%;top:55%}
.section-heading{max-width:1000px;margin-bottom:70px}.section-heading .kicker{margin-bottom:22px}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.capability-card{min-height:300px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.3s}
.capability-card:hover{background:#111611;transform:translateY(-3px)}
.card-number{font-size:9px;color:#667064;letter-spacing:.14em}.card-icon{font-size:34px;color:var(--olive);margin:45px 0}
.capability-card h3{font-size:18px;font-weight:500;margin-bottom:14px}.capability-card p{font-size:12px;color:var(--muted);line-height:1.8;max-width:290px}
.terrain{min-height:760px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(8,10,9,.98) 0%,rgba(8,10,9,.75) 55%,rgba(8,10,9,.35)),radial-gradient(ellipse at 80% 70%,#4b513d 0,#20251e 25%,#0a0c0a 60%)}
.terrain-overlay{position:absolute;inset:0;background:repeating-linear-gradient(165deg,transparent 0 35px,rgba(255,255,255,.018) 36px 37px)}
.terrain-content{position:relative;z-index:2;max-width:780px}.terrain-content .kicker{margin-bottom:24px}.terrain-content>p:last-child{max-width:590px;color:var(--muted);line-height:1.9;margin-top:35px}
.terrain-list{position:absolute;right:5vw;bottom:45px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px 35px;font-size:9px;letter-spacing:.15em;color:#899184}
.philosophy{padding-bottom:150px}.philosophy-copy{margin:70px 0 100px}.philosophy-copy .kicker{margin-bottom:25px}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.principle{background:var(--black);padding:38px;min-height:260px}.principle strong{font-size:10px;color:var(--olive)}.principle h3{margin:55px 0 16px;font-size:15px;letter-spacing:.1em}.principle p{color:var(--muted);font-size:12px;line-height:1.8}
.cta{min-height:720px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:radial-gradient(circle,#1b2119 0,#080a09 58%)}
.cta-content{position:relative;z-index:3}.cta-content .kicker{margin-bottom:25px}.cta-content>p:not(.kicker){max-width:600px;margin:30px auto;color:var(--muted);line-height:1.8}.cta .button{margin-top:10px}
footer{padding:55px 4vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;border-top:1px solid var(--line)}
footer>p{text-align:center;font-size:8px;letter-spacing:.15em;color:#697168}.footer-meta{text-align:right;display:flex;flex-direction:column;gap:8px;font-size:8px;letter-spacing:.14em;color:#697168}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){
  .nav{position:fixed;inset:86px 0 auto 0;background:#0a0d0b;padding:30px 7vw;flex-direction:column;align-items:flex-start;transform:translateY(-140%);transition:.35s;border-bottom:1px solid var(--line)}.nav.open{transform:none}
  .menu-toggle{display:block;width:32px;height:24px}.menu-toggle span{display:block;height:1px;background:var(--white);margin:7px 0}
  .hero{padding-left:6vw}.hero-status{display:none}.scroll-cue{display:none}
  .statement-grid{margin-left:0;grid-template-columns:1fr;gap:25px}
  .capability-grid{grid-template-columns:1fr 1fr}
  .rover-silhouette{width:80vw}.ring-two{width:90vw;height:90vw}.ring-one{width:65vw;height:65vw}
  .stryker-title h2{font-size:20vw}.product-meta span:last-child{display:none}
  .principles{grid-template-columns:1fr}.terrain-list{left:7vw;right:7vw}
  footer{grid-template-columns:1fr;gap:30px;text-align:left}footer>p{text-align:left}.footer-meta{text-align:left}
}
@media(max-width:580px){
  .site-header{height:72px}.brand-name{font-size:13px}.section{padding:105px 6vw}
  .hero h1{font-size:14vw}.hero-copy>p{font-size:13px}.button{width:100%}
  .capability-grid{grid-template-columns:1fr}.capability-card{min-height:250px}
  .stryker-stage{min-height:620px}.stryker-footer{display:block}.stryker-footer p{margin-bottom:12px}
  .rover-silhouette{height:160px}.terrain-list{grid-template-columns:1fr 1fr}
}