body[data-page=two] .compact-hero{min-height:0;padding:115px 6% 48px}
body[data-page=two] .home-opening{display:grid;grid-template-columns:1.35fr 1fr;gap:34px;align-items:center;margin:35px 0 45px}
body[data-page=two] .hero-text{margin:0;pointer-events:auto}
body[data-page=two] .hero h1{max-width:100%;font-size:clamp(48px,5.5vw,84px);margin:18px 0 24px}
body[data-page=two] .hero-text p{margin:0;max-width:540px;font-size:17px}
body[data-page=two] .home-portfolio-link{display:inline-block;color:var(--accent);margin-top:20px;text-underline-offset:6px;font-size:14px}
body[data-page=two] .hero-art{position:relative;inset:auto;width:100%;height:340px;margin:0}
body[data-page=two] .hero-art .visual-layer{transition:opacity .25s;top:10%;left:5%;width:90%;transform:none;opacity:0;visibility:hidden}
body[data-page=two] .hero-art .visual-layer.is-current{opacity:1;visibility:visible}
body[data-page=two] .hero-art .systemboard{display:block}
body[data-page=two] .hero-art .chartboard{top:0}
body[data-page=two] .hero-art .chartbars{height:130px}
body[data-page=two] .hero-art .system-grid span{padding:25px 10px;font-size:13px}
body[data-page=two] .home-evolution{display:grid;grid-template-columns:1fr 2fr;gap:50px;border-top:1px solid var(--rule);padding-top:28px}
body[data-page=two] .evolution-heading>span{font-size:11px;color:var(--accent)}
body[data-page=two] .evolution-heading h2{font-size:35px;margin-top:15px}
body[data-page=two] .evolution-controls,body[data-page=two] .brain-controls,body[data-page=two] .method-group-controls{display:flex;flex-wrap:wrap;gap:8px}
body[data-page=two] .evolution-controls button,body[data-page=two] .brain-controls button,body[data-page=two] .method-group-controls button{padding:11px 14px;border:1px solid var(--rule);border-radius:22px;background:transparent;color:var(--fg);font-size:12px}
body[data-page=two] .evolution-controls button[aria-pressed=true],body[data-page=two] .brain-controls button[aria-pressed=true],body[data-page=two] .method-group-controls button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}
body[data-page=two] .evolution-detail{margin-top:20px;min-height:140px}
body[data-page=two] .evolution-detail h3{font-size:24px;margin-bottom:9px}
body[data-page=two] .evolution-detail p{font-size:15px;max-width:680px}
body[data-page=two] .stage-tools{margin-top:12px;font-size:11px}
body[data-page=two] .business-brain{padding:45px 6%;gap:24px 45px;align-items:center}
body[data-page=two] .brain-copy h2{font-size:clamp(38px,4.1vw,62px);margin:20px 0}
body[data-page=two] .brain-copy>p{font-size:16px}
body[data-page=two] .brain-controls{margin-top:22px}
body[data-page=two] .brain-selection{margin-top:20px;min-height:105px}
body[data-page=two] .brain-selection h3{font-size:21px;margin-bottom:8px}
body[data-page=two] .brain-selection p{font-size:14px}
body[data-page=two] .business-graph{padding:22px}
body[data-page=two] .business-graph svg{height:340px;width:100%;overflow:visible}
body[data-page=two] .graph-node{cursor:pointer;outline:none}
body[data-page=two] .graph-node:focus-visible circle{stroke:var(--accent);stroke-width:5px}
body[data-page=two] .graph-node[aria-pressed=true] circle{stroke:var(--accent);stroke-width:4px}
body[data-page=two] .graph-node text{font-size:15px}
body[data-page=two] .graph-links path{stroke-dasharray:700}
body[data-page=two] .method-playground{padding:45px 6%;overflow:visible}
body[data-page=two] .method-top{gap:15px 40px}
body[data-page=two] .method-top h2{font-size:clamp(38px,4vw,60px)}
body[data-page=two] .method-top p{font-size:16px}
body[data-page=two] .method-group-controls{margin:25px 0 15px}
body[data-page=two] .method-stage{height:auto;min-height:85px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0;padding:10px 4px 22px;overflow:visible}
body[data-page=two] .method-word{position:relative;inset:auto;padding:13px 19px;font-size:27px;transform:rotate(-3deg)}
body[data-page=two] .method-word:nth-child(even){transform:rotate(3deg)}
body[data-page=two] .method-word[hidden]{display:none}
body[data-page=two] .method-detail{min-height:115px;grid-template-columns:170px 1fr;padding:20px 0;gap:10px 25px}
body[data-page=two] .method-detail h3{font-size:23px;margin-top:7px}
body[data-page=two] .method-detail p{font-size:15px}
body[data-page=two] .compact-statistics{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;border-top:1px solid var(--rule);padding-top:28px;margin-top:15px}
body[data-page=two] .compact-statistics>div>span{font-size:11px;color:var(--accent)}
body[data-page=two] .compact-statistics h3{font-size:32px;margin:14px 0}
body[data-page=two] .compact-statistics p{font-size:14px;max-width:500px}
body[data-page=two] .compact-statistics details{margin-top:17px;font-size:13px}
body[data-page=two] .compact-statistics summary{cursor:pointer;text-decoration:underline;text-underline-offset:5px}
body[data-page=two] .compact-statistics details p{margin-top:12px}
body[data-page=two] .trend-visual{padding:20px 24px}
body[data-page=two] .trend-visual svg{height:150px;margin:12px 0}
body[data-page=two] .trend-legend{margin-bottom:10px}
body[data-page=two] .next-pages{padding:38px 6%}
body[data-page=two] .next-pages>div{margin-top:15px;gap:25px}
body[data-page=two] .next-pages a{padding-top:15px}
body[data-page=two] .next-pages h2{font-size:34px;margin:12px 0}
body[data-page=two] .next-pages p{font-size:14px}
body[data-page=two] .compact-footer{padding:28px 6%}
body[data-page=two] .compact-footer .footer-links{margin:24px 0}
body[data-page=two].paused .visual-layer{transition:none}
@media(max-width:760px){
 body[data-page=two] .compact-hero{padding:100px 6% 35px}
 body[data-page=two] .home-opening{grid-template-columns:1fr;gap:15px;margin:25px 0 30px}
 body[data-page=two] .hero h1{font-size:clamp(38px,10.2vw,72px);margin:15px 0 20px}
 body[data-page=two] .hero-text p{font-size:15px}
 body[data-page=two] .hero-art{height:265px;width:100%;margin:10px 0 0}
 body[data-page=two] .hero-art .visual-layer{top:0;width:94%;left:3%;padding:18px}
 body[data-page=two] .hero-art .chartbars{height:100px}
 body[data-page=two] .hero-art .system-grid span{padding:18px 10px}
 body[data-page=two] .home-evolution{grid-template-columns:1fr;gap:18px;padding-top:22px}
 body[data-page=two] .evolution-heading h2{font-size:30px;margin-top:10px}
 body[data-page=two] .evolution-heading h2 br{display:none}
 body[data-page=two] .evolution-controls{display:grid;grid-template-columns:1fr 1fr}
 body[data-page=two] .evolution-controls button{text-align:left;padding:11px 12px}
 body[data-page=two] .evolution-detail{min-height:185px;margin-top:17px}
 body[data-page=two] .evolution-detail h3{font-size:23px}
 body[data-page=two] .evolution-detail p{font-size:14px}
 body[data-page=two] .business-brain{grid-template-columns:1fr;padding:35px 6%;gap:15px}
 body[data-page=two] .brain-copy h2{font-size:38px;margin:18px 0}
 body[data-page=two] .brain-copy>p{font-size:15px}
 body[data-page=two] .brain-controls button{font-size:11px;padding:10px 11px}
 body[data-page=two] .brain-selection{min-height:130px}
 body[data-page=two] .business-graph{padding:18px}
 body[data-page=two] .business-graph svg{height:260px}
 body[data-page=two] .method-playground{padding:35px 6%}
 body[data-page=two] .method-top h2{font-size:37px}
 body[data-page=two] .method-top p{font-size:14px}
 body[data-page=two] .method-group-controls{gap:6px;margin:22px 0 15px}
 body[data-page=two] .method-group-controls button{font-size:11px;padding:10px 11px}
 body[data-page=two] .method-stage{min-height:130px;gap:10px}
 body[data-page=two] .method-word{font-size:23px;padding:12px 15px}
 body[data-page=two] .method-detail{grid-template-columns:1fr;min-height:185px;gap:12px;padding:20px 0}
 body[data-page=two] .method-hint{grid-column:1}
 body[data-page=two] .compact-statistics{grid-template-columns:1fr;gap:22px;padding-top:23px}
 body[data-page=two] .compact-statistics h3{font-size:30px}
 body[data-page=two] .trend-visual svg{height:135px}
 body[data-page=two] .next-pages>div{grid-template-columns:1fr 1fr;gap:16px}
 body[data-page=two] .next-pages h2{font-size:27px}
 body[data-page=two] .next-pages small{font-size:10px}
 body[data-page=two] .next-pages p{font-size:12px}
}