:root{--paper:#f7f8f4;--white:#fff;--ink:#202a24;--muted:#687169;--line:#dce1d9;--green:#244e37;--wash:#eaf0e7;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--subtle:#7a8675;--secondary:#556b53;--hover-line:#95ab98;--active-line:#96ad91;--selection:#d5e5d3;--button-bg:#244e37;--button-text:#fff;--button-hover:#193b29;color-scheme:light}
html[data-theme="dark"]{--paper:#121713;--white:#1a221c;--ink:#eef3ed;--muted:#acb7a7;--line:#344131;--green:#8bdeb3;--wash:#23362a;--subtle:#99aa91;--secondary:#b6cdb1;--hover-line:#597654;--active-line:#6c9563;--selection:#365e45;--button-bg:#8bdeb3;--button-text:#14251b;--button-hover:#a7ecc5;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button,input,textarea{outline-offset:5px}::selection{background:var(--selection)}.wrap{max-width:1280px;margin:auto;padding:0 64px}
.nav{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{position:relative;display:block;width:156px;aspect-ratio:1205/380;overflow:hidden;background:transparent}.brand img{position:absolute;width:156.099585%;max-width:none;height:auto;left:-20.746888%;top:-64.473684%;display:block}.brand .logo-mark{clip-path:polygon(0 0,39% 0,39% 100%,0 100%);filter:url(#logo-alpha)}.brand .logo-word{clip-path:polygon(39% 0,100% 0,100% 65.8%,39% 65.8%);filter:url(#logo-alpha) brightness(0)}html[data-theme="dark"] .brand .logo-word{filter:url(#logo-alpha)}
.nav nav{display:flex;align-items:center;gap:35px;font-size:16px}.nav-about{color:var(--muted)}.nav a:hover{color:var(--green)}.nav-cta{display:flex;gap:23px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ink)}
.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:center;padding:98px 0 92px}.eyebrow{font-size:15px;font-weight:500;color:var(--green);margin:0 0 30px;letter-spacing:.01em}h1{font-size:clamp(54px,5.7vw,82px);font-weight:500;line-height:1.08;letter-spacing:-.057em;margin:0}h1 span{color:var(--green)}.intro{font-size:21px;line-height:1.65;color:var(--muted);max-width:430px;margin:28px 0 32px}.actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:34px;background:var(--button-bg);color:var(--button-text);border:1px solid var(--button-bg);border-radius:3px;padding:15px 19px;font-weight:500;font-size:16px;cursor:pointer;transition:background .15s}.button:hover{background:var(--button-hover)}.textlink{font-size:16px;display:flex;gap:18px}.textlink:hover{color:var(--green)}.hero-note{font-size:14px;color:var(--muted);margin:24px 0 0}
.demo{min-width:0}.demo-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:17px;font-size:15px;color:var(--muted)}.example{font:12px var(--mono);color:var(--subtle);border:1px solid var(--line);padding:4px 6px;border-radius:3px}.tablist{display:grid;gap:8px}.environment{display:flex;align-items:center;text-align:left;gap:17px;border:1px solid var(--line);background:var(--white);padding:19px 20px;border-radius:6px;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}.environment:hover{border-color:var(--hover-line)}.environment[aria-selected=true]{background:var(--wash);border-color:var(--active-line)}.agent-number{width:32px;height:32px;border:1px solid var(--line);border-radius:4px;display:grid;place-items:center;font:14px var(--mono);color:var(--subtle);flex-shrink:0}.task{flex:1;min-width:0}.task strong{font-size:18px;font-weight:500;display:block}.task small{line-height:1.45;display:block;font-size:13px;color:var(--subtle);margin-top:6px}.env-arrow{color:var(--subtle);font-size:21px}.environment[aria-selected=true] .env-arrow{color:var(--green)}.detail{background:var(--white);border:1px solid var(--line);border-radius:6px;margin-top:15px;padding:19px 20px}.detail-title{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:14px;margin-bottom:15px}.independent{color:var(--green);font-size:12px}.detail dl{margin:0;display:grid;gap:9px}.detail dl div{display:flex;gap:12px;justify-content:space-between;font:13px var(--mono)}dt{color:var(--subtle)}dd{margin:0;color:var(--secondary);overflow-wrap:anywhere;text-align:right}.demo-caption{font-size:13px;color:var(--subtle);line-height:1.5;margin:13px 0 0}
.positioning{display:grid;grid-template-columns:1fr 1fr;gap:96px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0}.positioning p:first-child{font-size:28px;line-height:1.35;letter-spacing:-.03em;margin:0;color:var(--subtle)}.positioning strong{font-weight:500;color:var(--ink)}.positioning p:last-child{font-size:17px;line-height:1.85;color:var(--muted);margin:0;max-width:420px}
.benefits{padding:96px 0 72px}.section-heading{margin-bottom:42px}.section-heading .eyebrow{margin-bottom:18px}h2{font-size:clamp(36px,3.8vw,50px);line-height:1.18;font-weight:500;letter-spacing:-.045em;margin:0}.benefit{display:grid;grid-template-columns:.65fr 1.1fr .85fr;gap:48px;padding:38px 0;border-top:1px solid var(--line);align-items:center}.benefit-label{align-self:start;font-size:15px;padding-top:4px}.benefit-label>span{font:13px var(--mono);color:var(--subtle)}.benefit-label p{color:var(--green);margin:12px 0}.benefit h3{font-size:28px;line-height:1.2;letter-spacing:-.03em;font-weight:500;margin:0 0 15px}.benefit-copy>p{font-size:17px;line-height:1.85;color:var(--muted);margin:0}.mini-visual{font-size:13px;max-width:300px;width:100%;justify-self:end}.parallel{display:grid;gap:6px}.parallel div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;background:var(--wash);border:1px solid var(--line);border-radius:3px;padding:12px 11px}.parallel span{color:var(--subtle)}.parallel b{font-weight:400;color:var(--secondary);font-size:12px}.prepared{background:var(--white);border:1px solid var(--line);border-radius:4px}.image-label{display:flex;align-items:center;gap:11px;padding:13px}.image-icon{font-size:26px;color:var(--subtle)}.image-contents{display:flex;gap:5px;padding:0 13px 13px;flex-wrap:wrap}.image-contents span{background:var(--wash);border-radius:2px;padding:5px 6px;font-size:12px;color:var(--subtle)}.reuse{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:10px 13px;color:var(--secondary);font-size:12px}.permissions{background:var(--white);border:1px solid var(--line);border-radius:4px;padding:5px 13px}.permissions div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:12px 0}.permissions div+div{border-top:1px solid var(--line)}.permissions span{color:var(--subtle);font-size:12px}.permissions b{font-weight:400;color:var(--green);font-size:12px}.permissions .muted{color:var(--subtle)}
.lifecycle{background:var(--wash);border-radius:5px;padding:39px 40px 34px}.lifecycle-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px}.lifecycle h2{font-size:34px}.lifecycle-heading p{font-size:15px;color:var(--muted);margin:0}.lifecycle ol{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:29px 0 0;margin:29px 0 0;border-top:1px solid var(--line);list-style:none}.lifecycle li>span{font:13px var(--mono);color:var(--subtle)}.lifecycle h3{font-size:19px;font-weight:500;margin:12px 0 10px}.lifecycle li p{font-size:14px;line-height:1.65;color:var(--muted);margin:0;max-width:155px}
.access{display:grid;grid-template-columns:1fr .8fr;gap:140px;align-items:start;padding:102px 0 86px}.access-copy .eyebrow{margin-bottom:23px}.access-copy h2{font-size:52px}.access-copy>p:not(.eyebrow){font-size:18px;line-height:1.85;max-width:335px;color:var(--muted);margin:25px 0 0}label{font-size:15px;font-weight:500;display:block;margin-bottom:10px}label>span{color:var(--subtle);font-size:14px;font-weight:400}input,textarea{background:var(--white);border:1px solid var(--line);border-radius:3px;padding:13px 14px;color:var(--ink);width:100%;font-size:15px;margin-bottom:21px}textarea{resize:vertical;min-height:90px;line-height:1.65}input::placeholder,textarea::placeholder{color:var(--subtle)}input:focus,textarea:focus{outline:1px solid var(--active-line);border-color:var(--active-line)}.access .button{width:100%;justify-content:space-between}.button:disabled{opacity:.65;cursor:wait}.form-note{font-size:13px;color:var(--subtle);margin:12px 0}.form-status{font-size:15px;line-height:1.65;min-height:18px;margin:12px 0 0}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;padding:29px 0 40px;font-size:14px}.footer .brand{width:112px}.footer p{font-size:14px;color:var(--subtle);margin:0}.footer>a:last-child{display:flex;gap:18px}.footer>a:last-child:hover{color:var(--green)}
@media(min-width:1440px){.hero{padding-top:112px;padding-bottom:106px}}@media(max-width:1100px){.wrap{padding:0 40px}.hero{gap:40px}h1{font-size:68px}.benefit{gap:30px;grid-template-columns:.55fr 1.15fr .9fr}.access{gap:80px}.lifecycle-heading{align-items:start}.lifecycle-heading p{max-width:200px;line-height:1.65}}@media(max-width:900px){.wrap{padding:0 28px}.nav{height:90px}.nav nav{gap:22px}.hero{grid-template-columns:1fr;padding:65px 0 54px;gap:48px}h1{font-size:72px}.intro{max-width:490px}.demo{width:100%;max-width:490px}.positioning{gap:30px;padding:30px 0}.benefits{padding:66px 0 42px}.benefit{grid-template-columns:1fr 1fr;gap:20px 30px}.benefit-label{grid-column:1/-1;display:flex;align-items:center;gap:15px;padding:0}.benefit-label p{margin:0}.benefit-copy{max-width:400px}.benefit h3{font-size:26px}.lifecycle{padding:28px}.lifecycle-heading{display:block}.lifecycle-heading p{max-width:none;margin-top:13px}.lifecycle ol{gap:20px}.access{gap:40px;padding:66px 0}.access-copy h2{font-size:44px}.footer{font-size:13px;flex-wrap:wrap}.footer p{font-size:13px}}@media(max-width:580px){.wrap{padding:0 24px}.nav{height:82px}.brand{width:130px}.nav .nav-about{display:none}.nav nav{font-size:15px}.hero{padding:51px 0 42px;gap:38px}h1{font-size:54px}.eyebrow{font-size:14px;margin-bottom:24px}.intro{font-size:19px;line-height:1.7;margin-top:24px}.actions{gap:25px}.button{font-size:15px;padding:15px 17px;gap:28px}.hero-note{font-size:13px}.demo-heading{font-size:14px}.environment{padding:17px}.task small{font-size:13px}.positioning{grid-template-columns:1fr;gap:18px}.positioning p:first-child{font-size:29px}.positioning p:last-child{font-size:16px}.benefits{padding-top:54px}.section-heading{margin-bottom:31px}.section-heading .eyebrow{font-size:13px}h2{font-size:38px}.benefit{grid-template-columns:1fr;padding:29px 0;gap:22px}.benefit-label{grid-column:auto}.benefit-copy>p{font-size:16px}.mini-visual{justify-self:start;max-width:100%}.parallel div{padding:13px}.prepared .image-contents{gap:8px}.lifecycle{padding:26px 24px}.lifecycle h2{font-size:30px}.lifecycle ol{grid-template-columns:1fr 1fr;gap:25px}.lifecycle li p{max-width:180px}.access{grid-template-columns:1fr;gap:32px;padding:58px 0}.access-copy h2{font-size:44px}.access-copy>p:not(.eyebrow){max-width:400px;font-size:17px}.footer{padding:24px 0 30px;gap:23px}.footer p{order:3;flex-basis:100%}.footer .brand{width:105px}.detail dl div{font-size:13px}.demo-caption{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.theme-toggle{display:grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--ink);width:38px;height:38px;cursor:pointer;flex-shrink:0}.theme-toggle:hover{background:var(--wash);border-color:var(--active-line)}.theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .sun{display:none}html[data-theme="dark"] .theme-toggle .sun{display:block}html[data-theme="dark"] .theme-toggle .moon{display:none}
@media(max-width:760px){.nav .nav-about{display:none}.nav nav{gap:18px}}
@media(max-width:400px){.nav nav{gap:12px}.nav .brand{width:110px}.nav-cta{gap:10px;font-size:14px}.theme-toggle{width:34px;height:34px}}