:root{--mate-bg: #050810;--mate-surface: #0c1120;--mate-surface2: #111827;--mate-border: #1e2d45;--mate-accent: #00d4ff;--mate-accent2: #7b61ff;--mate-accent3: #00ff9d;--mate-text: #e8edf5;--mate-text-muted: #6b7fa3;--mate-text-dim: #3a4a6b;--mate-red: #ff4d6d;--mate-orange: #ff9500}html{overflow-x:hidden!important;max-width:100vw!important;width:100%}body.mate-theme{background-color:var(--mate-bg);color:var(--mate-text);font-family:DM Sans,Inter,sans-serif;overflow-x:hidden!important;max-width:100vw!important;width:100%;position:relative}body.mate-theme main{overflow-x:hidden!important;width:100%!important;position:relative}body.mate-theme .navbar{background:#050810d9!important;border-bottom:1px solid var(--mate-border)}body.mate-theme .navbar .logo-text-img{filter:brightness(2)}body.mate-theme .nav-link{color:var(--mate-text-muted)}body.mate-theme .nav-link:hover,body.mate-theme .nav-link.active{color:var(--mate-accent)}body.mate-theme .nav-link.active:after{background:var(--mate-accent)}body.mate-theme .lang-switch-btn{border-color:var(--mate-border);color:var(--mate-text)}body.mate-theme .lang-switch-btn:hover{background:#00d4ff14;border-color:var(--mate-accent)}body.mate-theme .lang-label.active{color:var(--mate-accent)}body.mate-theme .section-title{color:#fff}body.mate-theme .section-subtitle{color:var(--mate-text-muted)}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(0,212,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.02) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.mate-hero{position:relative;padding:9rem 0 6rem;overflow:hidden;display:flex;align-items:center;min-height:85vh}.hero-glow{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(0,212,255,.06) 0%,transparent 70%);pointer-events:none;z-index:0}.mate-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-eyebrow{font-family:DM Mono,monospace;font-size:11px;letter-spacing:3px;color:var(--mate-accent);text-transform:uppercase;margin-bottom:1.5rem;display:inline-block;background:#00d4ff14;padding:4px 12px;border-radius:20px;border:1px solid rgba(0,212,255,.2);white-space:normal;max-width:100%;box-sizing:border-box}.hero-title{font-family:Syne,Inter,sans-serif;font-weight:800;font-size:clamp(3rem,5vw,5rem);line-height:1.1;letter-spacing:-2px;margin-bottom:1.5rem;color:#fff}.hero-title span{background:linear-gradient(135deg,var(--mate-accent) 0%,var(--mate-accent2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-tagline{font-size:1.2rem;font-weight:300;color:var(--mate-text-muted);line-height:1.7;margin-bottom:2.5rem}.hero-tagline strong{color:#fff;font-weight:500}.mate-hero .hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.mate-hero .btn-primary{background:linear-gradient(135deg,var(--mate-accent),var(--mate-accent2));color:var(--mate-bg);border:none;box-shadow:0 4px 20px #00d4ff4d}.mate-hero .btn-primary:hover{box-shadow:0 8px 30px #00d4ff80;transform:translateY(-2px)}.mate-hero .btn-secondary{border-color:var(--mate-border);color:#fff}.mate-hero .btn-secondary:hover{background:#ffffff0d;border-color:var(--mate-text-muted)}.agent-tree-widget{background:var(--mate-surface);border:1px solid var(--mate-border);border-radius:20px;padding:2rem;font-family:DM Mono,monospace;font-size:13px;box-shadow:0 20px 50px #0006;position:relative;overflow:hidden}.agent-tree-widget:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--mate-accent),var(--mate-accent2),var(--mate-accent3))}.tree-title-bar{font-size:10px;letter-spacing:2px;color:var(--mate-text-dim);text-transform:uppercase;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.tree-node-wrap{display:flex;flex-direction:column;gap:2px}.tree-node{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;transition:background .3s;border:1px solid transparent}.tree-node:hover{background:#00d4ff0a;border-color:#00d4ff1a}.tree-node.root{background:#00d4ff14;border:1px solid rgba(0,212,255,.25)}.tree-node.child{margin-left:24px}.tree-node.grandchild{margin-left:48px}.node-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.node-dot.cyan{background:var(--mate-accent);box-shadow:0 0 8px var(--mate-accent)}.node-dot.purple{background:var(--mate-accent2);box-shadow:0 0 8px var(--mate-accent2)}.node-dot.green{background:var(--mate-accent3);box-shadow:0 0 8px var(--mate-accent3)}.node-dot.orange{background:var(--mate-orange);box-shadow:0 0 8px var(--mate-orange)}.node-name{color:#fff;font-weight:500}.node-type{margin-left:auto;font-size:10px;color:var(--mate-text-muted);background:var(--mate-surface2);padding:2px 8px;border-radius:4px;border:1px solid var(--mate-border)}.tree-connector{color:var(--mate-text-dim);margin-left:24px;font-size:12px;line-height:1}.widget-script-box{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--mate-border)}.ws-label{font-size:10px;color:var(--mate-text-dim);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.ws-code{font-size:11px;color:var(--mate-accent3);background:var(--mate-surface2);padding:8px 12px;border-radius:6px;border:1px solid var(--mate-border);overflow-x:auto;white-space:nowrap}.mate-features-section{background:var(--mate-surface2);position:relative;padding:6rem 0}.mate-features-section .section-title{color:#fff}.mate-features-section .section-subtitle{color:var(--mate-text-muted)}.mate-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.mate-feat-card{background:var(--mate-surface);border:1px solid var(--mate-border);border-radius:16px;padding:2rem 1.75rem;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.mate-feat-card:hover{border-color:#00d4ff59;transform:translateY(-5px);box-shadow:0 12px 30px #0000004d}.mate-feat-card .feat-icon{font-size:2rem;margin-bottom:1.25rem;display:inline-flex;width:50px;height:50px;align-items:center;justify-content:center;border-radius:12px;background:#00d4ff14;border:1px solid rgba(0,212,255,.15)}.mate-feat-card h3{font-family:Syne,Inter,sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:.75rem;color:#fff}.mate-feat-card p{font-size:.95rem;color:var(--mate-text-muted);line-height:1.6}.mate-comparison-section{padding:6rem 0;background:var(--mate-bg);position:relative}.mate-comparison-section .section-title{color:#fff}.mate-comparison-section .section-subtitle{color:var(--mate-text-muted)}.table-responsive{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--mate-border);border-radius:16px;background:var(--mate-surface);box-shadow:0 15px 40px #0000004d;margin-top:3rem}.comparison-table{width:100%;border-collapse:collapse;text-align:left;min-width:700px}.comparison-table th{font-family:DM Mono,monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--mate-text-muted);padding:18px 24px;border-bottom:1px solid var(--mate-border);background:#0508104d}.comparison-table th.highlight{color:var(--mate-accent);background:#00d4ff0a;font-weight:700}.comparison-table td{padding:18px 24px;font-size:14px;border-bottom:1px solid rgba(30,45,69,.4);color:var(--mate-text);vertical-align:middle}.comparison-table tr:last-child td{border-bottom:none}.comparison-table td:first-child{font-weight:500;color:#fff}.comparison-table td.highlight{background:#00d4ff05;font-weight:500}.check{color:var(--mate-accent3);font-size:16px;font-weight:700}.cross{color:var(--mate-red);font-size:16px;font-weight:700}.partial{color:var(--mate-orange);font-size:14px;font-weight:700}.mate-install-section{background:var(--mate-surface2);padding:6rem 0;position:relative}.mate-install-section .section-title{color:#fff}.mate-install-section .section-subtitle{color:var(--mate-text-muted)}.install-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;margin-top:3rem}.install-card{background:var(--mate-surface);border:1px solid var(--mate-border);border-radius:16px;padding:2rem;position:relative}.install-step-num{font-family:DM Mono,monospace;font-size:11px;color:var(--mate-accent);letter-spacing:2px;font-weight:600;margin-bottom:1rem;display:block}.install-card h3{font-family:Syne,Inter,sans-serif;font-size:1.15rem;color:#fff;font-weight:700;margin-bottom:.75rem}.install-card p{font-size:.9rem;color:var(--mate-text-muted);line-height:1.5}.cli-snippet-box{margin-top:2.5rem;background:#050810;border:1px solid var(--mate-border);border-radius:12px;padding:1.5rem 2rem;font-family:DM Mono,monospace;font-size:13px;color:var(--mate-text-muted);line-height:1.8;box-shadow:0 10px 30px #0000004d;overflow-x:auto}.cli-comment{color:var(--mate-text-dim)}.cli-kw{color:var(--mate-accent2);font-weight:700}.cli-str{color:var(--mate-accent3)}.mate-arch-section{padding:6rem 0;background:var(--mate-bg);position:relative}.mate-arch-section .section-title{color:#fff}.mate-arch-section .section-subtitle{color:var(--mate-text-muted)}.arch-grid-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:3.5rem;align-items:start;margin-top:3rem}.arch-stack-visual{background:var(--mate-surface);border:1px solid var(--mate-border);border-radius:20px;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d}.arch-stack-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(0,212,255,.05) 0%,transparent 60%);pointer-events:none}.stack-layers{display:flex;flex-direction:column;gap:12px}.stack-layer{border-radius:12px;padding:1.25rem 1.5rem;border:1px solid transparent;position:relative}.stack-layer.infra{background:#ff95000d;border-color:#ff95002e}.stack-layer.core{background:#00d4ff0d;border-color:#00d4ff2e}.stack-layer.agent{background:#00ff9d0d;border-color:#00ff9d2e}.stack-layer.client{background:#7b61ff0d;border-color:#7b61ff2e}.layer-title-label{font-family:DM Mono,monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;font-weight:600}.stack-layer.infra .layer-title-label{color:var(--mate-orange)}.stack-layer.core .layer-title-label{color:var(--mate-accent)}.stack-layer.agent .layer-title-label{color:var(--mate-accent3)}.stack-layer.client .layer-title-label{color:var(--mate-accent2)}.layer-chips-row{display:flex;flex-wrap:wrap;gap:6px}.layer-chip{font-family:DM Mono,monospace;font-size:11px;padding:4px 10px;border-radius:6px;color:var(--mate-text-muted);background:var(--mate-surface2);border:1px solid var(--mate-border)}.layer-chip.hi{color:#fff;border-color:#ffffff26}.layer-stack-arrow{text-align:center;color:var(--mate-text-dim);font-size:16px;line-height:1;margin:2px 0}.arch-features-sidebar{display:flex;flex-direction:column;gap:1.25rem}.sidebar-fact-card{background:var(--mate-surface);border:1px solid var(--mate-border);border-radius:16px;padding:1.5rem 1.75rem}.sidebar-fact-card .fact-lbl{font-family:DM Mono,monospace;font-size:9px;letter-spacing:2px;color:var(--mate-text-dim);text-transform:uppercase;margin-bottom:6px;display:block}.sidebar-fact-card h4{font-family:Syne,Inter,sans-serif;font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:6px}.sidebar-fact-card p{font-size:.9rem;color:var(--mate-text-muted);line-height:1.5}.mate-cta-bottom{padding:7rem 0;background:var(--mate-surface2);position:relative;overflow:hidden;text-align:center}.bottom-cta-glow{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(123,97,255,.06) 0%,transparent 70%);pointer-events:none;z-index:0}.mate-cta-bottom h2{font-family:Syne,Inter,sans-serif;font-size:clamp(2.25rem,4vw,3.5rem);font-weight:800;color:#fff;margin-bottom:1.25rem;line-height:1.2;letter-spacing:-1px}.mate-cta-bottom p{font-size:1.25rem;color:var(--mate-text-muted);max-width:600px;margin:0 auto 3rem;line-height:1.7}.mate-cta-bottom .btn-primary{background:linear-gradient(135deg,var(--mate-accent),var(--mate-accent2));color:var(--mate-bg);border:none;font-size:1.1rem;padding:1rem 2.5rem;box-shadow:0 4px 20px #00d4ff4d}.mate-cta-bottom .btn-primary:hover{box-shadow:0 8px 30px #00d4ff80;transform:translateY(-2px)}.cta-pills-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:3.5rem}.cta-pill-item{background:var(--mate-surface);border:1px solid var(--mate-border);border-radius:50px;padding:8px 18px;font-size:13px;color:var(--mate-text);display:inline-flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif;transition:var(--transition);text-decoration:none}.cta-pill-item.active-accent{border-color:#00d4ff4d;background:#00d4ff0a;color:var(--mate-accent)}a.cta-pill-item:hover{border-color:#00d4ff66;background:#00d4ff0f;color:var(--mate-accent);transform:translateY(-1px)}} .mate-problem-section{padding:6rem 0;background:var(--mate-bg);position:relative}.section-tag{font-family:DM Mono,monospace;font-size:11px;letter-spacing:3px;color:var(--mate-accent);text-transform:uppercase;margin-bottom:1.5rem;display:inline-block;background:#00d4ff14;padding:4px 12px;border-radius:20px;border:1px solid rgba(0,212,255,.2)}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:3rem}.problem-card{background:var(--mate-surface);border:1px solid var(--mate-border);border-radius:16px;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.problem-card:hover{border-color:#ff4d6d59;transform:translateY(-5px);box-shadow:0 12px 30px #0000004d}.problem-card .p-icon{font-size:2rem;margin-bottom:1.25rem;display:inline-flex;width:50px;height:50px;align-items:center;justify-content:center;border-radius:12px;background:#ff4d6d14;border:1px solid rgba(255,77,109,.15)}.problem-card h3{font-family:Syne,sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:.75rem;color:#fff}.problem-card p{font-size:.95rem;color:var(--mate-text-muted);line-height:1.6}.mate-solution-section{padding:6rem 0;background:var(--mate-surface2);position:relative}.solution-layout{max-width:800px;margin:0 auto}.solution-desc{font-size:1.2rem;color:var(--mate-text-muted);line-height:1.8;margin-bottom:3rem}.solution-desc strong{color:#fff}.solution-points{display:flex;flex-direction:column;gap:1.75rem}.solution-point{display:flex;gap:1.25rem;align-items:flex-start}.sp-dot{width:12px;height:12px;border-radius:50%;background:var(--mate-accent);margin-top:6px;box-shadow:0 0 10px var(--mate-accent);flex-shrink:0}.sp-text{display:flex;flex-direction:column;gap:4px}.sp-text strong{font-size:1.15rem;font-weight:600;color:#fff}.sp-text span{font-size:.95rem;color:var(--mate-text-muted)}.mate-usecase-section{padding:6rem 0;background:var(--mate-bg)}.usecase-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:3.5rem;align-items:start;margin-top:3rem}.usecase-scenario{background:var(--mate-surface);border:1px solid var(--mate-border);border-radius:20px;padding:2.5rem;box-shadow:0 20px 50px #0000004d;overflow:hidden}.scenario-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--mate-border)}.scenario-header h3{font-family:Syne,sans-serif;font-size:1.3rem;color:#fff;margin-bottom:.5rem}.scenario-header p{color:var(--mate-text-muted);font-size:.95rem}.flow-step{display:flex;gap:1.5rem;margin-bottom:1.5rem;position:relative}.flow-step:not(:last-child):after{content:"";position:absolute;top:32px;left:15px;width:2px;height:calc(100% - 16px);background:var(--mate-border)}.step-num{width:32px;height:32px;border-radius:50%;background:var(--mate-surface2);border:1px solid var(--mate-border);color:var(--mate-accent);font-family:DM Mono,monospace;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.step-content{display:flex;flex-direction:column;gap:4px}.step-content strong{color:#fff;font-size:1.05rem}.step-content span{color:var(--mate-text-muted);font-size:.95rem;line-height:1.5}.usecase-value{display:flex;flex-direction:column;gap:1.5rem}.value-block{background:var(--mate-surface);border:1px solid var(--mate-border);border-radius:16px;padding:1.75rem;transition:border-color .3s}.value-block:hover{border-color:#00ff9d40}.vb-label{font-family:DM Mono,monospace;font-size:10px;letter-spacing:2px;color:var(--mate-text-dim);text-transform:uppercase;margin-bottom:8px}.vb-value{font-family:Syne,sans-serif;font-size:2.2rem;font-weight:800;color:var(--mate-accent3);margin-bottom:8px;line-height:1}.vb-desc{font-size:.9rem;color:var(--mate-text-muted);line-height:1.4}.mate-deepdive-section{padding:6rem 0;background:var(--mate-surface2)}.deepdive-grid-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:3.5rem;align-items:start;margin-top:3rem}.flow-diagram-card{background:var(--mate-surface);border:1px solid var(--mate-border);border-radius:20px;padding:2.5rem;box-shadow:0 20px 50px #0000004d;overflow:hidden}.fd-card-header{font-family:DM Mono,monospace;font-size:10px;letter-spacing:2px;color:var(--mate-text-dim);text-transform:uppercase;margin-bottom:2rem;border-bottom:1px solid var(--mate-border);padding-bottom:1rem}.flow-steps-stack{display:flex;flex-direction:column;gap:12px}.flow-row-item{display:flex;align-items:center;gap:1.5rem}.flow-actor-node{font-family:DM Mono,monospace;font-size:11px;font-weight:600;width:140px;padding:8px 12px;background:var(--mate-surface2);border:1px solid var(--mate-border);border-radius:6px;text-align:center;color:#fff;flex-shrink:0}.flow-arrow-path{flex-grow:1;display:flex;align-items:center;min-width:0}.flow-path-line{width:100%;height:20px;background:#1e2d454d;border:1px solid var(--mate-border);border-radius:4px;display:flex;align-items:center;padding:0 8px;position:relative;overflow:hidden;min-width:0}.flow-path-line:before{content:"";position:absolute;right:4px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-top:1px solid var(--mate-text-dim);border-right:1px solid var(--mate-text-dim);transform:rotate(45deg) translateY(-50%)}.flow-path-line.accent-color{border-color:#00d4ff4d}.flow-path-line.bg-cyan-light{background:#00d4ff0d;border-color:#00d4ff33}.flow-path-line.bg-green-light{background:#00ff9d0d;border-color:#00ff9d33}.flow-path-line.bg-purple-light{background:#7b61ff0d;border-color:#7b61ff33}.flow-path-line.bg-orange-light{background:#ff95000d;border-color:#ff950033}.flow-path-line.bg-cyan-dim{background:#00d4ff08;border-color:#00d4ff26}.path-msg{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.5px;color:var(--mate-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.path-msg.accent-text-color{color:var(--mate-accent)}.text-cyan{color:var(--mate-accent)!important}.text-green{color:var(--mate-accent3)!important}.text-purple{color:var(--mate-accent2)!important}.text-orange{color:var(--mate-orange)!important}.callbacks-box{background:var(--mate-surface2);border:1px solid var(--mate-border);border-radius:10px;padding:1.25rem;margin:1.5rem 0}.cb-box-header{font-family:DM Mono,monospace;font-size:9px;letter-spacing:1px;color:var(--mate-text-dim);text-transform:uppercase;margin-bottom:10px}.cb-box-list{display:flex;flex-direction:column;gap:6px}.cb-list-item{font-family:DM Mono,monospace;font-size:10px;color:var(--mate-text-muted);padding-left:12px;position:relative}.cb-list-item:before{content:"→";position:absolute;left:0;color:var(--mate-accent3)}.response-row{margin-top:6px}.key-tables-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--mate-border)}.kt-header-label{font-family:DM Mono,monospace;font-size:9px;letter-spacing:2px;color:var(--mate-text-dim);text-transform:uppercase;margin-bottom:12px}.kt-chips-row{display:flex;flex-wrap:wrap;gap:6px}.kt-chip-badge{font-family:DM Mono,monospace;font-size:10px;padding:3px 8px;border-radius:5px;color:var(--mate-text-muted);background:var(--mate-surface2);border:1px solid var(--mate-border)}.kt-chip-badge.border-green{color:var(--mate-accent3);border-color:#00ff9d40}.tech-deepdive-sidebar{display:flex;flex-direction:column;gap:1.5rem}.tech-pills-card{background:var(--mate-surface);border:1px solid var(--mate-border);border-radius:20px;padding:2rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 20px 50px #0000004d}.tech-pills-group{display:flex;flex-direction:column;gap:8px}.tech-pills-group-lbl{font-family:DM Mono,monospace;font-size:9px;letter-spacing:1.5px;color:var(--mate-text-dim);text-transform:uppercase}.tech-pills-group-row{display:flex;flex-wrap:wrap;gap:6px}.tp-badge{font-family:DM Mono,monospace;font-size:10px;padding:4px 10px;border-radius:6px;color:var(--mate-text-muted);background:var(--mate-surface2);border:1px solid var(--mate-border)}.tp-badge.badge-cyan{color:var(--mate-accent);border-color:#00d4ff40}.tp-badge.badge-purple{color:var(--mate-accent2);border-color:#7b61ff40}.tp-badge.badge-green{color:var(--mate-accent3);border-color:#00ff9d40}.tp-badge.badge-orange{color:var(--mate-orange);border-color:#ff950040}.test-coverage-card{background:var(--mate-surface);border:1px solid var(--mate-border);border-radius:20px;padding:1.75rem 2rem;box-shadow:0 20px 50px #0000004d}.tc-header-lbl{font-family:DM Mono,monospace;font-size:9px;letter-spacing:2px;color:var(--mate-text-dim);text-transform:uppercase;margin-bottom:8px}.tc-value-num{font-family:Syne,sans-serif;font-size:2rem;font-weight:700;color:var(--mate-accent3)}.tc-desc-txt{font-size:.9rem;color:var(--mate-text-muted);margin-top:4px;line-height:1.5}@media(max-width:991px){.mate-hero-grid{grid-template-columns:1fr;gap:3.5rem;text-align:center}.mate-hero .hero-cta{justify-content:center}.arch-grid-layout,.usecase-layout,.deepdive-grid-layout{grid-template-columns:1fr;gap:3rem}}@media(max-width:768px){.mate-hero{padding:7rem 0 4rem}.hero-title{font-size:2.5rem}.hero-tagline{font-size:1.05rem;margin-bottom:2rem}.mate-feat-card,.arch-stack-visual{padding:1.5rem}.sidebar-fact-card{padding:1.25rem}.usecase-scenario,.flow-diagram-card{padding:1.75rem}.navbar .container{padding:.75rem 1.25rem!important}body.mate-theme .nav-menu{background:#050810fa!important;border-bottom:1px solid var(--mate-border)!important;visibility:hidden;opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease,visibility .3s ease}body.mate-theme .nav-menu.active{visibility:visible;opacity:1;pointer-events:auto}.hero-eyebrow{letter-spacing:1px!important}.problem-grid{grid-template-columns:1fr}.flow-steps-stack{position:relative;padding-left:2rem;display:flex;flex-direction:column;gap:1.5rem}.flow-steps-stack:before{content:"";position:absolute;left:8px;top:10px;bottom:10px;width:2px;background:linear-gradient(to bottom,var(--mate-accent),var(--mate-accent3),var(--mate-accent2),var(--mate-orange))}.flow-row-item{display:block!important;position:relative;width:100%}.flow-row-item:before{content:"";position:absolute;left:calc(-2rem + 4px);top:8px;width:10px;height:10px;border-radius:50%;background:var(--mate-accent);box-shadow:0 0 8px var(--mate-accent);z-index:2}.flow-row-item:nth-child(2):before{background:var(--mate-accent3);box-shadow:0 0 8px var(--mate-accent3)}.flow-row-item:nth-child(3):before{background:var(--mate-accent2);box-shadow:0 0 8px var(--mate-accent2)}.flow-row-item:nth-child(4):before{background:var(--mate-orange);box-shadow:0 0 8px var(--mate-orange)}.flow-row-item:nth-child(5):before{background:var(--mate-accent);box-shadow:0 0 8px var(--mate-accent)}.flow-row-item.response-row:before{background:var(--mate-accent3);box-shadow:0 0 8px var(--mate-accent3)}.flow-actor-node{width:auto!important;display:inline-block!important;padding:4px 10px!important;font-size:11px!important;margin-bottom:6px!important;text-align:left!important;float:none!important}.flow-arrow-path{width:100%!important;display:block!important;min-width:0!important}.flow-path-line{width:100%!important;height:auto!important;background:#0c1120a6!important;border:1px solid var(--mate-border)!important;border-radius:8px!important;padding:8px 12px!important;display:block!important;position:relative!important;overflow:visible!important}.flow-path-line:before{display:none!important}.path-msg{font-size:11px!important;line-height:1.4!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:block!important}}@media(max-width:576px){.container{padding:0 1.25rem}.mate-hero{padding:6.5rem 0 3rem}.hero-title{font-size:2rem;letter-spacing:-1px}.hero-eyebrow{font-size:9px;letter-spacing:.5px!important;padding:4px 10px;text-align:center}.agent-tree-widget{padding:1.25rem 1rem}.tree-node.child{margin-left:14px}.tree-node.grandchild{margin-left:28px}.tree-connector{margin-left:14px}.widget-script-box{margin-top:1.25rem;padding-top:1.25rem}.cli-snippet-box{padding:1.25rem 1.5rem;font-size:12px}.arch-stack-visual{padding:1.25rem 1rem}.layer-title-label{font-size:9px;letter-spacing:1px;margin-bottom:8px}.layer-chip{font-size:10px;padding:3px 8px}.stack-layer{padding:1rem}.mate-cta-bottom{padding:5rem 0}.mate-cta-bottom h2{font-size:2rem}.mate-cta-bottom p{font-size:1.1rem;margin-bottom:2rem}.cta-pills-row{gap:6px}.cta-pill-item{font-size:11px;padding:6px 14px}.usecase-scenario,.flow-diagram-card{padding:1.25rem 1rem}}