:root{--bd-max:1240px;--bd-card:rgba(255,255,255,.56);--bd-line:rgba(16,16,16,.15);--bd-red:#ce4a35;--bd-ochre:#b78625}
body{margin:0;background:var(--paper);color:var(--ink)}
.bd-hero{width:min(calc(100% - 48px),var(--bd-max));min-height:630px;margin:24px auto 0;padding:142px clamp(24px,5vw,68px) 66px;box-sizing:border-box;border:1px solid var(--bd-line);border-radius:24px;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;background:#e9e2d4}
.bd-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/cases/ai-dx-benchmark-hero-v1.webp') center/cover;transform:scale(1.01)}
.bd-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(244,241,232,.98),rgba(244,241,232,.88) 35%,rgba(244,241,232,.18) 70%,transparent)}
.bd-back{position:absolute;top:42px;color:inherit;text-decoration:none;font:700 10px/1.5 'JetBrains Mono',monospace;letter-spacing:.12em}
.bd-kicker,.bd-label{margin:0;font:700 10px/1.5 'JetBrains Mono',monospace;letter-spacing:.14em;color:var(--green-d);text-transform:uppercase}
.bd-hero h1{max-width:760px;margin:23px 0 0;font:700 clamp(48px,7.6vw,98px)/1 'Shippori Mincho B1',serif;letter-spacing:-.065em}
.bd-hero__lead{max-width:570px;margin:30px 0 0;font-size:14px;line-height:2;color:var(--sub)}
.bd-hero__facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.bd-hero__facts span{padding:8px 11px;border:1px solid rgba(16,16,16,.25);background:rgba(244,241,232,.58);font-size:10px;font-weight:700}
.bd-intro,.bd-form-wrap,.bd-result,.bd-sources{width:min(calc(100% - 48px),var(--bd-max));margin:0 auto}
.bd-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:84px 0 68px;border-bottom:1px solid var(--bd-line)}
.bd-intro h2,.bd-form-head h2,.bd-result-head h2,.bd-sources h2{margin:15px 0 0;font:700 clamp(30px,4vw,50px)/1.28 'Shippori Mincho B1',serif;letter-spacing:-.04em}
.bd-intro__copy p{margin:0 0 18px;font-size:14px;line-height:2;color:var(--sub)}
.bd-definition{padding:20px;border-left:3px solid var(--green);background:rgba(10,194,90,.07);font-size:12px;line-height:1.85}
.bd-form-wrap{padding:78px 0 100px}.bd-form-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end;margin-bottom:42px}.bd-form-head>p{margin:0;font-size:13px;line-height:1.9;color:var(--sub)}
.bd-form{display:grid;gap:14px;counter-reset:q}.bd-question{counter-increment:q;margin:0;padding:26px 28px 30px;border:1px solid var(--bd-line);background:var(--bd-card)}
.bd-question legend{width:100%;padding:0 0 18px;font-weight:900;font-size:16px}.bd-question legend::before{content:"0" counter(q) " / ";font:700 10px 'JetBrains Mono',monospace;color:var(--green-d);letter-spacing:.1em}
.bd-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bd-select{width:100%;min-height:48px;padding:0 14px;border:1px solid rgba(16,16,16,.3);border-radius:0;background:var(--paper);font:700 13px 'Zen Kaku Gothic New',sans-serif;color:var(--ink)}
.bd-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bd-options--5{grid-template-columns:repeat(5,1fr)}
.bd-option{position:relative}.bd-option input{position:absolute;opacity:0;pointer-events:none}.bd-option span{display:flex;min-height:86px;padding:13px;box-sizing:border-box;border:1px solid rgba(16,16,16,.22);background:var(--paper);font-size:12px;line-height:1.6;cursor:pointer;transition:.15s}.bd-option input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:inset 0 -4px var(--green)}.bd-option input:focus-visible+span{outline:3px solid var(--green);outline-offset:2px}
.bd-submit{display:flex;align-items:center;justify-content:center;gap:18px;min-height:62px;border:0;background:var(--green);color:var(--ink);font:900 15px 'Zen Kaku Gothic New',sans-serif;cursor:pointer}.bd-submit:hover{background:var(--ink);color:var(--paper)}
.bd-result[hidden]{display:none}.bd-result{padding:84px 0 110px;border-top:1px solid var(--ink)}.bd-result-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.bd-result-head p:last-child{max-width:420px;margin:0;font-size:12px;line-height:1.8;color:var(--sub)}
.bd-dashboard{display:grid;grid-template-columns:.78fr 1.22fr;gap:12px}.bd-panel{border:1px solid var(--bd-line);background:var(--bd-card);padding:26px;box-sizing:border-box}.bd-panel h3{margin:9px 0 0;font:700 25px/1.35 'Shippori Mincho B1',serif;letter-spacing:-.03em}
.bd-scorecard{min-height:430px;background:var(--ink);color:var(--paper);display:flex;flex-direction:column}.bd-scorecard .bd-label{color:var(--green)}
.bd-score-ring{--score:0;display:grid;place-items:center;width:190px;aspect-ratio:1;margin:34px auto 24px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--score)*1%),rgba(244,241,232,.14) 0);position:relative}.bd-score-ring::before{content:"";position:absolute;inset:17px;border-radius:50%;background:var(--ink)}.bd-score-ring strong,.bd-score-ring span{position:relative;z-index:1;grid-area:1/1}.bd-score-ring strong{font:700 66px/1 'Archivo',sans-serif;letter-spacing:-.06em}.bd-score-ring span{align-self:end;margin-bottom:45px;font:500 9px 'JetBrains Mono',monospace;color:rgba(244,241,232,.55)}
.bd-stage{margin:auto 0 0;text-align:center}.bd-stage b{display:block;font:700 24px 'Shippori Mincho B1',serif;color:var(--green)}.bd-stage p{margin:11px 0 0;font-size:12px;line-height:1.8;color:rgba(244,241,232,.68)}
.bd-radar-wrap{display:grid;grid-template-columns:minmax(300px,.9fr) 1.1fr;align-items:center;gap:20px}.bd-radar{width:100%;max-width:400px;overflow:visible}.bd-radar .grid{fill:none;stroke:rgba(16,16,16,.16);stroke-width:1}.bd-radar .axis{stroke:rgba(16,16,16,.16);stroke-width:1}.bd-radar .target{fill:rgba(183,134,37,.06);stroke:var(--bd-ochre);stroke-dasharray:5 5}.bd-radar .score{fill:rgba(10,194,90,.18);stroke:var(--green-d);stroke-width:2}.bd-radar-list{display:grid;gap:9px}.bd-radar-row{display:grid;grid-template-columns:72px 1fr 34px;align-items:center;gap:10px;font-size:11px}.bd-radar-row i{height:6px;background:rgba(16,16,16,.09);overflow:hidden}.bd-radar-row i::before{content:"";display:block;width:var(--v);height:100%;background:var(--green-d)}.bd-radar-row b{text-align:right;font:700 12px 'JetBrains Mono',monospace}
.bd-benchmarks{grid-column:1/-1}.bd-benchmark-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.bd-benchmark{padding:20px;border:1px solid var(--bd-line);background:var(--paper)}.bd-benchmark__top{display:flex;justify-content:space-between;gap:15px;align-items:flex-end}.bd-benchmark__top span{font-size:11px;color:var(--sub)}.bd-benchmark__top strong{font:700 34px 'Archivo',sans-serif}.bd-bar{height:12px;margin-top:14px;background:rgba(16,16,16,.1);position:relative}.bd-bar i{display:block;width:var(--v);height:100%;background:var(--green-d)}.bd-benchmark p{margin:13px 0 0;font-size:11px;line-height:1.7;color:var(--sub)}.bd-status-chip{display:inline-block;margin-top:12px;padding:6px 9px;background:var(--ink);color:var(--paper);font:700 9px 'JetBrains Mono',monospace}
.bd-findings,.bd-actions{grid-column:1/-1}.bd-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.bd-finding,.bd-action{min-height:160px;padding:20px;border-top:3px solid var(--bd-red);background:var(--paper)}.bd-finding.is-strong{border-color:var(--green-d)}.bd-finding b,.bd-action b{display:block;font-size:15px}.bd-finding p,.bd-action p{margin:11px 0 0;font-size:12px;line-height:1.8;color:var(--sub)}.bd-action{border-top-color:var(--bd-ochre)}
.bd-consult{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;background:var(--green);border-color:var(--ink)}.bd-consult h3{font-size:32px}.bd-consult p{margin:10px 0 0;font-size:12px;line-height:1.8}.bd-consult a{display:inline-flex;align-items:center;min-height:50px;padding:0 22px;background:var(--ink);color:var(--paper);font-size:13px;font-weight:900;text-decoration:none}.bd-retry{grid-column:1/-1;justify-self:center;margin-top:14px;border:0;background:transparent;text-decoration:underline;cursor:pointer;font:700 12px 'Zen Kaku Gothic New',sans-serif}
.bd-sources{padding:76px 0 100px;border-top:1px solid var(--bd-line)}.bd-source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.bd-source{padding:22px;border:1px solid var(--bd-line)}.bd-source b{font-size:13px}.bd-source p{font-size:11px;line-height:1.8;color:var(--sub)}.bd-source a{font-size:11px;text-decoration:underline}.bd-caution{margin-top:22px;padding:20px;background:rgba(206,74,53,.07);border-left:3px solid var(--bd-red);font-size:11px;line-height:1.8}
@media(max-width:900px){.bd-intro,.bd-form-head{grid-template-columns:1fr;gap:30px}.bd-options,.bd-options--5{grid-template-columns:repeat(2,1fr)}.bd-dashboard{grid-template-columns:1fr}.bd-radar-wrap{grid-template-columns:1fr}.bd-benchmark-grid,.bd-card-grid,.bd-source-grid{grid-template-columns:1fr}.bd-benchmarks,.bd-findings,.bd-actions,.bd-consult,.bd-retry{grid-column:auto}.bd-consult{grid-template-columns:1fr}.bd-pair{grid-template-columns:1fr}}
@media(max-width:560px){.bd-hero,.bd-intro,.bd-form-wrap,.bd-result,.bd-sources{width:calc(100% - 40px)}.bd-hero{min-height:560px;padding:125px 24px 44px;border-radius:16px}.bd-hero::after{background:linear-gradient(90deg,rgba(244,241,232,.96),rgba(244,241,232,.72))}.bd-back{top:32px}.bd-hero h1{font-size:47px}.bd-options,.bd-options--5{grid-template-columns:1fr}.bd-option span{min-height:0}.bd-question,.bd-panel{padding:20px}.bd-result-head{display:block}.bd-result-head p:last-child{margin-top:18px}.bd-radar-wrap{grid-template-columns:minmax(0,1fr)}.bd-score-ring{width:170px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
