.netcase{--case-ink:#202224;--case-muted:#60656a;--case-line:#dfe2e4;color:var(--case-ink)}
.netcase *{box-sizing:border-box}.netcase .case-wrap{max-width:1200px;margin:auto;padding:0 32px}.netcase a{color:inherit;text-underline-offset:4px}.netcase a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.case-hero{padding:64px 0 0}.case-crumb{font-size:14px;color:var(--case-muted);margin-bottom:32px}.case-hero h1{font-size:clamp(36px,4.6vw,64px);letter-spacing:-.045em;line-height:1.12;max-width:950px;margin:16px 0 24px}.case-label{font-size:13px;letter-spacing:.08em;font-weight:600}.case-lead{font-size:clamp(18px,2vw,22px);line-height:1.75;max-width:850px;color:#4f555a;margin:0}.case-actions{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;margin:28px 0 36px}.case-actions a{font-size:15px;font-weight:600}.case-actions .case-primary{background:#202224;color:white;border-radius:7px;padding:14px 22px;text-decoration:none;line-height:1.5}
.case-figure{margin:0}.case-frame{display:block;border:1px solid var(--case-line);border-radius:8px;overflow:hidden;background:#fff}.case-frame img{display:block;width:100%;height:auto}.case-figure figcaption{font-size:13px;line-height:1.7;color:var(--case-muted);padding:14px 0 0}.case-figure figcaption a{display:inline-block;margin-right:18px}.case-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:32px 0 40px;margin:0;border-bottom:1px solid var(--case-line)}.case-facts dt{font-size:13px;color:var(--case-muted);margin-bottom:8px}.case-facts dd{font-size:16px;margin:0;line-height:1.6;font-weight:600}
.case-section{padding:64px 0;border-bottom:1px solid var(--case-line)}.case-section h2{font-size:clamp(26px,3vw,38px);line-height:1.25;letter-spacing:-.025em;margin:0 0 24px}.case-section h3{font-size:20px;line-height:1.4;margin:24px 0 12px}.case-section p,.case-section li{font-size:17px;line-height:1.85}.case-section p{margin:0 0 20px;max-width:900px}.case-section ul{padding-left:23px;margin:16px 0 28px}.case-section li{padding-left:4px;margin:8px 0}.case-section .case-figure{margin-top:28px}.case-number{display:block;color:var(--case-muted);font-size:13px;letter-spacing:.07em;margin-bottom:16px}.case-split{display:grid;grid-template-columns:1fr 1fr;gap:40px}.case-split p{font-size:16px}.case-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--case-line);border-bottom:1px solid var(--case-line);margin:28px 0}.case-layer{padding:24px 24px 24px 0}.case-layer+.case-layer{border-left:1px solid var(--case-line);padding-left:24px}.case-layer h3{margin:0 0 12px;font-size:19px}.case-layer p{font-size:15px;margin-bottom:12px}.case-layer code{font-size:13px;overflow-wrap:anywhere}.case-note{border-left:3px solid #202224;background:#f5f6f6;padding:24px 28px;margin-top:28px}.case-note p:last-child{margin-bottom:0}.case-last{border:0;padding-bottom:80px}
@media(max-width:700px){.netcase .case-wrap{padding:0 20px}.case-hero{padding-top:36px}.case-crumb{margin-bottom:24px}.case-hero h1{letter-spacing:-.035em}.case-facts{grid-template-columns:1fr;gap:20px;padding:28px 0}.case-section{padding:40px 0}.case-split,.case-layers{grid-template-columns:1fr;gap:0}.case-layer{padding:24px 0}.case-layer+.case-layer{border-left:0;border-top:1px solid var(--case-line);padding:24px 0}.case-note{padding:20px}.case-section p,.case-section li{font-size:16px}.case-last{padding-bottom:56px}.case-figure figcaption{font-size:12px}}