.case-hero { padding-block: 90px 70px; border-bottom: 1px solid var(--color-border); background: radial-gradient( circle at 78% 40%, rgba(183, 243, 74, 0.05), transparent 28% );}.case-hero__content { max-width: min( calc(100% - 40px), var(--container-width) );}.case-hero__title { margin: 0; font-family: var(--font-display); font-size: clamp(42px, 6vw, 68px); font-weight: 600; letter-spacing: -0.055em; line-height: 1.02;}.case-hero__description { max-width: 720px; margin: 26px 0 0; color: var(--color-text-muted); font-size: 18px; line-height: 1.7;}.case-meta { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 30px; color: var(--color-text-subtle); font-size: 13px;}.case-layout { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 80px; padding-block: 70px 110px;}.case-content { min-width: 0;}.case-content > h2 { margin: 60px 0 18px; font-family: var(--font-display); font-size: clamp(28px, 4vw, 38px); font-weight: 600; letter-spacing: -0.04em; line-height: 1.15;}.case-content > h2:first-child { margin-top: 0;}.case-content > h3 { margin: 36px 0 12px; font-family: var(--font-display); font-size: 21px; font-weight: 600; letter-spacing: -0.025em; line-height: 1.25;}.case-content p,.case-content li { color: var(--color-text-muted);}.case-content p { max-width: 760px;}.case-content ul,.case-content ol { padding-left: 22px;}.case-content li + li { margin-top: 8px;}.case-content strong { color: var(--color-text);}.case-callout { margin-block: 30px; padding: 24px; border-left: 2px solid var(--color-accent); background: var(--color-surface);}.case-callout p { margin: 0;}.case-table-wrapper { overflow-x: auto; overflow-y: hidden; margin-block: 28px; border: 1px solid var(--color-border); -webkit-overflow-scrolling: touch;}.case-table { width: 100%; border-collapse: collapse; font-size: 14px;}.case-table th,.case-table td { padding: 15px; border-bottom: 1px solid var(--color-border); text-align: left; vertical-align: top;}.case-table th { color: var(--color-text); font-family: var(--font-display); font-weight: 600; background: var(--color-surface);}.case-table td { color: var(--color-text-muted);}.case-table tr:last-child td { border-bottom: 0;}.recommendation { margin-block: 30px; border: 1px solid var(--color-border-light); background: var(--color-surface);}.recommendation__head { padding: 20px 22px; border-bottom: 1px solid var(--color-border);}.recommendation__title { margin: 0; font-family: var(--font-display); font-size: 18px; font-weight: 600;}.recommendation__body { padding: 22px;}.recommendation__body p { margin: 0;}.recommendation__body p + p { margin-top: 14px;}.case-sidebar { align-self: start; position: sticky; top: 24px;}.case-sidebar__box { padding: 22px; border: 1px solid var(--color-border); background: var(--color-surface);}.case-sidebar__title { margin: 0 0 14px; font-family: var(--font-display); font-size: 14px; font-weight: 600;}.case-sidebar__list { padding: 0; margin: 0; list-style: none;}.case-sidebar__list li { border-top: 1px solid var(--color-border);}.case-sidebar__list a { display: block; padding: 10px 0; color: var(--color-text-muted); font-size: 13px; transition: color 150ms ease;}.case-sidebar__list a:hover { color: var(--color-accent);}