.examples{max-width:var(--max);margin:auto;padding:110px 28px;border-bottom:1px solid var(--line)}
.examples-head{display:grid;grid-template-columns:.5fr 1.25fr .75fr;gap:35px;align-items:end}
.examples h2{font-size:clamp(45px,6vw,76px)}
.examples-head>p{color:var(--muted);font-size:15px;margin:0}
.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:55px}
.example-grid>a{border:1px solid var(--ink);padding:30px;background:var(--white);transition:transform .15s,box-shadow .15s}
.example-grid>a:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--ink)}
.example-grid span,.example-grid b{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.06em}
.example-grid h3{font-size:30px;letter-spacing:-.04em;margin:38px 0 12px}
.example-grid p{color:var(--muted);max-width:450px;min-height:55px}
.example-grid b{display:block;margin-top:28px}
.reference-disclosure{margin:34px 0 -25px;padding:18px 20px;background:var(--acid);font-size:13px}
.reference-card{background:var(--dark)!important;color:var(--white)}
.reference-card p{color:#b8bdb9!important}
.reference-card span{color:var(--acid)}
.case-page{max-width:var(--max);margin:auto;padding:0 28px 110px}
.case-hero{padding:95px 0 75px;max-width:980px}
.case-hero h1{font-size:clamp(58px,8vw,104px)}
.case-hero>p{font-size:19px;max-width:680px;color:var(--muted);margin-top:30px}
.case-summary{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:38px 0;display:grid;grid-template-columns:.45fr 1.55fr;gap:60px;align-items:center}
.case-score strong{font-size:82px;line-height:1;letter-spacing:-5px}
.case-score span{display:block;font-family:DM Mono,monospace;font-size:10px}
.case-summary h2,.case-section h2,.case-cta h2{font-size:clamp(36px,5vw,60px)}
.case-summary p{color:var(--muted);max-width:690px}
.case-section{padding:90px 0;border-bottom:1px solid var(--line)}
.case-section>h2{margin:15px 0 45px}
.evidence-grid,.question-map{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}
.evidence-grid article,.question-map article{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.evidence-grid article:nth-child(2n),.question-map article:nth-child(2n){border-right:0}
.evidence-grid article:nth-last-child(-n+2),.question-map article:nth-last-child(-n+2){border-bottom:0}
.evidence-grid span,.question-map span,.answer-block>span,.before-after span{font-family:DM Mono,monospace;color:var(--coral);font-size:10px}
.evidence-grid h3,.question-map h3,.answer-block h3{font-size:22px;line-height:1.25;margin:26px 0 10px}
.evidence-grid p,.question-map p{font-size:13px;color:var(--muted)}
.dark-panel{background:var(--dark);color:var(--white);margin-left:-28px;margin-right:-28px;padding:90px 28px}
.dark-panel>h2{max-width:850px}
.case-lede{font-size:20px;max-width:760px;color:#b8bdb9;margin:0 0 55px}
.finding{display:grid;grid-template-columns:150px 1fr;gap:30px;border-top:1px solid #4b544e;padding:25px 0}
.finding>span{font-family:DM Mono,monospace;color:var(--acid);font-size:10px}
.finding h3{margin:0 0 7px}
.finding p{color:#b8bdb9;margin:0;max-width:750px}
.before-after{display:grid;grid-template-columns:.75fr 1.25fr;gap:20px}
.before-after article{border:1px solid var(--line);padding:30px;background:var(--white)}
.before-after article:first-child{opacity:.72}
.before-after p{color:var(--muted)}
.disclosure{display:flex;gap:22px;background:var(--acid);padding:20px 24px;font-size:13px}
.disclosure strong{white-space:nowrap}
.answer-block{border-top:1px solid #4b544e;padding:35px 0;max-width:900px}
.answer-block p{font-size:18px;color:#d3d7d3}
.answer-block small{color:#9ba29c}
.code-sample{background:var(--ink);color:var(--acid);padding:28px;overflow:auto;font-family:DM Mono,monospace;font-size:12px;line-height:1.65}
.case-note{color:var(--muted);font-size:13px}
.comparison-table{width:100%;border-collapse:collapse;background:var(--white)}
.comparison-table th,.comparison-table td{padding:18px;border:1px solid var(--line);text-align:left;vertical-align:top}
.comparison-table th{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.comparison-table td{font-size:14px}
.comparison-table td strong{font-size:22px}
.case-bullets{display:grid;grid-template-columns:1fr 1fr;gap:18px;list-style:none;padding:0;margin:0}
.case-bullets li{border:1px solid var(--line);background:var(--white);padding:24px;font-size:14px}
.case-bullets li::before{content:"→";display:block;color:var(--coral);font-family:DM Mono,monospace;margin-bottom:18px}
.boundary{border-left:5px solid var(--coral);padding:8px 0 8px 24px;max-width:850px}
.boundary p{color:var(--muted)}
.priority-list>div{display:grid;grid-template-columns:70px 1fr;border-top:1px solid var(--line);padding:22px 0}
.priority-list>div:last-child{border-bottom:1px solid var(--line)}
.priority-list strong{font-family:DM Mono,monospace;color:var(--coral)}
.priority-list span{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.priority-list small{color:var(--muted)}
.case-cta{display:flex;justify-content:space-between;align-items:end;gap:50px;padding:85px 0 0}
.case-cta p{color:var(--muted);max-width:620px}
.case-cta .button{min-width:190px}
@media(max-width:800px){.examples-head{grid-template-columns:1fr}.example-grid{grid-template-columns:1fr}.case-summary,.before-after{grid-template-columns:1fr}.evidence-grid,.question-map,.case-bullets{grid-template-columns:1fr}.evidence-grid article,.question-map article{border-right:0;border-bottom:1px solid var(--line)!important}.evidence-grid article:last-child,.question-map article:last-child{border-bottom:0!important}.finding{grid-template-columns:1fr}.priority-list span{grid-template-columns:1fr}.case-cta{align-items:flex-start;flex-direction:column}.comparison-table{display:block;overflow-x:auto}}
@media(max-width:480px){.examples,.case-page{padding-left:18px;padding-right:18px}.case-hero{padding-top:65px}.dark-panel{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.disclosure{flex-direction:column}.case-score strong{font-size:68px}}
