.ico{width:22px;height:22px}
.chero{position:relative;overflow:hidden;background:
radial-gradient(1000px 460px at 80% -10%, var(--glow-1) 0%, transparent 60%),
radial-gradient(760px 420px at 0% 10%, var(--glow-2) 0%, transparent 55%),var(--bg)}
.chero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:78px 24px 84px}
@media(max-width:900px){.chero .wrap{grid-template-columns:1fr;gap:36px;padding:56px 24px 64px}}
.chero h1{font-size:clamp(32px,7.6vw,52px);line-height:1.16;letter-spacing:-1.2px;font-weight:800;margin:20px 0 16px}
.chero h1 .c{color:var(--blue)}
.tag{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);color:var(--blue);
font-weight:700;font-size:14px;padding:7px 14px;border-radius:999px;box-shadow:0 4px 14px var(--shadow-2)}
.lead{font-size:clamp(16.5px,4.2vw,19px);color:var(--slate);max-width:560px}
.cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.mini{margin-top:16px;color:var(--muted);font-size:14px}
.mock{background:var(--card);border:1px solid var(--line);border-radius:20px;
box-shadow:0 30px 70px var(--shadow),0 6px 16px var(--shadow-2);overflow:hidden;max-width:430px;margin-left:auto}
@media(max-width:900px){.mock{margin:0 auto}}
.mhead{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line)}
.mhead .l{width:22px;height:22px;color:var(--blue)}
.mhead b{font-size:14px}.mhead .v{color:var(--muted);font-weight:600;font-size:12px}
.mhead .lang{margin-left:auto;font-size:12px;color:var(--slate);border:1px solid var(--line);border-radius:8px;padding:4px 9px}
.mgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding:15px}
.tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border:1px solid var(--line);
border-radius:11px;background:var(--soft)}
.tile svg{width:22px;height:22px;color:var(--slate)}.tile span{font-size:11.5px;font-weight:700;color:var(--ink)}
.tile.on{background:var(--tint);border-color:var(--edge);box-shadow:0 0 0 1px var(--edge) inset}
.tile.on svg{color:var(--blue)}.tile.on span{color:var(--blue-d)}
section{padding:84px 0}
.h2{font-size:clamp(26px,6vw,38px);line-height:1.25;letter-spacing:-.6px;font-weight:800;margin:10px 0 14px}
.sub{color:var(--slate);font-size:clamp(16px,4vw,18px);max-width:640px}
.center{text-align:center}.center .sub{margin:0 auto}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px;margin-top:44px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;transition:transform .14s,box-shadow .14s,border-color .14s}
.card:hover{transform:translateY(-3px);box-shadow:0 18px 40px var(--shadow-2);border-color:var(--edge)}
.cico{width:48px;height:48px;border-radius:13px;background:var(--tint);color:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.cico svg{width:26px;height:26px}
.card h3{font-size:19px;font-weight:800;margin-bottom:7px}
.card p{color:var(--slate);font-size:15.5px}
.band{background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;border-radius:26px;padding:clamp(28px,5vw,56px);position:relative;overflow:hidden}
.band:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.08);right:-90px;top:-120px}
.band .eyebrow{color:#bfdbfe}
.band h2{font-size:clamp(24px,5.4vw,34px);font-weight:800;letter-spacing:-.5px;margin:10px 0 10px;position:relative}
.band p{color:#dbeafe;font-size:clamp(15.5px,4vw,17px);max-width:640px;position:relative}
.pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;position:relative}
.pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);
padding:10px 16px;border-radius:12px;font-weight:600;font-size:15px}
.pill svg{width:18px;height:18px}
.langs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:34px;max-width:820px;margin-left:auto;margin-right:auto}
.lchip{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 15px;font-weight:600;font-size:15px;color:var(--chip-ink)}
.lchip.k{background:var(--tint);border-color:var(--edge);color:var(--blue-d)}
.final{text-align:center;background:var(--soft);border-radius:26px;padding:clamp(36px,6vw,64px) 24px;border:1px solid var(--line)}
.final h2{font-size:clamp(24px,5.4vw,34px);font-weight:800;letter-spacing:-.5px;margin-bottom:12px}
.final p{color:var(--slate);font-size:clamp(16px,4vw,18px);margin-bottom:26px}