@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#172d45;background:#f6f9fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{text-decoration:none;color:inherit}.page{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 65% 40%,#dbeafa 0,transparent 36%),#f6f9fc}.site-header,.hero,.steps,footer{width:min(1200px,calc(100% - 72px));margin-inline:auto}.site-header{height:92px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:11px;font:800 17px Manrope,Arial,sans-serif;letter-spacing:-.035em}.brand-mark,.mock-logo{width:38px;height:38px;border-radius:11px;background:#1769d9;color:white;display:grid;place-items:center;font:800 14px Manrope,Arial,sans-serif;box-shadow:0 7px 18px #1769d938}.header-tag{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#7a91a8}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:55px;min-height:610px;padding:35px 0 75px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#2667b5;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;background:#e7f1ff;border:1px solid #d5e6fb;border-radius:50px;padding:9px 13px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#2376d9;box-shadow:0 0 0 4px #c9e0fd}h1{font:800 clamp(44px,4.8vw,66px)/1.09 Manrope,Arial,sans-serif;letter-spacing:-.06em;margin:25px 0 21px;color:#102841}h1 em{font-style:normal;color:#2374d8}.hero-description{max-width:520px;color:#60768e;font-size:16px;line-height:1.68;margin:0 0 29px}.choice-grid{display:grid;gap:12px;max-width:545px}.choice{display:flex;align-items:center;gap:16px;padding:17px 19px;border-radius:16px;min-height:80px;transition:transform .18s,box-shadow .18s}.choice:hover{transform:translateY(-2px)}.choice:focus-visible{outline:3px solid #51a4ff;outline-offset:3px}.choice-browser{background:#1769d9;color:#fff;box-shadow:0 14px 27px #1769d92f}.choice-browser:hover{box-shadow:0 20px 32px #1769d944}.choice-android{background:#fff;border:1px solid #dbe6f0;box-shadow:0 7px 24px #213b5910}.choice-android:hover{box-shadow:0 12px 28px #213b5920}.choice-icon{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:12px;font-size:25px;font-weight:800}.choice-browser .choice-icon{background:#ffffff24}.choice-android .choice-icon{background:#e9f3ff;color:#1769d9}.choice-text{flex:1;min-width:0}.choice-text strong{display:block;font:800 16px Manrope,Arial,sans-serif;letter-spacing:-.025em}.choice-text small{display:block;margin-top:4px;font-size:12px;color:#d1e5ff}.choice-android .choice-text small{color:#7890a8}.choice-arrow{font-size:21px;opacity:.8}.quiet-note{font-size:12px;color:#8196aa;line-height:1.6;max-width:520px;margin:17px 0 0}.hero-art{position:relative;min-height:490px;display:grid;place-items:center}.glow{position:absolute;border-radius:50%;filter:blur(4px)}.glow-one{width:420px;height:420px;background:#c7e0ff;opacity:.62;top:15px;left:0}.glow-two{width:260px;height:260px;background:#d2eafa;opacity:.8;bottom:0;right:0}.mock-panel{position:relative;width:min(100%,510px);background:#fff;border:1px solid #dde8f3;border-radius:22px;padding:21px;box-shadow:0 28px 70px #16416927;transform:rotate(-2deg)}.mock-head{display:flex;align-items:center;gap:11px;border-bottom:1px solid #edf2f7;padding-bottom:19px}.mock-logo{width:30px;height:30px;border-radius:9px;font-size:11px}.mock-title{font:800 14px Manrope,Arial,sans-serif;flex:1}.mock-dots{letter-spacing:2px;color:#9eafc0}.mock-stats{display:flex;gap:11px;padding:19px 0}.mock-stats>div{background:#eef5fd;border-radius:11px;padding:14px 17px;flex:1}.mock-stats small{display:block;font-size:10px;color:#8194a8;font-weight:700}.mock-stats strong{display:block;font:800 27px Manrope,Arial,sans-serif;color:#173b66;margin-top:5px}.mock-list{border:1px solid #edf1f6;border-radius:12px;overflow:hidden}.mock-row{display:flex;gap:12px;align-items:center;padding:15px 12px;border-bottom:1px solid #edf1f6}.mock-row:last-child{border-bottom:0}.mock-time{font:800 12px Manrope,Arial,sans-serif;color:#31577f;width:41px}.mock-row>span:nth-child(2){min-width:0;flex:1}.mock-row b,.mock-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-row b{font-size:11px}.mock-row small{font-size:9px;color:#91a4b6;margin-top:4px}.status{font-size:8px;font-style:normal;font-weight:800;border-radius:40px;padding:6px 7px}.status.planned{background:#eaf2fb;color:#5880aa}.status.done{background:#def6e9;color:#2d885c}.report-chip{position:absolute;right:-12px;bottom:6px;display:flex;gap:11px;align-items:center;background:#fff;border:1px solid #dbe9f4;border-radius:13px;padding:11px 14px;box-shadow:0 13px 32px #17436b25;transform:rotate(3deg)}.check{width:31px;height:31px;background:#dff6e9;color:#319363;border-radius:50%;display:grid;place-items:center;font-weight:900}.report-chip strong,.report-chip small{display:block}.report-chip strong{font-size:11px}.report-chip small{font-size:9px;color:#8ca0b1;margin-top:3px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:23px 0 50px;border-top:1px solid #e0eaf3}.steps>div{padding:12px 10px}.steps span{display:block;color:#2778da;font-size:11px;font-weight:800;margin-bottom:11px}.steps strong{font:800 14px Manrope,Arial,sans-serif}.steps p{font-size:12px;color:#8295a8;margin:6px 0 0}footer{border-top:1px solid #e0eaf3;display:flex;justify-content:space-between;padding:19px 0 30px;font-size:11px;color:#9cafbf}
@media(max-width:900px){.site-header,.hero,.steps,footer{width:min(100% - 42px,680px)}.hero{grid-template-columns:1fr;gap:25px;min-height:0;padding:25px 0 50px}.hero-art{min-height:380px}.mock-panel{max-width:460px}.steps{gap:4px}}
@media(max-width:600px){.site-header,.hero,.steps,footer{width:calc(100% - 34px)}.site-header{height:72px}.header-tag{display:none}.hero{padding:20px 0 40px}.eyebrow{font-size:9px}h1{font-size:clamp(38px,11vw,52px);margin:21px 0 17px}.hero-description{font-size:14px;line-height:1.6}.choice{min-height:75px;padding:13px;gap:12px}.choice-icon{width:42px;height:42px}.choice-text strong{font-size:14px}.choice-text small{font-size:10px}.hero-art{min-height:300px}.mock-panel{max-width:380px;padding:14px}.glow-one{width:300px;height:300px}.report-chip{right:0;bottom:-2px}.steps{grid-template-columns:1fr;padding:12px 0 25px;gap:0}.steps>div{display:flex;align-items:baseline;gap:13px;padding:11px 0;border-bottom:1px solid #e4edf5}.steps span{margin:0}.steps p{margin:0 0 0 auto;text-align:right}footer{padding:18px 0 25px}}
@media(max-width:390px){.hero-art{min-height:260px}.mock-stats{padding:12px 0}.mock-row{padding:10px 8px}.report-chip{right:4px;bottom:-8px}.steps p{display:none}}