body{min-height:100svh;display:flex;flex-direction:column}body>#app{flex:1}body>header,body>footer{flex-shrink:0}header,footer,#app>.container{max-width:none;width:100%;padding-inline:clamp(20px,5vw,96px)}
.home-page{background:#040c15}.home-page header{position:absolute;top:0;left:0;z-index:5;height:112px;border:0;padding-inline:clamp(24px,9vw,180px)}.home-page header nav{color:#e9f3ff;font-size:14px;gap:42px;font-weight:650}.home-page header nav a.active:after{display:none}.home-page header .ghost{border-color:#b3e3ff40;background:#06172240}
.landing{width:100%}.landing-hero{min-height:100svh;position:relative;display:grid;place-items:center;isolation:isolate;background:#09283c url('/tactical-hero.webp') center 42%/cover no-repeat}.landing-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#05182394,#061e3070 45%,#06182782),linear-gradient(0deg,#04101e90,#07152620 60%)}
.landing-intro{text-align:left;padding:160px clamp(28px,9vw,180px);width:100%;position:relative}.landing-kicker{color:#b5e8ff;font-size:11px;font-weight:650;letter-spacing:3px;margin-bottom:24px}.landing-intro h1{font-size:clamp(44px,5.4vw,102px);font-weight:800;letter-spacing:-2.8px;line-height:1.15;margin:0 0 40px;text-shadow:0 3px 35px #0004}.landing-intro h1 span{color:#37c5ee}
.landing-button{min-width:230px;min-height:64px;padding:18px 29px;display:inline-flex;justify-content:center;align-items:center;gap:22px;border-radius:4px;color:#fff;background:#049ac2;border:1px solid #26b7dc40;font-weight:800;font-size:14px;transition:background .2s,transform .2s}.landing-button:hover{background:#12aed7;transform:translateY(-2px)}
.scroll-cue{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);width:28px;height:46px;border:2px solid #d8f1ff65;border-radius:20px}.scroll-cue span{position:absolute;width:4px;height:7px;border-radius:3px;background:#d8f1ff9c;top:10px;left:10px}
.product-banner{min-height:470px;display:flex;align-items:center;position:relative;isolation:isolate;padding:80px clamp(24px,14vw,280px);background:#0a3450 url('/tactical-hero.webp') right 38%/cover no-repeat;scroll-margin-top:0}.product-banner:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#063960f5 0%,#06416dd9 34%,#073a6399 60%,#05172566 100%)}.product-content{max-width:630px}.product-content h2{font-size:clamp(34px,3.4vw,55px);font-weight:750;letter-spacing:-1.6px;margin-bottom:18px}.product-content>p:not(.landing-kicker){color:#e2f1ff;font-size:16px;margin-bottom:28px}.product-content .landing-kicker{margin-bottom:17px}
.landing-benefits{padding:100px clamp(24px,13vw,260px) 110px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:68px;row-gap:44px;background:linear-gradient(#02090e,#071c31)}.landing-benefits h3{font-size:18px;font-weight:750;letter-spacing:-.3px;line-height:1.35;margin:0 0 8px}.landing-benefits p{font-size:14px;line-height:1.6;color:#c9d9e9;margin:0}.home-page footer{background:#071523;border-color:#cce8ff0d}
@media(max-width:1000px){.home-page header{padding-inline:28px}.home-page header nav{gap:25px;font-size:12px}.product-banner{padding-inline:8vw}.landing-benefits{padding-inline:8vw;gap:38px}}
@media(max-width:740px){.home-page header{height:auto;padding:22px 24px;gap:16px}.home-page header nav{font-size:12px;gap:23px}.landing-hero{background-position:62% center}.landing-intro{padding:170px 26px 140px}.landing-intro h1{font-size:clamp(34px,8.3vw,59px);letter-spacing:-1.4px;margin-bottom:42px}.landing-kicker{font-size:9px;letter-spacing:2px}.landing-button{min-width:210px;min-height:58px;font-size:12px}.product-banner{min-height:410px;padding:65px 26px;background-position:67% center}.product-banner:before{background:linear-gradient(90deg,#063960f0,#063960ae)}.product-content>p:not(.landing-kicker){font-size:14px}.landing-benefits{grid-template-columns:repeat(2,minmax(0,1fr));padding:65px 26px;gap:34px 28px}.landing-benefits h3{font-size:16px}.landing-benefits p{font-size:12px}}
@media(max-width:440px){.landing-benefits{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}


.landing-intro .landing-kicker{display:flex;align-items:center;gap:14px;font-weight:750}
.landing-intro .landing-kicker:before{content:'';width:36px;height:2px;background:#37c5ee;flex-shrink:0}
.landing-intro .landing-button{border-radius:10px;background:linear-gradient(110deg,#077fbc,#10b9d4);box-shadow:0 12px 45px #009dcc22;min-width:240px;justify-content:space-between}
.landing-intro .landing-button:hover{background:linear-gradient(110deg,#1098d5,#23cbe3)}

/* Mobile: soften the abrupt transition between hero and product. */
@media(max-width:740px){.landing-hero:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:150px;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,#041522b8 55%,#071a29 100%);z-index:1}.scroll-cue{z-index:2;bottom:42px}.product-stage{position:relative}.product-banner{background-blend-mode:normal}.product-banner:before{background:linear-gradient(90deg,#063960ee,#063960b0),linear-gradient(to bottom,#071a29 0%,transparent 28%)}.landing-intro{z-index:2}}