:root{color-scheme:light;--bg:#f7f7ef;--fg:#223d32;--muted:#637066;--line:#dce0d4;--card:#fffef8;--accent:#244d3a;--accent-fg:#fffef7;--soft:#eceee2;--serif:Georgia,'Times New Roman','Songti SC','Noto Serif CJK SC',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.7 -apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC',sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid #9a782a;outline-offset:6px;border-radius:3px}::selection{background:#dce7bd;color:#213b2e}.wrap{max-width:1240px;margin:0 auto;padding:0 48px}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--fg);color:white;padding:12px 20px}.skip-link:focus{top:12px}
header.site{border-bottom:1px solid var(--line);background:var(--bg)}header.site .wrap{min-height:94px;display:flex;gap:28px;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--fg);text-decoration:none;white-space:nowrap}.brand img{display:block;width:58px;height:40px}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text strong{font-size:29px;font-weight:700;letter-spacing:-.8px}.brand-text small{margin-top:5px;font-size:10px;letter-spacing:.4px;color:var(--fg)}nav{display:flex;align-items:center;gap:25px}nav a{color:#59665a;text-decoration:none;font-size:13px;white-space:nowrap}nav a:hover,nav a[aria-current]{color:var(--fg)}nav a[aria-current]{text-decoration:underline;text-decoration-color:#879575;text-underline-offset:9px}.lang{border:1px solid var(--line);border-radius:30px;padding:5px 14px;text-decoration:none;font-size:12px;white-space:nowrap}.head-actions{display:flex;align-items:center;gap:10px}.app-link{background:var(--accent);color:var(--accent-fg);border:1px solid var(--accent);border-radius:30px;padding:5px 14px;text-decoration:none;font-size:12px;font-weight:550;white-space:nowrap}.app-link:hover{background:#356348}
.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:650;line-height:1.6;margin:0 0 24px}.status-dot{display:inline-block;width:6px;height:6px;background:#6e8751;border-radius:50%;margin-right:9px;vertical-align:middle}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:44px;align-items:center;padding-top:84px;padding-bottom:86px}.hero h1{font-family:var(--serif);font-size:clamp(52px,5.5vw,76px);font-weight:400;line-height:1.06;letter-spacing:-3.3px;margin:0 0 26px}em{font-family:var(--serif);font-weight:400;color:#748251}.hero p.lead{font-size:16px;line-height:1.8;color:var(--muted);max-width:440px;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:13px 21px;background:var(--accent);color:var(--accent-fg);text-decoration:none;font-size:12px;font-weight:550;border:1px solid var(--accent);border-radius:5px;transition:background .2s,transform .2s}.btn:hover{background:#356348;transform:translateY(-2px)}.btn span{font-size:18px;line-height:1}.btn.alt{background:transparent;color:var(--fg);border-color:var(--line)}.text-link{display:inline-flex;gap:17px;align-items:center;font-size:12px;font-weight:550;text-decoration:none}.text-link:hover{text-decoration:underline}.hero-note{font-size:10px;color:#72806e;margin:18px 0 0}
.continuity-visual{margin:0;position:relative;height:430px;border:1px solid #e1e4d5;border-radius:14px;background:radial-gradient(ellipse at 50% 52%,#dce4c780,transparent 65%),#eff0e5;overflow:hidden}.visual-label{position:absolute;top:23px;left:25px;font-size:9px;letter-spacing:1.2px;color:#64715b}.orbit{position:absolute;width:302px;height:302px;border:1px solid #c5d0b8;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{width:390px;height:390px;border-style:dashed;opacity:.5}.orbit-three{width:206px;height:206px;opacity:.6}.thread-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#254937;border-radius:50%;width:168px;height:168px;box-shadow:0 12px 32px #28463220;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#f7f7e9}.core-symbol{font-size:30px;color:#ccd99b;line-height:1.2;margin-bottom:10px}.thread-core strong{font-family:var(--serif);font-size:25px;line-height:1.06;font-weight:400}.thread-core>span:last-child{font-size:8px;letter-spacing:2px;color:#c5d0b5;margin-top:12px}.session-node{position:absolute;display:flex;flex-direction:column;width:147px;padding:13px 16px;background:#fffef9;border:1px solid #d8ddcb;border-radius:7px;box-shadow:0 6px 20px #33422c09}.node-index{font-size:8px;letter-spacing:1.4px;color:#81896e;margin-bottom:3px}.session-node strong{font-size:15px;font-weight:550}.session-node small{font-size:9px;color:#79816e}.node-one{left:23px;top:80px}.node-two{right:20px;top:140px}.node-three{left:48px;bottom:57px;background:#f0f4df;border-color:#bccca2}.node-three strong{display:flex;justify-content:space-between}.continuity-visual figcaption{position:absolute;bottom:19px;width:100%;text-align:center;font-size:9px;color:#7a836c;letter-spacing:.3px}
.principle-strip{border-block:1px solid var(--line)}.principle-strip .wrap{display:flex;justify-content:space-between;gap:24px;padding-top:21px;padding-bottom:21px}.principle-strip span{font-size:11px;display:flex;align-items:center;gap:13px;color:#596b54}.principle-strip i{font-style:normal;color:#859462;font-size:17px}
section{padding:85px 0}h2{font-family:var(--serif);font-size:clamp(34px,3.7vw,48px);font-weight:400;line-height:1.13;letter-spacing:-1.4px;margin:0 0 22px}h3{margin:0 0 12px;font-size:17px;font-weight:550;line-height:1.4}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:44px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:315px;color:var(--muted);font-size:13px;line-height:1.9;margin:0 0 4px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:42px;row-gap:0}.feature{padding:29px 0 32px;border-top:1px solid var(--line)}.feature p{color:var(--muted);font-size:12px;line-height:1.9;margin:0;max-width:295px}.feature-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:23px;border:1px solid #d7deca;border-radius:8px;color:#687e50;font-size:23px;background:#edf0e3}
.workflow-section{background:#e9ecdf;border-block:1px solid #d9dece}.workflow-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.workflow-grid li{border-top:1px solid #c7cfb9;position:relative;padding-top:20px}.workflow-grid li:not(:last-child):after{content:'→';position:absolute;right:0;top:19px;color:#89977a}.step-number{font-family:var(--serif);color:#879574;font-size:24px;display:block;margin-bottom:20px}.workflow-grid p{font-size:12px;color:var(--muted);max-width:200px;margin:0}
.connection-section{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center}.connection-graphic{height:270px;background:radial-gradient(ellipse,#e4e9d7,transparent 70%);display:flex;justify-content:center;align-items:center;position:relative}.connector-app,.connector-brand{display:grid;place-items:center;flex-shrink:0;width:76px;height:76px;border-radius:19px;border:1px solid #ced5bf;background:var(--card);font-size:43px;box-shadow:0 8px 20px #364b2908}.connector-brand{background:#254937;color:#f1f3d7;font-family:var(--serif);font-style:italic}.connector-line{width:48px;border-top:1px dashed #9bad83}.protocol{border:1px solid #d5ddc7;border-radius:20px;padding:4px 11px;font-size:10px;letter-spacing:1px;background:var(--bg)}.connection-graphic>span{position:absolute;bottom:43px;font-size:10px;color:#7e8970}.connection-copy p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:23px}
.closing{padding-top:0;padding-bottom:48px}.closing-inner{position:relative;overflow:hidden;background:#223f31;color:#f7f7eb;border-radius:11px;padding:54px 56px}.closing-inner .eyebrow{color:#becba7}.closing h2{font-size:50px;position:relative;z-index:1}.closing em{color:#c5d395}.closing .btn{background:#d4dfac;color:#254130;border-color:#d4dfac;position:relative;z-index:1}.closing .btn:hover{background:#e1e8c4}.closing-symbol{position:absolute;font-size:300px;line-height:1;right:70px;top:17px;color:#abc78923;transform:rotate(15deg)}.maker{display:flex;justify-content:space-between;gap:24px;padding:25px 0 0;color:var(--muted);font-size:10px}.maker a{text-decoration:none}
footer.site{border-top:1px solid var(--line);padding:34px 0 40px;color:#74806f;font-size:10px;line-height:1.9}footer.site a{color:#66745f}footer.site .cols{display:flex;gap:45px;justify-content:space-between}footer.site .cols>div:first-child{max-width:540px}
main.page{max-width:1000px;padding-top:64px;padding-bottom:72px;min-height:65vh}main.page h1{font-family:var(--serif);font-weight:400;font-size:56px;line-height:1.1;letter-spacing:-2px;margin:0 0 30px}main.page>p{color:var(--muted);max-width:75ch}main.page h2{font-size:30px;margin:40px 0 18px}main.page .updated{font-size:11px;letter-spacing:.3px;color:var(--muted);margin-top:-15px}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:24px}.card p{margin:0;color:var(--muted);font-size:14px}.flow{list-style:none;counter-reset:step;padding:0;display:grid;gap:13px}.flow li{counter-increment:step;background:var(--soft);border:1px solid var(--line);border-radius:9px;padding:22px 22px 22px 70px;position:relative}.flow li:before{content:counter(step,decimal-leading-zero);position:absolute;left:22px;top:20px;font:24px var(--serif);color:#738559}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}th{font-size:10px;letter-spacing:.6px;background:var(--soft);font-weight:600}code{background:var(--soft);padding:2px 5px;border-radius:4px;font-size:.9em;overflow-wrap:anywhere}pre{background:var(--soft);padding:20px;border:1px solid var(--line);border-radius:9px;overflow:auto}pre code{background:none;padding:0}
html[lang=zh] .hero h1{font-size:clamp(47px,5vw,67px);letter-spacing:-2px;line-height:1.2}html[lang=zh] h2{line-height:1.3}html[lang=zh] .eyebrow{letter-spacing:1.5px}
@media(min-width:1500px){.hero{padding-top:104px;padding-bottom:104px}}
@media(max-width:1050px){.wrap{padding-left:30px;padding-right:30px}header.site .wrap{gap:18px}nav{gap:16px}nav a{font-size:11px}.hero{gap:25px}.hero h1{font-size:59px}.continuity-visual{height:400px}.node-one{left:14px}.node-two{right:12px}.node-three{left:22px}.session-node{width:129px;padding:11px 13px}.thread-core{width:145px;height:145px}.thread-core strong{font-size:22px}.connection-section{gap:35px}.closing-symbol{right:20px}}
@media(max-width:800px){header.site .wrap{flex-wrap:wrap;padding-top:17px;padding-bottom:17px;gap:14px}.brand img{width:47px;height:32px}.brand-text strong{font-size:24px}.brand-text small{font-size:9px}.head-actions{margin-left:auto}nav{order:3;flex-basis:100%;justify-content:space-between;gap:12px}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:50px;gap:38px}.hero h1{font-size:70px}.hero p.lead{max-width:520px}.continuity-visual{height:420px;max-width:540px;width:100%;justify-self:center}.node-one{left:30px}.node-two{right:30px}.node-three{left:60px}.session-node{width:155px;padding:14px 16px}.thread-core{width:168px;height:168px}.thread-core strong{font-size:25px}.section-heading{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:35px}.section-heading>p{max-width:500px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:0 30px}.workflow-grid{grid-template-columns:repeat(2,1fr);gap:30px}.connection-section{grid-template-columns:1fr;gap:20px}.connection-graphic{height:210px}.connection-graphic>span{bottom:19px}.connection-copy{max-width:540px}.closing-symbol{right:-85px;font-size:250px;top:100px}.principle-strip .wrap{flex-wrap:wrap;gap:16px}.principle-strip span{width:calc(50% - 8px)}footer.site .cols{flex-direction:column;gap:20px}section{padding-top:60px;padding-bottom:60px}}
@media(max-width:480px){.wrap{padding-left:22px;padding-right:22px}header.site .wrap{padding-left:22px;padding-right:22px}nav{gap:8px}nav a{font-size:10px}.hero{padding-top:40px}.hero h1{font-size:53px;letter-spacing:-2.3px}.eyebrow{font-size:9px;letter-spacing:1.1px}.hero p.lead{font-size:14px}.hero-actions{gap:20px}.hero-note{font-size:9px}.continuity-visual{height:365px}.visual-label{left:18px;font-size:8px}.thread-core{width:132px;height:132px}.thread-core strong{font-size:21px}.core-symbol{font-size:24px;margin-bottom:7px}.thread-core>span:last-child{margin-top:8px}.orbit-one{width:252px;height:252px}.orbit-two{width:320px;height:320px}.orbit-three{width:178px;height:178px}.session-node{width:116px;padding:10px 12px}.node-one{left:13px;top:66px}.node-two{right:12px;top:136px}.node-three{left:27px;bottom:48px}.session-node strong{font-size:13px}.session-node small{font-size:8px}.node-index{font-size:7px}.continuity-visual figcaption{font-size:8px}.feature-grid{grid-template-columns:1fr}.feature{display:grid;grid-template-columns:40px 1fr;column-gap:17px;padding:24px 0}.feature-icon{grid-row:1/3;margin:0}.feature h3{font-size:16px;margin-bottom:7px}.feature p{font-size:13px;max-width:none}.workflow-grid{gap:25px}.workflow-grid h3{font-size:16px}.workflow-grid p{font-size:12px}.step-number{margin-bottom:12px}.closing-inner{padding:36px 27px}.closing h2{font-size:36px}.closing-symbol{font-size:210px;top:65px;right:-80px}.maker{flex-direction:column;gap:9px}main.page h1{font-size:44px}main.page{padding-top:40px}th,td{padding:11px 6px;font-size:11px}.flow li{padding-left:58px;font-size:14px}.flow li:before{left:16px}html[lang=zh] .hero h1{font-size:49px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}
/* Preserve section spacing when the width container and section share an element. */
.features-section,.connection-section{padding-top:85px;padding-bottom:85px}
@media(max-width:800px){.features-section,.connection-section{padding-top:60px;padding-bottom:60px}}
@media(max-width:480px){.node-two{top:66px}}

/* Presentation motion is finite; the conceptual diagram settles into a still state. */
@keyframes gentle-entrance{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes symbol-settle{from{transform:rotate(-24deg)}to{transform:rotate(0)}}
@media(prefers-reduced-motion:no-preference){
  .landing .hero-copy>*{animation:gentle-entrance .7s cubic-bezier(.22,1,.36,1) both}
  .landing .hero-copy h1{animation-delay:.08s}
  .landing .hero-copy .lead{animation-delay:.16s}
  .landing .hero-actions{animation-delay:.24s}
  .landing .hero-note{animation-delay:.32s}
  .landing .continuity-visual{animation:gentle-entrance .9s cubic-bezier(.22,1,.36,1) .12s both}
  .landing .session-node{animation:gentle-entrance .8s cubic-bezier(.22,1,.36,1) both}
  .landing .node-one{animation-delay:.28s}
  .landing .node-two{animation-delay:.42s}
  .landing .node-three{animation-delay:.56s}
  .landing .core-symbol{animation:symbol-settle 1.2s cubic-bezier(.22,1,.36,1) .2s both}
  .feature-icon,.text-link span,.btn span,.lang{transition:transform .25s ease,background-color .25s ease,border-color .25s ease}
  .text-link:focus-visible span,.btn:focus-visible span{transform:translate(2px,-2px)}
  @media(hover:hover) and (pointer:fine){
    .feature:hover .feature-icon{transform:translateY(-3px) rotate(-5deg);background:#e2e9d3;border-color:#bfccaa}
    .text-link:hover span,.btn:hover span{transform:translate(2px,-2px)}
    .lang:hover{transform:translateY(-2px);background:var(--soft)}
  }
}
@media(prefers-reduced-motion:reduce){
  .landing .hero-copy>*,.landing .continuity-visual,.landing .session-node,.landing .core-symbol{animation:none}
  .feature-icon,.text-link span,.btn span,.lang{transition:none}
}

/* Locally served editorial imagery avoids third-party requests from visitors. */
.long-view{padding-top:0;padding-bottom:85px}
.landscape-panel{position:relative;isolation:isolate;min-height:440px;border-radius:12px;overflow:hidden;background:#233e2e;color:#fffef2;display:flex;align-items:center}
.landscape-image,.landscape-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.landscape-shade{z-index:-1;background:linear-gradient(90deg,rgba(12,30,20,.87),rgba(12,30,20,.55) 52%,rgba(12,30,20,.16))}
.landscape-copy{padding:58px;max-width:640px}
.landscape-copy .eyebrow{color:#d5e2c4}
.landscape-copy h2{font-size:52px;line-height:1.15}
.landscape-copy h2 em{color:#d7e6b1}
.landscape-copy>p:last-child{max-width:330px;font-size:14px;color:#e4ebdd;line-height:1.9;margin:0}
.photo-credit{position:absolute;right:22px;bottom:18px;background:#142b21bf;color:#f1f4e9;border-radius:5px;padding:5px 9px;font-size:9px;text-decoration:none}
@keyframes scroll-reveal{from{opacity:.35;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes landscape-drift{from{transform:scale(1.09) translateY(-8px)}to{transform:scale(1.01) translateY(0)}}
@keyframes orbit-settle{from{transform:translate(-50%,-50%) rotate(-35deg)}to{transform:translate(-50%,-50%) rotate(0)}}
@media(prefers-reduced-motion:no-preference){
  .landing .orbit-two{animation:orbit-settle 2s cubic-bezier(.22,1,.36,1) .2s both}
  .session-node,.connector-app,.connector-brand{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}
  .closing-symbol{transition:transform .8s cubic-bezier(.22,1,.36,1)}
  @media(hover:hover) and (pointer:fine){
    .session-node:hover{transform:translateY(-4px);box-shadow:0 12px 26px #33422c18}
    .connector-app:hover,.connector-brand:hover{transform:translateY(-5px) rotate(-4deg)}
    .closing-inner:hover .closing-symbol{transform:rotate(35deg)}
  }
  @supports(animation-timeline:view()){
    .landing .section-heading,.landing .feature,.landing .workflow-grid li,.landing .connection-copy,.landing .landscape-copy,.landing .closing-inner{
      animation:scroll-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 100%
    }
    .landing .landscape-image{animation:landscape-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  }
}
@media(max-width:800px){.long-view{padding-bottom:60px}.landscape-copy{padding:40px}.landscape-panel{min-height:400px}}
@media(max-width:480px){.landscape-panel{min-height:440px}.landscape-copy{padding:32px 26px 65px}.landscape-copy h2{font-size:36px}.landscape-copy>p:last-child{font-size:13px}.landscape-shade{background:linear-gradient(90deg,#0c1e14de,#0c1e148c)}.photo-credit{left:20px;right:auto;font-size:8px}}
@media(prefers-reduced-motion:reduce){
  .landing .orbit-two,.landing .section-heading,.landing .feature,.landing .workflow-grid li,.landing .connection-copy,.landing .landscape-copy,.landing .closing-inner,.landing .landscape-image{animation:none}
  .session-node,.connector-app,.connector-brand,.closing-symbol{transition:none}
}
@media(prefers-reduced-motion:no-preference){.landing .session-node{animation-fill-mode:backwards}}

/* Smaller editorial imagery complements the opening product story. */
.section-aside{flex:0 0 315px}
.section-aside>p{font-size:13px;line-height:1.9;color:var(--muted);margin:18px 0 0}
.workspace-photo{margin:0;max-width:315px}
.workspace-image-frame{overflow:hidden;border-radius:9px;background:var(--soft);border:1px solid #d5dccd}
.workspace-photo img{display:block;width:100%;height:155px;object-fit:cover;object-position:center 45%}
.workspace-photo figcaption{display:flex;flex-direction:column;gap:4px;margin-top:10px}
.workspace-photo figcaption>span{font:italic 15px/1.4 var(--serif);color:#697951}
.workspace-photo figcaption>a{font-size:8px;color:var(--muted);text-decoration:none}
.workspace-photo figcaption>a:hover{text-decoration:underline}
.product-intro{display:grid;grid-template-columns:1fr 285px;gap:56px;align-items:center;margin-bottom:48px}
.product-intro>div>p{font-size:15px;color:var(--muted);margin:0;line-height:1.9}
.product-intro .workspace-photo img{height:205px}
@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
  .workspace-photo img{transition:transform .7s cubic-bezier(.22,1,.36,1)}
  .workspace-photo:hover img{transform:scale(1.04)}
}
@media(max-width:800px){
  .section-aside{flex:auto;max-width:500px;display:grid;grid-template-columns:185px 1fr;gap:25px;align-items:center}
  .section-aside>p{margin:0}
  .section-aside .workspace-photo img{height:115px}
  .product-intro{grid-template-columns:1fr 220px;gap:28px}
  .product-intro .workspace-photo img{height:185px}
}
@media(max-width:560px){
  .section-aside{grid-template-columns:130px 1fr;gap:18px}
  .section-aside .workspace-photo img{height:105px}
  .section-aside .workspace-photo figcaption>span{font-size:12px}
  .section-aside .workspace-photo figcaption>a{font-size:7px}
  .section-aside>p{font-size:12px}
  .product-intro{grid-template-columns:1fr;gap:25px;margin-bottom:35px}
  .product-intro .workspace-photo{max-width:none}
  .product-intro .workspace-photo img{height:190px}
}
.features-section .section-heading{align-items:center}
@media(max-width:800px){.features-section .section-heading{align-items:flex-start}}
main.page ul{color:var(--muted);max-width:75ch;padding-left:20px}main.page li{margin:8px 0}main.page h3{font-size:18px;margin:26px 0 10px}main.page .legal-alt{margin-top:64px;padding-top:8px;border-top:1px solid var(--line)}main.page .legal-alt p{color:var(--muted);max-width:75ch}