:root{
  --bg:#f8fafc;         /* light background */
  --card:#ffffffcc;     /* translucent card */
  --brand:#2147ff;      /* electric navy */
  --brand-2:#0ea5e9;    /* cyan accent */
  --brand-3:#8b5cf6;    /* purple accent */
  --text:#0b1226;
  --muted:#51607a;
  --ring: rgba(2,6,23,.08);
  --glass: rgba(255,255,255,.75);
  --shadow: 0 10px 24px rgba(2,6,23,.08);
  --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}

/* --- Light 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%, #2147ff22, transparent 60%),radial-gradient(600px 320px at 85% 15%, #0ea5e922, transparent 60%),radial-gradient(800px 420px at 50% 120%, #8b5cf622, transparent 60%);filter:blur(28px);animation:floatBg 18s ease-in-out infinite alternate;transform:translateZ(0)}
.hero::after{animation-duration:24s;animation-direction:alternate-reverse;opacity:.9}
@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;color:#0b1226}
.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 8px 20px rgba(33,71,255,.18);border:1px solid #93a5ff66;transition:transform .18s ease,box-shadow .18s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(33,71,255,.25)}
.btn.alt{--b:#ffffff;background:linear-gradient(135deg,#ffffff,#f1f5f9);border-color:#e2e8f0;color:#0b1226}
.flag{font-size:18px;opacity:.95}
.hint{font-size:12px;color:#334155;opacity:.85}

/* --- Trust row --- */
.trust{margin-top:26px;color:#475569;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:#ffffffbb}

/* --- Testimonials --- */
.section{padding:64px 0}
.section h2{font-size:clamp(22px,3.2vw,36px);margin:0 0 8px;text-align:center;color:#0b1226}
.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,#ffffff,#f8fafc);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:#e2e8f0;border:1px solid var(--ring);display:grid;place-items:center;font-weight:700;color:#0b1226}
.stars{color:#ca8a04}
.t-quote{font-size:18px;line-height:1.6;margin:6px 0 10px;color:#0b1226}
.t-meta{color:#334155;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:#cbd5e1;opacity:.9;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:#ffffffcc;border:1px solid var(--ring);color:#0f172a;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:#ffffff}

/* --- 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;color:#fff}

/* Footer CTA */
.foot-cta{margin-top:20px;padding:22px;border-radius:14px;border:1px dashed #94a3b8;background:#ffffffbb;text-align:center;color:#0b1226}

/* 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}}