@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0zgw-jeven.3w.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0wkzw~je483f-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0rhz0arwfsn~5.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0l76wvqk9d84w.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0k4k9394f2q-k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.08e28id.o-okb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.table{display:table}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--page:#f4f7fb;--surface:#fbfcfe;--surface-2:#eaf0f8;--ink:#11151c;--muted:#5e6672;--line:#d8e0ea;--blue:#1465f3;--blue-dark:#0b4dc4;--blue-soft:#e5efff;--shadow:0 28px 70px #3b4b6329;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--page)}body{background:var(--page);color:var(--ink);font-family:var(--font-geist-sans), "PingFang SC", "Microsoft YaHei", sans-serif;text-rendering:optimizelegibility;margin:0}main{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,a{-webkit-tap-highlight-color:transparent}button,a{transition:color .25s,background-color .25s,border-color .25s,transform .25s}button:active,a:active{transform:scale(.98)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.srOnly,.srOnly:not(:focus):not(:active){clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.siteHeader{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f4f7fbeb;border-bottom:1px solid #d8e0ead1;justify-content:space-between;align-items:center;gap:32px;height:72px;padding:0 clamp(22px,4vw,68px);display:flex;position:relative}.brand{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:12px;font-size:14px;font-weight:760;display:inline-flex}.brandMark{background:var(--blue);color:#f9fbff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.brandMark svg{width:18px;height:18px}.siteHeader nav{color:#3f4651;white-space:nowrap;justify-content:flex-end;align-items:center;gap:clamp(18px,3vw,42px);font-size:13px;display:flex}.siteHeader nav a{padding:10px 0;position:relative}.siteHeader nav a:hover,.siteHeader nav a.isActive{color:var(--blue)}.siteHeader nav a.isActive:after{content:"";background:var(--blue);border-radius:2px;height:2px;position:absolute;bottom:3px;left:0;right:0}.navGithub{align-items:center;gap:7px;display:inline-flex}.navGithub svg{width:17px;height:17px}.homeHero{background:var(--surface);border-bottom:1px solid var(--line);grid-template-columns:minmax(420px,.82fr) minmax(620px,1.18fr);align-items:center;gap:clamp(28px,4vw,72px);min-height:calc(100dvh - 72px);max-height:900px;padding:clamp(44px,6vw,90px) clamp(24px,5vw,80px);display:grid;overflow:clip}.heroCopy{z-index:4;max-width:700px;position:relative}.heroLabel,.chapterIndex{color:var(--blue);font-family:var(--font-geist-mono), monospace;letter-spacing:.06em;margin:0 0 24px;font-size:12px;font-weight:700}.heroCopy h1,.detailHero h1{letter-spacing:-.065em;max-width:760px;margin:0;font-size:clamp(50px,5vw,76px);font-weight:760;line-height:1.06}.heroCopy h1 span{display:block}.heroCopy>p:not(.heroLabel),.detailHeroCopy>p:not(.heroLabel){max-width:610px;color:var(--muted);margin:28px 0 0;font-size:clamp(16px,1.25vw,19px);line-height:1.7}.heroActions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:34px;display:flex}.primaryButton,.textButton,.inlineLink{white-space:nowrap;justify-content:center;align-items:center;gap:10px;min-height:48px;font-size:14px;font-weight:700;display:inline-flex}.primaryButton{color:#f9fbff;background:var(--blue);border-radius:999px;padding:0 22px;box-shadow:0 14px 28px #1465f333}.primaryButton:hover{background:var(--blue-dark);transform:translateY(-2px)}.textButton{border-bottom:1px solid var(--line);padding:0 4px}.textButton:hover,.inlineLink:hover{color:var(--blue);border-color:var(--blue)}.primaryButton svg,.textButton svg,.inlineLink svg{width:17px;height:17px}.heroStage{isolation:isolate;min-height:600px;position:relative}.heroStage:before{content:"";z-index:-1;filter:blur(34px);background:radial-gradient(circle at 52% 48%,#bfd7f975,#f4f7fb00 68%);border-radius:50%;position:absolute;inset:11% -8% 9% 12%}.heroStageAsset{filter:drop-shadow(0 34px 40px #3748621f);transform-origin:62% 54%;width:min(100%,860px);max-width:none;height:auto;position:absolute;top:50%;right:0;translate:0 -50%}.manifesto{background:var(--surface);text-align:center;padding:clamp(110px,14vw,210px) clamp(24px,7vw,108px)}.manifesto p{color:var(--muted);margin:0 0 24px;font-size:15px}.manifesto h2{letter-spacing:-.07em;margin:0 auto;font-size:clamp(54px,7vw,108px);font-weight:760;line-height:.98}.manifesto h2 span{color:var(--blue)}.productChapter{border-top:1px solid var(--line);grid-template-columns:.74fr 1.26fr;align-items:center;gap:clamp(48px,8vw,130px);min-height:820px;padding:clamp(90px,11vw,170px) clamp(24px,6vw,96px);display:grid}.codexChapter{background:var(--page)}.editableChapter{background:var(--surface);grid-template-columns:1.12fr .88fr}.chapterCopy{max-width:570px}.chapterCopy h2,.sectionIntro h2,.sourceImageCopy h2,.measurementCopy h2{letter-spacing:-.06em;margin:0;font-size:clamp(44px,5.2vw,78px);line-height:1.03}.responsiveHeadline span{white-space:nowrap;display:block}.chapterCopy>p:not(.chapterIndex),.sectionIntro>p,.sourceImageCopy>p,.measurementCopy>p{color:var(--muted);margin:26px 0 0;font-size:17px;line-height:1.75}.cleanList{border-top:1px solid var(--line);margin:32px 0;padding:0;list-style:none}.cleanList li{border-bottom:1px solid var(--line);color:#363d47;padding:15px 0;font-size:14px;line-height:1.5}.inlineLink{border-bottom:1px solid var(--line);min-height:36px;padding-bottom:3px}.chapterVisual{min-width:0}.slideRail{align-items:center;width:100%;max-width:1120px;min-height:510px;margin:0 auto;padding:42px clamp(54px,6vw,82px) 70px;display:grid;position:relative}.slideRailViewport{padding:20px 0 28px;overflow:hidden}.slideRailTrack{grid-template-columns:minmax(0,.62fr) minmax(0,1.36fr) minmax(0,.62fr);align-items:center;gap:clamp(12px,2vw,24px);display:grid}.slideRailCard{cursor:pointer;opacity:.58;background:0 0;border:0;min-width:0;padding:0;transform:scale(.86)}.slideRailCard:hover{opacity:.86;transform:scale(.9)}.slideRailCard.isActive{z-index:2;opacity:1;cursor:default;transform:scale(1)}.slideRailCard img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:18px;width:100%;box-shadow:0 20px 46px #37486226}.slideRailCard.isActive img{box-shadow:0 30px 64px #37486233}.slideRailArrow{z-index:5;border:1px solid var(--line);width:46px;height:46px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfcfef0;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 12px 30px #3b4b631a}.slideRailArrow:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-50%)scale(1.05)}.slideRailArrow:active{transform:translateY(-50%)scale(.96)}.slideRailArrow svg{width:18px;height:18px}.slideRailArrowPrevious{left:0}.slideRailArrowNext{right:0}.slideRailDots{align-items:center;gap:2px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.slideRailDots button{cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0;position:relative}.slideRailDots button:after{content:"";background:#aeb8c6;border-radius:2px;width:14px;height:2px;transition:width .25s,background-color .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slideRailDots button.isActive:after{background:var(--blue);width:24px}.compareSlider{aspect-ratio:16/9;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);width:100%;box-shadow:var(--shadow);position:relative;overflow:hidden}.compareSlider>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.compareBefore{z-index:2}.compareHandle{background:var(--blue);z-index:4;pointer-events:none;width:2px;position:absolute;inset:0 auto 0 52%}.compareHandle span{border:2px solid var(--blue);background:var(--surface);border-radius:50%;width:42px;height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 24px #1465f33d}.compareHandle span:before,.compareHandle span:after{content:"";border-top:2px solid var(--blue);border-left:2px solid var(--blue);width:8px;height:8px;position:absolute;top:13px}.compareHandle span:before{left:9px;rotate:-45deg}.compareHandle span:after{right:9px;rotate:135deg}.compareSlider input{opacity:0;cursor:ew-resize;z-index:5;width:100%;height:100%;margin:0;position:absolute;inset:0}.compareLabel{z-index:6;border:1px solid var(--line);color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#fbfcfee6;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700;position:absolute;bottom:16px}.compareLabelBefore{left:16px}.compareLabelAfter{right:16px}.meetingPoint,.boundarySection,.detailProcess,.styleSection,.caseSection,.decisionSection,.gateSection{padding:clamp(100px,12vw,180px) clamp(24px,6vw,96px)}.meetingPoint{background:var(--page);border-top:1px solid var(--line)}.sectionIntro{max-width:820px;margin-bottom:clamp(56px,7vw,100px)}.centeredIntro{text-align:center;margin-left:auto;margin-right:auto}.sectionIntro h2{font-size:clamp(42px,5vw,72px)}.dualFlow{grid-template-columns:1fr 130px 1fr;align-items:center;gap:34px;display:grid}.flowSide>p{color:var(--blue);text-align:center;margin:0 0 22px;font-size:13px;font-weight:740}.flowIcons{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:12px;display:grid}.flowIcon{text-align:center;min-width:0;position:relative}.flowIcon>span{background:var(--surface);border:1px solid var(--line);width:66px;height:66px;color:var(--blue);border-radius:20px;place-items:center;margin:0 auto 13px;display:grid;box-shadow:0 12px 28px #3b4b6314}.flowIcon>span svg{width:30px;height:30px}.flowIcon strong{color:#3a414b;font-size:12px;line-height:1.4;display:block}.flowArrow{color:#8d97a5;width:18px;position:absolute;top:25px;right:-13px}.pptOrb{background:var(--surface);width:120px;height:120px;color:var(--blue);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:50%;align-content:center;place-items:center;gap:4px;display:grid}.pptOrb svg{width:44px;height:44px}.pptOrb strong{letter-spacing:.08em;font-size:13px}.boundarySection{background:var(--surface);border-top:1px solid var(--line)}.boundaryGrid{grid-template-columns:1fr 1fr;gap:24px;max-width:1120px;margin:0 auto;display:grid}.boundaryPanel{border-radius:var(--radius);border:1px solid var(--line);background:var(--page);flex-direction:column;align-items:flex-start;min-height:400px;padding:clamp(32px,4vw,58px);display:flex}.boundaryPanel>svg{width:46px;height:46px;color:var(--blue)}.boundaryPanel h3{color:var(--muted);margin:auto 0 10px;font-size:15px;font-weight:600}.boundaryPanel>strong{letter-spacing:-.04em;font-size:clamp(30px,3vw,46px)}.boundaryPanel>p{color:var(--muted);margin:18px 0 28px;line-height:1.7}.boundarySignal{color:var(--blue);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.boundarySignal svg{width:20px;height:20px}.routePair{background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.routeLink{background:var(--surface);grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:260px;padding:clamp(34px,5vw,74px);display:grid}.routeLink:hover{background:var(--blue-soft)}.routeLink>svg:first-child{width:54px;height:54px;color:var(--blue)}.routeLink>svg:last-child{width:30px;height:30px}.routeLink small{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.routeLink strong{letter-spacing:-.045em;font-size:clamp(28px,3vw,44px)}.openSourceStrip{background:var(--page);border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:24px;padding:30px clamp(24px,6vw,96px);font-size:13px;display:flex}.openSourceStrip p{margin:0}.openSourceStrip a{color:var(--ink);align-items:center;gap:8px;font-weight:700;display:inline-flex}.openSourceStrip a:hover{color:var(--blue)}.openSourceStrip svg{width:16px;height:16px}.footer{background:#e9eef5;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:36px;padding:52px clamp(24px,6vw,96px);display:grid}.footerBrand{align-items:center;gap:12px;font-size:13px;display:flex}.footer>p{color:var(--muted);text-align:center;margin:0;font-size:13px}.footerLinks{justify-self:end;gap:10px;display:grid}.footerLinks a{justify-content:flex-end;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.footerLinks a:hover{color:var(--blue)}.footerLinks svg{width:15px;height:15px}.detailHero{background:var(--surface);border-bottom:1px solid var(--line);grid-template-columns:.82fr 1.18fr;align-items:center;gap:clamp(48px,7vw,116px);min-height:calc(100dvh - 72px);max-height:920px;padding:clamp(46px,6vw,92px) clamp(24px,6vw,96px);display:grid}.detailHeroCopy{max-width:680px}.detailHero h1{font-size:clamp(48px,5.2vw,78px)}.backLink{color:var(--muted);align-items:center;gap:7px;margin-bottom:42px;font-size:12px;font-weight:700;display:inline-flex}.backLink:hover{color:var(--blue)}.backLink svg{width:15px;height:15px}.detailHeroVisual{perspective:1200px}.detailHeroVisual img{object-fit:contain;border-radius:var(--radius);width:100%;max-height:620px;box-shadow:var(--shadow);rotate:1.4deg}.detailHeroCompare{min-width:0}.detailStatement{text-align:center;background:var(--surface);padding:clamp(110px,14vw,210px) clamp(24px,7vw,108px)}.detailStatement p{color:var(--blue);margin:0 0 22px;font-size:14px;font-weight:700}.detailStatement h2{letter-spacing:-.07em;max-width:1100px;margin:0 auto;font-size:clamp(52px,7vw,100px);line-height:1}.gateSection{background:var(--page)}.gateRail{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.gateItem{border-right:1px solid var(--line);flex-direction:column;align-items:flex-start;min-height:340px;padding:34px 28px;display:flex}.gateItem:last-child{border-right:0}.gateItem>span{color:var(--muted);font-family:var(--font-geist-mono), monospace;font-size:12px}.gateItem>svg{width:34px;height:34px;color:var(--blue);margin-top:auto}.gateItem h3{letter-spacing:-.04em;margin:18px 0 12px;font-size:28px}.gateItem p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.gateNote{max-width:760px;color:var(--muted);text-align:center;margin:38px auto 0;line-height:1.7}.detailProcess{background:var(--surface);border-top:1px solid var(--line)}.detailProcess .flowIcons{max-width:950px;margin:0 auto 90px}.processFacts{grid-template-columns:1.25fr .9fr 1fr;gap:22px;display:grid}.processFacts>div,.styleFootnotes>div{border-radius:var(--radius);border:1px solid var(--line);background:var(--page);min-height:290px;padding:34px}.processFacts svg,.styleFootnotes svg{width:42px;height:42px;color:var(--blue)}.processFacts h3{letter-spacing:-.035em;margin:72px 0 14px;font-size:24px}.processFacts p{color:var(--muted);margin:0;line-height:1.7}.styleSection{background:var(--page);border-top:1px solid var(--line)}.styleSection .slideRail{margin:0 auto}.styleFootnotes{grid-template-columns:1fr 1fr;gap:22px;margin-top:30px;display:grid}.styleFootnotes>div{align-items:center;gap:20px;min-height:160px;display:flex}.styleFootnotes p{color:var(--muted);margin:0;line-height:1.65}.styleFootnotes strong{color:var(--ink)}.sourceImageSection,.measurementSection{background:var(--surface);border-top:1px solid var(--line);grid-template-columns:.82fr 1.18fr;align-items:center;gap:clamp(48px,8vw,130px);min-height:760px;padding:clamp(90px,11vw,170px) clamp(24px,6vw,96px);display:grid}.sourceImageCopy{max-width:620px}.sourceImageVisual img,.measurementVisual img{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow)}.fitSection{background:var(--line);border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.fitColumn{background:var(--surface);min-height:560px;padding:clamp(60px,8vw,120px)}.fitColumn h2{letter-spacing:-.06em;margin:0 0 48px;font-size:clamp(46px,5vw,72px)}.fitColumn ul{margin:0;padding:0;list-style:none}.fitColumn li{border-bottom:1px solid var(--line);color:#3e4651;padding:18px 0;line-height:1.6}.fitColumn li:before{content:"✓";color:var(--blue);margin-right:12px;font-weight:800}.fitNo li:before{content:"×"}.fitColumn .inlineLink{margin-top:42px}.installSection{background:#e9eef5;padding:clamp(100px,12vw,180px) clamp(24px,6vw,96px)}.installSection>div{max-width:980px;margin:0 auto}.installSection h2{letter-spacing:-.065em;margin:0;font-size:clamp(46px,6vw,86px)}.installSection p{color:var(--muted);margin:22px 0 40px;line-height:1.7}.installBox{border:1px solid var(--line);background:var(--surface);border-radius:20px;grid-template-columns:1fr auto;gap:16px;padding:18px;display:grid;box-shadow:0 18px 40px #3b4b6317}.installBox code{color:#3d4652;font-family:var(--font-geist-mono), monospace;overflow-wrap:anywhere;padding:12px 10px;font-size:12px;line-height:1.65}.installBox button{background:var(--blue);color:#f9fbff;min-height:48px;font:700 12px var(--font-geist-sans);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;align-self:center;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.installBox button:hover{background:var(--blue-dark)}.installBox button svg{width:17px;height:17px}.editableStatement{background:var(--surface)}.decisionSection{background:var(--page)}.decisionTrack{grid-template-columns:1fr 1fr 1fr;gap:22px;display:grid}.decisionItem{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);flex-direction:column;align-items:flex-start;min-height:420px;padding:34px;display:flex}.decisionItem>span{color:var(--muted);font:700 12px var(--font-geist-mono)}.decisionItem>svg{width:50px;height:50px;color:var(--blue);margin-top:auto}.decisionItem h3{letter-spacing:-.04em;margin:20px 0 12px;font-size:28px}.decisionItem p{color:var(--muted);margin:0;line-height:1.7}.measurementSection{background:var(--surface);grid-template-columns:1.15fr .85fr}.measurementCopy{max-width:600px}.measurementFacts{gap:12px;margin-top:36px;display:grid}.measurementFacts>div{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:18px 0;display:flex}.measurementFacts svg{width:32px;height:32px;color:var(--blue);flex:none}.measurementFacts span{color:var(--muted);font-size:14px;line-height:1.5}.measurementFacts strong{color:var(--ink);display:block}.caseSection{background:var(--page);border-top:1px solid var(--line)}.caseCarousel{max-width:1180px;margin:0 auto}.caseCarouselBar{align-items:center;min-height:58px;margin:0 68px 18px;display:flex}.caseCarouselBar h3{letter-spacing:-.045em;margin:0;font-size:clamp(24px,3vw,38px)}.caseCarouselStage{padding:0 68px;position:relative}.caseCarouselViewport{border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.caseCarouselSlide{width:100%}.caseCarousel .compareSlider{border-radius:var(--radius);box-shadow:none;border:0}.caseCarouselArrow{z-index:7;border:1px solid var(--line);width:48px;height:48px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfcfef0;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 12px 30px #3b4b631f}.caseCarouselArrow:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-50%)scale(1.05)}.caseCarouselArrow:active{transform:translateY(-50%)scale(.96)}.caseCarouselArrow svg{width:19px;height:19px}.caseCarouselArrowPrevious{left:0}.caseCarouselArrowNext{right:0}.caseCarouselTabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:22px 68px 0;display:grid}.caseCarouselTabs button{min-height:52px;color:var(--muted);font:700 13px var(--font-geist-sans);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 18px}.caseCarouselTabs button:hover{color:var(--ink)}.caseCarouselTabs button.isActive{border-bottom-color:var(--blue);color:var(--blue)}.editableProcess{background:var(--surface)}.runStages{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.runStages>div{border-right:1px solid var(--line);min-height:220px;padding:28px}.runStages>div:last-child{border-right:0}.runStages strong{color:var(--blue);font-family:var(--font-geist-mono), monospace;font-size:13px}.runStages p{color:var(--muted);margin:70px 0 0;font-size:14px;line-height:1.65}@media (max-width:1360px) and (min-width:781px){.productChapter,.editableChapter{grid-template-columns:1fr}.editableChapter .editableVisual{order:2}.chapterCopy{max-width:800px}.responsiveHeadline span{display:inline}}@media (max-width:1120px){.homeHero,.detailHero{grid-template-columns:1fr;max-height:none}.homeHero{padding-bottom:26px}.heroCopy,.detailHeroCopy{max-width:820px}.heroStage{min-height:clamp(460px,56vw,580px)}.heroStageAsset{width:min(100%,860px);right:0}.detailHeroVisual img{max-height:520px}.productChapter,.editableChapter,.sourceImageSection,.measurementSection{grid-template-columns:1fr}.editableChapter .editableVisual{order:2}.chapterCopy,.sourceImageCopy,.measurementCopy{max-width:800px}.responsiveHeadline span{display:inline}.dualFlow{grid-template-columns:1fr}.pptOrb{margin:0 auto}.processFacts{grid-template-columns:1fr 1fr}.processFacts>div:first-child{grid-column:span 2}}@media (max-width:780px){.siteHeader{gap:12px;height:64px;padding:0 16px;overflow:hidden}.brand{gap:0;font-size:0}.brandMark{width:34px;height:34px}.siteHeader nav{scrollbar-width:none;flex:1;justify-content:flex-start;gap:18px;font-size:12px;overflow-x:auto}.siteHeader nav::-webkit-scrollbar{display:none}.navGithub span{display:none}.homeHero{grid-template-columns:1fr;min-height:auto;padding:56px 18px 24px}.heroCopy h1,.detailHero h1{font-size:clamp(42px,12vw,56px);line-height:1.08}.heroCopy h1 span{display:inline}.heroCopy>p:not(.heroLabel),.detailHeroCopy>p:not(.heroLabel){font-size:16px}.heroActions{flex-direction:column;align-items:flex-start}.primaryButton,.textButton{width:auto}.heroStage{min-height:clamp(280px,67vw,520px);margin:10px 0 0}.heroStageAsset{width:min(100%,560px);right:0}.manifesto{text-align:left;padding:100px 18px}.manifesto h2{font-size:42px}.manifesto h2 span{white-space:nowrap;display:inline-block}.productChapter,.meetingPoint,.boundarySection,.detailProcess,.styleSection,.caseSection,.decisionSection,.gateSection,.installSection{padding:84px 18px}.productChapter{gap:40px;min-height:auto}.chapterCopy h2,.sectionIntro h2,.sourceImageCopy h2,.measurementCopy h2{font-size:46px}.responsiveHeadline span{display:block}.slideRail{min-height:300px;padding:24px 36px 58px}.slideRailViewport{padding:12px 0 18px}.slideRailTrack{grid-template-columns:minmax(0,1fr)}.slideRailCard.isSide{display:none}.slideRailArrow{width:40px;height:40px}.slideRailDots{bottom:12px}.compareSlider{border-radius:20px}.dualFlow{gap:52px}.flowIcons{scrollbar-width:none;grid-template-columns:repeat(4,minmax(82px,1fr));padding-bottom:12px;overflow-x:auto}.flowIcon>span{border-radius:18px;width:58px;height:58px}.flowArrow{right:-8px}.boundaryGrid,.routePair,.styleFootnotes,.fitSection,.decisionTrack{grid-template-columns:1fr}.boundaryPanel{min-height:340px}.routeLink{min-height:220px;padding:32px 22px}.routeLink>svg:first-child{width:42px;height:42px}.openSourceStrip{flex-direction:column;align-items:flex-start}.footer{grid-template-columns:1fr;align-items:start}.footer>p{text-align:left}.footerLinks{justify-self:start}.footerLinks a{justify-content:flex-start}.detailHero{gap:46px;min-height:auto;padding:48px 18px 72px}.backLink{margin-bottom:34px}.detailStatement{text-align:left;padding:100px 18px}.detailStatement h2{font-size:clamp(50px,14vw,72px)}.gateRail,.runStages{grid-template-columns:1fr}.gateItem{border-right:0;border-bottom:1px solid var(--line);min-height:260px}.gateItem:last-child{border-bottom:0}.processFacts{grid-template-columns:1fr}.processFacts>div:first-child{grid-column:auto}.processFacts>div,.styleFootnotes>div{min-height:240px}.sourceImageSection,.measurementSection{min-height:auto;padding:84px 18px}.fitColumn{min-height:auto;padding:72px 18px}.fitColumn h2{margin-bottom:28px}.installBox{grid-template-columns:1fr;padding:14px}.installBox button{justify-self:start}.decisionItem{min-height:330px}.caseCarouselBar{min-height:48px;margin:0 0 14px}.caseCarouselStage{padding:0}.caseCarouselArrow{background:#fbfcfeeb;width:42px;height:42px}.caseCarouselArrowPrevious{left:10px}.caseCarouselArrowNext{right:10px}.caseCarouselTabs{scrollbar-width:none;grid-template-columns:repeat(3,minmax(130px,1fr));margin:16px 0 0;overflow-x:auto}.caseCarouselTabs::-webkit-scrollbar{display:none}.runStages>div{border-right:0;border-bottom:1px solid var(--line);min-height:180px}.runStages>div:last-child{border-bottom:0}.runStages p{margin-top:42px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
