:root{--bg:#f6f5f1;--surface:#ffffff;--surface-2:#f0efe9;--text:#17201c;--muted:#5b6660;--border:#e4e2da;--brand:#0f7a55;--brand-strong:#0a5e41;--brand-soft:#e3f3ea;--brand-ink:#ffffff;--accent:#ff6b3d;--accent-strong:#e8552a;--accent-soft:#fff0ea;--warn-bg:#fff6df;--warn-ink:#7a5100;--danger:#c4321b;--danger-soft:#fdecea;--info-soft:#eaf1fb;--info-ink:#1f4f8f;--shadow-sm:0 1px 2px rgb(20 30 25/.06);--shadow:0 1px 2px rgb(20 30 25/.05),0 8px 24px rgb(20 30 25/.07);--shadow-lg:0 2px 4px rgb(20 30 25/.05),0 18px 48px rgb(20 30 25/.12);--radius-sm:10px;--radius:16px;--radius-lg:24px;--font:var(--font-sans),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0f1412;--surface:#171e1b;--surface-2:#1e2723;--text:#eef3f0;--muted:#a3b0a9;--border:#2a3530;--brand:#35c48e;--brand-strong:#5bd6a6;--brand-soft:#173329;--brand-ink:#062016;--accent:#ff7d55;--accent-strong:#ff9675;--accent-soft:#3a221a;--warn-bg:#362a0e;--warn-ink:#ffd88a;--danger:#ff7b6b;--danger-soft:#3a1c18;--info-soft:#172537;--info-ink:#9cc3ff;--shadow-sm:none;--shadow:0 0 0 1px var(--border);--shadow-lg:0 0 0 1px var(--border),0 18px 48px rgb(0 0 0/.4)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}a{color:var(--brand);text-underline-offset:3px}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}h1,h2,h3{line-height:1.15;letter-spacing:-.02em;margin:0 0 .5em}h1{font-size:clamp(1.9rem,5.5vw,3.1rem)}h1,h2{font-weight:800}h2{font-size:clamp(1.35rem,3.2vw,1.8rem)}h3{font-size:1.1rem;font-weight:700}p{margin:0 0 1em}.container{width:100%;max-width:1140px;margin:0 auto;padding:0 16px}@media (min-width:720px){.container{padding:0 24px}}.muted{color:var(--muted)}.small{font-size:.875rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.stack>*+*{margin-top:16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spacer{flex:1 1}.demo-banner{background:var(--warn-bg);color:var(--warn-ink);font-size:.85rem;font-weight:600;padding:8px 16px;text-align:center}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--border)}.site-header .container{display:flex;align-items:center;gap:12px;height:64px}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.2rem;color:var(--text);text-decoration:none;letter-spacing:-.02em}.logo-mark{width:34px;height:34px;border-radius:10px;background:var(--brand);display:grid;place-items:center;color:var(--brand-ink)}.logo .tld{color:var(--brand)}.nav{display:flex;align-items:center;gap:4px;margin-left:auto}.nav a.navlink{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--muted);text-decoration:none;font-weight:600;font-size:.95rem;padding:10px 12px;border-radius:10px}.nav a.navlink:hover{color:var(--text);background:var(--surface-2)}@media (max-width:640px){.nav .hide-sm{display:none!important}.logo{font-size:1.08rem}.logo-mark{width:30px;height:30px}}.btn{--b:var(--brand);--i:var(--brand-ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:999px;border:0;background:var(--b);color:var(--i);font:inherit;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .12s ease,background .15s ease,box-shadow .15s ease;box-shadow:var(--shadow-sm)}.btn:hover{background:var(--brand-strong)}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.accent{--b:var(--accent);--i:#fff}.btn.accent:hover{background:var(--accent-strong)}.btn.ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1.5px var(--border)}.btn.ghost:hover{background:var(--surface-2)}.btn.sm{min-height:40px;padding:8px 16px;font-size:.92rem}.btn.block{width:100%}.btn.lg{min-height:56px;font-size:1.05rem;padding:14px 28px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}@media (min-width:720px){.card{padding:24px}}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:700;background:var(--surface-2);color:var(--muted);white-space:nowrap}.pill.brand{background:var(--brand-soft);color:var(--brand-strong)}.pill.accent{background:var(--accent-soft);color:var(--accent-strong)}.pill.warn{background:var(--warn-bg);color:var(--warn-ink)}.pill.danger{background:var(--danger-soft);color:var(--danger)}.pill.info{background:var(--info-soft);color:var(--info-ink)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}.dot.live{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.dot.live{animation:none}html{scroll-behavior:auto}}.hero{padding:40px 0 24px}@media (min-width:900px){.hero{padding:72px 0 40px}}.hero-grid{display:grid;grid-gap:32px;gap:32px;align-items:center}@media (min-width:900px){.hero-grid{grid-template-columns:1.15fr .85fr}}.hero h1 .hl{color:var(--brand)}.hero .lead{font-size:clamp(1.05rem,2.2vw,1.25rem);color:var(--muted);max-width:560px}.hero-cta{gap:12px;margin:24px 0 20px}.hero-cta,.trust{display:flex;flex-wrap:wrap}.trust{gap:8px 18px;color:var(--muted);font-size:.92rem;font-weight:600}.trust span{display:inline-flex;align-items:center;gap:6px}.trust svg{color:var(--brand);flex:none}.hero-visual{position:relative}.demo-ladder{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:24px}.demo-ladder .bars{display:flex;align-items:flex-end;gap:10px;height:170px;margin:16px 0 8px}.demo-ladder .bar{flex:1 1;border-radius:12px 12px 6px 6px;background:var(--surface-2);position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;font-weight:800;font-size:.9rem;color:var(--muted)}.demo-ladder .bar.on{background:linear-gradient(180deg,var(--brand),var(--brand-strong));color:var(--brand-ink)}.demo-ladder .labels{display:flex;gap:10px}.demo-ladder .labels span{flex:1 1;text-align:center;font-size:.78rem;color:var(--muted)}.steps{display:grid;grid-gap:14px;gap:14px;counter-reset:s}@media (min-width:760px){.steps{grid-template-columns:repeat(3,1fr)}}.step{background:var(--surface);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.step .num{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:800;background:var(--brand-soft);color:var(--brand-strong);margin-bottom:12px}.step p{color:var(--muted);margin:0}.section{padding:32px 0}@media (min-width:900px){.section{padding:48px 0}}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.section-head h2{margin:0}.grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:1fr}@media (min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}.ccard{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease}.ccard:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.ccard .body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1 1}.ccard h3{margin:0;font-size:1.08rem}.visual{position:relative;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden}.visual img{width:100%;height:100%;object-fit:cover}.visual .emoji{font-size:clamp(3.4rem,9vw,4.6rem);filter:drop-shadow(0 8px 14px rgb(0 0 0/.18))}.visual .badges{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:8px}.visual .pill{background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text)}.visual.v-elektronika{background:linear-gradient(135deg,#d9ecff,#c6e4f5 50%,#e7e0ff)}.visual.v-domacnost{background:linear-gradient(135deg,#ffe7d6,#ffd9c4 50%,#fff1d6)}.visual.v-sport{background:linear-gradient(135deg,#d8f3e3,#c7ecd8 50%,#eaf6cf)}.visual.v-default{background:linear-gradient(135deg,#ece8ff,#e2e9f7 50%,#f3e9ff)}@media (prefers-color-scheme:dark){.visual.v-elektronika{background:linear-gradient(135deg,#18293b,#1d3346)}.visual.v-domacnost{background:linear-gradient(135deg,#3a2519,#33241a)}.visual.v-sport{background:linear-gradient(135deg,#16301f,#1b3424)}.visual.v-default{background:linear-gradient(135deg,#241f3a,#1e2638)}}.price-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.price-now{font-size:1.7rem;font-weight:800;letter-spacing:-.02em}.price-old{color:var(--muted);text-decoration:line-through;font-weight:600}.price-note{font-size:.8rem;color:var(--muted);width:100%;margin-top:-6px}.progress{position:relative;height:12px;background:var(--surface-2);border-radius:999px;overflow:visible}.progress .fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,var(--brand),color-mix(in srgb,var(--brand) 70%,var(--accent)));transition:width .6s ease}.progress .tick{position:absolute;top:-3px;width:3px;height:18px;border-radius:2px;background:var(--border);transform:translateX(-50%)}.progress .tick.reached{background:var(--brand-strong)}.progress-meta{display:flex;justify-content:space-between;gap:8px;font-size:.86rem;color:var(--muted)}.progress-meta b{color:var(--text)}.nudge{display:block;font-size:.92rem;line-height:1.45;padding:10px 12px;border-radius:12px;background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.nudge.done{background:var(--brand-soft);color:var(--brand-strong)}.crumbs{font-size:.9rem;margin:16px 0}.crumbs a{color:var(--muted);text-decoration:none}.detail{display:grid;grid-gap:20px;gap:20px;padding-bottom:110px}@media (min-width:960px){.detail{grid-template-columns:minmax(0,1fr) 380px;align-items:start;padding-bottom:40px}}.detail .visual{border-radius:var(--radius);aspect-ratio:16/9}.buybox{position:-webkit-sticky;position:sticky;top:84px}.buybox .price-now{font-size:2.3rem}.kv{display:grid;grid-template-columns:auto 1fr;grid-gap:10px 14px;gap:10px 14px;margin:0;font-size:.95rem}.kv dt{color:var(--muted);display:flex;gap:8px;align-items:center}.kv dd{margin:0;font-weight:600}.counters{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:10px;gap:10px}.counter{border-radius:14px;padding:14px;background:var(--surface-2)}.counter b{display:block;font-size:1.6rem;line-height:1.1;letter-spacing:-.02em}.counter span{font-size:.84rem;color:var(--muted)}.counter.primary{background:var(--brand-soft)}.counter.primary b{color:var(--brand-strong)}.stairs{display:flex;align-items:flex-end;gap:8px;height:190px;margin:8px 0 4px}.stair{flex:1 1;min-width:0;border-radius:12px 12px 6px 6px;background:var(--surface-2);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:10px 4px;text-align:center;position:relative}.stair .p{font-weight:800;font-size:clamp(.82rem,2.4vw,1.05rem)}.stair .u{font-size:.74rem;color:var(--muted);margin-top:2px}.stair.reached{background:color-mix(in srgb,var(--brand) 22%,var(--surface-2))}.stair.current{background:linear-gradient(180deg,var(--brand),var(--brand-strong));color:var(--brand-ink);box-shadow:0 10px 24px color-mix(in srgb,var(--brand) 35%,transparent)}.stair.current .u{color:color-mix(in srgb,var(--brand-ink) 80%,transparent)}.stair.locked{opacity:.55}.stair .here{position:absolute;top:-30px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.72rem;font-weight:800;background:var(--accent);color:#fff;padding:3px 8px;border-radius:999px}details.acc{border-top:1px solid var(--border)}details.acc:last-child{border-bottom:1px solid var(--border)}details.acc summary{list-style:none;cursor:pointer;padding:16px 0;font-weight:700;display:flex;align-items:center;gap:10px;min-height:52px}details.acc summary::-webkit-details-marker{display:none}details.acc summary:after{content:"";margin-left:auto;width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s}details.acc[open] summary:after{transform:rotate(-135deg)}details.acc .acc-body{padding:0 0 18px;color:var(--muted)}.buybar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -8px 24px rgb(0 0 0/.08);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px}.buybar .price-now{font-size:1.35rem}@media (min-width:960px){.buybar{display:none}}label.field{display:block;font-weight:700;font-size:.92rem;margin:14px 0 6px}.input,select.input{width:100%;min-height:50px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font:inherit;transition:border-color .15s,box-shadow .15s}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 18%,transparent)}.hint{font-size:.84rem;color:var(--muted);margin-top:6px}.check{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:12px;background:var(--surface-2);cursor:pointer;font-size:.94rem;margin-top:10px}.check input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--brand);flex:none}.alert{padding:12px 14px;border-radius:12px;font-weight:600;font-size:.94rem}.alert.error{background:var(--danger-soft);color:var(--danger)}.alert.warn{background:var(--warn-bg);color:var(--warn-ink)}.alert.ok{background:var(--brand-soft);color:var(--brand-strong)}.qty{display:inline-flex;align-items:center;border:1.5px solid var(--border);border-radius:999px;overflow:hidden;background:var(--surface)}.qty button{width:48px;height:48px;border:0;background:transparent;color:var(--text);font-size:1.4rem;font-weight:700;cursor:pointer}.qty button:disabled{opacity:.3;cursor:not-allowed}.qty output{min-width:48px;text-align:center;font-weight:800;font-size:1.15rem}.choice{display:grid;grid-gap:8px;gap:8px}.choice label{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1.5px solid var(--border);border-radius:12px;cursor:pointer}.choice label:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}.choice input{accent-color:var(--brand);width:18px;height:18px}.stepper{display:flex;gap:8px;margin:8px 0 20px}.stepper .st{flex:1 1;display:flex;flex-direction:column;gap:6px;font-size:.8rem;font-weight:700;color:var(--muted)}.stepper .st:before{content:"";height:5px;border-radius:999px;background:var(--surface-2)}.stepper .st.on{color:var(--text)}.stepper .st.on:before{background:var(--brand)}.checkout{display:grid;grid-gap:20px;gap:20px}@media (min-width:900px){.checkout{grid-template-columns:minmax(0,1fr) 380px;align-items:start}}.summary{position:-webkit-sticky;position:sticky;top:84px}.summary .total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px dashed var(--border);padding-top:14px;margin-top:14px}.summary .total b{font-size:1.7rem;letter-spacing:-.02em}.line{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:.95rem}.line span:first-child{color:var(--muted)}.auth-wrap{min-height:calc(100vh - 220px);display:grid;place-items:center;padding:24px 0 48px}.auth-card{width:100%;max-width:440px}.success{text-align:center;padding:32px 20px}.success .big{width:72px;height:72px;border-radius:50%;background:var(--brand-soft);color:var(--brand-strong);display:grid;place-items:center;margin:0 auto 16px}.tabs{display:inline-flex;padding:4px;border-radius:999px;background:var(--surface-2);gap:4px;margin-bottom:18px}.tabs button{border:0;background:transparent;font:inherit;font-weight:700;color:var(--muted);padding:10px 18px;border-radius:999px;cursor:pointer;min-height:44px}.tabs button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.list{grid-gap:12px;gap:12px}.item,.list{display:grid}.item{grid-template-columns:56px 1fr;grid-gap:14px;gap:14px;align-items:start}.item .thumb{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;font-size:1.7rem}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.empty .e{font-size:2.6rem;margin-bottom:8px}.faq{max-width:820px}footer.site{border-top:1px solid var(--border);padding:32px 0 calc(32px + env(safe-area-inset-bottom));color:var(--muted);font-size:.9rem;margin-top:32px}footer.site .cols{display:grid;grid-gap:18px;gap:18px}@media (min-width:760px){footer.site .cols{grid-template-columns:1.4fr 1fr}}footer.site a{color:var(--muted)}.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--surface),var(--surface-2));background-size:200% 100%;animation:sk 1.2s infinite;border-radius:12px}@keyframes sk{to{background-position:-200% 0}}.container.section{padding-left:16px;padding-right:16px}@media (min-width:720px){.container.section{padding-left:24px;padding-right:24px}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_65423c{font-family:Inter,Inter Fallback;font-style:normal}.__variable_65423c{--font-sans:"Inter","Inter Fallback"}