.seo-reference{--color-accent:#366fc3;--color-accent-2:#6656b9;--color-accent-900:#eef2fc;--color-accent-800:#dce5f7;--color-accent-700:#a9bce4;--color-accent-600:#7195d5;--color-accent-500:#4775c5;--color-accent-400:#366fc3;--color-accent-300:#315fb0;--color-accent-200:#284879;--color-accent-100:#202d46;--color-brand:#293342;--color-brand-700:#4778bc;--color-brand-800:#dfe6ed;--color-brand-900:#eef2f6}
.seo-reference .btn-primary{background:linear-gradient(110deg,#3268c6,#4d5ac1 75%,#6660b7)!important}
.seo-reference #kupony{isolation:isolate;background:radial-gradient(ellipse at 92% 0,#586c9c35,transparent 65%),linear-gradient(125deg,#1c2435,#302a46)!important}
#kupony .coupon-lightscape{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.coupon-lightscape i{position:absolute;display:block;pointer-events:none}
.coupon-lightscape .coupon-ribbon{width:950px;height:150px;border-radius:50%;border-top:1px solid #cedcff40;background:linear-gradient(180deg,#b6c8fb12,transparent 75%);box-shadow:0 -15px 60px #8cabe30c;transform:rotate(-28deg);animation:coupon-drift 22s ease-in-out infinite alternate}
.coupon-lightscape .ribbon-one{right:-240px;top:30px}
.coupon-lightscape .ribbon-two{left:-450px;bottom:-25px;transform:rotate(-22deg);opacity:.65;animation-direction:alternate-reverse}
.coupon-lightscape .coupon-glow{width:520px;height:350px;right:-200px;top:-200px;border-radius:50%;background:radial-gradient(ellipse,#b5a2e72b,transparent 70%);filter:blur(35px)}
.seo-reference #kupony h2{background-image:linear-gradient(100deg,#b7d0ff,#d3b7f4 65%,#ebbfda);background-clip:text;-webkit-text-fill-color:transparent}
@keyframes coupon-drift{to{translate:20px -15px}}
@media(max-width:700px){.coupon-lightscape .coupon-ribbon{width:550px;animation:none}.coupon-lightscape .ribbon-two{left:-420px}.coupon-lightscape .coupon-glow{filter:none}}
@media(prefers-reduced-motion:reduce){.coupon-lightscape .coupon-ribbon{animation:none}}
@media(forced-colors:active){#kupony .coupon-lightscape{display:none}}
.seo-hero-facts{display:grid;grid-template-columns:.95fr .9fr 1.25fr;gap:0;margin-top:22px;padding:16px 6px;border:1px solid #dfe5eb;border-radius:22px;background:linear-gradient(120deg,#fff,#f2f5f8);box-shadow:inset 0 1px 0 #fff,0 8px 24px #0c343d12}
.seo-hero-facts>div{display:flex;flex-direction:column;gap:5px;padding:0 14px;min-width:0}
.seo-hero-facts>div+div{border-left:1px solid #dce2ec}
.seo-hero-facts span{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;font-weight:600;letter-spacing:-.35px;white-space:nowrap;color:#40546c}
.seo-hero-facts b{font-size:30px;font-weight:600;line-height:1;margin-right:3px}
.seo-hero-facts small{font-size:12px;line-height:1.35;color:var(--color-text);opacity:.7}
html[data-theme=dark] .seo-hero-facts{background:linear-gradient(135deg,#202630,#242b38);border-color:#343c4b;box-shadow:0 6px 20px #00000016}
html[data-theme=dark] .seo-hero-facts span{color:#b9c7de}
html[data-theme=dark] .seo-hero-facts>div+div{border-color:#394356}
@media(max-width:480px){.seo-hero-facts{padding:14px 2px;border-radius:18px}.seo-hero-facts>div{padding:0 8px}.seo-hero-facts span{font-size:13px}.seo-hero-facts b{font-size:24px}.seo-hero-facts small{font-size:11px}}
.seo-reference #kviz .g-quiz>div:first-child,.seo-reference .dialog>div:first-child{background:radial-gradient(ellipse at top right,#7251a344,transparent 70%),linear-gradient(135deg,#1f253d,#2b2543)!important}
.seo-reference #stats-showcase{position:relative;isolation:isolate;overflow:hidden;padding:38px 0;background:#202a3c!important;color:#fff}
#stats-showcase .stats-panorama{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;z-index:-2}
#stats-showcase .stats-panorama-night{display:none}
#stats-showcase .stats-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#1d2b425e,#19283b30);pointer-events:none}
#stats-showcase .stats-wrap{max-width:1200px;padding:0 32px;margin:auto}
#stats-showcase .stats-panel{padding:26px 28px 28px;border:1px solid #ffffff65;border-radius:28px;background:linear-gradient(125deg,#ffffff30,#ffffff10);backdrop-filter:blur(14px) saturate(125%);box-shadow:inset 0 1px 0 #ffffff33,0 16px 40px #07132124}
#stats-showcase .stats-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#e0e9f5}
#stats-showcase .stats-heading h2{margin:10px 0 26px;background:linear-gradient(100deg,#b4d1ff,#dac7ff 60%,#ffc3e3);background-clip:text;-webkit-text-fill-color:transparent;font-size:30px!important}
#stats-showcase #stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding-top:26px;border-top:1px solid #ffffff30}
#stats-showcase .stats-item{padding:0 24px}
#stats-showcase .stats-item:first-child{padding-left:0}
#stats-showcase .stats-item+.stats-item{border-left:1px solid #ffffff30}
#stats-showcase .stat-n{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(40px,4.3vw,62px);font-weight:500;letter-spacing:-.045em;line-height:1.05;margin:0 0 12px;color:#fff;white-space:nowrap}
#stats-showcase .stat-l{font-size:14px;line-height:1.45;letter-spacing:0;text-transform:none;margin:0;color:#f0f3fa}
html[data-theme=dark] #stats-showcase .stats-panorama-day{display:none}
html[data-theme=dark] #stats-showcase .stats-panorama-night{display:block}
html[data-theme=dark] #stats-showcase .stats-panel{background:#19223588;border-color:#8799bd44;box-shadow:0 16px 40px #0002}
html[data-theme=dark] .seo-reference .card{background-color:#222936;border-color:#3c4659}
@media(max-width:900px){#stats-showcase .stats-wrap{padding:0 20px}#stats-showcase #stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 0}#stats-showcase .stats-item{padding:0 20px}#stats-showcase .stats-item:nth-child(odd){border-left:0;padding-left:0}#stats-showcase .stat-n{font-size:42px}}
@media(max-width:480px){#stats-showcase .stats-panel{padding:22px 20px;border-radius:22px}#stats-showcase .stats-heading h2{font-size:26px!important}#stats-showcase .stat-n{font-size:34px}#stats-showcase .stat-l{font-size:12px}#stats-showcase .stats-item{padding-right:0;padding-left:16px}}

/* Home-page glass: transparent tint with only 2px blur. */
.seo-reference #stats-showcase .stats-shade{background:linear-gradient(105deg,rgba(4,24,32,.26),rgba(4,24,32,.08))}
.seo-reference #stats-showcase .stats-panel{padding:0;border:1px solid rgba(255,255,255,.5);border-radius:26px;overflow:hidden;background:linear-gradient(120deg,rgba(8,28,35,.24),rgba(8,28,35,.10));backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 28px rgba(0,17,23,.10)}
.seo-reference #stats-showcase .stats-heading{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0 28px;padding:22px 0 20px;border-bottom:1px solid rgba(255,255,255,.28);text-shadow:0 1px 8px rgba(0,15,20,.5)}
.seo-reference #stats-showcase .stats-heading h2{margin:0}
.seo-reference #stats-showcase #stats-grid{padding:22px 0 26px;border:0;background:transparent;backdrop-filter:none}
.seo-reference #stats-showcase .stats-item{padding:0 28px}
.seo-reference #stats-showcase :is(.stat-n,.stat-l){text-shadow:0 1px 6px rgba(0,15,20,.65)}
html[data-theme=dark] .seo-reference #stats-showcase .stats-panel{background:linear-gradient(110deg,#1017278c,#111a2926);border-color:#66758c40;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);box-shadow:none}
html[data-theme=dark] .seo-reference #stats-showcase .stats-shade{background:linear-gradient(90deg,#09101d40,transparent)}
@media(max-width:700px){.seo-reference #stats-showcase .stats-panel{border-radius:22px}.seo-reference #stats-showcase .stats-heading{margin:0 22px;padding:20px 0}.seo-reference #stats-showcase #stats-grid{padding:22px 0}.seo-reference #stats-showcase .stats-item{padding:0 20px}}
/* SEO sidebar follows the home calculator, without simulated audit results. */
#seo-hero{box-sizing:border-box}
#seo-hero .seo-hero-audit{box-sizing:border-box;padding:16px!important;gap:9px!important;border-radius:24px;display:flex;flex-direction:column;min-width:0;background:linear-gradient(135deg,var(--color-surface),color-mix(in srgb,var(--color-surface) 92%,#8096b8));border:1px solid var(--color-divider)}
.seo-hero-audit .card-kicker{font-size:18px;font-weight:600;letter-spacing:-.025em;color:var(--color-brand-300)}
.seo-audit-intro,.seo-audit-note{font-size:12px;line-height:1.5;margin:0;opacity:.65}

.seo-audit-result{margin-top:auto;padding:14px;border:1px solid var(--color-divider);border-radius:14px;background:color-mix(in srgb,var(--color-surface) 82%,transparent)}
.seo-audit-result>span{font-size:11px;color:var(--color-brand-300)}
.seo-audit-result strong{display:block;font-size:20px;letter-spacing:-.025em;margin:5px 0}
.seo-audit-result p{font-size:12px;line-height:1.5;margin:0 0 12px;opacity:.75}
.seo-audit-result>div{display:flex;justify-content:space-between;gap:6px;font-size:10px;color:var(--color-brand-300)}
.seo-hero-audit>.btn{min-height:46px;flex-shrink:0}
@media(min-width:1000px){#seo-hero{min-height:699px}#seo-hero .seo-hero-audit{min-height:651px}}
#seo-hero .seo-hero-audit>.seo-audit-intro{font-size:12px!important;line-height:1.5!important}
#seo-hero .seo-hero-audit>.seo-audit-note{font-size:11px!important;line-height:1.4!important}
#seo-hero .seo-hero-audit .card-kicker{text-transform:none;letter-spacing:-.025em;font-size:18px}
#seo-hero .seo-audit-checks>div{padding:2px 6px!important;border-radius:7px}
#seo-hero .seo-audit-result{padding:12px}
#seo-hero .seo-audit-result p{line-height:1.45;margin-bottom:8px}

#seo-hero .seo-audit-checks>div:nth-child(odd){background:color-mix(in srgb,var(--color-brand-300) 6%,transparent)}
#seo-hero .seo-audit-checks>div>span:first-child>span{background:#6c83c5!important}