/* The product at the counter. Loaded after the edition art direction. */
:root{--hero-tone:#15469c;--hero-metal:#d5d9df;--hero-soft:#e7eefb;--hero-accent:#e4ba5a;--hero-paper:#fffdf8;--hero-ink:#183764;--hero-enter-duration:.65s;--hero-enter-ease:cubic-bezier(.16,1,.3,1);--hero-enter-x:0px;--hero-enter-y:8px;--hero-enter-scale:.99;--hero-enter-rotate:0deg;--hero-tablet-angle:-2deg;--hero-shine-opacity:.19;--hero-shine-duration:1.6s}
body[data-vertical=cabaret]{--hero-tone:#693246;--hero-metal:#d9c7ae;--hero-soft:#f3e5e4;--hero-accent:#b79559;--hero-ink:#543143;--hero-enter-duration:.85s;--hero-enter-ease:cubic-bezier(.22,.76,.22,1);--hero-enter-y:6px;--hero-tablet-angle:-.7deg;--hero-shine-opacity:.13;--hero-shine-duration:1.9s}
body[data-vertical=concafe]{--hero-tone:#7854a1;--hero-metal:#dbcee9;--hero-soft:#f4eafa;--hero-accent:#d67fa8;--hero-ink:#5b3d78;--hero-enter-duration:.72s;--hero-enter-scale:.965;--hero-enter-rotate:-1.4deg;--hero-tablet-angle:-2.2deg}
body[data-vertical=host]{--hero-tone:#424b58;--hero-metal:#ced3db;--hero-soft:#e8ebf0;--hero-accent:#c8d2df;--hero-ink:#283342;--hero-enter-duration:.43s;--hero-enter-x:9px;--hero-enter-y:0px;--hero-enter-scale:1;--hero-tablet-angle:0deg;--hero-shine-opacity:.11;--hero-shine-duration:1s}
body[data-vertical=girlsbar]{--hero-tone:#21666c;--hero-metal:#c1d5cf;--hero-soft:#e6f2ed;--hero-accent:#d98771;--hero-ink:#255458;--hero-enter-duration:.56s;--hero-enter-x:19px;--hero-enter-y:0px;--hero-enter-scale:1;--hero-tablet-angle:-1.2deg;--hero-shine-duration:1.3s}
#top .hero-card{position:relative;container-type:inline-size;padding:21px 19px 15px;overflow:hidden}
#top .hero-product{position:relative;z-index:2;display:table;margin:0 0 13px;padding:5px 10px;font-size:11px;line-height:1.6;letter-spacing:.03em}
#top .hero-eyebrow,#top .hero-brand,#top .vertical-seal,#top>.ticker{display:none}
#top .hero-card h1{padding:0;letter-spacing:-.04em;line-height:1.25;position:relative;z-index:2}
#top .hero-line{font-size:clamp(24px,6.7cqw,31px);line-height:1.45;white-space:nowrap}
#top .hero-card h1 strong{font-size:clamp(41px,12.2cqw,59px);line-height:1.24;letter-spacing:-.06em;margin:1px 0 0;transform:rotate(-2deg)}
#top .hero-question{font-size:clamp(33px,9.8cqw,45px);line-height:1.25;margin-top:-1px;padding:0;letter-spacing:-.05em}
#top .hero-lead,#top .vertical-hero-lead{position:relative;z-index:2;font-size:14px;line-height:1.85;padding:0;margin-top:16px;max-width:31em;color:var(--hero-ink)}
body[data-vertical=host] #top .hero-lead,body[data-vertical=host] #top .vertical-hero-lead{color:#cbd0d6}
body[data-vertical=cabaret] #top .hero-card h1 strong,body[data-vertical=host] #top .hero-card h1 strong{transform:none}
body[data-vertical=concafe] #top .hero-line{font-size:clamp(22px,6.3cqw,29px)}
body[data-vertical=concafe] #top .hero-card h1 strong{font-size:clamp(38px,11.3cqw,54px)}
#top .hero-device-scene{height:auto;min-height:0;margin:20px -3px 0;overflow:visible;isolation:isolate;padding-bottom:0}
#top .hero-device-scene::before,#top .hero-device-scene::after{display:none}
.hero-device-brow{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:700;line-height:1.5;color:var(--hero-ink);margin:0 5px 10px;min-height:31px}
.hero-device-brow>span{min-width:0}
.hero-device-brow>span:first-child{flex:none}
.hero-device-brow>span:last-child{font-size:10px;letter-spacing:0;text-align:center;color:var(--hero-tone);border:1px solid currentColor;border-radius:4px;padding:3px 5px}
body[data-vertical=host] .hero-device-brow,body[data-vertical=host] .hero-device-brow>span:last-child{color:#c6ccd5}
.hero-device-halo{position:absolute;inset:20px -30px 45px;border-radius:50%;background:radial-gradient(ellipse,var(--hero-soft),transparent 68%);opacity:.75;pointer-events:none;z-index:-1}
body[data-vertical=host] .hero-device-halo{opacity:.09}
.hero-device-stage{position:relative;isolation:isolate}
.hero-tablet-wrap{position:relative;margin:0 5px;perspective:1100px;isolation:isolate;padding-bottom:22px;transform-origin:45% 85%;transition:transform .75s var(--hero-enter-ease),opacity .65s,filter .65s}
.hero-tablet{position:relative;background:linear-gradient(140deg,#5d626c,#20242d 32%,#181d26 80%,#727b87);padding:13px 15px;border-radius:22px;border:2px solid var(--hero-metal);box-shadow:inset 0 0 0 1px #fff4,0 14px 20px #15263e2e,0 2px 0 #0a121b;transform:rotate(var(--hero-tablet-angle)) rotateX(4deg);transform-origin:center bottom;z-index:2}
.hero-tablet::before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;top:calc(50% - 2px);left:4px;background:#111925;box-shadow:0 0 0 1px #95a9c655,inset 0 1px 1px #5178a0}
.hero-tablet::after{content:"";position:absolute;inset:-3px;border-radius:24px;border:2px solid var(--hero-accent);opacity:0;pointer-events:none}
.hero-tablet-screen{display:block;position:relative;overflow:hidden;border-radius:9px;background:#e6ebee;aspect-ratio:960/660;border:1px solid #111a28;isolation:isolate}
.hero-product-screen{position:absolute;inset:0;opacity:1;overflow:hidden;isolation:isolate;background:#eef1f3}
.hero-product-screen[hidden]{display:block!important;visibility:hidden;opacity:0;pointer-events:none}
.hero-product-screen.is-leaving[hidden]{visibility:visible;pointer-events:none}
.hero-product-screen>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.hero-product-screen.is-loading>img,.hero-product-screen.is-error>img{visibility:hidden}
.hero-screen-fallback,.hero-screen-loading{position:absolute;inset:0;display:grid;place-content:center;gap:8px;text-align:center;color:#26476e;background:#f2f5f9;padding:15px;font-size:12px;line-height:1.7;z-index:3}
.hero-screen-fallback[hidden],.hero-screen-loading[hidden]{display:none!important}
.hero-screen-fallback strong{font-size:24px}.hero-screen-fallback a{text-decoration:underline}
.hero-screen-loading strong{font:800 22px/1.3 var(--display,sans-serif);letter-spacing:-.04em}.hero-screen-loading span{font-size:11px}
.hero-tablet-glint{position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#fff 34%,transparent 46%);opacity:var(--hero-shine-opacity);transform:translateX(-110%);pointer-events:none;z-index:4}
.hero-tablet-stand{position:absolute;bottom:0;left:calc(50% - 42px);width:84px;height:29px;background:linear-gradient(90deg,#929da8,#e2e7eb 45%,#acb6c3);clip-path:polygon(24% 0,76% 0,82% 72%,100% 89%,100% 100%,0 100%,0 89%,18% 72%);z-index:1;filter:drop-shadow(0 2px 1px #132c4922)}
.hero-counter{position:absolute;left:-7px;right:-7px;bottom:-2px;height:13px;border-radius:50%;background:radial-gradient(ellipse,#152a4433,transparent 68%);z-index:0}
.hero-phone-handoff{position:absolute;inset:-4px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transform:translateX(15%);opacity:1;z-index:5}
.hero-phone-handoff[hidden]{display:flex!important;visibility:hidden;opacity:0;transform:translate(27%,13px) scale(.97);pointer-events:none}
.hero-phone{position:relative;height:calc(100% - 24px);max-width:45%;aspect-ratio:10/20.6;padding:12px 5px 9px;border:2px solid #c0c9d4;border-radius:20px;background:linear-gradient(135deg,#444c58,#10141b 65%);box-shadow:0 10px 25px #091b2c45;flex:none}
.hero-phone::before{content:"";position:absolute;top:5px;left:calc(50% - 10px);width:20px;height:3px;background:#080d15;border-radius:4px}
.hero-phone::after{content:"";position:absolute;inset:-4px;border:1px solid var(--hero-accent);border-radius:23px;opacity:0;pointer-events:none}
.hero-phone-screen{position:relative;isolation:isolate;overflow:hidden;width:100%;height:100%;border-radius:10px;background:#eef1f3}
.hero-phone .hero-screen-fallback,.hero-phone .hero-screen-loading{padding:6px;font-size:10px;gap:5px}.hero-phone .hero-screen-fallback strong,.hero-phone .hero-screen-loading strong{font-size:14px}.hero-phone .hero-screen-loading span{font-size:10px}
.hero-phone-caption{font-size:11px;line-height:1.4;font-weight:800;color:var(--hero-ink)}
body[data-vertical=host] .hero-phone-caption{color:#d3d9e1}
.hero-device-scene[data-device-kind=phone] .hero-tablet-wrap{transform:translateX(-13%) scale(.77);opacity:.27;filter:saturate(.35)}
.hero-story-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 102px;grid-template-areas:"story partner" "greet greet";gap:9px 7px;margin:13px 0 0;padding:0;z-index:3}
.hero-story-card{grid-area:story;position:relative;min-height:141px;padding:11px 11px 12px;border:1px solid color-mix(in srgb,var(--hero-tone) 25%,white);border-left:3px solid var(--hero-tone);background:var(--hero-paper);color:var(--hero-ink);border-radius:4px 12px 12px 4px;box-shadow:0 5px 14px #182b4210;z-index:4}
.hero-story-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}
.hero-story-card>small{display:block;grid-area:1/1;font-size:10px;font-weight:800;letter-spacing:.04em;color:var(--hero-tone);margin-bottom:5px}
.hero-story-copy{grid-area:2/1;align-self:start}
.hero-story-card .hero-story-copy[hidden]{display:block!important;visibility:hidden;pointer-events:none;animation:none!important}
.hero-story-card .hero-story-copy.is-leaving[hidden]{visibility:visible}
.hero-story-copy>strong{display:block;font-size:14px;line-height:1.6;letter-spacing:-.04em;font-weight:900}
.hero-story-copy>p{font-size:12px;line-height:1.75;margin-top:5px}
.hero-story-copy>span{display:block;font-size:11px;line-height:1.6;color:var(--hero-tone);margin-top:7px;padding-top:5px;border-top:1px solid var(--hero-soft);font-weight:700}
.hero-partner{grid-area:partner;position:relative;min-width:0;min-height:141px;align-self:stretch;transform-origin:50% 90%}
#top .hero-story-row .hero-character{position:absolute;right:-26px;bottom:-2px;width:153px;z-index:3;translate:calc(var(--scene-x,0px) * .18) calc(var(--scene-y,0px) * .12);rotate:0deg;animation:hero-partner-breathe 6.5s ease-in-out infinite;transform-origin:50% 95%;filter:drop-shadow(2px 4px 2px #19375422)}
.hero-finish-spark{position:absolute;top:9px;right:4px;z-index:4;color:var(--hero-accent);font-size:22px;line-height:1;opacity:0;pointer-events:none}
#top .hero-story-row .hero-bubble{grid-area:greet;position:relative;display:flex;align-items:center;justify-content:space-between;gap:9px;right:auto;top:auto;bottom:auto;min-height:48px;width:100%;max-width:none;border-radius:10px;padding:8px 11px;z-index:5;font-size:12px;line-height:1.55;transform:none;border:1px solid color-mix(in srgb,var(--hero-tone) 25%,white);box-shadow:2px 3px 0 #1937540c;background:var(--hero-paper);color:var(--hero-ink);text-align:left}
#top .hero-bubble>span{min-width:0;white-space:pre-line;font-weight:800}
#top .hero-bubble::after{display:none}
#top .hero-bubble small{font-size:12px;letter-spacing:0;margin:0;flex:none;font-weight:700;color:var(--hero-tone)}
#top .hero-bubble:hover{scale:1.015}#top .hero-bubble:active{scale:.99}
.hero-device-scene button:focus-visible,.hero-device-scene a:focus-visible{outline:2px solid var(--hero-tone);outline-offset:4px}
body[data-vertical=host] .hero-device-scene button:focus-visible{outline-color:#b7c2d2}
.hero-flow-controls{display:flex;align-items:stretch;gap:5px;margin:12px 0 0;border-top:1px solid color-mix(in srgb,var(--hero-tone) 18%,transparent);padding-top:10px}
.hero-flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;flex:1;min-width:0}
.hero-flow-steps button{position:relative;display:grid;align-content:center;justify-items:center;gap:3px;padding:7px 3px 9px;background:transparent;border:1px solid transparent;border-radius:6px;min-height:53px;font-size:12px;line-height:1.4;font-weight:800;color:var(--hero-ink);overflow:hidden;min-width:0}
.hero-flow-steps button>small{font:700 10px/1.2 var(--display);color:var(--hero-tone)}
.hero-flow-steps button>span{min-width:0;word-break:normal;overflow-wrap:break-word}
.hero-flow-steps button[aria-pressed=true]{background:var(--hero-soft);border-color:color-mix(in srgb,var(--hero-tone) 22%,white)}
.hero-flow-steps button::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--hero-tone);transform:scaleX(0);transform-origin:left}
.hero-flow-steps button[aria-pressed=true]::after{transform:scaleX(var(--hero-step-progress,0))}
.hero-device-play{font-size:12px;line-height:1.3;background:transparent;padding:5px 0 5px 7px;min-width:57px;min-height:53px;color:var(--hero-ink);border-left:1px solid color-mix(in srgb,var(--hero-tone) 20%,transparent);display:grid;place-items:center;align-content:center;gap:6px}
.hero-device-play>i{display:block;width:10px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor;font-style:normal}
.hero-device-play[aria-pressed=false]>i{width:0;height:0;border:6px solid transparent;border-left:9px solid currentColor;margin-left:5px}
.hero-device-play:disabled{opacity:.7}
body[data-vertical=host] .hero-flow-steps button,body[data-vertical=host] .hero-flow-steps button>small,body[data-vertical=host] .hero-device-play{color:#ced4dd}
body[data-vertical=host] .hero-flow-steps button[aria-pressed=true],body[data-vertical=host] .hero-flow-steps button[aria-pressed=true]>small{color:#26313f}
.hero-device-scene.is-cue[data-device-step="2"] .hero-tablet::after,.hero-device-scene.is-cue[data-device-step="2"] .hero-phone::after{animation:hero-tablet-response 1.45s .6s ease both}
#top .hero-primary-links{display:grid;gap:9px;margin-top:18px}
#top .hero-cta{margin:0;min-height:68px;font-size:17px;padding:13px 16px 13px 20px}
#top .hero-cta small{font-size:11px}
.hero-screen-link{display:flex;justify-content:center;align-items:center;gap:10px;min-height:46px;font-size:14px;font-weight:800;border:1px solid color-mix(in srgb,var(--hero-tone) 35%,white);border-radius:9px;background:#fff;color:var(--hero-ink);transition:background .2s,transform .2s}
.hero-screen-link:hover{background:var(--hero-soft);transform:translateY(-2px)}
.hero-screen-link>span{font-size:18px}
#top .hero-feature-links{display:flex;flex-wrap:wrap;gap:5px 12px;justify-content:center;margin-top:8px;padding:0}
#top .hero-feature-links a{font-size:12px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:4px 3px;flex:0 1 auto;border:0;border-radius:0;background:transparent}
#top .hero-stats{padding:20px 0 23px}
#top .hero-stats small{font-size:10px}
#top .hero-stats p>span{font-size:10px}
#top .industry-switcher{margin:8px 0 16px;padding:14px 0 0;border-top:1px solid color-mix(in srgb,var(--hero-tone) 20%,transparent)}
.industry-switcher-grid>a[data-industry=cabaret]{--edition-color:#b69a65}
.industry-switcher-grid>a[data-industry=concafe]{--edition-color:#c28cd8}
.industry-switcher-grid>a[data-industry=host]{--edition-color:#9da8b8}
.industry-switcher-grid>a[data-industry=girlsbar]{--edition-color:#62b6ac}
.industry-switcher-grid>a::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--edition-color)}
.industry-switcher-grid>a{min-height:54px}
.industry-switcher-grid>a>span{font-size:12px}
.industry-switcher>div:first-child>span{font:700 12px/1.5 var(--sans);letter-spacing:0;color:var(--hero-ink)}
#top .industry-picker{margin:0 0 12px;color:var(--hero-ink);border-bottom:1px solid color-mix(in srgb,var(--hero-tone) 20%,transparent)}
.industry-picker>summary{display:flex;align-items:center;justify-content:space-between;gap:9px;list-style:none;min-height:38px;font-size:12px;cursor:pointer;padding:1px 3px 9px}
.industry-picker>summary::-webkit-details-marker{display:none}
.industry-picker>summary>strong{font-size:12px;font-weight:800}
.industry-picker>summary>span{font-size:11px;display:flex;align-items:center;gap:7px}
.industry-picker>summary>span::after{content:"⌄";font-size:16px;transition:transform .2s}
.industry-picker[open]>summary>span::after{transform:rotate(180deg)}
#top .industry-picker .industry-switcher{padding:4px 0 7px;margin:0;border:0}
body[data-vertical=host] #top .industry-picker{color:#d7dce4;border-color:#616a75}
body[data-vertical=host] .industry-picker .industry-switcher>div:first-child>span,body[data-vertical=host] .industry-picker .industry-switcher>div:first-child>a{color:#cdd3dc}
.hero-device-note{font-size:11px;line-height:1.75;color:var(--hero-ink);margin:10px 0 0;opacity:.85}
.hero-device-note>span{display:block}
body[data-vertical=host] .hero-device-note{color:#c8cdd4}
@keyframes hero-tablet-response{0%,100%{opacity:0;transform:scale(1)}30%{opacity:.8;transform:scale(1.009)}}
@keyframes hero-partner-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}}
.hero-offscreen .hero-device-scene *,body.motion-off .hero-device-scene *,body.image-viewing .hero-device-scene *,body.night-theater-open .hero-device-scene *,.hero-device-scene[data-device-motion=false] *{animation-play-state:paused!important}
.hero-device-scene[data-device-phase=reading] .hero-character{animation-play-state:paused!important}
.hero-device-scene[data-device-motion=false] .hero-tablet-wrap{transition:none}
@media(max-width:350px){
  #top .hero-card{padding:17px 13px 13px}
  #top .hero-line{font-size:23px}#top .hero-card h1 strong{font-size:38px}#top .hero-question{font-size:32px}
  body[data-vertical=concafe] #top .hero-line{font-size:20px}body[data-vertical=concafe] #top .hero-card h1 strong{font-size:35px}
  #top .hero-lead,#top .vertical-hero-lead{font-size:14px;line-height:1.8}
  .hero-tablet{padding:10px 12px;border-radius:18px}.hero-tablet-screen{border-radius:6px}
  .hero-device-brow{font-size:10px;margin-left:3px;margin-right:3px;gap:5px}.hero-device-brow>span:last-child{font-size:10px;padding:3px 4px;max-width:145px}
  .hero-story-row{grid-template-columns:minmax(0,1fr) 83px;gap:8px 5px}
  #top .hero-story-row .hero-character{width:132px;right:-25px;bottom:0}
  #top .hero-story-row .hero-bubble{font-size:12px;padding:8px 9px;gap:6px}
  .hero-story-card{min-height:151px;padding:10px 8px}.hero-story-copy>strong{font-size:13px;line-height:1.7}.hero-story-copy>p{font-size:12px}
  .hero-flow-steps{gap:2px}.hero-flow-steps button{font-size:12px;padding-left:1px;padding-right:1px}
  .hero-device-play{font-size:12px;min-width:54px;padding-left:5px}
  .hero-phone{border-radius:17px;padding-top:10px}.hero-phone-screen{border-radius:8px}
  .industry-switcher-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.industry-switcher-grid>a{min-height:48px;padding:8px 12px}.industry-switcher-grid>a small{font-size:9px}
  #top .hero-cta{font-size:15px}.hero-screen-link{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.hero-device-scene *,.hero-device-scene *::before,.hero-device-scene *::after{animation:none!important;transition:none!important}#top .hero-story-row .hero-character{translate:none;rotate:none}.hero-tablet-glint,.hero-finish-spark{display:none}.hero-product-screen.is-leaving[hidden]{visibility:hidden}}