@layer components{.common-hero-title{color:var(--hero-title)}.common-hero-title span{color:var(--hero-title-accent)}.common-hero-subtitle{color:var(--hero-subtitle)}.common-hero-kicker{color:var(--hero-kicker)}.diffs-shell{width:min(1080px,100% - 40px);margin:0 auto;padding:16px 0 6px;transform:none}.diffs-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-width:906px;margin-top:43px;margin-left:auto;margin-right:auto;display:grid}.diffs-card{background:radial-gradient(circle at 18% 0,#2f74ff24,#2f74ff00 46%),linear-gradient(170deg,#0a132cf5,#071023f0);border:1px solid #506a9a75;border-radius:17px;align-content:start;gap:14px;min-height:390px;padding:20px 18px 18px;display:grid;box-shadow:inset 0 0 0 1px #a2b5e31a}.diffs-card.is-json{background:radial-gradient(circle at 18% 0,#19a3722e,#19a37200 42%),linear-gradient(170deg,#0a132cf5,#071023f0)}.diffs-card.is-web{background:radial-gradient(circle at 18% 0,#7151ff33,#7151ff00 42%),linear-gradient(170deg,#0a132cf5,#071023f0)}.diffs-icon{background:#223b7573;border:1px solid #7e94c780;border-radius:11px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.diffs-icon svg{width:26px;height:26px}.diffs-icon.is-text{color:#4d7eff}.diffs-icon.is-json{color:#75e1ba;background:#186f5461;border-color:#53bd978c}.diffs-icon.is-web{color:#9a82ff;background:#45328066;border-color:#917beb99}.diffs-icon.is-insight{color:#7be8bf;background:#14745657;border-color:#5dd5ad8c;width:42px;height:42px}.diffs-card h2{color:#f2f7ff;align-items:center;gap:6px;margin:0;font-size:clamp(15px,1.1vw,20px);font-weight:800;line-height:1.12;display:inline-flex}.diffs-new-pill{color:#a791ff;letter-spacing:.04em;background:#4e38a847;border:1px solid #8062ef9e;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;line-height:1}.diffs-card-copy{color:#c2d0eb;margin:4px 0 0;font-size:clamp(12px,.8vw,13px);line-height:1.55}.diffs-points{gap:8px;margin:6px 0 0;padding:0;list-style:none;display:grid}.diffs-points li{color:#d3def3;align-items:center;gap:6px;font-size:clamp(11px,.75vw,12px);line-height:1.35;display:flex}.diffs-points li:before{content:"✓";color:#051338;background:#3155ba;border-radius:999px;flex:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:900;display:inline-flex}.diffs-card.is-json .diffs-points li:before{color:#0a2a22;background:#3ea086}.diffs-card.is-web .diffs-points li:before{color:#1a0f48;background:#7462db}.diffs-card-btn{color:#3a59d5;background:#f8fbff;border:1px solid #9cafd673;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;margin-top:12px;font-size:clamp(12px,.8vw,13px);font-weight:800;text-decoration:none;transition:transform .14s;display:inline-flex}.diffs-card-btn:hover{transform:translateY(-1px)}.diffs-card-btn svg{width:14px;height:14px}.diffs-card-btn.is-json{color:#27895d}.diffs-card-btn.is-web{color:#5544cb}.diffs-insight-cta{background:radial-gradient(circle at 14% 0,#1f957224,#1f957200 45%),linear-gradient(170deg,#0a132cf5,#071023f0);border:1px solid #506a9a70;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;max-width:686px;margin-top:36px;margin-left:auto;margin-right:auto;padding:11px 13px;display:flex}.diffs-insight-left{align-items:center;gap:8px;display:inline-flex}.diffs-insight-left h3{color:#f2f7ff;margin:0;font-size:clamp(12px,.84vw,15px);font-weight:800;line-height:1.15}.diffs-insight-left p{color:#bdd0ea;margin:4px 0 0;font-size:clamp(8px,.56vw,9px);line-height:1.45}.diffs-insight-btn{color:#79e6be;background:#0d2d2985;border:1px solid #58d1a794;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 11px;font-size:clamp(9px,.6vw,10px);font-weight:800;text-decoration:none;display:inline-flex}.diffs-insight-btn svg{width:11px;height:11px}@media (width<=1320px){.diffs-grid{grid-template-columns:1fr}.diffs-insight-cta{flex-direction:column;align-items:stretch}.diffs-insight-btn{width:100%}}@media (width<=820px){.diffs-shell{width:min(980px,100% - 20px);padding-top:12px}.diffs-card{border-radius:18px;min-height:0;padding:18px}.diffs-icon{border-radius:14px;width:52px;height:52px}.diffs-icon svg{width:26px;height:26px}.diffs-icon.is-insight{width:42px;height:42px}.diffs-card-btn,.diffs-insight-btn{min-height:32px;font-size:10px}.diffs-card-btn{min-height:42px;font-size:13px}.diffs-insight-cta{border-radius:13px;padding:11px}.diffs-insight-left{align-items:flex-start}}:root[data-theme=light] .diffs-card,:root[data-theme=light] .diffs-insight-cta{background:radial-gradient(circle at 18% 0,#3b82f61f,#3b82f600 46%),linear-gradient(170deg,#fffffffa,#f8fafcf7);border-color:#94a3b894;box-shadow:inset 0 0 0 1px #0f172a0a}:root[data-theme=light] .diffs-card.is-json{background:radial-gradient(circle at 18% 0,#10b9812e,#10b98100 42%),linear-gradient(170deg,#fffffffa,#f8fafcf7)}:root[data-theme=light] .diffs-card.is-web{background:radial-gradient(circle at 18% 0,#6366f12e,#6366f100 42%),linear-gradient(170deg,#fffffffa,#f8fafcf7)}:root[data-theme=light] .diffs-card h2,:root[data-theme=light] .diffs-insight-left h3{color:#0f172a}:root[data-theme=light] .diffs-card-copy,:root[data-theme=light] .diffs-points li,:root[data-theme=light] .diffs-insight-left p{color:#334155}:root[data-theme=light] .diffs-insight-btn,[data-theme=light] .diffs-insight-btn{color:#065f46;background:#10b98124;border-color:#05966973}:root[data-theme=light] .diffs-icon{box-shadow:none;background:#94a3b833;border-color:#47556957}:root[data-theme=light] .diffs-icon.is-text{color:#1d4ed8;background:#2563eb29}:root[data-theme=light] .diffs-icon.is-json{color:#065f46;background:#10b98129}:root[data-theme=light] .diffs-icon.is-web{color:#6d28d9;background:#7c3aed24}:root[data-theme=light] .diffs-icon.is-insight{color:#0f766e;background:#14b8a624}:root[data-theme=light] .diffs-new-pill{color:#5b21b6;background:#7c3aed24}:root[data-theme=light] .diffs-points li:before,[data-theme=light] .diffs-points li:before{color:#1e3a8a;background:#dbeafef2;border:1px solid #3b82f66b}:root[data-theme=light] .diffs-card.is-json .diffs-points li:before,[data-theme=light] .diffs-card.is-json .diffs-points li:before{color:#14532d;background:#dcfce7f2;border:1px solid #22c55e6b}:root[data-theme=light] .diffs-card.is-web .diffs-points li:before,[data-theme=light] .diffs-card.is-web .diffs-points li:before{color:#5b21b6;background:#ede9fef2;border:1px solid #7c3aed6b}}