/* Vamtio 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; --fs-price:clamp(1.75rem,2.4vw,2.25rem); --fs-price-text:clamp(1.4rem,1.9vw,1.75rem); --fs-foot-heading:calc(var(--fs-sm) + 7px);
  --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; --shadow-card:0 6px 24px #231e2714; --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::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--paper { background:var(--paper); }
.section--dark h2 span { color:var(--accent); }
.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:.5em; padding:.75em 1.4em; 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.3; 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--outline { background:transparent; border-color:var(--ink); color:var(--ink); }
.btn-theme--outline:hover { background:var(--ink); border-color:var(--ink); color:var(--white); }
.btn-theme--outline-light { background:transparent; border-color:var(--white); color:var(--white); }
.btn-theme--outline-light:hover { background:var(--white); border-color:var(--white); color:var(--dark); }
.btn-theme--sm { padding:.6em 1.2em; font-size:var(--fs-xs); }
.btn-theme--query { background:var(--white); color:var(--ink); border-color:var(--line); padding:.35em .85em; 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; padding:.55em; border:0; border-radius:var(--radius-sm); color:var(--purple); background:var(--lavender); font-size:var(--fs-sm); }
.btn-theme--menu { display:none; flex-direction:column; gap:5px; padding:1.1em .8em; border-color:var(--dark-line); border-radius:var(--radius-sm); background:var(--dark); }
.btn-theme--menu span { width:18px; height:1px; background:var(--white); }
.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; overflow:hidden; 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% 22%; animation:hero-zoom 1.6s var(--ease) both; }
.hero__content { position:relative; }
.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__note { margin-top:var(--s4); font-size:var(--fs-sm); 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; }
.capability-strip li { display:flex; align-items:center; gap:var(--s2); }
.capability-strip .icon { color:var(--accent); }
.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:center; gap:var(--s3); 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; 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); }
.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; }
.item-grid--panels { min-height:0; gap:var(--s5); padding-inline:0; list-style:none; margin:0; }
.item-grid--plans { grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:var(--s7); }
.item-grid--formats { grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s4); margin-top:var(--s7); }
.item-grid--steps { margin-top:var(--s5); }
.item-card--panel { display:flex; flex-direction:column; padding:var(--s6); border-radius:var(--radius); background:var(--white); box-shadow:var(--shadow-card); }
.item-card--panel h3 { min-height:0; font-size:var(--fs-lg); line-height:1.3; letter-spacing:-.02em; }
.item-card--format { flex-direction:row; align-items:center; gap:var(--s3); padding:var(--s4) var(--s5); font-size:var(--fs-sm); font-weight:500; }
.item-card--format .icon { color:var(--purple); font-size:var(--fs-lg); }
.item-card__icon { display:inline-flex; width:fit-content; padding:.6em; margin-bottom:var(--s4); color:var(--purple); background:var(--lavender); border-radius:var(--radius-sm); font-size:var(--fs-lg); }
.item-card__text { flex:1; margin-top:var(--s3); color:var(--muted); font-size:var(--fs-sm); line-height:1.6; }
.item-card--plan>.btn-theme { align-self:flex-start; margin-top:var(--s5); }
.item-card__price { display:flex; flex-wrap:wrap; align-items:baseline; align-content:flex-end; gap:0 var(--s2); min-height:calc(var(--fs-price)*1.2); margin-top:var(--s4); font-size:var(--fs-price); font-weight:500; line-height:1.2; letter-spacing:-.04em; }
.item-card__price--text { font-size:var(--fs-price-text); }
.item-card__price>span { color:var(--muted); font-size:var(--fs-sm); font-weight:400; letter-spacing:0; }
.item-card--dark { color:var(--white); background:var(--dark); border-color:var(--dark); }
.item-card--dark h3 { color:var(--white); }
.item-card--dark .item-card__text,.item-card--dark .item-card__price>span { color:var(--on-dark); }
.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); }
.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 { color:var(--muted); font-size:var(--fs-sm); margin-top:var(--s5); }
.check-list { list-style:none; margin:var(--s5) 0; padding:0; font-size:var(--fs-sm); }
.check-list li { display:flex; align-items:center; gap:var(--s3); padding:var(--s2) 0; }
.check-list .icon { color:var(--purple); }
.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 { 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-heading { text-align:center; max-width:720px; margin-inline:auto; }
.section-heading h2>span { color:var(--purple); }
.section-heading>p:last-child { max-width:570px; margin:var(--s5) auto 0; color:var(--muted); }
.section-actions { display:flex; justify-content:center; margin-top:var(--s6); }
.plan-note { margin-top:var(--s4); color:var(--muted); font-size:var(--fs-sm); text-align:center; }
.plan-features { margin-top:var(--s5); padding:var(--s6); border-radius:var(--radius); background:var(--white); box-shadow:var(--shadow-card); }
.plan-features h3 { font-size:var(--fs-lg); letter-spacing:-.02em; }
.plan-features .check-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s2) var(--s6); margin:var(--s4) 0 0; }
.faq { display:grid; gap:var(--s3); max-width:820px; margin:var(--s7) auto 0; }
.faq details { border-radius:var(--radius); background:var(--white); box-shadow:var(--shadow-card); }
.faq summary { cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:var(--s5); padding:var(--s4) var(--s5); font-size:var(--fs-base); font-weight:500; line-height:1.4; }
.faq summary::-webkit-details-marker { display:none; }
.faq__chevron { flex:0 0 auto; color:var(--purple); font-size:var(--fs-lg); transition:transform .25s var(--ease); }
.faq details[open] .faq__chevron { transform:rotate(180deg); }
.faq details[open] .faq__body { animation:rise .3s var(--ease) both; }
.faq__body { padding:0 var(--s5) var(--s5); 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:1.1fr .9fr 1.2fr; gap:var(--s6); padding-bottom:var(--s8); align-items:start; font-size:var(--fs-sm); }
.site-footer__brand p { margin-top:var(--s4); }
.site-footer__heading { margin-bottom:var(--s3); color:var(--white); font-size:var(--fs-foot-heading); font-weight:500; line-height:1.3; letter-spacing:-.02em; }
.site-footer__mail { display:inline-flex; align-items:center; gap:var(--s2); }
.site-footer__nav { display:grid; grid-template-columns:1fr 1fr; gap:var(--s6); }
.site-footer__nav a { display:block; padding-block:var(--s1); }
.site-footer__legal { display:flex; flex-wrap:wrap; gap:var(--s2) var(--s5); }
.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:1300px) {
  .item-card--plan { padding:var(--s5); }
  .item-card--plan h3 { min-height:2.6em; }
}
@media(max-width:1050px) {
  .item-grid--plans,.item-grid--formats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .item-card--plan h3 { min-height:0; }
  .plan-features .check-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .capability-strip ul { gap:var(--s7); }
  .discovery__grid,.analytics-section__grid,.live-section__grid { gap:var(--s7); }
  .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:58% 22%; }
  .discovery__grid,.analytics-section__grid,.live-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 { max-width:600px; }
  .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); }
  .item-grid--steps { grid-template-columns:1fr; }
  .site-footer__top { grid-template-columns:1fr 1fr; }
  .site-footer__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); }
  .hero { min-height:690px; padding-top:185px; padding-bottom:var(--s7); }
  .hero__image { object-position:60% 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__actions { gap:var(--s4); }
  .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); }
  .item-grid--panels { min-height:0; gap:var(--s4); padding-inline:0; }
  .item-grid--formats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s3); }
  .item-card--panel { display:flex; padding:var(--s5); }
  .item-card--format { padding:var(--s3) var(--s4); font-size:var(--fs-xs); }
  .plan-features { padding:var(--s5); }
  .plan-features .check-list { grid-template-columns:1fr; }
  .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; }
  .site-footer__top { grid-template-columns:1fr; gap:var(--s5); }
  .site-footer__bottom { font-size:.65rem; gap:var(--s3); }
  .site-footer__legal { 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:.65rem; }
  .site-nav__inner { gap:var(--s2); }
  .utility-bar .wrap>span { max-width:160px; }
}
@keyframes rise { from { opacity:0; transform:translateY(1.25rem); } to { opacity:1; transform:none; } }
@keyframes hero-zoom { from { transform:scale(1.06); } to { transform:none; } }
.hero__content>* { animation:rise .7s var(--ease) both; }
.hero__content>:nth-child(2) { animation-delay:.1s; }
.hero__content>:nth-child(3) { animation-delay:.2s; }
.hero__content>:nth-child(4) { animation-delay:.3s; }
[data-reveal],[data-reveal-group]>* { transition:opacity .6s var(--ease),transform .6s var(--ease),box-shadow var(--transition); }
.js [data-reveal]:not(.is-visible),.js [data-reveal-group]:not(.is-visible)>* { opacity:0; transform:translateY(1.25rem); }
[data-reveal-group]>:nth-child(2) { transition-delay:.08s; }
[data-reveal-group]>:nth-child(3) { transition-delay:.16s; }
[data-reveal-group]>:nth-child(4) { transition-delay:.24s; }
[data-reveal-group]>:nth-child(5) { transition-delay:.32s; }
[data-reveal-group]>:nth-child(6) { transition-delay:.4s; }
.item-card--panel:hover { box-shadow:var(--shadow); transition-delay:0s; }
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition:none!important; }
  .js [data-reveal]:not(.is-visible),.js [data-reveal-group]:not(.is-visible)>* { opacity:1; transform:none; }
}