:root{--bg:#04101d;--card:rgba(12,32,54,.72);--line:rgba(34,211,238,.28);--cyan:#19e6ff;--blue:#169fe3;--text:#eefcff;--muted:#9bb6c7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:radial-gradient(circle at 20% 10%,rgba(0,208,255,.18),transparent 30%),radial-gradient(circle at 80% 0%,rgba(35,89,255,.15),transparent 25%),var(--bg);color:var(--text);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 88%);pointer-events:none}.spotlight{position:fixed;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(25,230,255,.22),transparent 62%);translate:-50% -50%;pointer-events:none;z-index:1;filter:blur(10px)}#particles{position:fixed;inset:0;z-index:0;pointer-events:none}.nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:14px 6vw;background:rgba(2,10,18,.72);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-weight:900;letter-spacing:.08em}.brand img{width:48px;height:48px;object-fit:contain;border-radius:12px;background:white}.nav nav{display:flex;gap:22px}.nav a{color:var(--muted);text-decoration:none;font-weight:700}.nav a:hover{color:var(--cyan)}.lang{border:1px solid var(--line);background:rgba(25,230,255,.08);color:var(--text);border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer}.hero{position:relative;z-index:2;min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;padding:72px 8vw}.badge,.section-head span,.pricing span{display:inline-block;color:var(--cyan);border:1px solid var(--line);background:rgba(25,230,255,.08);padding:9px 14px;border-radius:999px;font-weight:800}.hero h1{font-size:clamp(48px,8vw,112px);line-height:.92;margin:24px 0;background:linear-gradient(90deg,#fff,var(--cyan),#52aaff);-webkit-background-clip:text;color:transparent;text-shadow:0 0 35px rgba(25,230,255,.18)}.hero p,.section-head p,.pricing p,.cta p{font-size:20px;color:var(--muted);line-height:1.7;max-width:680px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 24px;font-weight:900;text-decoration:none;transition:.25s}.primary{background:linear-gradient(90deg,var(--cyan),var(--blue));color:#00101b;box-shadow:0 0 35px rgba(25,230,255,.28)}.primary:hover{transform:translateY(-3px);box-shadow:0 0 55px rgba(25,230,255,.48)}.ghost{border:1px solid var(--line);color:var(--text);background:rgba(255,255,255,.03)}.hero-card{position:relative;min-height:440px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(25,230,255,.05));box-shadow:inset 0 0 55px rgba(25,230,255,.12),0 24px 90px rgba(0,0,0,.35);display:grid;place-items:center;overflow:hidden}.hero-card:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:conic-gradient(from 90deg,transparent,var(--cyan),transparent,var(--blue),transparent);animation:spin 7s linear infinite;filter:blur(18px);opacity:.6}.hero-card img{position:relative;width:min(72%,380px);border-radius:28px;background:#fff;box-shadow:0 0 80px rgba(25,230,255,.24)}.floaty{animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-18px)}}@keyframes spin{to{transform:rotate(360deg)}}.stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 8vw 70px}.stats div,.services article,.feedback article,.pricing,.cta{border:1px solid var(--line);background:var(--card);backdrop-filter:blur(14px);border-radius:28px;box-shadow:0 20px 70px rgba(0,0,0,.25)}.stats div{padding:28px;text-align:center}.stats strong{font-size:48px;color:var(--cyan);display:block}.stats strong:after{content:"+"}.stats div:nth-child(3) strong:after{content:"%"}.stats span{color:var(--muted);font-weight:800}.section{position:relative;z-index:2;padding:76px 8vw}.section-head{text-align:center;margin-bottom:34px}.section-head h2,.pricing h2,.cta h2{font-size:clamp(34px,5vw,64px);margin:16px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.services article,.feedback article{padding:28px;transition:.25s;transform-style:preserve-3d}.services article:hover,.feedback article:hover{transform:translateY(-10px) rotateX(3deg);box-shadow:0 0 45px rgba(25,230,255,.16);border-color:rgba(25,230,255,.65)}.services b{color:var(--cyan);font-size:13px}.services h3{font-size:24px}.services p,.feedback p{color:var(--muted);line-height:1.65}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:28px}.track{display:flex;align-items:center;gap:34px;width:max-content;animation:marquee 28s linear infinite;padding:24px}.track img,.text-logo{height:82px;min-width:180px;object-fit:contain;background:#fff;border-radius:18px;padding:14px;box-shadow:0 0 30px rgba(255,255,255,.08)}.text-logo{display:grid;place-items:center;color:#071421;font-weight:900;text-align:center;font-size:18px}@keyframes marquee{to{transform:translateX(-50%)}}.feedback div{color:#ffd35a;letter-spacing:3px}.pricing{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding:42px}.pricing ul{margin:0;padding:0;list-style:none;display:grid;gap:14px}.pricing li{padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04);font-weight:800}.pricing li:before{content:"✓";color:var(--cyan);margin-right:10px}.cta{text-align:center;margin:60px 8vw 90px;padding:58px 28px;background:linear-gradient(145deg,rgba(25,230,255,.14),rgba(12,32,54,.84))}.wa{position:fixed;right:22px;bottom:22px;z-index:8;background:#25D366;color:#001d0c;text-decoration:none;font-weight:900;border-radius:999px;padding:14px 20px;box-shadow:0 12px 30px rgba(0,0,0,.35)}.reveal{opacity:0;transform:translateY(34px);transition:1s}.reveal.show{opacity:1;transform:none}@media(max-width:900px){.nav nav{display:none}.hero,.pricing{grid-template-columns:1fr}.hero{padding:50px 6vw}.hero-card{min-height:320px}.stats,.grid{grid-template-columns:1fr}.section{padding:56px 6vw}.track img,.text-logo{height:70px;min-width:150px}.brand span{display:none}}
