.zero-cover{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;width:100%;aspect-ratio:1.25;background:radial-gradient(ellipse at 70% 20%,#e5ed9f88,transparent 60%),#e9e4eb;color:#462235;overflow:hidden;padding:30px}.zero-cover svg{width:45%;max-width:270px;overflow:visible}.zero-cover strong{font:500 clamp(26px,4vw,46px)/1 var(--sans);letter-spacing:-.06em}.zero-cover>span{font:11px/1.5 var(--mono);text-align:center;letter-spacing:.04em}.zero-cover path{stroke-dasharray:1;stroke-dashoffset:0}.zero-cover:hover path,.zero-cover:active path{animation:zero-retrace .85s cubic-bezier(.2,.7,.2,1) both}.zero-cover path:nth-child(2){animation-delay:.055s}.zero-cover path:nth-child(3){animation-delay:.11s}@keyframes zero-retrace{0%{stroke-dashoffset:0;transform:translateX(0)}30%{stroke-dashoffset:1;transform:translateX(16px)}31%{transform:translateX(-12px)}100%{stroke-dashoffset:0;transform:translateX(0)}}
.zero-case-dialog{width:min(1120px,calc(100% - 24px))}.zero-case-dialog>.zero-cover{max-height:500px}.zero-studies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:35px 0}.zero-study{min-width:0;border:1px solid var(--line);background:#f5f2ea}.zero-study header{padding:24px}.zero-study header>span{font:12px/1.5 var(--mono);color:var(--wine)}.zero-study h3{margin:15px 0 10px}.zero-study p,.zero-system p,.zero-case-body .case-columns p,.zero-case-body .case-digital>p{font-size:16px;line-height:1.75;color:var(--muted)}.zero-diagram{display:block;width:100%;height:auto;background:#ece8e1}.zero-study-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:20px 22px}.zero-study-controls button{display:flex;align-items:center;gap:10px;min-height:44px;border:1px solid var(--line);padding:10px 14px;font-size:14px}.zero-study-controls label{display:grid;gap:10px;width:100%;font:12px var(--mono)}.zero-study-controls input{width:100%;min-height:32px;accent-color:var(--wine)}.zero-study .zero-phase{padding:0 22px 22px;font:12px/1.6 var(--mono);min-height:44px}.zero-system{margin:40px 0}.zero-system h3{margin:18px 0}.zero-tokens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:24px 0}.zero-tokens>span{padding:70px 14px 16px;border-top:12px solid var(--swatch);background:linear-gradient(var(--swatch) 0 52px,transparent 52px);font-size:14px}.zero-tokens small{display:block;font:12px var(--mono);margin-top:7px}.zero-web-entry{display:block;position:relative;margin-top:26px;padding:22px 22px 78px;border:1px solid var(--line);background:#e5e0e6;overflow:hidden}.zero-web-layout{display:grid;grid-template-columns:45fr 36fr 19fr;min-height:280px;border:1px solid #bbb6ba;background:var(--paper)}.zero-web-layout>div{min-width:0;padding:20px 14px;display:flex;flex-direction:column;gap:24px}.zero-web-layout b{font-size:15px}.zero-web-layout strong{font-size:clamp(16px,2.6vw,30px);line-height:1.2}.zero-web-layout em{font-family:var(--serif);font-weight:400}.zero-web-layout span{font:9px/1.6 var(--mono);overflow-wrap:anywhere}.zero-web-layout .zero-mini-field{border-inline:1px solid #b9b1b9;background-image:radial-gradient(#6552df88 1px,transparent 1.6px),radial-gradient(ellipse,#ded5e8,#dddeda);background-size:11px 13px,100% 100%}.zero-web-layout i{height:4px;background:var(--wine);width:70%}.zero-web-layout i:nth-of-type(2){width:45%;background:var(--violet)}.zero-web-action{position:absolute;bottom:20px;right:22px;display:flex;gap:22px;align-items:center;background:var(--wine);color:var(--paper);padding:14px 20px;font-size:15px}.zero-web-entry:hover .zero-web-action{background:var(--violet)}.zero-case-link{padding:0 30px 35px}.zero-page .detail-hero>.zero-cover{margin-top:32px;max-height:570px}.zero-page .zero-case-body{padding-inline:var(--pad)}
@media(max-width:720px){.zero-studies{grid-template-columns:minmax(0,1fr)}.zero-cover{padding:24px;gap:14px}.zero-cover strong{font-size:32px}.zero-tokens{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.zero-web-entry{padding:12px 12px 78px}.zero-web-layout{min-height:230px}.zero-web-layout>div{padding:14px 8px;gap:18px}.zero-web-layout strong{font-size:17px}.zero-web-layout b{font-size:12px}.zero-web-layout span{font-size:8px}.zero-case-body h2{font-size:42px}.zero-case-dialog .case-dialog-body{padding:22px}.zero-case-body .case-columns{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.zero-cover:hover path,.zero-cover:active path{animation:none}}

.zero-extraction-diagram{background:radial-gradient(ellipse at 50% 42%,#f4f0e6,#e7e3df)}.zero-extraction-diagram .extraction-route{stroke-linecap:butt}.zero-study[data-zero-study="extract"] .zero-phase{min-height:62px}.zero-study-controls button:focus-visible,.zero-study-controls input:focus-visible{outline:2px solid var(--violet);outline-offset:3px}