/* BA Accounts – ba-accounts.com
   Ideja: letra bëhet libër. Gjithçka vjen nga letra e librit kontabël (vija të gjelbra, kufiri i kuq)
   dhe nga kuponi fiskal. E kuqja përdoret si vulë – rrallë. */
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/sg-400.woff2) format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/sg-500.woff2) format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/sg-600.woff2) format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/sg-700.woff2) format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/sg-800.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/pm-400.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/pm-500.woff2) format('woff2')}
:root{
  --ink:#18233A; --ink-2:#2B3850; --graphite:#5A6474; --paper:#FFFFFF;
  --ledger:#F1F6F2; --rule:#D5E5D9; --rule-2:#E6EFE8;
  --red:#C03438; --red-deep:#9C2A2E; --hl:#FFE985;
  --k-kmsh:#2F6F9F; --k-shp:#B7791F; --k-inv:#6B4FA0;
  --r:14px; --wrap:1200px;
  --f:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:124px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font-family:var(--f);font-size:17px;line-height:1.55;color:var(--ink);background:var(--paper)}
.fields .v,.lrow:not(.h),.slip,.cal,.amount input,.phone{font-variant-numeric:tabular-nums}
img,video{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;border-radius:8px;z-index:100}
.skip:focus{left:12px}
h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.025em;line-height:1.08}
h2{font-size:clamp(30px,3.6vw,46px)}
h3{font-size:21px;letter-spacing:-.015em;line-height:1.2}
p{margin:0}
.lede{font-size:19px;color:var(--graphite);max-width:36em}

/* ---------- butonat ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:10px;padding:14px 20px;font:inherit;font-weight:700;font-size:16px;text-decoration:none;cursor:pointer;line-height:1.2}
.btn svg{flex:none}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:var(--red-deep)}
.btn-line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn-line:hover{background:var(--ink);color:#fff}
.btn-ghost{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
.btn-ghost:hover{background:#fff;color:var(--ink)}

/* ---------- koka ---------- */
.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.3) blur(8px);-webkit-backdrop-filter:saturate(1.3) blur(8px);border-bottom:1px solid var(--rule)}
.top .wrap{display:flex;align-items:center;gap:22px;height:72px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.brand img{width:38px;height:38px;border-radius:9px}
.brand b{display:block;font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1}
.brand span{display:block;font-size:12.5px;color:var(--graphite);margin-top:3px}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{text-decoration:none;font-weight:500;font-size:15.5px;padding:8px 11px;border-radius:8px;color:var(--ink-2)}
.nav a:hover{background:var(--ledger)}
.langs{display:flex;border:1px solid var(--rule);border-radius:9px;overflow:hidden}
.langs button{border:0;background:#fff;font:inherit;font-size:13.5px;font-weight:700;padding:7px 9px;color:var(--graphite);cursor:pointer}
.langs button[aria-pressed=true]{background:var(--ink);color:#fff}
.top .btn{padding:10px 15px;font-size:15px}
.nav .nav-portal{display:none}
.menu{display:none;border:0;background:none;padding:8px;margin-left:auto;cursor:pointer}
@media (max-width:1040px){.nav a{padding:8px 7px;font-size:15px}}
@media (max-width:920px){
  .nav{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;flex-direction:column;padding:10px 16px 16px;border-bottom:1px solid var(--rule);box-shadow:0 18px 30px rgba(24,35,58,.08)}
  .nav.open{display:flex}.nav a{padding:12px 10px;font-size:17px}.nav .nav-portal{display:block;background:var(--red);color:#fff;text-align:center;margin-top:8px;font-weight:700}
  .menu{display:block}.top .wrap{gap:12px}.top .btn-portal{display:none}
}
@media (max-width:420px){.brand span{display:none}.langs button{padding:7px 7px}}

/* ---------- hero ---------- */
.hero{padding:64px 0 80px}
.hero .wrap{display:grid;grid-template-columns:1fr 1.02fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(40px,4.9vw,66px);letter-spacing:-.04em;line-height:.98}
.hero .lede{margin-top:24px}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.proof{margin-top:26px;color:var(--graphite);font-size:15.5px;max-width:30em;padding-left:14px;border-left:3px solid var(--red)}
@media (max-width:980px){.hero .wrap{grid-template-columns:1fr;gap:40px}.hero{padding:40px 0 56px}}

/* tavolina e skanimit – letër libri me kufirin e kuq */
.desk{position:relative;background-color:var(--ledger);background-image:repeating-linear-gradient(to bottom,transparent 0 27px,var(--rule) 27px 28px);border:1px solid var(--rule);border-radius:18px;padding:20px 20px 22px 62px;overflow:hidden}
.desk::before{content:'';position:absolute;top:0;bottom:0;left:40px;width:5px;border-left:1.5px solid rgba(192,52,56,.55);border-right:1.5px solid rgba(192,52,56,.55)}
.desk-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:16px}
.desk-head p{font-weight:700;font-size:15px;flex-basis:100%;margin:0 0 2px}
.chip{border:1.5px solid var(--ink);background:#fff;color:var(--ink);font:inherit;font-weight:600;font-size:14px;padding:6px 11px;border-radius:999px;cursor:pointer}
.chip[aria-pressed=true]{background:var(--ink);color:#fff}
.scan{display:grid;grid-template-columns:minmax(0,236px) minmax(0,1fr);gap:22px;align-items:start}
@media (max-width:560px){.desk{padding:16px 14px 18px 30px}.desk::before{left:14px;width:4px}.scan{grid-template-columns:1fr}}

.rcpt{position:relative;background:#fff;font-family:var(--mono);font-size:12.5px;line-height:1.5;color:#26303F;padding:16px 15px 22px;transform:rotate(-1.4deg);box-shadow:0 12px 26px rgba(24,35,58,.13),0 1px 0 rgba(24,35,58,.05);
  -webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/12px 8px repeat-x;
          mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/12px 8px repeat-x}
.rcpt .c{text-align:center}.rcpt .b{font-weight:500}
.rcpt .ln{display:flex;justify-content:space-between;gap:8px;border-radius:3px;transition:background-color .25s}
.rcpt .ln.on{background:var(--hl)}
.rcpt hr{border:0;border-top:1px dashed #9AA3B1;margin:7px 0}
.rcpt .bar{position:absolute;left:-6px;right:-6px;height:3px;top:0;background:var(--red);box-shadow:0 0 0 6px rgba(192,52,56,.12),0 0 22px 6px rgba(192,52,56,.25);opacity:0}
.rcpt.scanning .bar{animation:sweep 1.7s cubic-bezier(.45,.05,.55,.95) forwards}
@keyframes sweep{0%{top:2%;opacity:1}92%{opacity:1}100%{top:98%;opacity:0}}

.fields{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;align-items:baseline;font-size:15px}
.fields .k{color:var(--graphite);font-size:13.5px}
.fields .v{margin:0;font-weight:700;min-height:1.4em;justify-self:start;padding:0 3px;margin-left:-3px;border-radius:3px;
  background:linear-gradient(var(--hl),var(--hl)) no-repeat 0 0/0% 100%;transition:background-size .5s ease}
.fields .v.got{background-size:100% 100%}
.fields .v.got.k-cls{background:none}
.fields .v.wait{color:#A9B1BC;font-weight:500}
.status{grid-column:1/-1;font-size:13.5px;color:var(--graphite);margin-top:6px;display:flex;align-items:center;gap:8px}
.status i{width:8px;height:8px;border-radius:50%;background:var(--red);flex:none}
.status.done i{background:#2E8B57}
.klasa{display:inline-flex;align-items:center;gap:7px;font-weight:700}
.klasa::before{content:'';width:10px;height:10px;border-radius:3px;background:currentColor}
.klasa.kmsh{color:var(--k-kmsh)}.klasa.shpenzim{color:var(--k-shp)}.klasa.investim{color:var(--k-inv)}
.why{grid-column:1/-1;font-size:14px;color:var(--ink-2);min-height:1.5em}

.ledger{position:relative;margin-top:18px;background:#fff;border:1px solid var(--rule);border-radius:10px;padding:10px 14px 12px;opacity:0;transform:translateY(10px);transition:opacity .45s,transform .45s}
.ledger.in{opacity:1;transform:none}
.ledger p{font-size:13px;font-weight:700;color:var(--graphite);margin-bottom:6px}
.lrow{display:grid;grid-template-columns:48px minmax(110px,1fr) 60px 66px auto;gap:8px;font-size:13px;align-items:baseline}
.lrow.h{color:var(--graphite);font-size:12px;border-bottom:1px solid var(--rule-2);padding-bottom:4px;margin-bottom:5px}
.lrow .n{text-align:right}
.lrow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lrow span.klasa{white-space:normal;overflow:visible}
@media (max-width:640px){.lrow{grid-template-columns:48px minmax(0,1fr) 66px auto}.lrow .x{display:none}.ledger .stamp{top:-12px;right:8px;font-size:12px}.ledger p{padding-right:112px}}
.stamp{position:absolute;right:16px;top:-24px;border:3px double var(--red);color:var(--red);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:15px;padding:5px 11px;border-radius:6px;transform:rotate(-9deg) scale(1);opacity:0;background:rgba(255,255,255,.7);pointer-events:none}
.stamp.in{animation:stamp .4s cubic-bezier(.2,.9,.3,1.3) forwards}
@keyframes stamp{0%{opacity:0;transform:rotate(-9deg) scale(1.7)}100%{opacity:.92;transform:rotate(-9deg) scale(1)}}
.note{font-size:12.5px;color:var(--graphite);margin-top:12px}
@media (prefers-reduced-motion:reduce){.rcpt.scanning .bar{animation:none}.stamp.in{animation:none;opacity:.92}.ledger,.fields .v{transition:none}}

/* ---------- seksionet ---------- */
section{padding:96px 0}
@media (max-width:700px){section{padding:64px 0}}
.sec-head{max-width:40em;margin-bottom:44px}
.sec-head .lede{margin-top:16px}

/* shërbimet – si indeksi i një libri */
.services .wrap{display:grid;grid-template-columns:.85fr 1.6fr;gap:56px}
.services .sec-head{position:sticky;top:110px;align-self:start;margin:0}
.svc{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.svc li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:24px;padding:26px 0;border-bottom:1px solid var(--rule)}
.svc p{color:var(--graphite)}
@media (max-width:900px){.services .wrap{grid-template-columns:1fr;gap:32px}.services .sec-head{position:static}.svc li{grid-template-columns:1fr;gap:8px}}

/* hapat – sekuencë e vërtetë */
.steps{background:var(--ledger);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:s}
.steps li{position:relative;padding-top:66px;counter-increment:s}
.steps li::before{content:counter(s);position:absolute;top:0;left:0;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:21px;background:#fff;border:2px solid var(--ink)}
.steps li::after{content:'';position:absolute;top:24px;left:56px;right:-20px;border-top:2px dashed #9FBBA8}
.steps li:last-child::after{display:none}
.steps li:nth-child(3)::before{background:var(--ink);color:#fff}
.steps h3{margin-bottom:8px}.steps p{color:var(--graphite);font-size:16px}
@media (max-width:900px){.steps ol{grid-template-columns:1fr 1fr;gap:36px 24px}.steps li:nth-child(2)::after{display:none}}
@media (max-width:540px){.steps ol{grid-template-columns:1fr}.steps li::after{display:none}}

/* programi – brezi i errët */
.app{background:var(--ink);color:#fff;background-image:repeating-linear-gradient(to bottom,transparent 0 27px,rgba(255,255,255,.045) 27px 28px)}
.app .wrap{display:grid;grid-template-columns:.8fr 1.45fr;gap:52px;align-items:center}
.app .lede{color:#C5CCD8}
.chap{list-style:none;margin:28px 0 0;padding:0;counter-reset:c}
.chap li{counter-increment:c}
.chap button{display:flex;gap:12px;align-items:baseline;width:100%;text-align:left;background:none;border:0;border-left:3px solid rgba(255,255,255,.14);color:#AEB7C6;font:inherit;font-size:16px;padding:7px 0 7px 14px;cursor:pointer}
.chap button::before{content:counter(c);font-size:13px;color:#7F8AA0;min-width:1em}
.chap button:hover{color:#fff}
.chap button[aria-current=true]{color:#fff;border-left-color:var(--red);font-weight:700}
.app .cta{margin-top:30px}
.frame{background:#0F1828;border-radius:14px;padding:0 0 0;box-shadow:0 30px 60px rgba(0,0,0,.35);overflow:hidden;border:1px solid rgba(255,255,255,.12)}
.frame .bar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#1F2B42}
.frame .url{flex:1;background:#121C2E;border-radius:7px;padding:5px 12px;font-size:13px;color:#C5CCD8;display:flex;align-items:center;gap:7px}
.frame .url svg{opacity:.7}
.frame video{width:100%;aspect-ratio:1280/808;background:#fff}
.vctl{border:0;background:rgba(255,255,255,.1);color:#fff;border-radius:7px;font:inherit;font-size:13px;padding:5px 10px;cursor:pointer}
.portal-note{margin-top:22px;font-size:15px;color:#C5CCD8;padding-left:14px;border-left:3px solid var(--red)}
@media (max-width:980px){.app .wrap{grid-template-columns:1fr}.app .frame{order:-1}}

/* mjetet – fletëpagesa dhe afatet */
.tools{background-color:var(--ledger);background-image:repeating-linear-gradient(to bottom,transparent 0 27px,var(--rule-2) 27px 28px)}
.tools .grid{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:start}
.panel{background:#fff;border:1px solid var(--rule);border-radius:var(--r);padding:26px}
.panel h3{margin-bottom:6px}
.panel .sub{color:var(--graphite);font-size:15px;margin-bottom:18px}
.seg{display:inline-flex;border:1.5px solid var(--ink);border-radius:10px;overflow:hidden;margin:0 10px 12px 0}
.seg button{border:0;background:#fff;font:inherit;font-size:14.5px;font-weight:600;padding:8px 13px;cursor:pointer;color:var(--ink)}
.seg button[aria-pressed=true]{background:var(--ink);color:#fff}
.amount{display:flex;align-items:center;border:1.5px solid var(--rule);border-radius:12px;padding:4px 16px;margin:6px 0 18px;background:#fff}
.amount:focus-within{border-color:var(--ink)}
.amount label{font-size:14px;color:var(--graphite);white-space:nowrap}
.amount input{border:0;outline:0;font:inherit;font-size:32px;font-weight:800;letter-spacing:-.02em;width:100%;text-align:right;padding:8px 8px;background:transparent;color:var(--ink);min-width:0}
.amount span{font-size:26px;font-weight:800;color:var(--graphite)}
.slip{font-family:var(--mono);font-size:14px;border-top:1px dashed #9AA3B1;padding-top:12px}
.slip div{display:flex;align-items:baseline;gap:6px;padding:4px 0}
.slip div::after{content:'';order:1;flex:1;border-bottom:1px dotted #B9C1CC;transform:translateY(-4px)}
.slip div b{order:2;font-weight:500}
.slip div.tot{font-weight:700;font-size:16px;border-top:1px dashed #9AA3B1;margin-top:6px;padding-top:9px}
.slip div.tot b{font-weight:700}
.slip div.emp{color:var(--graphite)}
.fine{font-size:13px;color:var(--graphite);margin-top:14px}
.dl{list-style:none;margin:0;padding:0}
.dl li{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--rule-2);align-items:center}
.dl li:last-child{border-bottom:0}
.cal{border:1.5px solid var(--ink);border-radius:10px;text-align:center;overflow:hidden;background:#fff}
.cal small{display:block;background:var(--red);color:#fff;font-size:12px;font-weight:700;padding:2px 0}
.cal b{display:block;font-size:24px;font-weight:800;padding:4px 0 3px;line-height:1.1}
.dl strong{display:block;font-size:16px;line-height:1.3}
.dl em{font-style:normal;font-size:14px;color:var(--graphite)}
.dl em.soon{color:var(--red);font-weight:700}
@media (max-width:900px){.tools .grid{grid-template-columns:1fr}}

/* për ne */
.about .wrap{display:grid;grid-template-columns:1.25fr 1fr;gap:60px}
.about .txt p+p{margin-top:16px}
.about .txt p{font-size:18.5px;line-height:1.6;max-width:34em}
.facts{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.facts li{padding:16px 0;border-bottom:1px solid var(--rule)}
.facts b{display:block;font-size:17px}
.facts span{color:var(--graphite);font-size:15.5px}
@media (max-width:900px){.about .wrap{grid-template-columns:1fr;gap:36px}}

/* kontakti */
.contact{border-top:1px solid var(--rule)}
.contact .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.phone{display:block;font-size:clamp(36px,4.6vw,58px);font-weight:800;letter-spacing:-.035em;text-decoration:none;margin:20px 0 8px;line-height:1.05}
.phone:hover{color:var(--red)}
.ways{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.addr{margin-top:26px;color:var(--graphite);font-size:16px}
.addr a{color:var(--ink);font-weight:600}
form.f{background:var(--ledger);border:1px solid var(--rule);border-radius:var(--r);padding:26px}
.f label{display:block;font-size:14px;font-weight:600;margin:0 0 6px;color:var(--ink-2)}
.f input,.f textarea{width:100%;font:inherit;font-size:16px;padding:12px 13px;border:1.5px solid var(--rule);border-radius:10px;background:#fff;color:var(--ink);margin-bottom:14px}
.f input:focus,.f textarea:focus{outline:0;border-color:var(--ink)}
.f .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.f .hp{position:absolute;left:-9999px}
.f .msg{margin-top:12px;font-size:15px;font-weight:600;min-height:1.4em}
.f .msg.ok{color:#2E7D4F}.f .msg.err{color:var(--red-deep)}
@media (max-width:900px){.contact .wrap{grid-template-columns:1fr;gap:36px}}
@media (max-width:480px){.f .two{grid-template-columns:1fr;gap:0}}

footer{background:var(--ink);color:#C5CCD8;padding:40px 0;font-size:14.5px}
footer .wrap{display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:space-between;align-items:flex-start}
footer b{color:#fff;font-size:16px}
footer a{color:#fff}
footer p+p{margin-top:4px}

/* ---------- parashikimi i arkës (hero) ---------- */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fc{position:relative;margin:0;background-color:var(--ledger);background-image:repeating-linear-gradient(to bottom,transparent 0 27px,var(--rule) 27px 28px);border:1px solid var(--rule);border-radius:18px;padding:20px 22px 20px 62px;overflow:hidden}
.fc::before{content:'';position:absolute;top:0;bottom:0;left:40px;width:5px;border-left:1.5px solid rgba(192,52,56,.55);border-right:1.5px solid rgba(192,52,56,.55)}
.fc figcaption{font-weight:700;font-size:15.5px;line-height:1.35;max-width:30em}
.fc-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--graphite);margin:8px 0 4px}
.fc-legend span{display:inline-flex;align-items:center;gap:6px}
.fc-legend span::before{content:'';width:16px;height:10px;border-radius:2px}
.fc-legend .lg-m::before{height:3px;background:var(--ink)}
.fc-legend .lg-50::before{background:rgba(24,35,58,.28)}
.fc-legend .lg-80::before{background:rgba(24,35,58,.12)}
#fcSvg{width:100%;display:block;overflow:visible}
#fcSvg text{font-family:var(--f);font-size:12px;fill:var(--graphite)}
#fcSvg .zero{stroke:var(--red);stroke-width:1.5;stroke-dasharray:5 4}
#fcSvg .zl{fill:var(--red);font-weight:700}
#fcSvg .b80{fill:rgba(24,35,58,.12)}#fcSvg .b50{fill:rgba(24,35,58,.26)}
#fcSvg .med{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
#fcSvg .grid{stroke:rgba(24,35,58,.08)}
#fcSvg .low{fill:var(--red)}#fcSvg .lowt{fill:var(--red);font-weight:700;font-size:13px}
#fcSvg .reveal{animation:reveal 1.4s cubic-bezier(.4,0,.2,1) both}
@keyframes reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media (prefers-reduced-motion:reduce){#fcSvg .reveal{animation:none}}
.fc-ctl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 22px;margin-top:10px;align-items:end}
.fc-ctl label{display:block;font-size:13.5px}
.fc-ctl label>span{display:flex;flex-direction:column;gap:1px}
.fc-ctl b{font-weight:500;color:var(--graphite);font-size:13px;line-height:1.25}
.fc-ctl output{font-weight:800;font-size:17px;white-space:nowrap;color:var(--ink)}
.fc-ctl input{width:100%;accent-color:var(--ink);margin:6px 0 0}
.fc-out{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.fc-out div{background:#fff;border:1px solid var(--rule);border-radius:10px;padding:9px 11px}
.fc-out span{display:block;font-size:12.5px;color:var(--graphite);line-height:1.3}
.fc-out b{display:block;font-size:19px;font-weight:800;letter-spacing:-.01em;margin-top:3px}
.fc-out b.bad{color:var(--red)}
.fc-why{margin-top:12px;font-size:14px}
.fc-why p{font-weight:700;margin-bottom:4px}
.fc-why ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.fc-why li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dotted #B9C1CC;padding:3px 0}
.fc-why li b{font-variant-numeric:tabular-nums;white-space:nowrap}
.fc-why li.best b{color:#2E7D4F}
@media (max-width:560px){.fc{padding:16px 14px 18px 30px}.fc::before{left:14px;width:4px}.fc-ctl,.fc-out{grid-template-columns:1fr}.fc-out b{font-size:17px}}

/* ---------- këshillimi ---------- */
.adv{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-top:2px solid var(--ink)}
.adv li{grid-column:span 2;padding:24px 26px 28px 0;border-bottom:1px solid var(--rule)}
.adv li:nth-child(4),.adv li:nth-child(5){grid-column:span 3}
.adv li h3{margin-bottom:10px}
.adv li p{color:var(--graphite)}
@media (max-width:900px){.adv{grid-template-columns:1fr}.adv li,.adv li:nth-child(4),.adv li:nth-child(5){grid-column:auto;padding-right:0}}
.wf{margin:56px 0 0;display:grid;grid-template-columns:.7fr 1.6fr;gap:48px;align-items:center}
.wf figcaption h3{font-size:clamp(24px,2.4vw,30px);margin-bottom:12px}
.wf figcaption p{color:var(--graphite)}
#wfSvg{width:100%;display:block;overflow:visible}
#wfSvg text{font-family:var(--f)}
#wfSvg .v{font-size:15px;font-weight:800;fill:var(--ink)}
#wfSvg .l{font-size:14px;fill:var(--ink-2)}#wfSvg .lt{font-weight:700;fill:var(--ink)}
#wfSvg .tot{fill:var(--ink)}#wfSvg .up{fill:#2E7D4F}#wfSvg .cn{stroke:#9AA3B1;stroke-dasharray:3 3}
#wfSvg .base{stroke:var(--ink);stroke-width:1.5}
@media (max-width:900px){.wf{grid-template-columns:1fr;gap:20px}}

/* ---------- programi: demo poshtë videos ---------- */
.demo-row{display:grid;grid-template-columns:.8fr 1.45fr;gap:52px;align-items:center;margin-top:72px}
.demo-txt h3{font-size:clamp(24px,2.4vw,30px);margin-bottom:12px}
.demo-txt p{color:#C5CCD8}
.app .desk{color:var(--ink)}
@media (max-width:980px){.demo-row{grid-template-columns:1fr;gap:24px;margin-top:56px}}

/* ---------- matematika e rritjes ---------- */
.math{background:var(--ledger);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.cmp{display:grid;grid-template-columns:.9fr 1.3fr;gap:44px;align-items:center;background:#fff;border:1px solid var(--rule);border-radius:18px;padding:30px}
.cmp-txt h3{font-size:clamp(24px,2.4vw,30px);margin-bottom:10px}
.cmp-txt>p{color:var(--graphite)}
.cmp-ctl{grid-template-columns:1fr 1fr;margin-top:18px}
.cmp-out{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.cmp-out div{border-top:2px solid var(--rule);padding-top:8px}
.cmp-out div.hl{border-top-color:#2E7D4F}
.cmp-out span{display:block;font-size:12.5px;color:var(--graphite);line-height:1.3}
.cmp-out b{display:block;font-size:20px;font-weight:800;letter-spacing:-.01em;margin-top:3px}
.cmp-out .hl b{color:#2E7D4F}
.cmp-fig{margin:0}
#cmpSvg{width:100%;display:block;overflow:visible}
#cmpSvg text{font-family:var(--f);font-size:12px;fill:var(--graphite)}
#cmpSvg .grid{stroke:rgba(24,35,58,.08)}
#cmpSvg .gain{fill:rgba(46,125,79,.16)}
#cmpSvg .lin{fill:none;stroke:#9AA3B1;stroke-width:2;stroke-dasharray:6 5}
#cmpSvg .cmp{fill:none;stroke:#2E7D4F;stroke-width:3;stroke-linejoin:round}
#cmpSvg .lab{font-size:13px;font-weight:700}
#cmpSvg .lab.g{fill:#2E7D4F}#cmpSvg .lab.n{fill:var(--graphite)}
@media (max-width:900px){.cmp{grid-template-columns:1fr;padding:22px 18px;gap:24px}}
@media (max-width:480px){.cmp-out{grid-template-columns:1fr}.cmp-ctl{grid-template-columns:1fr}}
.cases{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 36px}
.cases li{border-top:2px solid var(--ink);padding:20px 0 30px}
.cases .big{display:block;font-size:clamp(36px,3.6vw,48px);font-weight:800;letter-spacing:-.035em;line-height:1;margin-bottom:12px;color:var(--ink)}
.cases li:nth-child(1) .big,.cases li:nth-child(5) .big,.cases li:nth-child(6) .big{color:#2E7D4F}
.cases li:nth-child(2) .big{color:var(--red)}
.cases h3{font-size:19px;margin-bottom:8px}
.cases p{color:var(--graphite);font-size:16px}
.cases .calc{margin-top:10px;font-size:14px;color:var(--ink-2);background:#fff;border:1px solid var(--rule);border-radius:8px;padding:6px 10px;display:inline-block}
.math .note{margin-top:6px}
@media (max-width:900px){.cases{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.cases{grid-template-columns:1fr}}

.svc li.std h3{color:var(--red-deep)}

/* ---------- shiriti i sipërm: hyrja në portal ---------- */
.util{background:var(--ink);color:#fff;font-size:14px;position:sticky;top:0;z-index:51}
.util .wrap{display:flex;align-items:center;gap:22px;height:40px}
.util a{color:#C5CCD8;text-decoration:none;display:inline-flex;align-items:center;gap:7px}
.util a:hover{color:#fff}
.util .u-portal{margin-left:auto;background:var(--red);color:#fff;font-weight:700;padding:6px 14px;border-radius:8px;height:30px}
.util .u-portal:hover{background:var(--red-deep);color:#fff}
.top{top:40px}
@media (max-width:920px){.util{position:static}.top{top:0}.util .u-mail{display:none}}
@media (max-width:420px){.util .wrap{gap:12px}.util .u-tel{font-size:13.5px}}