*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020505;color:#f6f8f8;font-family:Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 20%,#00efb322,transparent 28%),linear-gradient(120deg,transparent 48%,#00efb309 50%,transparent 52%)}.wrap{width:min(1120px,92%);margin:auto}.hero{min-height:100vh;display:grid;place-items:center;padding:48px 0}.heroGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.logo{width:100%;filter:drop-shadow(0 0 24px #00e8b36b)}.eyebrow{letter-spacing:.3em;color:#00efb9;font-weight:800}.title{font-size:clamp(62px,10vw,132px);line-height:.82;margin:16px 0}.title span{color:#00efb9;text-shadow:0 0 24px #00efb966}.lead{font-size:21px;color:#b7c4c1;max-width:650px}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.btn{border:1px solid #00efb9;border-radius:16px;padding:16px 24px;color:white;text-decoration:none;font-weight:900;background:#06110f;box-shadow:0 0 18px #00efb929;transition:.2s}.btn:hover{transform:translateY(-3px);box-shadow:0 0 30px #00efb95c}.ca{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid #17483d;border-radius:16px;background:#06100e;max-width:700px}.ca code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;color:#9ef8df}.copy{cursor:pointer;border:0;border-radius:10px;background:#00efb9;color:#00140f;font-weight:900;padding:12px 16px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:20px 0 80px}.card{padding:26px;border:1px solid #0c6653;border-radius:18px;background:linear-gradient(180deg,#07100f,#020605);min-height:170px}.card h3{color:#00efb9}.about{padding:80px 0;border-top:1px solid #0b3028}.about h2{font-size:48px;margin:0 0 20px}.about p{color:#b7c4c1;font-size:18px;line-height:1.7;max-width:850px}.foot{border-top:1px solid #0b3028;padding:30px 0;color:#7d9992}.banner{width:100%;border:1px solid #0c6653;border-radius:20px;margin-top:35px}@media(max-width:800px){.heroGrid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.title{font-size:68px}}@media(max-width:520px){.cards{grid-template-columns:1fr}.ca{align-items:stretch;flex-direction:column}}