/* Local first-screen integration. Original homepage styles remain below. */
:root{--header-height:74px}
html{scroll-padding-top:calc(var(--header-height) + 18px)}
.site-header{border-bottom:1px solid #e2e8f0}
.site-header .container{max-width:1440px}
.site-header .nav-inner{min-height:74px;padding:18px 24px}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.motion-hero{height:min(calc(100svh - var(--header-height)),calc(48.958333vw + 106px));min-height:0;display:flex;flex-direction:column;background:#060e1c;color:#ecf6ff;position:relative;overflow:hidden}
.motion-frame{flex:1;min-height:0;position:relative}
.motion-frame iframe{position:absolute;inset:0;border:0;width:100%;height:100%;display:block;pointer-events:none}
.hero-conversion{flex:0 0 auto;background:#07111f;border-top:1px solid #7dd3fc22}
.conversion-inner{min-height:106px;display:flex;align-items:center;gap:28px;max-width:1440px}
.conversion-copy{margin-right:auto;display:flex;flex-direction:column;gap:6px}
.conversion-copy strong{font-size:19px;letter-spacing:1px;color:#d8edfc;font-weight:600}
.conversion-copy>span{font-size:13px;color:#7595af;letter-spacing:.5px}
.conversion-actions{display:flex;gap:12px;align-items:center}
.conversion-actions a{padding:12px 23px;border:1px solid #7dd3fc55;font-size:15px;white-space:nowrap;border-radius:5px;color:#cbe9fc;display:inline-flex;align-items:center;gap:20px}
.conversion-actions .primary-action{background:#0277bd;border-color:#0277bd;color:#fff}
.conversion-actions .primary-action:hover{background:#0789d4;color:#fff;border-color:#0789d4}
.conversion-actions .secondary-action:hover{background:#7dd3fc12;color:#fff;border-color:#7dd3fc}
.scroll-cue{font-size:12px;color:#7396b0;display:flex;align-items:center;gap:10px;white-space:nowrap;margin-left:18px}
.scroll-cue span{font-size:22px;color:#7dd3fc}.scroll-cue:hover{color:#bfe8ff}
.mobile-intro{display:none}
a:focus-visible{outline:3px solid #7dd3fc;outline-offset:4px}
@media(max-width:1000px){.conversion-copy strong{font-size:16px}.conversion-actions a{padding:11px 15px;gap:12px;font-size:14px}.conversion-inner{gap:15px}.scroll-cue{margin-left:0}.logo{font-size:19px}.logo span{font-size:11px}.nav-menu{gap:18px}}
@media(max-width:768px){
  .site-header .nav-inner{padding:12px 20px;gap:8px;min-height:104px}.site-header .logo{font-size:18px}.site-header .nav-menu{gap:16px}.site-header .nav-menu a{font-size:13px}
  .motion-hero{height:auto;min-height:0;max-height:none;padding-top:10px}
  .motion-frame{flex:none;width:100%;height:auto;aspect-ratio:1920/940;min-height:0}
  .mobile-intro{display:block;padding:20px 28px 24px;margin:0}
  .mobile-intro>span{color:#7dd3fc;font-size:12px;letter-spacing:3px}
  .mobile-intro h2{font-size:38px;line-height:1.3;letter-spacing:-1px;margin:14px 0 17px;color:#f0f8ff}
  .mobile-intro em{font-style:normal;color:#7dd3fc}
  .mobile-intro p{font-size:14px;color:#8eaac4;line-height:1.8;max-width:400px}
  .conversion-inner{padding:21px 24px;gap:18px;flex-direction:column;align-items:stretch}
  .conversion-copy{display:none}.conversion-actions{gap:10px}.conversion-actions a{flex:1;justify-content:center;padding:12px 9px;font-size:13px;gap:8px}
  .scroll-cue{justify-content:center;margin:0;font-size:11px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a{transition:none}}


.motion-fallback{padding:50px 8%;width:100%;color:#dcefff}.motion-fallback>p{font-size:20px;color:#9ab6cf;line-height:1.8;max-width:650px}.motion-fallback h2{font-size:64px;line-height:1.3;margin:20px 0}.motion-fallback h2 em{font-style:normal;color:#7dd3fc}
@media(max-width:768px){.motion-fallback{padding:30px 28px}.motion-fallback h2{font-size:34px}.motion-fallback>p{font-size:14px}}

@media(max-width:1000px) and (min-width:769px){.conversion-copy{display:none}.conversion-actions{margin-right:auto}}
