@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#111718;--dark:#101517;--dark-2:#171e1e;--paper:#f4f5f0;--white:#fff;--muted:#64706e;--line:#dce1d9;--lime:#b9f36b;--green:#477b62;--mono:'DM Mono',ui-monospace,monospace;--sans:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #79af44;outline-offset:4px}
.container{width:min(1320px,calc(100% - 80px));margin-inline:auto}
.skip-link{position:absolute;z-index:100;top:-60px;left:16px;padding:10px 16px;background:var(--lime);color:var(--ink);font-weight:800}.skip-link:focus{top:12px}
.site-header{position:relative;z-index:10;background:var(--dark);color:#f7faf4;border-bottom:1px solid #27302d}
.header-inner{display:flex;align-items:center;min-height:78px;gap:36px}
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:23px;font-weight:800;letter-spacing:-1.3px}.brand img{display:block;border-radius:11px}
.desktop-nav{display:flex;align-items:center;gap:34px;margin-left:auto;color:#aeb8b1;font-size:13px;font-weight:700}.desktop-nav a:hover,.footer-links a:hover{color:var(--lime)}
.header-cta{display:inline-flex;align-items:center;gap:26px;padding:12px 16px;border:1px solid #5b6d5b;border-radius:7px;color:var(--lime);font-size:12px;font-weight:800;transition:background .2s,border-color .2s}.header-cta:hover{background:#253128;border-color:var(--lime)}.header-cta span{font-size:17px;font-weight:500}
.mobile-nav{display:none}
.hero{overflow:hidden;background:radial-gradient(circle at 72% 27%,#eef4e6 0,transparent 36%),var(--paper)}
.hero-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:42px;min-height:690px;padding-block:84px 88px}
.hero-copy{position:relative;z-index:2;padding-bottom:26px}.eyebrow,.section-kicker,.card-label{display:inline-flex;align-items:center;gap:10px;font:500 10px var(--mono);letter-spacing:1.5px}.eyebrow{color:#4b6657}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#5a9b65;box-shadow:0 0 0 4px #5a9b6519}
h1,h2,h3,p{margin-top:0}.hero h1{margin:24px 0 24px;font-size:clamp(58px,5.7vw,92px);line-height:1.04;letter-spacing:-6px;font-weight:800}.hero h1 em,.local-section h2 em{font-style:normal;color:var(--green)}
.hero-lede{max-width:520px;margin-bottom:34px;color:#57635f;font-size:17px;line-height:1.85}.hero-actions,.start-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:56px;padding:0 22px;border-radius:8px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #19261b22}.button span{font-size:19px;font-weight:500}.button-dark{background:var(--dark);color:#fff}.button-lime{background:var(--lime);color:var(--dark)}.text-link{font-size:13px;font-weight:800}.text-link:hover,.start-secondary:hover{text-decoration:underline;text-underline-offset:5px}.text-link span{margin-left:8px}
.hero-facts{display:flex;flex-wrap:wrap;gap:14px 20px;margin-top:50px;color:#64716a;font-size:10px;font-weight:700}.hero-facts span{display:inline-flex;align-items:center;gap:7px}.hero-facts i{width:5px;height:5px;border-radius:50%;background:#7da46e}
.hero-visual{position:relative;min-width:0;padding:40px 9px 28px 0}.visual-glow{position:absolute;inset:4% -10% 4% 4%;border-radius:45%;background:#b9f36b44;filter:blur(65px)}
.workspace-window{position:relative;overflow:hidden;border:1px solid #39413e;border-radius:16px;background:#eef0eb;box-shadow:0 36px 80px #1e33252c,0 10px 30px #1e33251b;transform:perspective(1500px) rotateY(-5deg) rotateX(2deg);transform-origin:center}.window-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:36px;padding:0 13px;background:#151b1c;color:#80908a;font:500 8px var(--mono);letter-spacing:1.1px}.traffic{display:flex;gap:5px}.traffic b{width:6px;height:6px;border-radius:50%;background:#56615c}.traffic b:first-child{background:#8e6d62}.traffic b:nth-child(2){background:#a59162}.traffic b:nth-child(3){background:#668f71}.window-live{justify-self:end;color:#a9d88a}.window-live i,.mock-sidebar-foot i,.mock-task.active i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#93cf6e}
.window-body{display:grid;grid-template-columns:130px minmax(0,1fr);height:390px}.mock-sidebar{display:flex;flex-direction:column;gap:6px;padding:18px 9px;background:#141a1a;color:#6d7975}.mock-brand{display:flex;align-items:center;gap:7px;margin:0 4px 22px;color:white;font-size:12px;letter-spacing:-.6px}.mock-brand img{width:21px;height:21px}.mock-nav{display:flex;align-items:center;gap:8px;padding:8px;border-radius:5px;font:15px var(--mono)}.mock-nav b{font:600 8px var(--sans)}.mock-nav.current{color:#f0f8ec;background:#222a27}.mock-sidebar-foot{margin-top:auto;padding:8px 4px;border-top:1px solid #2a3230;font:6px var(--mono);letter-spacing:.5px}
.mock-main{min-width:0;background:#f5f6f2}.mock-main-top{display:flex;justify-content:space-between;padding:15px 17px;border-bottom:1px solid #e0e4dd;color:#8d9a8d;font:500 7px var(--mono);letter-spacing:.5px}.mock-heading{display:flex;align-items:end;justify-content:space-between;gap:8px;padding:23px 17px 19px}.mock-heading div{display:grid;gap:5px}.mock-heading small{color:#7c9a79;font:500 7px var(--mono);letter-spacing:1px}.mock-heading strong{font-size:20px;letter-spacing:-1px}.mock-heading>span{padding:7px 9px;border-radius:4px;background:#b9f36b;font-size:7px;font-weight:800}.mock-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px}.mock-column{min-width:0;min-height:210px;padding:8px 7px;border:1px solid #e4e8e0;border-radius:7px;background:#eef1eb}.mock-column-label{display:flex;justify-content:space-between;gap:2px;margin-bottom:11px;color:#6e7e70;font:500 7px var(--mono);white-space:nowrap}.mock-column-label b{font-weight:500}.mock-task{display:grid;gap:14px;min-height:118px;padding:11px 9px;border:1px solid #e1e5dd;border-radius:6px;background:#fff;box-shadow:0 4px 10px #1a2a1c0a}.mock-task small{color:#819687;font:500 7px var(--mono)}.mock-task strong{font-size:10px;line-height:1.5}.mock-task>span{color:#8f9d90;font-size:7px;font-weight:700}.mock-task.active{border-color:#a8c796;box-shadow:0 5px 13px #62965a1d}.mock-task.active>span{color:#477b62}.mock-task.review>span{color:#6e63a5}.mock-bottom{display:flex;justify-content:space-between;gap:8px;margin:20px 17px 0;padding-top:12px;border-top:1px solid #e0e4dd;color:#879189;font-size:7px}.mock-bottom b{color:#527b5a}
.floating-note{position:absolute;right:-15px;bottom:25px;z-index:2;display:flex;align-items:center;gap:11px;padding:12px 18px 12px 12px;border:1px solid #dae3d4;border-radius:11px;background:#fff;box-shadow:0 18px 32px #203a261a}.note-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e6f6d8;color:#477b62;font-size:17px;font-weight:800}.floating-note div{display:grid;gap:3px}.floating-note strong{font-size:10px}.floating-note small{color:#78867b;font-size:8px}.visual-caption{position:absolute;right:5px;bottom:0;margin:0;color:#91a095;font:8px var(--mono)}
.value-strip{background:#e9eee3;border-top:1px solid #dce4d4;border-bottom:1px solid #dce4d4}.strip-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:80px}.strip-inner p{margin:0;color:#6a7c6b;font:500 12px var(--mono);letter-spacing:.6px}.strip-inner p strong{color:#253d2f;font-weight:500}.strip-inner div{display:flex;gap:24px;color:#54715e;font:500 9px var(--mono);letter-spacing:.6px}
.section{padding-block:122px}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:52px}.section-kicker{color:#5b8a60}.section-intro h2,.start-section h2{margin:17px 0 0;font-size:clamp(38px,4vw,60px);line-height:1.12;letter-spacing:-3px}.section-intro>p{max-width:380px;margin:0 0 6px;color:#64706b;font-size:15px;line-height:1.8}
.workflow-section{background:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden}.step{position:relative;display:flex;flex-direction:column;min-height:350px;padding:28px 32px 29px;border-right:1px solid var(--line)}.step:last-child{border-right:0}.step-number{position:absolute;right:28px;top:28px;color:#a4b0a6;font:500 11px var(--mono)}.step-icon{display:grid;place-items:center;width:55px;height:55px;margin:12px 0 50px;border-radius:13px;background:#eaf3e4;color:#477b62;font:29px var(--mono)}.step h3{margin:0 0 12px;font-size:21px;letter-spacing:-.8px}.step p{margin:0;color:#68736c;font-size:13px;line-height:1.75}.step-foot{margin-top:auto;padding-top:22px;color:#73906c;font:500 9px var(--mono);letter-spacing:1px}
.features-section{background:#f2f4ef}.feature-grid{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto;gap:16px}.feature-card{position:relative;overflow:hidden;min-height:350px;padding:31px;border:1px solid #dbe1d8;border-radius:12px;background:#fff}.feature-content{position:relative;z-index:1}.feature-card h3{margin:23px 0 12px;font-size:clamp(25px,2.55vw,38px);line-height:1.18;letter-spacing:-1.7px}.feature-card p{max-width:370px;margin:0;color:#64716a;font-size:13px;line-height:1.75}.card-label{color:#5d8964}.feature-main{min-height:438px;background:#18201f;color:#fff;border-color:#18201f}.feature-main .card-label{color:#b9f36b}.feature-main h3{font-size:clamp(32px,3vw,43px)}.feature-main p{color:#aebbb2}.code-card{position:absolute;right:-12px;bottom:-14px;width:56%;min-height:175px;border:1px solid #42564b;border-radius:9px;background:#111816;box-shadow:0 -10px 36px #0c14141e;transform:rotate(-3deg)}.code-card>div{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid #29372f;color:#c3d1c3;font:8px var(--mono)}.code-card small{color:#9ac883}.code-card code{display:block;padding:16px 10px;color:#bdcabc;font:8px/2.4 var(--mono);white-space:nowrap}.code-muted{color:#536659}.code-del{color:#d17a76}.code-add{color:#8fdc9a}.feature-chat{background:#ecf1e8}.chat-preview{position:absolute;right:23px;bottom:18px;width:215px;padding:14px;border:1px solid #d6e3d3;border-radius:11px;background:#fff;box-shadow:0 8px 20px #28472a0f}.chat-preview span{color:#477b62;font-size:9px;font-weight:800}.chat-preview p{margin:8px 0 13px;color:#475b4b;font-size:10px;line-height:1.6}.chat-preview div{display:flex;justify-content:space-between;border-top:1px solid #e4ebe1;padding-top:9px;color:#477b62;font-size:9px;font-weight:800}.feature-review{min-height:360px}.review-preview{position:absolute;right:25px;bottom:20px;left:31px;display:grid;gap:13px;padding:15px;border:1px solid #dce5d9;border-radius:8px;background:#f5f8f2}.review-preview>span{color:#56805e;font:8px var(--mono);letter-spacing:1px}.review-preview div{display:flex;justify-content:space-between;align-items:center;gap:10px}.review-preview b{font-size:11px}.review-preview small{color:#849085;font-size:9px}.feature-journal{min-height:360px;background:#e9eee8}.journal-preview{position:absolute;right:0;bottom:-8px;width:39%;height:155px;padding:18px;border:1px solid #dae3d8;border-right:0;border-radius:9px 0 0 0;background:#fff;transform:rotate(-5deg)}.journal-preview span{display:block;margin-bottom:20px;color:#819784;font:8px var(--mono)}.journal-preview i{display:block;height:5px;margin:10px 0;border-radius:2px;background:#dfe9dc}.journal-preview i:nth-child(3){width:76%}.journal-preview i:nth-child(4){width:58%}
.local-section{padding-block:100px;background:#dff0d0}.local-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.local-section h2{margin:16px 0 0;font-size:clamp(42px,4.5vw,67px);line-height:1.1;letter-spacing:-4px}.local-copy{padding-top:12px}.local-copy p{max-width:530px;margin:0 0 16px;color:#405248;font-size:15px;line-height:1.9}.local-copy a{display:inline-block;margin-top:12px;border-bottom:1px solid #527753;padding-bottom:5px;color:#315e3e;font-size:13px;font-weight:800}
.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.faq-section h2{margin:17px 0 0;font-size:clamp(38px,4vw,60px);line-height:1.12;letter-spacing:-3px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;list-style:none;cursor:pointer;font-size:15px;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:#edf4e9;color:#477b62;font:20px var(--mono)}.faq-list details[open] summary::after{content:'−'}.faq-list p{max-width:620px;margin:-4px 0 25px;color:#64716a;font-size:13px;line-height:1.85}
.start-section{background:#141b1b;color:#fff}.start-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.start-section .section-kicker{color:var(--lime)}.start-section h2{margin-bottom:22px}.start-section p{max-width:480px;color:#a5b3ab;font-size:15px;line-height:1.85}.start-actions{margin-top:32px}.start-secondary{color:#d4ded6;font-size:12px;font-weight:800}.requirements{padding:27px;border:1px solid #35433c;border-radius:12px;background:#1c2522}.requirements-head{display:flex;align-items:center;gap:12px;color:#acc2ad;font:9px var(--mono);letter-spacing:1px}.requirements ul{padding:0;margin:23px 0;list-style:none}.requirements li{display:grid;grid-template-columns:32px 1fr 18px;align-items:center;gap:10px;padding:18px 0;border-bottom:1px solid #35413a}.requirements li:last-child{border-bottom:0}.requirements li>span{color:#6b8e70;font:10px var(--mono)}.requirements li div{display:grid;gap:5px}.requirements strong{font-size:12px}.requirements small{color:#8e9e93;font-size:10px}.requirements li b{color:var(--lime);font-size:16px}.requirements>p{margin:18px 0 0;padding:15px;border-radius:7px;background:#27332c;color:#aec0ae;font-size:10px;line-height:1.6}
.early-access-note{display:flex;align-items:flex-start;gap:12px;max-width:500px;margin-top:28px;padding:15px 17px;border:1px solid #45644a;border-radius:9px;background:#243328}.early-access-note>span{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:7px;background:var(--lime);color:#1c2b1f;font-size:15px;font-weight:800}.start-section .early-access-note p{margin:0;color:#e0eedb;font-size:12px;line-height:1.65}
.site-footer{background:#101616;color:#fff}.footer-main{display:flex;justify-content:space-between;gap:30px;padding-block:58px 45px;border-bottom:1px solid #2c3831}.footer-main p{margin:16px 0 0;color:#8b9b91;font-size:12px}.footer-links{display:flex;flex-wrap:wrap;align-items:start;gap:28px;color:#a7b6ac;font-size:12px;font-weight:700}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding-block:22px;color:#8b9b91;font:10px var(--mono)}.footer-credit{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px}.footer-credit a{color:#dce8da;border-bottom:1px solid #5d785e;padding-bottom:2px;transition:color .2s,border-color .2s}.footer-credit a:hover{color:var(--lime);border-color:var(--lime)}
@media(max-width:1100px){.container{width:min(100% - 48px,1320px)}.hero-grid{gap:15px}.hero h1{letter-spacing:-4px}.window-body{grid-template-columns:105px minmax(0,1fr)}.mock-sidebar{padding-inline:6px}.mock-nav b{font-size:7px}.mock-columns{gap:5px;padding-inline:8px}.mock-column{padding-inline:4px}.mock-task{padding-inline:6px}.feature-card p{max-width:300px}.code-card{width:62%;opacity:.86}.start-grid{gap:45px}}
@media(max-width:800px){.desktop-nav,.header-cta{display:none}.header-inner{min-height:66px}.mobile-nav{display:block;margin-left:auto;position:relative}.mobile-nav summary{display:grid;gap:4px;padding:10px;cursor:pointer;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;top:47px;right:0;display:grid;min-width:220px;padding:10px;border:1px solid #34443b;border-radius:9px;background:#1a2420;box-shadow:0 18px 32px #09110d44}.mobile-nav nav a{padding:12px;font-size:12px}.mobile-nav nav a:hover{color:var(--lime)}.hero-grid{grid-template-columns:1fr;gap:30px;min-height:0;padding-block:68px 80px}.hero-copy{padding:0}.hero h1{font-size:clamp(52px,9vw,78px)}.hero-visual{max-width:660px;margin-inline:auto;padding-right:8px}.strip-inner{min-height:75px}.section{padding-block:90px}.section-intro{align-items:start;flex-direction:column;gap:17px}.steps{grid-template-columns:1fr}.step{min-height:240px;border-right:0;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.step-icon{margin:0 0 22px}.feature-grid{grid-template-columns:1fr 1fr}.feature-main{grid-column:1/-1}.feature-chat{grid-column:1/-1;min-height:320px}.feature-review,.feature-journal{min-height:390px}.feature-review .review-preview div{display:grid}.local-grid,.faq-grid,.start-grid{grid-template-columns:1fr;gap:35px}.local-section{padding-block:85px}.local-copy{padding-top:0}.requirements{max-width:620px}}
@media(max-width:600px){.container{width:calc(100% - 36px)}.brand{font-size:20px}.brand img{width:32px;height:32px}.hero-grid{padding-block:60px 70px}.hero h1{font-size:clamp(47px,12.3vw,68px);letter-spacing:-3.8px}.hero-lede{font-size:15px;line-height:1.75}.hero-actions{align-items:stretch;flex-direction:column;gap:20px}.hero-actions .button{align-self:flex-start}.hero-facts{gap:10px 16px;margin-top:34px}.hero-visual{margin-inline:-9px;padding-top:14px}.workspace-window{transform:none}.window-body{height:290px;grid-template-columns:85px minmax(0,1fr)}.mock-brand{gap:4px;font-size:9px}.mock-brand img{width:16px;height:16px}.mock-sidebar{padding:12px 4px}.mock-nav{gap:4px;padding:5px 3px;font-size:10px}.mock-nav b{font-size:6px}.mock-sidebar-foot{font-size:5px}.mock-main-top{padding:10px;font-size:5px}.mock-heading{padding:16px 8px 13px}.mock-heading strong{font-size:16px}.mock-heading>span{font-size:5px}.mock-columns{gap:3px;padding:0 5px}.mock-column{min-height:170px;padding:5px 3px}.mock-column-label{font-size:5px}.mock-task{min-height:96px;gap:8px;padding:7px 4px}.mock-task small,.mock-task>span{font-size:5px}.mock-task strong{font-size:7px}.mock-bottom{margin:12px 8px 0;font-size:5px}.floating-note{right:0;bottom:13px;padding:7px 10px}.note-icon{width:27px;height:27px}.floating-note strong{font-size:8px}.floating-note small{font-size:6px}.visual-caption{bottom:-1px;font-size:6px}.strip-inner{align-items:start;flex-direction:column;justify-content:center;gap:10px;padding-block:15px}.strip-inner p{font-size:10px}.strip-inner div{gap:14px;font-size:7px}.section{padding-block:72px}.section-intro{margin-bottom:30px}.section-intro h2,.faq-section h2,.start-section h2{font-size:38px;letter-spacing:-2px}.section-intro>p{font-size:13px}.step{padding:26px;min-height:250px}.step h3{font-size:20px}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-main,.feature-chat,.feature-review,.feature-journal{grid-column:auto;min-height:340px}.feature-card{padding:25px}.feature-card h3{font-size:30px}.feature-card p{font-size:12px;max-width:300px}.feature-main{min-height:430px}.feature-main p{max-width:260px}.code-card{width:87%;right:-22px;bottom:-18px}.feature-chat{min-height:400px}.chat-preview{right:18px;bottom:16px}.feature-review{min-height:370px}.feature-journal{min-height:345px}.journal-preview{width:45%}.local-section{padding-block:70px}.local-section h2{font-size:44px;letter-spacing:-2.5px}.local-copy p{font-size:13px}.faq-list summary{font-size:13px}.faq-list p{font-size:12px}.start-grid{gap:38px}.start-section p{font-size:13px}.start-actions{align-items:flex-start;flex-direction:column}.requirements{padding:20px}.footer-main{flex-direction:column;gap:28px;padding-block:45px 30px}.footer-links{gap:17px}.footer-bottom{flex-direction:column;gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}