:root{--paper:#ffffff;--ink:#202124;--muted:#686b70;--line:#e5e7eb;--accent:#292c32;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Arial,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}::selection{background:#e4e7ec;color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:focus-visible{outline-offset:3px}p,h1,h2,h3{margin:0}[hidden]{display:none!important}.container{width:min(1240px,calc(100% - 112px));margin-inline:auto}.header{position:sticky;top:0;z-index:20;background:rgb(255 255 255 / 94%);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:24px;font-weight:600;letter-spacing:-1.1px;white-space:nowrap}.brand-light{font-weight:400}.header nav{display:flex;align-items:center;gap:31px;font-size:13px}.header nav a{transition:color .2s}.header nav a:hover,.text-link:hover,.footer a:hover{color:var(--accent)}.nav-contact{border-left:1px solid var(--line);padding-left:29px;display:flex;gap:25px}.menu-toggle{display:none}.skip-link{position:fixed;top:-70px;left:20px;z-index:50;background:var(--ink);color:white;padding:12px 20px}.skip-link:focus{top:15px}.eyebrow{font:10px/1.6 var(--mono);letter-spacing:1.4px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:8px;vertical-align:1px}
.header .brand img{width:44px;height:26px;object-fit:contain;flex-shrink:0}
.footer .brand img{width:38px!important;height:22px!important;object-fit:contain;flex-shrink:0}
/* The opening composition pairs editorial typography with the Harness stack. */
.hero{display:grid;grid-template-columns:1.02fr 1fr;column-gap:35px;padding-top:77px;position:relative}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(40px,4.3vw,62px);font-weight:500;line-height:1.28;letter-spacing:-2.5px;margin-top:27px}.hero-final{white-space:nowrap}.accent{color:var(--accent)}.hero-english{font-size:clamp(29px,3vw,43px);letter-spacing:-1.4px;line-height:1.15;margin-top:23px;font-family:Georgia,"Times New Roman",serif;color:#73767d}.hero-english em{color:var(--accent);font-weight:400}.hero-description{margin-top:27px;font-size:14px;line-height:1.95;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:30px}.button{padding:16px 21px;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;font-size:13px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#3b3e45}.button-light{background:var(--paper);color:var(--ink)}.button-light:hover{background:#f0f1f3}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:13px;transition:color .2s}.hero-art{align-self:center;margin-top:10px;min-width:0}.art-top,.art-bottom{font:9px/1.6 var(--mono);letter-spacing:1px;display:flex;justify-content:space-between;color:#73767d}.art-top{padding:0 16px}.art-cross{font-size:20px;line-height:12px}.layer-art{display:block;width:100%;height:auto;margin-top:3px}.art-bottom{padding:0 16px;font-size:8px}.art-bottom i{display:inline-block;background:var(--accent);width:5px;height:5px;margin-right:6px}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:22px 0;margin-top:60px;font:9px/1.7 var(--mono);letter-spacing:1px;color:var(--muted)}.hero-foot a{display:flex;gap:25px;font:11px var(--sans);letter-spacing:0}
/* Shared sections and interactive architecture. */
.section{padding-block:83px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:43px}.section-heading>p{color:var(--muted);font-size:12px}.section-heading .eyebrow{color:var(--muted)}h2{font-size:clamp(28px,2.7vw,38px);line-height:1.5;font-weight:500;letter-spacing:-1px}.serif{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;color:var(--accent)}.harness-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.section-description{font-size:14px;line-height:2;color:var(--muted);margin-top:23px;max-width:390px}.small-link{margin-top:26px;border-bottom:1px solid var(--line);padding-bottom:8px}.architecture{font-size:13px}.architecture-edge{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);padding:17px 19px;gap:12px}.architecture-edge>span+span{color:var(--muted);font-size:10px}.connector{text-align:center;color:#979ba3;font-size:17px;line-height:28px}.architecture-core{border:1px solid #cfd3da;background:#fafafa;padding:20px 22px}.core-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:10px;color:#292c32}.core-heading>span:first-child{font-size:21px;letter-spacing:-.8px}.core-heading .eyebrow{font-size:8px}.harness-tabs{display:flex;border-bottom:1px solid #dcdfe4;gap:20px}.harness-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#686b70;padding:0 0 12px;font-size:12px;margin-bottom:-1px;white-space:nowrap}.harness-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:#202124}.tab-panel{padding-top:16px;min-height:106px}.tab-panel p{font-size:12px;line-height:1.9;color:#62666e;min-height:47px}.panel-label{display:block;font:8px var(--mono);letter-spacing:1.2px;margin-top:13px;color:#656a73}.research-section{border-top:1px solid var(--line);padding-top:62px}.research-section .section-heading{margin-bottom:25px}.research-list{margin-top:37px}.research-item{border-top:1px solid var(--line);padding:30px 0;display:grid;grid-template-columns:52px 1fr 1.1fr 48px;gap:28px;align-items:center}.research-number{font:11px var(--mono);color:#979ba3;align-self:start;margin-top:5px}.research-en{font:9px var(--mono);letter-spacing:1.1px;color:#787d86}.research-item h3{font-size:19px;font-weight:400;line-height:1.5;margin-top:8px}.research-item p{font-size:13px;color:var(--muted);line-height:1.95;max-width:390px}.research-symbol{font-size:34px;font-family:Georgia,serif;color:#959ba5;text-align:right}
/* The case study is a capability diagram, not a simulated product screenshot. */
.work-section{background:#ffffff;color:#202124}.work-section .section{padding-block:65px 77px}.work-section .section-heading{margin-bottom:45px}.work-section .section-heading .eyebrow{color:#686b70}.work-tag{font:9px var(--mono);letter-spacing:1px;color:#686b70}.work-tag .status-dot{background:#858b94;width:5px;height:5px}.work-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.case-label{font:9px var(--mono);letter-spacing:1.5px;color:#686b70}.work-copy h2{font-size:70px;font-weight:400;letter-spacing:-4px;line-height:1.3;margin:10px 0 9px}.work-subtitle{font-size:21px;line-height:1.5}.work-description{font-size:13px;line-height:2;color:#686b70;margin-top:20px;max-width:375px}.work-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.work-tags>span{font-size:10px;padding:6px 9px;border:1px solid #e0e3e8;color:#686b70}.work-actions{display:flex;gap:27px;align-items:center;margin-top:30px}.case-diagram{border:1px solid #dce0e6;background:#ffffff;box-shadow:0 24px 70px #20212408;transform:rotate(-1deg)}.diagram-title{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid #e5e7eb;font-size:11px}.yan-mark{font-size:17px}.yan-mark>span{color:#686b70;font-size:12px}.diagram-muted{color:#747984;font-size:10px;margin-left:6px}.diagram-dots{margin-left:auto;font-size:22px;color:#8e949e;line-height:10px}.diagram-content{padding:25px 27px 20px}.diagram-caption{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:#747984}.diagram-caption>span{font-family:var(--sans);font-size:9px;letter-spacing:0}.task-input{font-size:11px;background:#fafafa;border:1px solid #e0e3e8;padding:17px 12px;margin-top:21px;line-height:1.6}.input-symbol{margin-right:7px;color:#686b70}.task-line{height:22px;width:1px;background:#cbd0d8;margin:auto}.agent-core{display:flex;align-items:center;border:1px solid #c9ced7;background:#f5f6f8;padding:17px;gap:15px}.core-icon{font-size:28px;color:#686b70}.agent-core>div{font-size:16px;letter-spacing:-.2px}.agent-core>div>span{display:block;margin-top:6px;font-size:10px;color:#686b70}.core-indicator{height:6px;width:6px;border-radius:50%;background:#747b86;margin-left:auto}.branch-lines{height:25px;display:flex;justify-content:space-around;position:relative}.branch-lines::before{content:"";position:absolute;top:12px;left:16.66%;right:16.66%;height:1px;background:#cbd0d8}.branch-lines i{width:1px;background:#cbd0d8;height:13px;margin-top:12px}.branch-lines i:nth-child(2){height:25px;margin-top:0}.agent-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.agent-tools>div{border:1px solid #e0e3e8;text-align:center;padding:13px 3px 12px;font-size:11px}.agent-tools>div>span{display:block;font-size:21px;color:#5d6370;margin-bottom:6px}.agent-tools small{display:block;margin-top:7px;font:8px var(--mono);color:#747984}.diagram-result{display:flex;align-items:center;gap:9px;border-top:1px dashed #d9dde4;margin-top:23px;padding-top:16px;font-size:10px;color:#686b70}.result-label{margin-left:auto;color:#747984;font-size:9px}.diagram-footer{display:flex;justify-content:space-between;padding:12px 18px;border-top:1px solid #e5e7eb;font:7px var(--mono);letter-spacing:.8px;color:#747984}.diagram-footer i{display:inline-block;width:4px;height:4px;background:#747b86;border-radius:50%;margin-right:5px}
.about-section{display:grid;grid-template-columns:1fr 2fr;gap:65px;padding-block:95px}.about-section>.eyebrow{color:var(--muted);margin-top:12px}.about-copy h2{font-size:34px;line-height:1.5}.about-copy>p{font-size:14px;line-height:2;color:var(--muted);margin-top:23px;max-width:570px}.about-copy>p+p{margin-top:12px}.about-principles{display:flex;align-items:center;gap:22px;margin-top:28px;font:13px Georgia,serif}.about-principles i{font-style:normal;color:var(--accent)}.contact-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:60px;display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-section .eyebrow{color:var(--accent);font-size:9px}.contact-section h2{font-size:38px;line-height:1.5;margin-top:18px}.contact-section p{font-size:12px;color:var(--muted);margin-top:17px}.contact-actions{min-width:330px;padding-top:40px}.contact-link{font-size:21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a4aab5;padding-bottom:20px;gap:30px}.contact-link>span{color:var(--accent);font-size:31px;transition:transform .2s}.contact-link:hover>span{transform:translate(3px,-3px)}.email-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;font:11px var(--mono);color:var(--muted)}.copy-email{border:0;background:transparent;color:var(--muted);font:10px var(--sans);padding:8px 0 8px 8px}.copy-email:hover{color:var(--accent)}.copy-status{display:block;min-height:17px;font-size:10px;color:var(--accent);margin-top:6px}.footer{display:flex;align-items:center;gap:35px;padding-block:31px;color:var(--muted);font-size:10px}.footer .brand{font-size:20px;color:var(--ink);margin-right:auto}.footer .brand img{width:26px;height:26px}.footer>a:not(.brand){display:flex;gap:12px}.back-top{margin-left:15px}.middle-layer{animation:breathe 6s ease-in-out infinite}.flow-line{animation:flow 3s linear infinite}@keyframes breathe{50%{transform:translateY(-5px)}}@keyframes flow{to{stroke-dashoffset:-40}}
@media(min-width:1500px){.hero{padding-top:95px}.hero h1{font-size:66px}.hero-foot{margin-top:76px}}
@media(max-width:1100px){.container{width:calc(100% - 72px)}.header nav{gap:20px}.hero{column-gap:15px;padding-top:58px}.hero h1{font-size:47px}.hero-english{font-size:34px}.hero-description{font-size:13px}.desktop-break{display:none}.harness-grid{gap:48px}.harness-tabs{gap:15px}.work-grid{gap:40px}.work-copy h2{font-size:62px}.diagram-content{padding-inline:20px}.about-section{gap:40px}.research-item{grid-template-columns:35px 1fr 1.1fr 30px;gap:20px}}
@media(max-width:800px){.container{width:calc(100% - 44px)}.nav-inner{height:72px}.brand{font-size:22px}.header nav{gap:16px;font-size:11px}.nav-contact{padding-left:16px;gap:10px}.hero{padding-top:47px;column-gap:5px}.hero h1{font-size:38px;letter-spacing:-1.5px}.hero-english{font-size:29px}.hero .eyebrow{font-size:8px;letter-spacing:.7px}.hero-description{font-size:12px}.hero-actions{gap:20px}.button{padding:14px 17px;gap:22px;font-size:12px}.text-link{font-size:12px;gap:12px}.art-top,.art-bottom{font-size:6px;letter-spacing:.5px;padding-inline:5px}.hero-foot{margin-top:42px;font-size:8px}.section{padding-block:60px}.harness-grid{gap:35px}.harness-tabs{gap:10px}.harness-tabs button{font-size:10px}.architecture-core{padding:17px}.architecture-edge{padding:14px;font-size:11px}.architecture-edge>span+span{font-size:8px}.core-heading>span:first-child{font-size:18px}.section-description{font-size:13px}.section-heading>p{font-size:10px}.research-item{grid-template-columns:24px 1fr 1.1fr 24px;gap:15px}.research-en{font-size:8px;letter-spacing:.4px}.research-item h3{font-size:17px}.research-item p{font-size:12px}.work-grid{grid-template-columns:1fr 1.1fr;gap:30px}.work-copy h2{font-size:54px}.work-subtitle{font-size:18px}.work-description{font-size:12px}.diagram-content{padding:19px 14px}.diagram-title{padding:13px}.diagram-caption{font-size:7px;letter-spacing:.3px}.diagram-caption>span{font-size:8px}.task-input{font-size:10px;padding:13px 9px}.agent-core{padding:13px}.agent-core>div>span{font-size:9px}.agent-tools{gap:6px}.agent-tools>div{font-size:10px}.diagram-result{gap:6px;font-size:8px}.result-label{font-size:8px}.diagram-footer{font-size:6px;padding-inline:12px}.about-section{grid-template-columns:1fr 2fr;gap:25px}.about-copy h2{font-size:28px}.about-copy>p{font-size:13px}.contact-section h2{font-size:31px}.contact-actions{min-width:300px}.contact-link{font-size:19px}.footer{gap:22px}.back-top{margin-left:0}}
@media(max-width:640px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.nav-inner{height:70px}.menu-toggle{display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;width:40px;height:40px;border:1px solid var(--line);background:none}.menu-toggle span{width:16px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header nav{display:none;position:absolute;top:70px;left:0;right:0;padding:15px 20px 24px;background:var(--paper);border-bottom:1px solid var(--line);align-items:stretch;gap:0}.header nav.is-open{display:flex;flex-direction:column}.header nav a{font-size:14px;padding:15px 4px}.nav-contact{border-left:0;border-top:1px solid var(--line);justify-content:space-between;margin-top:6px}.hero{grid-template-columns:1fr;padding-top:45px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero h1{font-size:clamp(39px,10.8vw,61px);line-height:1.3;margin-top:23px;letter-spacing:-1.5px}.hero-english{font-size:33px;line-height:1.2;margin-top:20px}.hero-description{font-size:13px;line-height:1.9;margin-top:23px;max-width:390px}.hero-actions{margin-top:25px;gap:25px}.hero-art{margin-top:47px;max-width:440px;width:100%;justify-self:center}.art-top{font-size:8px}.art-bottom{font-size:7px}.layer-art{margin-top:-5px}.hero-foot{margin-top:28px;padding-block:18px;font-size:7px;letter-spacing:.4px;gap:20px}.hero-foot a{font-size:10px;gap:12px;white-space:nowrap}.section{padding-block:50px}.section-heading{margin-bottom:30px;align-items:start}.section-heading>p{font-size:10px;max-width:130px;text-align:right;line-height:1.8}.eyebrow{font-size:9px;letter-spacing:1px}h2{font-size:29px;letter-spacing:-.8px}.harness-grid{grid-template-columns:1fr;gap:33px}.section-description{margin-top:17px;max-width:100%;font-size:13px}.small-link{margin-top:22px}.architecture-edge{font-size:12px;padding:15px}.architecture-edge>span+span{font-size:9px}.architecture-core{padding:20px}.core-heading>span:first-child{font-size:22px}.harness-tabs{gap:23px}.harness-tabs button{font-size:11px}.tab-panel{min-height:98px}.research-section{padding-top:43px}.research-section .section-heading{margin-bottom:20px}.research-list{margin-top:25px}.research-item{grid-template-columns:22px 1fr 24px;column-gap:14px;row-gap:13px;padding-block:25px}.research-item>div{grid-column:2}.research-number{grid-row:1}.research-item p{grid-column:2;grid-row:2;font-size:12px;line-height:1.9;max-width:none}.research-symbol{grid-column:3;grid-row:1;font-size:27px;align-self:center}.research-en{font-size:8px;letter-spacing:.8px}.research-item h3{font-size:19px}.work-section .section{padding-block:44px 53px}.work-section .section-heading{margin-bottom:32px}.work-tag{font-size:7px;letter-spacing:.5px}.work-grid{grid-template-columns:1fr;gap:40px}.work-copy h2{font-size:65px}.work-subtitle{font-size:21px}.work-description{font-size:13px;max-width:none}.work-tags>span{font-size:10px}.work-actions{margin-top:25px}.case-diagram{transform:none}.diagram-title{padding:15px}.diagram-content{padding:22px 18px}.diagram-caption{font-size:8px}.diagram-caption>span{font-size:9px}.task-input{font-size:11px}.agent-core{padding:16px}.agent-core>div>span{font-size:10px}.agent-tools>div{font-size:11px}.diagram-result{font-size:10px}.result-label{font-size:9px}.diagram-footer{font-size:7px}.about-section{grid-template-columns:1fr;gap:25px;padding-block:53px}.about-copy h2{font-size:28px}.about-copy>p{font-size:13px;margin-top:20px}.about-principles{gap:15px;font-size:12px;margin-top:23px}.contact-section{display:block;padding-block:41px 25px}.contact-section h2{font-size:33px;margin-top:18px}.contact-section p{font-size:12px}.contact-actions{min-width:0;padding-top:30px}.contact-link{font-size:20px;padding-bottom:14px}.email-row{font-size:11px;margin-top:10px}.footer{flex-wrap:wrap;gap:22px 15px;padding-block:24px}.footer .brand{flex:1}.footer>span{width:45%;text-align:right;font-size:9px}.footer>a:not(.brand){font-size:10px}.footer .back-top{margin-left:auto}}
/* Product: a single API entry point and task-specific routing examples. */
.product-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}
.product-name{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:600;letter-spacing:-.5px;margin-bottom:25px}
.product-name>span:last-child{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted);border-left:1px solid var(--line);padding-left:12px}
.product-mark{display:grid;place-items:center;width:33px;height:33px;border:1px solid #25282e;border-radius:7px;font:20px Georgia,serif}
.product-copy h2{font-size:clamp(28px,3vw,42px);line-height:1.45;letter-spacing:-1.3px}
.product-lead{margin-top:20px;font-size:15px;line-height:1.9;color:#3f444c;max-width:380px}
.product-copy .section-description{margin-top:15px;max-width:430px;font-size:13px}
.product-actions{display:flex;align-items:center;gap:25px;margin-top:28px}
.product-boundary{margin-top:22px;font-size:11px;color:#777d86;line-height:1.9}
.routing-demo{min-width:0;border:1px solid #e0e3e9;padding:25px;background:#fff;box-shadow:0 16px 50px #20212405}
.routing-header{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#7b818b}
.routing-header>span:last-child{font-size:10px}
.terminal-row{display:flex;justify-content:space-around;gap:10px;margin-top:26px;padding:17px 8px;border:1px solid var(--line);background:#fafafa;font-size:12px}
.routing-connector{text-align:center;color:#929aa7;font-size:19px;line-height:35px}
.routing-core{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 16px;border:1px solid #9ea6b3;background:#f8f9fb;font-size:21px;letter-spacing:-.6px}
.routing-core small{font:8px var(--mono);letter-spacing:1px;display:block;margin-top:7px;color:#747b86}
.routing-core>code{font:11px var(--mono);color:#535d6c;background:white;border:1px solid #e0e3e9;padding:7px 9px;white-space:nowrap}
.routing-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;border-bottom:1px solid var(--line)}
.routing-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:11px 2px;color:#787e88;font-size:11px;margin-bottom:-1px;white-space:nowrap}
.routing-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}
.routing-panel{padding-top:20px;min-height:184px}
.route-stage{display:flex;justify-content:space-between;font:10px var(--sans);color:#797f89}
.route-stage>span:last-child{font-family:var(--mono)}
.routing-panel h3{font-size:19px;font-weight:500;letter-spacing:-.5px;margin-top:15px}
.routing-panel h3>span{font-size:13px;color:#717884;letter-spacing:0;margin-left:5px;font-weight:400}
.routing-panel p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:11px;min-height:46px}
.route-skill{display:flex;align-items:center;gap:12px;margin-top:16px;font:10px var(--mono);color:#626a78}
.route-skill>span{font-size:8px;letter-spacing:1px}
.route-skill>code{overflow-wrap:anywhere}
.routing-providers{display:flex;gap:10px;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:20px;font-size:10px;color:#7b818b}
.product-features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px;padding-top:29px;border-top:1px solid var(--line)}
.product-features .eyebrow{font-size:9px;color:#818792}
.product-features h3{font-size:17px;font-weight:500;margin-top:15px}
.product-features p{font-size:12px;line-height:1.95;color:var(--muted);margin-top:12px;max-width:330px}
.integration{display:grid;grid-template-columns:1fr 1fr;gap:76px;margin-top:40px;padding-top:35px;border-top:1px solid var(--line);align-items:start;scroll-margin-top:20px}
.integration-copy>.eyebrow{font-size:8px;color:#818792}
.integration-copy h3{font-size:20px;font-weight:500;margin-top:13px;line-height:1.7}
.integration-copy p{font-size:12px;line-height:1.95;color:var(--muted);margin-top:12px;max-width:430px}
.integration-copy .team-note{font-size:11px;color:#777e88;margin-top:14px}
.config-example{border:1px solid var(--line);min-width:0}
.config-example summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px;list-style:none;cursor:pointer;font-size:13px}
.config-example summary::-webkit-details-marker{display:none}
.config-example small{display:block;font:9px var(--mono);color:#868c97;margin-top:8px}
.details-icon{font-size:22px;font-weight:300;transition:transform .2s}
.config-example[open] .details-icon{transform:rotate(45deg)}
.config-content{padding:0 22px 18px}
.config-content p{font-size:11px;line-height:1.9;color:var(--muted)}
.config-content pre{margin:15px 0;padding:14px;background:#f7f8fa;overflow-x:auto;border:1px solid #e8ebef;font:10px/1.9 var(--mono);tab-size:2}
.config-label{font-size:10px;color:#777e88}
/* Cross-scenario portability: one core, five domain adapters. */
.scenario-section{border-bottom:1px solid var(--line)}
.scenario-intro{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:start}
.scenario-intro h2{font-size:clamp(29px,3.1vw,43px);line-height:1.48;letter-spacing:-1.4px}
.scenario-intro p{max-width:480px;font-size:14px;line-height:2;color:var(--muted)}
.scenario-intro .scenario-manifesto{margin-top:20px;font:italic 19px Georgia,serif;color:var(--ink)}
.migration-map{display:grid;grid-template-columns:minmax(245px,.75fr) 64px minmax(0,1.7fr);align-items:stretch;margin-top:54px}
.migration-core{border:1px solid #a9b0bb;background:#f8f9fb;display:flex;flex-direction:column;min-height:365px}
.migration-core-head{padding:27px;border-bottom:1px solid #dfe3e9}
.migration-core-head strong{display:block;font-size:24px;font-weight:500;letter-spacing:-.7px;margin-top:18px}
.migration-core-head>span:last-child{display:block;font-size:11px;color:var(--muted);margin-top:9px}
.core-capabilities{display:flex;flex-direction:column;padding:12px 27px 20px;flex:1}
.core-capabilities span{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #e0e3e8;font-size:12px}
.core-capabilities span::after{content:"↗";font-family:var(--mono);color:#7b828d}
.migration-axis{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#8a9099;font:8px var(--mono);letter-spacing:.8px;text-align:center}
.migration-axis i{width:1px;height:48px;background:#d8dce2}
.migration-axis b{font:22px var(--sans);color:#747c88}
.scenario-explorer{border:1px solid #dfe3e8;min-width:0;background:#fff}
.scenario-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line)}
.scenario-tabs button{display:flex;flex-direction:column;gap:8px;align-items:flex-start;background:none;border:0;border-right:1px solid var(--line);border-bottom:2px solid transparent;padding:17px 14px 15px;color:#737a84;font-size:12px;margin-bottom:-1px;white-space:nowrap}
.scenario-tabs button:last-child{border-right:0}
.scenario-tabs button span{font:8px var(--mono);color:#9aa0a9}
.scenario-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink);background:#fafbfc}
.scenario-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;padding:34px;min-height:285px}
.scenario-copy .eyebrow{color:#848b95}
.scenario-copy h3{font-size:23px;font-weight:500;line-height:1.55;letter-spacing:-.6px;margin-top:18px}
.scenario-copy p{font-size:12px;line-height:2;color:var(--muted);margin-top:15px;max-width:390px}
.scenario-panel dl{margin:0;align-self:center;border-top:1px solid var(--line)}
.scenario-panel dl div{padding:17px 0;border-bottom:1px solid var(--line)}
.scenario-panel dt{font:8px var(--mono);letter-spacing:1px;color:#888f99}
.scenario-panel dd{margin:9px 0 0;font-size:11px;line-height:1.7;color:#464c55}
.scenario-footer{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:34px;padding:20px;border-block:1px solid var(--line);font:11px var(--mono);letter-spacing:1.2px;color:#777e88}
.scenario-footer i,.scenario-footer b{font:17px Georgia,serif;color:#a0a6af}
.scenario-footer strong{font-weight:500;color:var(--ink)}
.work-section{border-block:1px solid var(--line)}
.client-pairing{margin-top:18px;font-size:14px;line-height:1.8;color:var(--ink)}
.client-pairing strong{font-weight:600;letter-spacing:.5px}
.work-section .button-light{border:1px solid #cdd2da}
.case-diagram{transform:none}
@media(max-width:1100px){.product-grid,.integration,.scenario-intro{gap:40px}.product-actions{gap:18px}.product-features{gap:25px}.routing-demo{padding:20px}.migration-map{grid-template-columns:minmax(220px,.7fr) 45px minmax(0,1.5fr)}.scenario-panel{padding:28px;gap:24px}}
@media(max-width:800px){.product-grid,.integration,.scenario-intro{gap:25px}.product-copy h2{font-size:29px}.product-lead{font-size:13px}.product-copy .section-description{font-size:12px}.product-name{font-size:19px}.product-name>span:last-child{font-size:10px}.product-actions{align-items:start;flex-direction:column;gap:18px}.routing-demo{padding:16px}.routing-header .eyebrow{font-size:8px;letter-spacing:.5px}.routing-header>span:last-child{font-size:8px}.routing-core{padding:16px 10px;font-size:19px}.routing-core>code{font-size:9px;padding:6px}.routing-panel{min-height:200px}.routing-panel h3{font-size:17px}.routing-panel h3>span{font-size:11px}.routing-providers{font-size:8px;gap:5px}.product-features{gap:22px}.product-features h3{font-size:15px}.config-example summary{padding:19px}.migration-map{grid-template-columns:1fr;gap:18px}.migration-core{min-height:0}.core-capabilities{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.migration-axis{flex-direction:row}.migration-axis i{width:45px;height:1px}.scenario-panel{min-height:300px}.scenario-footer{gap:14px;font-size:9px}}
@media(max-width:640px){.product-grid,.integration,.scenario-intro{grid-template-columns:1fr;gap:32px}.product-copy h2{font-size:32px}.product-name{margin-bottom:22px;font-size:21px}.product-name>span:last-child{font-size:12px}.product-lead{font-size:14px}.product-copy .section-description{font-size:13px}.product-actions{flex-direction:row;align-items:center;gap:20px;flex-wrap:wrap}.product-boundary{font-size:10px}.routing-demo{padding:20px}.routing-header .eyebrow{font-size:8px;letter-spacing:1px}.routing-header>span:last-child{font-size:9px}.routing-core{font-size:22px;padding:17px 12px}.routing-core>code{font-size:10px}.routing-panel{min-height:193px}.routing-panel h3{font-size:19px}.routing-panel h3>span{font-size:12px}.routing-providers{font-size:9px}.product-features{grid-template-columns:1fr;gap:25px;margin-top:33px}.product-features article+article{border-top:1px solid var(--line);padding-top:25px}.product-features h3{font-size:18px;margin-top:10px}.product-features p{font-size:13px;max-width:none;margin-top:10px}.integration{margin-top:30px;padding-top:28px}.config-content{padding-inline:17px}.product-section .section-heading>p{max-width:135px}.product-section .section-heading .eyebrow{white-space:nowrap}.scenario-intro h2{font-size:31px}.scenario-intro p{font-size:13px}.scenario-intro .scenario-manifesto{font-size:17px}.migration-map{margin-top:36px}.migration-core-head{padding:23px}.migration-core-head strong{font-size:22px}.core-capabilities{padding-inline:23px;grid-template-columns:1fr}.core-capabilities span{font-size:11px}.scenario-tabs{grid-template-columns:repeat(5,minmax(62px,1fr));overflow-x:auto}.scenario-tabs button{padding:14px 10px 12px;font-size:11px}.scenario-panel{grid-template-columns:1fr;gap:24px;padding:25px 21px;min-height:385px}.scenario-copy h3{font-size:21px}.scenario-copy p{font-size:12px}.scenario-footer{flex-wrap:wrap;gap:10px 14px;line-height:1.6}.scenario-footer strong{width:100%;text-align:center}}
/* Stronger emphasis for the core architecture statement and domain selector. */
.about-copy .team-background{margin-top:24px;padding-left:18px;border-left:2px solid var(--ink);color:var(--ink);font-size:15px;line-height:1.9}
.art-bottom{padding:11px 16px 0;border-top:1px solid #d9dde3;font-size:11px;font-weight:600;letter-spacing:1.35px;color:#424851}
.art-bottom i{width:7px;height:7px;margin-right:9px}
.scenario-tabs button{gap:10px;background:#fff;border-bottom-width:3px;padding:21px 18px 19px;color:#505761;font-size:15px;font-weight:500;transition:color .2s,background .2s}
.scenario-tabs button span{font-size:9px;font-weight:500;color:#8d949e}
.scenario-tabs button:hover{color:var(--ink);background:#fafbfc}
.scenario-tabs button[aria-selected=true]{background:#f6f7f9}
@media(max-width:800px){.art-bottom{font-size:9px;padding-top:9px}.scenario-tabs button{font-size:14px}}
@media(max-width:640px){.art-bottom{font-size:8px;letter-spacing:.8px}.scenario-tabs{grid-template-columns:repeat(5,minmax(70px,1fr))}.scenario-tabs button{padding:16px 12px 14px;font-size:13px}.about-copy .team-background{font-size:14px;padding-left:14px}}
@media(max-width:360px){.hero h1{font-size:33px}.product-name{align-items:flex-start;flex-wrap:wrap}.product-name>span:last-child{width:100%;border-left:0;border-top:1px solid var(--line);padding:9px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}