/* Shopium homepage — composition based on the reviewed Nosto reference. */
:root {
  --ink:#231e27; --muted:#69646d; --white:#fff; --paper:#f6f5f7; --line:#e6e2e9;
  --dark:#1b161e; --dark-soft:#29202f; --dark-line:#433a49; --on-dark:#bcb4c3;
  --purple:#6255d7; --purple-hover:#4d40bc; --accent:#c8b5ff; --lavender:#f0ecfa; --green:#35734d;
  --font:'Instrument Sans',Arial,sans-serif;
  --fs-xs:.75rem; --fs-sm:.875rem; --fs-base:1rem; --fs-lg:1.125rem;
  --fs-h1:clamp(2.6rem,4.4vw,4.4rem); --fs-h2:clamp(2rem,3.1vw,3rem); --fs-h3:1.25rem;
  --s1:.25rem; --s2:.5rem; --s3:.75rem; --s4:1rem; --s5:1.5rem; --s6:2rem; --s7:3rem; --s8:4rem; --s9:6rem;
  --section-space:clamp(4.5rem,7vw,7rem); --radius:.8rem; --radius-sm:.35rem; --curve:4rem; --pill:99rem;
  --wrap:1280px; --gutter:clamp(1.25rem,4.4vw,4rem); --transition:.2s ease;
  --hero-overlay:linear-gradient(90deg,#100b17d9 0%,#100b17ad 35%,#100b1740 68%,#100b1720),linear-gradient(0deg,#1b161e85,transparent 65%);
  --shadow:0 16px 50px #0000001a;
}
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:var(--s5); -webkit-text-size-adjust:100%; }
body { margin:0; color:var(--ink); background:var(--white); font:400 var(--fs-base)/1.6 var(--font); -webkit-font-smoothing:antialiased; }
h1,h2,h3,p,figure { margin:0; }
h1,h2,h3 { font-weight:500; line-height:1.1; letter-spacing:-.04em; }
h2 { font-size:var(--fs-h2); }
h3 { font-size:var(--fs-h3); line-height:1.3; }
a { color:var(--purple); text-decoration:none; transition:color var(--transition); }
a:hover { color:var(--purple-hover); }
button,input { font:inherit; }
button { cursor:pointer; }
img { display:block; width:100%; max-width:100%; height:auto; }
[hidden] { display:none!important; }
:focus-visible { outline:3px solid var(--purple); outline-offset:5px; }
.section--dark :focus-visible,.site-nav :focus-visible { outline-color:var(--accent); }
.wrap { width:min(calc(100% - var(--gutter)*2),var(--wrap)); margin-inline:auto; }
.section { padding-block:var(--section-space); }
.section--dark { color:var(--white); background:var(--dark); }
.section--dark h2 span,.section--dark .text-link { color:var(--accent); }
.section--dark .text-link:hover { color:var(--white); }
.eyebrow { font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:.045em; font-weight:500; margin-bottom:var(--s4); }
.section--dark .eyebrow { color:var(--on-dark); }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; top:var(--s3); left:var(--s3); z-index:50; padding:var(--s3) var(--s4); color:var(--ink); background:var(--white); transform:translateY(-200%); }
.skip-link:focus { transform:none; }
.btn-theme { display:inline-flex; align-items:center; justify-content:center; gap:var(--s4); min-height:48px; padding:var(--s3) var(--s5); border:1px solid var(--purple); border-radius:var(--pill); background:var(--purple); color:var(--white); font-size:var(--fs-sm); font-weight:500; line-height:1.4; transition:background var(--transition),color var(--transition),border-color var(--transition); }
.btn-theme:hover { background:var(--purple-hover); border-color:var(--purple-hover); color:var(--white); }
.btn-theme--light { background:var(--accent); border-color:var(--accent); color:var(--dark); }
.btn-theme--light:hover { background:var(--white); border-color:var(--white); color:var(--dark); }
.btn-theme--sm { min-height:40px; padding:var(--s2) var(--s5); font-size:var(--fs-xs); }
.btn-theme--query { background:var(--white); color:var(--ink); border-color:var(--line); min-height:32px; padding:var(--s1) var(--s3); font-size:var(--fs-xs); }
.btn-theme--query:hover,.btn-theme--query[aria-pressed=true] { color:var(--purple); background:var(--lavender); border-color:var(--purple); }
.btn-theme--search { flex:0 0 auto; width:32px; min-height:32px; padding:0; border:0; border-radius:var(--radius-sm); color:var(--purple); background:var(--lavender); font-size:var(--fs-lg); }
.btn-theme--menu { display:none; flex-direction:column; gap:5px; width:40px; min-height:40px; padding:var(--s2); border-color:var(--dark-line); border-radius:var(--radius-sm); background:var(--dark); }
.btn-theme--menu span { width:18px; height:1px; background:var(--white); }
.text-link { display:inline-flex; gap:var(--s4); align-items:center; font-size:var(--fs-sm); font-weight:500; text-decoration:underline; text-underline-offset:5px; }
.brand { display:inline-flex; align-items:center; color:var(--white); font-size:1.8rem; line-height:1; font-weight:700; letter-spacing:-.06em; }
.brand:hover { color:var(--accent); }
.brand__mark { position:relative; display:grid; place-items:center; width:34px; height:36px; margin-right:var(--s2); border-radius:11px 11px 11px 4px; color:var(--purple); background:var(--white); font-size:2rem; padding-bottom:3px; }
.brand__mark>span { position:absolute; width:5px; height:5px; top:6px; right:6px; border-radius:var(--pill); background:var(--purple); }
.brand__dot { color:var(--accent); }
.utility-bar { height:32px; background:var(--dark); color:var(--on-dark); font-size:.65rem; }
.utility-bar .wrap { height:100%; display:flex; justify-content:space-between; align-items:center; gap:var(--s4); }
.utility-bar .wrap>div { display:flex; gap:var(--s5); }
.utility-bar a { color:var(--white); }
.utility-bar a:hover { color:var(--accent); }
.site-nav { position:absolute; z-index:10; top:32px; left:0; width:100%; }
.site-nav__inner { display:flex; align-items:center; justify-content:space-between; gap:var(--s6); min-height:88px; border-bottom:1px solid #ffffff30; }
.site-nav__links,.site-nav__actions { display:flex; align-items:center; gap:var(--s6); }
.site-nav__links a { color:var(--white); font-size:var(--fs-sm); }
.site-nav__links a:hover { color:var(--accent); }
.hero { position:relative; isolation:isolate; min-height:680px; display:flex; align-items:flex-end; padding:190px 0 76px; color:var(--white); background:var(--dark); }
.hero::after { position:absolute; content:''; inset:0; z-index:-1; background:var(--hero-overlay); }
.hero__image { position:absolute; inset:0; z-index:-2; height:100%; object-fit:cover; object-position:50% 39%; }
.hero__content { position:relative; }
.hero .eyebrow { font-size:var(--fs-xs); margin-bottom:var(--s4); }
.hero h1 { max-width:860px; font-size:var(--fs-h1); line-height:1.07; letter-spacing:-.045em; }
.hero h1 span { color:var(--accent); }
.hero__description { max-width:470px; margin-top:var(--s5); font-size:var(--fs-lg); line-height:1.55; color:#f1ebf5; }
.hero__actions { display:flex; flex-wrap:wrap; align-items:center; gap:var(--s5); margin-top:var(--s6); }
.hero__actions .text-link { color:var(--white); }
.hero__actions .text-link:hover { color:var(--accent); }
.hero__note { margin-top:var(--s4); font-size:var(--fs-xs); color:#e2d9e8; }
.capability-strip { color:var(--white); background:var(--dark-soft); padding-block:var(--s5); border-bottom:1px solid var(--dark-line); }
.capability-strip .wrap { display:flex; align-items:center; justify-content:space-between; gap:var(--s6); }
.capability-strip .wrap>span { color:var(--on-dark); font-size:var(--fs-xs); }
.capability-strip ul { display:flex; list-style:none; padding:0; margin:0; gap:var(--s8); font-size:var(--fs-lg); font-weight:500; letter-spacing:-.025em; }
.discovery { border-bottom-left-radius:var(--curve); overflow:hidden; }
.discovery__heading { text-align:center; margin-inline:auto; font-size:clamp(2rem,2.8vw,2.75rem); margin-bottom:var(--s8); }
.discovery__grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:var(--s8); align-items:center; }
.story-tabs { align-self:start; padding-top:var(--s5); }
.story-tab { display:block; text-align:left; border:0; padding:var(--s4) 0 var(--s5); width:100%; color:var(--on-dark); background:transparent; }
.story-tab__title { display:flex; align-items:baseline; gap:var(--s2); font-size:clamp(1.35rem,2vw,1.8rem); line-height:1.2; font-weight:500; letter-spacing:-.04em; }
.story-tab:hover .story-tab__title,.story-tab[aria-selected=true] .story-tab__title { color:var(--accent); }
.story-tab__description { display:none; padding-left:var(--s4); max-width:390px; margin-top:var(--s4); color:var(--white); font-size:var(--fs-sm); line-height:1.65; }
.story-tab[aria-selected=true] .story-tab__description { display:block; }
.story-tab__detail { display:block; margin-top:var(--s4); color:var(--accent); font-size:var(--fs-xs); }
.discovery__visual { min-width:0; min-height:440px; display:grid; align-items:center; }
.screen-panel { min-width:0; }
.screen-panel>a { display:block; overflow:hidden; border-radius:var(--radius); border:1px solid var(--dark-line); }
.screen-panel>a>img { width:100%; aspect-ratio:1.58; object-fit:cover; object-position:top; }
.screen-panel figcaption { margin-top:var(--s3); color:var(--on-dark); font-size:.65rem; }
.shop-window { color:var(--ink); border:1px solid var(--line); border-radius:var(--radius); background:var(--white); overflow:hidden; box-shadow:var(--shadow); }
.shop-window :focus-visible,.demo-workspace :focus-visible { outline-color:var(--purple); }
.shop-window__bar { display:flex; align-items:center; justify-content:space-between; gap:var(--s4); padding:var(--s4) var(--s5); border-bottom:1px solid var(--line); }
.shop-window__name { font-weight:600; font-size:var(--fs-lg); letter-spacing:-.04em; }
.shop-window__name>span { color:var(--purple); }
.shop-window__label { color:var(--muted); font-size:.65rem; }
.search-preview { display:flex; align-items:center; gap:var(--s3); padding:var(--s2) var(--s3); margin:var(--s5) var(--s5) 0; border:1px solid var(--purple); border-radius:var(--radius-sm); }
.search-preview:focus-within { outline:2px solid var(--purple); outline-offset:3px; }
.search-preview input { width:100%; min-width:0; color:var(--ink); border:0; outline:0; background:transparent; font-size:var(--fs-sm); }
.search-preview__icon { position:relative; flex:0 0 auto; width:14px; height:14px; border:1.5px solid var(--purple); border-radius:var(--pill); margin-right:var(--s1); }
.search-preview__icon::after { content:''; position:absolute; width:6px; height:1.5px; background:var(--purple); right:-5px; bottom:-2px; transform:rotate(45deg); }
.preview-meta { display:flex; justify-content:space-between; gap:var(--s3); padding:var(--s3) var(--s5); color:var(--muted); font-size:.65rem; }
.preview-meta>span:first-child { color:var(--purple); }
.item-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s3); padding-inline:var(--s5); min-height:250px; align-content:start; }
.item-card { min-width:0; border:1px solid var(--line); border-radius:var(--radius-sm); overflow:hidden; }
.item-card__media { aspect-ratio:1.12; background:var(--paper); overflow:hidden; }
.item-card__media img { width:100%; height:100%; object-fit:cover; }
.item-card__body { padding:var(--s3); }
.item-card__category { display:block; color:var(--muted); font-size:.6rem; margin-bottom:var(--s1); }
.item-card h3 { color:var(--ink); font-size:var(--fs-xs); line-height:1.4; font-weight:500; min-height:2.8em; letter-spacing:-.02em; }
.item-card__bottom { display:flex; align-items:center; justify-content:space-between; gap:var(--s1); margin-top:var(--s3); }
.item-card__bottom strong { font-size:var(--fs-sm); font-weight:600; }
.item-card__bottom>span { color:var(--green); font-size:.6rem; }
.preview-empty { padding:var(--s6) var(--s5); min-height:250px; }
.preview-empty p { color:var(--muted); margin-block:var(--s3); font-size:var(--fs-sm); }
.section--dark .preview-empty .text-link { color:var(--purple); }
.preview-suggestions { display:flex; flex-wrap:wrap; align-items:center; gap:var(--s2); padding:var(--s4) var(--s5); color:var(--muted); font-size:var(--fs-xs); }
.shop-window__footer { display:flex; justify-content:space-between; gap:var(--s4); padding:var(--s3) var(--s5); color:var(--muted); font-size:.6rem; border-top:1px solid var(--line); }
.shop-window__footer b { color:var(--purple); font-size:var(--fs-sm); }
.analytics-section__grid { display:grid; grid-template-columns:1.2fr .85fr; gap:var(--s8); align-items:center; }
.admin-screen { min-width:0; }
.admin-screen>a { display:block; padding:var(--s4); border-radius:var(--radius); border:1px solid var(--line); background:var(--paper); }
.admin-screen img { border:1px solid var(--line); border-radius:var(--radius-sm); }
.admin-screen figcaption { font-size:.65rem; color:var(--muted); margin-top:var(--s3); }
.analytics-section__copy h2>span { color:var(--purple); }
.analytics-section__copy>p:not(.eyebrow) { color:var(--muted); font-size:var(--fs-sm); margin-top:var(--s5); }
.plain-list { list-style:none; margin:var(--s5) 0; padding:0; font-size:var(--fs-sm); }
.plain-list li { padding:var(--s2) 0; }
.plain-list li::before { content:'›'; color:var(--purple); margin-right:var(--s3); }
.live-section { border-top-right-radius:var(--curve); border-bottom-left-radius:var(--curve); background:var(--dark-soft); }
.live-section__grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:var(--s8); align-items:center; }
.live-section h2 { margin-bottom:var(--s5); }
.live-section__grid>div>p:not(.eyebrow) { max-width:410px; color:var(--on-dark); margin-bottom:var(--s5); }
.demo-workspace { min-width:0; border-radius:var(--radius); padding:var(--s6); background:var(--white); color:var(--ink); }
.demo-workspace__label { display:flex; align-items:center; gap:var(--s2); padding-bottom:var(--s4); border-bottom:1px solid var(--line); margin-bottom:var(--s5); font-size:var(--fs-xs); }
.demo-workspace__label>span:last-child { margin-left:auto; color:var(--muted); }
.status-dot { width:6px; height:6px; flex:0 0 auto; background:var(--purple); border-radius:var(--pill); }
.findio-demo-mount { min-height:56px; }
.demo-queries { display:flex; flex-wrap:wrap; gap:var(--s2); margin-top:var(--s4); align-items:center; }
.demo-queries>span { width:100%; color:var(--muted); font-size:var(--fs-xs); }
.small-note { margin-top:var(--s5); color:var(--muted); font-size:var(--fs-xs); }
.demo-fallback p { margin-block:var(--s4); font-size:var(--fs-sm); color:var(--muted); }
.section--dark .demo-fallback .text-link { color:var(--purple); }
.section-heading { text-align:center; max-width:720px; margin-inline:auto; }
.section-heading h2>span { color:var(--purple); }
.section-heading>p:last-child:not(.eyebrow) { max-width:570px; margin:var(--s5) auto 0; color:var(--muted); }
.feed-formats { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:var(--s7); margin:var(--s8) 0; }
.feed-formats>span { color:var(--ink); font-size:clamp(1rem,1.8vw,1.45rem); font-weight:600; letter-spacing:-.03em; }
.setup-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; gap:var(--s8); margin:0; padding:var(--s6) 0 0; border-top:1px solid var(--line); }
.setup-steps li { position:relative; }
.setup-steps li:not(:last-child)::after { position:absolute; right:-2.25rem; top:0; content:'→'; color:var(--purple); }
.setup-steps h3 { font-size:var(--fs-lg); font-weight:500; }
.setup-steps p { margin-top:var(--s3); font-size:var(--fs-sm); color:var(--muted); max-width:300px; }
.integration-section .wrap>.text-link { display:flex; justify-content:center; margin-top:var(--s7); }
.pricing-section { border-bottom-right-radius:var(--curve); }
.pricing-section__grid { display:grid; grid-template-columns:1.2fr .7fr; gap:var(--s9); align-items:center; }
.pricing-section__grid>div>p:not(.eyebrow) { max-width:510px; margin-block:var(--s5) var(--s6); color:var(--on-dark); }
.beta-offer { padding-left:var(--s8); border-left:1px solid var(--dark-line); }
.beta-offer__price { display:flex; align-items:baseline; gap:var(--s5); font-size:5.5rem; line-height:1; letter-spacing:-.06em; margin-bottom:var(--s6); }
.beta-offer__price>span { font-size:var(--fs-xs); letter-spacing:0; color:var(--on-dark); }
.beta-offer dl { margin:0; }
.beta-offer dl>div { display:flex; justify-content:space-between; gap:var(--s4); padding-block:var(--s3); font-size:var(--fs-xs); border-top:1px solid var(--dark-line); }
.beta-offer dd { margin:0; font-weight:500; white-space:nowrap; }
.pricing-section__grid .beta-offer>p { margin-bottom:0; font-size:var(--fs-xs); }
.faq { max-width:820px; margin:var(--s7) auto 0; }
.faq details { border-bottom:1px solid var(--line); }
.faq details:first-child { border-top:1px solid var(--line); }
.faq summary { cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:var(--s5); font-size:var(--fs-base); font-weight:500; padding-block:var(--s5); line-height:1.4; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary>span { color:var(--purple); }
.faq details[open] summary>span { transform:rotate(45deg); }
.faq__body { padding:0 var(--s6) var(--s5) 0; font-size:var(--fs-sm); color:var(--muted); }
.site-footer { color:var(--on-dark); background:var(--dark); padding-top:var(--s8); }
.site-footer a { color:var(--white); }
.site-footer a:hover { color:var(--accent); }
.site-footer__top { display:grid; grid-template-columns:.8fr 1fr 1fr; gap:var(--s6); padding-bottom:var(--s8); align-items:start; }
.site-footer__top p,.site-footer__top nav { font-size:var(--fs-sm); }
.site-footer__top nav { display:grid; grid-template-columns:1fr 1fr; gap:var(--s3); }
.site-footer__bottom { display:flex; flex-wrap:wrap; justify-content:space-between; gap:var(--s4); padding-block:var(--s5); border-top:1px solid var(--dark-line); font-size:var(--fs-xs); }
@media(max-width:1050px) {
  .capability-strip ul { gap:var(--s7); }
  .discovery__grid,.analytics-section__grid,.live-section__grid { gap:var(--s7); }
  .pricing-section__grid { gap:var(--s8); }
  .beta-offer { padding-left:var(--s6); }
  .site-nav__links { gap:var(--s5); }
}
@media(max-width:800px) {
  :root { --curve:2.5rem; }
  .hero { min-height:650px; padding-top:170px; padding-bottom:var(--s7); }
  .hero h1 { max-width:680px; }
  .hero__image { object-position:62% 40%; }
  .discovery__grid,.analytics-section__grid,.live-section__grid,.pricing-section__grid { grid-template-columns:1fr; gap:var(--s7); }
  .discovery__heading { margin-bottom:var(--s7); }
  .story-tabs { padding-top:0; }
  .story-tab { padding-block:var(--s3) var(--s4); }
  .story-tab__description { max-width:600px; }
  .discovery__visual { min-height:0; }
  .analytics-section__copy { max-width:600px; }
  .live-section__grid>div>p:not(.eyebrow) { max-width:600px; }
  .pricing-section__grid { grid-template-columns:1.2fr .8fr; gap:var(--s7); }
  .beta-offer__price { font-size:4rem; flex-wrap:wrap; gap:var(--s3); }
  .beta-offer__price>span { width:100%; }
  .site-nav__links { gap:var(--s4); }
  .site-nav__inner { gap:var(--s4); }
  .site-nav .brand { font-size:1.5rem; }
  .site-nav .brand__mark { width:29px; height:31px; font-size:1.8rem; }
  .site-nav__links a { font-size:var(--fs-xs); }
  .capability-strip .wrap { flex-direction:column; gap:var(--s3); }
  .setup-steps { gap:var(--s6); }
  .setup-steps li:not(:last-child)::after { right:-1.25rem; }
  .site-footer__top { grid-template-columns:1fr 1fr; }
  .site-footer__top .brand { grid-column:1/-1; }
}
@media(max-width:620px) {
  .utility-bar .wrap>span { max-width:220px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .utility-bar .wrap>div>a:first-child { display:none; }
  .utility-bar .wrap>div { flex:0 0 auto; }
  .site-nav__inner { min-height:80px; }
  .site-nav__links { position:absolute; top:80px; left:var(--gutter); right:var(--gutter); background:var(--dark); padding:var(--s5); border:1px solid var(--dark-line); border-radius:var(--radius); flex-direction:column; align-items:start; }
  .js .site-nav__links { display:none; }
  .site-nav.is-open .site-nav__links { display:flex; }
  .site-nav__links a { font-size:var(--fs-base); }
  .js .btn-theme--menu { display:flex; }
  .site-nav__actions { gap:var(--s2); }
  .site-nav__actions>.btn-theme--sm { padding-inline:var(--s3); font-size:.65rem; }
  .hero { min-height:690px; padding-top:185px; padding-bottom:var(--s7); }
  .hero__image { object-position:66% center; }
  .hero::after { background:linear-gradient(90deg,#100b17ba,#100b1750),linear-gradient(0deg,#100b17dc 0%,#100b1780 50%,#100b1740); }
  .hero h1 { max-width:500px; font-size:clamp(2.5rem,9vw,3.6rem); }
  .hero h1 br { display:none; }
  .hero__description { max-width:430px; font-size:var(--fs-base); }
  .hero .eyebrow { max-width:250px; font-size:.65rem; }
  .hero__actions { gap:var(--s4); }
  .hero__actions .text-link { font-size:var(--fs-xs); }
  .capability-strip ul { flex-wrap:wrap; justify-content:center; gap:var(--s3) var(--s5); font-size:var(--fs-base); }
  .discovery__heading { font-size:2rem; }
  .story-tab__title { font-size:1.45rem; }
  .shop-window__bar { padding:var(--s4); }
  .shop-window__label { font-size:.55rem; }
  .search-preview { margin:var(--s4) var(--s4) 0; }
  .preview-meta { padding:var(--s3) var(--s4); }
  .item-grid { grid-template-columns:1fr; min-height:290px; gap:var(--s2); padding-inline:var(--s4); }
  .item-card { display:grid; grid-template-columns:80px 1fr; }
  .item-card__media { aspect-ratio:1; height:100%; }
  .item-card__body { padding:var(--s2) var(--s3); }
  .item-card h3 { min-height:0; }
  .item-card__bottom { margin-top:var(--s1); }
  .preview-empty { min-height:290px; }
  .preview-suggestions { padding:var(--s4); }
  .shop-window__footer { padding-inline:var(--s4); font-size:.55rem; }
  .admin-screen>a { padding:var(--s2); }
  .demo-workspace { padding:var(--s5); }
  .demo-workspace__label>span:last-child { display:none; }
  .feed-formats { gap:var(--s4) var(--s5); margin-block:var(--s7); }
  .feed-formats>span { font-size:var(--fs-lg); }
  .setup-steps { grid-template-columns:1fr; gap:var(--s5); }
  .setup-steps li:not(:last-child)::after { display:none; }
  .setup-steps p { max-width:none; }
  .setup-steps li { padding-bottom:var(--s5); border-bottom:1px solid var(--line); }
  .pricing-section__grid { grid-template-columns:1fr; gap:var(--s7); }
  .beta-offer { padding:var(--s6) 0 0; border-left:0; border-top:1px solid var(--dark-line); }
  .beta-offer__price { flex-wrap:nowrap; align-items:baseline; margin-bottom:var(--s5); }
  .beta-offer__price>span { width:auto; }
  .site-footer__top { gap:var(--s5); }
  .site-footer__top nav { grid-template-columns:1fr; }
  .site-footer__bottom { font-size:.65rem; gap:var(--s3); }
  .site-footer__bottom>span:nth-child(2) { order:3; width:100%; }
  .faq summary { font-size:var(--fs-sm); }
}
@media(max-width:360px) {
  .site-nav .brand { font-size:1.4rem; }
  .site-nav__actions>.btn-theme--sm { font-size:.6rem; padding-inline:var(--s2); }
  .site-nav__inner { gap:var(--s2); }
  .utility-bar .wrap>span { max-width:160px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { transition:none!important; }
}