:root{color-scheme:dark;--bg:#041024;--panel:#071a36;--line:#24507b;--blue:#068bff;--text:#f5f8ff;--muted:#b4c4dc;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#041024 0%,#06172f 65%,#041024 100%);color:var(--text)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.wrap{width:min(1530px,calc(100% - 72px));margin:auto}.topbar{position:sticky;top:0;z-index:10;background:rgba(3,14,32,.94);border-bottom:1px solid #17365d;backdrop-filter:blur(16px)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:10px;min-width:220px}.brand-mark{color:#0797ff;font-size:43px;font-weight:900;line-height:1;transform:rotate(-25deg)}.brand strong{display:block;font-size:30px;font-style:italic;letter-spacing:-1.4px;line-height:1}.brand strong span{margin-left:5px}.brand small{display:block;text-align:right;font-size:15px;font-weight:700}.nav nav{display:flex;gap:26px;align-items:center}.nav nav a{padding:12px 16px;border-radius:11px;font-weight:650;white-space:nowrap}.nav nav a.active,.nav nav a:hover{background:#0861c9}.nav nav a:first-letter{font-size:20px}.nav-cta,.primary{border:1px solid #2baaff;background:linear-gradient(180deg,#087df7,#0755d5);box-shadow:inset 0 1px 0 #6abfff;border-radius:12px;padding:13px 20px;font-weight:700;text-align:center}.nav-cta:hover,.primary:hover:not(:disabled){filter:brightness(1.14)}.menu-toggle{display:none;background:transparent;border:1px solid #37628d;color:white;border-radius:9px;padding:8px 12px;font-size:24px}.hero{border-bottom:1px solid #164a7b;background:radial-gradient(ellipse at 73% 47%,#0a3e77 0%,#071e40 28%,#041329 65%);overflow:hidden}.hero-inner{min-height:350px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:30px}.hero-copy{padding:38px 0}.eyebrow{font-size:12px;letter-spacing:2px;color:#59baff;font-weight:800;margin-bottom:15px}.hero h1{font-size:clamp(36px,4.4vw,64px);letter-spacing:-2.5px;line-height:1.05;margin:0 0 14px}.hero h1 em{font-style:normal;color:#159dff}.hero p{font-size:clamp(17px,1.8vw,26px);color:#d6e2f5;max-width:670px;line-height:1.32;margin:0}.benefits{display:flex;gap:25px;margin-top:25px}.benefits span{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.3;border-right:1px solid #16406c;padding-right:20px}.benefits span:last-child{border:0}.benefits b{display:grid;place-items:center;background:#07549d;border-radius:50%;height:45px;width:45px;color:#25cfff;font-size:28px;flex-shrink:0}.hero-btn{display:inline-flex;margin-top:25px;gap:15px}.hero-art{height:310px;position:relative;display:flex;align-items:end;justify-content:center}.glow{position:absolute;inset:20% 0 0;background:radial-gradient(ellipse,#0c8aff55,transparent 65%);filter:blur(15px)}.laptop{position:relative;width:min(75%,430px);z-index:1;transform:perspective(700px) rotateY(-10deg)}.screen{aspect-ratio:1.65;background:linear-gradient(145deg,#061329,#0c2e6d);border:9px solid #0c1729;border-radius:14px 14px 4px 4px;box-shadow:0 0 0 2px #2786cc,0 20px 40px #0009;overflow:hidden;position:relative;display:grid;place-items:center}.screen-logo{z-index:1;text-align:center;display:grid}.screen-logo i{font-size:40px;color:#149aff}.screen-logo strong{font-size:32px;font-style:italic}.screen-logo small{color:#1fa9ff;font-weight:800}.wave{position:absolute;bottom:-80px;width:140%;height:150px;border:2px solid #1d70fc;border-radius:50%;transform:rotate(-12deg);box-shadow:0 -25px 50px #0642ba}.keyboard{height:15px;background:linear-gradient(#c0d9ee,#3a6a9e);clip-path:polygon(3% 0,97% 0,100% 100%,0 100%);border-radius:0 0 12px 12px}.phone{position:absolute;z-index:2;right:1%;bottom:4px;width:105px;height:210px;padding:6px;background:#020a17;border:2px solid #4b9dd6;border-radius:19px;transform:rotate(7deg);box-shadow:0 10px 20px #0009}.phone-screen{height:100%;background:linear-gradient(150deg,#071a38,#0a2d75);border-radius:13px;display:flex;align-items:center;justify-content:center;flex-direction:column}.phone-screen strong{font-size:17px;font-style:italic}.phone-screen small{font-size:10px;color:#36adff}.notch{position:absolute;top:9px;width:30px;height:5px;background:#020a17;border-radius:5px}.apps-section{padding:30px 0 45px}.section-heading{display:flex;gap:19px;align-items:flex-start}.heading-icon{font-size:46px;color:#24aaff;line-height:1}.section-heading h2{font-size:34px;margin:0 0 4px;letter-spacing:-.6px}.section-heading p{color:var(--muted);font-size:18px;margin:0}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:23px 0 17px;gap:12px}.search-box{border:1px solid #28537c;border-radius:11px;display:flex;align-items:center;gap:10px;padding:10px 13px;background:#071b37;width:min(100%,350px);color:#5ab5ff}.search-box input{background:transparent;border:0;outline:0;color:white;width:100%}.search-box input::placeholder{color:#92a8c3}.count{color:#92a8c3;font-size:14px}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.app-card{border:1px solid #2d6195;border-radius:16px;background:linear-gradient(135deg,#0a2243,#07172e 76%);padding:18px 18px 16px;min-height:187px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 1px 0 #ffffff12;transition:transform .2s,border-color .2s}.app-card:hover{transform:translateY(-3px);border-color:#55aaff}.app-top{display:flex;align-items:flex-start;gap:17px}.app-icon,.dialog-icon{display:grid;place-items:center;flex-shrink:0;width:76px;height:76px;border-radius:14px;font-size:46px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-dark));box-shadow:inset 0 1px 0 #ffffff50,0 8px 25px #0004}.green{--accent:#02b95b;--accent-dark:#00673b}.purple{--accent:#8d6cff;--accent-dark:#49329b}.orange{--accent:#ff9b25;--accent-dark:#ad4e0c}.cyan{--accent:#00bfe1;--accent-dark:#08708b}.red{--accent:#e7484d;--accent-dark:#8e1c2a}.blue{--accent:#149fff;--accent-dark:#0755a6}.app-content{min-width:0}.app-title{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.app-title h3{font-size:20px;letter-spacing:-.5px;margin:0}.version{color:#bde6ff;border:1px solid #137ad0;border-radius:50px;padding:3px 10px;font-size:12px;white-space:nowrap}.app-content p{color:#d4deed;line-height:1.42;font-size:14px;margin:9px 0}.app-buttons{display:grid;grid-template-columns:1.45fr 1fr;gap:10px;margin-top:14px}.app-buttons .primary,.app-buttons .secondary{font-size:14px;padding:11px 9px;white-space:nowrap}.secondary{background:#07172f;color:#e7f2ff;border:1px solid #4c83b5;border-radius:11px;font-weight:650}.secondary:hover{background:#102c51}.primary.disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.25)}.empty{padding:30px;text-align:center;color:var(--muted)}.info-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:5px 0 55px}.info-card{display:flex;gap:18px;background:#081b36;border:1px solid #234a73;padding:25px;border-radius:16px}.info-card h2{margin:0 0 9px}.info-card p{color:var(--muted);line-height:1.6;margin:0}.info-symbol{font-size:32px;color:#28b6ff}.text-link{display:inline-block;margin-top:12px;color:#51baff;font-weight:700}footer{border-top:1px solid #1a4774;background:#041126}.footer-features{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0;gap:12px;text-align:center;color:#d6e5f7}.footer-features span+span{border-left:1px solid #24537d}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #173858;padding:18px 0;color:#94aeca;font-size:13px}dialog{border:1px solid #3e86bd;background:#081b36;color:#fff;border-radius:18px;width:min(440px,calc(100% - 30px));padding:30px;box-shadow:0 30px 90px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:15px;top:12px;background:none;color:white;border:0;font-size:20px}.dialog-icon{margin-bottom:18px}.dialog-status{color:#8dc8f4}.dialog-actions{display:flex;gap:12px;margin-top:24px}.dialog-actions>*{padding:12px 18px} [hidden]{display:none!important}:focus-visible{outline:3px solid #61caff;outline-offset:3px}@media(max-width:1200px){.nav nav{gap:3px}.brand{min-width:175px}.nav-cta{display:none}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.wrap{width:min(100% - 32px,600px)}.nav{height:70px}.brand strong{font-size:24px}.brand-mark{font-size:34px}.brand small{font-size:12px}.menu-toggle{display:block}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:#06162d;border-bottom:1px solid #285783;flex-direction:column;align-items:stretch;padding:12px 16px}.nav nav.open{display:flex}.nav nav a{padding:14px}.hero-inner{grid-template-columns:1fr;gap:0}.hero-copy{padding:40px 0 8px}.hero h1{letter-spacing:-1px}.hero p{font-size:18px}.benefits{flex-wrap:wrap;gap:14px}.benefits span{font-size:12px;padding-right:10px}.benefits b{width:36px;height:36px;font-size:23px}.hero-art{height:235px;max-width:480px;width:100%;margin:auto}.laptop{width:72%}.phone{right:5%;height:160px;width:80px}.section-heading h2{font-size:27px}.section-heading p{font-size:15px}.heading-icon{font-size:35px}.app-grid,.info-section{grid-template-columns:1fr}.app-card{min-height:175px}.footer-features{grid-template-columns:repeat(2,1fr);text-align:left}.footer-features span+span{border:0}.footer-bottom{flex-direction:column}.toolbar{margin-top:20px}}@media(max-width:390px){.app-icon{width:60px;height:60px;font-size:36px}.app-title h3{font-size:18px}.app-buttons{grid-template-columns:1fr 1fr}.app-buttons .primary,.app-buttons .secondary{font-size:12px}.benefits{gap:10px}.benefits span{border:0}.hero-art{height:185px}}
