@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;700&display=swap");
:root{--bg:#07110f;--panel:#0d1c19;--lime:#d8ff48;--cream:#f4f1e8;--muted:#9eaca7;--line:#ffffff1a;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 40px),var(--max));margin:auto}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{font:700 22px "Space Grotesk";display:flex;align-items:center;gap:11px}.mark{width:38px;height:38px;border-radius:12px;background:var(--lime);color:#07110f;display:grid;place-items:center;transform:rotate(-8deg)}.navlinks{display:flex;gap:30px;color:#b8c2be;font-size:14px}.navlinks a:hover{color:var(--lime)}.navbtn{border:1px solid var(--line);padding:11px 16px;border-radius:99px;font-size:13px}.navbtn:hover{background:var(--lime);color:#07110f}.menu{display:none;background:none;border:0;color:#fff;font-size:27px}
.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:50px 0 90px}.eyebrow{color:var(--lime);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.hero h1,.pagehero h1{font:700 clamp(52px,7vw,92px)/.94 "Space Grotesk";letter-spacing:-.07em;margin:18px 0 25px}.hero h1 span{color:var(--lime)}.hero p,.pagehero p{color:var(--muted);font-size:18px;line-height:1.7;max-width:620px}.actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-flex;padding:15px 21px;border-radius:12px;background:var(--lime);color:#07110f;font-weight:700;border:1px solid var(--lime)}.btn.alt{background:transparent;color:var(--cream);border-color:var(--line)}
.visual{height:600px;position:relative;perspective:1200px}.photo,.imagebox{background-size:cover;background-position:center}.photo{position:absolute;inset:25px 0 25px 45px;border-radius:32px;transform:rotateY(-8deg) rotateX(3deg);box-shadow:0 40px 100px #0008}.floating{position:absolute;background:#0d1c19dd;backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 20px 60px #0007}.f1{left:0;top:70px}.f2{right:0;bottom:70px}.floating b{display:block;font:700 25px "Space Grotesk"}.floating small{color:var(--muted)}
section{padding:105px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-head h2,.copy h2,.band h2{font:700 clamp(38px,5vw,62px)/.98 "Space Grotesk";letter-spacing:-.06em;margin:12px 0}.section-head p,.copy p,.band p{color:var(--muted);line-height:1.75;max-width:500px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(145deg,#10241f,#0d1c19);border:1px solid var(--line);border-radius:22px;padding:30px;min-height:235px;transition:.3s}.card:hover{transform:translateY(-7px);border-color:#d8ff4855}.icon{width:46px;height:46px;border-radius:14px;background:#d8ff4818;color:var(--lime);display:grid;place-items:center;margin-bottom:50px}.card h3{font:700 24px "Space Grotesk";margin:0 0 10px}.card p{color:var(--muted);line-height:1.65;margin:0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{padding:34px 20px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat b{font:700 40px "Space Grotesk";color:var(--lime)}.stat span{display:block;color:var(--muted);margin-top:5px}.band{border:1px solid var(--line);border-radius:30px;padding:55px;background:linear-gradient(110deg,#132a23,#0b1714);display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}.band h2{font-size:42px}.pagehero{padding:80px 0 60px}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.imagebox{height:530px;border-radius:28px;border:1px solid var(--line)}.ticks{list-style:none;padding:0}.ticks li{padding:15px 0;border-bottom:1px solid var(--line)}.ticks li:before{content:"✓";color:var(--lime);margin-right:12px}.contactgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}.info{display:grid;gap:15px}.infobox,.form{padding:26px;border:1px solid var(--line);background:var(--panel);border-radius:20px}.infobox strong{display:block;color:var(--lime);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.infobox span{color:var(--muted);line-height:1.6}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field.full{grid-column:1/-1}.field label{display:block;font-size:12px;color:#b7c1bd;margin-bottom:8px}.field input,.field textarea,.field select{width:100%;padding:15px;background:#07110f;border:1px solid var(--line);border-radius:12px;color:#fff;font:inherit}.field textarea{min-height:150px;resize:vertical}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.show{opacity:1;transform:none}footer{border-top:1px solid var(--line);padding:45px 0;color:#8f9c97}.footergrid{display:flex;justify-content:space-between;gap:30px}.footergrid small{max-width:650px;line-height:1.7}
@media(max-width:850px){.navlinks,.navbtn{display:none}.menu{display:block}.navlinks.open{display:flex;position:absolute;top:75px;left:0;right:0;background:#0a1714;border:1px solid var(--line);border-radius:18px;padding:18px;flex-direction:column}.hero,.split,.contactgrid{grid-template-columns:1fr}.visual{height:470px}.photo{inset:10px 15px}.grid3{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat{border-bottom:1px solid var(--line)}.section-head{display:block}.band{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.footergrid{display:block}}