*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#071307;--green:#B3F35F;--line:rgba(255,255,255,.1);--panel:rgba(255,255,255,.035)}
html{scroll-behavior:smooth}
body{background:var(--bg);color:#fff;font-family:'Unbounded',sans-serif;-webkit-font-smoothing:antialiased;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.gl{position:fixed;top:-30%;left:50%;width:90%;height:90%;transform:translateX(-50%);background:radial-gradient(ellipse closest-side at 50% 50%,rgba(179,243,95,.13),rgba(179,243,95,0) 100%);pointer-events:none;z-index:0}
.w{width:100%;padding:0 56px;position:relative;z-index:2}
.hdr{padding:30px 0}
.hdr .in{display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo img{display:block;height:34px}
.nav{display:flex;gap:54px;flex-wrap:wrap}
.nav .tgm{display:none}
.nav a{font-size:14px;font-weight:400;color:rgba(255,255,255,.9);transition:.2s}
.nav a:hover{color:var(--green)}
.nav a.on{color:var(--green)}
.burg{display:none;width:26px;height:18px;position:relative;cursor:pointer;flex:0 0 26px}
.burg span{position:absolute;left:0;width:100%;height:2px;background:#fff;border-radius:2px;transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .16s linear .08s}
.burg span:nth-child(1){top:0}
.burg span:nth-child(2){top:8px}
.burg span:nth-child(3){top:16px}
.burg.x span{transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .12s linear}
.burg.x span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.burg.x span:nth-child(2){opacity:0;transform:scaleX(.2)}
.burg.x span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.tbtn{flex:0 0 auto;border:1px solid rgba(179,243,95,.55);color:var(--green);border-radius:999px;padding:13px 32px;font-size:14px;transition:.2s}
.tbtn:hover{background:var(--green);color:var(--bg)}
main{flex:1;padding:26px 0 56px}
h1.pt{font-size:clamp(28px,4vw,52px);font-weight:800;letter-spacing:-.02em;line-height:1.05;text-transform:uppercase}
h1.pt .g{color:var(--green)}
.sub{margin-top:16px;font-size:14px;font-weight:300;line-height:1.7;color:rgba(255,255,255,.65);max-width:640px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:22px}
.soon{margin-top:40px;padding:52px 40px;text-align:center}
.soon b{display:block;font-size:19px;font-weight:600;margin-bottom:12px}
.soon span{font-size:13.5px;font-weight:300;color:rgba(255,255,255,.6);line-height:1.7}
.back{display:inline-flex;align-items:center;gap:10px;margin-top:28px;background:var(--green);color:var(--bg);border-radius:999px;padding:15px 28px;font-size:13.5px;font-weight:500}
.srv{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:38px}
.srv a{padding:28px;transition:.2s;display:block}
.srv a:hover{border-color:rgba(179,243,95,.45);transform:translateY(-2px)}
.srv i{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(179,243,95,.35);border-radius:14px;margin-bottom:20px}
.srv b{display:block;font-size:17px;font-weight:600;margin-bottom:10px}
.srv span{font-size:13px;font-weight:300;line-height:1.6;color:rgba(255,255,255,.6)}
footer{border-top:1px solid var(--line);padding:24px 0;position:relative;z-index:2}
footer .in{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
footer .fl img{display:block;height:24px}
footer .ln{flex:1;height:1px;background:var(--line);min-width:30px}
footer .tx{font-size:12px;font-weight:300;color:rgba(255,255,255,.55)}
footer .tg{opacity:.75}footer .tg:hover{opacity:1}
@media(max-width:820px){
 .w{padding:0 20px}
 .hdr{padding:16px 0 10px}
 .logo img{height:26px}
 .hdr .in{flex-wrap:wrap}
 .burg{display:block}
 .tbtn{display:none}
 .nav{order:3;width:100%;flex-direction:column;flex-wrap:nowrap;gap:0;max-height:0;overflow:hidden;transition:max-height .34s cubic-bezier(.4,0,.2,1),margin-top .34s cubic-bezier(.4,0,.2,1)}
 .nav{margin-top:0}
 .nav.open{max-height:300px;margin-top:10px}
 .nav a{font-size:14px;padding:15px 0;border-bottom:1px solid var(--line)}
 .nav .tgm{display:block;margin-top:14px;border:1px solid rgba(179,243,95,.55);color:var(--green);border-radius:999px;padding:15px;text-align:center;border-bottom:1px solid rgba(179,243,95,.55)}
 .soon{padding:40px 24px}
 footer{padding:22px 0}
 footer .in{gap:14px;flex-wrap:nowrap;align-items:center}
 footer .fl img{height:22px}
 footer .ln{min-width:14px}
 footer .tx{font-size:11px;line-height:1.5}
 footer .tg{flex:0 0 auto}
}