@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700;800&family=Inter:wght@400;600&display=swap');
:root{--navy:#1f2856;--blue:#4c7cff;--green:#37b480;--yellow:#ffd15a;--orange:#ff7a53;--bg:#fff;--muted:#64748b;--radius:22px;--shadow:0 20px 60px rgba(16,24,40,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu;margin:0;background:var(--bg);color:#0b152d;line-height:1.7}
h1,h2,h3{font-family:Nunito,Inter,system-ui;color:var(--navy);margin:.2em 0}
h1{font-size:clamp(2.2rem,4.5vw,3.8rem)}h2{font-size:clamp(1.6rem,3vw,2.2rem)}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1200px;margin:0 auto;padding:0 1.2rem}
.topbar{background:linear-gradient(90deg,var(--navy),#22306f);color:#e6eefc;font-size:.95rem}.topbar .row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0}
.lang a{color:#e6eefc;margin-left:.75rem}
.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background:rgba(255,255,255,.85);border-bottom:1px solid #eef1f6}
.nav .row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;padding:.7rem 0}
.menu{display:flex;gap:.4rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.menu a{display:block;padding:.55rem .9rem;border-radius:12px;color:#0b152d;transition:all .15s ease}
.menu a:hover,.menu a:focus{background:#eef4ff;transform:translateY(-1px)}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#eef5ff,#fff)}
.hero:after{content:'';position:absolute;inset:auto 0 -20% -10%;height:50%;background:radial-gradient(60% 100% at 70% 0%, rgba(76,124,255,.18), transparent), radial-gradient(60% 100% at 0% 0%, rgba(55,180,128,.18), transparent);transform:skewY(-6deg)}
.hero .row{display:grid;gap:2.2rem;grid-template-columns:1.1fr .9fr;align-items:center;padding:3.2rem 0}
.lead{font-size:1.2rem;color:var(--muted);max-width:60ch}
.hero .media img{border-radius:var(--radius);box-shadow:var(--shadow)}
.badges{display:flex;gap:.6rem;flex-wrap:wrap;margin:.8rem 0}
.badge{background:#fff;border:1px solid #e6eef6;border-radius:999px;padding:.35rem .7rem;font-size:.9rem;box-shadow:0 6px 20px rgba(0,0,0,.06)}
.btn{display:inline-block;padding:.9rem 1.15rem;border-radius:14px;background:var(--blue);color:#fff;font-weight:800;letter-spacing:.2px;margin-right:.6rem;box-shadow:0 10px 24px rgba(76,124,255,.28)}
.btn.alt{background:var(--green);box-shadow:0 10px 24px rgba(55,180,128,.28)}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.1rem;margin:1.6rem 0}
.tile{background:#fff;border-radius:var(--radius);padding:1.1rem;box-shadow:var(--shadow);transition:transform .18s ease, box-shadow .18s ease}
.tile:hover{transform:translateY(-4px)}
.icon{width:40px;height:40px;border-radius:12px;display:inline-grid;place-items:center;margin-bottom:.6rem}
.icon.blue{background:#e8f0ff}.icon.green{background:#e7faf2}.icon.orange{background:#fff1eb}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:1.6rem 0}
.grid img{border-radius:16px;box-shadow:var(--shadow)}
.quote{background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid #edf2ff;border-radius:20px;padding:1.2rem;box-shadow:var(--shadow)}
.cta{background:linear-gradient(90deg,#4c7cff,#37b480);color:#fff;border-radius:22px;padding:1.4rem 1.6rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:2rem 0;box-shadow:0 24px 60px rgba(76,124,255,.25)}
.cta h2{color:#fff;margin:0}
.footer{background:#0f172a;color:#e2e8f0;margin-top:2rem}
.footer .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;padding:2rem 0}
small.muted{color:#94a3b8}
.center{text-align:center}.spacer{height:16px}
img{max-width:100%;height:auto}
@media (max-width:900px){.hero .row{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start}}