@font-face{font-family:"InterD";src:url(InterDisplay-Black.woff) format("woff");font-weight:900;font-display:swap}
@font-face{font-family:"Inter";src:url(Inter-Medium.woff) format("woff");font-weight:500;font-display:swap}
@font-face{font-family:"Inter";src:url(Inter-Bold.woff) format("woff");font-weight:700;font-display:swap}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:Inter,system-ui,sans-serif;font-weight:500;background:#0e1420;color:#e8ecf2;line-height:1.55}
a{color:#ff9a3c}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header{padding:18px 0}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700}
.logo img{width:40px;height:40px;border-radius:50%;border:2px solid #ff9a3c}
.ig{font-weight:700;font-size:15px;color:#c8ced8;text-decoration:none}
.hero{position:relative;overflow:hidden;padding:30px 0 60px;background:radial-gradient(800px 500px at 10% 0%,#14606a55,transparent 70%),radial-gradient(700px 500px at 100% 100%,#7a3e1255,transparent 70%)}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.pill{display:inline-block;background:#ffe600;color:#000;font-family:InterD;font-weight:900;font-size:14px;letter-spacing:.3px;padding:6px 12px;border-radius:8px;transform:rotate(-2deg)}
h1{font-family:InterD;font-weight:900;font-size:clamp(34px,6vw,58px);line-height:1.03;margin:16px 0 14px;color:#fff;letter-spacing:-.5px}
h1 span{color:#ffe600}
.sub{font-size:18px;color:#c8ced8;max-width:520px}
ul.check{list-style:none;margin:22px 0 26px}
ul.check li{padding-left:30px;position:relative;margin:8px 0;color:#dfe3ea}
ul.check li:before{content:"";position:absolute;left:0;top:6px;width:18px;height:18px;border-radius:50%;background:#ff9a3c;box-shadow:inset 0 0 0 5px #ff9a3c,inset 0 0 0 9px #0e1420}
.cta{display:inline-block;background:#ff9a3c;color:#0e1420;font-family:InterD;font-weight:900;font-size:20px;text-decoration:none;padding:16px 26px;border-radius:12px;box-shadow:0 8px 24px #ff9a3c40}
.cta:hover{filter:brightness(1.07)}
.small{font-size:13px;color:#8d96a6;margin-top:12px}
.hero img.byte{width:100%;max-width:420px;justify-self:center;border-radius:22px;box-shadow:0 20px 60px #00000080}
.form{background:#151d2d;border:1px solid #233049;border-radius:16px;padding:22px;margin-top:8px}
section.more{padding:50px 0;background:#0b111b}
section.more h2{font-family:InterD;font-weight:900;font-size:30px;color:#fff;margin-bottom:18px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:#151d2d;border:1px solid #233049;border-radius:14px;padding:20px}
.card b{display:block;color:#fff;font-size:17px;margin-bottom:6px}
footer{padding:30px 0;font-size:14px;color:#8d96a6;border-top:1px solid #1d2638}
footer .wrap{display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between}
footer a{color:#c8ced8}
.legal{max-width:760px;margin:0 auto;padding:30px 20px 60px}
.legal h1{font-size:40px}
.legal h2{font-family:InterD;font-weight:900;color:#fff;font-size:22px;margin:28px 0 8px}
.legal p,.legal li{color:#c8ced8;margin:8px 0}
.legal ul{padding-left:20px}
.todo{background:#ffe600;color:#000;padding:1px 6px;border-radius:4px;font-weight:700}
@media (max-width:820px){.hero .wrap{grid-template-columns:1fr}.hero img.byte{max-width:240px;order:-1}.grid{grid-template-columns:1fr}}