:root{--bg:#031114;--panel:rgba(5,24,28,.86);--green:#2affa6;--cyan:#36dfff;--text:#f2fffb;--muted:rgba(242,255,251,.72);--line:rgba(61,255,209,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0,rgba(42,255,166,.16),transparent 32%),linear-gradient(135deg,#02090b,#06272b);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(54,223,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(42,255,166,.045) 1px,transparent 1px);background-size:42px 42px;animation:grid 24s linear infinite}@keyframes grid{to{background-position:84px 84px}}
header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px clamp(18px,4vw,54px);background:rgba(2,13,16,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.logo{color:var(--text);font-weight:950;letter-spacing:.16em;text-decoration:none}.nav{display:flex;gap:14px;flex-wrap:wrap}.nav a,.back{color:var(--text);text-decoration:none;font-weight:800}.back,.cta,.card a{color:#001312;background:linear-gradient(90deg,var(--green),var(--cyan));padding:12px 18px;border-radius:999px;font-weight:900;text-decoration:none;display:inline-flex}
.hero{min-height:82vh;display:grid;align-items:center;max-width:1180px;margin:auto;padding:80px clamp(18px,4vw,34px)}.pill{display:inline-flex;width:max-content;max-width:100%;padding:10px 16px;border:1px solid var(--line);border-radius:999px;color:var(--green);font-weight:950;margin-bottom:24px}
h1{font-size:clamp(44px,8vw,90px);line-height:.95;margin:0 0 24px;letter-spacing:-.06em;background:linear-gradient(90deg,#fff,var(--green),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}h2{font-size:clamp(34px,5vw,60px);line-height:1;margin:0 0 18px}h3{font-size:28px;margin:0 0 12px}p{font-size:clamp(18px,2.2vw,24px);line-height:1.55;color:var(--muted)}
section{max-width:1180px;margin:auto;padding:70px clamp(18px,4vw,34px)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(7,33,37,.9),rgba(3,15,18,.92));padding:28px;box-shadow:0 0 38px rgba(42,255,166,.12);transition:.28s}.card:hover{transform:translateY(-8px);border-color:rgba(42,255,166,.72);box-shadow:0 0 46px rgba(42,255,166,.24)}
.mock{min-height:360px;border-radius:34px;border:1px solid var(--line);background:radial-gradient(circle at 30% 20%,rgba(42,255,166,.25),transparent 28%),linear-gradient(135deg,rgba(54,223,255,.12),rgba(3,15,18,.9));display:grid;place-items:center;text-align:center;padding:28px;box-shadow:inset 0 0 50px rgba(42,255,166,.08),0 0 44px rgba(54,223,255,.12);animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px)}}
.badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.badges span{padding:11px 15px;border-radius:999px;border:1px solid var(--line);background:rgba(4,20,23,.72)}
.price{font-size:42px;font-weight:950;color:var(--green)}.contact{border-radius:34px;text-align:center;background:linear-gradient(145deg,rgba(7,33,37,.9),rgba(3,15,18,.92));border:1px solid var(--line);box-shadow:0 0 46px rgba(42,255,166,.16)}
footer{text-align:center;padding:36px 20px 70px;color:var(--muted);border-top:1px solid rgba(61,255,209,.16)}
@media(max-width:850px){.grid,.grid.two{grid-template-columns:1fr}.nav{display:none}header{gap:12px}.back{font-size:13px;padding:10px 13px}}