:root{--ink:#07111f;--panel:#0c1a2e;--line:#203652;--gold:#f5b942;--muted:#9fb0c6;--paper:#f6f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#edf5ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mnav{position:sticky;top:0;z-index:20;background:rgba(7,17,31,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{font-weight:900;letter-spacing:-.03em;color:#fff;text-decoration:none}.brand b{color:var(--gold)}.hero{padding:96px 0 72px;background:radial-gradient(circle at 80% 10%,rgba(49,114,255,.18),transparent 35%),radial-gradient(circle at 20% 20%,rgba(245,185,66,.12),transparent 30%)}.eyebrow{color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.hero h1{font-size:clamp(2.7rem,6vw,5.7rem);line-height:.96;letter-spacing:-.055em;max-width:1000px}.muted{color:var(--muted)}.glass{background:linear-gradient(145deg,rgba(19,39,66,.88),rgba(10,25,43,.9));border:1px solid var(--line);border-radius:24px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.lift{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.lift:hover{transform:translateY(-7px);border-color:#3b6594;box-shadow:0 22px 50px rgba(0,0,0,.22)}.section{padding:82px 0}.light{background:var(--paper);color:#102036}.step{display:flex;gap:16px}.stepno{width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:var(--gold);color:#17202c;font-weight:900;display:grid;place-items:center}.feature-icon{font-size:1.5rem}.cta{background:linear-gradient(120deg,#122a48,#0a1830);border:1px solid #294b73;border-radius:28px}.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.on{opacity:1;transform:none}.guide-nav{position:sticky;top:92px}.codebox{background:#07111f;color:#e9f2ff;border-radius:14px;padding:14px;overflow:auto}.shot{border:1px dashed #8fa5bf;border-radius:18px;padding:22px;background:#fff}.footer a{color:#b9c8da;text-decoration:none}.footer a:hover{color:#fff}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}
/* Production responsive navigation */
.marketing-nav{min-height:76px;display:flex;align-items:center;gap:24px}.marketing-nav .brand{font-size:1.35rem;white-space:nowrap}.marketing-menu{margin-left:auto;display:flex;align-items:center;gap:28px}.marketing-links{display:flex;align-items:center;gap:18px}.marketing-links a{color:#eaf2fc;text-decoration:none;font-size:.94rem;font-weight:600;white-space:nowrap}.marketing-links a:hover{color:var(--gold)}.marketing-auth{display:flex;gap:8px;white-space:nowrap}.marketing-menu-toggle{display:none;margin-left:auto;width:44px;height:44px;border:1px solid #48617e;border-radius:12px;background:#0d1b2d;padding:10px}.marketing-menu-toggle span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:2px}.hero{overflow:hidden}.hero .btn{max-width:100%}
@media(max-width:991.98px){.marketing-nav{min-height:68px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.marketing-menu-toggle{display:block}.marketing-menu{display:none;flex:0 0 100%;width:100%;margin:0;padding:12px 0 6px;border-top:1px solid rgba(255,255,255,.08)}.marketing-menu.open{display:block}.marketing-links{display:grid;grid-template-columns:1fr 1fr;gap:4px}.marketing-links a{display:block;padding:11px 12px;border-radius:10px}.marketing-links a:hover{background:rgba(255,255,255,.06)}.marketing-auth{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.marketing-auth .btn{width:100%}.hero{padding:58px 0 52px}.hero h1{font-size:clamp(2.45rem,12vw,4.4rem);line-height:1.02}.section{padding:60px 0}}
@media(max-width:575.98px){.marketing-nav .brand{font-size:1.2rem}.marketing-links{grid-template-columns:1fr}.marketing-auth{grid-template-columns:1fr}.hero{padding:48px 0}.hero h1{font-size:clamp(2.25rem,11vw,3.25rem);letter-spacing:-.045em}.hero .lead{font-size:1.08rem;line-height:1.7}.hero .btn-lg{width:100%;font-size:1.05rem}.section{padding:48px 0}.cta{padding:30px 20px!important}}

/* Phase 8: stable production scrolling. No scroll-triggered movement. */
html{scroll-behavior:auto;overflow-x:hidden}body{overflow-x:hidden}.mnav{position:sticky;top:0;transform:none!important;will-change:auto;backdrop-filter:none;-webkit-backdrop-filter:none;background:#07111f}.reveal,.reveal.on{opacity:1!important;transform:none!important;transition:none!important}.lift{transform:none!important;transition:border-color .18s ease,box-shadow .18s ease!important}.lift:hover{transform:none!important}.hero,.section,.glass,.cta{transform:none!important;will-change:auto}.marketing-menu{transform:none!important}.marketing-menu-toggle{touch-action:manipulation}
@media(hover:none),(pointer:coarse){.lift:hover{transform:none!important;box-shadow:0 28px 80px rgba(0,0,0,.28)}}
@media(max-width:991.98px){.mnav{position:sticky;top:0}.marketing-nav{flex-wrap:nowrap}.marketing-menu.open{position:absolute;left:0;right:0;top:100%;width:100%;padding:14px max(16px,env(safe-area-inset-right)) 18px max(16px,env(safe-area-inset-left));background:#07111f;border-top:1px solid #203652;box-shadow:0 18px 36px rgba(0,0,0,.28);max-height:calc(100dvh - 68px);overflow-y:auto;-webkit-overflow-scrolling:touch}.marketing-nav{position:relative}.marketing-menu.open .marketing-links,.marketing-menu.open .marketing-auth{width:100%}}

/* Phase 11: professional persistent marketing/auth header */
.marketing-nav{
  position:sticky !important;
  top:0;
  z-index:1055;
  width:100%;
  transform:none !important;
  transition:box-shadow .18s ease,background-color .18s ease !important;
  will-change:auto !important;
}
.marketing-nav.is-scrolled{box-shadow:0 8px 26px rgba(0,0,0,.16)}
html{scroll-padding-top:82px}
@media(max-width:991.98px){
  .marketing-nav{position:sticky !important;top:0}
  html{scroll-padding-top:70px}
}

/* Phase 11.1: guaranteed persistent marketing header */
:root{--mighty-marketing-header-height:76px}
.marketing-nav{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:2147483000!important;transform:none!important;margin:0!important;box-shadow:0 8px 26px rgba(0,0,0,.14)}
body{padding-top:var(--mighty-marketing-header-height)!important}
html{scroll-padding-top:calc(var(--mighty-marketing-header-height) + 12px)}
@media(max-width:991.98px){:root{--mighty-marketing-header-height:68px}.marketing-nav{position:fixed!important;top:0!important}}