:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;--bg:#08111e;--panel:#101f30;--panel2:#14283a;--ink:#f1f6fa;--muted:#afc0ce;--line:#294153;--teal:#6ce2c9;--teal-dark:#103b39;--blue:#9bd1f6;--amber:#f5cc87}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px;background:var(--bg)}body{margin:0;color:var(--ink);background:radial-gradient(ellipse 65% 25% at 74% 6%,#123f4b 0%,transparent 75%),var(--bg)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:4px}p{line-height:1.62}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}em{font-style:normal;color:var(--teal)}.site-shell{max-width:1700px;margin:auto;overflow:visible}.site-header{position:sticky;top:0;z-index:100;max-width:1490px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px clamp(22px,4vw,58px);border-bottom:1px solid #2440508c;background:#0c1929f5;backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:850;font-size:1.18rem;letter-spacing:-.04em;white-space:nowrap}.brand-icon{border:2px solid var(--teal);color:var(--teal);border-radius:10px;width:32px;height:32px;display:grid;place-items:center;line-height:1;font-size:1.08rem}.site-nav{display:flex;align-items:center;gap:clamp(12px,2.5vw,34px);font-size:.86rem;color:#c7d3dd;font-weight:650}.site-nav a:hover,.site-footer a:hover{color:var(--teal)}.site-nav .nav-demo{border:1px solid #4aa695;background:#123b38;padding:10px 15px;border-radius:9px;color:#cbf9ed}.site-nav .nav-demo:hover{background:#1b5550;color:white}
.hero{max-width:1490px;margin:auto;padding:clamp(62px,7vw,108px) clamp(22px,4vw,58px) clamp(72px,7vw,112px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:clamp(35px,5vw,86px);align-items:center}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:.76rem;color:var(--teal)}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:25px}.eyebrow-line{width:24px;height:2px;background:var(--teal)}.hero h1{font-size:clamp(3.2rem,6.15vw,6.8rem);line-height:.985;max-width:800px;margin:0 0 25px}.hero-lead{font-size:clamp(1.05rem,1.35vw,1.27rem);color:#c9d7df;max-width:620px;margin-bottom:29px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 19px;border-radius:10px;font-size:.9rem;font-weight:850;border:1px solid var(--line);transition:transform .15s ease,background-color .15s ease,border-color .15s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--teal);border-color:var(--teal);color:#07251f}.button.primary:hover{background:#98f0dd}.button.outline{background:#11243a;color:var(--ink);border-color:#557284}.button.outline:hover{border-color:var(--teal);background:#173449}.hero-note{margin-top:24px;display:flex;align-items:center;gap:9px;font-size:.85rem;color:var(--muted)}.note-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);flex:none}
.hero-visual{position:relative;max-width:610px;width:100%;justify-self:end;background:linear-gradient(145deg,#162c3f,#0c1a2b);border:1px solid #457379;border-radius:18px;box-shadow:0 30px 100px #0007,0 0 0 7px #122a3980;overflow:hidden}.visual-top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #345164;color:var(--blue);font-size:.78rem;font-weight:850;letter-spacing:.1em}.visual-top .status{color:#aff2d9;border:1px solid #4b8a76;background:#174135;border-radius:999px;padding:5px 9px;font-size:.69rem;letter-spacing:0}.visual-flow{padding:25px 22px 17px}.visual-step{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:center;border:1px solid #3a5b6d;background:#15293b;padding:17px 14px;border-radius:13px}.visual-step.active{border-color:#5dc9b1;background:#173735}.visual-num{font-size:.82rem;font-weight:850;color:var(--teal)}.visual-step strong{display:block;font-size:.96rem;line-height:1.35;margin-bottom:4px}.visual-step small{display:block;color:#b2c7d3;font-size:.77rem;line-height:1.4}.visual-state{font-size:.68rem;color:var(--teal);font-weight:850;text-align:right}.visual-connector{height:20px;border-left:1px dashed #64afaa;margin-left:34px}.visual-bottom{display:flex;gap:10px;align-items:center;border-top:1px solid #345164;padding:13px 20px;font-size:.77rem;color:#c2d8dc;background:#102638}.bottom-mark{font-size:1.1rem;color:var(--teal)}.fictional-label{position:absolute;right:12px;bottom:58px;background:#0d1b29;border:1px solid #4a6875;padding:5px 8px;border-radius:6px;color:#aabec9;font-size:.64rem;transform:translateY(17px)}
.section{max-width:1490px;margin:auto;padding:clamp(66px,7.4vw,120px) clamp(22px,4vw,58px)}.section-kicker{margin-bottom:17px}.section h2{font-size:clamp(2.2rem,4.1vw,4.55rem);line-height:1.09;margin:0}.problem{border-top:1px solid #274354;border-bottom:1px solid #274354}.problem-grid{display:grid;grid-template-columns:1fr .9fr;gap:8vw;align-items:start}.problem p{font-size:clamp(1.03rem,1.35vw,1.2rem);color:#c0d0da;margin:0 0 15px}.problem p:last-child{margin:0}.workflow{padding-bottom:clamp(82px,8vw,130px)}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:34px;margin-bottom:32px}.section-intro p{color:var(--muted);max-width:340px;font-size:1rem;margin:0}.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.workflow-card{display:flex;flex-direction:column;border:1px solid #345267;background:linear-gradient(160deg,#14283a,#0d1d2e);border-radius:16px;padding:26px;min-height:322px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.card-index{color:var(--teal);text-transform:uppercase;letter-spacing:.11em;font-size:.74rem;font-weight:850}.agent-glyph{border:1px solid #47776e;border-radius:10px;color:var(--teal);font-size:1.3rem;width:36px;height:36px;display:grid;place-items:center}.workflow-card h3{font-size:clamp(1.35rem,1.8vw,1.75rem);line-height:1.2;margin:0 0 10px}.workflow-card p{color:#bbced7;font-size:.95rem;margin:0 0 24px}.card-output{border-top:1px solid #355263;padding-top:15px;font-size:.87rem;font-weight:760;margin-top:auto}.card-output span{display:block;text-transform:uppercase;letter-spacing:.1em;color:#91a9b6;font-size:.67rem;margin-bottom:5px}
.example{background:#102135;max-width:none;padding-left:max(clamp(22px,4vw,58px),calc((100vw - 1490px)/2 + 58px));padding-right:max(clamp(22px,4vw,58px),calc((100vw - 1490px)/2 + 58px));display:grid;grid-template-columns:1fr .88fr;gap:7vw;align-items:center}.example h2{margin-bottom:23px}.example-copy p{color:#c4d3dc;font-size:1.05rem;max-width:580px;margin-bottom:24px}.example-stack{display:grid;gap:12px}.example-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid #3a5867;background:#152b3e;padding:17px;border-radius:12px}.row-symbol{border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-weight:850}.row-symbol.done{background:#245e4a;color:#b5f2c9}.row-symbol.alert{background:#70522f;color:#ffdc9e}.example-row strong{display:block;font-size:.94rem;margin-bottom:3px}.example-row small{display:block;color:#abc1cd;font-size:.78rem;line-height:1.35}.example-row>span:last-child{color:var(--teal);font-size:.72rem;font-weight:800;text-align:right}.guardrail-grid{display:grid;grid-template-columns:1fr .9fr;gap:8vw;align-items:start}.guardrail-list{display:grid}.guardrail-list>div{display:grid;grid-template-columns:35px 1fr;gap:14px;border-top:1px solid #325064;padding:17px 0}.guardrail-list>div:last-child{border-bottom:1px solid #325064}.guardrail-list span{color:var(--teal);font-size:.75rem;font-weight:850}.guardrail-list p{color:#bdced8;font-size:.94rem;margin:0}.guardrail-list strong{color:var(--ink)}.final-cta{border-top:1px solid #2c4859;border-bottom:1px solid #2c4859;display:grid;grid-template-columns:1fr .85fr;gap:6vw;align-items:start}.final-links{display:grid;gap:12px}.final-links a{display:grid;gap:7px;border:1px solid #426370;background:#132738;border-radius:13px;padding:18px 20px;transition:background-color .15s,border-color .15s}.final-links a:hover{background:#1a3a45;border-color:var(--teal)}.final-links a>span:first-child{font-size:1.12rem;font-weight:850}.final-links a>span:last-child{color:#afc7d0;font-size:.82rem}.final-links b{color:var(--teal);margin-left:6px}.site-footer{max-width:1490px;margin:auto;padding:31px clamp(22px,4vw,58px) 42px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.site-footer p{font-size:.8rem;color:#9fb4c1;margin:0}.site-footer>div:last-child{display:flex;gap:18px;color:#c6d6dc;font-size:.82rem;font-weight:750}
@media(max-width:1100px){.hero{grid-template-columns:1fr;gap:50px}.hero h1{max-width:850px}.hero-visual{justify-self:start;max-width:700px}.problem-grid,.guardrail-grid,.example,.final-cta{gap:45px}.workflow-card{padding:21px}.fictional-label{display:none}}
@media(max-width:750px){html{scroll-padding-top:138px}.site-header{align-items:flex-start;padding-top:16px;padding-bottom:16px}.site-nav{justify-content:flex-end;flex-wrap:wrap;gap:8px 14px;font-size:.77rem}.site-nav .nav-demo{padding:6px 9px}.hero{padding-top:66px;grid-template-columns:minmax(0,1fr)}.hero h1{font-size:clamp(3.05rem,12vw,5rem)}.visual-flow{padding:17px 13px}.visual-step{grid-template-columns:31px minmax(0,1fr);padding:13px}.visual-state{grid-column:2;text-align:left}.visual-connector{margin-left:28px}.problem-grid,.example,.guardrail-grid,.final-cta{grid-template-columns:1fr;gap:25px}.section-intro{display:block}.section-intro p{max-width:none;margin-top:16px}.workflow-grid{grid-template-columns:1fr}.workflow-card{min-height:0}.card-top{margin-bottom:24px}.site-footer{grid-template-columns:1fr;gap:12px}}
@media(max-width:480px){.site-header{display:block}.site-nav{justify-content:flex-start;margin-top:14px}.site-nav a:first-child,.site-nav a:nth-child(2){display:none}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.button{padding:11px 12px;font-size:.8rem}.hero-note{align-items:flex-start}.visual-step small{font-size:.74rem}.example-row{grid-template-columns:29px 1fr}.example-row>span:last-child{grid-column:2;text-align:left}.section h2{font-size:2.35rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.final-links a{transition:none}}