:root{
  --blue:#0b67d8; --blue2:#1683ff; --navy:#08264d; --text:#10233f;
  --muted:#62728a; --soft:#eef6ff; --line:#e4edf7; --white:#fff;
  --shadow:0 22px 60px rgba(18,70,125,.13); --radius:26px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
.container{width:min(1160px,92%);margin:auto}
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,237,247,.8)}
.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;color:var(--blue)}
.brand img{width:38px;height:38px}.nav-links{display:flex;gap:30px;align-items:center;font-size:14px;color:#40536d}
.nav-links a:hover{color:var(--blue)} .nav-cta,.btn{background:var(--blue);color:#fff;border:0;border-radius:999px;padding:13px 21px;font-weight:750;box-shadow:0 10px 24px rgba(11,103,216,.22)}
.menu{display:none;background:none;border:0;font-size:26px;color:var(--navy)}
.hero{overflow:hidden;background:radial-gradient(circle at 78% 30%,#dceeff 0,rgba(220,238,255,.5) 20%,transparent 48%),linear-gradient(180deg,#fff 0,#f5faff 100%);padding:72px 0 90px}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.eyebrow{color:var(--blue);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
h1{font-size:clamp(44px,6vw,72px);line-height:1.02;letter-spacing:-.045em;margin:15px 0 22px;color:var(--navy)}
h1 span{color:var(--blue)} h2{font-size:clamp(30px,4vw,46px);line-height:1.1;letter-spacing:-.03em;margin:8px 0 15px;color:var(--navy)}
h3{font-size:20px;margin:8px 0}.lead{font-size:18px;color:var(--muted);max-width:590px}
.store-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.store{display:flex;align-items:center;gap:9px;background:#080808;color:#fff;border-radius:9px;padding:9px 15px;min-width:178px}.store small{display:block;font-size:9px;line-height:1}.store strong{display:block;font-size:16px;line-height:1.2}.store .icon{font-size:23px}
.phones{position:relative;min-height:510px}.phone{position:absolute;width:245px;border:9px solid #111d2e;border-radius:34px;box-shadow:var(--shadow);overflow:hidden;background:#fff}.phone img{width:100%;height:470px;object-fit:cover;object-position:top}.phone.one{right:215px;top:25px;transform:rotate(-4deg)}.phone.two{right:25px;top:78px;transform:rotate(5deg)}
.section{padding:100px 0}.soft{background:var(--soft)}.center{text-align:center}.section-intro{max-width:650px;margin:0 auto 45px;color:var(--muted)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 12px 35px rgba(20,70,120,.05)}
.iconbox{width:48px;height:48px;border-radius:15px;background:#e8f3ff;color:var(--blue);display:grid;place-items:center;font-size:22px;font-weight:800}
.card p,.feature p{color:var(--muted);margin-bottom:0}.feature-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;margin-bottom:80px}.feature-row:last-child{margin-bottom:0}.feature-row.reverse .visual{order:2}
.screen{background:#fff;border-radius:34px;padding:12px;box-shadow:var(--shadow);max-width:360px;margin:auto}.screen img{border-radius:25px;max-height:620px;object-fit:cover;object-position:top;width:100%}
.bullets{list-style:none;padding:0;margin:25px 0}.bullets li{margin:13px 0;color:#465b76}.bullets li:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;margin-right:10px;background:#dff0ff;color:var(--blue);border-radius:50%;font-size:12px;font-weight:900}
.privacy{background:linear-gradient(135deg,#062b5a,#0b67d8);color:#fff;border-radius:34px;padding:55px}.privacy h2{color:#fff}.privacy p{color:#dbeaff}.privacy-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center}.privacy-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.privacy-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);padding:20px;border-radius:20px}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;align-items:start}.gallery .screen{max-width:430px}.cta{padding:70px 0;background:linear-gradient(110deg,#0872eb,#0a58bd);color:#fff;text-align:center}.cta h2{color:#fff}.cta p{color:#dbeaff}.cta .store{display:inline-flex;margin:10px 5px}
.faq{max-width:850px;margin:auto}.faq-item{border-bottom:1px solid var(--line);padding:22px 0}.faq-q{display:flex;justify-content:space-between;gap:20px;font-weight:750;cursor:pointer}.faq-a{display:none;color:var(--muted);padding-top:10px}.faq-item.open .faq-a{display:block}
.contact{display:flex;justify-content:space-between;gap:30px;align-items:center;background:#eef6ff;border-radius:28px;padding:38px}.footer{background:#061d3a;color:#dce9f8;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.footer h4{color:#fff;margin-top:0}.footer a{display:block;margin:9px 0;color:#b7c9df;font-size:14px}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:20px;color:#8fa7c4;font-size:13px}
.page-hero{padding:80px 0;background:linear-gradient(180deg,#f5faff,#fff)}.prose{max-width:820px;margin:auto}.prose h2{font-size:30px;margin-top:45px}.prose p,.prose li{color:#53677f}
.fade{opacity:0;transform:translateY(18px);transition:.7s ease}.fade.visible{opacity:1;transform:none}
@media(max-width:850px){
 .nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}
 .nav-links.open{display:flex}.menu{display:block}.nav-cta{display:none}
 .hero-grid,.feature-row,.privacy-grid{grid-template-columns:1fr;gap:45px}.feature-row.reverse .visual{order:0}
 .phones{min-height:460px}.phone{width:205px}.phone img{height:420px}.phone.one{right:46%;top:10px}.phone.two{right:4%;top:65px}
 .grid3,.grid2{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr}.privacy-cards{grid-template-columns:1fr}
}
@media(max-width:520px){.section{padding:70px 0}.hero{padding-top:50px}.phones{min-height:410px}.phone{width:170px;border-width:7px;border-radius:27px}.phone img{height:350px}.store{min-width:165px}.contact{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}}