/* PureTweaks home page (v7): hero, event rail and routes. Loaded after ui-core.css. */

/* Home hero: one grid with and without an event, so the event never moves the page */
html body[data-storefront-home] #hero { display:block!important; min-height:0!important; padding:calc(var(--ui-header-h) + clamp(28px,4.5vw,64px)) max(var(--ui-edge),calc((100% - var(--ui-max)) / 2)) 0!important; background:none!important; }
html body[data-storefront-home] #hero::before,html body[data-storefront-home] #hero::after { display:none!important; }
html body[data-storefront-home] #hero :is(.hero-content,.event-hero-home) { display:grid!important; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important; grid-template-rows:repeat(4,auto) 1fr; column-gap:clamp(32px,5vw,72px)!important; row-gap:0!important; width:100%!important; max-width:none!important; min-height:0; margin:0!important; padding:0!important; border:0!important; text-align:left; align-items:start; }
html body[data-storefront-home] #hero .event-hero-home { grid-template-rows:auto; }
html body[data-storefront-home] #hero .hero-content>* { grid-row:auto!important; order:0!important; align-self:start; }
html body[data-storefront-home] #hero :is(.hero-badge-container,.tuner-badge,.event-eyebrow,.event-hero-meta,.event-hero-bottom) { display:none!important; }
html body[data-storefront-home] #hero .event-hero-copy { padding:0!important; }
html body[data-storefront-home] #hero .event-hero-home .hero-benchmark { grid-row:1!important; }
html body[data-storefront-home] #hero .hero-content>.metrics-bar { grid-row:6!important; }
html body[data-storefront-home] #hero :is(.hero-title,.hero-title *,.metric-value,.metric-value *) { text-shadow:none!important; filter:none!important; }
html body[data-storefront-home] #hero .hero-content>:not(.hero-benchmark,.metrics-bar) { grid-column:1; }
html body[data-storefront-home] #hero :is(.hero-title,#eventHeroTitle) { max-width:none!important; margin:0!important; color:var(--ui-text)!important; font:600 var(--ui-fs-h1)/1.04 var(--ui-font-display)!important; letter-spacing:-.035em!important; text-align:left!important; text-wrap:balance; }
html body[data-storefront-home] #hero :is(.hero-line,.hero-line-secondary) { display:block; width:auto; color:var(--ui-text)!important; background:none!important; -webkit-text-fill-color:currentColor!important; animation:none!important; opacity:1!important; transform:none!important; }
html body[data-storefront-home] #hero #eventHeroTitle>span { color:var(--ui-accent)!important; }
html body[data-storefront-home] #hero :is(.hero-desc,.event-description) { max-width:54ch!important; margin:20px 0 28px!important; color:var(--ui-soft)!important; font:400 var(--ui-fs-lead)/1.6 var(--ui-font-body)!important; text-align:left!important; }
html body[data-storefront-home] #hero :is(.hero-actions,.event-actions) { display:flex; flex-wrap:wrap; justify-content:flex-start!important; gap:12px!important; margin:0!important; }
html body[data-storefront-home] #hero .event-offer { flex-direction:row; flex-wrap:wrap; align-items:center; gap:4px 12px; min-height:44px; margin:16px 0 0!important; }
html body[data-storefront-home] #hero .event-offer strong { padding:0; border:0; background:none; border-radius:0; color:var(--ui-accent); font:600 var(--ui-fs-body)/1.3 var(--ui-font-body); letter-spacing:0; box-shadow:none; }
html body[data-storefront-home] #hero .event-offer>span { color:var(--ui-soft); font-size:var(--ui-fs-small); }
html body[data-storefront-home] #hero .hero-benchmark { grid-column:2!important; grid-row:1 / span 5!important; align-self:start!important; width:100%; max-width:none!important; height:auto; margin:0!important; padding:clamp(18px,2vw,26px)!important; border:1px solid var(--ui-line)!important; border-radius:var(--ui-r-card)!important; background:var(--ui-glass)!important; box-shadow:none!important; backdrop-filter:var(--ui-blur)!important; transform:none!important; animation:none!important; opacity:1!important; }
html body[data-storefront-home] #hero .hero-benchmark .hb-title { margin:0!important; font-size:clamp(1.5rem,1.2rem + 1vw,1.875rem)!important; letter-spacing:-.03em!important; }
html body[data-storefront-home] #hero .hero-benchmark .hb-title>span { font-size:var(--ui-fs-small)!important; color:var(--ui-soft)!important; }
html body[data-storefront-home] #hero .hb-hardware { margin:6px 0 0; font-size:var(--ui-fs-small); line-height:1.5; color:var(--ui-soft); }
html body[data-storefront-home] #hero .hb-metric { margin:18px 0 10px; font-size:var(--ui-fs-label); font-weight:500; letter-spacing:0; color:var(--ui-text); }
html body[data-storefront-home] #hero .hb-metric>span { font-size:var(--ui-fs-label); letter-spacing:0; color:var(--ui-quiet); }
html body[data-storefront-home] #hero .hb-bars { gap:12px; }
html body[data-storefront-home] #hero .hb-row-label { margin-bottom:6px; font-size:var(--ui-fs-small); color:var(--ui-text); }
html body[data-storefront-home] #hero .hb-row-label strong { font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem); }
html body[data-storefront-home] #hero .hb-row-label small { font-size:var(--ui-fs-label); color:var(--ui-quiet); }
html body[data-storefront-home] #hero .hb-track { height:6px; border-radius:1px; background:rgba(255,255,255,.08); }
html body[data-storefront-home] #hero .hb-track>span { border-radius:1px; box-shadow:none; }
html body[data-storefront-home] #hero .hb-row-accent .hb-track>span { background:var(--ui-accent); }
html body[data-storefront-home] #hero .hb-row-accent .hb-row-label strong { color:var(--ui-accent); }
html body[data-storefront-home] #hero .hb-links { display:flex; flex-wrap:wrap; gap:0 20px; margin-top:12px; border-color:var(--ui-line); }
html body[data-storefront-home] #hero .hb-links>a { gap:6px; color:var(--ui-soft); font-size:var(--ui-fs-label); justify-content:flex-start; text-decoration:underline; text-decoration-color:var(--ui-line-strong); text-underline-offset:3px; }
html body[data-storefront-home] #hero .hb-links>a:hover { color:var(--ui-text); }
html body[data-storefront-home] #hero .hb-links>a>span { color:inherit; display:inline-flex; }
html body[data-storefront-home] #hero .hb-note { margin:0; font-size:var(--ui-fs-label); color:var(--ui-quiet); }

/* The rail under the hero: figures without an event, countdown and prices with one */
html body[data-storefront-home] #hero .metrics-bar { grid-column:1 / -1!important; display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:0!important; width:100%!important; max-width:none!important; min-height:124px; margin:clamp(28px,4vw,48px) 0 0!important; padding:0!important; border:0!important; border-top:1px solid var(--ui-line)!important; border-bottom:1px solid var(--ui-line)!important; background:none!important; border-radius:0!important; box-shadow:none!important; backdrop-filter:none!important; }
html body[data-storefront-home] #hero .metric-item { display:flex; flex-direction:column; justify-content:center; gap:2px; min-width:0; padding:16px clamp(12px,2vw,24px)!important; border:0!important; border-left:1px solid var(--ui-line)!important; border-radius:0!important; background:none!important; box-shadow:none!important; transform:none!important; text-align:left; text-decoration:none; }
html body[data-storefront-home] #hero .metric-item:first-child { padding-left:0!important; border-left:0!important; }
html body[data-storefront-home] #hero :is(.metric-item,.metrics-bar)::before,html body[data-storefront-home] #hero .metric-item::after,html body[data-storefront-home] #hero .metrics-bar::after,html body[data-storefront-home] #hero .metric-detail { display:none!important; }
html body[data-storefront-home] #hero #homeReviewAverage { color:var(--ui-gold)!important; }
html body[data-storefront-home] #hero .metric-review-stars { display:inline-block; align-self:flex-start; margin:0; color:rgba(196,173,134,.3); font-size:var(--ui-fs-small); line-height:1.2; letter-spacing:.06em; text-shadow:none; }
html body[data-storefront-home] #hero .metric-review-stars[hidden] { display:none!important; }
html body[data-storefront-home] #hero .metric-review-stars-fill { color:var(--ui-gold); text-shadow:none; }
html body[data-storefront-home] #hero .metric-value { color:var(--ui-text)!important; font:600 clamp(1.5rem,1.2rem + 1vw,2rem)/1.1 var(--ui-font-display)!important; letter-spacing:-.02em!important; text-shadow:none!important; font-variant-numeric:tabular-nums; }
html body[data-storefront-home] #hero .metric-suffix,html body[data-storefront-home] #hero .metric-value span { color:inherit!important; font:inherit!important; }
html body[data-storefront-home] #hero .metric-label { color:var(--ui-soft)!important; font:400 var(--ui-fs-small)/1.35 var(--ui-font-body)!important; letter-spacing:0!important; text-transform:none!important; }
html body.seasonal-mode[data-storefront-home] #hero { display:grid!important; grid-template-columns:minmax(0,5fr) minmax(0,7fr); column-gap:clamp(20px,3vw,40px); }
html body.seasonal-mode[data-storefront-home] #hero #halloweenHero { grid-column:1 / -1; }
html body.seasonal-mode[data-storefront-home] #hero>.hero-content { display:none!important; }
html body[data-storefront-home] #hero .event-countdown { display:flex; align-items:center; justify-content:space-between; gap:12px 20px; flex-wrap:wrap; min-height:124px; max-width:none; margin:clamp(28px,4vw,48px) 0 0!important; padding:12px 0!important; box-sizing:border-box; border:0!important; border-top:1px solid var(--ui-line)!important; border-bottom:1px solid var(--ui-line)!important; border-radius:0!important; background:none!important; box-shadow:none!important; backdrop-filter:none!important; }
html body[data-storefront-home] #hero .event-countdown::before,html body[data-storefront-home] #hero .event-countdown::after { display:none!important; }
html body[data-storefront-home] #hero .event-countdown-copy { display:block; }
html body[data-storefront-home] #hero .event-countdown-copy>p { color:var(--ui-accent); font:600 var(--ui-fs-small)/1.3 var(--ui-font-body); letter-spacing:0; }
html body[data-storefront-home] #hero .event-countdown-copy>span { display:none; }
html body[data-storefront-home] #hero .event-live-dot { display:none; }
html body[data-storefront-home] #hero .event-countdown .event-countdown-digits { display:flex; justify-content:flex-start; align-items:flex-start; gap:clamp(4px,.6vw,8px); width:auto; }
html body[data-storefront-home] #hero .event-countdown .event-countdown-unit { padding:0!important; border:0!important; background:none!important; box-shadow:none!important; border-radius:0!important; min-width:2.4em; text-align:left; }
html body[data-storefront-home] #hero .event-countdown .event-countdown-unit>strong { display:block; height:auto; color:var(--ui-text); font:600 clamp(1.625rem,1.2rem + 1.2vw,2.25rem)/1.05 var(--ui-font-display); letter-spacing:-.02em; text-shadow:none; }
html body[data-storefront-home] #hero .event-countdown .event-countdown-unit>span { margin-top:2px; color:var(--ui-soft); font:400 var(--ui-fs-label)/1.2 var(--ui-font-body); letter-spacing:0; text-transform:capitalize; }
html body[data-storefront-home] #hero .event-countdown .event-countdown-colon { margin:0; color:var(--ui-quiet); font:400 1.5rem/1.3 var(--ui-font-display); }
html body[data-storefront-home] #hero .event-countdown .event-countdown-live { padding:8px 12px; border-radius:var(--ui-r-control); font:600 var(--ui-fs-small)/1 var(--ui-font-body); letter-spacing:.02em; background:none; box-shadow:none; }
html body[data-storefront-home] #hero .event-price-strip { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0!important; min-height:124px; max-width:none; margin:clamp(28px,4vw,48px) 0 0!important; padding:0!important; border:0!important; border-top:1px solid var(--ui-line)!important; border-bottom:1px solid var(--ui-line)!important; border-radius:0!important; background:none!important; box-shadow:none!important; }
html body[data-storefront-home] #hero .event-price-strip>a { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:4px; min-width:0; padding:12px clamp(10px,1.4vw,20px)!important; border:0!important; border-left:1px solid var(--ui-line)!important; border-radius:0!important; background:none!important; box-shadow:none!important; backdrop-filter:none!important; transform:none!important; color:var(--ui-text); text-align:left; text-decoration:none; }
html body[data-storefront-home] #hero .event-price-strip>a:hover { background:rgba(255,255,255,.04)!important; }
html body[data-storefront-home] #hero .event-price-strip>a::before,html body[data-storefront-home] #hero .event-price-strip>a::after { display:none!important; }
html body[data-storefront-home] #hero .event-price-strip>a>span:first-child { flex:none; color:var(--ui-soft); font-size:var(--ui-fs-small); }
html body[data-storefront-home] #hero .event-price-strip>a>span:last-child { display:none; }
html body[data-storefront-home] #hero .event-price-strip .event-price { width:100%; justify-content:flex-start; gap:2px 8px; }
html body[data-storefront-home] #hero .event-price-strip strong { order:-1; color:var(--ui-text); font:600 clamp(1.25rem,1.05rem + .7vw,1.625rem)/1.15 var(--ui-font-display); letter-spacing:-.02em; width:100%; }
html body[data-storefront-home] #hero .event-price-strip del { display:inline; color:var(--ui-soft); font-size:var(--ui-fs-label); }
html body[data-storefront-home] #hero .event-sale-badge { padding:1px 6px!important; border-radius:4px!important; border-color:var(--ui-line-strong)!important; background:none!important; color:var(--ui-accent)!important; font:600 var(--ui-fs-label)/1.4 var(--ui-font-body)!important; }

/* Home: "Find your way": three routes as one ruled list, not three cards */
html body[data-storefront-home] .studio-pathways { padding:var(--ui-section) 0 0!important; background:none!important; border:0!important; }
html body[data-storefront-home] .studio-pathways .container { max-width:calc(var(--ui-max) + 2 * var(--ui-edge))!important; width:100%!important; padding-inline:var(--ui-edge)!important; }
html body[data-storefront-home] .studio-pathways-heading { display:grid!important; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:12px clamp(24px,5vw,72px); align-items:end; margin:0 0 clamp(24px,3vw,40px)!important; }
html body[data-storefront-home] .studio-pathways-heading h2 { margin:0!important; color:var(--ui-text)!important; font:600 var(--ui-fs-h2)/1.08 var(--ui-font-display)!important; letter-spacing:-.03em!important; }
html body[data-storefront-home] .studio-pathways-heading>p { margin:0!important; max-width:60ch; color:var(--ui-soft)!important; font:400 var(--ui-fs-lead)/1.6 var(--ui-font-body)!important; }
html body[data-storefront-home] .studio-kicker { display:none!important; }
html body[data-storefront-home] .studio-pathways-grid { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:0!important; border-top:1px solid var(--ui-line); border-bottom:1px solid var(--ui-line); }
html body[data-storefront-home] .studio-pathway { display:flex!important; flex-direction:column; gap:8px; min-height:0!important; padding:24px clamp(16px,2.4vw,32px)!important; border:0!important; border-left:1px solid var(--ui-line)!important; border-radius:0!important; background:none!important; box-shadow:none!important; backdrop-filter:none!important; transform:none!important; text-decoration:none; }
html body[data-storefront-home] .studio-pathway:first-child { padding-left:0!important; border-left:0!important; }
html body[data-storefront-home] .studio-pathway::before,html body[data-storefront-home] .studio-pathway::after { display:none!important; }
html body[data-storefront-home] .studio-pathway h3 { margin:0!important; color:var(--ui-text)!important; font:600 var(--ui-fs-h3)/1.25 var(--ui-font-display)!important; letter-spacing:-.015em!important; }
html body[data-storefront-home] .studio-pathway p { margin:0!important; color:var(--ui-soft)!important; font:400 var(--ui-fs-body)/1.55 var(--ui-font-body)!important; }
html body[data-storefront-home] .studio-pathway-action { display:inline-flex!important; align-items:center; justify-content:flex-start!important; gap:8px; width:auto!important; min-height:0!important; margin-top:auto!important; padding:12px 0 0!important; border:0!important; border-radius:0!important; background:none!important; box-shadow:none!important; color:var(--ui-text)!important; font:600 var(--ui-fs-small)/1.3 var(--ui-font-body)!important; letter-spacing:0!important; text-transform:none!important; }
html body[data-storefront-home] .studio-pathway:hover .studio-pathway-action { color:var(--ui-accent)!important; }
html body[data-storefront-home] .studio-pathway .ui-icon { transition:translate .15s ease; }
html body[data-storefront-home] .studio-pathway:hover .ui-icon { translate:3px 0; }
html body[data-storefront-home] .pg-home-tools { display:flex!important; flex-wrap:wrap; align-items:center; gap:8px 12px; margin:20px 0 0!important; padding:0!important; border:0!important; background:none!important; color:var(--ui-soft); font-size:var(--ui-fs-small); }
html body[data-storefront-home] .pg-home-tools button { min-height:44px; padding:8px 14px!important; border:1px solid var(--ui-line-strong)!important; border-radius:var(--ui-r-control)!important; background:none!important; box-shadow:none!important; color:var(--ui-text)!important; font:500 var(--ui-fs-small)/1.2 var(--ui-font-body)!important; cursor:pointer; }
html body[data-storefront-home] .pg-home-tools button:hover { background:rgba(255,255,255,.06)!important; }
@media (min-width:1024px) { html body[data-storefront-home] #hero { min-height:732px!important; } }
@media (max-width:1023px) {
  html body[data-storefront-home] #hero :is(.hero-content,.event-hero-home) { grid-template-columns:minmax(0,1fr)!important; grid-template-rows:none; }
  html body[data-storefront-home] #hero .hero-benchmark,html body[data-storefront-home] #hero .event-hero-home .hero-benchmark { grid-column:1!important; grid-row:auto!important; margin-top:28px!important; }
  html body[data-storefront-home] #hero .hero-content>.metrics-bar { grid-row:auto!important; }
  html body[data-storefront-home] #hero .hero-actions { margin-bottom:60px!important; }
  html body[data-storefront-home] #hero .metrics-bar { margin-top:28px!important; }
}
@media (max-width:767px) {
  html body.seasonal-mode[data-storefront-home] #hero { grid-template-columns:minmax(0,1fr); }
  html body[data-storefront-home] #hero .event-price-strip { margin-top:0!important; border-top:0!important; }
  html body[data-storefront-home] #hero .event-countdown { min-height:88px; margin-top:28px!important; }
  html body[data-storefront-home] #hero .metrics-bar { min-height:252px; grid-auto-rows:1fr; }
  html body[data-storefront-home] .studio-pathways-heading { grid-template-columns:minmax(0,1fr); }
  html body[data-storefront-home] .studio-pathways-grid { grid-template-columns:minmax(0,1fr)!important; }
  html body[data-storefront-home] .studio-pathway { padding:20px 0!important; border-left:0!important; border-top:1px solid var(--ui-line)!important; }
  html body[data-storefront-home] .studio-pathway:first-child { border-top:0!important; }
  html body[data-storefront-home] #hero .metrics-bar { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  html body[data-storefront-home] #hero .metric-item:nth-child(odd) { padding-left:0!important; border-left:0!important; }
  html body[data-storefront-home] #hero .metric-item:nth-child(n+3) { border-top:1px solid var(--ui-line)!important; }
  html body[data-storefront-home] #hero .event-price-strip { grid-template-columns:minmax(0,1fr); min-height:0; }
  html body[data-storefront-home] #hero .event-price-strip>a { flex-direction:row; align-items:center; justify-content:space-between; min-height:44px; padding:4px 0!important; border-left:0!important; border-top:1px solid var(--ui-line)!important; }
  html body[data-storefront-home] #hero .event-price-strip>a:first-child { border-top:0!important; }
  html body[data-storefront-home] #hero .event-price-strip>a>span:first-child { flex:0 1 auto; }
  html body[data-storefront-home] #hero .event-price-strip .event-price { width:auto; justify-content:flex-end; }
  html body[data-storefront-home] #hero .event-price-strip strong { width:auto; order:0; font-size:1.125rem; }
  html body[data-storefront-home] #hero .event-countdown { justify-content:flex-start; }
  html body[data-storefront-home] #hero .event-countdown-copy { width:100%; }
  html body[data-storefront-home] #hero .event-countdown .event-countdown-digits { display:flex; width:100%; justify-content:space-between; }
  html body[data-storefront-home] #hero .event-countdown .event-countdown-colon { display:block; }
}
@media (max-width:600px) {
  html body[data-storefront-home] #hero :is(.hero-actions,.event-actions) { display:grid; grid-template-columns:minmax(0,1fr); }
  html body[data-storefront-home] #hero .hb-metric>span { display:none; }
}

/* Home sections: one rhythm, each with its own structure */
html body[data-storefront-home] main>section:not(#hero) { background:none!important; border:0!important; }
html body[data-storefront-home] :is(#system-layers,#features,#utility,#customer-stories,#process) { padding:var(--ui-section) 0 0!important; min-height:0!important; }
html body[data-storefront-home] :is(#system-layers,#features,#utility,#customer-stories,#process)>.container { width:100%!important; max-width:calc(var(--ui-max) + 2 * var(--ui-edge))!important; margin:auto; padding-inline:var(--ui-edge)!important; }
html body[data-storefront-home] #system-layers::before,html body[data-storefront-home] #system-layers::after { display:none!important; }

/* One system: PURE CORE stays as the brand moment, without a scroll scene */
html body[data-storefront-home] .studio-engineering-grid { display:grid!important; grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important; gap:clamp(28px,5vw,72px)!important; align-items:center!important; }
html body[data-storefront-home] .studio-engineering-visual { order:0; position:relative; min-height:0!important; padding:0!important; border:0!important; border-radius:0!important; background:none!important; box-shadow:none!important; transform:none!important; }
html body[data-storefront-home] .studio-engineering-visual::before,html body[data-storefront-home] .studio-engineering-visual::after,html body[data-storefront-home] .studio-layer-key { display:none!important; }
html body[data-storefront-home] .studio-engineering-visual [data-pure-core] { max-width:520px; margin-inline:auto; }
html body[data-storefront-home] .studio-engineering-visual [data-pure-core] * { animation-play-state:paused; }
html body[data-storefront-home] .studio-engineering-copy h2 { margin:0!important; color:var(--ui-text)!important; font:600 var(--ui-fs-h2)/1.06 var(--ui-font-display)!important; letter-spacing:-.03em!important; }
html body[data-storefront-home] .studio-engineering-copy h2 span { color:inherit!important; -webkit-text-fill-color:currentColor!important; background:none!important; }
html body[data-storefront-home] .studio-engineering-copy>p:not(.studio-kicker) { margin:14px 0 20px!important; max-width:60ch; color:var(--ui-soft)!important; font:400 var(--ui-fs-lead)/1.6 var(--ui-font-body)!important; }
html body[data-storefront-home] .studio-engineering-steps { display:block!important; margin:0 0 16px!important; padding:0!important; border-top:1px solid var(--ui-line); list-style:none; }
html body[data-storefront-home] .studio-engineering-steps li { display:grid!important; grid-template-columns:44px minmax(0,1fr); gap:12px; align-items:baseline; margin:0!important; padding:14px 0!important; border:0!important; border-bottom:1px solid var(--ui-line)!important; border-radius:0!important; background:none!important; box-shadow:none!important; opacity:1!important; transform:none!important; }
html body[data-storefront-home] .studio-engineering-steps li>span { width:auto!important; height:auto!important; padding:0!important; border:0!important; border-radius:0!important; background:none!important; box-shadow:none!important; color:var(--ui-accent)!important; font:600 var(--ui-fs-body)/1.3 var(--ui-font-display)!important; font-variant-numeric:tabular-nums; }
html body[data-storefront-home] .studio-engineering-steps h3 { margin:0 0 2px!important; color:var(--ui-text)!important; font:600 var(--ui-fs-body)/1.35 var(--ui-font-body)!important; letter-spacing:0!important; }
html body[data-storefront-home] .studio-engineering-steps p { margin:0!important; color:var(--ui-soft)!important; font:400 var(--ui-fs-small)/1.5 var(--ui-font-body)!important; }
html body[data-storefront-home] .studio-text-link { display:inline-flex!important; align-items:center; gap:8px; min-height:44px; padding:0!important; border:0!important; border-radius:0!important; background:none!important; box-shadow:none!important; color:var(--ui-text)!important; font:600 var(--ui-fs-small)/1.3 var(--ui-font-body)!important; text-decoration:underline; text-decoration-color:var(--ui-line-strong); text-underline-offset:4px; }
html body[data-storefront-home] .studio-text-link:hover { color:var(--ui-accent)!important; }

/* Capabilities: figures on the left, a dense list on the right */
html body[data-storefront-home] #features>.container { display:grid!important; grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important; gap:clamp(28px,5vw,72px)!important; align-items:start; }
html body[data-storefront-home] #features .section-header { display:block!important; position:sticky; top:calc(var(--ui-header-h) + 24px); margin:0!important; max-width:none; text-align:left; }
html body[data-storefront-home] .ui-figures { display:grid; gap:0; margin:24px 0 0; border-top:1px solid var(--ui-line); }
html body[data-storefront-home] .ui-figures>div { display:grid; grid-template-columns:minmax(120px,auto) minmax(0,1fr); gap:16px; align-items:baseline; padding:14px 0; border-bottom:1px solid var(--ui-line); }
html body[data-storefront-home] .ui-figures dt { color:var(--ui-gold); font:600 clamp(1.75rem,1.3rem + 1.4vw,2.5rem)/1 var(--ui-font-display); letter-spacing:-.025em; font-variant-numeric:tabular-nums; }
html body[data-storefront-home].seasonal-mode .ui-figures dt { color:var(--ui-accent); }
html body[data-storefront-home] .ui-figures dd { margin:0; color:var(--ui-soft); font-size:var(--ui-fs-small); line-height:1.45; }
html body[data-storefront-home] #features .features-grid { display:block!important; margin:0!important; border-top:1px solid var(--ui-line); }
html body[data-storefront-home] #features .feature-card { display:grid!important; grid-template-columns:28px minmax(0,1fr); column-gap:16px; min-height:0!important; margin:0!important; padding:18px 0!important; border:0!important; border-bottom:1px solid var(--ui-line)!important; border-radius:0!important; background:none!important; box-shadow:none!important; backdrop-filter:none!important; transform:none!important; text-align:left; }
html body[data-storefront-home] #features .feature-card::before,html body[data-storefront-home] #features .feature-card::after { display:none!important; }
html body[data-storefront-home] #features .feature-icon-wrapper { grid-row:1 / span 2; width:24px!important; height:24px!important; margin:2px 0 0!important; padding:0!important; border:0!important; border-radius:0!important; background:none!important; box-shadow:none!important; color:var(--ui-accent)!important; }
html body[data-storefront-home] #features .feature-icon-wrapper svg { width:22px; height:22px; stroke-width:1.6; }
html body[data-storefront-home] #features .feature-title { margin:0 0 4px!important; color:var(--ui-text)!important; font:600 var(--ui-fs-h3)/1.3 var(--ui-font-display)!important; letter-spacing:-.01em!important; }
html body[data-storefront-home] #features .feature-desc { margin:0!important; max-width:62ch; color:var(--ui-soft)!important; font:400 var(--ui-fs-body)/1.55 var(--ui-font-body)!important; }

/* Utility: the real interface is the visual */

/* Reviews on home */
html body[data-storefront-home] #customer-stories .evidence-heading { display:grid!important; grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important; gap:16px clamp(28px,5vw,72px)!important; align-items:end; margin:0 0 clamp(20px,3vw,32px)!important; }
html body[data-storefront-home] #customer-stories .evidence-eyebrow { display:none!important; }
html body[data-storefront-home] #customer-stories .evidence-title { margin:0!important; color:var(--ui-text)!important; font:600 var(--ui-fs-h2)/1.06 var(--ui-font-display)!important; letter-spacing:-.03em!important; }
html body[data-storefront-home] #customer-stories .evidence-title span { color:inherit!important; -webkit-text-fill-color:currentColor!important; background:none!important; }
html body[data-storefront-home] #customer-stories .evidence-intro { margin:0 0 12px!important; max-width:60ch; color:var(--ui-soft)!important; font:400 var(--ui-fs-lead)/1.6 var(--ui-font-body)!important; }
html body[data-storefront-home] #customer-stories .evidence-summary { display:inline-flex!important; align-items:baseline; gap:12px; padding:0!important; border:0!important; border-radius:0!important; background:none!important; box-shadow:none!important; }
html body[data-storefront-home] #customer-stories .evidence-score { color:var(--ui-gold)!important; font:600 2rem/1 var(--ui-font-display)!important; }
html body[data-storefront-home] #customer-stories .evidence-summary-copy strong { color:var(--ui-text)!important; font:600 var(--ui-fs-small)/1.3 var(--ui-font-body)!important; }
html body[data-storefront-home] #customer-stories .evidence-summary-copy span { color:var(--ui-soft)!important; font:400 var(--ui-fs-label)/1.4 var(--ui-font-body)!important; }
html body[data-storefront-home] #customer-stories .evidence-stories { gap:clamp(12px,1.6vw,20px)!important; }
html body[data-storefront-home] #customer-stories .evidence-story { display:flex!important; flex-direction:column; gap:14px; min-height:0!important; padding:clamp(18px,2vw,26px)!important; border:1px solid var(--ui-line)!important; border-radius:var(--ui-r-card)!important; background:var(--ui-glass)!important; box-shadow:none!important; backdrop-filter:var(--ui-blur)!important; transform:none!important; }
html body[data-storefront-home] #customer-stories .evidence-story::before,html body[data-storefront-home] #customer-stories .evidence-story::after { display:none!important; }
html body[data-storefront-home] #customer-stories :is(.evidence-story-number,.evidence-context) { display:none!important; }
html body[data-storefront-home] #customer-stories .evidence-story-top { margin:0!important; order:2; }
html body[data-storefront-home] #customer-stories .evidence-service { padding:0!important; border:0!important; background:none!important; color:var(--ui-soft)!important; font:400 var(--ui-fs-label)/1.4 var(--ui-font-body)!important; letter-spacing:0!important; text-transform:none!important; }
html body[data-storefront-home] #customer-stories .evidence-quote { order:1; margin:0!important; padding:0!important; color:var(--ui-text)!important; font:500 clamp(1.125rem,1.05rem + .45vw,1.375rem)/1.4 var(--ui-font-display)!important; letter-spacing:-.01em!important; }
html body[data-storefront-home] #customer-stories .evidence-quote::before,html body[data-storefront-home] #customer-stories .evidence-quote::after { display:none!important; }
html body[data-storefront-home] #customer-stories .evidence-identity { order:3; margin:0!important; padding:0!important; border:0!important; background:none!important; box-shadow:none!important; }
html body[data-storefront-home] #customer-stories .evidence-rating { padding:0!important; border:0!important; background:none!important; color:var(--ui-gold)!important; font:600 var(--ui-fs-small)/1.3 var(--ui-font-body)!important; }
html body[data-storefront-home] #customer-stories .evidence-customer { color:var(--ui-soft)!important; font-size:var(--ui-fs-label)!important; }
html body[data-storefront-home] #customer-stories .evidence-story-foot { order:4; margin-top:auto!important; padding:0!important; border:0!important; }
html body[data-storefront-home] #customer-stories .evidence-report-label { color:var(--ui-quiet)!important; font:400 var(--ui-fs-label)/1.4 var(--ui-font-body)!important; letter-spacing:0!important; text-transform:none!important; }
html body[data-storefront-home] #customer-stories :is(.evidence-source,.evidence-all) { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0!important; border:0!important; border-radius:0!important; background:none!important; box-shadow:none!important; color:var(--ui-text)!important; font:600 var(--ui-fs-small)/1.3 var(--ui-font-body)!important; text-decoration:underline; text-decoration-color:var(--ui-line-strong); text-underline-offset:4px; }
html body[data-storefront-home] #customer-stories .evidence-bottom { margin-top:16px!important; padding:0!important; border:0!important; gap:16px 32px; }
html body[data-storefront-home] #customer-stories .evidence-method { color:var(--ui-soft)!important; font:400 var(--ui-fs-small)/1.6 var(--ui-font-body)!important; }

/* Process: four real steps, read left to right */
html body[data-storefront-home] #process .section-header { display:block!important; margin:0 0 clamp(20px,3vw,32px)!important; max-width:none; text-align:left; }
html body[data-storefront-home] #process .timeline-grid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:0!important; margin:0!important; border-top:1px solid var(--ui-line-strong); }
html body[data-storefront-home] #process .timeline-grid::before,html body[data-storefront-home] #process .timeline-grid::after { display:none!important; }
html body[data-storefront-home] #process .timeline-card { position:relative; display:block!important; min-height:0!important; margin:0!important; padding:20px clamp(14px,2vw,28px) 4px 0!important; border:0!important; border-radius:0!important; background:none!important; box-shadow:none!important; backdrop-filter:none!important; transform:none!important; text-align:left; }
html body[data-storefront-home] #process .timeline-card::before { content:""; position:absolute; top:-4px; left:0; width:7px; height:7px; border-radius:50%; background:var(--ui-accent); display:block!important; }
html body[data-storefront-home] #process .timeline-card::after,html body[data-storefront-home] #process .step-icon-badge { display:none!important; }
html body[data-storefront-home] #process .step-number { position:static!important; display:block; margin:0 0 8px; color:var(--ui-accent)!important; opacity:1!important; font:600 var(--ui-fs-h3)/1 var(--ui-font-display)!important; font-variant-numeric:tabular-nums; -webkit-text-stroke:0!important; }
html body[data-storefront-home] #process .step-title { margin:0 0 6px!important; color:var(--ui-text)!important; font:600 var(--ui-fs-h3)/1.25 var(--ui-font-display)!important; letter-spacing:-.01em!important; }
html body[data-storefront-home] #process .step-desc { margin:0!important; color:var(--ui-soft)!important; font:400 var(--ui-fs-small)/1.55 var(--ui-font-body)!important; }

@media (max-width:1023px) {
  html body[data-storefront-home] :is(.studio-engineering-grid,#features>.container,#customer-stories .evidence-heading) { grid-template-columns:minmax(0,1fr)!important; }
  html body[data-storefront-home] #features .section-header { position:static; }
  html body[data-storefront-home] .studio-engineering-visual [data-pure-core] { max-width:380px; }
  html body[data-storefront-home] #process .timeline-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; row-gap:24px!important; }
}
@media (max-width:767px) {
  html body[data-storefront-home] #customer-stories .evidence-stories { grid-template-columns:minmax(0,1fr)!important; }
  html body[data-storefront-home] #customer-stories .evidence-stories>:nth-child(n+2) { display:none!important; }
  html body[data-storefront-home] .studio-engineering-visual [data-pure-core] { max-width:280px; }
  html body[data-storefront-home] #process .timeline-grid { grid-template-columns:minmax(0,1fr)!important; row-gap:16px!important; border-top:0; border-left:1px solid var(--ui-line-strong); padding-left:16px; }
  html body[data-storefront-home] #process .timeline-card { padding:0!important; }
  html body[data-storefront-home] #process .timeline-card::before { top:6px; left:-20px; }
  html body[data-storefront-home] #process .step-number { display:inline; margin-right:8px; font-size:var(--ui-fs-body)!important; }
  html body[data-storefront-home] #process .step-title { display:inline; font-size:var(--ui-fs-body)!important; }
  html body[data-storefront-home] #process .step-desc { margin-top:4px!important; }
  html body[data-storefront-home] #features .feature-card { padding:14px 0!important; }
  html body[data-storefront-home] #features .feature-title { font-size:var(--ui-fs-body)!important; }
  html body[data-storefront-home] #features .feature-desc { font-size:var(--ui-fs-small)!important; }
}html body[data-storefront-home]:not(#_) #features .features-grid .feature-card { padding:18px 0!important; border:0!important; border-bottom:1px solid var(--ui-line)!important; border-radius:0!important; background:none!important; box-shadow:none!important; grid-column:auto!important; min-height:0!important; }
html body[data-storefront-home]:not(#_) #features .features-grid .feature-card .feature-title { font-size:var(--ui-fs-h3)!important; }
html body[data-storefront-home]:not(#_) #features .features-grid .feature-card .feature-icon-wrapper { width:24px!important; height:24px!important; margin:2px 0 0!important; background:none!important; border:0!important; box-shadow:none!important; }

/* Hero benchmark: slides share one grid cell, so the box keeps the height of the tallest */
html body[data-storefront-home] #hero .hb-slides { display:grid; }
html body[data-storefront-home] #hero .hb-slide { grid-area:1 / 1; min-width:0; visibility:hidden; opacity:0; }
html body[data-storefront-home] #hero .hb-slide.is-active { visibility:visible; opacity:1; }
@media (prefers-reduced-motion:no-preference) {
  html body[data-storefront-home]:not(.pure-motion-off) #hero .hb-slide { transition:opacity .3s ease,visibility 0s linear .3s; }
  html body[data-storefront-home]:not(.pure-motion-off) #hero .hb-slide.is-active { transition:opacity .3s ease,visibility 0s; }
}
html body[data-storefront-home] #hero .hb-game { display:inline-flex; align-items:center; gap:10px; color:var(--ui-text)!important; font:inherit!important; letter-spacing:inherit!important; }
html body[data-storefront-home] #hero .hb-game img { width:28px; height:28px; object-fit:contain; }
html body[data-storefront-home] #hero .hb-row-label>span { min-width:0; }
html body[data-storefront-home] #hero .hb-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:8px 0 -6px; color:var(--ui-soft); font-size:var(--ui-fs-label); }
html body[data-storefront-home] #hero .hb-controls[hidden] { display:none; }
html body[data-storefront-home] #hero .hb-stop { min-width:44px; min-height:44px; padding:0 10px; border:0; border-radius:var(--ui-r-control); background:none; color:var(--ui-soft); font:500 var(--ui-fs-label)/1 var(--ui-font-body); cursor:pointer; }
html body[data-storefront-home] #hero .hb-stop:hover { background:color-mix(in srgb,var(--ui-text) 8%,transparent); color:var(--ui-text); }
html body[data-shared-storefront] .event-art { z-index:2; }
html body[data-storefront-home]:not(#_) #hero .hero-benchmark .hb-title>.hb-game { color:var(--ui-text)!important; font:600 clamp(1.5rem,1.2rem + 1vw,1.875rem)/1.1 var(--ui-font-display)!important; letter-spacing:-.03em!important; }
html body[data-storefront-home]:not(#_) #hero .hb-note { min-height:0; }