:root{--bg: #faf4e8;--paper: #fffaf2;--panel: #fffdf8;--ink: #1c1815;--ink-soft: #5e5650;--line: #eadfd2;--line-strong: #d9b891;--brand: #8f4e1f;--brand-deep: #6d3815;--accent: #e58b32;--muted-line: #d8cbbd;--shadow: 0 16px 32px rgba(83, 55, 35, .08);--radius: 14px;--radius-lg: 22px;--content: min(1320px, calc(100vw - 56px) )}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--bg);scroll-behavior:smooth;color-scheme:light}body{min-height:100vh;color:var(--ink);font-family:Söhne,Helvetica Neue,Noto Sans SC,PingFang SC,Microsoft Yahei,Arial,sans-serif;line-height:1.55;background:radial-gradient(1180px 460px at 100% 11%,rgba(239,213,180,.42),transparent 60%),radial-gradient(900px 360px at 0% 3%,rgba(248,226,194,.34),transparent 64%),linear-gradient(180deg,#fffaf2,#faf4e8 42%,#fffaf2),var(--bg);background-size:auto}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}:focus-visible{outline:2px solid #002fa7;outline-offset:2px;border-radius:8px}.skip-link{position:absolute;left:12px;top:-120px;z-index:200;background:#231b16;color:#fff;padding:8px 12px;border-radius:8px}.skip-link:focus-visible{top:12px}.container{width:var(--content);margin-inline:auto}.site-header{position:sticky;top:0;z-index:90;padding-top:16px}.nav-shell{min-height:68px;padding:10px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow);display:flex;align-items:center;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:18px;color:#171310;flex-shrink:0}.brand-mark{width:22px;height:22px;border-radius:999px;border:2px solid #171310;display:inline-flex;align-items:center;justify-content:center}.brand-mark svg{width:13px;height:13px;stroke:#171310;fill:none;stroke-width:2.2;stroke-linecap:round}.brand span:last-child{font-size:24px;line-height:1}.menu-toggle{display:none;margin-left:auto;border:1px solid var(--line-strong);border-radius:999px;background:#fff;color:#35261f;padding:8px 14px;font-weight:700}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.header-actions nav ul,.language-switcher ul,.site-footer ul{margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:6px}.header-actions nav a,.language-switcher a{height:40px;padding:0 14px;border-radius:12px;display:inline-flex;align-items:center;color:#443a32;font-weight:700;font-size:16px;border:1px solid transparent}.language-switcher a.is-active{border-color:#c69e75;background:#fff8ef}.star-cta,.btn{appearance:none;min-height:44px;padding:0 18px;border-radius:12px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:16px;transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s cubic-bezier(.16,1,.3,1),border-color .32s cubic-bezier(.16,1,.3,1);will-change:transform;cursor:pointer;font-family:inherit}.btn .icon,.btn .brand-icon,.star-cta .icon,.star-cta .brand-icon{width:20px;height:20px;flex-shrink:0}.brand-icon{display:block;color:currentColor}svg.brand-icon{fill:currentColor}span.brand-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;line-height:1}.star-cta,.btn-primary{color:#fffdf9;background:#8f4e1f;box-shadow:0 8px 20px #5531173d}.btn-primary .icon{color:#fffdf9;stroke:currentColor}.star-cta .icon,.star-cta .brand-icon-github{color:#fffdf9}.btn-subtle{background:#fff;border-color:var(--line);color:#392d27}.btn-subtle .icon-github,.btn-subtle .brand-icon-github{color:#171310}.btn:disabled{cursor:wait;opacity:.84}.star-cta:hover,.btn:hover{transform:translate3d(0,-2px,0)}.star-cta:active,.btn:active{transform:translate3d(0,1px,0) scale(.98)}main{overflow:clip}.hero{padding:34px 0 0}.hero-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(520px,.94fr);gap:34px;align-items:start}.hero-copy h1,h2,h3{margin:0;line-height:1.18}.eyebrow{margin:0;color:#a1531f;font-size:23px;font-weight:800}.hero-copy h1{margin-top:12px;font-size:clamp(42px,4.35vw,68px);letter-spacing:0;max-width:760px}.summary{margin:20px 0 0;color:#4f463f;max-width:720px;font-size:16px}.hero-cta-row{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}.command-box{margin-top:18px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;padding:12px 14px;display:grid;gap:8px 10px;grid-template-columns:1fr auto;align-items:center;box-shadow:0 10px 26px #5337230d}.command-box p{grid-column:1 / -1;margin:0;font-size:18px;font-weight:800}.command-box code{font-size:18px;color:#221a15;overflow-x:auto;font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:nowrap}.command-box button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-strong);background:#fff;color:#4b3a30;border-radius:10px;padding:8px 12px;font-size:16px;font-weight:700;transition:transform .24s cubic-bezier(.16,1,.3,1),border-color .24s cubic-bezier(.16,1,.3,1)}.command-box button .icon{width:22px;height:22px;stroke-width:1.8}.command-box button:active{transform:translate3d(0,1px,0) scale(.98)}.command-box button:disabled{opacity:.72;cursor:wait}.copy-status{grid-column:1 / -1;min-height:1em;color:#66574a;font-size:14px}.copy-toast{position:fixed;left:50%;bottom:28px;z-index:160;padding:10px 14px;border:1px solid var(--line-strong);border-radius:999px;background:#211812;color:#fffaf2;box-shadow:0 18px 34px #25191238;font-size:14px;font-weight:800;opacity:0;pointer-events:none;transform:translate3d(-50%,12px,0) scale(.96);transition:opacity .24s ease,transform .24s cubic-bezier(.16,1,.3,1)}.copy-toast.is-visible{opacity:1;transform:translate3d(-50%,0,0) scale(1)}.next-section-hint{margin-top:12px;display:inline-flex;align-items:center;gap:8px;color:#7a4a27;font-size:16px;font-weight:800}.next-section-hint:after{content:"";width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);animation:hintDrop 1.6s cubic-bezier(.16,1,.3,1) infinite}.hero-visual{min-height:616px;position:relative;perspective:1200px}.mascot-wrap{width:min(430px,76%);margin:48px auto 0;transform-origin:50% 70%;position:relative;z-index:1}.mascot-wrap img{width:100%;height:auto;background:transparent}.mascot-image{mix-blend-mode:normal;filter:drop-shadow(0 18px 28px rgba(86,57,35,.1))}.floating-card{position:absolute;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;color:#3f342d;box-shadow:0 14px 30px #4b342417;font-size:14px;transform-style:preserve-3d;z-index:2}.floating-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px #ffffffc7}.floating-title{margin:0 0 8px;font-size:18px;color:#2f2521;font-weight:800;display:flex;align-items:center;gap:8px}.floating-title .icon{width:20px;height:20px;stroke-width:1.9}.floating-card p{margin:0;line-height:1.45}.floating-card small{margin-top:8px;display:block;color:#6c5f56;font-size:13px}.card-core{left:-6px;top:6px;width:232px;animation:cardDriftA 7s cubic-bezier(.45,0,.55,1) infinite}.card-report{right:0;top:2px;width:224px;animation:cardDriftB 8s cubic-bezier(.45,0,.55,1) infinite}.card-report ul{margin:0;padding-left:18px;display:grid;gap:4px}.card-report .progress{margin-top:8px;display:flex;align-items:center;gap:8px}.card-report .progress span{flex:1;height:7px;border-radius:999px;background:linear-gradient(90deg,#a85e22 87%,#ecd9c2 87%)}.card-report .progress strong{font-size:13px;color:#665345}.card-tradeoff{left:-10px;top:304px;width:154px;animation:cardDriftB 7.2s cubic-bezier(.45,0,.55,1) infinite}.card-evidence{right:-2px;top:304px;width:224px;animation:cardDriftA 7.8s cubic-bezier(.45,0,.55,1) infinite}.mini-graph{margin-top:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.evidence-graph{width:100%;height:88px;margin-top:8px;display:block}.graph-muted{stroke:var(--muted-line);stroke-width:2.2}.graph-mainline{stroke:#9f551b;stroke-width:2.8}.graph-dots circle{fill:#d7c8b6}.graph-dots .is-hot{fill:#9f551b;animation:none}.evidence-mainline{display:inline-flex;align-items:center;gap:8px;color:#5f4a3c}.evidence-mainline:before{content:"";width:18px;height:5px;border-radius:999px;background:#9f6127}.evidence-path{position:absolute;left:66px;right:66px;bottom:0;background:#f5f6f8;border:1px solid #d7d3cf;border-radius:18px;padding:12px 16px;display:flex;align-items:flex-start;gap:10px;color:#2e2622;font-size:14px;box-shadow:0 12px 24px #2d26220d;z-index:3}.evidence-path div{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;align-items:baseline}.evidence-path strong{font-size:14px;line-height:1.3}.evidence-path .icon-search{width:28px;height:28px;stroke-width:1.9;flex-shrink:0;margin-top:4px}.typing-path{min-height:1.55em;font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.45}.typing-path.is-typing:after{content:"";width:2px;height:1.1em;margin-left:2px;display:inline-block;vertical-align:-.18em;background:#9f551b;animation:caretBlink .7s step-end infinite}section{padding:34px 0}section h2{font-size:clamp(34px,3.2vw,48px);letter-spacing:0}.problem{background:transparent;margin-top:0;padding-top:104px;scroll-margin-top:112px}.problem h2,.output h2,.platform h2{text-align:center}.problem .card-grid,.method-grid,.output-grid{margin-top:22px;display:grid;gap:12px}.problem .card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.paper-card,.method-card,.output-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px 18px;transition:transform .34s cubic-bezier(.16,1,.3,1),border-color .34s cubic-bezier(.16,1,.3,1),box-shadow .34s cubic-bezier(.16,1,.3,1)}.paper-card:hover,.method-card:hover,.output-card:hover{border-color:#d9b891;box-shadow:0 18px 34px #53372312;transform:translate3d(0,-4px,0)}.paper-card h3,.method-card h3,.output-card h3{margin-top:10px;font-size:18px;color:#211a16}.paper-card p,.method-card p,.output-card p{margin:10px 0 0;font-size:14px;color:#534841}.icon{width:44px;height:44px;stroke:#7a3f16;fill:none;stroke-width:1.95}.method{padding-top:18px}.method-shell{border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px 16px 16px;box-shadow:0 18px 42px #5337230d}.method h2:before{content:"";width:30px;height:30px;margin-right:12px;display:inline-block;vertical-align:-3px;background:radial-gradient(circle at 50% 50%,#e58b32 0 5px,transparent 5.5px),radial-gradient(circle at 50% 0,#e58b32 0 4px,transparent 4.5px),radial-gradient(circle at 50% 100%,#e58b32 0 4px,transparent 4.5px),radial-gradient(circle at 0 50%,#e58b32 0 4px,transparent 4.5px),radial-gradient(circle at 100% 50%,#e58b32 0 4px,transparent 4.5px)}.method-subtitle{margin:10px 0 0;font-size:16px;color:#56483f}.method-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.method-grid .method-card:nth-child(4),.method-grid .method-card:nth-child(5){grid-column:span 1}.method-card .icon{width:58px;height:58px;margin-bottom:4px;stroke-width:1.85}.flow{margin-top:16px;border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;background:#fff}.flow-box{border:1px solid var(--line-strong);border-radius:8px;padding:12px;background:#fff}.flow-box p{margin:0 0 8px;font-size:18px;text-align:center;font-weight:800}.tree-diagram{width:100%;max-width:330px;height:auto;margin-inline:auto}.tree-lines{stroke:#cfc3b5;stroke-width:2.2}.tree-lines .folder{fill:#fffaf2}.tree-text{fill:#3a3029;font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:16px;font-weight:700}.signal-path{display:grid;gap:7px}.signal-path span{border:1px solid #e58b32;border-radius:8px;padding:8px 10px;text-align:center;font-size:16px;font-weight:700;background:#fff}.signal-path i{width:18px;height:18px;display:block;margin-inline:auto;position:relative}.signal-path i:before{content:"";position:absolute;left:50%;top:1px;width:2px;height:12px;background:#b16a2f;transform:translate(-50%)}.signal-path i:after{content:"";position:absolute;left:50%;bottom:1px;width:7px;height:7px;border-right:2px solid #b16a2f;border-bottom:2px solid #b16a2f;transform:translate(-50%) rotate(45deg)}.flow-arrow{width:42px;height:2px;color:transparent;background:#b89472;position:relative}.flow-arrow:after{content:"";position:absolute;right:0;top:50%;width:13px;height:13px;border-right:3px solid #b89472;border-bottom:3px solid #b89472;transform:translateY(-50%) rotate(-45deg)}.output-card .icon{width:50px;height:50px;margin-bottom:2px;stroke-width:1.9}.output-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.output-card{display:flex;flex-direction:column;min-height:100%;padding:26px 28px}.output-card .learn-more{margin-top:auto;padding-top:12px;color:#8a4f23;font-size:16px;font-weight:800}.output-card .learn-more:after{content:"";width:18px;height:1.5px;margin-left:8px;display:inline-block;vertical-align:middle;background:currentColor;position:relative}.platform .badge-row{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:0;list-style:none}.badge-row li{border:1px solid var(--line);border-radius:10px;background:#fff;padding:7px 14px;font-size:15px;font-weight:700;color:#28211d;display:inline-flex;align-items:center;gap:7px;transition:transform .24s cubic-bezier(.16,1,.3,1),border-color .24s cubic-bezier(.16,1,.3,1)}.platform-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:#7a3f16;flex-shrink:0}.platform-icon .icon,.platform-icon .brand-icon{width:100%;height:100%}.platform-icon .icon{stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.platform-icon[data-platform=Codex]{color:#111827}.platform-icon[data-platform="Claude Code"]{color:#d97706}.platform-icon[data-platform=Gemini]{color:#3b73d9}.platform-icon[data-platform=OpenCode]{color:#1c1815}.platform-icon[data-platform=Pi]{color:#2b7a3b}.platform-icon[data-platform=Kiro],.platform-icon[data-platform=Cursor]{color:#1c1815}.platform-icon[data-platform=Kiro] .brand-icon{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.badge-row li:hover{border-color:#d9b891;transform:translate3d(0,-2px,0)}.final-cta{padding-top:20px}.cta-shell{border:1px solid var(--line-strong);border-radius:14px;background:radial-gradient(420px 170px at 100% 100%,rgba(229,139,50,.16),transparent 72%),linear-gradient(180deg,#fdf0df,#f9e5cf);padding:18px;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;overflow:hidden;position:relative}.cta-copy{position:relative}.cta-shell h2{font-size:clamp(34px,3.5vw,46px)}.cta-shell p{margin:10px 0 0;color:#5b4b40;font-size:16px}.cta-mascot{justify-self:end;width:260px;position:relative}.cta-mascot-image{width:100%;height:auto;background:transparent;filter:drop-shadow(0 18px 24px rgba(86,57,35,.12))}.site-footer{margin-top:22px;border-top:1px solid var(--line);padding:18px 0 30px}.site-footer .container{display:flex;align-items:center;justify-content:space-between;gap:12px}.site-footer small,.site-footer a{color:#64564b;font-size:14px;font-weight:700}[data-reveal]{opacity:0;transform:translate3d(0,28px,0);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i, 0) * 80ms);will-change:transform,opacity}[data-reveal].is-visible{opacity:1;transform:translateZ(0)}.draw-line{stroke-dasharray:1;stroke-dashoffset:1}.is-visible .draw-line,.hero-visual .draw-line{animation:lineDraw 1.4s cubic-bezier(.16,1,.3,1) forwards}.tree-lines .draw-line:nth-child(2){animation-delay:.16s}.tree-lines .draw-line:nth-child(3){animation-delay:.28s}.tree-lines .draw-line:nth-child(4){animation-delay:.4s}.tree-lines .draw-line:nth-child(5){animation-delay:.52s}.tree-lines .draw-line:nth-child(6){animation-delay:.64s}@keyframes lineDraw{to{stroke-dashoffset:0}}@keyframes mascotFloat{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-12px,0) rotate(-1.2deg)}}@keyframes cardDriftA{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(4px,-8px,0) rotate(.7deg)}}@keyframes cardDriftB{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(-5px,7px,0) rotate(-.8deg)}}@keyframes hintDrop{0%,to{transform:translate3d(0,-2px,0) rotate(45deg)}50%{transform:translate3d(0,4px,0) rotate(45deg)}}@keyframes caretBlink{50%{opacity:0}}@media(max-width:1180px){:root{--content: min(1000px, calc(100vw - 28px) )}.hero-layout,.cta-shell{grid-template-columns:1fr}.hero-layout{gap:18px}.hero-visual{min-height:590px}.mascot-wrap{width:360px;margin:42px auto 0}.card-core{left:8%;top:4px;width:220px}.card-report{right:8%;top:4px;width:220px}.card-tradeoff{left:10%;top:270px;width:162px}.card-evidence{right:8%;top:276px;width:220px}.evidence-path{left:12%;right:12%;bottom:0}.signal-cards,.problem .card-grid,.method-grid,.output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-mascot{justify-self:center}}@media(max-width:780px){:root{--content: min(700px, calc(100vw - 24px) )}html,body{overflow-x:hidden}.site-header{padding-top:10px}.nav-shell{border-radius:10px;min-height:54px;padding:8px 10px;flex-wrap:nowrap;gap:8px}.brand{min-width:0;flex:1 1 auto;font-size:18px}.brand span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:23px}.brand-mark{width:24px;height:24px;flex-shrink:0}.brand-mark svg{width:14px;height:14px}.menu-toggle{display:inline-flex;flex:0 0 auto;margin-left:0;padding:7px 12px;white-space:nowrap}.header-actions{flex:0 0 100%;width:100%;display:none;flex-direction:column;align-items:stretch;gap:8px}.header-actions.is-open{display:flex}.header-actions nav ul,.language-switcher ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.header-actions nav a,.language-switcher a,.star-cta{justify-content:center;min-width:0;padding-inline:10px;font-size:15px;height:38px}.hero{padding-top:18px}.hero-copy{min-width:0}.eyebrow{font-size:18px}.hero-copy h1{margin-top:8px;max-width:100%;font-size:32px;line-height:1.1;overflow-wrap:anywhere;word-break:break-word;text-wrap:balance}.summary{margin-top:16px;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.hero-cta-row{margin-top:18px;display:grid;grid-template-columns:1fr}.hero-cta-row .btn{width:100%}.command-box{grid-template-columns:1fr;padding:12px}.command-box code{width:100%;max-width:100%;padding-bottom:2px}.command-box button{justify-self:stretch;justify-content:center}.summary,.paper-card p,.method-card p,.output-card p,.method-subtitle,.cta-shell p,.site-footer small,.site-footer a,.badge-row li,.output-card .learn-more,.copy-status,.command-box p,.command-box code,.command-box button,.next-section-hint{font-size:15px}.star-cta,.btn{font-size:16px;min-height:40px}.hero-visual{display:flex;flex-direction:column;gap:10px;min-height:0;margin-top:18px}.hero-copy[data-reveal],.hero-visual[data-reveal],.hero-cta-row[data-reveal],.next-section-hint[data-reveal]{opacity:1;transform:none}.floating-card{position:static;width:auto;font-size:14px;animation:none}.floating-card h3{font-size:18px}.evidence-path{position:static;left:auto;right:auto;bottom:auto;font-size:14px;padding:10px 12px}.evidence-path div{grid-template-columns:1fr;gap:2px}.typing-path{white-space:normal}.mascot-wrap{order:-1;width:min(260px,72vw);margin:0 auto}section{padding:30px 0}section h2{font-size:32px;line-height:1.16}.paper-card h3,.method-card h3,.output-card h3,.flow-box p{font-size:18px}.problem{padding-top:78px;scroll-margin-top:92px}.problem .card-grid,.method-grid,.output-grid,.flow{grid-template-columns:1fr}.flow-arrow{justify-self:center;transform:rotate(90deg);margin:8px 0}.signal-path span,.tree-panel span{font-size:14px}.site-footer .container{flex-direction:column;align-items:flex-start}.cta-shell:before{inset:12px}.cta-mascot{width:min(230px,72vw)}}@media(max-width:430px){:root{--content: min(100vw - 20px, 410px)}.brand span:last-child{font-size:21px}.menu-toggle{padding-inline:10px;font-size:14px}.header-actions nav ul,.language-switcher ul{grid-template-columns:1fr}.hero-copy h1{font-size:30px}.summary{font-size:15px}.command-box code,.typing-path{font-size:14px}.badge-row li{flex:1 1 calc(50% - 8px);justify-content:center}.platform .badge-row{align-items:stretch}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}
