.bol-demo{font-family:var(--sans);color:var(--text-on-light)}.bol-demo *,.bol-demo :before,.bol-demo :after{box-sizing:border-box}.bol-demo .min-h-screen{min-height:100%}.bol-demo .bg-gray-50{background:#f9fafb}.bol-demo .bg-white{background:#fff}.bol-demo .bg-brand-primary{background:var(--brand-primary)}.bol-demo .text-brand-on-primary{color:var(--brand-on-primary)}.bol-demo .text-brand-primary{color:var(--brand-primary)}.bol-demo .text-gray-900{color:#111827}.bol-demo .text-gray-800{color:#1f2937}.bol-demo .text-gray-600{color:#4b5563}.bol-demo .text-gray-500{color:#6b7280}.bol-demo .text-gray-400{color:#9ca3af}.bol-demo .border{border:1px solid #e5e7eb}.bol-demo .border-gray-200{border-color:#e5e7eb}.bol-demo .rounded-2xl{border-radius:1rem}.bol-demo .rounded-xl{border-radius:.75rem}.bol-demo .rounded-full{border-radius:9999px}.bol-demo .overflow-hidden{overflow:hidden}.bol-demo .px-5{padding-left:1.25rem;padding-right:1.25rem}.bol-demo .py-4{padding-top:1rem;padding-bottom:1rem}.bol-demo .px-4{padding-left:1rem;padding-right:1rem}.bol-demo .py-8{padding-top:2rem;padding-bottom:2rem}.bol-demo .p-5{padding:1.25rem}.bol-demo .px-3{padding-left:.75rem;padding-right:.75rem}.bol-demo .py-1{padding-top:.25rem;padding-bottom:.25rem}.bol-demo .mx-auto{margin-left:auto;margin-right:auto}.bol-demo .max-w-md{max-width:28rem}.bol-demo .mt-0\.5{margin-top:.125rem}.bol-demo .mt-4{margin-top:1rem}.bol-demo .mt-6{margin-top:1.5rem}.bol-demo .my-4{margin-top:1rem;margin-bottom:1rem}.bol-demo .flex{display:flex}.bol-demo .inline-flex{display:inline-flex}.bol-demo .flex-col{flex-direction:column}.bol-demo .items-center{align-items:center}.bol-demo .text-center{text-align:center}.bol-demo .text-sm{font-size:.875rem;line-height:1.25rem}.bol-demo .text-lg{font-size:1.125rem;line-height:1.75rem}.bol-demo .text-xs{font-size:.75rem;line-height:1rem}.bol-demo .text-\[11px\]{font-size:11px}.bol-demo .font-semibold{font-weight:600}.bol-demo .font-medium{font-weight:500}.bol-demo .uppercase{text-transform:uppercase}.bol-demo .tracking-wider{letter-spacing:.05em}.bol-demo .opacity-90{opacity:.9}.bol-demo .opacity-30{opacity:.3}.bol-demo img{max-width:100%}.bol-demo .bg-green-50{background:#f0fdf4}.bol-demo .text-green-700{color:#15803d}.bol-demo .border-green-200{border-color:#bbf7d0}.bol-demo .bg-amber-50{background:#fffbeb}.bol-demo .text-amber-700{color:#b45309}.bol-demo .border-amber-200{border-color:#fde68a}.bol-demo .bg-red-50{background:#fef2f2}.bol-demo .text-red-700{color:#b91c1c}.bol-demo .border-red-200{border-color:#fecaca}.bol-demo{display:block}.demo-stage{border-radius:var(--radius-lg);border:1px solid var(--line-light);box-shadow:var(--shadow-card);background:linear-gradient(#f4f7fc,#e9effb);overflow:hidden}.section--dark .demo-stage,.section--darker .demo-stage{border-color:var(--line-dark)}.demo-viewport{flex-direction:column;min-height:560px;padding:clamp(1rem,3vw,2rem);display:flex;position:relative}@media (max-width:767px){.demo-viewport{min-height:620px;padding:1rem}}.demo-act-head{flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:1rem;display:flex}.demo-act-num{width:30px;height:30px;color:var(--brand-on-primary);background:var(--brand-primary);border-radius:9px;flex:none;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:inline-flex}.demo-act-title{font-family:var(--serif);color:#111827;margin:0;font-size:1.25rem}.demo-act-sub{color:#6b7280;flex-basis:100%;margin:0;font-size:.85rem}.demo-act-body{flex-direction:column;flex:1;min-height:0;display:flex}.demo-pill{letter-spacing:.1em;text-transform:uppercase;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:999px;align-items:center;gap:.4rem;padding:.22rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}.demo-pill--neutral{color:#4b5563;background:#f3f4f6;border-color:#e5e7eb}.demo-controls{border-top:1px solid var(--line-dark);background:#0b1020;align-items:center;gap:.9rem;padding:.8rem clamp(.8rem,3vw,1.4rem);display:flex}.demo-cbtn{cursor:pointer;color:#eaf0fb;background:#f8fafc14;border:1px solid #f8fafc29;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;min-width:38px;height:38px;padding:0 .7rem;font-size:.82rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.demo-cbtn:hover{border-color:var(--blue-bright);color:var(--blue-bright)}.demo-cbtn svg{width:16px;height:16px}.demo-timeline{flex:1;gap:.5rem;display:flex}.demo-seg{cursor:pointer;text-align:left;color:#a6b2cc;font-family:var(--sans);background:0 0;border:0;flex:1;padding:0}.demo-seg-bar{background:#f8fafc24;border-radius:999px;height:5px;overflow:hidden}.demo-seg-fill{background:var(--blue-bright);border-radius:999px;width:0%;height:100%;transition:width .2s linear}.demo-seg.is-done .demo-seg-fill{width:100%}.demo-seg.is-active .demo-seg-fill{width:var(--seg-progress,35%)}.demo-seg-label{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;margin-top:.4rem;font-size:.7rem;display:block;overflow:hidden}.demo-seg.is-active .demo-seg-label,.demo-seg.is-done .demo-seg-label{color:#eaf0fb}.demo-seg.is-active .demo-seg-label{color:var(--blue-bright);font-weight:700}@media (max-width:600px){.demo-seg-label{font-size:0}.demo-seg-label:first-letter{font-size:.7rem}}.seatmap-wrap{border-radius:var(--radius);border:1px solid var(--line-dark);background:#0e1428;padding:1.1rem 1.1rem 1.4rem}.stage-strip{text-align:center;color:#a6b2cc;letter-spacing:.3em;text-transform:uppercase;background:linear-gradient(#f5b82e2e,#0000);border-radius:6px;margin-bottom:.9rem;padding:.4rem;font-size:.68rem}.seat-row{justify-content:center;align-items:center;gap:.4rem;margin-bottom:.4rem;display:flex}.seat-row-label{color:#a6b2cc;text-align:center;flex:none;width:18px;font-size:.7rem}.seat{vertical-align:middle;cursor:default;background:#1d9e75;border:1.5px solid #0000;border-radius:50%;flex:none;width:22px;height:22px;transition:background .25s,transform .2s,border-color .2s,box-shadow .25s;display:inline-block}@media (max-width:767px){.seat{width:18px;height:18px}.seat-row{gap:.3rem}}.seat--aisle{cursor:default;background:0 0;width:10px;height:22px;display:inline-block}.seat--sold{background:#e24b4a}.seat--held{background:#b8860b}.seat--selected{background:#b8860b;border-color:#ffd25e;transform:translateY(-2px)scale(1.08);box-shadow:0 0 0 3px #f5b82e59}.seat--redeemed{background:#6b1f1e;position:relative}.seat--redeemed:after{content:"✓";color:#fff;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex;position:absolute;inset:0}.seat-pointer{animation:1.1s ease-in-out infinite seatPulse}@keyframes seatPulse{0%,to{box-shadow:0 0 0 3px #60a5fa00}50%{box-shadow:0 0 0 4px #60a5fa73}}.seat-legend{color:#a6b2cc;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;font-size:.72rem;display:flex}.seat-legend span{align-items:center;gap:.35rem;display:inline-flex}.seat-legend i{border-radius:50%;width:12px;height:12px;display:inline-block}.demo-grid2{grid-template-columns:1.05fr .95fr;align-items:start;gap:clamp(1rem,3vw,1.6rem);display:grid}@media (max-width:767px){.demo-grid2{grid-template-columns:1fr}}.checkout-card{border-radius:var(--radius);box-shadow:var(--shadow-card);background:#fff;border:1px solid #e5e7eb;padding:1.3rem}.checkout-card h3{color:#111827;font-size:1rem;font-family:var(--sans);margin:0 0 .2rem;font-weight:700}.checkout-summary{color:#374151;border-bottom:1px dashed #e5e7eb;justify-content:space-between;gap:.6rem;padding:.7rem 0;font-size:.9rem;display:flex}.checkout-summary .seat-name{color:#111827;font-weight:600}.checkout-total{color:#111827;justify-content:space-between;padding-top:.7rem;font-weight:700;display:flex}.demo-field{margin-top:.8rem}.demo-field label{color:#374151;margin-bottom:.25rem;font-size:.78rem;font-weight:600;display:block}.demo-field .input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;align-items:center;width:100%;min-height:38px;padding:0 .7rem;font-size:.9rem;display:flex}.demo-field .input.is-focused{border-color:var(--brand-primary);box-shadow:0 0 0 3px #1d4ed82e}.caret{background:var(--brand-primary);width:1.5px;height:1.05em;margin-left:1px;animation:1s step-end infinite caretBlink;display:inline-block}@keyframes caretBlink{50%{opacity:0}}.pay-note{color:#6b7280;align-items:flex-start;gap:.4rem;margin-top:.9rem;font-size:.76rem;display:flex}.pay-btn{cursor:pointer;background:var(--brand-primary);width:100%;height:42px;color:var(--brand-on-primary);font-size:.92rem;font-weight:700;font-family:var(--sans);border:0;border-radius:.5rem;margin-top:.9rem;transition:filter .15s,transform .15s}.pay-btn:hover{filter:brightness(1.05)}.pay-success{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0;display:flex}.pay-check{color:#15803d;background:#f0fdf4;border:2px solid #bbf7d0;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.pay-check svg{width:30px;height:30px}.deliver-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:clamp(.8rem,2.5vw,1.3rem);display:grid}@media (max-width:900px){.deliver-grid{grid-template-columns:1fr}}.deliver-col-head{color:#1f2937;align-items:center;gap:.45rem;margin-bottom:.6rem;font-size:.8rem;font-weight:700;display:flex}.deliver-col-head svg{width:16px;height:16px;color:var(--brand-primary)}.device{background:#111827;border-radius:26px;width:100%;max-width:300px;margin:0 auto;padding:9px;box-shadow:0 24px 50px -28px #000000b3}.device-screen{background:#f9fafb;border-radius:18px;height:420px;overflow:hidden auto}.device-notch{background:#374151;border-radius:999px;width:90px;height:5px;margin:2px auto 7px}.email-frame{border-radius:var(--radius);width:100%;height:420px;box-shadow:var(--shadow-card);background:#fff;border:1px solid #e5e7eb;overflow:hidden}.email-clienttab{color:#4b5563;background:#f3f4f6;border-bottom:1px solid #e5e7eb;align-items:center;gap:.5rem;padding:.5rem .7rem;font-size:.72rem;display:flex}.email-dot{border-radius:50%;width:9px;height:9px}.email-iframe{background:#fff;border:0;width:100%;height:387px;display:block}.email-meta{color:#6b7280;padding:.4rem .2rem 0;font-size:.72rem}.phone{background:#0b1020;border-radius:30px;width:100%;max-width:270px;margin:0 auto;padding:12px 10px 16px;box-shadow:0 24px 50px -28px #000000b3}.phone-notch{background:#0b1020;border:1px solid #1c2542;border-radius:0 0 14px 14px;width:80px;height:18px;margin:-12px auto 8px}.phone-screen{background:#f1f5f9;border-radius:20px;flex-direction:column;min-height:360px;padding:.9rem .7rem;display:flex}.sms-top{text-align:center;color:#475569;border-bottom:1px solid #e2e8f0;margin-bottom:.7rem;padding-bottom:.6rem;font-size:.74rem}.sms-from{color:#0f172a;font-weight:700}.sms-bubble{color:#0f172a;white-space:pre-wrap;background:#fff;border:1px solid #e2e8f0;border-radius:16px 16px 16px 4px;align-self:flex-start;max-width:86%;padding:.6rem .75rem;font-size:.82rem;line-height:1.4;box-shadow:0 4px 12px -8px #0000004d}.sms-bubble a,.sms-link{color:var(--brand-primary);word-break:break-all}.sms-time{color:#94a3b8;align-self:flex-start;margin:.25rem 0 0 .3rem;font-size:.64rem}.redeem-grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(1rem,3vw,1.6rem);display:grid}@media (max-width:820px){.redeem-grid{grid-template-columns:1fr}}.scanner{border:1px solid var(--line-dark);border-radius:var(--radius);text-align:center;color:#eaf0fb;background:#0b1020;padding:1.2rem}.scanner-window{background:#060912;border:2px solid #1c2542;border-radius:16px;justify-content:center;align-items:center;width:190px;height:190px;margin:.6rem auto .9rem;display:flex;position:relative;overflow:hidden}.scanner-window img{opacity:.92;width:150px;height:150px}.scan-corners:before,.scan-corners:after,.scan-corner-b:before,.scan-corner-b:after{content:"";border:3px solid var(--blue-bright);width:26px;height:26px;position:absolute}.scan-corners:before{border-bottom:0;border-right:0;border-radius:6px 0 0;top:10px;left:10px}.scan-corners:after{border-bottom:0;border-left:0;border-radius:0 6px 0 0;top:10px;right:10px}.scan-corner-b:before{border-top:0;border-right:0;border-radius:0 0 0 6px;bottom:10px;left:10px}.scan-corner-b:after{border-top:0;border-left:0;border-radius:0 0 6px;bottom:10px;right:10px}.scan-line{background:var(--blue-bright);height:2px;box-shadow:0 0 12px var(--blue-bright);position:absolute;top:14px;left:12px;right:12px}.scan-result{align-items:center;gap:.5rem;margin-top:.3rem;font-weight:700;display:inline-flex}.scan-result.ok{color:#34d399}.scan-check-big{color:#34d399;background:#34d39929;border:2px solid #34d399;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;display:flex}.scan-check-big svg{width:34px;height:34px}.scan-meta{color:#a6b2cc;margin-top:.5rem;font-size:.78rem}.lookup-card{border-radius:var(--radius);box-shadow:var(--shadow-card);background:#fff;border:1px solid #e5e7eb;padding:1.2rem}.lookup-card h4{color:#111827;font-size:.95rem;font-family:var(--sans);margin:0 0 .2rem}.lookup-result{opacity:0;border:1px solid #e5e7eb;border-radius:10px;margin-top:.8rem;transition:opacity .3s,transform .3s;overflow:hidden;transform:translateY(6px)}.lookup-result.show{opacity:1;transform:none}.lookup-row{border-top:1px solid #f3f4f6;justify-content:space-between;gap:.6rem;padding:.6rem .8rem;font-size:.85rem;display:flex}.lookup-row:first-child{background:#f9fafb;border-top:0}.lookup-row .k{color:#6b7280}.lookup-row .v{color:#111827;font-weight:600}.admin{border-radius:var(--radius);background:#f9fafb;border:1px solid #e5e7eb;grid-template-columns:180px 1fr;min-height:460px;display:grid;overflow:hidden}@media (max-width:700px){.admin{grid-template-columns:1fr}}.admin-side{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;display:flex}@media (max-width:700px){.admin-side{border-bottom:1px solid #e5e7eb;border-right:0}}.admin-brand{color:#111827;border-bottom:1px solid #e5e7eb;padding:1.1rem 1.2rem;font-size:.95rem;font-weight:700}.admin-nav{flex-direction:column;gap:.2rem;padding:.7rem;display:flex}@media (max-width:700px){.admin-nav{flex-flow:wrap}}.admin-nav a{color:#4b5563;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .7rem;font-size:.85rem;font-weight:500;display:flex}.admin-nav a svg{width:16px;height:16px}.admin-nav a.active{color:#1d4ed8;background:#eff6ff}.admin-main{flex-direction:column;min-width:0;display:flex}.admin-head{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 1.3rem}.admin-head h3{color:#111827;font-size:1.1rem;font-family:var(--sans);margin:0;font-weight:600}.admin-head p{color:#6b7280;margin:.15rem 0 0;font-size:.82rem}.admin-body{padding:1rem 1.3rem;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:520px;font-size:.85rem}.admin-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:.7rem .8rem;font-size:.68rem;font-weight:600}.admin-table tbody td{color:#4b5563;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:.8rem}.admin-table tbody tr.is-highlight{background:#eff6ff55}.admin-table .cell-primary{color:#111827;font-weight:600}.admin-section-label{text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;margin:1.2rem 0 .5rem;font-size:.68rem;font-weight:700}.chip{border:1px solid;border-radius:999px;align-items:center;gap:.3rem;padding:.1rem .5rem;font-size:.72rem;font-weight:500;display:inline-flex}.chip-green{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.chip-amber{color:#b45309;background:#fffbeb;border-color:#fde68a}.chip-red{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.chip-blue{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.chip-gray{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}.chip svg{width:12px;height:12px}.delivery-status{align-items:center;gap:.5rem;display:inline-flex}.admin-mini-map{grid-auto-flow:column;gap:3px;display:inline-grid}.admin-mini-map i{background:#1d9e75;border-radius:2px;width:11px;height:11px;display:block}.admin-mini-map i.sold{background:#e24b4a}.admin-mini-map i.redeemed{background:#6b1f1e;position:relative}.demo-static-steps{flex-direction:column;gap:1rem;display:flex}.demo-static-nav{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.demo-fade-enter{animation:.45s demoFade}@keyframes demoFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.demo-overlay{z-index:5;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#eaf0fb;background:#0b10208c;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:1.5rem;display:flex;position:absolute;inset:0}.demo-overlay h3{font-family:var(--serif);color:#fff;margin:0;font-size:clamp(1.4rem,3vw,2rem)}.demo-overlay p{color:#cdd6ea;max-width:460px;margin:0}.demo-overlay .pay-btn{width:auto;padding:0 1.4rem}