:root { color-scheme: dark; --navy:#020813; --panel:#101d30; --gold:#ffc247; --green:#73983b; --olive-button:color-mix(in srgb,#627f32 90%,var(--navy)); --olive-button-hover:color-mix(in srgb,#627f32 80%,var(--navy)); --text:#f4f6f8; --muted:#c1cad6; }
* { box-sizing:border-box; }
html { scroll-padding-top:24px; }
body { margin:0; background:var(--navy); color:var(--text); font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
img { display:block; max-width:100%; }
.frame { width:min(1280px, calc(100% - 96px)); margin-inline:auto; }
.skip-link { position:absolute; top:-100px; left:16px; padding:12px; z-index:10; background:var(--gold); color:var(--navy); }
.skip-link:focus { top:12px; }
a:focus-visible,button:focus-visible,input:focus-visible { outline:3px solid var(--gold); outline-offset:6px; }
.site-header { background:var(--navy); border-bottom:1px solid #ffffff18; }
.header-inner { display:flex; align-items:center; justify-content:center; min-height:152px; gap:28px; }
.brand { --brand-size:120px; display:flex; align-items:center; gap:calc(var(--brand-size) * .2); text-decoration:none; flex-shrink:0; }
.brand-shield { width:var(--brand-size); height:var(--brand-size); object-fit:contain; }
.brand-wordmark { width:calc(var(--brand-size) * 2.75); height:calc(var(--brand-size) * .8); object-fit:contain; object-position:left center; }
.hero { position:relative; isolation:isolate; min-height:740px; overflow:hidden; background:var(--navy); border-bottom:1px solid #ffc2473b; }
.hero-art { position:absolute; z-index:-3; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.hero-shade { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg, #020813bd 0%, #02081382 38%, #0208130a 70%),linear-gradient(0deg,#020813 0%,transparent 22%); }
.hero-inner { display:flex; align-items:center; min-height:740px; padding-block:62px 76px; }
.hero-copy { width:53%; max-width:650px; }
.eyebrow { font-size:11px; line-height:1.6; font-weight:800; letter-spacing:.19em; text-transform:uppercase; color:var(--gold); margin:0 0 22px; }
.hero .eyebrow { color:var(--green); font-size:16px; letter-spacing:.14em; }
.status-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--green); margin-right:8px; vertical-align:1px; }
h1 { font-size:clamp(48px,5.2vw,78px); line-height:.96; font-weight:900; letter-spacing:-.065em; margin:0 0 28px; }
h1 span { color:var(--gold); }
.hero-tagline { margin:0 0 20px; font-size:clamp(23px,2.5vw,34px); font-weight:750; line-height:1.15; letter-spacing:-.03em; }
.hero-description { max-width:430px; margin:0 0 28px; color:#d5dde5; line-height:1.75; font-size:16px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:32px; padding:17px 26px; border:0; border-radius:4px; font-family:inherit; font-size:15px; line-height:1.25; font-weight:800; text-decoration:none; cursor:pointer; }
.button { background:#58732f; background:var(--olive-button); color:#fff; box-shadow:0 8px 30px #73983b14; }
.button:hover,.button:active { background:#4f672c; background:var(--olive-button-hover); color:#fff; }
.button span { font-size:20px; }
.hero .button { font-size:20px; }
.hero .button span { font-size:24px; }
.hero-note { margin:16px 0 0; font-size:12px; color:#c1cad6; }
.features { padding:58px 0 66px; background:#091322; }
.section-intro { margin-bottom:34px; }
.section-intro .eyebrow { margin-bottom:10px; }
h2 { margin:0; font-size:clamp(30px,3.3vw,44px); line-height:1.1; letter-spacing:-.045em; font-weight:800; }
.section-intro > p:last-child { color:var(--muted); margin:14px 0 0; font-size:15px; line-height:1.6; }
.feature-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; border:1px solid #ffffff18; border-radius:6px; overflow:hidden; }
.feature { padding:26px 24px 30px; background:#101d30; border-right:1px solid #ffffff18; }
.feature:last-child { border-right:0; }
.feature h3 { margin:0 0 12px; color:var(--gold); font-size:17px; line-height:1.4; letter-spacing:-.02em; }
.feature p { color:var(--muted); font-size:14px; line-height:1.75; margin:0; }
.contact { padding:78px 0 84px; background:radial-gradient(ellipse at 10% 100%,#1a2940 0%,transparent 60%),var(--navy); }
.marshal { padding:72px 0 76px; background:var(--navy); border-block:1px solid #ffffff18; }
.marshal-stage { position:relative; isolation:isolate; aspect-ratio:3 / 2; }
.marshal-art { position:absolute; z-index:-1; inset:0 auto auto 0; width:100%; height:auto; }
.marshal-copy { width:52%; padding-top:30%; padding-bottom:42px; }
.marshal-copy .eyebrow { margin-bottom:14px; }
.marshal-copy h2 { font-size:clamp(44px,5.8vw,76px); letter-spacing:-.055em; }
.marshal-copy h2 span { color:var(--gold); }
.marshal-tagline { font-size:clamp(21px,2.5vw,30px); line-height:1.2; font-weight:800; margin:20px 0 16px; }
.marshal-copy > p:not(.eyebrow):not(.marshal-tagline) { font-size:16px; color:var(--muted); line-height:1.75; max-width:560px; }
.marshal-copy .marshal-status { color:var(--gold)!important; font-size:12px!important; line-height:1.6!important; border-left:2px solid var(--green); padding-left:14px; margin-top:22px; }
.marshal-benefits-intro { margin:24px 0; max-width:720px; }
.marshal-benefits-intro h3 { font-size:26px; line-height:1.25; margin:0 0 12px; letter-spacing:-.03em; }
.marshal-benefits-intro p { color:var(--muted); font-size:15px; line-height:1.7; margin:0; }
.marshal-benefits { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.marshal-benefits li { padding:26px; border:1px solid #ffffff1c; border-top:2px solid var(--green); border-radius:5px; background:var(--panel); }
.marshal-benefits h4 { margin:0 0 12px; font-size:18px; line-height:1.4; }
.marshal-benefits p { margin:0; font-size:14px; line-height:1.75; color:var(--muted); }
.marshal-benefits .marshal-benefit { margin-top:16px; padding-top:14px; border-top:1px solid #ffffff14; }
.marshal-benefit strong { color:var(--text); }
.marshal-principle { display:flex; align-items:center; justify-content:space-between; gap:36px; padding-top:32px; }
.marshal-principle p { margin:0; max-width:740px; color:var(--muted); font-size:15px; line-height:1.75; }
.marshal-principle strong { color:var(--text); }
.marshal-principle .button { flex-shrink:0; }
@media (max-width:1000px) {
  .marshal { padding-block:44px; }
  .marshal-copy { padding-top:29%; padding-bottom:24px; }
  .marshal-copy h2 { font-size:48px; }
  .marshal-copy > p:not(.eyebrow):not(.marshal-tagline) { font-size:14px; }
  .marshal-tagline { font-size:23px; margin-top:16px; }
  .marshal-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .marshal-principle { align-items:flex-start; flex-direction:column; gap:22px; }
}
@media (max-width:700px) {
  .marshal-stage { aspect-ratio:auto; padding-top:66.6667%; }
  .marshal-copy { width:100%; padding-top:24px; padding-bottom:12px; }
  .marshal-copy h2 { font-size:clamp(42px,10vw,60px); }
  .marshal-copy > p:not(.eyebrow):not(.marshal-tagline) { font-size:15px; }
  .marshal-benefits { grid-template-columns:1fr; gap:12px; }
  .marshal-benefits li { padding:24px; }
  .marshal-benefits-intro { margin-top:24px; }
}
.contact-inner { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:90px; }
.contact-copy .eyebrow { margin-bottom:15px; }
.contact-copy h2 { font-size:clamp(34px,4vw,52px); margin-bottom:25px; }
.contact-copy h2 span { color:var(--gold); }
.contact-copy > p:not(.eyebrow) { color:var(--muted); font-size:16px; line-height:1.75; max-width:560px; }
.contact-copy strong { color:var(--text); }
.beta-contact { margin-top:12px; }
.contact-copy .email-address { text-align:left; }
.contact-card { border:1px solid #ffc24740; border-top:3px solid var(--gold); border-radius:7px; padding:34px; background:#101d30; }
.card-label { color:var(--gold); text-transform:uppercase; letter-spacing:.15em; font-size:11px; font-weight:800; margin:0 0 16px; }
.contact-card h3 { font-size:26px; letter-spacing:-.04em; margin:0 0 15px; line-height:1.2; }
.contact-card > p:not(.card-label) { color:var(--muted); font-size:14px; line-height:1.75; }
.contact-card .button { width:100%; margin-top:12px; }
.email-address { display:block; text-align:center; font-size:13px; color:#d5dde5; margin-top:18px; overflow-wrap:anywhere; text-underline-offset:4px; }
.newsletter-form { margin-top:22px; }
.email-label { display:block; font-size:14px; font-weight:700; margin-bottom:10px; }
.newsletter-email { display:block; width:100%; min-height:50px; padding:13px 14px; border:1px solid #8191a6; border-radius:4px; background:#081321; color:var(--text); font:inherit; font-size:16px; }
.newsletter-email::placeholder { color:#a9b5c4; }
.newsletter-consent { display:flex; align-items:flex-start; gap:12px; margin:18px 0 10px; color:var(--muted); font-size:13px; line-height:1.65; cursor:pointer; }
.newsletter-consent input { width:18px; height:18px; margin:2px 0 0; flex-shrink:0; accent-color:var(--olive-button); }
.newsletter-form .button { font-size:18px; gap:20px; }
.newsletter-form .button:disabled { cursor:not-allowed; opacity:.65; }
.newsletter-confirmation { font-size:12px; line-height:1.65; color:var(--muted); margin:16px 0 0; }
.site-footer { border-top:1px solid #ffffff18; padding:25px 0; background:var(--navy); }
.footer-inner { display:flex; justify-content:space-between; gap:20px; }
.footer-inner p { margin:0; font-size:11px; color:#a9b5c4; line-height:1.5; }
.footer-motto { color:var(--gold)!important; letter-spacing:.12em; text-transform:uppercase; font-weight:700; }
/* Fit the complete artwork once the hero is wider than the image's aspect ratio. */
@media (min-width:1380px) { .hero-art { object-fit:contain; object-position:right center; } }
@media (max-width:1000px) {
  .frame { width:calc(100% - 56px); }
  .hero,.hero-inner { min-height:690px; }
  .hero-copy { width:60%; }
  .hero-art { object-position:59% center; }
  .hero-shade { background:linear-gradient(90deg,#020813df 0%,#0208139e 45%,#02081325 100%),linear-gradient(0deg,#020813 0%,transparent 28%); }
  .feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .feature:nth-child(2) { border-right:0; }
  .feature:nth-child(-n+2) { border-bottom:1px solid #ffffff18; }
  .contact-inner { gap:36px; }
}
@media (max-width:620px) {
  .frame { width:calc(100% - 40px); }
  .header-inner { min-height:122px; gap:12px; }
  .brand { --brand-size:min(90px, calc((100vw - 40px) / 3.9)); gap:calc(var(--brand-size) / 6); }
  .brand-shield { width:var(--brand-size); height:var(--brand-size); }
  .brand-wordmark { width:calc(var(--brand-size) * 2.733333); height:calc(var(--brand-size) * .8); }
  .hero,.hero-inner { min-height:760px; }
  .hero-inner { align-items:flex-start; padding-block:46px 42px; }
  .hero-copy { width:100%; max-width:430px; }
  .hero-art { object-position:70% center; }
  .hero-shade { background:linear-gradient(180deg,#020813e8 0%,#020813c9 44%,#0208136b 68%,#020813b3 100%),linear-gradient(90deg,#0208134d,transparent); }
  .hero .eyebrow { font-size:13px; letter-spacing:.1em; margin-bottom:24px; }
  h1 { font-size:clamp(42px,12vw,66px); margin-bottom:24px; }
  .hero-tagline { font-size:26px; }
  .hero-description { font-size:15px; max-width:330px; line-height:1.7; }
  .hero-note { font-size:11px; }
  .features { padding:42px 0 46px; }
  .feature { padding:22px 18px 24px; }
  .feature h3 { font-size:15px; }
  .feature p { font-size:13px; }
  .section-intro h2 { max-width:320px; }
  .contact { padding:48px 0; }
  .contact-inner { grid-template-columns:1fr; gap:24px; }
  .contact-copy h2 { font-size:36px; }
  .contact-copy > p:not(.eyebrow) { font-size:15px; }
  .contact-card { padding:26px; }
  .footer-inner { flex-direction:column; gap:10px; }
}
@media (max-width:359px) {
  .frame { width:calc(100% - 32px); }
  .feature-grid { grid-template-columns:1fr; }
  .feature { border-right:0; border-bottom:1px solid #ffffff18; }
  .feature:last-child { border-bottom:0; }
}

/* Account-generated Zoho controls, styled within the existing newsletter card. */
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.newsletter-embed { min-width:0; }
.newsletter-form .button { min-height:54px; white-space:normal; }
.newsletter-form [name="privacyPolicy"] { border-radius:4px; }
.newsletter-error { padding:12px; margin-bottom:16px; border:1px solid #f2644d; border-radius:4px; background:#471f25; color:#fff; font-size:14px; line-height:1.6; }
.newsletter-success { padding:14px; margin-top:18px; border:1px solid var(--green); border-radius:4px; color:var(--text); background:var(--navy); font-size:14px; line-height:1.7; overflow-wrap:anywhere; }
.contact-card .newsletter-provider-note { font-size:12px; margin:12px 0 8px; }
.newsletter-fallback { display:inline-block; color:var(--muted); font-size:12px; line-height:1.65; text-underline-offset:4px; }
.zoho-overlay { position:fixed; inset:0; z-index:100; background:#0009; }
.zoho-response-popup { position:fixed; z-index:101; top:50%; left:50%; transform:translate(-50%,-50%); width:min(700px,calc(100% - 40px)); max-height:85dvh; overflow:auto; padding:28px; border:1px solid #e6e6e6; border-radius:7px; background:#fff; color:#172033; color-scheme:light; box-shadow:0 8px 40px #0006; }
.zoho-popup-close { position:absolute; top:6px; right:6px; width:36px; height:36px; border:0; border-radius:4px; background:#58732f; background:var(--olive-button); color:#fff; font-size:24px; cursor:pointer; }
#zcOptinSuccessPanel { overflow-wrap:anywhere; }