/* hostpaea.com — drejtimi «The product performs» (tasteskill seed 754855529), ngjyrat «Soot & lime» të ngrohura drejt natës së portit. */
@font-face{font-family:"Stack Sans Headline";src:url(fonts/stack-sans-headline-latin-300-normal.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Stack Sans Headline";src:url(fonts/stack-sans-headline-latin-ext-300-normal.woff2) format("woff2");font-weight:300;font-display:swap;unicode-range:U+0100-02AF}
@font-face{font-family:"Stack Sans Text";src:url(fonts/stack-sans-text-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Stack Sans Text";src:url(fonts/stack-sans-text-latin-ext-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-02AF}
@font-face{font-family:"Stack Sans Text";src:url(fonts/stack-sans-text-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Stack Sans Text";src:url(fonts/stack-sans-text-latin-ext-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0100-02AF}
@font-face{font-family:"Inter";src:url(fonts/inter-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{
  --bg:#0E1622;--surface:#172232;--surface-2:#1F2C3F;--ink:#fff;--muted:#9AA7B8;
  --paper:#F4F6F8;--paper-2:#E6EBF0;--paper-ink:#0E1622;--paper-muted:#4C5B6E;
  --accent:#DAFA9C;--accent-ink:#0E1622;--sea:#2C5A86;--sea-ink:#fff;--sand:#E9DFC9;
  --m:clamp(20px,3vw,40px);
  --step-small:clamp(.8125rem,.79rem + .1vw,.875rem);--step-body:clamp(1.0625rem,1rem + .25vw,1.1875rem);
  --step-lead:clamp(1.25rem,1.1rem + .7vw,1.625rem);--step-head:clamp(2rem,1.3rem + 3.2vw,4rem);
  --head:"Stack Sans Headline",ui-sans-serif,system-ui,sans-serif;--text:"Stack Sans Text",ui-sans-serif,system-ui,sans-serif;--ui:"Inter",ui-sans-serif,system-ui,sans-serif;
  --r:4px;--ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.web{margin:0;background:var(--bg);color:var(--ink);font:400 var(--step-body)/1.5 var(--text)}
.web ::selection{background:var(--accent);color:var(--accent-ink)}
.web a{color:inherit;text-underline-offset:3px}
.web :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.web h1,.web h2,.web h3{font-family:var(--head);font-weight:300;letter-spacing:-.022em;line-height:1.05;margin:0;text-wrap:balance}
.web p{margin:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--accent);color:var(--accent-ink);padding:8px 12px;z-index:50}.skip:focus{left:8px}
.cta-btn{display:inline-flex;align-items:center;gap:10px;font:500 16px/1 var(--text);background:var(--accent);color:var(--accent-ink)!important;text-decoration:none;padding:15px 20px;border-radius:var(--r);border:0;cursor:pointer;transition:transform .15s var(--ease),background .15s}
.cta-btn:hover{background:#E6FFB8}.cta-btn:active{transform:translateY(1px)}
.textlink{font:500 16px/1 var(--text);text-decoration:none;display:inline-flex;gap:8px;align-items:center}
.textlink:hover{text-decoration:underline}
.textlink .arr{transition:transform .2s var(--ease)}.textlink:hover .arr{transform:translateX(4px)}

/* Hero — titulli i madh sipër, kalendari i kanaleve si fusha e gjallë e ekranit të parë */
.hero{min-height:100svh;padding:0 var(--m) 0;display:flex;flex-direction:column;overflow:hidden}
.hero .topbar{display:flex;justify-content:space-between;align-items:center;padding-top:48px;min-height:84px}
.mark{display:flex;align-items:center;gap:10px;font:500 16px/1 var(--text);text-decoration:none}
.mark i{width:26px;height:26px;border-radius:6px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font:300 17px/1 var(--head);font-style:normal}
.signin{font:500 15px/1 var(--text);text-decoration:none;min-height:36px;display:inline-flex;align-items:center}
.signin:hover{text-decoration:underline}
.hero .hl{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,4vw,72px);align-items:end;margin-top:clamp(56px,11svh,128px)}
.hero h1{font-size:clamp(2.75rem,1rem + 4.6vw,6rem);line-height:.95;letter-spacing:-.04em;max-width:17ch}
.hero .lead{font-size:var(--step-lead);line-height:1.4;max-width:32ch}
.hero .acts{display:flex;gap:24px;align-items:center;margin-top:28px;flex-wrap:wrap}
.hero .note{margin-top:14px;font-size:var(--step-small);color:var(--muted)}
.board{margin-top:auto;padding-top:clamp(40px,7svh,80px)}
.board>.bh,.board>.scroll,.board>.msg{background:var(--surface)}
.board .bh{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 20px 10px;border-radius:8px 8px 0 0;font:13px/1.4 var(--ui);color:var(--muted)}
.board .bt{color:#DCE4EE;font-weight:500}
.board .chs{list-style:none;margin:0;padding:0;display:flex;gap:18px;flex-wrap:wrap}
.board .chs li{display:inline-flex;align-items:center;gap:7px;color:#DCE4EE;font-weight:500}
.board .chs li span{color:var(--muted);font-weight:400;transition:color .3s}
.board .chs li.shut span{color:#FFB4A8}.board .chs li.sold span{color:var(--accent)}
.board .sw{width:10px;height:10px;border-radius:3px;display:inline-block}
.sw.ab,.bar.ab{background:var(--sand)}.sw.bk,.bar.bk{background:#8FB4DC}.sw.wb,.bar.wb{background:var(--accent)}
.board .scroll{overflow-x:auto;padding:0 20px}
.board table{border-collapse:separate;border-spacing:0;width:100%;min-width:720px;table-layout:fixed;font:13px/1.4 var(--ui);color:#DCE4EE}
.board th{font:500 11.5px/1 var(--ui);color:var(--muted);text-align:center;padding:6px 0 8px}
.board th b{display:block;font-size:15px;color:#fff;margin-top:4px}
.board td{height:42px;border-top:1px solid #26344A;position:relative;padding:0} /* taste-skill-ignore: rrjeta e kalendarit (data-ui) */
.board td.lab{width:120px;color:#C6D2E0;font-weight:500;padding-right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board .bar{position:absolute;inset:7px 3px;border-radius:5px;display:flex;align-items:center;padding:0 10px;font:600 12.5px/1 var(--ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0E1622;border:0;text-align:left}
.board .bar.off{background:#2B3A50;color:#9AA7B8;font-weight:500}
.board .bar.free{background:transparent;border:1.5px dashed #6A82A2;color:#C9D6E6;cursor:pointer;font:600 12.5px/1 var(--ui);transition:border-color .15s,color .15s,background .2s} /* taste-skill-ignore: nata e lirë në kalendar (data-ui) */
.board .bar.free:hover,.board .bar.free:focus-visible{border-color:var(--accent);color:var(--accent)}
.board .bar.sold{animation:fill .45s var(--ease)}
@keyframes fill{from{transform:scaleX(.2);transform-origin:left;opacity:.4}to{transform:none;opacity:1}}
.board .msg{padding:12px 20px 18px;font:13.5px/1.45 var(--ui);color:#C9D6E6;min-height:48px}

/* Nga mesazhi te rezervimi — fushë e çelët, mesazhi majtas, dosja e rezervimit djathtas */
.flow{background:var(--paper);color:var(--paper-ink);padding:clamp(96px,14svh,180px) var(--m)}
.flow .fh{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,4vw,72px);align-items:end}
.flow h2{font-size:clamp(2.25rem,1.1rem + 3.6vw,5rem);line-height:.98;letter-spacing:-.035em;max-width:18ch}
.flow .fh p{font-size:var(--step-body);line-height:1.55;max-width:44ch}
.flow .fb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(20px,3vw,48px);margin-top:clamp(48px,8svh,96px);align-items:start}
.ask{background:var(--paper-ink);color:#fff;border-radius:8px;padding:24px;font:15px/1.5 var(--ui)}
.ask .from{color:var(--muted);font-size:13px}
.ask .say{font:400 clamp(20px,1.5vw,24px)/1.45 var(--text);margin-top:10px;max-width:30ch;min-height:4.4em}
.ask .ctl{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ask label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#C9D6E6;flex:1 1 110px}
.ask select,.ask input{font:500 16px/1.2 var(--ui);color:#fff;background:var(--surface-2);border:0;border-radius:6px;padding:11px 12px;min-height:46px;width:100%}
.ask select:focus-visible,.ask input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.file{background:#fff;border-radius:8px;font:14px/1.45 var(--ui);color:#172B4D;box-shadow:0 0 0 1px #D6DEE7} /* taste-skill-ignore: fragment i ndërfaqes (data-ui), konventat e produktit */
.file .h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #E3E9F0;font-weight:600} /* taste-skill-ignore: fragment i ndërfaqes (data-ui), konventat e produktit */
.file dl{display:grid;grid-template-columns:130px 1fr;margin:0}
.file dt,.file dd{padding:8px 16px;margin:0;border-bottom:1px solid #EEF2F6} /* taste-skill-ignore: fragment i ndërfaqes (data-ui), konventat e produktit */
.file dt{color:#53657A}.file dd{font-variant-numeric:tabular-nums}
.file .tot{display:flex;justify-content:space-between;padding:12px 16px;font-weight:650;font-size:16px}
.file .steps{list-style:none;margin:0;padding:4px 16px 12px;display:grid;gap:6px}
.file .steps li{display:flex;gap:10px;align-items:baseline;color:#8A97A8;transition:color .3s}
.file .steps li::before{content:"";flex:0 0 10px;height:10px;border-radius:50%;background:#D6DEE7;transform:translateY(1px);transition:background .3s,transform .3s var(--ease)}
.file .steps li.on{color:#172B4D}.file .steps li.on::before{background:#1B7A43;transform:translateY(1px) scale(1.15)}
.file .foot{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:4px 16px 16px}
.file button{font:560 14px/20px var(--ui);padding:9px 16px;min-height:42px;border-radius:6px;border:1px solid #075EA8;background:#075EA8;color:#fff;cursor:pointer;transition:background .15s,transform .1s} /* taste-skill-ignore: buton i produktit (data-ui) */
.file button:hover{background:#064D8A}.file button:active{transform:translateY(1px)}
.file button.sec{background:#fff;color:#075EA8}.file button.sec:hover{background:#EEF4FB}
.file button[disabled]{opacity:.5;cursor:not-allowed}
.file .log{font-size:13px;color:#53657A;padding:0 16px 14px;min-height:20px}
.pill{display:inline-flex;align-items:center;gap:6px;font:560 12.5px/18px var(--ui);padding:2px 8px;border-radius:999px;background:#E7F0F9;color:#075EA8;white-space:nowrap}
.pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.pill.ok{background:#E5F3EA;color:#1B7A43}.pill.warn{background:#FDF1DC;color:#9A5B00}.pill.err{background:#FDECEA;color:#B42318}.pill.mute{background:#EEF1F5;color:#46586E}

/* Features — sentences with switches */
.bands{background:var(--paper);color:var(--paper-ink)}
.band{min-height:20vh;display:grid;grid-template-columns:repeat(12,1fr);align-items:center;padding:28px var(--m);transition:background .35s var(--ease)}
.band .s{grid-column:1/11}
.band .s p.big{font:300 clamp(26px,2.9vw,46px)/1.15 var(--head);letter-spacing:-.02em;color:#7C8898;transition:color .3s}
.band .s p.con{font-size:17px;margin-top:8px;display:none;max-width:60ch}
.band.on .s p.big{color:var(--paper-ink)}.band.on .s p.con{display:block}
.band.on.c1{background:var(--accent)}.band.on.c2{background:#CFE0F0}.band.on.c3{background:var(--sand)}.band.on.c4{background:#D9E8DF}
.band .sw{grid-column:11/13;justify-self:end}
.toggle{width:2.4em;height:1.3em;font-size:clamp(26px,2.9vw,46px);border-radius:999px;background:#C3CCD7;border:0;position:relative;cursor:pointer;padding:0;transition:background .25s}
.toggle::after{content:"";position:absolute;top:.15em;left:.15em;width:1em;height:1em;border-radius:50%;background:#fff;transition:transform .25s var(--ease)}
.toggle[aria-checked=true]{background:var(--paper-ink)}.toggle[aria-checked=true]::after{transform:translateX(1.1em)}

/* How it works — one card, four fields */
.strip{display:grid;grid-template-columns:repeat(4,1fr)}
.strip .fld{min-height:84svh;position:relative;padding:28px}
.strip .fld:nth-child(1){background:#070C14}.strip .fld:nth-child(2){background:#1D3A5A}.strip .fld:nth-child(3){background:#2C5A86}.strip .fld:nth-child(4){background:var(--accent);color:var(--accent-ink)}
.strip h2{font-size:clamp(28px,2.4vw,40px);font-weight:300}
.strip .mini{position:absolute;top:38%;left:50%;transform:translateX(-50%);width:min(260px,86%);background:#fff;color:#172B4D;border-radius:8px;font:13px/1.45 var(--ui);padding:12px 14px;transition:transform .15s var(--ease)}
.strip .fld:hover .mini{transform:translate(-50%,-6px)}
.strip .mini b{display:block;font-size:14px;margin-bottom:4px}.strip .mini .r{display:flex;justify-content:space-between;color:#53657A;padding:2px 0}.strip .mini .r span:last-child{color:#172B4D;font-variant-numeric:tabular-nums}
.strip .mini .pill{margin-top:8px}
.strip .cl{position:absolute;left:28px;right:28px;bottom:28px;font:300 clamp(20px,1.8vw,30px)/1.2 var(--head);letter-spacing:-.015em}

/* Pricing — large table */
.price{background:var(--paper);color:var(--paper-ink);padding:160px var(--m)}
.ptable{width:100%;border-collapse:collapse;font-size:22px}
.ptable th,.ptable td{padding:20px 16px;text-align:left;vertical-align:top}
.ptable thead th{font:300 clamp(28px,3vw,48px)/1.05 var(--head);letter-spacing:-.02em}
.ptable thead th small{display:block;font:400 16px/1.4 var(--text);color:var(--paper-muted);margin-top:8px}
.ptable thead th .amt{display:block;margin-top:10px}
.ptable tbody tr:nth-child(odd){background:var(--paper-2)}
.ptable td:first-child{width:34%;color:var(--paper-muted)}
.ptable .rec{background:var(--accent)!important}
.ptable tbody tr:nth-child(odd) .rec{background:#CFEF90!important}
.ptable h2{font-size:clamp(32px,3.4vw,56px)}
.calc{margin-top:48px;display:flex;flex-wrap:wrap;gap:20px 40px;align-items:flex-end;font-size:22px}
.calc label{display:flex;flex-direction:column;gap:8px;font-size:16px;color:var(--paper-muted)}
.calc input{font:400 28px/1 var(--text);width:5.5em;padding:10px 12px;border-radius:var(--r);border:0;background:#fff;color:var(--paper-ink)}
.calc input:focus{outline:2px solid var(--paper-ink)}
.calc output{font:300 clamp(32px,3.4vw,56px)/1 var(--head);letter-spacing:-.02em}
.calc .exp{flex-basis:100%;font-size:16px;color:var(--paper-muted);max-width:70ch}

/* List — day tabs */
.day{background:var(--bg);padding:160px var(--m)}
.day .top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.day h2{font-size:clamp(36px,4vw,60px)}.day h2 .soft{color:var(--muted)}
.day .wrap{display:grid;grid-template-columns:150px 1fr;gap:40px;margin-top:56px}
.tabs-d{display:flex;flex-direction:column;gap:6px}
.tabs-d button{width:150px;height:64px;border:0;border-radius:var(--r);background:var(--surface);color:#fff;text-align:left;padding:10px 14px;font:500 16px/1.2 var(--text);cursor:pointer}
.tabs-d button small{display:block;font-size:13px;color:var(--muted);font-weight:400}
.tabs-d button[aria-selected=true]{background:var(--accent);color:var(--accent-ink)}.tabs-d button[aria-selected=true] small{color:#3B4A2A}
.agenda{display:flex;flex-direction:column;gap:4px}
.agenda .row{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:16px;min-height:76px;padding:0 20px;border-radius:var(--r);background:var(--surface)}
.agenda .row:nth-child(even){background:var(--surface-2)}
.agenda .t{font-size:20px;font-variant-numeric:tabular-nums}
.agenda .ti{font-weight:500;font-size:18px}.agenda .ti small{display:block;font-weight:400;font-size:14px;color:var(--muted)}
.agenda .who{font-size:14px;color:var(--muted);text-align:right}
.agenda[hidden]{display:none}

/* FAQ */
.faq{background:var(--paper);color:var(--paper-ink);padding:160px var(--m);display:grid;grid-template-columns:4fr 8fr;gap:40px}
.faq h2{font-size:clamp(36px,4vw,60px);position:sticky;top:96px;align-self:start}
.faq details{background:var(--paper-2);border-radius:var(--r);margin-bottom:8px}
.faq summary{list-style:none;cursor:pointer;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;font:500 20px/1.3 var(--text)}
.faq summary::-webkit-details-marker{display:none}
.faq .pm{width:16px;height:16px;position:relative;flex:none}
.faq .pm::before,.faq .pm::after{content:"";position:absolute;left:0;top:6.5px;width:16px;height:3px;background:currentColor;transition:transform .2s var(--ease)}
.faq .pm::after{transform:rotate(90deg)}
.faq details[open]{background:var(--accent)}.faq details[open] .pm::after{transform:rotate(0)}
.faq details p{padding:0 24px 24px;max-width:52ch;font-size:17px}

/* CTA */
.close{background:var(--accent);color:var(--accent-ink);min-height:90svh;display:grid;grid-template-columns:repeat(12,1fr);padding:40px var(--m);align-items:center}
.close .l{grid-column:1/6;align-self:end}
.close .l h2{font-size:clamp(56px,7vw,112px);line-height:.92}
.close .l p{font-size:17px;margin-top:18px;max-width:40ch}
.close .r{grid-column:7/12}
.dlg{width:min(440px,100%);background:#fff;border-radius:10px;box-shadow:0 24px 48px -16px rgba(14,22,34,.35),0 4px 12px rgba(14,22,34,.12);font:14px/1.45 var(--ui);color:#172B4D;padding:22px} /* taste-skill-ignore: fragment i ndërfaqes (data-ui), konventat e produktit */
.dlg h3{font:640 18px/1.3 var(--ui);letter-spacing:-.01em;margin-bottom:4px}
.dlg p.s{color:#53657A;margin-bottom:16px}
.dlg label{display:block;font-weight:560;font-size:13px;margin:12px 0 6px}
.dlg input[type=text]{width:100%;font:inherit;border:1px solid #B9C6D4;border-radius:6px;padding:8px 10px;min-height:38px} /* taste-skill-ignore: fragment i ndërfaqes (data-ui), konventat e produktit */
.dlg input:focus{outline:0;border-color:#075EA8;box-shadow:0 0 0 3px #C9DDF1} /* taste-skill-ignore: unaza e fokusit të fushës (data-ui) */
.seg{display:flex;border:1px solid #B9C6D4;border-radius:6px;overflow:hidden} /* taste-skill-ignore: fragment i ndërfaqes (data-ui), konventat e produktit */
.seg label{flex:1;margin:0;font-weight:500;text-align:center;padding:8px;cursor:pointer;font-size:13.5px}
.seg input{position:absolute;opacity:0}.seg label:has(input:checked){background:#E7F0F9;color:#075EA8}
.seg label:has(input:focus-visible){outline:2px solid #075EA8;outline-offset:-2px}
.dlg button{margin-top:18px;width:100%;font:560 14px/20px var(--ui);padding:10px;border-radius:6px;border:0;background:#075EA8;color:#fff;cursor:pointer}
.dlg button:hover{background:#064D8A}
.dlg .fine{font-size:12.5px;color:#53657A;margin-top:10px}

/* Footer — single line */
.qfoot{padding:30svh var(--m) 30px;display:grid;grid-template-columns:1fr auto 1fr;gap:16px;font-size:15px;color:var(--muted);align-items:end}
.qfoot nav{display:flex;gap:24px}.qfoot nav a,.qfoot .rt a{color:var(--ink);text-decoration:none}.qfoot nav a:hover{text-decoration:underline}
.qfoot .rt{text-align:right}

/* Reveal motion (vetëm transform/opacity; përmbajtja e dukshme pa JS) */
.js .rv{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}*{transition:none!important}}

@media (max-width:860px){
  .hero{padding:0 20px}.hero .topbar{padding-top:24px}.hero .hl{grid-template-columns:1fr;margin-top:48px;gap:20px}
  .hero h1{font-size:clamp(2.1rem,9.5vw,3.4rem)}
  .board{margin-left:-20px;margin-right:-20px;padding-top:40px}.board .bh{border-radius:0}.board .chs{gap:12px}.board td.lab{width:92px}
  .flow{padding:88px 20px}.flow .fh,.flow .fb{grid-template-columns:1fr}.flow h2{font-size:clamp(2rem,9vw,3rem)}
  .file dl{grid-template-columns:110px 1fr}.file .foot button{flex:1 1 100%}
  .band{grid-template-columns:1fr auto;min-height:132px;padding:24px 20px}.band .s{grid-column:1}.band .sw{grid-column:2}.band .s p.big{font-size:6.4vw}.toggle{font-size:28px}
  .strip{grid-template-columns:1fr}.strip .fld{min-height:64svh;padding:20px}.strip .cl{position:static;margin-top:24px}.strip .mini{position:static;transform:none;margin-top:32px;width:260px}.strip .fld:hover .mini{transform:none}
  .price,.day,.faq{padding:96px 20px}
  .ptable,.ptable tbody,.ptable tr,.ptable td,.ptable thead,.ptable th{display:block}.ptable thead{display:none}.ptable td:first-child{width:auto;padding-bottom:0}.ptable tbody tr{padding:8px 0}.ptable td{font-size:17px;padding:6px 0}
  .ptable td[data-p]::before{content:attr(data-p) ": ";color:var(--paper-muted)}
  .day .wrap{grid-template-columns:1fr}.tabs-d{flex-direction:row;overflow-x:auto;position:sticky;top:0;background:var(--bg);padding:8px 0;z-index:2}.tabs-d button{width:auto;flex:1 0 96px}
  .agenda .row{grid-template-columns:1fr;padding:16px;gap:4px}.agenda .who{text-align:left}
  .faq{grid-template-columns:1fr}.faq h2{position:static;font-size:9vw}
  .close{grid-template-columns:1fr;min-height:84svh;padding:40px 16px}.close .l,.close .r{grid-column:1}.close .l{align-self:start}.close .l h2{font-size:13vw}.close .r{margin-top:40px}.dlg button{min-height:52px}
  .qfoot{grid-template-columns:1fr;padding:20svh 24px 24px;font-size:14px;gap:8px}.qfoot nav{flex-wrap:wrap;gap:12px 24px}.qfoot .rt{text-align:left}
}

/* Zgjedhësi i gjuhës (faqja publike) */
.web-lang{position:absolute;top:48px;right:calc(var(--m) + 64px);z-index:5;display:inline-flex;gap:2px;font:600 13px/1 var(--text);letter-spacing:.04em}
.web-lang a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;color:inherit;opacity:.6;text-decoration:none;border-radius:6px}
.web-lang a:hover,.web-lang a[aria-current]{opacity:1}.web-lang a[aria-current]{text-decoration:underline;text-underline-offset:4px}
@media (max-width:900px){.web-lang{top:24px;right:84px}}

/* Menuja e madhe e header-it (01.11.2026) — shirit i rrumbullakët që zgjerohet poshtë me hover; ngjyrat e faqes (natë porti + lime). */
.hero .topbar.has-mm{display:block;position:relative;z-index:30;padding-top:32px;min-height:96px}
body:has(.mm) > .web-lang{display:none}
.mm{position:absolute;left:0;right:0;top:32px;background:var(--surface);border-radius:18px;padding:8px;transition:background .2s}
.mm.open{background:#192638}
.mm-row{display:flex;align-items:center;gap:6px;min-height:48px}
.mm .mark{padding:0 14px 0 10px;min-height:44px}
.mm-nav{flex:1;min-width:0}
.mm-nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.mm-t{font:500 15px/1 var(--text);color:var(--ink);background:none;border:0;padding:0 14px;min-height:44px;border-radius:10px;display:inline-flex;gap:6px;align-items:center;cursor:pointer;text-decoration:none;transition:background .15s}
.mm-t:hover,.mm-t[aria-expanded=true]{background:var(--surface-2)}
.mm-ch{width:15px;height:15px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease)}
.mm-t[aria-expanded=true] .mm-ch{transform:rotate(180deg);stroke:var(--ink)}
.mm-lang{display:inline-flex;gap:2px;font:600 13px/1 var(--text);letter-spacing:.04em;background:var(--bg);border-radius:10px;padding:4px}
.mm-lang a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;border-radius:7px;text-decoration:none;opacity:.6}
.mm-lang a:hover{opacity:1}.mm-lang a[aria-current]{opacity:1;background:var(--surface-2)}
.mm .signin{background:var(--surface-2);border-radius:10px;padding:0 18px;min-height:44px;text-decoration:none;transition:background .15s}
.mm .signin:hover{background:#27374D;text-decoration:none}
.mm-burger{display:none;width:44px;height:44px;border:0;border-radius:10px;background:var(--surface-2);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px}
.mm-burger span{width:18px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s var(--ease)}
.mm.nav-on .mm-burger span:first-child{transform:translateY(4px) rotate(45deg)}.mm.nav-on .mm-burger span:last-child{transform:translateY(-4px) rotate(-45deg)}
/* Panelet */
.mm-p{display:none;padding:28px 12px 12px;gap:24px}
.mm-p.on{display:grid;animation:mm-in .26s var(--ease)}
@keyframes mm-in{from{opacity:0;transform:translateY(-6px)}}
.mm-two{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}
.mm-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 24px}
.mm-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;align-content:start}
.mm-it{display:flex;gap:16px;align-items:flex-start;padding:14px;border-radius:12px;text-decoration:none;transition:background .15s}
.mm-it:hover,.mm-it:focus-visible{background:var(--surface-2)}
.mm-it b{display:block;font:500 17px/1.3 var(--text);color:var(--ink)}
.mm-it span span{display:block;font-size:15px;line-height:1.4;color:var(--muted);margin-top:3px}
.mm-ic{width:24px;height:24px;flex:none;margin-top:2px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mm-it:hover .mm-ic{transform:scale(1.08)}.mm-ic{transition:transform .2s var(--ease)}
.mm-all{align-items:center}.mm-all b{color:var(--muted)}.mm-all .mm-ic{color:var(--muted)}.mm-all:hover b{color:var(--ink)}
.c-l{color:var(--accent)}.c-s{color:#8FB4DC}.c-d{color:var(--sand)}.c-r{color:#FFB4A8}
/* Kartat anësore */
.mm-card{background:var(--bg);border-radius:14px;padding:16px}
.mm-demo{background:var(--surface);border-radius:12px;padding:16px 18px}
.mm-q{display:flex;justify-content:space-between;align-items:center;font:400 15px/1 var(--ui);background:var(--bg);border-radius:8px;padding:10px 12px}
.mm-q .mm-ic{width:18px;height:18px;color:var(--muted);margin:0}
.mm-res{list-style:none;margin:10px 0 0;padding:0}
.mm-res li{display:flex;align-items:center;gap:10px;font:400 15px/1 var(--ui);padding:8px 2px}
.mm-res li i{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.mm-res li.x i{background:#FFB4A8}.mm-res li.x span{color:var(--muted);opacity:.6}
.mm-res li span{flex:1}
.mm-go{width:14px;height:14px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mm-ct{font:300 24px/1.2 var(--head);letter-spacing:-.02em;margin-top:18px!important}
.mm-ct em{font-style:normal;color:var(--accent)}
.mm-cd{font-size:15px;line-height:1.5;color:var(--muted);margin-top:8px!important}
.mm-dh{font-size:14px;color:var(--muted)}
.mm-trend{list-style:none;margin:10px 0 0;padding:0}
.mm-trend li{display:grid;grid-template-columns:110px 1fr 56px;align-items:center;gap:12px;font:500 14px/1 var(--ui);padding:6px 0}
.mm-trend li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mm-trend li i{display:block;height:6px;width:var(--w);border-radius:3px;background:var(--accent);transform-origin:left;animation:mm-bar .6s var(--ease)}
.mm-trend li b{font:600 13px/1 var(--ui);letter-spacing:.06em;color:var(--accent);text-align:right}
@keyframes mm-bar{from{transform:scaleX(0)}}
.mm-chip{display:inline-block;margin-top:14px!important;background:var(--bg);border-radius:6px;padding:7px 10px;font:500 13px/1 var(--ui)}
.mm-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.08);padding:18px 2px 4px;color:var(--muted);font-size:15px}
.mm-foot a{color:var(--ink)}
/* Live lists */
.mm-lists{grid-template-columns:minmax(220px,300px) minmax(0,1fr)}
.mm-side{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.mm-side a{display:flex;align-items:center;gap:14px;padding:11px 12px;border-radius:10px;text-decoration:none;font:500 16px/1.2 var(--text);transition:background .15s}
.mm-side a:hover,.mm-side a[aria-current]{background:var(--surface-2)}
.mm-side .mm-ic{margin:0;color:var(--muted)}.mm-side a[aria-current] .mm-ic{color:var(--accent)}
.mm-side .all{margin-top:auto;padding-top:12px}.mm-side .all a{color:var(--muted)}
.mm-board{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(200px,1fr);gap:24px;padding:18px 22px}
.mm-tbl{max-height:360px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
.mm-th,.mm-tr{display:grid;grid-template-columns:minmax(0,1fr) 84px 128px;align-items:center;gap:12px}
.mm-th{font:500 14px/1 var(--ui);color:var(--muted);padding:4px 0 12px;border-bottom:1px solid rgba(255,255,255,.08)}
.mm-th span{display:inline-flex;align-items:center;gap:8px}.mm-th span:first-child{color:var(--ink)}
.mm-th .mm-ic{width:17px;height:17px;margin:0}
.mm-tr{padding:7px 0;font:400 15px/1 var(--ui)}
.mm-tr .nm{display:flex;align-items:center;gap:12px}.mm-tr .nm i{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.mm-tr small{font-size:15px;color:var(--muted)}
.mm-tr .sc{display:inline-flex;align-items:center;gap:10px}
.mm-tr .sc svg{width:20px;height:20px;transform:rotate(-90deg)}
.mm-tr .sc circle{fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round}
.mm-tr .st{display:inline-flex;justify-content:space-between;align-items:center;background:rgba(218,250,156,.08);color:var(--accent);border-radius:7px;padding:8px 10px;font-weight:500}
.mm-tr .st .mm-ch{stroke:var(--ink)}
.mm-sum{border-left:1px solid rgba(255,255,255,.08);padding-left:24px;display:flex;flex-direction:column}
.mm-sum .big{font:300 46px/1 var(--head);letter-spacing:-.03em;display:flex;align-items:baseline;gap:12px}
.mm-sum .big span{font:400 15px/1 var(--text);color:var(--muted);display:inline-flex;align-items:center;gap:6px}
.mm-sum .big span i{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.mm-sum .bar{height:8px;border-radius:4px;background:var(--surface-2);margin:18px 0 14px;overflow:hidden}
.mm-sum .bar i{display:block;height:100%;background:var(--accent);border-radius:4px;transform-origin:left;animation:mm-bar .8s var(--ease)}
.mm-sum ul{list-style:none;margin:0;padding:0}
.mm-sum li{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:16px}
.mm-sum li i{width:8px;height:8px;border-radius:50%;background:currentColor}.mm-sum li b{margin-left:auto;font-weight:500;color:var(--ink)}
.mm-sum li{color:var(--ink)}.mm-sum li i.c-l{color:var(--accent)}
.mm-sum .mm-cd{margin-top:auto!important;padding-top:16px}
/* Telefoni dhe tableti: burger → listë vertikale, panelet njëra pas tjetrës */
@media (max-width:1100px){.mm-two{grid-template-columns:1fr}.mm-two .mm-card{display:none}.mm-board{grid-template-columns:1fr}.mm-sum{display:none}}
@media (max-width:900px){
  .hero .topbar.has-mm{padding-top:20px;min-height:84px}
  .mm{top:20px;max-height:calc(100svh - 32px);overflow:auto}
  .mm-row{flex-wrap:wrap}
  .mm .mark{margin-right:auto}
  .mm-burger{display:inline-flex}
  .mm-nav{display:none;order:5;flex-basis:100%}
  .mm.nav-on .mm-nav{display:block}
  .mm-nav ul{flex-direction:column;padding:8px 0 4px}
  .mm-t{width:100%;justify-content:space-between;font-size:17px;min-height:48px}
  .mm-p{padding:12px 0 4px}
  .mm:not(.nav-on) .mm-p{display:none}
  .mm-items,.mm-three,.mm-lists{grid-template-columns:1fr}
  .mm-board{display:none}
  .mm-foot{display:none}
}
@media (max-width:420px){.mm-lang{padding:2px}.mm-lang a{min-width:30px}.mm .signin{padding:0 12px}.mm .mark{padding:0 6px}}
/* Menuja v2: butoni i provës dhe gjendjet e pronave (01.11.2026) */
.mm-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:10px;background:var(--accent);color:var(--accent-ink)!important;font:500 15px/1 var(--text);text-decoration:none;transition:background .15s,transform .15s var(--ease)}
.mm-cta:hover{background:#E6FFB8}.mm-cta:active{transform:translateY(1px)}
.mm-tr .nm i.s-occ{background:#8FB4DC}.mm-tr .nm i.s-out{background:var(--sand)}.mm-tr .nm i.s-clean{background:#FFB4A8}.mm-tr .nm i.s-free{background:var(--muted)}
.mm-tr .st.s-occ{background:rgba(143,180,220,.1);color:#8FB4DC}.mm-tr .st.s-out{background:rgba(233,223,201,.1);color:var(--sand)}
.mm-tr .st.s-clean{background:rgba(255,180,168,.1);color:#FFB4A8}.mm-tr .st.s-free{background:rgba(154,167,184,.1);color:var(--muted)}
.mm-tr small{margin-left:-6px}
.mm-trend li{grid-template-columns:120px 1fr 44px}
@media (max-width:1180px) and (min-width:901px){.mm-t{padding:0 10px}.mm-lang{display:none}}
@media (max-width:560px){.mm-cta{display:none}}
/* Menuja: tekst normal, jo bold (kërkesë e pronarit, 01.11.2026) */
.mm-t,.mm-it b,.mm-side a,.mm-trend li,.mm-trend li b,.mm-tr .st,.mm-sum li b,.mm-chip,.mm-th,.mm-lang{font-weight:400}
.mm .signin,.mm-cta{font-weight:400}
/* Menuja v5 (01.11.2026): më lart, font më i vogël, gjuha si listë rënëse, më shumë hapësirë mbi kalendar */
.hero .topbar.has-mm{padding-top:16px;min-height:80px}
.mm{top:16px}
.mm-t{font-size:14px;min-height:40px;padding:0 12px}
.mm .signin,.mm-cta{font-size:14px;min-height:40px}
.mm .mark{font-size:15px}
.mm-lang{position:relative;display:block;background:none;padding:0;font:400 14px/1 var(--text);letter-spacing:.02em}
.mm-lang summary{list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:10px;cursor:pointer;transition:background .15s}
.mm-lang summary::-webkit-details-marker{display:none}
.mm-lang summary:hover,.mm-lang[open] summary{background:var(--surface-2)}
.mm-lang[open] summary .mm-ch{transform:rotate(180deg);stroke:var(--ink)}
.mm-lang ul{position:absolute;right:0;top:calc(100% + 6px);z-index:5;list-style:none;margin:0;padding:6px;min-width:160px;background:var(--surface-2);border-radius:12px;animation:mm-in .2s var(--ease)}
.mm-lang ul a{display:flex;align-items:center;gap:12px;min-height:40px;padding:0 12px;border-radius:8px;text-decoration:none;opacity:1;justify-content:flex-start;font-weight:400}
.mm-lang ul a:hover,.mm-lang ul a:focus-visible{background:#27374D}
.mm-lang ul b{font-weight:400;color:var(--muted);min-width:22px}
.board{padding-top:clamp(64px,11svh,128px)}
@media (max-width:900px){.hero .topbar.has-mm{padding-top:12px;min-height:72px}.mm{top:12px}.board{padding-top:56px}}
@media (max-width:1180px) and (min-width:901px){.mm-lang{display:block}}
@media (max-width:420px){.mm-lang summary{padding:0 8px}}
/* Menuja v6 (01.11.2026): shirit më i ngushtë vertikalisht, gjerësia e njëjtë; butonat më të vegjël */
.mm{padding:4px 8px;border-radius:14px}
.mm-row{min-height:40px}
.mm .mark{min-height:34px}
.mm-t,.mm-lang summary{min-height:34px;border-radius:8px}
.mm .signin{min-height:32px;padding:0 14px;border-radius:8px;font-size:13.5px}
.mm-cta{min-height:32px;padding:0 14px;border-radius:8px;font-size:13.5px}
.mm-burger{width:36px;height:36px;border-radius:8px}
.hero .topbar.has-mm{min-height:64px}
@media (max-width:900px){.hero .topbar.has-mm{min-height:60px}}
/* Menuja v7: mes v5 dhe v6 — pak më e lartë */
.mm{padding:6px 8px;border-radius:16px}
.mm-row{min-height:44px}
.mm .mark{min-height:38px}
.mm-t,.mm-lang summary{min-height:38px}
.mm .signin,.mm-cta{min-height:36px;padding:0 16px}
.mm-burger{width:40px;height:40px}
.hero .topbar.has-mm{min-height:72px}
@media (max-width:900px){.hero .topbar.has-mm{min-height:68px}}
/* v8 (01.11.2026): menuja më afër majës; blloku i tekstit pranë titullit me më shumë hapësirë vertikale */
.hero .topbar.has-mm{padding-top:8px;min-height:64px}
.mm{top:8px}
@media (max-width:900px){.hero .topbar.has-mm{padding-top:8px;min-height:64px}.mm{top:8px}}
.hero .side .lead{line-height:1.6}
.hero .side .acts{margin-top:40px}
.hero .side .note{margin-top:20px}
/* v9 (01.11.2026): font i menusë më i vogël dhe kudo jo bold */
.mm .mark{font-weight:400}
.mm-t,.mm-lang summary{font-size:13px}
.mm .signin,.mm-cta{font-size:13px}
.mm-it b{font-size:15px;font-weight:400}
.mm-it span span{font-size:13.5px}
.mm-side a{font-size:14.5px}
.mm-foot,.mm-cd{font-size:14px}
.mm-tr,.mm-tr small,.mm-res li,.mm-q{font-size:14px}
.mm-sum li{font-size:14.5px}
.mm *{font-weight:400}
.mm .mm-ct,.mm .mm-sum .big{font-weight:300}
/* v10 (01.11.2026): nënmenutë më të vogla, në harmoni me zërat 13px të menusë */
.mm .mm-it b{font-size:13.5px;font-weight:400}
.mm .mm-it span span{font-size:12.5px;margin-top:2px}
.mm-it{gap:12px;padding:11px 12px}
.mm-ic{width:20px;height:20px;margin-top:0}
.mm .mm-side a{font-size:13.5px;padding:9px 12px}
.mm .mm-foot,.mm .mm-cd{font-size:12.5px}
.mm .mm-tr,.mm .mm-tr small,.mm .mm-res li,.mm .mm-q,.mm .mm-th,.mm .mm-trend li{font-size:13px}
.mm .mm-tr .st,.mm .mm-chip,.mm .mm-trend li b,.mm .mm-dh{font-size:12px}
.mm .mm-sum li{font-size:13px}
.mm .mm-ct{font-size:18px}
.mm .mm-sum .big{font-size:34px}