/* Scrollprise Shortlisted Upgrades v33 — additive experiment layer */
:root{--sp-acid:#b7ff33;--sp-ink:#111;--sp-soft:#6c6c68}

/* 1 + 3: Read My Mind hero interaction + controlled type personality */
.final-hero-copy{max-width:650px}
.final-hero-title .sp-cross{position:relative;display:inline-block}
.final-hero-title .sp-cross::after{content:"";position:absolute;left:-2%;right:-2%;top:54%;height:3px;border-radius:99px;background:#242424;transform:rotate(-2deg);opacity:.72}
.final-hero-title .sp-marker{position:relative;display:inline-block;z-index:0}
.final-hero-title .sp-marker::before{content:"";position:absolute;z-index:-1;left:-1.5%;right:-2%;bottom:4%;height:15%;border-radius:80% 25% 55% 20%;background:rgba(183,255,51,.78);transform:rotate(-1deg)}
.sp-hero-mind{width:min(600px,100%);margin:23px 0 13px}
.sp-hero-mind-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:7px;border:1px solid rgba(0,0,0,.10);border-radius:21px;background:rgba(255,255,255,.62);box-shadow:0 15px 36px rgba(0,0,0,.055);backdrop-filter:blur(16px)}
.sp-hero-mind-form input{min-width:0;height:47px;padding:0 13px;border:0;outline:0;background:transparent;color:#222;font-size:13px;font-weight:620}
.sp-hero-mind-form input::placeholder{color:#8c8c87}
.sp-hero-mind-form button{height:47px;padding:0 17px;border:0;border-radius:15px;background:#111;color:#fff;font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.sp-hero-mind-example{display:flex;align-items:center;gap:7px;margin:8px 5px 0;color:#8a8a85;font-size:9px;line-height:1.4;min-height:16px}.sp-hero-mind-example b{color:#51514e;font-weight:800}
.sp-hero-mind-example::before{content:"✦";color:#111}
.final-hero-actions{margin-top:13px}
.final-hero-actions .final-primary{display:none!important}

/* 2: editorial microcopy — restrained, tiny, useful */
.final-hero-card .sp-editorial-tag,.editorial-product .sp-editorial-tag{position:absolute;z-index:8;display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid rgba(0,0,0,.08);border-radius:999px;background:rgba(255,255,255,.88);color:#4f4f4b;box-shadow:0 7px 16px rgba(0,0,0,.045);backdrop-filter:blur(10px);font-size:7px;font-weight:800;line-height:1;white-space:nowrap;pointer-events:none}
.final-hero-card .sp-editorial-tag{left:10px;bottom:10px}.final-hero-card:nth-of-type(even) .sp-editorial-tag{left:auto;right:10px}
.editorial-product .sp-editorial-tag{top:13px;right:13px}
.sp-editorial-tag::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--sp-acid)}

/* 4: transform the existing marquee into a cultural signal ticker */
.scrollprise-marquee.sp-cultural-strip{background:#141414!important;border-top:1px solid #242424!important;border-bottom:1px solid #242424!important}
.scrollprise-marquee.sp-cultural-strip .marquee-group span{color:#f0f0ed!important;font-size:10px!important;letter-spacing:.08em!important;text-transform:none!important}
.scrollprise-marquee.sp-cultural-strip .marquee-group b{color:var(--sp-acid)!important}
.scrollprise-marquee.sp-cultural-strip .sp-currently{padding:5px 9px;border-radius:999px;background:var(--sp-acid);color:#111!important;font-weight:900!important;letter-spacing:.02em!important}

/* 5: surprise button personality */
[data-surprise-me].sp-surprise-evolving{position:relative;overflow:hidden;transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease}
[data-surprise-me].sp-surprise-evolving.sp-pop{transform:translateY(-2px) rotate(-1deg) scale(1.025)!important}
.final-hero-stage.sp-surprise-react .final-hero-card{filter:saturate(1.05) contrast(1.015)}

/* Category Amazon fallback — separate from Mind Engine */
.sp-amazon-fallback{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 23px;padding:14px 15px 14px 18px;border:1px solid rgba(0,0,0,.09);border-radius:18px;background:rgba(255,255,255,.58);box-shadow:0 10px 28px rgba(0,0,0,.035)}
.sp-amazon-fallback-copy{min-width:0}.sp-amazon-fallback-copy span{display:block;margin-bottom:4px;color:#83837f;font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.sp-amazon-fallback-copy strong{display:block;color:#222;font-size:13px;line-height:1.25}.sp-amazon-fallback-copy small{display:block;margin-top:4px;color:#858581;font-size:9px;line-height:1.35}
.sp-amazon-fallback a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid #111;border-radius:999px;background:#111;color:#fff!important;text-decoration:none;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.sp-amazon-fallback .sp-paid{font-size:7px;opacity:.65;margin-left:5px;text-transform:none;letter-spacing:0}

@media(max-width:760px){.sp-hero-mind-form{grid-template-columns:1fr}.sp-hero-mind-form button{width:100%}.sp-amazon-fallback{align-items:flex-start;flex-direction:column}.sp-amazon-fallback a{width:100%}.final-hero-title .sp-cross::after{height:2px}}
