
:root{
  --navy:#06101f;--navy2:#0d1b2e;--gold:#c89b35;--gold2:#f0c45b;
  --stone:#f5f3ee;--ink:#111827;--muted:#667085;--line:#e5e7eb;--white:#fff
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
a{text-decoration:none;color:inherit}
.container{max-width:1240px;margin:auto;padding:0 28px}
.nav{position:fixed;top:0;left:0;width:100%;z-index:100;background:rgba(6,16,31,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.12)}
.nav-inner{height:88px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;gap:14px;align-items:center;color:#fff;font-weight:900}
.logo-mark{width:52px;height:52px;border:2px solid var(--gold);display:grid;place-items:center;color:var(--gold);letter-spacing:1px}
.logo-text strong{font-size:25px;letter-spacing:1.5px;display:block;line-height:1}
.logo-text span{font-size:11px;color:var(--gold2);letter-spacing:2px}
.menu{display:flex;gap:18px;align-items:center;color:#fff;font-size:12px;text-transform:uppercase;font-weight:800}
.menu a:hover{color:var(--gold2)}
.menu .cta{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;padding:11px 16px;border-radius:999px}
.hero{min-height:920px;padding-top:88px;display:flex;align-items:center;color:#fff;background:linear-gradient(105deg,rgba(6,16,31,.99),rgba(6,16,31,.72),rgba(6,16,31,.96)),url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=2200&q=85') center/cover}
.hero-content{max-width:940px}
.kicker{color:var(--gold2);font-size:13px;text-transform:uppercase;letter-spacing:2px;font-weight:900;margin-bottom:18px}
h1{font-size:76px;line-height:1.02;text-transform:uppercase;margin-bottom:26px}
.gold{color:var(--gold2)}
.hero p{font-size:21px;color:#e5e7eb;max-width:830px;margin-bottom:36px}
.btns{display:flex;gap:16px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:999px;text-transform:uppercase;font-weight:900;font-size:13px;border:0;cursor:pointer}
.goldbtn{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111}
.outline{border:1px solid rgba(255,255,255,.55);color:#fff}
.trust{margin-top:-74px;position:relative;z-index:5}
.trustbox{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:24px;box-shadow:0 26px 70px rgba(6,16,31,.18);overflow:hidden}
.trustitem{padding:30px;border-right:1px solid var(--line)}
.trustitem:last-child{border-right:0}
.trustitem strong{font-size:34px;color:var(--navy);display:block}
.trustitem span{font-size:13px;color:var(--muted);text-transform:uppercase;font-weight:900}
.section{padding:105px 0}
.soft{background:var(--stone)}
.dark{background:linear-gradient(180deg,var(--navy),var(--navy2));color:#fff}
.title{max-width:900px;margin:0 auto 50px;text-align:center}
.title h2{font-size:44px;line-height:1.14;margin-bottom:14px}
.title p{font-size:18px;color:var(--muted)}
.dark .title p{color:#cbd5e1}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 18px 42px rgba(15,23,42,.06);transition:.28s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 30px 70px rgba(15,23,42,.12)}
.dark .card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);box-shadow:none}
.icon{width:60px;height:60px;border-radius:18px;background:rgba(200,155,53,.14);display:grid;place-items:center;color:var(--gold);font-size:26px;margin-bottom:20px}
.card h3{font-size:22px;color:var(--navy);margin-bottom:12px}
.dark .card h3{color:#fff}
.card p,.card li{color:var(--muted)}
.dark .card p,.dark .card li{color:#cbd5e1}
.card ul{display:grid;gap:10px;margin-top:14px}
.card li{list-style:none;position:relative;padding-left:24px}
.card li:before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:900}
.split{display:grid;grid-template-columns:1fr 1.08fr;gap:72px;align-items:center}
.panel h2{font-size:42px;line-height:1.14;margin-bottom:20px}
.panel p{color:var(--muted);margin-bottom:18px}
.dark .panel p{color:#cbd5e1}
.pagehero{padding:176px 0 96px;color:#fff;background:linear-gradient(110deg,rgba(6,16,31,.96),rgba(6,16,31,.80)),url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=2200&q=85') center/cover}
.pagehero h1{font-size:54px}
.pagehero p{font-size:19px;color:#e5e7eb;max-width:820px}
.form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:36px;box-shadow:0 18px 42px rgba(15,23,42,.08)}
.form label{display:block;font-size:14px;font-weight:900;margin-bottom:7px}
.form input,.form textarea,.form select{width:100%;padding:14px 15px;border:1px solid #d9dee7;border-radius:12px;margin-bottom:16px;font:inherit}
.form textarea{min-height:130px}
.form button{width:100%;border:0;border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--gold2));padding:16px 20px;font-weight:900;cursor:pointer}
.checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}
.check{background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;gap:10px;align-items:center}
.notice{background:#fff7df;border:1px solid #efd184;color:#60460f;border-radius:18px;padding:20px;margin-top:18px}
.result{background:#06101f;color:white;border-radius:24px;padding:30px;margin-top:24px;display:none}
.result h3{color:var(--gold2);font-size:24px;margin-bottom:10px}
.result li{list-style:none;border-bottom:1px solid rgba(255,255,255,.12);padding:10px 0}
.banner{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;padding:62px 0}
.banner-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.banner h2{font-size:35px;text-transform:uppercase}
.banner .btn{background:var(--navy);color:#fff}
footer{background:#030711;color:#cbd5e1;padding:50px 0}
.footergrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}
footer strong{color:#fff}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}
@media(max-width:1080px){.menu{display:none}h1{font-size:44px}.pagehero h1{font-size:40px}.hero{min-height:740px}.trust{margin-top:0}.trustbox,.grid2,.grid3,.grid4,.split,.footergrid{grid-template-columns:1fr}.trustitem{border-right:0;border-bottom:1px solid var(--line)}.checkboxes{grid-template-columns:1fr}.banner-inner{display:block}.banner .btn{margin-top:24px}}
