*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --sc-purple:#5B2A86;
  --sc-purple-deep:#4A2170;
  --sc-ink:#1F1D2B;
  --sc-gray:#6B6878;
  --sc-gray-light:#9A97A8;
  --sc-border:#E8E6F0;
  --sc-bg-alt:#F7F6FB;
  --sc-bg:#FFFFFF;
  --sc-sans:'Nunito Sans',sans-serif;
}
html{font-size:16px;scroll-behavior:smooth}
body{background:var(--sc-bg);color:var(--sc-ink);font-family:var(--sc-sans);line-height:1.6}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}

.sc-topbar{background:var(--sc-purple);color:#fff;text-align:center;font-size:0.8125rem;letter-spacing:0.04em;padding:9px 0}

.sc-header{background:#fff;border-bottom:1px solid var(--sc-border)}
.sc-header-inner{max-width:1280px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:32px;height:68px}
.sc-logo{display:flex;align-items:center;gap:10px}
.sc-logo-mark{font-size:1.5rem;color:var(--sc-purple)}
.sc-logo-text{font-size:1.125rem;font-weight:800;color:var(--sc-ink)}
.sc-nav{display:flex;align-items:center;gap:26px;flex:1}
.sc-nav a{font-size:0.8125rem;color:var(--sc-gray);font-weight:600}
.sc-nav a:hover{color:var(--sc-purple)}
.sc-nav-cta{margin-left:auto;background:var(--sc-purple);color:#fff!important;font-size:0.75rem;font-weight:700;padding:9px 20px;border-radius:4px}
.sc-nav-cta:hover{background:var(--sc-purple-deep)}

.sc-hero{position:relative;aspect-ratio:21/8;overflow:hidden}
.sc-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,29,43,0.82) 0%,rgba(31,29,43,0.35) 65%,rgba(31,29,43,0.1) 100%);display:flex;flex-direction:column;justify-content:center;padding:0 56px;max-width:640px}
.sc-tag{display:inline-block;font-size:0.75rem;font-weight:700;letter-spacing:0.06em;color:var(--sc-purple);background:#fff;padding:5px 14px;border-radius:20px;margin-bottom:16px;width:fit-content}
.sc-hero-overlay h1{font-size:1.75rem;font-weight:800;color:#fff;line-height:1.4;margin-bottom:14px}
.sc-hero-overlay p{font-size:0.9375rem;color:rgba(255,255,255,0.82);line-height:1.75}

.sc-section{max-width:1280px;margin:0 auto;padding:64px 32px}
.sc-section.sc-alt{max-width:100%;background:var(--sc-bg-alt)}
.sc-section.sc-alt .sc-hgrid-head,.sc-section.sc-alt .sc-hgrid{max-width:1280px;margin:0 auto}
.sc-section-head,.sc-hgrid-head{margin-bottom:36px}
.sc-section-head h2,.sc-hgrid-head h2{font-size:1.5rem;font-weight:800;color:var(--sc-ink);margin-bottom:8px}
.sc-section-head p,.sc-hgrid-head p{font-size:0.9375rem;color:var(--sc-gray)}

.sc-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.sc-cat-card{background:#fff;border:1px solid var(--sc-border);border-radius:10px;padding:28px 20px;text-align:center;transition:box-shadow 0.2s}
.sc-cat-card:hover{box-shadow:0 12px 32px rgba(91,42,134,0.1)}
.sc-cat-icon{display:block;font-size:2rem;margin-bottom:14px}
.sc-cat-card h4{font-size:1rem;font-weight:700;color:var(--sc-ink);margin-bottom:6px}
.sc-cat-card p{font-size:0.8125rem;color:var(--sc-gray);line-height:1.6}

.sc-hgrid{padding:0 32px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.sc-hcard{background:#fff;border:1px solid var(--sc-border);border-radius:10px;overflow:hidden;transition:box-shadow 0.2s}
.sc-hcard:hover{box-shadow:0 12px 32px rgba(91,42,134,0.12)}
.sc-hcard-img{aspect-ratio:1/1;background:var(--sc-border)}
.sc-hcard-rank{font-size:0.9375rem;font-weight:700;color:var(--sc-gray-light);padding:14px 16px 6px}
.sc-hcard-rank span{color:var(--sc-ink);font-weight:800}
.sc-hcard-desc{font-size:0.8125rem;color:var(--sc-gray);line-height:1.55;padding:0 16px 16px}

.sc-mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sc-mcard{border:1px solid var(--sc-border);border-radius:10px;padding:32px 24px;text-align:center}
.sc-mavatar{width:56px;height:56px;border-radius:50%;background:var(--sc-purple);color:#fff;font-weight:800;font-size:1.125rem;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.sc-mcard h4{font-size:1.0625rem;font-weight:700;color:var(--sc-ink);margin-bottom:10px}
.sc-mcard p{font-size:0.8438rem;color:var(--sc-gray);line-height:1.65}

.sc-cta-banner{background:var(--sc-purple-deep);padding:56px 24px;text-align:center}
.sc-cta-inner{max-width:600px;margin:0 auto}
.sc-cta-eyebrow{font-size:0.75rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#D8B4F0;margin-bottom:14px}
.sc-cta-banner h2{font-size:1.625rem;font-weight:800;color:#fff;margin-bottom:12px}
.sc-cta-sub{font-size:0.9375rem;color:rgba(255,255,255,0.7);margin-bottom:26px}
.sc-cta-btn{display:inline-block;background:#fff;color:var(--sc-purple-deep);font-weight:700;font-size:0.9375rem;padding:14px 34px;border-radius:6px}
.sc-cta-btn:hover{background:#F0E8FB}

.sc-footer{background:var(--sc-ink);padding:48px 0 24px}
.sc-footer-inner{max-width:1280px;margin:0 auto;padding:0 32px}
.sc-footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:36px}
.sc-footer-col h5{font-size:0.9375rem;font-weight:700;color:#fff;margin-bottom:16px}
.sc-footer-col p{font-size:0.8125rem;color:rgba(255,255,255,0.55);line-height:1.75}
.sc-footer-links{list-style:none;display:flex;flex-direction:column;gap:8px}
.sc-footer-links a{font-size:0.8125rem;color:rgba(255,255,255,0.55)}
.sc-footer-links li{font-size:0.8125rem;color:rgba(255,255,255,0.55)}
.sc-footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:20px}
.sc-footer-bottom p{font-size:0.75rem;color:rgba(255,255,255,0.4)}

@media(max-width:900px){
  .sc-nav{display:none}
  .sc-cat-grid{grid-template-columns:repeat(2,1fr)}
  .sc-hgrid{grid-template-columns:repeat(2,1fr);padding:0 20px}
  .sc-mgrid{grid-template-columns:1fr}
  .sc-footer-grid{grid-template-columns:1fr;gap:28px}
  .sc-hero-overlay{padding:0 24px;max-width:100%}
  .sc-hero-overlay h1{font-size:1.375rem}
}