/* ZNZI Halloween: remove this stylesheet link to restore the original look. */
:root,html[data-theme="dark"]{--color-accent:#ff8736;--color-accent-hover:#ffab65;--color-border-hover:#f58a3659;--color-border-focus:#ffab65;--color-on-brand:#fff}
html[data-theme="dark"]{--color-bg-primary:#09070e;--color-bg-secondary:#100b19;--color-card-start:#191020;--color-card-end:#100c17;--color-feature-text:#c9bdcf}
html[data-theme="dark"] body{background:#09070e}
.site-header{border-bottom:1px solid #f58a3629}
html[data-theme="dark"] .site-header{background:rgba(9,7,14,.95)}
.navigation__brand>span>span,.navigation__link:hover{color:#ed8135}
.button--primary{background:linear-gradient(120deg,#ff9d49,#ed682b);color:#1b0b04;box-shadow:0 8px 30px #e86a2729;border-color:#ff9d49}
.button--primary:hover{background:linear-gradient(120deg,#ffb469,#ff8548);color:#1b0b04}
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 78% 44%,#7936a329,transparent 48%),radial-gradient(ellipse at 20% 80%,#ed742719,transparent 45%)}
.hero__grid{position:relative;z-index:2;padding-block:clamp(4rem,9vw,8rem)}
.hero__title{font-size:clamp(3.5rem,7.5vw,7.5rem);line-height:.96;letter-spacing:-.055em;margin-bottom:1.7rem}
.hero__title span{display:block;color:#f7974a;background:linear-gradient(100deg,#ffbe79,#ff7a32);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero__copy{max-width:35rem;line-height:1.8}
.halloween-label{display:inline-flex;align-items:center;gap:.65rem;border:1px solid #ed873850;border-radius:99px;background:#d56b1812;color:#b34c13;font-size:.7rem;font-weight:800;letter-spacing:.17em;padding:.6rem 1rem;margin-bottom:1.8rem;text-transform:uppercase}
html[data-theme="dark"] .halloween-label{color:#ffb375}
.halloween-label:before{content:"";width:6px;height:6px;background:#ff964a;box-shadow:0 0 15px #ff843c;border-radius:50%}
.halloween-note{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#8c729d;margin-top:1.8rem}
.hero__visual{position:relative;isolation:isolate}
.hero__visual:before{content:"";position:absolute;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f7caa9,#bd7640 65%,#593b5c);opacity:.23;box-shadow:0 0 100px #f78b4029;z-index:-1;top:5%;left:10%}
.hero__visual img{position:relative;z-index:1;filter:drop-shadow(0 20px 45px #0009) drop-shadow(0 0 35px #a146d929)}
.hw-art{position:absolute;pointer-events:none;user-select:none;z-index:0}
.hw-web{width:clamp(110px,18vw,250px);top:0;left:0;color:#ad82c4;opacity:.22}
.hw-web--right{left:auto;right:0;transform:scaleX(-1)}
.hw-bats{width:180px;right:4%;top:5%;color:#291431;z-index:2}
html[data-theme="dark"] .hw-bats{color:#9b70b0;opacity:.65}
.hw-pumpkins{width:clamp(110px,20vw,240px);bottom:-7%;right:0;z-index:2;filter:drop-shadow(0 0 20px #ef782b30)}
.hw-divider{position:absolute;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#f58a3659,transparent)}
.card{border-color:#a979c829;transition:border-color .25s,transform .25s}
.card:hover{border-color:#f58a3677}
.card--accent:before{background:linear-gradient(90deg,transparent,#ff9449,transparent)}
.page-hero:after{background:linear-gradient(90deg,#fb9146,#9b5cdb);box-shadow:0 8px 22px #ed74272e}
.footer{border-top:1px solid #f58a3624}
html[data-theme="light"] .hero{background-color:#fff7ed}
html[data-theme="light"] .hero__visual:before{opacity:.35}
html[data-theme="light"] .hw-web{color:#76488f;opacity:.2}
@media(min-width:768px) and (prefers-reduced-motion:no-preference){.hw-bats{animation:hw-drift 7s ease-in-out infinite}.hero__visual:before{animation:hw-glow 6s ease-in-out infinite alternate}}
@keyframes hw-drift{50%{transform:translate(-8px,10px) rotate(-3deg)}}
@keyframes hw-glow{to{box-shadow:0 0 130px #a855f74d}}
@media(max-width:767px){.hero__grid{padding-top:3.5rem;padding-bottom:4rem}.hero__title{font-size:clamp(3.5rem,15vw,6rem)}.hw-bats{width:110px;top:0;right:0}.hw-pumpkins{bottom:-4%;right:5%}.halloween-label{font-size:.62rem}.hw-web--right{display:none}}

/* Browser QA refinements: one spacing layer and accessible light palette. */
.hero{padding-block:clamp(3rem,6vw,6rem)}
.hero__grid{padding-block:0;width:min(calc(100% - clamp(2.5rem,8vw,8rem)),1280px)}
.navigation__link:after{background:linear-gradient(90deg,#f58a36,#a76ad7)}
html[data-theme="light"]{--color-accent:#a83d13;--color-accent-hover:#8c2e0e;--color-border-focus:#a83d13}
html[data-theme="light"] .hero__title span{background:linear-gradient(100deg,#b94a15,#95300e);background-clip:text;-webkit-background-clip:text}
html[data-theme="light"] .navigation__brand>span>span,html[data-theme="light"] .navigation__link:hover{color:#a83d13}
html[data-theme="light"] .halloween-note{color:#765a86}
html[data-theme="dark"] .halloween-note{color:#b49bc3}
@media(max-width:767px){.hero{min-height:0;padding-block:3rem}.hero__grid{padding-block:0;gap:2rem}.hero__visual{max-width:min(100%,400px)}.halloween-note{letter-spacing:.09em}}

.store-tab.is-active{background:linear-gradient(120deg,#ff9d49,#ed682b);color:#1b0b04}
[data-form-response][hidden]{display:none}

.top-ranking-tab.is-active{background:linear-gradient(135deg,#7c3aed,#55249b);border-color:#a779da;color:#fff}
.top-ranking-tab:focus-visible{outline:3px solid #b478e1;outline-offset:3px}

@media(max-width:1023px){.navigation__menu:not(.is-open){visibility:hidden}.navigation__menu.is-open{visibility:visible}}

/* Mask the desktop visible outside the scanner window in the supplied capture. */
.preview-frame__media--scanner{background:#0d0d0d}
.preview-frame__media--scanner .tool-preview__image{clip-path:inset(1.5% 1.5% round 4%)}