@font-face{font-family:Geist;src:url('/fonts/geist-sans.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist Mono";src:url('/fonts/geist-mono.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}

:root{
  --paper:#f6f7f9;
  --paper-deep:#edf0f4;
  --ink:#11151c;
  --muted:#5b6574;
  --hair:#cfd5de;
  --hair-strong:#aeb7c4;
  --accent:#1458ff;
  --accent-soft:rgba(20,88,255,.1);
  --grid:rgba(63,82,110,.075);
  --sans:Geist,"Microsoft YaHei","PingFang SC",Arial,sans-serif;
  --mono:"Geist Mono","Microsoft YaHei","PingFang SC",Consolas,monospace;
  --page:min(1480px,calc(100vw - 80px));
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans);overflow-x:hidden}
body[data-lang="zh"] .lang-en,body[data-lang="en"] .lang-zh{display:none!important}
a{color:inherit}
button{font:inherit}
img,canvas,svg{display:block;max-width:100%}
::selection{color:#fff;background:var(--accent)}

.skip-link{position:fixed;left:18px;top:14px;z-index:1000;padding:9px 13px;color:#fff;background:var(--ink);transform:translateY(-180%);transition:transform .18s ease}
.skip-link:focus{transform:none}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}

.site-header{width:var(--page);height:76px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;border-bottom:1px solid var(--hair);position:relative;z-index:20}
.brand{font-weight:850;font-size:24px;line-height:1;letter-spacing:-.065em;text-decoration:none}
.brand span{color:var(--accent)}
.brand-line{margin:0;font:12px/1.2 var(--mono);letter-spacing:.055em;text-transform:uppercase;color:var(--muted)}
.site-nav{display:flex;align-items:center;gap:30px}
.site-nav a,.site-nav button{font:12px/1 var(--mono);letter-spacing:.04em;text-decoration:none;text-transform:uppercase}
.site-nav a{padding:13px 0;position:relative}
.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:5px;border-top:2px solid var(--accent);transition:right .18s ease}
.site-nav a:hover:after,.site-nav a[aria-current="page"]:after{right:0}
.language-toggle,.menu-toggle{border:1px solid var(--hair-strong);background:transparent;color:var(--ink);cursor:pointer}
.language-toggle{width:44px;height:34px}
.menu-toggle{display:none;padding:8px 11px}

main{width:var(--page);margin:auto}
.section-grid{position:relative;border-bottom:1px solid var(--hair);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:64px 64px}
.eyebrow{margin:0 0 20px;color:var(--accent);font:650 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}

.hero{min-height:calc(100svh - 76px);max-height:860px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);align-items:center;gap:6vw;padding:clamp(62px,8vw,124px) clamp(24px,5vw,76px)}
.hero:before{content:"";position:absolute;left:0;top:42px;width:28px;border-top:2px solid var(--accent)}
.hero-copy{position:relative;z-index:2;max-width:770px}
.hero h1{max-width:800px;margin:0;font-size:clamp(60px,7.3vw,124px);line-height:.92;letter-spacing:-.075em;font-weight:770}
.hero-lede{max-width:610px;margin:34px 0 0;color:#2a3341;font-size:clamp(19px,1.55vw,25px);line-height:1.48;letter-spacing:-.02em}
.hero-actions{display:flex;flex-wrap:wrap;gap:28px;margin-top:38px}
.text-link,.primary-link{display:inline-flex;align-items:center;gap:14px;font:650 13px/1.2 var(--mono);letter-spacing:.02em;text-decoration:none}
.text-link span[aria-hidden],.primary-link span[aria-hidden]{color:var(--accent);font-size:18px;transition:transform .18s ease}
.text-link:hover span[aria-hidden],.primary-link:hover span[aria-hidden]{transform:translateX(4px)}
.muted-link{color:var(--muted)}
.hero-visual{width:min(100%,590px);margin:0;justify-self:end;position:relative}
.hero-visual canvas{width:100%;aspect-ratio:1/1}
.hero-visual figcaption{margin-top:-8px;text-align:center;color:var(--muted);font:12px/1.4 var(--mono)}

.projects{padding:clamp(78px,8vw,126px) clamp(24px,5vw,76px)}
.section-heading{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(420px,1.3fr);column-gap:7vw;align-items:end;margin-bottom:52px}
.section-heading .eyebrow{grid-column:1;margin-bottom:12px}
.section-heading h2{grid-column:1;margin:0;font-size:clamp(38px,4vw,66px);line-height:1;letter-spacing:-.06em;font-weight:720}
.section-heading>p:not(.eyebrow){grid-column:2;margin:0;max-width:590px;color:var(--muted);font-size:18px;line-height:1.55}
.project-grid{display:grid;grid-template-columns:1fr 1.22fr 1fr;border-top:1px solid var(--hair-strong);border-bottom:1px solid var(--hair-strong)}
.project-card{min-width:0;border-right:1px solid var(--hair-strong);background:rgba(246,247,249,.82)}
.project-card:last-child{border-right:0}
.project-card.featured{background:rgba(255,255,255,.58)}
.project-card summary{list-style:none;min-height:80px;padding:20px 22px;display:grid;grid-template-columns:42px 1fr;gap:0 12px;align-items:center;border-bottom:1px solid var(--hair);cursor:default}
.project-card summary::-webkit-details-marker{display:none}
.project-index{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;color:#fff;background:var(--ink);font:12px/1 var(--mono)}
.project-name{font-size:21px;font-weight:700;letter-spacing:-.03em}
.project-status{color:var(--accent);font:11px/1.4 var(--mono);text-transform:uppercase}
.project-card-body{padding:28px 22px 30px}
.project-card-body h3{margin:24px 0 8px;font-size:22px;line-height:1.2;letter-spacing:-.035em}
.project-card-body p{min-height:100px;margin:0 0 22px;color:var(--muted);font-size:15px;line-height:1.6}
.project-diagram{height:230px;position:relative;overflow:hidden;border:1px solid var(--hair);background:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),rgba(255,255,255,.45);background-size:28px 28px}
.memory-diagram i{position:absolute;left:15%;right:15%;height:36px;border:1px solid var(--hair-strong);background:var(--paper);box-shadow:0 5px 12px rgba(22,30,44,.08)}
.memory-diagram i:nth-child(1){top:24%}.memory-diagram i:nth-child(2){top:43%;left:20%;right:10%}.memory-diagram i:nth-child(3){top:62%;left:11%;right:19%}
.memory-diagram b{position:absolute;left:24%;top:24%;bottom:22%;border-left:2px solid var(--accent)}
.flow-diagram span{position:absolute;left:10%;width:9px;height:9px;border-radius:50%;background:var(--accent)}
.flow-diagram span:nth-child(1){top:24%}.flow-diagram span:nth-child(2){top:48%}.flow-diagram span:nth-child(3){top:72%}
.flow-diagram b,.flow-diagram em{position:absolute;top:18%;bottom:18%;border:1px solid var(--accent);border-left:0;border-right:0;transform:skewX(-12deg)}
.flow-diagram b{left:22%;right:42%}.flow-diagram em{left:54%;right:15%;opacity:.38}
.flow-diagram:after{content:"KNOWLEDGE";position:absolute;right:12%;top:48%;font:11px/1 var(--mono);color:var(--accent)}
.lab-diagram i{position:absolute;left:50%;top:50%;width:126px;height:56px;margin:-28px 0 0 -63px;border:1px solid var(--hair-strong);border-radius:50%;transform:rotate(0)}
.lab-diagram i:nth-child(2){transform:rotate(60deg)}.lab-diagram i:nth-child(3){transform:rotate(120deg)}
.lab-diagram b{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px;background:var(--accent)}

.notes-section{padding:clamp(78px,8vw,126px) clamp(24px,5vw,76px);display:grid;grid-template-columns:minmax(310px,.72fr) minmax(430px,1.28fr);gap:0 7vw}
.notes-heading{display:block;margin:0;align-self:start;position:sticky;top:105px}
.notes-heading h2{margin:0;font-size:clamp(38px,4.1vw,68px);line-height:1;letter-spacing:-.06em}
.notes-heading>p:not(.eyebrow){margin:28px 0 0;color:var(--muted);font-size:17px}
.primary-link{margin-top:32px;padding-bottom:8px;border-bottom:2px solid var(--ink)}
.knowledge-map{grid-column:2;min-height:420px;border:1px solid var(--hair);background:rgba(255,255,255,.46)}
.knowledge-map svg{width:100%;height:auto}
.graph-links path{fill:none;stroke:var(--hair-strong);stroke-width:1.5}
.graph-node circle{fill:var(--paper);stroke:var(--ink);stroke-width:1.2}
.graph-node text{fill:var(--ink);font:600 11px var(--mono);letter-spacing:.04em}
.graph-node.node-core circle{fill:var(--ink);stroke:var(--ink)}
.graph-node.node-core text{fill:#fff}
.graph-node.node-signal circle,.graph-node.node-memory circle{stroke:var(--accent)}
.recent-notes{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;border-top:1px solid var(--hair-strong);border-bottom:1px solid var(--hair-strong)}
.recent-notes{list-style:none;padding-left:0}
.recent-notes li{min-width:0;padding:23px 20px;border-right:1px solid var(--hair-strong)}
.recent-notes li:last-child{border-right:0}
.recent-notes time,.note-topic{font:11px/1.4 var(--mono);color:var(--muted)}
.recent-notes h3{margin:20px 0 10px;font-size:17px;line-height:1.35;letter-spacing:-.025em}
.recent-notes h3 a{text-decoration:none}
.recent-notes h3 a:hover{color:var(--accent)}
.recent-notes p{min-height:70px;margin:0 0 22px;color:var(--muted);font-size:14px;line-height:1.55}
.note-topic{color:var(--accent)}

.site-footer{width:var(--page);min-height:84px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}
.site-footer p{margin:0;color:var(--muted);font:12px/1.4 var(--mono)}
.site-footer p:last-child{text-align:right}

/* Shared detail and knowledge pages */
.page-shell{width:var(--page);margin:auto}
.page-hero{padding:clamp(76px,9vw,144px) clamp(24px,5vw,76px);border-bottom:1px solid var(--hair);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:64px 64px}
.page-hero h1{max-width:980px;margin:0;font-size:clamp(54px,7vw,112px);line-height:.94;letter-spacing:-.075em}
.page-hero .page-intro{max-width:700px;margin:32px 0 0;color:var(--muted);font-size:20px}
.page-meta{display:flex;flex-wrap:wrap;gap:18px 36px;margin-top:38px;padding-top:20px;border-top:1px solid var(--hair);font:12px/1.4 var(--mono)}
.page-meta span{color:var(--muted)}
.detail-grid{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(420px,1.3fr);gap:7vw;padding:clamp(70px,8vw,120px) clamp(24px,5vw,76px);border-bottom:1px solid var(--hair)}
.detail-grid h2{margin:0;font-size:clamp(34px,4vw,60px);line-height:1;letter-spacing:-.055em}
.detail-content{max-width:760px}
.detail-content>p:first-child{margin-top:0;font-size:20px;color:var(--ink)}
.detail-content p{color:var(--muted)}
.principle-list{list-style:none;margin:40px 0 0;padding:0;border-top:1px solid var(--hair-strong)}
.principle-list li{display:grid;grid-template-columns:34px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--hair)}
.principle-list b{font:12px/1.6 var(--mono);color:var(--accent)}
.principle-list span{color:var(--muted)}
.related-section{padding:clamp(70px,8vw,120px) clamp(24px,5vw,76px);border-bottom:1px solid var(--hair)}
.related-section h2{margin:0 0 36px;font-size:clamp(34px,4vw,60px);letter-spacing:-.055em}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair-strong);border-bottom:1px solid var(--hair-strong)}
.related-grid a{padding:24px;text-decoration:none;border-right:1px solid var(--hair-strong)}
.related-grid a:last-child{border-right:0}
.related-grid a:hover{color:var(--accent)}
.related-grid small{display:block;margin-bottom:16px;color:var(--muted);font:11px/1.3 var(--mono)}
.related-grid strong{font-size:17px}

.garden-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100svh - 76px)}
.garden-sidebar{padding:48px 28px;border-right:1px solid var(--hair);position:sticky;top:0;height:100svh}
.garden-sidebar h2{margin:0 0 26px;font:650 12px/1.4 var(--mono);text-transform:uppercase;color:var(--accent)}
.garden-sidebar nav{display:flex;flex-direction:column;gap:14px}
.garden-sidebar a{font-size:14px;text-decoration:none}
.garden-sidebar a:hover{color:var(--accent)}
.garden-main{min-width:0}
.garden-intro{padding:clamp(70px,8vw,126px) clamp(24px,6vw,90px);border-bottom:1px solid var(--hair);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:64px 64px}
.garden-intro h1{max-width:900px;margin:0;font-size:clamp(52px,7vw,110px);line-height:.94;letter-spacing:-.075em}
.garden-intro>p:not(.eyebrow){max-width:680px;margin:28px 0 0;color:var(--muted);font-size:19px}
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:64px clamp(24px,6vw,90px);gap:1px;background:var(--hair)}
.topic-card{min-height:210px;padding:26px;background:var(--paper);text-decoration:none}
.topic-card:hover{background:#fff}
.topic-card small{font:11px/1.4 var(--mono);color:var(--accent)}
.topic-card h2{margin:34px 0 8px;font-size:24px;letter-spacing:-.035em}
.topic-card p{margin:0;color:var(--muted);font-size:14px}
.note-list{padding:70px clamp(24px,6vw,90px)}
.note-list>h2{font-size:34px;letter-spacing:-.04em}
.note-list article{display:grid;grid-template-columns:110px 1fr auto;gap:24px;align-items:start;padding:24px 0;border-top:1px solid var(--hair)}
.note-list time,.note-list .note-topic{font:11px/1.4 var(--mono)}
.note-list h3{margin:0 0 7px;font-size:20px}.note-list h3 a{text-decoration:none}.note-list h3 a:hover{color:var(--accent)}
.note-list p{margin:0;color:var(--muted);font-size:14px}
.note-article{max-width:780px;margin:auto;padding:clamp(72px,9vw,138px) 24px}
.note-article header{margin-bottom:60px;padding-bottom:28px;border-bottom:1px solid var(--hair)}
.note-article h1{margin:0;font-size:clamp(44px,6vw,76px);line-height:1;letter-spacing:-.065em}
.note-article header p{margin:22px 0 0;color:var(--muted);font:12px/1.5 var(--mono)}
.note-article h2{margin:48px 0 14px;font-size:28px;letter-spacing:-.04em}
.note-article p,.note-article li{font-size:18px;line-height:1.82}
.note-article p{color:#354050}
.note-back{display:inline-flex;margin-top:54px;font:13px/1.4 var(--mono);text-decoration:none;color:var(--accent)}

@media(max-width:1050px){
  :root{--page:calc(100vw - 40px)}
  .hero{grid-template-columns:1fr minmax(330px,.78fr);gap:3vw}
  .hero h1{font-size:clamp(58px,8.5vw,92px)}
  .project-grid{grid-template-columns:1fr}
  .project-card{border-right:0;border-bottom:1px solid var(--hair-strong)}
  .project-card:last-child{border-bottom:0}
  .project-card-body{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(350px,1.2fr);gap:0 32px}
  .project-card-body .project-diagram{grid-row:1/5}
  .project-card-body p{min-height:0}
  .notes-section{grid-template-columns:1fr}
  .notes-heading{position:static;margin-bottom:48px}
  .knowledge-map,.recent-notes{grid-column:1}
}

@media(max-width:760px){
  :root{--page:calc(100vw - 28px)}
  body{font-size:14px}
  .site-header{height:66px;grid-template-columns:auto 1fr auto}
  .brand-line{display:none}
  .menu-toggle{display:block}
  .site-nav{display:none;position:absolute;left:0;right:0;top:66px;padding:18px;background:var(--paper);border:1px solid var(--hair);flex-direction:column;align-items:stretch;gap:4px;box-shadow:0 16px 35px rgba(17,21,28,.12)}
  .site-header.menu-open .site-nav{display:flex}
  .site-nav a{padding:13px 5px;font-size:13px}
  .language-toggle{margin-top:8px}
  .hero{min-height:0;max-height:none;grid-template-columns:minmax(0,1fr);gap:36px;padding:70px 18px 54px}
  .hero-copy,.hero-visual{min-width:0}
  .hero h1{overflow-wrap:break-word}
  .hero h1{font-size:clamp(52px,17vw,78px)}
  .hero-lede{margin-top:26px;font-size:18px}
  .hero-actions{margin-top:28px;gap:20px}
  .hero-visual{justify-self:center;width:min(92vw,430px)}
  .section-heading{display:block;margin-bottom:36px}
  .section-heading h2{font-size:42px}
  .section-heading>p:not(.eyebrow){margin-top:22px;font-size:16px}
  .projects,.notes-section{padding:72px 18px}
  .project-card summary{cursor:pointer}
  .project-card summary:after{content:"+";grid-column:3;grid-row:1/3;font:22px/1 var(--mono);color:var(--accent)}
  .project-card[open] summary:after{content:"−"}
  .project-card-body{display:block;padding:22px 18px 28px}
  .project-diagram{height:190px}
  .project-card-body p{font-size:14px}
  .knowledge-map{min-height:0}
  .recent-notes{grid-template-columns:1fr}
  .recent-notes li{border-right:0;border-bottom:1px solid var(--hair)}
  .recent-notes li:last-child{border-bottom:0}
  .recent-notes p{min-height:0}
  .site-footer{min-height:116px;padding:22px 0;grid-template-columns:1fr auto}
  .site-footer p:nth-child(2){grid-column:1/3;grid-row:2}
  .page-hero{padding:76px 18px}
  .page-hero h1{font-size:52px}
  .page-hero .page-intro{font-size:17px}
  .detail-grid{grid-template-columns:1fr;padding:66px 18px;gap:30px}
  .detail-content>p:first-child{font-size:18px}
  .related-section{padding:66px 18px}
  .related-grid{grid-template-columns:1fr}
  .related-grid a{border-right:0;border-bottom:1px solid var(--hair)}
  .related-grid a:last-child{border-bottom:0}
  .garden-layout{display:block}
  .garden-sidebar{position:static;height:auto;padding:22px 18px;border-right:0;border-bottom:1px solid var(--hair)}
  .garden-sidebar nav{flex-direction:row;flex-wrap:wrap;gap:10px 18px}
  .garden-intro{padding:72px 18px}
  .garden-intro h1{font-size:52px}
  .topic-grid{grid-template-columns:1fr;padding:42px 18px}
  .topic-card{min-height:160px}
  .note-list{padding:58px 18px}
  .note-list article{grid-template-columns:1fr;gap:8px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* 2026-08-26: preserved original blueprint homepage with the current knowledge layer */
.home-restore{--cyan:#00aabd;--home-grid:rgba(59,76,103,.075)}
.home-restore .paper-grain{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}
.home-restore .side-rail{position:fixed;z-index:30;left:0;top:0;width:54px;height:100svh;border-right:1px solid var(--hair);background:rgba(246,247,249,.94)}
.home-restore .side-rail a{position:absolute;left:19px;width:16px;height:16px;display:grid;place-items:center;color:var(--ink);font:8px/1 var(--mono);text-decoration:none;border-top:1px solid var(--ink)}
.home-restore .side-rail a:nth-child(1){top:28px;color:var(--accent);border-color:var(--accent)}
.home-restore .side-rail a:nth-child(2){top:42%}
.home-restore .side-rail a:nth-child(3){top:72%}
.home-restore .side-rail a:hover,.home-restore .side-rail a:focus-visible{color:var(--accent);border-color:var(--accent)}
.home-restore .side-rail b{position:absolute;left:18px;bottom:34px;white-space:nowrap;transform:rotate(-90deg);transform-origin:left bottom;font:9px/1 var(--mono);font-weight:500;letter-spacing:.07em}
.home-restore .site-header{width:calc(100% - 54px);height:72px;margin:0 0 0 54px;padding:0 38px;grid-template-columns:auto 1fr auto;border-bottom:1px solid var(--hair)}
.home-restore .brand-line{font-size:11px}
.home-restore .site-nav{gap:28px}
.home-restore main{width:auto;margin:0 0 0 54px}
.home-restore .site-footer{width:calc(100% - 54px);margin-left:54px;padding:0 38px}

.legacy-hero{height:calc(100svh - 72px);min-height:610px;max-height:720px;position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--hair);background-image:linear-gradient(var(--home-grid) 1px,transparent 1px),linear-gradient(90deg,var(--home-grid) 1px,transparent 1px);background-size:58px 58px}
/* Hero layer order: philosophy 1, signal field 2, reticle 3, readable copy 4. */
.hero-wave{position:absolute;inset:0;z-index:2;width:100%;height:100%;max-width:none;pointer-events:none}
.legacy-hero-copy{position:absolute;left:40px;top:52px;width:520px;z-index:4}
.legacy-hero-copy .hero-kicker{margin:0 0 12px 3px;font:650 12px/1 var(--mono);letter-spacing:.07em}
.legacy-hero-copy h1{margin:0;font-size:clamp(78px,7vw,112px);line-height:.82;letter-spacing:-.078em;font-weight:790}
.legacy-hero-copy h2{margin:22px 0 0 2px;color:var(--accent);font:560 clamp(34px,3.1vw,48px)/.96 var(--mono);letter-spacing:-.055em;white-space:nowrap}
.legacy-hero-copy .paired-zh{margin:11px 0 0 3px;color:#344154;font:620 15px/1.4 var(--sans);letter-spacing:.06em}
.signature{display:block;margin:10px 0 0 2px;color:#717b89;font:italic 28px/1.1 "Segoe Script","KaiTi",cursive;letter-spacing:.015em}
.short-rule{display:block;width:30px;margin:32px 0 15px 3px;border-top:2px solid var(--ink)}
.hero-statement{max-width:430px;margin:0 0 0 3px;font:20px/1.35 var(--mono);letter-spacing:-.035em}
.hero-statement-zh{max-width:430px;margin:9px 0 0 3px;color:var(--muted);font:14px/1.5 var(--sans)}
.instrument-wrap{position:absolute;z-index:3;left:49%;top:8px;width:min(42vw,570px);height:min(42vw,570px);margin:0;pointer-events:none}
.instrument-wrap canvas{width:100%;height:100%}
.instrument-wrap .axis{position:absolute;color:var(--ink);font:9px/1 var(--mono)}
.instrument-wrap .axis-n{left:49%;top:1.5%}.instrument-wrap .axis-e{right:1%;top:49%}.instrument-wrap .axis-s{left:48.5%;bottom:1.5%}.instrument-wrap .axis-w{left:0;top:49%}
.instrument-wrap figcaption{position:absolute;left:50%;bottom:3%;display:flex;gap:10px;transform:translateX(-50%);white-space:nowrap;color:var(--muted);font:9px/1.3 var(--mono);letter-spacing:.04em}
.instrument-wrap figcaption .paired-zh{color:var(--accent)}
.origin-copy{position:absolute;right:4.5%;top:34%;z-index:4;color:var(--ink);font:10px/1.5 var(--mono)}
.origin-copy>span{display:block;color:var(--muted)}
.origin-copy b{display:block;margin-top:12px;color:var(--accent);font-weight:500}
.origin-copy small{display:block;max-width:155px;margin-top:8px;color:var(--muted);font:10px/1.5 var(--sans)}
.origin-copy i{display:block;margin-top:19px;color:#303741;font:26px/1 var(--sans);font-style:normal}
.philosophy{position:absolute;left:29%;top:54px;width:660px;z-index:1;pointer-events:none}
.philosophy strong{display:block;color:rgba(28,40,62,.115);font:680 clamp(34px,3vw,48px)/1.04 var(--sans);letter-spacing:-.052em}
.philosophy span{display:block;max-width:610px;margin-top:18px;color:rgba(28,40,62,.13);font:620 clamp(22px,2vw,30px)/1.15 var(--sans);letter-spacing:-.035em}
.hero-corner{position:absolute;right:15px;width:18px;height:18px;border-right:1px solid #39414b}
.hero-corner-top{top:12px;border-top:1px solid #39414b}.hero-corner-bottom{bottom:12px;border-bottom:1px solid #39414b}

.system-strip{height:44px;position:relative;padding:0 40px;display:grid;grid-template-columns:27.67% 44.8% 27.53%;align-items:center;overflow:hidden;border-bottom:1px solid var(--hair);font:9px/1 var(--mono)}
.system-strip a{position:relative;z-index:2;text-decoration:none;letter-spacing:.035em}
.system-strip a:nth-child(2){padding-left:16px}.system-strip a:nth-child(3){padding-left:24px}
.system-strip a span{color:var(--muted);margin-right:12px}.system-strip a.current,.system-strip a:hover{color:var(--accent)}
.system-strip i{position:absolute;left:40px;right:40px;top:0;border-top:2px solid #c8cdd4}
.system-strip i:after{content:"";display:block;width:27.67%;margin-top:-2px;border-top:2px solid var(--accent)}

.legacy-systems{min-height:552px;display:grid;grid-template-columns:27.67% 44.8% 27.53%;border-bottom:1px solid var(--hair);overflow:hidden}
.systems-panel{min-width:0;min-height:552px;position:relative;overflow:hidden;padding:20px 34px 58px;border-right:1px solid var(--hair)}
.systems-panel:last-child{border-right:0}
.chat-panel{background:linear-gradient(135deg,#fafbfc 12%,#eef2f7 100%)}
.data-panel{padding-left:48px;padding-right:48px;background:radial-gradient(circle at 53% 61%,rgba(0,170,189,.09),transparent 34%),linear-gradient(145deg,#f3fbfb,#fbfcfd 72%)}
.lab-panel{padding-left:28px;padding-right:28px;background:#fbfcfd}
.panel-heading{min-height:70px;display:flex;gap:14px;align-items:flex-start;position:relative;z-index:3}
.panel-number{flex:0 0 28px;height:28px;display:grid;place-items:center;color:#fff;background:var(--ink);font:10px/1 var(--mono)}
.panel-heading h2{margin:0;font-size:clamp(21px,1.75vw,28px);line-height:1;letter-spacing:-.05em}
.panel-heading p{margin:6px 0 0;color:var(--ink);font:10px/1.3 var(--mono)}
.panel-heading small{display:block;margin-top:5px;color:var(--accent);font:11px/1.35 var(--sans)}
.panel-link{position:absolute;z-index:6;left:34px;bottom:20px;display:inline-flex;align-items:center;gap:10px;padding-bottom:5px;border-bottom:1px solid var(--ink);font:650 10px/1 var(--mono);letter-spacing:.04em;text-decoration:none}
.data-panel .panel-link{left:48px}.lab-panel .panel-link{left:28px}
.panel-link span{color:var(--accent);transition:transform .2s ease}
.panel-link:hover span{transform:translateX(4px)}

.memory-canvas{position:absolute;left:34px;right:25px;top:104px;height:390px;border-left:1px solid #ced4dd}
.memory-canvas:after{content:"";position:absolute;right:-1px;top:0;bottom:0;width:8px;background:linear-gradient(90deg,#c3c9d2,#f9fafb);box-shadow:-5px 0 9px rgba(33,40,52,.12)}
.memory-title{height:46px;padding:0 18px 0 34px;display:flex;align-items:center;justify-content:space-between;background:#f9fafb;border-bottom:1px solid #bfc6cf;box-shadow:0 5px 8px rgba(22,27,35,.13);color:var(--accent);font:9px/1 var(--mono)}
.memory-title b{font-weight:500}
.memory-card{position:absolute;left:25px;right:8px;height:78px;padding:14px 14px 11px 34px;background:#fbfbfc;border-bottom:1px solid #aeb5bf;box-shadow:0 6px 9px rgba(20,27,39,.13)}
.memory-card:before{content:"";position:absolute;left:22px;top:16px;bottom:14px;border-left:2px solid var(--accent)}
.memory-card span{display:block;color:#5c6470;font:8px/1 var(--mono)}
.memory-card p{margin:9px 0 0;font:11px/1.4 var(--sans)}
.card-a{top:47px;z-index:4}.card-b{top:125px;z-index:3}.card-c{top:203px;z-index:2}.card-d{top:281px;z-index:1}

.pipeline-labels{height:24px;margin:5px 0 0;display:flex;justify-content:space-between;align-items:center;color:#334f60;font:7px/1 var(--mono)}
.pipeline-labels b{color:#017f91;font-size:12px;font-weight:400}
.data-visual{position:absolute;left:24px;right:24px;top:139px;height:302px}
.data-visual canvas{position:absolute;left:77px;top:0;width:calc(100% - 190px);height:100%}
.sources,.outputs{position:absolute;z-index:2;top:18px;bottom:18px;display:flex;flex-direction:column;justify-content:space-around;color:#304957;font:8px/1 var(--mono)}
.sources{left:0;width:72px;text-align:right;padding-right:15px}.outputs{right:0;width:108px;padding-left:15px}
.sources span:after{content:"";display:inline-block;width:5px;height:5px;margin-left:9px;border-radius:50%;background:#008c9e;vertical-align:middle}
.outputs span:before{content:"";display:inline-block;margin-right:9px;border-left:5px solid #008c9e;border-top:3px solid transparent;border-bottom:3px solid transparent}
.data-captions{position:absolute;left:50px;right:48px;bottom:78px;display:flex;justify-content:space-between;color:#007487;font:10px/1.3 var(--sans)}

.lab-visual{position:absolute;left:28px;right:28px;top:116px;height:326px;border-top:1px solid #e1e5ea}
.lab-visual canvas{width:100%;height:100%}
.lab-visual>span{position:absolute;color:#303a46;font:8px/1 var(--mono)}
.lab-memory{left:7%;top:47%}.lab-interface{right:0;top:47%}.lab-automation{left:38%;bottom:13%}.lab-core{left:39%;top:38%;color:var(--accent)!important;font-size:7px!important}
.lab-visual code{position:absolute;right:0;bottom:8%;color:#008fa2;font:9px/1.45 var(--mono)}
.lab-principles{position:absolute;left:28px;right:28px;bottom:64px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;font:9px/1.3 var(--sans)}
.lab-principles span{display:flex;flex-direction:column}.lab-principles b{font:650 10px/1.3 var(--mono)}

.home-restore.intro-animating .legacy-hero-copy>*,.home-restore.intro-animating .instrument-wrap,.home-restore.intro-animating .origin-copy,.home-restore.intro-animating .philosophy,.panel-visual.is-tilting{will-change:transform,opacity}
.systems-panel .panel-visual{transition:filter .25s ease}
.systems-panel:hover .panel-visual{filter:contrast(1.03)}

@media(max-width:1180px) and (min-width:981px){
  .legacy-hero-copy{width:450px}
  .legacy-hero-copy h1{font-size:82px}
  .legacy-hero-copy h2{font-size:34px}
  .instrument-wrap{left:47%;width:500px;height:500px}
  .origin-copy{right:2%}
  .systems-panel{padding-left:24px;padding-right:24px}
  .memory-canvas{left:24px;right:18px}
  .data-panel{padding-left:35px;padding-right:35px}
  .data-panel .panel-link{left:35px}
  .data-captions{left:32px;right:32px}
}

@media(max-width:1100px){
  .home-restore .side-rail{display:none}
  .home-restore .site-header{width:var(--page);margin:auto;padding:0}
  .home-restore main{width:var(--page);margin:auto}
  .home-restore .site-footer{width:var(--page);margin:auto;padding:0}
}

@media(max-width:980px){
  .legacy-hero{height:auto;min-height:880px;max-height:none;padding:56px 30px 32px;display:grid;grid-template-columns:minmax(330px,.9fr) minmax(380px,1.1fr);align-items:start;column-gap:20px}
  .legacy-hero-copy{position:relative;left:auto;top:auto;width:auto}
  .legacy-hero-copy h1{font-size:82px}
  .legacy-hero-copy h2{font-size:34px;white-space:normal}
  .instrument-wrap{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:1;margin-top:-20px}
  .origin-copy{right:5%;top:610px}
  .philosophy{left:30px;top:auto;bottom:40px;width:70%}
  .philosophy strong{font-size:30px}.philosophy span{font-size:20px}
  .system-strip{display:none}
  .legacy-systems{display:block}
  .systems-panel{min-height:550px;border-right:0;border-bottom:1px solid var(--hair)}
  .systems-panel:last-child{border-bottom:0}
  .memory-canvas{max-width:480px}
  .data-visual{left:42px;right:42px}
  .lab-visual{left:42px;right:42px}
}

@media(max-width:760px){
  .legacy-hero{min-height:0;padding:48px 18px 30px;display:block}
  .legacy-hero-copy h1{font-size:72px}
  .legacy-hero-copy .hero-kicker{font-size:10px}
  .legacy-hero-copy h2{margin-top:18px;font-size:clamp(27px,8vw,36px)}
  .legacy-hero-copy .paired-zh{font-size:14px}
  .signature{font-size:25px}
  .short-rule{margin-top:26px}
  .hero-statement{font-size:16px;line-height:1.45}
  .hero-statement-zh{font-size:13px}
  .instrument-wrap{width:min(100%,480px);margin:18px auto 0}
  .origin-copy{display:none}
  .philosophy{display:none}
  .hero-corner{display:none}
  .systems-panel{min-height:536px;padding:20px 20px 56px}
  .panel-heading h2{font-size:23px}
  .panel-link,.data-panel .panel-link,.lab-panel .panel-link{left:20px}
  .memory-canvas{left:20px;right:16px;top:104px;height:374px}
  .memory-card{height:74px}.card-b{top:121px}.card-c{top:195px}.card-d{top:269px}
  .data-panel{min-height:584px;padding-left:20px;padding-right:20px}
  .pipeline-labels{font-size:6px}
  .pipeline-labels b{font-size:9px}
  .data-visual{left:7px;right:7px;top:142px;height:330px}
  .data-visual canvas{left:66px;width:calc(100% - 156px)}
  .sources{width:62px;padding-right:9px;font-size:7px}.outputs{width:88px;padding-left:9px;font-size:7px}
  .sources span:after{margin-left:5px}.outputs span:before{margin-right:5px}
  .data-captions{left:20px;right:20px;bottom:78px;font-size:8px}
  .lab-panel{min-height:550px;padding-left:20px;padding-right:20px}
  .lab-visual{left:20px;right:20px;top:118px;height:310px}
  .lab-visual code{display:none}
  .lab-principles{left:20px;right:20px}
}

@media(max-width:430px){
  .instrument-wrap figcaption{font-size:7px;gap:7px}
  .memory-title{padding-left:24px;font-size:8px}
  .memory-card{padding-left:29px}.memory-card:before{left:17px}
  .data-captions{font-size:7px}
}

@media(prefers-reduced-motion:reduce){
  .home-restore.intro-animating .legacy-hero-copy>*,.home-restore.intro-animating .instrument-wrap,.home-restore.intro-animating .origin-copy,.home-restore.intro-animating .philosophy,.panel-visual.is-tilting{will-change:auto}
  .systems-panel .panel-visual,.panel-link span{transition:none}
}