:root{--b:#3662F6;--t:#111827;--m:#6b7280;--l:#e5e7eb;--s:#f8fafc}
*{box-sizing:border-box}body{margin:0;font-family:Arial,system-ui,sans-serif;color:var(--t);line-height:1.6}a{text-decoration:none;color:inherit}.wrap{max-width:1120px;margin:auto;padding:0 20px}
.top{background:#0f172a;color:#fff;padding:8px 0;font-size:14px}.nav{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--l);z-index:5}.navin{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand img{width:42px;height:42px}.links{display:flex;gap:20px;align-items:center}.btn{display:inline-block;padding:11px 16px;border-radius:10px;font-weight:700;border:1px solid var(--l)}.primary{background:var(--b);color:#fff;border-color:var(--b)}
.hero{background:linear-gradient(#fff,#f6f8ff);padding:70px 0}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}h1{font-size:clamp(40px,6vw,68px);line-height:1.02;margin:14px 0}h2{font-size:34px;line-height:1.15;margin:0 0 12px}.lead{font-size:18px;color:#4b5563}.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#eef2ff;color:#2848b8;font-size:13px;font-weight:800}
.section{padding:64px 0}.soft{background:var(--s)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{border:1px solid var(--l);border-radius:16px;padding:20px;background:#fff}.card p,.muted{color:var(--m)}.course{display:flex;flex-direction:column;gap:10px}.pill{display:inline-block;background:#f3f4f6;border-radius:999px;padding:5px 9px;font-size:12px}.price{font-size:24px;font-weight:800}.note{border-left:4px solid var(--b);background:#f5f7ff;padding:14px 16px;border-radius:10px}.check{padding-left:18px}.pagehero{background:#f8faff;padding:46px 0;border-bottom:1px solid var(--l)}.prose{max-width:850px}.prose h2{font-size:24px;margin-top:28px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:20px}.row{padding:12px 0;border-bottom:1px solid var(--l)}
.footer{background:#0f172a;color:#cbd5e1;padding:42px 0 20px}.foot{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:24px}.footer h4{color:#fff}.footer a{display:block;margin:6px 0}.legal{border-top:1px solid #263244;margin-top:24px;padding-top:16px;font-size:13px}
@media(max-width:800px){.hero-grid,.contact{grid-template-columns:1fr}.grid,.grid4,.foot{grid-template-columns:1fr 1fr}.links{display:none}}@media(max-width:560px){.grid,.grid4,.foot{grid-template-columns:1fr}h1{font-size:42px}}


/* ===== SolveX V2 polish ===== */
.menu-toggle{
  display:none;
  width:44px;height:44px;
  align-items:center;justify-content:center;
  border:1px solid var(--l);
  border-radius:10px;
  background:#fff;
  color:var(--t);
  font-size:23px;
  cursor:pointer;
}
.course-banner{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:13px;
  border:1px solid var(--l);
  margin-bottom:14px;
  background:#f8fafc;
}
.footer-brand{
  display:flex;align-items:center;gap:10px;color:#fff;
  font-size:20px;font-weight:800;margin-bottom:12px;
}
.footer-brand .logo-tile{
  width:48px;height:48px;border-radius:12px;background:#fff;
  padding:4px;display:flex;align-items:center;justify-content:center;
}
.footer-brand img{width:100%;height:100%;object-fit:contain}
@media(max-width:800px){
  .menu-toggle{display:inline-flex}
  .navin{position:relative}
  .links{
    display:none;
    position:absolute;
    top:68px;
    left:0;
    right:0;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:10px;
    background:#fff;
    border:1px solid var(--l);
    border-radius:14px;
    box-shadow:0 18px 38px rgba(15,23,42,.12);
  }
  .links.open{display:flex}
  .links a{padding:12px 10px;border-radius:9px}
  .links a:hover{background:#f8fafc}
  .links .btn{margin-top:4px;text-align:center}
}