:root{
  --bg:#0b1226;         /* navy-ink */
  --card:#0f1833cc;     /* translucent card */
  --brand:#2147ff;      /* electric navy */
  --brand-2:#6ae3ff;    /* cyan accent */
  --brand-3:#b095ff;    /* purple accent */
  --text:#e6e8ef;
  --muted:#aab1c6;
  --ring: rgba(255,255,255,.12);
  --glass: rgba(255,255,255,.08);
  --shadow: 0 20px 40px rgba(0,0,0,.35);
  --radius:16px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit}

/* --- Layout helpers --- */
.container{max-width:1200px;margin:0 auto;padding:32px 20px}
.center{text-align:center}
.grid{display:grid;gap:24px}

/* --- Fancy animated background --- */
.hero{position:relative;overflow:hidden;isolation:isolate;padding:110px 20px 80px;border-bottom:1px solid var(--ring)}
.hero::before,.hero::after{content:"";position:absolute;inset:-20%;z-index:-1;background:radial-gradient(700px 380px at 15% 10%, #2147ff55, transparent 60%),radial-gradient(600px 320px at 85% 15%, #6ae3ff44, transparent 60%),radial-gradient(800px 420px at 50% 120%, #b095ff33, transparent 60%);filter:blur(30px);animation:floatBg 18s ease-in-out infinite alternate;transform:translateZ(0)}
.hero::after{animation-duration:24s;animation-direction:alternate-reverse;opacity:.85}
@keyframes floatBg{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(0,-30px,0) scale(1.05)}}

/* --- Glass card --- */
.glass{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--ring);border-radius:var(--radius);box-shadow:var(--shadow)}

/* --- Hero content --- */
.title{font-weight:800;font-size:clamp(28px,4.5vw,56px);line-height:1.05;margin:0 0 10px}
.subtitle{color:var(--muted);font-size:clamp(14px,2.1vw,18px);max-width:760px;margin:0 auto 24px}

/* --- Download buttons --- */
.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn{--b:var(--brand);display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;text-decoration:none;font-weight:700;background:linear-gradient(135deg,var(--b),#3e5bff 60%);color:#fff;box-shadow:0 10px 20px rgba(33,71,255,.25);border:1px solid #5d75ff66;transition:transform .18s ease,box-shadow .18s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px rgba(33,71,255,.35)}
.btn.alt{--b:#1e293b;background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}
.flag{font-size:18px;opacity:.95}
.hint{font-size:12px;color:#c8cfe6;opacity:.9}

/* --- Trust row --- */
.trust{margin-top:26px;color:#a9b2cc;font-size:13px;display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.trust .chip{border:1px solid var(--ring);padding:8px 12px;border-radius:999px;background:#0f1630aa}

/* --- Testimonials --- */
.section{padding:64px 0}
.section h2{font-size:clamp(22px,3.2vw,36px);margin:0 0 8px;text-align:center}
.section p.lead{color:var(--muted);text-align:center;margin:0 auto 26px;max-width:720px}
.slider{position:relative;max-width:980px;margin:0 auto}
.slides{display:flex;gap:20px;transition:transform .5s cubic-bezier(.22,.61,.36,1);will-change:transform}
.t-card{min-width:100%;padding:28px;background:linear-gradient(180deg,#0f1833cc,#0c142bcc);border:1px solid var(--ring);border-radius:18px;box-shadow:var(--shadow)}
.t-head{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.avatar{width:44px;height:44px;border-radius:50%;background:#1d2644;border:1px solid var(--ring);display:grid;place-items:center;font-weight:700}
.stars{color:#ffd66b}
.t-quote{font-size:18px;line-height:1.6;margin:6px 0 10px}
.t-meta{color:#9fb0d3;font-size:14px}

/* Bullets & arrows */
.bullets{display:flex;justify-content:center;gap:10px;margin-top:16px}
.dot{width:8px;height:8px;border-radius:50%;background:#6070a5;opacity:.5;transition:opacity .2s,transform .2s}
.dot.active{opacity:1;transform:scale(1.25);background:linear-gradient(135deg,var(--brand),var(--brand-2))}
.nav{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.nav button{pointer-events:auto;appearance:none;background:#0f1630cc;border:1px solid var(--ring);color:#eaf0ff;padding:10px 12px;border-radius:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;transition:transform .15s ease,background .2s}
.nav button:hover{transform:translateY(-1px);background:#151e3dcc}

/* --- About --- */
.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}
.about-card{padding:26px}
.list{display:grid;gap:10px;margin-top:12px}
.item{display:flex;gap:10px;align-items:flex-start}
.badge{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--brand),var(--brand-3));display:grid;place-items:center;font-size:16px}

/* Footer CTA */
.foot-cta{margin-top:20px;padding:22px;border-radius:14px;border:1px dashed #4b5a8a;background:#0e1632aa;text-align:center}

/* Responsive */
@media (max-width:960px){.t-card{min-width:86%}.about-grid{grid-template-columns:1fr}}

/* Accessibility */
@media (prefers-reduced-motion:reduce){.hero::before,.hero::after{animation:none}.slides{transition:none}.btn{transition:none}}