:root{
  --navy:#051225; --navy2:#0a1b32; --gold:#f2b33d; --gold2:#d78c00;
  --paper:#f5f6f8; --text:#0c1626; --muted:#5c6674; --line:rgba(255,255,255,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:#fff}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.container{width:min(1180px,92%);margin:auto}
.topbar{background:#020a15;color:#d9e0ea;font-size:.88rem}
.topbar .container{display:flex;justify-content:space-between;align-items:center;padding:9px 0}
.toplinks{display:flex;gap:22px}
.navbar{position:sticky;top:0;z-index:30;background:rgba(5,18,37,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
.navbar .container{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 0}
.brand{display:flex;align-items:center;gap:14px;color:#fff}
.brand img{width:210px;height:auto}
.brand-title{font-weight:800;letter-spacing:.08em}
.navlinks{display:flex;gap:24px;color:#eef3f8;font-size:.96rem;align-items:center}
.navlinks a:hover{color:var(--gold)}
.actions{display:flex;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border-radius:7px;font-weight:700;border:1px solid transparent;transition:.2s}
.btn-primary{background:linear-gradient(135deg,var(--gold),#ffd06a);color:#111}
.btn-outline{border-color:rgba(242,179,61,.65);color:#fff}
.btn:hover{transform:translateY(-1px)}
.hero{background:
linear-gradient(90deg,rgba(4,15,29,.98) 0%,rgba(4,15,29,.82) 42%,rgba(4,15,29,.25) 70%,rgba(4,15,29,.08) 100%),
url('../img/hero-brand.png') center/cover no-repeat;
color:#fff;min-height:590px;display:flex;align-items:center;position:relative}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,rgba(4,15,29,.85))}
.hero-content{position:relative;z-index:2;padding:84px 0 145px;max-width:610px}
.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:800}
.hero h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1.02;margin:14px 0 22px}
.hero h1 span{color:var(--gold)}
.hero p{font-size:1.18rem;line-height:1.65;color:#e0e6ef;max-width:580px}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}
.trustbar{position:relative;margin-top:-74px;z-index:5}
.trustgrid{display:grid;grid-template-columns:repeat(5,1fr);background:rgba(5,18,37,.97);border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;overflow:hidden}
.trustitem{padding:22px 20px;display:flex;gap:13px;border-right:1px solid rgba(255,255,255,.08)}
.trustitem:last-child{border-right:0}
.icon{font-size:1.8rem;color:var(--gold)}
.trustitem b{display:block;margin-bottom:5px}.trustitem span{color:#c6d0dd;font-size:.84rem}
.section{padding:86px 0}
.section.light{background:var(--paper)}
.section.dark{background:var(--navy);color:#fff}
.center{text-align:center}.section h2{font-size:clamp(2rem,4vw,3.2rem);margin:10px 0 16px}
.lead{color:var(--muted);max-width:760px;margin:0 auto 40px;line-height:1.7}
.dark .lead{color:#cbd4df}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:#fff;border:1px solid #e2e6ea;border-radius:14px;padding:28px;box-shadow:0 12px 35px rgba(10,25,48,.06)}
.card .symbol{font-size:2.1rem}.card h3{margin:16px 0 9px}.card p{color:var(--muted);line-height:1.6}
.card a{color:var(--gold2);font-weight:700}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:42px}
.step{position:relative;text-align:center;padding:10px}.stepnum{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;border:1px solid var(--gold);color:var(--gold);font-weight:800;font-size:1.2rem}
.step p{font-size:.92rem;color:#cbd4df;line-height:1.5}
.cta{background:linear-gradient(135deg,#f0aa2e,#ffd56f);padding:55px 0}
.cta .container{display:flex;align-items:center;justify-content:space-between;gap:24px}.cta h2{margin:0;color:#071426}.cta p{color:#3e3420}.cta .btn{background:#071426;color:#fff}
.footer{background:#020b16;color:#cbd5e1;padding:55px 0 22px}
.footergrid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}
.footer img{width:220px}.footer h4{color:#fff;margin:0 0 15px}.footer a{display:block;margin:9px 0;color:#cbd5e1}.footer a:hover{color:var(--gold)}
.legal{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:.86rem}
.page-hero{background:linear-gradient(135deg,#061426,#0e2745);color:#fff;padding:90px 0 60px}
.page{padding:70px 0}.page h2{margin-top:34px}.page p,.page li{line-height:1.72;color:#46515e}
.cookie-banner{position:fixed;left:20px;right:20px;bottom:20px;z-index:80;background:#071426;color:#fff;border:1px solid rgba(242,179,61,.55);border-radius:12px;padding:18px;display:none;gap:18px;align-items:center;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.cookie-banner.show{display:flex}.cookie-banner p{margin:0;flex:1;color:#dce4ee}.cookie-actions{display:flex;gap:10px}
.mobile-toggle{display:none;color:#fff;font-size:1.6rem}
@media(max-width:980px){
 .navlinks{display:none}.mobile-toggle{display:block}.actions{display:none}
 .trustgrid{grid-template-columns:1fr 1fr}.trustitem{border-bottom:1px solid rgba(255,255,255,.08)}
 .cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}
 .footergrid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
 .toplinks{display:none}.brand img{width:170px}.hero{min-height:560px;background-position:62% center}
 .hero-content{padding-top:70px}.trustgrid,.cards,.steps,.footergrid{grid-template-columns:1fr}
 .cta .container,.legal{flex-direction:column;align-items:flex-start}
 .cookie-banner{flex-direction:column;align-items:flex-start}.cookie-actions{width:100%}.cookie-actions .btn{flex:1}
}