@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&family=Oswald:wght@600;700&display=swap');

:root{
  --ink:#05090d;
  --panel:#0c141d;
  --panel2:#101b27;
  --text:#f7f8fa;
  --muted:#b8c1cc;
  --gold:#f5b93d;
  --gold2:#fff0a8;
  --line:rgba(245,185,61,.25);
  --wrap:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
button,input,textarea{font:inherit}
.wrap{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto}
.section{padding:72px 0}
.section-tight{padding:46px 0}
.alt{background:linear-gradient(180deg,#0a1118 0%,#071018 100%)}
h1,h2,h3{font-family:Oswald,Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.025em;color:#fff}
h1{font-size:clamp(3rem,6vw,6rem);line-height:.94;margin:0}
h2{font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.02}
h3{font-size:1.15rem;letter-spacing:0}
p{margin-top:0}
.lead{font-size:clamp(1rem,1.4vw,1.18rem);color:var(--muted);line-height:1.65;font-weight:650}
.eyebrow{display:inline-block;color:var(--gold2);font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.section-head{max-width:760px;margin-bottom:30px}.section-head h2{margin:8px 0 0}

.site-header{position:sticky;top:0;z-index:100;background:rgba(5,9,13,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(245,185,61,.18)}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;min-width:0;font-weight:900;letter-spacing:.02em}
.brand img{width:48px;height:48px;object-fit:contain;flex:0 0 auto}
.brand span{white-space:nowrap}
.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:22px;font-size:.84rem;font-weight:800}
.nav-links>a:not(.btn){color:#d3dae3;transition:color .2s ease}.nav-links>a:not(.btn):hover{color:var(--gold2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:13px 18px;border-radius:12px;border:1px solid rgba(245,185,61,.28);font-size:.82rem;font-weight:900;letter-spacing:.035em;text-transform:uppercase;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:linear-gradient(135deg,#fff0a8,#f5b93d 48%,#b87912);color:#190e03;border-color:transparent;box-shadow:0 12px 26px rgba(245,185,61,.18)}
.btn.dark{background:#0d1721;color:#fff}.btn.dark:hover{border-color:rgba(245,185,61,.55)}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

.site-footer{border-top:1px solid rgba(245,185,61,.2);background:radial-gradient(circle at 14% 0,rgba(245,185,61,.1),transparent 28%),#04080c;padding:54px 0 24px}
.footer-shell{display:grid;gap:34px}.footer-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:48px;align-items:start}
.footer-brand-wrap{display:flex;gap:22px;align-items:center}.footer-logo-card{width:110px;flex:0 0 auto}.footer-powered-logo{display:block;width:100%}
.footer-brand-copy h2{font-size:1.6rem;margin:0 0 8px}.footer-brand-copy p{margin:5px 0;color:var(--muted);font-size:.9rem}
.footer-contact-wrap h3{margin:0 0 12px;color:var(--gold2)}.footer-contact-list{display:grid;gap:8px}.footer-contact-list a{color:var(--muted);font-size:.9rem}.footer-contact-list a:hover{color:var(--gold2)}
.footer-bottom{padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#7f8b98;font-size:.78rem}.footer-bottom p{margin:0}.dtd-link{display:flex;align-items:center;gap:8px;color:#9da8b4}.dtd-link img{height:28px;width:auto}

@media(max-width:980px){
  .nav-links>a:not(.keep-mobile){display:none}.nav{min-height:68px}.brand img{width:44px;height:44px}
  .footer-top{grid-template-columns:1fr}.footer-contact-wrap{max-width:520px}
}
@media(max-width:640px){
  .wrap{width:min(calc(100% - 28px),var(--wrap))}.section{padding:54px 0}
  .brand span{font-size:.85rem}.nav-links{gap:8px}.nav-links .btn{padding:11px 12px;font-size:.7rem;min-height:40px}
  .footer-brand-wrap{align-items:flex-start}.footer-logo-card{width:82px}.footer-brand-copy h2{font-size:1.35rem}
  .footer-bottom{align-items:flex-start;flex-direction:column}
}