:root{--blue:#0878f9;--ink:#0c1424;--muted:#657086;--line:#e6eaf0;--soft:#f7f9fc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}
a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 28px}
header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;background:#fff;position:sticky;top:0;z-index:20}
nav{display:flex;align-items:center;justify-content:space-between;width:100%}.brand{font-size:30px;font-weight:800}.links{display:flex;gap:30px;color:#485269}.links a:hover{color:var(--blue)}
.hero{background:linear-gradient(120deg,#edf7ff 0%,#f6f0ff 48%,#fff0e4 100%);padding:76px 0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#55739d;font-weight:700;font-size:13px}.hero h1{font-size:58px;line-height:1.03;margin:16px 0 20px;letter-spacing:-2px}.hero p{font-size:21px;line-height:1.55;color:#536078;max-width:590px}
.buttons{display:flex;gap:14px;margin-top:28px}.btn{display:inline-block;padding:15px 24px;border-radius:9px;font-weight:700;border:1px solid #a8c7ef}.primary{background:var(--blue);color:#fff;border-color:var(--blue)}
.mock{background:linear-gradient(135deg,#116ce8,#8148ff 58%,#ff8a45);border-radius:26px;padding:34px;box-shadow:0 25px 70px #1c4b7c2b}.screen{background:#151a25;color:#fff;border-radius:17px;padding:24px;box-shadow:0 16px 35px #0005}.screen-head{font-size:24px;font-weight:800;margin-bottom:16px}.clip{background:#202838;border-radius:9px;padding:11px 14px;margin:8px 0}.clip span{color:#9ba7bc;margin-right:12px}
section{padding:72px 0}.section-title{font-size:40px;letter-spacing:-1px;margin:8px 0 30px}.apps-card{border:1px solid var(--line);border-radius:20px;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:40px;box-shadow:0 8px 30px #18375d0b}
.app-id{display:flex;gap:22px;align-items:flex-start}.icon{width:90px;height:90px;border-radius:22px;background:linear-gradient(#282d38,#050609);color:#fff;display:grid;place-items:center;font-size:55px;font-weight:800;box-shadow:0 7px 20px #0003}
h2,h3{margin-top:0}.muted{color:var(--muted);line-height:1.6}.features{display:grid;gap:18px}.feature{display:flex;gap:14px}.dot{width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:#eaf3ff;color:var(--blue);display:grid;place-items:center;font-weight:800}
.support-hero{padding:60px 0;background:linear-gradient(120deg,#eaf6ff,#f2edff,#fff0e3)}.support-box{background:var(--blue);color:#fff;border-radius:18px;padding:25px 28px;margin-top:28px;max-width:680px}.support-box a{text-decoration:underline}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:16px;padding:24px;min-height:210px}.card b{display:block;font-size:18px;margin:12px 0 8px}
.content{max-width:820px}.content h1{font-size:46px}.content h2{margin-top:38px}.content p,.content li{color:#566176;line-height:1.75}
footer{border-top:1px solid var(--line);padding:34px 0;color:#6a7486}.foot{display:flex;justify-content:space-between;gap:30px;align-items:center}.foot-links{display:flex;gap:20px}
@media(max-width:800px){.links{gap:14px;font-size:14px}.hero-grid,.apps-card{grid-template-columns:1fr}.hero{padding:50px 0}.hero h1{font-size:43px}.cards{grid-template-columns:1fr 1fr}.mock{order:-1}.foot{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.wrap{padding:0 18px}.brand{font-size:25px}.links a:nth-child(1){display:none}.hero h1{font-size:38px}.cards{grid-template-columns:1fr}.buttons{flex-direction:column}.btn{text-align:center}.hero p{font-size:18px}}