.page-frame{background:var(--bg);min-height:100vh;color:var(--text);position:relative}.page-hero{padding-top:60px;position:relative}.page-hero-inner{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;min-height:min(76svh,700px);padding:40px 0 28px;display:grid}.page-hero-copy{grid-column:2/6;padding-right:24px}.page-hero-copy h1{font:500 clamp(44px,4.8vw,74px)/1.02 var(--font-brand-title),sans-serif;letter-spacing:-.035em;text-wrap:balance}.page-hero-copy h1 span{color:var(--accent-content)}.page-hero-desc{max-width:44ch;color:var(--text-muted);margin-top:26px;font-size:16px;line-height:1.75}.page-hero-visual{grid-column:6/13;min-width:0;padding-right:2.91667%}.page-hero-visual svg{max-height:min(66svh,600px)}.page-hero-index{border-top:1px solid var(--border);background:var(--bg);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.page-hero-back{min-height:64px;color:var(--text-muted);transition:color var(--ease-fast);grid-column:1/3;align-items:center;gap:10px;padding:0 22px;font-size:12px;text-decoration:none;display:flex}.page-hero-back:hover{color:var(--accent-content)}.page-hero-sheet{border-left:1px solid var(--border);font:9px var(--font-ibm-plex-mono),monospace;letter-spacing:.14em;color:var(--text-faint);grid-column:3/5;align-items:center;padding:0 20px;display:flex}.page-hero-index ol{grid-column:5/13;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.page-hero-index li{border-left:1px solid var(--border)}.page-hero-index a{height:100%;min-height:64px;color:var(--text);transition:background var(--ease-fast);grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 10px;padding:14px 18px;text-decoration:none;display:grid;position:relative}.page-hero-index a b{font:500 11px var(--font-ibm-plex-mono),monospace;color:var(--accent-content);grid-row:1/3}.page-hero-index a span{font-size:13px;line-height:1.3}.page-hero-index a em{font:normal 8px var(--font-ibm-plex-mono),monospace;letter-spacing:.12em;color:var(--text-faint);grid-column:2}.page-hero-index a svg{color:var(--accent);transition:translate var(--ease-fast);grid-area:1/3/3}.page-hero-index a:hover{background:var(--bg-subtle)}.page-hero-index a:hover svg{translate:2px 2px}.page-hero-index a:focus-visible{outline:2px solid var(--text);outline-offset:-3px}.pc-lead{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:0 24px;margin-bottom:56px;display:grid}.pc-lead h2{font:500 clamp(32px,3.4vw,50px)/1.08 var(--font-brand-title),sans-serif;letter-spacing:-.035em;text-wrap:balance;grid-column:1/7}.pc-lead h2 span{color:var(--accent-content)}.pc-lead p{max-width:52ch;color:var(--text-muted);grid-column:8/13;font-size:14px;line-height:1.8}.pc-split{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:0 24px;display:grid}.pc-split>.pc-copy{grid-column:1/6}.pc-split>.page-figure{grid-column:7/13}.pc-split.is-flipped>.pc-copy{order:2;grid-column:8/13}.pc-split.is-flipped>.page-figure{order:1;grid-column:1/7}.pc-split>.pc-register{grid-column:1/6;align-self:start;margin-top:0}.pc-split>.svc-timeline-col{grid-column:7/13;align-self:start}.pc-copy h2{font:500 clamp(30px,3vw,44px)/1.1 var(--font-brand-title),sans-serif;letter-spacing:-.035em;text-wrap:balance}.pc-copy h2+p,.pc-copy p+p{margin-top:20px}.pc-copy>p{max-width:56ch;color:var(--text-muted);font-size:14px;line-height:1.85}.pc-copy a:not(.pc-button){color:var(--accent-content);text-underline-offset:3px}.pc-button{border:1px solid var(--border);color:var(--text);transition:border-color var(--ease-fast), color var(--ease-fast);align-items:center;gap:10px;margin-top:28px;padding:12px 16px;font-size:12px;text-decoration:none;display:inline-flex}.pc-button:hover{border-color:var(--accent);color:var(--accent-content)}.page-figure{border:1px solid var(--border);background:var(--bg);margin:0}.page-figure-head{border-bottom:1px solid var(--border);font:9px var(--font-ibm-plex-mono),monospace;letter-spacing:.12em;color:var(--text-muted);justify-content:space-between;gap:12px;padding:10px 14px;display:flex}.page-figure-body{background:var(--bg-subtle);padding:22px 18px 16px}.page-figure figcaption{border-top:1px solid var(--border);color:var(--text-muted);padding:10px 14px;font-size:11px;line-height:1.6}.pc-register{border-top:1px solid var(--border);margin:28px 0 0;padding:0;list-style:none}.pc-register li{border-bottom:1px solid var(--border);transition:background var(--ease-base);grid-template-columns:44px 1fr;gap:16px;padding:18px 4px;display:grid}.pc-register li>span{font:500 11px var(--font-ibm-plex-mono),monospace;color:var(--text-faint);transition:color var(--ease-base);padding-top:3px}.pc-register li h3{letter-spacing:-.01em;font-size:16px;font-weight:500}.pc-register li p{color:var(--text-muted);margin-top:6px;font-size:13px;line-height:1.75}.pc-register li.is-active{background:color-mix(in srgb, var(--accent) 5%, transparent)}.pc-register li.is-active>span{color:var(--accent-content)}@media (max-width:1100px){.page-hero-copy{grid-column:1/6;padding-left:28px}.page-hero-index ol{border-top:1px solid var(--border);grid-area:2/1/auto/13;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-flow:row}.page-hero-back{grid-column:1/7}.page-hero-sheet{grid-column:7/13;justify-content:flex-end}.page-hero-index li{border-bottom:1px solid var(--border)}}@media (max-width:1000px){.pc-lead h2,.pc-lead p{grid-column:1/-1}.pc-lead p{margin-top:18px}.pc-split>.pc-copy,.pc-split>.page-figure,.pc-split.is-flipped>.pc-copy,.pc-split.is-flipped>.page-figure,.pc-split>.pc-register,.pc-split>.svc-timeline-col{order:0;grid-column:1/-1}.pc-split>.svc-timeline-col,.pc-split>.page-figure{margin-top:36px}}@media (max-width:767px){.page-hero-inner{grid-template-columns:1fr;gap:28px;min-height:0;padding:40px 20px 24px}.page-hero-copy,.page-hero-visual{grid-column:1;padding:0}.page-hero-copy h1{font-size:clamp(38px,10vw,52px)}.page-hero-desc{font-size:14px}.page-hero-visual{margin:0 -20px}.page-hero-back{padding:0 20px}.page-hero-index ol{grid-template-columns:1fr 1fr}.page-figure-body{padding:14px 8px 10px}}
