@import "https://api.fontshare.com/v2/css?f[]=clash-display@500,600&f[]=general-sans@400,500,600&display=swap";@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Space+Mono:wght@400;700&display=swap";html,body,#root{min-width:320px;min-height:100%}.running-section{font:400 .59rem var(--mono);letter-spacing:.08em;color:var(--muted);white-space:nowrap;align-items:center;gap:7px;margin-left:18px;display:flex}.running-section span{color:var(--accent);font-size:.82rem;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.motion-ready [data-section]{transition:opacity .8s cubic-bezier(.2,.75,.25,1),transform .8s cubic-bezier(.2,.75,.25,1)}.motion-ready [data-section]:not(.hero){opacity:0;transform:translateY(34px)}.motion-ready [data-section].is-visible{opacity:1;transform:translateY(0)}.motion-ready .hero-copy .label,.motion-ready .hero-copy h1,.motion-ready .hero-copy .body-copy,.motion-ready .hero-orbit{animation:.9s cubic-bezier(.2,.8,.2,1) both hero-in}.motion-ready .hero-copy h1{animation-delay:.1s}.motion-ready .hero-copy .body-copy{animation-delay:.22s}.motion-ready .hero-orbit{animation-delay:.32s}@keyframes hero-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.motion-ready .is-visible .margin-index i{transform-origin:top;animation:.7s cubic-bezier(.2,.8,.2,1) 80ms both index-draw}@keyframes index-draw{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.motion-ready .is-visible .matrix-field b{animation:.7s cubic-bezier(.2,.8,.2,1) .12s both dot-left}.motion-ready .is-visible .matrix-field em{animation:.7s cubic-bezier(.2,.8,.2,1) .18s both dot-right}@keyframes dot-left{0%{opacity:0;transform:translate(-20px,15px)scale(.65)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes dot-right{0%{opacity:0;transform:translate(20px,-15px)scale(.65)}to{opacity:1;transform:translate(0)scale(1)}}.motion-ready .is-visible .platform-card{animation:.55s cubic-bezier(.2,.8,.2,1) both card-rise}.motion-ready .is-visible .platform-card:nth-child(2){animation-delay:50ms}.motion-ready .is-visible .platform-card:nth-child(3){animation-delay:.1s}.motion-ready .is-visible .platform-card:nth-child(4){animation-delay:.15s}.motion-ready .is-visible .platform-card:nth-child(5){animation-delay:.2s}.motion-ready .is-visible .platform-card:nth-child(6){animation-delay:.25s}@keyframes card-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.platform-card footer b,.download-link,.route-tabs button{transition:color .2s,transform .2s}.platform-card:hover footer b{color:var(--accent);transform:translate(5px)}.route-tabs button.active{box-shadow:inset 0 -2px 0 var(--accent)}.route-tabs button:hover{color:var(--accent)}.source-master a,.dimension-list details{transition:background .2s,padding .2s}.dimension-list details[open]{background:#ad5b420f;padding-left:10px;padding-right:10px}.dimension-list details[open] summary b{color:var(--accent);transform:rotate(45deg)}:root{--paper:#f4f1e9;--ink:#171714;--muted:#68665f;--line:#cdc9be;--soft:#e9e5da;--accent:#ad5b42;--display:"Clash Display","Arial Black",sans-serif;--voice:"Fraunces",Georgia,serif;--body:"General Sans","Helvetica Neue","Microsoft YaHei",sans-serif;--mono:"Space Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--body);margin:0;font-size:16px}button,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}.site-header{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f1e9f0;align-items:center;gap:26px;height:68px;padding:0 3.3vw;display:flex;position:sticky;top:0}.brand{font-family:var(--display);letter-spacing:-.07em;font-size:1.35rem;font-weight:600;text-decoration:none}.site-header nav{gap:20px;margin-left:auto;display:flex}.site-header nav a,.download-link{font:400 .72rem var(--mono);letter-spacing:.02em;text-decoration:none}.download-link{border-bottom:1px solid var(--ink);white-space:nowrap;padding-bottom:3px}.page-grid{grid-template-columns:130px minmax(0,1.3fr) minmax(240px,.72fr);gap:clamp(26px,4.6vw,82px);padding-left:3.3vw;padding-right:3.3vw;display:grid}.margin-index{border-top:1px solid var(--ink);font:400 .65rem var(--mono);letter-spacing:.08em;flex-direction:column;grid-column:1;align-items:flex-start;gap:12px;padding-top:8px;display:flex}.margin-index i{background:var(--accent);width:1px;height:32px}.margin-index small{font:400 .59rem var(--mono);letter-spacing:.09em;writing-mode:vertical-rl}.label,.overline{font:400 .67rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase}.label span{font-family:var(--body);letter-spacing:0;text-transform:none;color:var(--muted);margin-left:8px}.body-copy{max-width:62ch;color:var(--muted);font-size:1.0625rem;line-height:1.6}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);letter-spacing:-.055em;font-weight:600;line-height:.95}h1{max-width:950px;margin:18px 0 28px;font-size:clamp(3.5rem,8vw,7rem)}h2{margin-bottom:19px;font-size:clamp(2rem,4vw,3.25rem)}h3{font-family:var(--voice);letter-spacing:-.04em;font-weight:500}.hero{grid-template-rows:1fr auto;min-height:calc(100vh - 68px);padding-top:8.5vh;position:relative;overflow:hidden}.hero-copy{z-index:1;grid-column:2/4;position:relative}.hero-orbit{aspect-ratio:1;border:1px solid var(--line);width:min(23vw,300px);font:400 .62rem var(--mono);color:var(--muted);border-radius:50%;grid-area:1/3;place-self:center end;place-items:center;display:grid;position:relative}.hero-orbit i{background:var(--accent);width:70%;height:1px;transform:rotate(-30deg)}.hero-orbit b:first-child{position:absolute;bottom:25%;left:12%}.hero-orbit b:nth-child(3){position:absolute;top:23%;right:8%}.hero-orbit small{color:var(--ink);position:absolute;bottom:15%;right:14%}.hero-diagnose{border-top:1px solid var(--ink);grid-column:1/-1;grid-template-columns:130px minmax(0,1.3fr) minmax(240px,.72fr);gap:clamp(26px,4.6vw,82px);padding:17px 0 26px;display:grid}.hero-diagnose h2{grid-column:2;margin:0;font-size:clamp(1.9rem,3vw,2.8rem)}.direction-options{grid-column:3;gap:0;display:grid}.direction-options button{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;padding:11px 0;transition:padding .18s,background .18s}.direction-options button:last-child{border-bottom:1px solid var(--line)}.direction-options strong{font-size:.88rem;display:block}.direction-options span{color:var(--muted);opacity:0;max-height:0;margin-top:3px;font-size:.72rem;line-height:1.35;transition:max-height .22s,opacity .22s;display:block;overflow:hidden}.direction-options button:hover span,.direction-options button.selected span{opacity:1;max-height:38px}.direction-options button.selected{background:var(--soft);padding-left:10px}.step-note{color:var(--muted);grid-column:2/4;margin:0;font-size:.72rem}.diagnosis-section{border-top:1px solid var(--line);padding-top:96px;padding-bottom:96px}.diagnosis-content{grid-column:2/4}.diagnosis-content h2{max-width:560px}.form-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;margin-top:42px;display:grid}.form-layout label{font-size:.75rem;font-weight:600}.form-layout em{color:var(--muted);font-style:normal;font-weight:400}.form-layout select{border:0;border-bottom:1px solid var(--ink);background:0 0;border-radius:0;width:100%;margin-top:6px;padding:11px 0 8px}.button-dark{background:var(--ink);color:var(--paper);border:1px solid var(--ink);align-items:center;gap:28px;margin-top:38px;padding:13px 16px;font-size:.77rem;text-decoration:none;transition:background .18s,color .18s;display:inline-flex}.button-dark:hover{background:var(--accent);border-color:var(--accent)}.result-section{background:var(--ink);color:var(--paper);padding:92px 0}.result-section .page-grid{row-gap:0}.result-section .margin-index{border-color:var(--paper)}.result-section .margin-index i{background:var(--accent)}.result-intro{grid-column:2;padding:8px 0 34px}.result-intro h2{margin:8px 0 14px;font-size:clamp(3.2rem,5vw,5rem)}.result-intro .body-copy{color:#cac5b9}.signals{border-left:1px solid #56534c;grid-column:3;padding:8px 0 34px 25px}.signals dl{margin:14px 0 0}.signals dl div{border-top:1px solid #56534c;grid-template-columns:.85fr 1.2fr;gap:8px;padding:8px 0;font-size:.7rem;line-height:1.35;display:grid}.signals dt{color:#a8a399}.signals dd{margin:0}blockquote{font:500 clamp(1.7rem,3vw,3.15rem)/1.1 var(--voice);letter-spacing:-.04em;border-top:1px solid #56534c;border-bottom:1px solid #56534c;grid-column:2/4;margin:0;padding:35px 0}blockquote span{font:400 .64rem var(--mono);letter-spacing:.1em;color:#aaa49a;margin-bottom:14px;display:block}blockquote em,.zh-line{color:var(--muted);font-family:var(--body);letter-spacing:0;margin-top:15px;font-size:.76rem;font-style:normal;line-height:1.45;display:block}.trap-card{grid-column:2;padding:27px 32px 27px 0}.trap-card p:last-child{font:500 1.4rem/1.25 var(--voice);margin:10px 0 0}.result-actions{border-left:1px solid #56534c;grid-column:3;padding:27px 0 27px 25px}.result-actions p:not(.label){color:#cac5b9;font-size:.78rem;line-height:1.5}.text-button{background:0 0;border:0;border-bottom:1px solid;padding:0 0 3px;font-size:.73rem}.result-section .text-button{color:var(--paper);margin-top:14px}.rule-note{color:#aaa49a;font:400 .61rem var(--mono);border-top:1px solid #56534c;grid-column:2/4;margin:0;padding:11px 0}.core-view{border-bottom:1px solid var(--line);padding-top:125px;padding-bottom:125px}.core-copy{grid-column:2}.core-copy h2{font-family:var(--voice);letter-spacing:-.045em;font-weight:500}.diagram-wrap{border-top:1px solid var(--ink);grid-column:2/4;margin-top:58px;padding-top:26px}.localization-diagram{width:100%;height:auto;overflow:visible}.localization-diagram text{font-family:var(--body);fill:var(--ink)}.localization-diagram .diagram-title{font-size:13px;font-family:var(--mono);letter-spacing:1px}.localization-diagram .diagram-body{font-size:15px}.localization-diagram .diagram-label{font-size:10px;font-family:var(--mono);fill:var(--muted)}.diagram-node{fill:#0000;stroke:var(--ink);stroke-width:1px}.diagram-layer{fill:#ad5b4214;stroke:var(--line);stroke-width:1px}.diagram-arrow{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:160;animation:2.2s both draw}@keyframes draw{0%{stroke-dashoffset:160px}to{stroke-dashoffset:0}}.compare-section{border-bottom:1px solid var(--line);padding-top:95px}.compare-heading{grid-column:2/4}.route-tabs{margin-top:66px}.route-tabs button{border:0;border-top:1px solid var(--line);text-align:left;color:var(--muted);background:0 0;padding:14px 0;font-size:.86rem;transition:color .18s,background .18s}.route-tabs button:nth-child(2){grid-column:3}.route-tabs button.active{color:var(--ink);border-color:var(--ink)}.route-tabs button:hover{background:#ad5b420d}.route-tabs span{font:400 .6rem var(--mono);letter-spacing:.08em;margin-bottom:6px;display:block}.comparison-layout{align-items:start;padding-top:30px;padding-bottom:75px}.comparison-layout .margin-index{grid-row:1}.matrix{border:1px solid var(--line);grid-column:2;min-height:300px;padding:18px}.matrix-head{font:400 .6rem var(--mono);text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.matrix-head i{background:var(--accent);flex:1;height:1px;margin:0 12px}.matrix-field{height:220px;position:relative}.matrix-field b,.matrix-field em{aspect-ratio:1;width:68px;font:400 .58rem var(--mono);border-radius:50%;place-items:center;font-style:normal;display:grid;position:absolute}.matrix-field b{background:#d9bdb6;bottom:21%;left:15%}.matrix-field em{border:1px solid var(--ink);background:var(--paper);top:18%;right:15%}.comparison-copy{grid-column:3}.comparison-copy h3{margin:10px 0;font-size:clamp(1.6rem,2.5vw,2.25rem);line-height:1.08}.comparison-copy>div{margin-top:35px}.comparison-copy>div p{border-top:1px solid var(--line);padding-top:10px;font-size:.76rem;line-height:1.45}.comparison-copy>div span{font:400 .6rem var(--mono);letter-spacing:.08em;color:var(--muted);margin-bottom:5px;display:block}.comparison-visual{border-top:1px solid var(--line);grid-column:2/4;margin-top:46px;padding-top:26px}.comparison-diagram{width:min(100%,700px);height:auto;margin:auto;display:block}.comparison-diagram text{font-family:var(--mono);fill:var(--ink)}.comparison-diagram .diagram-label{letter-spacing:.8px;fill:var(--muted);font-size:11px}.comparison-diagram .tiny-type{fill:var(--paper);font-size:10px}.phone-outline{fill:#0000;stroke:var(--ink)}.diagram-fill{fill:#d4d0c4}.diagram-soft{fill:#e8e5dc}.diagram-dark{fill:#24231f}.diagram-accent{fill:var(--accent)}.route-detail{background:var(--soft);padding-top:78px;padding-bottom:100px}.route-detail-head{grid-column:2}.route-detail-head h2{font-family:var(--voice);max-width:800px;font-weight:500;line-height:1.03}.dimension-list{grid-column:3}.dimension-list details{border-top:1px solid var(--ink);padding:12px 0}.dimension-list summary{cursor:pointer;grid-template-columns:34px 1fr 18px;gap:8px;font-size:.82rem;list-style:none;display:grid}.dimension-list summary span{font:400 .61rem var(--mono);color:var(--accent)}.dimension-list summary b{font-weight:400}.dimension-body{padding:15px 0 5px}.dimension-body p{color:var(--muted);font-size:.74rem;line-height:1.48}.dimension-body strong,.profile-facts strong{color:var(--ink);font:400 .58rem var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;display:block}.field-view{border-left:2px solid var(--accent);padding-left:10px}.source-links{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.source-links a{font:400 .61rem var(--mono);border-bottom:1px solid;text-decoration:none}.atlas-section{padding-top:100px;padding-bottom:100px}.atlas-heading{grid-column:2/4}.platform-grid{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:56px;display:grid}.platform-card{text-align:left;border:1px solid var(--line);border-top:3px solid var(--accent);background:0 0;flex-direction:column;min-height:245px;padding:16px;transition:transform .18s,background .18s,border-color .18s;display:flex}.platform-card:hover,.platform-card.active{background:var(--soft);border-color:var(--accent);transform:translateY(-3px)}.platform-card>span{font:400 .66rem var(--mono)}.platform-card>i{font:400 .58rem var(--mono);border:1px solid var(--accent);color:var(--accent);margin-top:-17px;margin-left:auto;padding:3px 6px;font-style:normal}.platform-card h3{font-family:var(--display);margin:auto 0 8px;font-size:1.65rem}.platform-card p{font:500 1.05rem/1.2 var(--voice);max-width:235px}.platform-card footer{border-top:1px solid var(--line);font:400 .57rem var(--mono);color:var(--muted);justify-content:space-between;padding-top:8px;display:flex}.platform-card footer b{color:var(--ink);font-size:.9rem}.platform-card.orange{--accent:#b96a37}.platform-card.yellow{--accent:#8c7a23}.platform-card.violet{--accent:#7b669f}.platform-card.blue{--accent:#53788f}.platform-card.red{--accent:#a4514e}.platform-profile{border-top:1px solid var(--ink);grid-column:2/4;grid-template-columns:1fr 1.5fr;gap:25px;margin-top:58px;padding-top:20px;display:grid}.platform-profile>h3{grid-column:1;margin:0;font-size:2rem}.platform-profile>blockquote{border:0;grid-area:1/2/3;padding:0;font-size:1.7rem}.platform-profile>.label{grid-column:1}.profile-facts{grid-column:1;gap:12px;display:grid}.profile-facts p{margin:0;font-size:.75rem;line-height:1.42}.platform-profile>.source-links{grid-column:2}.framework-section{background:var(--soft);padding-top:100px;padding-bottom:100px}.framework-copy{grid-column:2/4}.framework-copy h2{font-family:var(--voice);font-weight:500;line-height:.94}.framework-map{margin-top:75px}.framework-map>div:not(.margin-index){border-top:1px solid var(--ink);padding-top:10px}.framework-map>div:nth-child(2){grid-column:2}.framework-map>div span{font:400 .63rem var(--mono);color:var(--accent)}.framework-map h3{font-family:var(--display);margin:47px 0 8px;font-size:1.75rem}.framework-map p{color:var(--muted);max-width:220px;font-size:.78rem;line-height:1.45}.framework-download{align-items:end;margin-top:85px}.pdf-cover{aspect-ratio:1/.72;background:var(--ink);color:var(--paper);flex-direction:column;grid-column:2;padding:22px;display:flex}.pdf-cover>span,.pdf-cover p{font:400 .6rem var(--mono);letter-spacing:.06em}.pdf-cover h3{font:500 clamp(1.75rem,3vw,3.25rem)/.97 var(--voice);margin:auto 0}.pdf-cover p{color:#bdb8ad;margin:0}.framework-download>div:last-child{grid-column:3}.framework-download h3{font-size:1.85rem;line-height:1.06}.framework-download .text-button{margin-top:18px}.sources-section{border-bottom:1px solid var(--line);padding-top:100px;padding-bottom:100px}.sources-copy{grid-column:2}.sources-copy details{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin-top:30px;padding:12px 0}.sources-copy summary{cursor:pointer;justify-content:space-between;font-size:.78rem;list-style:none;display:flex}.sources-copy details p{color:var(--muted);max-width:510px;font-size:.76rem;line-height:1.45}.source-master{margin-top:30px}.source-master a{border-top:1px solid var(--line);grid-template-columns:34px 68px 1fr;gap:8px;padding:10px 0;font-size:.7rem;line-height:1.35;text-decoration:none;transition:padding .16s;display:grid}.source-master a:hover{color:var(--accent);padding-left:7px}.source-master span,.source-master i{font:400 .58rem var(--mono);color:var(--muted);font-style:normal}.scope-note{grid-column:3;font-size:.8rem;line-height:1.5}.scope-note p:last-child{font:400 .61rem var(--mono);color:var(--muted);margin-top:30px}.about-section{background:#e8e4d9;padding-top:100px;padding-bottom:100px}.about-copy{grid-column:2}.author-mark{border:1px solid var(--line);grid-column:3;place-items:center;min-height:260px;display:grid;position:relative;overflow:hidden}.author-mark span{font:600 clamp(4rem,9vw,8rem)/1 var(--display);letter-spacing:-.1em}.author-mark i{background:var(--accent);width:135%;height:1px;position:absolute;transform:rotate(-34deg)}.author-mark small{font:400 .6rem var(--mono);line-height:1.35;position:absolute;bottom:14px;right:16px}.author-block{border-top:1px solid var(--ink);grid-column:2/4;grid-template-columns:1.1fr 1.5fr 1fr;gap:25px;margin-top:58px;padding-top:17px;display:grid}.author-block h3{font-family:var(--display);margin:0;font-size:1.65rem}.author-block p{color:var(--muted);margin:0;font-size:.78rem;line-height:1.45}.author-block p:nth-of-type(3){color:var(--ink)}.author-block div{flex-direction:column;gap:8px;font-size:.74rem;display:flex}.author-block a{border-bottom:1px solid var(--ink);width:max-content;text-decoration:none}.site-footer{min-height:72px;font:400 .6rem var(--mono);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:15px;padding:0 3.3vw;display:flex}.site-footer a{text-decoration:none}@media (width<=820px){.site-header{height:62px;padding:0 18px}.site-header nav{display:none}.download-link{margin-left:auto}.page-grid{grid-template-columns:1fr;gap:22px;padding-left:18px;padding-right:18px}.margin-index{border-top:0;flex-direction:row;align-items:center;gap:8px;padding-top:0;display:flex;grid-column:1!important}.margin-index i{width:26px;height:1px}.margin-index small{writing-mode:initial}.hero{min-height:auto;padding-top:84px}.hero-copy,.hero-orbit,.hero-diagnose,.hero-diagnose h2,.direction-options,.step-note,.diagnosis-content,.result-intro,.signals,blockquote,.trap-card,.result-actions,.rule-note,.core-copy,.diagram-wrap,.compare-heading,.matrix,.comparison-copy,.comparison-visual,.route-detail-head,.dimension-list,.atlas-heading,.platform-profile,.framework-copy,.pdf-cover,.framework-download>div:last-child,.sources-copy,.scope-note,.about-copy,.author-mark,.author-block{grid-column:1}.hero-orbit{display:none}.hero-diagnose{grid-template-columns:1fr;gap:20px;margin-top:75px}.hero-diagnose h2{font-size:2rem}.diagnosis-section,.core-view,.compare-section,.atlas-section,.framework-section,.sources-section,.about-section{padding-top:65px;padding-bottom:65px}.form-layout{grid-template-columns:1fr;gap:21px}.result-section{padding:65px 0}.signals,.result-actions{border-left:0;padding-left:0}.result-intro,.signals,.trap-card,.result-actions{padding:0 0 26px}.result-intro h2{font-size:3.4rem}blockquote{padding:26px 0}.diagram-wrap{margin-top:25px}.localization-diagram{min-width:700px}.diagram-wrap{overflow:auto}.route-tabs{grid-template-columns:1fr 1fr;margin-top:38px}.route-tabs button:nth-child(2){grid-column:2}.comparison-layout{padding-top:25px;padding-bottom:55px}.comparison-visual{margin-top:20px;overflow:auto}.comparison-diagram{min-width:620px}.route-detail{padding-top:60px;padding-bottom:65px}.platform-grid{grid-template-columns:1fr 1fr;margin-top:32px}.platform-card{min-height:210px}.platform-profile{grid-template-columns:1fr;margin-top:38px}.platform-profile>blockquote,.platform-profile>.source-links{grid-area:auto/1}.framework-map{margin-top:42px}.framework-map>div:nth-child(2){grid-column:1}.framework-map{gap:30px}.framework-download{margin-top:52px}.author-block{grid-template-columns:1fr;margin-top:38px}.site-footer{flex-wrap:wrap;min-height:auto;padding:17px 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}