:root{--bg:#080a12;--panel:#111522;--panel2:#161b2b;--text:#f4f6ff;--muted:#929bb1;--cyan:#48dce9;--violet:#7467ff;--line:rgba(255,255,255,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.ambient{position:fixed;border-radius:50%;filter:blur(110px);opacity:.15;pointer-events:none}.ambient-a{width:520px;height:520px;background:var(--violet);right:-180px;top:-180px}.ambient-b{width:420px;height:420px;background:var(--cyan);left:-260px;top:500px}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-size:20px;font-weight:750}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--cyan),var(--violet));color:#081018;box-shadow:0 8px 24px rgba(72,220,233,.2)}nav{display:flex;gap:34px}nav a{color:#adb5c8;text-decoration:none}.nav-cta{padding:10px 17px;color:var(--text);text-decoration:none;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04)}.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding:58px 0 90px}.eyebrow{color:#9ca6bc;font-size:12px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:9px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}h1{font-size:clamp(48px,6.1vw,78px);line-height:1.04;letter-spacing:-.055em;margin:20px 0 25px}h1 span{background:linear-gradient(100deg,#64e8ee 5%,#9a8cff 82%);-webkit-background-clip:text;color:transparent}.hero-copy>p{color:#a6aec0;font-size:19px;max-width:590px}.actions{display:flex;gap:13px;margin:34px 0 20px;flex-wrap:wrap}.button{min-height:52px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:15px;text-decoration:none;font-weight:700;transition:.2s transform,.2s filter}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.primary{color:#071016;background:linear-gradient(120deg,#57e4eb,#8b7cff);box-shadow:0 14px 38px rgba(91,214,236,.18)}.secondary{color:#eff2ff;background:rgba(255,255,255,.045);border:1px solid var(--line)}.meta{display:flex;gap:18px;color:#788197;font-size:12px}.showcase{height:560px;position:relative;display:grid;place-items:center}.halo{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(82,216,234,.19),rgba(117,102,255,.08) 48%,transparent 70%)}.phone{position:relative;width:292px;height:570px;border:1px solid rgba(255,255,255,.15);border-radius:38px;background:#0c101b;box-shadow:0 35px 100px #000,0 0 80px rgba(102,90,255,.13);padding:10px;transform:rotate(1.5deg);z-index:2}.phone:after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.05);border-radius:33px;pointer-events:none}.phone-top{height:30px;padding:4px 12px;display:flex;justify-content:space-between;font-size:9px}.phone-top b{width:62px;height:17px;background:#03050a;border-radius:10px}.chat-head{height:61px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding:5px 9px}.chat-head .avatar{width:37px;height:37px}.avatar{border-radius:50%;background:linear-gradient(145deg,#38445d,#6f64b7);display:grid;place-items:center;font-weight:800;position:relative}.avatar i{position:absolute;width:9px;height:9px;background:#4ce3bf;border:2px solid #111522;border-radius:50%;right:0;bottom:0}.chat-head div:nth-child(2){flex:1;display:flex;flex-direction:column}.chat-head strong{font-size:12px}.chat-head small{color:#4adfc6;font-size:9px}.chat-head>span{color:#8992aa}.chat-body{height:414px;padding:20px 9px;background:radial-gradient(circle at 70% 20%,rgba(98,83,198,.09),transparent 42%);display:flex;flex-direction:column;gap:12px}.day{align-self:center;color:#7e879b;background:#171c28;padding:3px 9px;border-radius:10px;font-size:8px}.bubble{max-width:80%;border-radius:15px;padding:9px 11px 5px;font-size:10px}.bubble time{font-size:7px;color:#a0a8ba;float:right;margin:6px 0 0 10px}.bubble time b{color:#48dce9}.incoming{align-self:flex-start;background:#1a1f2d;border-bottom-left-radius:4px}.outgoing{align-self:flex-end;background:linear-gradient(135deg,#38406d,#413e7a);border-bottom-right-radius:4px}.call-card{align-self:center;display:flex;gap:9px;align-items:center;padding:9px 14px;background:#171c29;border:1px solid var(--line);border-radius:14px;font-size:9px}.call-card>span{color:var(--cyan);font-size:18px}.call-card div{display:flex;flex-direction:column}.call-card small{color:#7f899d}.typing{display:flex;align-items:center;gap:3px;width:43px;padding:10px;background:#1a1f2d;border-radius:14px}.typing i{width:4px;height:4px;background:#8490a8;border-radius:50%}.composer{height:48px;margin:0 6px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#171c28;border-radius:15px;color:#8590a5}.composer em{font-style:normal;flex:1;font-size:10px}.composer b{width:29px;height:29px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--violet));border-radius:10px;color:#071016}.float-card{position:absolute;z-index:3;background:rgba(22,27,43,.88);border:1px solid var(--line);backdrop-filter:blur(16px);border-radius:17px;padding:13px 16px;display:flex;align-items:center;gap:11px;box-shadow:0 15px 40px rgba(0,0,0,.35)}.float-card div{display:flex;flex-direction:column}.float-card b{font-size:11px}.float-card small{font-size:9px;color:#8791a7}.secure{left:-5px;top:125px}.secure>span{font-size:24px;color:var(--cyan)}.status{right:-24px;bottom:105px}.status>i{width:11px;height:11px;background:#43dfb5;border-radius:50%;box-shadow:0 0 15px #43dfb5}.features{padding:100px 0}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px}.section-title span{color:var(--cyan);font-size:11px;font-weight:750;letter-spacing:.15em}.section-title h2,.web-banner h2{font-size:40px;line-height:1.15;letter-spacing:-.035em;margin:8px 0}.section-title p{max-width:370px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-grid article{min-height:220px;padding:28px;background:linear-gradient(145deg,rgba(24,29,46,.92),rgba(14,18,30,.85));border:1px solid var(--line);border-radius:23px}.feature-grid .icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,rgba(72,220,233,.15),rgba(116,103,255,.15));color:var(--cyan);font-weight:800}.feature-grid h3{margin:25px 0 9px;font-size:18px}.feature-grid p{color:#8f98ac;margin:0}.web-banner{margin-top:50px;margin-bottom:110px;min-height:330px;padding:60px 65px;border:1px solid var(--line);border-radius:30px;background:radial-gradient(circle at 90% 20%,rgba(74,218,235,.15),transparent 35%),linear-gradient(135deg,#151a2a,#0e111c);display:flex;align-items:center;justify-content:space-between}.web-banner p{color:var(--muted);max-width:550px}footer{min-height:130px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;color:#717a8e}footer p{flex:1}footer>span{font-size:12px}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{text-align:center}.hero-copy .eyebrow,.actions,.meta{justify-content:center}.hero-copy>p{margin-left:auto;margin-right:auto}.showcase{margin-top:20px}.feature-grid{grid-template-columns:repeat(2,1fr)}.section-title{align-items:start;flex-direction:column}.web-banner{padding:45px;gap:30px}}@media(max-width:600px){.wrap{width:min(100% - 24px,1160px)}.nav{height:68px}.nav-cta{font-size:12px;padding:8px 11px}.hero{padding-top:40px;gap:25px}h1{font-size:44px}.hero-copy>p{font-size:16px}.actions{flex-direction:column}.button{width:100%}.meta{flex-wrap:wrap}.showcase{height:530px;transform:scale(.88)}.float-card{display:none}.features{padding:65px 0}.feature-grid{grid-template-columns:1fr}.section-title h2,.web-banner h2{font-size:31px}.web-banner{margin-bottom:70px;padding:32px 25px;display:block}.web-banner .button{margin-top:25px}footer{padding:30px 0;flex-wrap:wrap}footer p{order:3;flex-basis:100%}}