.sw-hero{background:#fff;padding:2.5rem 0 3rem;border-bottom:1px solid #ddd}
.sw-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}
.sw-grid h1{font-size:clamp(1.4rem,3.4vw,2rem);font-weight:900;line-height:1.25;margin-bottom:.85rem;letter-spacing:-.01em}
.sw-grid h1 em{font-style:normal;background:#111;color:#fff;padding:0 .25em}
.sw-desc{color:#555;font-size:.94rem;margin-bottom:1.35rem;max-width:500px}
.sw-btns{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}
.sw-stats{display:flex;flex-wrap:wrap;gap:.65rem}
.sw-stat-chip{background:#111;color:#fff;padding:.55rem .85rem;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.sw-stat-chip strong{display:block;font-size:1.25rem;letter-spacing:0;margin-bottom:.1rem}

.sw-visual{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;align-items:start}
.sw-visual img{grid-column:1/-1;border:1px solid #ddd}
.sw-chip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}
.sw-chip{aspect-ratio:1.4;padding:.45rem .5rem;display:flex;flex-direction:column;justify-content:flex-end;font-size:.62rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;line-height:1.2}
.sw-chip code{display:block;font-size:.55rem;opacity:.85;font-weight:600;margin-top:.15rem;font-family:"Courier New",monospace}
.c-en{background:#e63946}.c-zh{background:#457b9d}.c-ja{background:#2a9d8f}
.c-ko{background:#f4a261}.c-es{background:#9b5de5}.c-ar{background:#06d6a0;color:#111}

.trio-strip{background:#f7f7f5;padding:3rem 0}
.trio-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.trio-card{background:#fff;border:1px solid #ddd;overflow:hidden}
.trio-swatch{height:72px;display:flex;align-items:flex-end;padding:.65rem .85rem;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.trio-swatch.s-a{background:#111}.trio-swatch.s-b{background:#e63946}.trio-swatch.s-c{background:#457b9d}
.trio-body{padding:1.1rem 1.15rem}
.trio-body h3{font-size:.95rem;font-weight:900;margin-bottom:.4rem;letter-spacing:.03em}
.trio-body p{font-size:.86rem;color:#666;line-height:1.6}
.trio-code{font-family:"Courier New",monospace;font-size:.68rem;color:#999;margin-bottom:.45rem}

.step-fan{display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin:0 auto;max-width:720px}
.step-chip{width:200px;padding:1.15rem 1.1rem;color:#fff;text-align:left;position:relative;margin-left:-8px}
.step-chip:first-child{margin-left:0;z-index:3}
.step-chip:nth-child(2){z-index:2;background:#457b9d}
.step-chip:nth-child(3){z-index:1;background:#2a9d8f;margin-left:-8px}
.step-chip:first-child{background:#111}
.step-num{font-size:.65rem;font-weight:800;letter-spacing:.1em;opacity:.75;margin-bottom:.35rem}
.step-chip h3{font-size:.92rem;font-weight:900;margin-bottom:.3rem}
.step-chip p{font-size:.8rem;opacity:.9;line-height:1.5}

.pair-palette{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.palette-sheet{background:#fff;border:1px solid #ddd}
.palette-head{padding:.55rem .9rem;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:.5rem}
.palette-dot{width:12px;height:12px;border-radius:50%}
.palette-body{padding:1rem 1.05rem}
.palette-body h3{font-size:.92rem;font-weight:900;margin-bottom:.55rem}
.palette-body li{font-size:.84rem;color:#555;padding:.3rem 0;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:.5rem}
.palette-body li::before{content:"";width:8px;height:8px;flex-shrink:0}
.palette-sheet.a .palette-dot,.palette-sheet.a li:nth-child(1)::before{background:#e63946}
.palette-sheet.a li:nth-child(2)::before{background:#457b9d}
.palette-sheet.a li:nth-child(3)::before{background:#2a9d8f}
.palette-sheet.a li:nth-child(4)::before{background:#f4a261}
.palette-sheet.a li:nth-child(5)::before{background:#9b5de5}
.palette-sheet.b .palette-dot{background:#111}
.palette-sheet.b li:nth-child(1)::before{background:#111}
.palette-sheet.b li:nth-child(2)::before{background:#666}
.palette-sheet.b li:nth-child(3)::before{background:#999}
.palette-sheet.b li:nth-child(4)::before{background:#457b9d}
.palette-sheet.b li:nth-child(5)::before{background:#e63946}

.cta-band{background:#111;color:#fff;text-align:center;padding:2.75rem 1rem}
.cta-band h2{font-size:clamp(1.1rem,3vw,1.45rem);font-weight:900;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.45rem}
.cta-band p{color:#888;margin-bottom:1.15rem;font-size:.88rem}
.cta-band .btn-solid{background:#fff;color:#111!important}

@media(max-width:900px){
  .sw-grid,.sw-visual{grid-template-columns:1fr}
  .trio-row,.pair-palette{grid-template-columns:1fr}
  .step-chip{width:100%;margin-left:0!important;margin-bottom:.5rem}
}