@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');
:root{--blue:#0b57d0;--blue2:#4f8cff;--ink:#172033;--muted:#697386;--bg:#f7f9fc;--line:#e7ebf2;--card:#fff;--shadow:0 18px 50px rgba(23,32,51,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none;color:inherit}button,input{font:inherit}
.topbar{height:78px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);display:flex;align-items:center;gap:38px;padding:0 5.5%;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(231,235,242,.8)}
.brand{display:flex;align-items:center;gap:10px;min-width:190px}.brand-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#0b57d0,#63a4ff);display:grid;place-items:center;color:#fff;font-weight:800;font-size:21px;box-shadow:0 8px 20px #0b57d033}.brand strong{display:block;font-family:"Plus Jakarta Sans";font-size:16px}.brand small{display:block;color:#8a93a3;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}
nav{display:flex;gap:27px;font-size:13px;color:#586174}nav a:hover{color:var(--blue)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.search{height:42px;width:245px;border:1px solid var(--line);background:#f8fafc;border-radius:12px;display:flex;align-items:center;padding:0 12px;gap:8px;color:#8490a4}.search input{border:0;outline:0;background:transparent;width:100%;font-size:13px}.install-top,.primary-btn{background:var(--blue);color:#fff;border-radius:11px;padding:12px 17px;font-size:12px;font-weight:700}.menu-btn{display:none;border:0;background:transparent;font-size:23px}
.hero{margin:22px auto 0;width:89%;max-width:1380px;height:510px;position:relative;overflow:hidden;border-radius:30px;background:#eaf2ff;box-shadow:var(--shadow)}.slides{height:100%;position:relative}.slide{position:absolute;inset:0;display:flex;align-items:center;padding:65px 8%;opacity:0;transform:translateX(20px);transition:.65s ease;pointer-events:none;background:radial-gradient(circle at 75% 25%,#d8e8ff 0,transparent 32%),linear-gradient(120deg,#f4f8ff,#e8f1ff)}.slide.active{opacity:1;transform:none;pointer-events:auto}.slide-alt{background:radial-gradient(circle at 78% 50%,#dce9ff,transparent 33%),linear-gradient(120deg,#eef7ff,#f9fbff)}.slide-dark{background:linear-gradient(120deg,#081a38,#0b57d0);color:#fff}.slide-copy{max-width:590px;position:relative;z-index:3}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:#5374a6}.slide-dark .eyebrow{color:#bcd6ff}.slide h1{font-family:"Plus Jakarta Sans";font-size:54px;line-height:1.06;letter-spacing:-2.5px;margin:15px 0}.slide h1 span{color:var(--blue)}.slide-dark h1 span{color:#a9d0ff}.slide p{color:#61708a;max-width:490px;line-height:1.7;font-size:15px;margin-bottom:27px}.slide-dark p{color:#d8e6ff}.primary-btn{display:inline-flex;gap:18px;align-items:center}.primary-btn.light{background:#fff;color:#0b57d0}.hero-art{position:absolute;right:7%;width:410px;height:430px;display:flex;align-items:center;justify-content:center}.phone{width:190px;height:370px;border-radius:30px;background:#10182a;padding:9px;box-shadow:0 35px 60px #14233e33;transform:rotate(5deg);z-index:2}.phone-back{position:absolute;width:175px;height:340px;right:55px;top:43px;opacity:.45;transform:rotate(-10deg)}.phone-screen{height:100%;border-radius:22px;background:#f5f8ff;padding:28px 18px;text-align:center;display:flex;flex-direction:column;align-items:center}.app-logo-big{width:67px;height:67px;border-radius:20px;background:linear-gradient(135deg,#0b57d0,#65a7ff);color:#fff;font-size:40px;font-weight:800;display:grid;place-items:center;margin:15px 0 16px}.phone-screen strong{font-size:17px}.phone-screen small{color:#8290a4;margin-top:6px}.mock-card{height:62px;width:100%;background:#e5efff;border-radius:13px;margin-top:30px}.mock-card.short{margin-top:10px;width:70%;height:45px}.float-card{position:absolute;right:-2px;bottom:32px;background:#fff;border-radius:16px;padding:15px 20px;box-shadow:var(--shadow);display:flex;flex-direction:column}.float-card b{font-size:23px;color:var(--blue)}.float-card span{font-size:10px;color:#778398}.orbital{position:absolute;right:10%;width:390px;height:390px;border:1px dashed #a8c5f4;border-radius:50%;display:grid;place-items:center}.orbital div{position:absolute;background:#fff;border-radius:18px;width:66px;height:66px;display:grid;place-items:center;font-size:28px;box-shadow:0 14px 35px #315b9b22}.orbital div:nth-child(1){top:5%}.orbital div:nth-child(2){right:2%;top:36%}.orbital div:nth-child(3){bottom:5%;left:24%}.orbital div:nth-child(4){left:0;top:45%}.orbital div:nth-child(5){top:42%;left:43%;background:var(--blue);color:#fff}.hero-stat{position:absolute;right:13%;width:390px;height:250px;border-radius:35px;background:#ffffff18;border:1px solid #ffffff25;display:flex;flex-direction:column;justify-content:center;padding-left:60px}.hero-stat strong{font-size:90px;letter-spacing:-6px}.hero-stat span{color:#cfe0ff}.hero-stat i{position:absolute;right:45px;top:35px;font-size:38px;color:#a9d0ff}.slider-btn{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#26364e;font-size:28px;box-shadow:0 8px 22px #26364e22;cursor:pointer}.prev{left:18px}.next{right:18px}.dots{position:absolute;z-index:6;bottom:19px;left:50%;transform:translateX(-50%);display:flex;gap:6px}.dots button{width:7px;height:7px;border:0;border-radius:50%;padding:0;background:#aebed7;cursor:pointer}.dots button.active{width:22px;border-radius:5px;background:var(--blue)}
.section{width:89%;max-width:1380px;margin:85px auto}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-heading h2{font-family:"Plus Jakarta Sans";font-size:32px;margin:7px 0 0;letter-spacing:-1px}.section-heading p{color:#7a8597;font-size:13px}.app-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.app-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;transition:.25s;box-shadow:0 5px 18px #18284205}.app-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#d5e2f7}.app-icon{width:74px;height:74px;border-radius:20px;object-fit:cover;display:grid;place-items:center;background:#edf4ff;color:var(--blue);font-size:34px;font-weight:800;margin-bottom:16px}.app-card h3{margin:0 0 7px;font-size:16px}.app-card .cat{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#72819a;font-weight:700}.app-card p{font-size:12px;line-height:1.55;color:#798497;min-height:56px}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.rating{font-size:11px;color:#7d8798}.install{border:0;background:#e9f1ff;color:var(--blue);font-weight:800;font-size:11px;padding:9px 13px;border-radius:9px;cursor:pointer}.install:hover{background:var(--blue);color:#fff}.empty{display:none;text-align:center;padding:50px;color:#7b8799}.centered{justify-content:center;text-align:center}.categories{background:transparent}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-grid button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:25px;text-align:left;display:flex;flex-direction:column;gap:7px;cursor:pointer;transition:.2s}.category-grid button:first-letter{font-size:25px}.category-grid button:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.category-grid b{font-size:15px}.category-grid span{font-size:11px;color:#8993a3}.about{display:grid;grid-template-columns:1.3fr .7fr;gap:22px}.about-card{background:#0b57d0;color:#fff;border-radius:28px;padding:48px}.about-card .eyebrow{color:#b9d4ff}.about-card h2{font-family:"Plus Jakarta Sans";font-size:36px;max-width:620px;margin:12px 0}.about-card p{color:#dce9ff;line-height:1.7;max-width:620px;font-size:14px}.outline-btn{display:inline-block;margin-top:12px;border:1px solid #ffffff66;padding:12px 16px;border-radius:10px;font-size:12px;font-weight:700}.about-points{background:#fff;border:1px solid var(--line);border-radius:28px;padding:10px}.about-points div{padding:25px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:35px 1fr;gap:2px 10px}.about-points div:last-child{border:0}.about-points b{grid-row:span 2;color:#a1a9b7;font-size:11px}.about-points strong{font-size:14px}.about-points span{font-size:11px;color:#8a94a5}footer{background:#fff;border-top:1px solid var(--line);padding:45px 5.5%;display:grid;grid-template-columns:1fr auto auto;gap:55px;align-items:end;color:#7d8797;font-size:11px}.footer-brand{margin-bottom:12px}.footer-links{display:flex;gap:25px}.copyright{text-align:right}
@media(max-width:1050px){nav{display:none}.app-grid{grid-template-columns:repeat(3,1fr)}.hero-art{right:-50px;opacity:.55}.hero{height:500px}.slide h1{font-size:46px}.category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.topbar{padding:0 5%;gap:12px}.header-actions{display:none}.menu-btn{display:block;margin-left:auto}.brand{min-width:auto}.hero{width:94%;height:610px;border-radius:24px}.slide{padding:42px 8%;align-items:flex-start}.slide-copy{padding-top:20px}.slide h1{font-size:38px;letter-spacing:-1.7px}.slide p{font-size:13px}.hero-art{top:285px;right:50%;transform:translateX(50%) scale(.75);opacity:.9}.orbital{top:310px;right:50%;transform:translateX(50%) scale(.75)}.hero-stat{top:330px;right:50%;transform:translateX(50%);width:300px;height:190px}.hero-stat strong{font-size:68px}.section{width:90%;margin:60px auto}.section-heading{display:block}.section-heading p{margin-top:8px}.app-grid{grid-template-columns:repeat(2,1fr);gap:12px}.app-card{padding:15px;border-radius:18px}.app-icon{width:62px;height:62px}.app-card p{min-height:auto}.category-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.about-card{padding:32px}.about-card h2{font-size:29px}footer{grid-template-columns:1fr;gap:20px}.copyright{text-align:left}.footer-links{flex-wrap:wrap}.search{width:190px}}
@media(max-width:430px){.app-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr}.slide h1{font-size:34px}.hero{height:590px}}