:root{
  --paper:#f3efe7;--paper-2:#e9e4da;--ink:#101010;--muted:#6d6a64;--red:#d7193f;--red-dark:#a50f2c;--line:rgba(16,16,16,.16);--dark:#0b0b0d;--green:#30a46c;--amber:#b7791f;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif;line-height:1.55;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.04;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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");z-index:1000}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(var(--max),calc(100% - 42px));margin:auto}.section{padding:120px 0}.eyebrow{font:500 11px/1 DM Mono,monospace;letter-spacing:.14em;color:var(--red);margin:0 0 22px;text-transform:uppercase}.eyebrow.light{color:#ff6b86}
.nav-shell{position:sticky;top:0;z-index:50;background:rgba(243,239,231,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,16,16,.08)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.04em}.brand-symbol{width:27px;height:27px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font:500 12px DM Mono}.nav-links{display:flex;gap:28px;font-size:13px;color:#47443f}.nav-links a:hover{color:var(--red)}.nav-actions{display:flex;align-items:center;gap:14px}.lang-toggle{border:0;background:none;font:500 11px DM Mono;cursor:pointer;color:#56534e}.nav-cta{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:2px}.menu-btn{display:none;width:38px;height:38px;border:1px solid var(--line);background:transparent;border-radius:50%;position:relative}.menu-btn span{position:absolute;width:16px;height:1px;left:10px;background:var(--ink)}.menu-btn span:first-child{top:14px}.menu-btn span:last-child{bottom:14px}.mobile-menu{display:none;padding:18px 21px 26px;border-top:1px solid var(--line);flex-direction:column;gap:16px}.mobile-menu.open{display:flex}
.hero{padding-top:105px;padding-bottom:105px;text-align:center}.hero-kicker{display:inline-flex;align-items:center;gap:9px;font:500 11px DM Mono;letter-spacing:.12em}.live-dot{width:7px;height:7px;background:var(--red);border-radius:50%;box-shadow:0 0 0 5px rgba(215,25,63,.09)}.hero-title{font-size:clamp(54px,8vw,108px);line-height:.95;letter-spacing:-.072em;max-width:1080px;margin:30px auto 28px;font-weight:800}.hero-title::selection{background:var(--red);color:white}.hero-lede{max-width:780px;margin:0 auto;color:#595650;font-size:clamp(18px,2.1vw,22px)}.hero-actions{margin-top:34px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:14px 19px;border-radius:999px;font-weight:700;font-size:14px;border:1px solid transparent;cursor:pointer;transition:.2s}.btn-dark{background:var(--ink);color:white}.btn-dark:hover{background:var(--red);transform:translateY(-1px)}.btn-line{border-color:var(--line);background:transparent}.btn-line:hover{border-color:var(--ink)}.full{width:100%}
.conversation-stage{margin:78px auto 0;text-align:left;border:1px solid rgba(16,16,16,.18);border-radius:24px;background:#111114;color:white;overflow:hidden;box-shadow:0 40px 100px rgba(31,24,19,.18)}.stage-top{height:50px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding:0 17px;font:400 10px DM Mono;color:#7e7e86}.window-dots{display:flex;gap:6px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#38383f}.learning{justify-self:end;display:flex;align-items:center;gap:7px}.learning b{width:6px;height:6px;background:#41c982;border-radius:50%;box-shadow:0 0 10px #41c982}.stage-grid{display:grid;grid-template-columns:1.15fr .85fr;min-height:525px}.app-map{padding:28px;border-right:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 30% 30%,rgba(215,25,63,.08),transparent 45%),#0e0e11}.map-label{display:flex;justify-content:space-between;align-items:end;font:400 10px DM Mono;color:#777780;letter-spacing:.08em}.map-label strong{font:500 12px DM Mono;color:#d7d7dc}.nodes{position:relative;height:405px;margin-top:15px}.node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);padding:8px 10px;border-radius:9px;font:500 10px DM Mono;z-index:2;white-space:nowrap}.node.verified{background:#151f1a;border:1px solid rgba(48,164,108,.45);color:#83d9ae}.node.warned{background:#231a12;border:1px dashed rgba(201,139,55,.6);color:#e0ad6d}.node.dim{background:#151519;border:1px solid #2d2d35;color:#6d6d75}.links{position:absolute;inset:0;width:100%;height:100%;z-index:1}.links line{stroke:#34343b;stroke-width:.45;vector-effect:non-scaling-stroke}.legend{display:flex;gap:18px;font:400 9px DM Mono;color:#72727c}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:7px;height:7px;border-radius:50%}.legend .v{background:#30a46c}.legend .g{background:#b7791f}.chat-panel{padding:30px 28px;display:flex;flex-direction:column;gap:15px;background:#131316}.msg{max-width:92%;font-size:13px;line-height:1.5}.msg.user{align-self:flex-end;background:#f0ece4;color:#111;padding:12px 14px;border-radius:15px 15px 4px 15px}.msg.zb{display:flex;gap:11px}.msg.zb p{margin:5px 0 0;color:#aaaab2}.msg.zb strong{font-size:12px}.zb-mark,.mini-z{flex:none;width:25px;height:25px;background:var(--red);color:white;border-radius:50%;display:grid;place-items:center;font:500 10px DM Mono}.chat-input{margin-top:auto;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:13px 14px;color:#71717b;display:flex;justify-content:space-between;font-size:12px}.chat-input b{color:#ddd}
.manifesto{background:#e8e2d7;border-top:1px solid rgba(16,16,16,.08);border-bottom:1px solid rgba(16,16,16,.08)}.manifesto-grid{display:grid;grid-template-columns:120px 1fr;gap:40px}.manifesto-number{font:400 13px DM Mono;color:#817d75}.manifesto-copy{max-width:920px}.manifesto h2,.ask-intro h2,.knowledge h2,.proof h2,.recording h2,.surfaces h2,.contact h2{font-size:clamp(38px,5vw,68px);letter-spacing:-.055em;line-height:1.02;margin:0;font-weight:750}.manifesto-lines{margin-top:58px;border-top:1px solid var(--line)}.manifesto-lines p{font-size:clamp(23px,3.1vw,42px);letter-spacing:-.04em;margin:0;padding:18px 0;border-bottom:1px solid var(--line)}.manifesto-lines .strike{color:#76726b;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--red)}
.ask-section{background:var(--paper)}.ask-intro{max-width:900px}.questions{margin-top:52px;display:flex;flex-wrap:wrap;gap:10px}.questions button{border:1px solid var(--line);border-radius:999px;background:transparent;padding:12px 16px;cursor:default;font-weight:650}.questions button:nth-child(3){background:var(--ink);color:white}.answer-card{margin-top:22px;max-width:880px;border:1px solid var(--line);border-radius:20px;background:#f8f5ef;padding:28px;box-shadow:0 16px 40px rgba(48,39,31,.06)}.answer-head{display:flex;align-items:center;gap:10px}.answer-head strong{display:block;font-size:13px}.answer-head small{display:block;color:#817d76;font-size:11px}.answer-card>p{font-size:clamp(20px,2.6vw,31px);line-height:1.28;letter-spacing:-.035em;margin:28px 0;color:#242321}.answer-meta{display:flex;gap:9px;flex-wrap:wrap}.answer-meta span{font:500 9px DM Mono;border:1px solid var(--line);border-radius:999px;padding:6px 8px;color:#6e6a64;text-transform:uppercase}
.knowledge{background:#d81c40;color:white}.knowledge-grid{display:grid;grid-template-columns:1fr .85fr;gap:90px;align-items:center}.knowledge .eyebrow{color:#ffd6de}.knowledge-copy>p:not(.eyebrow){color:#ffdbe2;font-size:17px;max-width:650px}.knowledge-pills{margin-top:32px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;font:500 10px DM Mono}.knowledge-pills span:nth-child(odd){border:1px solid rgba(255,255,255,.32);padding:8px 10px;border-radius:999px}.knowledge-stack{display:flex;flex-direction:column;align-items:center}.knowledge-card{width:100%;background:#f7f2e9;color:#171717;border-radius:18px;padding:24px;box-shadow:0 30px 55px rgba(88,0,18,.18)}.knowledge-card p{font-size:20px;letter-spacing:-.02em}.card-label{font:500 10px DM Mono;color:#7b7771}.state-chip{font:500 9px DM Mono;padding:6px 8px;border-radius:999px}.state-chip.amber{background:#f6e7ce;color:#8d5b12}.state-chip.green{background:#dcefe5;color:#27764f}.knowledge-arrow{font-size:24px;padding:9px}
.proof{background:#111114;color:white}.proof-head{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.proof-head .eyebrow{color:#ff6b86}.proof-head p:last-child{color:#aaaab3;margin:0;font-size:17px}.proof-image{margin-top:55px;border:1px solid rgba(255,255,255,.09);border-radius:20px;overflow:hidden}.proof-image img,.recording-image img{display:block;width:100%}.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);margin-top:28px}.proof-strip div{padding:20px;border-right:1px solid rgba(255,255,255,.1)}.proof-strip div:last-child{border-right:0}.proof-strip strong{display:block;font-size:24px}.proof-strip span{display:block;color:#777780;font:400 10px DM Mono;margin-top:4px}
.recording{background:#0b0b0d;color:white;padding-top:105px}.recording-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:65px;align-items:center}.recording-copy p:last-child{color:#9999a3}.recording-image{border:1px solid rgba(255,255,255,.09);border-radius:18px;overflow:hidden;transform:rotate(1deg)}
.surfaces{background:var(--paper)}.surfaces-head{max-width:850px}.surface-list{margin-top:56px;border-top:1px solid var(--line)}.surface{display:grid;grid-template-columns:80px 1fr 50px;gap:20px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line);transition:.2s}.surface:hover{padding-left:10px;background:rgba(255,255,255,.22)}.surface-index{font:400 10px DM Mono;color:#8c8880}.surface strong{font:500 10px DM Mono;color:var(--red);letter-spacing:.12em}.surface h3{font-size:27px;letter-spacing:-.04em;margin:6px 0 4px}.surface p{margin:0;color:#6b6862}.surface-arrow{justify-self:end;font-size:24px}
.contact{background:#e9e3d8;border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:90px}.contact-copy>p:not(.eyebrow){color:#6b6760;font-size:18px;max-width:650px}.contact-mini{margin-top:35px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font:500 10px DM Mono;color:#77736c}.contact-form{background:#f8f5ef;border:1px solid var(--line);border-radius:22px;padding:26px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-form label{display:block;margin-bottom:14px}.contact-form label>span{display:block;font:500 10px DM Mono;color:#69655f;margin-bottom:7px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid rgba(16,16,16,.16);background:#fffdf9;border-radius:12px;padding:12px 13px;color:#151515;outline:0}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(215,25,63,.08)}.contact-form textarea{resize:vertical}.form-hint{font-size:10px;color:#817c74;margin:10px 4px 0}
footer{background:#0b0b0d;color:white;padding:34px 0}.footer-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.footer-inner p{margin:0;color:#7f7f87;font-size:11px}.footer-inner p:last-child{text-align:right}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}
@media(max-width:900px){.desktop-nav,.nav-cta{display:none}.menu-btn{display:block}.section{padding:86px 0}.hero{padding-top:75px}.hero-title{font-size:clamp(50px,12vw,76px)}.stage-grid,.knowledge-grid,.proof-head,.recording-grid,.contact-grid{grid-template-columns:1fr}.app-map{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.manifesto-grid{grid-template-columns:1fr}.manifesto-number{display:none}.knowledge-grid,.contact-grid{gap:48px}.proof-head{gap:22px}.recording-image{transform:none}.proof-strip{grid-template-columns:1fr 1fr}.proof-strip div:nth-child(2){border-right:0}.proof-strip div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}.footer-inner{grid-template-columns:1fr;text-align:left}.footer-inner p:last-child{text-align:left}}
@media(max-width:620px){.container{width:min(var(--max),calc(100% - 28px))}.section{padding:72px 0}.nav{height:66px}.hero{padding-top:58px}.hero-title{font-size:49px}.hero-lede{font-size:17px}.hero-actions .btn{width:100%}.conversation-stage{margin-top:52px;border-radius:17px}.stage-top{grid-template-columns:1fr 1fr}.stage-top>span:nth-child(2){display:none}.stage-grid{min-height:auto}.app-map{padding:20px}.nodes{height:330px}.chat-panel{padding:22px 18px}.manifesto-lines p{font-size:24px}.questions{display:grid}.questions button{text-align:left}.answer-card{padding:20px}.knowledge h2,.proof h2,.recording h2,.surfaces h2,.contact h2,.manifesto h2,.ask-intro h2{font-size:40px}.proof-strip{grid-template-columns:1fr}.proof-strip div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)!important}.surface{grid-template-columns:48px 1fr 28px}.surface h3{font-size:22px}.field-row{grid-template-columns:1fr}.contact-mini{flex-direction:column;gap:8px}.footer-inner{padding-bottom:15px}}

/* ---------- v3: AI agents emphasis ---------- */
.hero-title{max-width:1120px}
.hero-trust{margin:18px auto 0;font-size:13px;color:var(--muted)}
.agents{background:var(--paper);border-top:1px solid var(--line)}
.agents-head{max-width:900px}
.agents h2,.faq h2{font-size:clamp(38px,5vw,68px);letter-spacing:-.055em;line-height:1.02;margin:0;font-weight:750}
.agents-lede{margin:26px 0 0;font-size:clamp(17px,1.8vw,20px);color:#595650;max-width:760px}
.trace{margin-top:56px;display:grid;grid-template-columns:.8fr 1.2fr;border-radius:24px;overflow:hidden;border:1px solid rgba(16,16,16,.18);box-shadow:0 40px 100px rgba(31,24,19,.14)}
.trace-said{background:#f8f5ef;padding:34px;display:flex;flex-direction:column;gap:18px;border-right:1px solid var(--line)}
.trace-did{background:#111114;color:white;padding:34px}
.trace-label{font:500 10px DM Mono,monospace;letter-spacing:.08em;color:#7b7771}
.trace-did .trace-label{color:#7e7e86}
.trace-quote{margin:0;font-size:clamp(22px,2.6vw,30px);line-height:1.25;letter-spacing:-.035em;font-weight:650}
.trace-chip{align-self:flex-start;margin-top:auto;font:500 10px DM Mono,monospace;padding:7px 10px;border-radius:999px}
.trace-chip.ok{background:#dcefe5;color:#27764f}
.trace-steps{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.08)}
.trace-steps li{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}
.trace-steps li:before{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font:500 10px DM Mono,monospace}
.trace-steps li.pass:before{content:"✓";background:#151f1a;color:#83d9ae;border:1px solid rgba(48,164,108,.45)}
.trace-steps li.fail:before{content:"✕";background:#2a1016;color:#ff8aa0;border:1px solid rgba(215,25,63,.6)}
.trace-steps code{font:500 12px DM Mono,monospace;color:#d7d7dc}
.trace-steps li.fail code{color:#ff8aa0}
.trace-steps span{color:#9a9aa3;text-align:right}
.trace-steps li.fail span{color:#ff8aa0}
.trace-verdict{margin-top:24px;display:flex;gap:12px;align-items:flex-start;background:#1b1b20;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px}
.trace-verdict p{margin:2px 0 0;color:#e2e2e6;font-size:14px}
.trace-note{margin:12px 4px 0;font-size:11px;color:#8a867f}
.agent-checks{list-style:none;padding:0;margin:64px 0 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.agent-checks li{padding:26px 24px 8px 0;border-right:1px solid var(--line);margin-right:24px}
.agent-checks li:last-child{border-right:0;margin-right:0}
.agent-checks strong{font-size:19px;letter-spacing:-.03em}
.agent-checks p{margin:8px 0 0;color:#6b6862;font-size:15px}
.surface-featured{background:#111114;color:white;padding-left:22px;padding-right:22px;border-radius:18px;border-bottom:0;margin:14px 0}
.surface-featured:hover{background:#1a1a1f;padding-left:28px}
.surface-featured .surface-index{color:#ff6b86;font-weight:500}
.surface-featured strong{color:#ff6b86}
.surface-featured p{color:#a6a6ae}
.faq{background:var(--paper);border-top:1px solid var(--line)}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line);padding:4px 0}
.faq-list summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font-size:19px;font-weight:700;letter-spacing:-.02em;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:4px;top:16px;font-size:24px;font-weight:400;transition:transform .2s}
.faq-list details[open] summary:after{transform:rotate(45deg)}
.faq-list details p{margin:0 0 22px;color:#5f5c56;max-width:640px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form-status{margin:12px 4px 0;font-size:13px;font-weight:600;min-height:1em}
.form-status.ok{color:var(--green)}
.form-status.err{color:var(--red-dark)}
.btn[disabled]{opacity:.6;cursor:wait}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){.trace,.faq-grid{grid-template-columns:1fr}.trace-said{border-right:0;border-bottom:1px solid var(--line)}.faq-grid{gap:36px}.agent-checks{grid-template-columns:1fr 1fr}.agent-checks li{border-right:0;margin-right:0;border-bottom:1px solid var(--line);padding-bottom:22px}}
@media(max-width:620px){.agents h2,.faq h2{font-size:40px}.trace-said,.trace-did{padding:22px}.trace-steps li{grid-template-columns:22px 1fr;row-gap:2px}.trace-steps span{grid-column:2;text-align:left}.agent-checks{grid-template-columns:1fr}.faq-list summary{font-size:17px}}

/* ---------- v3.1: monochrome brand icon ---------- */
.brand-symbol{width:30px;height:30px;border-radius:8px;background:var(--ink);color:#fff;display:grid;place-items:center}
.brand-symbol svg{width:20px;height:20px;display:block}
footer .brand-symbol{background:#fff;color:var(--ink)}
.zb-mark,.mini-z{border-radius:7px}
.zb-mark svg,.mini-z svg{width:15px;height:15px;display:block;color:#fff}
