:root{--som-c:#2563ff;--som-bd:#e6ecf7;--som-ink:#0f172a}
.som-wrap{max-width:1180px;margin:0 auto;padding:clamp(12px,2vw,24px)}
.som-card{background:#fff;border:1px solid var(--som-bd);border-radius:14px;box-shadow:0 10px 26px rgba(20,45,90,.06)}
.som-pad{padding:16px}.som-row{display:flex;gap:12px;align-items:center}
.som-grid{display:grid;gap:12px}.som-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.som-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.som-grid-2,.som-grid-3{grid-template-columns:1fr}}
.som-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid var(--som-bd);background:#fff;font-weight:700;cursor:pointer}
.som-btn--pri{background:var(--som-c);border-color:var(--som-c);color:#fff}
.som-h1{font-size:clamp(28px,3vw,40px);font-weight:800;color:var(--som-ink);margin:0 0 8px}
.som-h2{font-size:clamp(20px,2.2vw,28px);font-weight:800;color:var(--som-ink);margin:0 0 6px}
.som-stage{position:relative;border:1px solid var(--som-bd);border-radius:14px;padding:12px;min-height:320px;background:radial-gradient(1200px 600px at 70% -220px,#fff 0,#f2f5ff 55%,#e8eefb 100%)}
.som-stage canvas{display:block;width:100%;aspect-ratio:16/9;border-radius:10px}