/* Static interactions and responsive refinements to the published layout. */
html { scroll-behavior:smooth; scroll-padding-top:120px; }
body { min-width:320px; }
a:focus-visible, summary:focus-visible, button:focus-visible { outline:2px solid #ddff00; outline-offset:5px; }
.faq-item { width:100%; border-radius:24px; color:#ccc; font-family:Inter,Arial,sans-serif; }
.faq-item[open] { background:#161616; }
.faq-item summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px; cursor:pointer; list-style:none; font-size:20px; line-height:1.5; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::after { content:'+'; font-size:28px; font-weight:300; color:#7a7a7a; flex-shrink:0; }
.faq-item[open] summary::after { content:'×'; }
.faq-item p { margin:0; padding:0 24px 24px; font-size:16px; line-height:1.7; color:#7a7a7a; }
.mobile-nav { display:none; }
#cta a { color:inherit; text-decoration:none; }
#cta a:hover { text-decoration:underline; }
@media(max-width:809px) {
 html { scroll-padding-top:90px; }
 .mobile-nav { display:flex; width:100%; gap:18px; justify-content:center; flex-wrap:wrap; padding:8px 16px 20px; font:14px/1.5 Inter,Arial,sans-serif; }
 .mobile-nav a { color:#aaa; text-decoration:none; padding:8px 0; }
 .faq-item summary { font-size:17px; padding:20px; }
 .faq-item p { padding:0 20px 20px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { animation:none!important; transition:none!important; } }
/* Ticker artwork must remain inside its section on narrow viewports. */
#social-proof { overflow:hidden; }
.mobile-header { display:none; }
@media(max-width:809px) {
 .mobile-header { display:flex; align-items:center; justify-content:space-between; width:100%; padding:0 24px 12px; }
 .mobile-header img { width:54px!important; height:54px!important; }
 .mobile-shop { background:#ddff00; color:#0d0d0d; padding:14px 24px; border-radius:50px; font:16px/1.5 Inter,Arial,sans-serif; text-decoration:none; }
 .mobile-nav { padding-bottom:16px; }
}
#hero { overflow:hidden; }
.ticker-window { overflow-x:auto; scrollbar-width:none; }
.ticker-window::-webkit-scrollbar { display:none; }
.ticker-track { width:max-content!important; max-width:none!important; animation:ticker-slide 45s linear infinite; }
.ticker-track > li { flex-shrink:0; }
.ticker-window:hover .ticker-track, .ticker-window:focus .ticker-track { animation-play-state:paused; }
@keyframes ticker-slide { from { transform:translateX(0); } to { transform:translateX(calc(-50% - var(--ticker-gap)/2)); } }
@media(max-width:809px) {
 .sm-k5pudt, .sm-hu9arf { min-width:0; max-width:100%; }
 .sm-hu9arf p { white-space:normal; overflow-wrap:anywhere; }
}
/* Decorative card art can extend beyond a 320px screen; keep page scrolling vertical. */
#main { overflow-x:clip; }
@media(max-width:809px) {
 .sm-qdgvm9, .sm-4xjhep { min-width:0; max-width:100%; }
 .sm-4xjhep p { white-space:normal; overflow-wrap:anywhere; }
}
/* Browser review: correct orientation, align card copy, preserve square portraits. */
#introduction .sm-1da1u6y { transform:none!important; }
#benefits > .sm-n97mo2 > [data-sm-name="Feature Card"] {
 justify-content:flex-start;
 padding-top:40px;
}
#benefits .sm-1varcdm,
#benefits .sm-12xjypu,
#benefits .sm-nwvj3v {
 flex:none;
 justify-content:flex-start;
 align-self:stretch;
 margin-top:0;
}
#testimonials .sm-g9yvqi { display:flex; align-items:center; justify-content:center; }
#testimonials .sm-1fqer7u {
 flex:none;
 width:min(100%,485px);
 height:auto;
 aspect-ratio:1 / 1;
}
#testimonials .sm-1fqer7u img { object-fit:contain!important; }
#testimonials .sm-g9yvqi { height:auto; aspect-ratio:1 / 1; max-width:485px; min-width:0; }

/* Keep feature artwork in normal flow, below each card's copy at every width. */
#benefits > .sm-n97mo2 { align-items:stretch; }
#benefits > .sm-n97mo2 > [data-sm-name="Feature Card"] {
 display:flex;
 flex-direction:column;
 justify-content:flex-start;
 height:auto;
 min-height:450px;
 padding:40px 24px;
 gap:32px;
}
#benefits > .sm-n97mo2 > [data-sm-name="Feature Card"] > [data-sm-name="Content"] {
 min-height:110px;
 margin:0;
}
#benefits > .sm-n97mo2 > [data-sm-name="Feature Card"] > [data-sm-name="visual"] {
 position:relative;
 inset:auto;
 width:100%;
 height:230px;
 min-height:230px;
 flex:none;
 margin:0;
 overflow:hidden;
}
#benefits .sm-1wgpp86,
#benefits .sm-1sydifa,
#benefits .sm-1bmi3w {
 position:relative!important;
 inset:auto!important;
 transform:none!important;
 width:100%!important;
 height:100%!important;
 aspect-ratio:auto;
}
#benefits > .sm-n97mo2 > [data-sm-name="Feature Card"] > [data-sm-name="visual"] img {
 object-fit:contain!important;
}