*,*::before,*::after{box-sizing:border-box}
html{line-height:1.4;-webkit-text-size-adjust:100%}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;color:#374151;background:#f9fafb}
h1,h2,h3,h4{margin:0;line-height:1.2}
p{margin:0}
img{display:block;max-width:100%;height:auto;border:0}
a{color:inherit}
@font-face{font-family:"Orbitron";src:url(/assets/fonts/orbitron.woff) format("woff");font-weight:400 900;font-display:swap}
:root{--brand:#052866}
body{color:#000}
.btn-brand{background:#052866}
.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:100vh;padding:100px 20px;text-align:center;background:#000}
.hero::before{content:"";position:absolute;inset:0;background:url(/assets/img/home.jpg) center top/cover;opacity:.7}
.hero>*{position:relative;max-width:100%}
.hero-logo{width:480px;margin-bottom:180px}
.hero-title{width:664px;font-family:"Orbitron",sans-serif;font-size:31px;font-weight:700;color:#fff}
.social svg{width:30px;height:30px;fill:#fff}
.contact-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:450px;padding:40px 20px;text-align:center;background:#000}
.contact-hero::before{content:"";position:absolute;inset:0;background:url(/assets/img/contact.jpg) center/cover;opacity:.7}
.contact-hero>*{position:relative}
.contact-title{font-family:"Orbitron",sans-serif;font-size:40px;font-weight:600;color:#fff}
.contact-intro{max-width:904px;font-family:"Roboto",sans-serif;font-size:18px;font-weight:500;color:#fff}
.contact-body{display:flex;gap:32px;max-width:960px;margin:0 auto;padding:0 20px 100px}
.contact-form-col{width:calc(55.93% - 16px);padding-top:32px}
.contact-side{display:flex;flex-direction:column;align-items:center;gap:20px;width:calc(44.07% - 16px);text-align:center}
.talk{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;padding:30px}
.talk svg{width:40px;height:40px;fill:#000}
.talk p{margin-bottom:10px;font-family:"Montserrat",sans-serif;font-size:31.25px;line-height:1.4}
.contact-links{font-family:"Montserrat",sans-serif;font-size:20px;line-height:1.4}
.contact-links a{color:#052866}
.contact-side .social svg{width:20px;height:20px;fill:#000}
.contact-form{display:grid;gap:16px;width:100%}
.field{display:flex;flex-direction:column}
.field label{margin-bottom:8px;font-weight:500;line-height:1;color:#111827}
.req{color:#b91c1c}
.field input,.field textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:3px;background:#fff;color:#000;font:inherit;outline:0;transition:border-color .2s ease,box-shadow .2s ease}
.field textarea{height:100px;resize:vertical}
.field input:focus,.field textarea:focus{border-color:#3b82f6;box-shadow:#3b82f6 0 0 2px}
.contact-form .btn{justify-self:start}
.contact-form .btn:disabled{opacity:.6;cursor:wait}
.honey{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form-message{font-weight:500;color:#047857}
.form-message--error{color:#b91c1c}
.legal h2{font-family:"Orbitron",sans-serif;color:#000}
@media (max-width:1119px){.contact-body{flex-direction:column}.contact-form-col,.contact-side{width:100%}}
@media (max-width:479px){
  .hero{background:#000 url(/assets/img/home-mobile.jpg) 71.88% 43%/cover}
  .hero::before{display:none}
  .hero-logo{margin-bottom:40px}
}

.site-header{background:#f9fafb}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1120px;margin:0 auto;padding:20px}
.brand{display:block;width:200px}
.nav{display:flex;align-items:center;gap:16px}
.menu-toggle{display:none}
.menu-list{display:flex;align-items:center;gap:24px;margin:0;padding:0;list-style:none}
.menu-link{display:flex;padding:8px 16px;font-family:"Montserrat",sans-serif;font-size:16px;font-weight:500;line-height:1;color:#111827;text-decoration:none;transition:background-color .2s ease,color .2s ease}
.menu-link:hover{background:#111827;color:#fff}
.menu-item--mobile{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border:0;font-family:"Montserrat",sans-serif;font-size:16px;font-weight:500;line-height:1;color:#fff;text-decoration:none;cursor:pointer;transition:filter .2s ease}
.btn:hover{filter:brightness(1.15)}
.social{display:flex;gap:12px}
.social a{display:flex;padding:10px;transition:transform .2s ease,opacity .2s ease}
.social a:hover{transform:scale(1.1);opacity:.8}
.legal .container{max-width:1120px;margin:0 auto;padding:100px 20px}
.legal h2{margin-bottom:32px;font-size:39.06px}
.legal p{margin:16px 0}
.legal ol{margin:16px 0;padding-left:40px}
.legal li p{margin:0}
@media (max-width:1023px){
  .menu-toggle{position:relative;z-index:1002;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;background:none;cursor:pointer}
  .menu-toggle-lines,.menu-toggle-lines::before,.menu-toggle-lines::after{display:block;width:28px;height:3px;border-radius:2px;background:#111827}
  .menu-toggle-lines{position:relative;transition:background-color .2s ease .15s}
  .menu-toggle-lines::before,.menu-toggle-lines::after{content:"";position:absolute;left:0;transition:top .2s cubic-bezier(.4,0,.2,1) .2s,transform .3s cubic-bezier(.4,0,.2,1),background-color .3s}
  .menu-toggle-lines::before{top:-9px}
  .menu-toggle-lines::after{top:9px}
  .nav.is-open .menu-toggle-lines{background:transparent;transition-delay:0s}
  .nav.is-open .menu-toggle-lines::before,.nav.is-open .menu-toggle-lines::after{top:0;background:#fff;transition:top .2s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1) .2s,background-color .3s}
  .nav.is-open .menu-toggle-lines::before{transform:rotate(45deg)}
  .nav.is-open .menu-toggle-lines::after{transform:rotate(-45deg)}
  .menu-list{position:fixed;inset:0;z-index:1001;flex-direction:column;justify-content:center;gap:6px;padding:120px 24px 60px;background:var(--brand);
    clip-path:circle(0 at var(--menu-x,50%) var(--menu-y,40px));visibility:hidden;transition:clip-path .6s cubic-bezier(.77,0,.18,1),visibility 0s linear .6s}
  .nav.is-open .menu-list{clip-path:circle(150vmax at var(--menu-x,50%) var(--menu-y,40px));visibility:visible;transition:clip-path .7s cubic-bezier(.77,0,.18,1),visibility 0s}
  .menu-item{overflow:hidden;text-align:center}
  .menu-item--mobile{display:block}
  .menu-link--small{font-size:18px;font-weight:500}
  .menu-item:nth-child(3){--i:2}.menu-item:nth-child(4){--i:3}
  .menu-link{padding:8px 4px;font-size:32px;font-weight:700;line-height:1.2;color:#fff;transform:translateY(110%);opacity:0;transition:transform .45s cubic-bezier(.4,0,.2,1),opacity .3s ease}
  .menu-link:hover{background:none;color:#fff;text-decoration:underline;text-underline-offset:6px}
  .nav.is-open .menu-link{transform:none;opacity:1;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .6s ease;transition-delay:calc(.25s + var(--i,0) * .07s)}
  .menu-item:nth-child(2){--i:1}
  .menu-link[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
  html.menu-locked,html.menu-locked body{overflow:hidden}
}
@media (max-width:1023px) and (prefers-reduced-motion:reduce){
  .menu-list,.nav.is-open .menu-list{clip-path:none;opacity:0;transition:opacity .2s ease,visibility 0s}
  .nav.is-open .menu-list{opacity:1}
  .menu-link,.nav.is-open .menu-link{transform:none;opacity:1;transition:none}
}
@media (max-width:767px){.header-inner{flex-direction:column}}
