:root{
  --black:#0b0b0b;
  --ink:#121212;
  --off:#f4f1e9;
  --white:#fff;
  --acid:#a8e6ff;
  --acid-rgb:168,230,255;
  --purple:#a868ff;
  --pink:#ff4aa2;
  --red:#ff3d2e;
  --line:rgba(11,11,11,.16);
  --max:1280px;
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--off);color:var(--black);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
.skip-link{position:fixed;left:12px;top:-60px;background:var(--acid);padding:12px 16px;z-index:9999;font-weight:900}.skip-link:focus{top:12px}
.ticker{background:var(--acid);color:var(--black);border-bottom:2px solid var(--black);overflow:hidden;white-space:nowrap;font-weight:1000;font-size:12px;letter-spacing:.12em}.ticker-track{display:inline-flex;gap:22px;padding:9px 0;min-width:max-content;animation:ticker 22s linear infinite}.ticker b{font-size:10px}@keyframes ticker{to{transform:translateX(-50%)}}
.site-header{height:76px;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(11,11,11,.92);backdrop-filter:blur(12px);color:white;display:flex;align-items:center;gap:34px;padding:0 max(22px,calc((100vw - var(--max))/2));position:sticky;top:0;z-index:50}
.brand{display:inline-flex;align-items:center;gap:6px;font-weight:1000;letter-spacing:-.08em}.brand-word{font-family:Impact,"Arial Black",sans-serif;font-size:34px;letter-spacing:-.02em}.brand-dot{color:var(--acid);font-size:14px}.desktop-nav{display:flex;gap:25px;margin-left:auto}.desktop-nav a{font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;opacity:.82}.desktop-nav a:hover{opacity:1;color:var(--acid)}.mini-cta{background:var(--acid);color:var(--black);padding:12px 16px;border:2px solid var(--acid);font-weight:1000;font-size:12px;letter-spacing:.04em}.mini-cta:hover{background:white;border-color:white}
.section-pad{padding:108px max(22px,calc((100vw - var(--max))/2))}.dark-section{background:var(--black);color:white}
.hero{min-height:calc(100vh - 108px);background:var(--black);color:white;padding:74px max(22px,calc((100vw - var(--max))/2)) 94px;display:grid;grid-template-columns:1.03fr .97fr;gap:55px;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:var(--purple);filter:blur(170px);opacity:.18;left:-180px;top:20%}.hero:after{content:"";position:absolute;width:450px;height:450px;border-radius:50%;background:var(--acid);filter:blur(190px);opacity:.08;right:-180px;bottom:-150px}.hero-copy,.hero-media{position:relative;z-index:2}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.16em;font-size:12px}.pulse{width:9px;height:9px;background:var(--acid);border-radius:50%;box-shadow:0 0 0 0 rgba(var(--acid-rgb),.55);animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 12px rgba(var(--acid-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--acid-rgb),0)}}
h1,h2,h3{font-family:Impact,"Arial Black",Haettenschweiler,sans-serif;font-weight:900;text-transform:uppercase;margin:0;line-height:.88;letter-spacing:-.025em}.hero h1{font-size:clamp(64px,7vw,112px);margin:18px 0 26px}.marker{display:inline-block;background:var(--acid);color:var(--black);padding:0 .08em;transform:rotate(-1.5deg)}.marker-purple{background:var(--purple);color:white}.hero-lede{font-size:18px;line-height:1.58;max-width:650px;color:rgba(255,255,255,.76)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 22px;border:2px solid currentColor;font-weight:1000;text-transform:uppercase;letter-spacing:.045em;font-size:13px;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--acid);color:var(--black);border-color:var(--acid);box-shadow:6px 6px 0 var(--purple)}.btn-primary:hover{box-shadow:2px 2px 0 var(--purple)}.btn-ghost{background:transparent;color:white;border-color:rgba(255,255,255,.36)}.btn-ghost:hover{border-color:white}.btn-dark{background:var(--black);color:white;border-color:var(--black)}.micro-proof{display:flex;gap:24px;flex-wrap:wrap;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.micro-proof span{display:flex;gap:8px;align-items:center}.micro-proof b{color:var(--acid)}
.hero-media{padding:30px 22px}.video-frame{position:relative;border:2px solid white;background:#000;box-shadow:18px 18px 0 var(--acid);transform:rotate(1deg);overflow:visible}.hero-video{aspect-ratio:16/9;width:100%;object-fit:cover}.video-frame:before{content:"";position:absolute;inset:-13px;border:2px dashed var(--purple);z-index:-1;transform:rotate(-2deg)}.video-chip{position:absolute;background:white;color:var(--black);font-size:10px;font-weight:1000;letter-spacing:.08em;padding:9px 11px;border:2px solid var(--black)}.chip-top{top:-23px;left:24px;transform:rotate(-2deg)}.chip-bottom{right:-16px;bottom:-20px;background:var(--purple);color:white;transform:rotate(2deg)}.floating-patch{position:absolute;width:110px;z-index:5;filter:drop-shadow(0 10px 16px rgba(0,0,0,.35));pointer-events:none}.fp-1{right:-20px;top:-15px;transform:rotate(15deg);animation:float 4s ease-in-out infinite}.fp-2{left:-45px;bottom:-35px;transform:rotate(-12deg);animation:float 5s ease-in-out .6s infinite}.fp-3{right:34%;bottom:-60px;transform:rotate(6deg);animation:float 4.6s ease-in-out 1s infinite}@keyframes float{50%{translate:0 -11px;rotate:3deg}}
.manifesto{text-align:center;padding-top:70px;padding-bottom:70px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.manifesto-kicker{color:var(--acid);font-size:11px;letter-spacing:.18em;font-weight:1000}.manifesto-line{font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;font-size:clamp(40px,5vw,72px);line-height:.95;margin:16px 0}.manifesto-line span{color:var(--acid)}.manifesto-sub{margin:0;color:rgba(255,255,255,.65);font-size:16px}.manifesto-sub strong{color:white}
.section-heading{max-width:760px;margin-bottom:58px}.section-heading h2{font-size:clamp(55px,6.5vw,94px);margin:16px 0 22px}.section-heading p{font-size:18px;line-height:1.55;max-width:620px;color:#555}.section-heading.compact{margin-bottom:44px}.section-heading.invert p{color:rgba(255,255,255,.7)}.scribble{position:relative;color:var(--purple)}.scribble:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:7px;background:var(--acid);transform:rotate(-1deg);z-index:-1}.light{color:var(--acid)}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-card{background:white;border:2px solid var(--black);padding:24px;position:relative;min-height:500px;box-shadow:8px 8px 0 var(--black)}.step-card.pop{background:var(--acid);transform:rotate(-1deg)}.step-card img{width:100%;aspect-ratio:1/1;object-fit:contain;margin:8px 0 20px}.step-card h3{font-size:34px;margin-bottom:12px}.step-card p{line-height:1.5;color:#575757;margin:0}.step-num{position:absolute;right:18px;top:15px;font-family:Impact,"Arial Black",sans-serif;font-size:28px;color:var(--purple)}
.playground{background:var(--purple);color:white;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;overflow:hidden}.playground h2{font-size:clamp(58px,6vw,96px);margin:14px 0 24px}.playground h2 span{color:var(--acid)}.playground-copy>p{max-width:520px;font-size:17px;line-height:1.55;color:rgba(255,255,255,.82)}.patch-picker{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.patch-choice{width:74px;height:74px;border:2px solid rgba(255,255,255,.5);background:white;padding:7px;cursor:pointer;transform:rotate(var(--r,0deg));transition:.18s ease}.patch-choice:nth-child(2){--r:4deg}.patch-choice:nth-child(3){--r:-3deg}.patch-choice:nth-child(4){--r:2deg}.patch-choice:nth-child(5){--r:-4deg}.patch-choice img{width:100%;height:100%;object-fit:contain}.patch-choice:hover,.patch-choice.active{border-color:var(--acid);box-shadow:5px 5px 0 var(--acid);transform:translateY(-5px) rotate(var(--r,0deg))}.hat-stage{position:relative}.hat-card{background:white;border:3px solid var(--black);padding:30px;box-shadow:16px 16px 0 var(--acid);transform:rotate(1deg)}.hat-card img{width:100%;aspect-ratio:4/3;object-fit:contain;transition:opacity .18s ease,transform .24s cubic-bezier(.2,.8,.2,1)}.hat-card.swapping img{opacity:.25;transform:scale(.94) rotate(-2deg)}.stage-sticker{position:absolute;z-index:4;top:-28px;right:15px;background:var(--black);color:var(--acid);border:2px solid white;padding:10px 13px;font-weight:1000;letter-spacing:.08em;transform:rotate(4deg)}.current-look{margin-top:28px;font-size:12px;font-weight:900;letter-spacing:.1em}.current-look strong{color:var(--acid)}
.math{background:var(--off)}.equation{display:grid;grid-template-columns:1fr auto 1fr auto 1.08fr;gap:20px;align-items:center}.eq-card{background:white;border:2px solid var(--black);padding:18px;text-align:center;box-shadow:7px 7px 0 var(--black)}.eq-card img{aspect-ratio:1/1;object-fit:contain;width:100%}.eq-card b{display:block;margin-top:10px;font-family:Impact,"Arial Black",sans-serif;font-size:25px;letter-spacing:.02em}.patch-eq{background:var(--acid)}.result{background:var(--purple);color:white}.eq-symbol{font-family:Impact,"Arial Black",sans-serif;font-size:64px}.math-note{text-align:center;max-width:730px;margin:44px auto 0;font-size:18px;line-height:1.55;color:#555}
.hats .section-heading{margin-bottom:42px}.acid{color:var(--acid)}.hat-types{display:grid;gap:34px}.product-feature{display:grid;grid-template-columns:1.1fr .9fr;min-height:520px;border:1px solid rgba(255,255,255,.16);overflow:hidden}.product-feature.reverse{grid-template-columns:.9fr 1.1fr}.product-feature.reverse .product-image{order:2}.product-feature.reverse .product-copy{order:1}.product-image{display:flex;align-items:center;justify-content:center;padding:45px;min-height:450px}.white-card{background:white}.lime-card{background:var(--acid)}.product-image img{width:min(100%,620px);max-height:460px;object-fit:contain}.product-copy{padding:60px;display:flex;flex-direction:column;justify-content:center}.product-tag{font-size:11px;letter-spacing:.14em;color:var(--acid);font-weight:1000}.product-copy h3{font-size:clamp(48px,5vw,78px);margin:12px 0 20px}.product-copy p{font-size:17px;line-height:1.58;color:rgba(255,255,255,.7);max-width:500px}.text-link{display:inline-block;margin-top:18px;font-weight:1000;color:var(--acid);text-transform:uppercase;font-size:13px;letter-spacing:.07em}
.switchbrim{background:var(--acid)}.switch-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.switch-visual{position:relative;min-height:580px;background:var(--black);overflow:hidden;border:3px solid var(--black);box-shadow:14px 14px 0 var(--purple)}.switch-visual img{position:absolute;width:88%;left:6%;bottom:7%;z-index:2;background:white;border:2px solid var(--black)}.switch-bg-text{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(95px,11vw,180px);line-height:.7;color:rgba(255,255,255,.08);position:absolute;left:-10px;top:22px;letter-spacing:-.05em}.brim-arrow{position:absolute;z-index:5;right:14px;bottom:20px;background:var(--purple);color:white;border:2px solid var(--black);padding:11px 15px;font-weight:1000;letter-spacing:.08em;transform:rotate(-2deg)}.switch-copy h2{font-size:clamp(58px,6.7vw,98px);margin:16px 0 24px}.switch-copy>p{font-size:18px;line-height:1.6;max-width:560px}.switch-points{display:grid;gap:8px;margin:28px 0}.switch-points span{background:var(--black);color:white;padding:12px 14px;font-size:12px;font-weight:950;letter-spacing:.08em;width:fit-content}.switch-copy .btn{margin-top:8px}
.collection-video{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:center}.collection-copy h2{font-size:clamp(58px,6vw,92px);margin:14px 0 22px}.collection-copy p{color:rgba(255,255,255,.68);line-height:1.6;font-size:17px}.collection-media{position:relative}.collection-media video{width:100%;aspect-ratio:16/9;object-fit:cover;border:2px solid white;box-shadow:12px 12px 0 var(--purple)}.video-caption{position:absolute;left:-18px;bottom:-18px;background:var(--acid);color:var(--black);font-weight:1000;font-size:11px;letter-spacing:.08em;padding:12px 15px;border:2px solid var(--black);transform:rotate(-1deg)}
.real-people{overflow:hidden}.photo-wall{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:115px;gap:14px}.photo{margin:0;overflow:hidden;border:2px solid var(--black);box-shadow:5px 5px 0 var(--black);background:#ddd}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.photo:hover img{transform:scale(1.045)}.p1{grid-column:1/6;grid-row:1/5}.p2{grid-column:6/9;grid-row:1/4}.p3{grid-column:9/13;grid-row:1/5}.p4{grid-column:6/9;grid-row:4/8}.p5{grid-column:1/6;grid-row:5/8}.p6{grid-column:9/13;grid-row:5/8}
.shop-header{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;margin-bottom:50px}.shop-header h2{font-size:clamp(58px,6vw,92px);margin-top:14px}.shop-header p{color:rgba(255,255,255,.7);line-height:1.6;font-size:17px}.shop-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.shop-card{background:white;color:var(--black);padding:14px 14px 22px;border:2px solid white}.shop-card:nth-child(2){background:var(--acid);border-color:var(--acid)}.shop-card:nth-child(3){background:var(--purple);color:white;border-color:var(--purple)}.shop-card:nth-child(4){background:var(--acid);border-color:var(--acid)}.shop-card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:white}.shop-card span{display:block;font-size:10px;font-weight:1000;letter-spacing:.13em;margin:18px 6px 8px}.shop-card h3{font-size:38px;margin:0 6px 18px}.shop-card-link{display:inline-block;margin:0 6px;font-weight:1000;font-size:12px;letter-spacing:.07em;text-transform:uppercase;border-bottom:2px solid currentColor;padding-bottom:3px}.shopify-shell{margin-top:40px;padding:0;border:2px solid white;box-shadow:12px 12px 0 var(--purple);background:white;color:var(--black)}.shopify-storefront{padding:30px 24px 8px;background:white;color:var(--black)}.shopify-storefront-head{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:end;padding:8px 6px 30px;margin-bottom:26px;border-bottom:2px solid var(--black)}.shopify-storefront-head h3{font-size:clamp(42px,5vw,72px);margin:14px 0 0}.shopify-storefront-head p{margin:0;max-width:590px;line-height:1.55;color:#4c4c4c;font-weight:650}.shopify-badge{display:inline-block;background:var(--acid);color:var(--black);font-weight:1000;font-size:10px;letter-spacing:.12em;padding:8px 10px;border:2px solid var(--black);box-shadow:4px 4px 0 var(--purple)}.shopify-noscript{padding:20px;border:2px solid var(--black);font-weight:800}.shopify-noscript a{text-decoration:underline}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-list details{border-top:2px solid var(--black);padding:24px 0}.faq-list details:last-child{border-bottom:2px solid var(--black)}.faq-list summary{cursor:pointer;list-style:none;font-family:Impact,"Arial Black",sans-serif;font-size:27px;text-transform:uppercase;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--purple)}.faq-list details[open] summary:after{content:"–"}.faq-list p{max-width:720px;line-height:1.6;color:#555;font-size:16px}
.final-cta{background:var(--purple);color:white;min-height:650px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:100px 22px}.final-bg{position:absolute;white-space:nowrap;font-family:Impact,"Arial Black",sans-serif;font-size:22vw;line-height:1;color:rgba(255,255,255,.06);transform:rotate(-8deg)}.final-inner{position:relative;z-index:2}.final-inner>span{font-size:11px;font-weight:1000;letter-spacing:.18em}.final-inner h2{font-size:clamp(82px,11vw,165px);margin:15px 0}.final-inner p{font-size:18px;margin-bottom:30px}.btn.huge{min-height:66px;padding:0 30px;font-size:15px}
footer{background:var(--black);color:white;display:flex;align-items:center;gap:30px;padding:35px max(22px,calc((100vw - var(--max))/2));border-top:1px solid rgba(255,255,255,.14)}footer>p{margin:0;font-size:11px;font-weight:900;letter-spacing:.12em}.footer-brand{margin-right:auto}.copyright{opacity:.55}.mobile-shop-bar{display:none}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.09s}.delay-2{transition-delay:.18s}
@media(max-width:980px){
  .desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:58px}.hero-copy{max-width:760px}.hero-media{max-width:800px;margin:auto;width:100%}.steps-grid{grid-template-columns:1fr}.step-card{display:grid;grid-template-columns:40% 1fr;grid-template-rows:auto auto;column-gap:24px;min-height:0}.step-card img{grid-row:1/3;margin:0}.step-card h3{align-self:end}.playground,.switch-grid,.collection-video,.faq{grid-template-columns:1fr}.equation{grid-template-columns:1fr auto 1fr;}.equation .eq-symbol:nth-child(4){display:none}.equation .result{grid-column:1/4}.product-feature,.product-feature.reverse{grid-template-columns:1fr}.product-feature.reverse .product-image,.product-feature.reverse .product-copy{order:unset}.shop-header{grid-template-columns:1fr}.shopify-storefront-head{grid-template-columns:1fr}.shop-cards{grid-template-columns:1fr 1fr}.shop-card:last-child{grid-column:auto}.photo-wall{grid-auto-rows:90px}.section-pad{padding-top:84px;padding-bottom:84px}}
@media(max-width:680px){
  body{padding-bottom:70px}.ticker-track{animation-duration:16s}.site-header{height:64px;padding-left:16px;padding-right:16px}.brand-word{font-size:30px}.mini-cta{font-size:10px;padding:10px 12px}.hero{min-height:0;padding:48px 18px 70px;gap:30px}.hero h1{font-size:clamp(54px,17vw,82px)}.hero-lede{font-size:16px}.hero-actions{display:grid}.btn{width:100%}.micro-proof{display:grid;gap:10px}.hero-media{padding:20px 8px 10px}.video-frame{box-shadow:9px 9px 0 var(--acid)}.chip-bottom{right:-7px;bottom:-26px;max-width:78%;font-size:8px}.floating-patch{width:72px}.fp-1{right:-7px}.fp-2{left:-15px}.fp-3{bottom:-45px}.section-pad{padding:70px 18px}.manifesto{padding-top:55px;padding-bottom:55px}.section-heading{margin-bottom:38px}.section-heading h2{font-size:clamp(48px,15vw,72px)}.section-heading p{font-size:16px}.steps-grid{gap:13px}.step-card{display:block;padding:17px;box-shadow:5px 5px 0 var(--black)}.step-card img{width:100%;max-height:280px}.step-card h3{font-size:31px}.playground{gap:45px}.playground h2{font-size:clamp(50px,15vw,72px)}.patch-choice{width:60px;height:60px}.hat-card{padding:12px;box-shadow:8px 8px 0 var(--acid)}.equation{gap:8px}.eq-card{padding:8px;box-shadow:4px 4px 0 var(--black)}.eq-card b{font-size:17px}.eq-symbol{font-size:36px}.product-feature{min-height:0}.product-image{min-height:330px;padding:24px}.product-copy{padding:36px 24px}.product-copy h3{font-size:50px}.switch-visual{min-height:430px}.switch-visual img{width:94%;left:3%}.switch-bg-text{font-size:110px}.collection-video{gap:35px}.video-caption{left:4px;bottom:-22px}.photo-wall{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:220px}.photo{grid-column:auto!important;grid-row:auto!important}.p2,.p6{grid-row:span 2!important}.shop-cards{grid-template-columns:1fr}.shop-card:last-child{grid-column:auto}.shopify-shell{box-shadow:7px 7px 0 var(--purple)}.shopify-storefront{padding:18px 10px 4px}.shopify-storefront-head{grid-template-columns:1fr;gap:14px;padding:4px 4px 22px;margin-bottom:20px}.shopify-storefront-head h3{font-size:44px}.shopify-storefront-head p{font-size:14px}.faq{gap:10px}.faq-list summary{font-size:22px}.final-cta{min-height:560px;padding:80px 18px}.final-inner h2{font-size:clamp(72px,23vw,110px)}footer{flex-wrap:wrap;padding:30px 18px 96px}.footer-brand{width:100%}.mobile-shop-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--acid);color:var(--black);border-top:2px solid var(--black);display:flex;align-items:center;justify-content:space-between;padding:10px 13px;padding-bottom:calc(10px + env(safe-area-inset-bottom));gap:12px}.mobile-shop-bar span{font-size:9px;font-weight:1000;letter-spacing:.08em}.mobile-shop-bar a{background:var(--black);color:white;padding:11px 13px;font-size:10px;font-weight:1000;white-space:nowrap}.reveal{transform:translateY(14px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.pulse,.floating-patch{animation:none}.reveal{opacity:1;transform:none;transition:none}.btn,.patch-choice,.photo img{transition:none}}


/* Final landing-page QA */
.product-image img{border-radius:14px}
.eq-card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-width:0}
.eq-card img{height:180px;max-width:100%;width:100%;object-fit:contain;display:block;margin:0 auto}
.patch-eq img{height:180px}
.result img{height:180px}
.shop-card img{object-position:center}
.shop-card:nth-child(4) img{object-fit:cover}
.switch-visual img{object-fit:cover;aspect-ratio:4/3}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:4px}

@media(max-width:680px){
  .equation{grid-template-columns:1fr;gap:12px;justify-items:center}
  .equation .eq-symbol{display:block!important}
  .equation .result{grid-column:auto}
  .eq-card{width:min(100%,340px);min-height:210px;padding:14px}
  .eq-card img,.result img,.patch-eq img{width:100%;height:145px;object-fit:contain}
  .eq-card b{margin-top:8px}
  .eq-symbol{font-size:32px;line-height:1;margin:2px 0}
  .shop-card:nth-child(4) img{aspect-ratio:1/1;object-fit:cover}
  .switch-visual img{height:auto}
}