.svc-demo-section__container{max-width:var(--max-width);margin:0 auto}.svc-demo__title{margin:0 0 var(--space-8);font-family:var(--font-display);font-size:var(--display-md);font-weight:var(--weight-display);line-height:var(--leading-display);letter-spacing:var(--track-display);color:var(--section-text)}.svc-demo{--demo-pad:clamp(var(--space-5), 3vw, var(--space-8));--demo-step-i:0;--demo-line:#ffffff1f;padding:var(--demo-pad);background:var(--bg-surface);border:1px solid var(--demo-line);border-radius:var(--radius-lg);color:var(--text);margin:0}.svc-demo__rail{grid-template-columns:repeat(var(--demo-steps,3), 1fr);margin-bottom:var(--space-6);border:1px solid var(--demo-line);border-radius:var(--radius-full);padding:4px;display:grid;position:relative}.svc-demo__marker{width:calc((100% - 8px) / var(--demo-steps,3));border:1px solid rgb(var(--accent-rgb) / .45);border-radius:var(--radius-full);background:rgb(var(--accent-rgb) / .12);transform:translateX(calc(var(--demo-step-i) * 100%));transition:transform var(--dur-base) var(--ease-blade);pointer-events:none;position:absolute;top:4px;bottom:4px;left:4px}.svc-demo__step{z-index:1;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--track-tag);text-transform:uppercase;color:var(--text-secondary);cursor:pointer;transition:color var(--dur-fast) var(--ease-blade);background:0 0;border:0;position:relative}.svc-demo__step:hover{color:var(--text)}.svc-demo__step[aria-pressed=true]{color:var(--accent)}.svc-demo__stage{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=860px){.svc-demo__stage{grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:start}}.svc-demo__admin,.svc-demo__site{padding:var(--space-5);background:var(--bg-elevated);border:1px solid var(--demo-line);border-radius:var(--radius-md)}.svc-demo__chrome,.svc-demo__site-name{margin-bottom:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--track-meta);text-transform:uppercase;color:var(--text-muted);display:block}.svc-demo__record{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--demo-line);border-radius:var(--radius-sm);flex-direction:column;display:flex}.svc-demo__record-name{font-weight:var(--weight-semibold);color:var(--text)}.svc-demo__record-meta,.svc-demo__ask{font-size:var(--text-sm);color:var(--text-muted)}.svc-demo__ask{margin:var(--space-5) 0 var(--space-3)}.svc-demo__toggles{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.svc-demo__toggle{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--dur-base) var(--ease-blade);display:flex}.svc-demo__box{border:1px solid var(--text-muted);border-radius:var(--radius-sm);width:18px;height:18px;transition:background var(--dur-base) var(--ease-blade), border-color var(--dur-base) var(--ease-blade);flex:none}.svc-demo__box:after{content:"";border:solid var(--bg);opacity:0;width:4px;height:9px;transition:opacity var(--dur-base) var(--ease-blade), transform var(--dur-base) var(--ease-blade);border-width:0 2px 2px 0;margin:1px auto 0;display:block;transform:rotate(45deg)scale(.6)}[data-state=one] .svc-demo__toggle[data-toggle=a] .svc-demo__box,[data-state=both] .svc-demo__toggle[data-toggle=a] .svc-demo__box,[data-state=both] .svc-demo__toggle[data-toggle=b] .svc-demo__box{background:var(--accent);border-color:var(--accent)}[data-state=one] .svc-demo__toggle[data-toggle=a] .svc-demo__box:after,[data-state=both] .svc-demo__toggle[data-toggle=a] .svc-demo__box:after,[data-state=both] .svc-demo__toggle[data-toggle=b] .svc-demo__box:after{opacity:1;transform:rotate(45deg)scale(1)}[data-state=one] .svc-demo__toggle[data-toggle=a],[data-state=both] .svc-demo__toggle[data-toggle=a],[data-state=both] .svc-demo__toggle[data-toggle=b]{color:var(--text)}.svc-demo__sites{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=560px){.svc-demo__sites{grid-template-columns:1fr 1fr}}.svc-demo__slot{min-height:5.5rem;padding:var(--space-3);border:1px dashed var(--demo-line);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:flex}.svc-demo__card{width:100%;padding:var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-align:center;opacity:0;transform:translateY(var(--space-3)) scale(.97);transition:opacity var(--dur-slow) var(--ease-in), transform var(--dur-slow) var(--ease-blade);display:block}.svc-demo__card--a{border:1px solid rgb(var(--accent-rgb) / .5);background:rgb(var(--accent-rgb) / .12);color:var(--gold-light)}.svc-demo__card--b{border:1px solid rgb(var(--maroon-rgb) / .7);background:rgb(var(--maroon-rgb) / .22);color:var(--text)}.svc-demo__card:not([inert]){opacity:1;transform:none}.svc-demo__caption{margin-top:var(--space-6);font-size:var(--text-sm);line-height:var(--leading-body);color:var(--text-muted)}.svc-demo__caption a{color:var(--gold-light);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.svc-demo__notes{margin:0;padding:0;list-style:none;display:grid}.svc-demo__note{font-size:var(--text-base);line-height:var(--leading-body);color:var(--text-secondary);opacity:0;transform:translateY(var(--space-2));transition:opacity var(--dur-base) var(--ease-in), transform var(--dur-base) var(--ease-blade);grid-area:1/1;align-self:center}.svc-demo__note:not([inert]){opacity:1;transform:none}.svc-demo__stage--ticket,.svc-demo__stage--fanout,.svc-demo__stage--serp,.svc-demo__stage--watch{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=860px){.svc-demo__stage--ticket,.svc-demo__stage--fanout,.svc-demo__stage--serp,.svc-demo__stage--watch{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}}.svc-demo__screen-wrap{padding:var(--space-6) 0;justify-content:center;display:flex}.svc-demo__screen{background:var(--bg-elevated);border:1px solid var(--demo-line);border-radius:var(--radius-md);width:100%;max-width:46rem;transition:max-width var(--dur-slow) var(--ease-blade);overflow:hidden}[data-state=tablet] .svc-demo__screen{max-width:26rem}[data-state=phone] .svc-demo__screen{max-width:15rem}.svc-demo__screen-bar{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--demo-line);gap:6px;display:flex}.svc-demo__screen-bar span{border-radius:var(--radius-full);background:var(--text-muted);opacity:.5;width:8px;height:8px}.svc-demo__screen-body{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.svc-demo__screen-hero{border-radius:var(--radius-sm);background:rgb(var(--accent-rgb) / .18);height:3.5rem}.svc-demo__screen-grid{gap:var(--space-2);transition:grid-template-columns var(--dur-slow) var(--ease-blade);grid-template-columns:repeat(3,1fr);display:grid}[data-state=tablet] .svc-demo__screen-grid{grid-template-columns:repeat(2,1fr)}[data-state=phone] .svc-demo__screen-grid{grid-template-columns:1fr}.svc-demo__screen-grid span{border-radius:var(--radius-sm);background:#ffffff12;height:2.25rem}.svc-demo__screen-lines{flex-direction:column;gap:6px;display:flex}.svc-demo__screen-lines b{border-radius:var(--radius-full);background:#ffffff17;height:6px}.svc-demo__screen-lines b:last-child{width:60%}.svc-demo__qr{height:5rem;margin-top:var(--space-4);border:1px solid var(--demo-line);border-radius:var(--radius-sm);background-image:repeating-linear-gradient(90deg, var(--text) 0 6px, transparent 6px 12px), repeating-linear-gradient(0deg, var(--text) 0 6px, transparent 6px 12px);opacity:0;transition:opacity var(--dur-slow) var(--ease-in), transform var(--dur-slow) var(--ease-blade);background-size:100% 100%;transform:scale(.96)}[data-state=issued] .svc-demo__qr,[data-state=scanned] .svc-demo__qr{opacity:.5;transform:none}[data-state=scanned] .svc-demo__qr{opacity:.18}.svc-demo__pill{margin-top:var(--space-4);padding:var(--space-1) var(--space-3);border:1px solid var(--text-muted);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--track-meta);text-transform:uppercase;color:var(--text-muted);transition:color var(--dur-base) var(--ease-blade), border-color var(--dur-base) var(--ease-blade);display:inline-block}[data-state=paid] .svc-demo__pill,[data-state=issued] .svc-demo__pill,[data-state=scanned] .svc-demo__pill{color:var(--accent);border-color:rgb(var(--accent-rgb) / .6)}.svc-demo__jobs,.svc-demo__watch{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.svc-demo__job{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--dur-base) var(--ease-blade);display:flex}[data-state=after] .svc-demo__job{color:var(--text);transition-delay:calc(var(--i) * var(--stagger))}[data-state=after] .svc-demo__job .svc-demo__box{background:var(--accent);border-color:var(--accent);transition-delay:calc(var(--i) * var(--stagger))}[data-state=after] .svc-demo__job .svc-demo__box:after{opacity:1;transition-delay:calc(var(--i) * var(--stagger));transform:rotate(45deg)scale(1)}.svc-demo__serp-card{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--demo-line);border-radius:var(--radius-sm);flex-direction:column;display:flex}.svc-demo__serp-url{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.svc-demo__serp-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--gold-light)}.svc-demo__serp-desc{font-size:var(--text-sm);color:var(--text-secondary)}.svc-demo__serp-extra,.svc-demo__serp-panel{gap:var(--space-3);opacity:0;max-height:0;transition:max-height var(--dur-slow) var(--ease-blade), opacity var(--dur-slow) var(--ease-in), margin var(--dur-slow) var(--ease-blade);display:flex;overflow:hidden}.svc-demo__serp-panel{gap:var(--space-1);padding:0 var(--space-4);border-left:2px solid rgb(var(--accent-rgb) / .5);flex-direction:column}[data-state=after] .svc-demo__serp-extra,[data-state=after] .svc-demo__serp-panel{opacity:1;max-height:8rem;margin-top:var(--space-2)}[data-state=after] .svc-demo__serp-panel{padding:var(--space-3) var(--space-4)}.svc-demo__serp-link{font-size:var(--text-xs);color:var(--gold-light);text-underline-offset:.2em;text-decoration:underline}.svc-demo__serp-panel-name{font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--text)}.svc-demo__serp-panel-meta{font-size:var(--text-xs);color:var(--text-secondary)}[data-state=before] .svc-demo__serp-title{color:var(--text-secondary)}.svc-demo__watch-row{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.svc-demo__dot{border-radius:var(--radius-full);background:var(--text-muted);width:10px;height:10px;transition:background var(--dur-base) var(--ease-blade), transform var(--dur-base) var(--ease-blade);flex:none}[data-state=quiet] .svc-demo__dot,[data-state=handled] .svc-demo__dot{background:rgb(var(--accent-rgb) / .75)}[data-state=alert] .svc-demo__watch-row[data-watch=uptime] .svc-demo__dot{background:var(--maroon);transform:scale(1.35)}[data-state=alert] .svc-demo__watch-row[data-watch=uptime]{color:var(--text)}.svc-demo__serp-stack{display:grid}.svc-demo__serp-stack>*{opacity:0;transition:opacity var(--dur-base) var(--ease-in);grid-area:1/1}.svc-demo__serp-stack>:not([inert]){opacity:1}.svc-demo__serp-title--after{color:var(--gold-light)}.svc-demo__pill:before{content:"Held"}[data-state=paid] .svc-demo__pill:before,[data-state=issued] .svc-demo__pill:before,[data-state=scanned] .svc-demo__pill:before{content:none}[data-state=paid] .svc-demo__pill:after{content:"Paid"}[data-state=issued] .svc-demo__pill:after{content:"Issued"}[data-state=scanned] .svc-demo__pill:after{content:"Checked in"}