:root{--bg:#0D0E10;--panel:#17191C;--line:#2A2D31;--text:#F2F3F1;--soft:#C9CDD2;--muted:#A3A8AE;--accent:#D4F01E;--accent-hi:#E8FF5A}
*{box-sizing:border-box}
[hidden]{display:none !important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Inter',system-ui,sans-serif;font-size:17px;line-height:1.55}
img{max-width:100%}
a{color:var(--accent)}a:hover{color:var(--accent-hi)}
.wrap{max-width:1200px;margin:0 auto}
.sec{padding:96px 24px}
.h1{font-family:'Saira',sans-serif;font-weight:800;font-size:clamp(42px,7vw,84px);line-height:.98;text-transform:uppercase;letter-spacing:-.5px;margin:0}
.h2{font-family:'Saira',sans-serif;font-weight:800;font-size:clamp(32px,4.4vw,52px);line-height:1;text-transform:uppercase;margin:0}
.h3{font-family:'Saira',sans-serif;font-weight:700;font-size:22px;line-height:1.15;text-transform:uppercase;margin:0}
.kicker{font-family:'Saira',sans-serif;font-weight:700;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin:0}
.muted{color:var(--muted)}.soft{color:var(--soft)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:28px}
.card p{margin:10px 0 0;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;background:var(--accent);color:var(--bg);border:0;cursor:pointer;font-family:'Saira',sans-serif;font-weight:800;font-size:16px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border-radius:4px}
.btn:hover{background:var(--accent-hi);color:var(--bg)}
.btn:disabled{opacity:.6;cursor:wait}
.btn2{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border:2px solid var(--soft);color:var(--text);font-family:'Saira',sans-serif;font-weight:700;font-size:16px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border-radius:4px}
.btn2:hover{border-color:var(--accent);color:var(--accent)}
/* header */
.site-head{padding:18px 24px;border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}
.site-head img{height:44px;width:auto;display:block}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.nav a{color:var(--soft);text-decoration:none;font-family:'Saira',sans-serif;font-weight:600;font-size:15px;letter-spacing:1px;text-transform:uppercase}
.nav a:hover,.nav a[aria-current]{color:var(--accent)}
.nav a.btn{color:var(--bg);min-height:44px;padding:0 20px;font-size:14px}
.nav a.btn:hover{color:var(--bg)}
/* layout helpers */
.row{display:flex;flex-wrap:wrap;gap:48px}
.col{flex:1 1 420px;min-width:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.stack{display:flex;flex-direction:column;gap:20px}
.stripe{height:10px;background:repeating-linear-gradient(-45deg,var(--accent) 0 18px,var(--bg) 18px 36px)}
.facts{background:var(--panel);padding:0 24px}
.facts .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.fact{padding:28px 20px;border-right:1px solid var(--line)}
.fact:last-child{border-right:0}
.fact b{display:block;font-family:'Saira',sans-serif;font-weight:800;font-size:34px;color:var(--accent);line-height:1.2}
.fact span{color:var(--soft);font-size:15px}
.num{font-family:'Saira',sans-serif;font-weight:800;color:var(--accent)}
.photo{width:100%;object-fit:cover;border-radius:6px;display:block}
figure{margin:0}
figcaption{margin-top:10px;font-size:14px;color:var(--muted)}
.list2{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}
.cta{background:var(--accent);color:var(--bg);border-radius:6px;padding:56px 40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.cta .btn{background:var(--bg);color:var(--text)}
.cta .btn:hover{background:#000;color:var(--text)}
details.faq{border-bottom:1px solid var(--line);padding:22px 0}
details.faq summary{cursor:pointer;font-family:'Saira',sans-serif;font-weight:700;font-size:20px;text-transform:uppercase;list-style:none;display:flex;justify-content:space-between;gap:16px}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:'+';color:var(--accent)}
details.faq[open] summary::after{content:'–'}
details.faq p{margin:12px 0 0;color:var(--muted);max-width:760px}
.site-foot{border-top:1px solid var(--line);padding:40px 24px}
.site-foot .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.site-foot p{margin:0;font-size:14px;color:var(--muted)}
/* contact */
.tabs{display:flex}
.tab{flex:1 1 0;min-height:52px;border:1px solid var(--line);background:var(--panel);color:var(--soft);cursor:pointer;font-family:'Saira',sans-serif;font-weight:700;font-size:15px;letter-spacing:1px;text-transform:uppercase}
.tab:first-child{border-radius:4px 0 0 4px}.tab:last-child{border-radius:0 4px 4px 0}
.tab[aria-pressed=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.field{display:flex;flex-direction:column;gap:6px;font-size:15px;color:var(--soft)}
.field input,.field select,.field textarea{background:var(--bg);border:1px solid #3A3E44;border-radius:4px;color:var(--text);font:inherit;font-size:16px;padding:12px 14px;min-height:48px;width:100%;color-scheme:dark}
.field textarea{min-height:130px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:1px}
.form-status{margin:0;font-weight:600}
@media (max-width:640px){
  .sec{padding:64px 20px}
  .site-head .nav a:not(.btn){display:none}
  .fact{border-right:0;border-bottom:1px solid var(--line)}
  .cta{padding:40px 24px}
  .list2{grid-template-columns:1fr}
}
