@font-face{font-family:"DM Sans";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/dm-sans-400.ttf") format("truetype")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/dm-sans-500.ttf") format("truetype")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/dm-sans-600.ttf") format("truetype")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/dm-sans-700.ttf") format("truetype")}
body{font-family:"DM Sans","Segoe UI",Arial,sans-serif;letter-spacing:0}
.hero-operations{display:flex;align-items:center;gap:10px;color:#234fc9;font-size:18px;font-weight:700;margin:25px 0 16px;line-height:1.5}
.hero-operations .icon{width:21px;height:21px}.hero-description{font-size:17px}.hero-details{font-size:12px}.hero-inner{padding-top:42px;padding-bottom:48px}.hero{min-height:660px}
.section-heading>p{font-size:17px;max-width:410px;line-height:1.8}.eyebrow{font-size:12px}.section-heading h2,h2{font-weight:700}.feature-section{background:#f3f4f6}
.feature-grid{gap:24px;align-items:start}.feature{border:1px solid #ebedf1;border-radius:8px;background:#fff;box-shadow:0 5px 20px #202b3c04;padding:30px;min-height:0;height:auto}.feature-number{top:36px;right:28px;font-size:12px}.feature-icon{margin-bottom:22px;width:49px;height:49px}.feature h3{font-size:24px;font-weight:600;line-height:1.25}.feature p{font-size:16px;line-height:1.75;min-height:0;color:#535f70}.feature ul{margin-top:23px;display:grid;gap:13px}.feature li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.6;padding-left:0;color:#303b4b}.feature li:before{content:none}.feature li>.icon{width:19px;height:19px;color:#2458ed;background:#eef3ff;border-radius:50%;padding:2px;margin-top:2px;flex-shrink:0}
.ticket-feature{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.1fr;gap:55px;padding:38px}.ticket-feature-intro{position:relative;min-width:0}.ticket-feature .feature-number{right:0;top:10px}.ticket-feature h3{font-size:29px;margin-bottom:16px}.ticket-feature>.ticket-benefits{margin:0;display:flex;flex-direction:column;gap:0;justify-content:center}.ticket-benefits li{display:flex;gap:16px;padding:23px 0;border-bottom:1px solid #e5e9f0}.ticket-benefits li:last-child{border-bottom:0}.benefit-check{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;background:#edf3ff;border-radius:50%;color:#2458ed}.benefit-check .icon{width:19px;height:19px}.ticket-benefits h4{font-size:20px;font-weight:600;line-height:1.35;margin:0 0 9px}.ticket-benefits p{font-size:16px;line-height:1.75}.ticket-benefits .tracking-benefit .benefit-check{background:#2458ed;color:#fff}.session-highlight{margin-top:29px;border-left:4px solid #2458ed;padding:2px 0 2px 22px}.highlight-label{font-size:11px;font-weight:700;color:#2458ed;display:flex;align-items:center;gap:7px}.highlight-label .icon{width:16px;height:16px}.session-highlight h4{font-size:27px;line-height:1.25;font-weight:700;margin:14px 0}.session-highlight p{font-size:16px}
.product-tour[data-active-module=tickets] .workspace{display:block;min-height:0}.product-tour[data-active-module=tickets] .workspace-sidebar{display:none}.ticket-tour-panel{padding:0}.tour-tabs button{font-size:13px}.demo-badge{font-size:11px}.tour-summary>p{font-size:14px;max-width:650px}.tour-summary>a{font-size:12px}
.carousel-screen-area{overflow:hidden;position:relative;touch-action:pan-y}.carousel-track{display:flex;transition:transform .5s cubic-bezier(.2,.6,.3,1);align-items:stretch;will-change:transform}.ticket-slide{flex:0 0 100%;width:100%;min-width:0;background:#fff}.ticket-screen{height:540px;width:100%;position:relative;background:#f3f6fb;padding:18px;border-bottom:1px solid #e5eaf2}.ticket-screen>img{width:100%;height:100%;object-fit:contain;object-position:top center}.screen-zoom{position:absolute;bottom:28px;right:30px;display:flex;align-items:center;gap:8px;border:1px solid #d9e1ec;border-radius:6px;background:#fff;color:#2458ed;padding:9px 14px;box-shadow:0 3px 12px #202b3c10;font-size:12px;font-weight:600;min-height:40px}.screen-zoom .icon{width:17px;height:17px}.screen-zoom:hover{background:#eef3ff}.ticket-slide-copy{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;padding:30px 35px;min-height:270px}.slide-kicker{font-size:11px;color:#2458ed;font-weight:700;margin-bottom:12px}.ticket-slide-copy h3{font-size:26px;font-weight:700;line-height:1.3}.ticket-slide-copy>div>p:not(.slide-kicker){font-size:16px;line-height:1.75;color:#536173}.ticket-slide-copy ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px}.ticket-slide-copy li{display:flex;align-items:flex-start;gap:8px;font-size:14px;font-weight:500;line-height:1.6}.ticket-slide-copy li .icon{width:18px;height:18px;color:#2458ed;margin-top:2px}.scan-slide-copy{background:#edf3ff}.scan-slide-copy h3{font-size:28px}.carousel-footer{display:flex;align-items:center;gap:18px;padding:14px 26px;border-top:1px solid #e5eaf2;background:#fff}.carousel-dots{display:flex;gap:2px}.carousel-dot{background:none;border:0;padding:12px 7px;min-width:30px;min-height:40px;display:grid;place-items:center}.carousel-dot span{display:block;width:8px;height:8px;border-radius:50%;background:#c8d2e2;transition:background .2s,width .2s}.carousel-dot[aria-current=step] span{background:#2458ed;width:25px;border-radius:5px}.carousel-page{font-size:13px;color:#647388;font-variant-numeric:tabular-nums}.carousel-actions{display:flex;gap:8px;margin-left:auto}.carousel-actions .icon-button{width:40px;height:40px}.carousel-actions .icon-button:hover{background:#edf3ff}.carousel-actions button:disabled{opacity:.45}.tour-source-note{font-size:11px;line-height:1.6;color:#748195;background:#f9fafc;padding:10px 26px;border-top:1px solid #e5eaf2}
.alert-demo{max-width:1020px;margin:auto;padding:48px 25px}.alert-demo-heading{display:flex;align-items:center;gap:15px;margin-bottom:37px}.live-tracking-mark{width:52px;height:52px;border-radius:8px;background:#e5edff;color:#2458ed;display:grid;place-items:center}.alert-demo-heading strong{font-size:24px;line-height:1.3}.alert-demo-heading p{font-size:13px;color:#6a7990;margin-top:6px}.session-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.session-status{padding:24px;border:1px solid #cfe7db;border-radius:8px;background:#fff}.session-status>span{font-size:10px;color:#25815d;font-weight:700}.session-status h4{font-size:17px;margin:9px 0 20px;line-height:1.4}.session-status>strong{display:block;color:#25815d;font-size:38px;line-height:1.2}.session-status small{font-size:13px;font-weight:500}.session-status p{font-size:12px;color:#6a7990;margin-top:14px}.session-status.ending{border-color:#ead3a2;background:#fffaf0}.session-status.ending>span,.session-status.ending>strong{color:#966200}.session-status.overdue{border-color:#efb9be;background:#fff4f4}.session-status.overdue>span,.session-status.overdue>strong{color:#bd3542}.alert-explanation{display:flex;gap:13px;align-items:flex-start;margin-top:30px;font-size:13px;line-height:1.8;color:#66758a}.alert-explanation .icon{color:#2458ed;margin-top:3px}.alert-explanation strong{color:#2b394e;font-size:15px}
.screenshot-dialog{width:96vw;max-width:1600px;height:93svh;max-height:93svh;padding:0;border:1px solid #dce3ee;border-radius:8px;overflow:hidden}.screenshot-dialog::backdrop{background:#151d2aba}.screenshot-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-bottom:1px solid #dce3ee;gap:16px}.screenshot-dialog h2{font-size:17px;line-height:1.4}.full-screen-image{width:100%;height:calc(100% - 68px);overflow:auto;background:#f3f6fb}.full-screen-image img{display:block;width:1476px;max-width:none;height:auto}
@media(max-width:1100px){.feature{padding:25px}.feature h3{font-size:22px}.feature p{font-size:16px}.feature li{font-size:14px}.ticket-feature{padding:30px;gap:35px}.ticket-feature h3{font-size:27px}.session-highlight h4{font-size:25px}.ticket-benefits h4{font-size:19px}.ticket-screen{height:475px}.ticket-slide-copy{gap:30px;padding:27px;min-height:300px}.ticket-slide-copy h3{font-size:24px}.hero-description{font-size:16px}.hero-operations{font-size:16px}.section-heading>p{font-size:16px;max-width:370px}}
@media(max-width:800px){.hero-operations{font-size:15px;margin-top:20px;gap:8px}.hero-operations .icon{width:17px;height:17px}.hero-description{font-size:14px}.hero-details{font-size:10px}.hero{min-height:625px}.hero-inner{padding-top:35px;padding-bottom:35px}.section-heading{gap:30px}.section-heading>p{font-size:15px;max-width:320px}.feature h3{font-size:22px}.feature li{font-size:15px}.ticket-feature{grid-template-columns:1fr;gap:16px}.ticket-feature .feature-number{right:0}.ticket-feature-intro>p{max-width:620px}.ticket-feature>.ticket-benefits{display:grid;grid-template-columns:1fr 1fr;column-gap:27px}.ticket-benefits li{padding:22px 0}.ticket-benefits p{font-size:15px}.ticket-benefits h4{font-size:18px}.session-highlight h4{font-size:26px}.ticket-screen{height:390px;padding:12px}.ticket-slide-copy{gap:23px;padding:25px;min-height:320px}.ticket-slide-copy h3{font-size:22px}.ticket-slide-copy>div>p:not(.slide-kicker){font-size:15px}.ticket-slide-copy li{font-size:13px}.tour-tabs button{font-size:12px}.alert-demo{padding:22px 12px}.alert-demo-heading{margin-bottom:23px}.alert-demo-heading strong{font-size:20px}.session-status{padding:16px}.session-status-grid{gap:10px}.session-status h4{font-size:14px;margin-bottom:14px}.session-status>strong{font-size:29px}.session-status small{font-size:10px}.alert-explanation{margin-top:23px}.session-status p{font-size:10px}.tour-summary>p{font-size:13px}}
@media(max-width:560px){.hero{min-height:min(790px,calc(100svh - 92px))}.hero-picture{height:40%}.hero:before{bottom:40%}.hero-inner{padding-top:29px;padding-bottom:0}.hero-tagline{font-size:36px}.hero-operations{font-size:15px;line-height:1.5;margin:21px 0 12px}.hero-description{font-size:14px;line-height:1.7}.hero-details{font-size:9px;gap:13px}.hero-actions{margin-top:20px}.section-heading>p{font-size:16px;max-width:none}.feature-grid{gap:20px}.feature{padding:27px 24px;min-height:0}.feature-icon{position:static;width:44px;height:44px;left:auto;top:auto;margin-bottom:21px}.feature-number{top:32px;right:24px;font-size:11px}.feature h3{font-size:23px;padding-right:0;margin-bottom:14px}.feature p{font-size:16px;line-height:1.75}.feature li{font-size:15px;line-height:1.6}.feature ul{gap:13px}.ticket-feature{padding:28px 23px;gap:10px}.ticket-feature h3{font-size:27px}.ticket-feature .feature-number{top:8px;right:0}.session-highlight{padding-left:17px;margin-top:25px}.highlight-label{font-size:10px;gap:6px}.session-highlight h4{font-size:25px}.session-highlight p{font-size:16px}.ticket-feature>.ticket-benefits{display:flex}.ticket-benefits li{padding:21px 0;gap:12px}.ticket-benefits h4{font-size:19px}.ticket-benefits p{font-size:16px}.ticket-screen{height:255px;padding:8px}.screen-zoom{right:16px;bottom:15px;padding:7px 10px;min-height:36px;font-size:11px}.screen-zoom span{display:none}.ticket-slide-copy{display:block;padding:23px 22px;min-height:405px}.ticket-slide-copy h3{font-size:23px;margin-bottom:17px}.ticket-slide-copy>div>p:not(.slide-kicker){font-size:16px;line-height:1.75}.ticket-slide-copy li{font-size:14px}.slide-kicker{font-size:10px}.carousel-footer{padding:12px 12px;gap:6px}.carousel-dots{gap:0}.carousel-dot{min-width:24px;padding:10px 5px}.carousel-actions{gap:5px}.carousel-actions .icon-button{width:34px;height:38px}.carousel-page{font-size:11px}.tour-source-note{padding:12px 18px;font-size:10px}.tour-tabs button{font-size:11px}.demo-badge{font-size:10px}.tour-summary>p{font-size:13px}.alert-demo{padding:12px 8px}.alert-demo-heading{gap:10px;margin-bottom:13px}.live-tracking-mark{width:35px;height:35px;flex-shrink:0}.alert-demo-heading strong{font-size:15px}.alert-demo-heading p{font-size:9px;margin-top:3px}.session-status-grid{gap:6px}.session-status{padding:11px 7px;border-radius:6px}.session-status>span{font-size:7px}.session-status h4{font-size:10px;margin:6px 0 11px;line-height:1.5}.session-status>strong{font-size:23px}.session-status small{font-size:8px;display:block}.session-status p{font-size:8px;margin-top:8px}.alert-explanation{margin-top:14px;font-size:8px;line-height:1.5;gap:7px}.alert-explanation strong{font-size:9px}.alert-explanation .icon{width:14px;height:14px;flex-shrink:0}.screenshot-dialog-header{padding:9px 12px}.screenshot-dialog h2{font-size:13px}.full-screen-image{height:calc(100% - 62px)}}
@media(max-width:560px) and (max-height:740px){.hero h1{font-size:55px}.hero-tagline{font-size:30px;margin-bottom:18px}.hero-operations{font-size:14px;margin-top:14px;margin-bottom:10px}.hero-description{font-size:12px}.hero-picture{height:34%}.hero:before{bottom:34%}.hero-details{display:none}.hero-inner{padding-top:23px}}
@media(prefers-reduced-motion:reduce){.carousel-track,.carousel-dot span{transition:none}}
.why-intro>p:not(.eyebrow),.contact-copy>p:not(.eyebrow):not(.placeholder-notice){font-size:16px}.benefit-list h3,.journey h3{font-size:21px}.benefit-list p,.journey p{font-size:15px}.faq-list summary{font-size:17px}.faq-list details>p{font-size:16px}.enquiry-form label{font-size:13px}.enquiry-form>p:first-of-type{font-size:14px}.form-note,.placeholder-notice{font-size:11px}.footer-top p,.footer-top>.text-link{font-size:13px}.footer-bottom{font-size:11px}

/* Let the image set the stage proportions instead of squeezing it into a short frame. */
.ticket-screen {
  height: auto;
  aspect-ratio: 1476 / 1066;
  padding: 12px 54px;
}
.ticket-screen > img {
  position: absolute;
  top: 12px;
  left: 54px;
  width: calc(100% - 108px);
  height: calc(100% - 24px);
  object-fit: contain;
  object-position: center;
}
.screen-side-navigation {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 6px;
  pointer-events: none;
  z-index: 1;
}
.screen-side-arrow {
  display: grid;
  place-items: center;
  width: 44px;
  height: 48px;
  padding: 0;
  border: 1px solid #d4def1;
  border-radius: 7px;
  background: #fff;
  color: #2458ed;
  box-shadow: 0 4px 12px #21345c12;
  pointer-events: auto;
}
.screen-side-arrow:hover { background: #2458ed; border-color: #2458ed; color: #fff; }
.screen-side-arrow .icon { width: 23px; height: 23px; }
.screen-zoom { z-index: 2; bottom: 20px; right: 65px; }
@media (max-width: 800px) {
  .ticket-screen { padding: 8px 44px; }
  .ticket-screen > img { top: 8px; left: 44px; width: calc(100% - 88px); height: calc(100% - 16px); }
  .screen-side-navigation { padding: 0 4px; }
  .screen-side-arrow { width: 36px; height: 44px; }
  .screen-zoom { right: 51px; bottom: 15px; }
}
@media (max-width: 560px) {
  .ticket-screen { min-height: 255px; padding: 8px; }
  .ticket-screen > img { left: 8px; width: calc(100% - 16px); }
  .screen-side-navigation { padding: 0 6px; }
  .screen-side-arrow { width: 34px; height: 44px; background: #ffffffed; }
  .screen-side-arrow .icon { width: 20px; height: 20px; }
  .screen-zoom { right: 14px; bottom: 12px; }
}

.product-tour[data-active-module=cafe] .workspace { display: block; min-height: 0; }
.product-tour[data-active-module=cafe] .workspace-sidebar { display: none; }
.cafe-carousel .ticket-screen { aspect-ratio: 1440 / 1200; }
.cafe-feature { margin-top: 2px; }
.cafe-highlight { border-left-color: #d8b24e; }
.cafe-highlight .highlight-label { color: #876414; }
.cafe-feature .tracking-benefit .benefit-check { background: #ffedb4; color: #77580a; }
.cafe-status-flow {
  display: grid;
  grid-template-columns: auto 14px auto 14px auto 14px auto;
  align-items: center;
  gap: 7px;
  max-width: 430px;
  margin-top: 26px;
}
.cafe-status-flow span {
  border: 1px solid #e2e7ef;
  border-radius: 5px;
  padding: 6px 8px;
  background: #f8faff;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}
.cafe-status-flow .icon { width: 14px; height: 14px; color: #7a8ba3; }
.cafe-carousel .scan-slide-copy { background: #fff8e5; }
.cafe-carousel .scan-slide-copy .slide-kicker { color: #876414; }
.full-screen-image img { width: auto; max-width: none; }
@media (max-width: 560px) {
  .cafe-feature .feature-number { font-size: 11px; }
  .cafe-status-flow { gap: 4px; grid-template-columns: auto 11px auto 11px auto 11px auto; }
  .cafe-status-flow span { padding: 5px; font-size: 9px; }
  .cafe-status-flow .icon { width: 11px; height: 11px; }
  .cafe-feature .session-highlight h4 { font-size: 24px; }
  .cafe-carousel .ticket-slide-copy { min-height: 450px; }
  .hero-operations { align-items: flex-start; }
  .hero-operations .icon { margin-top: 3px; }
}

/* Restore the large proportional preview; trim 48px from the old 1200px desktop layout. */
.product-tour,
.product-tour + .tour-summary {
  width: calc(100% - 48px);
  max-width: 1152px;
  margin-inline: auto;
}
.ticket-carousel .ticket-screen {
  height: auto;
  min-height: 0;
}
@media (max-width: 800px) {
  .product-tour, .product-tour + .tour-summary { width: 100%; max-width: none; }
}
@media (max-width: 560px) {
  .ticket-carousel .ticket-screen { min-height: 255px; }
  .carousel-footer { display: grid; grid-template-columns: 1fr auto; row-gap: 4px; }
  .carousel-dots { grid-column: 1 / -1; justify-content: center; }
  .carousel-page { grid-column: 1; }
  .carousel-actions { grid-column: 2; }
}
.dialog-actions{flex-wrap:wrap}
.dialog-actions .button{max-width:100%;white-space:normal;text-align:center}
@media(max-width:560px){.dialog-actions{display:grid;grid-template-columns:1fr}.dialog-actions .button{width:100%;justify-content:center}}
.button.button-whatsapp{background:#12833f;border-color:#12833f;color:#fff;gap:10px}
.button.button-whatsapp:hover{background:#0d6831;border-color:#0d6831}
.button-whatsapp>img{width:22px;height:22px;flex:0 0 22px}