@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f6f0;--ink:#18231d;--muted:#687169;--lime:#c3f85c;--dark:#111b16;--line:#dce1d7;--radius:22px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}.header{max-width:1440px;padding:26px 6%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:800 37px 'Manrope',Arial;letter-spacing:-2px}.brand span{display:inline-block;color:var(--ink);background:var(--lime);font-size:28px;line-height:1;border-radius:7px;margin-left:5px;padding:0 4px;vertical-align:4px}.header nav{display:flex;gap:32px;font-weight:500}.header nav a:hover,.header nav a.active{border-bottom:2px solid var(--ink);padding-bottom:6px}.header-right{display:flex;align-items:center;gap:20px}.language{border:0;background:none;padding:10px;font-weight:700}.language span{margin-left:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid transparent;border-radius:9px;background:var(--lime);color:var(--ink);padding:17px 25px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#d3ff80}.button.small{padding:12px 20px;font-size:13px}.button.dark{background:var(--ink);color:white}.button.outline{background:transparent;border-color:#a9b1a8}.button.ghost{background:transparent;color:inherit;border-color:#455348}.skip{position:absolute;left:20px;top:-100px}.skip:focus{top:8px;z-index:10;background:white;padding:10px}main{max-width:1440px;margin:auto;padding:0 4%}.hero{background:var(--dark);color:#f4f6ee;border-radius:28px;padding:65px 5% 0;overflow:hidden;position:relative}.hero-main{display:grid;grid-template-columns:1.05fr 1fr;gap:3%;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:9px;margin:0 0 28px}.dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #c3f85c12}.hero h1{font:500 clamp(46px,5.5vw,78px)/1.05 'Manrope',Arial;letter-spacing:-4px;margin:0 0 25px}.hero h1 em{font-style:normal;color:var(--lime)}.hero p.description{max-width:430px;color:#aebbb1;line-height:1.8;font-size:16px}.hero-actions{display:flex;gap:12px;margin:32px 0 24px}.hero-note{font-size:12px;color:#9cae9f;margin-bottom:40px}.hero-note span{color:var(--lime);margin-right:5px}.stage{position:relative;min-height:425px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 54%,#5a7e333b,transparent 68%)}.orbit{position:absolute;width:370px;height:370px;border:1px solid #405a385c;border-radius:50%;transform:rotateX(35deg) rotate(-20deg)}.orbit:after{content:'';position:absolute;inset:-30px;border:1px solid #405a382e;border-radius:50%}.machine{position:relative;width:300px;transform:perspective(1000px) rotateY(-13deg) rotateX(5deg);filter:drop-shadow(18px 24px 30px #0009)}.monitor{padding:12px;background:linear-gradient(140deg,#768074,#222d25 28%,#141d17);border-radius:16px;border:1px solid #647360;box-shadow:inset 0 0 0 3px #263128}.screen{height:210px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 65% 60%,#506829,#1b2c20 65%);border:1px solid #0a120c;border-radius:6px;padding:18px}.screen-header{font-size:10px;color:#c1d2bc;display:flex;justify-content:space-between}.screen-logo{font:800 38px 'Manrope';letter-spacing:-2px;color:var(--lime);margin-top:26px}.screen p{font-size:11px;color:#c8d7c2}.screen-status{font-size:8px;letter-spacing:1px;background:#c3f85c1c;border:1px solid #c3f85c3c;padding:8px;border-radius:4px;margin-top:18px;color:var(--lime)}.monitor-foot{height:12px;text-align:center;font-size:6px;letter-spacing:3px;color:#9aa794;padding-top:6px}.stand{height:65px;width:70px;background:linear-gradient(90deg,#1a241d,#58644e,#252e24);margin:auto;clip-path:polygon(22% 0,78% 0,100% 100%,0 100%)}.base{height:14px;width:170px;margin:auto;background:linear-gradient(#6c765e,#252e25);border-radius:50% 50% 7px 7px}.floating-chip{position:absolute;bottom:48px;right:5px;transform:rotate(-16deg);width:120px;height:60px;background:linear-gradient(135deg,#d6ff9b,#a9db53);border-radius:9px;box-shadow:0 15px 30px #0005;color:#20301a;padding:17px;font-weight:800;letter-spacing:-.5px}.floating-chip:before{content:'';position:absolute;width:22px;height:28px;right:-22px;top:16px;background:linear-gradient(90deg,#727b6d,#d1d5ca);border-radius:0 3px 3px 0}.annotation{position:absolute;left:0;top:54px;padding:10px 15px;background:#27352af0;border:1px solid #536c43;border-radius:10px;font-size:11px;transform:rotate(-5deg);box-shadow:0 10px 25px #0004}.annotation b{color:var(--lime);margin-right:7px}.stage-caption{position:absolute;bottom:0;left:20px;font-size:9px;text-transform:uppercase;letter-spacing:2px;color:#7d947c}.hero-bar{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #344136;padding:25px 0;margin-top:18px;color:#b6c3b5;font-size:12px}.hero-bar b{color:var(--lime);margin-right:9px}.section{padding:85px 3%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}h2{font:500 clamp(31px,3.3vw,46px)/1.15 'Manrope';letter-spacing:-1.8px;margin:0}h3{font:600 21px 'Manrope';letter-spacing:-.6px}.section-heading p{max-width:350px;color:var(--muted);line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:30px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.card p{color:var(--muted);line-height:1.7}.icon{font-size:26px;width:49px;height:49px;display:grid;place-items:center;background:#edf2e6;border-radius:12px;margin-bottom:30px}.card-number{color:#86917c;font-size:11px;letter-spacing:2px}.workflow{background:#e9eee1;border-radius:26px;display:grid;grid-template-columns:.85fr 1fr;padding:50px;gap:70px}.workflow .steps{display:grid;gap:25px}.step{display:grid;grid-template-columns:35px 1fr;gap:15px;border-bottom:1px solid #cdd7c5;padding-bottom:20px}.step:last-child{border-bottom:0}.step>span{font-size:12px;color:#748365;padding-top:6px}.step h3{margin:0 0 8px}.step p{margin:0;line-height:1.6;color:#60705b}.price-strip{display:flex;align-items:center;justify-content:space-between;background:var(--lime);border-radius:24px;padding:35px 45px;gap:30px;margin:0 3% 70px}.price-strip h2{font-size:28px}.price-strip p{margin-bottom:0}.price{font:600 76px 'Manrope';letter-spacing:-5px;white-space:nowrap}.price small{font:400 14px 'DM Sans';letter-spacing:0;margin-left:8px}.page-intro{text-align:center;padding:55px 20px 42px}.page-intro .eyebrow{justify-content:center;color:#77816e}.page-intro h1{font:500 clamp(40px,5vw,64px)/1.1 'Manrope';letter-spacing:-3px;margin:0 0 20px}.page-intro p{color:var(--muted);line-height:1.7;max-width:540px;margin:auto}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;max-width:900px;margin:0 auto 70px;gap:24px}.plan{background:var(--dark);color:#f3f6ec;padding:38px;border-radius:24px}.plan .eyebrow{color:var(--lime)}.plan .price{margin:25px 0}.plan ul{list-style:none;padding:20px 0;border-top:1px solid #43523d}.plan li{margin:18px 0;color:#ced8c9}.plan li:before{content:'✓';color:var(--lime);margin-right:12px}.plan .button{width:100%}.plan-note{font-size:12px;line-height:1.6;color:#9aab96}.pricing-aside{padding:30px;display:flex;flex-direction:column;justify-content:center}.pricing-aside p{color:var(--muted);line-height:1.8}.faq{max-width:900px;margin:0 auto 75px}.faq h2{margin-bottom:30px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-weight:600}details p{color:var(--muted);line-height:1.8;max-width:730px}.contact-box{max-width:800px;margin:0 auto 70px;background:var(--dark);color:white;padding:55px;border-radius:26px}.contact-box h2{color:var(--lime);word-break:break-word}.contact-box p{color:#c0cbbb;line-height:1.8}.contact-box .button{margin-top:15px}.legal{max-width:800px;margin:20px auto 80px;line-height:1.9}.legal p{color:var(--muted)}footer{padding:45px 7% 25px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:40px}.footer-top p{color:var(--muted)}.footer-top>a:last-child{font-weight:600}.footer-bottom{display:flex;gap:30px;color:var(--muted);font-size:12px;padding-top:20px;border-top:1px solid var(--line)}.footer-bottom span:first-child{margin-right:auto}
/* Team workspace */
.panel-shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{background:var(--dark);color:#d7dfd1;padding:30px 22px;display:flex;flex-direction:column;gap:30px}.sidebar .brand{color:white}.sidebar nav{display:grid;gap:7px}.sidebar nav button{border:0;background:transparent;color:inherit;text-align:left;padding:14px 15px;border-radius:9px}.sidebar nav button.active{background:var(--lime);color:var(--ink);font-weight:700}.sidebar .identity{font-size:12px;line-height:1.8;word-break:break-word;margin-top:auto;color:#9eaf9b}.panel-main{padding:38px 4%;min-width:0}.panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.panel-top h1{font:600 30px 'Manrope';letter-spacing:-1px}.panel-top p{color:var(--muted)}.auth-wrap{max-width:460px;margin:60px auto;padding:35px;background:white;border:1px solid var(--line);border-radius:24px}.auth-wrap .brand{display:block;margin-bottom:35px}.auth-wrap p{color:var(--muted);line-height:1.7}form{display:grid;gap:16px}label{display:grid;gap:7px;font-size:13px;font-weight:600}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #cdd5c5;border-radius:8px;background:#fff;color:var(--ink)}textarea{resize:vertical;min-height:160px}input:focus,textarea:focus,select:focus{outline:2px solid #8caf57}.notice{padding:14px 18px;background:#eaf3dd;border:1px solid #cbdcb4;border-radius:9px;margin-bottom:20px;line-height:1.6;overflow-wrap:anywhere}.notice.error{background:#fff0ed;border-color:#e8c5bd;color:#942f24}.notice:empty{display:none}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.stats .card{padding:24px}.stat-number{font:600 36px 'Manrope';margin:8px 0}.stats p{margin:0}.toolbar{display:flex;gap:12px;align-items:center;margin:20px 0}.toolbar input{max-width:400px}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:16px;border-bottom:1px solid #e9ede3}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;background:#edf1e8;white-space:nowrap}td .muted{font-size:11px;margin-top:4px}.muted{color:var(--muted)}.badge{display:inline-block;font-size:11px;padding:5px 9px;border-radius:20px;background:#e7f4d5;white-space:nowrap}.badge.warn{background:#ffedcf;color:#88521a}.row-actions{display:flex;gap:6px}.row-actions button,.text-button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:7px;font-size:11px}.empty{padding:55px;text-align:center;color:var(--muted);line-height:1.7}.split{display:grid;grid-template-columns:1fr 1.35fr;gap:24px}.message-list{display:grid;align-content:start;gap:8px}.message-item{padding:20px;text-align:left;border:1px solid var(--line);border-radius:12px;background:white;cursor:pointer}.message-item strong{display:block;margin:8px 0}.message-item small{color:var(--muted)}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;max-height:350px;overflow:auto;font-size:13px;line-height:1.7;background:#f3f5ef;padding:18px;border-radius:10px;margin:20px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}.dialog{max-width:640px;width:90%;border:1px solid var(--line);border-radius:20px;padding:32px}.dialog::backdrop{background:#0c1b13aa}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top button{border:0;background:none;font-size:25px}.key-result{display:grid;gap:15px}.key-result code{overflow-wrap:anywhere;padding:15px;background:#edf3e4;border-radius:8px}.connection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}
@media(max-width:950px){.hero h1{letter-spacing:-2px}.stage{transform:scale(.85);margin:-25px}.hero{padding-top:45px}.header nav{gap:16px}.hero-actions{flex-wrap:wrap}.workflow{gap:35px;padding:35px}.panel-shell{grid-template-columns:190px 1fr}.split{grid-template-columns:1fr}.stats{gap:10px}.stats .card{padding:15px}}@media(max-width:700px){.header{padding:20px 5%;flex-wrap:wrap;gap:16px}.header nav{order:3;width:100%;justify-content:space-between;font-size:13px}.header-right{gap:8px}.brand{font-size:31px}.hero-main{grid-template-columns:1fr}.hero{padding:35px 7% 0}.hero h1{font-size:50px}.hero p.description{font-size:14px}.hero-note{margin-bottom:0}.stage{min-height:360px;margin:0 -25px}.hero-bar{flex-wrap:wrap;font-size:10px;gap:15px}.section{padding:50px 3%}.section-heading{display:block}.cards,.workflow,.pricing-grid{grid-template-columns:1fr}.cards{gap:12px}.card{padding:25px}.icon{margin-bottom:16px}.workflow{padding:28px;gap:30px}.price-strip{flex-wrap:wrap;padding:28px;gap:15px;margin-bottom:45px}.price{font-size:60px}.price-strip .button{width:100%}.footer-top{flex-wrap:wrap;gap:8px}.footer-top p{width:100%}.footer-bottom{flex-wrap:wrap;gap:16px}.footer-bottom>span:first-child{width:100%}.contact-box{padding:30px}.contact-box h2{font-size:28px}.page-intro{padding-top:35px}.page-intro h1{font-size:42px}.panel-shell{display:block}.sidebar{padding:18px;gap:15px}.sidebar nav{display:flex;overflow:auto;gap:5px}.sidebar nav button{white-space:nowrap;padding:10px}.sidebar .identity{display:none}.panel-main{padding:20px 4%}.panel-top{gap:10px}.panel-top h1{font-size:24px}.stats{grid-template-columns:1fr}.stats .card{display:flex;align-items:center;justify-content:space-between}.connection-grid,.form-grid{grid-template-columns:1fr}.auth-wrap{margin:25px 5%}.dialog{padding:22px}.toolbar{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.workflow-section{padding-top:0}
.brand{white-space:nowrap;flex-shrink:0}.header-right{flex-shrink:0}@media(min-width:701px) and (max-width:900px){.hero-main{grid-template-columns:1fr}.stage{margin:0;transform:none;min-height:380px}.hero h1{font-size:62px}.header{flex-wrap:wrap}.header nav{order:3;width:100%;justify-content:center}.hero p.description{max-width:550px}.hero-note{margin-bottom:0}}
.panel-language{position:fixed;bottom:16px;right:20px;background:#fff;border:1px solid var(--line);border-radius:10px;z-index:5;box-shadow:0 3px 18px #0001}.panel-main{padding-bottom:75px}