:root{color-scheme:light;--bg: #f4f1ea;--surface: #f8f6f1;--surface-strong: #ffffff;--surface-muted: #ece7de;--ink: #10141f;--text-soft: #5f665f;--line: #d9d3c7;--ember: #ff6b35;--moss: #1b4332;--radius: 10px;--container: 1180px;--shadow: 0 2px 8px rgba(16, 20, 31, .06);font-family:Space Grotesk,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(180deg,#ffffff7a,#ffffff7a),var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}#root,.site-shell{min-height:100vh}.site-shell{display:flex;flex-direction:column}main{flex:1}.container{width:min(var(--container),calc(100% - 2rem));margin:0 auto}.site-header{position:sticky;top:0;z-index:10;background:#f4f1eaeb;border-bottom:1px solid rgba(217,211,199,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-row,.header-actions{display:flex;align-items:center}.header-row{justify-content:space-between;min-height:72px;gap:1rem}.header-actions{gap:1rem}.brand{display:inline-flex;align-items:center;gap:.85rem}.brand strong,.brand span{display:block}.brand strong{font-size:1rem}.brand span{color:var(--text-soft);font-size:.85rem}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex-shrink:0}.brand-mark-image{display:block;width:100%;height:100%}.nav{display:flex;align-items:center;gap:.25rem}.nav-link,.locale-button{border:1px solid transparent;border-radius:8px;padding:.5rem .75rem;color:var(--text-soft);background:transparent;transition:color .14s ease,border-color .14s ease,background-color .14s ease}.nav-link:hover,.nav-link:focus-visible,.locale-button:hover,.locale-button:focus-visible{color:var(--ink);border-color:var(--line);outline:none}.nav-link.active,.locale-button.active{color:var(--ink);border-color:var(--line);background:#ffffffb3}.locale-switcher{display:inline-flex;align-items:center;gap:.25rem}.hero,.page-hero{padding:4.5rem 0 3rem}.hero-grid,.contact-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:2rem;align-items:start}.hero-copy h1,.page-hero-copy h1,.contact-grid h1{margin:0;font-size:clamp(2.4rem,6vw,4.75rem);line-height:.98;max-width:14ch;letter-spacing:-.04em}.eyebrow{margin:0 0 1rem;color:var(--moss);font-size:.95rem}.hero-description,.page-hero-copy p,.contact-grid>div>p{max-width:65ch;margin:1.25rem 0 0;color:var(--text-soft);font-size:1.08rem;line-height:1.7}.hero-actions{display:flex;gap:.75rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--line)}.button-primary{background:var(--ink);color:#fff;border-color:var(--ink)}.button-secondary{background:#ffffffb8}.hero-panel,.contact-form,.stack-item,.card,.timeline-item,.diagram-step{background:#ffffffb8;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-panel{padding:1rem 1.25rem}.stat-row{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.stat-row:last-child{border-bottom:0}.stat-row span{color:var(--text-soft)}.section{padding:2rem 0 3rem}.section-muted{background:#ece7de8c;border-top:1px solid rgba(217,211,199,.7);border-bottom:1px solid rgba(217,211,199,.7)}.section-header{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.section-header h2,.stack-item h2,.use-case-block h2{margin:0;font-size:clamp(1.4rem,3vw,2rem);line-height:1.15}.section-header p,.stack-item p,.card p,.timeline-item p,.comparison-row p,.diagram-step p,.detail-item span,.use-case-block li,.contact-form span,.form-message{color:var(--text-soft);line-height:1.65}.card-grid,.split-grid,.diagram-grid{display:grid;gap:1rem}.four-up{grid-template-columns:repeat(4,minmax(0,1fr))}.split-grid,.diagram-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.timeline-item,.diagram-step,.stack-item{padding:1.25rem}.card h3,.timeline-item h3,.comparison-row h3,.diagram-step h3,.detail-item strong{margin:0 0 .75rem;font-size:1.02rem}.timeline-grid,.stack-list{display:grid;gap:1rem}.timeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-table{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#ffffffb8;box-shadow:var(--shadow)}.comparison-head,.comparison-row{display:grid;grid-template-columns:minmax(180px,.6fr) 1fr 1fr;gap:1rem;padding:1rem 1.25rem}.comparison-head{border-bottom:1px solid var(--line);background:#ece7de66}.comparison-row{border-bottom:1px solid var(--line)}.comparison-row:last-child{border-bottom:0}.diagram-step{display:flex;gap:1rem;align-items:flex-start}.diagram-index{width:.8rem;height:.8rem;margin-top:.4rem;border-radius:999px;background:var(--ember);flex-shrink:0}.architecture-diagram{display:grid;gap:1rem}.diagram-tier{display:grid}.diagram-block,.host-card{background:#ffffffd1;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.diagram-block{padding:1.25rem}.diagram-block h3,.diagram-tier-heading h3,.host-card h4{margin:0}.diagram-chip-row,.agent-list{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.diagram-chip,.agent-pill{display:inline-flex;align-items:center;min-height:36px;padding:.5rem .75rem;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong)}.diagram-chip.strong{border-color:#1b433240;background:#1b433214}.flow-label{position:relative;display:flex;justify-content:center;color:var(--text-soft);font-size:.95rem;text-align:center;padding:.25rem 0}.flow-label:before{content:"";position:absolute;left:50%;top:100%;width:1px;height:18px;background:var(--line);transform:translate(-50%)}.flow-label-down:after{content:"";position:absolute;left:50%;top:calc(100% + 18px);width:9px;height:9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:translate(-50%) rotate(45deg)}.flow-label-up{margin-top:.25rem}.flow-label-up:before{top:auto;bottom:100%}.flow-label-up:after{content:"";position:absolute;left:50%;bottom:calc(100% + 18px);width:9px;height:9px;border-left:1px solid var(--line);border-top:1px solid var(--line);transform:translate(-50%) rotate(45deg)}.diagram-tier-hosts{gap:1rem}.diagram-tier-heading{display:flex;justify-content:center;text-align:center}.host-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.host-card{padding:1rem}.host-card-header p{margin:.4rem 0 0;color:var(--text-soft)}.contact-grid{padding-bottom:3rem}.detail-list{display:grid;gap:.75rem;margin-top:1.75rem}.detail-item{display:flex;flex-direction:column;gap:.25rem;padding:1rem 0;border-top:1px solid var(--line)}.use-case-block{margin-top:2rem}.use-case-block ul{margin:1rem 0 0;padding-left:1.1rem}.use-case-block li+li{margin-top:.65rem}.contact-form{padding:1.25rem;display:grid;gap:1rem}.contact-form label{display:grid;gap:.45rem}.contact-form input,.contact-form textarea{width:100%;padding:.8rem .9rem;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);color:var(--ink)}.contact-form input:focus,.contact-form textarea:focus,.button:focus-visible,.nav-link:focus-visible,.locale-button:focus-visible,.footer-links a:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.submit-button{width:100%}.form-message{margin:0}.form-message.error{color:#8c2b11}.form-message.success{color:var(--moss)}.site-footer{border-top:1px solid rgba(217,211,199,.8);background:#ffffff6b}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr;gap:1.5rem;padding:2rem 0 1.5rem}.footer-block h2,.footer-block h3{margin:0 0 .8rem}.footer-block p,.footer-block a,.footer-note,.footer-language-row span,.footer-links a{color:var(--text-soft);line-height:1.65}.footer-links{list-style:none;margin:0;padding:0}.footer-links li+li{margin-top:.45rem}.footer-language-row{display:grid;gap:.5rem;margin-top:1rem}.footer-note{border-top:1px solid rgba(217,211,199,.8);padding:1rem 0 1.5rem}@media (max-width: 980px){.hero-grid,.contact-grid,.four-up,.split-grid,.diagram-grid,.host-grid,.footer-grid,.timeline-grid{grid-template-columns:1fr}.header-row,.header-actions{flex-direction:column;align-items:flex-start}.header-row{padding:.85rem 0}}@media (max-width: 720px){.comparison-head{display:none}.comparison-row{grid-template-columns:1fr;gap:.5rem}.hero,.page-hero{padding-top:3rem}.hero-actions{flex-direction:column}.button{width:100%}.section-header{display:block}}