:root{--bg:#0b1323;--light:#f4f7fd;--text:#ecf2ff;--muted:#a2afc5;--blue:#4f90ff;--edge:#293b55;--serif:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--serif)}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.top{height:84px;border-bottom:1px solid #202c40;display:flex;align-items:center;justify-content:space-between;padding:0 max(35px,calc((100vw - 1180px)/2));position:sticky;top:0;background:#0b1323ee;backdrop-filter:blur(18px);z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:800;letter-spacing:-1.2px;line-height:1}.brand img{width:37px;height:37px;object-fit:contain}.brand small{display:block;letter-spacing:2px;font-size:8px;color:#8496b1;margin-top:5px}.brand-blue{color:#58a3ff}nav{display:flex;gap:31px}nav a,.textlink{color:#c0cbe0;font-size:13px;font-weight:700}nav a:hover,.textlink:hover{color:white}.head-cta{display:flex;align-items:center;gap:25px}.btn{background:#337ce7;color:white;border-radius:12px;display:inline-flex;gap:25px;align-items:center;justify-content:center;font-size:13px;font-weight:800;box-shadow:0 11px 35px #1762bb44}.btn:hover{background:#5c9dff}.btn.mini{padding:12px 18px}.btn.large,.outline.large{padding:18px 24px}.outline{border:1px solid #51647c;color:#edf3ff;border-radius:12px;display:inline-flex;gap:25px;align-items:center;font-weight:800;font-size:13px}.outline:hover{border-color:#73adff}.menu-toggle{display:none}.hero{min-height:680px;display:grid;grid-template-columns:.94fr 1.06fr;gap:20px;align-items:center;padding-top:50px;padding-bottom:90px}.release{display:inline-flex;align-items:center;gap:10px;color:#a5caef;font-size:10px;font-weight:800;letter-spacing:1.3px;padding:9px 14px;border:1px solid #2a4864;background:#14283a;border-radius:100px}.release i{background:#5b7086;height:4px;width:4px;border-radius:50%}.pulse,.green-dot{width:7px;height:7px;background:#45ddac;border-radius:50%;box-shadow:0 0 0 4px #45ddac1b}.hero h1{font-size:clamp(43px,4.7vw,72px);line-height:1.11;letter-spacing:-4.5px;margin:23px 0}.hero h1 em,h2 em{font-style:normal;color:#62a2fb}.hero-copy>p{line-height:1.88;font-size:15px;color:#a9b6cb;max-width:450px}.hero-copy>p strong{color:#edf4ff}.buttons{display:flex;gap:12px;margin:36px 0 35px;flex-wrap:wrap}.hero-facts{display:flex;gap:16px;flex-wrap:wrap;color:#90a5c0;font-size:10px;font-weight:700}.hero-facts b{color:#51cca7}.hero-visual{position:relative;min-width:0}.blur-orbit{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#2673de70,transparent 63%);filter:blur(38px)}.window{position:relative;border:1px solid #425978;background:#f6f9ff;border-radius:16px;transform:perspective(950px) rotateY(-5deg) rotateX(3deg);box-shadow:25px 28px 90px #020a186f;overflow:hidden;min-height:438px}.window-bar{height:37px;background:#eaf0f8;border-bottom:1px solid #dce5ee;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#8a9bac;font-size:9px}.dots{display:flex;gap:4px}.dots i{width:6px;height:6px;border-radius:100%;background:#c1cedb}.address{width:185px;background:white;border-radius:5px;text-align:center;padding:5px;color:#71829d}.app-preview{display:grid;grid-template-columns:166px 1fr;min-height:405px;color:#263b57;font-family:DM Sans,sans-serif}.app-preview aside{padding:14px 8px;background:#f0f5fb;border-right:1px solid #e0e6f0}.appbrand{font-weight:800;font-size:12px;padding:5px 8px 15px;display:flex;align-items:center;gap:8px}.appbrand img{width:22px}.compose{font-weight:700;font-size:10px;background:#438aef;color:white;padding:10px;border-radius:7px;margin-bottom:14px}.navrow{font-size:10px;padding:10px 8px;border-radius:7px;margin:2px 0;color:#677891}.navrow.sel{background:#dbe9ff;color:#2163d4;font-weight:800}.navrow b{float:right}.navcap{font-size:7px;letter-spacing:1px;font-weight:800;color:#8fa0b3;margin:18px 8px 5px}.preview-main{padding:16px 15px;min-width:0}.preview-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8edf3;padding-bottom:12px}.preview-head h3{font-size:15px;margin:0}.preview-head h3 small{font-size:8px;color:#8ba0b7;font-weight:400;margin-left:6px}.preview-tabs{display:flex;gap:16px;font-size:9px;padding:13px 0;border-bottom:1px solid #e7ecf5;color:#93a1b5}.preview-tabs strong{color:#317cda}.mock-mail{display:flex;gap:9px;padding:12px 4px;border-bottom:1px solid #e9eef5;align-items:center}.mock-mail.active{background:#eaf2ff;border-radius:7px}.mock-avatar{flex:none;width:25px;height:25px;border-radius:9px;display:grid;place-items:center;background:var(--c);color:white;font-size:10px;font-weight:bold}.mock-mail>div:nth-child(2){display:grid;gap:2px;min-width:0}.mock-mail b,.mock-mail strong{font-size:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mock-mail small{font-size:8px;color:#95a3b4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-mail time{margin-left:auto;font-size:7px;color:#849ab0;white-space:nowrap}.floating-note{position:absolute;right:-18px;bottom:0;display:flex;align-items:center;gap:12px;border-radius:14px;background:#182c47;border:1px solid #34547b;box-shadow:0 12px 30px #0006;padding:16px}.floating-note>span{color:#50e5ab}.floating-note strong,.floating-note small{display:block;font-size:11px}.floating-note small{color:#94a9c1;margin-top:5px;font-size:9px}.strip{border-block:1px solid #26364c;background:#101d31}.strip-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:25px}.strip-inner>span{font-size:9px;color:#7892b5;font-weight:800;letter-spacing:2px}.strip-inner>div{display:flex;flex-wrap:wrap;gap:35px;color:#a0b4cf;font-size:15px;letter-spacing:2px}.section{padding-top:110px;padding-bottom:120px}.kicker{font-size:10px;color:#70b0ff;letter-spacing:2.5px;font-weight:800}h2{font-size:clamp(33px,4vw,55px);letter-spacing:-2.5px;line-height:1.2;margin:17px 0}.section-lead{font-size:14px;max-width:570px;line-height:1.9;color:#95a9c4;margin-bottom:35px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{background:#14223a;border:1px solid #273b55;padding:28px;border-radius:19px;min-height:218px}.feature.featured{grid-column:span 2;background:linear-gradient(120deg,#182f51,#174c7f)}.feature-icon{width:44px;height:44px;border-radius:12px;background:#25446a;color:#85bbff;display:grid;place-items:center;font-size:26px}.feature h3{font-size:17px;letter-spacing:-.6px;margin:18px 0 9px}.feature p{font-size:12px;line-height:1.8;color:#afc0d7;max-width:410px}.feature-illus{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.feature-illus span{background:#e7f1ff;border-radius:6px;color:#416184;padding:9px;font-size:10px}.feature-illus b{color:#276ad4;margin-left:9px}.mid{background:linear-gradient(115deg,#113866,#19213a);padding:100px 0;border-block:1px solid #284262}.mid-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.mid-grid p{color:#b9c8df;line-height:1.9;max-width:470px;font-size:14px}.mid-grid .smallprint{font-size:10px;color:#91a8c4;max-width:370px}.demo-card{background:#101e32;border-radius:18px;border:1px solid #385477;padding:32px;box-shadow:0 30px 75px #0003}.demo-card-top{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:800;color:#80bdf7;letter-spacing:1px}.demo-card-top strong{margin-left:auto;background:#263b56;padding:9px;border-radius:6px;color:#bbd7f8}.demo-card h3{font-size:27px;letter-spacing:-1px}.demo-rows{display:grid;gap:13px;color:#aad0f0;font-size:12px;padding-top:18px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:55px 0}.steps article{border-top:1px solid #38618c;padding-top:23px}.steps article>span{color:#7db8ff;font-size:11px;font-weight:800;letter-spacing:1px}.steps h3{font-size:20px}.steps p{font-size:12px;color:#a6b5ca;line-height:1.9}.requirements{border:1px solid #27415d;background:#122138;padding:18px 25px;border-radius:12px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#9db6d5}.requirements strong{color:#d8e8fc}.roadmap{padding:85px 0;background:#101d31;border-block:1px solid #283d57}.roadmap-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.roadmap p{font-size:14px;color:#a3b6cc;line-height:1.9}.roadmap-items{display:grid;gap:12px}.roadmap-items>div{border:1px solid #304862;border-radius:12px;padding:23px;background:#192b43}.roadmap-items b,.roadmap-items strong,.roadmap-items span{display:block}.roadmap-items b{color:#65d4a9;font-size:9px;letter-spacing:1.4px}.roadmap-items>div:last-child b{color:#81b5fa}.roadmap-items strong{font-size:17px;margin:7px 0}.roadmap-items span{color:#9aacc4;font-size:11px}.download-block{margin-top:100px;margin-bottom:100px;background:linear-gradient(115deg,#2c72d0,#144b96);padding:70px 40px;border-radius:23px;text-align:center;position:relative;overflow:hidden}.download-block>*{position:relative}.download-block .kicker{color:#d4eaff}.download-block h2{font-size:55px;margin-bottom:16px}.download-block h2 em{color:#b9e5ff}.download-block p{font-size:13px;color:#d7e6ff}.btn.light{background:white;color:#1455ab;margin-top:22px}.btn.light:hover{background:#d9eaff}.download-extras{display:flex;gap:25px;justify-content:center;font-size:11px;margin:25px 0}.download-note{font-size:10px!important}.footer{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:30px;padding:20px 0 55px}.footer p,.footer a,.footer span{display:block;font-size:11px;color:#99aac4;margin:14px 0}.footer .brand{display:flex;font-size:23px;margin:0}.footer b{font-size:10px;letter-spacing:1.4px;color:#dce7f6}.footer .copyright{grid-column:span 3;border-top:1px solid #25354b;padding-top:20px;font-size:10px;color:#687f9a}
@media(max-width:1050px){nav{gap:14px}.hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{max-width:680px;margin:auto;width:100%}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.buttons,.hero-facts{justify-content:center}}@media(max-width:740px){.wrap{width:min(100% - 32px,1180px)}.top{padding:0 16px;height:70px}.top nav,.head-cta{display:none}.menu-toggle{display:block;color:white;background:none;border:1px solid #324b68;border-radius:9px;font-size:18px;padding:5px 11px}.top.opened nav{display:flex;position:absolute;top:69px;left:0;right:0;flex-direction:column;padding:25px;background:#101f35}.hero{padding-block:75px}.hero h1{letter-spacing:-2.5px}.hero-visual{width:100%}.window{transform:none}.app-preview{grid-template-columns:104px 1fr}.app-preview aside{padding:8px 4px}.navrow{font-size:8px;padding:10px 4px}.appbrand{font-size:10px}.preview-main{padding:10px 6px}.mock-mail small{display:none}.floating-note{right:0;bottom:-26px}.strip-inner,.requirements{flex-direction:column}.strip-inner>div{gap:16px}.features{grid-template-columns:1fr}.feature.featured{grid-column:span 1}.mid-grid,.roadmap-grid{grid-template-columns:1fr;gap:35px}.steps{grid-template-columns:1fr;gap:14px}.section{padding-block:75px}.footer{grid-template-columns:1fr 1fr}.footer>div:first-child,.footer .copyright{grid-column:span 2}.download-block{margin-block:55px}.download-block h2{font-size:40px}.buttons{flex-direction:column}.download-extras{flex-direction:column;gap:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}