:root{--bg:#0b0d0c;--surface:#111412;--line:#262b27;--muted:#929b94;--text:#f1f4f0;--lime:#c4f36b;--green:#7ed38b;--amber:#f2c66d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}header{height:72px;padding:0 max(calc((100% - 1160px)/2),24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10;position:sticky;top:0;z-index:10;background:#0b0d0ceF;backdrop-filter:blur(15px)}.logo{font:800 16px Manrope;display:flex;gap:9px;align-items:center}.logo b{background:var(--lime);color:#18200f;border-radius:9px;width:30px;height:30px;display:grid;place-items:center}.logo span{color:var(--lime)}nav{display:flex;gap:27px;color:#aeb5af;font-size:13px}nav a:hover{color:white}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.button{border:1px solid #343a35;color:var(--text);background:transparent;border-radius:8px;padding:11px 15px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:8px;transition:.2s}.button:hover{border-color:#818a81;transform:translateY(-1px)}.primary{background:var(--lime);border-color:var(--lime);color:#17200e}.primary:hover{background:#d5ff8e}.hero{padding:88px 0 74px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.eyebrow{font-size:10px;color:var(--lime);letter-spacing:1.3px;font-weight:700}.hero h1{font:700 clamp(44px,5.5vw,68px)/1.08 Manrope;letter-spacing:-2.8px;margin:18px 0}.hero h1 em{color:var(--lime);font-style:normal}.hero p,.intro{color:#a1aaa3;line-height:1.8;font-size:15px;max-width:560px}.actions{display:flex;gap:10px;margin:25px 0 18px}.hero small,form>small{font-size:10px;color:#7f8981}.preview{padding:18px;border:1px solid #323933;border-radius:14px;background:#111412;box-shadow:0 25px 90px #0008}.preview-top{display:flex;justify-content:space-between;align-items:center;padding:0 2px 15px;border-bottom:1px solid var(--line);font-size:12px}.preview-top b{background:#d9efc8;color:#36572e;padding:5px 8px;border-radius:7px;margin-right:8px}.preview-top span{color:var(--green);font-size:10px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.cards article{background:#171b18;border:1px solid #242a25;padding:12px;border-radius:9px}.cards small{font-size:9px;color:#909990}.cards h3{font:700 18px Manrope;margin:8px 0}.cards article small:last-child{color:var(--green)}.graph{height:112px;margin:13px 0 7px;background:linear-gradient(#c4f36b15,transparent);border-bottom:1px solid #2b312c}.graph svg{width:100%;height:100%}.graph path{fill:none;stroke:var(--lime);stroke-width:2}.row{border-top:1px solid #252a26;padding:10px 4px;display:flex;justify-content:space-between;font-size:10px;color:#bdc5be}.ok{color:var(--green)}.warn{color:var(--amber)}.section{padding:84px 0;border-top:1px solid #1d221e}.section h2{font:650 clamp(30px,4vw,43px)/1.15 Manrope;letter-spacing:-1.4px;max-width:720px;margin:15px 0}.intro{margin:0 0 32px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.features article,.plans article{border:1px solid var(--line);border-radius:12px;padding:22px;background:#111412}.features i{font-style:normal;border:1px solid #3a4337;color:var(--lime);height:34px;width:34px;border-radius:9px;display:grid;place-items:center;margin-bottom:20px}.features h3,.steps h3{font:650 15px Manrope;margin:0 0 9px}.features p,.steps p{color:#949e96;line-height:1.65;font-size:12px;margin:0}.alt{background:#111512;border-top:1px solid #252b26;border-bottom:1px solid #252b26}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin:36px 0 24px;gap:10px}.steps article{border-top:1px solid #3a413c;padding:18px 12px 18px 0}.steps b{color:var(--lime);font-size:9px;letter-spacing:.8px}.steps h3{margin-top:16px}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}.split p{line-height:1.8;color:#9ba59d}.brand-preview{background:#141916;border:1px solid #303731;border-radius:14px;min-height:300px;padding:20px;display:grid;grid-template-columns:140px 1fr;gap:18px}.brand-preview aside{border-right:1px solid #2c322d;color:#dce5dc;font-size:12px}.brand-preview aside p{font-size:10px;padding:7px;color:#929b94;margin:3px 0}.brand-preview>div{padding:10px}.brand-preview small{color:#929c94;font-size:9px}.brand-preview h3{font:700 17px Manrope;line-height:1.4;margin:15px 0}.checkout-mini{background:#191e1a;border:1px solid #353c36;border-radius:9px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:10px;font-size:10px}.checkout-mini .button{grid-column:1/-1}.checks p{color:#b4bcb5;padding:12px 0;border-bottom:1px solid #282e29;font-size:12px}.notice{font-size:10px;color:#8b732d;background:#fff7de;border:1px solid #e6d7aa;padding:12px;border-radius:7px;line-height:1.55}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.plans article{display:flex;flex-direction:column;gap:14px}.plans article.featured{border-color:#a4ca64}.plans h3{font:700 25px Manrope;margin:6px 0}.plans p{line-height:2;color:#a5aea7;font-size:12px;flex:1}.faq{max-width:780px;margin-top:22px}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{cursor:pointer;font-weight:600;list-style:none}.faq summary:after{content:'+';float:right;color:var(--lime)}.faq details[open] summary:after{content:'−'}.faq details p{color:#9da69f;line-height:1.7}.contact{display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact>div p{color:#9ca69e;line-height:1.8}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formgrid label{display:grid;gap:7px;font-size:10px;color:#aab3ac}.formgrid input,.formgrid select,.formgrid textarea{background:#0c0f0d;color:#edf1ec;border:1px solid #343b35;border-radius:7px;padding:11px;outline:none}.formgrid input:focus,.formgrid select:focus,.formgrid textarea:focus{border-color:#afd66a}.formgrid textarea{min-height:80px}.wide{grid-column:1/-1}.formgrid button{width:100%}footer{padding:27px 0;border-top:1px solid #252b26;color:#879188;font-size:10px}.foot{display:flex;align-items:center;justify-content:space-between;gap:14px}.foot b{color:#e6ece6;font:700 13px Manrope}.app-section{background:#0e110f}.app{display:grid;grid-template-columns:210px 1fr;background:#f5f7f4;color:#202520;border-radius:13px;overflow:hidden;min-height:610px;margin-top:28px}.sidebar{background:#121613;color:#e3e9e3;padding:20px 14px}.sidebar>b{display:block;font:700 14px Manrope;margin:3px 7px 21px}.sidebar>label{display:grid;gap:7px;font-size:8px;color:#929b94;border:1px solid #303832;padding:9px;border-radius:7px;margin-bottom:20px}.sidebar select{background:#1a1f1b;color:white;border:0;font-size:11px}.group{font-size:8px;color:#78827a;letter-spacing:1px;margin:16px 7px 7px}.link{padding:9px 8px;border-radius:6px;color:#acb5ad;font-size:10px;cursor:pointer}.link:hover,.link.active{background:#252c25;color:#d7f0a4}.sidebar>small{display:block;margin:28px 5px;color:#7e8980;font-size:9px;line-height:1.6}.app-main{min-width:0}.appbar{background:white;border-bottom:1px solid #e2e7e1;padding:18px 23px;display:flex;justify-content:space-between;font-size:10px;color:#7b857d}.content{padding:23px}.app-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.app-title h3{font:700 21px Manrope;margin:0 0 5px}.app-title p{font-size:10px;color:#7e887f;margin:0}.tag{background:#fff4d4;border:1px solid #eddfb5;color:#87691f;padding:6px 8px;font-size:8px;border-radius:5px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.stat,.panel{background:white;border:1px solid #e2e7e1;border-radius:8px}.stat{padding:12px}.stat small{font-size:9px;color:#7c867e}.stat strong{display:block;font:700 17px Manrope;margin:9px 0 4px}.stat span{font-size:8px;color:#56805b}.panel{margin-top:13px;overflow:hidden}.panelhead{padding:13px 14px;border-bottom:1px solid #e8ece7;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700}.tools{display:flex;gap:6px}.tools input,.tools select{width:135px;padding:7px;border:1px solid #dce3db;border-radius:5px;font-size:9px}.tools select{width:auto}table{width:100%;border-collapse:collapse;font-size:9px;text-align:left}th{font-size:8px;color:#828c83;background:#fafbfa;font-weight:500}td,th{padding:10px 13px;border-bottom:1px solid #edf0ec;white-space:nowrap}.pill{font-size:8px;padding:4px 7px;border-radius:20px;background:#e9f4e7;color:#51754c}.pill.warn{background:#fff2d4;color:#926d1f}.pill.bad{background:#f9e5e5;color:#a14e4e}.chartbox{height:135px;padding:12px 16px}.chartbox svg{width:100%;height:100%}.chartbox path{fill:none;stroke:#6a9141;stroke-width:2}.appnotice{margin-top:12px;padding:10px;border:1px solid #e6d8b6;background:#fff8e6;border-radius:6px;color:#806d36;font-size:9px;line-height:1.5}.empty{background:white;border:1px dashed #cbd4ca;border-radius:8px;text-align:center;padding:44px 20px;color:#647064}.empty p{max-width:400px;margin:9px auto 14px;line-height:1.6;font-size:10px}.backdrop{position:fixed;inset:0;background:#000a;z-index:30;display:none;align-items:center;justify-content:center;padding:18px}.backdrop.open{display:flex}.modal{width:min(620px,100%);max-height:90vh;overflow:auto;padding:23px;background:#111512;border:1px solid #323932;border-radius:13px}.modal-head,.modal-foot{display:flex;justify-content:space-between;align-items:center}.x{background:none;border:0;color:#a8b1a9;font-size:24px;cursor:pointer}.progress{display:flex;gap:6px;margin:17px 0}.progress i{height:4px;flex:1;background:#333b34;border-radius:9px}.progress i.active{background:var(--lime)}.wiz-title{font:700 19px Manrope;margin-bottom:6px}.wiz-sub{font-size:10px;color:#9ba59d;margin-bottom:17px}.wiz-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.wiz-grid label{display:grid;gap:6px;font-size:10px;color:#abb4ad}.wiz-grid input,.wiz-grid select{background:#0c0f0d;border:1px solid #343b35;color:#edf1ec;border-radius:7px;padding:10px}.wiz-grid .wide{grid-column:1/-1}.modal-foot{border-top:1px solid #2a312b;padding-top:16px;margin-top:20px}#toast{position:fixed;display:none;z-index:50;right:20px;bottom:20px;padding:13px 16px;background:#e9f7d8;color:#26331d;border-radius:8px;font-size:11px;box-shadow:0 8px 24px #0006}#toast.show{display:block;animation:up .2s}@keyframes up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:38px}.split{grid-template-columns:1fr;gap:28px}.contact{grid-template-columns:1fr;gap:28px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){header{padding:0 16px}nav{display:none}.wrap{width:calc(100% - 32px)}.hero{padding:58px 0}.hero h1{letter-spacing:-1.7px}.section{padding:62px 0}.features{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.plans{grid-template-columns:1fr}.app{grid-template-columns:1fr}.sidebar{padding:10px;display:flex;align-items:center;gap:10px;overflow:auto}.sidebar>b{white-space:nowrap;margin:0}.sidebar>label{min-width:145px;margin:0;padding:6px}.sidebar>div,.sidebar>small{display:none}.content{padding:12px}.appbar{padding:13px}.panelhead{align-items:flex-start;gap:8px;flex-wrap:wrap}.tools input{width:105px}.stats{gap:6px}.stat{padding:9px}.stat strong{font-size:15px}.brand-preview{grid-template-columns:100px 1fr;padding:12px;gap:8px}.foot{align-items:start;flex-direction:column}.actions{flex-wrap:wrap}.formgrid,.wiz-grid{grid-template-columns:1fr}.formgrid .wide,.wiz-grid .wide{grid-column:auto}}
