:root{--accent:#D4A017}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#06070B;color:#F3EEE2;font-family:"Instrument Sans","Helvetica Neue",Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#E0B43A;text-decoration:none}a:hover{color:#F3D27A}
section{scroll-margin-top:84px}
h1,h2,h3,p{margin:0}
h2,p{text-wrap:pretty}
[hidden]{display:none !important}
.navlink{color:#C9D1E0;font-size:13px;font-weight:500;padding:8px 12px;border-radius:8px;white-space:nowrap;transition:color .15s,background .15s}
.navlink:hover{color:#F3EEE2;background:#12254A}
.btn{cursor:pointer;transition:transform .15s,filter .15s}
.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.ghost:hover{background:#12254A !important}
.field{width:100%;height:46px;padding:0 14px;border-radius:10px;border:1px solid #3A4A6E;background:#0D1526;color:#F3EEE2;font:inherit;font-size:15px;outline:none}
.field:focus{border-color:#E0B43A;box-shadow:0 0 0 3px rgba(224,180,58,.22)}
.btn:focus-visible,.navlink:focus-visible,a:focus-visible{outline:2px solid #F3D27A;outline-offset:2px}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes drop{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes eq{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(212,160,23,.55)}100%{box-shadow:0 0 0 18px rgba(212,160,23,0)}}
@keyframes nudge{0%,100%{transform:translateX(-3px);opacity:.55}50%{transform:translateX(5px);opacity:1}}
@keyframes blink{0%,100%{opacity:.35;transform:scale(.8)}20%{opacity:1;transform:scale(1.35)}40%{opacity:.8;transform:scale(1)}}
@keyframes glow{0%,100%{box-shadow:0 0 0 0 rgba(212,160,23,0)}50%{box-shadow:0 0 28px 0 rgba(212,160,23,.22)}}
@keyframes blinkdot{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes marquee-rev{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes reveal{from{opacity:0;translate:0 36px}to{opacity:1;translate:0 0}}
@keyframes strike{from{background-size:0% 2px}to{background-size:100% 2px}}
.rise{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
.pop{animation:pop .3s ease-out both}
.drop{animation:drop .6s cubic-bezier(.2,.7,.2,1) both}
.eq{transform-origin:center;animation:eq 1.1s ease-in-out infinite}
.ring{animation:ring 1.8s ease-out infinite}
.arrow svg{animation:nudge 1.6s ease-in-out infinite}
.blink{animation:blink 2.5s ease-in-out infinite}
.glow{animation:glow 3s ease-in-out infinite}
.livedot{animation:blinkdot 1.4s ease-in-out infinite}
.marquee{animation:marquee 40s linear infinite}
.marquee-rev{animation:marquee-rev 40s linear infinite}
.lang-row:hover .marquee,.lang-row:hover .marquee-rev{animation-play-state:paused}
.lang-chip{transition:border-color .2s ease,color .2s ease}
.lang-chip:hover{border-color:#E0B43A !important;color:#F3D27A !important}
.lang-cta-arrow svg{animation:nudge 1.6s ease-in-out infinite}
.lang-cta-arrow{transition:transform .2s ease}
.lang-cta{transition:color .15s ease}
.lang-cta:hover{color:#F3D27A}
.lang-cta:hover .lang-cta-arrow{transform:translateX(5px)}
.lift{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.lift:hover{transform:translateY(-6px);border-color:#3A5080 !important;box-shadow:0 20px 44px rgba(0,0,0,.45)}
.clip{transition:transform .3s ease,border-color .25s ease}
.clip:hover{transform:translateY(-6px) scale(1.015);border-color:#E0B43A !important}
.clip .thumb{transition:transform .5s ease}
.clip:hover .thumb{transform:scale(1.08)}
.tab{transition:background .2s,color .2s,border-color .2s}
.media-vertical:fullscreen{display:flex;align-items:center;justify-content:center;background:#000}
.media-vertical:-webkit-full-screen{display:flex;align-items:center;justify-content:center;background:#000}
.media-vertical:fullscreen video{position:static !important;width:auto !important;height:100% !important;max-width:100%;object-fit:contain}
.media-vertical:-webkit-full-screen video{position:static !important;width:auto !important;height:100% !important;max-width:100%;object-fit:contain}
.strike{background:linear-gradient(#4A3B0C,#4A3B0C) no-repeat left 55%/100% 2px}
@supports (animation-timeline: view()){
.reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% cover 28%}
.stagger>*{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% cover 26%}
.stagger>*:nth-child(2){animation-range:entry 8% cover 30%}
.stagger>*:nth-child(3){animation-range:entry 16% cover 34%}
.stagger>*:nth-child(4){animation-range:entry 24% cover 38%}
.stagger>*:nth-child(5){animation-range:entry 30% cover 40%}
.stagger>*:nth-child(6){animation-range:entry 36% cover 42%}
.stagger>*:nth-child(7){animation-range:entry 42% cover 44%}
.strike{animation:strike linear both;animation-timeline:view();animation-range:entry 30% cover 45%}
.stagger>.glow{animation:reveal linear both,glow 3s ease-in-out infinite;animation-timeline:view(),auto;animation-range:entry 0% cover 26%,normal}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}
@media (max-width:620px){
.brand-tag{display:none !important}
}
@media (max-width:980px){
.g2,.g3,.g4,.hero-grid,.contact-grid{grid-template-columns:minmax(0,1fr) !important}
.flow{grid-template-columns:minmax(0,1fr) !important}
.arrow{transform:rotate(90deg);justify-self:center}
.nav{display:none !important}
.hero-h{font-size:60px !important}
.sec-h{font-size:44px !important}
.pad{padding-left:20px !important;padding-right:20px !important}
.sec{padding-top:80px !important;padding-bottom:80px !important}
.form2{grid-template-columns:minmax(0,1fr) !important}
.sidelabel{display:none !important}
}