@font-face{font-family:CaseDisplay;src:url('/fonts/ReleaseSans.woff2');font-display:swap;font-weight:400}@font-face{font-family:CaseMono;src:url('/fonts/GeistMono-VF.woff');font-display:swap;font-weight:100 900}@font-face{font-family:CaseChinese;src:url('/fonts/SarasaUI-SC-Regular.woff2');font-display:swap;font-weight:400}@font-face{font-family:CaseChinese;src:url('/fonts/SarasaUI-SC-Bold.woff2');font-display:swap;font-weight:700}@font-face{font-family:CaseSquare;src:url('/fonts/GeistPixel-Square.woff2');font-display:swap}@font-face{font-family:CaseFusion;src:url('/fonts/Fusion-zh-Hans.woff2');font-display:swap}
:root{--paper:#f1eee6;--ink:#171717;--muted:#66635e;--line:#17171733;--accent:#843f35;--read:CaseMono,CaseChinese,monospace;--display:CaseDisplay,CaseChinese,sans-serif;--short:CaseSquare,CaseFusion,monospace;--page: min(1200px,calc(100% - 88px))}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 var(--read);-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.decode-label{pointer-events:none}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:400;letter-spacing:-.045em;line-height:1.08;text-wrap:balance}h1{font-size:clamp(38px,4.6vw,66px);white-space:pre-line}h2{font-size:clamp(34px,4.5vw,62px);white-space:pre-line}h3{font-family:var(--short);font-size:clamp(20px,2vw,28px);font-weight:400;line-height:1.45}p{color:#494743}img{max-width:100%;display:block}button{border:0;background:none}figure{margin:0}html[lang^=zh] h1,html[lang^=zh] h2{font-family:CaseChinese,sans-serif;font-weight:700;letter-spacing:-.045em;line-height:1.25}html[lang^=zh] h3{letter-spacing:0}
.integration-nav{position:relative;z-index:60;display:flex;justify-content:space-between;align-items:center;padding:22px 44px;border-bottom:1px solid var(--line);font:11px/1.6 var(--read);background:var(--paper)}.integration-nav>div{display:flex;align-items:center;gap:30px}.integration-nav .product-link{border-bottom:1px solid var(--ink)}#lang{padding:4px 0;width:36px}.hero{width:var(--page);margin:30px auto 0}.hero-meta{display:flex;justify-content:space-between;gap:20px;font:11px/1.6 var(--read);color:var(--muted)}.logo-svg{display:block;width:100%;height:auto;aspect-ratio:1401/215;margin:26px 0 48px;background:url('unseen-title.svg') center/100% 100% no-repeat}.hero-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:9vw}.hero-grid h1{margin-bottom:25px}.lead{font-size:17px;line-height:1.8;max-width:40em}.hero-grid dl{margin:0;border-top:1px solid var(--ink)}.hero-grid dl>div{display:grid;grid-template-columns:82px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}dt{font-size:11px;color:var(--muted)}dd{margin:0;font-size:13px;line-height:1.8}.hero-rule{margin-top:36px;border-top:1px solid var(--ink);padding:14px 0;display:flex;justify-content:space-between;gap:20px;font:11px/1.6 var(--read)}.chapter-nav{position:sticky;top:0;z-index:55;display:flex;gap:32px;justify-content:center;align-items:center;flex-wrap:wrap;padding:16px 20px;background:#f1eee6f5;border-block:1px solid var(--line);font:11px/1.5 var(--read)}.chapter-nav a{padding-bottom:3px;border-bottom:2px solid transparent}.chapter-nav a[aria-current=true]{border-color:var(--accent);color:var(--accent)}.section{width:var(--page);margin:auto;padding:78px 0;border-bottom:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;align-items:baseline;gap:28px;margin-bottom:34px;font:11px/1.7 var(--read)}.section-label>span{color:var(--accent);white-space:nowrap}.section-label p{margin:0;max-width:500px;font:inherit;color:var(--muted)}.section-label>a{border-bottom:1px solid #777}.reading-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:9vw}.prose{max-width:42em}.prose p{margin-bottom:24px}.product{padding-top:52px}.product-wide{background:#e3edf4;position:relative;padding:25px 5vw 0;overflow:hidden}.product-screen{display:block;position:relative;aspect-ratio:1.75;border:1px solid #bdcedb;overflow:hidden;border-bottom:0;transform:translateY(18px) scale(.98);transform-origin:50% 100%;transition:transform .65s cubic-bezier(.22,1,.36,1)}.product.in-view .product-screen{transform:none}.product-screen iframe{position:absolute;inset:0;border:0;width:100%;height:100%;pointer-events:none}.product-overlay{position:absolute;right:20px;bottom:20px;padding:10px 14px;background:#f2f8fc;border:1px solid #a3bacb;color:#2d5066;font:11px/1.5 var(--read)}.caption{font:11px/1.7 var(--read);color:var(--muted);margin:14px 0 0}.prose blockquote{font:400 clamp(22px,2.5vw,34px)/1.5 var(--display);border-left:3px solid var(--accent);padding-left:24px;margin:30px 0;color:#262421}.decision-note{padding-top:18px;border-top:1px solid var(--ink)}.decision-note>span{font:11px var(--read);color:var(--accent)}.decision-note p{margin:15px 0 0}.contrast{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin:40px 0 30px}.contrast>div{border-top:2px solid var(--ink);padding-top:18px}.contrast>div>span{font:11px var(--read);color:var(--muted)}.contrast h3{margin:16px 0}.contrast p{font-size:14px;max-width:36em}.source{margin-top:22px;border-top:1px solid var(--line);padding:15px 0 0}.source>summary{list-style:none;cursor:pointer;font:12px/1.7 var(--read);display:flex;justify-content:space-between;gap:20px;color:#4e4a44}.source>summary:after{content:'+';font-size:20px;line-height:1}.source[open]>summary:after{content:'−'}.source>div{padding:28px 0;font:15px/1.85 var(--read);color:#393733;max-width:100%;overflow:auto}.source>div h1{font-size:32px;line-height:1.35}.source>div h2{font-size:28px;line-height:1.4}.source>div h3{font:700 20px/1.6 CaseChinese,var(--read)}.source table{border-collapse:collapse;width:100%;min-width:600px;margin:20px 0;font-size:13px}.source td,.source th{border-bottom:1px solid var(--line);padding:13px 14px;text-align:left;vertical-align:top}.source p{max-width:65em}.source .breadcrumb,.source .footer,.source .next{font-size:11px;color:#777}.source a{text-decoration:underline}.discipline-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:35px}.discipline-grid figure{min-width:0}.discipline-grid img{width:100%;height:355px;object-fit:contain;border-top:1px solid #171717;padding:14px 0;background:#f8f6f0}.discipline-grid figcaption{padding-top:20px}.discipline-grid p{font-size:14px;max-width:40em}.takeaway{font-size:18px;line-height:1.7;max-width:58em;margin:30px 0 0;padding-top:20px;border-top:2px solid var(--ink)}.sandbox{margin-top:25px;display:grid;grid-template-columns:180px 1fr;gap:35px;padding:23px 0;border-top:1px solid var(--line)}.sandbox>span{font-size:11px;color:var(--accent)}.sandbox p{font-size:14px;margin:0;max-width:65em}
.walkthrough{width:100%;background:#171717;color:#f4f0e8;padding:64px max(44px,calc((100vw - 1200px)/2)) 70px}.walkthrough .section-label>span{color:#e4a091}.walkthrough .section-label p{color:#b2b0ab}.case-question{font:400 clamp(40px,6vw,82px)/1.1 var(--display);max-width:1000px;margin:0 0 45px;letter-spacing:-.05em}.materials{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;perspective:1400px}.materials article{border-top:2px solid #c9c5bd;padding:16px 0 10px;transform:translateY(var(--enter-y,0px));transition:transform .5s}.materials span{font-size:11px;color:#9e9c97}.materials h3{font:400 23px/1.5 var(--display);margin:16px 0}.materials p{font-size:14px;line-height:1.85;color:#c3c0b9}.case-insight{margin:45px 0;border-left:5px solid #bb6250;padding-left:26px;max-width:920px}.case-insight>span{font-size:11px;color:#d0988c}.case-insight h3{font:400 clamp(28px,3.5vw,46px)/1.3 var(--display);white-space:pre-line;margin:15px 0}.case-insight p{color:#c3c0b9;max-width:65em;font-size:15px}.method-tabs{display:flex;gap:20px;flex-wrap:wrap;border-bottom:1px solid #666}.method-tabs button{color:#aaa;font:12px var(--read);padding:12px 0;border-bottom:2px solid transparent}.method-tabs button[aria-selected=true]{color:#f4f0e8;border-color:#e4a091}.method-panel{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding-top:24px;min-height:235px}.method-panel h3{font:400 28px/1.4 var(--display);margin-bottom:12px}.method-panel p{color:#c3c0b9;font-size:15px}.method-panel .strategy-label{font-size:11px;color:#d0988c}.strategy{border-top:1px solid #666;padding-top:22px}.strategy>span{font-size:11px;color:#d0988c}.strategy p{color:#f4f0e8;font-size:18px;max-width:65em}.strategy>a{border-bottom:1px solid #ddd;font-size:12px}.walkthrough .source{border-color:#555}.walkthrough .source summary,.walkthrough .source p,.walkthrough .source>div{color:#d4d0c8}.walkthrough .source td,.walkthrough .source th{border-color:#555}.walkthrough .source h1,.walkthrough .source h2,.walkthrough .source h3{color:#f4f0e8}
.route-figure{margin-top:32px;background:#f9f7f1;padding:25px;border:1px solid var(--line);overflow:hidden}.route-figure img{width:100%;height:540px;object-fit:contain}.route-figure figcaption{font-size:11px;color:#666;margin-top:16px}.responsibilities{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px}.responsibilities article{border-top:2px solid #171717;padding-top:16px}.responsibilities span{font:11px var(--read);color:var(--accent)}.responsibilities h3{margin:14px 0}.responsibilities p{font-size:14px}.engineering{margin-top:25px}.engineering>button{border-bottom:1px solid #555;padding:6px 0;font-size:12px}#code-window{margin-top:20px;background:#171b20;color:#dce2e9}.window-bar{padding:12px 18px;border-bottom:1px solid #444;display:flex;justify-content:space-between;font:11px var(--read);color:#aeb9c7}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 var(--read);margin:0;padding:22px}#code-window>p{padding:0 22px 22px;color:#aeb9c7;font-size:11px}.caret{animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.eval-list{margin-top:30px}.eval-row{display:grid;grid-template-columns:52px 120px 1fr 1.4fr;gap:22px;align-items:start;padding:24px 0;border-top:1px solid var(--line)}.eval-row>span{font:11px var(--read);color:var(--accent)}.eval-row>h3{font:16px var(--short);margin:0}.eval-row>strong{font:400 21px/1.5 var(--display)}.eval-row>p{font-size:14px;margin:0}.iteration-list{margin-top:35px}.iteration-record{border-top:1px solid #171717;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:28px 0}.iteration-record>div>span{font:11px var(--read);color:var(--accent)}.iteration-record h3{font:400 30px/1.4 var(--display);margin:18px 0}.iteration-record p{font-size:15px}.iteration-record small{display:block;color:#74706a;font:11px/1.8 var(--read)}.next>span{font-size:11px;color:var(--accent)}.next .reading-grid{margin-top:30px}footer{padding:35px 44px;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;font:11px/1.8 var(--read);color:#555}footer>a{color:#171717;border-bottom:1px solid #555}
@media(min-width:1600px){:root{--page:min(1320px,calc(100% - 120px))}.walkthrough{padding-inline:calc((100vw - 1320px)/2)}}@media(max-width:850px){:root{--page:calc(100% - 42px)}.integration-nav{padding:16px 21px}.integration-nav>span{display:none}.integration-nav>div{gap:18px}.hero{margin-top:24px}.hero-meta{font-size:10px;flex-wrap:wrap}.logo-svg{margin:25px 0 30px}.hero-grid,.reading-grid{grid-template-columns:1fr;gap:25px}.hero-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.hero-grid dl>div{grid-template-columns:1fr;gap:6px}.hero-grid dl>div:last-child{grid-column:1/-1}.hero-rule{font-size:10px}.hero-rule>span{max-width:60%}.chapter-nav{gap:16px;padding:12px 16px;font-size:10px}.section{padding:50px 0}.section-label{align-items:start;gap:20px;margin-bottom:25px}.section-label p{max-width:60%;font-size:10px}.product-screen{aspect-ratio:1.15}.product-wide{padding:14px 14px 0}.product-overlay{bottom:12px;right:12px;font-size:10px}.discipline-grid{gap:25px}.discipline-grid img{height:260px}.walkthrough{padding:50px 21px}.case-question{font-size:44px}.materials{grid-template-columns:1fr;gap:15px}.materials article{padding:12px 0}.materials h3{margin:10px 0}.materials p{margin-bottom:10px}.method-panel{grid-template-columns:1fr;gap:12px;min-height:340px}.contrast{gap:25px}.sandbox{grid-template-columns:1fr;gap:8px}.responsibilities{grid-template-columns:1fr;gap:15px}.responsibilities h3{margin:10px 0}.route-figure{padding:12px}.route-figure img{height:360px}.eval-row{grid-template-columns:26px 70px 1fr;gap:10px}.eval-row p{grid-column:3}.iteration-record{grid-template-columns:1fr;gap:0}.iteration-record h3{margin:10px 0 20px}.caption{font-size:10px}footer{padding:25px 21px;font-size:10px}}
@media(max-width:500px){body{font-size:16px}.hero-grid dl{display:block}.hero-grid dl>div{padding:12px 0}.discipline-grid,.contrast{grid-template-columns:1fr}.discipline-grid img{height:300px}.hero-grid h1{font-size:36px}.lead{font-size:16px}.section-label>span{font-size:10px}.section-label>a{font-size:10px}.method-tabs{gap:14px}.method-tabs button{font-size:11px}.route-figure img{height:300px}.eval-row{grid-template-columns:24px 1fr}.eval-row>strong,.eval-row>p{grid-column:2}.case-insight{padding-left:18px;margin:30px 0}.source>div{font-size:14px}h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-screen{transform:none!important;transition:none}.caret{animation:none}}