:root{
  --ink:#081711;
  --surface:#0E2218;
  --surface-2:#15301F;
  --line: #1E4430;
  --green: #1FA463;
  --green-dim:#168450;
  --lime: #8BC34A;
  --give: #E55050;
  --get: #3FCB7E;
  --text: #ECF3EE;
  --text-dim: #9FB3A8;
  --text-faint: #5C7567;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--ink);
  color:var(--text);
  font-family:'Inter',sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.wrap{max-width:860px;margin:0 auto;padding:0 28px;}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;}

header{
  position:sticky; top:0; z-index:50;
  background:rgba(8,23,17,.9); backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
nav{display:flex; align-items:center; justify-content:space-between; height:74px; max-width:1180px; margin:0 auto; padding:0 28px;}
.logo{display:flex; align-items:center; gap:10px; font-weight:700; font-size:19px; letter-spacing:-.02em;}
.logo img.mark{width:34px;height:34px;border-radius:9px; object-fit:cover;}
.navlinks{display:flex; gap:34px; align-items:center;}
.navlinks a{font-size:14.5px; color:var(--text-dim); font-weight:500; transition:color .2s;}
.navlinks a:hover{color:var(--text);}
.nav-cta{background:var(--green); color:#06180F; padding:10px 20px; border-radius:99px; font-weight:600; font-size:14px;}

main{padding:80px 0 100px;}
.eyebrow{font-size:13px; font-weight:600; color:var(--lime); text-transform:uppercase; letter-spacing:.08em; margin-bottom:14px; display:block;}
h1.page-title{font-size:42px; line-height:1.1; letter-spacing:-.02em; font-weight:700; margin-bottom:14px;}
.lead{font-size:16.5px; color:var(--text-dim); line-height:1.7; margin-bottom:46px; max-width:640px;}

.content h2{font-size:23px; margin:42px 0 14px; font-weight:600;}
.content h2:first-child{margin-top:0;}
.content p{font-size:15.5px; color:var(--text-dim); line-height:1.75; margin-bottom:14px;}
.content ul{margin:0 0 14px 22px; color:var(--text-dim); font-size:15.5px; line-height:1.75;}
.content li{margin-bottom:6px;}
.content strong{color:var(--text);}
.content a.inline-link{color:var(--get); text-decoration:underline; text-decoration-color:rgba(63,203,126,.4);}

.card{background:var(--surface); border:1px solid var(--line); border-radius:18px; padding:26px; margin-bottom:18px;}
.card h3{font-size:16px; margin-bottom:6px;}
.card p{font-size:14.5px; color:var(--text-dim); margin:0;}

.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:30px;}
.contact-grid .card{display:flex; align-items:flex-start; gap:14px;}
.contact-grid .ico{width:42px;height:42px;border-radius:11px; display:flex; align-items:center; justify-content:center; font-size:18px; background:rgba(63,203,126,.16); color:var(--get); flex-shrink:0;}

.faq-item{border-bottom:1px solid var(--line); padding:22px 0;}
.faq-item:first-child{padding-top:0;}
.faq-item h3{font-size:16.5px; margin-bottom:8px; font-weight:600;}
.faq-item p{font-size:14.5px; color:var(--text-dim); line-height:1.7; margin:0;}

.updated{font-size:13px; color:var(--text-faint); margin-bottom:36px;}

.social-row {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.social-row a {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface);
    border: 1px solid var(--line);
    transition: transform .2s, border-color .2s, background .2s;
}

footer{border-top:1px solid var(--line); padding:46px 0; text-align:center;}
footer p{font-size:13px; color:var(--text-faint);}
footer .back{display:inline-block; margin-top:10px; color:var(--get); font-size:13.5px;}

@media (max-width:680px){
  .navlinks{display:none;}
  h1.page-title{font-size:30px;}
  .contact-grid{grid-template-columns:1fr;}
}