@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:#f8f9f5;--ink:#182c28;--muted:#687772;--card:#fff;--line:#dce3da;--green:#244e43;--lime:#d6ee9c;--soft:#eef1e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}body.dark{--bg:#142420;--ink:#edf3e9;--muted:#a9bbb2;--card:#20352e;--line:#3b5046;--green:#244e43;--soft:#20352e}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 6%;gap:25px;border-bottom:1px solid var(--line)}.brand{font:800 29px Manrope,Arial;display:flex;align-items:center;gap:9px;letter-spacing:-1.5px}.mark{display:grid;place-items:center;border-radius:10px;background:var(--green);color:var(--lime);width:35px;height:35px;font-size:32px}.by{font:11px 'DM Sans',Arial;letter-spacing:0;align-self:flex-end;margin-bottom:5px;color:var(--muted)}nav,.header-actions{display:flex;align-items:center;gap:27px}nav{font-size:14px}nav a:hover,footer a:hover{color:#72a136}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;background:var(--green);color:white;border:0;border-radius:7px;padding:16px 23px;font-weight:600;font-size:14px;cursor:pointer}.button:hover{filter:brightness(1.2)}.button.light{background:var(--lime);color:#182c28}.button.outline{background:transparent;color:var(--ink);border:1px solid var(--line)}.small{padding:12px 16px}.header-actions button{background:none;border:0;color:var(--ink);cursor:pointer;font-size:22px}#menu{display:none}main{min-height:60vh}.wrap{max-width:1250px;margin:auto;padding:0 6%}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding-top:76px;padding-bottom:78px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:9px;color:var(--muted)}.dot{width:7px;height:7px;background:#80a545;border-radius:50%}h1,h2,h3{font-family:Manrope,Arial;letter-spacing:-2px;font-weight:600}h1{font-size:clamp(42px,5.1vw,69px);line-height:1.08;margin:24px 0}h1 em{font-style:normal;color:#72954b}h2{font-size:40px;line-height:1.2;margin:20px 0}h3{font-size:22px;letter-spacing:-.7px}.lead{font-size:17px;line-height:1.8;color:var(--muted);max-width:560px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:29px 0 19px}.note{font-size:12px;color:var(--muted);line-height:1.7}.product{background:#dfe9da;border-radius:20px;padding:25px;transform:rotate(-2deg);box-shadow:0 25px 65px #182c2810;position:relative}.demo-label{display:block;font-size:10px;color:#425849;letter-spacing:1px;margin-bottom:12px}.console{background:#f9fbf8;border:1px solid #c9d4c8;border-radius:10px;color:#203c31;overflow:hidden;transform:rotate(2deg);box-shadow:0 8px 25px #29442c14}.console-top{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid #e2e9e0;font-size:10px}.mini-brand{font-weight:800;font-size:17px}.console-body{display:grid;grid-template-columns:100px 1fr;min-height:270px}.sidebar{padding:22px 11px;background:#edf2e9;font-size:9px}.sidebar div{padding:9px 7px;margin-bottom:6px}.sidebar .active{background:#d5e7bd;border-radius:4px}.devices{padding:22px 17px}.devices h3{font-size:17px;margin:0 0 6px}.devices p{font-size:10px;color:#758173;margin:0 0 18px}.device{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid #e1e8dd;font-size:10px}.device-icon{font-size:21px}.device small{display:block;color:#748374;font-size:9px;margin-top:4px}.device .pill{margin-left:auto;background:#e4eedb;border-radius:12px;font-size:8px;padding:5px 7px}.floating{position:absolute;bottom:-20px;right:-12px;background:#244e43;color:#fff;border-radius:9px;padding:16px 22px;font-size:12px;transform:rotate(2deg);box-shadow:0 10px 25px #14242025}.floating small{display:block;color:#c5d7bd;margin-top:5px;font-size:10px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:24px 6%;font-size:12px;color:var(--muted)}.section{padding-top:75px;padding-bottom:75px}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:32px}.section-heading p{max-width:350px;color:var(--muted);line-height:1.7;font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:30px;display:flex;flex-direction:column;align-items:start}.card .icon{width:42px;height:42px;border-radius:9px;background:var(--soft);display:grid;place-items:center;font-size:22px}.card p{color:var(--muted);font-size:14px;line-height:1.8}.card a{font-size:13px;font-weight:700;margin-top:auto;padding-top:15px}.tag{font-size:10px;letter-spacing:.6px;background:var(--soft);border-radius:20px;padding:6px 10px;color:var(--muted);display:inline-block}.dark-panel{background:#21463c;color:#f2f6eb;border-radius:16px;padding:52px;display:grid;grid-template-columns:1fr 1fr;gap:65px}.dark-panel p{color:#c2d3c7;line-height:1.8;font-size:14px}.dark-panel .eyebrow{color:#c8dda6}.checks{display:grid;gap:0}.check{border-bottom:1px solid #48685b;padding:20px 0;display:flex;gap:15px}.check span{color:#cee9a2}.check b{font-size:14px}.check p{font-size:12px;margin-bottom:0}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.step{border-top:1px solid var(--line);padding-top:25px}.number{font-size:12px;color:#709644}.step p{color:var(--muted);line-height:1.8;font-size:14px}.cta{padding:48px;background:var(--lime);border-radius:13px;color:#182c28;display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{font-size:32px;margin:0 0 12px}.cta p{margin:0;font-size:14px}.page-head{padding-top:65px;padding-bottom:35px;max-width:760px}.page-head h1{font-size:54px}.notice{padding:18px 23px;background:var(--soft);border-left:3px solid #8eac63;border-radius:5px;color:var(--muted);line-height:1.8;font-size:14px;margin:24px 0}.article{max-width:800px;line-height:1.9}.article h2{font-size:27px;letter-spacing:-.8px;margin-top:35px}.article p,.article li{color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:17px 12px}th{color:var(--muted)}.table-scroll{overflow:auto}details{border-bottom:1px solid var(--line);padding:21px 0}summary{cursor:pointer;font-weight:600}details p{font-size:14px;color:var(--muted);line-height:1.8}form{display:grid;gap:18px;max-width:650px}label{display:grid;gap:8px;font-size:13px}input,textarea,select{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:13px;width:100%}textarea{min-height:120px}#form-result{font-size:14px;line-height:1.8}footer{max-width:1250px;margin:60px auto 0;padding:45px 6% 25px;border-top:1px solid var(--line);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;font-size:12px;color:var(--muted)}footer div{display:flex;flex-direction:column;gap:13px}footer .brand{color:var(--ink)}footer p{line-height:1.8;margin:0}footer b{color:var(--ink)}.copyright{grid-column:1/-1;border-top:1px solid var(--line);margin-top:25px;padding-top:22px;display:flex;flex-direction:row;justify-content:space-between}body.dark .product{background:#365044}a[aria-current=page]{color:#72954b}@media(max-width:900px){.hero{gap:30px}.by{display:none}nav{gap:17px}.dark-panel{gap:30px;padding:35px}.grid{gap:12px}.card{padding:23px}}@media(max-width:700px){header{padding:20px 6%;flex-wrap:wrap}.header-actions{gap:14px}#menu{display:block}nav{display:none;order:3;width:100%;padding:15px 0;justify-content:space-between}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:45px;gap:45px}.product{margin:0 10px}.strip{flex-wrap:wrap;justify-content:center;font-size:11px}.grid,.workflow,.dark-panel{grid-template-columns:1fr}.section{padding-top:45px;padding-bottom:45px}.section-heading{display:block}.section-heading p{max-width:none}h2{font-size:32px}.cta{display:block;padding:30px}.cta .button{margin-top:25px}footer{grid-template-columns:1fr 1fr}footer>div:first-child{grid-column:1/-1}.copyright{flex-direction:column}.page-head h1{font-size:42px}.dark-panel{padding:28px;gap:20px}}

.admin-login{font-size:12px;font-weight:600;white-space:nowrap}@media(max-width:600px){.header-actions .button.small{display:none}}