:root{--bg:#f8f7f2;--paper:#fffefa;--ink:#173c34;--muted:#6a7771;--line:#dfe3d9;--accent:#c46a42;--header:82px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.site-header{position:sticky;top:0;z-index:10;height:var(--header);padding:0 max(28px,calc((100vw - 1260px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f8f7f2f5;gap:25px;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:26px;line-height:1;font-weight:700;letter-spacing:-1px}.brand-mark{font:italic 55px/.8 Georgia,serif;position:relative;padding-right:4px}.brand-mark>span{position:absolute;font-size:22px;right:-9px;top:-6px;color:var(--accent);font-style:normal}.brand-ai{font-weight:400}.brand small{display:block;font:7px/1.8 ui-monospace,monospace;letter-spacing:1.4px;margin-top:7px}.site-header nav{display:flex;gap:9px;align-self:stretch;align-items:center}.site-header nav a{text-decoration:none;padding:11px 18px;font-size:13px;color:var(--muted);border-radius:4px;white-space:nowrap}.site-header nav a:hover{background:#e8ece3}.site-header nav a.active{color:var(--ink);background:#e4eadf;font-weight:600}.header-note{font-size:11px;color:var(--muted);white-space:nowrap}.header-note>span{margin-left:17px;font-size:20px;color:var(--accent)}#homeView{max-width:1260px;margin:auto;padding:0 28px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:90px;align-items:center;padding:74px 0 66px}.eyebrow{font:10px/1.7 ui-monospace,monospace;letter-spacing:1.7px;color:var(--muted)}.hero .eyebrow{display:flex;align-items:center;gap:10px}.hero .eyebrow>span{height:6px;width:6px;background:var(--accent)}h1{font:600 clamp(40px,4.4vw,63px)/1.28 "Songti SC",Georgia,serif;letter-spacing:-1px;margin:24px 0}h1 em{font-style:normal;color:var(--accent)}.hero-copy>p{font-size:14px;color:var(--muted);line-height:2.1;margin-bottom:28px}.primary-link{display:inline-flex;gap:32px;text-decoration:none;background:var(--ink);color:#f7f5ea;font-size:12px;padding:13px 20px}.primary-link:hover{background:#285046}.field-note{background:#ebece1;border:1px solid #d4dccd;padding:24px 30px 20px;transform:rotate(1deg);position:relative}.field-note:before{content:'';position:absolute;inset:7px -7px -7px 7px;border:1px solid #d4dccd;z-index:-1}.note-top{display:flex;justify-content:space-between;align-items:center;font:9px ui-monospace,monospace;letter-spacing:1.4px;color:var(--muted)}.note-top>span:last-child{color:var(--accent);font-size:24px}.field-note h2{font:500 29px/1.6 "Songti SC",Georgia,serif;margin:15px 0 21px}.field-note ol{list-style:none;padding:0;margin:0}.field-note li{border-top:1px solid #cfd8c8;padding:12px 0;display:flex;gap:19px;align-items:start}.field-note li>b{font:10px ui-monospace,monospace;color:var(--accent);padding-top:5px}.field-note li span{font-size:13px}.field-note li small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.note-foot{border-top:1px solid #cfd8c8;padding-top:15px;margin-top:5px;font:8px ui-monospace,monospace;letter-spacing:1.1px}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:23px}.section-heading h2{font:500 29px "Songti SC",Georgia,serif;margin:9px 0 0}.section-heading p{font-size:11px;color:var(--muted);margin:0}.learning-section{scroll-margin-top:105px}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.path-card{position:relative;overflow:hidden;border:1px solid var(--line);padding:26px 29px 22px}.llm-card{background:#16312e;color:#f6f1df;border-color:#16312e}.agent-card{background:#eeeee4}.path-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font:9px ui-monospace,monospace;letter-spacing:.8px}.llm-card .path-label{color:#b6cac2}.agent-card .path-label{color:var(--muted)}.pill{font:10px/1.4 -apple-system,sans-serif;border:1px solid #bac6b84a;padding:4px 8px;letter-spacing:0;white-space:nowrap}.path-card h3{font:500 28px/1.5 "Songti SC",Georgia,serif;margin:23px 0 13px}.path-card>p{font-size:12px;line-height:2;max-width:450px;min-height:72px;position:relative;z-index:1}.llm-card>p{color:#b9cbc4}.agent-card>p{color:var(--muted)}.topics{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 26px}.topics span{font-size:10px;padding:3px 8px;background:#ffffff0d}.agent-card .topics span{background:#dfe5d8}.path-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #b9c6ba44;padding-top:18px}.path-bottom>div{font-size:10px;white-space:nowrap}.path-bottom b{font:20px Georgia,serif;margin-right:5px}.path-bottom>div>span{margin-inline:5px;opacity:.5}.path-bottom a{display:inline-flex;gap:16px;align-items:center;text-decoration:none;font-size:12px;white-space:nowrap}.path-bottom a:hover{color:#d99d6c}.agent-card .path-bottom a:hover{color:var(--accent)}.pixel-art{position:absolute;right:10px;top:90px;opacity:.05;display:grid;grid-template-columns:repeat(3,24px);gap:5px;transform:rotate(-10deg)}.pixel-art i{width:24px;height:24px;background:#fff}.pixel-art i:nth-child(3){visibility:hidden}.resource-section{margin-top:65px}.resource-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:16px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{border:0;background:transparent;padding:7px 12px;color:var(--muted);font-size:11px;border-radius:3px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}#resourceSearch{width:250px;padding:9px 12px;border:1px solid var(--line);background:var(--paper);font-size:11px;color:var(--ink)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.resource-card{border:1px solid var(--line);padding:20px 22px;background:var(--paper);display:flex;flex-direction:column;text-decoration:none;min-height:180px}.resource-card:hover{border-color:#98ad9d;background:#f0f2e8}.resource-card .resource-meta{font:9px ui-monospace,monospace;color:var(--muted);display:flex;justify-content:space-between}.resource-card .resource-meta span:last-child{color:var(--accent);font-size:16px}.resource-card h3{font-size:14px;margin:14px 0 8px;font-weight:600}.resource-card p{color:var(--muted);font-size:11px;line-height:1.9;margin:0 0 13px}.resource-card .domain{margin-top:auto;font:9px ui-monospace,monospace;color:#7c8a7f;overflow-wrap:anywhere}.empty{text-align:center;padding:25px;font-size:13px;color:var(--muted)}.migration{display:flex;gap:21px;padding:25px 27px;border:1px solid var(--line);background:#f0f1e8;margin:45px 0}.migration-icon{font-size:30px;color:var(--accent)}.migration h2{font-size:15px;font-weight:550;margin:1px 0 8px}.migration p,.migration li{font-size:11px;color:var(--muted);line-height:1.9}.migration p{margin:0}.migration details{margin-top:10px}.migration summary{font-size:11px;cursor:pointer}.migration ol{padding-left:18px}footer{border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted)}footer i{font-style:normal;color:var(--accent);margin:0 7px}footer>span:last-child{font:8px ui-monospace,monospace;letter-spacing:1px}.plan-view{height:calc(100vh - var(--header));height:calc(100dvh - var(--header));overflow:hidden}.plan-view iframe{display:block;width:100%;height:100%;border:0;background:var(--bg)}body.plan-active{overflow:hidden}.no-script{padding:30px}
@media(max-width:1000px){.site-header{padding-inline:25px;gap:18px}.header-note{display:none}.hero{gap:45px;padding-top:50px}.field-note{padding:23px}.resource-grid{grid-template-columns:repeat(2,1fr)}.path-card{padding:24px}.path-bottom{align-items:start;flex-direction:column;gap:13px}.path-card h3{font-size:25px}.section-heading h2{font-size:26px}}
@media(max-width:650px){:root{--header:115px}.site-header{height:var(--header);flex-wrap:wrap;padding:15px 20px 10px;gap:10px}.brand{font-size:22px}.brand-mark{font-size:40px}.brand-mark>span{font-size:18px;right:-7px}.brand small{font-size:6px;margin-top:4px}.site-header nav{width:100%;gap:8px;justify-content:space-between}.site-header nav a{font-size:11px;padding:7px 10px;text-align:center;flex:1}.hero{grid-template-columns:1fr;gap:33px;padding:38px 0 40px}#homeView{padding-inline:21px}h1{font-size:43px;margin-block:19px}.hero-copy>p{font-size:12px}.eyebrow{font-size:9px;letter-spacing:1.3px}.field-note{transform:none;padding:20px 23px}.field-note:before{display:none}.field-note h2{font-size:24px;line-height:1.5;margin:9px 0 15px}.field-note h2 br{display:none}.field-note li{padding:9px 0}.note-top>span:last-child{font-size:20px}.section-heading{align-items:start;gap:10px}.section-heading h2{font-size:25px;line-height:1.5}.section-heading p{display:none}.path-grid{grid-template-columns:1fr;gap:16px}.path-card{padding:23px}.path-label{font-size:8px}.path-card h3{margin-top:20px;font-size:25px}.path-card>p{min-height:0;font-size:12px}.topics{margin-bottom:22px}.path-bottom{flex-direction:row;align-items:center;flex-wrap:wrap}.path-bottom>div{font-size:9px}.path-bottom a{font-size:11px;gap:8px}.resource-section{margin-top:42px}.resource-toolbar{align-items:stretch;flex-direction:column;gap:13px}.filters{gap:4px}.filters button{font-size:10px;padding:6px 10px}#resourceSearch{width:100%}.resource-grid{grid-template-columns:1fr}.resource-card{min-height:160px;padding:19px 21px}.migration{padding:19px;margin-top:32px;gap:13px}.migration-icon{font-size:24px}footer{flex-direction:column;font-size:9px;gap:10px}.learning-section{scroll-margin-top:140px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}