/* EN-only Apple-style pass over the existing storefront. Removable: drop the <link> to revert.
   Colors and type only; owner animations, media, cart, prices and payment flow are untouched. */
html[lang="en"]{--ink:#1d1d1f;--gray:#f5f5f7;--blue:#9dc4d5;--baby:#9dc4d5;--baby-soft:#e3eff4;--muted:#6e6e73}
html[lang="en"] body{background:#fff;color:#1d1d1f}

/* Nav: translucent brand baby blue bar. */
html[lang="en"] .nav{background:rgba(157,196,213,.88);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(29,29,31,.08)}
/* The hero carries the full wordmark; the bar shows the S signet. */
html[lang="en"] .nav .brand-wordmark-art img{display:none}
html[lang="en"] .nav .brand-wordmark-art{display:block;width:34px;height:34px;border-radius:9px;background:url(/textswoop-mark.png) center/contain no-repeat}
html[lang="en"] .nav .navlinks a{color:rgba(29,29,31,.78)}
html[lang="en"] .nav .navlinks a:hover{color:#1d1d1f}
html[lang="en"] .nav .small-button{background:#e8ff40;color:#1d1d1f}
@media(prefers-reduced-transparency:reduce){html[lang="en"] .nav{background:#9dc4d5;-webkit-backdrop-filter:none;backdrop-filter:none}}

/* Typography: large tight headings, quiet gray body copy. */
html[lang="en"] main h2{color:#1d1d1f;font-size:clamp(32px,8vw,60px);line-height:1.05;letter-spacing:-.035em;font-weight:700}
html[lang="en"] main section.shop-section h2{font-size:clamp(28px,6.4vw,44px)}
html[lang="en"] main p{letter-spacing:-.01em}

/* Surfaces: brand baby blue as the signature tint, white and soft blue around it. */
html[lang="en"] main > section.hero{background:var(--baby)}
html[lang="en"] main > section.quick-cta{background:var(--baby)}
html[lang="en"] main > section.shop-section{background:var(--baby-soft)}
html[lang="en"] .sfx-categories{background:var(--baby-soft)}
html[lang="en"] main > section.pro-capcut-cta{background:linear-gradient(var(--baby),var(--baby-soft))}
html[lang="en"] main > section.reviews,html[lang="en"] main > section.faq{background:var(--baby-soft);border-radius:28px;padding-left:16px;padding-right:16px}
html[lang="en"] .bundle-value,html[lang="en"] .premium-card{background:#fff}

/* Former green feature blocks become Apple black stages, accent stays lime. */
html[lang="en"] main > section.origin-story,html[lang="en"] main > section.final-cta,html[lang="en"] .sales-marquee{background:#000}
html[lang="en"] main > section.origin-story h2,html[lang="en"] main > section.final-cta h2{color:#f5f5f7}

/* The black hero now carries the headline, app strike-through and price: hide the repeats below. */
html[lang="en"] main > section.hero > h1.english-hero,
html[lang="en"] main > section.hero > .editing-benefit,
html[lang="en"] main > section.hero > .hero-copy,
html[lang="en"] main > section.hero > .no-adobe,
html[lang="en"] main > section.hero > .premium-cta,
html[lang="en"] main > section.hero > .micro{display:none}

/* Softer, larger radii like Apple product tiles. */
html[lang="en"] main > section.hero,html[lang="en"] main > section.origin-story,html[lang="en"] main > section.final-cta{border-radius:28px}