:root{--bg:#f4f7fb;--paper:#fff;--ink:#151821;--muted:#5f6879;--line:#dce3ee;--violet:#5948ff;--violet-dark:#3f31ce;--cyan:#00afc6;--pink:#f04487;--soft-violet:#eceaff;--soft-cyan:#e2f8fb;--soft-pink:#ffe8f1;--radius:18px;--shadow:0 20px 60px rgba(27,34,58,.1);--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{display:block}.sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:-.18em}.skip{position:fixed;left:1rem;top:-5rem;background:var(--ink);color:#fff;padding:.8rem 1rem;z-index:100}.skip:focus{top:1rem}.site-header{height:78px;display:flex;align-items:center;gap:2rem;max-width:var(--max);margin:auto;padding:0 28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:850;letter-spacing:-.02em;white-space:nowrap}.brand span{display:grid;line-height:1.05}.brand small{font-size:.63rem;color:var(--muted);font-weight:650;letter-spacing:.08em;text-transform:uppercase;margin-top:.25rem}.main-nav{margin-left:auto;display:flex;gap:.25rem}.main-nav a{padding:.5rem .68rem;text-decoration:none;border-radius:9px;color:#353c4b;font-size:.91rem}.main-nav a:hover,.main-nav a:focus-visible{background:var(--paper)}.menu-button{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:10px;padding:.55rem .8rem}main{max-width:var(--max);margin:auto;padding:0 28px 90px}.kicker{text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:.74rem;color:var(--violet);margin:0 0 .8rem}.lead{font-size:clamp(1.08rem,1.6vw,1.35rem);color:#41495a;max-width:740px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center;padding:92px 0 82px}.hero h1,.page-hero h1,.article>header h1,.not-found h1{font-size:clamp(3.1rem,6vw,6.7rem);line-height:.94;letter-spacing:-.075em;margin:.2rem 0 1.5rem;max-width:950px}.hero h1 span{color:var(--violet)}.hero-copy .lead{max-width:650px}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:2rem 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid transparent;border-radius:12px;padding:.82rem 1.05rem;font-weight:780;text-decoration:none}.primary{background:var(--ink);color:#fff}.primary:hover{background:var(--violet)}.secondary{background:#fff;border-color:var(--line)}.secondary:hover{border-color:var(--violet);color:var(--violet)}.proof{display:flex;gap:1.6rem;flex-wrap:wrap;padding:0;margin:2rem 0 0;list-style:none;color:var(--muted);font-size:.9rem}.proof li:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);margin-right:.5rem}.timeline-visual{background:#171a24;color:#f8f9ff;border-radius:28px;padding:24px;box-shadow:var(--shadow);transform:rotate(1.1deg);min-height:430px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.timeline-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 24%,rgba(255,255,255,.05) 25%,transparent 26%,transparent 49%,rgba(255,255,255,.05) 50%,transparent 51%,transparent 74%,rgba(255,255,255,.05) 75%,transparent 76%)}.visual-top,.visual-note{display:flex;justify-content:space-between;font:700 .68rem/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.09em;color:#aeb7ca;position:relative}.lane{height:66px;border-left:5px solid;margin:18px 0 0;padding:12px 14px;display:flex;align-items:center;gap:8px;position:relative;background:#202532}.lane b{width:145px;font-size:.86rem}.lane i{height:10px;min-width:36px;flex:1;background:currentColor;border-radius:2px}.lane.violet{color:#8f84ff;border-color:#8f84ff}.lane.cyan{color:#38d2e5;border-color:#38d2e5;margin-left:10%}.lane.pink{color:#ff77aa;border-color:#ff77aa;margin-left:4%}.visual-note{margin-top:25px;justify-content:flex-end}.workflow,.featured,.library,.related{padding:80px 0}.section-head{max-width:720px;margin-bottom:34px}.section-head h2,.explain-grid h2,.prose h2,.scenario-board h2,.download-box h2{font-size:clamp(1.7rem,3vw,2.65rem);letter-spacing:-.045em;line-height:1.08;margin:.25rem 0 .7rem}.section-head p:last-child{color:var(--muted)}.split{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:1rem}.split>a{font-weight:800;color:var(--violet)}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);padding:0;list-style:none;border-radius:var(--radius);overflow:hidden}.steps li{background:var(--paper);padding:24px;min-height:190px}.steps span,.track,.scenario-board span,.case-track span,.workshop-steps>li>span{font:800 .7rem/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em;color:var(--violet)}.steps h3{font-size:1.15rem;margin:2.8rem 0 .35rem}.steps p{color:var(--muted);margin:0;font-size:.92rem}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card,.content-card{display:block;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}.tool-card:hover,.content-card:hover{transform:translateY(-3px);border-color:#aaa2ff;box-shadow:0 13px 30px rgba(37,31,93,.08)}.tool-card h3,.content-card h3{font-size:1.22rem;line-height:1.2;margin:2.4rem 0 .6rem;letter-spacing:-.02em}.tool-card p,.content-card p{color:var(--muted);font-size:.93rem}.card-action{font-weight:750;color:var(--violet);display:flex;align-items:center;gap:.4rem;margin-top:1.2rem}.manifesto{background:var(--ink);color:#fff;border-radius:28px;padding:clamp(34px,6vw,72px);margin:55px 0}.manifesto .kicker{color:#65e2ef}.manifesto blockquote{font-size:clamp(1.8rem,4vw,4rem);line-height:1.08;letter-spacing:-.055em;margin:0 0 2rem;max-width:1000px}.manifesto a{color:#fff;font-weight:800}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.content-card h3{margin:.8rem 0}.dot{width:9px;height:9px;background:var(--pink);display:block;border-radius:50%}.crumbs{display:flex;align-items:center;gap:.45rem;padding:32px 0 0;color:var(--muted);font-size:.86rem;white-space:nowrap;overflow:auto}.crumbs a{color:var(--violet)}.crumbs .icon{width:.85em}.page-hero{padding:80px 0 50px;position:relative}.page-hero h1,.article>header h1{font-size:clamp(3rem,6vw,6rem)}.page-hero .metric{position:absolute;right:0;bottom:44px;display:flex;gap:1rem;align-items:center;border-left:4px solid var(--cyan);padding-left:18px}.metric strong{font-size:2.4rem;letter-spacing:-.06em}.metric span{font-size:.8rem;color:var(--muted);line-height:1.25}.catalogue{padding-bottom:35px}.tool-title{padding-bottom:36px}.tool-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);background:#171a24;border-radius:26px;overflow:hidden;min-height:550px;box-shadow:var(--shadow)}.tool-panel{padding:28px;background:#fff}.tool-status{font:750 .72rem/1 ui-monospace,monospace;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cyan);margin-right:.5rem}.field{margin:0 0 18px}.field label{display:block;font-weight:760;margin-bottom:6px}.field small{display:block;color:var(--muted);margin-top:5px}.field input,.field select,.field textarea{width:100%;border:1px solid #cbd3df;border-radius:10px;padding:.75rem .82rem;background:#fbfcfe;color:var(--ink)}.field textarea{min-height:118px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(89,72,255,.18);border-color:var(--violet)}.field [aria-invalid=true]{border-color:#c6285c}.field-error{color:#b51d4e;font-size:.84rem;margin-top:5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tool-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.tool-actions button{border:0}.result-panel{color:#fff;padding:34px;display:flex;align-items:center;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:32px 32px}.result-empty span,.result-label{font:800 .7rem/1 ui-monospace,monospace;letter-spacing:.12em;color:#70deeb}.result-empty h2,.result-content h2{font-size:clamp(1.9rem,4vw,3.5rem);line-height:1;letter-spacing:-.05em;margin:.8rem 0}.result-empty p{color:#bbc4d6;max-width:470px}.result-content{width:100%}.result-list{display:grid;gap:9px;margin:18px 0}.result-item{background:#242937;border:1px solid #333a4c;border-radius:12px;padding:13px}.result-item b{display:block;font-size:1.08rem}.result-item small{color:#b7c1d2}.score-row{display:grid;grid-template-columns:95px 1fr 38px;align-items:center;gap:8px;font-size:.83rem;margin:8px 0}.score-bar{height:7px;background:#353b4b;border-radius:99px;overflow:hidden}.score-bar i{display:block;height:100%;background:var(--cyan)}.explain-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:55px 0}.explain-grid article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}.related{border-top:1px solid var(--line);margin-top:40px}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.link-card{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);padding:18px;border-radius:12px;text-decoration:none;font-weight:750}.article>header{padding:70px 0 48px;border-bottom:1px solid var(--line)}.article-layout{display:grid;grid-template-columns:210px minmax(0,740px);gap:7vw;align-items:start;padding:55px 0;justify-content:center}.toc{position:sticky;top:25px;display:grid;gap:.5rem;font-size:.88rem}.toc b{margin-bottom:.5rem}.toc a{color:var(--muted)}.prose{max-width:760px;margin:50px auto}.article-layout .prose{margin:0}.prose section{scroll-margin-top:25px;margin-bottom:48px}.prose p,.prose li{color:#424b5b}.prose h2{margin-top:2.5rem}.prose h3{font-size:1.2rem}.prose li+li{margin-top:.45rem}.note{background:var(--soft-cyan);border-left:4px solid var(--cyan);padding:18px 20px;border-radius:0 12px 12px 0;margin:25px 0}.note p{margin-bottom:0}.checklist{list-style:none;padding:0}.checklist li{position:relative;padding:.7rem 0 .7rem 2rem;border-bottom:1px solid var(--line)}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--violet);font-weight:900}.scenario-board{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:50px 0;border-radius:var(--radius);overflow:hidden}.scenario-board>div{background:#fff;padding:30px;min-height:240px}.scenario-board h2{font-size:1.65rem;margin-top:2.6rem}.compact{margin:50px 0}.workshop-steps{list-style:none;padding:0;margin:50px auto;max-width:900px}.workshop-steps>li{display:grid;grid-template-columns:110px 1fr;gap:2rem;padding:28px 0;border-bottom:1px solid var(--line)}.workshop-steps h2{margin:0 0 .35rem;font-size:1.5rem}.download-box{display:flex;justify-content:space-between;align-items:center;gap:2rem;background:var(--soft-violet);border-radius:var(--radius);padding:30px;margin:50px 0}.case-track{display:grid;grid-template-columns:1fr 1fr;margin:50px 0;gap:12px}.case-track>div{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;min-height:190px}.case-track .selected{background:var(--ink);color:#fff;border-color:var(--ink)}.case-track .selected span{color:#65e2ef}.case-track h2{font-size:2.2rem;line-height:1.05}.trust .prose{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,5vw,58px)}.trust code{background:#edf0f5;padding:.12rem .3rem;border-radius:4px}.update{border-top:1px solid var(--line);padding-top:1.3rem;margin-top:3rem}.inline-status{font-weight:700;color:var(--violet)}.not-found{min-height:65vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.not-found h1{max-width:700px}footer{max-width:var(--max);margin:auto;padding:45px 28px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:2rem;color:var(--muted)}footer>div p{max-width:340px;font-size:.9rem}.footer-brand{color:var(--ink)}footer nav{display:grid;grid-template-columns:repeat(3,1fr);align-content:start;gap:.5rem 1rem}footer nav a{font-size:.88rem}.legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:.78rem}@media(max-width:980px){.site-header{height:auto;min-height:70px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.menu-button{display:block}.main-nav{display:none;width:100%;margin:0;padding:8px 0;border-top:1px solid var(--line);grid-template-columns:1fr 1fr}.main-nav.open{display:grid}.main-nav a{padding:.75rem}.hero{grid-template-columns:1fr;padding-top:65px}.timeline-visual{min-height:370px;transform:none}.steps{grid-template-columns:1fr 1fr}.tool-grid,.content-grid{grid-template-columns:1fr 1fr}.tool-shell{grid-template-columns:1fr}.result-panel{min-height:380px}.page-hero .metric{position:static;margin-top:2rem}.article-layout{grid-template-columns:1fr}.toc{position:static;display:flex;flex-wrap:wrap;gap:.8rem 1rem;background:#fff;padding:16px;border-radius:12px}.scenario-board{grid-template-columns:1fr 1fr}}@media(max-width:640px){main{padding-left:18px;padding-right:18px}.site-header{padding-left:18px;padding-right:18px}.brand small{display:none}.hero{padding:50px 0}.hero h1,.page-hero h1,.article>header h1{font-size:clamp(2.65rem,14vw,4.6rem)}.timeline-visual{min-height:320px;padding:16px}.lane b{width:100px}.workflow,.featured,.library,.related{padding:55px 0}.steps,.tool-grid,.content-grid,.link-grid,.scenario-board,.case-track,.explain-grid{grid-template-columns:1fr}.steps li{min-height:150px}.form-row{grid-template-columns:1fr}.page-hero,.article>header{padding:55px 0 35px}.tool-panel,.result-panel{padding:22px}.workshop-steps>li{grid-template-columns:1fr;gap:.75rem}.download-box{align-items:flex-start;flex-direction:column}.split{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr;padding:35px 18px}footer nav{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}:focus-visible{outline:3px solid var(--pink);outline-offset:3px}