:root{--ink:#2a1c13;--muted:#5b4331;--accent:#285f5d;--paper:#efe3c9;--pale:#fbf6ea;--line:#cdb58c;--navy:#0b1230;--lavender:#c8c1ef;--ochre:#c38f2e;--mono:'JetBrains Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}p,h1,h2,h3,figure{margin:0}h1,h2,h3,.logo{font-family:'DM Sans',sans-serif}h1,h2{letter-spacing:-.06em;font-weight:800}h2{font-size:clamp(38px,4.3vw,60px);line-height:1.05}h2 span{color:var(--accent)}h3{font-size:22px;letter-spacing:-.035em;line-height:1.2}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.section{padding-block:86px}.eyebrow{font:500 10px/1.65 var(--mono);letter-spacing:.07em;margin-bottom:22px}.micro,.demo-label{font:400 10px/1.7 var(--mono);color:var(--muted)}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:8px}.button{display:inline-flex;gap:28px;justify-content:space-between;align-items:center;border:1px solid var(--ink);padding:15px 23px;font-weight:600;font-size:14px;border-radius:3px;transition:background .15s,transform .15s}.button:hover{transform:translateY(-2px);background:var(--pale)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--pale)}.button.primary:hover{background:#214d4c}.button.small{padding:10px 17px;font-size:12px;gap:25px}.button span{font-size:20px;font-weight:400}.text-link{display:inline-flex;align-items:center;gap:20px;font-weight:500;font-size:13px;line-height:1.5;border-bottom:1px solid var(--ink);padding-block:8px}.text-link:hover{color:var(--accent)}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
header{position:sticky;top:0;z-index:10;background:rgba(239,227,201,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px}.logo{display:flex;align-items:center;font-size:23px;letter-spacing:-.035em;font-weight:800;gap:9px}.logo>span{color:var(--accent);margin-left:-7px}.logo img{border-radius:6px}nav{display:flex;gap:36px;font-size:12px;font-weight:500}nav a:hover{color:var(--accent)}
.hero{padding-block:76px 62px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.hero-copy{position:relative;z-index:1}.hero .eyebrow{font-size:9px;letter-spacing:.055em;margin-bottom:25px}.hero h1{font-size:clamp(68px,7.6vw,110px);line-height:.95;max-width:600px}.hero h1 span{color:var(--accent)}.hero-lead{font:500 24px/1.4 'DM Sans',sans-serif;letter-spacing:-.035em;margin-top:27px}.hero-desc{max-width:430px;color:var(--muted);font-size:14px;margin-top:15px;line-height:1.7}.hero-actions{display:flex;gap:27px;align-items:center;margin-top:28px}.hero-copy>.micro{margin-top:17px;font-size:9px}.hero-art{width:calc(100% + 38px);margin-left:-16px}.hero-art canvas{display:block;width:100%;height:auto}.hero-art figcaption{display:flex;justify-content:center;gap:70px;font:10px var(--mono);color:var(--muted)}.signal{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:18px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.signal span:last-child{font:9px var(--mono);letter-spacing:.08em}
.section-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:100px;align-items:end;margin-bottom:37px}.section-heading>p{color:var(--muted);font-size:14px;max-width:410px;margin-bottom:4px}.workbench{background:var(--pale);border:1px solid var(--line);border-radius:5px;overflow:hidden;box-shadow:0 12px 36px rgba(42,28,19,.025)}.bench-head{display:flex;align-items:center;justify-content:space-between;padding:15px 25px;border-bottom:1px solid var(--line)}.bench-title{font:10px var(--mono);letter-spacing:.02em}.demo-label{font-size:9px}.workflow-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.workflow-tabs button{display:flex;align-items:center;gap:15px;padding:19px 25px;border:0;border-right:1px solid var(--line);background:var(--paper);color:var(--muted);text-align:left;font:11px var(--mono);cursor:pointer}.workflow-tabs button:last-child{border-right:0}.workflow-tabs button span:first-child{font:600 14px 'DM Sans',sans-serif;flex:1}.workflow-tabs button span:last-child{font-size:20px}.workflow-tabs button[aria-selected=true]{color:var(--accent);background:#dce3cc;box-shadow:inset 0 -3px var(--accent)}.workflow-tabs button:hover{color:var(--accent)}#workflow-panel{padding:28px 30px 0}.workflow-top{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.workflow-top h3{font-size:30px;margin-top:8px}.workflow-top>p{font-size:13px;color:var(--muted)}.flow-stages{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:28px 0}.flow-stages li{position:relative;border-top:1px solid var(--line);padding:14px 18px 0 0}.flow-stages li:before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--accent)}.flow-stages li:last-child:before{background:var(--ochre)}.flow-stages li>span{font:10px var(--mono);color:var(--muted);margin-right:10px}.flow-stages strong{font-size:13px;font-weight:600}.flow-stages small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.workflow-bottom{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;background:var(--paper);border-top:1px solid var(--line);margin-inline:-30px;padding:18px 30px}.workflow-bottom>p{display:flex;gap:13px;align-items:center;color:var(--muted);font-size:11px}.rule-icon{font-size:28px;color:var(--accent)}.workflow-bottom>div{border-left:1px solid var(--line);padding-left:25px}.workflow-bottom .micro{font-size:8px}.workflow-bottom strong{display:block;font:600 15px 'DM Sans',sans-serif;margin-top:4px}.workflow-bottom strong span{color:var(--accent);float:right}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:38px}.principles .number{font:10px var(--mono);color:var(--accent)}.principles h3{font-size:21px;margin:10px 0}.principles p{font-size:12px;color:var(--muted);line-height:1.75}
.agents{background:var(--navy);color:#eef0ff;padding-block:64px}.agent-grid{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.agent-art canvas{width:100%;height:auto;display:block}.agent-art figcaption{text-align:center;font:9px var(--mono);letter-spacing:.1em;color:var(--lavender)}.agents .eyebrow{color:var(--lavender)}.agents h2{font-size:clamp(36px,3.4vw,48px)}.agents h2 span{color:var(--lavender)}.section-lead{font:500 20px/1.4 'DM Sans',sans-serif;letter-spacing:-.025em;margin-block:24px 12px}.agent-copy>p:not(.eyebrow):not(.section-lead){font-size:13px;color:#c8c1ef;max-width:440px}.agent-rules{margin:27px 0}.agent-rules>div{display:flex;gap:18px;border-top:1px solid #c8c1ef35;padding-block:14px}.agent-rules>div>span{font-size:21px;color:var(--lavender);width:16px;flex-shrink:0}.agent-rules p{font-size:12px;line-height:1.7;color:var(--lavender)}.agent-rules strong{color:#eef0ff;font-weight:500}.text-link.light{border-color:var(--lavender);color:#eef0ff;font-size:12px}.text-link.light:hover{color:var(--lavender)}
.connected{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.connected-copy>p:not(.eyebrow):not(.section-lead){color:var(--muted);font-size:13px;margin-bottom:15px}.connected .section-lead{font-size:20px;max-width:380px}.core-art canvas{width:100%;height:auto;display:block}.core-art figcaption{text-align:center;font:9px var(--mono);color:var(--muted)}.protocol{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;display:flex;align-items:start;gap:19px}.protocol>span{font:9px var(--mono);color:var(--accent);white-space:nowrap;margin-top:4px}.protocol p{font-size:11px;color:var(--muted)}
.belief{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#e2d1b0}.belief-grid{display:grid;grid-template-columns:1fr 3fr;gap:30px}.belief h2{font-size:clamp(37px,4.7vw,67px);margin-bottom:26px;max-width:850px}.belief h2 span{color:var(--ink);background:linear-gradient(transparent 83%,#f1bf4a 83%)}.belief p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:610px;color:var(--muted);margin-bottom:12px}.signature{display:block;margin-top:27px;font:10px var(--mono);color:var(--accent)}
.start-row{display:grid;grid-template-columns:1.4fr 1fr;gap:100px;align-items:center}.start h2{font-size:clamp(40px,4.5vw,65px)}.start-row>div>p:first-child{color:var(--muted);font-size:14px;max-width:370px}.start .button{margin-top:22px}.start .micro{margin-top:15px;font-size:9px}.faq{display:grid;grid-template-columns:1.4fr 1fr;gap:100px;padding-block:24px 66px}.faq h3{font-size:19px}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-size:12px;cursor:pointer;list-style:none;display:flex;gap:20px;justify-content:space-between;font-weight:500}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:16px;color:var(--accent)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:12px;color:var(--muted);margin-top:10px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:28px}footer .logo{font-size:20px}footer>a:not(.logo){font-size:12px;color:var(--muted)}footer>span{font:9px var(--mono);color:var(--muted)}
@media(min-width:1600px){.hero{padding-block:88px 72px}.hero h1{font-size:110px}}
@media(max-width:1050px){.wrap{width:calc(100% - 60px)}.hero{gap:0}.hero h1{font-size:86px}.hero .eyebrow{font-size:8px}.hero-art{width:110%;margin-left:-10px}.hero-actions{gap:18px}.hero-lead{font-size:23px}.section-heading,.start-row,.faq{gap:55px}.agent-grid,.connected{gap:40px}.principles{gap:22px}.workflow-tabs button{padding:17px 18px;gap:10px}}
@media(max-width:760px){html{scroll-padding-top:72px}.wrap{width:calc(100% - 40px)}.nav-wrap{height:65px;gap:12px}nav{display:none}.logo{font-size:21px}.button.small{font-size:11px;padding:9px 13px;gap:16px}.hero{grid-template-columns:1fr;padding-block:42px 30px;gap:12px}.hero .eyebrow{font-size:8px;max-width:320px}.hero h1{font-size:clamp(64px,15vw,96px)}.hero-lead{font-size:23px;margin-top:22px}.hero-desc{max-width:470px;font-size:13px}.hero-actions{gap:23px;margin-top:22px}.hero-copy>.micro{font-size:8px}.hero-art{width:100%;margin:0;max-width:540px;justify-self:center}.hero-art figcaption{font-size:8px;gap:40px;margin-top:-8px}.signal{font-size:10px;padding-block:14px}.signal span:last-child{display:none}.section{padding-block:54px}.section-heading,.agent-grid,.connected,.belief-grid,.start-row,.faq{grid-template-columns:1fr;gap:24px}.section-heading>p{max-width:500px;font-size:13px}.eyebrow{font-size:9px;margin-bottom:17px}.workflow-tabs button{padding:16px 10px;gap:8px;font-size:8px}.workflow-tabs button span:first-child{font-size:12px;line-height:1.2}.workflow-tabs button span:last-child{display:none}.bench-head{padding:13px 15px}.bench-title{font-size:8px}.demo-label{font-size:7px}.workflow-top{grid-template-columns:1fr;gap:15px}.workflow-top h3{font-size:27px}.workflow-top>p{font-size:12px}#workflow-panel{padding:24px 20px 0}.flow-stages{gap:0;margin-block:25px}.flow-stages strong{display:block;font-size:11px;margin-top:5px}.flow-stages small{font-size:9px;max-width:75px;line-height:1.5}.flow-stages li{padding-right:10px}.workflow-bottom{grid-template-columns:1fr;gap:15px;padding:17px 20px;margin-inline:-20px}.workflow-bottom>div{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}.workflow-bottom>p{font-size:10px}.principles{grid-template-columns:1fr;gap:22px;margin-top:28px}.principles article{display:grid;grid-template-columns:25px 1fr;gap:4px 12px;border-top:1px solid var(--line);padding-top:18px}.principles h3{margin:0 0 7px;font-size:20px}.principles .number{padding-top:6px}.principles p{grid-column:2}.agents{padding-block:40px}.agent-copy{grid-row:1}.agent-art{max-width:460px;justify-self:center}.agents h2{font-size:38px}.agent-rules{margin-block:22px}.connected .core-art{max-width:460px;justify-self:center}.connected .section-lead{max-width:440px}.belief-grid{gap:5px}.belief h2{font-size:42px}.start h2{font-size:43px}.start-row{gap:20px}.faq{gap:20px;padding-block:0 45px}.faq h3{font-size:18px}.faq details{padding-block:17px}footer{flex-wrap:wrap;padding-block:24px;gap:20px}footer .logo{font-size:18px}footer>span{width:100%;font-size:8px}.hero-art canvas{margin-top:-15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

@media(max-width:760px){.hero-actions{gap:12px}.hero-actions .button{padding:13px 12px;gap:12px;font-size:13px;white-space:nowrap}.hero-actions .text-link{font-size:12px;gap:12px;white-space:nowrap}}

.logo img{width:40px;height:40px;border-radius:0;margin-left:-4px}.future{border-top:1px solid var(--line)}.future-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:28px}.future-product{border-top:1px solid var(--line);padding-top:18px}.future-meta{display:flex;justify-content:space-between;gap:8px;font:8px var(--mono);color:var(--muted)}.coming{color:var(--accent);background:#dce3cc;padding:3px 6px}.future-product canvas{width:100%;height:auto;display:block;margin:15px 0 20px}.future-product h3{font-size:27px}.future-tagline{font-weight:500;font-size:13px;margin-block:9px!important;color:var(--ink)!important}.future-product>p{font-size:12px;line-height:1.75;color:var(--muted)}.future>.text-link{font-size:12px}.legal{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:10px;line-height:1.7}.legal strong{font-size:11px;font-weight:500;color:var(--ink)}.legal span:last-child{font-size:9px}footer{align-items:start;gap:30px}.agents a:focus-visible{outline-color:var(--lavender)}@media(max-width:760px){.future-grid{grid-template-columns:1fr;gap:30px}.future-product{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.future-meta{grid-column:1/-1}.future-product canvas{grid-row:2/5;align-self:center;margin:12px 0}.future-product h3{font-size:24px;margin-top:22px}.future-product>p{font-size:11px}.future-tagline{font-size:12px!important}footer .legal{width:100%}.logo img{width:34px;height:34px}}@media(max-width:380px){.future-product{display:block}.future-product canvas{max-width:280px;margin-inline:auto}}
