:root{--bg:#03040a;--panel:#090b14;--text:#f7f8ff;--muted:#9ca3ba;--red:#ff1831;--blue:#0fa8ff;--line:rgba(255,255,255,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,system-ui,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}.aurora{position:fixed;border-radius:50%;filter:blur(130px);opacity:.18;pointer-events:none}.a1{width:600px;height:600px;background:#104cff;right:-260px;top:-180px}.a2{width:500px;height:500px;background:#d400ff;left:-300px;top:45%}.topbar{height:76px;position:sticky;top:0;z-index:50;display:flex;align-items:center;max-width:1240px;margin:auto;padding:0 24px;background:rgba(3,4,10,.76);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:900}.brand img{width:42px;height:42px;border-radius:12px;object-fit:contain}.brand b{color:var(--blue)}nav{margin:auto;display:flex;gap:34px;color:#b5b9ca;font-size:14px;font-weight:650}nav a:hover{color:#fff}.top-cta{height:40px;padding:0 17px;display:grid;place-items:center;border:1px solid rgba(15,168,255,.35);border-radius:12px;background:rgba(15,168,255,.09);font-weight:800;font-size:13px}.hero{max-width:1240px;min-height:660px;margin:auto;padding:70px 24px 55px;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:50px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:900;color:#71cfff}.eyebrow i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#19b7ff;box-shadow:0 0 18px #19b7ff;margin-right:8px}.hero h1{font-size:clamp(48px,6vw,82px);line-height:.96;letter-spacing:-4px;margin:20px 0}.hero h1 span{background:linear-gradient(90deg,#fff,#12baff 50%,#7f57ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:18px;line-height:1.65;color:var(--muted);max-width:570px}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-actions a,.webplay-copy>a{height:52px;padding:0 22px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-weight:850}.primary,.webplay-copy>a{background:linear-gradient(90deg,#087eff,#13c1ff);box-shadow:0 12px 35px rgba(11,152,255,.26)}.secondary{background:#10131e;border:1px solid var(--line)}.hero-actions span,.webplay-copy>a span{margin-left:18px}.trust{display:flex;flex-wrap:wrap;gap:16px;margin-top:27px;color:#838ba3;font-size:11px;font-weight:750}.hero-visual{height:570px;border:1px solid rgba(57,162,255,.22);border-radius:30px;position:relative;overflow:hidden;box-shadow:0 40px 100px rgba(0,41,120,.3)}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#03040a)}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 10%}.glass-tag{position:absolute;left:24px;right:24px;bottom:23px;z-index:2;padding:17px 19px;border:1px solid rgba(255,255,255,.16);border-radius:17px;background:rgba(3,7,20,.68);backdrop-filter:blur(18px);display:flex;align-items:center;gap:15px}.glass-tag b{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#126fff,#8c2fff);font-size:12px}.glass-tag span{font-weight:800;line-height:1.35}.apps,.install{max-width:1240px;margin:auto;padding:90px 24px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-heading span,.webplay-copy>span{color:#32bfff;font-size:10px;font-weight:900;letter-spacing:2px}.section-heading h2,.webplay h2{font-size:clamp(34px,4vw,52px);letter-spacing:-2px;margin:8px 0 0}.section-heading p{max-width:420px;color:var(--muted);line-height:1.6}.app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.app-card{--accent:#0fa8ff;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,#0a0c14),#070810 60%);padding:26px;transition:.25s}.app-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 24px 55px color-mix(in srgb,var(--accent) 12%,transparent)}.app-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:var(--accent);filter:blur(90px);opacity:.12;right:-60px;top:-60px}.app-card.featured{grid-column:span 2}.red{--accent:#ff1831}.cyan{--accent:#00ccff}.violet{--accent:#9b31ff}.orange{--accent:#ff8a00}.blue{--accent:#146dff}.app-top{display:flex;align-items:center;gap:16px}.app-icon{width:68px;height:68px;flex:0 0 68px;border:1px solid color-mix(in srgb,var(--accent) 55%,white);border-radius:19px;background:color-mix(in srgb,var(--accent) 20%,#080911);box-shadow:inset 0 0 25px color-mix(in srgb,var(--accent) 25%,transparent),0 0 22px color-mix(in srgb,var(--accent) 24%,transparent);display:grid;place-items:center;color:var(--accent);font-weight:1000;font-size:18px}.app-card h3{margin:3px 0;font-size:23px}.app-card small{color:#777f97}.pill{display:inline-block;padding:4px 7px;border-radius:6px;background:var(--accent);color:#fff!important;font-size:8px!important;letter-spacing:1px!important}.app-card>p{color:var(--muted);line-height:1.65;margin:22px 0 15px}.app-card ul{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 22px;flex-wrap:wrap}.app-card li{font-size:10px;font-weight:750;color:#bdc3d4;padding:7px 9px;background:rgba(255,255,255,.05);border-radius:7px}.download{height:48px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:12px;background:color-mix(in srgb,var(--accent) 15%,transparent);display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-weight:850;color:#fff}.download span{font-size:23px;color:var(--accent)}.webplay{max-width:1190px;margin:70px auto;padding:55px;display:grid;grid-template-columns:1.12fr .88fr;gap:55px;align-items:center;border:1px solid rgba(139,67,255,.25);border-radius:32px;background:radial-gradient(circle at 10% 50%,rgba(78,35,255,.18),transparent 45%),#090914}.browser{border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden;background:#020308;box-shadow:0 30px 70px rgba(0,0,0,.45);transform:perspective(1000px) rotateY(3deg)}.browserbar{height:38px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#11131d}.browserbar i{width:7px;height:7px;border-radius:50%;background:#ff3150}.browserbar i:nth-child(2){background:#ffb400}.browserbar i:nth-child(3){background:#22cc77}.browserbar span{margin:auto;color:#777f92;font-size:10px}.browser img{display:block;width:100%;height:320px;object-fit:cover;object-position:50% 13%}.webplay-copy p{color:var(--muted);line-height:1.7}.web-badges{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.web-badges b{font-size:10px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;color:#c4c8d7}.webplay-copy>a{width:max-content;margin-top:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps article{border-top:1px solid var(--line);padding:25px 5px}.steps b{font-size:40px;color:#151a28;-webkit-text-stroke:1px #2c3854}.steps h3{font-size:19px;margin:16px 0 8px}.steps p{color:var(--muted);line-height:1.6;font-size:14px}footer{max-width:1190px;margin:auto;padding:35px 0 50px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#747b90;font-size:12px}footer .brand{color:#fff}footer i{font-style:normal}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:50px}.hero-visual{height:480px}.app-grid{grid-template-columns:1fr}.app-card.featured{grid-column:auto}.webplay{margin:40px 18px;padding:28px;grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.steps{grid-template-columns:1fr}footer{margin:0 22px}.top-cta{margin-left:auto}}@media(max-width:560px){.topbar{height:66px;padding:0 15px}.brand{font-size:18px}.brand img{width:36px;height:36px}.top-cta{font-size:11px;padding:0 12px;height:36px}.hero{padding:42px 16px}.hero h1{letter-spacing:-2px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-visual{height:390px}.trust{gap:9px}.apps,.install{padding:65px 16px}.app-card{padding:20px;border-radius:19px}.app-top{align-items:flex-start}.app-icon{width:56px;height:56px;flex-basis:56px}.app-card h3{font-size:18px}.webplay{padding:21px}.browser img{height:230px}.webplay-copy>a{width:100%}footer{align-items:flex-start;gap:20px;flex-direction:column}}