/* Social Play — web.agsocialplay.com (build do layout v3) */
:root{
--red-500:#E2231A;--red-600:#C92B2B;--red-800:#A01A14;--amber-500:#E2A230;
--ink-1000:#070707;--ink-950:#0B0B0B;--ink-900:#0B0B0B;--ink-800:#0E0E10;--ink-750:#141416;--ink-700:#1C1C1F;--ink-600:#2A2A2D;
--ink-500:#7A7A7A;--ink-450:#8A8A8A;--ink-400:#9A9A9A;--ink-350:#BDBDBD;--ink-300:#CFCFCF;--ink-100:#E6E3E4;--ink-50:#ECE9EA;--white:#F4F1F2;
--brand:var(--red-500);--brand-hover:var(--red-800);--accent:var(--red-500);--cta:var(--red-600);--cta-hover:var(--red-800);--on-brand:var(--white);--marker-symptom:var(--amber-500);--star:var(--red-500);
--bg-page:var(--ink-950);--surface-card:var(--ink-800);--surface-raised:var(--ink-750);--bg-footer:var(--ink-1000);--bg-hero:var(--white);--surface-light:var(--white);--surface-muted:var(--ink-50);
--text-primary:var(--white);--text-secondary:var(--ink-300);--text-secondary-alt:var(--ink-350);--text-muted:var(--ink-400);--text-tertiary:var(--ink-450);--text-faint:var(--ink-500);--text-inverse:var(--ink-950);--text-inverse-secondary:#4A4A4D;--text-accent:var(--red-500);
--border-subtle:rgba(244,241,242,.07);--border-default:rgba(244,241,242,.12);--border-strong:rgba(244,241,242,.2);--border-accent:rgba(226,35,26,.3);--border-accent-strong:rgba(226,35,26,.35);--border-inverse:var(--ink-950);
--glow-brand:rgba(226,35,26,.16)}

:root{
--fs-display:56px;--fs-h1:48px;--fs-h2:34px;--fs-h3:24px;--fs-h4:18px;--fs-body-lg:16px;--fs-body:14px;--fs-small:12px;--fs-micro:11px;--fs-stat:34px;
--lh-display:0.95;/* @kind font */--lh-tight:1.05;/* @kind font */--lh-snug:1.25;/* @kind font */--lh-body:1.6;/* @kind font */
--fw-light:300;/* @kind font */--fw-regular:400;/* @kind font */--fw-medium:500;/* @kind font */--fw-semibold:600;/* @kind font */--fw-bold:700;/* @kind font */--fw-black:800;/* @kind font */--fw-heavy:900;/* @kind font */
--stretch-display:125%;/* @kind font */--ls-tight:-0.01em;/* @kind font */--ls-caps:2px;/* @kind font */--ls-caps-wide:3px;/* @kind font */--ls-caps-tight:1.5px;/* @kind font */
--text-heading:var(--font-display);--text-body-font:var(--font-body)}

:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--container:1200px;--gutter:40px;--section-gap:96px}

:root{
--radius-xs:2px;--radius-sm:3px;--radius-md:5px;--radius-lg:6px;--radius-xl:6px;--radius-hero:6px;--radius-chip:20px;--radius-pill:999px;
--radius-button:var(--radius-sm);--radius-card:var(--radius-lg);
--shadow-card:0 20px 40px -20px rgba(0,0,0,.7);--shadow-light:0 10px 30px -12px rgba(0,0,0,.25);--shadow-glow:0 0 120px 40px var(--glow-brand);
--ease-out:cubic-bezier(.22,1,.36,1);/* @kind other */--dur-fast:150ms;/* @kind other */--dur-base:250ms;/* @kind other */--dur-slow:500ms;/* @kind other */}


:root{--font-display:'Archivo',system-ui,sans-serif;--font-body:'Space Grotesk',system-ui,sans-serif}
html{scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;background:#0B0B0B;color:#F4F1F2;font-family:'Space Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,p{margin:0}
a{color:#E2231A;text-decoration:none}
a:hover{color:#A01A14}
img{max-width:100%}
[hidden]{display:none!important}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:500;background:#C92B2B;color:#F4F1F2;padding:10px 14px;border-radius:3px}
.skip-link:focus{left:8px}
@keyframes sp-float{0%,100%{translate:0 0}50%{translate:0 -14px}}
@keyframes sp-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@keyframes sws-marquee{from{transform:translateX(0)}to{transform:translateX(-33.333%)}}
.sp-marquee{animation:sws-marquee 36s linear infinite}
.only-desk,.only-wide{display:contents}
.only-mob{display:none}
@media (max-width:1099px){.only-wide{display:none}}
@media (max-width:899px){.only-desk{display:none}.only-mob{display:contents}}
@media (max-width:639px){.sp-stats{grid-template-columns:repeat(2,1fr)!important;row-gap:28px;padding:28px 16px!important}.sp-testi{padding:22px!important}}
.sp-card-h:hover{border-color:rgba(226,35,26,.3)!important}
.sp-svc:hover{border-color:rgba(226,35,26,.35)!important}
.sp-svc:hover .sp-svc-arrow,.sp-svc[aria-pressed="true"] .sp-svc-arrow{color:#E2231A;transform:translateX(3px)}
.sp-svc-arrow{transition:transform .2s}
a:active,button:active{transform:scale(.97)}
:focus-visible{outline:2px solid #E2231A;outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.h1:hover{color: #E2231A !important}
.h2:hover{background: #A01A14 !important;color: #F4F1F2 !important}
.h3:hover{color: #E2231A !important;border-color: rgba(226,35,26,0.35) !important}
.h4:hover{border-color: rgba(226,35,26,0.35) !important}
.h5:hover{background: #1C1C1F !important;color: #E2231A !important}
.h6:hover{border-color: rgba(226,35,26,0.35) !important;color: #F4F1F2 !important}
.h7:hover{background: #A01A14 !important}

.ty-primary:hover{background:#A01A14!important;color:#F4F1F2!important}
.ty-outline:hover{color:#E2231A!important;border-color:rgba(226,35,26,.35)!important}
.only-desk-block{display:block}
@media (max-width:899px){.only-desk-block{display:none!important}}

.sp-input:focus{border-color:rgba(226,35,26,.6)!important}
.sp-input[aria-invalid="true"]{border-color:#E2231A!important}
.sp-input::placeholder{color:#7A7A7A}
.sp-input option{background:#0E0E10;color:#F4F1F2}
.sp-chip:has(input:checked){border-color:rgba(226,35,26,.6)!important;background:rgba(226,35,26,.1)}
#lf-submit[disabled]{opacity:.7;cursor:wait}