:root{--ink:#10243a;--muted:#607286;--blue:#356f9f;--blue2:#1e557f;--ice:#e9f3ff;--bg:#f7f9fc;--card:#fff;--line:#dce5ef;--shadow:0 24px 70px rgba(28,64,96,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}img{display:block;width:100%}
.topbar{height:76px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:36px}.logo{display:flex;align-items:center;gap:10px;font-weight:850;font-size:20px}.logo-icon{width:42px;height:42px;border-radius:13px;display:inline-grid;place-items:center;background:linear-gradient(145deg,var(--blue),var(--blue2));color:white;font-size:12px;font-weight:900;letter-spacing:.04em}.topbar nav{margin-left:auto;display:flex;gap:28px;color:var(--muted);font-size:14px;font-weight:650}.topbar select{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 11px;color:var(--ink)}
.hero{max-width:1180px;min-height:690px;margin:auto;padding:68px 28px 90px;display:grid;grid-template-columns:1.12fr .88fr;gap:90px;align-items:center}.pill{display:inline-block;background:var(--ice);color:var(--blue2);border-radius:999px;padding:8px 13px;font-size:13px;font-weight:800}.hero h1{font-size:clamp(52px,6.2vw,82px);line-height:.96;letter-spacing:-.055em;margin:20px 0 26px}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:20px;line-height:1.65;color:var(--muted);max-width:650px}.hero-actions{display:flex;align-items:center;gap:20px;margin:34px 0 42px;flex-wrap:wrap}.cta{background:var(--ink);color:#fff;border-radius:14px;padding:15px 21px;font-weight:800}.android{font-size:13px;color:var(--muted)}.facts{display:flex;gap:42px}.facts div{display:flex;flex-direction:column}.facts b{font-size:22px}.facts span{font-size:12px;color:var(--muted);margin-top:3px}
.hero-visual{position:relative;min-height:560px;display:grid;place-items:center}.glow{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,#cfe6ff 0,#eaf4ff 45%,rgba(234,244,255,0) 72%)}.device{position:relative;width:300px;max-height:610px;overflow:hidden;background:#fff;border:9px solid #fff;border-radius:31px;box-shadow:var(--shadow);z-index:1}.device img{height:auto}.main-device{width:290px;max-height:585px;transform:rotate(1.5deg)}.float-card{position:absolute;z-index:2;right:-18px;bottom:55px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px 18px;display:flex;align-items:center;gap:11px;box-shadow:0 16px 45px rgba(28,64,96,.14)}.float-card>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#dff3e9;color:#19734b;font-weight:900}.float-card div{display:flex;flex-direction:column}.float-card small{color:var(--muted);margin-top:3px}
.trust{background:#10243a;color:#fff;padding:28px;display:flex;justify-content:center;align-items:center;gap:70px}.trust>span{color:#a9c4dc;font-size:13px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.trust div{display:flex;gap:20px;align-items:center}.trust i{font-style:normal;color:#6f91af}
.feature{max-width:1080px;margin:130px auto;padding:0 28px;display:grid;grid-template-columns:1.05fr .95fr;gap:105px;align-items:center}.feature.alt .copy{order:2}.feature.alt .screen-stage{order:1}.kicker{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.12em}.copy h2,.all-copy h2,.final h2{font-size:clamp(36px,4.3vw,56px);line-height:1.06;letter-spacing:-.045em;margin:18px 0 24px}.copy>p,.all-copy p{font-size:18px;line-height:1.75;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.chips span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 12px;font-size:13px;font-weight:700}.screen-stage{min-height:620px;border-radius:36px;background:linear-gradient(145deg,#e7f2ff,#f2f6fb);display:grid;place-items:center;padding:40px;overflow:hidden}.screen-stage .device{max-height:560px}.screen-stage .wide{width:320px}.quote{margin-top:28px;padding:18px 20px;border-left:4px solid var(--blue);background:#fff;border-radius:0 14px 14px 0;display:flex;flex-direction:column;gap:5px}.quote span{color:var(--muted)}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.metric-row div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.metric-row strong{font-size:27px;display:block}.metric-row small{color:var(--muted);line-height:1.4}
.all-in-one{max-width:1120px;margin:150px auto 100px;border-radius:38px;background:var(--ink);color:#fff;min-height:500px;padding:60px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;overflow:hidden}.all-copy p{color:#b7c9d9}.mini-screen{width:270px;max-height:430px;overflow:hidden;border:8px solid white;border-radius:28px;box-shadow:0 20px 60px rgba(0,0,0,.3);justify-self:center;transform:translateY(80px)}
.final{text-align:center;padding:80px 24px 120px}.final h2{max-width:720px;margin:24px auto 18px}.final p{color:var(--muted)}.store{display:inline-block;margin-top:22px;background:#111;color:#fff;border-radius:13px;padding:14px 20px;font-weight:800}
footer{border-top:1px solid var(--line);max-width:1180px;margin:auto;padding:36px 28px 55px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;color:var(--muted)}footer>div:nth-child(2){display:flex;gap:24px;font-size:14px}footer small{grid-column:1/-1}
@media(max-width:820px){.topbar{padding:0 18px}.topbar nav{display:none}.hero{grid-template-columns:1fr;text-align:center;padding-top:40px;gap:35px}.hero-copy{display:flex;flex-direction:column;align-items:center}.facts{justify-content:center;gap:25px}.hero-visual{min-height:530px}.float-card{right:2%}.trust{flex-direction:column;gap:15px;text-align:center}.trust div{gap:10px;flex-wrap:wrap;justify-content:center}.feature,.feature.alt{grid-template-columns:1fr;gap:45px;margin:90px auto}.feature.alt .copy,.feature.alt .screen-stage{order:initial}.copy{text-align:center}.chips{justify-content:center}.screen-stage{min-height:570px}.all-in-one{margin:100px 18px 70px;padding:40px 24px;grid-template-columns:1fr;text-align:center}.mini-screen{transform:translateY(70px)}footer{grid-template-columns:1fr;text-align:center}footer .logo{justify-content:center}footer>div:nth-child(2){justify-content:center;flex-wrap:wrap}footer small{grid-column:auto}.metric-row{text-align:left}}
@media(max-width:430px){.hero h1{font-size:49px}.facts{gap:16px}.facts b{font-size:19px}.facts span{font-size:10px}.device{width:265px}.main-device{width:270px}.screen-stage{padding:26px 12px}.screen-stage .wide{width:275px}.feature{padding:0 18px}.all-in-one{border-radius:28px}.topbar .logo{font-size:18px}}

.legal{max-width:760px;margin:80px auto;padding:0 24px}.legal h1{font-size:52px}.legal p{font-size:18px;line-height:1.7;color:var(--muted)}.legal a{color:var(--blue);font-weight:800}


/* v2.2 – compact above-the-fold desktop home */
@media (min-width:821px){
  .topbar{height:64px}
  .hero{
    min-height:calc(100vh - 64px);
    max-height:760px;
    padding-top:34px;
    padding-bottom:42px;
    gap:64px;
  }
  .hero h1{font-size:clamp(48px,5.2vw,70px);margin:16px 0 20px}
  .hero-copy>p{font-size:17px;line-height:1.55}
  .hero-actions{margin:25px 0 28px}
  .facts{gap:34px}
  .hero-visual{min-height:500px}
  .main-device{width:245px;max-height:495px}
  .glow{width:380px;height:380px}
  .float-card{bottom:38px;right:0;padding:11px 14px}
}
@media (min-width:821px) and (max-height:760px){
  .hero{min-height:620px;padding-top:22px;padding-bottom:28px}
  .hero h1{font-size:54px}
  .hero-copy>p{font-size:16px}
  .hero-actions{margin:20px 0 22px}
  .hero-visual{min-height:455px}
  .main-device{width:220px;max-height:450px}
  .facts b{font-size:19px}
}


/* v3 – brand and presentation refinement */
.brand-mark{
  width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:flex-end;
  justify-content:center;gap:1px;padding:7px 5px 6px;
  background:linear-gradient(145deg,#3778aa,#174b75);color:#fff;
  box-shadow:0 7px 18px rgba(31,91,137,.18)
}
.brand-mark span{font-family:Georgia,serif;font-style:italic;font-size:26px;line-height:.9;font-weight:700}
.brand-mark b{font-size:8px;line-height:1.2;margin-bottom:2px;letter-spacing:-.02em}
.brand-word{letter-spacing:-.035em}.brand-word b{color:var(--blue);font-weight:900}
.final-mark{margin:auto;width:54px;height:54px;border-radius:17px}
.final-mark span{font-size:32px}.final-mark b{font-size:9px}
.device:before{
  content:"";position:absolute;z-index:4;top:7px;left:50%;transform:translateX(-50%);
  width:52px;height:5px;border-radius:999px;background:rgba(16,36,58,.12);pointer-events:none
}
.screen-stage{position:relative}
.screen-stage:after{
  content:"";position:absolute;inset:18px;border:1px solid rgba(53,111,159,.08);
  border-radius:27px;pointer-events:none
}
.feature .device{transition:transform .25s ease,box-shadow .25s ease}
.feature .device:hover{transform:translateY(-4px);box-shadow:0 30px 80px rgba(28,64,96,.17)}
.cta{transition:transform .18s ease,background .18s ease}.cta:hover{transform:translateY(-2px);background:#1d3b58}
.topbar{position:relative;z-index:10}
@media(min-width:821px){
  /* Intentionally much shorter than v2.2: first section fits a normal desktop viewport. */
  .hero{min-height:560px;height:calc(100vh - 64px);max-height:650px;padding-top:18px;padding-bottom:24px}
  .hero h1{font-size:clamp(45px,4.7vw,63px);margin:13px 0 17px}
  .hero-copy>p{font-size:16px;line-height:1.5;max-width:590px}
  .hero-actions{margin:19px 0 22px}
  .hero-visual{min-height:430px}
  .main-device{width:210px;max-height:430px;border-width:7px;border-radius:27px}
  .glow{width:330px;height:330px}
  .float-card{bottom:24px;font-size:12px}
  .facts b{font-size:18px}.facts span{font-size:11px}
}
@media(max-width:820px){
  .brand-mark{width:40px;height:40px}
  .hero{padding-top:24px}
  .hero h1{font-size:46px}
  .hero-visual{min-height:480px}
  .main-device{width:235px;max-height:475px}
}


/* v3.1 – mobile and tablet pass */
@media(max-width:820px){
  body{overflow-x:hidden}
  .topbar{height:64px;gap:12px;padding:0 16px}
  .topbar .logo{margin-right:auto}
  .topbar select{padding:8px 9px}
  .hero{min-height:auto;padding:34px 18px 58px;gap:20px}
  .hero h1{font-size:clamp(42px,12vw,56px);line-height:.98;margin:16px 0 18px}
  .hero-copy>p{font-size:16px;line-height:1.55}
  .hero-actions{justify-content:center;margin:24px 0 30px}
  .cta{width:100%;max-width:330px;text-align:center}
  .facts{width:100%;max-width:430px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .facts div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 7px}
  .hero-visual{min-height:440px}
  .glow{width:320px;height:320px}
  .main-device{width:220px;max-height:430px}
  .float-card{right:50%;transform:translateX(50%);bottom:4px;white-space:nowrap}
  .trust{padding:24px 16px}
  .trust>span{font-size:11px}
  .feature,.feature.alt{margin:76px auto;padding:0 18px;gap:30px}
  .copy h2,.all-copy h2,.final h2{font-size:clamp(34px,9vw,46px)}
  .copy>p,.all-copy p{font-size:16px;line-height:1.65}
  .screen-stage{min-height:510px;border-radius:28px;padding:25px 10px}
  .screen-stage .device{width:235px;max-height:465px}
  .screen-stage .wide{width:255px}
  .metric-row{grid-template-columns:1fr 1fr}
  .all-in-one{min-height:auto;margin:90px 16px 60px;padding:42px 22px 0}
  .mini-screen{width:220px;max-height:360px;margin-top:15px}
  .final{padding:65px 20px 85px}
}
@media(max-width:390px){
  .brand-word{font-size:17px}
  .hero h1{font-size:41px}
  .facts b{font-size:16px}
  .facts span{font-size:9px}
  .screen-stage .device{width:220px}
  .screen-stage .wide{width:235px}
  .metric-row{grid-template-columns:1fr}
  footer>div:nth-child(2){gap:14px}
}

/* v4 legal/support */
.legal-top{border-bottom:1px solid var(--line)}
.legal{max-width:820px;margin:64px auto 100px;padding:0 26px}
.legal h1{font-size:clamp(42px,6vw,64px);letter-spacing:-.05em;margin:0 0 18px}
.legal-lead{font-size:19px!important;color:var(--muted);margin-bottom:44px}
.legal section{padding:26px 0;border-top:1px solid var(--line)}
.legal section h2{font-size:22px;margin:0 0 10px}
.legal section p{font-size:16px;line-height:1.75;color:var(--muted);margin:0}
.notice{margin:34px 0;padding:18px 20px;border-radius:15px;background:#fff3cd;border:1px solid #f0d98a;line-height:1.55}
.notice code{font-weight:800}