@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f4f4f7;--ink:#25222d;--muted:#676372;--purple:#703fe0;--deep:#171321;--line:#e0dfe6;--soft:#f0eafa;--white:#fff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--purple);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a987f6;outline-offset:4px}button:disabled{cursor:default;opacity:.45}h1,h2,h3,h4{font-family:Manrope,'DM Sans',sans-serif;line-height:1.2;margin:0;font-weight:700}h1{font-size:clamp(2.25rem,4vw,3.4rem);letter-spacing:-.05em}h2{font-size:clamp(1.55rem,2.5vw,2.1rem);letter-spacing:-.035em}h3{font-size:1.18rem;letter-spacing:-.02em}p{margin:0 0 1em}p:last-child{margin-bottom:0}button{border:0}.sidebar{position:fixed;inset:0 auto 0 0;width:258px;background:var(--deep);padding:40px 24px 26px;color:#fff;display:flex;flex-direction:column;z-index:5;overflow-y:auto}.wordmark{display:flex;gap:13px;align-items:center;text-decoration:none;color:white;font-size:1.5rem;letter-spacing:.06em;font-weight:700;line-height:1.25}.mark{display:block;font-family:Manrope,sans-serif;font-size:3rem;position:relative;color:#b696ff;line-height:1}.mark span{font-size:1rem;position:absolute;right:-9px;top:-3px}.wordmark-sub{display:block;font-size:12px;letter-spacing:.15em;color:#aaa2b9;font-weight:500;margin-top:6px}.side-label{font-size:12px;letter-spacing:.12em;color:#9d96aa;margin:52px 5px 16px}nav{display:grid;gap:7px}nav a{display:flex;gap:13px;align-items:center;min-height:48px;padding:11px 12px;color:#b9b3c6;text-decoration:none;border-radius:9px;font-size:14px}nav a span{font-size:12px;color:#92859e;letter-spacing:.08em}nav a:hover{background:#292236;color:#fff}nav a.active{background:#703fe0;color:#fff}nav a.active span{color:#e3d6ff}.side-end{margin-top:auto;padding-top:30px}.edition{font-size:12px;letter-spacing:.08em;color:#a69daf}.side-end p{font-size:14px;line-height:1.55;color:#ddd6e8;margin:13px 0}.side-end a{font-size:13px;color:#bfa4fa}.shell{margin-left:258px}.topbar{min-height:74px;padding:21px 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px;font-size:13px;font-weight:600;letter-spacing:.02em}.top-divider{margin:0 13px;color:#bab4c3}#chapter-name{color:var(--muted);font-weight:400}.checked{font-size:12px;color:var(--muted);white-space:nowrap}main{max-width:1380px;margin:auto;padding:43px 44px 60px;min-height:calc(100vh - 150px)}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:700;color:var(--purple);margin-bottom:13px;text-transform:uppercase}.intro{max-width:770px;margin:18px 0 26px;font-size:17px;color:var(--muted);line-height:1.65}.hero-line{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.big-count{font:500 3rem/1 Manrope,sans-serif;color:#a89bbd}.big-count small{display:block;font:12px/1.5 'DM Sans',sans-serif;margin-top:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.note{background:#ebe5f5;border:1px solid #ded2f2;border-radius:12px;padding:15px 20px;font-size:14px;margin:20px 0 28px;color:#554663}.note a,.source a{font-size:13px}.note strong{color:#452680}.feature-band{background:var(--deep);color:white;display:grid;grid-template-columns:1.3fr 1fr;gap:30px;padding:28px;border-radius:var(--radius);margin:25px 0 30px;overflow:hidden}.feature-band h2{font-size:1.7rem;max-width:430px}.feature-band p{color:#c5bdd1;font-size:15px;margin-top:13px}.feature-band .eyebrow{color:#c4a6ff}.band-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.flow-mini{display:flex;flex-direction:column;gap:9px;align-self:center}.flow-mini div{padding:10px 16px;background:#292136;border:1px solid #44334f;border-radius:9px;font-size:14px;display:flex;align-items:center;gap:12px}.flow-mini span{color:#c5a6ff;font-size:12px}.filterbar{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.chip{border:1px solid var(--line);background:white;color:var(--muted);padding:8px 15px;border-radius:24px;font-size:14px}.chip.selected{color:white;background:var(--ink);border-color:var(--ink)}.result-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-bottom:15px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border:1px solid var(--line);background:white;border-radius:14px;padding:23px;display:flex;text-align:left;flex-direction:column;color:var(--ink);min-height:252px;transition:transform .16s,border-color .16s,box-shadow .16s}.card:hover{transform:translateY(-3px);border-color:#bca4e8;box-shadow:0 10px 25px #24113909}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.iconbox{width:40px;height:40px;display:grid;place-items:center;background:var(--soft);color:var(--purple);border-radius:10px;font-size:18px}.category{font-size:12px;color:var(--muted)}.card h3{margin-bottom:10px}.card p{font-size:15px;color:var(--muted);margin-bottom:20px;line-height:1.5}.card-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--purple)}.badge{display:inline-block;padding:3px 9px;border-radius:5px;font-size:12px;background:var(--soft);color:#5b3791;line-height:1.6}.badge.plain{background:#eceef0;color:#535d67}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--purple);color:white;padding:11px 18px;border-radius:9px;font-weight:600;text-decoration:none;font-size:14px;min-height:44px}.btn.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.btn.ghost{background:#ffffff13;border:1px solid #ffffff25;color:white}.btn.small{padding:7px 12px;min-height:37px;font-size:13px}.section-head{margin:36px 0 21px}.section-head p{color:var(--muted);margin-top:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.panel{background:white;padding:26px;border:1px solid var(--line);border-radius:var(--radius)}.panel h3{margin-bottom:12px}.panel p{color:var(--muted)}.panel ul,.detail-box ul{padding-left:20px;margin:12px 0 0}.panel li,.detail-box li{margin:6px 0}.source{color:var(--muted);font-size:13px;margin-top:16px}.num{font:500 2rem/1 Manrope,sans-serif;color:#b39ad9;margin-bottom:20px}.dark{background:var(--deep);color:white;border-color:var(--deep)}.dark p{color:#c3bacc}.dark .source a{color:#c5a6ff}.key{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--muted);display:block;margin:20px 0 8px}.detail-box{padding:20px;background:#f5f3f8;border-radius:10px;margin:18px 0}.prompt{white-space:pre-wrap;background:#f3f0f8;border:1px solid #e7ddf4;border-radius:10px;padding:20px;line-height:1.65;font-size:16px;color:#493759;margin:10px 0 16px}.step-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:24px 0}.step-btn{padding:14px 10px;text-align:left;border:1px solid var(--line);background:white;border-radius:12px;font-size:14px}.step-btn span{display:block;font-size:12px;color:#a897be;margin-bottom:9px}.step-btn.selected{background:var(--purple);border-color:var(--purple);color:#fff}.step-btn.selected span{color:#e2d1ff}.process-view{display:grid;grid-template-columns:1fr 1.05fr;gap:30px;background:var(--deep);color:white;border-radius:18px;padding:32px}.process-view p{color:#d0c6db}.process-view .eyebrow{color:#ba97fb}.process-screen{padding:24px;background:#241b30;border:1px solid #473454;border-radius:12px;align-self:center}.process-screen small{font-size:12px;color:#b29cc7}.process-screen p{font-size:15px;margin-top:12px}.progress-track{height:3px;background:#42324f;margin-bottom:25px}.progress-fill{height:100%;background:#b892fc;transition:width .3s}.process-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px}.process-controls div{display:flex;gap:8px}.legend{color:var(--muted);font-size:13px}.layer{display:grid;grid-template-columns:70px 1fr;padding:22px 0;border-bottom:1px solid var(--line);gap:18px}.layer:last-child{border-bottom:0}.layer .num{margin:4px 0}.layer h3{margin-bottom:10px}.layer p{color:var(--muted)}label{display:block;font-weight:600;font-size:14px;margin-bottom:8px}input[type=text],input[type=number],select,textarea{width:100%;border:1px solid #d5cddd;background:#fff;border-radius:9px;padding:11px 12px;color:var(--ink)}textarea{resize:vertical;min-height:100px}input[type=range]{width:100%;accent-color:var(--purple);cursor:pointer}.field{margin-bottom:18px}.form-help{font-size:13px;color:var(--muted);margin-top:7px}.prompt-output{position:sticky;top:24px}.prompt-output .prompt{min-height:300px;background:#241b30;border-color:#463253;color:#ece1fa;font-size:15px}.prompt-output .key{color:#b7a6c8}.lab-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.metric{font:600 clamp(2.4rem,5vw,3.5rem)/1.15 Manrope,sans-serif;letter-spacing:-.04em;margin:15px 0 5px}.metric small{font-size:1.2rem;letter-spacing:0}.bar-track{height:16px;background:#e4daee;border-radius:8px;overflow:hidden;margin:20px 0 10px}.bar-fill{height:100%;background:var(--purple);transition:width .3s}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mini-stat{padding:14px;background:#f6f3fa;border-radius:9px;font-size:14px}.mini-stat strong{display:block;font-size:1.3rem;color:var(--purple)}.level-list{display:flex;flex-direction:column;gap:10px}.level-button{text-align:left;display:flex;gap:16px;padding:17px;background:white;border:1px solid var(--line);border-radius:12px;align-items:center}.level-button.selected{border-color:var(--purple);background:#efe7fb}.level-button .num{margin:0;font-size:1.6rem}.level-button strong{font-size:15px;display:block}.level-button small{font-size:13px;color:var(--muted)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin-top:20px}table{border-collapse:collapse;width:100%;background:white;font-size:14px}th,td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}th{background:#ede8f4;color:#573b76;font-size:13px}tr:last-child td{border-bottom:0}td:first-child{font-weight:600;min-width:155px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px}summary::after{content:'+';font-size:23px;line-height:1;color:var(--purple)}details[open] summary::after{content:'−'}details p{margin:16px 0 0;color:var(--muted)}.sources-list{counter-reset:sources;display:grid;gap:12px}.source-card{padding:19px 22px;background:white;border:1px solid var(--line);border-radius:12px}.source-card a{font-weight:600;font-size:15px}.source-card p{font-size:14px;margin-top:7px;color:var(--muted)}.check-item{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid var(--line);align-items:flex-start;font-weight:400;font-size:16px}.check-item input{width:19px;height:19px;accent-color:var(--purple);margin-top:4px;flex-shrink:0}.check-item:has(input:checked){color:#796e86}footer{border-top:1px solid var(--line);padding:22px 44px;display:flex;gap:20px;justify-content:space-between;font-size:12px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:20px;width:min(800px,calc(100% - 30px));max-height:88vh;padding:0;color:var(--ink);box-shadow:0 30px 100px #10092340}dialog::backdrop{background:#141020aa;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:white;border-bottom:1px solid var(--line);padding:16px 26px;z-index:1}.close{background:#f0edf3;width:38px;height:38px;border-radius:50%;font-size:25px}.dialog-body{padding:26px 32px 32px}.dialog-body h2{margin:14px 0}.dialog-body .lead{color:var(--muted);font-size:17px}.dialog-body .grid2{gap:18px}.dialog-body .detail-box{margin:0}.dialog-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.skip{position:fixed;top:-80px;left:20px;padding:12px;background:white;z-index:100}.skip:focus{top:15px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:12px 21px;border-radius:10px;background:var(--deep);color:white;opacity:0;pointer-events:none;z-index:30;font-size:14px;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.fade-in{animation:fade .3s ease-out}@keyframes fade{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}.pillrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.pillrow span{border:1px solid #4c365e;border-radius:5px;padding:5px 9px;font-size:12px;color:#d7c4e7}.mini-copy{background:transparent;color:var(--purple);font-size:14px;text-decoration:underline}.timeline{margin:20px 0;padding-left:24px;border-left:2px solid #d9caee}.timeline div{margin-bottom:20px}.timeline strong{font-size:15px}.timeline p{font-size:14px;margin-top:6px}.output-chip{font:700 .85rem/1.5 Manrope,sans-serif;color:var(--purple);padding:8px 12px;background:var(--soft);border-radius:8px;display:inline-block;margin-bottom:18px}
@media(min-width:1600px){main{padding-top:52px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.sidebar{width:225px;padding-left:17px;padding-right:17px}.shell{margin-left:225px}main{padding:32px 28px}.topbar{padding:20px 28px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:1fr 1fr}.feature-band{gap:20px;padding:23px}.topbar #chapter-name{display:none}}@media(max-width:800px){.sidebar{position:relative;width:auto;padding:19px 20px 0;background:var(--deep)}.wordmark{font-size:1.2rem}.mark{font-size:2.4rem}.wordmark-sub{font-size:12px}.side-label,.side-end{display:none}nav{display:flex;gap:5px;overflow-x:auto;margin-top:18px;padding-bottom:12px}nav a{white-space:nowrap;min-height:41px;padding:8px 11px;font-size:13px}nav a span{display:none}.shell{margin:0}.topbar{padding:16px 21px;min-height:55px;font-size:12px}.checked{font-size:12px}main{padding:30px 21px 40px}.hero-line{align-items:flex-start}.big-count{font-size:2.25rem}.big-count small{font-size:12px}h1{font-size:2.5rem}.intro{font-size:16px}.feature-band,.grid2,.process-view{grid-template-columns:1fr}.feature-band .flow-mini{display:none}.grid3{grid-template-columns:1fr 1fr}.feature-band{padding:24px}.process-view{padding:24px;gap:20px}.prompt-output{position:static}.step-nav{gap:5px}.step-btn{padding:10px 7px;font-size:12px}.step-btn span{font-size:12px}.grid2 .detail-box{margin:0}.dialog-body{padding:22px}.dialog-body .grid2{gap:13px}footer{padding:20px 21px;flex-direction:column;gap:6px}.card{padding:19px}.panel{padding:22px}}@media(max-width:480px){.cards,.grid3{grid-template-columns:1fr}.card{min-height:220px}.card-top{margin-bottom:16px}.card p{margin-bottom:17px}.hero-line .big-count{display:none}.result-meta span:last-child{display:none}.process-controls{align-items:flex-start;flex-direction:column}.step-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.step-btn{font-size:12px;overflow-wrap:anywhere}.dialog-body{padding:20px}.dialog-head{padding:14px 20px}.top-divider{margin:0 7px}.checked{font-size:12px}.mini-grid{grid-template-columns:1fr 1fr}}
.new-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0}.new-paths a{background:#fff;border:1px solid #daceeb;padding:17px;border-radius:12px;text-decoration:none;color:var(--ink)}.new-paths a:hover{border-color:var(--purple);background:#f2ecfb}.new-paths span{display:block;color:var(--purple);font-size:12px;letter-spacing:.07em;margin-bottom:8px}.new-paths strong{display:block;font-size:15px;line-height:1.45}.execution-path{display:grid;gap:0;margin:22px 0}.execution-path>div{display:flex;align-items:flex-start;gap:16px;padding:13px 0;border-bottom:1px solid #ffffff20}.execution-path>div:last-child{border-bottom:0}.execution-path span{font-size:12px;color:#be9ce9;padding-top:3px;flex-shrink:0}.execution-path p{font-size:15px}.execution-path.light-path>div{border-color:var(--line)}.execution-path.light-path p{color:var(--ink)}.plain-steps{padding-left:22px}.plain-steps li{padding-left:3px;margin:10px 0}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.showcase-card{display:flex;flex-direction:column}.showcase-card h2{font-size:1.75rem}.showcase-card .band-buttons{margin-top:auto;align-items:center}.showcase-card .band-buttons>a:not(.btn){font-size:14px}.showcase-card .detail-box p{font-size:15px}.related-prompts{display:flex;flex-direction:column;gap:9px;margin-top:20px;align-items:flex-start}.mechanism-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(245px,1fr);gap:18px;margin-top:20px}.mechanism-stage{background:var(--deep);border:1px solid #49345b;border-radius:18px;padding:22px;min-width:0}.mechanism-stage svg{display:block;width:100%;height:auto;min-height:230px;margin:10px 0}.part-buttons{display:flex;flex-wrap:wrap;gap:7px}.mech-part{border:1px solid #5a456e;background:#281d35;color:#d3bfdc;border-radius:7px;padding:8px 11px;font-size:13px;min-height:38px}.mech-part.selected{border-color:#c39bff;background:#6c3daf;color:white}.mech-explanation{border-top:1px solid #49395c;margin-top:18px;padding-top:17px;color:#e6d6f5;min-height:108px;font-size:15px}.mech-explanation strong{font-size:16px}.mech-explanation p{margin-top:7px;color:#c2b5cf}.mechanism-controls .field{margin-top:23px}.mechanism-controls label{display:flex;justify-content:space-between;gap:10px}.mechanism-controls output{font-weight:400;color:var(--purple);white-space:nowrap}.mechanism-controls .form-help{font-size:13px;line-height:1.5}.mechanism-controls .band-buttons{margin:20px 0}.mechanism-controls .check-item{justify-content:flex-start}.sidebar .side-label{margin-top:32px}.sidebar nav{gap:4px}.sidebar nav a{min-height:43px;padding-top:8px;padding-bottom:8px}.sidebar .side-end{padding-top:20px}.showcase-card .eyebrow{min-height:20px}#visual-case .band-buttons a{font-size:14px;color:#d1b1ff}#visual-case .band-buttons{align-items:center}code{overflow-wrap:anywhere}
@media(max-width:1100px){.mechanism-grid{grid-template-columns:1fr}.mechanism-controls .field{margin-top:18px}.mechanism-stage svg{max-height:370px}.new-paths{grid-template-columns:1fr}.new-paths a{display:flex;gap:20px;align-items:center}.new-paths span{margin:0;min-width:125px}.mechanism-controls label{max-width:100%}}
@media(max-width:800px){.showcase-grid{grid-template-columns:1fr}.mechanism-stage{padding:18px}.new-paths a{display:block}.new-paths span{margin-bottom:7px}.sidebar nav a{min-height:41px}.mechanism-stage svg{min-height:180px}.mechanism-controls{padding:20px}.mech-explanation{min-height:0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}