:root{--bg:#05060a;--panel:rgba(255,255,255,.06);--stroke:rgba(255,255,255,.12);--text:rgba(255,255,255,.92);--muted:rgba(255,255,255,.70);--subtle:rgba(255,255,255,.54);--accent:#22c55e;--accent2:#0ea5e9;--shadow:0 24px 80px rgba(0,0,0,.55);--radius:20px;--radius2:28px;--max:1120px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 600px at 20% -10%, rgba(14,165,233,.28), transparent 55%),radial-gradient(1000px 600px at 80% 0%, rgba(34,197,94,.22), transparent 50%),radial-gradient(900px 500px at 50% 110%, rgba(124,58,237,.14), transparent 55%),var(--bg);color:var(--text);line-height:1.55}
a{color:inherit}
img{max-width:100%;height:auto}
.container{max-width:var(--max);margin:0 auto;padding:0 22px}
.header{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:linear-gradient(to bottom, rgba(5,6,10,.82), rgba(5,6,10,.52));border-bottom:1px solid rgba(255,255,255,.08)}
.header__row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo{width:34px;height:34px;border-radius:12px;background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.35), rgba(255,255,255,0) 55%),linear-gradient(135deg, rgba(34,197,94,.95), rgba(14,165,233,.95));box-shadow:0 16px 40px rgba(14,165,233,.18)}
.brand__name{font-weight:700;letter-spacing:.2px}
.brand__tag{color:var(--subtle);font-weight:600}
.nav{display:flex;align-items:center;gap:12px}
.lang{display:flex;gap:6px;align-items:center;padding:6px;border:1px solid var(--stroke);background:rgba(255,255,255,.05);border-radius:999px}
.lang a{padding:8px 10px;border-radius:999px;font-size:13px;text-decoration:none;color:var(--muted);border:1px solid transparent}
.lang a[aria-current="page"]{background:rgba(255,255,255,.08);color:var(--text);border-color:rgba(255,255,255,.10)}
.header__cta{display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:var(--text);text-decoration:none;font-weight:650;transition:transform .15s ease,background .15s ease,border-color .15s ease;user-select:none}
.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.20)}
.btn:active{transform:translateY(0)}
.btn--primary{background:linear-gradient(135deg, rgba(34,197,94,.95), rgba(14,165,233,.95));border-color:rgba(255,255,255,.18);color:#04120b}
.btn--primary:hover{background:linear-gradient(135deg, rgba(34,197,94,1), rgba(14,165,233,1))}
.btn--ghost{background:transparent}
.hero{padding:60px 0 22px}
.hero__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:22px;align-items:center}
.kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:var(--muted);font-size:13px;font-weight:600}
.kicker__dot{width:10px;height:10px;border-radius:999px;background:radial-gradient(circle at 30% 30%, #fff, rgba(255,255,255,0) 55%),linear-gradient(135deg, var(--accent), var(--accent2))}
.h1{font-size:48px;line-height:1.05;margin:14px 0 12px;letter-spacing:-.7px}
.lead{font-size:18px;color:var(--muted);margin:0 0 18px}
.hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 12px}
.note{font-size:13px;color:var(--subtle);margin-top:10px}
.panel{border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));border-radius:var(--radius2);box-shadow:var(--shadow);overflow:hidden}
.heroCard{padding:18px}
.metricGrid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:10px;margin-top:12px}
.metric{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);border-radius:16px;padding:12px}
.metric b{display:block;font-size:18px}
.metric span{color:var(--subtle);font-size:13px}
.section{padding:44px 0}
.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}
.h2{font-size:28px;margin:0;letter-spacing:-.3px}
.p{margin:6px 0 0;color:var(--muted)}
.grid2{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:14px}
.card{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);border-radius:var(--radius);padding:16px;overflow:hidden}
.card__row{display:flex;gap:12px;align-items:flex-start}
.icon{width:44px;height:44px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));display:flex;align-items:center;justify-content:center}
.icon svg{width:22px;height:22px;color:rgba(255,255,255,.90)}
.card h3{margin:0;font-size:18px}
.card p{margin:6px 0 0;color:var(--muted)}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:rgba(255,255,255,.78);font-size:13px;font-weight:600}
.badge svg{width:16px;height:16px;opacity:.95}
.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.callout{border-radius:var(--radius2);border:1px solid rgba(255,255,255,.12);background:radial-gradient(600px 300px at 20% 20%, rgba(34,197,94,.18), transparent 60%),radial-gradient(600px 300px at 80% 10%, rgba(14,165,233,.18), transparent 55%),rgba(255,255,255,.04);padding:18px}
.callout h3{margin:0 0 8px;font-size:20px}
.callout ul{margin:0;padding-left:18px;color:var(--muted)}
.callout li{margin:6px 0}
.callout .mini{color:var(--subtle);font-size:13px;margin-top:10px}
.callout .cta{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px}
.testimonials{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:14px}
.tcard{border-radius:var(--radius);border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);padding:16px}
.thead{display:flex;gap:10px;align-items:center}
.avatar{width:40px;height:40px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);overflow:hidden}
.tname{font-weight:700}
.trole{font-size:13px;color:var(--subtle)}
.quote{margin:10px 0 0;color:rgba(255,255,255,.78)}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}
details{border-radius:var(--radius);border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);padding:14px 14px}
summary{cursor:pointer;font-weight:700}
details p{margin:10px 0 0;color:var(--muted)}
.footer{padding:34px 0 44px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.72)}
.footer .cols{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}
.footer a{color:rgba(255,255,255,.78)}
.small{font-size:13px;color:rgba(255,255,255,.62)}
hr.sep{border:0;border-top:1px solid rgba(255,255,255,.10);margin:16px 0}
@media (max-width:980px){.hero__grid{grid-template-columns:1fr}.h1{font-size:40px}.grid2{grid-template-columns:1fr}.split{grid-template-columns:1fr}.testimonials{grid-template-columns:1fr}.faq{grid-template-columns:1fr}.header__cta{display:none}}
@media (max-width:520px){.h1{font-size:34px}.hero{padding-top:42px}.metricGrid{grid-template-columns:1fr}.lang a{padding:8px 8px}}