/* Změnit dodavatele – design 2026. Mobile-first, bez frameworku. Písmo Inter (OFL, src/fonts, podmnožina pro češtinu). */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-cs.woff2) format("woff2");unicode-range:U+0000-00FF,U+2013-2014,U+2018-201E,U+2022,U+2026,U+20AC,U+2192,U+2212}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-cs-ext.woff2) format("woff2");unicode-range:U+010C-010F,U+011A-011B,U+0139-013A,U+013D-013E,U+0147-0148,U+0154-0155,U+0158-0161,U+0164-0165,U+016E-016F,U+017D-017E}
:root{--ink:#0a1628;--ink2:#13243d;--ink3:#1c3150;--text:#142033;--muted:#566479;--bg:#f4f6fa;--card:#fff;--line:#e2e8f0;--line2:#cfd8e3;
--acc:#1ed68a;--acc2:#45e3a3;--acc-ink:#03261a;--link:#087a50;--warn:#ffb020;--warn-bg:#fff7e6;--err:#c0262d;
--r:18px;--r-sm:12px;--sh:0 1px 2px rgba(10,22,40,.05),0 8px 24px -12px rgba(10,22,40,.14);--sh-lg:0 2px 4px rgba(10,22,40,.06),0 24px 60px -20px rgba(10,22,40,.35);
--font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ease:cubic-bezier(.2,.7,.2,1)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font:16.5px/1.6 var(--font);font-feature-settings:"cv11","calt";color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
img,svg{display:inline-block;vertical-align:middle}
.i{width:1.15em;height:1.15em;flex:none}
a[href^="tel:"]{white-space:nowrap}
a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--acc);outline-offset:2px;border-radius:6px}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
h1,h2,h3{color:var(--ink);letter-spacing:-.022em;text-wrap:balance}
h1{font-size:clamp(1.85rem,1.2rem + 2.6vw,3.1rem);line-height:1.08;font-weight:780;margin:.3rem 0 1rem}
h2{font-size:clamp(1.35rem,1.1rem + 1vw,1.9rem);line-height:1.2;font-weight:720;margin:2.6rem 0 1rem}
h3{font-size:1.08rem;line-height:1.3;font-weight:680}
p,li{text-wrap:pretty}
.muted{color:var(--muted);font-size:.9rem}
.page-h1{margin-top:2.2rem}

/* header */
.top{position:sticky;top:0;z-index:30;background:rgba(10,22,40,.86);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px}
.logo{display:inline-flex;align-items:center;gap:.55rem;font-weight:760;letter-spacing:-.02em;text-decoration:none;color:#fff;font-size:1.06rem;white-space:nowrap}
.logo-mark{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(140deg,var(--acc2),#12b873);color:var(--acc-ink);box-shadow:0 4px 14px -4px rgba(30,214,138,.6)}
.logo-mark .i{width:18px;height:18px;fill:currentColor;stroke-width:1.5}
nav{display:flex;gap:1.4rem;align-items:center}
nav a{color:rgba(255,255,255,.78);text-decoration:none;font-size:.95rem;font-weight:550;transition:color .15s}nav a:hover{color:#fff}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--acc);color:var(--acc-ink);border:1px solid transparent;border-radius:var(--r-sm);padding:.78rem 1.25rem;font:inherit;font-weight:680;font-size:1rem;line-height:1.2;cursor:pointer;text-decoration:none;margin:.25rem 0;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 6px 18px -8px rgba(30,214,138,.75);transition:transform .18s var(--ease),background .18s,box-shadow .18s}
.btn:hover{background:var(--acc2);transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 10px 24px -10px rgba(30,214,138,.9);text-decoration:none}
.btn:active{transform:translateY(0)}
.btn .i{transition:transform .18s var(--ease)}.btn:hover .i:last-child{transform:translateX(2px)}
.btn.ghost{background:#fff;color:var(--ink);border-color:var(--line2);box-shadow:var(--sh)}.btn.ghost:hover{border-color:var(--ink);background:#fff}
.btn.sm{padding:.5rem .95rem;font-size:.92rem;color:var(--acc-ink);margin:0}
nav a.btn.sm{color:var(--acc-ink)}
.btn-lg{padding:.95rem 1.4rem;font-size:1.03rem}
.btn-block{display:flex;width:100%}
.btn[disabled]{opacity:.6;cursor:wait;transform:none}

/* dark hero band (full-bleed bez přetečení) */
.band{position:relative;color:#d7e0ec;background:var(--ink);box-shadow:0 0 0 100vmax var(--ink);clip-path:inset(0 -100vmax);padding:2.2rem 0 2.6rem;margin-bottom:1rem;isolation:isolate}
.band::before{content:"";position:absolute;z-index:-1;top:-260px;right:0;width:min(780px,100%);height:780px;background:radial-gradient(closest-side,rgba(30,214,138,.22),transparent 70%);pointer-events:none}
.band::after{content:"";position:absolute;z-index:-1;left:0;bottom:-320px;width:min(640px,100%);height:640px;background:radial-gradient(closest-side,rgba(64,120,255,.18),transparent 70%);pointer-events:none}
.band h1{color:#fff}
.band a:not(.btn){color:var(--acc2)}
.band .lead-p{color:#b9c6d8}
.band .btn.ghost{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.22);box-shadow:none}.band .btn.ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4)}
.hero{padding-top:2.2rem}
.hero-grid{display:grid;gap:1.6rem;grid-template-columns:minmax(0,1fr)}
.hero-grid>*{min-width:0}
.lead-p{font-size:1.1rem;line-height:1.6;max-width:640px;margin:0 0 1.2rem}
.eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .6rem;padding:.32rem .75rem;border-radius:999px;font-size:.84rem;font-weight:620;letter-spacing:.01em;background:rgba(30,214,138,.12);color:var(--acc2);border:1px solid rgba(30,214,138,.25)}
.eyebrow.warn{background:rgba(255,176,32,.12);color:#ffc65c;border-color:rgba(255,176,32,.3)}
.crumbs{font-size:.88rem;margin:0 0 .4rem;font-weight:560}
.crumbs a::before{content:"← "}
.cta-row{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.2rem 0 0}.cta-row .btn{margin:0}

/* odpočet */
.cd{display:flex;align-items:center;gap:1rem;max-width:640px;padding:.85rem 1rem;border-radius:var(--r);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.cd-num{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:84px;padding:.5rem .6rem;border-radius:14px;background:linear-gradient(160deg,#ffc65c,var(--warn));color:#2a1a00;line-height:1;box-shadow:0 10px 24px -12px rgba(255,176,32,.8)}
.cd-num[hidden]{display:none}
.cd-k{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.8}
.cd-n{font-size:2.1rem;font-weight:800;letter-spacing:-.04em;margin:.15rem 0;font-variant-numeric:tabular-nums}
.cd-u{font-size:.8rem;font-weight:700}
.deadline{display:flex;gap:.55rem;align-items:flex-start;margin:0;font-size:1rem;line-height:1.45}
.deadline .i{margin-top:.15rem;color:var(--warn)}
.band .deadline strong{color:#fff}
.cd.on .dleft{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* fakta v hero */
.facts-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.facts-list li{background:#fff;border:1px solid var(--line);position:relative;padding:.85rem 1rem .85rem 2.7rem;border-radius:14px;font-size:.96rem;line-height:1.5}
.facts-list li::before{content:"";position:absolute;left:1rem;top:1.05rem;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--acc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2303261a' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/62% no-repeat}
.band .facts-list li{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);color:#c9d4e3}
.band .facts-list strong{color:#fff}

/* home: karta ČEZ */
.cezcard{align-self:start;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:1.3rem;box-shadow:var(--sh-lg);display:grid;gap:.9rem}
.cezcard .eyebrow{justify-self:start;margin:0}
.cezcard .cd{background:rgba(0,0,0,.18)}
.cezcard .callout{background:none;border:0;padding:0;margin:0;color:#c9d4e3;font-size:.95rem}
.cezcard .callout::before{display:none}
.cezcard .callout strong{color:#fff}
.cezcard .btn{margin:0}

/* karty */
.sec{margin-top:.5rem}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1rem}
.card{position:relative;display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.25rem 1.3rem;text-decoration:none;color:inherit;box-shadow:var(--sh);transition:transform .2s var(--ease),box-shadow .2s,border-color .2s}
.card:hover{transform:translateY(-2px);border-color:#b9e9d3;box-shadow:0 2px 4px rgba(10,22,40,.05),0 18px 40px -18px rgba(10,22,40,.28)}
.card h3{margin:.1rem 0 .35rem;color:var(--ink)}
.card p{margin:0;font-size:.94rem;color:var(--muted);line-height:1.5}
.card-ic{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e8faf2;color:#0a8a5a;margin-bottom:.8rem}
.card-ic .i{width:21px;height:21px}
.card-go{position:absolute;right:1.1rem;top:1.25rem;color:var(--muted);transition:transform .2s var(--ease),color .2s}.card:hover .card-go{transform:translateX(3px);color:var(--link)}
.split{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.split .card h3{font-size:1.2rem}

.facts{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:.4rem 1.5rem 1.2rem;margin-top:2.6rem;box-shadow:var(--sh)}
.facts h2{margin-top:1.2rem}
.checks{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}
.checks li{position:relative;padding-left:2rem}
.checks li::before,.steps li::before{content:"";position:absolute;left:0;top:.2rem;width:1.3rem;height:1.3rem;border-radius:50%;background:#e8faf2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23087a50' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/60% no-repeat}

/* formulář */
.lead,.calc,.quiz{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:1.4rem 1.25rem;margin:2.6rem 0;box-shadow:var(--sh)}
.lead{box-shadow:var(--sh-lg)}
.lead-hero{margin:0;color:var(--text);align-self:start;border:0;position:relative}
.lead-hero::before{content:"";position:absolute;inset:-1px;border-radius:25px;padding:1px;background:linear-gradient(160deg,rgba(30,214,138,.9),rgba(30,214,138,0) 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.lead-head,.sec-head{display:flex;align-items:center;gap:.75rem}
.lead-head h2,.sec-head h2{margin:0;font-size:clamp(1.2rem,1.05rem + .6vw,1.5rem)}
.lead-ic{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:var(--ink);color:var(--acc)}
.lead-ic .i{width:22px;height:22px}
.lead-sub{color:var(--muted);margin:.7rem 0 .4rem;font-size:.96rem}
.lead a:not(.btn),.quiz a:not(.btn){color:var(--link)}
form label{display:block;margin:.7rem 0;font-weight:600;font-size:.9rem;color:var(--ink)}
input:not([type=radio]):not([type=checkbox]),textarea{display:block;width:100%;margin-top:.35rem;padding:.75rem .9rem;font:inherit;font-size:16px;font-weight:450;color:var(--text);border:1px solid var(--line2);border-radius:var(--r-sm);background:#fbfcfe;min-height:50px;transition:border-color .15s,box-shadow .15s,background .15s}
input::placeholder,textarea::placeholder{color:#8a97a8}
input:not([type=radio]):not([type=checkbox]):hover,textarea:hover{border-color:#aebbcb}
input:not([type=radio]):not([type=checkbox]):focus,textarea:focus{outline:0;border-color:#12b873;background:#fff;box-shadow:0 0 0 4px rgba(30,214,138,.2)}
textarea{resize:vertical;min-height:72px}
input[type=radio],input[type=checkbox]{accent-color:#0fa968}
fieldset{border:0;padding:0;margin:1rem 0;min-width:0}legend{font-weight:680;margin-bottom:.45rem;color:var(--ink);font-size:.95rem;padding:0}
label.ch{display:inline-flex;gap:.5rem;align-items:flex-start;font-weight:450;margin:.25rem .4rem .25rem 0;font-size:.95rem;color:var(--text)}
label.ch input{margin:.2rem 0 0;width:18px;height:18px;flex:none}
/* volby jako „chipy“ */
.chips label.ch,.quiz label.ch{align-items:center;padding:.6rem .9rem;border:1px solid var(--line2);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;min-height:46px}
.chips label.ch input,.quiz label.ch input{margin:0}
.chips label.ch:hover,.quiz label.ch:hover{border-color:#8fdcb9}
.chips label.ch:has(input:checked),.quiz label.ch:has(input:checked){border-color:#12b873;background:#ebfbf3;box-shadow:0 0 0 3px rgba(30,214,138,.16)}
.chips label.ch:has(input:focus-visible),.quiz label.ch:has(input:focus-visible){outline:3px solid var(--acc);outline-offset:2px}
label.gdpr{display:flex;flex-wrap:wrap;font-size:.84rem;line-height:1.5;color:var(--muted);margin:1rem 0}
label.gdpr>span{flex:1 1 0;min-width:0}label.gdpr .err{flex-basis:100%}
.grid2,.grid3{display:grid;gap:0 1rem;grid-template-columns:minmax(0,1fr)}
@media(min-width:641px){.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr 1fr}}
.lead .btn[type=submit]{width:100%;margin-top:.2rem}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.err{color:var(--err);font-size:.86rem;font-weight:620;margin:.3rem 0}
.status{font-weight:600;margin-top:.4rem}.status:empty{display:none}.status .ok{color:var(--link);font-weight:700}
.reassure{display:flex;gap:.5rem;align-items:flex-start;margin:.9rem 0 0}.reassure .i{margin-top:.2rem;color:#0a8a5a}

/* kvíz */
.quiz fieldset{margin:1.2rem 0}
.quiz fieldset:not(:has(.grid3)){display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:.5rem}
.quiz fieldset label.ch{margin:0}
.quizres{margin-top:1.2rem;padding:1.1rem 1.2rem;border-radius:16px;background:linear-gradient(180deg,#effcf6,#e6f8ef);border:1px solid #c7efdc}
.quizres h3{margin-top:0;font-size:1.2rem}

/* důvěra */
.trust{margin:2.4rem 0}
.trust ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:.75rem}
.trust li{display:flex;gap:.8rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:.9rem 1rem;font-size:.92rem;color:var(--muted);box-shadow:var(--sh);line-height:1.35}
.trust li>.i{width:40px;height:40px;padding:9px;border-radius:12px;background:#e8faf2;color:#0a8a5a;flex:none}
.trust li strong{display:block;color:var(--ink);font-size:.98rem}
.trust-note{margin-top:1rem}

/* FAQ */
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0;margin:.55rem 0;box-shadow:0 1px 2px rgba(10,22,40,.04);transition:border-color .15s}
.faq details[open]{border-color:#b9e9d3}
.faq summary{list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center;font-weight:650;color:var(--ink);cursor:pointer;padding:1rem 1.15rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:#f0f3f7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a1628' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/55% no-repeat;transition:transform .2s var(--ease)}
.faq details[open] summary::after{transform:rotate(180deg)}
.faq details p{margin:0;padding:0 1.15rem 1.1rem;color:#3a4759}
.more a{display:inline-flex;gap:.5rem;align-items:center;font-weight:620}

/* články, tabulky, výsledky */
.art{background:#fff;border:1px solid var(--line);border-radius:24px;padding:1.4rem 1.25rem 1.6rem;margin-top:1.8rem;box-shadow:var(--sh)}
article.art{max-width:860px;margin-left:auto;margin-right:auto}
.art h1{font-size:clamp(1.7rem,1.2rem + 2vw,2.5rem)}
.art h2:first-child{margin-top:.4rem}
.art h2{font-size:clamp(1.2rem,1.05rem + .6vw,1.5rem);margin-top:2rem}
.art p,.art li{color:#2b3647}
.art li{margin:.3rem 0}
.result{margin-top:1rem}
.result table,.art table{border-collapse:separate;border-spacing:0;width:100%;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:.94rem}
.result td,.result th,.art td,.art th{border-bottom:1px solid var(--line);padding:.65rem .8rem;text-align:left;vertical-align:top}
.art th,.result th{background:#f4f7fa;color:var(--ink);font-weight:650}
.art tr:last-child td,.result tr:last-child td{border-bottom:0}
.big{font-size:1.4rem;font-weight:780;color:#087a50;letter-spacing:-.02em}
.src{border-top:1px solid var(--line);margin-top:2.2rem;font-size:.92rem}.src h2{font-size:1.15rem}.src li{margin:.25rem 0}
.callout{position:relative;background:var(--warn-bg);border:1px solid #f5d697;border-radius:16px;padding:.95rem 1.1rem .95rem 3rem;margin:1.2rem 0;font-size:.96rem;line-height:1.55}
.callout::before{content:"";position:absolute;left:1rem;top:1.05rem;width:1.3rem;height:1.3rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b26b00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E") center/contain no-repeat}

/* děkujeme */
.thanks{text-align:left;padding-top:2.6rem}
.okmark{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(140deg,var(--acc2),#12b873);color:var(--acc-ink);box-shadow:0 14px 30px -12px rgba(30,214,138,.8);margin-bottom:.4rem;animation:pop .5s var(--ease) both}
.okmark .i{width:32px;height:32px;stroke-width:3}
@keyframes pop{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
.hero.thanks{padding-bottom:.5rem}
.callme{display:flex;gap:.55rem;align-items:flex-start}.callme .i{margin-top:.25rem;color:#0a8a5a}
.steps{list-style:none;counter-reset:s;padding:0;display:grid;gap:.8rem}
.steps li{position:relative;padding-left:2.6rem;counter-increment:s}
.steps li::before{content:counter(s);background:var(--ink);color:var(--acc);font-weight:750;font-size:.85rem;display:grid;place-items:center;width:1.8rem;height:1.8rem;top:0}

/* patička */
footer{margin-top:4rem;background:var(--ink);color:#9fb0c6;padding:2.2rem 0 2rem;font-size:.88rem;line-height:1.6}
footer a{color:#d7e0ec}footer strong{color:#fff}
.f-brand{display:flex;gap:.8rem;align-items:flex-start;margin-top:0}.f-brand .logo-mark{flex:none}
.f-links{border-top:1px solid rgba(255,255,255,.08);padding-top:1rem;margin-bottom:0}

/* cookie lišta */
#cookiebar{position:fixed;left:.75rem;right:.75rem;bottom:.75rem;z-index:60;max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px -16px rgba(10,22,40,.45);padding:1rem 1.1rem;font-size:.9rem;animation:up .35s var(--ease) both}
@keyframes up{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
#cookiebar p{margin:.1rem 0 .7rem}#cookiebar .cb-btns{display:flex;gap:.5rem;flex-wrap:wrap}#cookiebar .btn{padding:.6rem 1.05rem;margin:0;font-size:.93rem}
#cookiebar .cb-opts{margin-bottom:.5rem}
#cookiebar[hidden]{display:none}
body:has(#cookiebar:not([hidden])) .mbar{display:none}

/* spodní lišta na mobilu */
.mbar{display:none}
@media(max-width:640px){
 .mbar{display:flex;gap:.5rem;position:fixed;left:.6rem;right:.6rem;bottom:calc(.6rem + env(safe-area-inset-bottom));z-index:40;padding:.45rem;border-radius:18px;background:rgba(10,22,40,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 40px -12px rgba(10,22,40,.55);border:1px solid rgba(255,255,255,.08)}
 .mbar .btn{flex:1;margin:0;padding:.75rem .5rem;box-shadow:none}
 .mbar .btn.ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.18)}
 body:has(.mbar) footer{padding-bottom:6.5rem}
 .wrap{padding:0 16px}
 .top .wrap{min-height:58px;gap:.6rem}
 nav{gap:.9rem}nav a{white-space:nowrap;font-size:.9rem}
 .logo{font-size:.98rem}.logo-mark{width:28px;height:28px;border-radius:9px}
 .band{padding:1.4rem 0 2rem}
 .hero h1{font-size:1.72rem;line-height:1.12;margin-bottom:.7rem}
 .lead-p{font-size:1rem;margin-bottom:1rem}
 .cta-row .btn{flex:1 1 auto}
 .hero-grid .cta-row .btn.ghost[href="#poptavka"]{display:none}
 .lead,.calc,.quiz,.art{border-radius:20px;padding:1.15rem 1rem}
 .cd{padding:.7rem .8rem;gap:.8rem}.cd-num{min-width:70px}.cd-n{font-size:1.8rem}.deadline{font-size:.95rem}
 .art table{display:block;overflow-x:auto}
 .trust ul{grid-template-columns:1fr 1fr;gap:.6rem}.trust li{flex-direction:column;align-items:flex-start;gap:.55rem;padding:.85rem .9rem}
}
@media(max-width:480px){nav a.nav-x{display:none}.top .btn.sm{padding:.45rem .8rem}
 body:not(:has(.mbar)) .top .btn.sm{display:none}
 body:not(:has(.mbar)) nav a:first-child{padding:.42rem .8rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);color:#fff}
 body:has(.mbar) nav a:first-child{display:none}}
@media(max-width:360px){.logo{font-size:.9rem}nav{gap:.6rem}}
@media(min-width:960px){
 .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-areas:"intro form" "facts form";column-gap:3.5rem;row-gap:1.8rem;align-items:start}
 .hero-intro{grid-area:intro;padding-top:1rem}
 .lead-hero{grid-area:form;padding:1.7rem 1.7rem 1.5rem;position:sticky;top:84px}
 .hero-facts{grid-area:facts}
 .home-grid{grid-template-areas:"intro form";align-items:center}
 .home-grid .cezcard{grid-area:form;padding:1.6rem}
 .band{padding:3.2rem 0 3.6rem}
 .lead,.calc,.quiz,.art{padding:1.8rem 2rem}
}