.bx-demo{--bx-navy: #16213e;--bx-navy-light: #24345c;--bx-blue: #add9e6;--bx-blue-deep: #8fcddd;--bx-tint: #f1f9fb;--bx-brandline: #c9e6ef;--bx-demo-red: #c8102e;--bx-alert: #b4232f;--bx-cream: #ffffff;--bx-ink: var(--bx-navy);--bx-red: var(--bx-navy);--bx-line: #e6ecf3;--bx-soft: #5f6b81;--bx-card: #ffffff;--bx-green: #1e7d4f;font-family:-apple-system,Helvetica Neue,Arial,sans-serif;background:var(--bx-cream);color:var(--bx-ink);-webkit-font-smoothing:antialiased}.bx-demo .wrap{max-width:680px;margin:0 auto;padding:0 18px}.bx-demo button{font-family:inherit;border:none;background:none;text-align:left}.bx-demo .pill{font-size:10.5px;font-weight:800;letter-spacing:.11em;border:1.5px solid rgba(200,16,46,.32);color:var(--bx-demo-red);border-radius:300px;padding:5px 11px}.bx-demo .hero{padding:52px 0 4px;max-width:800px}@media(min-width:900px){.bx-demo .hero{padding:80px 0 4px}}.bx-demo h1{margin-top:20px;font-weight:800;font-size:clamp(28px,4.1vw,46px);line-height:1.08;letter-spacing:-.024em}.bx-demo .hero p{color:var(--bx-soft);margin-top:20px;font-size:16.5px;line-height:1.62}.bx-demo .hero p b{color:var(--bx-ink)}.bx-demo .steps{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.bx-demo .step{font-size:12px;font-weight:600;color:var(--bx-soft);background:var(--bx-card);border:1px solid var(--bx-line);border-radius:300px;padding:6px 12px}.bx-demo .step b{color:var(--bx-ink)}.bx-demo .stand{margin-top:22px;background:var(--bx-card);border:1px solid var(--bx-line);border-radius:18px;overflow:hidden}.bx-demo .standhead{padding:14px 16px;border-bottom:1px solid var(--bx-line);display:flex;align-items:center;justify-content:space-between}.bx-demo .standname{font-weight:800;font-size:15px}.bx-demo .standsub{font-size:12px;color:var(--bx-soft);margin-top:2px}.bx-demo .standhead .open{font-size:11px;font-weight:700;color:var(--bx-green);background:#eaf5ef;border-radius:300px;padding:4px 10px}.bx-demo .menu{padding:8px 10px 14px}.bx-demo .cat{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--bx-soft);text-transform:uppercase;margin:12px 6px 6px}.bx-demo .grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(min-width:560px){.bx-demo .grid{grid-template-columns:1fr 1fr 1fr}}.bx-demo .item{background:var(--bx-cream);border:1px solid var(--bx-line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px}.bx-demo .item .em{font-size:22px}.bx-demo .item .nm{font-size:13.5px;font-weight:700;line-height:1.25}.bx-demo .item .pr{font-size:13px;color:var(--bx-soft)}.bx-demo .add{margin-top:auto;align-self:flex-start;background:var(--bx-ink);color:#fff;border:none;border-radius:300px;font-weight:700;font-size:12.5px;padding:7px 14px;cursor:pointer}.bx-demo .add:active{transform:scale(.96)}.bx-demo .cartbar{position:fixed;left:0;right:0;bottom:0;width:100%;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--bx-ink);color:#fff;font-size:14px;display:none;align-items:center;justify-content:space-between;cursor:pointer;z-index:20}.bx-demo .cartbar.show{display:flex}.bx-demo .cartbar .l{font-size:13.5px;font-weight:600}.bx-demo .cartbar .r{font-weight:800;font-size:14.5px}.bx-demo .scrim{position:fixed;inset:0;background:#0a122485;display:none;z-index:30}.bx-demo .scrim.show{display:block}.bx-demo .drawer{position:fixed;left:0;right:0;bottom:0;background:var(--bx-card);border-radius:20px 20px 0 0;transform:translateY(105%);transition:transform .25s ease;z-index:40;max-height:88vh;overflow:auto}.bx-demo .drawer.show{transform:translateY(0)}.bx-demo .dwrap{max-width:680px;margin:0 auto;padding:18px 18px calc(24px + env(safe-area-inset-bottom))}.bx-demo .dhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.bx-demo .dhead h2{font-weight:700;font-size:18px}.bx-demo .close{background:none;border:none;font-size:22px;color:var(--bx-soft);cursor:pointer;line-height:1}.bx-demo .crow{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed var(--bx-line)}.bx-demo .crow .nm{flex:1;font-size:14px;font-weight:600}.bx-demo .crow .pr{font-size:13.5px;color:var(--bx-soft);width:52px;text-align:right}.bx-demo .qty{display:flex;align-items:center;gap:8px}.bx-demo .qty button{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--bx-ink);background:none;font-weight:800;font-size:14px;cursor:pointer;line-height:1;color:var(--bx-ink)}.bx-demo .qty span{font-size:14px;font-weight:700;min-width:14px;text-align:center}.bx-demo .totals{display:flex;justify-content:space-between;font-weight:800;font-size:16px;padding:14px 0 4px}.bx-demo label{display:block;font-size:12.5px;font-weight:700;margin:12px 0 5px;color:var(--bx-ink)}.bx-demo input[type=text],.bx-demo input[type=email]{width:100%;border:1.5px solid var(--bx-line);border-radius:12px;padding:12px 13px;font-size:15px;background:var(--bx-cream);color:var(--bx-ink)}.bx-demo input:focus{outline:2px solid var(--bx-ink);border-color:var(--bx-ink)}.bx-demo .opt{color:var(--bx-soft);font-weight:500}.bx-demo .boschk{display:flex;gap:10px;align-items:flex-start;background:var(--bx-tint);border:1px solid var(--bx-brandline);border-radius:14px;padding:12px;margin-top:14px}.bx-demo .boschk input{width:18px;height:18px;margin-top:2px;accent-color:var(--bx-red)}.bx-demo .boschk .t{font-size:13.5px;line-height:1.45}.bx-demo .place{width:100%;margin-top:16px;background:var(--bx-red);color:#fff;border:none;border-radius:300px;font-size:16px;font-weight:800;padding:15px;text-align:center;cursor:pointer}.bx-demo .place:disabled{background:#c6d0e0;cursor:not-allowed}.bx-demo .empty{padding:14px 0;color:var(--bx-soft);font-size:14px}.bx-demo .fine{font-size:12px;color:var(--bx-soft);text-align:center;margin-top:10px;line-height:1.5}.bx-demo .err{display:none;background:#fdf2f3;border:1px solid #f4d5da;color:var(--bx-alert);font-size:13px;border-radius:12px;padding:10px 12px;margin-top:10px}.bx-demo .err.show{display:block}.bx-demo .done{display:none;padding:8px 0 40px}.bx-demo .done.show{display:block}.bx-demo .check{width:58px;height:58px;border-radius:50%;background:var(--bx-tint);color:var(--bx-navy);font-size:30px;display:flex;align-items:center;justify-content:center;margin:26px auto 14px}.bx-demo .done h2{text-align:center;font-weight:700;font-size:24px}.bx-demo .donenum{text-align:center;color:var(--bx-soft);font-size:14px;margin-top:6px}.bx-demo .ticket{background:var(--bx-card);border:1px solid var(--bx-line);border-radius:18px;margin-top:20px;overflow:hidden}.bx-demo .thead{padding:12px 16px;border-bottom:1px solid var(--bx-line);display:flex;justify-content:space-between;align-items:center}.bx-demo .thead .k{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--bx-soft);text-transform:uppercase}.bx-demo .thead .o{font-size:13px;font-weight:800}.bx-demo .tbody{padding:6px 16px 12px}.bx-demo .trow{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--bx-line);font-size:14px}.bx-demo .trow:last-child{border-bottom:none}.bx-demo .trow .q{color:var(--bx-soft);font-weight:700;margin-right:8px}.bx-demo .trow .tp{color:var(--bx-soft)}.bx-demo .statuses{display:flex;gap:8px;padding:12px 16px 16px}.bx-demo .st{flex:1;text-align:center;font-size:11.5px;font-weight:700;border-radius:300px;padding:7px 4px;background:var(--bx-cream);color:var(--bx-soft);border:1px solid var(--bx-line)}.bx-demo .st.on{background:var(--bx-ink);color:#fff;border-color:var(--bx-ink)}.bx-demo .what{background:var(--bx-card);border:1px solid var(--bx-line);border-radius:18px;padding:16px;margin-top:14px}.bx-demo .what h3{font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--bx-soft);margin-bottom:10px}.bx-demo .what ul{list-style:none}.bx-demo .what li{list-style:none;font-size:13.5px;line-height:1.5;padding:6px 0 6px 24px;position:relative}.bx-demo .what li:before{content:"✓";position:absolute;left:0;color:var(--bx-navy);font-weight:800}.bx-demo .cta{background:var(--bx-ink);color:#fff;border-radius:18px;padding:20px;margin-top:14px;text-align:center}.bx-demo .cta h3{font-weight:700;font-size:19px;line-height:1.3}.bx-demo .cta p{color:#b9c4d6;font-size:13.5px;margin-top:6px;line-height:1.5}.bx-demo .cta .btns{display:flex;flex-direction:column;gap:9px;margin-top:16px}.bx-demo .cta a{display:block;text-decoration:none;border-radius:300px;padding:13px;font-weight:800;font-size:14.5px}.bx-demo .cta .a1{background:var(--bx-blue);color:var(--bx-navy);padding:17px;font-size:16.5px;box-shadow:0 18px 34px -18px #00000080}.bx-demo .cta .a2{background:none;border:1.5px solid rgba(214,226,244,.42);color:#fff;padding:11px;font-size:13px}.bx-demo .again{display:block;margin:14px auto 0;background:none;border:none;color:var(--bx-soft);font-size:12.5px;font-weight:600;text-decoration:underline;cursor:pointer}.bx-demo .tryrow{margin-top:18px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;font-size:13.5px;line-height:1.6;color:var(--bx-soft)}.bx-demo .tryrow a{color:var(--bx-ink);font-weight:700;text-decoration:underline}.bx-demo .demofoot{padding:22px 0 110px;text-align:center;color:var(--bx-soft);font-size:12px;line-height:1.6}.bx-demo .demofoot a{color:var(--bx-ink)}.bx-demo .wrap.wide{max-width:1120px;padding:0 22px}.bx-demo .gate{margin-top:48px}.bx-demo .gatewrap{display:grid;grid-template-columns:1fr;background:var(--bx-navy);border-radius:26px;padding:10px}@media(min-width:940px){.bx-demo .gatewrap{grid-template-columns:1.05fr 1fr;align-items:stretch}}.bx-demo .gateinfo{padding:30px 26px 24px;color:#fff}.bx-demo .geyebrow{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--bx-blue)}.bx-demo .gateinfo h2{margin-top:14px;font-weight:800;font-size:clamp(21px,2.3vw,27px);line-height:1.18;letter-spacing:-.018em;color:#fff}.bx-demo .gsteps{list-style:none;margin:26px 0 6px;padding:0;display:flex;flex-direction:column;gap:20px}.bx-demo .gsteps li{display:flex;gap:14px;align-items:flex-start}.bx-demo .gnum{flex:none;width:27px;height:27px;border-radius:50%;background:#add9e624;border:1px solid rgba(173,217,230,.42);color:var(--bx-blue);font-size:12.5px;font-weight:800;display:flex;align-items:center;justify-content:center}.bx-demo .gtxt{font-size:13.5px;line-height:1.55;color:#c6d2e4}.bx-demo .gtxt b{display:block;color:#fff;font-size:14.5px;font-weight:700;margin-bottom:3px}.bx-demo .gateform{background:var(--bx-card);border-radius:18px;padding:26px 24px 22px;box-shadow:0 30px 60px -34px #080e1e99}.bx-demo .gateform h2{font-weight:800;font-size:22px;line-height:1.2;letter-spacing:-.018em}.bx-demo .gateform .gintro{color:var(--bx-soft);font-size:13.5px;line-height:1.6;margin-top:8px}.bx-demo .gateform label{display:block;margin-top:20px;font-size:12.5px;font-weight:700;color:var(--bx-navy)}.bx-demo .gateform input[type=text],.bx-demo .gateform input[type=email]{margin-top:7px;background:#f8fbfd;border-color:#dfe7f0}.bx-demo .gateform .place{margin-top:24px;border-radius:14px}.bx-demo .gateform .fine{margin-top:12px;text-align:center}.bx-demo .ferr{display:block;color:var(--bx-alert);font-size:12.5px;font-weight:600;margin-top:6px}.bx-demo input[aria-invalid=true]{border-color:var(--bx-alert)}.bx-demo .gatedone{display:flex;gap:16px;align-items:flex-start;background:var(--bx-navy);border-radius:26px;padding:26px 28px;color:#fff}.bx-demo .gatedone .gcheck{width:38px;height:38px;flex:none;border-radius:50%;background:var(--bx-blue);color:var(--bx-navy);font-size:19px;font-weight:800;display:flex;align-items:center;justify-content:center}.bx-demo .gatedone b{font-size:16.5px;font-weight:700}.bx-demo .gatedone .gsub{color:#c6d2e4;font-size:13.5px;line-height:1.6;margin-top:6px}.bx-demo .modules{margin-top:72px}.bx-demo .modhead{display:flex;align-items:center;justify-content:space-between;gap:16px}.bx-demo .modhead h2{font-weight:800;font-size:clamp(22px,2.5vw,28px);letter-spacing:-.02em}.bx-demo .modsub{color:var(--bx-soft);font-size:14.5px;line-height:1.6;margin-top:10px;max-width:620px}.bx-demo .lockstate{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--bx-navy);background:var(--bx-tint);border:1px solid var(--bx-brandline);border-radius:300px;padding:6px 13px;white-space:nowrap}.bx-demo .lockstate.open{color:var(--bx-navy);background:#add9e661;border-color:var(--bx-blue-deep)}.bx-demo .modgrid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:28px}@media(min-width:720px){.bx-demo .modgrid{grid-template-columns:1fr 1fr}}@media(min-width:1040px){.bx-demo .modgrid{grid-template-columns:1fr 1fr 1fr;gap:22px}}.bx-demo .mod{background:var(--bx-card);border:1px solid #e8eef5;border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 2px #1018280a;transition:border-color .18s ease,box-shadow .18s ease}.bx-demo .mod:hover{border-color:var(--bx-brandline);box-shadow:0 24px 48px -30px #10182873}.bx-demo .modtop{display:flex;align-items:center;justify-content:space-between;gap:10px}.bx-demo .modlabel{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#74849b}.bx-demo .lockicon{flex:none;color:#9aa8bd}.bx-demo .smpbadge{font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bx-navy);background:var(--bx-tint);border:1px solid var(--bx-brandline);border-radius:300px;padding:3px 9px;white-space:nowrap}.bx-demo .modcap{font-weight:700;font-size:18px;line-height:1.3;letter-spacing:-.014em;color:var(--bx-navy)}.bx-demo .panel{margin-top:auto;color:var(--bx-soft);font-size:14px;line-height:1.6;display:flex;flex-direction:column;gap:10px}.bx-demo .mod.live,.bx-demo .mod.chart{grid-column:1 / -1;padding:0;overflow:hidden}.bx-demo .mod.live .modtop,.bx-demo .mod.chart .modtop{padding:24px 26px 0}.bx-demo .mod.live .modcap,.bx-demo .mod.chart .modcap{padding:8px 26px 20px;border-bottom:1px solid #eef2f7}.bx-demo .modlive{padding:0 20px 20px}.bx-demo .modlive .stand{margin-top:20px;border-radius:16px}.bx-demo .modlive .done{padding:0 4px 24px}.bx-demo .modlive .check{margin:24px auto 12px}.bx-demo .modlive .ticket,.bx-demo .modlive .what,.bx-demo .modlive .cta{max-width:560px;margin-left:auto;margin-right:auto}.bx-demo .modlive .ticket{margin-top:20px}.bx-demo .modlive .what,.bx-demo .modlive .cta{margin-top:14px}.bx-demo .mod.chart .fchead{padding-left:26px;padding-right:26px}.bx-demo .mod.chart .fcplot{margin-left:26px;margin-right:26px}.bx-demo .mod.chart .fcdetail,.bx-demo .mod.chart .fcfoot,.bx-demo .mod.chart .fcpanel{padding-left:26px;padding-right:26px}.bx-demo .smp{display:flex;flex-direction:column;gap:8px;width:100%;min-height:132px;margin-top:auto;padding:14px;text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--bx-tint);border:1px solid var(--bx-brandline);border-radius:16px;transition:background-color .18s ease,border-color .18s ease}.bx-demo .smp:hover{background:#fff;border-color:var(--bx-blue-deep)}.bx-demo .smpsub{font-size:11.5px;font-weight:700;letter-spacing:.01em;color:#74849b}.bx-demo .smprow,.bx-demo .smpline{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e8eef5;border-radius:12px;padding:8px 10px;font-size:13px;line-height:1.3}.bx-demo .smprow.sel{border-color:var(--bx-blue-deep);background:#add9e629}.bx-demo .smpdot{width:7px;height:7px;flex:none;border-radius:50%;background:#c6cfdc}.bx-demo .smpdot.on{background:var(--bx-green)}.bx-demo .smpnm{font-weight:700;color:var(--bx-navy)}.bx-demo .smprole,.bx-demo .smpnum{margin-left:auto;color:#74849b;font-size:12px;font-weight:600;white-space:nowrap}.bx-demo .smpcard{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #e8eef5;border-radius:12px;padding:10px;animation:bx-smp-drop .35s ease-out}.bx-demo .smpno{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#8b98ac}.bx-demo .smptotal{font-size:15px;font-weight:800;color:var(--bx-navy)}.bx-demo .smpok{color:var(--bx-navy);font-size:13px;font-weight:700}.bx-demo .smpfoot{margin-top:auto;font-size:11.5px;line-height:1.45;color:#74849b}.bx-demo .smpbar{display:block;height:6px;border-radius:300px;background:#dbe6ee;overflow:hidden}.bx-demo .smpbarfill{display:block;height:100%;background:var(--bx-navy);transition:width .4s ease}.bx-demo .smpchart{display:flex;align-items:flex-end;gap:6px;height:52px;padding:0 1px}.bx-demo .smpcol{flex:1;min-height:4px;border-radius:5px 5px 2px 2px;background:#ccd9e3}.bx-demo .smpcol.sel{background:var(--bx-navy)}@keyframes bx-smp-drop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.bx-demo .smpcard{animation:none}.bx-demo .smpbarfill,.bx-demo .mod,.bx-demo .smp{transition:none}}.bx-demo .fchead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 15px 0}.bx-demo .fcbadge{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bx-red);background:var(--bx-card);border:1px solid var(--bx-red);border-radius:300px;padding:3px 10px}.bx-demo .fcsub{font-size:13px;font-weight:700;color:var(--bx-soft)}.bx-demo .fcscale{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bx-soft)}.bx-demo .fcplot{position:relative;height:330px;margin:16px 15px 0}.bx-demo .fcgrid{position:absolute;inset:24px 0;border-bottom:2px solid var(--bx-line);background-image:repeating-linear-gradient(to top,rgba(28,27,26,.07) 0 1px,transparent 1px 25%)}.bx-demo .fcbars{position:relative;display:flex;align-items:stretch;gap:10px;height:100%}.bx-demo .fccol{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1 1 0;min-width:0;height:100%;padding:0 2px;border-radius:12px;cursor:pointer}.bx-demo .fccol:hover .fcbar{filter:brightness(1.15)}.bx-demo .fcval{font-size:12.5px;font-weight:800;line-height:18px;color:var(--bx-soft);white-space:nowrap}.bx-demo .fchour{font-size:12.5px;font-weight:700;line-height:18px;color:var(--bx-soft);white-space:nowrap}.bx-demo .fccol.sel .fcval,.bx-demo .fccol.sel .fchour{color:var(--bx-ink)}.bx-demo .fcbarwrap{position:relative;flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.bx-demo .fcbar{display:block;width:100%;max-width:150px;min-height:5px;border-radius:10px 10px 3px 3px;background:linear-gradient(180deg,#2c3d68,#16213e);transition:height .35s ease}.bx-demo .fccol.sel .fcbar{box-shadow:0 0 0 3px #16213e29}.bx-demo .fcghost{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:150px;height:100%;border:1.5px dashed rgba(22,33,62,.3);border-radius:10px 10px 3px 3px;background-color:#add9e638;background-image:repeating-linear-gradient(135deg,rgba(173,217,230,.75) 0 6px,transparent 6px 13px)}.bx-demo .fccol.cut.sel .fcghost{border-color:var(--bx-ink);box-shadow:0 0 0 3px #16213e24}.bx-demo .fcflag{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--bx-ink);background:#add9e6;border:1px solid var(--bx-ink);border-radius:300px;padding:2px 8px;white-space:nowrap}.bx-demo .fcdetail{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 15px 0;padding:12px 14px;background:var(--bx-cream);border:1px solid var(--bx-line);border-radius:14px}.bx-demo .fcdetailmain{font-size:16px;font-weight:800}.bx-demo .fcdetailnote{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bx-soft)}.bx-demo .fcfoot{margin:12px 15px 0;color:var(--bx-soft);font-size:12px;line-height:1.5}.bx-demo .fcpanel{display:flex;flex-direction:column;gap:8px;margin:14px 15px 16px;color:var(--bx-soft);font-size:13.5px;line-height:1.55}@media(max-width:560px){.bx-demo .fcplot{height:250px;margin:14px 12px 0}.bx-demo .fcbars{gap:6px}.bx-demo .fcval,.bx-demo .fchour{font-size:11px}.bx-demo .fcflag{font-size:8.5px;padding:2px 6px}.bx-demo .fchead{padding:12px 12px 0}.bx-demo .fcdetail,.bx-demo .fcfoot,.bx-demo .fcpanel{margin-left:12px;margin-right:12px}}@media(prefers-reduced-motion:reduce){.bx-demo .fcbar{transition:none}}