/* TEZ ERP — CA & Accounting Firms (redesign) */
.caPage{--ink:#12202A;--body:#4a5b68;--mute:#7b8b97;--line:#d5dde6;--bg:#f4f7fb;--card:#fff;--v:#1E52D8;--v2:#0E3398;--vbg:#D8E6FC;--ok:#0d8253;--okBg:#dcf3ea;--warn:#e08a00;--warnBg:#fdf0d5;--bad:#b4432f;--badBg:#f9e1dc;--info:#1E52D8;--infoBg:#D8E6FC;background:var(--bg);color:var(--ink);font-family:var(--font-body,sans-serif);line-height:1.55;overflow-x:hidden}
.caPage *{box-sizing:border-box}
.caPage h1,.caPage h2,.caPage h3{font-family:var(--font-display,sans-serif);letter-spacing:-.035em;margin:0}
.caWrap{max-width:1400px;margin:0 auto;padding:0 clamp(16px,3vw,36px)}
.caSec{padding:clamp(40px,5vw,64px) 0}.caSec+.caSec{border-top:1px solid var(--line)}
.caHd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:8px 48px;align-items:end;margin-bottom:26px}
.caHd h2{font-size:clamp(28px,3.4vw,46px);line-height:1.04;font-weight:600}.caHd p{margin:0;color:var(--body);max-width:60ch}
/* HERO */
.caHero{padding:clamp(44px,6vw,80px) 0 clamp(32px,4vw,52px);text-align:center}
.caHero h1{font-size:clamp(40px,7vw,104px);line-height:.92;font-weight:700;letter-spacing:-.055em}
.caHero h1 span{display:block}.caHero h1 .u{color:var(--v)}
.caHero p{max-width:66ch;margin:22px auto 0;color:var(--body);font-size:17.5px}
.caKeys{margin-top:16px;font-size:12.5px;color:var(--mute)}
.caBtns{display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:center;margin-top:26px}
.caBtn{display:inline-flex;background:var(--v);color:#fff!important;font-weight:700;font-size:15px;padding:15px 28px;border-radius:6px;text-decoration:none;transition:.2s}
.caBtn:hover{background:var(--v2)}.caBtn--g{background:transparent;color:var(--ink)!important;box-shadow:inset 0 0 0 1.5px var(--ink)}.caBtn--g:hover{background:var(--ink);color:#fff!important}
/* PILLARS */
.caPillars{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:40px;border:1.5px solid var(--ink);border-radius:10px;overflow:hidden;background:var(--card);text-align:left}
.caPillars article{padding:22px 24px;border-right:1px solid var(--line)}.caPillars article:last-child{border-right:0}
.caPillars h3{font-size:21px;margin-bottom:6px}.caPillars p{margin:0;font-size:14px;color:var(--body)}
/* DASHBOARD */
.caDash{background:var(--card);border:1.5px solid var(--ink);border-radius:12px;box-shadow:10px 10px 0 var(--ink);overflow:hidden}
.caDash>header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:14px 20px;background:var(--ink);color:#fff;font-size:13px}
.caDash>header b{font-family:sans-serif;font-size:17px}
.caTiles{display:grid;grid-template-columns:repeat(3,1fr)}
.caTile{padding:18px 20px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);--c:var(--v);--cb:var(--vbg)}
.caTile:nth-child(3n){border-right:0}.caTile:nth-child(n+4){border-bottom:0}
.caTile.warn{--c:var(--warn);--cb:var(--warnBg)}.caTile.info{--c:var(--info);--cb:var(--infoBg)}.caTile.bad{--c:var(--bad);--cb:var(--badBg)}.caTile.ok{--c:var(--ok);--cb:var(--okBg)}
.caTile h3{display:flex;align-items:center;gap:8px;font:600 13px sans-serif;letter-spacing:0;color:var(--body)}
.caTile h3::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c)}
.caTile strong{display:block;font:700 44px/1.1 sans-serif;letter-spacing:-.04em;color:var(--c);margin:6px 0 8px}
.caTile ul{list-style:none;margin:0;padding:0;font-size:13px}
.caTile li{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px dashed var(--line)}
.caTile li span{color:var(--mute);white-space:nowrap}
.caDash footer{padding:11px 20px;border-top:1.5px dashed var(--ink);background:var(--vbg);font-size:13px;font-weight:600}
/* GENERIC */
.caChips{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}
.caChips li{background:var(--card);border:1px solid var(--line);padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500}
.caChips.t li{background:var(--vbg);border-color:#bcd7fa;color:var(--v2)}
.caTwo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,44px)}
.caBox{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:22px}
.caBox h3{font-size:20px;margin-bottom:12px}.caNote{color:var(--body);font-size:14.5px;margin:0 0 12px}
.caQs{columns:2;column-gap:32px;margin:0;padding:0;list-style:none}
.caQs li{break-inside:avoid;padding:9px 0 9px 22px;border-bottom:1px solid var(--line);position:relative;font-size:14.5px}
.caQs li::before{content:"";position:absolute;left:0;top:17px;width:9px;height:9px;border-radius:50%;background:var(--v)}
.caScroll{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.caTbl{width:100%;min-width:600px;border-collapse:collapse;font-size:14px}
.caTbl th{text-align:left;padding:12px 16px;background:var(--ink);color:#fff;font-size:13px}
.caTbl td{padding:10px 16px;border-top:1px solid var(--line);color:var(--body);vertical-align:top}.caTbl td:first-child{font-weight:600;color:var(--ink)}.caTbl td:last-child{color:var(--v2);font-weight:500}
/* CYCLE (SERPENTINE) */
.caHd--inline{display:flex;align-items:center;gap:28px;margin-bottom:38px}
.caHd--inline h2{font-size:clamp(28px,3.2vw,44px);font-weight:700;color:var(--ink);white-space:nowrap;letter-spacing:-.035em;margin:0}
.caHdDivider{width:1.5px;height:38px;background:var(--v);flex-shrink:0;opacity:.8}
.caHd--inline p{font-size:15.5px;line-height:1.45;color:var(--body);max-width:48ch;margin:0}

.caSnakeContainer{width:100%;overflow-x:auto;overflow-y:hidden;padding:10px 0 24px;scrollbar-width:thin}
.caSnakeWrap{position:relative;min-width:1120px;padding-right:58px;display:flex;flex-direction:column;gap:36px}
.caSnakeRow{display:flex;align-items:center;width:100%}
.caRowTop{flex-direction:row}
.caRowBottom{flex-direction:row-reverse;justify-content:center}

.caCard{flex:0 0 calc((100% - 160px)/6);min-width:140px;height:160px;background:var(--card);border:1.5px solid #dce5f2;border-radius:14px;box-shadow:0 4px 16px rgba(18,32,42,.04);padding:22px 18px 20px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative;box-sizing:border-box}

.caCardIcon{margin:0 0 14px;color:var(--v);display:flex;align-items:center;justify-content:flex-start}
.caCard--ok .caCardIcon{color:var(--ok)}

.caCardTitle{font-family:var(--font-body,sans-serif);font-size:14.5px;font-weight:600;line-height:1.25;color:var(--ink);margin:0;letter-spacing:-.01em}

.caArrow{flex:0 0 32px;display:flex;align-items:center;justify-content:center;color:var(--v)}

.caSnakeTurn{position:absolute;right:14px;top:70px;height:216px;width:140px;pointer-events:none}
.caSnakeTurn svg{width:100%;height:100%;display:block;overflow:visible}

/* TABS */
.caTabNav{display:flex;gap:6px;overflow-x:auto;border-bottom:2px solid var(--ink);scrollbar-width:none}
.caTabBtn{flex:0 0 auto;font:600 14.5px sans-serif;padding:12px 20px;background:transparent;border:0;border-radius:8px 8px 0 0;color:var(--body);cursor:pointer}
.caTabBtn:hover{background:rgba(30,82,216,.08)}.caTabBtn.active{background:var(--ink);color:#fff}
.caPanel{display:none;padding-top:22px}.caPanel.active{display:block;animation:caIn .25s ease}
@keyframes caIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.caPanel .caTwo{align-items:start}
.caFlow{display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:12.5px;font-weight:600}
.caFlow span{background:var(--ink);color:#fff;padding:5px 9px;border-radius:4px}.caFlow i{font-style:normal;color:var(--v)}
/* ACCORDION */
.caAcc details{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:10px}
.caAcc summary{cursor:pointer;list-style:none;padding:17px 22px;display:flex;justify-content:space-between;gap:16px;font:600 18px sans-serif;letter-spacing:-.02em}
.caAcc summary::-webkit-details-marker{display:none}.caAcc summary::after{content:"+";font-size:24px;line-height:1;color:var(--v);transition:transform .2s}
.caAcc details[open] summary::after{transform:rotate(45deg)}.caAcc details[open]{border-color:var(--ink)}
.caAcc .in{padding:0 22px 22px}
.caAcc summary:focus-visible,.caTabBtn:focus-visible,.caBtn:focus-visible{outline:3px solid var(--warn);outline-offset:2px}
.caGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.caGrid article{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px}
.caGrid h3{font-size:17px;margin-bottom:6px}.caGrid p{font-size:13.5px;color:var(--body);margin:0}
.caFinal{background:var(--vbg);border-top:1px solid var(--line);padding:clamp(52px,7vw,88px) 0}
.caFinal h2{font-size:clamp(34px,5vw,68px);line-height:.98;font-weight:700;max-width:16ch}
.caFinal p{max-width:62ch;color:var(--body);margin:16px 0 0;font-size:17px}.caFinal .caBtns{justify-content:flex-start}.caFinal .caChips{margin-top:26px}
@media(max-width:1000px){.caPage{zoom:1}.caHd,.caTwo{grid-template-columns:1fr}.caQs{columns:1}.caGrid{grid-template-columns:repeat(2,1fr)}.caCycle{grid-template-columns:repeat(3,1fr)}.caTiles{grid-template-columns:repeat(2,1fr)}.caTile:nth-child(3n){border-right:1px solid var(--line)}.caTile:nth-child(2n){border-right:0}.caTile:nth-child(n+4){border-bottom:1px solid var(--line)}.caTile:nth-child(n+5){border-bottom:0}}
@media(max-width:700px){.caPillars{grid-template-columns:1fr}.caPillars article{border-right:0;border-bottom:1px solid var(--line)}.caPillars article:last-child{border-bottom:0}.caDash{box-shadow:6px 6px 0 var(--ink)}.caCycle{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.caGrid,.caTiles{grid-template-columns:1fr}.caTile{border-right:0!important;border-bottom:1px solid var(--line)!important}.caBtns{flex-direction:column;align-items:stretch}.caBtn{justify-content:center}}
@media(prefers-reduced-motion:reduce){.caPanel.active{animation:none}}