.status{&[data-tone=success]{--_dot:var(--color-success);--_bg:var(--color-success-soft)}&[data-tone=warning]{--_dot:var(--color-warning);--_bg:var(--color-warning-soft)}&[data-tone=error]{--_dot:var(--color-error);--_bg:var(--color-error-soft)}&[data-tone=accent]{--_dot:var(--color-accent-strong);--_bg:var(--color-accent-soft)}}.narrow{max-inline-size:44rem}.flow>input[type=hidden]:first-child+:not([type=hidden]),.flow>input[type=hidden]:first-child+input[type=hidden]+*{margin-block-start:0}.table-scroll{overscroll-behavior-x:contain;max-inline-size:100%;overflow-x:auto}.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;inline-size:100%;font-size:.9375rem;& th,& td{padding:var(--space-3);border-block-end:1px solid var(--line);text-align:start;vertical-align:top}& thead th{color:var(--text-subtle);font-size:var(--text-caption);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-weight:600}& tbody th{font-weight:600}& .num{text-align:end;white-space:nowrap}& tfoot :is(th,td){border-block-end:0;font-weight:700}& tr[aria-current]{background:var(--color-accent-soft)}&[data-dense] :is(th,td){padding:var(--space-2) var(--space-3)}}.summary{gap:var(--space-3);display:grid;&>div{gap:2px;display:grid;@media (width>=640px){gap:var(--space-4);grid-template-columns:11rem minmax(0,1fr)}}& dt{color:var(--text-muted);font-size:var(--text-small);font-weight:600}& dd{overflow-wrap:anywhere}}.interval-switch{border:0;& label{min-block-size:var(--tap);padding-inline:var(--space-4);border-radius:var(--radius-pill);color:var(--text-muted);font-size:var(--text-small);text-align:center;cursor:pointer;flex:1;justify-content:center;align-items:center;font-weight:600;display:inline-flex;position:relative}& input{opacity:0;cursor:pointer;position:absolute;inset:0}& label:has(input:checked){background:var(--color-bg);color:var(--text);box-shadow:0 1px 2px color-mix(in srgb, var(--color-ink) 10%, transparent), 0 2px 8px color-mix(in srgb, var(--color-ink) 6%, transparent)}& label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}}:where(.price-plans,.checkout):not(:has(input[name=obdobi][value=rok]:checked)) [data-interval=year],:where(.price-plans,.checkout):has(input[name=obdobi][value=rok]:checked) [data-interval=month]{display:none}@scope(.pricing-page){.pricing-intro{gap:var(--space-3);padding-block:var(--space-7) var(--space-6);text-align:center;justify-items:center;display:grid}.display{letter-spacing:-.03em;max-inline-size:18ch;font-size:clamp(2.125rem,1.2rem + 3vw,3.25rem);font-weight:800;line-height:1.06}.lead{max-inline-size:36rem;color:var(--text-muted);font-size:1.125rem}.price-plans{gap:var(--space-6);padding-block-end:var(--space-8);display:grid}.interval-switch{justify-self:center;inline-size:min(100%,26rem)}.plan-card h2{font-size:var(--text-h3);font-weight:800}.plan-card div[data-interval]{gap:var(--space-1);display:grid}.plan-card .muted{font-size:var(--text-small)}.features li[data-soon]{color:var(--text-muted);& .icon{color:var(--text-subtle)}}.beginner-strip{gap:var(--space-4);padding:var(--space-5) var(--space-6);border-radius:var(--radius-xl);background:radial-gradient(120% 140% at 100% 0%, var(--color-glow-lilac), transparent 60%), radial-gradient(120% 140% at 0% 100%, var(--color-glow-blush), transparent 60%), var(--color-canvas);align-items:center;display:grid;& h2{font-size:clamp(1.25rem,1rem + .8vw,1.5rem);font-weight:800}& p{color:var(--text-muted)}@media (width>=768px){grid-template-columns:minmax(0,1fr) auto}}.fine-print{color:var(--text-muted);font-size:var(--text-small);text-align:center}.included{gap:var(--space-3) var(--space-6);margin-block-start:var(--space-5);display:grid;@media (width>=768px){grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=1024px){grid-template-columns:repeat(3,minmax(0,1fr))}& li{align-items:center;gap:var(--space-3);font-weight:500;display:flex}& .tick{background:var(--color-accent);border-radius:50%;flex:none;place-items:center;block-size:1.75rem;inline-size:1.75rem;display:grid}}.compare{gap:var(--space-5);display:grid;& .data-table{min-inline-size:36rem}& thead th{font-size:var(--text-small);letter-spacing:0;text-transform:none;color:var(--text);font-weight:800}}}@scope(.billing){.plan-line{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.plan-name{font-size:var(--text-h2);letter-spacing:-.02em;font-weight:800;& .muted{font-size:1.0625rem;font-weight:600}}.plan-summary{gap:var(--space-4);display:grid}.grant-line{align-items:flex-start;gap:var(--space-2);display:flex;& .icon{color:var(--color-accent-strong);flex:none}}.usage{gap:var(--space-4);display:grid;@media (width>=768px){gap:var(--space-5) var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}& li{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}& .label{font-weight:600}& .value{color:var(--text-muted);font-size:var(--text-small);font-variant-numeric:tabular-nums}}.bar{grid-column:1/-1}}:where(.billing,.admin-shell) .bar{border-radius:var(--radius-pill);background:var(--color-surface);block-size:8px;display:block;overflow:hidden;& span{border-radius:inherit;background:var(--color-ink);block-size:100%;display:block}&[data-full] span{background:var(--color-error)}}.checkout-stepper{gap:var(--space-2);scrollbar-width:none;margin-block-end:var(--space-6);display:flex;overflow-x:auto;& li{align-items:center;gap:var(--space-2);min-block-size:2.5rem;padding-inline:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-muted);font-size:var(--text-small);white-space:nowrap;font-weight:600;display:inline-flex}& .dot{background:var(--color-bg);block-size:1.625rem;inline-size:1.625rem;font-size:var(--text-caption);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;display:grid}& [aria-current=step]{background:var(--color-ink);color:var(--color-bg);& .dot{color:var(--text)}}& [data-done] .dot{background:var(--color-accent)}}@scope(.checkout){:scope{max-inline-size:60rem}.interval-switch{inline-size:min(100%,26rem)}.plan-choice{gap:var(--space-4);border:0;display:grid;@media (width>=900px){grid-template-columns:repeat(3,minmax(0,1fr))}}.choice-card{align-content:start;gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-card);cursor:pointer;border:2px solid #0000;display:grid;position:relative;&>input{opacity:0;cursor:pointer;position:absolute;inset:0}&:has(input:checked){border-color:var(--color-ink)}&:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}& .choice-head{justify-content:space-between;align-items:center;font-size:1.25rem;display:flex;& .icon{visibility:hidden;background:var(--color-accent);border-radius:50%;padding:2px}}&:has(input:checked) .choice-head .icon{visibility:visible}& .price strong{letter-spacing:-.02em;font-size:1.75rem;font-weight:800}& .limits{gap:var(--space-1);color:var(--text-muted);font-size:var(--text-small);display:grid}}.discount-line{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-accent-soft);font-weight:600;display:flex;& .icon{color:var(--color-accent-strong);flex:none}}.total{justify-content:space-between;align-items:baseline;gap:var(--space-3);border-block-start:1px solid var(--line);padding-block-start:var(--space-4);font-weight:600;display:flex;& strong{font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:800}}}@scope(.payment-result){:scope{justify-items:center;gap:var(--space-4);max-inline-size:36rem;padding-block:var(--space-7);text-align:center;margin-inline:auto;display:grid}.result-icon{background:var(--surface);border-radius:50%;place-items:center;block-size:4rem;inline-size:4rem;display:grid}:scope[data-outcome=paid] .result-icon{background:var(--color-success-soft);color:var(--color-success)}:scope[data-outcome=failed] .result-icon{background:var(--color-error-soft);color:var(--color-error)}.buttons{justify-content:center}}.spinner{border:2px solid var(--line);border-block-start-color:var(--color-ink);border-radius:50%;block-size:1.5rem;inline-size:1.5rem;display:inline-block;@media (prefers-reduced-motion:no-preference){animation:.8s linear infinite spin}}@keyframes spin{to{transform:rotate(1turn)}}@scope(.code-disclosure){summary{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-3);min-block-size:var(--tap);cursor:pointer;flex-wrap:wrap;font-size:.9375rem;list-style:none;display:flex;&::-webkit-details-marker{display:none}}:scope[open] summary .text-link{display:none}.code-fields{padding-block-start:var(--space-2)}}@scope(.code-fields){.code-input{display:block;position:relative;& input{text-transform:uppercase}& .spinner{block-size:1.125rem;inline-size:1.125rem;margin-block-start:-.5625rem;position:absolute;inset-block-start:50%;inset-inline-end:var(--space-3)}}.code-result{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-accent-soft);display:flex;&>span:last-child{gap:2px;display:grid}& .meta{color:var(--text-muted);font-size:var(--text-small)}}.tile{border-radius:var(--radius-sm);background:var(--color-bg);flex:none;place-items:center;block-size:2.75rem;inline-size:2.75rem;display:grid}fieldset{border:0}legend{margin-block-end:var(--space-2);font-weight:600}}.consent-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}