:root{--bg:#fff;--alt:#f5f5f7;--ink:#1d1d1f;--muted:#6e6e73;--line:#d2d2d7;--accent:#15803d;--accent-d:#116631;--on-accent:#fff;--tile:#000;--tile-ink:#f5f5f7;--tile-muted:#a1a1a6;--tile-accent:#4ade80;--card:#fff;--warn-bg:#fff8e6;--warn-line:#f0d58a}
@media(prefers-color-scheme:dark){:root{--bg:#000;--alt:#161617;--ink:#f5f5f7;--muted:#a1a1a6;--line:#3a3a3c;--accent:#4ade80;--accent-d:#86efac;--on-accent:#04210f;--tile:#161617;--card:#1d1d1f;--warn-bg:#2a2410;--warn-line:#6b5a1c}}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.47 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;letter-spacing:-.011em;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;margin:0;font-weight:700}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}
.skip{position:absolute;left:-999px;top:8px;background:var(--accent);color:var(--on-accent);padding:8px 14px;border-radius:980px;z-index:99}.skip:focus{left:8px}
.wrap{max-width:980px;margin:0 auto;padding:0 22px}
header.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
header.top .wrap{display:flex;align-items:center;gap:28px;height:48px}
.logo{font-weight:700;letter-spacing:.08em;color:var(--ink);font-size:.95rem}.logo:hover{text-decoration:none}.logo b{color:var(--accent)}
nav.main{display:flex;gap:26px;margin-left:auto;align-items:center}nav.main a{color:var(--ink);opacity:.8;font-size:.8rem}nav.main a:hover{opacity:1;text-decoration:none}
nav.main a.btn{opacity:1;color:var(--on-accent)}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--on-accent);font-weight:500;padding:12px 24px;border-radius:980px;border:1px solid var(--accent);font-size:1.05rem;cursor:pointer;font-family:inherit;min-height:44px;transition:background .2s,transform .2s}
.btn:hover{background:var(--accent-d);border-color:var(--accent-d);text-decoration:none;color:var(--on-accent)}.btn:active{transform:scale(.98)}
.btn.sm{padding:5px 14px;min-height:28px;font-size:.78rem}.btn.lg{padding:14px 30px;font-size:1.15rem}
.btn.ghost{background:transparent;color:var(--accent)}.btn.ghost:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}
.more{font-size:1.15rem;color:var(--accent)}.more:after{content:" ›"}
section{padding:110px 0}section.alt{background:var(--alt)}section.dark{background:var(--tile);color:var(--tile-ink)}
.center{text-align:center}
h1{font-size:clamp(2.7rem,7.4vw,5.4rem);line-height:1.04;letter-spacing:-.04em}
h2{font-size:clamp(2rem,5vw,3.5rem);line-height:1.07;letter-spacing:-.035em}
h3{font-size:1.3rem;letter-spacing:-.02em;line-height:1.2}
.dim{color:var(--muted)}h1 .dim,h2 .dim{color:var(--muted)}section.dark .dim{color:var(--tile-muted)}
.sub{font-size:clamp(1.2rem,2.4vw,1.75rem);line-height:1.3;color:var(--muted);font-weight:400;letter-spacing:-.015em;max-width:30em;margin:20px auto 0}
.eyebrow{font-size:1.05rem;font-weight:600;color:var(--accent);margin-bottom:14px;letter-spacing:-.01em}
.hero{padding:84px 0 0;text-align:center;overflow:hidden}.hero .cta{display:flex;gap:22px;justify-content:center;align-items:center;flex-wrap:wrap;margin:34px 0 14px}
.hero .meta{color:var(--muted);font-size:.95rem}
.stack{position:relative;height:360px;max-width:640px;margin:56px auto 0}
.paper{position:absolute;left:50%;width:min(360px,70%);height:320px;border-radius:18px;background:var(--card);border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.12);padding:28px 26px;text-align:left}
.paper i{display:block;height:8px;border-radius:4px;background:var(--line);margin:0 0 12px;opacity:.7}.paper i.s{width:55%}.paper i.m{width:80%}.paper i.t{height:12px;width:50%;background:var(--ink);opacity:.85;margin-bottom:22px}
.paper.p1{top:34px;transform:translateX(-96%) rotate(-7deg)}.paper.p2{top:34px;transform:translateX(-4%) rotate(7deg)}.paper.p3{top:0;transform:translateX(-50%);height:340px;z-index:2}
.badge-ok{position:absolute;right:22px;bottom:22px;display:flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);padding:7px 14px;border-radius:980px;font-size:.82rem;font-weight:600}
.ic{width:28px;height:28px;stroke:var(--accent);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.seg{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px;background:var(--alt);padding:5px;border-radius:980px;margin:30px 0 0}
section.alt .seg{background:var(--bg)}
.seg button{font:inherit;font-size:.98rem;border:0;background:transparent;color:var(--ink);padding:11px 22px;border-radius:980px;cursor:pointer;min-height:44px;transition:background .2s,color .2s}
.seg button:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)}.seg button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}
.result{display:none;max-width:640px;margin:26px auto 0;background:var(--card);border-radius:22px;padding:26px 30px}.result.show{display:block;animation:rise .35s ease}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:34px;padding:0;margin:64px 0 0;list-style:none;text-align:left;counter-reset:s}
.steps li{counter-increment:s}.steps li:before{content:counter(s);display:block;font-size:4rem;font-weight:700;letter-spacing:-.05em;line-height:1;color:var(--line);margin-bottom:14px}
.steps h3{margin-bottom:8px}.steps p{margin:0;color:var(--muted);font-size:.98rem}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:56px;text-align:left}
.plan{background:var(--card);border-radius:28px;padding:38px 36px;display:flex;flex-direction:column;gap:18px;position:relative;border:1px solid transparent}.plan.best{border-color:var(--accent)}
.badge{position:absolute;top:22px;right:24px;background:var(--accent);color:var(--on-accent);font-size:.74rem;font-weight:600;padding:4px 12px;border-radius:980px}
.plan h3{font-size:1.5rem}.plan .sm{color:var(--muted);font-size:.98rem;margin:0}
.price{font-size:3.2rem;font-weight:700;letter-spacing:-.045em;line-height:1}.price small{font-size:1rem;font-weight:500;color:var(--muted);letter-spacing:0;margin-left:6px}
.plan ul{list-style:none;margin:6px 0 10px;padding:0;display:grid;gap:11px}.plan li{display:flex;gap:10px;font-size:.98rem}.plan li:before{content:"";flex:none;width:18px;height:18px;margin-top:3px;background:var(--accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/contain no-repeat}
.plan .btn{margin-top:auto;align-self:flex-start}
.rows{background:var(--card);border-radius:22px;margin-top:20px;text-align:left;overflow:hidden}.rows div{display:flex;justify-content:space-between;gap:24px;padding:18px 28px;border-bottom:1px solid var(--line);font-size:.98rem}.rows div:last-child{border:0}.rows b{font-weight:600}.rows span{color:var(--muted);text-align:right;max-width:30em}
.bento{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:56px;text-align:left}
.tile{background:var(--alt);border-radius:28px;padding:34px 32px;display:flex;flex-direction:column;gap:14px;min-height:240px}.tile h3{font-size:1.4rem}.tile p{margin:0;color:var(--muted);font-size:1rem}
section.alt .tile{background:var(--card)}
.checks{max-width:760px;margin:48px auto 0;text-align:left;border-top:1px solid var(--line)}.checks div{display:flex;gap:16px;justify-content:space-between;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line)}.checks b{font-weight:600}.checks span{color:var(--accent);font-weight:600;white-space:nowrap}
.guar{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;margin:56px auto 0;max-width:820px;text-align:left}
.guar div{border-top:1px solid #3a3a3c;padding-top:22px}.guar b{display:block;font-size:1.3rem;letter-spacing:-.02em;margin-bottom:8px;color:var(--tile-ink)}.guar p{margin:0;color:var(--tile-muted)}
section.dark a{color:var(--tile-accent)}section.dark .eyebrow{color:var(--tile-accent)}
.note{max-width:760px;margin:0 auto;background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:22px;padding:26px 32px;text-align:left}.note ul{margin:12px 0 0;padding-left:20px}.note li{margin:8px 0;color:var(--muted)}
.faq{max-width:760px;margin:56px auto 0;text-align:left}
details{border-bottom:1px solid var(--line)}details:first-child{border-top:1px solid var(--line)}
summary{cursor:pointer;font-weight:600;font-size:1.15rem;padding:22px 0;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;letter-spacing:-.015em}summary::-webkit-details-marker{display:none}
summary:after{content:"";flex:none;width:22px;height:22px;background:var(--muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .25s}
details[open] summary:after{transform:rotate(45deg)}details>div{padding:0 0 24px;color:var(--muted)}details>div p{margin:0}
footer{background:var(--alt);padding:40px 0 30px;color:var(--muted);font-size:.78rem;line-height:1.6}footer .cols{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}footer a{color:var(--muted)}footer strong{color:var(--ink)}
footer .legal{margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}
.doc{max-width:720px;margin:0 auto}.doc h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:18px}.doc h2{font-size:1.5rem;margin:2em 0 .5em;letter-spacing:-.02em}.doc p,.doc li{color:var(--muted)}.doc .lead{font-size:1.3rem;color:var(--ink)}
.draft{background:var(--warn-bg);border:1px solid var(--warn-line);padding:14px 18px;border-radius:14px;margin-bottom:24px;color:var(--ink)}
.muted{color:var(--muted)}.small{font-size:.92rem}.lead{font-size:1.2rem}
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.6,.2,1),transform .8s cubic-bezier(.2,.6,.2,1)}.js .rv.in{opacity:1;transform:none}
@media(max-width:760px){section{padding:72px 0}.hero{padding-top:56px}nav.main a:not(.btn){display:none}.stack{height:300px}.paper{height:270px}.paper.p3{height:290px}.plan{padding:30px 26px}.rows div{flex-direction:column;gap:4px;padding:16px 22px}.rows span{text-align:left}body{font-size:16.5px}}
.guide{max-width:720px;margin:0 auto}.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:18px}.crumbs a{color:var(--muted)}.crumbs span{margin:0 6px}
.guide h1{font-size:clamp(2rem,5vw,3.1rem);line-height:1.08;letter-spacing:-.035em}
.byline{color:var(--muted);font-size:.88rem;margin:14px 0 30px}
.answer{background:var(--alt);border-radius:22px;padding:24px 28px;margin:0 0 40px;font-size:1.15rem;line-height:1.5;color:var(--ink)}
.answer .lbl{display:block;font-size:.76rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.guide h2{font-size:1.65rem;margin:2.1em 0 .6em;letter-spacing:-.025em;line-height:1.15}
.guide p,.guide li{color:var(--ink)}.guide li{margin:.5em 0}.guide ol,.guide ul{padding-left:1.3em}
.guide .small{font-size:.9rem}
.tblw{overflow-x:auto;margin:18px 0}.tbl{width:100%;border-collapse:collapse;font-size:.95rem}.tbl th,.tbl td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.tbl th{font-weight:600;color:var(--muted);font-size:.8rem;letter-spacing:.02em}.tbl td:nth-child(2){white-space:nowrap}
.warnbox{background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:18px;padding:18px 22px;margin:34px 0}.warnbox b{display:block;margin-bottom:6px}
.guide .faq{margin-top:20px;max-width:none}
.ctabox{background:var(--tile);color:var(--tile-ink);border-radius:28px;padding:38px 34px;text-align:center;margin:56px 0 40px}.ctabox h2{margin:0 0 10px;font-size:1.7rem;color:var(--tile-ink)}.ctabox p{color:var(--tile-muted);margin:0 0 22px}.ctabox .btn{color:var(--on-accent)}
.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:16px}
.gcard{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px 26px 22px;display:flex;flex-direction:column;gap:10px;color:var(--ink);text-align:left;transition:border-color .2s,transform .2s}.gcard:hover{text-decoration:none;border-color:var(--accent);transform:translateY(-2px)}.gcard h3{font-size:1.18rem;line-height:1.22}.gcard p{margin:0;color:var(--muted);font-size:.95rem}.gcard span{color:var(--accent);font-size:.95rem;margin-top:auto}.gcard span:after{content:" ›"}
section.alt .gcard{background:var(--card)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:48px}
.src{font-size:.88rem;color:var(--muted)}.src ol{padding-left:1.2em}.src li{color:var(--muted)}

.seo-slot{padding:14px 0;text-align:center}.seo-slot a{display:inline-block;padding:10px 28px;border:1.5px dashed #c7c7cc;border-radius:12px;color:#86868b;font-weight:600;letter-spacing:.08em;text-decoration:none}.seo-slot a:hover{border-color:#0071e3;color:#0071e3}

.calc{max-width:760px;margin:44px auto 0;background:var(--card);border:1px solid var(--line);border-radius:28px;padding:30px;text-align:left}
.calc .row{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:700px){.calc .row{grid-template-columns:1fr 1fr}}
.calc label.f{display:block;font-size:.85rem;color:var(--muted);margin-bottom:6px;font-weight:500}
.calc input[type=number],.calc select{width:100%;font:inherit;font-size:1.02rem;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);min-height:46px}
.calc input:focus,.calc select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}
.calc .chk{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;margin-top:14px;cursor:pointer}.calc .chk input{margin-top:4px;accent-color:var(--accent);width:18px;height:18px;flex:none}
.calc .seg{margin:0}.calc .res{margin-top:26px;border-top:1px solid var(--line);padding-top:18px}
.calc table{width:100%;border-collapse:collapse;font-size:.97rem}.calc td{padding:7px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}.calc td:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.calc tr.tot td{font-weight:700;font-size:1.25rem;border-bottom:0;padding-top:14px}
.calc .cnote{font-size:.85rem;color:var(--muted);margin:12px 0 0}.calc .go{margin-top:20px;text-align:center}

/* VÆRD TAXCARE – strona główna. Warstwa nad design/vaerd.css: nawigacja, kafle, sekcje pełnej szerokości, logika jak na apple.com */
@font-face{font-family:"Inter";src:url(/assets/fonts/inter-400.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url(/assets/fonts/inter-500.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url(/assets/fonts/inter-600.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Display";src:url(/assets/fonts/inter-display-600.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}
:root{--sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--disp:"Inter Display","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--tile2:#1d1d1f;--nav-h:44px}
@media(prefers-color-scheme:dark){:root{--tile2:#1d1d1f}}
body{font-family:var(--sans);font-size:17px;line-height:1.47059;font-weight:400}
h1,h2,h3,.disp{font-family:var(--disp);font-weight:600}
svg.sv{display:block;width:100%;height:auto;overflow:visible}svg.sv text{font-family:var(--sans)}
.ic{width:30px;height:30px;color:var(--accent);flex:none}
section{padding:0}
.s{padding:120px 0;position:relative}.s.alt{background:var(--alt)}.s.dk{background:var(--tile);color:var(--tile-ink)}
.s.dk .muted,.s.dk .sub,.s.dk p{color:var(--tile-muted)}.s.dk h1,.s.dk h2,.s.dk h3{color:var(--tile-ink)}
.wrap.w{max-width:1260px}.wrap.n{max-width:760px}
.c{text-align:center}
.sub{font-family:var(--disp);font-size:clamp(1.25rem,2.4vw,1.75rem);line-height:1.25;letter-spacing:-.012em;color:var(--muted);font-weight:400;max-width:26em;margin:18px auto 0}
.eyebrow{font-family:var(--disp);font-size:clamp(1.05rem,1.6vw,1.3rem);font-weight:600;color:var(--accent);margin:0 0 12px;letter-spacing:-.01em}
.s.dk .eyebrow{color:var(--tile-accent)}
h1.mega{font-size:clamp(2.6rem,8.2vw,5.5rem);line-height:1.04;letter-spacing:-.042em;font-weight:600}
h2.big{font-size:clamp(2.1rem,5.4vw,3.5rem);line-height:1.07;letter-spacing:-.034em;font-weight:600}
.grad{background:linear-gradient(92deg,#15803d,#34d399 60%,#0ea5e9);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(prefers-color-scheme:dark){.grad{background-image:linear-gradient(92deg,#4ade80,#86efac 55%,#7dd3fc)}}
.lnk{font-family:var(--disp);font-size:clamp(1.05rem,1.5vw,1.3rem);color:var(--accent);white-space:nowrap}.lnk:after{content:" ›";transition:margin .2s}.lnk:hover{text-decoration:underline}
.s.dk .lnk{color:var(--tile-accent)}
.cta{display:flex;gap:10px 28px;justify-content:center;align-items:center;flex-wrap:wrap;margin:30px 0 0}
.btn{font-family:var(--sans);font-size:1.06rem}.btn.lg{padding:13px 28px}
.s.dk .btn{background:var(--tile-accent);color:#04210f;border-color:var(--tile-accent)}.s.dk .btn:hover{background:#86efac;border-color:#86efac;color:#04210f}
.s.dk .btn.ghost{background:transparent;color:var(--tile-accent)}

/* ---- nawigacja globalna 44px ---- */
.gnav{position:sticky;top:0;z-index:60;height:var(--nav-h);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
.gnav.sc{border-bottom-color:var(--line)}
.gnav .in{max-width:1024px;margin:0 auto;height:var(--nav-h);padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.gnav .logo{font-size:.9rem;letter-spacing:.1em;font-weight:600;white-space:nowrap}
.gnav ul{display:flex;list-style:none;margin:0;padding:0;gap:clamp(14px,2.6vw,34px);flex:1;justify-content:center}
.gnav ul a,.gnav .rt a{font-size:12px;letter-spacing:-.01em;color:var(--ink);opacity:.8;white-space:nowrap}.gnav ul a:hover,.gnav ul a[aria-current]{opacity:1;text-decoration:none}
.gnav .rt{display:flex;gap:16px;align-items:center}
.gnav .btn.sm{opacity:1;color:var(--on-accent);font-size:12px;padding:4px 12px;min-height:26px}
.gnav .burger{display:none;background:none;border:0;width:36px;height:36px;margin-right:-8px;cursor:pointer;position:relative;color:var(--ink)}
.gnav .burger i{position:absolute;left:10px;right:10px;height:1.5px;background:currentColor;transition:transform .3s,top .3s}.gnav .burger i:first-child{top:15px}.gnav .burger i:last-child{top:21px}
.gnav.open .burger i:first-child{top:18px;transform:rotate(45deg)}.gnav.open .burger i:last-child{top:18px;transform:rotate(-45deg)}
@media(max-width:860px){
 .gnav ul,.gnav .rt .hide-m{display:none}.gnav .burger{display:block}
 .gnav.open{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}
 .gnav.open ul{display:flex;flex-direction:column;position:fixed;inset:var(--nav-h) 0 0 0;background:var(--bg);padding:18px 32px;gap:0;justify-content:flex-start;overflow:auto;animation:rise .3s ease}
 .gnav.open ul li{border-bottom:1px solid var(--line)}.gnav.open ul a{display:block;font-family:var(--disp);font-size:1.7rem;font-weight:600;padding:14px 0;opacity:1;letter-spacing:-.02em}
}
body.noscroll{overflow:hidden}
/* ---- lokalna nawigacja produktu ---- */
.lnav{position:sticky;top:var(--nav-h);z-index:55;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}
.lnav .in{max-width:1024px;margin:0 auto;padding:0 22px;height:52px;display:flex;align-items:center;gap:26px}
.lnav .nm{font-family:var(--disp);font-size:1.3rem;font-weight:600;letter-spacing:-.02em;color:var(--ink);margin-right:auto}.lnav .nm:hover{text-decoration:none}
.lnav a.l{font-size:12px;color:var(--muted)}.lnav a.l:hover,.lnav a.l.on{color:var(--ink);text-decoration:none}
.lnav .btn.sm{font-size:12px;padding:4px 14px;min-height:28px}
@media(max-width:700px){.lnav a.l{display:none}}
html{scroll-padding-top:100px}

/* ---- hero ---- */
.hero{padding:72px 0 0;text-align:center;overflow:hidden;background:var(--bg)}
.hero .art{max-width:1100px;margin:56px auto 0;padding:0 8px}
.hero .price-line{font-family:var(--disp);font-size:clamp(1.05rem,1.8vw,1.35rem);color:var(--muted);margin:16px 0 0}
.hero .price-line b{color:var(--ink);font-weight:600}
.hero.dkh{background:var(--tile);color:var(--tile-ink)}.hero.dkh .sub,.hero.dkh .price-line{color:var(--tile-muted)}.hero.dkh h1{color:var(--tile-ink)}
/* ---- kafle ---- */
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tl{border-radius:28px;min-height:600px;padding:52px 28px 0;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;background:var(--alt);color:var(--ink);position:relative;isolation:isolate}
.tl.dkt{background:var(--tile);color:var(--tile-ink)}.tl.dkt .sub{color:var(--tile-muted)}.tl.dkt .eyebrow{color:var(--tile-accent)}.tl.dkt .lnk{color:var(--tile-accent)}
.tl.gr{background:linear-gradient(160deg,#0f5132,#15803d 60%,#34d399);color:#fff}.tl.gr .sub{color:rgba(255,255,255,.82)}.tl.gr .lnk{color:#fff}.tl.gr .eyebrow{color:#bbf7d0}
.tl h3{font-size:clamp(1.9rem,3.6vw,2.5rem);letter-spacing:-.03em;line-height:1.08;margin:0}
.tl .sub{font-size:clamp(1.1rem,1.9vw,1.4rem);margin-top:10px;max-width:20em}
.tl .links{display:flex;gap:6px 24px;flex-wrap:wrap;justify-content:center;margin-top:16px}
.tl .vis{margin-top:auto;width:100%;max-width:520px;padding-top:26px;transition:transform .8s cubic-bezier(.2,.6,.2,1)}
.tl:hover .vis{transform:scale(1.035) translateY(-4px)}
.tl .tag{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}
.tl.dkt .tag{color:var(--tile-accent)}
.tl.full{grid-column:1/-1;min-height:520px}
@media(max-width:860px){.tiles{grid-template-columns:1fr}.tl{min-height:520px;padding-top:44px}}
/* ---- statement ---- */
.stmt{font-family:var(--disp);font-size:clamp(1.9rem,5.4vw,4rem);line-height:1.1;letter-spacing:-.035em;font-weight:600;max-width:17em;margin:0 auto;color:var(--tile-muted)}
.stmt em{font-style:normal;color:var(--tile-ink)}
.stmt .g{color:var(--tile-accent);font-style:normal}
/* ---- kroki ---- */
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin:72px 0 0;padding:0;list-style:none;text-align:left}
.steps3 li{border-top:1px solid color-mix(in srgb,currentColor 22%,transparent);padding-top:24px}
.steps3 .n{font-family:var(--disp);font-size:clamp(3.4rem,7vw,5.4rem);font-weight:600;letter-spacing:-.05em;line-height:1;background:linear-gradient(180deg,var(--tile-accent),color-mix(in srgb,var(--tile-accent) 20%,transparent));-webkit-background-clip:text;background-clip:text;color:transparent;display:block;margin-bottom:14px}
.s:not(.dk) .steps3 .n{background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 18%,transparent));-webkit-background-clip:text;background-clip:text}
.steps3 h3{font-size:1.5rem;letter-spacing:-.025em;margin-bottom:8px}.steps3 p{margin:0;font-size:1.02rem}
@media(max-width:860px){.steps3{grid-template-columns:1fr;gap:28px;margin-top:44px}}
/* ---- liczby ---- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:64px}
.stat{text-align:center}.stat b{display:block;font-family:var(--disp);font-size:clamp(3rem,6.4vw,5rem);line-height:1;letter-spacing:-.05em;font-weight:600}
.stat span{display:block;margin-top:10px;color:var(--muted);font-size:1rem;line-height:1.35}
@media(max-width:760px){.stats{grid-template-columns:1fr 1fr;gap:40px 12px}}
/* ---- bento funkcji ---- */
.bento2{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:56px;text-align:left}
.bn{background:var(--alt);border-radius:28px;padding:36px 34px;grid-column:span 2;min-height:280px;display:flex;flex-direction:column;gap:12px}
.bn.w3{grid-column:span 3}.bn.w4{grid-column:span 4}.bn.dkb{background:var(--tile);color:var(--tile-ink)}.bn.dkb p{color:var(--tile-muted)}.bn.dkb .ic{color:var(--tile-accent)}
.s.alt .bn{background:var(--card)}
.bn h3{font-size:clamp(1.4rem,2.4vw,1.8rem);letter-spacing:-.025em;line-height:1.12;margin-top:auto}.bn p{margin:0;color:var(--muted);font-size:1.02rem}
.bn .big{font-family:var(--disp);font-size:clamp(3rem,6vw,4.6rem);font-weight:600;letter-spacing:-.05em;line-height:1;color:var(--accent)}.bn.dkb .big{color:var(--tile-accent)}
@media(max-width:860px){.bento2{grid-template-columns:1fr}.bn,.bn.w3,.bn.w4{grid-column:auto;min-height:220px}}
/* ---- porównanie ---- */
.cmp{width:100%;border-collapse:collapse;margin-top:56px;text-align:left;font-size:1rem}
.cmp th,.cmp td{padding:18px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.cmp thead th{font-family:var(--disp);font-size:1.35rem;font-weight:600;letter-spacing:-.02em;border-bottom:1px solid var(--ink);padding-top:0}
.cmp tbody th{font-weight:500;color:var(--muted);width:18%;font-size:.9rem}
.cmp td b{font-weight:600}.cmp .pr{font-family:var(--disp);font-size:1.6rem;font-weight:600;letter-spacing:-.03em}
.cmp tfoot td{border-bottom:0;padding-top:26px}
.cmpw{overflow-x:auto;-webkit-overflow-scrolling:touch}.cmpw .cmp{min-width:760px}
/* ---- przewijane karty ---- */
.hs{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px max(22px,calc((100vw - 1260px)/2 + 22px)) 28px;margin-top:44px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hs::-webkit-scrollbar{display:none}
.hs .gcard{flex:0 0 min(340px,82vw);scroll-snap-align:start;min-height:220px;background:var(--card)}
.s.alt .hs .gcard{background:var(--card)}
.hs-b{display:flex;gap:10px;justify-content:flex-end;max-width:1260px;margin:0 auto;padding:0 22px}
.hs-b button{width:40px;height:40px;border-radius:50%;border:0;background:color-mix(in srgb,var(--ink) 9%,transparent);color:var(--ink);font-size:1.2rem;cursor:pointer}.hs-b button:hover{background:color-mix(in srgb,var(--ink) 16%,transparent)}
/* ---- ceny ---- */
.plans2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-top:56px;text-align:left}
.pl{background:var(--card);border-radius:28px;padding:40px 36px;display:flex;flex-direction:column;gap:14px;border:1px solid transparent;position:relative}
.s:not(.alt) .pl{background:var(--alt)}.pl.best{border-color:var(--accent)}
.pl h3{font-size:1.6rem;letter-spacing:-.025em}.pl .d{color:var(--muted);margin:0;font-size:1rem}
.pl .pr{font-family:var(--disp);font-size:3.4rem;font-weight:600;letter-spacing:-.05em;line-height:1}.pl .pr small{font-size:1rem;font-weight:500;letter-spacing:0;color:var(--muted);margin-left:6px}
.pl ul{list-style:none;margin:6px 0 10px;padding:0;display:grid;gap:11px}.pl li{display:flex;gap:10px;font-size:1rem}
.pl li:before{content:"";flex:none;width:18px;height:18px;margin-top:3px;background:var(--accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.500 4.500L19 7.500'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.500 4.500L19 7.500'/%3E%3C/svg%3E") center/contain no-repeat}
.pl .btn{margin-top:auto;align-self:flex-start}
.pl .badge{position:absolute;top:22px;right:24px;background:var(--accent);color:var(--on-accent);font-size:.74rem;font-weight:600;padding:4px 12px;border-radius:980px}
/* ---- uwaga / zamówienie ---- */
.order{max-width:640px;margin:0 auto;text-align:center}
.order .box{background:color-mix(in srgb,var(--tile-ink) 8%,transparent);border-radius:22px;padding:22px 26px;margin:34px 0 0;color:var(--tile-muted);font-size:.98rem;text-align:left}
.order .box b{color:var(--tile-ink)}
.faqw{max-width:760px;margin:48px auto 0}.faqw .faq{margin:0 auto;max-width:none}
/* ---- stopka ---- */
footer.gf{background:var(--alt);color:var(--muted);font-size:12px;line-height:1.5;padding:18px 0 28px}
footer.gf .in{max-width:1024px;margin:0 auto;padding:0 22px}
footer.gf .note0{padding:14px 0 16px;border-bottom:1px solid var(--line);margin-bottom:6px}
footer.gf .cols{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;padding:18px 0 14px;border-bottom:1px solid var(--line)}
footer.gf h4{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
footer.gf .cols a{display:block;color:var(--muted);padding:3px 0}footer.gf a:hover{color:var(--ink);text-decoration:underline}
footer.gf .bot{display:flex;justify-content:space-between;gap:12px 30px;flex-wrap:wrap;padding-top:14px}
footer.gf .bot a{color:var(--muted);margin-right:14px}
footer.gf .legal{margin:12px 0 0}
@media(max-width:860px){footer.gf .cols{grid-template-columns:1fr 1fr}}
/* ---- dokumenty i poradniki w układzie głównym ---- */
.pg{padding:72px 0 100px}
.ph{padding:80px 0 20px;text-align:center}
.ph h1{font-size:clamp(2.4rem,6.4vw,4.4rem);letter-spacing:-.04em;line-height:1.05}
.dlist{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:48px}
.dlist a{background:var(--alt);border-radius:24px;padding:28px;color:var(--ink);display:flex;flex-direction:column;gap:6px}.dlist a:hover{text-decoration:none;background:color-mix(in srgb,var(--alt) 70%,var(--line))}
.dlist b{font-family:var(--disp);font-size:1.3rem;letter-spacing:-.02em;font-weight:600}.dlist span{color:var(--muted);font-size:.95rem}
.crumbs{margin-bottom:22px}
.guide a{text-decoration:underline;text-underline-offset:2px}
.tag-soon{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);padding:2px 9px;border-radius:980px;margin-left:8px;vertical-align:middle}
/* ---- ruch ---- */
.js .rv{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.2,.6,.2,1),transform .9s cubic-bezier(.2,.6,.2,1)}
.js .rv.in{opacity:1;transform:none}.js .rv.d1{transition-delay:.12s}.js .rv.d2{transition-delay:.24s}.js .rv.d3{transition-delay:.36s}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}.tl .vis{transition:none}}
@media(max-width:760px){.s{padding:80px 0}.hero{padding-top:52px}.cmp thead th{font-size:1.1rem}}
@media print{.gnav,.lnav,.cta,.hs-b{display:none}.js .rv{opacity:1;transform:none}}

/* poprawki po przeglądzie wizualnym */
.s.alt .bn.dkb,.bn.dkb{background:var(--tile);color:var(--tile-ink)}.bn.dkb h3{color:var(--tile-ink)}
.cmp tfoot th{border-bottom:0}
.hs{scroll-padding:0 max(22px,calc((100vw - 1260px)/2 + 22px))}
.hero .art{padding-bottom:36px}
a.bn{text-decoration:none}a.bn:hover{text-decoration:none;transform:translateY(-3px);transition:transform .25s}
.s.alt .tblw{background:var(--card);border-radius:22px;padding:10px 22px}
.tl.gr .tag{color:#bbf7d0}
@media(max-width:760px){.hero .art{overflow:hidden;padding-bottom:20px}.hero .art svg{width:215%;max-width:none;margin-left:-57.5%}.hero .art.small svg{width:100%;margin:0}}

/* logowanie */
.gnav li.only-m{display:none}.gnav.open li.only-m{display:block}
.gnav .rt a:not(.btn){margin-right:2px}
.lgn{min-height:calc(100vh - 44px);display:flex;align-items:center;padding:56px 16px 72px;background:var(--bg)}
.lgn-in{width:100%;max-width:440px;margin:0 auto;text-align:center}
.lgn-logo{display:inline-block;font-family:var(--disp);font-weight:600;font-size:1.5rem;letter-spacing:.14em;color:var(--ink);margin-bottom:26px}.lgn-logo:hover{text-decoration:none}.lgn-logo b{color:var(--accent)}
.lgn h1{font-size:clamp(2rem,6vw,2.7rem);letter-spacing:-.035em;line-height:1.08}
.lgn-card{margin-top:30px;background:var(--alt);border-radius:26px;padding:28px;text-align:left;display:flex;flex-direction:column;gap:6px}
.lgn-card label{font-size:.82rem;font-weight:500;color:var(--muted);margin-top:8px}
.lgn-card input{font:inherit;font-size:1.05rem;min-height:50px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink)}
.lgn-card input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}
.lgn-card .btn{width:100%;margin-top:14px}.lgn-card .lgn-wf{margin-top:0;border-color:var(--line);color:var(--ink)}
.lgn-msg{margin:10px 0 0;padding:12px 14px;border-radius:12px;background:var(--warn-bg);border:1px solid var(--warn-line);font-size:.9rem;color:var(--ink)}
.lgn-or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.85rem;margin:16px 0}.lgn-or:before,.lgn-or:after{content:"";flex:1;height:1px;background:var(--line)}

.gnav .btn.sm.out{background:transparent;color:var(--accent);border-color:var(--accent);opacity:1}.gnav .btn.sm.out:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}
.gnav .rt{gap:10px}
.strefa{padding:8px 0 0;background:var(--bg)}
.strefa-in{background:var(--alt);border-radius:28px;padding:36px 40px;display:grid;grid-template-columns:1fr minmax(0,420px);gap:32px;align-items:center}
.strefa-in h2{font-size:clamp(1.6rem,3.4vw,2.3rem);letter-spacing:-.03em;line-height:1.1}
.strefa-in .lgn-card{margin:0;background:var(--bg);padding:22px}.strefa-in .lgn-card .btn{margin-top:10px}.strefa-in .lgn-or{margin:10px 0}
@media(max-width:860px){.strefa-in{grid-template-columns:1fr;padding:26px 20px;gap:20px}.strefa{padding:0 12px}}

/* ---- zamówienie (/zamow/) ---- */
.co{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:6px;position:relative}
.co-h{font-size:1.25rem;letter-spacing:-.02em;margin:30px 0 8px}
.co-svcs{display:grid;gap:10px}
.co-svc{display:block;cursor:pointer}.co-svc input{position:absolute;opacity:0;pointer-events:none}
.co-svc span{display:grid;gap:2px;padding:16px 18px;border:1.5px solid var(--line);border-radius:18px;background:var(--bg)}
.co-svc b{font-weight:600}.co-svc small{color:var(--muted)}.co-svc em{font-style:normal;color:var(--accent);font-weight:600}
.co-svc input:checked+span{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}
.co-svc input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.co label{font-size:.85rem;font-weight:500;color:var(--muted);margin-top:10px}
.co input[type=text],.co input[type=email],.co input[type=tel],.co input[type=number]{font:inherit;font-size:1.05rem;min-height:50px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink);width:100%}
.co input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}
.co-opt{margin-top:14px;padding:16px 18px;border-radius:18px;background:var(--alt)}.co-opt[hidden]{display:none}
.co-rad,.co-chk{display:flex;gap:10px;align-items:flex-start;color:var(--ink)!important;font-size:1rem!important;font-weight:400!important}
.co-rad input,.co-chk input{width:20px;height:20px;min-height:0;margin-top:3px;accent-color:var(--accent);flex:none}
.co-grid{display:grid;gap:0 16px}@media(min-width:640px){.co-grid{grid-template-columns:1fr 1fr}}
.co-err{margin:4px 0 0;color:#b42318;font-size:.85rem}.co-err[hidden]{display:none}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .co-err{color:#fda29b}}
:root[data-theme=dark] .co-err{color:#fda29b}
.co-sum{margin-top:30px;padding:24px;border-radius:24px;background:var(--alt)}.co-sum .co-h{margin-top:0}
.co-sum ul{list-style:none;margin:0;padding:0}.co-sum li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}
.co-tot{display:flex;justify-content:space-between;align-items:baseline;font-size:1.1rem;margin:14px 0}.co-tot b{font-size:1.7rem;letter-spacing:-.03em}
.co-sum .btn{width:100%}.co-sum .btn[disabled]{opacity:.5;cursor:not-allowed}
.co-f{display:flex;flex-direction:column;min-width:0}
.co-sum li b{white-space:nowrap}
/* przełącznik języka */
.lsw{position:relative;font-size:12px}
.lsw summary{display:block;font-size:12px;font-weight:500;letter-spacing:0;list-style:none;cursor:pointer;padding:4px 12px;border:1px solid var(--line);border-radius:980px;color:var(--ink);user-select:none;white-space:nowrap}
.lsw summary::-webkit-details-marker{display:none}
.lsw summary:after,details[open].lsw summary:after{content:"▾";display:inline;width:auto;height:auto;background:none;-webkit-mask:none;mask:none;transform:none;margin-left:5px;font-size:10px;opacity:.6}
.lsw[open] summary{border-color:var(--accent)}
.lsw div{position:absolute;right:0;top:calc(100% + 6px);min-width:170px;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 12px 32px rgba(0,0,0,.14);z-index:70;display:flex;flex-direction:column}
.lsw div a{display:flex;justify-content:space-between;gap:14px;padding:8px 12px;border-radius:9px;opacity:1!important;color:var(--ink);font-size:13px}
.lsw div a span{color:var(--muted);font-size:11px;letter-spacing:.06em}
.lsw div a:hover{background:var(--card);text-decoration:none}
.lsw div a[aria-current]{font-weight:600;color:var(--accent)}
:lang(ka) body,:lang(ka){letter-spacing:0}
.lsw,details.lsw{border:0;padding:0}
.co select,.co input[type=date]{font:inherit;font-size:1.05rem;min-height:50px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink);width:100%}
.co select:focus,.co input[type=date]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}
.co-sub{margin:8px 0 0;color:var(--muted);font-size:.95rem}.co-note{margin:10px 0 0;font-size:.88rem;color:var(--muted)}
.co-blk[hidden]{display:none}.co-mini{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:6px}
.co-pr{color:var(--accent);font-weight:600;white-space:nowrap}
.pk-h{margin:56px 0 18px}.pk-h h3{font-size:1.5rem;margin:0 0 4px}.pk-links{margin:28px 0 0;text-align:center}
/* kompaktowe klocki w jednym wierszu */
.tiles.row{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.tiles.row .tl{min-height:380px;padding:26px 14px 0;border-radius:22px}
.tiles.row .tl h3{font-size:1.2rem;line-height:1.15}
.tiles.row .tl .sub{font-size:.86rem;margin-top:8px;line-height:1.4}
.tiles.row .tl .links{margin-top:10px;gap:4px 12px;font-size:.86rem}
.tiles.row .tl .vis{padding-top:14px;max-width:210px}
.tiles.row .tl .tag{font-size:.66rem;margin-bottom:8px}
@media(max-width:1100px){.tiles.row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:8px}.tiles.row .tl{flex:0 0 min(260px,74vw);scroll-snap-align:start}}
.tiles.row .tl .lnk{font-size:.9rem}

.pl li.prev{color:var(--muted)}.pl li.prev:before{background:var(--muted);opacity:.6}