/* Helios Forge Fleet — shared public marketing styles (SEO Sprint 2, 2026-08-26).
   Mirrors the landing page look; loaded by the commercial/feature pages so their
   markup stays lean. The landing keeps its own inline styles. */
:root{
  --lg-bg:#050a14; --lg-ink:#eef3ff; --lg-dim:#9fb0cc; --lg-mut:#6f7f9c;
  --lg-line:rgba(120,160,220,.22); --lg-line2:rgba(120,160,220,.42);
  --lg-or:#f7941d; --lg-or2:#ffb347; --lg-cyan:#38bdf8; --lg-green:#22c55e;
  --lg-panel:linear-gradient(180deg,rgba(12,24,48,.92),rgba(8,16,34,.92));
}
*{box-sizing:border-box} html,body{margin:0}
body{background:linear-gradient(180deg,#060c1a 0%,#08122a 55%,#050a14 100%);color:var(--lg-ink);
     font-family:'IBM Plex Sans',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}
a{color:inherit;text-decoration:none}
.wrap{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:0 36px}
.lg-nav{display:flex;align-items:center;gap:28px;height:78px;border-bottom:1px solid var(--lg-line)}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:40px;height:40px;object-fit:contain}
.brand .wm{font-weight:700;font-size:18px;letter-spacing:.1em;line-height:1.05;color:#fff}
.brand .wmsub{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--lg-dim);margin-top:2px}
.lg-nav .links{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:14px;color:var(--lg-dim)}
.lg-nav .links a:hover{color:#fff}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;border-radius:11px;padding:11px 20px;border:1px solid transparent;cursor:pointer;transition:.15s;text-align:center}
.btn-primary{background:linear-gradient(180deg,var(--lg-or2),var(--lg-or));color:#231402;box-shadow:0 8px 22px rgba(247,148,29,.3)}
.btn-primary:hover{filter:brightness(1.06)}
.btn-ghost{border-color:var(--lg-line2);color:#fff}.btn-ghost:hover{border-color:var(--lg-or)}
.crumbs{padding:18px 0 0;font-size:13px;color:var(--lg-mut)}
.crumbs a{color:var(--lg-dim)}.crumbs a:hover{color:#fff}.crumbs .sep{margin:0 8px;color:var(--lg-mut)}
.hero{padding:44px 0 30px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--lg-cyan);border:1px solid rgba(56,189,248,.3);background:rgba(56,189,248,.08);border-radius:20px;padding:5px 14px;margin-bottom:20px}
h1{margin:0 0 16px;font-size:clamp(30px,4.4vw,44px);line-height:1.1;font-weight:700;letter-spacing:-.012em;text-wrap:balance;color:#fff;max-width:24ch}
h1 .o{color:var(--lg-or)}
.lede{font-size:clamp(16px,1.5vw,18px);color:var(--lg-dim);max-width:66ch;margin:0 0 24px}
.cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.sec{padding:44px 0;border-top:1px solid var(--lg-line)}
.sec h2{font-size:clamp(21px,2.6vw,28px);font-weight:700;letter-spacing:-.01em;color:#fff;margin:0 0 14px}
.sec h3{font-size:17px;font-weight:600;color:#fff;margin:26px 0 8px}
.sec p{color:var(--lg-dim);font-size:15.5px;max-width:76ch;margin:0 0 14px}
.sec ul{color:var(--lg-dim);font-size:15.5px;max-width:76ch;margin:0 0 14px;padding-left:22px}
.sec li{margin-bottom:7px}
.sec a.inline{color:var(--lg-cyan)} .sec a.inline:hover{text-decoration:underline}
.steps{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0}
.step{flex:1 1 240px;background:var(--lg-panel);border:1px solid var(--lg-line);border-radius:14px;padding:18px}
.step .n{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--lg-or);margin-bottom:8px}
.step h3{margin:0 0 6px;font-size:15.5px}
.step p{font-size:13.5px;margin:0}
.faq{max-width:820px;display:flex;flex-direction:column;gap:10px;margin-top:10px}
.faq details{background:var(--lg-panel);border:1px solid var(--lg-line);border-radius:14px;overflow:hidden}
.faq details[open]{border-color:var(--lg-line2)}
.faq summary{cursor:pointer;list-style:none;padding:16px 20px;font-weight:600;color:#fff;font-size:15px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .chev{color:var(--lg-or);transition:transform .2s;flex:none;font-size:20px;font-weight:400;line-height:1}
.faq details[open] summary .chev{transform:rotate(45deg)}
.faq .a{padding:0 20px 16px;color:var(--lg-dim);font-size:14.5px;line-height:1.65}
.related{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.related a{background:var(--lg-panel);border:1px solid var(--lg-line);border-radius:12px;padding:12px 16px;font-size:14px;font-weight:600;color:#fff}
.related a:hover{border-color:var(--lg-or)}
.cta-band{border:1px solid var(--lg-line);background:var(--lg-panel);border-radius:16px;padding:28px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:8px}
.cta-band .t{font-size:17px;font-weight:600;color:#fff;max-width:46ch}
footer{padding:38px 0;color:var(--lg-mut);font-size:13px;border-top:1px solid var(--lg-line);margin-top:44px}
footer .wrap{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between}
footer a{color:var(--lg-dim)}footer a:hover{color:#fff}
footer .fl{display:flex;gap:18px;flex-wrap:wrap}
@media(max-width:760px){.wrap{padding:0 18px}.lg-nav .links a.hideSm{display:none}}

/* product-preview screenshots (2026-08-26) */
.shot{margin:10px 0 6px;border:1px solid var(--lg-line);border-radius:14px;overflow:hidden;background:#0a1428}
.shot img{display:block;width:100%;height:auto}
.shot figcaption{padding:9px 14px;font-size:12.5px;color:var(--lg-mut);border-top:1px solid var(--lg-line);letter-spacing:.02em}

/* operator resources / articles (Sprint 3, 2026-08-26) */
.art{max-width:760px}
.art .byline{display:flex;gap:14px;flex-wrap:wrap;align-items:center;color:var(--lg-mut);font-size:13px;margin:6px 0 26px}
.art .byline b{color:var(--lg-dim);font-weight:600}
.art h2{margin-top:34px}
.art .callout{border:1px solid rgba(247,148,29,.4);background:rgba(247,148,29,.07);border-radius:14px;padding:16px 20px;margin:18px 0}
.art .callout b{color:var(--lg-or2)}
.art .callout p{margin:0;font-size:14.5px}
.rescard{display:block;background:var(--lg-panel);border:1px solid var(--lg-line);border-radius:16px;padding:22px;margin-bottom:14px}
.rescard:hover{border-color:var(--lg-or)}
.rescard h3{margin:0 0 6px;color:#fff;font-size:17px}
.rescard p{margin:0 0 6px;color:var(--lg-dim);font-size:14.5px}
.rescard .m{color:var(--lg-mut);font-size:12.5px}