@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#101112;--panel:#191b1c;--line:#303234;--text:#f3f4ef;--muted:#a7aaa7;--green:#c7fa70;--font:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:6px}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;font-family:var(--display);font-weight:600;font-size:26px;letter-spacing:-1.2px}.brandmark{width:29px;height:32px;display:grid;place-items:center;border-radius:7px;background:var(--green);color:var(--bg);font-size:30px;font-weight:700;line-height:1;margin-right:10px}.ai{font-size:15px;align-self:flex-start;margin-top:4px;margin-left:3px;letter-spacing:0;color:var(--green)}nav{display:flex;gap:32px;font-size:14px;color:#c4c6c2}nav a:hover,.text-link:hover,footer a:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--green);color:#18200e;border:1px solid var(--green);font-weight:650;padding:15px 22px;border-radius:6px;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#dbffac;transform:translateY(-2px)}.button span{font-size:22px;font-weight:400}.button.small{font-size:14px;padding:10px 17px;gap:24px;background:transparent;color:var(--text);border-color:#54594d}.button.small:hover{background:var(--green);color:var(--bg)}.hero{padding-top:81px;padding-bottom:54px;display:flex;align-items:center;justify-content:space-between;position:relative}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:600;display:flex;align-items:center;gap:10px;line-height:1.6;margin:0 0 26px;color:#bec2b9}.tiny-square{height:6px;width:6px;background:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-family:var(--display);font-size:clamp(52px,6.4vw,87px);line-height:1.04;letter-spacing:-4.8px;font-weight:500;margin-bottom:25px}em{font-style:normal;color:var(--green)}.lede{font-size:19px;line-height:1.6;color:var(--muted);max-width:535px;margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:27px}.text-link{font-size:14px;display:inline-flex;gap:15px;align-items:center}.hero-note{color:#91978e;font-size:13px;margin:19px 0 0}.hero-index{align-self:stretch;display:flex;align-items:center;justify-content:center;gap:24px;writing-mode:vertical-rl;font-size:11px;letter-spacing:2px;color:#979e90;padding-right:5px}.index-line{width:1px;height:100px;background:linear-gradient(var(--green),#30362a)}.studio{border:1px solid #404438;border-radius:10px;background:#161819;overflow:hidden;box-shadow:0 25px 80px #0003;scroll-margin-top:25px}.studio-top,.studio-footer{display:flex;justify-content:space-between;gap:15px;padding:17px 24px;align-items:center;font-size:13px;border-bottom:1px solid var(--line)}.studio-top>div{display:flex;align-items:center;gap:11px}.window-dot{border:1px solid #657050;width:10px;height:10px;border-radius:50%;box-shadow:16px 0 0 -1px #3a3e35;margin-right:17px}.meta{font-size:10px;letter-spacing:1.7px;color:#9da495}.studio-body{display:grid;grid-template-columns:39% 61%;min-height:379px}.steps{padding:19px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:8px;background:#141617}.step{display:flex;align-items:center;gap:18px;text-align:left;background:transparent;border:1px solid transparent;border-radius:5px;padding:17px 15px;width:100%;color:#979d94;cursor:pointer;transition:background .2s}.step>span:first-child{font-size:12px;font-family:var(--display)}.step strong{font-size:15px;display:block;font-weight:500}.step small{font-size:12px;display:block;color:#91978f;margin-top:3px}.step-arrow{margin-left:auto;opacity:0}.step.active{background:#252c1d;border-color:#465335;color:var(--green)}.step.active .step-arrow{opacity:1}.step:hover{background:#242823}.walkthrough{padding:26px 31px 20px;display:flex;flex-direction:column}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:10px;letter-spacing:1.3px;color:#989f93}.pill{border:1px solid #454b3d;border-radius:3px;padding:3px 7px;font-size:10px;white-space:nowrap;color:var(--green)}.example{border:1px solid #3e4438;border-radius:5px;background:#1c201a;padding:20px 21px 14px;margin-top:25px;position:relative;min-height:122px}.example p{font-family:var(--display);font-size:18px;line-height:1.45;margin:0 0 12px;padding-left:26px;max-width:450px}.prompt-symbol{position:absolute;color:var(--green);font-size:21px;top:15px}.example-label{display:block;font-size:9px;letter-spacing:1.4px;color:#87917b;padding-left:26px}.panel-description h2{font-family:var(--display);font-size:21px;font-weight:500;letter-spacing:-.5px;margin:22px 0 6px}.panel-description p{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:19px}.panel-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;gap:14px;margin-top:auto;font-size:12px;color:#a9b19f}.panel-bottom button{padding:0;border:0;color:var(--green);background:none;cursor:pointer;font-size:12px}.panel-bottom button span{margin-left:12px}.studio-footer{border-bottom:0;border-top:1px solid var(--line);color:#8e9587;padding-block:12px;font-size:11px}.studio-footer a{color:#bdc9ac}.stack{display:flex;align-items:center;justify-content:space-between;padding:31px 0 35px;border-bottom:1px solid var(--line);gap:24px}.stack>span{font-size:10px;letter-spacing:1.5px;color:#8e958a}.stack>div{font-family:var(--display);font-size:17px;color:#c9cec2;word-spacing:4px}.stack b{font-size:12px;color:#656d5e;margin:0 20px;font-weight:400}.section{padding-top:108px;padding-bottom:95px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:44px}.section-heading .eyebrow{margin-bottom:20px}h2{font-family:var(--display);font-size:clamp(32px,3.5vw,47px);font-weight:500;line-height:1.13;letter-spacing:-2px;margin-bottom:0}.section-heading>p{color:var(--muted);font-size:16px;max-width:365px;line-height:1.8;margin-bottom:5px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:29px 26px;background:var(--panel);border:1px solid var(--line);border-radius:6px;position:relative}.feature-icon{font-family:var(--display);font-size:28px;color:var(--green);display:block;height:54px}.feature-no{position:absolute;right:25px;top:32px;font-size:11px;color:#7d8576}.feature h3{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:20px 0 12px}.feature p{color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:26px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{font-size:10px;color:#b5bda9;padding:4px 7px;border:1px solid #3c4235;border-radius:3px}.architecture{padding:61px 57px;background:#c7fa70;color:#17200d;border-radius:8px;display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.architecture .eyebrow{color:#475a2b}.architecture h2{font-size:44px;line-height:1.12}.architecture em{color:#617e31}.architecture-copy>p:not(.eyebrow){max-width:330px;margin:25px 0;color:#3b4d23;font-size:15px;line-height:1.8}.architecture .text-link:hover{color:#536d2b}.system{display:flex;flex-direction:column;justify-content:center;text-align:center}.system-node{border:1px solid #8db34d;background:#cef989;border-radius:5px;padding:16px}.node-label{display:block;font-size:9px;letter-spacing:1.5px;margin-bottom:4px;color:#4b622b}.system-node strong{font-size:16px;font-weight:600;display:block}.system-node small{font-size:11px;display:block;margin-top:3px;color:#4c602e}.connector{font-size:10px;letter-spacing:.5px;padding:13px 0;position:relative}.connector:before,.connector:after{content:'';display:block;background:#7d9f44;height:8px;width:1px;margin:0 auto}.core{background:#1b2511;color:#effcdd;border-color:#1b2511}.core .node-label{color:#b7d78c}.core small{color:#a8b895}.provider-row{display:flex;justify-content:center;gap:8px;margin-top:12px}.provider-row span{font-size:10px;border:1px solid #4e6038;padding:3px 9px;border-radius:3px;color:#cfdfa9}.system-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.system-pair .system-node{padding:14px 7px}.system-pair strong{font-size:13px}.system-pair small{font-size:10px}.growth{display:grid;grid-template-columns:.85fr 1.5fr;gap:70px;border-bottom:1px solid var(--line)}.growth h2{font-size:37px}.growth-intro{color:#c3c9bb;max-width:540px;margin-bottom:30px;font-size:18px}.growth-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.growth-flow article{border-top:1px solid #4a533f;padding-top:19px}.growth-flow article>span{font-size:10px;letter-spacing:1.3px;color:var(--green)}.growth-flow h3{font-size:16px;font-weight:500;line-height:1.5;margin:15px 0 10px}.growth-flow p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.story-body{display:grid;grid-template-columns:.9fr 1.2fr;gap:85px;margin-top:59px}blockquote{font-family:var(--display);font-size:25px;line-height:1.5;letter-spacing:-.8px;margin:0;border-left:2px solid var(--green);padding-left:25px;color:#d0e5b0}cite{display:block;font-family:var(--font);font-size:12px;font-style:normal;letter-spacing:0;color:#989f91;margin-top:24px}.details{scroll-margin-top:40px}details{border-top:1px solid #3b4035}details:last-child{border-bottom:1px solid #3b4035}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:15px;font-weight:500;padding:20px 0}summary::-webkit-details-marker{display:none}summary span{color:var(--green)}details[open] summary span{transform:rotate(45deg)}details p{font-size:14px;color:var(--muted);line-height:1.8;margin:0 20px 22px 0}.maturity{margin-top:50px;padding:25px 28px;display:flex;align-items:center;gap:30px;border:1px solid var(--line);border-radius:5px}.status-tag{font-size:10px;letter-spacing:1.4px;color:var(--green);white-space:nowrap}.maturity p{margin:0;font-size:14px;line-height:1.8}.maturity p span{color:var(--muted);font-size:13px}.closing{text-align:center;padding:70px 0 91px;border-top:1px solid var(--line)}.closing .eyebrow{justify-content:center;color:var(--green)}.closing h2{font-size:clamp(56px,6vw,80px);letter-spacing:-4px;line-height:1.05;margin-bottom:30px}.closing>p:last-child{font-size:12px;color:var(--muted);margin:17px 0 0}footer{display:flex;justify-content:space-between;align-items:center;gap:22px;border-top:1px solid var(--line);padding-block:29px}footer>span,footer>a:last-child{font-size:12px;color:var(--muted)}footer .brand{font-size:21px}footer .brandmark{height:25px;width:23px;font-size:24px}footer .ai{font-size:11px}.skip{position:absolute;left:12px;top:-100px;z-index:10;padding:10px;background:var(--green);color:#101112}.skip:focus{top:12px}@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:65px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.architecture{gap:35px;padding:40px}.stack b{margin:0 10px}.step{padding:15px 8px;gap:12px}.step small{font-size:11px}.growth{grid-template-columns:1fr;gap:30px}.growth-flow{gap:35px}.growth h2 br{display:none}.story-body{gap:45px}.walkthrough{padding:23px}.section-heading{gap:35px}h1{letter-spacing:-3px}.feature{padding:24px 20px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}header{height:80px}.brand{font-size:24px}nav{display:none}.button.small{font-size:12px;gap:15px;padding:9px 12px}.hero{padding-top:55px;padding-bottom:35px}.hero-index{display:none}h1{font-size:clamp(45px,9vw,65px);letter-spacing:-2.7px}.lede{font-size:17px;max-width:440px}.eyebrow{font-size:10px;letter-spacing:1.3px;margin-bottom:20px}.hero-actions{gap:22px;flex-wrap:wrap}.button{font-size:14px;padding:14px 18px;gap:26px}.hero-note{font-size:11px}.studio-top{padding:14px;font-size:11px}.meta{font-size:8px;letter-spacing:.6px}.studio-body{grid-template-columns:1fr}.steps{display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid var(--line);padding:12px;gap:5px}.step{padding:12px 9px;gap:8px}.step small,.step-arrow{display:none}.step strong{font-size:12px}.step>span:first-child{font-size:10px}.walkthrough{padding:20px}.example{margin-top:20px;min-height:122px}.example p{font-size:17px}.panel-description h2{font-size:21px}.studio-footer{padding:12px 15px;align-items:flex-start;font-size:10px}.studio-footer span{max-width:190px}.studio-footer a{white-space:nowrap}.stack{display:block;text-align:center;padding:24px 0}.stack>div{font-size:13px;word-spacing:0;margin-top:10px}.stack b{margin:0 7px}.section{padding-top:65px;padding-bottom:60px}.section-heading{display:block;margin-bottom:30px}h2{letter-spacing:-1.5px;font-size:37px}.section-heading>p{margin-top:22px;max-width:100%;font-size:15px}.feature-grid{grid-template-columns:1fr;gap:13px}.feature{padding:23px}.feature-icon{height:36px}.feature h3{margin-top:15px}.feature p{font-size:15px;margin-bottom:18px}.tags span{font-size:11px}.architecture{grid-template-columns:1fr;padding:31px 24px;gap:30px}.architecture h2{font-size:38px}.architecture h2 br:nth-child(2){display:none}.architecture-copy>p:not(.eyebrow){max-width:100%}.system-node small{font-size:11px}.growth-flow{grid-template-columns:1fr;gap:23px}.growth-flow p{font-size:14px}.growth-flow h3{font-size:18px;margin-top:10px}.growth-intro{font-size:16px}.growth h2 br{display:block}.story-body{grid-template-columns:1fr;gap:35px;margin-top:35px}blockquote{font-size:23px}.maturity{display:block;padding:21px}.maturity p{margin-top:10px}.closing{padding:55px 0 65px}.closing h2{font-size:57px;letter-spacing:-3px}footer{flex-wrap:wrap;padding-block:24px}footer>span{order:3;flex-basis:100%;font-size:11px}footer>a:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Two connected product workspaces */
.hero h1{font-size:clamp(44px,5.7vw,77px);letter-spacing:-3.9px}.hero .lede{max-width:610px}.product-paths{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:72px}.product-path{display:block;border:1px solid #434c37;border-radius:7px;background:#1b2116;padding:28px 30px;transition:border-color .2s,background .2s}.growth-path{background:#191d25;border-color:#3d4658}.product-path:hover{border-color:var(--green);background:#232b1c}.growth-path:hover{border-color:#a7bafa;background:#202737}.product-name{display:flex;gap:7px;align-items:center;font-size:15px;color:#aeb7a1;margin-bottom:26px}.product-name strong{color:var(--green);font-size:19px}.growth-path .product-name strong{color:#b6c6fc}.product-name>span{margin-left:auto;color:var(--green);font-size:23px}.growth-path .product-name>span{color:#b6c6fc}.product-path h2{font-size:28px;letter-spacing:-1px;margin-bottom:14px}.product-path p{font-size:16px;color:#b0b7a8;line-height:1.7;max-width:470px;margin-bottom:24px}.growth-path p{color:#b3b9c9}.path-label{font-size:11px;letter-spacing:1px;color:#aebd9a}.growth-path .path-label{color:#b1bcda}.build-intro{padding-top:10px;margin-bottom:32px;scroll-margin-top:25px}.build-intro .eyebrow{color:var(--green);margin-bottom:17px}.build-intro>p:last-child{font-size:16px;color:var(--muted);max-width:640px;margin:22px 0 0}.growth-product{border-bottom:1px solid var(--line)}.growth-product .eyebrow,.growth-number{color:#b6c6fc}.growth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.growth-grid article{border-top:2px solid #7185bd;background:#191c23;padding:25px}.growth-number{font-size:11px;letter-spacing:1.3px}.growth-grid h3{font-family:var(--display);font-weight:500;font-size:23px;line-height:1.3;letter-spacing:-.5px;margin:24px 0 16px}.growth-grid p{font-size:16px;line-height:1.75;color:#b0b5c1}.growth-grid .tags span{color:#b4bfd9;border-color:#414b61;font-size:11px}.product-bridge{display:flex;align-items:center;gap:30px;border:1px solid #3b4250;border-radius:5px;padding:27px;margin-top:24px}.bridge-label{font-size:11px;letter-spacing:1.2px;white-space:nowrap;color:#b6c6fc}.product-bridge h3{font-size:18px;font-weight:500;margin:0 0 9px}.product-bridge p{font-size:14px;line-height:1.8;color:var(--muted);margin:0;max-width:670px}.product-bridge .text-link{white-space:nowrap;margin-left:auto}.growth-note{font-size:12px;color:#a0a8ba;margin:19px 0 0}.closing h2{font-size:clamp(45px,5.5vw,70px)}@media(max-width:900px){.growth-grid{grid-template-columns:1fr}.product-bridge{flex-wrap:wrap}.product-bridge .text-link{margin-left:0}.product-path{padding:24px}.product-path h2{font-size:25px}}@media(max-width:760px){.hero h1{font-size:clamp(39px,7.9vw,58px);letter-spacing:-2.2px}.product-paths{grid-template-columns:1fr;margin-bottom:50px;gap:14px}.product-name{margin-bottom:17px}.product-path p{font-size:15px}.product-path h2{font-size:28px}.path-label{font-size:10px}.build-intro h2{font-size:34px}.growth-product h2{font-size:34px}.product-bridge{gap:17px;padding:23px}.growth-grid{gap:16px}.growth-grid h3{margin-top:18px}.closing h2{font-size:44px;letter-spacing:-2px}header{flex-wrap:wrap;height:auto;min-height:100px;padding-block:15px;gap:14px}nav{display:flex;order:3;flex-basis:100%;gap:25px;font-size:13px}header .button{margin-left:auto}}