/* Janitrak marketing website styles: shared by the homepage and the feature pages (one source; extracted from index.html Oct 30) */
:root:root:root{--paper:#ffffff;--ink:#142826;--mut:#5f6f6a;--line2:#e1e7df;--band:#f2f6ef;--sp:#0f3d3a;--sp2:#1f5a50;--acc:#3b7a55;--yel:#f2c230;--yel-ink:#1d1a0b;--soft:#e8f1e4;
  --bg:#ffffff;--surface:#ffffff;--sunk:#f2f5f0;--line:#e1e7df;--line-strong:#c9d3c6;--fg:#142826;--muted:#5f6f6a;--spruce:#0f3d3a;--spruce-2:#1f5a50;--spruce-ink:#fff;--sign:#f2c230;--sign-ink:#1d1a0b;color-scheme:light}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{background:#fff;color:var(--ink);font-family:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15.5px;line-height:1.6}
h1,h2,h3{font-family:"Figtree",system-ui,sans-serif}
em{font-family:"Instrument Serif",Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;color:var(--acc);letter-spacing:-.01em}
.wrap{width:min(1560px,100%);margin:0 auto;padding-left:max(24px,4vw,env(safe-area-inset-left,0px));padding-right:max(24px,4vw,env(safe-area-inset-right,0px))}
.topstrip{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;background:var(--band);border-bottom:1px solid var(--line2);font-size:12px;letter-spacing:.02em;color:#43544f;padding:7px max(16px,env(safe-area-inset-left,0px))}
.topstrip .made{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:var(--ink)}
.topstrip .flag{width:20px;height:15px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line2)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:31;background:#fff}
.navin{display:flex;align-items:center;gap:28px;height:72px}
.nav .logo{color:var(--sp);display:inline-flex;text-decoration:none}
.nav .lw{height:32px;--lm-bg:#0F3D3A!important;--lm-j:#fff!important}
.nav nav{display:flex;gap:26px;margin-left:auto;font-size:14px}
.nav nav a{text-decoration:none;color:#4b5d58;font-weight:500}.nav nav a:hover{color:var(--ink)}
.navcta{display:flex;gap:10px;align-items:center}
.btn-d,.btn-o{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:10px;padding:11px 18px;font-weight:600;font-size:14px;text-decoration:none;border:1px solid var(--sp);transition:transform .18s,background .18s;white-space:nowrap;cursor:pointer;font-family:inherit}
.btn-d{background:var(--sp);color:#fff}a.soon{cursor:default;opacity:.75;pointer-events:none;justify-content:center}.btn-d:hover{background:var(--sp2);transform:translateY(-1px)}
.btn-o{background:#fff;color:var(--sp);border-color:#c5d1c6}.btn-o:hover{background:var(--band)}
.btn-d.lg,.btn-o.lg{padding:15px 22px;font-size:15px;border-radius:12px}
.btn-o.sm{padding:6px 12px;font-size:12.5px;border-radius:8px}
.ar{font-weight:400;font-size:17px;line-height:1}
.kicker{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#33433f}
.kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--yel);box-shadow:0 0 0 3px #fbefc4}
.kicker.center{justify-content:center}
/* hero */
.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center;padding-block:48px 40px}
.hero h1{font-size:clamp(44px,5.6vw,78px);line-height:1.02;letter-spacing:-.045em;font-weight:650;margin:22px 0 0;text-wrap:balance}
.hero h1 em{letter-spacing:-.02em;font-size:1.04em}
.lead{font-size:17.5px;color:var(--mut);max-width:500px;line-height:1.75;margin-top:24px}
.hero-actions{display:flex;gap:22px;align-items:center;margin:30px 0 14px;flex-wrap:wrap}
.tlink{font-size:14px;font-weight:600;text-decoration:none;color:var(--ink);border-bottom:1.5px solid var(--yel);padding-bottom:2px}
.micro{font-size:12.5px;color:#5a6a65}
.hero-art{position:relative;padding:26px 0 30px 26px;min-width:0}
.hero-art::before{content:"";position:absolute;inset:0 -24px 0 0;background:var(--soft);border-radius:42% 8% 34% 10%;z-index:-1}
.art-top{display:flex;justify-content:space-between;padding:0 8px 14px;color:#56705f;font-size:10px;letter-spacing:.12em}
.card{background:#fff;border:1px solid #dce6d9;border-radius:16px;box-shadow:0 28px 64px -18px rgba(20,48,40,.28);overflow:hidden;transform:rotate(-2deg)}
.card-top{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #edf1eb;font-size:12px}
.card-top span{font-weight:400;color:#8b9a92}.card-top .dots{letter-spacing:2px;color:#a3b0a8}
.card-body{padding:22px}
.clabel{font-size:10px;letter-spacing:.14em;color:#6c7d74}
.card h3{font-size:24px;font-weight:600;letter-spacing:-.02em;margin:6px 0 18px}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.metrics>div{background:var(--band);border-radius:9px;padding:12px}
.metrics small{display:block;font-size:9.5px;letter-spacing:.06em;color:#6c7d74}
.metrics strong{display:block;font-size:26px;font-weight:600;letter-spacing:-.03em;margin-top:4px}
.crow{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #eef2ec;font-size:13px}
.crow:last-child{border-bottom:0;padding-bottom:4px}
.crow b{font-weight:600}.crow small{display:block;color:#84948c;font-size:11.5px;margin-top:2px}
.bld{width:34px;height:36px;border:1px solid #e1e9de;background:#f8fbf6;border-radius:8px;display:grid;place-items:center;font-size:18px;color:#5d7466;flex:none}
.tg{margin-left:auto;background:#fdf1cf;color:#86620a;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;white-space:nowrap}
.tg.blue{background:#e8eefb;color:#3f5f95}.tg.green{background:#e3f2e6;color:#2f6b45}
.fnote{position:relative;z-index:2;display:flex;align-items:center;gap:12px;width:max-content;max-width:94%;margin:-16px -10px 0 auto;background:var(--sp);color:#fff;padding:14px 18px;border-radius:12px;box-shadow:0 14px 30px -10px rgba(15,61,58,.5);transform:rotate(1.5deg)}
.fnote .tick{width:28px;height:28px;border-radius:50%;background:var(--yel);color:var(--yel-ink);display:grid;place-items:center;font-weight:800;flex:none}
.fnote b{font-size:13px;font-weight:600}.fnote small{display:block;font-size:11.5px;color:#b9cfc6}
/* strip */
.strip{display:grid;grid-template-columns:1.2fr repeat(4,minmax(0,1fr));gap:20px;align-items:center;padding-block:24px;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);font-size:14px;font-weight:500}
.slabel{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#55655f;font-weight:600}
.sitem{display:flex;align-items:center;gap:10px}.si{color:var(--acc);font-size:18px;width:20px;text-align:center}
/* sections */
.sec{padding-block:64px}
.shead{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:28px}
.shead p{max-width:380px;color:var(--mut);font-size:15px;line-height:1.75;margin:0}
h2{font-size:clamp(32px,3.6vw,50px);line-height:1.08;letter-spacing:-.035em;font-weight:620;margin:18px 0 0;text-wrap:balance}
.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.benefits article{border-top:2px solid var(--ink);padding-top:18px}
.bn{font-size:11px;letter-spacing:.14em;color:var(--acc);font-weight:700}
.benefits h3{font-size:21px;font-weight:600;letter-spacing:-.02em;margin:12px 0 8px}
.benefits p{color:var(--mut);font-size:15px;line-height:1.75;margin:0}
.logins{margin-top:72px;background:var(--band);border:1px solid var(--line2);border-radius:20px;padding:28px}
.lhead{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:18px}.lhead p{margin:0;color:var(--mut);font-size:14.5px}
.lgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.lcard{background:#fff;border:1px solid var(--line2);border-radius:14px;padding:16px;display:grid;gap:6px;align-content:start}
.lcard b{font-size:15px}.lcard span{font-size:13.5px;color:var(--mut);line-height:1.55}
.band{background:var(--band);border-block:1px solid var(--line2)}
.howgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:64px;align-items:center}
.steps{margin-top:28px}
.step{display:flex;gap:18px;position:relative;padding:16px 0}
.step:not(:last-child)::after{content:"";position:absolute;left:19px;top:58px;bottom:-14px;border-left:1px dashed #b9cab6}
.snum{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid #b9cab6;background:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;z-index:1}
.step h3{font-size:18px;font-weight:600;margin:6px 0 4px}.step p{margin:0;color:var(--mut);font-size:14.5px;line-height:1.7}
/* diagram (existing) */
.flow{background:#fff;border:1px solid var(--line2);border-radius:20px;padding:18px;display:grid;gap:10px;box-shadow:0 20px 50px -30px rgba(20,48,40,.35);min-width:0}
.flow svg{width:100%;height:auto;display:block}
.flow .node rect{fill:#f5f8f3;stroke:#cdd8ca;stroke-width:1.2;transition:fill .3s,stroke .3s}
.flow .node text{font-family:"Figtree",sans-serif;font-size:12.5px;font-weight:700;fill:var(--ink)}
.flow .node.on rect{fill:var(--yel);stroke:var(--yel)}.flow .node.on text{fill:var(--yel-ink)}
.flow .hub circle{fill:var(--sp)}.flow .hub text{fill:#fff;font-family:"Figtree",sans-serif;font-weight:800;font-size:15px}
.flow .link{stroke:#d3ddd0;stroke-width:1.5;fill:none}.flow .link.on{stroke:var(--sp2);stroke-width:3}
.flow .pulse{fill:var(--yel);stroke:var(--sp);stroke-width:2}
.flow-cap{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.flow-cap p{font-weight:600;font-size:14px;min-height:3em;margin:0;flex:1 1 260px}
.fctl{display:flex;gap:10px;align-items:center}
.flow-steps{display:flex;gap:4px}
.flow-steps button{width:9px;height:9px;border-radius:50%;border:0;background:#cdd8ca;padding:0;cursor:pointer}
.flow-steps button[aria-current="true"]{background:var(--sp2);width:22px;border-radius:6px}
/* modules */
.mods{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.mods .fcard{background:#fff;border:1px solid var(--line2);border-radius:16px;padding:22px;display:grid;gap:10px;align-content:start;transition:border-color .2s,box-shadow .2s}
.mods .fcard:hover{border-color:#b9cab6;box-shadow:0 14px 34px -24px rgba(20,48,40,.4)}
.mods .tag{font-size:11px;font-weight:700;letter-spacing:.04em;background:var(--band);color:#3f5a4e;border-radius:6px;padding:4px 8px;width:max-content;font-family:inherit;border:0}
.mods .fcard:first-child .tag{background:#fdf1cf;color:#86620a}
.mods h3{font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0}
.mods ul{margin:0;padding:0;list-style:none;display:grid;gap:7px;font-size:13.5px;color:var(--mut)}
.mods li{display:flex;gap:8px}.mods li::before{content:"✓";color:var(--acc);font-weight:700}
.phead{text-align:center;max-width:680px;margin:0 auto 34px}.phead p{color:var(--mut);margin-top:16px}
/* demo */
.demo{background:#fff;border:1px solid var(--line2);border-radius:20px;overflow:hidden;box-shadow:0 20px 50px -34px rgba(20,48,40,.4)}
.dtool{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line2);flex-wrap:wrap}
.roles{display:flex;gap:4px;flex-wrap:wrap}
.roles button{border:0;background:transparent;color:#5a6b65;font:inherit;font-size:13.5px;font-weight:600;padding:9px 14px;border-radius:9px;cursor:pointer}
.roles button:hover{background:var(--band)}
.roles button[aria-pressed="true"],.roles button[aria-selected="true"]{background:var(--sp);color:#fff}
.viewas[hidden]{display:none}.viewas{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 18px 0;font-size:12.5px;color:var(--mut)}.vchips{display:flex;gap:6px;flex-wrap:wrap}.vchips button{border:1px solid var(--line2);background:#fff;color:#33433f;font:inherit;font-size:12.5px;font-weight:600;padding:5px 12px;border-radius:999px;cursor:pointer}.vchips button[aria-pressed="true"]{border-color:var(--sp);background:var(--soft);color:var(--sp)}
.dbadge{font-size:10.5px;letter-spacing:.14em;color:#55655f;font-weight:600}
.role-note{color:var(--mut);font-size:14px;padding:12px 18px 0;margin:0}
.screen{margin:12px 16px 16px;border:1px solid var(--line2);border-radius:14px;overflow:hidden;background:#fff}
.screen .bar{display:flex;gap:6px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line2);background:var(--band);font-size:12.5px}
.screen .bar i{width:10px;height:10px;border-radius:50%;background:#cdd8ca;display:inline-block}
.screen .bar a{color:var(--sp);font-weight:600}
.screen img{width:100%;height:auto;display:block;background:#f4f5f2}
.screen.phone{max-width:390px;margin:12px auto 16px;border-radius:30px;border:8px solid var(--ink);min-height:0;display:block}
.screen.phone .bar{display:none}
.dcta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:0 18px 18px;color:var(--mut);font-size:14px}
.grow{flex:1}.mono{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:12px}
/* final band */
.final{margin-top:0;display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--yel);border-radius:22px;padding:42px 46px;flex-wrap:wrap}
.final h2{margin:0;font-size:clamp(28px,3vw,38px);color:var(--yel-ink)}
.final p{margin:8px 0 0;color:#4d4316}
.factions{display:flex;gap:10px;flex-wrap:wrap}
.final .btn-o{background:transparent;border-color:rgba(29,26,11,.35);color:var(--yel-ink)}
/* footer */
footer{background:var(--sp);color:#fff;padding-block:52px 34px}
footer a{color:inherit}
.made-ca{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:5px 12px 5px 6px;font-weight:700;font-size:13px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25)}
.made-ca .flag{width:24px;height:18px;border-radius:3px;flex:none}
.social{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.social a{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}
.social a:hover{background:#fff}.social svg{width:20px;height:20px;fill:#fff}.social a:hover svg{fill:var(--brand)}

/* modules (concept layout) */
.msec{padding-bottom:32px}
.onote{font-size:14px;color:#4e6358;background:var(--band);border:1px solid var(--line2);padding:16px 20px;border-radius:12px;margin-bottom:34px;line-height:1.7}.onote strong{color:var(--ink)}
.mgt{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:44px 0 18px;flex-wrap:wrap}.mgt h3{margin:0;font-size:clamp(22px,2.2vw,28px);font-weight:650;letter-spacing:-.025em}
.mgt .cnt{font-size:13px;font-weight:600;color:#2a5f40;background:var(--soft);border-radius:999px;padding:6px 14px}
.mgt .sub{font-size:14px;color:var(--mut);margin-right:auto;padding-left:16px;border-left:1px solid var(--line-strong)}
.mhead p{border-left:1px solid var(--line-strong);padding-left:24px}
.mxg{display:grid;gap:16px}.mxg.ops{grid-template-columns:repeat(3,minmax(0,1fr))}.mxg.add{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.mx{position:relative;background:#fff;border:1px solid var(--line2);border-radius:16px;padding:22px;display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;align-items:center;min-height:150px;transition:border-color .2s,box-shadow .2s}
.mx:hover{border-color:#b9cab6;box-shadow:0 14px 34px -26px rgba(20,48,40,.45)}
.mxi{display:grid;place-items:center;width:64px;height:64px;border-radius:14px;background:var(--soft);color:var(--sp)}.mxi svg{width:32px;height:32px}
.mx h4{margin:14px 0 6px;font-size:17px;font-weight:650;letter-spacing:-.01em;color:var(--ink);padding-right:70px}
.mx p{margin:0;font-size:14px;line-height:1.6;color:var(--mut)}
.mxf{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.mxf li{font-size:12.5px;font-weight:600;color:var(--sp);background:var(--soft);border-radius:999px;padding:4px 10px;line-height:1.3}
.mx.ad .mxf li{background:#fff;border:1px solid #e8dfbf}
.pill{position:absolute;top:16px;right:16px;font-size:12px;font-weight:600;border-radius:999px;padding:4px 11px;background:var(--soft);color:#2a5f40}
.mx.ad{background:var(--band);grid-template-columns:1fr;align-items:start;align-content:start;gap:0;padding:20px}
.mx.ad .mxi{width:52px;height:52px;border-radius:12px;background:#dfead8}.mx.ad .mxi svg{width:26px;height:26px}
.mx.ad h4{margin:20px 0 6px;padding-right:0;font-size:16px}.mx.ad p{font-size:13.5px}
.mx.ad .pill{background:#fdf1cf;color:#86620a}
/* add-on cards: each module its own soft tint, icon tile in the same hue */
.mx.ad-invoicing{background:#eef3fc;border-color:#dbe5f6}.mx.ad-invoicing .mxi{background:#dce7fa;color:#2a5bb8}
.mx.ad-procurement{background:#f2effb;border-color:#e2dcf4}.mx.ad-procurement .mxi{background:#e5def8;color:#5b44a8}
.mx.ad-accounting{background:#edf6ef;border-color:#d8eadc}.mx.ad-accounting .mxi{background:#d8ecdd;color:#22714a}
.mx.ad-hr{background:#fcf0f2;border-color:#f3dde2}.mx.ad-hr .mxi{background:#f8dce3;color:#b03b5a}
.mx.ad-tenders{background:#fcf6e8;border-color:#f1e5c6}.mx.ad-tenders .mxi{background:#f8ebc8;color:#8a6408}
.mx.ad .mxf li{border-color:rgba(0,0,0,.06)}
.mx .need{margin-top:12px;padding-top:10px;border-top:1px solid #e3d9b3;font-size:12px;color:#6b5a26}
.kicker.light{color:#cfe0d8}
.dsec{padding-top:40px}.demoben{margin-top:48px}
/* package pricing */
.btog{display:inline-flex;gap:3px;border:1px solid var(--line2);border-radius:11px;padding:4px;background:#fff;margin-top:20px}
.btog button{border:0;background:transparent;padding:9px 18px;border-radius:8px;font:inherit;font-size:13.5px;font-weight:600;color:#5f6f6a;cursor:pointer}
.btog button.on{background:var(--sp);color:#fff}.btog small{font-size:11px;font-weight:700;color:#3b7a55;margin-left:6px}.btog button.on small{color:var(--yel)}
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1200px;margin:0 auto;align-items:stretch}
.pcard.custom{border-color:#c9d8c4;background:#fbfdf9}
.ctog{margin-top:22px;border-top:1px solid var(--line2);padding-top:6px;display:grid}
.ctog .cr{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:9px 0;font-size:14px}
.ctog .cr+.cr{border-top:1px dashed var(--line2)}
.ctog .cr span{color:var(--ink);font-weight:600}.ctog .cr small{display:block;color:var(--mut);font-weight:400;font-size:12px}
.ctog .cr em{font-family:inherit;font-style:normal;color:var(--mut);font-size:13px;white-space:nowrap}
.ctog .cr.dis{opacity:.5}
.ctog .chead{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#4b5d58;padding:12px 0 2px}
.cmsg{font-size:12.5px;background:#fdf1cf;color:#5a4505;border-radius:8px;padding:8px 10px;margin-top:10px}
.switch{width:44px;height:26px;border-radius:999px;border:0;background:#c9d3c6;position:relative;cursor:pointer;flex:none;padding:0}.switch span{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s}.switch[aria-checked="true"]{background:var(--acc)}.switch[aria-checked="true"] span{left:21px}.switch:disabled{cursor:not-allowed;opacity:.7}.switch:focus-visible{outline:2px solid var(--yel);outline-offset:2px}
.pcard{position:relative;background:#fff;border:1px solid var(--line2);border-radius:18px;padding:30px;min-width:0}
.pcard.featured{background:var(--sp);color:#fff;border-color:var(--sp)}
.pname{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.ptag{position:absolute;right:26px;top:28px;font-size:10.5px;font-weight:700;letter-spacing:.06em;background:var(--yel);color:var(--yel-ink);padding:5px 10px;border-radius:6px}
.pdesc{font-size:14px;color:var(--mut);margin:12px 0 20px;max-width:300px}.featured .pdesc{color:#bcd2c8}
.pprice{font-size:60px;font-weight:650;letter-spacing:-.045em;line-height:1}.pprice small{font-size:13px;letter-spacing:0;font-weight:500;color:#5a6a65;margin-left:8px}.featured .pprice small{color:#bcd2c8}
.pnote{font-size:12.5px;color:#5a6a65;margin:10px 0 22px;min-height:18px}.featured .pnote{color:#bcd2c8}
.pcap{border-top:1px solid var(--line2);padding-top:20px;margin-bottom:20px;font-size:14px}.pcap b{font-size:28px;font-weight:650;letter-spacing:-.03em}.featured .pcap{border-color:#2f5a52}
.wide{width:100%;justify-content:space-between}
.btn-y{display:inline-flex;align-items:center;gap:14px;border-radius:12px;padding:15px 22px;font-weight:700;font-size:15px;text-decoration:none;background:var(--yel);color:var(--yel-ink);border:1px solid var(--yel)}
.btn-y:hover{filter:brightness(1.05)}
.pcard .btn-o,.pcard .btn-d{padding:15px 22px;border-radius:12px;font-size:15px}
.pcard ul{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px;font-size:14px;color:var(--mut)}.featured ul{color:#d3e3dc}
.pcard li{display:flex;gap:10px}.pfeat{gap:11px!important;line-height:1.5}.pfeat b{color:var(--ink);font-weight:600}.featured .pfeat b{color:#fff}.pcard li::before{content:"✓";color:var(--acc);font-weight:700}.featured li::before{color:var(--yel)}
/* add-ons: 3 a row on laptops; a short last row stretches so no card sits alone with a gap */
@media (min-width:761px) and (max-width:1180px){.mxg.add{grid-template-columns:repeat(6,minmax(0,1fr))}.mxg.add>.mx{grid-column:span 2}
  .mxg.add>.mx:nth-child(3n+1):nth-last-child(2),.mxg.add>.mx:nth-child(3n+2):last-child{grid-column:span 3}.mxg.add>.mx:nth-child(3n+1):last-child{grid-column:1/-1}}
@media (max-width:1080px){.mxg.ops{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:601px) and (max-width:760px){.mxg.add{grid-template-columns:repeat(2,minmax(0,1fr))}.mxg.add>.mx:nth-child(odd):last-child{grid-column:1/-1}}
/* pricing: three side by side down to tablets (tighter padding), two plus a full-width custom plan on small tablets, one column on phones */
@media (max-width:1180px){.pgrid{gap:14px}.pcard{padding:24px 20px}.pprice{font-size:48px}}
@media (max-width:900px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pgrid>.pcard.custom{grid-column:1/-1}}
@media (max-width:640px){.pgrid{grid-template-columns:1fr;max-width:560px}}
@media (max-width:600px){.mxg.ops,.mxg.add{grid-template-columns:1fr}.mhead p,.mgt .sub{border-left:0;padding-left:0}.mx{min-height:0;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:start;padding:18px}.mx .mxi{width:52px;height:52px}.mx .mxi svg{width:26px;height:26px}.mx h4{margin-top:30px;padding-right:0}.mx.ad h4{margin-top:16px}.pcard{padding:24px}.ptag{position:static;display:inline-block;margin-top:10px}.pprice{font-size:50px}}

/* daily cycle */
.cysec{padding-block:40px 8px}
.cybox{background:var(--band);border:1px solid var(--line2);border-radius:20px;padding:40px}
@media (max-width:900px){.cybox{padding:26px}}
.cyhead{max-width:640px}.cyhead p{color:var(--mut);font-size:16px;line-height:1.6;margin:14px 0 0}
.cygrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin-top:28px}
.cyring svg{width:100%;max-width:640px;height:auto;display:block;margin:0 auto;overflow:visible}
.cytrack{fill:none;stroke:#d3ddd0;stroke-width:3}
.cyarc{fill:none;stroke:var(--sp2);stroke-width:4;stroke-linecap:round}
.cynode{cursor:pointer;outline:none}
.cynode circle{fill:#fff;stroke:#cdd8ca;stroke-width:2;transition:fill .3s,stroke .3s}
.cynode .cyno{font-family:"Figtree",sans-serif;font-weight:800;font-size:17px;fill:var(--sp)}
.cynode .cylab{font-family:"Figtree",sans-serif;font-weight:700;font-size:17px;fill:var(--ink)}
.cynode.on circle{fill:var(--yel);stroke:var(--yel)}.cynode.on .cyno{fill:var(--yel-ink)}
.cynode:focus-visible circle{stroke:var(--sp);stroke-width:3}
.cyhub text{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:26px;fill:var(--sp);text-anchor:middle}
.cydot{fill:var(--sp)}
.cypanel{background:#fff;border:1px solid var(--line2);border-radius:20px;padding:28px 28px 22px;min-height:260px;display:flex;flex-direction:column;gap:10px}
.cynum{font-size:12.5px;font-weight:700;color:var(--mut);letter-spacing:.04em;text-transform:uppercase}
.cypanel h3{font-size:30px;margin:0;letter-spacing:-.02em}
.cypanel p{color:var(--mut);font-size:16.5px;line-height:1.6;margin:0}
.cygain{margin-top:6px;background:var(--soft);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.cygain span{font-size:12px;font-weight:700;color:var(--acc);letter-spacing:.03em;text-transform:uppercase}.cygain b{font-size:17px}
.cyctl{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px}
.cydots{display:flex;gap:8px}.cydots button{width:10px;height:10px;border-radius:50%;border:0;background:#cdd8ca;padding:0;cursor:pointer}.cydots button[aria-current="true"]{background:var(--sp);width:26px;border-radius:6px}
.valrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}
.val{border-top:3px solid var(--sp);padding:16px 2px 0}.val b{font-size:19px;letter-spacing:-.01em}.val p{color:var(--mut);margin:6px 0 0;line-height:1.55}
@media (max-width:900px){.cygrid{grid-template-columns:1fr;gap:24px}.valrow{grid-template-columns:1fr}.cypanel{min-height:0}}
@media (max-width:620px){.cynode .cylab{display:none}}
@media (max-width:520px){.cypanel h3{font-size:24px}}
/* night-shift scene */
.scene{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center;padding-block:56px 8px}
.scene-copy p{color:var(--mut);font-size:16px;line-height:1.8;margin:20px 0 0;max-width:460px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.chips span{font-size:13px;color:#4b5d58;background:var(--band);border:1px solid var(--line2);border-radius:999px;padding:7px 12px}.chips b{color:var(--ink);font-weight:600}
.scene-art{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--line2);box-shadow:0 26px 60px -30px rgba(20,48,40,.45);min-width:0}
.scene-art svg{display:block;width:100%;height:auto}
.snote{position:absolute;display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line2);border-radius:12px;padding:10px 14px;box-shadow:0 12px 26px -12px rgba(20,48,40,.35);font-size:12.5px;max-width:70%}
.snote b{font-weight:600;display:block}.snote small{color:#55655f;font-size:11.5px}
.snote .dot{width:10px;height:10px;border-radius:50%;flex:none}.dot.g{background:#2f9e5b;box-shadow:0 0 0 4px #dcf2e3}.dot.y{background:var(--yel);box-shadow:0 0 0 4px #fbefc4}
.n1{left:14px;top:14px}.n2{right:14px;bottom:14px}
.msec{padding-top:56px}
@media (max-width:900px){.scene{grid-template-columns:1fr;gap:28px;padding-top:48px}}
@media (max-width:600px){.snote{position:static;max-width:none;margin:8px}.scene-art{display:flex;flex-direction:column}}
.nlog{font-weight:600;font-size:14px;text-decoration:none;color:var(--sp);padding:0 6px}
@media (max-width:600px){.navcta .nlog{font-size:13px;padding:0 2px}}
.pmeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1200px;margin:28px auto 0;background:#fff;border:1px solid var(--line2);border-radius:16px}
.pm{display:flex;gap:14px;align-items:flex-start;padding:20px 22px;min-width:0}.pm+.pm{border-left:1px solid var(--line2)}
.pmi{width:36px;height:36px;flex:none;border-radius:10px;background:var(--band);color:var(--sp);display:grid;place-items:center}.pmi svg{width:19px;height:19px}
.pmi.stripe-i{background:#f0efff}.pmi.stripe-i svg{fill:#635bff;width:16px;height:16px}
.pm b{display:block;font-size:14px;font-weight:650;color:var(--ink)}.pm span:not(.pmi){font-size:13px;color:var(--mut);line-height:1.55}
.pfoot{text-align:center;font-size:12.5px;color:#55655f;margin:16px auto 0}.pfoot a{color:var(--sp)}
@media (max-width:900px){.pmeta{grid-template-columns:1fr}.pm+.pm{border-left:0;border-top:1px solid var(--line2)}}
.card.app{display:grid;grid-template-columns:52px minmax(0,1fr)}
.mside{background:#0f3d3a;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0}
.mlogo{width:28px;height:28px;border-radius:8px;background:#fff;color:#0f3d3a;font-weight:800;display:grid;place-items:center;font-size:15px;margin-bottom:10px}
.mi{width:34px;height:30px;border-radius:8px;display:grid;place-items:center;color:rgba(255,255,255,.7)}.mi svg{width:16px;height:16px}
.mi.on{background:rgba(255,255,255,.13);color:#fff;box-shadow:inset 2px 0 0 #f2c230}
.mmain{min-width:0}
.mtb{display:inline-flex;gap:8px;align-items:center}.mpill{font-size:10.5px;border:1px solid #dce6d9;border-radius:6px;padding:3px 8px;color:#4b5d58}
.mbell{min-width:18px;height:18px;border-radius:9px;background:#b0261d;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}
.metrics>div{position:relative;background:#fff;border:1px solid #e3eae0}
.metrics>div.warn{border-color:#e8c27a}
.metrics small{text-transform:none;letter-spacing:0;font-size:10.5px;font-weight:600}
.metrics em{display:block;font-style:normal;font-family:inherit;font-size:10px;font-weight:700;color:#6c7d74;margin-top:2px}.metrics em.up{color:#1d7349}
.msp{position:absolute;right:8px;bottom:8px;width:44px;height:14px}
.crow .bld svg{width:15px;height:15px}
@media (max-width:600px){.msp{display:none}.card.app{grid-template-columns:44px minmax(0,1fr)}}
/* supplier catalogues feature */
.cat-sec{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px;align-items:center;padding-block:56px 16px}
.cat-copy h2{font-size:clamp(34px,4vw,52px);line-height:1.04;letter-spacing:-.04em;font-weight:650;margin:18px 0 0;text-wrap:balance}
.cat-copy>p{color:var(--mut);font-size:16.5px;line-height:1.75;margin:20px 0 0;max-width:520px}
.cat-list{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px;max-width:540px}
.cat-list li{position:relative;padding-left:30px;font-size:15px;line-height:1.6;color:var(--mut)}.cat-list b{color:var(--ink)}
.cat-list li::before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:6px;background:var(--soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b7a55' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
.cat-art{position:relative;padding:28px 0 28px 28px;min-width:0}
.cat-art::before{content:"";position:absolute;inset:0 -24px 0 0;background:var(--band);border-radius:10% 40% 12% 36%;z-index:-1}
.ca-file{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line2);border-radius:14px;padding:12px 14px;box-shadow:0 14px 30px -20px rgba(20,48,40,.35);max-width:420px;margin-bottom:14px}
.ca-file b{font-size:13.5px;display:block}.ca-file small{font-size:11.5px;color:var(--mut)}
.ca-xl{flex:none;width:40px;height:40px;border-radius:10px;background:#1f7244;color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;display:grid;place-items:center}
.ca-card{background:#fff;border:1px solid #dce6d9;border-radius:16px;box-shadow:0 28px 64px -24px rgba(20,48,40,.3);overflow:hidden}
.ca-head,.ca-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) .8fr .8fr .9fr;gap:10px;align-items:center;padding:12px 16px}
.ca-head{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#6c7d74;font-weight:700;background:#f7faf5;border-bottom:1px solid #edf1eb}
.ca-row{font-size:13px;border-bottom:1px solid #f0f3ee}.ca-row b{font-weight:600;display:block}.ca-row small{font-size:11px;color:#8a9893;font-family:"JetBrains Mono",ui-monospace,monospace}
.ca-row.best{background:#f3f9f1}
.ca-head .n,.ca-row .n{text-align:right}
.ca-row i{font-style:normal;font-size:11px;font-weight:700;border-radius:6px;padding:3px 7px;white-space:nowrap}
.ca-row i.up{background:#fbe5e3;color:#a2271e}.ca-row i.dn{background:#e2f1e8;color:#1d7349}.ca-row i.new{background:#e5edf7;color:#22507f}.ca-row i.fl{background:#eef1ec;color:#5f6f6a}
.ca-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:12px;color:var(--mut);flex-wrap:wrap}
.ca-btn{background:var(--sp);color:#fff;font-weight:700;font-size:12.5px;border-radius:9px;padding:8px 12px}
.ca-cmp{position:relative;margin:14px -8px 0 auto;width:max-content;background:var(--sp);color:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 18px 40px -18px rgba(15,61,58,.6);max-width:300px;display:grid;gap:3px;font-size:12px}
.ca-cmp b{font-size:14px}.ca-cmp span:last-child{color:#bcd2c8}
.ca-tag{justify-self:start;background:var(--yel);color:var(--yel-ink);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:5px;padding:2px 7px}
@media (max-width:900px){.cat-sec{grid-template-columns:1fr;gap:36px;padding-top:64px}.cat-art::before{right:0}}
@media (max-width:600px){.cat-art{padding-left:0}.ca-head,.ca-row{grid-template-columns:minmax(0,1.5fr) .9fr .9fr;}.ca-head span:nth-child(2),.ca-row span:nth-child(2),.ca-head span:nth-child(4),.ca-row span:nth-child(4){display:none}.ca-cmp{margin:12px 0 0;width:auto;max-width:none}}
.fsec2{padding-block:56px 88px}
/* motion */
.rise{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}.hero-art.rise{animation-delay:.12s}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.flow .pulse{display:none}}
/* responsive */
@media (max-width:1080px){.nav .mainnav{display:none}.mbtn{display:inline-flex}.navcta{margin-left:auto}.lgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.howgrid{gap:40px}}
@media (max-width:900px){.hero-art::before{right:0}.hero,.howgrid,.price-wrap,.faqgrid{grid-template-columns:1fr}.hero{gap:44px;padding-top:40px}.strip{grid-template-columns:repeat(2,minmax(0,1fr))}.slabel{grid-column:1/-1}.benefits{grid-template-columns:1fr;gap:28px}.shead{display:block}.shead p{margin-top:16px}.fgrid4{grid-template-columns:1fr 1fr}.faqgrid{gap:24px}}
@media (max-width:600px){.wrap{padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}.navin{height:64px;gap:10px}.nav .lw{height:28px}.navcta .btn-o{display:none}.navcta .btn-d{padding:10px 14px;font-size:13px}.hero h1{font-size:48px}.lead{font-size:16px}.sec{padding-block:44px}.lgrid{grid-template-columns:1fr}.logins{padding:18px}.metrics strong{font-size:21px}.card-body{padding:16px}.hero-art{padding-left:10px}.fnote{margin-right:0}.final{padding:28px}.fgrid4{grid-template-columns:1fr}.screen iframe{height:620px}.strip{font-size:13px}}
/* footer v2 */
footer.ft{background:#0c3431;color:#fff;padding-block:64px 28px;position:relative;overflow:hidden}
footer.ft::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 360px at 100% 0,rgba(242,194,48,.10),transparent 60%);pointer-events:none}
footer.ft .wrap{position:relative}
footer.ft a{color:inherit}
.ft-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.85fr);gap:56px}
.ft-brand .logo{display:inline-flex}.ft-brand .lw{height:34px;width:auto;--lm-bg:#fff;--lm-j:#0F3D3A;color:#fff}
.ft-brand p{color:#b9cfc6;font-size:14.5px;line-height:1.7;margin:16px 0 0;max-width:360px}
.ft-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.ft-btn{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.28);border-radius:11px;padding:10px 16px;font-weight:600;font-size:14px;text-decoration:none;transition:background .15s,transform .15s}
.ft-btn:hover{background:rgba(255,255,255,.08);transform:translateY(-1px)}
.ft-btn.y{background:#f2c230;border-color:#f2c230;color:#1d1a0b}.ft-btn.y:hover{background:#f5cd52}
.ft-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.ft-cols h3{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#8fb1a5;font-weight:700;margin:4px 0 14px}
.ft-cols div{display:grid;gap:10px;align-content:start;font-size:14.5px}
.ft-cols a{text-decoration:none;color:#e3eee9;width:max-content;max-width:100%}.ft-cols a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.ft-cols span{color:#b9cfc6}
.ft-trust{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:44px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}
.ft-chip{font-size:12.5px;color:#cfe0d8;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:5px 12px}
footer.ft .made-ca{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:4px 12px 4px 5px;font-weight:700;font-size:12.5px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2)}
footer.ft .made-ca .flag{width:22px;height:16px;border-radius:3px;flex:none}
.ft-bot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px;font-size:12.5px;color:#8fb1a5}
footer.ft .social{display:flex;gap:8px;margin:0}
footer.ft .social a{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);transition:background .15s}
footer.ft .social a:hover{background:#fff}footer.ft .social svg{width:16px;height:16px;fill:#e3eee9}footer.ft .social a:hover svg{fill:var(--brand)}
@media (max-width:900px){.ft-top{grid-template-columns:1fr;gap:36px}}
@media (max-width:560px){.ft-cols{grid-template-columns:1fr 1fr}.ft-cols div:last-child{grid-column:1/-1}.ft-bot{flex-direction:column-reverse;align-items:flex-start}}

/* mobile menu */
.mbtn{display:none;flex-direction:column;justify-content:center;gap:4px;width:42px;height:42px;border:1px solid #c5d1c6;border-radius:10px;background:#fff;cursor:pointer;padding:0 11px}
.mbtn span{display:block;height:2px;background:var(--sp);border-radius:2px}
.mmenu{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line2);box-shadow:0 12px 24px rgba(15,61,58,.08);padding:8px max(18px,env(safe-area-inset-left,0px)) 18px;display:flex;flex-direction:column}
.mmenu[hidden]{display:none}
.nav .mmenu a{padding:13px 4px;border-bottom:1px solid var(--line2);color:var(--ink);text-decoration:none;font-weight:600}
.nav .mmenu a.btn-d{margin-top:14px;border-bottom:0;justify-content:center;color:#fff}
@media (min-width:1081px){.mmenu{display:none !important}}
@media (max-width:1080px){.mbtn{display:inline-flex}}

a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2a78d6;outline-offset:2px}
/* QuickBooks, getting started, FAQ */
.smsec{padding-block:24px 8px}
.smgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center;border:1px solid var(--line2);border-radius:20px;padding:40px;background:#fff}
.smgrid h2{margin-top:10px}.smgrid>div>p{color:var(--mut);font-size:15px;line-height:1.75;margin:16px 0 0}
.smchk{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.smchk li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.55;color:#33433f}
.smchk li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;background:var(--soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f3d3a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/11px no-repeat}
.smpk{background:var(--band);border:1px solid var(--line2);border-radius:16px;padding:18px;font-size:13.5px}
.smpk .ctx{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 12px}.smpk .ctx b{font-size:15px}.smpk .ctx span{color:var(--mut)}
.smpk .g{font-size:12px;font-weight:700;color:var(--mut);margin:14px 2px 6px;display:flex;justify-content:space-between}
.smpk .r{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--line2);border-radius:12px;padding:10px 12px;margin-bottom:6px}
.smpk .r.no{background:transparent;opacity:.75}
.smpk .av{width:32px;height:32px;border-radius:50%;background:var(--soft);color:var(--sp);font-weight:700;font-size:12px;display:grid;place-items:center}
.smpk .nm b{display:block;font-size:14px}.smpk .nm span{font-size:12.5px;color:var(--mut)}
.smpk .ok{color:#1f6e43;font-weight:600}.smpk .ot{color:#9a5b00;font-weight:600}.smpk .bz{color:#a3361f;font-weight:600}
.smpk .hrs{font-size:12px;color:var(--mut);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.smpk .bar{display:block;width:84px;height:5px;border-radius:9px;background:#e4ebe1;margin:4px 0 0 auto;overflow:hidden}.smpk .bar i{display:block;height:5px;background:var(--acc)}.smpk .bar i.ov{background:#d08a1c}
.smpk .btn-a{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;color:#fff;background:var(--sp);border-radius:8px;padding:4px 10px}
.smpk .btn-a.w{background:#fff;color:var(--sp);border:1px solid var(--line2)}
@media (max-width:900px){.smgrid{grid-template-columns:1fr;gap:28px;padding:26px}}
@media (max-width:480px){.smpk{padding:12px}.smpk .r{grid-template-columns:32px minmax(0,1fr)}.smpk .hrs{grid-column:1/-1;display:flex;align-items:center;gap:10px;text-align:left}.smpk .hrs .bar{margin:0;flex:1;max-width:120px}.smpk .hrs .btn-a{margin:0 0 0 auto}}
/* compact pass: smart scheduling and footer take less height */
.smgrid{padding:28px 32px;gap:36px}.smgrid h2{margin-top:6px}.smgrid>div>p{margin-top:12px;line-height:1.65}
.smchk{margin-top:14px;gap:6px}.smchk li{font-size:14px}
.smpk{padding:14px}.smpk .ctx{margin-bottom:8px}.smpk .g{margin:10px 2px 5px}
.smpk .r{padding:8px 12px;margin-bottom:5px}
.smpk .hrs{display:flex;align-items:center;gap:10px}.smpk .hrs .bar{margin:0;width:70px}.smpk .btn-a{margin-top:0}
.smpk .nas{display:grid;grid-template-columns:1fr 1fr;gap:5px}.smpk .nas .r{margin:0;grid-template-columns:32px minmax(0,1fr)}
footer.ft{padding-block:40px 20px}.ft-top{gap:40px}.ft-brand p{margin-top:12px}.ft-cta{margin-top:16px}
.ft-cols{gap:22px}.ft-cols h3{margin:2px 0 10px}.ft-cols div{gap:7px;font-size:14px}
.ft-cols .ft-prod{grid-template-columns:repeat(2,max-content);column-gap:28px}.ft-cols .ft-prod h3{grid-column:1/-1}
.ft-trust{margin-top:26px;padding-top:16px}.ft-bot{margin-top:14px}
@media (max-width:1180px){.smpk .hrs .bar{width:56px}}
@media (min-width:561px){.ft-cols{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:1180px){.ft-cols .ft-prod{grid-template-columns:1fr}}
@media (max-width:480px){.smpk .nas{grid-template-columns:1fr}.smgrid{padding:20px 16px;gap:24px}}
.qbsec{padding-block:24px 8px}
.qbgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:48px;align-items:start;background:var(--band);border:1px solid var(--line2);border-radius:20px;padding:40px}
.qbgrid p{color:var(--mut);font-size:15px;line-height:1.75;margin:16px 0 0}
.qbsteps{margin:0;padding:0;list-style:none;counter-reset:q;display:grid;gap:14px}
.qbsteps li{counter-increment:q;position:relative;padding:14px 16px 14px 52px;background:#fff;border:1px solid var(--line2);border-radius:12px;font-size:14.5px;line-height:1.6;color:#33433f}
.qbsteps li::before{content:counter(q);position:absolute;left:16px;top:14px;width:24px;height:24px;border-radius:50%;background:var(--sp);color:#fff;font-size:12.5px;font-weight:700;display:grid;place-items:center}
.qbnote{font-size:14px;color:#4e6358;margin:16px 4px 0;line-height:1.7}
.nojs{padding:24px;margin:0;color:var(--ink)}
@media (max-width:900px){.qbgrid{grid-template-columns:1fr;gap:24px;padding:26px}}
@media (max-width:600px){.navcta .btn-d{display:none}.navcta .nlog{display:none}}
.gssteps{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.gssteps li{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 14px 6px 6px;font-size:14px;font-weight:600}
.gssteps span{width:24px;height:24px;border-radius:50%;background:var(--yel);color:var(--yel-ink);font-weight:800;font-size:12.5px;display:grid;place-items:center}
.gsart{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0}
.gssrc{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.gsfile{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--ink);border-radius:10px;padding:8px 12px;font-size:13.5px;font-weight:700;box-shadow:0 6px 18px -10px rgba(0,0,0,.4)}
.gsfile::before{content:'';width:18px;height:22px;border-radius:3px;background:var(--c,#2a78d6);clip-path:polygon(0 0,70% 0,100% 25%,100% 100%,0 100%)}
.gsfile.qb{--c:#2ca01c}.gsfile.xl{--c:#1d6f42}.gsfile.cv{--c:#6b7a75}
.gsarrow{display:grid;place-items:center;color:var(--yel)}
.gsdest{background:#fff;color:var(--ink);border-radius:16px;padding:18px 18px 16px;box-shadow:0 24px 50px -28px rgba(0,0,0,.55)}
.gsdh{display:flex;align-items:center;gap:10px;margin-bottom:12px}.gsdh b{font-size:15.5px}.gsdh small{margin-left:auto;font-size:11.5px;color:var(--mut);background:var(--band);border-radius:999px;padding:3px 9px}
.gsj{width:28px;height:28px;border-radius:8px;background:var(--sp);color:#fff;font-weight:800;display:grid;place-items:center}
.gslist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.gslist li{background:var(--band);border:1px solid var(--line2);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.gslist li b{font-size:13.5px;display:flex;align-items:center;gap:6px}.gslist li b::before{content:'✓';color:var(--acc);font-weight:800}
.gslist li span{font-size:12.5px;color:var(--mut)}
.gsmatch{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;font-size:11.5px;color:#33433f}.gsmatch span{display:inline-flex;align-items:center;gap:5px}
.gsmatch i{font-style:normal;background:var(--band);border:1px solid var(--line2);border-radius:6px;padding:3px 6px;white-space:nowrap}.gsmatch em{font-style:normal;color:var(--mut)}
.getsec{padding-block:24px 8px}
.gsbox{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;align-items:center;background:var(--sp);color:#fff;border-radius:20px;padding:36px 40px}
.gsbox .kicker{color:#cfe3d7}.gsbox h2{color:#fff}.gsbox h2 em{color:var(--yel)}
.gscopy p{color:#d6e6dd;font-size:15px;line-height:1.7;margin:14px 0 0}
.gsmore{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px;font-size:14px;color:#d6e6dd}.gsmore b{color:#fff}
.gsmore li::before{content:'✓';color:var(--yel);margin-right:8px;font-weight:700}
.psave{margin:-14px 0 18px;font-size:13px;font-weight:600;color:var(--yel);line-height:1.5}.psave:empty{display:none}
.cbund{margin:8px 0 0;font-size:13px;display:flex;flex-direction:column;gap:2px}.cbund:empty{display:none}.cbund s{color:#4e6358}.cbund b{color:var(--sp)}
@media (max-width:900px){.gsbox{grid-template-columns:1fr;gap:24px;padding:28px}}
@media (max-width:600px){.gsbox{padding:22px}.gslist{grid-template-columns:1fr}}
/* phones: footer link groups fold away; tap a heading to open it */
.ft-tg{all:unset;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit}
@media (max-width:560px){
  .ft-cols{grid-template-columns:1fr!important;gap:0!important}
  .ft-cols>div{gap:0;border-top:1px solid rgba(255,255,255,.12)}.ft-cols>div:last-child{grid-column:auto;border-bottom:1px solid rgba(255,255,255,.12)}
  .ft-cols h3{margin:0!important}
  .ft-tg{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 2px;cursor:pointer;box-sizing:border-box}
  .ft-tg:focus-visible{outline:2px solid #f2c230;outline-offset:2px;border-radius:4px}
  .ft-tg::after{content:"";width:7px;height:7px;border-right:2px solid #8fb1a5;border-bottom:2px solid #8fb1a5;transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .2s}
  .ft-cols>div.open .ft-tg::after{transform:rotate(-135deg);margin-top:4px}
  .ft-cols>div>:not(h3){display:none}
  .ft-cols>div.open{padding-bottom:14px;gap:10px}.ft-cols>div.open>:not(h3){display:block}
}
@media (prefers-reduced-motion:reduce){.ft-tg::after{transition:none}}

/* v3.61 features section: illustrated tiles (included) and tinted add-on cards */
.mxg.ops2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mt{position:relative;background:#fff;border:1px solid var(--line2);border-radius:20px;padding:20px 20px 18px;display:flex;flex-direction:column;gap:16px;transition:border-color .2s,box-shadow .2s,transform .2s}
.mt:hover{border-color:#c4d4c0;box-shadow:0 18px 40px -30px rgba(20,48,40,.5)}
.mt-top{display:grid;grid-template-columns:112px minmax(0,1fr) 34px;gap:16px;align-items:center}
.mt-art{display:grid;place-items:center;width:112px;height:92px;border-radius:16px;background:linear-gradient(160deg,#f5f9f3,#eaf2e6)}.mt-art svg{width:100px;height:80px}
.mt-h h4{margin:0 0 6px;font-size:17px;font-weight:650;letter-spacing:-.015em;color:var(--ink);line-height:1.3;padding-right:4px}
.mt-h p{margin:0;font-size:13.5px;line-height:1.55;color:var(--mut)}
.mt-inc{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:650;color:#1d6b45;background:#e3f3e8;border-radius:999px;padding:3px 10px 3px 7px}
.mt-inc svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.mt-top{padding-top:18px}
.mt-go{display:none;align-self:end;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--sp);color:#fff;transition:background .2s,transform .2s}
.mt-go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mt-go:hover{background:var(--acc);transform:translateX(2px)}.mt-go:focus-visible{outline:3px solid var(--yel);outline-offset:2px}
.mt-chips{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid #edf1eb;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mt-chips li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;font-size:12px;font-weight:600;line-height:1.3;color:#35504a}
.mt-chips svg{width:34px;height:34px;padding:8px;border-radius:10px;background:var(--soft);fill:none;stroke:var(--sp);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mag{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.ma{position:relative;border:1px solid var(--line2);border-radius:20px;padding:20px;display:flex;flex-direction:column;background:var(--band)}
.ma-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.ma-i{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#fff;box-shadow:0 6px 16px -10px rgba(20,48,40,.45)}.ma-i svg{width:26px;height:26px}
.ma-p{font-size:15px;font-weight:700;color:var(--ink);background:#fff;border-radius:999px;padding:5px 11px;letter-spacing:-.01em;white-space:nowrap}.ma-p small{font-size:11px;font-weight:600;color:var(--mut)}
.ma h4{margin:18px 0 12px;min-height:2.6em;font-size:16.5px;font-weight:650;letter-spacing:-.015em}
.ma h4 a{color:var(--ink);text-decoration:none}
.ma h4 a svg{display:inline-block;vertical-align:-2px;margin-left:6px;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.ma h4 a:hover svg{transform:translateX(3px)}.ma h4 a:focus-visible{outline:3px solid var(--yel);outline-offset:3px;border-radius:4px}
.ma>p{margin:0 0 14px;font-size:13.5px;line-height:1.55;color:var(--mut)}
.ma-l{list-style:none;margin:2px 0 0;padding:14px 0 0;border-top:1px solid rgba(0,0,0,.07);display:grid;gap:9px}
.ma-l li{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#2f4440;line-height:1.35}
.ma-l svg{flex:none;width:28px;height:28px;padding:6px;border-radius:9px;background:#fff;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ma-n{margin-top:auto;padding-top:12px;font-size:12px;color:var(--mut);line-height:1.5}
.ma.ad-invoicing{background:#eef3fc;border-color:#dbe5f6}.ma.ad-invoicing .ma-i,.ma.ad-invoicing .ma-l svg{color:#2a5bb8}
.ma.ad-procurement{background:#f2effb;border-color:#e2dcf4}.ma.ad-procurement .ma-i,.ma.ad-procurement .ma-l svg{color:#5b44a8}
.ma.ad-accounting{background:#edf6ef;border-color:#d8eadc}.ma.ad-accounting .ma-i,.ma.ad-accounting .ma-l svg{color:#22714a}
.ma.ad-hr{background:#fcf0f2;border-color:#f3dde2}.ma.ad-hr .ma-i,.ma.ad-hr .ma-l svg{color:#b03b5a}
.ma.ad-tenders{background:#fcf6e8;border-color:#f1e5c6}.ma.ad-tenders .ma-i,.ma.ad-tenders .ma-l svg{color:#8a6408}
@media (max-width:1180px){.mag{grid-template-columns:repeat(6,minmax(0,1fr))}.ma{grid-column:span 2}.ma:nth-child(4){grid-column:span 3}.ma:nth-child(5){grid-column:span 3}}
@media (max-width:1080px){.mxg.ops2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.mag{grid-template-columns:1fr 1fr}.ma,.ma:nth-child(4){grid-column:auto}.ma:nth-child(5){grid-column:1/-1}}
@media (max-width:600px){.mxg.ops2,.mag{grid-template-columns:1fr}.ma h4{min-height:0}.ma:nth-child(5){grid-column:auto}.mt-top{grid-template-columns:84px minmax(0,1fr) 34px;gap:12px}.mt-art{width:84px;height:74px}.mt-art svg{width:76px;height:62px}}
@media (prefers-reduced-motion:reduce){.mt,.mt-go,.ma h4 a svg{transition:none}}

/* v3.63 tighter "One loop" and "See the app" sections (about 25% shorter) */
.cysec{padding-block:28px 0}
.cybox{padding:30px 34px}
.cyhead h2{font-size:clamp(28px,3vw,40px)}.cyhead p{font-size:15px;margin-top:10px}
.cygrid{gap:36px;margin-top:14px}
.cyring svg{max-width:420px}
@media (min-width:901px){.cyhead{max-width:none}.cyhead h2 br,#play .shead h2 br{display:none}.cyhead h2 em,#play .shead h2 em{margin-left:.25em}}
.cypanel{padding:22px 24px 18px;min-height:0;gap:8px}.cypanel h3{font-size:25px}.cypanel p{font-size:15px;line-height:1.55}
.cygain{padding:10px 12px}.cygain b{font-size:15.5px}
.valrow{margin-top:24px;gap:14px}.val{padding-top:12px}.val b{font-size:17px}.val p{font-size:14.5px}
.dsec{padding-top:24px;padding-bottom:40px}
#play .shead h2{font-size:clamp(28px,3vw,40px)}
@media (max-width:900px){.cybox{padding:22px}}
@media (max-width:600px){.cyring svg{max-width:300px}.cygrid{gap:16px}.cybox{padding:18px}.valrow{margin-top:18px}}

/* v3.64 see the app: logins and screens on the left, the screen on the right */
.demo.dgrid{display:grid;grid-template-columns:272px minmax(0,1fr);align-items:stretch}
.dside{display:flex;flex-direction:column;gap:10px;padding:22px 20px;border-right:1px solid var(--line2);background:linear-gradient(180deg,#fbfcfa,#f4f8f2)}
.dlbl{font-size:12px;font-weight:650;color:var(--mut);margin:2px 0 0}
.dside .roles{display:grid;gap:4px}
.dside .roles button{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:10px 12px;font-size:14px;border-radius:10px}
.dside .roles button[aria-selected="true"]::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--yel)}
.dside .viewas{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:6px 0 0}
.dside .vchips{display:flex;flex-wrap:wrap;gap:6px}
.dside .role-note{padding:4px 0 0;font-size:13.5px;line-height:1.55}
.dside .dcta{flex-direction:column;align-items:flex-start;gap:8px;padding:6px 0 0;margin-top:auto;font-size:13px}
.dmain{position:relative;display:flex;align-items:center;justify-content:center;padding:18px;min-width:0;background:#fff}
.dmain .dbadge{position:absolute;top:8px;right:14px}
.dmain .screen{margin:14px 0 0;width:100%}
.dmain .screen.phone{width:auto;max-width:330px;margin:14px auto 0}
@media (max-width:900px){.demo.dgrid{grid-template-columns:1fr}.dside{border-right:0;border-bottom:1px solid var(--line2);padding:16px}
  .dside .roles{grid-template-columns:repeat(4,auto);justify-content:start;overflow-x:auto}.dside .roles button{padding:8px 12px;font-size:13px}.dside .roles button::after{display:none}
  .dside .dcta{flex-direction:row;align-items:center;flex-wrap:wrap;margin-top:4px}.dmain{padding:10px 12px 14px}}
@media (max-width:520px){.dtop .roles button{padding:8px 9px;font-size:12.5px}}

/* v3.65 demo: login tabs in one row on top, screens listed on the left, no extra text */
.demo.dgrid{grid-template-columns:232px minmax(0,1fr)}
.dtop{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line2)}
.dtop .roles{display:flex;gap:4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.dtop .roles::-webkit-scrollbar{display:none}
.dtop .roles button{white-space:nowrap}
.dside{gap:12px;padding:18px 16px}
.dside .viewas{padding:0}
.dside .vchips{display:grid;gap:4px}
.dside .vchips button{text-align:left;border-radius:10px;padding:9px 12px;font-size:13.5px;border-color:transparent;background:transparent}
.dside .vchips button:hover{background:#fff;border-color:var(--line2)}
.dside .vchips button[aria-pressed="true"]{background:#fff;border-color:var(--sp);color:var(--sp)}
.dside .dcta{margin-top:auto;padding:0}
.dmain .screen{margin:0;box-sizing:border-box;max-width:100%}.dmain .screen.phone{margin:0 auto}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:900px){.demo.dgrid{grid-template-columns:1fr}.dtop{padding:10px}.dtop .roles{gap:2px}.dtop .dbadge{display:none}.dside{padding:12px 14px}.dside .vchips{display:flex;flex-wrap:wrap;gap:6px}.dside .vchips button{border-color:var(--line2);background:#fff;border-radius:999px;padding:6px 12px;font-size:12.5px}.dside .dcta{display:none}}

/* v3.70 demo screen: a soft fade while a screenshot is still loading (first view only; later switches are instant) */
#screen[aria-busy="true"] img{opacity:.55;transition:opacity .15s}
#screen img{transition:opacity .15s}
@media (prefers-reduced-motion:reduce){#screen img,#screen[aria-busy="true"] img{transition:none}}

/* v3.91 features: three cards (included, product, add-ons with live total) */
.fxsec{padding-top:40px;padding-bottom:40px}
.fx-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:22px;flex-wrap:wrap}
.fx-head h2{font-size:clamp(28px,3.4vw,42px);line-height:1.08;letter-spacing:-.02em;max-width:640px}
.fx-head p{max-width:360px;color:var(--mut);font-size:14.5px;margin:0;border-left:2px solid var(--yel);padding-left:14px}
.fx-head p .spk{width:13px;height:13px;vertical-align:-1px;fill:var(--yel);margin:0 2px}
.fx-grid{display:grid;grid-template-columns:1fr 1.02fr 1fr;gap:18px;align-items:stretch}
.fx-card{background:#fff;border:1px solid var(--line2);border-radius:20px;padding:22px;box-shadow:0 1px 2px rgba(20,40,38,.04)}
.fx-ch{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.fx-ch h3{font-size:19px;margin:0}
.fx-pill{background:var(--soft);color:var(--sp);font-weight:700;font-size:13px;padding:5px 11px;border-radius:999px;white-space:nowrap}
.fx-list{list-style:none;margin:0;padding:0}
.fx-list li{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-bottom:1px solid #eef2ec}
.fx-list li:last-child{border-bottom:0}
.fx-ic{flex:none;width:34px;height:34px;border-radius:10px;background:var(--band);display:grid;place-items:center;color:var(--sp)}
.fx-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fx-list b{display:flex;align-items:center;gap:8px;font-size:14.5px;line-height:1.3}
.fx-list small{display:block;color:var(--mut);font-size:13px;line-height:1.4;margin-top:2px}
.fx-list li>div{flex:1;min-width:0}
.fx-auto{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;color:#7a5c00;background:#fdf3cf;border-radius:999px;padding:2px 7px 2px 5px}
.fx-auto .spk{width:11px;height:11px;fill:#d9a91c}
.fx-opt{margin-left:auto;align-self:center;font-size:12px;font-weight:700;color:var(--acc);background:var(--soft);border-radius:999px;padding:3px 9px;white-space:nowrap}
.fx-mid{background:radial-gradient(120% 80% at 80% 0%,#1f5a50 0%,var(--sp) 60%);color:#fff;border:0;display:flex;flex-direction:column;overflow:hidden}
.fx-mid h3{font-size:24px;line-height:1.18;margin:0 0 6px;color:#fff}
.fx-mid h3 em{color:#bfe3c9}
.fx-mid>p{color:#cfe0d8;margin:0;font-size:14.5px}
.fx-dev{position:relative;margin:20px 6px 8px;padding-right:52px}
.fx-lap{border-radius:12px 12px 6px 6px;background:#0b2a28;padding:7px 7px 9px;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.fx-lap img{display:block;width:100%;height:auto;border-radius:6px}
.fx-ph{position:absolute;right:0;bottom:-10px;width:26%;border-radius:18px;background:#0b2a28;padding:5px;box-shadow:0 14px 30px rgba(0,0,0,.4)}
.fx-ph img{display:block;width:100%;height:auto;border-radius:14px}
.fx-ben{list-style:none;margin:22px 0 18px;padding:0;display:grid;gap:10px}
.fx-ben li{display:flex;gap:10px;font-size:14px;color:#dfeae4;line-height:1.4}
.fx-ben b{color:#fff}
.fx-ben .spk{flex:none;width:15px;height:15px;fill:var(--yel);margin-top:2px}
.fx-cp{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(135deg,#fff6d6 0%,#f2c230 100%);color:var(--yel-ink);border:0;border-radius:14px;padding:14px 18px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.fx-cp>span{font-weight:700;font-size:16px}.fx-cp>span small{display:block;font-weight:500;font-size:12.5px;color:#5c4a12}
.fx-cp b{font-size:28px;letter-spacing:-.01em;color:var(--sp)}.fx-cp b small{font-size:13px;font-weight:500;color:#5c4a12}
.fx-mid>p.fx-trust{margin:14px 0 14px;font-size:13px;color:#bfd6cc;border-top:1px solid rgba(255,255,255,.14);padding-top:14px}
.fx-cta{display:block;text-align:center;background:var(--yel);color:var(--yel-ink);font-weight:700;border-radius:12px;padding:13px;text-decoration:none;font-size:15px}
.fx-cta:hover{background:#ffd34d}.fx-cta:focus-visible{outline:3px solid #fff;outline-offset:2px}
.fx-sub{color:var(--mut);font-size:13.5px;margin:0 0 10px}
.fx-mods{display:grid;gap:8px}
.fx-m{display:flex;align-items:center;gap:12px;border:1px solid var(--line2);border-radius:14px;padding:11px 12px;transition:border-color .15s,background .15s}
.fx-m.on{border-color:#b9d6c1;background:#f5faf3}
.fx-m .fx-ic{width:36px;height:36px}
.fx-m>div{flex:1;min-width:0}
.fx-m b{display:block;font-size:14px;line-height:1.3}
.fx-m small{display:block;color:var(--mut);font-size:12.5px;line-height:1.35}
.fx-m small .fx-auto{margin-right:4px}
.fx-pr{font-weight:700;font-size:14px;white-space:nowrap;text-align:right;color:var(--ink)}
.fx-pr small{display:block;font-weight:500;font-size:11px}
.fx-x{font-size:11.5px;font-weight:700;color:var(--mut);letter-spacing:.02em;margin:10px 0 2px}
.fx-tot{margin-top:14px;border-top:1px dashed var(--line2);padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.fx-tot .t{font-size:13px;color:var(--mut)}.fx-tot .t b{display:block;font-size:22px;color:var(--ink);letter-spacing:-.01em}
.fx-tot .t s{color:var(--mut);font-size:13px;margin-right:6px}.fx-tot .sv{color:var(--acc);font-weight:700}
.fx-tot a{font-weight:700;color:var(--sp);font-size:14px}
@media (max-width:1100px){.fx-grid{grid-template-columns:1fr 1fr}.fx-mid{grid-column:1/-1;order:3}}
@media (max-width:720px){.fx-grid{grid-template-columns:1fr}.fx-mid{order:3}.fx-head{display:block}.fx-head p{margin-top:12px}.fx-card{padding:18px}.fx-m{padding:10px;gap:10px}.fx-m .fx-ic{display:none}.fx-ph{width:24%}.fx-dev{padding-right:30px}}
@media (prefers-reduced-motion:reduce){.fx-m{transition:none}}
.fx-hl{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.fx-head .btog{margin:0}
.fx-cta2{display:block;text-align:center;color:#fff;font-weight:600;font-size:14px;margin-top:10px;text-decoration:underline;text-underline-offset:3px}
.fx-cta2.soon{text-decoration:none;color:#bfd6cc;cursor:default}
.fx-cta.soon{background:rgba(255,255,255,.1);color:#cfe0d8;cursor:default}
.fx-tot .go{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.fx-tot .go small{color:var(--mut);font-size:12px}
.fxsec .pmeta{margin-top:22px;max-width:none;width:100%}

/* v4.03 team chat section: phone on the left, text on the right */
.chsec{padding-block:24px 8px}
.chgrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:56px;align-items:center;border:1px solid var(--line2);border-radius:20px;padding:40px;background:linear-gradient(135deg,#f6faf4 0%,#fff 55%)}
.chgrid h2{margin-top:10px}.chgrid .chtx>p{color:var(--mut);font-size:15px;line-height:1.75;margin:16px 0 0}
.chgrid .chnote{margin-top:18px;font-size:13.5px;color:var(--sp);font-weight:600;background:var(--soft);border-radius:10px;padding:10px 14px;display:inline-block}
.chph{justify-self:center;width:min(340px,100%);background:#0b2a28;border-radius:38px;padding:10px;box-shadow:0 30px 60px -20px rgba(15,61,58,.45)}
.chsc{background:#f5f8f6;border-radius:30px;overflow:hidden;display:flex;flex-direction:column;font-size:13px;color:var(--ink)}
.chtop{display:flex;align-items:center;gap:10px;padding:16px 14px 12px;background:#fff;border-bottom:1px solid var(--line2)}
.chtop .av{width:34px;height:34px;border-radius:50%;background:#dcebe5;color:var(--sp);display:grid;place-items:center}
.chtop .av svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.chtop b{display:block;font-size:14px}.chtop span{font-size:11.5px;color:var(--mut)}
.chann{margin:10px 10px 0;background:#fdf3cf;border-radius:10px;padding:8px 10px;font-size:12px;color:#5c4a12;display:flex;gap:8px;align-items:flex-start}
.chann b{color:#7a5c00}
.chlog{padding:6px 10px 12px;display:flex;flex-direction:column;gap:8px}
.chday{align-self:center;font-size:10.5px;font-weight:600;color:var(--mut);background:#fff;border:1px solid var(--line2);border-radius:10px;padding:2px 8px;margin:6px 0 0}
.chm{display:flex;gap:7px;align-items:flex-end;max-width:88%}
.chm .ai{flex:none;width:24px;height:24px;border-radius:50%;color:#fff;font-size:9.5px;font-weight:700;display:grid;place-items:center}
.chb{background:#fff;border:1px solid var(--line2);border-radius:14px 14px 14px 4px;padding:7px 10px;line-height:1.4}
.chb .w{font-size:11px;font-weight:700;color:#2a6f62;margin-bottom:1px}
.chb .t{font-size:10px;color:var(--mut);text-align:right;margin-top:2px}
.chm.me{align-self:flex-end;flex-direction:row-reverse}.chm.me .chb{background:var(--sp);border-color:var(--sp);color:#fff;border-radius:14px 14px 4px 14px}.chm.me .chb .t{color:rgba(255,255,255,.7)}
.chq{border-left:3px solid #f2c230;background:rgba(255,255,255,.14);border-radius:6px;padding:4px 7px;margin:1px 0 5px;font-size:11px}
.chq b{color:#f2c230;display:block}.chq span{color:rgba(255,255,255,.82)}
.chat{font-weight:700;color:#f2c230}
.chm.tag .chb{box-shadow:0 0 0 2px #fdf3cf;border-color:#e8c55a}
.chcomp{display:flex;gap:8px;align-items:center;padding:10px;background:#fff;border-top:1px solid var(--line2)}
.chcomp span{flex:1;border:1px solid var(--line2);border-radius:18px;padding:8px 12px;color:var(--mut);font-size:12px}
.chcomp i{width:32px;height:32px;border-radius:50%;background:var(--sp);display:grid;place-items:center;font-style:normal;color:#fff}
.chcomp i svg{width:15px;height:15px;fill:currentColor}
@media (max-width:900px){.chgrid{grid-template-columns:1fr;gap:28px;padding:26px}.chph{order:2}}

/* v4.04 modules: two cards, daily operations (included) and add-on modules */
.oxsec{padding-bottom:32px}
.oxgrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:stretch}
.ox-card{background:#fff;border:1px solid var(--line2);border-radius:20px;padding:24px}
.ox-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}
.ox-h h3{font-size:20px;margin:0}.ox-h p{margin:4px 0 0;color:var(--mut);font-size:13.5px}
.ox-pill{background:var(--soft);color:var(--sp);font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px;white-space:nowrap}
.ox-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ox-tiles li{display:flex;gap:12px;align-items:flex-start;background:var(--band);border:1px solid #e3ebe0;border-radius:14px;padding:12px}
.ox-ic{flex:none;width:36px;height:36px;border-radius:10px;background:#fff;color:var(--sp);display:grid;place-items:center;border:1px solid #e3ebe0}
.ox-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ox-tiles li>div{min-width:0}.ox-tiles b{display:block;font-size:14.5px;line-height:1.25}
.ox-tiles li>div>span{display:block;font-size:12.5px;color:var(--mut);line-height:1.4;margin-top:2px}
.ox-tiles em{display:block;font-style:normal;font-family:inherit;letter-spacing:0;font-size:11.5px;color:var(--acc);font-weight:600;margin-top:4px}
.ox-mods{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ox-mods li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line2);border-radius:14px;padding:11px 12px}
.ox-mods .mi{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}
.ox-mods .mi svg{width:19px;height:19px}
.ox-mods b{display:block;font-size:14.5px}.ox-mods li>div>span{display:block;font-size:12.5px;color:var(--mut);line-height:1.4;margin-top:1px}
.ox-mods .pr{font-weight:700;font-size:14px;white-space:nowrap;text-align:right}.ox-mods .pr small{display:block;font-weight:500;font-size:11px;color:var(--mut)}
.ox-mods .ad-invoicing .mi{background:#e6eefb;color:#2a5bb8}.ox-mods .ad-procurement .mi{background:#efe8fb;color:#6a3fb5}.ox-mods .ad-accounting .mi{background:#e3f3ea;color:#1f7a4a}.ox-mods .ad-hr .mi{background:#fde9ee;color:#b23a5c}.ox-mods .ad-tenders .mi{background:#fdf2dc;color:#9a6a00}
.ox-go{display:block;margin-top:14px;text-align:center;font-weight:700;color:var(--sp);border:1px solid var(--line2);border-radius:12px;padding:11px;text-decoration:none;background:var(--band)}
.ox-go:hover{background:var(--soft)}
@media (max-width:1100px){.oxgrid{grid-template-columns:1fr}}
@media (max-width:620px){.ox-tiles{grid-template-columns:1fr}.ox-card{padding:18px}}
.ox-more{margin-top:22px;font-size:14.5px;color:var(--mut);line-height:1.7;max-width:90ch}.ox-more a{color:var(--sp);font-weight:600;text-decoration:none}.ox-more a:hover{text-decoration:underline}
.ft-pw{margin-left:14px;color:#9fb8ae}.ft-pw a{color:#cfe0d8;text-decoration:none}.ft-pw a:hover{text-decoration:underline}