:root{
  --sjw-ink:#172033;
  --sjw-muted:#667085;
  --sjw-border:#e5e7eb;
  --sjw-bg:#f7f8fb;
  --sjw-card:#ffffff;
  --sjw-accent:#8b5cf6;
  --sjw-accent2:#5b21b6;
}
.sjw-section,.sjw-hero{font-family:inherit;box-sizing:border-box}
.sjw-container{width:min(1180px,92%);margin:0 auto}
.sjw-hero{background:linear-gradient(135deg,#111827 0%,#24123f 55%,#4c1d95 100%);color:#fff;padding:78px 0}
.sjw-hero-inner{display:grid;grid-template-columns:1.35fr .85fr;gap:48px;align-items:center}
.sjw-eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;opacity:.78;margin-bottom:14px}
.sjw-hero h1{font-size:clamp(42px,6vw,72px);line-height:1;margin:0 0 20px}
.sjw-hero-lead,.sjw-lead{font-size:18px;line-height:1.65;max-width:760px;color:inherit;opacity:.9}
.sjw-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.sjw-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:9px;text-decoration:none!important;font-weight:700;transition:.2s ease}
.sjw-btn-primary{background:var(--sjw-accent);color:#fff!important}
.sjw-btn-primary:hover{background:var(--sjw-accent2);transform:translateY(-1px)}
.sjw-btn-outline{border:1px solid rgba(255,255,255,.32);color:inherit!important;background:transparent}
.sjw-section:not(.sjw-hero) .sjw-btn-outline{border-color:#d0d5dd;color:var(--sjw-ink)!important}
.sjw-hero-panel{display:grid;gap:14px}
.sjw-mini-card{padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}
.sjw-mini-card strong,.sjw-mini-card span{display:block}
.sjw-mini-card span{margin-top:7px;opacity:.72;font-size:14px}
.sjw-section{padding:72px 0;background:#fff;color:var(--sjw-ink)}
.sjw-section:nth-of-type(even){background:var(--sjw-bg)}
.sjw-section h2{font-size:36px;margin:0 0 12px}
.sjw-demo-card{margin-top:30px;border:1px solid var(--sjw-border);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 12px 35px rgba(16,24,40,.08)}
.sjw-demo-frame{display:block;width:100%;height:720px;border:0}
.sjw-demo-placeholder{min-height:420px;display:grid;place-items:center;text-align:center;padding:50px}
.sjw-demo-placeholder>*{max-width:650px}
.sjw-demo-icon{width:70px;height:70px;margin:auto;border-radius:18px;display:grid;place-items:center;background:var(--sjw-accent);color:#fff;font-weight:800;font-size:24px}
.sjw-demo-note{margin-top:14px;padding:14px 18px;border-radius:10px;background:#f4f3ff;color:#4338ca;font-size:14px}
.sjw-grid{display:grid;gap:22px;margin-top:32px}
.sjw-course-grid{grid-template-columns:repeat(3,1fr)}
.sjw-price-grid{grid-template-columns:repeat(3,1fr)}
.sjw-card,.sjw-price-card{background:var(--sjw-card);border:1px solid var(--sjw-border);border-radius:16px;padding:28px;box-shadow:0 8px 24px rgba(16,24,40,.05)}
.sjw-card h3,.sjw-price-card h3{font-size:21px;margin:16px 0 8px}
.sjw-card p{color:var(--sjw-muted);line-height:1.6}
.sjw-meta{font-size:13px;color:var(--sjw-muted)}
.sjw-badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#f1efff;color:#5b21b6;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.sjw-price{font-size:26px;font-weight:800;margin:16px 0 20px}
.sjw-price-card ul{padding-left:20px;color:var(--sjw-muted);line-height:1.9;min-height:125px}
.sjw-featured{border:2px solid var(--sjw-accent);transform:translateY(-5px)}
.sjw-coming{display:inline-block;padding:12px 0;font-weight:700;color:var(--sjw-muted)}
@media(max-width:800px){
 .sjw-hero-inner,.sjw-course-grid,.sjw-price-grid{grid-template-columns:1fr}
 .sjw-featured{transform:none}
 .sjw-demo-frame{height:620px}
}