/* Eventpack site layer: real-page layout + responsive rules on top of shared/base.css and the theme tokens. */
:root{--container:min(1240px,calc(100vw - 48px))}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{overflow-x:hidden}
body.no-scroll{overflow:hidden}
.ic{display:inline-flex;width:18px;height:18px;flex:none}.ic svg{width:100%;height:100%}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--c-surface);padding:10px 14px;border-radius:8px}.skip:focus{left:12px}
img{height:auto}
.ep-section{padding:clamp(56px,7vw,var(--section-py)) 0}
.ep-container.narrow{max-width:820px}
.ep-display{font-size:clamp(38px,5.2vw,var(--fs-display))}
.ep-h2{font-size:clamp(28px,3.4vw,var(--fs-h2))}
.ep-lead.strong{color:var(--c-text);font-weight:600}
.ep-btn{cursor:pointer;white-space:nowrap}
.ep-btn.primary:hover{background:var(--btn-primary-bg-hover);box-shadow:var(--sh-btn-hover)}
.ep-btn.secondary:hover{background:var(--btn-secondary-bg-hover)}
.ep-btn.ghost:hover{background:var(--c-chip-bg)}
.ep-btn .ic{width:18px;height:18px}
/* nav */
.site-nav{position:sticky;top:0;z-index:50;height:76px}
.site-nav .ep-container{gap:28px}
.site-nav .ep-logo svg{height:30px;width:auto}
.ep-nav-links{align-items:center}
.ep-nav-links>a,.dd-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:var(--r-sm);font-size:15px;font-weight:var(--fw-nav);color:var(--nav-fg);font-family:var(--font-nav);background:none;border:0;cursor:pointer;white-space:nowrap}
.ep-nav-links>a:hover,.dd-btn:hover,.dd.open .dd-btn{background:var(--c-chip-bg);color:var(--c-text)}
.dd-btn .ic{width:15px;height:15px;opacity:.7;transition:transform .2s}
.dd.open .dd-btn .ic{transform:rotate(180deg)}
.dd{position:relative}
.dd-panel{display:none;position:absolute;top:calc(100% + 10px);left:0;min-width:260px;background:var(--mega-bg,var(--c-surface));border:var(--card-border);border-radius:var(--r-lg);box-shadow:var(--sh-lg);padding:14px;z-index:60;color:var(--c-text)}
.dd.open .dd-panel{display:block}
.dd.wide .dd-panel{width:min(760px,calc(100vw - 48px))}
.dd.wide.xl .dd-panel{width:min(1080px,calc(100vw - 48px));left:-180px}
/* Dropdown panel text: theme tokens (not --nav-fg). Classic + Pill Glass. */
.site-nav .dd-panel{color:var(--c-text)}
.site-nav .dd-panel .dd-list a{
  display:block;padding:10px 12px;border-radius:var(--r-sm);font-size:15px;
  color:var(--c-heading);font-weight:500;text-transform:none;letter-spacing:normal
}
.site-nav .dd-panel .dd-list a:hover,
.site-nav .dd-panel .ep-mega-item:hover{background:var(--c-chip-bg)}
.site-nav .dd-panel .dd-list a:hover{color:var(--c-heading)}
.site-nav .dd-panel .ep-mega-item b{color:var(--c-heading)}
.site-nav .dd-panel .ep-mega-item span{color:var(--c-text-2)}
/* Group headings — one shared style across Features hubs + mega titles */
.site-nav .dd-panel .mm-hub-t,
.site-nav .dd-panel .ep-mega-title,
.site-nav .dd-panel > .mm-hub > .mm-hub-t{
  display:flex;align-items:center;gap:8px;
  font-family:var(--font-eyebrow);font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--c-eyebrow);font-weight:700;padding:6px 0 8px
}
.site-nav .dd-panel .mm-hub a:not(.mm-hub-t){
  font-size:14px;padding:5px 0;color:var(--c-text-2);font-weight:400;
  text-transform:none;letter-spacing:normal
}
.site-nav .dd-panel .mm-hub a:not(.mm-hub-t):hover{color:var(--c-link);background:transparent}
.site-nav .dd-panel .mm-all{color:var(--c-link)}
.site-nav .dd-panel .ep-mega-list a{color:var(--c-heading)}

/* Products mega-items: restore icon↔label gap (nav link rule otherwise forces gap:6px) */
.site-nav .ep-nav-links .ep-mega-item{
  display:flex;align-items:center;gap:14px;padding:14px;
  border-radius:var(--r-md);font-size:inherit;font-weight:650;
  color:inherit;text-transform:none;letter-spacing:normal;
  font-family:var(--font-ui);background:transparent;border:0;cursor:pointer;
  white-space:normal;line-height:normal
}
.site-nav .ep-nav-links .ep-mega-item .ep-iconbox{
  --iconbox-size:36px;width:36px;height:36px;flex:none;
  display:flex;align-items:center;justify-content:center;
  padding:0;margin:0;box-sizing:border-box;line-height:0
}
.site-nav .ep-nav-links .ep-mega-item .ep-iconbox .ic{
  width:16px;height:16px;margin:0;padding:0;
  display:inline-flex;align-items:center;justify-content:center
}
.site-nav .ep-nav-links .ep-mega-item .ep-iconbox svg{
  display:block;width:100%;height:100%;margin:0
}
.site-nav .ep-nav-links .ep-mega-item > div{min-width:0;text-align:left}
.site-nav .ep-nav-links .ep-mega-item b{
  display:block;font-size:15.5px;font-weight:650;margin-bottom:3px;
  color:var(--c-heading);font-family:var(--font-ui)
}
.site-nav .ep-nav-links .ep-mega-item span{
  font-size:13.5px;line-height:1.45;color:var(--c-text-2);font-weight:400
}
.mm-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px 18px;padding:8px}
.mm-hub{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}
.mm-hub-t .ic{width:15px;height:15px}
.mm-all{display:flex;align-items:center;gap:8px;justify-content:flex-end;font-weight:600;color:var(--c-link);padding:10px 8px 2px;border-top:var(--divider);font-size:14.5px}
.burger{display:none;margin-left:auto;background:none;border:0;padding:8px;color:var(--nav-fg);cursor:pointer}
.burger .ic{width:26px;height:26px}.burger .ic+.ic{display:none}
.nav-cta-m{display:none}
.ep-nav-links [aria-current=page]{color:var(--c-link)}
/* hero */
.site-hero{padding:clamp(40px,6vw,80px) 0 clamp(48px,6vw,90px)}
.site-hero.ep-hero-a>.ep-container{min-height:0;grid-template-columns:1.05fr 1fr;gap:56px}
.site-hero.ep-hero-a>.ep-container.one{grid-template-columns:1fr;max-width:900px}
.site-hero .ep-hero-copy{padding:0;gap:24px}
.ep-hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero-media{position:relative}
.hero-media img{width:100%;border-radius:var(--r-img);box-shadow:var(--sh-lg);background:#fff}  /* light card behind transparent product captures in every theme, dark ones too (Serhat, 22 Oct 2026) */
.center-hero .ep-head{margin-bottom:0;max-width:900px;margin-inline:auto}
.ep-logos .ep-marquee{flex-wrap:wrap;gap:28px 56px;mask-image:none}
.ep-logos .ep-marquee img{height:34px;width:auto}
/* sections */
.ep-features.cols-2{grid-template-columns:repeat(2,1fr)}
.ep-features.cols-4{grid-template-columns:repeat(4,1fr)}
.ep-feature{display:flex;flex-direction:column;gap:14px;padding:30px}
.ep-feature h3{font-size:21px;line-height:1.25}
.ep-feature .ep-checks li{font-size:15px}
.ep-checks li .ic{width:22px;height:22px;color:var(--c-primary-strong);margin-top:1px}
a.ep-feature{transition:transform .15s,box-shadow .15s}a.ep-feature:hover{transform:translateY(-2px);box-shadow:var(--sh-lg)}
.ep-alt{gap:clamp(32px,6vw,96px)}
.ep-alt+.ep-alt{margin-top:0}
.ep-alt-media{height:auto;min-height:0;padding:28px;align-items:center}
.ep-alt-media img{max-height:none;width:100%;height:auto}
.ep-quote-feature.solo{margin:0;max-width:1000px;margin-inline:auto}
.ep-quote-feature blockquote{font-size:clamp(20px,2.4vw,30px)}
.ep-person{display:flex;align-items:center;gap:16px}
.ep-person .avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}
.ep-person .qlogo{height:36px;width:auto;margin-left:auto}
.ep-person b{display:block}.ep-person span{font-size:14px;opacity:.75}
.ep-cta-band h2{font-size:clamp(28px,3.6vw,48px)}
.cta-wrap{padding-top:0}
.ep-faq-wrap{display:grid;grid-template-columns:1fr 1.6fr;gap:56px;align-items:start}
.ep-faq-wrap .ep-head{position:sticky;top:100px}
.ep-faq-item .q{width:100%;background:none;border:0;padding:0;text-align:left;cursor:pointer}
.ep-faq-item .a p{margin:0}
.ep-cases{grid-template-columns:repeat(3,1fr)}
.post-card{display:flex;flex-direction:column}
.post-card .ep-img{height:auto;aspect-ratio:16/10;overflow:hidden}
.post-card .ep-img img{width:100%;height:100%;object-fit:cover}
.post-card p{color:var(--c-text-2);font-size:15px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.post-card .more{display:inline-flex;gap:8px;align-items:center;color:var(--c-link);font-weight:600;font-size:15px}
/* articles */
.ep-article{grid-template-columns:220px minmax(0,1fr) 280px;gap:56px;align-items:start}
.ep-article.no-toc{grid-template-columns:minmax(0,1fr) 280px}
.ep-article .toc{position:sticky;top:100px}
.ep-prose{font-size:17.5px}
.ep-prose h1{font-size:clamp(32px,4vw,50px)}
.ep-prose h2{font-size:clamp(23px,2.4vw,30px)}
.ep-prose ul,.ep-prose ol{margin:0 0 18px;padding-left:22px;color:var(--c-text-2)}
.ep-prose ul{list-style:disc}.ep-prose ol{list-style:decimal}
.ep-prose li{margin:6px 0}
.ep-prose a:not(.ep-btn):not(.back){color:var(--c-link);text-decoration:underline;text-underline-offset:3px}
.ep-prose figure{margin:26px 0}.ep-prose figure img{border-radius:var(--r-img);width:100%}
.ep-prose .ep-faq{margin:20px 0}
.back{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--c-text-3);margin-bottom:14px}.back .ic{transform:rotate(180deg);width:14px;height:14px}
.ep-aside .sticky{position:sticky;top:100px;display:flex;flex-direction:column;gap:12px}
.ep-video-frame{height:auto;aspect-ratio:16/9}.ep-video-frame iframe{width:100%;height:100%;border:0}
/* pricing */
.price-toggles{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:10px}
.ep-seg a{padding:10px 18px;border-radius:var(--r-pill-ui);font-size:14.5px;font-weight:600;color:var(--c-text-2)}
.ep-seg a.on{background:var(--seg-on-bg);color:var(--seg-on-fg);box-shadow:var(--sh-sm)}
.pricing-sec{padding-top:clamp(40px,4.5vw,64px)}
.ep-pricing.plans-2{grid-template-columns:1fr 1fr;max-width:920px;margin:0 auto}
.ep-plan .price{font-size:clamp(40px,4vw,52px)}
.fineprint{text-align:center;margin-top:18px;color:var(--c-text-3)}
.addon-price{font-family:var(--font-num);font-size:22px;color:var(--c-heading);border-top:var(--divider);padding-top:14px}
.addon-price span{font-family:var(--font-body);font-size:14px;color:var(--c-text-2)}
/* forms */
.contact-hero .ep-forms{align-items:start;gap:56px;grid-template-columns:1fr 1.1fr}
.contact-copy{display:flex;flex-direction:column;gap:24px}
.contact-pt{display:flex;gap:16px}.contact-pt h3{font-size:18px;margin-bottom:6px}.contact-pt p{color:var(--c-text-2);font-size:15.5px;line-height:1.6}
.contact-pt .ep-iconbox{flex:none;--iconbox-size:44px}
.contact-mail{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:15px;color:var(--c-text-2)}.contact-mail a{color:var(--c-link);font-weight:600}
.contact-img img{border-radius:var(--r-img);width:100%;max-height:520px;object-fit:cover}
.ep-form{padding:clamp(24px,3vw,40px)}
.form-title{font-size:clamp(24px,2.4vw,32px);margin-top:12px}
.ep-form .ep-input{width:100%;font:inherit;font-size:15.5px}
.ep-form textarea.ep-input{height:auto;padding:12px 16px}
.ep-form select.ep-input{appearance:auto}
.form-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-md);background:var(--c-warning-soft);color:var(--c-warning);font-size:14px;line-height:1.45}
.form-note .ic{margin-top:1px}
.form-status{font-size:14.5px;color:var(--c-success);min-height:1em}
/* features */
.crumbs{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--c-text-3);margin-bottom:26px}.crumbs a:hover{color:var(--c-link)}.crumbs .ic{width:14px;height:14px}
.feat-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.feat-panel{padding:0}
.fp-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:var(--divider);font-family:var(--font-mono);font-size:12px;color:var(--c-text-3)}
.fp-bar i{width:10px;height:10px;border-radius:50%;background:var(--c-border);display:inline-block}.fp-bar span{margin-left:8px}
.feat-panel ul{padding:10px 16px 16px;display:flex;flex-direction:column;gap:8px}
.feat-panel li{display:flex;gap:14px;align-items:center;padding:14px;border-radius:var(--r-md);background:var(--c-surface-2);font-size:15px}
.fp-n{font-family:var(--font-mono);font-size:12px;color:var(--c-primary-strong);font-weight:600}
.ep-feature.inc{flex-direction:row;align-items:flex-start;gap:16px;padding:24px}
.ep-feature.inc .ep-iconbox{flex:none;--iconbox-size:40px}
.ep-feature.inc p{color:var(--c-text);font-size:16px}
.plan-note{display:flex;gap:18px;align-items:flex-start;padding:26px;margin-top:28px}
.plan-note .ep-iconbox{flex:none}.plan-note b{font-size:17px}.plan-note p{color:var(--c-text-2);margin:6px 0 10px}
.plan-note a{display:inline-flex;gap:6px;align-items:center;color:var(--c-link);font-weight:600}
.hub-jump{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}
.hub-jump .ep-chip{position:static;padding:9px 14px;font-weight:600}.hub-jump .ep-chip span{font-family:var(--font-mono);color:var(--c-text-3);font-size:12px}
.ep-head.split{gap:24px;flex-wrap:wrap}
.ep-eyebrow .ic{width:15px;height:15px}
/* footer */
.ep-footer a:hover{color:var(--footer-fg)}
.ep-footer .addr{font-size:14px;line-height:1.7}
.ep-footer .ep-logo svg{height:30px;width:auto}
/* theme switcher (preview only) */
/* legacy theme-switch chrome removed — lives inside .ep-preview-box */
/* responsive */
@media (max-width:1180px){
  .ep-nav-cta .ep-btn.ghost{display:none}
  .mm-grid{grid-template-columns:repeat(3,1fr)}
  .dd.wide.xl .dd-panel{left:-260px}
  .ep-article{grid-template-columns:minmax(0,1fr) 260px}.ep-article .toc{display:none}
  .ep-features.cols-4{grid-template-columns:repeat(2,1fr)}
  .ep-footer-top{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:980px){
  :root{--container:calc(100vw - 36px)}
  .burger{display:inline-flex}
  .ep-nav-cta{display:none}
  .site-nav .ep-nav-links{display:none;position:fixed;inset:76px 0 0 0;background:var(--c-surface);flex-direction:column;align-items:stretch;gap:0;padding:12px 18px 40px;overflow-y:auto;z-index:70}
  .site-nav.menu-open .ep-nav-links{display:flex}
  .site-nav.menu-open .burger .ic{display:none}.site-nav.menu-open .burger .ic+.ic{display:inline-flex}
  .ep-nav-links>a,.dd-btn{width:100%;justify-content:space-between;padding:14px 6px;font-size:17px;border-bottom:var(--divider);border-radius:0;color:var(--c-text)}
  .dd-panel{position:static;box-shadow:none;border:0;padding:4px 0 10px;width:auto!important;min-width:0}
  .dd.wide.xl .dd-panel{left:auto}
  .ep-mega-grid,.mm-grid{grid-template-columns:1fr}
  .nav-cta-m{display:flex;gap:10px;margin-top:18px}.nav-cta-m .ep-btn{flex:1}
  .site-hero.ep-hero-a>.ep-container,.feat-hero-grid,.ep-alt,.ep-faq-wrap,.contact-hero .ep-forms,.ep-forms{grid-template-columns:1fr;gap:32px}
  .ep-alt.rev .ep-alt-media{order:0}
  .ep-faq-wrap .ep-head{position:static}
  .ep-features,.ep-features.cols-3,.ep-cases,.ep-pricing,.ep-pricing.plans-2{grid-template-columns:1fr 1fr}
  .ep-article,.ep-article.no-toc{grid-template-columns:1fr}
  .ep-cta-band{flex-direction:column;align-items:flex-start;padding:44px 28px;gap:24px}
  .ep-head.split{flex-direction:column;align-items:flex-start}
  .ep-footer-top{grid-template-columns:1fr 1fr}
  .ep-footer .brand{grid-column:1/-1}
}
@media (max-width:640px){
  .ep-features,.ep-features.cols-2,.ep-features.cols-3,.ep-features.cols-4,.ep-cases,.ep-pricing,.ep-pricing.plans-2,.ep-row{grid-template-columns:1fr}
  .ep-footer-bottom{flex-direction:column;gap:12px}
  .ep-plan{padding:28px}
  .ep-quote-feature{padding:28px}
  .ep-person .qlogo{display:none}
  .ep-seg a{padding:8px 12px;font-size:13.5px}
  .ep-faq-item{padding:18px}
  .ep-faq-item .q{font-size:16.5px}
  .ep-prose{font-size:16.5px}
  .ep-hero-ctas .ep-btn{flex:1}
}
.card-media{height:96px;display:flex;align-items:center;justify-content:flex-start;border-bottom:var(--divider);margin:-6px 0 4px;padding-bottom:16px}
.card-media img{max-height:52px;width:auto;max-width:100%;object-fit:contain}
.ep-feature{min-height:0}
.ep-head .ep-eyebrow,.ep-hero-copy .ep-eyebrow{align-self:flex-start}
.ep-head.center .ep-eyebrow{align-self:center}
.ep-features.incl{grid-template-columns:repeat(2,1fr);gap:14px}
.ep-feature.inc{padding:20px 22px;align-items:center}
.ep-feature.rel{gap:10px}.ep-feature.rel p{flex:1}
@media (max-width:640px){.ep-features.incl{grid-template-columns:1fr}}
.ep-prose h1 + h3{font-family:var(--font-body);font-size:20px;line-height:1.55;font-weight:500;color:var(--c-text-2);letter-spacing:0;margin-top:0}
.ep-alt-media{justify-content:center}
.ep-alt-media img{width:auto;max-width:100%;max-height:560px;object-fit:contain}
.ep-prose figure img{width:auto;max-width:100%;max-height:440px;object-fit:contain;margin:0 auto}
.ep-prose figure.lead-img img{max-height:520px}
body.no-scroll .ep-preview-box{display:none}.mm-hub-t{font-size:12px!important;padding:10px 0 6px!important}

/* ---- menu switcher (classic + pill-glass only) ---- */
/* Eventpack preview: menu designs. Only Classic (default) + Pill Glass remain. */

body.no-scroll .ep-preview-box{display:none}

/* ========== PILL GLASS floating bar ========== */
html[data-menu="pill-glass"] .site-nav{
  height:auto;background:transparent;border:0;box-shadow:none;padding:14px 0 0;position:sticky;top:0
}
html[data-menu="pill-glass"] .site-nav .ep-container{
  background:color-mix(in srgb,var(--c-surface) 72%,transparent);
  backdrop-filter:blur(18px) saturate(1.4);
  -webkit-backdrop-filter:blur(18px) saturate(1.4);
  border:1px solid color-mix(in srgb,var(--c-border) 80%,transparent);
  border-radius:999px;padding:8px 16px 8px 20px;box-shadow:0 10px 40px -16px rgba(13,29,38,.28);
  width:min(1240px,calc(100vw - 48px));max-width:min(1240px,calc(100vw - 48px));
  gap:28px;margin-left:auto;margin-right:auto;box-sizing:border-box
}
html[data-menu="pill-glass"] .ep-nav-links{gap:8px;flex-wrap:nowrap;min-width:0}
html[data-menu="pill-glass"] .ep-nav-links>a,
html[data-menu="pill-glass"] .dd-btn{
  border-radius:999px;padding:10px 12px;font-size:14px;white-space:nowrap;flex:0 0 auto
}
html[data-menu="pill-glass"] .ep-nav-cta .ep-btn.primary{border-radius:999px}
/* Pill Glass: keep hero titles flush to the content column (not viewport-centred) */
html[data-menu="pill-glass"] .site-hero .ep-container,
html[data-menu="pill-glass"] .ep-hero-a > .ep-container{
  justify-items:stretch;align-items:center
}
html[data-menu="pill-glass"] .site-hero .ep-hero-copy,
html[data-menu="pill-glass"] .ep-hero-a .ep-hero-copy{
  justify-self:start;text-align:left;margin-left:0;margin-right:0;width:auto;max-width:100%
}
html[data-menu="pill-glass"] .site-hero .ep-hero-copy .ep-display,
html[data-menu="pill-glass"] .ep-hero-a .ep-hero-copy .ep-display{
  text-align:left;margin-left:0;margin-right:0;margin-inline:0;justify-self:start
}

html[data-menu="pill-glass"] .dd-panel{
  border-radius:22px;margin-top:12px;box-shadow:0 20px 50px -18px rgba(13,29,38,.3);
  border:1px solid var(--c-border);overflow:hidden
}
html[data-menu="pill-glass"] .burger{border-radius:999px;background:var(--c-chip-bg)}
@media (max-width:980px){
  html[data-menu="pill-glass"] .site-nav .ep-container{border-radius:20px;padding:10px 12px}
  html[data-menu="pill-glass"] .site-nav.menu-open .ep-nav-links{
    inset:88px 12px 12px;border-radius:20px;border:1px solid var(--c-border);
    box-shadow:0 20px 50px rgba(0,0,0,.15)
  }
}
/* ---- Brand logo lock: always original Eventpack colours (#0D1D26 + #F06E93).
   Inverse (white + pink) only on dark surfaces, matching the original site. ---- */
.ep-logo .la{fill:#0D1D26 !important}
.ep-logo .lb{fill:#F06E93 !important}
.inv .ep-logo .la,
.ep-logo.inv .la,
.ep-footer .ep-logo .la{fill:#FFFFFF !important}
.inv .ep-logo .lb,
.ep-logo.inv .lb,
.ep-footer .ep-logo .lb{fill:#F06E93 !important}
.ep-logo svg,
.site-nav .ep-logo svg,
.ep-footer .ep-logo svg{filter:none !important}
html[data-theme="03-dark-premium"] .site-nav .ep-logo .la{fill:#FFFFFF !important}
html[data-theme="03-dark-premium"] .site-nav .ep-logo .lb{fill:#F06E93 !important}
html[data-theme="08-event-energy-neon"] .site-nav .ep-logo .la{fill:#FFFFFF !important}
html[data-theme="08-event-energy-neon"] .site-nav .ep-logo .lb{fill:#F06E93 !important}
html[data-theme="12-bizzabo-os"]:not([data-menu="pill-glass"]) .site-nav .ep-logo .la{fill:#FFFFFF !important}
html[data-theme="12-bizzabo-os"]:not([data-menu="pill-glass"]) .site-nav .ep-logo .lb{fill:#F06E93 !important}
/* Theme 12 + Pill Glass: light pill bar — dark brand logo only (no recolour), AA nav/panel text */
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .ep-logo .la{fill:#0D1D26 !important}
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .ep-logo .lb{fill:#F06E93 !important}
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .ep-nav-links > a,
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .dd-btn,
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .ep-nav-links a,
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .burger{
  color:#0B0F19
}
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .ep-nav-links > a:hover,
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .dd-btn:hover,
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .dd.open .dd-btn{
  background:#EEF0F7;color:#0B0F19
}
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .ep-btn.ghost{
  color:#0B0F19;border-color:rgba(11,15,25,.28)
}
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .ep-btn.ghost:hover{
  background:#EEF0F7;color:#0B0F19;border-color:rgba(11,15,25,.28)
}
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .dd-panel{
  background:#FFFFFF;color:#0B0F19;border-color:#E6E8EF
}
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .dd-list a,
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .ep-mega-item,
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .ep-mega-list a{
  color:#0B0F19
}
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .dd-list a:hover,
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .ep-mega-item:hover,
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .ep-mega-list a:hover{
  background:#EEF0F7;color:#0B0F19
}
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .ep-mega-item b{color:#0B0F19}
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .ep-mega-item span{color:#4A5563}
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .mm-hub-t{color:#5B4CDB}
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .mm-hub a:not(.mm-hub-t){color:#4A5563}
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .mm-hub a:not(.mm-hub-t):hover{color:#5B4CDB}
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .mm-all{color:#5B4CDB}
html[data-theme="12-bizzabo-os"][data-menu="pill-glass"] .site-nav .ep-mega-title{color:#5B4CDB}
html[data-theme="20-event-os-violet"] .site-nav .ep-logo .la{fill:#FFFFFF !important}
html[data-theme="20-event-os-violet"] .site-nav .ep-logo .lb{fill:#F06E93 !important}

html{
  --logo-a:#0D1D26 !important;
  --logo-b:#F06E93 !important;
  --logo-a-inv:#FFFFFF !important;
  --footer-logo-a:#FFFFFF !important;
}

/* Grouped Features: hub titles may be <span class="mm-hub-t"> */
.mm-hub > span.mm-hub-t{display:flex;align-items:center;gap:6px;pointer-events:none}


/* Combo arrow-key toast */
.ep-combo-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(8px);z-index:120;
  background:rgba(13,29,38,.94);color:#fff;padding:10px 16px;border-radius:999px;font:13px/1.2 system-ui,sans-serif;
  font-weight:600;box-shadow:0 12px 32px rgba(0,0,0,.35);opacity:0;pointer-events:none;
  transition:opacity .25s ease, transform .25s ease;white-space:nowrap;max-width:min(90vw,520px);overflow:hidden;text-overflow:ellipsis}
.ep-combo-toast.is-on{opacity:1;transform:translateX(-50%) translateY(0)}

/* Joined compact side arrows — match dropdown trigger height */
.ep-ctrl-row{display:flex;align-items:stretch;gap:0;background:rgba(13,29,38,.94);border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.28);min-height:32px;height:32px}
.ep-side-btn{flex:none;width:28px;padding:0;margin:0;border:0;border-radius:0;background:rgba(255,255,255,.08);color:rgba(255,255,255,.9);font-size:14px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:system-ui,sans-serif}
.ep-side-btn:hover{background:rgba(240,110,147,.4);color:#fff}
.ep-side-btn:focus{outline:none;box-shadow:inset 0 0 0 2px rgba(240,110,147,.65);z-index:1}
.ep-side-prev{border-right:1px solid rgba(255,255,255,.1)}
.ep-side-next{border-left:1px solid rgba(255,255,255,.1)}
.ep-ctrl-row .ep-pop-toggle{flex:0 1 auto;min-width:0;border-radius:0;box-shadow:none;opacity:1;background:transparent;height:32px;box-sizing:border-box;align-self:stretch;width:auto}
.ep-pop{position:relative;font:12px/1.25 system-ui,sans-serif;color:#fff}
.ep-pop-toggle{display:flex;align-items:center;gap:8px;color:#fff;border:0;padding:8px 10px;cursor:pointer;font:inherit;width:100%;text-align:left}
.ep-pop-toggle:hover{background:rgba(255,255,255,.06)}
.ep-pop.is-open .ep-pop-toggle{background:rgba(255,255,255,.08)}
.ep-pop-label{opacity:.7;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:10px;flex:none;white-space:nowrap}
.ep-pop-value{font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ep-pop-caret{opacity:.7;font-size:10px;margin-left:auto}
.ep-pop-panel{position:absolute;left:0;bottom:calc(100% + 8px);min-width:220px;max-width:280px;background:#0D1D26;color:#fff;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);z-index:95;overflow:hidden}
.ep-pop-scroll .ep-pop-panel{/* list scrolls */}
.ep-pop-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.1);font-weight:600;font-size:11px;letter-spacing:.04em;text-transform:uppercase;opacity:.9}
.ep-pop-close{background:transparent;border:0;color:#fff;font-size:18px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:6px;opacity:.75}
.ep-pop-close:hover{opacity:1;background:rgba(255,255,255,.1)}
.ep-pop-list{list-style:none;margin:0;padding:6px;max-height:none;overflow:auto}
.ep-pop-scroll .ep-pop-list{max-height:min(320px,50vh)}
.ep-pop-list [role=option]{padding:8px 10px;border-radius:8px;cursor:pointer;outline:none}
.ep-pop-list [role=option]:hover,.ep-pop-list [role=option]:focus{background:rgba(255,255,255,.1)}
.ep-pop-list [role=option].is-active{background:rgba(240,110,147,.28);box-shadow:inset 0 0 0 1px rgba(240,110,147,.55);font-weight:600}

/* ---- Preview box: compact fixed bottom-left, vertical equal controls ---- */
.ep-preview-box{
  position:fixed;left:14px;bottom:14px;z-index:90;
  width:max-content;max-width:calc(100vw - 28px);
  font:12px/1.25 system-ui,sans-serif;margin:0;padding:0
}
.ep-preview-fab{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(13,29,38,.94);color:#fff;border:0;border-radius:999px;
  padding:10px 14px;font:12px/1 system-ui,sans-serif;font-weight:700;
  letter-spacing:.04em;text-transform:uppercase;cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.35)
}
.ep-preview-fab:hover{background:#0D1D26}
.ep-preview-fab:focus{outline:none;box-shadow:0 0 0 3px rgba(240,110,147,.5),0 8px 24px rgba(0,0,0,.35)}
.ep-preview-panel{
  background:rgba(13,29,38,.96);border-radius:14px;
  box-shadow:0 12px 36px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);
  overflow:visible;width:348px;max-width:calc(100vw - 28px);box-sizing:border-box
}
.ep-preview-head{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.1)
}
.ep-preview-title{color:#fff;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.ep-preview-collapse{
  width:28px;height:28px;border:0;border-radius:8px;
  background:rgba(255,255,255,.1);color:#fff;font-size:16px;line-height:1;cursor:pointer
}
.ep-preview-collapse:hover{background:rgba(240,110,147,.4)}
.ep-preview-collapse:focus{outline:none;box-shadow:0 0 0 2px rgba(240,110,147,.55)}
.ep-preview-body.preview-switchers,
.ep-preview-body,
.preview-switchers{
  position:static;display:flex;flex-direction:column;flex-wrap:nowrap;
  align-items:stretch;gap:6px;padding:8px;
  width:100%;max-width:100%;overflow:visible;box-sizing:border-box
}
.ep-preview-box.is-collapsed .ep-preview-panel{display:none}
.ep-preview-box.is-collapsed .ep-preview-fab{display:inline-flex}
.ep-preview-box:not(.is-collapsed) .ep-preview-fab{display:none}
body.no-scroll .ep-preview-box{display:none}

.ep-ctrl{position:relative;display:block;flex:0 0 auto;width:100%;min-width:0;max-width:none;order:0;box-sizing:border-box}
.ep-ctrl.menu-switch{order:1}
.ep-ctrl.theme-switch{order:2}
.ep-ctrl.feat-switch{order:3}
.ep-ctrl.navopen-switch{order:4}
.ep-ctrl.logos-switch{order:5}
.ep-ctrl.btntext-switch{order:6}
.ep-ctrl-row{
  display:flex;align-items:stretch;gap:0;
  background:rgba(13,29,38,.94);border-radius:10px;overflow:hidden;
  box-shadow:none;height:32px;min-height:32px;width:100%;min-width:0;max-width:none;box-sizing:border-box
}
.ep-side-btn{
  flex:none;width:28px;height:32px;padding:0;margin:0;border:0;border-radius:0;
  background:rgba(255,255,255,.08);color:rgba(255,255,255,.9);font-size:14px;line-height:1;
  cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:system-ui,sans-serif
}
.ep-side-btn:hover{background:rgba(240,110,147,.4);color:#fff}
.ep-side-btn:focus{outline:none;box-shadow:inset 0 0 0 2px rgba(240,110,147,.65);z-index:1}
.ep-side-prev{border-right:1px solid rgba(255,255,255,.1)}
.ep-side-next{border-left:1px solid rgba(255,255,255,.1)}
.ep-ctrl-row .ep-pop-toggle{
  flex:1 1 auto;width:auto;min-width:0;height:32px;box-sizing:border-box;
  border-radius:0;box-shadow:none;opacity:1;background:transparent;align-self:stretch
}
.ep-pop{position:relative;font:12px/1.25 system-ui,sans-serif;color:#fff;width:100%;max-width:none}
.ep-pop-toggle{display:flex;align-items:center;gap:8px;color:#fff;border:0;padding:8px 10px;cursor:pointer;font:inherit;width:100%;text-align:left}
.ep-pop-toggle:hover{background:rgba(255,255,255,.06)}
.ep-pop.is-open .ep-pop-toggle{background:rgba(255,255,255,.08)}
.ep-pop-label{opacity:.7;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:10px;flex:none;width:68px;min-width:68px;text-align:left;white-space:nowrap;overflow:visible}
.ep-pop-value{font-weight:600;flex:1 1 auto;min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ep-pop-caret{opacity:.7;font-size:10px;margin-left:auto;flex:none}
.ep-pop-panel{
  position:absolute;left:0;right:auto;bottom:calc(100% + 8px);top:auto;
  min-width:100%;max-width:none;width:100%;
  background:#0D1D26;color:#fff;border-radius:12px;
  box-shadow:0 16px 40px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);
  z-index:95;overflow:hidden;margin:0
}
.ep-pop-scroll .ep-pop-list{max-height:min(320px,50vh)}
.ep-pop-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.1);font-weight:600;font-size:11px;letter-spacing:.04em;text-transform:uppercase;opacity:.9}
.ep-pop-close{background:transparent;border:0;color:#fff;font-size:18px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:6px;opacity:.75}
.ep-pop-close:hover{opacity:1;background:rgba(255,255,255,.1)}
.ep-pop-list{list-style:none;margin:0;padding:6px;max-height:none;overflow:auto}
.ep-pop-list [role=option]{padding:8px 10px;border-radius:8px;cursor:pointer;outline:none}
.ep-pop-list [role=option]:hover,.ep-pop-list [role=option]:focus{background:rgba(255,255,255,.1)}
.ep-pop-list [role=option].is-active{background:rgba(240,110,147,.28);box-shadow:inset 0 0 0 1px rgba(240,110,147,.55);font-weight:600}

@media (max-width:640px){
  .ep-preview-box{left:10px;right:auto;bottom:10px;max-width:calc(100vw - 20px)}
  .ep-preview-panel{width:min(348px,calc(100vw - 20px))}
  .ep-ctrl,.ep-pop,.ep-ctrl-row{width:100%;min-width:0;max-width:none}
  .ep-side-btn{width:32px;min-width:32px;min-height:32px;font-size:15px}
  .ep-ctrl-row .ep-pop-toggle{min-height:32px;padding:6px 8px}
}


/* Footer brand column: logo → tagline → address → ISO badge → email → rule → copyright */
.ep-footer .brand .ep-footer-tagline{margin:0}
.ep-footer .brand .addr{margin:0}
.ep-footer .brand .ep-iso-badge{
  display:inline-flex;align-items:center;align-self:flex-start;line-height:0;
  margin-top:-8px;opacity:.92
}
.ep-footer .brand .ep-iso-badge:hover{opacity:1}
.ep-footer .brand .ep-iso-badge img{display:block;height:52px;width:auto}
.ep-footer .brand .ep-footer-email{margin:0;font-size:15px;line-height:1.6;color:var(--footer-fg-2)}
.ep-footer .brand .ep-footer-email a{color:var(--footer-fg-2)}
.ep-footer .brand .ep-footer-email a:hover{color:var(--footer-fg)}
.ep-footer .brand .ep-footer-brand-rule{
  width:100%;border:0;border-top:var(--footer-divider);margin:4px 0 0;padding:0;height:0
}
.ep-footer .brand .ep-footer-copy{margin:0;font-size:14px;color:var(--footer-fg-3)}
@media (max-width:640px){
  .ep-footer .brand .ep-iso-badge img{height:48px}
}


/* ===== Homepage video hero (2026-10-16 showcase) ===== */
.ep-vhero{position:relative;overflow:hidden;min-height:min(78vh,720px);display:flex;align-items:center;padding:120px 0 96px;background:#0b0f14;isolation:isolate}
.ep-vhero-media,.ep-vhero-shade{position:absolute;inset:0;z-index:-2}
.ep-vhero-video,.ep-vhero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ep-vhero-poster{display:block;z-index:0}.ep-vhero-video{z-index:1} /* I17: the poster is a responsive <img> under the video (the video has no poster attribute and is transparent until it plays) */
.ep-vhero-shade{z-index:-1;background:linear-gradient(90deg,rgba(6,9,14,.82) 0%,rgba(6,9,14,.62) 45%,rgba(6,9,14,.30) 100%),linear-gradient(0deg,rgba(6,9,14,.55),transparent 40%)}
.ep-vhero .ep-hero-copy{max-width:720px}
.ep-vhero .ep-display,.ep-vhero .ep-lead,.ep-vhero .ep-lead strong{color:#fff!important;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.ep-vhero .ep-lead{opacity:.92}
.ep-vhero .ep-btn.secondary{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.7);backdrop-filter:blur(6px)}
.ep-vhero-toggle{position:absolute;right:24px;bottom:24px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.35);cursor:pointer;display:grid;place-items:center}
.ep-vhero-toggle span{width:12px;height:14px;border-left:4px solid #fff;border-right:4px solid #fff}
.ep-vhero-toggle.is-paused span{width:0;height:0;border:0;border-left:13px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}
@media (prefers-reduced-motion:reduce){.ep-vhero-video{display:none}.ep-vhero-poster{display:block}.ep-vhero-toggle{display:none}}
@media (max-width:768px){.ep-vhero{min-height:560px;padding:110px 0 72px}.ep-vhero-shade{background:linear-gradient(0deg,rgba(6,9,14,.85),rgba(6,9,14,.55))}}

/* ===== Feature showcase ===== */
.ep-showcase{--sc-ease:cubic-bezier(.22,.7,.2,1);--sc-t:520ms;padding-top:72px;padding-bottom:72px}
.sc-grid{display:grid;grid-template-columns:minmax(300px,400px) 1fr;gap:56px;align-items:stretch}
.sc-left{display:flex;flex-direction:column;gap:14px}
.sc-left .ep-h2{margin:0 0 10px}
.sc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.sc-item{border-radius:28px;background:var(--c-surface-2,var(--c-chip-bg));border:1px solid var(--c-border,transparent);transition:background var(--sc-t) var(--sc-ease),border-color var(--sc-t),box-shadow var(--sc-t)}
.sc-item.is-on{background:var(--c-surface,#fff);border-color:var(--c-primary);box-shadow:var(--sh-sm,0 4px 18px rgba(0,0,0,.06))}
.sc-tab{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;padding:13px 20px;cursor:pointer;font:600 16px/1.3 var(--font-ui,inherit);color:var(--c-heading,var(--c-text));border-radius:28px}
.sc-tab:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}
.sc-dot{width:10px;height:10px;border-radius:50%;flex:none;border:2px solid var(--c-text-3);transition:all var(--sc-t) var(--sc-ease)}
.sc-item.is-on .sc-dot{background:var(--c-primary);border-color:var(--c-primary);transform:scale(1.15)}
.sc-desc{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--sc-t) var(--sc-ease)}
.sc-desc>p{overflow:hidden;margin:0;padding:0 22px 0 42px;color:var(--c-text-2);font-size:15px;line-height:1.5;opacity:0;transition:opacity var(--sc-t) var(--sc-ease),padding var(--sc-t) var(--sc-ease)}
.sc-item.is-on .sc-desc{grid-template-rows:1fr}
.sc-item.is-on .sc-desc>p{opacity:1;padding-bottom:16px}
.sc-ctrls{display:flex;align-items:center;gap:10px;margin-top:8px}
.sc-ctrls button{width:44px;height:44px;border-radius:50%;border:1px solid var(--c-border-strong,var(--c-border));background:var(--c-surface);color:var(--c-heading);cursor:pointer;display:grid;place-items:center;transition:transform .2s,background .2s}
.sc-ctrls button:hover{background:var(--c-primary);color:var(--c-primary-ink,#fff);border-color:var(--c-primary)}
.sc-ctrls button:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}
.sc-ctrls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sc-stage{position:relative;height:640px;border-radius:var(--r-lg,24px);overflow:hidden;isolation:isolate;
  background:radial-gradient(120% 90% at 85% 10%,var(--c-primary-soft,rgba(0,0,0,.05)),transparent 60%),radial-gradient(90% 80% at 0% 100%,color-mix(in srgb,var(--c-secondary,var(--c-primary)) 18%,transparent),transparent 60%),var(--c-surface-2,var(--c-chip-bg));border:1px solid var(--c-border,transparent)}
.sc-scene{position:absolute;inset:0;opacity:0;transform:translateX(28px) scale(.985);transition:opacity var(--sc-t) var(--sc-ease),transform var(--sc-t) var(--sc-ease)}
.sc-scene[hidden]{display:block;visibility:hidden;content-visibility:hidden} /* I17: hidden scenes skip style/layout/paint; show() unhides before measuring */
.sc-scene.is-on{opacity:1;transform:none;visibility:visible}
.sc-scene.is-out{opacity:0;transform:translateX(-28px) scale(.985);visibility:visible}
.sc-card{position:absolute;background:var(--c-surface,#fff);color:var(--c-text);border:1px solid var(--c-border,transparent);border-radius:var(--r-md,16px);box-shadow:var(--sh-lg,0 20px 50px rgba(0,0,0,.12));padding:22px}
.sc-cap{font:600 11px/1 var(--font-eyebrow,var(--font-ui));text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-3);margin-bottom:16px}
.sc-big{font:700 48px/1 var(--font-num,var(--font-ui));color:var(--c-heading);font-variant-numeric:tabular-nums}
.sc-mini{font-size:13px;color:var(--c-text-3);margin-top:8px}
.sc-av{width:34px;height:34px;border-radius:50%;flex:none;background:linear-gradient(135deg,var(--c-primary),var(--c-secondary,var(--c-primary)))}
.sc-btn{margin-top:18px;border-radius:var(--r-pill-ui,999px);background:var(--c-primary);color:var(--c-primary-ink,#fff);text-align:center;font-weight:700;padding:12px}
/* scene: registration */
.sc-form{left:8%;top:12%;width:46%}
.sc-field{margin-bottom:12px}.sc-field span{display:block;font-size:12px;color:var(--c-text-3);margin-bottom:6px}
.sc-field b{display:block;height:38px;border-radius:10px;border:1px solid var(--c-border-strong,var(--c-border));position:relative;overflow:hidden}
.sc-field b::after{content:"";position:absolute;left:12px;top:14px;height:10px;width:60%;border-radius:5px;background:var(--c-text-3);opacity:.45;transform-origin:left;transform:scaleX(0)}
.sc-tickets{display:flex;gap:10px;margin-top:6px}.sc-tk{flex:1;border:1px solid var(--c-border-strong,var(--c-border));border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600}
.sc-tk.on{border-color:var(--c-primary);background:var(--c-primary-soft)}.sc-tk em{font-style:normal;font-size:11px;color:var(--c-primary-strong,var(--c-primary));display:block}
.sc-card.sc-sold{right:7%;top:20%;width:34%}
.sc-bar{height:8px;border-radius:4px;background:var(--c-chip-bg,var(--c-surface-2));margin-top:16px;overflow:hidden}.sc-bar b{display:block;height:100%;width:83%;background:var(--c-primary);transform-origin:left;transform:scaleX(0)}
.sc-stub{position:absolute;right:12%;bottom:13%;width:30%;height:84px;border-radius:14px;background:var(--c-primary);color:var(--c-primary-ink,#fff);font-weight:700;display:flex;align-items:center;gap:14px;padding:0 22px;box-shadow:var(--sh-lg);opacity:0}
.sc-stub span{width:34px;height:34px;border-radius:6px;background:repeating-linear-gradient(90deg,currentColor 0 3px,transparent 3px 6px);opacity:.8}
/* scene: check-in */
.sc-kiosk{left:9%;top:11%;width:42%;text-align:center}
.sc-qr{position:relative;width:200px;height:200px;margin:4px auto 18px;border-radius:14px;overflow:hidden;background:var(--c-surface)}
.sc-qr.sm{width:130px;height:130px}
.sc-qrsvg{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);fill:var(--c-heading)}
.sc-qr i{position:absolute;inset:12px;background:conic-gradient(var(--c-heading) 25%,transparent 0 50%,var(--c-heading) 0 75%,transparent 0) 0 0/22px 22px;opacity:.85;-webkit-mask:linear-gradient(#000 0 0);border:10px solid var(--c-heading);border-radius:6px}
.sc-scan{position:absolute;left:0;right:0;top:0;height:3px;background:var(--c-primary);box-shadow:0 0 18px 4px var(--c-primary)}
.sc-ok{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--c-success,var(--c-primary));opacity:0;transform:scale(.8)}
.sc-ok svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.sc-printer{position:absolute;right:9%;top:16%;width:34%;height:70%;overflow:hidden;padding-bottom:30px}
.sc-slot{position:absolute;left:0;right:0;top:0;height:46px;border-radius:12px;background:var(--c-heading);opacity:.9;z-index:2}
.sc-badge{position:absolute;left:10%;right:10%;top:46px;height:300px;border-radius:12px;background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--sh-lg);padding:56px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;transform:translateY(-100%);z-index:1}
.sc-bd-top{position:absolute;left:0;right:0;top:0;height:40px;border-radius:12px 12px 0 0;background:var(--c-primary)}
.sc-badge .sc-av{width:64px;height:64px}.sc-badge b{width:70%;height:12px;border-radius:6px;background:var(--c-heading);opacity:.8}.sc-badge i{width:50%;height:9px;border-radius:5px;background:var(--c-text-3);opacity:.5}
.sc-bd-qr{width:60px;height:60px;margin-top:auto;background:conic-gradient(var(--c-heading) 25%,transparent 0 50%,var(--c-heading) 0 75%,transparent 0) 0 0/12px 12px;opacity:.8}
/* scene: sessions */
.sc-agenda{left:7%;top:10%;width:58%}
.sc-row{display:grid;grid-template-columns:52px 1fr 90px auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--c-border);opacity:0;transform:translateY(14px)}
.sc-row time{font:600 13px var(--font-mono,monospace);color:var(--c-text-3)}.sc-row b{display:block;font-size:15px;color:var(--c-heading)}.sc-row span{font-size:12px;color:var(--c-text-3)}
.sc-capbar{height:6px;border-radius:3px;background:var(--c-chip-bg,var(--c-surface-2));overflow:hidden}.sc-capbar i{display:block;height:100%;width:var(--w);background:var(--c-primary);transform-origin:left;transform:scaleX(0)}
.sc-row em{font-style:normal;font-size:11px;font-weight:700;padding:3px 8px;border-radius:99px;background:var(--c-warning-soft);color:var(--c-warning)}
.sc-door{right:7%;bottom:12%;width:30%}
/* scene: app */
.sc-phone{position:absolute;left:12%;top:7%;width:250px;height:86%;border-radius:38px;background:var(--c-bg,var(--c-surface));border:10px solid var(--c-heading);box-shadow:var(--sh-lg);padding:38px 14px 14px;overflow:hidden}
.sc-notch{position:absolute;left:50%;top:8px;width:80px;height:18px;border-radius:10px;background:var(--c-heading);transform:translateX(-50%)}
.sc-app-h{font-weight:700;font-size:18px;color:var(--c-heading);margin:6px 4px 12px}
.sc-acard{border-radius:14px;background:var(--c-surface);border:1px solid var(--c-border);border-left:4px solid var(--c-primary);padding:12px;margin-bottom:10px;opacity:0;transform:translateX(40px)}
.sc-acard time{display:block;font:600 11px var(--font-mono,monospace);color:var(--c-text-3)}.sc-acard b{font-size:14px;color:var(--c-heading)}
.sc-chat{right:8%;top:30%;width:40%}
.sc-msg{max-width:85%;padding:10px 14px;border-radius:16px;font-size:14px;margin-bottom:10px;opacity:0;transform:translateY(10px)}
.sc-msg.a{background:var(--c-chip-bg,var(--c-surface-2));color:var(--c-text)}.sc-msg.b{margin-left:auto;background:var(--c-primary);color:var(--c-primary-ink,#fff)}
/* scene: leads */
.sc-scanner{left:7%;top:12%;width:36%;text-align:center}
.sc-lead{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--c-border);border-radius:12px;padding:10px;opacity:0}
.sc-lead b,.sc-lrow b{display:block;width:90px;height:9px;border-radius:5px;background:var(--c-heading);opacity:.75;margin-bottom:6px}.sc-lead i,.sc-lrow i{display:block;width:60px;height:7px;border-radius:4px;background:var(--c-text-3);opacity:.45}
.sc-lead em,.sc-lrow em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px}
.g-hot{background:var(--c-danger-soft);color:var(--c-danger)}.g-warm{background:var(--c-warning-soft);color:var(--c-warning)}.g-neutral{background:var(--c-info-soft);color:var(--c-info)}.g-cold{background:var(--c-chip-bg);color:var(--c-text-2)}
.sc-leadlist{right:7%;top:20%;width:44%}
.sc-lrow{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--c-border);opacity:0;transform:translateY(-16px)}
/* scene: reports */
.sc-chart{left:7%;top:10%;width:56%;height:52%}
.sc-bars{position:absolute;left:22px;right:22px;bottom:22px;top:56px;display:flex;align-items:flex-end;gap:12px}
.sc-bars i{flex:1;height:var(--h);border-radius:6px 6px 0 0;background:linear-gradient(var(--c-primary),color-mix(in srgb,var(--c-primary) 45%,transparent));transform-origin:bottom;transform:scaleY(0)}
.sc-line{position:absolute;left:22px;right:22px;top:56px;bottom:22px;width:calc(100% - 44px);height:calc(100% - 78px);overflow:visible}
.sc-line path{fill:none;stroke:var(--c-heading);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke}
.sc-mail{right:7%;top:14%;width:28%}.sc-mrow{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-top:1px solid var(--c-border)}.sc-mrow span{font-size:13px;color:var(--c-text-3)}.sc-mrow b{font:700 24px var(--font-num,var(--font-ui));color:var(--c-heading)}
.sc-sched{left:22%;bottom:9%;width:46%;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.sc-sched .sc-cap{width:100%;margin-bottom:4px}
.sc-chip{padding:8px 14px;border-radius:99px;background:var(--c-primary-soft);color:var(--c-primary-strong,var(--c-primary));font-weight:600;font-size:13px;opacity:0;transform:scale(.9)}
/* loop animations (6s) — only run on the active, visible, un-hovered scene */
.sc-scene.is-run *{animation-duration:6s;animation-iteration-count:infinite;animation-timing-function:var(--sc-ease);animation-fill-mode:both}
.sc-stage.is-paused .sc-scene *{animation-play-state:paused!important}
.sc-reg.is-run .sc-field b::after{animation:scFill 6s var(--sc-ease) var(--d) infinite both}
.sc-reg.is-run .sc-bar b{animation-name:scGrowX}
.sc-reg.is-run .sc-stub{animation-name:scStub}
.sc-checkin.is-run .sc-scan{animation-name:scScan}
.sc-checkin.is-run .sc-ok{animation-name:scPop}
.sc-checkin.is-run .sc-badge{animation-name:scPrint}
.sc-sessions.is-run .sc-row{animation-name:scRise;animation-delay:calc(var(--i)*.25s)}
.sc-sessions.is-run .sc-capbar i{animation-name:scGrowX;animation-delay:calc(var(--i)*.25s + .3s)}
.sc-app.is-run .sc-acard,.sc-meetings.is-run .sc-acard{animation-name:scSlide;animation-delay:calc(var(--i)*.35s)}
.sc-app.is-run .sc-msg.a,.sc-meetings.is-run .sc-msg.a{animation-name:scRise;animation-delay:1.6s}.sc-app.is-run .sc-msg.b,.sc-meetings.is-run .sc-msg.b{animation-name:scRise;animation-delay:2.4s}
.sc-leads.is-run .sc-scan{animation-name:scScan}
.sc-leads.is-run .sc-lead{animation-name:scLead}
.sc-leads.is-run .sc-lrow{animation-name:scDrop;animation-delay:calc(var(--i)*.3s + 1.2s)}
.sc-reports.is-run .sc-bars i{animation-name:scGrowY;animation-delay:calc(var(--i)*.12s)}
.sc-reports.is-run .sc-line path{animation-name:scDraw}
.sc-reports.is-run .sc-chip{animation-name:scPopIn;animation-delay:2s}
@keyframes scFill{0%,8%{transform:scaleX(0)}22%,88%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes scGrowX{0%,10%{transform:scaleX(0)}45%,88%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes scGrowY{0%,6%{transform:scaleY(0)}40%,88%{transform:scaleY(1)}100%{transform:scaleY(0)}}
@keyframes scStub{0%,40%{opacity:0;transform:translateY(30px) rotate(-4deg)}55%,88%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-10px)}}
@keyframes scScan{0%{transform:translateY(0)}25%{transform:translateY(190px)}50%{transform:translateY(0)}50.1%,100%{opacity:0}}
@keyframes scPop{0%,42%{opacity:0;transform:scale(.8)}52%,90%{opacity:1;transform:scale(1)}100%{opacity:0}}
@keyframes scPrint{0%,10%{transform:translateY(-102%)}35%,95%{transform:translateY(0)}100%{transform:translateY(-102%)}}
@keyframes scRise{0%{opacity:0;transform:translateY(14px)}12%,88%{opacity:1;transform:none}100%{opacity:0}}
@keyframes scSlide{0%{opacity:0;transform:translateX(40px)}12%,88%{opacity:1;transform:none}100%{opacity:0}}
@keyframes scDrop{0%{opacity:0;transform:translateY(-16px)}10%,85%{opacity:1;transform:none}100%{opacity:0}}
@keyframes scLead{0%,35%{opacity:0;transform:translateY(8px)}45%,70%{opacity:1;transform:none}85%,100%{opacity:0;transform:translateX(60%)}}
@keyframes scDraw{0%,15%{stroke-dashoffset:1}60%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes scPopIn{0%{opacity:0;transform:scale(.9)}10%,85%{opacity:1;transform:none}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){
  .sc-scene,.sc-desc,.sc-desc>p,.sc-item{transition:none!important}
  .sc-scene *{animation:none!important}
  .sc-field b::after,.sc-bar b,.sc-capbar i{transform:scaleX(1)}.sc-bars i{transform:scaleY(1)}.sc-line path{stroke-dashoffset:0}
  .sc-stub,.sc-ok,.sc-row,.sc-acard,.sc-msg,.sc-lrow,.sc-chip{opacity:1;transform:none}.sc-badge{transform:none}.sc-scan{display:none}
}
@media (max-width:1100px){.sc-grid{grid-template-columns:1fr 1.2fr;gap:32px}.sc-stage{height:560px}}
@media (max-width:768px){
  .ep-showcase{padding-top:48px;padding-bottom:48px}
  .sc-grid{display:block}.sc-ctrls{display:none}
  .sc-stage{height:440px;margin-top:20px}
  .sc-stage .sc-card{padding:14px}.sc-big{font-size:34px}
  .sc-form{left:5%;width:58%;top:6%}.sc-card.sc-sold{right:4%;width:36%;top:12%}.sc-stub{right:5%;width:44%;height:64px;bottom:6%}
  .sc-kiosk{left:4%;width:52%}.sc-qr{width:140px;height:140px}.sc-printer{right:4%;width:38%}.sc-badge{height:230px}
  .sc-agenda{left:4%;width:92%;top:5%}.sc-door{display:none}
  .sc-phone{left:4%;width:200px}.sc-chat{right:3%;width:46%}
  .sc-scanner{left:4%;width:44%}.sc-leadlist{right:3%;width:50%}.sc-lrow b{width:50px}
  .sc-chart{left:4%;width:92%;height:46%}.sc-mail{right:4%;top:auto;bottom:6%;width:44%}.sc-sched{left:4%;width:44%;bottom:6%}
}

/* ===== CTA band mouse-tracking background (per-theme variants; see CTA-EFFECTS.md) ===== */
.ep-cta-fx{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:inherit;--mx:50%;--my:50%;--px:50%;--py:50%;--dx:0;--dy:0;--fx:#fff;--fx2:var(--c-primary)}
.ep-cta-fx>span{position:absolute;display:block}
.fx-spot{left:0;top:0;width:640px;height:640px;margin:-320px 0 0 -320px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--fx) 34%,transparent),transparent 62%);
  transform:translate3d(var(--px),var(--py),0);opacity:0;transition:opacity .45s;will-change:transform}
.fx-pat{inset:0;opacity:0;transition:opacity .45s;
  -webkit-mask:radial-gradient(circle 220px at var(--mx) var(--my),#000,transparent) no-repeat;mask:radial-gradient(circle 220px at var(--mx) var(--my),#000,transparent) no-repeat}
.fx-shapes{inset:0;transform:translate3d(calc(var(--dx)*-14px),calc(var(--dy)*-14px),0);transition:transform .3s ease-out}
.fx-shapes i{position:absolute;display:none}
.ep-cta-band.fx-on .fx-spot,.ep-cta-band.fx-on .fx-pat{opacity:1}
.ep-cta-band>div:not(.ep-cta-fx){position:relative;z-index:2}
@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.ep-cta-fx{display:none}}
/* event-ish shapes (ticket / QR / badge) shared by parallax themes */
.fx-shapes.on i{display:block;border:2px solid color-mix(in srgb,var(--fx) 30%,transparent);border-radius:10px;opacity:.55}
.fx-shapes.on i:nth-child(1){left:52%;top:14%;width:90px;height:44px;border-radius:8px}
.fx-shapes.on i:nth-child(2){left:64%;top:58%;width:52px;height:52px;background:conic-gradient(color-mix(in srgb,var(--fx) 30%,transparent) 25%,transparent 0 50%,color-mix(in srgb,var(--fx) 30%,transparent) 0 75%,transparent 0) 0 0/13px 13px}
.fx-shapes.on i:nth-child(3){left:40%;top:70%;width:46px;height:64px;border-radius:8px}
.fx-shapes.on i:nth-child(4){left:80%;top:22%;width:30px;height:30px;border-radius:50%}
.fx-shapes.on i:nth-child(5){left:30%;top:10%;width:70px;height:34px}
/* per-theme variants: T = html[data-theme=...] */
html[data-theme="01-editorial-minimal"] .ep-cta-fx{--fx:#fff}
html[data-theme="01-editorial-minimal"] .fx-spot{display:none}
html[data-theme="01-editorial-minimal"] .fx-pat{background:repeating-linear-gradient(0deg,rgba(255,255,255,.16) 0 1px,transparent 1px 28px);-webkit-mask-size:auto;mask:linear-gradient(90deg,transparent calc(var(--mx) - 120px),#000 var(--mx),transparent calc(var(--mx) + 120px))}
html[data-theme="02-bold-gradient"] .ep-cta-fx{--fx:#fff}
html[data-theme="02-bold-gradient"] .fx-spot{width:900px;height:900px;margin:-450px 0 0 -450px;background:radial-gradient(circle,rgba(255,255,255,.28),rgba(255,120,200,.18) 35%,transparent 65%);mix-blend-mode:soft-light}
html[data-theme="03-dark-premium"] .ep-cta-fx{--fx:#D9B46A}
html[data-theme="03-dark-premium"] .fx-spot{width:480px;height:480px;margin:-240px 0 0 -240px;background:radial-gradient(circle,rgba(217,180,106,.30),transparent 60%)}
html[data-theme="03-dark-premium"] .fx-pat{background:linear-gradient(115deg,transparent 45%,rgba(217,180,106,.22) 50%,transparent 55%) 0 0/100% 100%}
html[data-theme="04-glassmorphism"] .fx-spot{width:380px;height:380px;margin:-190px 0 0 -190px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),rgba(255,255,255,.08) 45%,transparent 70%);filter:blur(2px)}
html[data-theme="04-glassmorphism"] .fx-shapes i{display:block;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3)}
html[data-theme="04-glassmorphism"] .fx-shapes i:nth-child(1){left:58%;top:-10%;width:180px;height:180px}html[data-theme="04-glassmorphism"] .fx-shapes i:nth-child(2){left:76%;top:50%;width:120px;height:120px}html[data-theme="04-glassmorphism"] .fx-shapes i:nth-child(3){left:44%;top:66%;width:80px;height:80px}
html[data-theme="05-playful-confetti"] .fx-spot{display:none}
html[data-theme="05-playful-confetti"] .fx-shapes i{display:block;width:14px;height:14px;border-radius:3px}
html[data-theme="05-playful-confetti"] .fx-shapes{transform:translate3d(calc(var(--dx)*-34px),calc(var(--dy)*-34px),0)}
html[data-theme="05-playful-confetti"] .fx-shapes i:nth-child(1){left:50%;top:18%;background:#FFD84D;transform:rotate(20deg)}html[data-theme="05-playful-confetti"] .fx-shapes i:nth-child(2){left:62%;top:72%;background:#43C6B8;border-radius:50%}html[data-theme="05-playful-confetti"] .fx-shapes i:nth-child(3){left:40%;top:82%;background:#FF6B9A;transform:rotate(45deg)}html[data-theme="05-playful-confetti"] .fx-shapes i:nth-child(4){left:85%;top:14%;background:#fff;border-radius:50%}html[data-theme="05-playful-confetti"] .fx-shapes i:nth-child(5){left:30%;top:12%;background:#7C5CFF;transform:rotate(-15deg)}
html[data-theme="06-enterprise-corporate"] .ep-cta-fx{--fx:#9EC5FF}
html[data-theme="06-enterprise-corporate"] .fx-spot{width:520px;height:520px;margin:-260px 0 0 -260px;background:radial-gradient(circle,rgba(158,197,255,.22),transparent 62%)}
html[data-theme="06-enterprise-corporate"] .fx-pat{background:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px) 0 0/40px 40px}
html[data-theme="07-brutalist"] .fx-spot{display:none}
html[data-theme="07-brutalist"] .fx-shapes{transform:translate3d(calc(var(--dx)*24px),calc(var(--dy)*24px),0);transition:transform .12s steps(3)}
html[data-theme="07-brutalist"] .fx-shapes i{display:block;border-radius:0;background:#F06E93;border:3px solid #0A0A0A}
html[data-theme="07-brutalist"] .fx-shapes i:nth-child(1){left:60%;top:-20px;width:140px;height:90px}html[data-theme="07-brutalist"] .fx-shapes i:nth-child(2){left:78%;top:62%;width:110px;height:110px;background:#F2EFE8}html[data-theme="07-brutalist"] .fx-shapes i:nth-child(3){left:46%;top:78%;width:70px;height:70px;background:#FFD400}
html[data-theme="08-event-energy-neon"] .ep-cta-fx{--fx:#39FFB6}
html[data-theme="08-event-energy-neon"] .fx-spot{width:300px;height:300px;margin:-150px 0 0 -150px;background:radial-gradient(circle,transparent 58%,rgba(57,255,182,.55) 60%,transparent 64%),radial-gradient(circle,rgba(255,60,200,.25),transparent 60%)}
html[data-theme="08-event-energy-neon"] .fx-pat{background:linear-gradient(90deg,transparent calc(var(--mx) - 1px),rgba(57,255,182,.6) var(--mx),transparent calc(var(--mx) + 1px)),linear-gradient(transparent calc(var(--my) - 1px),rgba(255,60,200,.6) var(--my),transparent calc(var(--my) + 1px))}
html[data-theme="09-warm-human-photography"] .ep-cta-fx{--fx:#FFD9A8}
html[data-theme="09-warm-human-photography"] .fx-spot{width:760px;height:760px;margin:-380px 0 0 -380px;background:radial-gradient(circle,rgba(255,200,140,.30),rgba(255,140,90,.10) 40%,transparent 65%)}
html[data-theme="10-data-dashboard"] .ep-cta-fx{--fx:#F06E93}
html[data-theme="10-data-dashboard"] .fx-spot{width:420px;height:420px;margin:-210px 0 0 -210px;background:radial-gradient(circle,rgba(240,110,147,.26),transparent 62%)}
html[data-theme="10-data-dashboard"] .fx-pat{background:radial-gradient(rgba(240,110,147,.95) 1.4px,transparent 1.6px) 0 0/22px 22px}
html[data-theme="11-daylight-stage"] .ep-cta-fx{--fx:#fff}
html[data-theme="11-daylight-stage"] .fx-spot{width:340px;height:900px;margin:-450px 0 0 -170px;border-radius:50% 50% 45% 45%;background:radial-gradient(ellipse 50% 50%,rgba(255,250,220,.32),transparent 70%)}
html[data-theme="12-bizzabo-os"] .fx-spot{background:conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--c-primary) 45%,transparent),transparent 30%);width:700px;height:700px;margin:-350px 0 0 -350px;-webkit-mask:radial-gradient(circle,#000 20%,transparent 65%);mask:radial-gradient(circle,#000 20%,transparent 65%)}
html[data-theme="13-cvent-plan-run"] .ep-cta-fx{--fx:#7FD3FF}
html[data-theme="13-cvent-plan-run"] .fx-pat{background:linear-gradient(90deg,rgba(127,211,255,.35) 2px,transparent 2px) 0 0/36px 100%,linear-gradient(rgba(127,211,255,.18) 1px,transparent 1px) 0 0/100% 36px}
html[data-theme="13-cvent-plan-run"] .fx-spot{width:360px;height:360px;margin:-180px 0 0 -180px}
html[data-theme="14-swoogo-wow"] .fx-spot{display:none}
html[data-theme="14-swoogo-wow"] .fx-shapes,html[data-theme="16-accelevents-pulse"] .fx-shapes{}
html[data-theme="14-swoogo-wow"] .fx-shapes i{display:block}
html[data-theme="14-swoogo-wow"] .fx-shapes{transform:translate3d(calc(var(--dx)*-28px),calc(var(--dy)*-28px),0)}
html[data-theme="14-swoogo-wow"] .fx-shapes i{border:2px solid rgba(255,255,255,.4);border-radius:10px}
html[data-theme="14-swoogo-wow"] .fx-shapes i:nth-child(1){left:52%;top:14%;width:96px;height:46px;border-style:dashed}html[data-theme="14-swoogo-wow"] .fx-shapes i:nth-child(2){left:66%;top:58%;width:56px;height:56px;background:conic-gradient(rgba(255,255,255,.35) 25%,transparent 0 50%,rgba(255,255,255,.35) 0 75%,transparent 0) 0 0/14px 14px}html[data-theme="14-swoogo-wow"] .fx-shapes i:nth-child(3){left:40%;top:72%;width:48px;height:66px}html[data-theme="14-swoogo-wow"] .fx-shapes i:nth-child(4){left:82%;top:20%;width:32px;height:32px;border-radius:50%}html[data-theme="14-swoogo-wow"] .fx-shapes i:nth-child(5){left:28%;top:10%;width:74px;height:36px;border-style:dashed}
html[data-theme="15-aikido-shield"] .ep-cta-fx{--fx:#8CF0C8}
html[data-theme="15-aikido-shield"] .fx-pat{background:repeating-radial-gradient(circle at var(--mx) var(--my),rgba(140,240,200,.28) 0 1px,transparent 1px 26px)}
html[data-theme="15-aikido-shield"] .fx-spot{width:360px;height:360px;margin:-180px 0 0 -180px}
html[data-theme="16-accelevents-pulse"] .fx-spot{width:260px;height:260px;margin:-130px 0 0 -130px;background:radial-gradient(circle,rgba(255,255,255,.45),transparent 60%);animation:fxPulse 1.6s ease-in-out infinite}
html[data-theme="16-accelevents-pulse"] .fx-pat{background:repeating-radial-gradient(circle at var(--mx) var(--my),transparent 0 22px,rgba(255,255,255,.2) 23px 24px)}
@keyframes fxPulse{50%{opacity:.55}}
html[data-theme="17-rainfocus-insight"] .ep-cta-fx{--fx:#9AF}
html[data-theme="17-rainfocus-insight"] .fx-pat{background:linear-gradient(0deg,rgba(255,255,255,.22) 0 40%,transparent 0) 0 100%/18px 100% ,linear-gradient(0deg,rgba(255,255,255,.12) 0 70%,transparent 0) 9px 100%/18px 100%;background-repeat:repeat-x}
html[data-theme="18-vfairs-one"] .fx-spot{width:900px;height:900px;margin:-450px 0 0 -450px;background:radial-gradient(circle at 40% 40%,color-mix(in srgb,var(--c-secondary,#6cf) 40%,transparent),transparent 45%),radial-gradient(circle at 62% 60%,color-mix(in srgb,var(--c-primary) 40%,transparent),transparent 45%);filter:blur(30px)}
html[data-theme="19-hybrid-stage-blue"] .ep-cta-fx{--fx:#6FB8FF}
html[data-theme="19-hybrid-stage-blue"] .fx-spot{display:none}
html[data-theme="19-hybrid-stage-blue"] .fx-pat{background:repeating-linear-gradient(0deg,rgba(111,184,255,.22) 0 2px,transparent 2px 6px);-webkit-mask:linear-gradient(transparent calc(var(--my) - 90px),#000 var(--my),transparent calc(var(--my) + 90px));mask:linear-gradient(transparent calc(var(--my) - 90px),#000 var(--my),transparent calc(var(--my) + 90px))}
html[data-theme="20-event-os-violet"] .ep-cta-fx{--fx:#B79CFF}
html[data-theme="20-event-os-violet"] .fx-spot{width:560px;height:560px;margin:-280px 0 0 -280px;background:radial-gradient(circle,rgba(183,156,255,.30),transparent 60%)}
html[data-theme="20-event-os-violet"] .fx-pat{background:linear-gradient(45deg,rgba(183,156,255,.25) 1px,transparent 1px) 0 0/30px 30px,linear-gradient(-45deg,rgba(183,156,255,.25) 1px,transparent 1px) 0 0/30px 30px}
html[data-theme="20-event-os-violet"] .fx-shapes i{display:block;width:8px;height:8px;border-radius:50%;background:#B79CFF;box-shadow:0 0 12px #B79CFF}
html[data-theme="20-event-os-violet"] .fx-shapes i:nth-child(1){left:55%;top:20%}html[data-theme="20-event-os-violet"] .fx-shapes i:nth-child(2){left:70%;top:65%}html[data-theme="20-event-os-violet"] .fx-shapes i:nth-child(3){left:45%;top:78%}html[data-theme="20-event-os-violet"] .fx-shapes i:nth-child(4){left:85%;top:30%}html[data-theme="20-event-os-violet"] .fx-shapes i:nth-child(5){left:35%;top:15%}

/* ===== Dropdown items on one line (2026-10-16) ===== */
@media (min-width:901px){
  .site-nav .dd-list a,.site-nav .ep-mega-item b,.site-nav .mm-hub a,.site-nav .mm-hub-t,.site-nav .mm-all,.site-nav .dd-panel a{white-space:nowrap}
  .site-nav .dd:not(.wide) .dd-panel{width:max-content;min-width:240px;max-width:calc(100vw - 32px)}
  .site-nav .mm-hub a{overflow:hidden;text-overflow:ellipsis;max-width:100%}
}
.ep-boomset-logos .ep-h2{text-align:center}.ep-boomset-row{margin-top:32px;gap:28px 64px}

/* Button text preview (2026-10-16): pink stays #F06E93, only the ink changes */
:root{--ep-btn-ink:#0D1D26}
html[data-btntext="white"]{--ep-btn-ink:#FFFFFF}
.ep-showcase .sc-btn,.ep-showcase .sc-stub{background:#F06E93;color:var(--ep-btn-ink,#0D1D26)}

/* ===== Showcase v2 (Apple-style "Take a closer look", 2026-10-16 showcase2) ===== */
.ep-showcase.sc2{--sc-t:620ms;padding-top:56px;padding-bottom:56px}
.sc2 .sc2-wrap{max-width:min(1320px,calc(100vw - 48px));width:100%;padding-left:0;padding-right:0}
.sc2-title{color:var(--c-heading);margin:0 0 36px}
.sc2 .sc-grid{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:40px;align-items:center}
.sc2 .sc-left{display:grid;grid-template-columns:44px 1fr;column-gap:20px;align-items:center;align-self:stretch;align-content:center;position:relative}
.sc2 .sc-ctrls{grid-column:1;grid-row:1;flex-direction:column;margin:0;gap:12px}
.sc2 .sc-list{grid-column:2;grid-row:1;gap:10px;align-items:flex-start}
.sc2 .sc-item{display:block;max-width:100%;width:fit-content;border-radius:28px;background:var(--c-surface-2,var(--c-chip-bg));border:1px solid var(--c-border,transparent);box-shadow:none;
  transition:background var(--sc-t) var(--sc-ease),width var(--sc-t) var(--sc-ease),border-radius var(--sc-t) var(--sc-ease),box-shadow var(--sc-t)}
.sc2 .sc-item:hover{background:color-mix(in srgb,var(--c-surface-2,#eee) 85%,var(--c-text) 6%)}
.sc2 .sc-item.is-on{width:100%;border-radius:24px;background:var(--c-surface,#fff);border-color:var(--c-border,transparent);box-shadow:var(--sh-lg,0 18px 40px rgba(0,0,0,.08))}
.sc2 .sc-tab{padding:13px 22px 13px 14px;font-size:17px;gap:12px}
.sc2 .sc-item.is-on .sc-tab{padding-top:18px;padding-bottom:6px;font-size:18px}
.sc-plus{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;border:1.5px solid var(--c-heading);color:var(--c-heading);transition:transform var(--sc-t) var(--sc-ease),opacity var(--sc-t),margin var(--sc-t)}
.sc-plus svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.sc2 .sc-item.is-on .sc-plus{transform:rotate(45deg) scale(.6);opacity:0;margin-right:-38px}
.sc2 .sc-desc>p{padding:0 24px 0 24px;font-size:16px;line-height:1.5}
.sc2 .sc-item.is-on .sc-desc>p{padding-bottom:20px}
.sc2 .sc-stage{height:680px;border-radius:28px;border:0;background:var(--sc-bg);transition:background-color var(--sc-t) var(--sc-ease),background var(--sc-t) var(--sc-ease)}
@property --sc-bg{syntax:'<color>';inherits:true;initial-value:#f3f4f6}
.sc2 .sc-stage{transition:--sc-bg var(--sc-t) var(--sc-ease)}
.sc-stage-glow{position:absolute;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(40% 40% at 78% 18%,rgba(255,255,255,.22),transparent 70%),radial-gradient(45% 45% at 15% 90%,color-mix(in srgb,var(--c-primary) 22%,transparent),transparent 70%);
  animation:scGlow 14s ease-in-out infinite alternate}
.sc2 .sc-stage[data-tone="dark"] .sc-stage-glow{background:radial-gradient(40% 40% at 78% 18%,rgba(255,255,255,.10),transparent 70%),radial-gradient(45% 45% at 15% 90%,color-mix(in srgb,var(--c-primary) 35%,transparent),transparent 70%)}
@keyframes scGlow{to{transform:translate3d(-6%,4%,0) scale(1.08)}}
.sc2 .sc-scene{z-index:1;transform:scale(.96);transition:opacity var(--sc-t) var(--sc-ease),transform var(--sc-t) var(--sc-ease)}
.sc2 .sc-scene.is-on{transform:none}
.sc2 .sc-scene.is-out{transform:scale(1.04)}
.sc-media{position:absolute;inset:0}
.sc-media[data-media-type="video"] .sc-media-el,.sc-media[data-media-type="image"] .sc-media-el{width:100%;height:100%;object-fit:cover;display:block}
.sc2 .sc-card{box-shadow:0 24px 60px rgba(0,0,0,.18)}
@media (prefers-reduced-motion:reduce){.sc-stage-glow{animation:none}.sc2 .sc-stage,.sc2 .sc-item,.sc-plus{transition:none}}
@media (max-width:1100px){.sc2 .sc-grid{grid-template-columns:minmax(280px,360px) 1fr}.sc2 .sc-stage{height:580px}}
@media (max-width:768px){
  .ep-showcase.sc2{padding-top:44px;padding-bottom:44px}
  .sc2 .sc2-wrap{max-width:calc(100vw - 32px)}
  .sc2 .sc-grid{display:block}.sc2 .sc-left{display:block}.sc2 .sc-ctrls{display:none}
  .sc2 .sc-item{width:100%}
  .sc2 .sc-stage{height:440px;margin-top:20px;border-radius:22px}
}
.sc2 .sc-stage[data-tone="dark"] .sc-slot{background:#E9EDF2;opacity:1}.sc2 .sc-list{align-items:stretch}.sc2 .sc-item:not(.is-on){align-self:flex-start}

/* ===== Showcase variant B: one Apple-like box (html[data-showcase="box"], 2026-10-16) ===== */
html[data-showcase="box"] .sc2 .sc-grid{background:var(--c-surface,#fff);border:1px solid var(--c-border,transparent);border-radius:32px;padding:40px 40px 40px 44px;gap:32px;box-shadow:var(--sh-sm,0 4px 18px rgba(0,0,0,.05));height:680px;box-sizing:border-box;align-items:stretch}
html[data-showcase="box"] .sc2 .sc-item{background:transparent;border-color:transparent;box-shadow:none}
html[data-showcase="box"] .sc2 .sc-item:hover{background:var(--c-surface-2,var(--c-chip-bg))}
html[data-showcase="box"] .sc2 .sc-item.is-on{background:var(--c-surface-2,var(--c-chip-bg));border-color:transparent;box-shadow:none}
html[data-showcase="box"] .sc2 .sc-stage,html[data-showcase="box"] .sc2 .sc-stage[data-tone]{--sc-bg:var(--c-surface,#fff)!important;background:transparent!important;height:auto;border:0;border-radius:24px}
html[data-showcase="box"] .sc2 .sc-stage-glow{display:none}
html[data-showcase="box"] .sc2 .sc-card{box-shadow:var(--sh-lg,0 18px 44px rgba(0,0,0,.10))}
html[data-showcase="box"] .sc2 .sc-stage[data-tone="dark"] .sc-slot{background:var(--c-heading);opacity:.9}
html[data-showcase="box"] .sc2 .sc-scene{transform:translateY(18px);transition:opacity var(--sc-t) var(--sc-ease),transform var(--sc-t) var(--sc-ease)}
html[data-showcase="box"] .sc2 .sc-scene.is-on{transform:none}
html[data-showcase="box"] .sc2 .sc-scene.is-out{transform:translateY(-18px)}
@media (prefers-reduced-motion:reduce){html[data-showcase="box"] .sc2 .sc-scene,html[data-showcase="box"] .sc2 .sc-scene.is-out{transform:none;transition:opacity .01ms}}
@media (max-width:1100px){html[data-showcase="box"] .sc2 .sc-grid{height:600px}}
@media (max-width:768px){html[data-showcase="box"] .sc2 .sc-grid{height:auto;padding:20px;border-radius:24px}html[data-showcase="box"] .sc2 .sc-stage{height:420px}}
.ep-ctrl.showcase-switch{order:7}

/* ===== Showcase HomeView-style select choreography (both variants, 2026-10-16) ===== */
.sc2{--sc-spring:cubic-bezier(.34,1.56,.64,1)}
.sc2 .sc-item{position:relative;transform-origin:left center;transform:scale(.96);
  transition:background var(--sc-t) var(--sc-ease),width var(--sc-t) var(--sc-ease),border-radius var(--sc-t) var(--sc-ease),box-shadow var(--sc-t),transform 560ms var(--sc-spring)}
.sc2 .sc-item.is-on{transform:scale(1)}
.sc2 .sc-item:has(.sc-tab:focus-visible){outline:2px solid var(--c-primary);outline-offset:2px}
.sc2 .sc-item .sc-tab:focus-visible{outline:0}
.sc2 .sc-tab{font-size:15px;max-height:64px;overflow:hidden;transition:max-height 420ms var(--sc-ease),padding 420ms var(--sc-ease)}
.sc2 .sc-label{display:inline-block;transition:opacity 220ms ease,transform 380ms var(--sc-ease),filter 220ms ease}
.sc2 .sc-item.is-on .sc-tab{max-height:0;padding-top:0;padding-bottom:0;font-size:15px}
.sc2 .sc-item.is-on .sc-label{opacity:0;transform:translateX(18px);filter:blur(2px)}
.sc2 .sc-plus{transition:opacity 200ms ease,margin var(--sc-t) var(--sc-ease)}
.sc2 .sc-item.is-on .sc-plus{transform:none;opacity:0}
.sc2 .sc-desc>p{position:relative;padding-left:24px;font-size:17px;transform:translateX(-10px);transition:opacity 320ms ease,padding var(--sc-t) var(--sc-ease),transform 420ms var(--sc-ease)}
.sc2 .sc-desc>p::before{content:"";position:absolute;left:22px;top:.62em;width:10px;height:10px;border-radius:50%;background:var(--c-primary);opacity:0;transform:translateX(-14px) scale(.4);transition:opacity 200ms ease,transform 460ms var(--sc-spring)}
.sc2 .sc-item.is-on .sc-desc>p{padding-top:20px;padding-left:44px;transform:none;transition-delay:180ms}
.sc2 .sc-item.is-on .sc-desc>p::before{top:calc(20px + .62em);opacity:1;transform:none;transition-delay:120ms}
@media (prefers-reduced-motion:reduce){.sc2 .sc-item,.sc2 .sc-tab,.sc2 .sc-label,.sc2 .sc-plus,.sc2 .sc-desc>p,.sc2 .sc-desc>p::before{transition:none!important}.sc2 .sc-item{transform:none!important}}

/* ===== Showcase height trim to ~730px at 1440 (both variants, 2026-10-16) ===== */
@media (min-width:1101px){
.ep-showcase.sc2{padding-top:40px;padding-bottom:40px}
.sc2 .sc-stage{height:540px}
html[data-showcase="box"] .sc2 .sc-grid{height:560px;padding:28px 28px 28px 36px}
.sc2 .sc-list{gap:8px}
.sc2 .sc-tab{padding:10px 20px 10px 12px}
}

/* ===== Showcase HomeView capsules: resting pill, hover, spring grow (both variants, 2026-10-16) ===== */
.sc2{--sc-pill:color-mix(in srgb,var(--c-heading) 6%,transparent);--sc-pill-h:color-mix(in srgb,var(--c-heading) 11%,transparent);interpolate-size:allow-keywords}
html[data-theme="03-dark-premium"] .sc2,html[data-theme="08-event-energy-neon"] .sc2{--sc-pill:color-mix(in srgb,var(--c-heading) 10%,transparent);--sc-pill-h:color-mix(in srgb,var(--c-heading) 17%,transparent)}
.sc2 .sc-list{align-items:flex-start}
.sc2 .sc-item,.sc2 .sc-item:not(.is-on){align-self:flex-start;width:fit-content;background:var(--sc-pill);border-color:transparent;
  transition:background 260ms ease,width 620ms var(--sc-spring),border-radius 620ms var(--sc-spring),box-shadow var(--sc-t),transform 560ms var(--sc-spring)}
.sc2 .sc-item:not(.is-on):hover,html[data-showcase="box"] .sc2 .sc-item:not(.is-on):hover{background:var(--sc-pill-h)}
html[data-showcase="box"] .sc2 .sc-item:not(.is-on){background:var(--sc-pill)}
.sc2 .sc-item.is-on{width:100%}
.sc2 .sc-desc{transition:grid-template-rows 620ms var(--sc-spring)}
@media (prefers-reduced-motion:reduce){.sc2 .sc-item,.sc2 .sc-desc{transition:none!important}}
.sc2 .sc-desc{contain:inline-size}

/* ===== Showcase click fix: Apple HomeView selected card (both variants, 2026-10-16) ===== */
.sc2 .sc-item.is-on,html[data-showcase="box"] .sc2 .sc-item.is-on{background:var(--sc-pill);border-color:transparent;box-shadow:none;border-radius:28px;max-width:360px}
.sc2 .sc-item{transition:background 250ms linear,width 600ms var(--sc-spring),border-radius 600ms var(--sc-ease),transform 560ms var(--sc-ease)}
.sc2 .sc-tab{white-space:nowrap}
.sc2 .sc-desc>p::before{display:none}
.sc2 .sc-desc>p,.sc2 .sc-item.is-on .sc-desc>p{padding-left:22px;padding-right:22px;color:var(--c-text-2);transform:none}
.sc2 .sc-item.is-on .sc-desc>p{padding-top:18px;padding-bottom:18px;transition:opacity 450ms ease-in-out 300ms,padding 500ms var(--sc-ease)}
.sc2 .sc-dtitle{font-weight:700;color:var(--c-heading)}

/* ===== Showcase select sequence: JS-driven size, fixed-width text (both variants, 2026-10-16) ===== */
.sc2 .sc-item,.sc2 .sc-item.is-on,.sc2 .sc-item:not(.is-on){transform:none;overflow:hidden;transition:background 250ms linear,border-radius 400ms var(--sc-ease)}
.sc2 .sc-desc,.sc2 .sc-desc>p,.sc2 .sc-item.is-on .sc-desc>p,.sc2 .sc-tab{transition:none}
.sc2 .sc-desc>p{width:var(--sc-cw,358px);box-sizing:border-box}
.sc2 .sc-item.is-on .sc-desc>p{opacity:1}
.sc2 .sc-item.is-closing .sc-desc{grid-template-rows:1fr}
.sc2 .sc-item.is-closing .sc-tab{max-height:0;padding-top:0;padding-bottom:0}
.sc2 .sc-item.is-on .sc-label,.sc2 .sc-item.is-on .sc-plus{transition:opacity 150ms ease-out}

/* ===== Showcase scroll-flatten: bottom radius -> 0 as the bottom edge meets the viewport bottom (2026-10-16) ===== */
.ep-showcase.sc2{overflow-x:clip}
/* gap & radius follow viewport width only (full-bleed at <=1100px) */
html[data-showcase="box"] .sc2 .sc-grid{--sc-g:clamp(0px,(100vw - 1100px) / 4,60px);--sc-r:clamp(0px,(100vw - 1100px) * .16,32px);
  border-radius:var(--sc-r);
  margin-inline:calc((min(1240px,100vw - 48px) - min(1240px,100vw - 2 * var(--sc-g))) / 2)}

/* ===== Showcase mobile (<=768px): Apple-style stacked carousel. Media on top, one wide card, round prev/next at the edges (2026-10-16) ===== */
@media (max-width:768px){
  .sc2 .sc-grid,html[data-showcase="box"] .sc2 .sc-grid{display:flex;flex-direction:column;align-items:stretch;gap:16px;margin-inline:0;border-radius:0;height:auto;padding:20px 0}
  .sc2 .sc-stage,html[data-showcase="box"] .sc2 .sc-stage[data-tone]{order:1;margin-top:0;height:400px}
  .sc2 .sc-left{order:2;position:relative;display:block;padding:0 52px}
  .sc2 .sc-list{display:block}
  .sc2 .sc-item:not(.is-on){display:none}
  .sc2 .sc-item.is-on,.sc2 .sc-item{width:100%!important;max-width:none;border-radius:28px}
  .sc2 .sc-ctrls{display:flex!important;position:absolute;inset:0;flex-direction:row;justify-content:space-between;align-items:center;pointer-events:none;margin:0}
  .sc2 .sc-ctrls button{pointer-events:auto;width:44px;height:44px;margin:0 2px;background:var(--sc-pill);border:0}
  .sc2 .sc-ctrls .sc-prev svg{transform:rotate(-90deg)}.sc2 .sc-ctrls .sc-next svg{transform:rotate(-90deg)}
}

/* ===== Theme 11 only: soft frosted nav once scrolled (2026-10-16) ===== */
html[data-theme="11-daylight-stage"] .site-nav{transition:background-color .45s ease,backdrop-filter .45s ease,-webkit-backdrop-filter .45s ease}
html[data-theme="11-daylight-stage"].is-scrolled:not([data-menu="pill-glass"]):not([data-menu="hybrid"]) .site-nav{background:color-mix(in srgb,var(--nav-bg) 76%,transparent);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2)}
html[data-theme="11-daylight-stage"] .site-nav::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px;pointer-events:none;opacity:0;transition:opacity .45s ease;
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}
html[data-theme="11-daylight-stage"].is-scrolled .site-nav::after{opacity:1}
@media (prefers-reduced-motion:reduce){html[data-theme="11-daylight-stage"] .site-nav,html[data-theme="11-daylight-stage"] .site-nav::after{transition:none}}

/* ========== HYBRID: Classic at the top, morphs into Pill Glass over the first 120px of scroll (--hp 0..1 set by site.js) ========== */
/* I17 (19 Oct 2026): the --hh0 fallbacks (and --hw0d below) are the default theme 11 measured Classic values, so the first paint,
   before site.js measure() runs, already has the final header size (was a 0.07 layout shift on phones). */
html[data-menu="hybrid"]{--hp:0}
html[data-menu="hybrid"] .site-nav{position:sticky;top:0;
  padding-top:calc(14px * var(--hp));box-sizing:border-box;
  background:color-mix(in srgb,var(--nav-bg) calc(100% - 100% * var(--hp)),transparent);
  border-bottom-color:color-mix(in srgb,currentColor calc(12% * (1 - var(--hp))),transparent);
  box-shadow:none}
html[data-menu="hybrid"] .site-nav .ep-container{box-sizing:border-box;margin-left:auto;margin-right:auto;
  height:calc(var(--hh0,52px) + (60px - var(--hh0,52px)) * var(--hp));
  width:min(var(--hw0,1240px),100vw - 48px * var(--hp));
  max-width:none;
  border-radius:calc(36px * var(--hp));
  padding-left:calc(var(--hpl0,24px) + (20px - var(--hpl0,24px)) * var(--hp));padding-right:calc(var(--hpr0,24px) + (16px - var(--hpr0,24px)) * var(--hp));
  background:transparent;position:relative;isolation:isolate;
  border:1px solid color-mix(in srgb,var(--c-border) calc(80% * var(--hp)),transparent);
  box-shadow:0 10px 40px -16px rgb(13 29 38 / calc(.28 * var(--hp)))}
@media (max-width:980px){
  html[data-menu="hybrid"] .site-nav .ep-container{width:min(var(--hw0,354px),100vw - 24px * var(--hp));border-radius:calc(20px * var(--hp));
    height:calc(var(--hh0,44px) + (60px - var(--hh0,44px)) * var(--hp))}
  html[data-menu="hybrid"] .site-nav.menu-open .ep-nav-links{border-radius:calc(20px * var(--hp))}
}

/* ===== CTA band effects: per-theme feedback round (2026-10-16, see CTA-EFFECTS.md) ===== */
/* 03: gold much quieter */
html[data-theme="03-dark-premium"] .fx-spot{background:radial-gradient(circle,rgba(217,180,106,.14),transparent 60%);filter:blur(8px)}
html[data-theme="03-dark-premium"] .fx-pat{background:linear-gradient(115deg,transparent 46%,rgba(217,180,106,.10) 50%,transparent 54%) 0 0/100% 100%}
/* 04: glow trails the cursor (lerp) and is fainter; bubbles unchanged */
html[data-theme="04-glassmorphism"] .fx-spot{transform:translate3d(var(--lx,var(--px)),var(--ly,var(--py)),0);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.34),rgba(255,255,255,.05) 45%,transparent 70%)}
/* 06: softer, smoother boardroom light */
html[data-theme="06-enterprise-corporate"] .fx-spot{width:700px;height:700px;margin:-350px 0 0 -350px;background:radial-gradient(circle,rgba(158,197,255,.12),rgba(158,197,255,.05) 35%,transparent 65%);filter:blur(12px)}
html[data-theme="06-enterprise-corporate"] .fx-pat{background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px) 0 0/40px 40px}
/* 08: replaced. Equaliser: soft neon bars rising around the cursor (new motif, not used elsewhere) */
html[data-theme="08-event-energy-neon"] .fx-spot{width:420px;height:420px;margin:-210px 0 0 -210px;background:radial-gradient(circle,rgba(57,255,182,.10),transparent 60%)}
html[data-theme="08-event-energy-neon"] .fx-pat{background:linear-gradient(0deg,rgba(57,255,182,.30),rgba(255,60,200,.18) 60%,transparent) 0 100%/14px 100% repeat-x;
  -webkit-mask:radial-gradient(ellipse 200px 140% at var(--mx) 100%,#000 30%,transparent 70%),repeating-linear-gradient(90deg,#000 0 8px,transparent 8px 14px);-webkit-mask-composite:source-in;
  mask:radial-gradient(ellipse 200px 140% at var(--mx) 100%,#000 30%,transparent 70%) intersect,repeating-linear-gradient(90deg,#000 0 8px,transparent 8px 14px)}
/* 09: a bit less prominent */
html[data-theme="09-warm-human-photography"] .fx-spot{background:radial-gradient(circle,rgba(255,200,140,.22),rgba(255,140,90,.07) 40%,transparent 65%)}
/* 11: fixed. The old ellipse beam was centred on the cursor and mostly outside the band, so it read as nothing. Now a real stage spotlight: a cone from the top edge to a light pool at the cursor */
html[data-theme="11-daylight-stage"] .fx-spot{top:0;left:0;width:380px;height:100%;margin:0 0 0 -190px;border-radius:0;transform:translate3d(var(--px),0,0);
  background:linear-gradient(180deg,rgba(255,248,220,.26),rgba(255,248,220,.07) 90%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);filter:blur(6px)}
html[data-theme="11-daylight-stage"] .fx-pat{-webkit-mask:none;mask:none;background:radial-gradient(ellipse 170px 46px at var(--mx) 90%,rgba(255,248,220,.22),transparent 70%)}
/* 12: the conic wedge only covered 0-30% (upper-right) so the light sat to the right of the cursor. Now centred glow + a slow sweep rotating around the cursor */
html[data-theme="12-bizzabo-os"] .fx-spot{background:radial-gradient(circle,color-mix(in srgb,var(--c-primary) 30%,transparent),transparent 38%),conic-gradient(from var(--fxa),transparent 0 78%,color-mix(in srgb,var(--c-primary) 48%,transparent) 96%,transparent);animation:fxSweep 5s linear infinite}
@property --fxa{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes fxSweep{to{--fxa:360deg}}
/* 13: slightly dimmer */
html[data-theme="13-cvent-plan-run"] .fx-pat{background:linear-gradient(90deg,rgba(127,211,255,.26) 2px,transparent 2px) 0 0/36px 100%,linear-gradient(rgba(127,211,255,.13) 1px,transparent 1px) 0 0/100% 36px}
html[data-theme="13-cvent-plan-run"] .fx-spot{background:radial-gradient(circle,color-mix(in srgb,var(--fx) 24%,transparent),transparent 62%)}
/* 15: reduced */
html[data-theme="15-aikido-shield"] .fx-pat{background:repeating-radial-gradient(circle at var(--mx) var(--my),rgba(140,240,200,.14) 0 1px,transparent 1px 26px)}
html[data-theme="15-aikido-shield"] .fx-spot{background:radial-gradient(circle,rgba(140,240,200,.14),transparent 62%)}
/* 16: reduced */
html[data-theme="16-accelevents-pulse"] .fx-spot{background:radial-gradient(circle,rgba(255,255,255,.24),transparent 60%)}
html[data-theme="16-accelevents-pulse"] .fx-pat{background:repeating-radial-gradient(circle at var(--mx) var(--my),transparent 0 22px,rgba(255,255,255,.10) 23px 24px)}
/* 17: replaced. Soft data constellation: a node grid with faint links, lit around the cursor */
html[data-theme="17-rainfocus-insight"] .fx-pat{background:radial-gradient(rgba(170,190,255,.75) 1.6px,transparent 2px) 0 0/48px 48px,radial-gradient(rgba(170,190,255,.45) 1.2px,transparent 1.6px) 24px 24px/48px 48px,linear-gradient(45deg,transparent 49.3%,rgba(170,190,255,.10) 50%,transparent 50.7%) 0 0/48px 48px;background-repeat:repeat}
html[data-theme="17-rainfocus-insight"] .fx-spot{width:460px;height:460px;margin:-230px 0 0 -230px;background:radial-gradient(circle,rgba(153,170,255,.16),transparent 62%)}
/* 19: scanlines ~8% stronger under the cursor */
html[data-theme="19-hybrid-stage-blue"] .fx-pat{background:repeating-linear-gradient(0deg,rgba(111,184,255,.30) 0 2px,transparent 2px 6px)}
/* 20: particle colours vary across the violet palette */
html[data-theme="20-event-os-violet"] .fx-shapes i:nth-child(1){background:#B79CFF;box-shadow:0 0 12px #B79CFF}
html[data-theme="20-event-os-violet"] .fx-shapes i:nth-child(2){background:#F0A6FF;box-shadow:0 0 12px #F0A6FF}
html[data-theme="20-event-os-violet"] .fx-shapes i:nth-child(3){background:#8FB4FF;box-shadow:0 0 12px #8FB4FF}
html[data-theme="20-event-os-violet"] .fx-shapes i:nth-child(4){background:#D8C8FF;box-shadow:0 0 12px #D8C8FF}
html[data-theme="20-event-os-violet"] .fx-shapes i:nth-child(5){background:#FF9EC8;box-shadow:0 0 12px #FF9EC8}
html[data-theme="20-event-os-violet"] .fx-spot{background:radial-gradient(circle,rgba(183,156,255,.26),rgba(240,166,255,.10) 40%,transparent 62%)}
/* ===== Showcase height matched to Apple HomeView viewer (760px at 1280-1440) (2026-10-16) ===== */
@media (min-width:1101px){.sc2 .sc-stage{height:760px}html[data-showcase="box"] .sc2 .sc-grid{height:760px}}

/* ===== Hybrid glass layer: literal Pill Glass blur on an always-on ::before, faded in by --hp (2026-10-16) ===== */
html[data-menu="hybrid"] .site-nav .ep-container::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:color-mix(in srgb,var(--c-surface) 72%,transparent);
  -webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);opacity:var(--hp)}

/* ===== Hybrid: threshold toggle (html.is-pill past 76px, 10px hysteresis) with a timed transition instead of scroll scrubbing (2026-10-16) ===== */
@property --hp{syntax:'<number>';inherits:true;initial-value:0}
html[data-menu="hybrid"]{transition:none}

/* ===== fix4 (2026-10-16) ===== */
/* showcase: title + box use the site content container (1240px) */
.sc2 .sc2-wrap{max-width:min(1240px,calc(100vw - 48px))}
/* pill states: CTA sized to sit inside the pill with an even inset */
html[data-menu="pill-glass"] .ep-nav-cta .ep-btn.primary,html.is-pill[data-menu="hybrid"] .ep-nav-cta .ep-btn.primary{height:40px;min-height:0;padding:0 18px;border-radius:999px;font-size:14px}
html[data-menu="pill-glass"] .site-nav .ep-container{padding-right:12px}
html.is-pill[data-menu="hybrid"] .site-nav .ep-container{padding-right:10px}
/* no hairline under the header on scroll: drop theme 11's blur strip in pill states, and the Hybrid border once it is a pill */
html[data-theme="11-daylight-stage"][data-menu="pill-glass"] .site-nav::after,html[data-theme="11-daylight-stage"][data-menu="hybrid"] .site-nav::after{display:none}
html.is-pill[data-menu="hybrid"] .site-nav{border-bottom-color:transparent}
/* ~1000-1180px: tighten nav so the CTA never overflows the right edge */
@media (min-width:981px) and (max-width:1180px){.site-nav .ep-container{gap:16px}.ep-nav-links>a,.dd-btn{padding:10px 8px;font-size:14px}.ep-nav-cta .ep-btn{padding-left:16px;padding-right:16px}}

/* ===== Showcase full-bleed below 1100px, both variants (2026-10-16) ===== */
@media (max-width:1100px){
  .sc2 .sc-grid,html[data-showcase="box"] .sc2 .sc-grid{margin-inline:-24px;border-left:0;border-right:0;border-radius:0}
  html:not([data-showcase="box"]) .sc2 .sc-grid{padding-inline:24px}
  .sc2 .sc-stage,html[data-showcase="box"] .sc2 .sc-stage[data-tone]{border-radius:0}
}
@media (max-width:768px){
  html:not([data-showcase="box"]) .sc2 .sc-grid{padding-inline:0}
  .sc2 .sc-left{padding:0 60px}
  .sc2 .sc-ctrls{inset:0 8px}
}

/* ===== Theme 11 (Daylight Stage) CTA band hover: calm Apple-like lift + soft trailing sheen (replaces spotlight cone, 2026-10-16) ===== */
html[data-theme="11-daylight-stage"] .ep-cta-band{transition:transform 360ms cubic-bezier(.25,.1,.25,1),box-shadow 360ms cubic-bezier(.25,.1,.25,1)}
html[data-theme="11-daylight-stage"] .ep-cta-band.fx-on{transform:translateY(-3px);box-shadow:0 22px 50px -24px rgba(14,17,23,.45)}
html[data-theme="11-daylight-stage"] .fx-spot{top:0;left:0;width:620px;height:620px;margin:-310px 0 0 -310px;border-radius:50%;clip-path:none;filter:blur(20px);
  transform:translate3d(var(--lx,var(--px)),var(--ly,var(--py)),0);background:radial-gradient(circle,rgba(255,255,255,.08),rgba(255,255,255,.03) 40%,transparent 66%);transition:opacity 360ms ease}
html[data-theme="11-daylight-stage"] .fx-pat{display:none}
@media (prefers-reduced-motion:reduce){html[data-theme="11-daylight-stage"] .ep-cta-band{transition:none}html[data-theme="11-daylight-stage"] .ep-cta-band.fx-on{transform:none}}
.ep-ctrl.marquee-switch{order:8}
/* Showcase height -10% (height90) */
@media (min-width:1101px){.sc2 .sc-stage{height:684px}html[data-showcase="box"] .sc2 .sc-grid{height:684px}}
@media (min-width:769px) and (max-width:1100px){.sc2 .sc-stage{height:522px}html[data-showcase="box"] .sc2 .sc-grid{height:540px}}
@media (max-width:768px){.sc2 .sc-stage,html[data-showcase="box"] .sc2 .sc-stage[data-tone]{height:360px}}
/* eight items: taller 769-1100 box */
@media (min-width:769px) and (max-width:1100px){.sc2 .sc-stage{height:700px}html[data-showcase="box"] .sc2 .sc-grid{height:720px}}
/* ===== Showcase item 1: registration story (real builder screenshots, WAAPI timeline in site.js) ===== */
.rs{position:absolute;inset:0;container-type:size;overflow:hidden;--w:min(84cqw,128cqh);--h:calc(var(--w) / 1.7335)}
.rs-a,.rs-dev2{position:absolute;left:calc(50% - var(--w) / 2);top:calc(50% - var(--h) / 2);width:var(--w);will-change:transform,opacity}
.rs-cam{position:absolute;inset:0;transform-origin:0 0;will-change:transform} /* camera lives inside the screen: close-ups zoom the UI, never the device */
.rs-dev1{background:#0f1115;padding:calc(var(--w) * .011);margin:calc(var(--w) * -.011);border-radius:calc(var(--w) * .022);box-shadow:0 30px 60px -20px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.06) inset}
.rs-scr,.rs-scr2{position:relative;width:100%;aspect-ratio:1600/923;overflow:hidden;border-radius:calc(var(--w) * .012);background:#fff}
.rs-scr img,.rs-scr2 img{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;-webkit-user-drag:none}
.rs-canvas{position:absolute;left:4.6%;top:6.6%;right:1.6%;bottom:0;overflow:hidden}
.rs-price{transform:translateY(100%)}
.rs-dim{position:absolute;inset:0;background:rgba(17,20,28,.42);opacity:0}
.rs .rs-modal{inset:auto;left:14.03%;top:9.88%;width:71.76%;height:80.24%;border-radius:calc(var(--w) * .012);box-shadow:0 24px 50px -12px rgba(0,0,0,.35);opacity:0;transform:scale(.94)}
.rs-toast{position:absolute;left:50%;top:6%;display:flex;align-items:center;gap:.45em;padding:.55em 1em;border-radius:999px;background:#111827;color:#fff;font:600 calc(var(--w) * .021)/1 var(--font-body,system-ui,sans-serif);box-shadow:0 10px 24px -8px rgba(0,0,0,.4);opacity:0;transform:translate(-50%,-30%)}
.rs-toast svg{width:1.15em;height:1.15em;color:#34d399}
.rs-cur{position:absolute;left:0;top:0;width:calc(var(--w) * .036);aspect-ratio:1;z-index:5;transform-origin:21% 12.5%;will-change:transform;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}
.rs-cur svg{width:100%;height:100%;display:block}
.rs-rip{position:absolute;left:21%;top:12.5%;width:200%;aspect-ratio:1;margin:-100% 0 0 -100%;border-radius:50%;background:radial-gradient(circle,rgba(242,114,155,.55),rgba(242,114,155,0) 70%);opacity:0;transform:scale(.2)}
.rs-dev2{width:calc(var(--w) * .96);left:calc(50% - var(--w) * .48);border-radius:calc(var(--w) * .016);background:#fff;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.32),0 0 0 1px rgba(0,0,0,.08);opacity:0;transform:translateX(12%) scale(.9)}
.rs-bar2{display:flex;align-items:center;gap:calc(var(--w) * .009);height:calc(var(--w) * .042);padding:0 calc(var(--w) * .016);background:#f1f3f6;border-bottom:1px solid #e3e6eb}
.rs-bar2 i{width:calc(var(--w) * .012);aspect-ratio:1;border-radius:50%;background:#d6d9df}
.rs-bar2 i:nth-child(1){background:#ff5f57}.rs-bar2 i:nth-child(2){background:#febc2e}.rs-bar2 i:nth-child(3){background:#28c840}
.rs-bar2 span{margin:0 auto;padding:.3em 2.2em;border-radius:99px;background:#fff;color:#5b6472;font:500 calc(var(--w) * .016)/1 var(--font-body,system-ui,sans-serif)}
.rs-scr2{border-radius:0}
.rs-skel{position:absolute;inset:0;padding:9% 14%;display:flex;flex-direction:column;gap:5%}
.rs-skel b{display:block;height:7%;border-radius:6px;background:linear-gradient(90deg,#eef0f3,#f7f8fa,#eef0f3)}
.rs-skel b:nth-child(1){width:40%;margin:0 auto}.rs-skel b:nth-child(2){width:62%;margin:0 auto 6%}
.rs-skel b:nth-child(3),.rs-skel b:nth-child(4){height:24%}
.rs-reg{opacity:0}
/* reduced motion / no JS: static final frame (the published page) */
@media (prefers-reduced-motion:reduce){.rs-a{opacity:0}.rs-dev2{opacity:1;transform:none}.rs-reg{opacity:1}.rs-skel{display:none}}
/* ===== reg story v2: UI recreated in HTML/CSS on a 1024x591 design canvas, scaled by --k (site.js) ===== */
.rs .rs-ui{position:absolute;left:0;top:0;width:1024px;height:591px;transform:scale(var(--k,.6));transform-origin:0 0;font-family:Inter,"Helvetica Neue",Arial,system-ui,sans-serif;color:#111827;background:#eceff4;overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.rs .rs-ui img{position:static;inset:auto;width:auto;height:auto;display:block}
.rs .rs-ui *{box-sizing:border-box}
.rs .rb-top{position:absolute;left:0;top:0;right:0;height:39px;background:#fff;border-bottom:1px solid #e5e7eb;z-index:2}
.rb-back{position:absolute;left:11px;top:12px;color:#374151}.rb-title{position:absolute;left:35px;top:12px;font-size:12px;font-weight:600}
.rb-ur{position:absolute;left:88px;top:8px;width:47px;height:23px;border:1px solid #e5e7eb;border-radius:6px;display:flex;align-items:center;justify-content:space-around;color:#374151}
.rb-dev{position:absolute;left:430px;top:8px;height:23px;width:124px;border:1px solid #e5e7eb;border-radius:6px;display:flex;align-items:center;overflow:hidden;color:#6b7280}
.rb-dev span{width:23px;height:23px;display:grid;place-items:center;border-right:1px solid #e5e7eb}.rb-dev span.on{background:#111827;color:#fff}
.rb-dev em{font-style:normal;font-size:9px;flex:1;display:flex;align-items:center;justify-content:center;gap:6px;color:#374151}
.rs .rb-prev,.rs .rb-pub{position:absolute;top:0;height:38px;display:grid;place-items:center;font-size:9px;font-weight:500}
.rs .rb-prev{left:921px;width:51px;border:1px solid #f2729b;color:#f2729b;background:#fff}.rs .rb-pub{left:972px;width:52px;background:#f2729b;color:#fff}
.rb-side{position:absolute;left:0;top:39px;bottom:0;width:47px;background:#fff;border-right:1px solid #e5e7eb;z-index:2}
.rb-si{position:absolute;left:0;width:47px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:8.5px;color:#374151;transform:translateY(-31px)}
.rb-si:last-child span{font-size:8.5px}
.rb-cv{position:absolute;left:47px;top:39px;right:0;bottom:0}
.rb-tg{position:absolute;top:8px;width:13px;height:16px;border:1px solid #e5e7eb;border-radius:3px;background:#fff}.rb-tg.l{left:2px}.rb-tg.r{right:2px}
.rb-frame{position:absolute;left:23px;top:6px;width:931px;bottom:0;background:#f5f7fa;border-radius:6px 6px 0 0}
.rs .rs-canvas{left:47px;top:39px;width:961px;height:552px;right:auto;bottom:auto}
.rs-hero,.rs-price{position:absolute;inset:0}
.rc-page{position:absolute;left:132px;top:18px;width:711px;height:450px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.rc-page.full{top:0;height:470px}
.ra{height:23px;background:var(--rs-acc);color:#fff;font-size:8.5px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:4px}.ra u{font-weight:600;margin-left:4px}
.rh{position:absolute;top:23px;right:0;height:39px;border-bottom:1px solid #eef0f3}.rc-page .rh{left:0!important}
.rh-logo{position:absolute;left:14px;top:8px;height:22.5px!important}
.rh-date{position:absolute;left:526px;top:15px;font-size:8px}
.rh-btn{position:absolute;left:604px;top:8px;width:93px;height:23px;border-radius:4px;background:var(--rs-acc);color:#fff;font-size:9.5px;display:grid;place-items:center}
.rn{position:absolute;top:62px;right:0;height:31px;display:flex;gap:16px;align-items:center;padding-left:14px;font-size:9px;font-weight:600;border-bottom:1px solid #eef0f3}.rc-page .rn{left:0!important}
.rhero{position:absolute;left:0;top:93px;width:711px;height:225px;overflow:hidden}
.rs .rs-ui .rhero img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}
.rhero-c{position:absolute;inset:0;background:rgba(238,242,248,.74);text-align:center}
.rhero-e{position:absolute;left:0;right:0;top:42px;font-size:8px;font-weight:600;letter-spacing:.12em;color:var(--rs-acc)}
.rhero-h{position:absolute;left:0;right:0;top:62px;font-size:35px;font-weight:800;letter-spacing:-.02em}
.rhero-s{position:absolute;left:0;right:0;top:117px;font-size:11px;color:#4b5563}
.rhero-b{position:absolute;left:284px;top:155px;display:flex;gap:10px}.rhero-b span{height:22px;padding:0 10px;border-radius:4px;border:1px solid var(--rs-acc);color:var(--rs-acc);background:#fff;font-size:9px;display:grid;place-items:center}.rhero-b .p{background:var(--rs-acc);color:#fff}
.rst{position:absolute;left:0;top:318px;width:711px;height:132px;background:#f3f6fb;outline:1px solid var(--rs-acc2);display:grid;grid-template-columns:repeat(4,1fr);padding:0 14px}
.rhero{outline:1px solid var(--rs-acc2)}
.rst div{display:flex;flex-direction:column;align-items:center;padding-top:42px;gap:8px}.rst b{font-size:24px;font-weight:700}.rst span{font-size:8px;font-weight:600;letter-spacing:.12em;color:var(--rs-acc)}
.rc-add{position:absolute;left:142px;width:692px;height:20px;border:1px solid #d9dde3;border-radius:5px;background:#f6f7f9;font-size:8px;display:grid;place-items:center}
.rs-price .rc-add{background:#fff}
.rc-next{position:absolute;left:132px;top:506px;width:711px;height:60px;background:#fff;border-top:1px solid #e5e7eb}.rc-next img{margin:36px 0 0 14px;height:20px!important;clip-path:inset(0 0 40% 0)}
.rp{position:absolute;left:0;top:0;width:711px;height:470px;text-align:left}
.rp-eye{position:absolute;left:0;right:0;top:53px;text-align:center;font-size:9px;color:var(--rs-acc);font-weight:500}
.rp-h{position:absolute;left:0;right:0;top:70px;text-align:center;font-size:24px;font-weight:700;letter-spacing:-.01em}
.rp-sub{position:absolute;left:0;right:0;top:112px;text-align:center;font-size:11px;color:#4b5d7a}
.rp-col{position:absolute;top:155px;height:268px}.rp-col.pop{border:1.5px solid var(--rs-acc);border-radius:8px;padding:0 10px}
.rp-badge{position:absolute;left:10px;top:13px;height:14px;padding:0 6px;border-radius:99px;background:var(--rs-acc);color:#fff;font-size:7px;font-weight:600;display:grid;place-items:center}
.rp-n{margin-top:35px;font-size:9px;font-weight:600}.rp-pr{margin-top:14px;font-size:24px;font-weight:700}.rp-s{margin-top:5px;font-size:9px;color:#4b5d7a}
.rp-btn{margin-top:18px;height:20px;border-radius:3px;background:var(--rs-acc);color:#fff;font-size:8.5px;font-weight:600;display:grid;place-items:center}
.rp-tag{margin-top:25px;font-size:9px;font-weight:600}.rp-f{margin-top:9px;display:flex;align-items:center;gap:7px;font-size:8.5px;color:#4b5d7a}.rp-f svg{width:11px;height:11px;flex:none}
.rp.mini,.rp.pv{transform-origin:0 0}.rp.mini{transform:scale(.215);top:-12.5px}.rp.pv{transform:scale(.5);top:4px;left:12px}
.rs .rs-modal{position:absolute;inset:auto;left:144px;top:58px;width:734px;height:474px;border-radius:10px;background:#fff;box-shadow:0 24px 50px -12px rgba(0,0,0,.35);overflow:hidden}
.rs .rs-dim{z-index:3}.rs .rs-modal{z-index:4}
.rm-h{position:absolute;left:14px;top:13px;font-size:13px;font-weight:700}.rm-s{position:absolute;left:14px;top:31px;font-size:8px;color:#4b5563}
.rm-hr{position:absolute;left:0;right:0;height:1px;background:#e5e7eb}
.rm-l{position:absolute;left:0;top:49px;width:129px;height:382px;border-right:1px solid #e5e7eb}
.rm-search{position:absolute;left:7px;top:8px;width:115px;height:18px;border:1px solid #d1d5db;border-radius:5px;font-size:7.5px;color:#9aa1ab;display:flex;align-items:center;gap:5px;padding-left:7px}
.rm-c{position:absolute;left:7px;width:115px;height:18px;margin-top:-49px;border-radius:5px;display:flex;align-items:center;font-size:8.5px;padding:0 8px 0 15px}
.rm-c i{width:9px;height:8px;border:1.2px solid #f2729b;border-radius:2px;margin-right:6px;opacity:.75}.rm-c span{flex:1}.rm-c em{font-style:normal;color:#6b7280;font-size:8px}
.rm-c.on{border:1.5px solid #f2729b;background:#fdf2f6}
.rm-m{position:absolute;left:129px;top:49px;width:178px;height:382px;border-right:1px solid #e5e7eb}
.rm-card{position:absolute;left:9px;top:9px;width:161px;height:127px;border:1.5px solid #f2729b;border-radius:6px;background:#fdf2f6;overflow:hidden}
.rm-thumb{position:absolute;left:4px;top:4px;width:153px;height:78px;background:#fff;border-radius:3px;overflow:hidden}
.rm-ct{position:absolute;left:6px;right:8px;top:87px;display:flex;justify-content:space-between;font-size:8.5px}.rm-ct em{font-style:normal;font-size:7.5px;color:#4b5563}
.rm-cd{position:absolute;left:6px;right:6px;top:101px;font-size:7.2px;color:#4b5563;line-height:1.35}
.rm-r{position:absolute;left:307px;top:49px;right:0;height:382px}
.rm-note{position:absolute;left:12px;top:11px;width:400px;font-size:7.3px;color:#4b5563;line-height:1.35}
.rm-pv{position:absolute;left:12px;top:34px;width:403px;height:291px;background:#eef1f6;border:1px solid #e5e7eb;border-radius:6px}
.rm-pvi{position:absolute;left:12px;top:12px;width:380px;height:269px;background:#fff;overflow:hidden}
.rm-cancel,.rm-add{position:absolute;top:442px;height:21px;border-radius:5px;font-size:8.5px;font-weight:500;display:grid;place-items:center}
.rm-cancel{left:598px;width:52px;border:1px solid #d1d5db}.rm-add{left:657px;width:63px;background:#f2729b;color:#fff}
.rs-scr2 .rs-reg{position:absolute;inset:0}
.rs .rs-ui.rg{background:#f3f5f9}
.rg-page{position:absolute;left:156px;top:0;width:710px;height:591px;background:#fff;box-shadow:0 0 0 1px #e8ebf0,0 8px 24px -10px rgba(0,0,0,.12)}
.rh.rg-h{top:0;left:0!important;height:38px}.rg-h .rh-logo{top:7px!important;height:23px!important}.rg-h .rh-date{left:524px;top:14px}.rg-h .rh-btn{left:603px;top:7px;height:23px}
.rn.rg-n{top:38px;left:0!important;height:30px}
.rg-eye,.rg-t,.rg-s{position:absolute;left:0;right:0;text-align:center}
.rg-eye{top:122px;font-size:8px;font-weight:600;letter-spacing:.14em;color:var(--rs-acc)}.rg-t{top:142px;font-size:20px;font-weight:700}.rg-s{top:177px;font-size:11px;color:#4b5d7a}
.rg-av{position:absolute;left:44px;top:243px;font-size:8.5px;font-weight:600;width:346px;height:23px;border-bottom:1px solid #d9dde3}
.rg-o{position:absolute;left:44px;width:346px;height:80px;border-bottom:1px solid #d9dde3}
.rg-on{position:absolute;left:0;top:8px;height:17px;display:flex;align-items:center;font-size:8.5px;font-weight:600}.rg-on i{width:3px;height:17px;background:var(--rs-acc);margin-right:5px}
.rg-r{position:absolute;right:7px;top:10px;width:12px;height:12px;border:1.3px solid #374151;border-radius:50%}
.rg-p{position:absolute;left:0;top:36px;font-size:8.5px;font-weight:600}.rg-left{position:absolute;right:24px;top:37px;font-size:7px;color:#6b7280}
.rg-hd{position:absolute;right:4px;top:49px;font-size:7px;color:#6b7280;display:flex;gap:4px;align-items:center}.rg-d{position:absolute;left:0;top:62px;font-size:7.3px;color:#374151}
.rg-vl{position:absolute;left:405px;top:238px;width:1px;bottom:0;background:#e5e7eb}
.rg-sum{position:absolute;left:419px;top:265px;width:247px;height:22px;border-bottom:1px solid #d9dde3;font-size:8.5px;font-weight:600}
.rg-empty,.rg-pw{position:absolute;left:419px;width:247px;text-align:center;font-size:7.5px;color:#6b7280}.rg-empty{top:310px}.rg-pw{top:409px;color:#111827}.rg-pw b{font-weight:800;letter-spacing:-.01em}
.rg-promo{position:absolute;left:419px;top:340px;width:194px;height:23px;border:1px solid #d9dde3;border-radius:3px;font-size:7.5px;color:#6b7280;display:flex;align-items:center;padding-left:8px}
.rg-apply{position:absolute;left:619px;top:340px;width:47px;height:23px;border:1px solid #d9dde3;border-radius:3px;font-size:7.5px;font-weight:600;display:grid;place-items:center}
.rg-reg{position:absolute;left:419px;top:376px;width:247px;height:24px;border-radius:3px;background:#e5e7eb;color:#9aa1ab;font-size:8px;display:grid;place-items:center}
/* ===== reg story v3: checkout pages ===== */
.rs-cam2{position:absolute;inset:0;transform-origin:0 0;will-change:transform}
.rs-reg,.rs-form,.rs-sess,.rs-done{position:absolute;inset:0;opacity:0}
.rs-cur2{opacity:0}
.rg-scroll{position:absolute;left:0;top:0;width:100%;height:900px;background:#fff;will-change:transform}
.rg-sumE,.rg-sumF{position:absolute;inset:0;pointer-events:none}
.rg-sumF{opacity:0}
.rg-sumF .rg-row{position:absolute;left:419px;top:296px;width:247px}
.rg-sumF .rg-tot{position:absolute;left:419px;top:322px;width:247px}
.rg-sumF .rg-promo,.rg-sumF .rg-apply{top:356px}.rg-sumF .rg-reg{top:392px}.rg-sumF .rg-pw{top:429px}
.rg-row{display:flex;justify-content:space-between;align-items:center;height:26px;font-size:7.8px;border-bottom:1px solid #e5e7eb;gap:8px}.rg-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rg-row b{font-weight:600;flex:none}
.rg-tot{display:flex;justify-content:space-between;align-items:center;height:28px;font-size:8.5px;font-weight:700}
.rg-reg.on,.rg-next{background:var(--rs-acc);color:#fff}
.rg-r{display:grid;place-items:center}.rg-dot{width:6px;height:6px;border-radius:50%;background:var(--rs-acc);opacity:0;transform:scale(.3)}
.rg-side{position:absolute;left:419px;top:86px;width:247px;background:#fff}
.rg-tl{display:flex;align-items:center;justify-content:space-between;font-size:8.5px}.rg-tl b{font-weight:700;font-variant-numeric:tabular-nums}
.rg-ar{width:22px;height:22px;border-radius:50%;background:#e5e7eb;color:#9aa1ab;display:grid;place-items:center}.rg-ar.on{background:var(--rs-acc);color:#fff}
.rg-step{margin-top:6px;text-align:center;font-size:7.5px;color:#6b7280;height:16px;border-bottom:1px solid #d9dde3}
.rg-rows{min-height:0}
.rg-next{margin-top:6px;height:24px;border-radius:3px;font-size:8.5px;font-weight:600;display:grid;place-items:center}
.rg-pw2{margin-top:9px;text-align:center;font-size:7.5px}.rg-pw2 b{font-weight:800}
.rg-side.v1,.rg-side.v2{opacity:0}
.rf-f{position:absolute;left:44px;width:346px}
.rf-f label{display:block;font-size:8px;font-weight:600;margin-bottom:4px}.rf-f label em{color:#dc2626;font-style:normal}
.rf-in{height:22px;border:1px solid #d1d5db;border-radius:4px;padding:0 8px;display:flex;align-items:center;font-size:8.5px}
.rf-in.sel{justify-content:space-between;color:#9aa1ab}.rf-f small{display:block;margin-top:3px;font-size:7px;color:#6b7280}
.ty i{font-style:normal;opacity:0}
.rf-cb{display:flex;align-items:center;gap:6px;height:18px;font-size:8px}.rf-cb i{width:11px;height:11px;border:1.2px solid #9aa1ab;border-radius:2px;display:grid;place-items:center;position:relative}
.rf-tick{position:absolute;inset:-1px;width:11px;height:11px;background:var(--rs-acc);border-radius:2px;opacity:0}
.rsl-h{position:absolute;left:44px;top:76px;font-size:9px;font-weight:700;opacity:0}
.rs-si{position:absolute;left:44px;width:346px;height:58px;border-bottom:1px solid #e5e7eb}
.rs-si>b{position:absolute;left:0;top:6px;width:300px;font-size:8.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-dt{position:absolute;left:0;top:20px;font-size:7.3px;color:#4b5563}
.rs-seat{position:absolute;left:0;top:32px;font-size:7.3px;color:var(--rs-acc);height:10px;width:200px}.rs-seat span{position:absolute;left:0;top:0;white-space:nowrap}.rs-seat .s1{opacity:0}
.rs-sd{position:absolute;right:30px;top:44px;font-size:7px;color:#6b7280;display:flex;gap:3px;align-items:center}
.rs-pm{position:absolute;right:8px;top:11px;width:22px;height:22px;border-radius:50%;background:var(--rs-acc);display:grid;place-items:center}
.rs-pm svg{position:absolute;width:13px;height:13px;left:4.5px;top:4.5px}.rs-pm .mi{opacity:0}
.rs .rd{position:absolute;left:0;right:0;top:92px;text-align:center}
.rd-on{font-size:9px;display:flex;justify-content:center;align-items:center;gap:5px}.rd-on b{font-weight:700;letter-spacing:.04em}.rd-on svg{color:#6b7280}
.rd-ok{margin-top:9px;font-size:8.5px;color:#4b5563}
.rs .rd-c{width:80px;height:80px;margin:30px auto 0;transform:scale(0)}.rs .rd-c svg{width:100%;height:100%;display:block}
.rd-ck{stroke-dasharray:1;stroke-dashoffset:1}
.rd-t{margin-top:26px;font-size:18px;font-weight:700}.rd-d{margin-top:9px;font-size:9.5px;color:#374151}.rd-v{margin-top:5px;font-size:8.5px;color:#6b7280}
.rd-t,.rd-d,.rd-v,.rd-on,.rd-ok{opacity:0}
@media (prefers-reduced-motion:reduce){.rs-reg{opacity:0}.rs-done{opacity:1}.rs .rd-c{transform:none}.rd-ck{stroke-dashoffset:0}.rd-t,.rd-d,.rd-v,.rd-on,.rd-ok{opacity:1}}
/* modal two states: Empty (default on open) -> Tickets */
.rs-modal .mt{opacity:0}
.rm-lay{position:absolute;inset:0}
.rm-focus{position:absolute;left:7px;top:8px;width:115px;height:18px;border:1.5px solid #f2729b;border-radius:5px;box-shadow:0 0 0 2px rgba(242,114,155,.18)}
.rm-card.off{border:1px solid #e5e7eb;background:#fff}
.rm-thumb.e{display:flex;gap:4px;padding:8px;background:#f6f7f9}
.rm-thumb.e b{flex:1;border:1px dashed #c3c8d0;border-radius:3px;background:#fff}
.rm-empty{display:grid;place-items:center;background:#fff}
.rm-empty>div{width:86%;height:80%;border:1.5px dashed #c3c8d0;border-radius:8px;display:grid;place-items:center}
/* logo breathing room in the recreated site headers */
.rs .rh-logo{left:20px;top:50%!important;transform:translateY(-50%);height:20px!important}
.rs .rn{padding-left:20px}
.rm-m{overflow:hidden}
/* soft Apple-style edge fade so zoomed content never hard-cuts at the stage edges */
.rs{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%),linear-gradient(180deg,#000 0,#000 90%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%),linear-gradient(180deg,#000 0,#000 90%,transparent 100%);mask-composite:intersect}
.rs .rs-ui img.rh-logo{position:absolute;left:20px;top:50%;transform:translateY(-50%);height:20px;width:auto}
/* wider soft left fade + blur, full height, so the story dissolves under the left menu area */
.rs{-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.25) 5%,rgba(0,0,0,.75) 11%,#000 17%,#000 94%,transparent 100%),linear-gradient(180deg,#000 0,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.25) 5%,rgba(0,0,0,.75) 11%,#000 17%,#000 94%,transparent 100%),linear-gradient(180deg,#000 0,#000 90%,transparent 100%)}
.rs::after{content:"";position:absolute;left:0;top:0;bottom:0;width:20%;z-index:6;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 30%,transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 30%,transparent 100%)}
@media (prefers-reduced-motion:reduce){.rs::after{display:none}}
/* left-only opacity fade (leftfade): the story extends ~32px under the menu column and fades in toward the media; no top/right/bottom fade, no blur */
.rs::after{display:none}
@media (min-width:769px){
  .sc2 .sc-stage:has(.sc-scene.is-on .rs){overflow:visible;clip-path:inset(0 0 0 calc(-1 * var(--rs-e)) round 0 28px 28px 0)}
  .sc2{--rs-e:calc(var(--sc-gap-x,32px) + 32px)}
  .sc2 .sc-list{position:relative;z-index:3}
  .rs{left:calc(-1 * var(--rs-e));--w:min(84cqw - var(--rs-e) * .84,128cqh);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 calc(var(--rs-e) + 56px));mask-image:linear-gradient(90deg,transparent 0,#000 calc(var(--rs-e) + 56px));-webkit-mask-composite:source-over;mask-composite:add}
  .rs-a{left:calc(50% + var(--rs-e) / 2 - var(--w) / 2)}
  .rs-dev2{left:calc(50% + var(--rs-e) / 2 - var(--w) * .48)}
}
@media (max-width:768px){.rs{-webkit-mask-image:none;mask-image:none}}
@media (min-width:769px){.sc2 .sc-stage:has(.sc-scene.is-on .rs) .sc-stage-glow{clip-path:inset(14.2857% round 28px)}}
/* greysolid: opaque capsules (composited over the real background behind the list, --sc-under set by site.js) and menu always above the media */
.sc2{--sc-under:var(--c-bg,#fff);--sc-pill:color-mix(in srgb,var(--c-heading) 6%,var(--sc-under));--sc-pill-h:color-mix(in srgb,var(--c-heading) 11%,var(--sc-under))}
html[data-theme="03-dark-premium"] .sc2,html[data-theme="08-event-energy-neon"] .sc2{--sc-pill:color-mix(in srgb,var(--c-heading) 10%,var(--sc-under));--sc-pill-h:color-mix(in srgb,var(--c-heading) 17%,var(--sc-under))}
@media (min-width:769px){.sc2 .sc-stage{position:relative;z-index:1}.sc2 .sc-list,.sc2 .sc-ctrls{position:relative;z-index:5}}
/* live public site on computer 2 */
.rs-live{position:absolute;inset:0;opacity:0}
.rg-scroll.rl-s{height:1000px;background:#f3f5f9}
.rs .rc-page.rl{left:0;top:0;width:710px;height:930px;box-shadow:none}
.rl .rhero,.rl .rst{outline:0}
.rl-p{position:absolute;left:0;top:450px;width:711px;height:480px;background:#fff}

/* story accent (pink follows the theme accent by default; preview row "Story colour" can override via --story-accent) */
.rs{--rs-acc:var(--story-accent,#F06E93);--rs-acc2:color-mix(in srgb,var(--rs-acc) 55%,#fff)}
.rp-f svg{color:var(--rs-acc)}
.rs .rs-ui .rh-logo{display:block;position:absolute;left:20px;top:50%;transform:translateY(-50%);height:20px;width:38.4px;background:var(--rs-acc);-webkit-mask:url(/assets/showcase/reg-story/aiexpo27-logo-mask.png) center/contain no-repeat;mask:url(/assets/showcase/reg-story/aiexpo27-logo-mask.png) center/contain no-repeat}
.rs .rc-next .rh-logo.sm{position:absolute;left:14px;top:36px;transform:none;height:20px;clip-path:inset(0 0 40% 0)}
.rs .rh-btn,.rs .rp-btn,.rs .rg-next,.rs .rg-reg.on,.rs .ra,.rs .rp-badge,.rs .rhero-b .p,.rs .rs-pm,.rs .rg-ar.on{color:#fff}
/* preview: story colour swatches */
.ep-ctrl.story-switch{order:9}
.ep-story-row{display:flex;align-items:center;gap:8px;padding:0 10px;color:#fff}
.ep-story-row .ep-pop-label{width:68px;min-width:68px}
.ep-story-row button{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.25);padding:0;cursor:pointer;flex:none}
.ep-story-row button[aria-pressed="true"]{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.35)}
/* CTA band: balanced space above and below inside its section (was padding-top:0, so the box sat glued to the section above) */
.ep-section.cta-wrap{padding-top:var(--cta-pad,96px);padding-bottom:var(--cta-pad,96px)}
@media (max-width:768px){.ep-section.cta-wrap{--cta-pad:56px}}
.ep-story-row .ep-pop-label{width:auto;min-width:0;margin-right:4px}
/* Ticket cards: room for a 2-line description (fonts wider on macOS wrapped it under the divider) */
.rs .rg-o{height:84px}
.rs .rg-d{top:59px;right:0;line-height:1.3;max-height:19px;overflow:visible;white-space:normal}
/* Ticket cards in normal flow: each card grows to fit its text, divider sits under the text */
.rs .rg-list{position:absolute;left:44px;top:272px;width:346px}
.rs .rg-o{position:relative;left:auto;top:auto;width:auto;height:auto;display:grid;grid-template-columns:1fr auto;column-gap:10px;row-gap:0;padding:8px 0 9px;margin-bottom:6px;border-bottom:1px solid #d9dde3}
.rs .rg-o>*{position:static}
.rs .rg-on{grid-column:1;grid-row:1;height:17px}
.rs .rg-r{grid-column:2;grid-row:1;align-self:center;margin-right:7px}
.rs .rg-p{grid-column:1;grid-row:2;margin-top:11px}
.rs .rg-left{grid-column:2;grid-row:2;margin-top:12px;margin-right:24px;justify-self:end}
.rs .rg-hd{grid-column:2;grid-row:3;justify-self:end;margin-right:4px;margin-top:1px}
.rs .rg-d{grid-column:1/-1;grid-row:4;margin-top:3px;line-height:1.35;max-height:none;white-space:normal}
.rs .rg-r{justify-self:end}
/* Pricing cards size to content (fixed 268px height clipped the last feature when a theme's line-height was larger) */
.rs .rp-col{height:auto;min-height:268px;padding-bottom:16px;box-sizing:border-box;line-height:1.3}
.rs .rp-col.pop{padding-bottom:16px}
.rs .rhero-c{background:rgba(242,245,250,.82)}
/* ===== App + AI stories (1024x591 design canvas) ===== */
.st{position:absolute;inset:0;overflow:hidden;--ac:var(--story-accent,#F06E93);--ac2:color-mix(in srgb,var(--ac) 14%,#fff);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#111827;text-align:left;line-height:1.3}
.sc2 .st{--st-f:24px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--st-f),#000 calc(100% - var(--st-f)),transparent),linear-gradient(180deg,transparent,#000 var(--st-f),#000 calc(100% - var(--st-f)),transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 var(--st-f),#000 calc(100% - var(--st-f)),transparent),linear-gradient(180deg,transparent,#000 var(--st-f),#000 calc(100% - var(--st-f)),transparent);mask-composite:intersect} /* close-ups and panel shadows fade at the stage edge instead of a hard cut */
.st *{box-sizing:border-box}
.st-ui{position:absolute;left:0;top:0;width:1024px;height:591px;transform-origin:0 0;transform:translate(var(--sx,0),var(--sy,0)) scale(var(--k,1))}
.st-cam{position:absolute;inset:0;transform-origin:0 0;will-change:transform}
.st-cur{position:absolute;left:0;top:0;width:26px;height:26px;z-index:50;transform:translate(560px,330px);filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));pointer-events:none}
.st-cur svg{width:100%;height:100%;display:block;transform-origin:21% 12.5%}
.st-rip{position:absolute;left:-20px;top:-23px;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ac) 60%,transparent),transparent 70%);opacity:0}
.st .ty i{font-style:normal;opacity:0}
.st .ph{font-style:normal;color:#9ca3af}
/* builder */
.st .bd{position:absolute;left:18px;top:30px;width:640px;height:530px;background:#fff;border-radius:12px;box-shadow:0 18px 50px rgba(15,23,42,.18),0 0 0 1px rgba(15,23,42,.08);overflow:hidden;font-size:9px}
.bd-top{position:absolute;left:0;right:0;top:0;height:34px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding-left:12px}
.bd-bk{font-size:10px}.bd-bk b{margin-left:6px}
.bd-dv{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:3px;align-items:center}.bd-dv i{width:18px;height:16px;border-radius:4px;border:1px solid #e5e7eb}.bd-dv i.on{background:#111827}.bd-dv em{font-style:normal;border:1px solid #e5e7eb;border-radius:4px;padding:2px 6px;margin-left:4px}
.bd-pv,.bd-pub{position:absolute;top:0;height:34px;display:grid;place-items:center;padding:0 12px;font-size:9px}
.bd-pv{right:58px;color:var(--ac);border-left:1px solid var(--ac)}.bd-pub{right:0;background:var(--ac);color:#fff;width:58px}
.bd-rail{position:absolute;left:0;top:34px;bottom:0;width:42px;border-right:1px solid #eef0f3;padding-top:8px;text-align:center;font-size:6.5px;color:#4b5563}
.bd-rail div{margin-bottom:9px}.bd-rail div i{display:block;width:13px;height:13px;margin:0 auto 2px;border-radius:4px;background:#9aa1ab}
.bd-ask{position:absolute;bottom:8px;left:0;right:0}.bd-ask i{display:grid!important;place-items:center;width:20px!important;height:20px!important;border-radius:6px;background:var(--ac2)!important;color:var(--ac);font-style:normal;font-size:12px}
.ai{position:absolute;left:42px;top:34px;bottom:0;width:200px;border-right:1px solid #e5e7eb;background:#fff}
.ai-hd{height:24px;border-bottom:1px solid #eef0f3;display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:8.5px}.ai-hd span{color:#9ca3af;letter-spacing:2px;font-size:7px}
.ai-empty{position:absolute;left:9px;right:9px;top:150px}.ai-empty b{font-size:9px}.ai-empty p{margin:5px 0;color:#4b5563;font-size:7.5px;line-height:1.4}
.st .chips{display:flex;flex-wrap:wrap;gap:4px}.st .chips i{font-style:normal;border:1px solid #e5e7eb;border-radius:99px;padding:3px 7px;font-size:7px;background:#fff}
.ai-conv{position:absolute;left:8px;right:8px;top:30px;bottom:44px;overflow:hidden}
.ai-conv>*{position:relative}
.st .bub{max-width:85%;border-radius:10px;padding:6px 8px;font-size:7.6px;line-height:1.38;margin-bottom:6px;opacity:0}
.st .bub.me{margin-left:auto;background:var(--ac);color:#fff;width:fit-content}
.st .bub.bot{background:#f3f4f6;color:#1f2937}
.bub .qr{display:block;width:fit-content;margin-top:5px;border:1px solid var(--ac);color:var(--ac);background:#fff;border-radius:99px;padding:2px 7px}
.ai-t{height:0;overflow:visible}
.ai-th{position:absolute;left:0;top:0;display:flex;gap:3px;align-items:center;background:#f3f4f6;border-radius:10px;padding:6px 8px;opacity:0;font-size:7px;color:#6b7280}
.ai-th i{width:4px;height:4px;border-radius:50%;background:#9ca3af;animation:stdot 1s infinite}.ai-th i:nth-child(2){animation-delay:.15s}.ai-th i:nth-child(3){animation-delay:.3s}
.ai-th span{margin-left:3px;background:linear-gradient(90deg,#9ca3af 0,#111827 50%,#9ca3af 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:stsh 1.4s linear infinite}
@keyframes stdot{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-2px);opacity:1}}@keyframes stsh{to{background-position:-200% 0}}
.ai-card{background:#eef4fb;border-radius:10px;padding:7px;margin-bottom:6px;opacity:0;font-size:7.4px}.ai-card>b{font-size:8px}
.ai-mini{height:86px;margin:5px 0;overflow:hidden;border-radius:6px;background:#fff;position:relative}.ai-mini .bd-pg{transform:scale(.3);transform-origin:0 0;width:600px;position:absolute}
.ai-card ul{margin:0;padding-left:11px;color:#4b5563;line-height:1.35}.ai-tools{display:flex;gap:8px;margin-top:5px;align-items:center}.ai-tools span:first-child{border:1px solid #d1d5db;border-radius:5px;padding:2px 7px;background:#fff}
.ai-ask{position:absolute;left:8px;right:8px;bottom:8px;height:26px;display:flex;gap:5px;align-items:center}.clip{font-size:10px;width:22px;height:22px;border:1px solid #e5e7eb;border-radius:6px;display:grid;place-items:center}
.ai-in{flex:1;height:24px;border:1.3px solid color-mix(in srgb,var(--ac) 55%,#fff);border-radius:6px;padding:0 6px;display:flex;align-items:center;font-size:7.4px;white-space:nowrap;overflow:hidden;position:relative}
.ai-in>span{position:absolute;left:6px}.ai-send{height:22px;padding:0 8px;border-radius:6px;background:color-mix(in srgb,var(--ac) 45%,#fff);color:#fff;display:grid;place-items:center;font-size:7.4px}
.bd-cv{position:absolute;left:242px;right:0;top:34px;bottom:0;background:#eef1f5;overflow:hidden}
.bd-sc{position:absolute;left:12px;top:10px;width:374px}
.bd-sc .bd-pg{width:374px}
.bd-pg{background:#fff;font-size:8px}.bd-pg .ra{background:var(--ac);color:#fff;text-align:center;font-size:6.5px;padding:4px}
.bp-n{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid #eef0f3}.bp-n em{font-style:normal;font-size:6.5px}
.st .al-logo{display:inline-block;width:30px;height:16px;background:#fff;-webkit-mask:url(/assets/showcase/reg-story/aiexpo27-logo-mask.png) center/contain no-repeat;mask:url(/assets/showcase/reg-story/aiexpo27-logo-mask.png) center/contain no-repeat}
.st .al-logo.dk{background:var(--ac)}
.bp-h{position:relative;height:150px;overflow:hidden}.bp-h img{width:100%;height:100%;object-fit:cover}.bp-h>div{position:absolute;inset:0;background:rgba(242,245,250,.8);text-align:center;padding-top:34px}
.bp-h em{font-style:normal;font-size:6px;letter-spacing:.12em;color:var(--ac);font-weight:600}.bp-h b{display:block;font-size:19px;font-weight:800;letter-spacing:-.02em;margin:6px 0}.bp-h span{font-size:7px;color:#4b5563}
.st .h-new{display:none}.st .bp-h b.h-new,.st .h-hero b.h-new{display:block;opacity:0;position:absolute;left:0;right:0}
.bp-h b.h-new{top:47px}
.bp-dine{padding:12px 10px;opacity:0;max-height:0;overflow:hidden}.bp-s{font-weight:700;font-size:10px;text-align:center;margin-bottom:8px}
.bp-c{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.bp-c div{font-size:6.5px}.bp-c i{display:block;height:40px;border-radius:5px;margin-bottom:4px}.bp-c b{display:block}.bp-c span{color:#6b7280}
.bp-st{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;padding:14px 0 18px;background:#f5f7fa}.bp-st b{display:block;font-size:15px}.bp-st span{font-size:6px;color:var(--ac);letter-spacing:.1em}
.bd-toast{position:absolute;left:50%;top:44px;transform:translateX(-50%);background:#111827;color:#fff;border-radius:99px;padding:5px 12px;font-size:8px;opacity:0;z-index:5}
/* phone */
.st-ph{position:absolute;left:706px;top:20px;width:276px;height:556px;transform-origin:0 0;z-index:10}
.ph-f{position:absolute;inset:0;border-radius:42px;background:#111;padding:8px;box-shadow:0 24px 60px rgba(15,23,42,.3),0 0 0 1.5px #3a3a3c inset}
.ph-scr{position:relative;width:260px;height:540px;border-radius:34px;overflow:hidden;background:#fff;font-size:9px}
.ph-notch{position:absolute;left:50%;top:15px;width:74px;height:20px;margin-left:-37px;border-radius:12px;background:#000;z-index:30}
.ap-sb{position:absolute;left:0;right:0;top:0;height:40px;background:var(--ac);color:#fff;display:flex;justify-content:space-between;align-items:flex-start;padding:15px 22px 0 26px;font-size:9px;z-index:20}.ap-sb span{font-size:6px}
.ap{position:absolute;inset:0;opacity:0;background:#fff}.ap-home{opacity:1}
.ap-h{position:absolute;left:0;right:0;top:40px;height:34px;background:var(--ac);color:#fff;display:flex;align-items:center;justify-content:center;padding:0 12px;z-index:5}
.ap-h .al-logo{position:absolute;left:12px;width:30px;height:16px}.ap-back{position:absolute;left:10px;font-size:9px}.ap-ht{font-weight:600;font-size:10px;display:flex;align-items:center;gap:5px}
.ap-hi{position:absolute;right:10px;display:flex;gap:7px;align-items:center}.st .i{width:13px;height:13px;flex:none}.ap-hi .i{width:14px;height:14px}
.st .av{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;color:#111;font-size:7px;font-weight:700;flex:none}
.st .av.lg{width:30px;height:30px;font-size:9px;color:#374151}.st .av.sm{width:16px;height:16px;font-size:6px;color:#374151}.st .av.xl{width:62px;height:62px;font-size:18px;color:#374151;display:grid;margin:12px auto 6px}
.ap-sc{position:absolute;left:0;right:0;top:74px;padding:10px 12px 60px}
.ap-tb{position:absolute;left:0;right:0;bottom:0;height:50px;background:var(--ac);color:#fff;display:flex;justify-content:space-around;padding-top:7px;z-index:5}
.ap-tb span{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:6.5px;opacity:.85;width:44px;padding:2px 0;border-radius:10px}.ap-tb span.on{background:rgba(255,255,255,.22);opacity:1}.ap-tb em{font-style:normal}
.h-hero{position:relative;height:118px;border-radius:12px;overflow:hidden}.h-hero img{width:100%;height:100%;object-fit:cover}
.h-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,24,39,.15),rgba(17,24,39,.75));color:#fff;padding:12px;display:flex;flex-direction:column;justify-content:flex-end}
.h-ov em{font-style:normal;font-size:6px;letter-spacing:.1em;opacity:.85}.h-ov b{font-size:14px;line-height:1.15;margin-top:3px}.h-hero b.h-new{bottom:12px;left:12px;right:12px}
.h-sec{font-weight:700;font-size:9.5px;margin:12px 0 6px}
.h-dine{max-height:0;opacity:0;overflow:hidden}.h-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.h-cards div{font-size:6px}.h-cards i{display:block;height:34px;border-radius:6px;margin-bottom:3px}.h-cards b{display:block;font-size:6.5px}.h-cards span{color:#6b7280}
.h-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.tile{border-radius:10px;background:#f3f4f6;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:7.5px;color:#374151}.tile .i{color:var(--ac);width:16px;height:16px}
.h-next{border-radius:10px;border:1px solid #e5e7eb;padding:8px;font-size:7.5px}.h-next b{display:block;margin-bottom:3px}.h-next span{color:#6b7280}
.ap-load{position:absolute;left:0;right:0;top:74px;bottom:50px;background:rgba(255,255,255,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:9px;color:#374151;opacity:0;z-index:4}
.ap-load i{width:22px;height:22px;border-radius:50%;border:2.5px solid #e5e7eb;border-top-color:var(--ac);animation:stspin .8s linear infinite}@keyframes stspin{to{transform:rotate(360deg)}}
.ag-d{display:flex;justify-content:space-between;align-items:center;font-size:9px;padding:2px 2px 8px;border-bottom:1px solid #eef0f3}
.ag-r{position:relative;padding:8px 34px 8px 0;border-bottom:1px solid #eef0f3;font-size:7px;color:#4b5563}.ag-r b{display:block;color:#111827;font-size:8px;margin-bottom:3px}
.ag-r>span{display:flex;align-items:center;gap:4px;margin-top:2px}.ag-r .i{width:9px;height:9px;color:#6b7280}.ag-r .st{color:#6b7280}
.ag-r .on{display:block;font-style:normal;color:var(--ac);margin-top:3px;opacity:0}.ag-r .on.is{opacity:1}
.pm{position:absolute;right:0;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:7px;border:1.4px solid var(--ac);color:var(--ac)}
.pm u{position:absolute;inset:0;display:grid;place-items:center;text-decoration:none;font-size:14px;font-weight:600}.pm .m{opacity:0;color:#111}.pm.is{border-color:#111}.pm.is .m{opacity:1}.pm.is .p{opacity:0}
.sd-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e5e7eb;border-radius:8px;padding:2px;margin-bottom:8px;font-size:8px;text-align:center;position:relative}
.sd-tabs b{padding:4px;border-radius:6px;font-weight:500;position:relative;z-index:1}.sd-tabs b.on{background:var(--ac);color:#fff}
.sd-img{width:100%;height:84px;object-fit:cover;border-radius:6px}.sd-t{font-size:12px;font-weight:700;margin:6px 0}
.sd-m{display:flex;gap:5px;align-items:center;font-size:7.5px;margin:3px 0}.sd-m .i{width:10px;height:10px}.ap-sc p{font-size:7.5px;color:#4b5563;line-height:1.4;margin:6px 0}
.sd-l{font-size:8px;font-weight:600;margin-top:6px}.sd-st{color:var(--ac);font-size:16px;letter-spacing:1px}.sd-k{font-size:7.5px;color:#4b5563;border-top:1px solid #eef0f3;padding:5px 0}.sd-k b{display:block;color:#111827;font-size:8px}
.sd-f,.pd-f{position:absolute;left:0;right:0;bottom:0;height:52px;border-top:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 12px 6px;font-size:8px}
.sd-f span{color:var(--ac)}.sd-f b{border:1px solid #111;border-radius:7px;padding:5px 8px;font-weight:500}
.pd-f b{flex:1;margin:0 3px;text-align:center;border:1px solid #d1d5db;border-radius:8px;padding:7px 0;font-weight:500}
.mo-i{display:flex;gap:9px;align-items:center;padding:9px 2px;border-bottom:1px solid #eef0f3;font-size:9px}.mo-i .i{color:#111827}
.ap-srch{border:1.3px solid #374151;border-radius:8px;padding:6px 8px;color:#9ca3af;font-size:8px;margin-bottom:8px}
.ex-l{font-weight:700;color:#4338ca;font-size:9px;margin:8px 0 5px}.ex-c{border:1px solid #e5e7eb;border-radius:10px;height:62px;display:grid;place-items:center}.ex-c .ep-img{height:22px}.fx{font-size:13px}.fx small{font-size:6px;letter-spacing:.2em}
.pd-ov,.pd-pr{position:absolute;left:12px;right:12px;top:44px}.pd-pr{opacity:0}
.pd-logo .ep-img{height:22px;margin:4px 0}.pd-k{color:var(--ac);font-size:7px;font-weight:600}.pd-n{font-size:12px;font-weight:700}.pd-d{font-size:7.5px;color:#4b5563;margin:3px 0 5px}
.pd-l{font-weight:700;font-size:8.5px;margin:9px 0 5px}.st .pd-ov .chips i{background:#312e81;color:#fff;border:0}
.pd-req{max-height:0;opacity:0;overflow:hidden}.rq{background:#f3f4f6;border-radius:9px;padding:7px;font-size:7.4px;display:flex;flex-direction:column;gap:2px}
.pr{display:flex;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #eef0f3;font-size:7px;color:#6b7280}.pr i{width:26px;height:30px;border-radius:4px;background:linear-gradient(160deg,var(--ac2),#e5e7eb);flex:none}.pr b{display:block;color:#111827;font-size:8px}.pr div{flex:1}
.bm-d{font-weight:700;font-size:9px;margin:4px 0 6px}.slot{border:1px solid #d1d5db;border-radius:8px;text-align:center;padding:7px;font-size:8px;margin-bottom:6px;position:relative}
.slot.sel{border-color:var(--ac)}.slot.row{display:flex;justify-content:space-between;padding:7px 9px}
.tm{display:flex;gap:8px;align-items:center;border:1px solid #d1d5db;border-radius:9px;padding:7px;margin-bottom:6px;font-size:7px;color:#6b7280}.tm b{display:block;color:#111827;font-size:8.5px}.tm span{display:block}
.fl{font-weight:600;font-size:8px;margin:8px 0 4px}.in{border:1px solid #d1d5db;border-radius:7px;min-height:26px;padding:6px 8px;font-size:8px;position:relative}.in.ta{min-height:54px}
.in .ph{position:absolute;left:8px;top:7px}.in .ty{position:relative}
.sub{position:relative;height:28px;margin-top:12px}.sub b{position:absolute;inset:0;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:8.5px}.sub .off{background:color-mix(in srgb,var(--ac) 40%,#fff)}.sub .onb{background:var(--ac);opacity:0}
.pf{text-align:center}.pf-n{font-size:12px;font-weight:700}.pf-r{font-size:7.5px;color:#6b7280;margin-bottom:8px}.pf-b{display:flex;gap:6px;margin-bottom:6px}.pf-b b{flex:1;background:var(--ac);color:#fff;border-radius:8px;padding:7px 0;font-size:8px}
.pf .sd-k,.pf .pd-req{text-align:left}
.ch{display:flex;flex-direction:column}.ch-d{align-self:center;background:#e5e7eb;border-radius:6px;padding:2px 8px;font-size:7px;margin-bottom:10px}
.st .ch .bub{font-size:8px;max-width:78%;margin-bottom:7px}.st .ch .bub.them{background:#f3f4f6}.st .ch .cM .bub.them:first-of-type,.st .ch.cM>.bub.them:nth-child(2){opacity:1}
.bub.dots{display:flex;gap:3px;width:fit-content;padding:8px 10px}.bub.dots i{width:4px;height:4px;border-radius:50%;background:#9ca3af;animation:stdot 1s infinite}.bub.dots i:nth-child(2){animation-delay:.15s}.bub.dots i:nth-child(3){animation-delay:.3s}
.ch-in{position:absolute;left:10px;right:10px;bottom:16px;height:30px;border:1px solid #d1d5db;border-radius:15px;display:flex;align-items:center;padding:0 54px 0 10px;font-size:7.6px;white-space:nowrap;overflow:hidden}
.ch-in .ph{position:absolute;left:11px}.ch-in .ty{position:relative;overflow:hidden;direction:rtl;text-align:left;max-width:100%;display:block}.ch-in .ty i{direction:ltr}
.ch-in .send{position:absolute;right:4px;top:4px;height:20px;padding:0 9px;border-radius:10px;background:var(--ac);color:#fff;display:grid;place-items:center;font-size:7.5px}
.ap-toast{position:absolute;left:50%;top:84px;transform:translateX(-50%);background:#111827;color:#fff;border-radius:99px;padding:5px 12px;font-size:8px;opacity:0;z-index:25;white-space:nowrap}
.mp-p{position:relative;height:330px;border-radius:12px;background:#f5f7fa;border:1px solid #e5e7eb}
.mp-p>div{position:absolute;border-radius:8px;display:grid;place-items:center;font-size:7.5px;font-weight:600;color:#374151}
.mp-st{left:14px;right:14px;top:14px;height:56px;background:#e0e7ff}.mp-dt{left:14px;width:100px;top:82px;height:50px;background:#fce7f3}.mp-ca{right:14px;width:96px;top:82px;height:50px;background:#fef3c7}
.mp-en{left:70px;right:70px;bottom:10px;height:24px;background:#dcfce7}
.bo{position:absolute;width:36px;height:36px;border-radius:6px;background:#fff;border:1px solid #d1d5db;font-style:normal;font-size:7px;display:grid;place-items:center;color:#6b7280}.bo.ep{background:var(--ac);color:#fff;border-color:var(--ac)}
.mp-lg{display:flex;gap:12px;font-size:7px;margin-top:8px;color:#4b5563}.mp-lg i{display:inline-block;width:8px;height:8px;border-radius:2px;border:1px solid #d1d5db;margin-right:3px;vertical-align:-1px}.mp-lg i.ep{background:var(--ac);border-color:var(--ac)}
.ms{position:relative;display:flex;gap:8px;align-items:center;background:#f3f4f6;border-radius:10px;padding:8px;margin-bottom:6px;font-size:7.4px;color:#4b5563}.ms b{display:block;color:#111827;font-size:8.5px}.ms em{display:block;font-style:normal;color:#9ca3af;font-size:6.5px;margin-top:2px}
.ms u{position:absolute;right:9px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--ac)}.ms div{flex:1;min-width:0;padding-right:10px}
/* AI flow extras */
.st[data-story="ai"] .bd{left:40px;top:24px;width:944px;height:520px}
.st[data-story="ai"] .ai{width:250px}.st[data-story="ai"] .bd-cv{left:292px}.st[data-story="ai"] .bd-sc{left:50%;margin-left:-187px}
.tl{position:absolute;inset:0;background:#0b0d12;opacity:0;z-index:20;color:#fff}
.tl-b b{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font-size:46px;font-weight:800;letter-spacing:-.02em;opacity:0}
.tl-clk{position:absolute;left:50%;top:70%;width:56px;height:56px;margin:-28px;border-radius:50%;border:3px solid #fff;opacity:.9}.tl-clk i{position:absolute;left:50%;top:50%;width:3px;height:22px;margin-left:-1.5px;margin-top:-22px;background:var(--ac);transform-origin:50% 100%;border-radius:2px}
.cal{position:absolute;left:50%;top:46%;width:150px;height:170px;margin:-85px 0 0 -75px;perspective:600px}
.cal-p{position:absolute;inset:0;background:#fff;color:#111827;border-radius:14px;text-align:center;opacity:0;transform-origin:50% 0;box-shadow:0 20px 50px rgba(0,0,0,.45);overflow:hidden}
.cal-p em{display:block;font-style:normal;background:var(--ac);color:#fff;font-weight:700;letter-spacing:.2em;font-size:12px;padding:9px 0}.cal-p b{display:block;font-size:72px;line-height:1.25}.cal-p span{font-size:12px;color:#6b7280}
.mcp{position:absolute;left:40px;top:24px;width:944px;height:520px;background:#fff;border-radius:12px;box-shadow:0 18px 50px rgba(15,23,42,.18),0 0 0 1px rgba(15,23,42,.08);overflow:hidden;opacity:0;z-index:15;font-size:8.5px}
.mc-side{position:absolute;left:0;top:0;bottom:0;width:150px;background:#0f1d26;color:#cbd5e1;padding:14px 12px;font-size:8px}.mc-side>div{padding:5px 6px;border-radius:5px}.mc-side>div.on{background:rgba(255,255,255,.1);color:#fff}
.mc-logo{background:#fff;border-radius:6px;padding:5px;margin-bottom:12px}.mc-logo .ep-img{height:14px;display:block}.mc-side>b{display:block;color:#fff;margin-bottom:10px}
.mc-main{position:absolute;left:150px;right:0;top:0;bottom:0;background:#f8fafc;padding:18px 22px}.mc-h{font-size:16px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.mc-new{background:var(--ac);color:#fff;border-radius:6px;padding:5px 10px;font-size:8.5px}.mc-s{color:#6b7280;font-size:8px}
.mc-url{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:9px;margin:12px 0}.mc-url code{flex:1;font-size:9px}.mc-url span{border:1px solid #e5e7eb;border-radius:5px;padding:3px 8px}
.mr{display:grid;grid-template-columns:1.4fr .8fr 1.2fr .8fr .8fr;gap:8px;align-items:center;background:#fff;border-bottom:1px solid #eef0f3;padding:9px 10px}.mr.hd{color:#6b7280;font-size:7.5px;background:#f1f5f9}
.mr i{font-style:normal}.mr i.suspended{color:#d97706}.mr i.active{color:#059669}.mr.new{opacity:0;background:color-mix(in srgb,var(--ac) 8%,#fff)}
.mc-dr{position:absolute;right:0;top:0;bottom:0;width:340px;background:#fff;box-shadow:-10px 0 30px rgba(15,23,42,.15);padding:16px 18px;transform:translateX(100%)}
.mc-dt{font-size:13px}.mc-ds{display:block;color:#6b7280;font-size:7.5px;margin-bottom:4px}.mc-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mc-tg{display:flex;gap:6px;align-items:center;margin:9px 0 2px;font-size:8px}.tg{width:22px;height:12px;border-radius:6px;background:#22c55e;position:relative}.tg:after{content:"";position:absolute;right:1px;top:1px;width:10px;height:10px;border-radius:50%;background:#fff}
.ar{display:flex;gap:7px;align-items:center;padding:5px 2px;border-bottom:1px solid #f1f5f9;font-size:8px}.ar b{flex:1;font-weight:500}.ar span{color:#9ca3af;font-size:7px}
.cb{width:11px;height:11px;border:1.3px solid #9ca3af;border-radius:3px;position:relative}.cb:after{content:"";position:absolute;inset:-1.3px;border-radius:3px;background:var(--ac) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3L9.5 3.8' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3C/svg%3E") center/9px no-repeat;opacity:var(--on,0)}
.mc-bt{position:absolute;left:18px;right:18px;bottom:14px;display:flex;justify-content:flex-end;gap:8px}.mc-bt span{border:1px solid #d1d5db;border-radius:6px;padding:6px 12px}.mc-bt b{background:var(--ac);color:#fff;border-radius:6px;padding:6px 14px}
.rpw{position:absolute;left:300px;top:58px;width:670px;height:476px;opacity:0;z-index:16}
.rp2{background:#fff;border-radius:12px;box-shadow:0 18px 50px rgba(15,23,42,.18),0 0 0 1px rgba(15,23,42,.08);padding:16px 18px;height:100%}
.rp2-h{display:flex;justify-content:space-between;align-items:center;font-size:13px}.demo{font-size:7.5px;color:#6b7280;border:1px solid #d1d5db;border-radius:99px;padding:2px 8px}
.kp{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:12px 0}.kp div{background:#f8fafc;border-radius:8px;padding:8px;opacity:0}.kp span{display:block;font-size:6.8px;color:#6b7280}.kp b{display:block;font-size:15px;margin:2px 0}.kp em{font-style:normal;font-size:6.5px;color:var(--ac)}
.rp2-g{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rp2-g>div{border:1px solid #eef0f3;border-radius:9px;padding:9px;height:162px;opacity:0;font-size:7.5px}.rp2-g>div>b{display:block;font-size:8.5px;margin-bottom:6px}
.cols{display:flex;gap:18px;align-items:flex-end;height:118px;padding:0 20px}.cols div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;font-size:7px}
.cols i{width:100%;background:var(--ac);border-radius:4px 4px 0 0;transform-origin:50% 100%}.cols em{font-style:normal;color:#6b7280}
.hb{display:grid;grid-template-columns:110px 1fr 28px;gap:6px;align-items:center;margin:7px 0}.hb i{height:9px;border-radius:5px;background:var(--ac);transform-origin:0 50%}.hb em{font-style:normal;color:#6b7280}.hb span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch3{display:flex;flex-direction:column}.dn{width:96px;height:96px;border-radius:50%;margin:4px auto;background:conic-gradient(var(--ac) 0 18%,color-mix(in srgb,var(--ac) 60%,#fff) 0 55%,#cbd5e1 0 86%,#e5e7eb 0);-webkit-mask:radial-gradient(circle,transparent 26px,#000 27px);mask:radial-gradient(circle,transparent 26px,#000 27px)}
.lg2{display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:center;font-size:7px}.lg2 i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:3px}.lg2 .h{background:var(--ac)}.lg2 .w{background:color-mix(in srgb,var(--ac) 60%,#fff)}.lg2 .n{background:#cbd5e1}.lg2 .c{background:#e5e7eb}
.st-scrub{position:absolute;left:50%;bottom:10px;width:min(560px,86%);transform:translateX(-50%);z-index:60;font-family:inherit}
.sb-tr{position:relative;height:4px;border-radius:2px;background:color-mix(in srgb,currentColor 14%,transparent);overflow:hidden;cursor:pointer;color:#111827}
.sb-fill{position:absolute;left:0;top:0;bottom:0;width:100%;background:var(--ac);border-radius:2px;transform-origin:0 50%;transform:scaleX(0)}
.sb-tr u{position:absolute;top:0;bottom:0;width:2px;background:rgba(255,255,255,.95)}
.sb-lb{display:flex;margin-top:6px}.sb-lb button{all:unset;cursor:pointer;font-size:11px;color:#6b7280;padding:3px 6px;border-radius:6px;transition:color .2s,background .2s;text-align:center}
.sb-lb button:hover{color:#111827;background:rgba(17,24,39,.06)}.sb-lb button.on{color:#111827;font-weight:600}.sb-lb button:focus-visible{outline:2px solid var(--ac)}
@media (prefers-reduced-motion:reduce){.ai-th i,.ai-th span,.ap-load i,.bub.dots i{animation:none}}
.ai-cw{position:relative}
.st-scrub{background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:8px 12px 4px;box-shadow:0 4px 18px rgba(15,23,42,.12)}
.st[data-story="ai"] .bd,.st[data-story="ai"] .mcp{height:496px;top:18px}
.st[data-story="ai"] .rpw{top:44px;height:470px}
/* ===== AI story monitors (2026-10-20, Serhat 08:20): three neutral monitors shown one after another (1 website build + publish, 2 AI approval = admin Approval Requests reused from AI story v4, 3 MCP chat). Inner screens are the unchanged 1024x591 scenes scaled into the screen. ===== */
.st[data-story="ai"] .aim-m{position:absolute;left:0;top:0;width:1024px;height:591px}.st[data-story="ai"] .aim-m2,.st[data-story="ai"] .aim-m3{opacity:0}
/* 20 Oct 08:36 (Serhat): laptop-style frame, no TV stand / no dark panel: slim black bezel lid + thin aluminium base deck, no logo; the screen area is unchanged */
.st[data-story="ai"] .aim-fr{position:absolute;left:61px;top:14px;width:902px;height:528px;border-radius:16px 16px 6px 6px;background:#0d0f12;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 0 0 1px #4a4f57}
.st[data-story="ai"] .aim-fr::before{content:"";position:absolute;left:50%;top:4px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#23272d}
.st[data-story="ai"] .aim-fr::after{content:"";position:absolute;left:-58px;right:-58px;top:100%;height:13px;margin-top:1px;border-radius:2px 2px 14px 14px/2px 2px 9px 9px;background:linear-gradient(#e6e8eb,#c4c8ce 55%,#9ea3aa);box-shadow:0 1px 0 rgba(0,0,0,.18),0 12px 18px -6px rgba(0,0,0,.28); -webkit-mask:radial-gradient(64px 5px at 50% 0,#0000 98%,#000) ;mask:radial-gradient(64px 5px at 50% 0,#0000 98%,#000)}
.st[data-story="ai"] .aim-scr{position:absolute;left:71px;top:24px;width:1024px;height:591px;transform:scale(.86);transform-origin:0 0;overflow:hidden;border-radius:5px;background:color-mix(in srgb,var(--c-heading,#12161c) 90%,var(--c-primary) 10%)}
.st[data-story="ai"] .aim-ad{position:absolute;inset:0;background:#fff;overflow:hidden;font-size:8.6px;line-height:1.35;color:#1f2328;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}.st[data-story="ai"] .aim-ad svg{width:12px;height:12px;flex:none}
/* 20 Oct 09:28 (Serhat): screen 1 - the builder fills the laptop screen like screens 2 and 3 (it kept the old floating-window box: 40px/18px offset, 944x496, rounded corners and shadow) */
.st[data-story="ai"] .aim-m1 .bd{left:0;top:0;width:1024px;height:591px;border-radius:0;box-shadow:none}
/* 20 Oct 09:36 (Serhat): AI story screen 2 = the real approval-flow designs (Approval Requests list, Review Request panel, Select Action modal) */
@A{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#1f2a33}
.st[data-story="ai"] .aim-ad svg{width:11px;height:11px;flex:none}
.st[data-story="ai"] .aim-ad .apv-tr:not(.apv-th),.st[data-story="ai"] .aim-ad .apv-tr .c-ai{opacity:0}
.st[data-story="ai"] .aim-ad .apv-hd{position:absolute;left:0;right:0;top:0;height:40px;display:flex;align-items:center;gap:14px;padding:0 24px 0 22px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);z-index:2}
.st[data-story="ai"] .aim-ad .apv-hd .ep-img{height:18px;width:auto;margin-right:auto}
.st[data-story="ai"] .aim-ad .apv-help{display:flex;align-items:center;gap:5px;font-size:9.6px;font-weight:600;color:#111d25}.st[data-story="ai"] .aim-ad .apv-help svg{width:14px;height:14px}
.st[data-story="ai"] .aim-ad .apv-me{display:flex;align-items:center;gap:6px;color:#6b7280}.st[data-story="ai"] .aim-ad .apv-av{width:21px;height:21px;border-radius:50%;background:#b8c0c8;display:grid;place-items:center;overflow:hidden}.st[data-story="ai"] .aim-ad .apv-av svg{width:21px;height:21px;margin-top:3px}.st[data-story="ai"] .aim-ad .apv-me>svg{width:10px;height:10px}
.st[data-story="ai"] .aim-ad .apv-sb{position:absolute;left:0;top:40px;bottom:0;width:188px;background:#111d25;color:#d5dbe0;padding:20px 11px 0 21px}
.st[data-story="ai"] .aim-ad .apv-ev{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}.st[data-story="ai"] .aim-ad .apv-ev b{font-size:12.2px;line-height:1.3;color:#fff;font-weight:600}.st[data-story="ai"] .aim-ad .apv-ev svg{width:12px;height:12px;color:#aab4bd;margin-top:6px}
.st[data-story="ai"] .aim-ad .apv-bk{display:flex;align-items:center;gap:4px;margin-top:9px;font-size:10px;color:#aab4bd;padding-bottom:11px;border-bottom:1px solid #2a3945;margin-right:-11px}.st[data-story="ai"] .aim-ad .apv-bk svg{width:10px;height:10px}
.st[data-story="ai"] .aim-ad .apv-ss{display:flex;align-items:center;gap:7px;height:23px;margin:10px 0 4px -11px;border:1px solid #5d6a74;border-radius:5px;padding:0 9px;font-size:9.4px;color:#aab4bd}.st[data-story="ai"] .aim-ad .apv-ss svg{width:11px;height:11px}
.st[data-story="ai"] .aim-ad .apv-hub{display:flex;justify-content:space-between;align-items:center;height:32px;font-size:12px;font-weight:600;color:#c9d1d8}.st[data-story="ai"] .aim-ad .apv-hub svg{width:11px;height:11px;color:#8d98a2}
.st[data-story="ai"] .aim-ad .apv-sub span{position:relative;display:block;height:24px;line-height:24px;padding-left:26px;font-size:10.3px;color:#b8c1c8}.st[data-story="ai"] .aim-ad .apv-sub span:before{content:"";position:absolute;left:7px;top:11px;width:3px;height:3px;border-radius:50%;background:#8d98a2}
.st[data-story="ai"] .aim-ad .apv-sub .apv-on{color:#fff;font-weight:500}.st[data-story="ai"] .aim-ad .apv-sub .apv-on:before{width:5px;height:5px;top:10px;left:6px;background:#79a4d4}
.st[data-story="ai"] .aim-ad .apv-pg{position:absolute;left:188px;right:0;top:40px;bottom:0;padding:22px 27px 0}
.st[data-story="ai"] .aim-ad .apv-ph{display:flex;justify-content:space-between;align-items:flex-start}
.st[data-story="ai"] .aim-ad .apv-h1{display:block;font-size:20px;line-height:1.2;font-weight:600;color:#111d25}.st[data-story="ai"] .aim-ad .apv-ps{display:block;font-size:10.4px;color:#5b6670;margin-top:4px}
.st[data-story="ai"] .aim-ad .apv-btn{white-space:nowrap;display:inline-flex;align-items:center;height:24px;padding:0 11px;border:1px solid #d5d9dd;border-radius:5px;background:#fff;font-size:9.4px;font-weight:600;color:#111d25;box-shadow:0 1px 2px rgba(17,29,37,.06)}
.st[data-story="ai"] .aim-ad .apv-btn.apv-dk{background:#111d25;border-color:#111d25;color:#fff}.st[data-story="ai"] .aim-ad .apv-btn.apv-gr{background:#a3d046;border-color:#a3d046;color:#fff}
.st[data-story="ai"] .aim-ad .apv-tabs{display:flex;gap:6px;margin-top:24px}.st[data-story="ai"] .aim-ad .apv-tabs span{padding:7px 6px 8px;font-size:9.4px;color:#5b6670}.st[data-story="ai"] .aim-ad .apv-tabs .apv-on{color:#111d25;box-shadow:inset 0 -2px 0 #e07693}
.st[data-story="ai"] .aim-ad .apv-fl{display:flex;gap:9px;margin-top:10px}.st[data-story="ai"] .aim-ad .apv-sr,.st[data-story="ai"] .aim-ad .apv-ft{display:flex;align-items:center;gap:7px;height:24px;border:1px solid #d5d9dd;border-radius:5px;padding:0 10px;font-size:9.4px;color:#8c96a0}.st[data-story="ai"] .aim-ad .apv-sr{flex:1}
.st[data-story="ai"] .aim-ad .apv-ft{width:385px;color:#1f2a33;justify-content:space-between}.st[data-story="ai"] .aim-ad .apv-ft svg{width:12px;height:12px}
.st[data-story="ai"] .aim-ad .apv-tbl{margin-top:11px}
.st[data-story="ai"] .aim-ad .apv-tr{display:grid;grid-template-columns:98px 153px 99px 104px 105px 97px 1fr;align-items:center;height:40px;padding:0 11px;border-bottom:1px solid #e6e8ea;font-size:9.3px;color:#1f2a33}
.st[data-story="ai"] .aim-ad .apv-th{height:33px;background:#edeff1;border:0;font-size:8.8px;font-weight:600;color:#3c4650}.st[data-story="ai"] .aim-ad .apv-th div{display:flex;align-items:center;gap:4px}.st[data-story="ai"] .aim-ad .apv-srt{width:9px;height:9px}
.st[data-story="ai"] .aim-ad .apv-th .c-ac{justify-content:flex-end}
.st[data-story="ai"] .aim-ad .c-ai{font-weight:600}.st[data-story="ai"] .aim-ad .c-ai.apv-a1{color:#3375a2}.st[data-story="ai"] .aim-ad .c-ai.apv-a2{color:#f3af3d}.st[data-story="ai"] .aim-ad .c-ai.apv-a3{color:#cb444a}
.st[data-story="ai"] .aim-ad .c-st{display:grid;font-weight:600;line-height:15px}.st[data-story="ai"] .aim-ad .c-st span{grid-area:1/1}.st[data-story="ai"] .aim-ad .apv-kp{color:#f3af3d;max-width:52px}.st[data-story="ai"] .aim-ad .apv-ko{color:#a3d046}.st[data-story="ai"] .aim-ad .apv-kr{color:#ce4a37}.st[data-story="ai"] .aim-ad .apv-s1{opacity:0;align-self:center}
.st[data-story="ai"] .aim-ad .c-ac{display:grid;justify-items:end;align-items:center}.st[data-story="ai"] .aim-ad .c-ac>*{grid-area:1/1}.st[data-story="ai"] .aim-ad .apv-rr{white-space:nowrap;display:inline-flex;align-items:center;height:24px;padding:0 12px;border:1px solid #d5d9dd;border-radius:5px;font-weight:600;font-size:9.3px;color:#111d25;box-shadow:0 1px 2px rgba(17,29,37,.06)}
.st[data-story="ai"] .aim-ad .apv-eye{color:#8a949c;margin-right:6px}.st[data-story="ai"] .aim-ad .apv-eye svg{width:13px;height:13px}.st[data-story="ai"] .aim-ad .apv-eye.apv-e1{opacity:0}
.st[data-story="ai"] .aim-ad .apv-tf{position:absolute;left:27px;right:27px;bottom:21px;height:37px;display:flex;align-items:center;justify-content:center;background:#e9ebec;border-radius:3px;font-size:9px;color:#5b6670}
.st[data-story="ai"] .aim-ad .apv-tf .apv-pgn{display:flex;align-items:center;gap:12px}.st[data-story="ai"] .aim-ad .apv-tf .apv-pgn svg{width:11px;height:11px;color:#3c4650}.st[data-story="ai"] .aim-ad .apv-tf .apv-tot{position:absolute;right:14px}
.st[data-story="ai"] .aim-ad .apv-ov{position:absolute;inset:0;background:rgba(17,29,37,.75);opacity:0;z-index:5}
.st[data-story="ai"] .aim-ad .apv-pn{position:absolute;top:0;right:0;bottom:0;width:50%;background:#fff;z-index:6;padding:28px 27px 0;transform:translateX(100%)}
.st[data-story="ai"] .aim-ad .apv-fd{margin-top:13px}.st[data-story="ai"] .aim-ad .apv-pn .apv-ps+.apv-fd{margin-top:18px}.st[data-story="ai"] .aim-ad .apv-fd b{display:block;font-size:9.4px;font-weight:600;color:#111d25}.st[data-story="ai"] .aim-ad .apv-fd span{display:block;font-size:9.4px;color:#2b3640;margin-top:4px}
.st[data-story="ai"] .aim-ad .apv-sa{display:flex;align-items:center;gap:4px;margin-top:13px;font-size:8.6px;color:#3c4650}.st[data-story="ai"] .aim-ad .apv-sa svg{width:9px;height:9px}
.st[data-story="ai"] .aim-ad .apv-ai{margin-top:10px;background:#3375a2;border-radius:6px;padding:10px 12px 12px;color:#fff;box-shadow:0 3px 8px rgba(17,29,37,.18)}
.st[data-story="ai"] .aim-ad .apv-aih{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.st[data-story="ai"] .aim-ad .apv-aih>svg{width:14px;height:14px}
.st[data-story="ai"] .aim-ad .apv-pill{display:inline-flex;align-items:center;gap:6px;height:25px;padding:0 8px 0 6px;background:#fff;border-radius:4px;font-size:9.4px;font-weight:600;color:#111d25}.st[data-story="ai"] .aim-ad .apv-pill em{font-style:normal;color:#3375a2;margin-left:-3px}.st[data-story="ai"] .aim-ad .apv-bot{width:17px!important;height:17px!important}
.st[data-story="ai"] .aim-ad .apv-ai p{margin:0;font-size:9.3px;line-height:14.2px}.st[data-story="ai"] .aim-ad .apv-ai p+p{margin-top:10px}
.st[data-story="ai"] .aim-ad .apv-pn .apv-pa{position:absolute;right:27px;bottom:22px}
.st[data-story="ai"] .aim-ad .apv-pa{display:flex;gap:6px;justify-content:flex-end}
.st[data-story="ai"] .aim-ad .apv-ov2{position:absolute;inset:0;background:rgba(17,29,37,.6);opacity:0;z-index:7}
.st[data-story="ai"] .aim-ad .apv-md{position:absolute;left:50%;top:50%;width:532px;margin:-146px 0 0 -266px;background:#fff;border-radius:6px;padding:16px 16px 14px;z-index:8;opacity:0}
.st[data-story="ai"] .aim-ad .apv-lb{display:block;font-size:9.4px;font-weight:600;color:#111d25;margin-bottom:5px}.st[data-story="ai"] .aim-ad .apv-lb.apv-m{margin-top:12px}
.st[data-story="ai"] .aim-ad .apv-sel{display:flex;justify-content:space-between;align-items:center;height:24px;border:1px solid #d5d9dd;border-radius:5px;padding:0 10px;font-size:9.4px}.st[data-story="ai"] .aim-ad .apv-sel svg{width:12px;height:12px;color:#5b6670}
.st[data-story="ai"] .aim-ad .apv-dd{position:absolute;left:16px;right:16px;top:62px;background:#fff;border:1px solid #d5d9dd;border-radius:5px;box-shadow:0 6px 16px rgba(17,29,37,.14);opacity:0;z-index:2;padding:3px 0}.st[data-story="ai"] .aim-ad .apv-dd span{display:block;height:23px;line-height:23px;padding:0 10px;font-size:9.4px}.st[data-story="ai"] .aim-ad .apv-dd .apv-o0{background:#f1f3f5}
.st[data-story="ai"] .aim-ad .apv-ta{height:138px;border:1px solid #d5d9dd;border-radius:5px;padding:8px 10px;font-size:9.4px;line-height:14px}
.st[data-story="ai"] .aim-ad .apv-hp{font-size:8.6px;color:#8c96a0;margin:5px 0 12px}

.st[data-story="ai"] .c-ac b{font-weight:500;font-size:7.2px;border:1px solid #d1d5db;border-radius:4px;padding:3px 6px;background:#fff}
.st[data-story="ai"] .c-st{display:grid}.st[data-story="ai"] .c-st span{grid-area:1/1}.st[data-story="ai"] .c-st .s0{color:#8a6100}.st[data-story="ai"] .c-st .s1{color:#2f7d32;opacity:0}.st[data-story="ai"] .c-st .s2{color:#b91c1c;opacity:0}
/* ===== end AI story monitors ===== */
/* Event App builder (app story) */
.st[data-story="app"]{--app:#1f75e0}
.st[data-story="app"] .ph-scr{--ac:var(--app);--ac2:color-mix(in srgb,var(--app) 14%,#fff)}
.ab .bd-pub{width:52px;right:0;background:var(--story-accent,#F06E93)}
.ab-cv{position:absolute;left:42px;right:150px;top:34px;bottom:0;background:#e9ebee;overflow:hidden}
.ab-pg{position:absolute;left:50%;top:14px;width:196px;margin-left:-98px;background:#fff}
.ab-sel{position:absolute;left:50%;width:186px;margin-left:-93px;top:149px;height:24px;border:1.5px solid var(--story-accent,#F06E93);border-radius:3px;opacity:0}
.ab-rp{position:absolute;right:0;top:34px;bottom:0;width:150px;background:#f6f7f8;border-left:1px solid #e5e7eb;padding:12px 10px;font-size:7.5px}
.ab-rp>div{position:absolute;left:10px;right:10px;top:12px}.ab-rp .rp-b{opacity:0}
.ab-rp b{display:block;font-size:8.5px;padding-bottom:7px;border-bottom:1px solid #d1d5db;margin-bottom:8px}.rp-l{display:flex;justify-content:space-between;font-weight:600;margin-bottom:5px}.rp-l em{font-style:normal}
.ab-rp span{display:block;font-size:6.5px;margin:4px 0 3px}.rp-in{border:1px solid #d1d5db;background:#fff;border-radius:4px;padding:4px 6px;display:flex;justify-content:space-between;position:relative;min-height:18px}.rp-in em{font-style:normal;color:#6b7280}
.rp-in.tx{justify-content:flex-start}.rp-in.tx .old{position:absolute;left:6px;top:4px;color:#111827}.rp-in.tx .ty{position:relative}
.st .hm{font-family:Arial,Helvetica,sans-serif;color:#111827}
.hm-b{background:var(--app);background-image:linear-gradient(160deg,rgba(255,255,255,.12) 0 18%,transparent 18% 32%,rgba(255,255,255,.08) 32% 46%,transparent 46%);color:#fff;text-align:center;padding:10px 6px 9px}
.hm-ic{display:flex;justify-content:center;gap:5px;margin-bottom:6px}.hm-ic i{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.25);display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:700}
.hm-b b{display:block;font-size:8.6px}.hm-b span{display:block;font-size:5.6px;margin:3px 0 7px;opacity:.9}.hm-b strong{display:block;font-size:11.5px}
.hm-t{padding:9px 7px 2px;position:relative}.hm-t b{display:block;font-size:9px}.hm-t b.h-new{display:block;position:absolute;top:9px;left:7px;opacity:0}.hm-t p{font-size:5.6px;margin:3px 0 0;line-height:1.35;color:#111827}
.hm-q{padding:7px}.hm-q>b{display:block;font-size:9px;margin-bottom:5px}.hm-q div{display:grid;grid-template-columns:1fr 1fr;gap:4px}.hm-q span{height:20px;border:1.2px solid #111;border-radius:3px;display:grid;place-items:center;font-size:6px}.hm-q span.f{background:var(--app);border-color:var(--app);color:#fff;font-weight:700}
.hm-s{background:#f2f4f8;padding:8px 7px}.hm-s>b{display:block;font-size:8.6px}.hm-s p{font-size:5.6px;margin:2px 0 5px;line-height:1.35;color:#111827}
.sp{display:flex;gap:6px;align-items:center;margin:5px 0}.sp .av{width:22px!important;height:22px!important;font-size:6px;color:#374151}.sp b{display:block;font-size:6.8px}.sp span{font-size:5.4px}
/* phone home is the same page at phone scale */
.ap-sc.hs{padding:0}.ap-sc.hs .hm{transform:scale(1.3265);transform-origin:0 0;width:196px}
.bd-rail>div svg{display:block;width:15px;height:15px;margin:0 auto 2px}.bd-rail{padding-top:10px}.bd-rail>div{margin-bottom:10px}
.bd-ask i svg{width:14px;height:14px}
.bd-ur{margin-left:8px;color:#9ca3af;border:1px solid #e5e7eb;border-radius:4px;padding:1px 4px;font-size:8px}
.ab .bd-pub{width:58px}.ab .bd-pv{right:58px}
.sb-lb .sb-clk{display:grid;place-items:center;padding:2px 0}.sb-lb .sb-clk svg{width:13px;height:13px}
/* app story (22 Oct 2026): no builder or publish opening any more; the phone is on stage from the first frame (also the reduced-motion state) */
.st[data-story="app"] .st-ph{left:374px;top:18px}
.st .sp{max-height:40px;overflow:hidden}
.ab-sel{left:50%!important;width:250px!important;margin-left:-125px!important;top:0;height:20px}
.ab-tool{position:absolute;left:50%;margin-left:52px;top:0;display:flex;gap:1px;background:#111827;border-radius:5px;padding:2px;opacity:0;z-index:3}
.ab-tool b{width:16px;height:15px;display:grid;place-items:center;color:#fff;font-size:8px;font-weight:400}.ab-tool .del{background:#ef4444;border-radius:3px}
.ab-fly{position:absolute;left:42px;top:34px;bottom:0;width:150px;background:#fff;border-right:1px solid #e5e7eb;box-shadow:6px 0 18px rgba(15,23,42,.08);padding:12px 10px;opacity:0;z-index:4;font-size:7.5px}
.ab-fly>b{display:block;font-size:9px}.ab-fly>span{display:block;color:#6b7280;margin:3px 0 9px}
.fy{border:1px solid #e5e7eb;border-radius:6px;padding:7px;margin-bottom:7px}.fy i{display:block;height:8px;border-radius:3px;background:#e5e7eb;margin-bottom:4px}.fy0 i:first-child{width:60%}.fy em{font-style:normal;font-weight:600}
.ap-spr{position:absolute;inset:0;z-index:40;background:radial-gradient(120% 80% at 20% 0%,#7dd3fc 0,#6366f1 45%,#1e1b4b 100%);color:#fff}
.sp-sb{display:flex;justify-content:space-between;padding:15px 22px 0 26px;font-size:9px}.sp-sb span{font-size:6px}
.sp-g{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 0;padding:34px 14px 0;transform-origin:70% 40%}
.sp-g span{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:6.5px;text-shadow:0 1px 2px rgba(0,0,0,.3)}
.sp-g i{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.sp-g .ax i{background:#1f75e0}.sp-g .ax .al-logo{width:30px;height:18px}
.sp-dot{position:absolute;left:0;right:0;bottom:84px;display:flex;justify-content:center;gap:5px}.sp-dot i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.45)}.sp-dot i.on{background:#fff}
.sp-dk{position:absolute;left:10px;right:10px;bottom:12px;height:62px;border-radius:24px;background:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-around;align-items:center}.sp-dk i{width:44px;height:44px;border-radius:11px}
.ap-spl{position:absolute;inset:0;z-index:41;background:#1f75e0;display:grid;place-items:center;opacity:0}.ap-spl .al-logo{width:96px;height:56px}
/* phone proportions matched to the 1320x2868 refs (blue top = .259W, tab bar = .21W) */
.st .ap-sb{height:38px;padding-top:14px}.st .ap-h{top:38px;height:30px}.st .ap-sc{top:68px}.st .ap-load{top:68px;bottom:55px}
.st .ap-tb{height:55px;padding-top:8px}.st .ap-tb span{font-size:7px}.st .ap-tb .i{width:15px;height:15px}
.st .ap-ht{font-size:10.5px}.st .ap-back{font-size:9.5px}
.st .ag-r b{font-size:9px}.st .ag-r{font-size:7.6px;padding:9px 36px 9px 0}.st .ag-d{font-size:9.5px}
.st .sd-t{font-size:13px}.st .sd-m,.st .ap-sc p,.st .sd-k{font-size:8.2px}
.st .mo-i{font-size:10px;padding:11px 2px}.st .slot{font-size:9px;padding:8px}.st .tm b{font-size:9.5px}.st .tm{font-size:7.8px}
.st .ch .bub{font-size:8.8px}.st .ms b{font-size:9.5px}.st .ms{font-size:8px}.st .pd-n{font-size:13px}.st .pd-d,.st .pr{font-size:8px}.st .pr b{font-size:9px}
.st .fl{font-size:9px}.st .in{font-size:9px}.st .pf-n{font-size:13px}
/* richer app details (magenta accents as in the real app) */
.st[data-story="app"] .ph-scr{--mg:#d4239c}
.st .ag-r .on,.st .sd-st,.st .sd-f span{color:var(--mg,var(--ac))}
.st .pm{border-color:var(--mg,var(--ac));color:var(--mg,var(--ac))}
.st .sd-tabs b.on,.st .sub .onb,.st .pf-b b{background:var(--mg,var(--ac))}.st .sub .off{background:color-mix(in srgb,var(--mg,var(--ac)) 40%,#fff)}
.fab{position:absolute;right:12px;bottom:66px;width:26px;height:26px;border-radius:50%;background:#111827;color:#fff;display:grid;place-items:center;font-style:normal;font-size:10px;box-shadow:0 3px 8px rgba(0,0,0,.25);z-index:6}
.st .chips.tl i{background:#0e9f9a!important;color:#fff}
.rq .cx{align-self:flex-start;font-style:normal;margin-top:4px;border:1px solid #9ca3af;border-radius:6px;padding:2px 9px;background:#fff}
.cnt{position:absolute;left:8px;bottom:6px;color:#9ca3af;font-size:6.5px}
.mrq{align-self:center;border:1px solid #e5e7eb;border-radius:9px;padding:7px 10px;text-align:center;font-size:7.6px;margin-bottom:9px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.mrq b{display:block;font-size:8px}
.ex-c{height:58px;margin-bottom:6px}
.st-scrub.pills{display:flex;gap:10px;justify-content:center;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;width:auto}
.pills button{all:unset;position:relative;overflow:hidden;cursor:pointer;min-width:132px;height:34px;border-radius:17px;background:#fff;border:1px solid #d1d5db;box-shadow:0 4px 14px rgba(15,23,42,.14);text-align:center;font-size:12px;font-weight:600;color:#374151;transition:transform .25s,box-shadow .25s,border-color .25s}
.pills .pf{position:absolute;inset:0;background:linear-gradient(90deg,#c7ccd4 0,#c7ccd4 calc(100% - 14px),rgba(199,204,212,0) 100%);transform-origin:0 50%;transform:scaleX(0)}
.pills span{position:relative;line-height:34px}
.pills button.on{border-color:#111827;color:#111827;transform:scale(1.04);box-shadow:0 6px 18px rgba(15,23,42,.2)}
.pills button:hover{border-color:#6b7280}.pills button:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
html[data-theme="03-dark-premium"] .pills button,html[data-theme="08-event-energy-neon"] .pills button{background:#1f2430;border-color:#3a4150;color:#e5e7eb}
html[data-theme="03-dark-premium"] .pills .pf,html[data-theme="08-event-energy-neon"] .pills .pf{background:linear-gradient(90deg,#4b5563 0,#4b5563 calc(100% - 14px),rgba(75,85,99,0) 100%)}

.st .mp-sr{height:26px;border-radius:13px;background:#f1f3f6;font-size:8px;color:#6b7280;display:flex;align-items:center;padding:0 10px;margin-bottom:6px}
.st .mp-ch{display:flex;gap:4px;margin-bottom:7px}.st .mp-ch b,.st .mp-ch i{font-style:normal;font-size:7.5px;padding:3px 8px;border-radius:10px;border:1px solid #e5e7eb;color:#374151}.st .mp-ch b{background:#111827;color:#fff;border-color:#111827}
.st .mp-p{height:340px;background:#eef2f6;overflow:hidden}
.st .mp-ai{left:4%!important;right:4%;top:226px;height:2px;background:transparent!important}
.st .bo{width:17.4%;height:38px;font-size:6.5px;line-height:1.15;padding:2px;box-sizing:border-box;text-align:center;font-weight:600;color:#374151;display:flex;flex-direction:column;justify-content:center;align-items:center}
.st .bo u{text-decoration:none;font-size:6px;color:#9ca3af;font-weight:500}.st .bo.ep u{color:#fff;opacity:.85}
.st .bo.ep{box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 30%,transparent);animation:mpP 1.6s ease-in-out infinite}
@keyframes mpP{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--ac) 12%,transparent)}}
.st .mp-lo{left:4%;width:44%;bottom:40px;height:22px;background:#e0f2fe!important}
.st .mp-en{left:auto!important;right:4%;width:40%;bottom:40px!important;height:22px}
.st .mp-me{position:absolute;left:46%;bottom:12px;font-size:7px;font-weight:700;color:#1d4ed8;display:flex;align-items:center;gap:4px}.st .mp-me i{width:10px;height:10px;border-radius:50%;background:#2563eb;border:2px solid #fff;box-shadow:0 0 0 4px rgba(37,99,235,.25)}
.st .mp-z{position:absolute;right:8px;bottom:8px;display:flex;flex-direction:column;background:#fff;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.15)}.st .mp-z b{width:18px;height:16px;display:grid;place-items:center;font-size:10px}
.st .mp-card{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px;border-radius:10px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.12)}
.st .mp-card .pd-logo.sm{width:30px;height:30px;border-radius:8px;border:1px solid #e5e7eb;display:grid;place-items:center;padding:3px;box-sizing:border-box;flex:none}.st .mp-card .pd-logo.sm svg,.st .mp-card .pd-logo.sm img{width:100%;height:auto}
.st .mp-card div{flex:1;min-width:0}.st .mp-card b{display:block;font-size:9px}.st .mp-card span{font-size:7px;color:#6b7280}
.st .mp-card em{font-style:normal;font-size:8px;font-weight:700;color:#fff;background:var(--mg,var(--ac));padding:5px 9px;border-radius:7px}
.st .mp-lg i.sg{background:#e0e7ff;border-color:#c7d2fe}
.st .bo.ep{color:#fff}
/* AI flow: in-flow thinking shimmer + Accept/Decline */
.st .ai-t{height:auto;max-height:0;overflow:hidden;margin:0}
.st .ai-th{position:relative;width:fit-content;margin-bottom:6px}
.st .ai-act{display:flex;gap:6px;margin-top:6px}.st .ai-act b,.st .ai-act span{font-size:7.4px;padding:3px 10px;border-radius:6px}
.st .ai-act b{background:var(--ac);color:#fff}.st .ai-act span{background:#fff;border:1px solid #d1d5db;color:#374151}
.st .ai-card{position:relative}.st .ai-card .ai-tools{position:absolute;left:7px;bottom:7px;opacity:0;margin:0}
.st .ai-ok{font-size:7.2px;color:#047857;font-weight:600;margin-top:5px;opacity:0;height:10px}
/* AI flow: dark third-party assistant app */
.st .cx{position:absolute;inset:0;background:#212121;color:#ececec;opacity:0;z-index:30;display:flex;font-size:9px;font-family:-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif}
.cx-side{width:196px;background:#171717;padding:14px 10px;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;font-size:8.5px;color:#d4d4d4;position:relative}
.cx-side>div{padding:6px 8px;border-radius:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-side .cx-nw{background:#2a2a2a;color:#fff;font-weight:600}
.cx-side em{font-style:normal;font-size:7.5px;color:#8e8e8e;margin:12px 8px 4px}
.cx-side .cx-me{position:absolute;left:10px;right:10px;bottom:12px;display:flex;align-items:center;gap:7px}.cx-me i{font-style:normal;width:20px;height:20px;border-radius:50%;background:#5b5b5b;display:grid;place-items:center;font-size:7px;font-weight:700}
.cx-main{flex:1;position:relative}
.cx-top{height:38px;line-height:38px;padding-left:16px;font-size:10px;font-weight:600;color:#cfcfcf}
.cx-hi{position:absolute;left:0;right:0;top:180px;text-align:center;font-size:20px;font-weight:600;color:#f5f5f5}
.cx-cmp{position:absolute;left:50%;bottom:58px;width:560px;margin-left:-280px;background:#303030;border-radius:20px;padding:10px 12px 8px;box-sizing:border-box;box-shadow:0 0 0 1px #3d3d3d}
.cx-in{position:relative;height:18px;font-size:10px}.cx-in .ph{position:absolute;left:2px;top:2px;color:#8e8e8e}.cx-in .ty{position:relative;top:2px;left:2px}
.cx-row{display:flex;align-items:center;gap:8px;margin-top:6px}
.cx-plus{width:22px;height:22px;border-radius:50%;border:1px solid #4a4a4a;display:grid;place-items:center;font-size:13px;font-weight:400;color:#e5e5e5}
.cx-chip{display:flex;align-items:center;gap:5px;font-size:8px;padding:3px 9px;border-radius:11px;background:#1f3a2c;color:#86efac;opacity:0}.cx-chip i{width:6px;height:6px;border-radius:50%;background:#22c55e}
.cx-send{margin-left:auto;width:24px;height:24px;border-radius:50%;background:#f5f5f5;color:#171717;display:grid;place-items:center;font-size:12px}
.cx-menu{position:absolute;left:4px;bottom:44px;background:#353535;border-radius:12px;padding:5px;box-shadow:0 10px 30px rgba(0,0,0,.5);opacity:0;font-size:8.5px;width:180px}
.cx-menu div{padding:6px 8px;border-radius:7px}.cx-menu .add{background:#454545}
.cx-mod,.cx-auth{position:absolute;left:50%;top:50%;opacity:0;border-radius:16px;box-sizing:border-box}
.cx-mod{width:360px;margin:-130px 0 0 -180px;background:#2b2b2b;box-shadow:0 0 0 1px #3d3d3d,0 24px 60px rgba(0,0,0,.6);padding:18px}
.cx-mod>b{font-size:12px}.cx-mod p{color:#a3a3a3;margin:4px 0 12px;font-size:8.5px}
.st .cx .fl{font-size:7.8px;color:#a3a3a3;margin:8px 0 4px}
.st .cx-mod .in{position:relative;height:28px;border-radius:8px;background:#1f1f1f;border:1px solid #444;padding:0 9px;font-size:9px;line-height:28px;color:#f5f5f5}.st .cx-mod .in .ph{left:9px;top:0;color:#737373}
.cx-bt{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.cx-bt span,.cx-bt b{font-size:8.5px;padding:6px 14px;border-radius:16px}.cx-bt span{border:1px solid #4a4a4a}.cx-bt b{background:#f5f5f5;color:#171717}
.cx-auth{width:340px;margin:-200px 0 0 -170px;background:#fff;color:#111827;box-shadow:0 24px 60px rgba(0,0,0,.6);padding:18px 18px 16px}
.cx-al{height:20px;margin-bottom:8px}.cx-al img{height:18px;width:auto}
.cx-auth>b{font-size:12px;display:block}.st .cx-auth .in{height:26px;line-height:26px;border:1px solid #e5e7eb;border-radius:8px;padding:0 9px;margin-top:10px;font-size:8.5px;color:#374151;background:#f9fafb}
.cx-pr{position:relative;display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb;border-radius:10px;padding:7px 10px;margin-bottom:6px}
.cx-pr b{display:block;font-size:9px}.cx-pr span{font-size:7.5px;color:#6b7280}.cx-pr.off{opacity:.5}
.cx-pr .rd0{width:10px;height:10px;border-radius:50%;border:1.5px solid #9ca3af;flex:none}.cx-pr .rd{position:absolute;left:10px;width:10px;height:10px;border-radius:50%;border:3.5px solid var(--ac);box-sizing:border-box;background:#fff;opacity:0}
.cx-pr .sl{position:absolute;inset:-1px;border:1.5px solid var(--ac);border-radius:10px;opacity:0}
.cx-auth p{font-size:7.5px;color:#6b7280;margin:8px 0 10px;line-height:1.4}
.cx-auth .alw{display:block;text-align:center;background:var(--ac);color:#fff;border-radius:9px;padding:8px;font-size:9px}
.cx-u{position:absolute;right:80px;top:46px;background:#303030;border-radius:14px;padding:7px 12px;font-size:9.5px;opacity:0}
.cx-tl,.cx-sum,.cx-ans{position:absolute;left:80px;right:80px}.cx-tl{top:84px}
.cx-st{position:relative;height:16px;display:flex;align-items:center;gap:6px;font-size:8.5px;color:#a3a3a3;opacity:0}
.cx-st .spn{width:8px;height:8px;border-radius:50%;border:1.5px solid #555;border-top-color:#e5e5e5;animation:cxsp .8s linear infinite;flex:none}.cx-st .ok{position:absolute;left:0;font-style:normal;color:#22c55e;opacity:0;font-size:9px}
.cx-st .sh{background:linear-gradient(90deg,#737373 0,#f5f5f5 50%,#737373 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:stsh 1.4s linear infinite}
.cx-st .cdn{position:absolute;left:14px;opacity:0}
@keyframes cxsp{to{transform:rotate(360deg)}}
.cx-sum{top:84px;font-size:8.5px;color:#a3a3a3;opacity:0}.cx-ans{top:104px;font-size:9.5px;opacity:0}
.cx-rw{position:absolute;left:50%;top:122px;width:670px;height:470px;margin-left:-241px;transform:scale(.72);transform-origin:0 0}
.st .cx .rpw{position:absolute;left:0;top:0;width:670px;height:470px}
.st .cx .rp2{background:#2a2a2a;color:#ececec;box-shadow:0 0 0 1px #3a3a3a}
.st .cx .rp2 *{border-color:#3a3a3a}
.st .cx .kp>div,.st .cx .rp2-g>div{background:#323232}
.st .cx .kp span,.st .cx .kp em,.st .cx .cols span,.st .cx .cols em,.st .cx .hb span,.st .cx .hb em,.st .cx .lg2{color:#b5b5b5}
.st .cx .kp b{color:#fff}
@media (prefers-reduced-motion:reduce){.cx-st .spn,.cx-st .sh{animation:none}}
.st .cx .demo{color:#fda4af;background:#3b2a30;border-color:#5b3a44}
.st .ai-card .ai-tools{bottom:21px}
/* Expo map, redrawn after the real app map screen */
.st .ap-sc.mp2{top:68px;bottom:0;padding:0;overflow:hidden;background:#f0f1f3}
.st .mp-lgs{display:flex;gap:4px;padding:5px 8px;background:#fafafa;border-bottom:1px solid #e5e7eb;position:relative;z-index:2}
.st .mp-lgs span{flex:1;height:28px;border-radius:3px;display:grid;place-items:center;color:#fff}.st .mp-lgs span i{position:absolute;inset:0;border-radius:3px}.st .mp-lgs span{position:relative}.st .mp-lgs b{position:relative;font-size:6.4px;font-weight:700;letter-spacing:.02em}
.st .mp-area{position:absolute;left:0;right:0;top:39px;bottom:0}
.st .mp-svg{position:absolute;inset:0;width:100%;height:100%}
.st .mp-sr{position:absolute;left:10px;right:10px;top:8px;height:28px;border-radius:14px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.16);display:flex;align-items:center;gap:8px;padding:0 11px;font-size:9px;color:#6b7280}.st .mp-sr i{font-style:normal;color:#111827;font-size:10px}.st .mp-sr span{flex:1}
.st .mp-ch{position:absolute;left:8px;top:44px;display:flex;gap:4px;white-space:nowrap}
.st .mp-ch b{position:relative;font-size:7.6px;font-weight:600;background:#fff;border-radius:12px;padding:5px 9px;box-shadow:0 1px 5px rgba(0,0,0,.14);color:#111827}
.st .mp-ch u{position:absolute;right:-3px;top:-6px;text-decoration:none;font-size:5.6px;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:1px 3px}
.st .mp-lv{position:absolute;right:8px;top:84px;background:#fff;border-radius:12px;box-shadow:0 1px 5px rgba(0,0,0,.16);padding:3px;display:flex;flex-direction:column;gap:3px}
.st .mp-lv b{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:600}.st .mp-lv b.on{background:#2f8fe6;color:#fff}
.st .mp-z{position:absolute;right:8px;bottom:78px;display:flex;flex-direction:column;gap:5px}
.st .mp-z b{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.16);display:grid;place-items:center;font-size:12px;font-weight:400;color:#111827}.st .mp-z .fs{font-size:8px;margin-top:4px}
.st .mp-fab{position:absolute;right:8px;bottom:40px;width:30px;height:30px;border-radius:50%;background:#7c3aed;display:grid;place-items:center;color:#fff}.st .mp-fab svg{width:14px;height:14px;fill:none;stroke:#fff}
.st .mp-ls{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:#fff;border-radius:14px;padding:6px 14px;font-size:8.5px;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.16)}
.st .mp-pop{position:absolute;left:30%;top:31%;background:#fff;border-radius:7px;padding:4px 7px;box-shadow:0 3px 10px rgba(0,0,0,.2);font-size:7px;white-space:nowrap}.st .mp-pop b{display:block;font-size:7.6px}.st .mp-pop span{color:#6b7280}

/* 2026-10-17 content layer: numbered step cards (type "steps" in src/content) reuse the feature card with a number in the icon box */
.ep-iconbox.step-n .ic{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--font-mono,ui-monospace,monospace);font-weight:700;font-size:14px;letter-spacing:.02em}
.ep-alt-copy .ep-eyebrow{display:block;margin-bottom:10px}

/* 2026-10-17: long, page-specific CTA labels must wrap on phones instead of pushing the hero / CTA band past the screen edge */
@media (max-width:768px){
  .ep-btn{white-space:normal;max-width:100%;text-align:center;line-height:1.3;height:auto;min-height:var(--btn-h);padding-top:10px;padding-bottom:10px}
  .feat-hero-grid,.ep-alt,.ep-hero-a .ep-container,.ep-faq-wrap,.contact-hero .ep-forms{grid-template-columns:minmax(0,1fr)}
  .ep-cta-band .acts{flex-wrap:wrap;max-width:100%}
  .ep-display,.ep-h2{overflow-wrap:break-word}
}
@media (max-width:520px){
  .ep-hero-ctas{flex-direction:column;align-items:stretch}
  .ep-hero-ctas .ep-btn{width:100%}
}
/* 2026-10-17: a second (secondary) button in the closing CTA band follows the band's own text colour (--cta-fg) in every theme */
.ep-cta-band .acts .ep-btn.secondary{color:var(--cta-fg,#fff);border-color:color-mix(in srgb,var(--cta-fg,#fff) 55%,transparent);background:transparent}
.ep-cta-band .acts .ep-btn.secondary:hover{background:color-mix(in srgb,var(--cta-fg,#fff) 12%,transparent);border-color:var(--cta-fg,#fff)}
/* === contrast fix 20261017: hero children on light cards vs dark hero bands (root cause: theme 11 sets --hero-fg/#fff on .ep-hero) === */
.site-hero .feat-panel{color:var(--c-text)}
.site-hero .contact-pt h3{color:var(--hero-heading,var(--c-heading))}
.site-hero .contact-pt p,.site-hero .contact-pt p strong,.site-hero .contact-mail{color:var(--hero-fg,var(--c-text-2))}
html[data-theme="11-daylight-stage"] .site-hero .contact-pt p,html[data-theme="11-daylight-stage"] .site-hero .contact-mail{color:rgba(255,255,255,.78)}
html[data-theme="11-daylight-stage"] .site-hero .contact-pt p strong{color:#fff}
html[data-theme="11-daylight-stage"] .site-hero .contact-mail a{color:#FF8FB0}
html[data-theme="11-daylight-stage"] .site-hero .crumbs,html[data-theme="11-daylight-stage"] .site-hero .crumbs a{color:#A3ACB8}
html[data-theme="20-event-os-violet"] .site-hero .crumbs,html[data-theme="20-event-os-violet"] .site-hero .crumbs a{color:#A898C4}
html[data-theme="11-daylight-stage"] .ep-hero .ep-form .ep-eyebrow,html[data-theme="11-daylight-stage"] .ep-hero .ep-card .ep-eyebrow{background:rgba(226,87,127,.12);color:#B8325A}
html[data-theme="11-daylight-stage"] .fp-n,html[data-theme="11-daylight-stage"] .ep-badge.primary{color:#B8325A}
html[data-theme="11-daylight-stage"] .ep-badge.solid{color:#0D1D26}
html[data-theme="10-data-dashboard"] .fp-n,html[data-theme="10-data-dashboard"] .ep-badge.primary,html[data-theme="10-data-dashboard"] .site-hero .contact-mail a{color:#B0325F}
html[data-theme="20-event-os-violet"] .ep-badge.solid{background:#7C4DEB}
/* small eyebrows on light heroes */
html[data-theme="04-glassmorphism"] .site-hero .ep-eyebrow{color:#B03560}
html[data-theme="04-glassmorphism"] .site-hero .contact-mail a{color:#B03560}
html[data-theme="12-bizzabo-os"] .site-hero .ep-eyebrow{color:#5546E0}
html[data-theme="14-swoogo-wow"] .site-hero .ep-eyebrow{color:#C42E40}
html[data-theme="14-swoogo-wow"] .site-hero .contact-mail a{color:#B82838}
html[data-theme="19-hybrid-stage-blue"] .site-hero .ep-eyebrow{color:#1557C8}
/* footer small text: lift muted footer ink to >= 4.5:1 */
html[data-theme="01-editorial-minimal"] .ep-footer{--footer-fg-3:#6E6D68}
html[data-theme="02-bold-gradient"] .ep-footer,html[data-theme="03-dark-premium"] .ep-footer,html[data-theme="04-glassmorphism"] .ep-footer,html[data-theme="05-playful-confetti"] .ep-footer,html[data-theme="06-enterprise-corporate"] .ep-footer,html[data-theme="08-event-energy-neon"] .ep-footer,html[data-theme="09-warm-human-photography"] .ep-footer,html[data-theme="10-data-dashboard"] .ep-footer,html[data-theme="11-daylight-stage"] .ep-footer,html[data-theme="14-swoogo-wow"] .ep-footer,html[data-theme="15-aikido-shield"] .ep-footer,html[data-theme="16-accelevents-pulse"] .ep-footer,html[data-theme="17-rainfocus-insight"] .ep-footer,html[data-theme="18-vfairs-one"] .ep-footer,html[data-theme="19-hybrid-stage-blue"] .ep-footer,html[data-theme="20-event-os-violet"] .ep-footer{--footer-fg-3:rgba(255,255,255,.62)}
/* contrast fix 20261017 (2): other pages */
html[data-theme="20-event-os-violet"]{--quote-feature-fg:#F5F3FF;--plan-featured-bg:#6D3FE0;--plan-featured-fg-2:rgba(255,255,255,.9)}
html[data-theme="05-playful-confetti"]{--quote-feature-bg:#3A6BD6}
html[data-theme="05-playful-confetti"] .ep-quote-feature .ep-person span,html[data-theme="04-glassmorphism"] .ep-quote-feature .ep-person span{opacity:.95}
html[data-theme="02-bold-gradient"]{--plan-featured-bg:linear-gradient(160deg,#D2326E 0%,#7A3FD8 55%,#2264C7 100%);--plan-featured-fg-2:rgba(255,255,255,.92)}
html[data-theme="04-glassmorphism"]{--plan-featured-bg:linear-gradient(160deg,rgba(184,50,92,.96),rgba(26,88,130,.96));--plan-featured-fg-2:rgba(255,255,255,.92);--cta-bg:linear-gradient(120deg,rgba(184,50,92,.94),rgba(26,88,130,.94) 60%,rgba(40,100,106,.94))}
html[data-theme="04-glassmorphism"] .ep-eyebrow,html[data-theme="04-glassmorphism"] .more,html[data-theme="04-glassmorphism"] .ep-section a:not(.ep-btn){color:#B03560}
html[data-theme="11-daylight-stage"] .ep-section .ep-eyebrow{color:#A82A50}
html[data-theme="12-bizzabo-os"] .ep-eyebrow{color:#4B3CD6}
html[data-theme="14-swoogo-wow"] .ep-eyebrow,html[data-theme="14-swoogo-wow"] .more,html[data-theme="14-swoogo-wow"] .ep-section a:not(.ep-btn){color:#B82838}
html[data-theme="19-hybrid-stage-blue"] .ep-eyebrow{color:#1452B8}
html[data-theme="02-bold-gradient"] .ep-badge.solid,html[data-theme="04-glassmorphism"] .ep-badge.solid,html[data-theme="06-enterprise-corporate"] .ep-badge.solid,html[data-theme="10-data-dashboard"] .ep-badge.solid,html[data-theme="14-swoogo-wow"] .ep-badge.solid,html[data-theme="08-event-energy-neon"] .ep-badge.solid{color:#14101C}
/* ===== Reports story (item 8) ===== */
.st[data-story="rep"]{--rk:#E7739A;--ink:#141a24}
.st[data-story="rep"] svg{width:12px;height:12px;flex:none}
.st[data-story="rep"] .ra-adm,.st[data-story="rep"] .rb,.st[data-story="rep"] .ml{position:absolute;left:12px;top:12px;width:1000px;height:567px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 18px 50px rgba(15,23,42,.18),0 0 0 1px rgba(15,23,42,.08);font-size:8.6px;color:#1f2937}
.st[data-story="rep"] .rb,.st[data-story="rep"] .ml{opacity:0}
.st[data-story="rep"] .ra-top{position:absolute;left:0;right:0;top:0;height:38px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding:0 14px;gap:10px;background:#fff;z-index:3}
.st[data-story="rep"] .ra-top .ep-img{height:15px;width:auto;margin-right:auto}
.st[data-story="rep"] .ra-wn{display:flex;align-items:center;gap:4px;border:1px solid var(--rk);color:var(--rk);border-radius:6px;padding:4px 8px;font-size:8.4px}
.st[data-story="rep"] .ra-me{display:flex;align-items:center;gap:6px;font-size:8.6px}.st[data-story="rep"] .ra-me i{font-style:normal;width:20px;height:20px;border-radius:50%;background:#cdeccf;display:grid;place-items:center;font-size:7px;font-weight:700;color:#14532d}
.st[data-story="rep"] .ra-side{position:absolute;left:0;top:38px;bottom:0;width:164px;background:#111827;color:#d1d5db;padding:10px 8px;box-sizing:border-box;font-size:8.4px}
.st[data-story="rep"] .ra-org{display:block;font-size:7.4px;color:#9ca3af;margin:0 4px 6px}
.st[data-story="rep"] .ra-ev{border:1px solid #374151;border-radius:6px;padding:6px 8px;color:#f3f4f6;display:flex;justify-content:space-between;margin-bottom:6px}
.st[data-story="rep"] .ra-srch{display:flex;gap:6px;align-items:center;background:#1f2937;border-radius:6px;padding:6px 8px;color:#9ca3af;margin-bottom:10px}
.st[data-story="rep"] .ra-grp{display:flex;justify-content:space-between;padding:5px 4px;color:#e5e7eb}
.st[data-story="rep"] .ra-mi{padding:5px 12px;margin-left:6px;border-left:1px solid #374151;color:#cbd5e1;position:relative}
.st[data-story="rep"] .ra-mi.m0{background:#1f2937;color:#fff;border-radius:4px}
.st[data-story="rep"] .ra-hub{display:flex;justify-content:space-between;padding:7px 4px;color:#d1d5db;font-weight:500}
.st[data-story="rep"] .ra-main{position:absolute;left:164px;right:0;top:38px;bottom:0;background:#f9fafb}
.st[data-story="rep"] .ra-pg{position:absolute;inset:0;padding:16px 14px}
.st[data-story="rep"] .ra-pg h1,.st[data-story="rep"] .ra-pg .ra-h1{margin:0;font-size:16px;font-weight:600;color:var(--ink)}.st[data-story="rep"] .ra-sub{display:block;font-size:8px;color:#6b7280;margin:3px 0 12px}
.st[data-story="rep"] .pg-list{opacity:0;background:#f9fafb}
.st[data-story="rep"] .rd-g{position:absolute;left:14px;top:62px;width:540px}
.st[data-story="rep"] .rd-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.st[data-story="rep"] .rd-c{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:9px 10px;height:62px;box-sizing:border-box;position:relative}
.st[data-story="rep"] .rd-c .rd-i{position:absolute;left:10px;top:9px;width:18px;height:18px;border-radius:5px;background:#fdecf2;color:var(--rk);display:grid;place-items:center}
.st[data-story="rep"] .rd-c b{display:block;margin-left:26px;font-size:8.2px;font-weight:600;line-height:18px}.st[data-story="rep"] .rd-c strong{display:block;font-size:15px;font-weight:600;margin-top:9px;color:var(--ink)}.st[data-story="rep"] .rd-c strong em{font-style:normal;font-size:8px;color:#6b7280;font-weight:400}
.st[data-story="rep"] .rd-ch{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:8px;height:175px;position:relative;padding:9px 10px;box-sizing:border-box}
.st[data-story="rep"] .rd-ch>b{font-size:8.4px;font-weight:600}.st[data-story="rep"] .rd-ax{position:absolute;left:10px;top:30px;bottom:14px;display:flex;flex-direction:column;justify-content:space-between;font-size:6.5px;color:#9ca3af}
.st[data-story="rep"] .rd-bars{position:absolute;left:30px;right:12px;top:30px;bottom:14px;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid #e5e7eb}
.st[data-story="rep"] .rd-bars i{flex:1;background:var(--rk);opacity:.75;border-radius:2px 2px 0 0;transform-origin:50% 100%}
.st[data-story="rep"] .rd-side{position:absolute;left:566px;right:14px;top:62px}
.st[data-story="rep"] .rd-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px;margin-bottom:8px}.st[data-story="rep"] .rd-box>b{display:block;font-size:8.4px;margin:2px 2px 7px}
.st[data-story="rep"] .rd-box div{display:flex;justify-content:space-between;align-items:center;border:1px solid #e5e7eb;border-radius:6px;padding:6px 8px;margin-bottom:5px;font-size:7.8px}.st[data-story="rep"] .rd-box em{font-style:normal;color:#9ca3af}.st[data-story="rep"] .rd-box svg{color:#6b7280}
.st[data-story="rep"] .rl-new{position:absolute;right:14px;top:16px;background:var(--rk);color:#fff;border-radius:7px;padding:7px 12px;font-size:8.4px;font-weight:600}
.st[data-story="rep"] .rl-s{display:flex;gap:6px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:7px;padding:7px 9px;color:#9ca3af;margin-bottom:10px}
.st[data-story="rep"] .rl-t{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}
.st[data-story="rep"] .rl-h,.st[data-story="rep"] .rl-r{display:grid;grid-template-columns:2.1fr 1.1fr 1fr 1.3fr 1.3fr .9fr .8fr;padding:0 10px;align-items:center}
.st[data-story="rep"] .rl-h{height:30px;background:#f3f4f6;font-weight:600;color:#4b5563;font-size:7.8px}.st[data-story="rep"] .rl-r{height:34px;border-top:1px solid #f0f1f3;font-size:8px}
.st[data-story="rep"] .rl-r i{font-style:normal;font-size:7px;border:1px solid #d1d5db;border-radius:9px;padding:2px 7px}.st[data-story="rep"] .rl-r i.live{color:#15803d;border-color:#86efac;background:#f0fdf4}
.st[data-story="rep"] .rl-a{display:flex;gap:5px;justify-content:flex-end;color:#6b7280}.st[data-story="rep"] .rl-f{display:flex;justify-content:space-between;align-items:center;height:30px;background:#f3f4f6;padding:0 10px;color:#4b5563}.st[data-story="rep"] .rl-f b{margin-left:45%;width:16px;height:16px;border-radius:50%;background:#e5e7eb;display:grid;place-items:center;font-size:7px}
.st[data-story="rep"] .ra-dim{position:absolute;inset:0;background:rgba(17,24,39,.42);opacity:0;z-index:8}
.st[data-story="rep"] .ra-md{position:absolute;opacity:0;z-index:9;background:#fff;border-radius:10px;box-shadow:0 20px 50px rgba(0,0,0,.25);padding:14px 16px;box-sizing:border-box}
.st[data-story="rep"] .md-t{display:block;font-size:10.5px;font-weight:600;margin-bottom:10px;color:var(--ink)}
.st[data-story="rep"] .md-type{left:180px;top:44px;width:660px;height:490px;background:#f3f4f6}
.st[data-story="rep"] .mt-g{display:grid;grid-template-columns:1fr 1fr;gap:10px}.st[data-story="rep"] .mt-c{background:#e9ebef;border-radius:8px;padding:10px 12px;height:84px;box-sizing:border-box;border:1.5px solid transparent;position:relative}
.st[data-story="rep"] .mt-c b{font-size:10px;font-weight:600}.st[data-story="rep"] .mt-c em{position:absolute;right:12px;top:12px;font-style:normal;font-size:7px;color:#9ca3af}.st[data-story="rep"] .mt-c span{display:block;font-size:7.4px;color:#4b5563;line-height:1.45;margin-top:5px}
.st[data-story="rep"] .md-cancel{position:absolute;right:16px;bottom:14px;border:1px solid #d1d5db;background:#fff;border-radius:7px;padding:7px 16px;font-weight:600}
/* builder */
.st[data-story="rep"] .rb-top{position:absolute;left:0;right:0;top:0;height:38px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:8px;padding-left:12px;background:#fff;z-index:3}
.st[data-story="rep"] .rb-bk{font-size:14px;color:#374151}.st[data-story="rep"] .rb-nm{position:relative;display:inline-block;min-width:150px;height:16px;font-size:10.5px;font-weight:600}.st[data-story="rep"] .rb-nm em{position:absolute;left:0;top:0;font-style:normal;white-space:nowrap}
.st[data-story="rep"] .rb-nm .n1 .ty{position:static}
.st[data-story="rep"] .rb-tag{font-size:7px;border:1px solid #e5e7eb;background:#f9fafb;border-radius:9px;padding:2px 7px;color:#4b5563}.st[data-story="rep"] .rb-top>svg{color:#6b7280}
.st[data-story="rep"] .rb-uc{margin-left:auto;font-size:8px;opacity:0}.st[data-story="rep"] .rb-ud{width:20px;height:20px;border:1px solid #e5e7eb;border-radius:5px;display:grid;place-items:center;opacity:0}
.st[data-story="rep"] .rb-pub{height:38px;line-height:38px;padding:0 16px;background:var(--rk);color:#fff;font-size:8.6px;font-weight:600}
.st[data-story="rep"] .rb-rail{position:absolute;left:0;top:38px;bottom:0;width:48px;border-right:1px solid #e5e7eb;background:#fff;padding-top:8px;display:flex;flex-direction:column;align-items:center;gap:8px}
.st[data-story="rep"] .rb-rail>div{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:7px;color:#4b5563;width:42px;padding:4px 0;border-radius:6px;position:relative}
.st[data-story="rep"] .rb-rail>div svg{width:14px;height:14px}.st[data-story="rep"] .rb-rail>div:before{content:"";position:absolute;left:10px;top:1px;width:22px;height:22px;border-radius:6px;background:#fde7ef;z-index:-1;opacity:0}
.st[data-story="rep"] .rb-rail .rr-cols:before{opacity:1}
.st[data-story="rep"] .rb-p{position:absolute;left:58px;top:48px;width:196px;background:#fff;border:1px solid #e5e7eb;border-radius:9px;padding:0 8px 10px;box-sizing:border-box;opacity:0}
.st[data-story="rep"] .rb-p.p-cols{opacity:1;height:420px}
.st[data-story="rep"] .rb-ph{font-size:9.4px;font-weight:600;text-align:center;padding:9px 0;border-bottom:1px solid #f0f1f3;margin:0 -8px 8px;position:relative}.st[data-story="rep"] .rb-plus{position:absolute;right:10px;top:8px;width:14px;height:14px;border-radius:50%;background:#e5e7eb;font-style:normal;font-size:9px;line-height:14px}
.st[data-story="rep"] .cl{position:relative;height:380px}
.st[data-story="rep"] .cl-i{position:absolute;left:0;right:0;height:24px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;display:flex;align-items:center;gap:7px;padding:0 7px;box-sizing:border-box;font-size:8px}
.st[data-story="rep"] .cl-i span{flex:1}.st[data-story="rep"] .cl-i svg{color:#9ca3af}.st[data-story="rep"] .cl-i.ad{opacity:0}
.st[data-story="rep"] .cl-i.am{z-index:2}
.st[data-story="rep"] .rb-n{display:block;font-size:7.2px;color:#6b7280;line-height:1.4;margin:4px 0}
.st[data-story="rep"] .fl-seg{display:flex;background:#e5e7eb;border-radius:7px;padding:2px;margin:6px 0}.st[data-story="rep"] .fl-seg b,.st[data-story="rep"] .fl-seg span{flex:1;font-size:7.2px;padding:5px 8px;border-radius:6px;line-height:1.2}
.st[data-story="rep"] .fl-seg b{background:#111827;color:#fff;font-weight:500}.st[data-story="rep"] .fl-seg small{font-size:6.6px}
.st[data-story="rep"] .fl-b{background:#f9fafb;border:1px solid #e5e7eb;border-radius:7px;padding:6px 7px;margin-top:7px}
.st[data-story="rep"] .fl{font-size:7.2px;color:#374151;margin:4px 0 3px;font-weight:500}
.st[data-story="rep"] .sel{position:relative;height:22px;border:1px solid #d1d5db;border-radius:5px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 7px;font-size:8px}
.st[data-story="rep"] .sel.op em{position:absolute;left:7px;font-style:normal}.st[data-story="rep"] .sel.op .o1{opacity:0}.st[data-story="rep"] .sel.v{justify-content:flex-start}
.st[data-story="rep"] .fl-b.f2{opacity:0}
.st[data-story="rep"] .op-dd{position:absolute;left:16px;top:225px;width:164px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 8px 20px rgba(0,0,0,.14);opacity:0;z-index:4}.st[data-story="rep"] .op-dd div{padding:5px 8px;font-size:7.8px}.st[data-story="rep"] .op-dd .gt{background:#fdecf2}
.st[data-story="rep"] .so .asc,.st[data-story="rep"] .so .desc{text-align:center}.st[data-story="rep"] .so-t{font-size:8.2px}.st[data-story="rep"] .so .desc{position:relative}
.st[data-story="rep"] .dl-s{font-size:8.4px;font-weight:600;margin:9px 0 4px;display:flex;align-items:center;gap:8px}
.st[data-story="rep"] .dl-rc{position:relative;min-height:26px;border:1px solid #d1d5db;border-radius:6px;display:flex;align-items:center;gap:4px;padding:3px 6px;box-sizing:border-box}.st[data-story="rep"] .dl-rc>svg{margin-left:auto;color:#6b7280}
.st[data-story="rep"] .chp{font-size:7.2px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;padding:2px 6px;white-space:nowrap}.st[data-story="rep"] .chp i{font-style:normal;margin-left:3px;color:#6b7280}
.st[data-story="rep"] .p-del .chp{opacity:0}
.st[data-story="rep"] .dl-now,.st[data-story="rep"] .dl-pause{display:inline-block;background:var(--rk);color:#fff;border-radius:6px;padding:6px 11px;font-size:8px;font-weight:600}
.st[data-story="rep"] .tg{position:relative;width:24px;height:13px;border-radius:7px;background:#d1d5db;display:inline-block}.st[data-story="rep"] .tg u{position:absolute;left:2px;top:2px;width:9px;height:9px;border-radius:50%;background:#fff}
.st[data-story="rep"] .dl-more{overflow:hidden;max-height:0}
.st[data-story="rep"] .dl-dd{position:absolute;left:8px;right:8px;top:70px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 8px 20px rgba(0,0,0,.14);opacity:0;z-index:4}
.st[data-story="rep"] .dl-dd div{display:flex;gap:6px;align-items:center;padding:5px 8px;font-size:7.8px}.st[data-story="rep"] .dl-dd i{width:9px;height:9px;border:1px solid #9ca3af;border-radius:2px;position:relative}.st[data-story="rep"] .dl-dd i:after{content:"";position:absolute;inset:-1px;border-radius:2px;background:var(--rk) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l5 5 9-10' fill='none' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E") center/80% no-repeat;opacity:var(--on,0)}
.st[data-story="rep"] .rb-main{position:absolute;left:264px;right:10px;top:48px;bottom:10px}
.st[data-story="rep"] .rb-cnt{height:28px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;gap:6px;padding:0 10px;font-size:8.2px;font-weight:500}.st[data-story="rep"] .rb-cnt>svg{color:#22c55e}
.st[data-story="rep"] .rcw{position:relative;display:inline-block;height:12px;width:260px}.st[data-story="rep"] .rc{position:absolute;left:0;top:0;white-space:nowrap}.st[data-story="rep"] .rc.k1,.st[data-story="rep"] .rc.k2{opacity:0}
.st[data-story="rep"] .rb-tb{position:relative;margin-top:9px;height:300px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}
.st[data-story="rep"] .rp-th{position:absolute;left:0;right:0;top:0;height:30px;background:#f9fafb;border-bottom:1px solid #eef0f3;font-weight:600;font-size:7.8px}
.st[data-story="rep"] .rp-th span,.st[data-story="rep"] .rp-r span{position:absolute;top:0;white-space:nowrap;line-height:30px}.st[data-story="rep"] .rp-th small{display:block;font-size:5.6px;color:#9ca3af;font-weight:400;line-height:6px;margin-top:-8px}
.st[data-story="rep"] .rp-b{position:absolute;left:0;right:0;top:30px;bottom:0}.st[data-story="rep"] .rp-b.bC,.st[data-story="rep"] .rp-b.bD{opacity:0}
.st[data-story="rep"] .rp-r{position:absolute;left:0;right:0;height:25px;border-bottom:1px solid #f3f4f6;font-size:7.8px;background:#fff}.st[data-story="rep"] .rp-r span{line-height:25px}
.st[data-story="rep"] .rp-r .c-id{color:#4b5563;font-size:7.4px}.st[data-story="rep"] .rp-r .c-am{font-weight:600;color:var(--ink)}
.st[data-story="rep"] .h-am,.st[data-story="rep"] .c-am{background:linear-gradient(90deg,rgba(231,115,154,0),rgba(231,115,154,0))}
.st[data-story="rep"] .ra-md.md-col{left:360px;top:110px;width:300px;height:356px}
.st[data-story="rep"] .ac-s{display:flex;gap:8px;align-items:center;margin:8px 0}.st[data-story="rep"] .ac-s .sel{flex:1}.st[data-story="rep"] .ac-s span{display:flex;gap:4px;align-items:center;font-size:7.8px;white-space:nowrap}
.st[data-story="rep"] .cb{width:9px;height:9px;border:1px solid #9ca3af;border-radius:2px;position:relative;display:inline-block}
.st[data-story="rep"] .cb:after{content:"";position:absolute;inset:-1px;border-radius:2px;background:#9d1d52 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l5 5 9-10' fill='none' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E") center/80% no-repeat;opacity:var(--on,0)}
.st[data-story="rep"] .ac-l{border:1px solid #e5e7eb;border-radius:6px}.st[data-story="rep"] .ac-i{display:flex;justify-content:space-between;align-items:center;padding:0 10px;height:28px;border-bottom:1px solid #f3f4f6;font-size:8px}
.st[data-story="rep"] .ac-i.a2,.st[data-story="rep"] .ac-i.a6{background:rgba(253,236,242,var(--bgon,0))}
.st[data-story="rep"] .md-bt{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.st[data-story="rep"] .md-bt span{border:1px solid #d1d5db;border-radius:6px;padding:6px 14px;font-weight:600;font-size:8px}
.st[data-story="rep"] .ac-add{position:relative;border-radius:6px;font-size:8px;width:76px;height:24px}.st[data-story="rep"] .ac-add em{position:absolute;inset:0;font-style:normal;display:grid;place-items:center;border-radius:6px}.st[data-story="rep"] .ac-add .off{background:#e5e7eb;color:#9ca3af}.st[data-story="rep"] .ac-add .on{background:#111827;color:#fff;opacity:0}
.st[data-story="rep"] .ra-md.md-rec{left:360px;top:160px;width:300px;height:190px}.st[data-story="rep"] .md-rec p{font-size:7.6px;color:#6b7280;margin:0 0 6px;line-height:1.4}.st[data-story="rep"] .md-rec p.b{font-weight:600;color:#4b5563}
.st[data-story="rep"] .md-rec .dl-rc{border-color:var(--rk)}.st[data-story="rep"] .rec-send{background:#111827;color:#fff;border-radius:6px;padding:6px 14px;font-size:8px}
.st[data-story="rep"] .rb-toast{position:absolute;left:450px;top:52px;display:flex;align-items:center;gap:6px;background:#86c440;color:#fff;border-radius:6px;padding:6px 12px;font-size:8.4px;font-weight:500;opacity:0;z-index:12}
/* email */
.st[data-story="rep"] .ml{background:#fff;font-family:Arial,Helvetica,sans-serif}
.st[data-story="rep"] .ml-sub{font-size:14px;padding:16px 20px 8px;color:#1f2937}.st[data-story="rep"] .ml-sub span{font-size:7.5px;background:#e5e7eb;padding:2px 5px;border-radius:3px;vertical-align:3px;margin-left:6px}
.st[data-story="rep"] .ml-from{display:flex;align-items:center;gap:8px;padding:0 20px 10px;font-size:8.4px}.st[data-story="rep"] .ml-from i{width:24px;height:24px;border-radius:50%;background:#93b4f0}.st[data-story="rep"] .ml-from span{display:block;color:#6b7280;font-size:7.6px}.st[data-story="rep"] .ml-from em{margin-left:auto;font-style:normal;color:#6b7280;font-size:7.6px}
.st[data-story="rep"] .ml-bg{background:#efefef;margin:0 20px;padding:18px 0;display:flex;justify-content:center}
.st[data-story="rep"] .ml-card{width:380px;background:#fff;border-radius:12px;padding:0 0 10px;font-size:8.4px;color:#374151}
.st[data-story="rep"] .ml-lg{padding:16px 20px;border-bottom:1px solid #eee}.st[data-story="rep"] .ml-lg .ep-img{height:15px;width:auto}
.st[data-story="rep"] .ml-h{display:block;font-size:11px;color:#1f2a5a;margin:14px 20px 6px}.st[data-story="rep"] .ml-card p{margin:6px 20px}.st[data-story="rep"] .ml-card p.sm{font-size:7.4px;color:#4b5563;line-height:1.45}.st[data-story="rep"] .ml-card u{color:#2563eb}
.st[data-story="rep"] .ml-dl{display:inline-block;margin:8px 20px;background:var(--rk);color:#fff;border-radius:7px;padding:8px 20px;font-weight:700}
.st[data-story="rep"] .ml-ft{border-top:1px solid #eee;margin-top:10px;padding-top:8px;text-align:center;font-size:6.6px;color:#6b7280;font-style:italic;line-height:1.5}
.st[data-story="rep"] .ml-at{padding:10px 20px;font-size:8px}.st[data-story="rep"] .ml-file{margin-top:6px;width:120px;height:46px;border:1px solid #e5e7eb;border-radius:5px;display:flex;align-items:flex-end;gap:5px;padding:5px;box-sizing:border-box;font-size:7px}.st[data-story="rep"] .ml-file i{width:9px;height:11px;background:#2563eb;border-radius:1px}
.st[data-story="rep"] .rb-rail>div:before{display:none}.st[data-story="rep"] .rb-rail .rr-cols{background:#fde7ef}
/* contrast fix 3: residual sub-4.5 text found in the main-page scan */
html[data-theme="10-data-dashboard"] .ep-nav-links [aria-current=page]{color:#B0325F}
html[data-theme="14-swoogo-wow"] .ep-nav-links [aria-current=page]{color:#B82838}
html[data-theme="04-glassmorphism"] .ep-nav-links [aria-current=page]{color:#B03560}
html[data-theme="02-bold-gradient"] .ep-eyebrow{color:#B81E58}
html[data-theme="09-warm-human-photography"] .ep-eyebrow{color:#9A3049}
html[data-theme="09-warm-human-photography"] .ep-badge.solid{color:#14101C}
html[data-theme="03-dark-premium"]{--c-text-3:#8A909A}
html[data-theme="08-event-energy-neon"]{--c-text-3:#8E89B2}
html[data-theme="08-event-energy-neon"] .price-toggles a.on{color:#14101C}
html[data-theme="16-accelevents-pulse"] .hub-jump .ep-chip span{color:#4A4363}
html[data-theme="15-aikido-shield"]{--c-text-2:#555B57}
html[data-theme="10-data-dashboard"]{--c-link:#B0325F}
/* contrast fix 4 (content-layer pages): numbered step boxes and the theme-02 closing band */
html[data-theme="04-glassmorphism"] .ep-iconbox.step-n .ic{color:#B03560}
html[data-theme="11-daylight-stage"] .ep-iconbox.step-n .ic{color:#B8325A}
html[data-theme="14-swoogo-wow"] .ep-iconbox.step-n .ic{color:#A82232}
html[data-theme="19-hybrid-stage-blue"] .ep-iconbox.step-n .ic{color:#1450B0}
html[data-theme="18-vfairs-one"] .ep-feature:nth-child(5n+2) .ep-iconbox.step-n .ic{color:#04704F}
html[data-theme="18-vfairs-one"] .ep-feature:nth-child(5n+3) .ep-iconbox.step-n .ic{color:#8A4B04}
html[data-theme="18-vfairs-one"] .ep-feature:nth-child(5n+4) .ep-iconbox.step-n .ic{color:#A81C5B}
html[data-theme="02-bold-gradient"] .ep-iconbox.step-n{filter:brightness(.8)}
html[data-theme="02-bold-gradient"]{--cta-bg:linear-gradient(110deg,#D02A68 0%,#6D3FD6 50%,#1F5FC4 100%);--cta-fg-2:#FFFFFF}
html[data-theme="02-bold-gradient"] .ep-cta-band::before{opacity:.3}
html[data-theme="01-editorial-minimal"] .fp-n{color:#A3345A}
html[data-theme="02-bold-gradient"] .fp-n{color:#B81E58}
html[data-theme="04-glassmorphism"] .fp-n{color:#B03560}
html[data-theme="09-warm-human-photography"] .fp-n{color:#9A3049}
html[data-theme="14-swoogo-wow"] .fp-n{color:#A82232}
/* 2026-10-18 reports story top bar: Publish is a normal flex item after the undo icon (it was inheriting position:absolute;left:972px;width:52px from the registration story's .rb-pub and overlapped "You have unpublished changes" + undo) */
.st[data-story="rep"] .rb-top .rb-pub{position:static;left:auto;width:auto;flex:none;margin-left:16px;align-self:stretch}
/* 2026-10-18 showcase "Learn more": one link pinned bottom-right of the showcase card, href follows the active item */
.sc2 .sc-grid.has-more{position:relative;padding-bottom:52px}
html[data-showcase="box"] .sc2 .sc-grid.has-more{padding-bottom:60px}
.sc2 .sc-more{position:absolute;right:24px;bottom:14px;height:24px;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;line-height:24px;color:var(--c-link,var(--c-primary));text-decoration:none;white-space:nowrap;z-index:2}
html[data-showcase="box"] .sc2 .sc-more{bottom:20px}
.sc2 .sc-more span{transition:transform .2s ease}.sc2 .sc-more:hover span{transform:translateX(3px)}.sc2 .sc-more:hover{text-decoration:underline}
.sc2 .sc-more:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:4px}
@media (max-width:768px){.sc2 .sc-grid.has-more,html[data-showcase="box"] .sc2 .sc-grid.has-more{padding-bottom:60px}.sc2 .sc-more,html[data-showcase="box"] .sc2 .sc-more{bottom:20px}}
/* TEST: per-item bg — item 8 (Reporting & Event Data). Easy revert: delete this block and the data-active-item line in site.js.
   The card's background gets a soft gradient from --showcase-bg to --showcase-bg-2; other items can be added with another
   [data-active-item="N"] rule. Tint = surface colour + a little blue, so light themes get light blue and dark themes dark blue. */
@property --showcase-bg{syntax:'<color>';inherits:false;initial-value:rgba(255,255,255,0)}
@property --showcase-bg-2{syntax:'<color>';inherits:false;initial-value:rgba(255,255,255,0)}
html .sc2 .sc-grid[data-active-item]{background-image:linear-gradient(160deg,var(--showcase-bg),var(--showcase-bg-2));transition:--showcase-bg .4s ease,--showcase-bg-2 .4s ease}
html .sc2 .sc-grid:has(.sc-item.is-on #sc-tab-meetings){--showcase-bg:color-mix(in srgb, var(--c-surface, #fff) 95%, #2F6FED 1%);--showcase-bg-2:color-mix(in srgb, var(--c-surface, #fff) 90%, #2F6FED 7%)}
/* 2026-10-18 dashboard mock Quick Access: version labels sit right, just left of the arrow, on one vertical line */
.st[data-story="rep"] .rd-box div>em{margin-left:auto;margin-right:10px}
/* 2026-10-18 reports builder title: no fixed min-width, the box width follows the visible name (set by the story timeline) */
.st[data-story="rep"] .rb-nm{min-width:0}
@media (min-width:769px) and (max-width:1100px){html[data-showcase="box"] .sc2 .sc-grid.has-more{height:760px}}
@media (max-width:768px){.sc2 .sc-grid.has-more,html[data-showcase="box"] .sc2 .sc-grid.has-more{padding-bottom:20px}.sc2 .sc-grid.has-more .sc-left{margin-top:28px}.sc2 .sc-more,html[data-showcase="box"] .sc2 .sc-more{top:var(--sc-more-top,400px);bottom:auto}}
/* TEST: per-item bg — item 8: keep Learn more ≥4.5:1 on the tinted card (nudged toward the theme text colour, works in light and dark themes) */
html .sc2 .sc-grid:has(.sc-item.is-on #sc-tab-meetings) .sc-more{color:color-mix(in srgb,var(--c-link,var(--c-primary)) 70%,var(--c-text,#111) 30%)}
/* 2026-10-18 legal pages (privacy policy, terms of service): one inline table of contents with in-page links (built by legal_fix() in build.py) */
.ep-prose .legal-toc{margin:8px 0 36px;padding:20px 24px 14px;border:1px solid var(--c-border,#e5e7eb);border-radius:16px;background:var(--c-surface,#fff)}
.ep-prose .legal-toc>b{display:block;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-2);margin:0 0 12px}
.ep-prose .legal-toc ul{list-style:none;margin:0;padding:0;columns:2;column-gap:32px}
.ep-prose .legal-toc li{break-inside:avoid;margin:0;padding:0 0 10px}
.ep-prose .legal-toc li::before,.ep-prose .legal-toc li::marker{content:none}
.ep-prose .legal-toc a{display:inline-block;font-size:15px;line-height:1.4;text-decoration:none}
.ep-prose .legal-toc a:hover,.ep-prose .legal-toc a:focus-visible{text-decoration:underline}
@media (max-width:768px){.ep-prose .legal-toc{padding:16px 18px 8px}.ep-prose .legal-toc ul{columns:1}}

/* ===== Nav fit (2026-10-18): logo + links + CTA must fit inside the header row (and the Hybrid pill) at every desktop width.
   The row's natural width was wider than the container, so the CTA spilled past the right edge (most visible as the Hybrid pill's border) ===== */
@media (min-width:981px) and (max-width:1100px){
  .site-nav .ep-container{gap:12px}
  .site-nav .ep-nav-links{gap:2px}
  .ep-nav-links>a,.dd-btn{padding:10px 6px}
  .site-nav .ep-logo svg{height:26px}
  .ep-nav-cta .ep-btn{padding-left:14px;padding-right:14px}
}
/* 07 and 08 set wider nav type (mono caps / display), so they need a little more room at 1181px+ too */
@media (min-width:1181px){
  html[data-theme="07-brutalist"] .site-nav .ep-container{gap:20px}
  html[data-theme="07-brutalist"] .site-nav .ep-nav-links{gap:2px}
  html[data-theme="07-brutalist"] .ep-nav-links>a,html[data-theme="07-brutalist"] .dd-btn{padding:10px 8px}
}
@media (min-width:1181px) and (max-width:1320px){
  html[data-theme="08-event-energy-neon"] .ep-nav-links>a,html[data-theme="08-event-energy-neon"] .dd-btn{padding:10px 10px}
}
@media (min-width:981px) and (max-width:1180px){
  html[data-theme="07-brutalist"] .ep-nav-links>a,html[data-theme="07-brutalist"] .dd-btn{font-size:13px}
  html[data-theme="07-brutalist"] .ep-nav-cta .ep-btn{font-size:13px}
}
@media (min-width:981px) and (max-width:1100px){
  html[data-menu="pill-glass"] .ep-nav-cta .ep-btn.primary,html.is-pill[data-menu="hybrid"] .ep-nav-cta .ep-btn.primary{padding:0 14px}
  html[data-theme="07-brutalist"] .ep-nav-links>a,html[data-theme="07-brutalist"] .dd-btn,html[data-theme="08-event-energy-neon"] .ep-nav-links>a,html[data-theme="08-event-energy-neon"] .dd-btn{padding:10px 5px}
  html[data-theme="07-brutalist"][data-menu="pill-glass"] .ep-nav-cta .ep-btn.primary,html.is-pill[data-theme="07-brutalist"][data-menu="hybrid"] .ep-nav-cta .ep-btn.primary{font-size:13px}
}
/* 1181-1279px: the Login ghost button came back at 1181px while the container is still narrower than 1240px, so the row overflowed in every theme. Keep it hidden (as at 1180px and below) until 1280px */
@media (min-width:1181px) and (max-width:1279px){.ep-nav-cta .ep-btn.ghost{display:none}}

/* ===== 07 Take a closer look (2026-10-18): plus icons tinted with the theme's pink so they blend in; faint matching hover. Theme 07 only ===== */
html[data-theme="07-brutalist"] .sc2 .sc-plus{border-color:color-mix(in srgb,#F06E93 75%,#0A0A0A);color:color-mix(in srgb,#F06E93 75%,#0A0A0A);background:color-mix(in srgb,#F06E93 12%,transparent)}
html[data-theme="07-brutalist"] .sc2 .sc-tab:hover .sc-plus{border-color:#F06E93;background:color-mix(in srgb,#F06E93 22%,transparent)}
/* ===== Video hero: pause button lifted to the hero's top-right, aligned with the content column (2026-10-18).
   Bottom-right sat in the fixed chat launcher's column (robot 60x76 / launcher 56) in every theme, so it crowded it or slid
   under it while scrolling; bottom-left is taken by the fixed preview box. At the top it only moves up (away from the
   launcher and the teaser) as the page scrolls, and sits in the hero's top padding, clear of the copy. Look unchanged. ===== */
.ep-vhero-toggle{top:24px;bottom:auto;right:max(18px,calc((100% - var(--container,1240px)) / 2))}
/* ===== Theme 05 Hybrid menu: a light, warm yellow tint (2026-10-18). ~12% #FFD84D mixed into the bar at the top and into the
   scrolled pill's glass layer; border, blur, shadow and text unchanged (text stays far above 4.5:1). Theme 05 only ===== */
html[data-theme="05-playful-confetti"][data-menu="hybrid"] .site-nav{background:color-mix(in srgb,color-mix(in srgb,var(--nav-bg) 88%,#FFD84D) calc(100% - 100% * var(--hp)),transparent)}
html[data-theme="05-playful-confetti"][data-menu="hybrid"] .site-nav .ep-container::before{background:color-mix(in srgb,color-mix(in srgb,var(--c-surface) 88%,#FFD84D) 72%,transparent)}

/* ===== Visitor theme switcher v2 (2026-10-19, Serhat's review): theme SNAPSHOTS, no visible names (aria-label / title only).
   Option 1 = html[data-switcher="b"] (default): "Try a look" band on the homepage, above the product-area cards (a row in the hero until 2026-10-21).
   Option 2 = html[data-switcher="c"]: right-side snapshot rail (desktop) / "Looks" tab + bottom sheet (phones). "bc" = both.
   Snapshots: assets/theme-switcher/snap-w-NN.webp (640x400, the /registration hero on a 1680x1050 screen, since 22 Oct 2026),
   rendered from the real themes (snap-s / snap-m are the older, narrower set). ===== */
html.ep-theme-swap *,html.ep-theme-swap *::before,html.ep-theme-swap *::after{transition:none!important}
.ep-snap-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:#1A1F2B}
.ep-snap-check{display:none;position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;z-index:2;
  background:#E2577F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.4l2.6 2.6L13 6.6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat;box-shadow:0 0 0 2px #fff}
[aria-checked="true"]>.ep-snap-check{display:block}

/* ---- Option 1: "Eventpack fits every style" band (2026-10-21, Serhat): its own section right above the product-area cards. It used to be
   a row inside the homepage hero, where it pushed the customer logos down and a new look barely showed on the dark video. Theme tokens
   only, so it works in all 20 looks: the band takes the look's inverse colours and display font, so a click restyles the band itself
   and the cards right below it. Same copy and the same five snapshots (snap-w, 640x400); site.js wires [data-ep-try] as before. ---- */
.ep-section.ep-looks{--lk-fg:var(--c-inverse-text);--lk-accent:color-mix(in srgb,#F06E93 70%,var(--c-inverse-text));--lk-gap:clamp(12px,1.7vw,22px);
  color:var(--lk-fg);overflow:hidden;
  background:radial-gradient(110% 75% at 50% 0%,color-mix(in srgb,var(--c-inverse-text) 10%,transparent),transparent 64%),
    radial-gradient(70% 60% at 50% 112%,color-mix(in srgb,var(--c-primary) 30%,transparent),transparent 72%),var(--c-inverse-bg)}
.ep-looks-in{display:flex;flex-direction:column;align-items:center;text-align:center}
.ep-looks .ep-looks-h{margin:0;max-width:18em;color:var(--lk-fg);text-wrap:balance}
.ep-looks .ep-looks-h em{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:0;color:var(--lk-accent)}
.ep-looks-sub{margin:clamp(12px,1.4vw,18px) 0 0;max-width:40em;color:color-mix(in srgb,var(--lk-fg) 80%,transparent);font-size:clamp(16px,1.2vw,18px);line-height:1.6;text-wrap:pretty}
.ep-looks-label{display:flex;align-items:center;gap:16px;width:100%;margin:clamp(30px,4vw,48px) 0 clamp(18px,2.2vw,26px);
  font:600 13px/1 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--lk-fg) 76%,transparent)}
.ep-looks-label::before,.ep-looks-label::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--lk-fg) 24%,transparent))}
.ep-looks-label::after{background:linear-gradient(270deg,transparent,color-mix(in srgb,var(--lk-fg) 24%,transparent))}
.ep-looks-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--lk-gap);width:100%}
.ep-looks .ep-try-chip{position:relative;display:block;flex:0 0 calc((100% - 4 * var(--lk-gap)) / 5);min-width:0;aspect-ratio:16/10;padding:0;margin:0;border:0;border-radius:14px;
  cursor:pointer;-webkit-tap-highlight-color:transparent;
  background:color-mix(in srgb,var(--lk-fg) 8%,transparent);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--lk-fg) 22%,transparent),0 24px 44px -24px rgba(0,0,0,.75);
  transition:transform .18s ease,box-shadow .18s ease}
.ep-looks .ep-try-chip:hover{transform:translateY(-4px);box-shadow:0 0 0 1px color-mix(in srgb,var(--lk-fg) 72%,transparent),0 30px 50px -24px rgba(0,0,0,.8)}
.ep-looks .ep-try-chip[aria-checked="true"]{transform:translateY(-4px);box-shadow:0 0 0 2px #E2577F,0 0 0 8px color-mix(in srgb,#E2577F 24%,transparent),0 30px 50px -24px rgba(0,0,0,.8)}
.ep-looks .ep-try-chip:focus{outline:none}
.ep-looks .ep-try-chip:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 5px #2D82B7}
.ep-looks .ep-snap-check{top:-9px;right:-9px;width:26px;height:26px;background-size:26px;box-shadow:0 0 0 3px var(--c-inverse-bg)}
.ep-looks .ep-try-card{display:none}
html[data-switcher="c"] .ep-looks{display:none}
@media (max-width:900px){.ep-looks .ep-try-chip{flex-basis:calc((100% - 2 * var(--lk-gap)) / 3)}}
@media (max-width:640px){
  .ep-looks .ep-try-chip{flex-basis:calc((100% - var(--lk-gap)) / 2);border-radius:12px}
  .ep-looks-label{gap:12px;letter-spacing:.14em}
}

/* ---- Option 2: right-side snapshot rail (desktop) ---- */
.ep-rail{display:none;position:fixed;right:16px;top:158px;z-index:80;--ri:min(100px,calc((100vh - 158px - 120px - 78px) / 5))}
html[data-switcher="c"] .ep-rail,html[data-switcher="bc"] .ep-rail{display:block}
.ep-rail-in{padding:10px 10px 12px;background:rgba(14,17,23,.74);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);
  border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:0 18px 50px -18px rgba(0,0,0,.5)}
.ep-rail-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 0 9px 4px}
.ep-rail-t{font:700 10px/1 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.ep-rail-min,.ep-rail-handle{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;color:#fff;-webkit-tap-highlight-color:transparent}
.ep-rail-min{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.1)}
.ep-rail-min:hover{background:rgba(255,255,255,.2)}
.ep-rail-min svg,.ep-rail-handle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ep-rail-list{display:flex;flex-direction:column;gap:8px}
.ep-rail-item{position:relative;display:block;width:calc(var(--ri) * 1.6);height:var(--ri);padding:0;margin:0;border:0;border-radius:10px;background:transparent;cursor:pointer;
  box-shadow:0 0 0 1px rgba(255,255,255,.18);transition:transform .14s ease,box-shadow .14s ease}
.ep-rail-item:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,255,255,.75)}
.ep-rail-item[aria-checked="true"]{box-shadow:0 0 0 2px #E2577F}
.ep-rail-handle{display:none;flex-direction:column;gap:8px;padding:12px 8px;border-radius:14px;background:rgba(14,17,23,.82);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 30px -12px rgba(0,0,0,.5)}
.ep-rail-handle:hover{background:#0E1117}
.ep-rail.is-min .ep-rail-in{display:none}
.ep-rail.is-min .ep-rail-handle{display:inline-flex}
.ep-rail.is-min{right:0}.ep-rail.is-min .ep-rail-handle{border-right:0;border-radius:14px 0 0 14px}
.ep-rail-handle-st{position:relative;display:block;width:20px;height:22px}
.ep-rail-handle-st i{position:absolute;left:0;width:20px;height:12px;border-radius:3px;box-shadow:0 0 0 1px rgba(14,17,23,.9)}
.ep-rail-handle-st i:nth-child(1){top:0;background:#F2EFE8;transform:rotate(-7deg)}
.ep-rail-handle-st i:nth-child(2){top:5px;background:#FFF7EA}
.ep-rail-handle-st i:nth-child(3){top:10px;background:#12161C;box-shadow:0 0 0 1px rgba(255,255,255,.5)}
.ep-rail-min:focus,.ep-rail-handle:focus,.ep-rail-item:focus{outline:none}
.ep-rail-min:focus-visible,.ep-rail-handle:focus-visible,.ep-rail-item:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #2D82B7}
html.ep-sb-chat .ep-rail,html.ep-sb-chat .ep-sb-tab{visibility:hidden;pointer-events:none}
body.no-scroll .ep-rail,body.no-scroll .ep-sb-tab{display:none!important}

/* ---- Option 2 on phones: "Looks" tab + bottom sheet ---- */
.ep-sb-tab{display:none;position:fixed;right:0;top:152px;z-index:80;flex-direction:column;align-items:center;gap:8px;padding:10px 6px 11px 7px;margin:0;
  background:rgba(14,17,23,.9);color:#fff;border:1px solid rgba(255,255,255,.14);border-right:0;border-radius:12px 0 0 12px;cursor:pointer;
  font:700 10px/1 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 6px 18px rgba(0,0,0,.22)}
.ep-sb-tab-t{writing-mode:vertical-rl;transform:rotate(180deg)}
.ep-sb-tab:focus{outline:none}.ep-sb-tab:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #2D82B7}
.ep-sb-scrim{position:fixed;inset:0;z-index:2147482400;background:rgba(10,12,16,.32)}
.ep-sb{position:fixed;left:0;right:0;bottom:0;z-index:2147482500;max-height:84vh;overflow-y:auto;overscroll-behavior:contain;
  background:#12161C;color:#fff;border-radius:20px 20px 0 0;box-shadow:0 -18px 50px rgba(0,0,0,.35);padding:0 16px calc(18px + env(safe-area-inset-bottom));
  opacity:0;transform:translateY(32px);transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1)}
.ep-sb[hidden]{display:none}
html.ep-sb-open .ep-sb{opacity:1;transform:none}
.ep-sb-head{display:flex;align-items:center;justify-content:space-between;padding:16px 2px 12px}
.ep-sb-title{margin:0;font:700 11px/1 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.ep-sb-close{width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:18px;line-height:1;cursor:pointer}
.ep-sb-close:focus{outline:none}.ep-sb-close:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #2D82B7}
.ep-sb-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ep-sb-item{position:relative;display:block;width:100%;aspect-ratio:16/10;padding:0;margin:0;border:0;border-radius:12px;background:transparent;cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.ep-sb-item:first-child{grid-column:1 / -1}
.ep-sb-item[aria-checked="true"]{box-shadow:0 0 0 2px #E2577F}
.ep-sb-item:focus{outline:none}.ep-sb-item:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #2D82B7}
@media (max-width:640px){
  html[data-switcher="c"] .ep-rail,html[data-switcher="bc"] .ep-rail{display:none}
  html[data-switcher="c"] .ep-sb-tab,html[data-switcher="bc"] .ep-sb-tab{display:flex}
  html[data-switcher="c"] .ep-preview-panel,html[data-switcher="bc"] .ep-preview-panel{width:min(348px,calc(100vw - 62px))}
}
@media (prefers-reduced-motion:reduce){
  .ep-try-chip,.ep-try-card,.ep-rail-item,.ep-sb{transition:none!important}
  .ep-try-chip:hover,.ep-rail-item:hover,.ep-looks .ep-try-chip:hover,.ep-looks .ep-try-chip[aria-checked="true"]{transform:none}
}
.ep-ctrl.switcher-switch{order:2}

/* ===== Hybrid pill geometry (2026-10-19, Serhat): the logo's left distance and the right-hand control's right distance (Request a Demo /
   the burger) stay identical between Classic (top) and the pill. Before, the pill kept the Classic container width (1240 / content
   width), so its inner padding (20px / 10px) pushed the logo right and Request a Demo left. Now the fill grows outward by exactly its
   inner padding: width + (--hdl + --hdr) and margin-left - --hdl, scaled by --hp, so the content box never moves. Inner padding:
   16px / 10px on desktop (the CTA pill sits 10px in), 12px / 12px at <=980px; the pill then ends 8px / 14px from the viewport at 1280
   and 6px on phones. --hpl0 / --hpr0 / --hw0 are the measured Classic values (site.js measure()). ===== */
html[data-menu="hybrid"]{--hdl:16px;--hdr:10px;--hw0d:min(1240px,100vw - 48px)}
@media (max-width:980px){html[data-menu="hybrid"]{--hdl:12px;--hdr:12px;--hw0d:calc(100vw - 36px)}}
/* I17: --hw0d = the default theme's Classic width, used until measure() sets --hw0 (no header shift on first paint) */
html[data-menu="hybrid"] .site-nav .ep-container,html.is-pill[data-menu="hybrid"] .site-nav .ep-container{
  width:calc(var(--hw0,var(--hw0d)) + (var(--hdl) - var(--hpl0,0px) + var(--hdr) - var(--hpr0,0px)) * var(--hp));max-width:none;
  margin-left:calc((100% - var(--hw0,var(--hw0d))) / 2 - (var(--hdl) - var(--hpl0,0px)) * var(--hp));margin-right:auto;
  padding-left:calc(var(--hpl0,0px) + (var(--hdl) - var(--hpl0,0px)) * var(--hp));
  padding-right:calc(var(--hpr0,0px) + (var(--hdr) - var(--hpr0,0px)) * var(--hp))}

/* ===== AI story MCP chat (2026-10-19): Eventpack MCP already connected, three-question chat (events list, post-event report, year-over-year table). Story canvas only. ===== */
.st .cx .cx-chip{opacity:1}
.st .cx-in .q{position:absolute;left:0;top:0;white-space:nowrap}
.st .cx-conv{position:absolute;left:0;right:0;top:40px;bottom:132px;overflow:hidden}
.st .cx-cw{position:relative;width:560px;margin:0 auto;padding-top:4px}
.st .cx-cw .cx-u{position:relative;right:auto;top:auto;display:table;margin:10px 0 8px auto}
.st .cx-cw .cx-st{margin:0 0 4px}
.st .cx-cw .cx-a{opacity:0;font-size:9.5px;line-height:1.45;color:#ececec}
.st .cx-cw .cx-a p{margin:0 0 6px}
.st .cx-ev,.st .cx-tb{border:1px solid #3a3a3a;border-radius:10px;overflow:hidden;background:#2a2a2a;font-size:8.5px}
.st .cx-evr{display:grid;grid-template-columns:130px 1fr 100px 58px;align-items:center;gap:8px;padding:7px 12px;border-top:1px solid #3a3a3a;opacity:0}
.st .cx-evr:first-child{border-top:0}.st .cx-evr b{font-weight:600;color:#fff}.st .cx-evr span,.st .cx-evr em{color:#b5b5b5;font-style:normal}
.st .cx-evr u{text-decoration:none;justify-self:end;font-size:7.5px;padding:2px 7px;border-radius:9px;background:#3a3a3a;color:#d4d4d4}
.st .cx-evr u.up{background:#1f3a2c;color:#86efac}.st .cx-evr u.dr{background:#2f2f2f;color:#9ca3af}
.st .cx-rbox{position:relative;height:340px}
.st .cx-cw .cx-rw{left:39px;top:0;margin-left:0}
.st .cx-tb>div{display:grid;grid-template-columns:1.5fr 1fr 1fr .8fr;padding:6px 12px;border-top:1px solid #3a3a3a}
.st .cx-tb>div:not(.hd){opacity:0}.st .cx-tb>div:first-child{border-top:0}
.st .cx-tb .hd{background:#323232;color:#b5b5b5;font-size:7.5px;text-transform:uppercase;letter-spacing:.04em}
.st .cx-tb span:nth-child(n+2){text-align:right}.st .cx-tb span:nth-child(3){color:#fff;font-weight:600}.st .cx-tb .up{color:#86efac}
.st .cx-cw .cx-a .nt{margin:6px 0 0;color:#b5b5b5;font-size:8.5px;opacity:0}

/* Phones (cookie-overflow 20261019): long URLs in the legal prose and the footer's bottom links wrap instead of
   widening the page (Privacy Policy was 352px wide at 320, every page 348px at 320 because of the footer links). */
.ep-prose:has(.legal-toc) li a{overflow-wrap:anywhere}
@media (max-width:980px){.ep-footer-bottom .lnk{flex-wrap:wrap;column-gap:20px;row-gap:8px}}

/* Theme keyboard shortcut hint in the Preview panel (2026-10-19) */
.ep-ctrl.ep-key-hint{order:2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;height:24px;font:500 11px/1 system-ui,-apple-system,sans-serif;color:rgba(255,255,255,.72)}
.ep-key-hint kbd{font:600 11px/1 system-ui,-apple-system,sans-serif;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:5px;padding:3px 6px;white-space:nowrap}
@media (hover:none) and (pointer:coarse){.ep-ctrl.ep-key-hint{display:none}}

/* 2026-10-19 (audit I20): button labels stay on one line on phones (390/360) where they can. Scoped to the mobile-menu
   button pair and to in-page CTAs (hero, CTA band, pricing plans, section heads): tighter side padding, a smaller icon gap and
   a font-size capped by the viewport width. No nowrap: a label too long for one line at a legible size still wraps instead of
   being clipped. The header bar button and the hybrid pill geometry (c97d49b) are untouched. */
@media (max-width:520px){
  .nav-cta-m .ep-btn{min-width:0;padding-left:12px;padding-right:12px}
  .nav-cta-m .ep-btn.ghost{flex:0 1 auto}
  .nav-cta-m .ep-btn.primary{flex:1 1 auto}
  :is(.ep-hero-ctas,.ep-cta-band .acts,.ep-plan,.ep-head) .ep-btn{gap:6px;padding-left:12px;padding-right:12px;font-size:min(var(--fs-btn),3.6vw)}
  :is(.ep-hero-ctas,.ep-cta-band .acts,.ep-plan,.ep-head) .ep-btn .ic{width:16px;height:16px}
  .ep-cta-band{padding-left:18px;padding-right:18px}
  .ep-hero-copy{min-width:0}
  /* uppercase button themes (01, 07, 13): no extra tracking and a slightly smaller size */
  html:is([data-theme^="01-"],[data-theme^="07-"],[data-theme^="13-"]) :is(.nav-cta-m,.ep-hero-ctas,.ep-cta-band .acts,.ep-plan,.ep-head) .ep-btn{letter-spacing:0;font-size:min(var(--fs-btn),3.3vw)}
}

/* 2026-10-19 (audit A4): Request a Demo form error state and inline thank-you state */
.demo-form .form-status.is-error{color:var(--c-danger,#B42318)}
.demo-form.has-error .ep-input:invalid{border-color:var(--c-danger,#B42318);box-shadow:0 0 0 1px var(--c-danger,#B42318)}
.demo-form-done{display:flex;flex-direction:column;gap:8px;justify-content:center}
.demo-form-done:focus{outline:none}
.demo-form-done:focus-visible{box-shadow:var(--sh-focus,0 0 0 3px rgba(45,130,183,.5))}
.demo-form-done p{margin:0;color:var(--c-text-2,inherit)}

/* a11y 20261019 (audit I2): a leading prose h4-h6 is rendered as an h2 (no h1->h3 jump) but keeps the h3 look */
.ep-prose h2.ep-h3-look{font-size:22px;margin:24px 0 10px}
.ep-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* a11y 20261019 (audit I2): the home mockups' "Dashboard"/"Reports" titles are divs now; keep the heading look */
.st[data-story="rep"] .ra-pg .ra-h1{font-family:var(--font-display);letter-spacing:var(--ls-heading);line-height:var(--lh-heading);text-transform:var(--tt-heading)}
.demo-form .form-status.is-notice{color:var(--c-text,inherit);background:var(--c-chip-bg,rgba(0,0,0,.05));border-radius:8px;padding:12px 14px}
.demo-form .form-status.is-notice a{color:var(--c-link);text-decoration:underline;text-underline-offset:3px}

/* ===== True colours (2026-10-19, Serhat): photos, screenshots and the Eventpack logo show untinted in every theme =====
   Logo: brand colours #0D1D26 ("event") + #F06E93 ("pack"). "pack" is pink everywhere. "event" stays white only on the dark
   footers (02-20) and the dark headers (03, 08, 12, 20): navy there measures 1.03-1.22:1 against the background (unreadable),
   white 14-20:1. That is the brand's own reversed logo (eventpack-logo-white.svg: white + #F06E93). Theme 01's footer is light
   (#FAF7F2), so white "event" was 1.07:1 (invisible); it is navy again (16.1:1). */
html[data-theme="01-editorial-minimal"] .ep-footer .ep-logo .la{fill:#0D1D26!important}
/* 05: stacked drop-shadow on the header logo removed (the logo shows flat, as branded) */
html[data-theme="05-playful-confetti"] body .site-nav .ep-logo svg,
html[data-theme="05-playful-confetti"] body .site-nav .ep-logo:hover svg,
html[data-theme="05-playful-confetti"] body .site-nav .ep-logo:focus-visible svg{filter:none!important}
/* Eventpack logo used as an image (home showcase, app story): never filtered (it took .ep-img's theme photo filter) */
img[src*="eventpack-logo"]{filter:none!important;mix-blend-mode:normal!important}
/* ...and in 03/08/20 that image sat on the theme's near-black image background (navy "event" 1.06-1.14:1): the background behind
   the logo is white there instead (navy 17.2:1, pink 2.86:1, the brand-on-white pairing); the logo itself is not recoloured */
html:is([data-theme^="03-"],[data-theme^="08-"],[data-theme^="20-"]) img[src*="eventpack-logo"]{background:#FFFFFF!important}
/* Theme photo filters off: 01 grayscale+contrast, 03 saturate(.85)/(.6), 07 grayscale+contrast(1.2-1.3),
   08 saturate(1.15)/(1.2)+hue-rotate(-10deg), 09 saturate(.9x)+sepia(.08-.1). Applies to .ep-img, .ep-alt-media img,
   .ep-hero-visual .person, .ep-video-frame img, .ep-person img, .ep-member img, .ep-gallery img, .ep-cta-split .media img,
   .ep-phone .pimg img and .ep-hero-c .bgimg */
html[data-theme]{--img-filter:none!important;--cutout-filter:none!important;--photo-hero-filter:none!important;--portrait-filter:none!important}
/* 08: pink glow around the hero cut-out and around video frames (the 1px frame line stays) */
html[data-theme="08-event-energy-neon"] .ep-hero-visual .person{filter:none!important}
html[data-theme="08-event-energy-neon"] .ep-video-frame{box-shadow:0 0 0 1px rgba(255,61,139,.5),0 40px 90px -30px rgba(0,0,0,.6)!important}
/* 02 and 08: the large shadow under hero images / screenshots was a vivid violet glow (02 rgba(91,60,200,.45); 08 cyan ring +
   rgba(123,92,255,.55)); same depth, neutral colour. Cards, menus and plans keep the theme's --sh-lg. */
html[data-theme="02-bold-gradient"] :is(.hero-media img,.ep-hero-b .shot,.ep-video-frame){box-shadow:0 40px 90px -30px rgba(18,13,43,.35)!important}
html[data-theme="08-event-energy-neon"] :is(.hero-media img,.ep-hero-b .shot){box-shadow:0 40px 90px -30px rgba(0,0,0,.6)!important}
/* 02: pink/blue multiply gradient laid over video frames */
html[data-theme="02-bold-gradient"] .ep-video-frame::before{content:none!important;display:none!important}
/* Registration story: the event-site hero photo inside the mock was desaturated */
.rs .rs-ui .rhero img{filter:none!important}
/* ===== Lead Capture story (2026-10-20): Lead Capture app in a phone, then the Partner Portal leads list. 1024x591 canvas, timeline in site.js ===== */
.st[data-story="lead"] .ph-scr{background:#fff;font-size:8px;color:#111827}
.st[data-story="lead"] .ap-lcscan{opacity:1}
.lc-sb{position:absolute;left:0;right:0;top:0;height:34px;display:flex;justify-content:space-between;align-items:center;padding:4px 22px 0 28px;font-size:8.5px;z-index:6;color:#111}
.lc-sb span{font-size:5.5px;display:flex;gap:3px;align-items:center}.lc-sb .bat{display:inline-block;width:13px;height:6px;border:1px solid currentColor;border-radius:2px;background:linear-gradient(90deg,currentColor 70%,transparent 0) 1px 1px/9px 2px no-repeat}
.lc-sb .lc-di{position:absolute;left:50%;top:9px;width:70px;height:19px;margin-left:-35px;border-radius:12px;background:#000}
.lc-sb.wh{color:#fff}
.lc-h{position:absolute;left:0;right:0;top:34px;height:30px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;border-bottom:1px solid #eceef1;font-size:8px;background:#fff;z-index:4}
.lc-h b{font-size:8.6px;font-weight:600}.lc-h .l{color:#111827}.lc-h .r{text-align:right;color:#111827;font-weight:500}.lc-h .ms{width:14px;height:14px;float:right}
.lc-bd{position:absolute;left:0;right:0;top:64px;bottom:0;padding:10px 12px}
.lc-x{position:absolute;left:12px;top:40px;width:20px;height:20px;border-radius:50%;border:1.5px solid #9ca3af;color:#6b7280;display:grid;place-items:center;font-size:9px}
.lc-sct{position:absolute;left:0;right:0;top:66px;text-align:center}.lc-sct b{display:block;font-size:17px;font-weight:700;letter-spacing:-.2px}.lc-sct span{display:block;margin-top:6px;font-size:8px;color:#4b5563}
.lc-cam{position:absolute;left:16px;right:16px;top:128px;height:214px;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 20% 30%,#9fb4cc 0,transparent 40%),radial-gradient(circle at 85% 70%,#56627a 0,transparent 45%),linear-gradient(160deg,#7f8ea3,#3b4558)}
.lc-cam .bk{position:absolute;border-radius:50%;filter:blur(6px);opacity:.55;background:#e2e8f0}.lc-cam .b1{left:10px;top:8px;width:30px;height:30px}.lc-cam .b2{right:20px;top:18px;width:22px;height:22px;background:#bfdbfe}.lc-cam .b3{left:150px;bottom:12px;width:50px;height:60px;background:#1f2937;border-radius:20px}
.lc-badge{position:absolute;left:50%;top:6px;width:132px;margin-left:-66px;transform-origin:50% 0}
.lc-badge .ly{display:block;width:16px;height:12px;margin:0 auto;border:2px solid #9aa4b2;border-bottom:0;border-radius:6px 6px 0 0}
.lc-badge .bdg{background:#f8fafc;border-radius:7px;padding:9px 10px 0;text-align:center;box-shadow:0 6px 16px rgba(0,0,0,.3);overflow:hidden}
.lc-badge .bdg b{display:block;font-size:11px;color:#1f2937}.lc-badge .bdg span{display:block;font-size:6.6px;color:#6b7280;margin:2px 0 5px}
.lc-qr{display:block;width:80px;height:80px;margin:0 auto 7px}.lc-badge .ft{display:block;height:24px;margin:0 -10px;background:linear-gradient(135deg,#1e40af,#3b82f6)}
.lc-brk{position:absolute;left:50%;top:62px;width:100px;height:100px;margin-left:-50px}
.lc-brk i{position:absolute;width:22px;height:22px;border:3px solid #7ed957}.lc-brk i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0;border-radius:6px 0 0 0}.lc-brk i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0;border-radius:0 6px 0 0}
.lc-brk i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0;border-radius:0 0 0 6px}.lc-brk i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0;border-radius:0 0 6px 0}
.lc-line{position:absolute;left:50%;top:66px;width:90px;margin-left:-45px;height:2px;background:#7ed957;box-shadow:0 0 8px #7ed957;opacity:0}
.lc-man{position:absolute;left:0;right:0;top:372px;text-align:center;font-size:8px}.lc-man span{display:block;color:#4b5563}.lc-man b{display:block;margin:4px 0 12px;font-weight:600}
.st[data-story="lead"] .btn{font-style:normal;display:inline-block;background:#374151;color:#fff;border-radius:6px;padding:7px 26px;font-size:8px}
.lc-ok{position:absolute;inset:0;background:#34c759;color:#fff;text-align:center}
.lc-ok .nx{position:absolute;right:14px;top:42px;font-size:8px}.lc-ok .tt{display:block;margin-top:82px;font-size:11px;line-height:1.35}
.st[data-story="lead"] .lc-ok .ini{display:grid;place-items:center;width:78px;height:78px;margin:56px auto 12px;border-radius:50%;background:#d9d9d9;color:#a3a3a3;font-style:normal;font-size:24px;font-weight:700}
.lc-ok .nm{display:block;font-size:13px}.lc-ok .cl{position:absolute;left:0;right:0;bottom:70px;font-size:7.5px}
.st[data-story="lead"] .qr{position:relative;height:46px;border-bottom:1px solid #eceef1;padding:6px 14px 0 0}
.st[data-story="lead"] .qr .qq{display:block;font-size:7.4px;color:#4b5563}
.st[data-story="lead"] .qr .pl,.st[data-story="lead"] .qr .an{position:absolute;left:0;top:19px;right:14px;font-size:7.6px}
.st[data-story="lead"] .qr .pl{color:#9ca3af}.st[data-story="lead"] .qr .an{opacity:0;display:flex;flex-wrap:wrap;gap:3px;color:#111827;line-height:1.3}
.st[data-story="lead"] .cp{background:#eef0f3;border-radius:5px;padding:2px 6px;font-size:7px}
.st[data-story="lead"] .qr .cv{position:absolute;right:0;top:15px;font-style:normal;color:#c4c8ce;font-size:12px}
.st[data-story="lead"] .aq{display:block;font-size:8.4px;margin:2px 0 8px}
.st[data-story="lead"] .lc-ta{min-height:64px;background:#f2f3f5;border-radius:8px;padding:8px;font-size:8px;line-height:1.4}.st[data-story="lead"] .lc-ta.nt{min-height:110px;background:#fff;padding:2px 0}
.st[data-story="lead"] .lc-sr{background:#f2f3f5;border-radius:7px;padding:6px 8px;color:#9ca3af;font-size:7.6px;margin-bottom:10px}
.st[data-story="lead"] .op{position:relative;background:#f2f3f5;border-radius:7px;padding:7px 9px;margin-bottom:6px;font-size:7.8px;overflow:hidden}
.st[data-story="lead"] .op .lc-sel{position:absolute;inset:0;background:#dbe2ea;opacity:0}.st[data-story="lead"] .op span{position:relative}
.st[data-story="lead"] .op .ck{position:absolute;right:9px;top:6px;font-style:normal;color:#2563eb;font-weight:700;opacity:0}
.st[data-story="lead"] .op .on{position:absolute;inset:0;background:#e5484d;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 9px;font-style:normal;opacity:0}
.st[data-story="lead"] .lt{display:flex;align-items:center;gap:5px;margin-bottom:8px}.st[data-story="lead"] .lt b{font-size:11px;margin-right:auto}.st[data-story="lead"] .lt .btn{padding:4px 8px;font-size:7px}
.st[data-story="lead"] .lh{display:grid;grid-template-columns:1fr 50px 40px;color:#2563eb;font-size:7px;font-weight:600;padding:2px 0 5px}.st[data-story="lead"] .lh span:last-child{text-align:right}
.st[data-story="lead"] .lr{position:relative;display:grid;grid-template-columns:20px 1fr 50px 40px;align-items:center;gap:4px;padding:6px 0;border-top:1px solid #f0f1f3}
.st[data-story="lead"] .lr div b{display:block;font-size:7.6px}.st[data-story="lead"] .lr div span{display:block;font-size:6.4px;color:#6b7280}
.st[data-story="lead"] .lr .dt{font-style:normal;font-size:6.4px;line-height:1.3}
.st[data-story="lead"] .ini{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-style:normal;font-size:6.5px;font-weight:700;color:#374151}
.st[data-story="lead"] .lr .pv-fl{position:absolute;inset:0 -6px;background:color-mix(in srgb,var(--ac) 16%,transparent);border-radius:6px;opacity:0}
.st[data-story="lead"] .gp{font-style:normal;justify-self:end;font-size:6.6px;font-weight:600;border-radius:99px;padding:2px 6px}
.st[data-story="lead"] .gp.hot{background:#fee2e2;color:#dc2626}.st[data-story="lead"] .gp.warm{background:#fef3c7;color:#d97706}.st[data-story="lead"] .gp.cold{background:#dbeafe;color:#2563eb}.st[data-story="lead"] .gp.neutral{background:#eef0f3;color:#4b5563}
.lc-tb{position:absolute;left:0;right:0;bottom:0;height:52px;border-top:1px solid #eceef1;display:flex;justify-content:space-around;padding-top:7px;background:#fff}
.lc-tb span{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:6px;color:#8a8f98}.lc-tb span.on{color:#1f75e0}.lc-tb svg{width:14px;height:14px}
.st[data-story="ses"] .al-logo,.st[data-story="att"] .al-logo{background:#1f75e0;width:34px;height:18px}
@media (prefers-reduced-motion:reduce){.st[data-story="lead"] .ap-lcscan{opacity:0}.st[data-story="lead"] .ap-lclist{opacity:1}}

/* ===== Sessions story (2026-10-20): Attendee Portal Sessions page, add to agenda, Registered Sessions, speaker uploads slides in the Session Detail drawer ===== */
.st[data-story="ses"] .ss-win,.st[data-story="att"] .ss-win{position:absolute;left:12px;top:12px;width:1000px;height:567px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 18px 50px rgba(15,23,42,.18),0 0 0 1px rgba(15,23,42,.08);font-size:8.4px;color:#111827}
.ss-top{position:absolute;left:0;right:0;top:0;height:40px;border-bottom:1px solid #eceef1;display:flex;align-items:center;gap:16px;padding:0 18px;background:#fff;z-index:3}
.ss-top .al-logo{margin-right:auto}.ss-msg{display:flex;align-items:center;gap:4px}.ss-msg svg{width:14px;height:14px}
.ss-me{display:flex;align-items:center;gap:5px}.ss-me i{font-style:normal;width:22px;height:22px;border-radius:50%;background:#c7d2fe;display:grid;place-items:center;font-size:7px;font-weight:700}
.ss-side{position:absolute;left:0;top:40px;bottom:0;width:170px;background:#f7f7f8;padding:14px 10px;font-size:8.2px}.ss-side>b{display:block;font-size:9.4px;margin:0 0 14px 6px}
.ss-side>div{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:7px;color:#374151;margin-bottom:2px}.ss-side>div i{flex:none;width:11px;height:11px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.ss-side>div.on{background:#1f2937;color:#fff}
.ss-main{position:absolute;left:170px;right:0;top:40px;bottom:0;padding:16px 22px;overflow:hidden}
.ss-h1{display:block;font-size:17px;margin-bottom:12px}
.ss-tabs{position:relative;display:flex;gap:20px;border-bottom:1px solid #eceef1;padding-bottom:8px;margin-bottom:10px;color:#4b5563}.ss-tabs span{font-weight:500}
.ss-tabs .u0,.ss-tabs .u1,.ss-dr .u0,.ss-dr .u1{position:absolute;bottom:-1px;height:2px;background:#111827}.ss-tabs .u1{opacity:0}
.ss-sr{display:flex;gap:8px;margin-bottom:8px}.ss-sr span{flex:1;border:1px solid #e5e7eb;border-radius:6px;padding:6px 8px;color:#9ca3af}.ss-sr i{font-style:normal;border:1px solid #d1d5db;border-radius:6px;padding:6px 12px}
.ss-day{display:flex;justify-content:space-between;color:#9ca3af;margin-bottom:10px;font-size:9px}.ss-day b{color:#111827;font-size:8.4px}
.ss-l{position:absolute;left:22px;right:22px;top:148px;bottom:0;overflow:hidden}.ss-l.reg{opacity:0}
.st[data-story="ses"] .sc{position:relative;border:1px solid #e5e7eb;border-radius:9px;padding:11px 14px;margin-bottom:9px;background:#fff}
.st[data-story="ses"] .sc .pv-fl{position:absolute;inset:0;border-radius:9px;background:color-mix(in srgb,var(--ac) 10%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ac) 55%,transparent);opacity:0}
.st[data-story="ses"] .sc .tt{display:block;font-size:10.4px;margin-bottom:3px;max-width:560px}.st[data-story="ses"] .sc .ss-tm,.st[data-story="ses"] .sc .lo{display:block;font-size:7px;color:#6b7280}
.st[data-story="ses"] .sc p{font-size:7.4px;color:#374151;margin:5px 0 7px}
.st[data-story="ses"] .sps{display:flex;gap:30px}
.st[data-story="ses"] .pv-sp,.st[data-story="ses"] .ss-dr .pv-sp{display:flex;gap:7px;align-items:center}.st[data-story="ses"] .pv-sp>i{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:7px;font-weight:700;color:#374151;flex:none}
.st[data-story="ses"] .pv-sp b{display:block;font-size:7.4px}.st[data-story="ses"] .pv-sp span{display:block;font-size:6.4px;color:#6b7280}
.st[data-story="ses"] .bt{position:absolute;right:14px;top:12px;font-style:normal;border-radius:6px;padding:6px 11px;font-size:7.6px;font-weight:500}
.st[data-story="ses"] .bt.ad{background:#374151;color:#fff}.st[data-story="ses"] .bt.rm{background:#fff;border:1px solid #9ca3af;color:#111827}.st[data-story="ses"] .bt.sw{opacity:0}
.ss-dim{position:absolute;inset:0;background:rgba(17,24,39,.32);opacity:0;z-index:5}
.ss-dr{position:absolute;right:0;top:0;bottom:0;width:340px;background:#fff;z-index:6;padding:18px 18px;transform:translateX(105%);box-shadow:-10px 0 30px rgba(15,23,42,.15)}
.ss-dr .dh{display:block;font-size:12px;margin-bottom:12px}
.ss-dr .dt{position:relative;display:flex;gap:18px;border-bottom:1px solid #eceef1;padding:0 0 8px 6px;margin-bottom:12px;font-weight:500}
.ss-dr .dp{position:absolute;left:18px;right:18px;top:78px}
.ss-dr .lb{display:block;font-size:6.6px;color:#6b7280;margin-top:7px}.ss-dr .vl{display:block;font-size:7.4px;margin-top:2px;line-height:1.4}.ss-dr .vl.b{font-weight:600}
.ss-dr .g3{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid #eceef1;padding-bottom:8px}
.ss-dr .sh{display:block;font-size:10.5px;margin:14px 0 8px;padding-top:8px;border-top:1px solid #eceef1}.ss-dr .bio{font-size:7px;color:#374151;margin:6px 0 10px;line-height:1.4}
/* 22 Oct 2026 (Serhat): portal icons (Font Awesome, from the portal's site map) as masks; speaker Session Detail with Documents and
   Add Document, copied from the portal source (sessionDetailSpeaker); theme colours from registration-theme-options: primary #212B36, success #96D219 */
.pic{display:inline-block;flex:none;width:9px;height:9px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.ss-tabs .t2{font-weight:500}.ss-dr .dt .u1{opacity:0}
.ss-dr .adb{position:absolute;right:0;top:-5px;background:#212B36;color:#fff;border-radius:5px;padding:5px 9px;font-size:7px;font-weight:600}
.ss-dr .docs{opacity:0}.ss-dr .docs .none{display:block;font-size:7.6px;color:#121828}
.ss-dr .dit{position:absolute;left:0;right:0;top:0;opacity:0;padding-bottom:10px;border-bottom:1px solid #eceef1;background:#fff}.ss-dr .dit b{display:block;font-size:7.8px}
.ss-dr .dr2{display:flex;align-items:center;gap:10px;font-size:7.4px;margin-top:3px;color:#121828}.ss-dr .dr2 span{flex:1}.ss-dr .dr2 .pic{width:10px;height:10px;color:#374151}
.ss-dr .dft,.ss-ad .dft{position:absolute;left:0;right:0;bottom:0;height:42px;border-top:1px solid #eceef1;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:0 18px;background:#fff}
.ss-dr .ob,.ss-ad .ob{font-style:normal;border:1px solid #c4c9d0;border-radius:6px;padding:5px 12px;font-size:7.4px;font-weight:600;color:#121828}
.ss-ad .sb{font-style:normal;border-radius:6px;padding:5px 15px;font-size:7.4px;font-weight:600;background:#96D219;color:#fff}
.ss-dim2{position:absolute;inset:0;background:rgba(17,24,39,.3);opacity:0;z-index:7}
.ss-ad{position:absolute;right:0;top:0;bottom:0;width:260px;background:#fff;z-index:8;padding:18px;transform:translateX(105%);box-shadow:-10px 0 30px rgba(15,23,42,.18)}
.ss-ad .dh{display:block;font-size:12px;margin-bottom:16px}.ss-ad .adf{margin-bottom:12px}
.ss-ad .adl{display:block;font-size:7px;font-weight:600;color:#121828;margin-bottom:4px}
.ss-ad .adi{position:relative;height:24px;border:1px solid #d1d5db;border-radius:6px;padding:0 8px;font-size:7.6px;display:flex;align-items:center;white-space:nowrap;overflow:hidden;color:#121828}
.ss-ad small{display:block;font-size:6.2px;color:#65748B;margin-top:3px}
.ss-ad .ff .ph{position:absolute;left:8px;top:auto;color:#9ca3af}.ss-ad .ff .fn{position:absolute;left:8px;opacity:0;color:#65748B}
.ss-ad .ff .pic{position:absolute;right:8px;width:10px;height:10px;color:#374151}.ss-ad .ff .tr{opacity:0}
.ss-toast{position:absolute;left:0;right:0;top:46px;margin:0 auto;width:max-content;z-index:9;display:flex;align-items:center;gap:8px;background:#96D219;color:#fff;border-radius:7px;padding:8px 10px;font-size:7.6px;font-weight:500;box-shadow:0 8px 22px rgba(15,23,42,.18);opacity:0}
.ss-toast .pic{color:#fff;width:9px;height:9px}
@media (prefers-reduced-motion:reduce){.st[data-story="ses"] .all .k1 .bt.ad{opacity:0}.st[data-story="ses"] .all .k1 .bt.sw{opacity:1}}

/* ===== Attendee Portal story (2026-10-20): AI Expo 2027's own Attendee Portal: email code login, profile networking switch, attendee directory, exhibitors, FAQ ===== */
.at-lg{position:absolute;inset:0;display:flex;z-index:4;background:#fff}
.at-lg .lgl{width:58%;background:#0f1b22;color:#fff;padding:170px 60px 0 70px}.at-lg .lgl b{display:block;font-size:22px;line-height:1.15;letter-spacing:-.3px}.at-lg .lgl p{font-size:9px;line-height:1.55;color:#dbe2e8;margin-top:12px;max-width:360px}
.at-lg .lgr{position:relative;flex:1}.at-lg .f0,.at-lg .f1{position:absolute;left:50%;top:190px;width:230px;margin-left:-115px;text-align:center}.at-lg .f1{opacity:0}
.at-lg .lgr b{display:block;font-size:11px;margin-bottom:8px}.at-lg .lgr span{display:block;font-size:7px;color:#4b5563;line-height:1.45}.at-lg .lb{text-align:left;font-weight:600;color:#111827!important;margin:12px 0 4px}
.at-lg .at-in{text-align:left;border:1.5px solid #111827;border-radius:6px;padding:6px 8px;font-size:7.6px;height:24px}
.at-lg .bt{font-style:normal;display:block;margin-top:10px;background:#1f2937;color:#fff;border-radius:6px;padding:7px;font-size:7.6px}
.at-lg .otp{display:flex;gap:7px;justify-content:center;margin-top:14px}.at-lg .otp i{width:26px;height:30px;border:1.5px solid #d1d5db;border-radius:6px;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:600}.at-lg .otp u{text-decoration:none;opacity:0}
.at-app{position:absolute;inset:0}
.at-pg{position:absolute;left:22px;right:22px;top:16px;bottom:0;opacity:0}.at-pg.at-pf{opacity:1}
.at-pg .at-av{font-style:normal;display:grid;place-items:center;border-radius:50%;background:#e9d5ff;color:#4c1d95;font-weight:700}
.at-pg.at-pf .pfh{display:flex;gap:18px;align-items:center;padding-bottom:14px;border-bottom:1px solid #eceef1}.at-pg.at-pf .pfh .at-av{width:84px;height:84px;font-size:24px;background:#c7d2fe;color:#1e3a8a}
.at-pg.at-pf .pfh>div{flex:1}.at-pg.at-pf .pfh>div>b{display:block;font-size:15px;margin-bottom:7px}.at-pg.at-pf small{display:block;font-size:6.6px;color:#6b7280;margin-top:5px}
.at-pg .at-tg,.at-pg .tg2{display:flex;align-items:center;gap:7px;font-weight:600}.at-pg .sw{position:relative;width:24px;height:13px;border-radius:7px;background:#d1d5db;display:inline-block}.at-pg .sw u{position:absolute;left:2px;top:2px;width:9px;height:9px;border-radius:50%;background:#fff}
.at-pg .ed{font-style:normal;border:1px solid #d1d5db;border-radius:6px;padding:5px 10px;align-self:flex-start}
.at-pg .kv{padding:9px 0;border-bottom:1px solid #eceef1}.at-pg .kv b{display:block;font-size:8px}.at-pg .kv span{display:block;color:#4b5563;margin-top:3px}
.at-pg.nt .nf{position:absolute;left:0;top:0;width:180px;bottom:20px;border:1px solid #e5e7eb;border-radius:9px;padding:10px;font-size:7.6px}
.at-pg .sr{border:1px solid #e5e7eb;border-radius:6px;padding:5px 8px;color:#9ca3af;margin-bottom:8px}.at-pg.nt .nf>b{display:block;font-size:9px;margin:4px 0 8px}
.at-pg .tg2{font-weight:400;padding-bottom:9px;border-bottom:1px solid #eceef1}.at-pg .fh{display:block;font-size:7.6px;padding:8px 0 6px;border-bottom:1px solid #f0f1f3}
.at-pg .at-cb{display:flex;align-items:center;gap:6px;padding:3.5px 6px}.at-pg .at-cb i{width:9px;height:9px;border:1.2px solid #9ca3af;border-radius:2px;display:grid;place-items:center;font-style:normal}
.at-pg .at-cb.c0 i::after{content:"";width:5px;height:5px;border-radius:1px;background:#111827;opacity:var(--on,0)}
.at-pg .ng{position:absolute;left:194px;right:0;top:0;display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.at-pg .ng.g1{opacity:0}
.at-pg .pc{border:1px solid #e5e7eb;border-radius:9px;padding:12px 4px 9px;text-align:center}.at-pg .pc .at-av{width:46px;height:46px;margin:0 auto 7px;font-size:13px}.at-pg .pc b{font-size:7.2px}
.at-pg .exg{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.at-pg .xc{border:1px solid #e5e7eb;border-radius:9px;padding:10px;text-align:center}
.at-pg .xc .lg{height:70px;display:grid;place-items:center;border-radius:6px;background:#fafafa;margin-bottom:8px}.at-pg .xc .lg .ep-img{width:96px;height:auto}.at-pg .xc .at-fx{font-size:10px;color:#1d4ed8}
.at-pg .xc>b{display:block;font-size:8px}.at-pg .xc em{font-style:normal;display:inline-block;margin-top:5px;background:#1e1b4b;color:#fff;border-radius:99px;padding:2px 8px;font-size:6.4px}
.at-pg.fq .h1{display:block;font-size:17px;margin-bottom:12px}.at-pg .fqs{position:absolute;left:0;top:40px;width:220px}.at-pg .qi{border:1px solid #e5e7eb;border-radius:7px;padding:8px;margin-bottom:6px;color:#2563eb}
.at-pg .fqa{position:absolute;left:236px;right:0;top:40px;border:1px solid #e5e7eb;border-radius:9px;padding:14px;opacity:0}.at-pg .fqa b{font-size:10px}.at-pg .fqa p{font-size:8px;color:#374151;line-height:1.5;margin-top:6px}
@media (prefers-reduced-motion:reduce){.at-lg{opacity:0}}
/* ===== On-Site story (2026-10-20): On-Site iPad app, check-in (list, detail, AI Expo kiosk) and batch printing. 1024x591 canvas, timeline in site.js (story 'os').
   Batch print bar/preview and the kiosk group preview are PROPOSED screens (not in the app yet). ===== */
.st[data-story="os"]{--os-bl:#2f80ed;--os-ink:#1f2430;--os-mut:#8a8f98;--os-ln:#ececf0;--os-nv:#0b1b3f;--os-vv:#3b82f6}
.os-pad{position:absolute;left:122px;top:16px;width:780px;height:559px;transform-origin:50% 0;border-radius:32px;background:#16181c;padding:12px;box-shadow:0 24px 60px rgba(15,23,42,.28),0 0 0 1.5px #3a3a3c inset}
.os-scr{position:relative;text-align:left;width:756px;height:535px;border-radius:20px;overflow:hidden;background:#fff;font-size:8.4px;color:var(--os-ink)}
.st[data-story="os"] .ap{background:#fff}.st[data-story="os"] .ap-osreg{opacity:1}
.os-top{position:absolute;left:18px;right:18px;top:14px;height:24px;display:flex;align-items:center;gap:8px}
.os-top .osp{flex:1}
.os-sbt{width:24px;height:24px;border-radius:50%;background:#f4f4f6;display:grid;place-items:center;color:#1f2430;box-shadow:0 0 0 1px #ececf0}.os-sbt svg{width:13px;height:13px}
.os-flt{position:relative;height:22px;width:62px;border-radius:11px;box-shadow:0 0 0 1px #e5e7eb;font-size:7.6px}.os-flt i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal}
.os-srch{position:relative;width:170px;height:22px;border-radius:11px;box-shadow:0 0 0 1px #e5e7eb;display:flex;align-items:center;padding:0 9px;gap:5px;color:#9ca3af;font-size:7.8px}
.os-si{width:10px;height:10px;color:#4b5563;flex:none}.os-srch .ph{position:absolute;left:24px}.os-srch .ty{color:#111827;position:relative}.os-srch .ty i{font-style:normal;opacity:0}.os-srch .x{position:absolute;right:8px;font-style:normal;font-size:7px;opacity:0;color:#6b7280}
.os-tt{position:absolute;left:18px;right:18px;top:46px;height:44px}
.os-tt>b{display:block;font-size:18px;font-weight:700;letter-spacing:-.3px}
.os-cnt{position:absolute;left:0;top:26px;height:16px;width:80px;font-size:12px;font-weight:700}.os-cnt i{position:absolute;left:0;top:0;font-style:normal;white-space:nowrap}.os-cnt em{font-style:normal;color:var(--os-bl)}.os-cnt .c1,.os-cnt .c2{opacity:0}
.os-btns{position:absolute;right:0;top:22px;display:flex;gap:6px}.os-btns i{font-style:normal;width:74px;height:21px;border-radius:5px;background:#3a4049;color:#fff;font-weight:600;display:grid;place-items:center;font-size:7.6px}
.os-th{position:absolute;left:18px;right:18px;top:98px;height:20px;border-top:1px solid var(--os-ln);border-bottom:1px solid var(--os-ln);display:grid;grid-template-columns:30% 30% 1fr 74px;align-items:center;color:var(--os-bl);font-size:7.2px;font-weight:500}
.os-th.k{grid-template-columns:50% 1fr}
.os-l{position:absolute;left:18px;right:18px;top:118px}.os-l.lb{opacity:0}
.os-r{position:relative;height:31px;border-bottom:1px solid var(--os-ln);display:grid;grid-template-columns:30% 30% 1fr 74px;align-items:center}
.os-r .nm{display:flex;align-items:center;gap:7px}.os-r .av,.os-dl .av{font-style:normal;width:19px;height:19px;border-radius:50%;background:linear-gradient(135deg,#f5c6cf,#d6f3fb);display:grid;place-items:center;font-size:6px;font-weight:700;color:#7b8089;flex:none}
.os-r b{font-size:8.2px;font-weight:600;line-height:1.15}.os-r small{display:block;font-size:6.2px;color:var(--os-mut);font-weight:400}
.os-r .em,.os-r .co{font-size:7.2px;color:#2b2f36;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:10px}
.os-st{position:relative;display:block;height:19px;border-radius:5px;font-size:7.4px;font-weight:600}.os-st i{position:absolute;inset:0;border-radius:5px;display:grid;place-items:center;font-style:normal}
.os-st .ci{background:#dbe9fd;color:var(--os-bl)}.os-st .co{background:#fde4e4;color:#e5484d;opacity:0}
.os-bar{position:absolute;left:10px;right:10px;bottom:10px;height:34px;border-radius:10px;background:#2a323a;display:flex;align-items:center;gap:10px;padding:0 12px;color:#fff;z-index:5}
.os-pi{width:16px;height:16px;flex:none}.os-bar .dv{width:1px;height:18px;background:rgba(255,255,255,.35)}
.os-bar .sy{color:#34c759;font-size:7.2px;letter-spacing:.3px}
.os-bar .vr{margin-left:auto;text-align:right;line-height:1}.os-epl{display:block;height:11px;width:auto;margin:0 0 2px auto}.os-bar small{font-size:5.4px;font-weight:600;letter-spacing:.2px}
.os-toast{position:absolute;left:10px;bottom:52px;width:250px;height:58px;border-radius:12px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.2),0 0 0 1px rgba(15,23,42,.06);display:flex;align-items:center;gap:9px;padding:0 10px;opacity:0;z-index:6}
.os-toast .tp{width:26px;height:26px;border-radius:8px;background:#e8f1fe;color:var(--os-bl);display:grid;place-items:center;flex:none}.os-toast .tp .os-pi{width:14px;height:14px}
.os-toast .tx{position:relative;flex:1;height:30px}.os-toast .tx b{display:block;font-size:8.2px}.os-toast .tx span{position:absolute;left:0;top:14px;font-size:7.2px;color:#4b5563;white-space:nowrap}.os-toast .tx .b{opacity:0;color:#16a34a;font-weight:600}
.os-bdg.mini{--s:.42;flex:none}
/* sidebar */
.os-dim{position:absolute;inset:0;background:rgba(15,23,42,.18);opacity:0;z-index:9}
.os-side{position:absolute;left:0;top:0;bottom:0;width:206px;background:#13202c;color:#fff;padding:18px 12px;z-index:10;transform:translateX(-102%)}
.os-side .bk{color:#4ea3ff;font-size:8px}.os-side .en{display:block;text-align:center;font-size:9.4px;margin-top:18px}.os-side .dt{display:block;text-align:center;font-size:7.4px;margin-top:6px;color:#cfd6de}
.os-side .hr{display:block;height:1px;background:rgba(255,255,255,.12);margin:14px 8px}.os-side .mh{display:block;font-size:6px;letter-spacing:.4px;color:#aeb7c2;margin:0 6px 7px}
.os-side .mi{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;font-size:8.2px;color:#d7dde4;margin-bottom:2px}.os-side .mi i{opacity:.8}.os-side .mi em{margin-left:auto;font-style:normal;opacity:.6}
.os-side .mi.on{background:#24384a;color:#fff}
/* attendee detail: consistent 28px gutter between the menu column and the content */
.os-dl{position:absolute;left:0;top:0;bottom:0;width:206px;background:#f2f2f7;padding:16px 12px}
.os-dl .bk{color:var(--os-bl);font-size:8.2px}
.os-dl .cd{margin-top:14px;background:#fff;border-radius:12px;padding:14px 14px 12px;text-align:center;box-shadow:0 1px 2px rgba(15,23,42,.05)}
.os-dl .cd .av{width:52px;height:52px;margin:0 auto 8px;font-size:15px;box-shadow:0 4px 12px rgba(15,23,42,.12)}
.os-dl .cd b{display:block;font-size:9.6px}.os-dl .cd .tk{display:block;font-size:7.2px;color:#f59e0b;margin:3px 0 9px}
.os-dl .cd .os-st{width:118px;margin:0 auto}
.os-dl .mh{display:block;font-size:6.2px;font-weight:700;letter-spacing:.4px;margin:16px 8px 6px}
.os-dl .mi{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;font-size:8px;margin-bottom:1px}.os-dl .mi em{margin-left:auto;font-style:normal;color:#9ca3af}
.os-dl .mi.on{background:#e3e3e8;color:var(--os-bl)}
/* menu icons (22 Oct 2026): the On-Site app's own SideMenu SVGs, used as masks so they take the item colour (grey, blue when selected) as in the app */
.os-side .mi i,.os-dl .mi i{flex:none;width:15px;height:15px;margin:-2px 0;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.os-side .m0 i{--ic:url(/assets/showcase/onsite-story/menu/side-menu-registrations.svg)}.os-side .m1 i{--ic:url(/assets/showcase/onsite-story/menu/side-menu-kiosk.svg)}.os-side .m2 i{--ic:url(/assets/showcase/onsite-story/menu/side-menu-sessions.svg)}.os-side .m3 i{--ic:url(/assets/showcase/onsite-story/menu/side-menu-settings.svg)}.os-side .m4 i{--ic:url(/assets/showcase/onsite-story/menu/side-menu-device-settings.svg)}
.os-dl .m0 i{--ic:url(/assets/showcase/onsite-story/menu/side-menu-dashboard.svg)}.os-dl .m1 i{--ic:url(/assets/showcase/onsite-story/menu/side-menu-registrations.svg)}.os-dl .m2 i{--ic:url(/assets/showcase/onsite-story/menu/side-menu-kiosk.svg)}.os-dl .m3 i{--ic:url(/assets/showcase/onsite-story/menu/side-menu-sessions.svg)}
.os-dl .mnon{position:absolute}
.os-dr{position:absolute;left:206px;right:0;top:0;bottom:0;padding:44px 28px 20px}
.os-dr .h{display:block;font-size:17px;font-weight:700;letter-spacing:-.3px;margin-bottom:10px}
.os-dr .sv{position:absolute;right:20px;top:14px;padding:5px 12px;border-radius:11px;box-shadow:0 0 0 1px #e5e7eb;color:#c4c7cc;font-size:7.6px}
.os-dr .fd{padding:6px 0;border-bottom:1px solid var(--os-ln)}.os-dr .fd small{display:block;font-size:6px;color:var(--os-mut);margin-bottom:2px}.os-dr .fd span{font-size:8.2px}
.os-dr.obd{opacity:0;text-align:center}.os-dr.obd .h{text-align:left}
.os-dr .bw{display:flex;justify-content:center;margin-top:10px}.os-dr .bw .os-bdg{--s:1.05}
.os-pbtn{display:inline-flex;align-items:center;gap:6px;margin-top:22px;height:24px;padding:0 16px;border-radius:6px;background:#3a4049;color:#fff;font-weight:600;font-size:8px}.os-pbtn .os-pi{width:12px;height:12px}
.os-prg{position:absolute;left:50%;bottom:26px;width:220px;margin-left:-110px;opacity:0}.os-prg span{position:relative;display:block;height:12px}.os-prg b{position:absolute;left:0;right:0;font-size:7.6px}.os-prg .b{opacity:0;color:#16a34a}
.os-prg i{display:block;height:4px;border-radius:2px;background:#e5e7eb;overflow:hidden;margin-top:4px}.os-prg u{display:block;height:100%;background:var(--os-bl);transform-origin:0 50%;transform:scaleX(0)}
.os-ok{position:absolute;right:20px;top:14px;display:flex;align-items:center;gap:5px;height:24px;padding:0 12px;border-radius:12px;background:#ecfdf3;color:#15803d;font-weight:600;font-size:7.8px;box-shadow:0 6px 18px rgba(15,23,42,.12);opacity:0}.os-ok svg{width:11px;height:11px}
/* kiosks list */
.os-kr{position:relative;height:26px;border-bottom:1px solid var(--os-ln);display:grid;grid-template-columns:50% 1fr;align-items:center;font-size:7.6px}.os-kr b{font-size:8.2px}

/* badge (shared): sized in em so the same badge renders full size, in the preview grid and as a toast thumbnail */
.os-bdg{--s:1;--tk:#F06E93;--tk2:#E8578A;--tkf:#fff;font-size:calc(var(--s)*8px);width:15em;height:21em;border-radius:1.1em;background:#fff;overflow:hidden;box-shadow:0 .6em 1.8em rgba(15,23,42,.18),0 0 0 .08em rgba(15,23,42,.08);display:flex;flex-direction:column;text-align:center;color:#0f172a}
.os-bdg.t-vip{--tk:#FBBF24;--tk2:#F59E0B;--tkf:#3b2a05}.os-bdg.t-vir{--tk:#2DD4BF;--tk2:#0EA5A4;--tkf:#fff}
.os-bdg .bh{height:4.6em;background:linear-gradient(120deg,#0b1b4d 0%,#1e40af 55%,#38bdf8 100%);display:flex;align-items:center;gap:.7em;padding:0 1em;color:#fff;text-align:left}
.os-bdg .bh .al-logo{width:3.3em;height:1.75em;background:#fff;flex:none}.os-bdg .ev{font-size:.78em;line-height:1.15;opacity:.95}.os-bdg .ev b{font-weight:700}
.os-bdg .bb{flex:1;padding:1.1em .9em .4em;display:flex;flex-direction:column;align-items:center}
.os-bdg .bn{font-size:1.65em;font-weight:800;line-height:1.05;letter-spacing:-.02em}
.os-bdg .bt{font-size:.82em;margin-top:.55em;color:#334155}.os-bdg .bc{font-size:.82em;font-weight:700;color:#1e40af;margin-top:.15em}
.os-bdg .os-qr{width:5.2em;height:5.2em;margin-top:auto}
.os-bdg .bf{height:2.3em;background:linear-gradient(90deg,var(--tk),var(--tk2));color:var(--tkf);font-weight:800;font-size:.9em;letter-spacing:.14em;display:grid;place-items:center}
/* AI Expo themed kiosk (custom kiosk layout) */
.os-kio{background:#0a1a4a url(/assets/showcase/onsite-story/ai-expo-kiosk-bg.webp) center/cover no-repeat;color:#fff}
.st[data-story="os"] .ap.os-kio{background:#0a1a4a url(/assets/showcase/onsite-story/ai-expo-kiosk-bg.webp) center/cover no-repeat}
.ap-oskh .art{position:absolute;left:44px;top:0;bottom:0;width:430px;display:flex;flex-direction:column;justify-content:center}
.ap-oskh .art .al-logo{width:96px;height:50px;background:#fff;margin-bottom:18px}
.ap-oskh .t1{font-size:40px;font-weight:800;letter-spacing:-1px;line-height:1}.ap-oskh .t2{font-size:40px;font-weight:800;letter-spacing:-1px;line-height:1.05;background:linear-gradient(90deg,#60a5fa,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.ap-oskh .t3{font-size:9.6px;margin-top:14px;color:#c7d7ff}.ap-oskh .t4{font-size:9px;margin-top:22px;padding:7px 12px;border-radius:16px;background:rgba(255,255,255,.1);box-shadow:0 0 0 1px rgba(255,255,255,.18) inset;align-self:flex-start}
.ap-oskh .tiles{position:absolute;right:26px;top:26px;bottom:26px;width:196px;display:flex;flex-direction:column;gap:12px}
.ap-oskh .otl{flex:1;border-radius:16px;background:rgba(10,22,60,.72);box-shadow:0 0 0 1px rgba(147,197,253,.28) inset,0 10px 30px rgba(0,0,0,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:9.6px;font-weight:600;text-align:center;padding:0 18px}
.ap-oskh .otl svg{width:26px;height:26px;color:#7dd3fc}.ap-oskh .otl.q{background:linear-gradient(150deg,#2563eb,#1d4ed8);box-shadow:0 10px 30px rgba(37,99,235,.45)}.ap-oskh .otl.q svg{color:#fff}
.os-kio .kh{position:absolute;left:0;right:0;top:34px;text-align:center;font-size:18px;font-weight:700}.os-kio .ks{position:absolute;left:0;right:0;top:60px;text-align:center;font-size:8.6px;color:#c7d7ff}
.os-kio .kx{position:absolute;left:18px;top:16px;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;font-style:normal;font-size:9px}
.ap-osks{background-position:left center}
.ap-osks .cam{position:absolute;left:50%;top:86px;width:250px;height:250px;margin-left:-125px;border-radius:26px;background:radial-gradient(circle at 30% 30%,#26324a,#0b0f19 70%);overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.ap-osks .phn{position:absolute;left:50%;top:40px;width:104px;height:184px;margin-left:-52px;border-radius:16px;background:#f8fafc;padding:22px 12px 0;text-align:center;color:#0f172a;transform:translateY(180px) rotate(-10deg);box-shadow:0 10px 26px rgba(0,0,0,.45)}
.ap-osks .phn .nt{position:absolute;left:50%;top:6px;width:30px;height:6px;margin-left:-15px;border-radius:3px;background:#0f172a}.ap-osks .phn span{display:block;font-size:7px;font-weight:700;margin-bottom:6px}.ap-osks .phn .os-qr{width:78px;height:78px}.ap-osks .phn small{display:block;font-size:6.6px;margin-top:5px;color:#475569}
.ap-osks .br{position:absolute;width:38px;height:38px;border:4px solid #7ac143;opacity:.95}.ap-osks .b1{left:40px;top:40px;border-right:0;border-bottom:0;border-radius:10px 0 0 0}.ap-osks .b2{right:40px;top:40px;border-left:0;border-bottom:0;border-radius:0 10px 0 0}.ap-osks .b3{left:40px;bottom:40px;border-right:0;border-top:0;border-radius:0 0 0 10px}.ap-osks .b4{right:40px;bottom:40px;border-left:0;border-top:0;border-radius:0 0 10px 0}
.ap-osks .ln{position:absolute;left:44px;right:44px;top:56px;height:2px;background:#7ac143;box-shadow:0 0 10px #7ac143;opacity:0}
.os-kio .ko{position:absolute;left:0;right:0;top:352px;text-align:center;font-size:8px;color:#c7d7ff}
.os-kio .kb{position:absolute;left:0;right:0;bottom:116px;display:flex;justify-content:center;gap:10px}.ap-osks .kb{bottom:auto;top:372px}
.os-kio .kb i{font-style:normal;min-width:150px;height:30px;padding:0 16px;border-radius:8px;background:rgba(15,30,80,.8);box-shadow:0 0 0 1px rgba(147,197,253,.3) inset;display:grid;place-items:center;font-size:9px;font-weight:600}
.os-kio .kb .go{background:linear-gradient(150deg,#2563eb,#1d4ed8);box-shadow:0 8px 22px rgba(37,99,235,.45)}
.os-kv .cardv{position:absolute;left:50%;top:92px;width:330px;margin-left:-165px;background:rgba(255,255,255,.96);color:#0f172a;border-radius:14px;padding:10px 18px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.os-kv .fd{padding:7px 0;border-bottom:1px solid #eef0f4}.os-kv .fd:last-child{border-bottom:0}.os-kv .fd small{display:block;font-size:6.4px;color:#64748b;margin-bottom:2px}.os-kv .fd span{font-size:9px;font-weight:600}
.os-kv .kb{bottom:84px}
.ap-oskb .bw{position:absolute;left:50%;top:90px;margin-left:-66px}.ap-oskb .bw .os-bdg{--s:1.1}.ap-oskb .kb{bottom:40px}
.os-kd .ck{position:absolute;left:50%;top:40px;width:54px;height:54px;margin-left:-27px}.os-kd .ck svg{width:100%;height:100%}
.os-kd .kh{top:104px}.os-kd .ks{top:130px;font-size:10px}
.os-kd .opr{position:absolute;left:50%;top:170px;width:200px;margin-left:-100px;height:280px}
.os-kd .oslot{position:absolute;left:0;right:0;top:0;height:16px;border-radius:8px;background:linear-gradient(#1e293b,#0f172a);box-shadow:0 0 0 1px rgba(147,197,253,.3) inset,0 8px 20px rgba(0,0,0,.35);z-index:2}
.os-kd .out{position:absolute;left:50%;top:8px;width:120px;margin-left:-60px;height:270px;overflow:hidden}.os-kd .out .os-bdg{--s:1;transform:translateY(-100%)}
.os-kd .okp{position:absolute;left:0;right:0;bottom:24px;text-align:center;font-size:8.6px;color:#c7d7ff}
.os-kq{background:#0a1a4a}.os-kq .kbk{position:absolute;left:18px;top:18px;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;font-style:normal;font-size:14px}
.os-kq .sb{position:absolute;left:58px;right:24px;top:16px;height:30px;border-radius:9px;background:rgba(255,255,255,.14);display:flex;align-items:center;gap:7px;padding:0 12px;font-size:10px}.os-kq .sb .os-si{color:#c7d7ff;width:12px;height:12px}.os-kq .sb .ph{position:absolute;left:32px;color:#9fb3e6}.os-kq .sb .ty i{font-style:normal;opacity:0}
.os-kq .rc{position:absolute;left:24px;right:24px;height:44px;border-radius:10px;background:rgba(255,255,255,.95);color:#0f172a;padding:8px 14px;opacity:0}.os-kq .rc b{display:block;font-size:10px}.os-kq .rc span{display:block;font-size:8px;color:#64748b;margin-top:2px}.os-kq .rc em{position:absolute;right:14px;top:14px;font-style:normal;color:#94a3b8}
.os-kq .c0{top:62px}.os-kq .c1{top:112px}
/* 20 Oct (Serhat 08:37): Zebra ZD620-style desktop badge printer (HTML/CSS, no logo) beside the iPad; the badge feeds out of the front slot */
/* ZD621 (22 Oct 2026, Serhat): front-view photo 486x514 shown 210px wide, centred under the iPad, which steps back to 62% (scaled from its top
   centre). The media exit spans x 92-394 at y 348 of the photo, i.e. 40-170 at y 150 here; the badge feeds straight down out of it. */
.st[data-story="os"] .os-zp{position:absolute;left:407px;top:340px;width:210px;height:300px;z-index:6;opacity:0;pointer-events:none}
.os-zp .zimg{position:absolute;left:0;top:0;width:210px;height:auto;filter:drop-shadow(0 10px 16px rgba(15,23,42,.3))}
.os-zp .zo{position:absolute;left:40px;width:130px;top:150px;height:140px;overflow:hidden}
.os-zp .zo .os-bdg{--s:.74;margin:0 auto;transform:translateY(-101%);transform-origin:50% 0;border-radius:.3em}
@media (prefers-reduced-motion:reduce){.st[data-story="os"] .ap-osreg{opacity:0}.st[data-story="os"] .ap-oskh{opacity:1}}

/* ===== Meetings story (2026-10-20): Event App booking (phone, right) > Partner Portal approval + calendar (left, the hero) > Confirmed on the phone. 1024x591 canvas, timeline in site.js ===== */
.mtg .st-ph{left:722px;top:18px}
.mtg .ph-scr{--ac:#1f75e0;--mg:#d4239c;font-size:9px;color:#111827}
.mtg .ap-mex{opacity:1}
.mtg .ex-c{height:52px;margin-bottom:6px}.mtg .ex-c .fx{font-size:11.5px}
.mtg .mt-lg{font-weight:800;color:#0e7490;font-size:15px;margin:2px 0 5px}.mtg .mt-lg small,.mtg .ex-c small{font-size:6px;letter-spacing:.2em;margin-left:2px}
.mtg .pd-k{color:var(--mg)}
.mtg .mt-req{max-height:0;opacity:0;overflow:hidden}
.mtg .rq{position:relative;background:#fff7e6;border:1px solid #fde3b0;margin-top:2px}
.mtg .rq>*:not(.bgok){position:relative;z-index:1}
.mtg .rq .bgok{position:absolute;inset:-1px;border-radius:9px;background:#ecfdf3;border:1px solid #86efac;opacity:0;z-index:0}
.mtg .rq .mst{height:11px}.mtg .rq .mst b{position:absolute;left:0;top:0;white-space:nowrap}.mtg .rq .s0{color:#b45309}.mtg .rq .s1{color:#15803d;opacity:0}
.mtg .rq .m1{font-style:normal;color:#15803d;font-weight:600;max-height:0;opacity:0;overflow:hidden}
.mtg .mt-ch{display:flex;flex-wrap:wrap;gap:4px}.mtg .mt-ch i{font-style:normal;background:#312e81;color:#fff;border-radius:99px;padding:3px 7px;font-size:7px}
.mtg .pd-f .b-bm{background:var(--mg);border-color:var(--mg);color:#fff}
.mtg .slot.sel{border-color:var(--mg);color:var(--mg);font-weight:600}.mtg .slot.row b{color:var(--mg);font-weight:600}
.mtg .slot .sl,.mtg .tm .sl{position:absolute;inset:-1px;border:1.5px solid var(--mg);border-radius:8px;background:color-mix(in srgb,var(--mg) 8%,transparent);opacity:0}
.mtg .tm{position:relative}.mtg .tm .sl{border-radius:9px}
.mtg .in.f-m{min-height:46px}
.mtg .mt-tp{position:absolute;left:12px;right:12px;top:80px;z-index:25;background:#111827;color:#fff;border-radius:10px;padding:8px 10px;font-size:8px;font-weight:600;display:flex;gap:6px;align-items:center;opacity:0;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.mtg .mt-tp i{font-style:normal;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#22c55e;font-size:8px;flex:none}
/* Partner Portal (exhibitor view) */
.mtg .mt-pt{position:absolute;left:22px;top:46px;width:670px;height:500px;background:#fff;border-radius:12px;box-shadow:0 18px 50px rgba(15,23,42,.18),0 0 0 1px rgba(15,23,42,.08);overflow:hidden;font-size:8px;color:#111827}
.mtg .pt-top{position:absolute;left:0;right:0;top:0;height:36px;border-bottom:1px solid #eceef1;display:flex;align-items:center;gap:16px;padding:0 14px;z-index:2;background:#fff}
.mtg .pt-top .al-logo{background:#1f75e0;width:36px;height:19px;margin-right:auto}
.mtg .pt-top .msg{display:flex;align-items:center;gap:4px;color:#374151}.mtg .pt-top .msg svg{width:13px;height:13px}
.mtg .pt-top .me{display:flex;align-items:center;gap:6px}.mtg .pt-top .me>i{font-style:normal;display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:#0e7490;color:#fff;font-size:6.5px;font-weight:700}
.mtg .pt-top .me b{display:block;font-size:7.6px}.mtg .pt-top .me small{display:block;color:#6b7280;font-size:6.6px}
.mtg .pt-side{position:absolute;left:0;top:36px;bottom:0;width:136px;background:#f7f7f8;border-right:1px solid #eef0f3;padding:10px 8px;font-size:7.6px}
.mtg .pt-side>b{display:block;font-size:8.4px;margin:0 0 9px}
.mtg .pt-org{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:8px 0;margin-bottom:6px}.mtg .pt-org b{display:block;font-size:10px}.mtg .pt-org span{display:block;color:#4b5563;font-size:7px;margin-top:2px}.mtg .pt-org small{color:#6b7280;font-size:6px}
.mtg .pt-side>div[class^="s"]{padding:5px 8px;border-radius:6px;color:#374151;background:rgba(31,41,55,0);margin-bottom:1px}
.mtg .pt-side>div.s10{background:#1f2937;color:#fff}
.mtg .pt-main{position:absolute;left:136px;right:0;top:36px;bottom:0;padding:14px 16px 0;overflow:hidden}
.mtg .mt-h{position:relative;height:20px}.mtg .mt-h b{position:absolute;left:0;top:0;font-size:15px;font-weight:600}.mtg .mt-h .h1{opacity:0}
.mtg .mt-fl{display:flex;align-items:flex-end;gap:8px;margin-top:8px}
.mtg .mt-fl>div:not(.mt-vw) span{display:block;font-size:6.4px;font-weight:600;margin-bottom:3px}
.mtg .mt-fl>div:not(.mt-vw) i{display:block;font-style:normal;border:1px solid #d1d5db;border-radius:5px;padding:5px 7px;font-size:7px;min-width:92px}
.mtg .mt-vw{margin-left:auto;display:flex;border:1px solid #d1d5db;border-radius:6px;overflow:hidden}
.mtg .mt-vw b{font-weight:600;font-size:7px;padding:6px 9px;background:#ffffff;color:#111827;white-space:nowrap}.mtg .mt-vw .v0{background:#111827;color:#ffffff}
.mtg .mt-ac{font-style:normal;border:1px solid #d1d5db;border-radius:6px;padding:6px 9px;font-size:7px;font-weight:600;white-space:nowrap}
.mtg .mt-ls,.mtg .mt-cal{position:absolute;left:16px;right:16px;top:84px;bottom:0}
.mtg .mt-cal{opacity:0}
.mtg .mt-days{display:flex;gap:6px;margin-bottom:9px}.mtg .mt-days>*{border:1px solid #d1d5db;border-radius:6px;padding:4px 10px;font-size:6.8px;font-weight:600;text-align:center;line-height:1.25;background:#fff}
.mtg .mt-days b{background:#111827;color:#fff;border-color:#111827;display:grid;place-items:center;min-width:52px}
.mtg .mt-lw{position:relative}
.mtg .mt-cd{position:relative;border:1px solid #e5e7eb;border-radius:8px;padding:9px 11px;margin-bottom:7px;background:#fff;height:94px}
.mtg .mt-cd.n0{position:absolute;left:0;right:0;top:0;opacity:0;z-index:1}
.mtg .mt-cd .pv-fl{position:absolute;inset:0;border-radius:8px;background:color-mix(in srgb,#1f75e0 7%,transparent);box-shadow:0 0 0 1.5px color-mix(in srgb,#1f75e0 50%,transparent);opacity:0;pointer-events:none}
.mtg .mt-cd .cs{position:relative;height:12px}.mtg .mt-cd .cs span{position:absolute;left:0;top:0;display:flex;align-items:center;gap:5px;font-weight:600;font-size:7.6px;white-space:nowrap}.mtg .mt-cd .cs svg{width:11px;height:11px}
.mtg .mt-cd .c,.mtg .mt-cd .cnl{opacity:0}.mtg .mt-cd.ok .c,.mtg .mt-cd.ok .cnl{opacity:1}.mtg .mt-cd.ok .p,.mtg .mt-cd.ok .dc,.mtg .mt-cd.ok .cf{opacity:0}
.mtg .mt-cd .tt{display:block;font-size:8.4px;margin-top:6px}.mtg .mt-cd .dy{display:block;font-size:6.6px;color:#6b7280;margin-top:1px}
.mtg .mt-cd .ti{position:absolute;left:150px;top:27px;font-size:7.6px;font-weight:600;color:#111827}.mtg .mt-cd .ti em{display:block;font-style:normal;font-weight:400;font-size:6.4px;color:#6b7280;margin-bottom:1px}
.mtg .mt-cd .pp{display:flex;gap:56px;margin-top:8px}.mtg .mt-cd .pe{display:flex;gap:6px;align-items:center;min-width:84px}
.mtg .mt-cd .pe>i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:7px;font-weight:700;color:#374151}
.mtg .mt-cd .pe b{display:block;font-size:7.6px;font-weight:600}.mtg .mt-cd .pe span{display:block;font-size:6.4px;color:#6b7280}
.mtg .mt-cd .bt{position:absolute;right:11px;top:9px;display:flex;gap:5px}.mtg .mt-cd .bt span{font-size:7px;font-weight:600;border-radius:5px;padding:5px 11px}
.mtg .mt-cd .dc{background:#e5383b;color:#fff}.mtg .mt-cd .cf{background:#84cc16;color:#fff}.mtg .mt-cd .bt .cnl{position:absolute;right:0;top:0;border:1px solid #d1d5db;background:#fff;color:#111827}
.mtg .mt-rest{position:relative}
.mtg .mt-gr{position:relative;border:1px solid #e5e7eb;border-radius:8px;height:330px;overflow:hidden}
.mtg .mt-gr .rw{height:36px;border-top:1px solid #eef0f3;position:relative}.mtg .mt-gr .rw:first-child{border-top:0}.mtg .mt-gr .rw span{position:absolute;left:8px;top:4px;font-size:6.4px;color:#6b7280}
.mtg .mt-gr .bk{position:absolute;left:66px;right:12px;border-radius:6px;padding:0 9px;display:flex;align-items:center;gap:8px;font-size:7px;overflow:hidden}
.mtg .mt-gr .bk b{font-size:7.6px;position:relative}.mtg .mt-gr .bk span{color:#4b5563;font-size:6.6px;position:relative}
.mtg .mt-gr .bk.ok{background:#e9f7dc;border-left:3px solid #84cc16}.mtg .mt-gr .bk.bl{background:#f1f2f4;border-left:3px solid #9ca3af}.mtg .mt-gr .bk.pd{background:#fff7e6;border-left:3px solid #f59e0b}
.mtg .mt-gr .b1{opacity:0;transform-origin:0 50%}
.mtg .mt-gr .pv-fl{position:absolute;inset:0;background:color-mix(in srgb,#1f75e0 10%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,#1f75e0 50%,transparent);border-radius:6px;opacity:0}
.mtg .mt-dim{position:absolute;inset:0;background:rgba(17,24,39,.35);opacity:0;z-index:5}
.mtg .mt-md{position:absolute;left:50%;top:176px;width:252px;margin-left:-126px;background:#fff;border-radius:10px;padding:14px 16px;box-shadow:0 20px 50px rgba(0,0,0,.25);z-index:6;opacity:0}
.mtg .mt-md>b{font-size:10px}.mtg .mt-md p{font-size:7.4px;color:#4b5563;line-height:1.5;margin:6px 0 12px}.mtg .mt-md p b{color:#111827}
.mtg .mt-md div{display:flex;justify-content:flex-end;gap:6px}.mtg .mt-md span{font-size:7.4px;font-weight:600;border-radius:6px;padding:6px 16px}.mtg .mt-md .cn{border:1px solid #d1d5db}.mtg .mt-md .cf{background:#84cc16;color:#fff}
.mtg .mt-tst{position:absolute;left:50%;top:44px;margin-left:-64px;width:128px;background:#84cc16;color:#fff;border-radius:6px;padding:6px 9px;font-size:7.4px;font-weight:600;display:flex;align-items:center;gap:6px;z-index:7;opacity:0;box-shadow:0 6px 16px rgba(0,0,0,.15)}
.mtg .mt-tst i{font-style:normal;display:grid;place-items:center;width:11px;height:11px;border-radius:50%;background:#fff;color:#65a30d;font-size:7px;font-weight:800}.mtg .mt-tst em{margin-left:auto;font-style:normal}
/* the request travelling between the two apps */
.mtg .mt-wire{position:absolute;left:0;top:0;width:1024px;height:591px;z-index:30;pointer-events:none;overflow:visible}
.mtg .mt-wire path{fill:none;stroke:#1f75e0;stroke-width:1.6;stroke-dasharray:4 5;stroke-linecap:round;opacity:0}
.mtg .mt-dot{position:absolute;left:0;top:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#1f75e0;box-shadow:0 0 0 4px rgba(31,117,224,.22),0 0 14px rgba(31,117,224,.7);z-index:31;opacity:0;pointer-events:none}
.mtg .mt-ping{position:absolute;left:0;top:0;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:2px solid #1f75e0;z-index:31;opacity:0;pointer-events:none}
/* Meetings story, appended ending (20 Oct 2026): the portal fades, the phone moves to the centre and carries on (Networking > chat > Book a meeting > Meeting Request Sent in the chat) */
.mtg .ap-mch .bub{width:fit-content}
.mtg .ap-mch .mt-mrw{max-height:0;opacity:0;overflow:hidden;display:flex;flex-direction:column;flex:none}
.mtg .ap-mch .mt-mrw .mrq{margin-top:1px}
.mtg .ap-mch .mt-sl{position:relative;flex:none}.mtg .ap-mch .mt-sl .dots{position:absolute;left:0;top:0;margin:0}
.mtg .ap-mch .ch-in .mw{position:absolute;left:11px;right:54px;top:0;bottom:0;display:flex;align-items:center}
@media (prefers-reduced-motion:reduce){.mtg .ap-mex{opacity:0}.mtg .ap-mpd{opacity:1}.mtg .mt-req{max-height:none;opacity:1}.mtg .rq .s0{opacity:0}.mtg .rq .s1,.mtg .rq .bgok{opacity:1}.mtg .rq .m1{max-height:none;opacity:1}
  .mtg .mt-cd.n0{opacity:1}.mtg .mt-rest{transform:translateY(101px)}.mtg .mt-cd.n0 .p,.mtg .mt-cd.n0 .dc,.mtg .mt-cd.n0 .cf{opacity:0}.mtg .mt-cd.n0 .c,.mtg .mt-cd.n0 .cnl{opacity:1}}

/* ===== 2026-10-20 showcase-fixes (Job 1): the "Take a closer look" frame clips cleanly and stops jumping as tabs are added.
   Cause: the frame (.sc-grid) has a fixed height but its row grew with the open item's description (list 588-690px with 9-10 tabs),
   so the list spilled past the frame bottom, the stage resized per tab, and .sc-left's align-content:center re-centred the list and
   the prev/next buttons on every switch (autoplay too). Mobile: the frame height followed the description, moving the page below. ===== */
.sc2 .sc-grid{position:relative;overflow:clip;isolation:isolate}
@media (min-width:769px){
  html .sc2 .sc-grid,html[data-showcase="box"] .sc2 .sc-grid.has-more{grid-template-rows:minmax(0,1fr)}
}
@media (min-width:1101px){html[data-showcase="box"] .sc2 .sc-grid,html[data-showcase="box"] .sc2 .sc-grid.has-more{height:760px}}
@media (max-width:768px){.sc2 .sc-left{min-height:var(--sc-left-min,328px)}html[data-showcase] .sc2 .sc-grid .sc-item,html[data-showcase] .sc2 .sc-grid .sc-item.is-on{max-width:none}}
@media (min-width:600px) and (max-width:768px){.sc2 .sc-left{--sc-left-min:176px}}
@media (max-width:374px){.sc2 .sc-left{--sc-left-min:352px}}

/* ===== 2026-10-20 showcase-fixes (Job 2): "AI-Powered Event Workflows" selected -> a faint AI background over the whole frame:
   drifting soft blobs (::before) + a faint flowing neural line (::after, SVG mask in the theme colours). transform/opacity only,
   under all content (z-index:-1 inside the isolated frame), clipped by the frame radius, fades with the tab switch. ===== */
.sc2{--sc-ai-a:color-mix(in srgb,var(--c-secondary,var(--c-primary)) 40%,#3E7BFA);--sc-ai-b:color-mix(in srgb,var(--c-primary) 25%,#7B61FF)}
.sc2 .sc-grid::before,.sc2 .sc-grid::after{content:"";position:absolute;pointer-events:none;z-index:-1;opacity:0;transition:opacity .7s ease;animation-play-state:paused}
.sc2 .sc-grid::before{inset:-25%;background:radial-gradient(28% 32% at 30% 34%,color-mix(in srgb,var(--sc-ai-a) 16%,transparent),transparent 70%),radial-gradient(32% 28% at 70% 66%,color-mix(in srgb,var(--sc-ai-b) 11%,transparent),transparent 70%),radial-gradient(22% 24% at 78% 24%,color-mix(in srgb,var(--sc-ai-a) 11%,transparent),transparent 70%);
  animation:scAiDrift 28s ease-in-out infinite alternate;animation-play-state:paused}
.sc2 .sc-grid::after{left:0;top:0;width:200%;height:100%;background:linear-gradient(90deg,var(--sc-ai-a),var(--sc-ai-b) 50%,var(--sc-ai-a));
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 700' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath vector-effect='non-scaling-stroke' d='M0 470C150 380 450 380 600 470S1050 560 1200 470'/%3E%3Cpath vector-effect='non-scaling-stroke' stroke-opacity='.55' d='M0 250C200 190 400 190 600 250S1000 310 1200 250'/%3E%3C/g%3E%3Cg fill='%23000'%3E%3Ccircle cx='300' cy='402' r='3'/%3E%3Ccircle cx='900' cy='537' r='3'/%3E%3Ccircle cx='450' cy='205' r='2.4'/%3E%3Ccircle cx='1050' cy='295' r='2.4'/%3E%3C/g%3E%3C/svg%3E") 0 0/50% 100% repeat-x;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 700' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath vector-effect='non-scaling-stroke' d='M0 470C150 380 450 380 600 470S1050 560 1200 470'/%3E%3Cpath vector-effect='non-scaling-stroke' stroke-opacity='.55' d='M0 250C200 190 400 190 600 250S1000 310 1200 250'/%3E%3C/g%3E%3Cg fill='%23000'%3E%3Ccircle cx='300' cy='402' r='3'/%3E%3Ccircle cx='900' cy='537' r='3'/%3E%3Ccircle cx='450' cy='205' r='2.4'/%3E%3Ccircle cx='1050' cy='295' r='2.4'/%3E%3C/g%3E%3C/svg%3E") 0 0/50% 100% repeat-x;
  animation:scAiFlow 40s linear infinite;animation-play-state:paused}
.sc2 .sc-grid:has(.sc-item.is-on #sc-tab-ai)::before{opacity:1;animation-play-state:running}
.sc2 .sc-grid:has(.sc-item.is-on #sc-tab-ai)::after{opacity:.18;animation-play-state:running}
@keyframes scAiDrift{from{transform:translate3d(-4%,-3%,0) rotate(0deg)}to{transform:translate3d(5%,4%,0) rotate(6deg)}}
@keyframes scAiFlow{to{transform:translate3d(-50%,0,0)}}
@media (prefers-reduced-motion:reduce){.sc2 .sc-grid::before,.sc2 .sc-grid::after{animation:none!important;transition:none}}

/* ===== 2026-10-20 showcase-fixes: one menu look on every tab - frosted-glass pills and open card (grey pill tone, slightly see-through
   with a blur, so they read as the Apple-style grey pills on the plain frame and stay legible over the AI background), full-strength
   description text. No per-tab menu colours. ===== */
html .sc2 .sc-grid .sc-item:not(.is-on),html .sc2 .sc-grid .sc-item.is-on,html[data-showcase] .sc2 .sc-grid .sc-item:not(.is-on),html[data-showcase] .sc2 .sc-grid .sc-item.is-on{background:color-mix(in srgb,var(--sc-pill) 64%,transparent);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 1px color-mix(in srgb,var(--c-heading) 9%,transparent),0 6px 20px -8px rgba(15,23,42,.18)}
html .sc2 .sc-grid .sc-item:not(.is-on):hover,html[data-showcase] .sc2 .sc-grid .sc-item:not(.is-on):hover{background:color-mix(in srgb,var(--sc-pill-h) 74%,transparent)}
html .sc2 .sc-grid .sc-item.is-on .sc-desc>p{color:var(--c-text,var(--c-heading))}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html .sc2 .sc-grid .sc-item:not(.is-on),html .sc2 .sc-grid .sc-item.is-on,html[data-showcase] .sc2 .sc-grid .sc-item:not(.is-on),html[data-showcase] .sc2 .sc-grid .sc-item.is-on{background:var(--sc-pill)}}

/* 2026-10-20 Lead Capture story: answer and note fields wrap onto 2-3 lines (tyw() keeps real spaces; the field grows with the text) */
.st[data-story="lead"] .lc-ta{white-space:normal;overflow-wrap:anywhere;height:auto}
.st[data-story="lead"] .lc-ta .tyw{display:block;white-space:normal;overflow-wrap:break-word;word-break:normal}

/* ===== 2026-10-20 showcase: Reporting & Event Data tab (keyed by its tab id) - a very faint report chart over the whole frame: bottom band of
   layered area waves (the middle one is the attendance curve, dashed peak guide + peak dot) over evenly spaced bars, faded out under
   Learn more; blurred KPI texture (donut, Check-ins 1,876 +18%) top right instead of the blue tint; soft teal from the theme, static, under all content, clipped by the frame radius ===== */
.sc2 .sc-grid:has(.sc-item.is-on #sc-tab-reports)::after{width:100%;opacity:.12;animation:none;transform:none;
  background:color-mix(in srgb,var(--c-secondary,var(--c-primary)) 22%,#14B8A6);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 380' preserveAspectRatio='none'%3E%3Cdefs%3E%3CradialGradient id='f' cx='.94' cy='.92' r='.32'%3E%3Cstop offset='0' stop-color='%23000'/%3E%3Cstop offset='.55' stop-color='%23000' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/radialGradient%3E%3Cmask id='m'%3E%3Crect width='1200' height='380' fill='url%28%23f%29'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url%28%23m%29'%3E%3Cg fill='%23000' fill-opacity='.22'%3E%3Crect x='28' y='290' width='30' height='90' rx='5'/%3E%3Crect x='88' y='260' width='30' height='120' rx='5'/%3E%3Crect x='148' y='275' width='30' height='105' rx='5'/%3E%3Crect x='208' y='230' width='30' height='150' rx='5'/%3E%3Crect x='268' y='245' width='30' height='135' rx='5'/%3E%3Crect x='328' y='200' width='30' height='180' rx='5'/%3E%3Crect x='388' y='170' width='30' height='210' rx='5'/%3E%3Crect x='448' y='140' width='30' height='240' rx='5'/%3E%3Crect x='508' y='120' width='30' height='260' rx='5'/%3E%3Crect x='568' y='130' width='30' height='250' rx='5'/%3E%3Crect x='628' y='155' width='30' height='225' rx='5'/%3E%3Crect x='688' y='180' width='30' height='200' rx='5'/%3E%3Crect x='748' y='150' width='30' height='230' rx='5'/%3E%3Crect x='808' y='165' width='30' height='215' rx='5'/%3E%3Crect x='868' y='195' width='30' height='185' rx='5'/%3E%3Crect x='928' y='220' width='30' height='160' rx='5'/%3E%3Crect x='988' y='205' width='30' height='175' rx='5'/%3E%3Crect x='1048' y='230' width='30' height='150' rx='5'/%3E%3Crect x='1108' y='250' width='30' height='130' rx='5'/%3E%3Crect x='1168' y='240' width='30' height='140' rx='5'/%3E%3C/g%3E%3Cpath d='M0 380 L0 300 C25 295 100 282 150 270 C200 258 250 243 300 230 C350 217 400 203 450 190 C500 177 550 152 600 150 C650 148 700 164 750 175 C800 186 850 202 900 215 C950 228 1000 239 1050 250 C1100 261 1175 275 1200 280 L1200 380Z' fill='%23000' fill-opacity='.30'/%3E%3Cpath d='M0 380 L0 330 C25 325 100 313 150 300 C200 287 250 272 300 250 C350 228 400 193 450 170 C500 147 550 115 600 110 C650 105 700 125 750 140 C800 155 850 180 900 200 C950 220 1000 243 1050 260 C1100 277 1175 293 1200 300 L1200 380Z' fill='%23000' fill-opacity='.42'/%3E%3Cpath d='M0 380 L0 350 C25 348 100 342 150 335 C200 328 250 321 300 310 C350 299 400 282 450 270 C500 258 550 243 600 240 C650 237 700 242 750 250 C800 258 850 273 900 285 C950 297 1000 311 1050 320 C1100 329 1175 337 1200 340 L1200 380Z' fill='%23000' fill-opacity='.55'/%3E%3Cpath d='M0 330 C25 325 100 313 150 300 C200 287 250 272 300 250 C350 228 400 193 450 170 C500 147 550 115 600 110 C650 105 700 125 750 140 C800 155 850 180 900 200 C950 220 1000 243 1050 260 C1100 277 1175 293 1200 300' fill='none' stroke='%23000' stroke-width='2.5' vector-effect='non-scaling-stroke' stroke-linecap='round'/%3E%3Cpath d='M600 110V380' stroke='%23000' stroke-opacity='.5' stroke-width='1.5' stroke-dasharray='4 6' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") 0 100%/100% 50% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23000' fill-opacity='.35'/%3E%3Ccircle cx='12' cy='12' r='5' fill='%23000'/%3E%3C/svg%3E") 50.2% 65.4%/18px 18px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 120'%3E%3Cdefs%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='1.6'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url%28%23b%29' font-family='Inter,Helvetica,Arial,sans-serif' fill='%23000'%3E%3Ccircle cx='60' cy='60' r='38' fill='none' stroke='%23000' stroke-opacity='.3' stroke-width='12'/%3E%3Cpath d='M60 22a38 38 0 1 1-33 57' fill='none' stroke='%23000' stroke-width='12' stroke-linecap='round'/%3E%3Ctext x='120' y='48' font-size='18' font-weight='600' fill-opacity='.7'%3ECheck-ins%3C/text%3E%3Ctext x='120' y='86' font-size='34' font-weight='700'%3E1,876%3C/text%3E%3Ctext x='232' y='86' font-size='18' font-weight='700' fill-opacity='.8'%3E%2B18%25%3C/text%3E%3C/g%3E%3C/svg%3E") 94% 7%/230px 92px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 380' preserveAspectRatio='none'%3E%3Cdefs%3E%3CradialGradient id='f' cx='.94' cy='.92' r='.32'%3E%3Cstop offset='0' stop-color='%23000'/%3E%3Cstop offset='.55' stop-color='%23000' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/radialGradient%3E%3Cmask id='m'%3E%3Crect width='1200' height='380' fill='url%28%23f%29'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url%28%23m%29'%3E%3Cg fill='%23000' fill-opacity='.22'%3E%3Crect x='28' y='290' width='30' height='90' rx='5'/%3E%3Crect x='88' y='260' width='30' height='120' rx='5'/%3E%3Crect x='148' y='275' width='30' height='105' rx='5'/%3E%3Crect x='208' y='230' width='30' height='150' rx='5'/%3E%3Crect x='268' y='245' width='30' height='135' rx='5'/%3E%3Crect x='328' y='200' width='30' height='180' rx='5'/%3E%3Crect x='388' y='170' width='30' height='210' rx='5'/%3E%3Crect x='448' y='140' width='30' height='240' rx='5'/%3E%3Crect x='508' y='120' width='30' height='260' rx='5'/%3E%3Crect x='568' y='130' width='30' height='250' rx='5'/%3E%3Crect x='628' y='155' width='30' height='225' rx='5'/%3E%3Crect x='688' y='180' width='30' height='200' rx='5'/%3E%3Crect x='748' y='150' width='30' height='230' rx='5'/%3E%3Crect x='808' y='165' width='30' height='215' rx='5'/%3E%3Crect x='868' y='195' width='30' height='185' rx='5'/%3E%3Crect x='928' y='220' width='30' height='160' rx='5'/%3E%3Crect x='988' y='205' width='30' height='175' rx='5'/%3E%3Crect x='1048' y='230' width='30' height='150' rx='5'/%3E%3Crect x='1108' y='250' width='30' height='130' rx='5'/%3E%3Crect x='1168' y='240' width='30' height='140' rx='5'/%3E%3C/g%3E%3Cpath d='M0 380 L0 300 C25 295 100 282 150 270 C200 258 250 243 300 230 C350 217 400 203 450 190 C500 177 550 152 600 150 C650 148 700 164 750 175 C800 186 850 202 900 215 C950 228 1000 239 1050 250 C1100 261 1175 275 1200 280 L1200 380Z' fill='%23000' fill-opacity='.30'/%3E%3Cpath d='M0 380 L0 330 C25 325 100 313 150 300 C200 287 250 272 300 250 C350 228 400 193 450 170 C500 147 550 115 600 110 C650 105 700 125 750 140 C800 155 850 180 900 200 C950 220 1000 243 1050 260 C1100 277 1175 293 1200 300 L1200 380Z' fill='%23000' fill-opacity='.42'/%3E%3Cpath d='M0 380 L0 350 C25 348 100 342 150 335 C200 328 250 321 300 310 C350 299 400 282 450 270 C500 258 550 243 600 240 C650 237 700 242 750 250 C800 258 850 273 900 285 C950 297 1000 311 1050 320 C1100 329 1175 337 1200 340 L1200 380Z' fill='%23000' fill-opacity='.55'/%3E%3Cpath d='M0 330 C25 325 100 313 150 300 C200 287 250 272 300 250 C350 228 400 193 450 170 C500 147 550 115 600 110 C650 105 700 125 750 140 C800 155 850 180 900 200 C950 220 1000 243 1050 260 C1100 277 1175 293 1200 300' fill='none' stroke='%23000' stroke-width='2.5' vector-effect='non-scaling-stroke' stroke-linecap='round'/%3E%3Cpath d='M600 110V380' stroke='%23000' stroke-opacity='.5' stroke-width='1.5' stroke-dasharray='4 6' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") 0 100%/100% 50% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23000' fill-opacity='.35'/%3E%3Ccircle cx='12' cy='12' r='5' fill='%23000'/%3E%3C/svg%3E") 50.2% 65.4%/18px 18px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 120'%3E%3Cdefs%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='1.6'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url%28%23b%29' font-family='Inter,Helvetica,Arial,sans-serif' fill='%23000'%3E%3Ccircle cx='60' cy='60' r='38' fill='none' stroke='%23000' stroke-opacity='.3' stroke-width='12'/%3E%3Cpath d='M60 22a38 38 0 1 1-33 57' fill='none' stroke='%23000' stroke-width='12' stroke-linecap='round'/%3E%3Ctext x='120' y='48' font-size='18' font-weight='600' fill-opacity='.7'%3ECheck-ins%3C/text%3E%3Ctext x='120' y='86' font-size='34' font-weight='700'%3E1,876%3C/text%3E%3Ctext x='232' y='86' font-size='18' font-weight='700' fill-opacity='.8'%3E%2B18%25%3C/text%3E%3C/g%3E%3C/svg%3E") 94% 7%/230px 92px no-repeat}
html[data-theme="03-dark-premium"] .sc2 .sc-grid:has(.sc-item.is-on #sc-tab-reports)::after,html[data-theme="08-event-energy-neon"] .sc2 .sc-grid:has(.sc-item.is-on #sc-tab-reports)::after{opacity:.16}

/* ===== 2026-10-20 showcase: per-tab frame backgrounds v2 (Serhat): art only where it is visible - the menu column (seen through
   the frosted pills) and the bottom band - never behind the story media; faded out under Learn more. Event App and Sessions:
   plain frame. Keyed by tab id. ===== */
/* leads: mint - a real bird's-eye photo of an exhibition floor (Pexels, "Aerial View of Indoor Exhibition in Taipei" by Derek Tsai,
   https://www.pexels.com/photo/aerial-view-of-indoor-exhibition-in-taipei-37503303/, Pexels License; cropped, mint-tinted and blurred 18px
   at 1600px wide, baked into the WebP; see _eventpack-tools/refs/exhibitor-bg-source.txt). Very slow camera glide, paused offscreen
   (.sc-offscreen from site.js), static under reduced motion. */
.sc2 .sc-grid:has(.sc-item.is-on #sc-tab-leads)::after{left:-6%;top:-6%;width:112%;height:112%;opacity:.10;transform:none;-webkit-mask:none;mask:none;
  background:url(/assets/showcase/bg/exhibitor-floor.webp) center/cover no-repeat;animation:scExpoGlide 80s ease-in-out infinite alternate;animation-play-state:running}
/* checkin: gold */
.sc2 .sc-grid:has(.sc-item.is-on #sc-tab-checkin)::after{width:100%;opacity:0.11;animation:none;transform:none;background:color-mix(in srgb,var(--c-primary) 12%,#E2B93B);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1240 760' preserveAspectRatio='xMinYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='lx' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.30' stop-color='%23fff'/%3E%3Cstop offset='.42' stop-color='%23000'/%3E%3C/linearGradient%3E%3ClinearGradient id='by' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='.86' stop-color='%23000'/%3E%3Cstop offset='.93' stop-color='%23fff'/%3E%3C/linearGradient%3E%3CradialGradient id='f' cx='.95' cy='.96' r='.24'%3E%3Cstop offset='0' stop-color='%23000'/%3E%3Cstop offset='.6' stop-color='%23000'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cmask id='v'%3E%3Crect width='1240' height='760' fill='url%28%23lx%29'/%3E%3Crect width='1240' height='760' fill='url%28%23by%29' style='mix-blend-mode:screen'/%3E%3Crect width='1240' height='760' fill='url%28%23f%29'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url%28%23v%29'%3E%3Cg  fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M40 770C70 640 110 520 120 380S150 170 230 60' stroke-width='150' stroke-opacity='.16'/%3E%3Cpath d='M-35 770C-5 640 35 520 45 380S75 170 155 60' stroke-opacity='.5'/%3E%3Cpath d='M115 770C145 640 185 520 195 380S225 170 305 60' stroke-opacity='.5'/%3E%3Cg transform='rotate%28-13 100 740%29'%3E%3Crect x='60' y='690' width='92' height='112' rx='8' stroke-opacity='.6'/%3E%3Crect x='76' y='710' width='30' height='30' rx='4' fill='%23000' fill-opacity='.35' stroke='none'/%3E%3Cpath d='M76 756h60M76 772h40' stroke-width='6' stroke-opacity='.45'/%3E%3Cpath d='M54 810h104' stroke-dasharray='3 7' stroke-opacity='.6'/%3E%3C/g%3E%3Cg transform='rotate%28-10 138 610%29'%3E%3Crect x='98' y='560' width='92' height='112' rx='8' stroke-opacity='.6'/%3E%3Crect x='114' y='580' width='30' height='30' rx='4' fill='%23000' fill-opacity='.35' stroke='none'/%3E%3Cpath d='M114 626h60M114 642h40' stroke-width='6' stroke-opacity='.45'/%3E%3Cpath d='M92 680h104' stroke-dasharray='3 7' stroke-opacity='.6'/%3E%3C/g%3E%3Cg transform='rotate%28-5 158 480%29'%3E%3Crect x='118' y='430' width='92' height='112' rx='8' stroke-opacity='.6'/%3E%3Crect x='134' y='450' width='30' height='30' rx='4' fill='%23000' fill-opacity='.35' stroke='none'/%3E%3Cpath d='M134 496h60M134 512h40' stroke-width='6' stroke-opacity='.45'/%3E%3Cpath d='M112 550h104' stroke-dasharray='3 7' stroke-opacity='.6'/%3E%3C/g%3E%3Cg transform='rotate%28-8 170 350%29'%3E%3Crect x='130' y='300' width='92' height='112' rx='8' stroke-opacity='.6'/%3E%3Crect x='146' y='320' width='30' height='30' rx='4' fill='%23000' fill-opacity='.35' stroke='none'/%3E%3Cpath d='M146 366h60M146 382h40' stroke-width='6' stroke-opacity='.45'/%3E%3Cpath d='M124 420h104' stroke-dasharray='3 7' stroke-opacity='.6'/%3E%3C/g%3E%3Cg transform='rotate%28-20 210 220%29'%3E%3Crect x='170' y='170' width='92' height='112' rx='8' stroke-opacity='.6'/%3E%3Crect x='186' y='190' width='30' height='30' rx='4' fill='%23000' fill-opacity='.35' stroke='none'/%3E%3Cpath d='M186 236h60M186 252h40' stroke-width='6' stroke-opacity='.45'/%3E%3Cpath d='M164 290h104' stroke-dasharray='3 7' stroke-opacity='.6'/%3E%3C/g%3E%3Cpath d='M0 728H1240' stroke-width='3' stroke-opacity='.45'/%3E%3Cpath d='M0 740H1240' stroke-opacity='.25'/%3E%3Cpath d='M520 728v-34' stroke-width='5' stroke-opacity='.45'/%3E%3Cpath d='M520 694h34' stroke-width='5' stroke-opacity='.35'/%3E%3Cpath d='M700 728v-34' stroke-width='5' stroke-opacity='.45'/%3E%3Cpath d='M700 694h34' stroke-width='5' stroke-opacity='.35'/%3E%3Cpath d='M880 728v-34' stroke-width='5' stroke-opacity='.45'/%3E%3Cpath d='M880 694h34' stroke-width='5' stroke-opacity='.35'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 100%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1240 760' preserveAspectRatio='xMinYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='lx' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.30' stop-color='%23fff'/%3E%3Cstop offset='.42' stop-color='%23000'/%3E%3C/linearGradient%3E%3ClinearGradient id='by' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='.86' stop-color='%23000'/%3E%3Cstop offset='.93' stop-color='%23fff'/%3E%3C/linearGradient%3E%3CradialGradient id='f' cx='.95' cy='.96' r='.24'%3E%3Cstop offset='0' stop-color='%23000'/%3E%3Cstop offset='.6' stop-color='%23000'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cmask id='v'%3E%3Crect width='1240' height='760' fill='url%28%23lx%29'/%3E%3Crect width='1240' height='760' fill='url%28%23by%29' style='mix-blend-mode:screen'/%3E%3Crect width='1240' height='760' fill='url%28%23f%29'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url%28%23v%29'%3E%3Cg  fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M40 770C70 640 110 520 120 380S150 170 230 60' stroke-width='150' stroke-opacity='.16'/%3E%3Cpath d='M-35 770C-5 640 35 520 45 380S75 170 155 60' stroke-opacity='.5'/%3E%3Cpath d='M115 770C145 640 185 520 195 380S225 170 305 60' stroke-opacity='.5'/%3E%3Cg transform='rotate%28-13 100 740%29'%3E%3Crect x='60' y='690' width='92' height='112' rx='8' stroke-opacity='.6'/%3E%3Crect x='76' y='710' width='30' height='30' rx='4' fill='%23000' fill-opacity='.35' stroke='none'/%3E%3Cpath d='M76 756h60M76 772h40' stroke-width='6' stroke-opacity='.45'/%3E%3Cpath d='M54 810h104' stroke-dasharray='3 7' stroke-opacity='.6'/%3E%3C/g%3E%3Cg transform='rotate%28-10 138 610%29'%3E%3Crect x='98' y='560' width='92' height='112' rx='8' stroke-opacity='.6'/%3E%3Crect x='114' y='580' width='30' height='30' rx='4' fill='%23000' fill-opacity='.35' stroke='none'/%3E%3Cpath d='M114 626h60M114 642h40' stroke-width='6' stroke-opacity='.45'/%3E%3Cpath d='M92 680h104' stroke-dasharray='3 7' stroke-opacity='.6'/%3E%3C/g%3E%3Cg transform='rotate%28-5 158 480%29'%3E%3Crect x='118' y='430' width='92' height='112' rx='8' stroke-opacity='.6'/%3E%3Crect x='134' y='450' width='30' height='30' rx='4' fill='%23000' fill-opacity='.35' stroke='none'/%3E%3Cpath d='M134 496h60M134 512h40' stroke-width='6' stroke-opacity='.45'/%3E%3Cpath d='M112 550h104' stroke-dasharray='3 7' stroke-opacity='.6'/%3E%3C/g%3E%3Cg transform='rotate%28-8 170 350%29'%3E%3Crect x='130' y='300' width='92' height='112' rx='8' stroke-opacity='.6'/%3E%3Crect x='146' y='320' width='30' height='30' rx='4' fill='%23000' fill-opacity='.35' stroke='none'/%3E%3Cpath d='M146 366h60M146 382h40' stroke-width='6' stroke-opacity='.45'/%3E%3Cpath d='M124 420h104' stroke-dasharray='3 7' stroke-opacity='.6'/%3E%3C/g%3E%3Cg transform='rotate%28-20 210 220%29'%3E%3Crect x='170' y='170' width='92' height='112' rx='8' stroke-opacity='.6'/%3E%3Crect x='186' y='190' width='30' height='30' rx='4' fill='%23000' fill-opacity='.35' stroke='none'/%3E%3Cpath d='M186 236h60M186 252h40' stroke-width='6' stroke-opacity='.45'/%3E%3Cpath d='M164 290h104' stroke-dasharray='3 7' stroke-opacity='.6'/%3E%3C/g%3E%3Cpath d='M0 728H1240' stroke-width='3' stroke-opacity='.45'/%3E%3Cpath d='M0 740H1240' stroke-opacity='.25'/%3E%3Cpath d='M520 728v-34' stroke-width='5' stroke-opacity='.45'/%3E%3Cpath d='M520 694h34' stroke-width='5' stroke-opacity='.35'/%3E%3Cpath d='M700 728v-34' stroke-width='5' stroke-opacity='.45'/%3E%3Cpath d='M700 694h34' stroke-width='5' stroke-opacity='.35'/%3E%3Cpath d='M880 728v-34' stroke-width='5' stroke-opacity='.45'/%3E%3Cpath d='M880 694h34' stroke-width='5' stroke-opacity='.35'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 100%/100% 100% no-repeat}
/* reg: rose */
.sc2 .sc-grid:has(.sc-item.is-on #sc-tab-reg)::after{width:100%;opacity:0.12;animation:none;transform:none;background:color-mix(in srgb,var(--c-primary) 18%,#EE7FA6);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1240 760' preserveAspectRatio='xMinYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='lx' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.30' stop-color='%23fff'/%3E%3Cstop offset='.42' stop-color='%23000'/%3E%3C/linearGradient%3E%3ClinearGradient id='by' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='.86' stop-color='%23000'/%3E%3Cstop offset='.93' stop-color='%23fff'/%3E%3C/linearGradient%3E%3CradialGradient id='f' cx='.95' cy='.96' r='.24'%3E%3Cstop offset='0' stop-color='%23000'/%3E%3Cstop offset='.6' stop-color='%23000'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cmask id='v'%3E%3Crect width='1240' height='760' fill='url%28%23lx%29'/%3E%3Crect width='1240' height='760' fill='url%28%23by%29' style='mix-blend-mode:screen'/%3E%3Crect width='1240' height='760' fill='url%28%23f%29'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url%28%23v%29'%3E%3Cg  fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 712H1240' stroke-opacity='.45'/%3E%3Ccircle cx='14' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='36' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='58' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='80' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='102' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='124' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='146' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='168' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='190' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='212' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='234' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='256' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='278' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='300' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='322' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='344' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='366' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='388' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='410' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='432' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='454' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='476' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='498' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='520' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='542' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='564' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='586' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='608' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='630' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='652' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='674' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='696' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='718' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='740' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='762' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='784' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='806' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='828' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='850' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='872' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='894' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='916' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='938' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='960' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='982' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='1004' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='1026' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='1048' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='1070' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='1092' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='1114' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='1136' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='1158' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='1180' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='1202' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='1224' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Cpath d='M96 760a14 14 0 0 1 28 0' fill='%23000' fill-opacity='.25' stroke='none'/%3E%3Cpath d='M336 760a14 14 0 0 1 28 0' fill='%23000' fill-opacity='.25' stroke='none'/%3E%3Cpath d='M576 760a14 14 0 0 1 28 0' fill='%23000' fill-opacity='.25' stroke='none'/%3E%3Cpath d='M816 760a14 14 0 0 1 28 0' fill='%23000' fill-opacity='.25' stroke='none'/%3E%3Cpath d='M1056 760a14 14 0 0 1 28 0' fill='%23000' fill-opacity='.25' stroke='none'/%3E%3Cpath d='M30 712V560a16 16 0 0 1 16-16h330' stroke-opacity='.4'/%3E%3Cpath d='M60 600h160M60 630h110' stroke-width='9' stroke-opacity='.3'/%3E%3Cpath d='M280 556v150' stroke-dasharray='3 8' stroke-opacity='.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 100%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1240 760' preserveAspectRatio='xMinYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='lx' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.30' stop-color='%23fff'/%3E%3Cstop offset='.42' stop-color='%23000'/%3E%3C/linearGradient%3E%3ClinearGradient id='by' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='.86' stop-color='%23000'/%3E%3Cstop offset='.93' stop-color='%23fff'/%3E%3C/linearGradient%3E%3CradialGradient id='f' cx='.95' cy='.96' r='.24'%3E%3Cstop offset='0' stop-color='%23000'/%3E%3Cstop offset='.6' stop-color='%23000'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cmask id='v'%3E%3Crect width='1240' height='760' fill='url%28%23lx%29'/%3E%3Crect width='1240' height='760' fill='url%28%23by%29' style='mix-blend-mode:screen'/%3E%3Crect width='1240' height='760' fill='url%28%23f%29'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url%28%23v%29'%3E%3Cg  fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 712H1240' stroke-opacity='.45'/%3E%3Ccircle cx='14' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='36' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='58' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='80' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='102' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='124' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='146' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='168' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='190' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='212' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='234' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='256' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='278' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='300' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='322' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='344' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='366' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='388' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='410' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='432' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='454' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='476' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='498' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='520' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='542' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='564' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='586' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='608' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='630' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='652' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='674' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='696' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='718' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='740' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='762' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='784' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='806' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='828' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='850' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='872' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='894' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='916' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='938' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='960' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='982' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='1004' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='1026' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='1048' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='1070' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='1092' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='1114' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='1136' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='1158' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='1180' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='1202' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Ccircle cx='1224' cy='736' r='3' fill='%23000' stroke='none' fill-opacity='.55'/%3E%3Cpath d='M96 760a14 14 0 0 1 28 0' fill='%23000' fill-opacity='.25' stroke='none'/%3E%3Cpath d='M336 760a14 14 0 0 1 28 0' fill='%23000' fill-opacity='.25' stroke='none'/%3E%3Cpath d='M576 760a14 14 0 0 1 28 0' fill='%23000' fill-opacity='.25' stroke='none'/%3E%3Cpath d='M816 760a14 14 0 0 1 28 0' fill='%23000' fill-opacity='.25' stroke='none'/%3E%3Cpath d='M1056 760a14 14 0 0 1 28 0' fill='%23000' fill-opacity='.25' stroke='none'/%3E%3Cpath d='M30 712V560a16 16 0 0 1 16-16h330' stroke-opacity='.4'/%3E%3Cpath d='M60 600h160M60 630h110' stroke-width='9' stroke-opacity='.3'/%3E%3Cpath d='M280 556v150' stroke-dasharray='3 8' stroke-opacity='.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 100%/100% 100% no-repeat}
html[data-theme="03-dark-premium"] .sc2 .sc-grid:has(.sc-item.is-on #sc-tab-leads)::after,html[data-theme="08-event-energy-neon"] .sc2 .sc-grid:has(.sc-item.is-on #sc-tab-leads)::after,html[data-theme="03-dark-premium"] .sc2 .sc-grid:has(.sc-item.is-on #sc-tab-checkin)::after,html[data-theme="08-event-energy-neon"] .sc2 .sc-grid:has(.sc-item.is-on #sc-tab-checkin)::after,html[data-theme="03-dark-premium"] .sc2 .sc-grid:has(.sc-item.is-on #sc-tab-reg)::after,html[data-theme="08-event-energy-neon"] .sc2 .sc-grid:has(.sc-item.is-on #sc-tab-reg)::after{opacity:.15}
/* 2026-10-20 AI tab frame background: drifting stars canvas (created by site.js) above the purple drift, under all content */
.sc2 .sc-grid>.sc-aistars{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0;transition:opacity .7s ease}
.sc2 .sc-grid.stars-on>.sc-aistars{opacity:1}
@media (prefers-reduced-motion:reduce){.sc2 .sc-grid>.sc-aistars{display:none}}

/* 2026-10-20 Exhibitor photo glide + dark themes; every frame background animation pauses while the showcase is offscreen */
@keyframes scExpoGlide{0%{transform:translate3d(-3%,-2.5%,0) scale(1.02)}50%{transform:translate3d(1.5%,2%,0) scale(1.07)}100%{transform:translate3d(3%,-1%,0) scale(1.04)}}
html[data-theme="03-dark-premium"] .sc2 .sc-grid:has(.sc-item.is-on #sc-tab-leads)::after,html[data-theme="08-event-energy-neon"] .sc2 .sc-grid:has(.sc-item.is-on #sc-tab-leads)::after{opacity:.14}
.sc2 .sc-grid.sc-offscreen::before,.sc2 .sc-grid.sc-offscreen::after{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.sc2 .sc-grid:has(.sc-item.is-on #sc-tab-leads)::after{animation:none!important;transform:none}}

/* ===== 2026-10-20 Exhibitor & Sponsor story (real screens): laptop with the Partner Portal as captured (partner-portal 03/04/06/07: white
   header with the event logo and Messages + company + user, grey sidebar with the dark active pill, page title, cards and tables), then
   the Lead Capture app on the phone (team captures S01, R01, L03-L11), then back to the portal Leads list and Send Leads. Timeline in site.js. ===== */
.st[data-story="lead"] .st-ph{left:28px;top:18px}
.lc-lap{position:absolute;left:92px;top:38px;width:840px;height:520px;transform-origin:0 0;z-index:5}
.lc-lap .lp-scr{position:absolute;left:0;right:0;top:0;height:500px;border-radius:16px 16px 6px 6px;background:#0f172a;box-shadow:0 0 0 1.5px #334155 inset,0 24px 60px rgba(15,23,42,.22)}
.lc-lap .lp-scr::before{content:"";position:absolute;left:50%;top:5px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#1e293b}
.lc-lap .lp-base{position:absolute;left:-36px;right:-36px;top:498px;height:17px;border-radius:2px 2px 16px 16px;background:linear-gradient(#e2e8f0,#cbd5e1 60%,#94a3b8);box-shadow:0 8px 18px rgba(15,23,42,.18)}
.lc-lap .lp-base::before{content:"";position:absolute;left:50%;top:0;width:100px;height:5px;margin-left:-50px;border-radius:0 0 8px 8px;background:#94a3b8}
.pp{position:absolute;left:12px;top:12px;right:12px;bottom:12px;border-radius:5px;overflow:hidden;background:#fff;color:#111827;font-size:7.4px}
.pp-top{position:absolute;left:0;right:0;top:0;height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;box-shadow:0 1px 0 #eceef1,0 2px 6px rgba(15,23,42,.04);z-index:2;background:#fff}
.pp-top .al-logo{width:32px;height:17px;background:#1f75e0}
.pp-tr{display:flex;align-items:center;gap:8px}.pp-msg{display:flex;align-items:center;gap:3px;color:#374151;margin-right:4px}.pp-msg svg{width:13px;height:13px}
.pp-co{position:relative;width:16px;height:16px}.pp-co i{position:absolute;inset:0;border-radius:4px;font-style:normal}
.pp-co .lg{display:grid;place-items:center;background:linear-gradient(135deg,#1f75e0,#22d3ee);color:#fff;font-size:6px;font-weight:800}
.pp-me b{display:block;font-size:7px;font-weight:600}.pp-me small{display:block;font-size:5.8px;color:#6b7280}.pp-tr .cv{font-style:normal;color:#9ca3af}
.pp-side{position:absolute;left:0;top:30px;bottom:0;width:118px;background:#f7f7f8;padding:12px 6px 0}
.pp-side .ev{display:block;font-size:8px;padding:0 6px 10px;border-bottom:1px solid #e5e7eb}
.pp-side .org{padding:10px 6px 9px;border-bottom:1px solid #e5e7eb;margin-bottom:8px}.pp-side .org b{display:block;font-size:10px}.pp-side .org span{display:block;font-size:6.8px;margin-top:2px}.pp-side .org small{display:block;font-size:5.6px;color:#6b7280}
.pp-side .sn{display:flex;align-items:center;gap:7px;padding:5px 7px;margin-bottom:2px;border-radius:5px;font-size:7px;color:#374151;background:rgba(31,41,55,0)}.pp-side .sn svg{width:11px;height:11px;flex:none}
.pp-side .sn.on{box-shadow:inset 0 0 0 40px rgb(31,41,55);color:#fff}
.pp-main{position:absolute;left:118px;right:0;top:30px;bottom:0}
.pp-pg{position:absolute;inset:0;padding:16px 18px;opacity:0}.pp-pg.pg-details{opacity:1}
.pp-pg .h1{display:block;font-size:17px;font-weight:600;letter-spacing:-.2px}
.pp-hd{display:flex;align-items:center;justify-content:space-between}
.pp-btn{font-style:normal;display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:5px 10px;font-weight:600;font-size:7px}
.pp-btn.plus{background:#111827;color:#fff}.pp-btn.plus b{font-size:10px;line-height:7px;font-weight:400}
.pp-btn.edit,.pp-btn.send{background:#fff;border:1px solid #9ca3af;color:#111827}.pp-btn svg{width:9px;height:9px}
.pp-sh{display:flex;align-items:center;justify-content:space-between;margin:16px 0 7px}.pp-sh b{font-size:9px;font-weight:600}
.pp-card{border:1px solid #e5e7eb;border-radius:6px;padding:10px 16px}
.pp-card .r{display:grid;grid-template-columns:200px 1fr;padding:5px 0;line-height:1.45}.pp-card .r>span{font-weight:600;font-size:6.8px}.pp-card .r>div{font-size:6.8px}
.pp-card ul{margin:2px 0 0;padding-left:12px}.pp-card li{margin:1px 0}
.pp-vp{position:absolute;left:18px;right:18px;top:48px;bottom:0;overflow:hidden}
.pp-pr{position:relative;display:grid;grid-template-columns:10px 96px 1fr 26px;gap:9px;padding:9px 10px;margin-bottom:6px;background:#f7f7f8;border:1px solid #eceef1;border-radius:6px;min-height:118px}
.pp-pr .dr{width:4px;height:8px;margin-top:3px;background:radial-gradient(circle,#9ca3af 45%,transparent 50%) 0 0/2px 2px}
.pp-pr .th{height:96px;border-radius:4px;padding:8px;color:#0f172a;background:#fff;box-shadow:0 0 0 1px #e5e7eb}.pp-pr .th b{display:block;font-size:9px;line-height:1.1;margin-bottom:4px}.pp-pr .th span{display:block;font-size:5.2px;font-weight:600;line-height:1.5}
.pp-pr .th.g0{background:linear-gradient(160deg,#fff 55%,#e0f2fe)}.pp-pr .th.g1{background:linear-gradient(160deg,#fff 55%,#dcfce7)}.pp-pr .th.g2{background:linear-gradient(160deg,#fff 55%,#ede9fe)}
.pp-pr .tx>b{display:block;font-size:8px;margin-bottom:3px}.pp-pr .tx .sub{display:block;font-size:6.6px;color:#374151}.pp-pr .tx p{margin:6px 0 4px;font-size:6.4px;color:#374151;line-height:1.4}.pp-pr .tx .li{display:block;font-size:6.2px;color:#374151;line-height:1.5}
.pp-pr .ic{font-style:normal;display:flex;gap:4px;color:#6b7280}.pp-pr .ic svg{width:9px;height:9px}
.pp-crs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0 8px}
.pp-cr{position:relative;border:1px solid #e5e7eb;border-radius:6px;padding:8px 10px}.pp-cr span{display:block;font-size:6.4px}.pp-cr b{display:block;font-size:12px;font-weight:500;margin:1px 0 6px;line-height:1.1}.pp-cr svg{position:absolute;right:9px;top:8px;width:20px;height:20px;color:#111827}
.pp-sr{border:1px solid #e5e7eb;border-radius:6px;padding:5px 8px;color:#9ca3af;font-size:6.6px;margin-bottom:7px}
.pp-tb{border-radius:6px;overflow:hidden}
.pp-th{display:grid;background:#f0f1f3;color:#4b5563;font-weight:600;font-size:6.2px;padding:8px 10px}
.pp-tbt .pp-th,.pp-trw{grid-template-columns:1.3fr 1fr 1fr 1fr 1fr 1fr 34px}.pp-tbt .pp-th span:not(:first-child){text-align:center}.pp-tbt .pp-th span:last-child{text-align:right}
.pp-trw{display:grid;align-items:center;padding:6px 10px;border-bottom:1px solid #f0f1f3;min-height:30px}.pp-trw .nm b{display:block;font-weight:500;font-size:6.8px}.pp-trw .nm em{font-style:normal;color:#7cb342;font-size:6.2px}
.pp-trw .pp-ok{justify-self:center;width:8px;height:8px}.pp-ok svg{display:block;width:100%;height:100%}.pp-trw .dots{font-style:normal;justify-self:end;color:#6b7280}
.pp-tabs{display:flex;gap:16px;margin:12px 0 8px;font-size:6.8px;color:#4b5563;border-bottom:1px solid #eceef1}.pp-tabs b,.pp-tabs span{padding-bottom:6px}.pp-tabs b{color:#111827;font-weight:500;box-shadow:inset 0 -1.5px 0 #111827}
.pp-tbl .pp-th,.pp-lr{grid-template-columns:1.6fr 1.4fr 60px}
.pp-lr{position:relative;display:grid;align-items:center;padding:6px 10px;border-bottom:1px solid #f0f1f3;min-height:32px;font-size:6.8px}.pp-lr>*{position:relative}.pp-lr .nm{display:flex;align-items:center;gap:7px}
.pp-lr .pv-fl{position:absolute;inset:0;background:color-mix(in srgb,var(--ac,#1f75e0) 12%,transparent);opacity:0}
.st[data-story="lead"] .pp-lr .ini{width:18px;height:18px;font-size:6px}
.st[data-story="lead"] .pp-lr .gp{justify-self:start;font-size:6px}
.pp-lr.nw{opacity:0}
.pp-ft{display:flex;justify-content:space-between;align-items:center;background:#f0f1f3;padding:7px 10px;font-size:6.4px;color:#4b5563}.pp-ft span:first-child{margin:0 auto}.pp-ft i{font-style:normal;display:inline-grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#e5e7eb}
@media (prefers-reduced-motion:reduce){.pp-pg.pg-details{opacity:0}.pp-pg.pg-leads,.pp-lr.nw{opacity:1}.pp-side .sn.on{box-shadow:none;color:#374151}.pp-side .sn.leads{background:rgba(31,41,55,1);color:#fff}.st[data-story="lead"] .st-ph{opacity:0}}
/* L11 capture: grey initials, the rating is coloured text */
.st[data-story="lead"] .lr .ini{background:#e5e7eb;color:#9ca3af}
.st[data-story="lead"] .lr .gp{background:none;padding:0;font-size:7.4px;font-weight:500}.st[data-story="lead"] .lr .gp.hot{color:#dc2626}.st[data-story="lead"] .lr .gp.cold{color:#1f75e0}.st[data-story="lead"] .lr .gp.warm{color:#f59e0b}.st[data-story="lead"] .lr .gp.neutral{color:#4b5563}

/* Speaking Sessions tab: no agenda button (the speaker view of this tab was never captured) */
.st[data-story="ses"] .ss-l.reg .bt{display:none}

/* ===== Phone review fixes (21 Oct 2026, Serhat) ===== */
/* Theme 20: its theme sheet frosts the whole header bar (backdrop-filter on .site-nav). In Hybrid that drew a second, full-width
   frosted strip around the pill, and on phones the filter made the bar the containing block of the fixed burger menu
   (inset:76px 0 0 0), so the open menu was cut to the bar's height and only "Products" showed. The bar is 92% opaque anyway;
   the Hybrid pill keeps its own glass layer. */
html[data-theme="20-event-os-violet"] .site-nav{-webkit-backdrop-filter:none;backdrop-filter:none}
/* Chat launcher: a white icon in the pink disc on the light themes. The dark themes (03, 08, 20) keep the dark icon; the robot
   themes (01, 05, 07, 09) show the robot instead of the disc. */
html:not([data-theme^="03-"]):not([data-theme^="08-"]):not([data-theme^="20-"]) ep-chat::part(launcher){color:#fff}
/* Preview box on phones: starts collapsed (site.js) and collapses to a 40px round "+" instead of the PREVIEW pill */
.ep-preview-fab .pv-plus{display:none}
@media (max-width:640px){
  .ep-preview-fab{width:40px;height:40px;padding:0;justify-content:center;border-radius:50%;font-size:24px;font-weight:400;letter-spacing:0}
  .ep-preview-fab .pv-plus{display:block;line-height:1;margin-top:-2px}
  .ep-preview-fab .pv-t{display:none}
}
/* Feature pages: "In practice" and "Availability and limits" are cards like the "What you can do" cards above them (icon on
   top, same padding and heading size), side by side from 760px and stacked on phones. They were full-width rows with the icon
   on the left, which broke the column of cards on phones. */
.feat-notes{display:grid;grid-template-columns:1fr;gap:var(--grid-gap,24px);margin-top:var(--grid-gap,24px)}
@media (min-width:760px){.feat-notes.n2{grid-template-columns:1fr 1fr}}
.feat-notes .feat-note{min-height:0}
.feat-notes .feat-note p{flex:none;margin:0}
.feat-notes .feat-note .more{margin-top:2px}
/* Case studies and blog posts: the intro is a lead paragraph again (body font, regular weight, 1.55 line height). Since the
   19 Oct heading fix it had been a bold 22px heading-look block with 1.15 line height, up to 28 lines long on phones. Article
   titles and section headings get more line height and at most -0.012em tracking, so 3-5 line titles on phones do not crowd. */
.ep-prose .ep-article-lead{font-family:var(--font-body);font-size:20px;line-height:1.55;font-weight:400;color:var(--c-text-2);letter-spacing:0;margin:4px 0 22px}
@media (max-width:640px){.ep-prose .ep-article-lead{font-size:18px;line-height:1.55}}
.ep-prose h1{line-height:1.14;letter-spacing:max(var(--ls-heading,0em),-0.012em)}
.ep-prose h2,.ep-prose h3{line-height:1.24;letter-spacing:max(var(--ls-heading,0em),-0.012em)}
/* HubSpot form card on /contact-us: the form itself is styled from the theme by site.js (EPHubSpot); the frame fills the card */
.hs-form-card{display:flex;flex-direction:column;gap:18px}
.hs-form-slot iframe.hs-form-iframe{display:block;width:100%!important;border:0}
.hs-form-wait{margin:0;color:var(--c-text-2);font-size:15px}
.hs-form-wait a{color:var(--c-link);text-decoration:underline;text-underline-offset:3px}
/* Reports story: the story-wide "svg{width:12px}" rule for the admin UI icons also shrank the cursor's svg to 12px (26px in the
   other stories), so its mouse was half size everywhere and 3-4px on phones (21 Oct 2026, Serhat) */
.st[data-story="rep"] .st-cur svg{width:100%;height:100%}
/* Case studies on phones: the two meta badges wrap instead of widening the article (the MMS "Past event · Fiber Connect 2024"
   row made the page 396px wide, so it scrolled sideways at 390 and 360) */
.ep-meta{flex-wrap:wrap;max-width:100%}
.ep-meta .ep-badge{max-width:100%;white-space:normal;height:auto;min-height:26px;padding-top:4px;padding-bottom:4px}

/* ===== Button groups as tiles (21 Oct 2026, Serhat's picks from the chip-designs options) ===== */
/* /features hero, option A: the nine areas as equal tiles (icon, short name, feature count). Two per row on phones with the
   biggest area (Registration, first) across the top row, 3 x 3 from 768px. They were centred pills of mixed widths. */
.hub-tiles{align-self:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:900px;margin:10px auto 0;text-align:left}
.hub-tile{display:flex;align-items:center;gap:10px;min-width:0;min-height:64px;padding:12px;border-radius:14px;background:var(--c-surface);border:var(--card-border);color:var(--c-text);box-shadow:0 1px 2px rgba(13,29,38,.05);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.hub-tile:first-child{grid-column:1 / -1}
.hub-tile .ep-iconbox{--iconbox-size:34px}
.hub-tile .ep-iconbox .ic{width:18px;height:18px}
.hub-tile>span:last-child{min-width:0}
.hub-tile b{display:block;font-size:14.5px;line-height:1.25;font-weight:650;color:var(--c-heading,var(--c-text))}
.hub-tile em{display:block;margin-top:2px;font-style:normal;font-size:12.5px;color:var(--c-text-3)}
@media (min-width:768px){.hub-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hub-tile{gap:14px;min-height:76px;padding:14px 16px}.hub-tile:first-child{grid-column:auto}.hub-tile b{font-size:15.5px}}
/* Feature pages, "Connected to the rest of the event", option B: equal icon tiles. Two per row on phones (an odd last tile spans
   the row), one row on desktop (--cols from the build: 4, 5, or 3 for six links). They were buttons of mixed widths. */
.link-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:1080px;margin:0 auto}
.link-tile{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;min-height:118px;padding:14px;border-radius:14px;background:var(--c-surface);border:var(--card-border);color:var(--c-text);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.link-tile .ep-iconbox{--iconbox-size:38px}
.link-tile .ep-iconbox .ic{width:19px;height:19px}
.link-tile b{font-size:15px;line-height:1.3;font-weight:650;color:var(--c-heading,var(--c-text));padding-right:18px}
.link-tile>.ic{position:absolute;right:14px;bottom:14px;width:16px;height:16px;color:var(--c-link)}
.link-tile:last-child:nth-child(odd){grid-column:1 / -1;flex-direction:row;align-items:center;min-height:0}
.link-tile:last-child:nth-child(odd)>.ic{top:50%;bottom:auto;margin-top:-8px}
@media (min-width:768px){
  .link-tiles{grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:12px;max-width:calc(var(--cols,4) * 216px)}
  .link-tile:last-child:nth-child(odd){grid-column:auto;flex-direction:column;align-items:stretch;min-height:118px}
  .link-tile:last-child:nth-child(odd)>.ic{top:auto;bottom:14px;margin:0}
}
/* both: lift and accent border on hover, focus ring for keyboards */
.hub-tile:hover,a.link-tile:hover{transform:translateY(-1px);border-color:var(--c-primary);box-shadow:0 6px 18px -8px rgba(13,29,38,.25)}
.hub-tile:focus-visible,a.link-tile:focus-visible{outline:none;box-shadow:var(--sh-focus,0 0 0 3px rgba(45,130,183,.5))}
@media (prefers-reduced-motion:reduce){.hub-tile,.link-tile{transition:none}.hub-tile:hover,a.link-tile:hover{transform:none}}
/* Footer ISO badge (21 Oct 2026, Serhat): our round "ISO/IEC 27001:2022 certified" seal plus a caption with the certifier and
   certificate number (DSR Certification, ISMS-25.12.335, valid to 9 Dec 2026). Replaces the 168x52 neutral badge. */
.ep-footer .brand .ep-iso-badge{display:inline-flex;align-items:center;gap:14px;align-self:flex-start;line-height:1.35;margin-top:-2px;opacity:1;color:var(--footer-fg-2);text-decoration:none}
.ep-footer .brand .ep-iso-badge img{display:block;width:76px;height:76px;flex:none}
.ep-footer .brand .ep-iso-badge .cap{display:flex;flex-direction:column;gap:2px;font-size:13px}
.ep-footer .brand .ep-iso-badge .cap b{font-size:14.5px;font-weight:600;color:var(--footer-fg)}
.ep-footer .brand .ep-iso-badge:hover .cap b{text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){.ep-footer .brand .ep-iso-badge img{width:68px;height:68px}}
.ep-footer .brand .ep-iso-badge{gap:12px}
.ep-footer .brand .ep-iso-badge img{width:72px;height:72px}
.ep-footer .brand .ep-iso-badge .cap{gap:1px;font-size:12.5px}
.ep-footer .brand .ep-iso-badge .cap>*{white-space:nowrap}

/* Header Login next to Request a Demo (22 Oct 2026, Serhat): the same height, radius and type size in every header state,
   centred on the same line. In the pill states (Pill Glass, scrolled Hybrid) Request a Demo is a 40px pill and Login stayed a
   52px box. */
.ep-nav-cta{align-items:center}
html[data-menu="pill-glass"] .ep-nav-cta .ep-btn.ghost,html.is-pill[data-menu="hybrid"] .ep-nav-cta .ep-btn.ghost{height:40px;min-height:0;padding:0 16px;border-radius:999px;font-size:14px}

/* ===== Award (22 Oct 2026, Serhat chose placements A and D): Event Technology Awards: AI Edition 2026, category winner,
   Best AI for Ticketing & Pricing Optimisation. A = the chip above the homepage headline (glass pill on the dark video, the
   category is dropped on phones); D = the gold seal under the ISO seal in the footer, same size and caption style. ===== */
.ep-award-chip{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;width:fit-content;max-width:100%;margin:0 0 18px;padding:7px 14px 7px 8px;border-radius:999px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:#fff;font:500 13.5px/1.3 var(--font-body);text-decoration:none;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .15s ease}
.ep-award-chip:hover{background:rgba(255,255,255,.2)}
.ep-award-chip:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ep-award-chip .aw-i{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#E8B84A;color:#1B1405}
.ep-award-chip .aw-i svg{width:16px;height:16px}
.ep-award-chip b{font-weight:700;color:#E8B84A}
@media (max-width:640px){.ep-award-chip .aw-cat{display:none}.ep-award-chip{font-size:13px}}
.ep-footer .brand .ep-award-badge{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;color:var(--footer-fg-2);text-decoration:none;line-height:1.35}
.ep-award-badge .aw-seal{display:grid;place-items:center;flex:none;width:72px;height:72px;border-radius:50%;color:#2A1D04;
  background:radial-gradient(circle at 35% 30%,#F8DC8E,#C98D1E);box-shadow:inset 0 0 0 3px rgba(255,255,255,.55),0 0 0 2px #C98D1E}
.ep-award-badge .aw-seal svg{width:30px;height:30px}
.ep-award-badge .cap{display:flex;flex-direction:column;gap:1px;font-size:12.5px}
.ep-award-badge .cap b{font-size:14.5px;font-weight:600;color:var(--footer-fg)}
.ep-award-badge .cap>*{white-space:nowrap}
.ep-award-badge:hover .cap b{text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){.ep-award-badge .aw-seal{width:68px;height:68px}}
@media (prefers-reduced-motion:reduce){.ep-award-chip{transition:none}}
@media (min-width:1000px){.ep-award-chip{width:max-content;max-width:calc(100vw - 48px);white-space:nowrap}}

/* ===== 2026-10-22 (Serhat): centred card rows, hero pause button bottom-right, "Take a closer look" on phones ===== */
/* Card grids (.ep-features): a row that does not fill the container is centred, e.g. three step cards in a four-column grid or
   the last two of five. Flex with the same column widths, gaps and breakpoints as the grid it replaces (base.css and above). */
.ep-features{display:flex;flex-wrap:wrap;justify-content:center;--cols:3;--g:var(--grid-gap)}
.ep-features>*{flex:0 0 calc((100% - (var(--cols) - 1) * var(--g)) / var(--cols));max-width:calc((100% - (var(--cols) - 1) * var(--g)) / var(--cols));min-width:0}
.ep-features.cols-2,.ep-features.incl{--cols:2}
.ep-features.cols-4{--cols:4}
.ep-features.incl{--g:14px}
@media (max-width:1180px){.ep-features.cols-4{--cols:2}}
@media (max-width:980px){.ep-features,.ep-features.cols-3{--cols:2}}
@media (max-width:640px){.ep-features,.ep-features.cols-2,.ep-features.cols-3,.ep-features.cols-4,.ep-features.incl{--cols:1}}
/* Video hero: pause button back at the hero's bottom-right (it moved to the top on 18 Oct because the bottom-right corner is the
   fixed chat launcher's column). Above 900px it keeps 96px clear of the right edge (launcher 56px wide plus its 24px inset), or
   lines up with the content column when that is further in; when the hero runs past the first screen (short laptop windows) it
   lifts to stay 24px above the bottom of the first screen (76px = header height above the hero). Up to 900px the copy reaches
   that spot, so the button sits in the hero's bottom padding under the buttons (72px on phones), level with the content's
   right edge; on phones that is just below the first screen. */
.ep-vhero-toggle{top:auto;bottom:max(24px,calc(100% - 100svh + 76px + 24px));right:max(96px,calc((100% - var(--container,1240px)) / 2))}
@media (max-width:900px){.ep-vhero-toggle{bottom:16px;right:calc((100% - var(--container,1240px)) / 2)}}
/* "Take a closer look" up to 768px: Learn more sits under the description, between the prev/next arrows (one bottom row), and
   the card takes the full width. Phones (<600px) get a shorter preview, 300px instead of 360px: every item still fits, only the
   empty space above and below the mock-up shrinks. --sc-left-min = longest card + the 60px row, so the row stays put between
   items (375-599px: 191+60, under 375px: 242+60, 600-768px: 115+60). */
@media (max-width:768px){
  .sc2 .sc-left,.sc2 .sc-grid.has-more .sc-left{padding:0 16px 60px;margin-top:8px}
  .sc2 .sc-left{--sc-left-min:180px}
  .sc2 .sc-ctrls{inset:auto 16px 0 16px;height:44px}
  .sc2 .sc-more,html[data-showcase="box"] .sc2 .sc-more{top:auto;bottom:30px;left:50%;right:auto;transform:translateX(-50%)}
}
@media (max-width:599px){
  .sc2 .sc-stage,html[data-showcase="box"] .sc2 .sc-stage[data-tone]{height:300px}
  .sc2 .sc-left{--sc-left-min:256px}
}
@media (max-width:374px){.sc2 .sc-left{--sc-left-min:304px}}

/* ===== "Eventpack fits every style" band: a quiet animated background per look (22 Oct 2026, Serhat: "not so bold, slight
   animation, glow"). Two layers behind the content (::before, ::after), transform and opacity only, slow loops; still for
   prefers-reduced-motion. The five looks in the picker get their own motif; every other look gets a drifting glow in its colours. ===== */
.ep-section.ep-looks{isolation:isolate}
.ep-section.ep-looks>.ep-container{position:relative;z-index:1}
.ep-section.ep-looks::before,.ep-section.ep-looks::after{content:"";position:absolute;z-index:0;pointer-events:none}
/* default: two soft glows in the look's primary and secondary colours, drifting */
.ep-section.ep-looks::before{inset:-25%;
  background:radial-gradient(26% 30% at 28% 38%,color-mix(in srgb,var(--c-secondary,var(--c-primary)) 22%,transparent),transparent 70%),
    radial-gradient(24% 28% at 72% 62%,color-mix(in srgb,var(--c-primary) 20%,transparent),transparent 70%);
  animation:lk-drift 22s ease-in-out infinite alternate}
.ep-section.ep-looks::after{left:10%;right:10%;bottom:0;height:60%;
  background:radial-gradient(50% 60% at 50% 100%,color-mix(in srgb,var(--c-secondary,var(--c-primary)) 18%,transparent),transparent 72%);
  animation:lk-breathe 7s ease-in-out infinite}
@keyframes lk-drift{0%{transform:translate3d(-4%,-2%,0) scale(1)}100%{transform:translate3d(4%,3%,0) scale(1.08)}}
@keyframes lk-breathe{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
@keyframes lk-sweep{0%{transform:rotate(-6deg)}100%{transform:rotate(6deg)}}
@keyframes lk-fall{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,180px,0)}}
@keyframes lk-roam{0%{transform:translate3d(-30%,0,0)}100%{transform:translate3d(30%,0,0)}}
@keyframes lk-twinkle{0%,100%{opacity:.35}50%{opacity:.9}}
@keyframes lk-aurora{0%{transform:translate3d(-9%,-4%,0) scale(1)}50%{transform:translate3d(3%,5%,0) scale(1.14)}100%{transform:translate3d(9%,-2%,0) scale(1.04)}}
@keyframes lk-sweep2{0%{transform:rotate(-11deg)}100%{transform:rotate(11deg)}}
@keyframes lk-roam2{0%{transform:translate3d(-40%,-6%,0)}100%{transform:translate3d(40%,6%,0)}}

/* 11 Daylight Stage: two stage-light beams from above, sweeping slowly, and a warm pink glow under the snapshots */
html[data-theme="11-daylight-stage"] .ep-section.ep-looks::before{inset:auto;left:0;right:0;top:-12%;height:115%;transform-origin:50% 0;
  background:conic-gradient(from 146deg at 50% 0%,transparent 0deg,rgba(255,243,214,.34) 9deg,transparent 19deg,transparent 29deg,rgba(226,87,127,.38) 38deg,transparent 48deg,transparent 56deg,rgba(190,214,255,.24) 63deg,transparent 72deg,transparent 360deg);
  -webkit-mask-image:linear-gradient(#000 40%,transparent 98%);mask-image:linear-gradient(#000 40%,transparent 98%);
  animation:lk-sweep2 6.5s ease-in-out infinite alternate}
html[data-theme="11-daylight-stage"] .ep-section.ep-looks::after{background:radial-gradient(52% 58% at 50% 100%,rgba(226,87,127,.36),transparent 72%);animation-duration:4s}

/* 08 Afterparty (pale band): pink and cyan neon glows drifting, two thin laser lines crossing slowly */
html[data-theme="08-event-energy-neon"] .ep-section.ep-looks::before{
  background:radial-gradient(26% 32% at 24% 40%,rgba(255,61,139,.24),transparent 70%),radial-gradient(28% 34% at 76% 60%,rgba(34,228,240,.26),transparent 70%);
  animation-duration:16s}
html[data-theme="08-event-energy-neon"] .ep-section.ep-looks::after{left:-10%;right:-10%;top:-20%;bottom:-20%;height:auto;transform-origin:50% 50%;
  background:linear-gradient(8deg,transparent calc(50% - 1px),rgba(255,61,139,.32) 50%,transparent calc(50% + 1px)),
    linear-gradient(-6deg,transparent calc(56% - 1px),rgba(34,228,240,.34) 56%,transparent calc(56% + 1px));
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);
  animation:lk-sweep 11s ease-in-out infinite alternate}

/* 05 Confetti: small confetti dots falling slowly, a warm yellow glow at the bottom */
html[data-theme="05-playful-confetti"] .ep-section.ep-looks::before{inset:auto;left:0;right:0;top:-180px;bottom:0;
  background-image:radial-gradient(circle,#F06E93 0 2.5px,transparent 3px),radial-gradient(circle,#FFD84D 0 2px,transparent 2.5px),
    radial-gradient(circle,#2D82B7 0 2.5px,transparent 3px),radial-gradient(circle,#34D399 0 2px,transparent 2.5px),radial-gradient(circle,#B79CFF 0 2px,transparent 2.5px);
  background-size:180px 180px;background-position:22px 30px,118px 74px,64px 132px,150px 160px,8px 104px;opacity:.42;
  -webkit-mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);
  animation:lk-fall 24s linear infinite}
html[data-theme="05-playful-confetti"] .ep-section.ep-looks::after{background:radial-gradient(50% 60% at 50% 100%,rgba(255,216,77,.20),transparent 72%)}

/* 02 Spotlight: a soft pink-to-violet spotlight roaming across the band, a faint halo under the snapshots */
html[data-theme="02-bold-gradient"] .ep-section.ep-looks::before{inset:auto;left:18%;width:64%;top:-25%;height:150%;
  background:radial-gradient(closest-side,rgba(255,79,139,.42),rgba(255,79,139,.16) 45%,rgba(155,92,246,.08) 70%,transparent 100%);
  animation:lk-roam2 7s ease-in-out infinite alternate}
html[data-theme="02-bold-gradient"] .ep-section.ep-looks::after{inset:auto;left:30%;width:40%;bottom:-10%;height:90%;
  background:radial-gradient(closest-side,rgba(155,92,246,.40),rgba(155,92,246,.12) 55%,transparent 100%);
  animation:lk-roam2 9s ease-in-out infinite alternate-reverse}

/* 20 Event OS Violet (pale band): violet, lilac and green aurora drifting, faint violet sparkles */
html[data-theme="20-event-os-violet"] .ep-section.ep-looks::before{
  background:radial-gradient(30% 26% at 30% 30%,rgba(139,92,246,.40),transparent 70%),radial-gradient(26% 22% at 72% 66%,rgba(52,211,153,.30),transparent 70%),
    radial-gradient(22% 20% at 56% 18%,rgba(240,166,255,.36),transparent 70%);
  animation:lk-aurora 9s ease-in-out infinite alternate}
html[data-theme="20-event-os-violet"] .ep-section.ep-looks::after{inset:0;height:auto;
  background-image:radial-gradient(circle,rgba(139,92,246,.8) 0 1.6px,transparent 2px),radial-gradient(circle,rgba(139,92,246,.6) 0 1.1px,transparent 1.5px);
  background-size:140px 120px,90px 110px;background-position:12px 18px,60px 70px;
  -webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent);mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent);
  animation:lk-twinkle 2.6s ease-in-out infinite}

@media (prefers-reduced-motion:reduce){.ep-section.ep-looks::before,.ep-section.ep-looks::after{animation:none}}

/* "Fits every style" band, Serhat's pick from the looks demos (22 Oct 2026): the paint-the-page reveal is a view transition whose
   new page grows as a circle from the clicked snapshot (site.js paint()), so the default cross-fade is switched off; the
   snapshots carry a soft light that follows the cursor while they tilt (site.js, deal the deck + card tilt). The light is a faint
   sheen since 22 Oct 2026 (Serhat: the torch was too much): about a third of the first version (.34 at the cursor). */
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-new(root){z-index:2}
.ep-looks .ep-tilt-light{position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s ease;
  background:radial-gradient(circle at var(--tx,50%) var(--ty,50%),rgba(255,255,255,.12),rgba(255,255,255,.03) 45%,rgba(255,255,255,0) 70%)}
.ep-looks .ep-try-chip.is-tilt .ep-tilt-light{opacity:1}

/* ===== Integrations demo (22 Oct 2026, Serhat): a copy of the admin Integrations page (Public Sans there; Inter here, as in the stories), sized
   from the media column with container units: 3 cards a row like the admin on wide screens, 2 on narrow ones. Admin theme: 8px radius, card
   border rgba(145,158,171,.32), title #0D1D26, text rgba(13,29,38,.6), buttons primary #F06E93 / hover #F15581. The cursor visits the `focus`
   buttons in turn, 3s each (9s loop for three); reduced motion shows it resting on the first. ===== */
.ig{container-type:inline-size;width:100%;align-self:center}
.ig-win{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:2cqw;background:#f4f6f8;border-radius:1.2em;padding:1.7em 1.6em;color:#0D1D26;text-align:left;box-shadow:0 1.6em 4em rgba(15,23,42,.14),0 0 0 1px rgba(15,23,42,.06)}
.ig-hd{margin-bottom:1.3em}.ig-hd b{display:block;font-size:2em;font-weight:700;letter-spacing:-.01em;line-height:1.15}.ig-hd span{display:block;font-size:1.1em;color:rgba(13,29,38,.6);margin-top:.25em}
.ig-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1em}
.ig-c{background:#fff;border:1px solid rgba(145,158,171,.32);border-radius:.8em;padding:1.25em 1.2em 1.2em;display:flex;flex-direction:column;gap:.75em}
.ig-t{font-size:1.25em;font-weight:600;line-height:1.3;white-space:nowrap}.ig-t img{display:block;height:1.6em;width:auto;max-width:100%;margin-top:.35em}
.ig-c p{margin:0;flex:1;font-size:.95em;line-height:1.4;color:rgba(13,29,38,.6)}
.ig-b{position:relative;align-self:flex-start;display:inline-flex;align-items:center;gap:.35em;padding:.72em .95em;border-radius:.65em;background:#F06E93;color:#fff;font-size:.95em;font-weight:600;line-height:1;white-space:nowrap}
.ig-b svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ig-cur{position:absolute;left:58%;top:52%;width:2.3em;height:2.3em;opacity:0;pointer-events:none;z-index:2}.ig-cur svg{display:block;width:100%;height:100%;stroke:none;filter:drop-shadow(0 .15em .3em rgba(0,0,0,.25))}
.ig-b.on{animation:igb 9s infinite calc(var(--n)*3s)}.ig-b.on .ig-cur{animation:igc 9s infinite calc(var(--n)*3s)}
@keyframes igc{0%{opacity:0;transform:translate(.9em,1em)}5%{opacity:1;transform:none}11%{transform:scale(.84)}14%{transform:none}29%{opacity:1}33%,100%{opacity:0;transform:none}}
@keyframes igb{0%,4%{background:#F06E93;transform:none}6%{background:#F15581}11%{transform:scale(.96)}14%{transform:none}30%{background:#F15581}33%,100%{background:#F06E93}}
@container (max-width:430px){.ig-win{font-size:3.1cqw}.ig-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.ig-b.on,.ig-b.on .ig-cur{animation:none}.ig-b.f0 .ig-cur{opacity:1}}