:root{
 --bg:#0b1210;
 --card:#0f1a16;
 --text:#f4f7f6;
 --muted:#b7c6bf;
 --green:#0f7a4a;
 --gold:#d7b45a;
 --line:rgba(255,255,255,.10);
 --shadow: 0 18px 50px rgba(0,0,0,.35);
 --radius: 18px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
 font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
 background:
 radial-gradient(900px 500px at 20% -10%, rgba(15,122,74,.35), transparent 60%),
 radial-gradient(900px 500px at 90% 10%, rgba(215,180,90,.25), transparent 55%),
 linear-gradient(180deg, #060a08, var(--bg));
 color:var(--text);
 line-height:1.55;
}

a{color:inherit}
.container{width:min(1100px, 92vw); margin:0 auto}
.muted{color:var(--muted)}
.fineprint{font-size:.92rem; color:var(--muted)}
.accent{color:var(--gold)}
.skip-link{
 position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;
}
.skip-link:focus{left:16px; top:16px; width:auto; height:auto; padding:10px 12px; background:#000; border:1px solid var(--line); border-radius:10px; z-index:999}

.site-header{
 position:sticky; top:0;
 backdrop-filter: blur(10px);
 background: rgba(6,10,8,.65);
 border-bottom: 1px solid var(--line);
 z-index:10;
}
.header-inner{
 display:flex; align-items:center; justify-content:space-between;
 padding:14px 0;
 gap:16px;
}

.brand{display:flex; align-items:center; gap:12px; text-decoration:none}
.brand-mark{
 width:44px; height:44px; display:grid; place-items:center;
 border-radius:14px;
 background: linear-gradient(135deg, rgba(15,122,74,.95), rgba(215,180,90,.85));
 color:#08110d;
 font-weight:900;
 letter-spacing:.5px;
}
.brand-text strong{display:block; font-size:1rem}
.brand-text span{display:block; font-size:.86rem; color:var(--muted)}

.nav{display:flex; gap:14px; align-items:center; flex-wrap:wrap; justify-content:flex-end}
.nav a{color:var(--muted); text-decoration:none; padding:8px 10px; border-radius:12px}
.nav a:hover{color:var(--text); background:rgba(255,255,255,.06)}

.btn{
 display:inline-flex; align-items:center; justify-content:center;
 padding:12px 16px;
 border-radius:14px;
 background: linear-gradient(135deg, var(--green), rgba(215,180,90,.55));
 color:#06110c;
 font-weight:700;
 text-decoration:none;
 border:1px solid rgba(215,180,90,.35);
 box-shadow: 0 10px 30px rgba(15,122,74,.20);
}
.btn:hover{filter:brightness(1.05)}
.btn-outline{
 background: transparent;
 color: var(--text);
 border: 1px solid rgba(215,180,90,.45);
 box-shadow:none;
}
.btn-outline:hover{background: rgba(255,255,255,.06)}
.btn-ghost{
 background: rgba(255,255,255,.06);
 color: var(--text);
 border: 1px solid var(--line);
 box-shadow:none;
}
.btn-ghost:hover{background: rgba(255,255,255,.09)}

.hero{padding:54px 0 28px}
.hero-inner{
 display:grid;
 grid-template-columns: 1.25fr .9fr;
 gap:22px;
 align-items:stretch;
}
.badge{
 display:inline-flex;
 padding:8px 12px;
 border-radius:999px;
 border:1px solid rgba(215,180,90,.35);
 background: rgba(15,122,74,.14);
 color: var(--muted);
 margin:0 0 12px;
}
.hero h1{font-size: clamp(2rem, 3.2vw, 3.1rem); line-height:1.1; margin:0 0 12px}
.lead{font-size:1.06rem; color:var(--muted); margin:0 0 18px}
.cta-row{display:flex; gap:12px; flex-wrap:wrap; margin: 0 0 16px}
.trust{margin:0; padding-left:18px; color:var(--muted)}
.trust li{margin:6px 0}

.hero-card{
 background: rgba(255,255,255,.04);
 border: 1px solid var(--line);
 border-radius: var(--radius);
 box-shadow: var(--shadow);
 padding:18px;
}
.hero-card h2{margin:0 0 6px; font-size:1.15rem}
.contact-box{margin-top:12px; display:grid; gap:10px}
.contact-item{padding:12px; border:1px solid var(--line); border-radius:14px; background: rgba(0,0,0,.18)}
.contact-item .label{display:block; font-size:.85rem; color:var(--muted)}
.contact-item a{display:inline-block; margin-top:4px; text-decoration:none; font-weight:700}
.contact-item a:hover{text-decoration:underline}

.section{padding:44px 0}
.section.alt{
 background: rgba(255,255,255,.03);
 border-top:1px solid var(--line);
 border-bottom:1px solid var(--line);
}
.section-head{margin-bottom:18px}
.section h2{margin:0 0 8px; font-size:1.8rem}

.grid{
 display:grid;
 grid-template-columns: repeat(3, 1fr);
 gap:14px;
}
.card{
 padding:16px;
 border-radius: var(--radius);
 border:1px solid var(--line);
 background: rgba(0,0,0,.18);
}
.card h3{margin:0 0 6px}
.card p{margin:0; color:var(--muted)}

.two-col{
 display:grid;
 grid-template-columns: 1.2fr .8fr;
 gap:16px;
 align-items:start;
}
.checklist{margin:14px 0 0; padding-left:18px; color:var(--muted)}
.checklist li{margin:8px 0}

.highlight{
 padding:16px;
 border-radius: var(--radius);
 border:1px solid rgba(215,180,90,.35);
 background: linear-gradient(180deg, rgba(15,122,74,.16), rgba(0,0,0,.14));
}
.pill-row{display:flex; gap:8px; flex-wrap:wrap; margin:10px 0 6px}
.pill{
 font-size:.85rem;
 padding:7px 10px;
 border-radius:999px;
 border:1px solid var(--line);
 background: rgba(255,255,255,.06);
 color: var(--muted);
}

.steps{
 display:grid;
 grid-template-columns: repeat(3, 1fr);
 gap:14px;
}
.step{
 border:1px solid var(--line);
 border-radius: var(--radius);
 background: rgba(0,0,0,.18);
 padding:16px;
}
.step-num{
 width:34px; height:34px;
 border-radius:12px;
 display:grid; place-items:center;
 background: rgba(215,180,90,.18);
 border:1px solid rgba(215,180,90,.35);
 color: var(--gold);
 font-weight:800;
}
.step h3{margin:10px 0 6px}
.step p{margin:0; color:var(--muted)}

.contact{
 display:grid;
 grid-template-columns: 1.2fr .8fr;
 gap:16px;
 align-items:start;
}
.contact-actions{display:grid; gap:10px; justify-items:start}

.site-footer{padding:18px 0 26px}
.footer-inner{
 display:flex; justify-content:space-between; align-items:center;
 gap:12px; flex-wrap:wrap;
 border-top:1px solid var(--line);
 padding-top:16px;
 color: var(--muted);
}

@media (max-width: 900px){
 .hero-inner, .two-col, .contact{grid-template-columns:1fr}
 .grid{grid-template-columns:1fr}
 .steps{grid-template-columns:1fr}
 .nav{display:none}
}