@font-face{font-family:Manrope;src:url("fonts/Manrope.c329d9ac3c7b.ttf") format('truetype');font-weight:200 800;font-display:swap}@font-face{font-family:Unbounded;src:url("fonts/Unbounded.3ba1d6fdf96b.ttf") format('truetype');font-weight:200 900;font-display:swap}
:root{--bg:#121713;--panel:#1c221d;--line:#343c34;--text:#f4f6ef;--muted:#c1c9bc;--lime:#c6f45b;--ink:#192016;--display:Unbounded,Arial,sans-serif;--body:Manrope,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(1320px,calc(100% - 112px));margin:auto}.header{height:98px;padding:0 56px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:#121713ed;backdrop-filter:blur(16px)}.logo{font-family:var(--display);font-size:29px;letter-spacing:-2px;display:inline-flex;align-items:baseline;font-weight:650;line-height:1}.logo-x{color:var(--lime);font-size:36px;display:inline-block;transform:skew(-10deg)}.logo-dot{width:5px;height:5px;background:var(--lime);margin-left:5px}.header nav{display:flex;gap:30px;margin:auto;font-size:14px;color:#c4cbc0}.header nav a:hover,.login:hover{color:var(--lime)}.auth-actions{display:flex;align-items:center;gap:27px;font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;background:var(--lime);color:var(--ink);border:1px solid var(--lime);padding:17px 24px;font-weight:750;border-radius:8px;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{background:#d6ff78;transform:translateY(-3px);box-shadow:0 8px 24px #c6f4191b}.button span{font-size:23px;line-height:1}.button.small{padding:10px 17px;gap:20px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;color:var(--lime);margin:0}.hero{padding-top:38px}.hero-top{display:flex;justify-content:space-between;gap:24px}.edition{font-size:12px;letter-spacing:1.5px;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:52px;align-items:center;padding:66px 0 73px}.hero h1{font-family:var(--display);font-size:clamp(38px,4.25vw,65px);letter-spacing:-2.8px;line-height:1.22;font-weight:500;margin:0 0 29px}.hero h1>span{color:var(--lime)}.hero-description{font-size:18px;color:#d0d7ca;line-height:1.75;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.watch{display:flex;align-items:center;gap:10px;font-size:14px}.play{border:1px solid #52604e;border-radius:50%;height:33px;width:33px;display:grid;place-items:center;font-size:10px;color:var(--lime)}.watch:hover .play{background:var(--lime);color:var(--ink)}.hero-note{color:#c1c9bc;font-size:14px;margin:22px 0 0}.product-scene{position:relative;padding:0 0 15px;min-width:0}.scene-caption{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;color:#c1c9bc;margin:0 0 16px}.product-window{background:#f0f2e9;color:#283027;border:1px solid #809177;border-radius:12px;box-shadow:0 26px 90px #0005;transform:none;overflow:hidden;transition:transform .5s}.product-scene:hover .product-window{transform:none}.window-head{display:flex;align-items:center;gap:16px;padding:17px 20px;border-bottom:1px solid #d9dfd1}.mini-logo{font-family:var(--display);font-size:17px;letter-spacing:-1px;font-weight:650}.mini-logo span{color:#588623}.demo-label{margin-left:auto;font-size:13px;color:#465340}.avatar{display:grid;place-items:center;font-size:10px;font-weight:800;border:1px solid #c3ccbc;border-radius:50%;width:28px;height:28px}.window-body{display:flex}.mock-sidebar{padding:23px 10px;background:#e5eadf;display:flex;gap:18px;flex-direction:column;align-items:center;font-size:23px;color:#87937e}.mock-sidebar>span{height:34px;width:34px;text-align:center}.mock-sidebar .active{background:#d0e9a3;border-radius:5px;color:#476326}.mock-content{padding:24px 20px 17px;width:100%;min-width:0}.mock-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.muted{font-size:13px;color:#465340}.mock-title h2{font-family:var(--body);font-size:19px;letter-spacing:-.5px;margin:4px 0 20px}.country-label{font-size:12px;letter-spacing:1px;border:1px solid #d3d9ce;padding:3px 5px;white-space:nowrap}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stats>div{display:flex;flex-direction:column;border:1px solid #d5dccf;padding:15px;background:#f8f9f4;border-radius:7px}.stats>div:first-child{background:#ddedc6;border-color:#d0dfba}.stats span{font-size:13px;color:#465340}.stats strong{font-family:var(--display);font-size:27px;font-weight:500;margin:5px 0}.stats small{font-size:12px;color:#465340}.mock-table{margin-top:24px}.table-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:10px}.table-title>span{color:#465340;font-size:12px}.table-row{display:grid;grid-template-columns:1.7fr .6fr .8fr;align-items:center;gap:5px;padding:10px 0;border-bottom:1px solid #dbe1d4;font-size:13px}.table-label{color:#465340;font-size:12px}.status{justify-self:end;font-size:12px;color:#36521c;padding:2px 7px;background:#dfeccf;border-radius:4px}.pending{background:#ece5cc;color:#59480f}.window-bottom{font-size:12px;display:flex;justify-content:space-between;margin-top:19px;color:#465340}.connection:before{content:'✓';margin-right:5px}.floating-card{position:relative;margin:-4px -17px 0 auto;width:max-content;max-width:95%;background:#303d29;border:1px solid #657852;border-radius:8px;padding:13px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 30px #0003;animation:float 7s ease-in-out infinite}.floating-card strong{font-size:14px;display:block}.floating-card div>span{color:#d0dac6;font-size:12px;display:block}.check-symbol{display:grid;place-items:center;border-radius:50%;height:28px;width:28px;color:var(--ink);background:var(--lime)}.demo-tabs{display:flex;gap:8px;margin-top:20px}.demo-tabs button{background:transparent;color:#a7b59e;border:1px solid #3e4b38;padding:7px 13px;border-radius:5px;font-size:12px}.demo-tabs button span{margin-left:8px}.demo-tabs .selected{background:#283320;border-color:#778c5f;color:var(--lime)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-top:1px solid var(--line);font-size:11px;letter-spacing:1.3px;color:#a9b4a2}.hero-bottom a{display:flex;gap:30px;align-items:center;font-size:12px;letter-spacing:0}.hero-bottom a>span{font-size:24px;color:var(--lime)}.capability-strip{background:var(--lime);color:var(--ink);padding:21px 0}.capability-strip>div{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}.capability-strip span{font-size:15px;font-weight:750}.capability-strip i{font-style:normal;font-size:27px;line-height:1}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:grid;grid-template-columns:1fr 2.2fr;gap:40px;margin-bottom:48px}.section-heading .eyebrow{padding-top:10px}.section-heading h2{font-family:var(--display);font-size:clamp(28px,3vw,43px);font-weight:450;line-height:1.35;letter-spacing:-1.3px;margin:0}.subtle{color:#bbc7b3}.section-heading>div>p{color:var(--muted);max-width:660px;margin:24px 0 0}.feature-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:18px}.feature{border:1px solid var(--line);border-radius:10px;padding:30px;display:flex;flex-direction:column;background:var(--panel);position:relative;transition:transform .25s,border-color .25s}.feature:hover{transform:translateY(-5px);border-color:#789152}.feature-wide{background:#c6f45b;color:var(--ink)}.feature-number{font-size:11px;letter-spacing:1px;font-weight:800;margin-bottom:28px}.feature h3{font-family:var(--display);font-size:21px;line-height:1.45;font-weight:500;letter-spacing:-.6px;margin:15px 0}.feature p{font-size:15px;color:var(--muted);margin:0;line-height:1.7}.feature-wide p{color:#3e502d}.feature-icon{font-size:36px;color:var(--lime);line-height:1}.code-line{display:flex;gap:18px;align-items:center;border-top:1px solid #9fc64a;margin-top:40px;padding-top:24px}.code-brackets{font-size:34px;white-space:nowrap}.code-line small{font-size:12px;letter-spacing:1px;display:block}.code-line strong{font-size:12px;display:block;margin-top:5px}.workflow{background:#1b221c;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.steps article{border-top:1px solid #57694a;padding-top:20px}.steps article>span{font-family:var(--display);font-size:35px;font-weight:350;color:var(--lime)}.steps h3{font-size:18px;margin:25px 0 12px}.steps p{font-size:15px;color:var(--muted);margin:0}.scenario-layout{display:grid;grid-template-columns:1fr 1.45fr;gap:65px}.scenario-tabs{display:flex;flex-direction:column}.scenario-tabs button{background:transparent;border:0;border-bottom:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;gap:15px;color:#9faa99;text-align:left;font-size:21px}.scenario-tabs button[aria-selected=true]{color:var(--lime)}.scenario-tabs button>span{color:var(--lime)}.scenario-panel{background:#242e22;border:1px solid #3c4b34;border-radius:10px;padding:38px}.scenario-panel h3{font-family:var(--display);font-weight:450;line-height:1.5;font-size:25px;letter-spacing:-.5px;margin:21px 0}.scenario-panel>p{color:var(--muted);font-size:16px;min-height:78px}.route-line{display:flex;align-items:center;gap:20px;border-top:1px solid #415338;padding-top:24px;margin-top:30px;font-size:14px}.route-track{flex:1;color:var(--lime);font-size:25px;text-align:center}.cta-section{border:1px solid #425236;border-radius:14px;background:radial-gradient(ellipse at 85% 100%,#41542c 0,transparent 58%),#222c1e;padding:65px;margin-bottom:80px;position:relative}.cta-section h2{font-family:var(--display);font-weight:450;line-height:1.3;font-size:clamp(30px,4vw,56px);letter-spacing:-1.5px;margin:25px 0 32px}.cta-section h2>span{color:var(--lime)}.cta-section>p:last-child{font-size:14px;color:var(--muted);margin:23px 0 0}.cta-section>p:last-child a{color:var(--text);text-decoration:underline;text-underline-offset:4px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:40px}footer>span,footer>a:last-child{font-size:12px;color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--lime);color:var(--ink);padding:12px}.skip:focus{top:10px}.js-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .65s ease,transform .65s ease}.js-ready .reveal.visible{opacity:1;transform:none}.demo-changing{animation:panel-in .3s ease}@keyframes panel-in{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-7px)}}@view-transition{navigation:auto}::view-transition-old(root){animation:page-out .18s ease both}::view-transition-new(root){animation:page-in .3s ease both}@keyframes page-out{to{opacity:0;transform:translateY(-8px)}}@keyframes page-in{from{opacity:0;transform:translateY(12px)}}
@media(min-width:1600px){.header{padding-left:max(56px,calc((100vw - 1320px)/2));padding-right:max(56px,calc((100vw - 1320px)/2))}.hero-grid{padding-top:86px;padding-bottom:95px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.header{padding:0 32px;gap:24px}.header nav{gap:18px;font-size:12px}.hero-grid{gap:28px}.hero h1{font-size:44px}.hero-actions{gap:18px}.watch{font-size:12px}.hero .button{font-size:14px;padding:14px 18px}.mock-content{padding:18px 13px}.floating-card{margin-right:0}.feature{padding:24px}.feature h3{font-size:19px}.steps{gap:24px}.scenario-layout{gap:40px}}
@media(max-width:900px){.header nav{display:none}.auth-actions{margin-left:auto}.hero-grid{grid-template-columns:1fr;gap:55px;padding-top:45px}.hero h1{font-size:clamp(40px,7.5vw,64px)}.hero-description{font-size:18px}.product-scene{width:min(570px,100%);margin:auto}.hero-note{font-size:13px}.scene-caption{font-size:11px}.mock-title h2{font-size:22px}.hero-top .edition{display:none}.section-heading{grid-template-columns:1fr;gap:20px}.feature-grid{grid-template-columns:1fr 1fr}.feature-wide{grid-column:1/-1}.feature-wide h3{font-size:27px}.steps{grid-template-columns:1fr 1fr;gap:35px}.scenario-layout{grid-template-columns:1fr;gap:26px}.scenario-tabs{flex-direction:row;gap:25px}.scenario-tabs button{font-size:16px;flex:1;padding:18px 0}.scenario-panel>p{min-height:0}.capability-strip>div{justify-content:center}.capability-strip i:last-of-type{display:none}.section{padding-top:70px;padding-bottom:70px}footer{flex-wrap:wrap}footer>span{max-width:220px}.section-heading h2{font-size:35px}}
@media(max-width:540px){.wrap{width:calc(100% - 36px)}.header{height:78px;padding:0 18px;gap:12px}.logo{font-size:23px}.logo-x{font-size:29px}.auth-actions{gap:16px;font-size:13px}.button.small{font-size:12px;padding:9px 12px;gap:10px}.button.small span{font-size:17px}.hero{padding-top:27px}.eyebrow{font-size:12px;letter-spacing:1px}.hero-grid{padding-top:33px;padding-bottom:34px;gap:45px}.hero h1{font-size:clamp(30px,8.6vw,45px);letter-spacing:-1.5px}.hero-description{font-size:16px}.hero-actions{gap:20px}.hero-note{font-size:13px}.hero-bottom{gap:15px}.hero-bottom>span{max-width:150px;font-size:12px;letter-spacing:.5px}.hero-bottom a{gap:12px;font-size:11px}.scene-caption{font-size:11px;letter-spacing:.3px;gap:16px}.mock-sidebar{display:none}.mock-content{padding:17px 14px}.mock-title h2{font-size:18px}.stats strong{font-size:24px}.stats>div{padding:12px}.table-row{font-size:12px}.floating-card{padding:10px 13px}.floating-card strong{font-size:13px}.demo-tabs button{flex:1;padding:7px;font-size:11px}.capability-strip{padding:18px 0}.capability-strip>div{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.capability-strip span{font-size:12px}.capability-strip i{display:none}.section-heading h2{font-size:27px;letter-spacing:-.8px}.section-heading>div>p{font-size:16px}.feature-grid{grid-template-columns:1fr}.feature-wide{grid-column:auto}.feature h3{font-size:23px}.feature p{font-size:16px}.steps{gap:30px 20px}.steps h3{font-size:16px}.steps p{font-size:14px}.scenario-tabs{gap:14px}.scenario-tabs button{font-size:14px}.scenario-tabs button span{display:none}.scenario-panel{padding:26px}.scenario-panel h3{font-size:21px}.route-line{gap:8px;font-size:12px}.cta-section{padding:33px 24px;margin-bottom:48px}.cta-section h2{font-size:30px;letter-spacing:-1px}footer{gap:25px}footer>span{max-width:180px;font-size:13px}footer>a:last-child{margin-left:auto}.section{padding-top:55px;padding-bottom:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-ready .reveal{opacity:1;transform:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
/* Selected concept: light emerald, shared with the workspace. */
:root{--bg:#f7f8f5;--panel:#fff;--line:#dce8e1;--text:#202824;--muted:#56685e;--lime:#187b65;--ink:#fff;--display:Manrope,Arial,sans-serif;color-scheme:light}
body{background:radial-gradient(ellipse at 85% 12%,#e5f3ed66,transparent 36%),var(--bg)}
.header{background:#f7f8f5f2;backdrop-filter:blur(16px);border-color:#e2eae4;height:90px}.logo{font-weight:850;font-size:31px;letter-spacing:-1.5px;color:#18362c}.logo-x{font-size:inherit;transform:none}.logo-dot{display:none}.header nav{color:#40574a;gap:24px}.auth-actions{color:#264c3c}.button{border-radius:10px;box-shadow:0 3px 10px #187b6510}.button:hover{background:#126450;color:#fff;box-shadow:0 8px 22px #187b6520}.button span{font-weight:500}.hero{padding-top:30px}.hero-grid{padding:48px 0 62px;gap:60px}.hero h1{font-size:clamp(44px,5.4vw,80px);line-height:1.08;letter-spacing:-3.5px;font-weight:800;margin-bottom:28px}.hero h1>span{color:#202824}.hero-description{font-size:20px;line-height:1.65;color:#52665a}.hero-note{color:#53685b}.hero-top .edition{color:#52685b}.eyebrow{letter-spacing:1.5px}.watch{color:#176951;font-weight:650}.play{border-color:#a8c9b8}.watch:hover .play{color:white}.scene-caption{color:#536d5d}.product-window{background:#fff;border-color:#d4e5dc;box-shadow:0 20px 70px #1b654c12;transform:none;border-radius:16px;color:#243d30}.window-head{border-color:#e6eee8}.mini-logo span{color:#187b65}.mock-sidebar{background:#f2f8f4;color:#718779}.mock-sidebar .active{background:#dfefe7;color:#187b65}.mock-content{padding:24px 20px}.muted,.demo-label{color:#566a5e}.stats>div,.stats>div:first-child{background:#f4faf6;border-color:#e0ece4;border-radius:10px}.stats strong{font-weight:800;color:#187b65;font-size:30px}.stats span,.stats small,.table-label,.window-bottom,.table-title>span{color:#506757}.status{background:#e1f2e9;color:#1e6649}.pending{background:#fff1d4;color:#77570c}.floating-card{background:#fff;color:#234b38;border-color:#d4e5dc;box-shadow:0 8px 25px #1b654c0c;animation:none}.floating-card div>span{color:#526b5a}.check-symbol{background:#e0f2e8;color:#187b65}.demo-tabs button{background:#fff;color:#4e6858;border-color:#d3e3da;font-size:13px}.demo-tabs .selected{background:#e4f2eb;border-color:#8ebaa6;color:#17664f}.hero-bottom{color:#536b5c}.capability-strip{background:#e9f3ed;color:#214d38;border-top:1px solid #d9e8de;border-bottom:1px solid #d9e8de}.capability-strip i{color:#4c8b70}.section-heading h2{font-weight:750;font-size:clamp(30px,3.3vw,48px);letter-spacing:-1.5px}.subtle{color:#487963}.feature{background:#eef6f1;border-color:#e0ebe4;box-shadow:none;border-radius:16px}.feature-wide{background:#e6f2eb;color:#202824}.feature h3{font-weight:750;font-size:24px}.feature p,.feature-wide p{color:#506456}.feature-number{color:#31664c}.feature:hover{border-color:#adcbbb;box-shadow:0 10px 30px #187b6509}.code-line{border-color:#c3dccd}.workflow{background:#eff5f0;border-color:#e0eae2}.steps article{border-color:#b7d4c2}.steps article>span{font-weight:700}.scenario-tabs button{color:#526d5c}.scenario-panel{background:#fff;border-color:#dbe9e0;box-shadow:0 8px 32px #187b6505}.scenario-panel h3{font-weight:750}.route-line{border-color:#dce9e0}.cta-section{background:radial-gradient(ellipse at 90% 100%,#d0eade,transparent 65%),#edf6f0;border-color:#d2e6d9}.cta-section h2{font-weight:800}.cta-section>p:last-child a{color:#16614b}.skip{color:#fff}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:22px}.price-card{display:flex;flex-direction:column;background:#fff;border:1px solid #d9e7de;border-radius:16px;padding:30px;min-width:0;box-shadow:0 8px 28px #187b6505;transition:border-color .2s,box-shadow .2s}.price-card:hover{border-color:#8abb9e;box-shadow:0 12px 32px #187b6510}.price-card h3{font-size:24px;line-height:1.25;margin:18px 0}.plan-price{font-size:36px;line-height:1.2;font-weight:800;letter-spacing:-1px;color:#16644e;margin:8px 0;overflow-wrap:anywhere}.plan-price span{font-size:15px;letter-spacing:0}.plan-period{margin:0;color:#56695c;font-size:14px}.plan-description{font-size:15px;color:#526558;line-height:1.7;overflow-wrap:anywhere}.price-card ul{padding:22px 0;margin:15px 0;list-style:none;border-top:1px solid #e2ece6}.price-card li{padding:7px 0;font-size:14px;line-height:1.5}.price-card li:before{content:'✓';color:#187b65;margin-right:10px;font-weight:800}.plan-extras{font-size:13px;color:#53685a;line-height:1.7;margin:0 0 25px}.price-card .button{margin-top:auto;width:100%;gap:16px}.pricing-empty{color:#526558}
@media(max-width:1150px){.header nav{gap:16px;font-size:13px}.hero-grid{gap:32px}.hero h1{font-size:56px}.hero-description{font-size:18px}}
@media(max-width:900px){.hero-grid{gap:45px}.hero h1{font-size:clamp(44px,8vw,70px)}.product-scene{width:min(620px,100%)}.hero-description{font-size:20px}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.header{height:78px}.logo{font-size:26px}.hero h1{font-size:clamp(36px,10.5vw,56px);letter-spacing:-2px}.hero-grid{padding:32px 0 38px;gap:34px}.hero-description{font-size:17px}.mock-content{padding:18px 13px}.stats strong{font-size:26px}.pricing-grid{grid-template-columns:1fr}.price-card{padding:26px}.section-heading h2{font-size:31px}.cta-section h2{font-size:34px}.hero-actions .watch{font-size:14px}.feature h3{font-size:24px}.scene-caption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.price-card{transition:none}}
@media(min-width:901px){.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}