:root{color-scheme:dark;--bg:#171820;--panel:#242332;--ink:#ece8f0;--muted:#beb7cc;--mint:#a7f3d6;--pink:#f296bc;--line:#484359;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.7;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 0,#482c43 0,transparent 42rem),radial-gradient(ellipse at 100% 25%,#193638 0,transparent 50rem),var(--bg);color:var(--ink)}a{color:var(--mint);text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:4px}button:disabled{cursor:default}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(1.6rem,3.4vw,2.65rem);line-height:1.18;letter-spacing:-.045em}h3{line-height:1.3}p{color:var(--muted)}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.site-header{max-width:1280px;margin:auto;padding:24px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #f296bc25}.site-header>a:last-child{font-size:.82rem;text-decoration:none;color:var(--muted)}.brand{display:flex;align-items:center;font-family:Georgia,serif;font-size:1.6rem;letter-spacing:-.06em;text-decoration:none;color:var(--ink)}.brand span{color:var(--mint)}.brand img{margin-right:10px}.skip{position:absolute;left:16px;top:-80px;padding:8px;background:var(--bg);z-index:10}.skip:focus{top:8px}.eyebrow,.number{font:600 .7rem/1.4 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--mint)}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:76px;padding-block:86px 90px}h1{font:400 clamp(2.9rem,5.8vw,4.7rem)/1.08 Georgia,serif;letter-spacing:-.05em;margin-bottom:28px}h1 em{color:var(--mint);font-weight:400}.lede{font-size:1.04rem;max-width:34rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:46px;padding:10px 20px;border:1px solid #a7f3d660;border-radius:5px 16px 5px 5px;background:transparent;color:var(--mint);font-weight:650;font-size:.9rem;text-decoration:none}.button:hover{background:#a7f3d60c}.button.primary{background:var(--mint);border-color:var(--mint);color:#203438;box-shadow:3px 3px 0 #f296bc80}.button.primary:hover{background:#c5ffe9}.button.small{padding:8px 13px;min-height:42px;font-size:.78rem}.hero-meta{font: .73rem/1.7 ui-monospace,monospace;margin-top:22px}.hero-meta span{padding:0 8px}.preview{border:1px solid #726179;border-radius:12px 32px 12px 12px;padding:24px;background:linear-gradient(140deg,#432f43ee,#20242eed);box-shadow:16px 20px 0 -8px #a7f3d60b,0 30px 60px #0003;transform:rotate(-2deg)}.preview-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:2px solid var(--mint);font:1.5rem Georgia,serif}.sample-tag{font: .62rem ui-monospace,monospace;color:var(--muted);border:1px solid var(--line);padding:5px 8px;border-radius:20px}.mint{color:var(--mint)}.pink{color:var(--pink)}.peach{color:#f4ba8f}.preview-count{padding:16px 0;font-size:.7rem;color:var(--muted)}.preview-count b{font-size:1rem;color:var(--ink);margin-right:4px}.preview-count b:not(:first-child){margin-left:18px}.preview-row{display:flex;align-items:center;gap:12px;border:1px solid #605773;border-left:3px solid #aeb8ff;padding:16px 12px;border-radius:5px 20px 5px 5px;margin-bottom:12px;background:#302f4266}.agent-symbol{font:700 1rem ui-monospace,monospace;display:grid;place-items:center;flex-shrink:0;width:34px;height:36px;border:1px solid #72617c;border-radius:4px 12px 4px 4px;background:#ffffff08}.preview-row>div{flex:1}.preview-row strong{font-size:.83rem;display:block}.preview-row small{font: .63rem ui-monospace,monospace;color:var(--muted)}.ctx{font: .65rem ui-monospace,monospace;color:var(--muted)}.preview-meter{height:3px;margin-top:10px;background:#ffffff20}.preview-meter i{display:block;height:100%;background:#aeb8ff}.preview-foot{display:flex;justify-content:space-between;font-size:.65rem;color:var(--muted);margin-top:22px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding-bottom:85px}.features article{border-top:1px solid var(--line);padding-top:20px}.features h2{font-size:1.25rem;letter-spacing:-.025em;margin-top:15px}.features p{font-size:.9rem}.demo-section{background:#11121ac9;border-block:1px solid #f296bc25;padding-block:65px;scroll-margin-top:20px}.section-title{display:flex;justify-content:space-between;gap:25px;align-items:center}.section-title h2{max-width:700px}.demo-note{font-size:.88rem;max-width:860px}.demo-shell{display:grid;grid-template-columns:1fr 1fr;margin-top:30px;border:1px solid #5c506b;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#352838,#1c292d)}.demo-sidebar{padding:24px;border-right:1px solid var(--line)}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.demo-heading h3{font:italic 1.3rem Georgia,serif;margin:0}.muted{color:var(--muted);font-size:.78rem}.search-label,form label,dialog label{display:block;font-size:.75rem;color:var(--muted);margin:8px 0}input,select{width:100%;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:7px;background:#191a24;color:var(--ink);padding:10px 12px;font-size:.83rem}input::placeholder{color:#a9a2ba}.filters,.detail-tabs{display:flex;gap:4px;margin:14px 0 18px;border-bottom:1px solid var(--line)}.filters button,.detail-tabs button{flex:1;background:none;border:0;border-bottom:2px solid transparent;padding:12px 4px;color:var(--muted);font-size:.75rem;min-height:44px}.filters button[aria-pressed=true],.detail-tabs button[aria-pressed=true]{border-bottom-color:var(--mint);color:var(--ink)}.demo-card{width:100%;text-align:left;border:1px solid #514d64;border-left:3px solid #aeb8ff;border-radius:5px 20px 5px 5px;background:#2c2c3c99;color:var(--ink);padding:15px 12px;display:flex;gap:12px;align-items:center;margin-bottom:11px}.demo-card:hover,.demo-card[aria-pressed=true]{background:#a7f3d60c;border-color:#a7f3d6aa}.demo-card .copy{min-width:0;flex:1}.demo-card strong{display:block;font-size:.84rem;overflow-wrap:anywhere}.demo-card small{display:block;color:var(--muted);font: .65rem/1.6 ui-monospace,monospace}.demo-card .state-label{font-size:.67rem;margin-top:3px;color:var(--mint)}.demo-card[data-state=working] .state-label{color:#f4ba8f}.context{display:block;height:3px;background:#ffffff20;margin-top:8px}.context i{display:block;height:100%;background:#aeb8ff}.demo-detail{padding:26px;min-width:0;display:flex;flex-direction:column}.detail-heading{display:flex;align-items:start;justify-content:space-between;gap:15px}.detail-heading h3{font-size:1.3rem;margin:8px 0;overflow-wrap:anywhere}.status{border:1px solid #a7f3d650;color:var(--mint);font-size:.63rem;padding:4px 8px;border-radius:20px;white-space:nowrap}.workspace{font:.65rem/1.7 ui-monospace,monospace;overflow-wrap:anywhere}.output{background:#11131bcc;border:1px solid #ffffff15;border-radius:8px;min-height:250px;max-height:370px;overflow:auto;padding:18px;font: .75rem/1.9 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;flex:1}.output p{margin-bottom:14px;color:#d4cfe0}.output p:last-child{margin:0}.output .reply{color:var(--mint)}.output.terminal{color:var(--mint)}.composer{display:flex;gap:10px}.composer .button{padding:8px 15px}.simulation-label{font: .63rem ui-monospace,monospace;color:var(--muted);margin:12px 0 0}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:85px}.workflow p{font-size:.94rem}.flow{padding:22px;align-self:center;text-align:center;font-size:.94rem;background:#a7f3d604;border:1px solid #a7f3d625;border-radius:12px}.flow div{padding:15px;border:1px solid var(--line);background:#242430;border-radius:7px}.flow small{display:block;font:.69rem/1.8 ui-monospace,monospace;color:var(--muted)}.flow>span{display:block;color:var(--mint);padding:4px}.install{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-block:55px 75px;border-top:1px solid var(--line);scroll-margin-top:20px}.install ul{padding-left:20px;color:var(--muted);font-size:.86rem}.install li{margin-bottom:9px}.install-code{min-width:0;background:#11121b;border:1px solid var(--line);border-radius:10px;padding:20px;align-self:start}.code-heading{display:flex;justify-content:space-between;align-items:center;font:.65rem ui-monospace,monospace;color:var(--mint)}.code-heading button{border:1px solid var(--line);background:none;color:var(--mint);padding:8px;font-size:.65rem;border-radius:4px;min-height:40px}pre{overflow:auto;max-width:100%;padding-block:12px}code{font:.74rem/2 ui-monospace,monospace;color:#e7cae0}.install-code p{font-size:.8rem}.install-code a{font-size:.82rem}.notice{padding:12px;border-left:2px solid var(--pink);background:#f296bc09}.faq{max-width:840px;padding-block:25px 55px}.faq details{padding:20px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:600}.faq p{font-size:.9rem;margin:15px 0 0}.final-cta{padding-block:45px 70px;text-align:center}.final-cta .actions{justify-content:center}footer{padding-block:25px 35px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}dialog{width:min(440px,calc(100% - 32px));background:#242332;color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:24px}dialog::backdrop{background:#0009}dialog p{font-size:.85rem}.dialog-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-title h3{margin:0}.close{min-width:44px;min-height:44px;background:none;border:1px solid var(--line);color:var(--ink);font-size:1.3rem;border-radius:5px}dialog .primary{width:100%;margin-top:24px}[hidden]{display:none!important}#copy-status{display:block;color:var(--mint);font-size:.75rem;margin-top:8px}@media(max-width:900px){.hero{gap:36px}.hero h1{font-size:3.4rem}.preview{padding:18px}.preview-top{gap:10px}.sample-tag{font-size:.55rem}.features{gap:22px}.workflow{gap:36px}.install{gap:30px}}@media(max-width:700px){.wrap{width:calc(100% - 32px)}.site-header{padding:18px 16px}.site-header>a:last-child{font-size:.68rem;max-width:130px;text-align:right}.hero{grid-template-columns:1fr;padding-block:48px 55px;gap:35px}.hero h1{font-size:clamp(2.65rem,10vw,4rem)}.preview{transform:none;max-width:490px;width:100%;margin:auto}.features{grid-template-columns:1fr;gap:16px;padding-bottom:40px}.features article{padding-top:15px}.features h2{margin-top:8px}.demo-section{padding-block:40px}.section-title{align-items:start}.section-title .button{flex-shrink:0;font-size:.67rem;padding:8px}.demo-shell{grid-template-columns:1fr}.demo-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:18px}.demo-detail{padding:20px}.workflow,.install{grid-template-columns:1fr;gap:24px;padding-block:45px}.faq{padding-bottom:30px}.composer{gap:8px}.preview-foot{font-size:.62rem}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
