.event-demo-card{width:100%;max-width:440px;height:auto;margin:auto;padding:12px 0 0;display:block;transform:none}.example-layout>.event-demo-card{min-height:0}.event-demo-card .ticket{width:100%;max-width:366px;margin:0 auto;transform:rotate(3deg)}.mobile-demo-hint{display:none}@media not (min-width:768px){.event-demo-card .demo-hint{display:none}.event-demo-card .mobile-demo-hint{min-height:46px;margin-bottom:16px;display:block}.mobile-demo-hint strong{font-size:13px;font-weight:500;line-height:1.6;display:block}.mobile-demo-hint p{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.7}}@media (not (min-width:768px)) and (prefers-reduced-motion:no-preference){.mobile-demo-hint>div{animation:.2s ease-out demo-hint-enter}@keyframes demo-hint-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}}.interactive-preview .preview-row{grid-template-columns:32px minmax(0,1fr) auto;gap:8px;display:grid}.interactive-preview .preview-row>svg{display:none}.interactive-preview .preview-row>span:nth-child(2){overflow-wrap:anywhere;min-width:0}.interactive-preview .ticket-section{flex-wrap:wrap;gap:8px}.demo-progress{background:var(--line);border-radius:999px;height:5px;margin-block:12px 4px;overflow:hidden}.demo-progress>span{background:var(--ink);transform-origin:0;height:100%;transition:transform .24s cubic-bezier(.2,.7,.3,1);display:block;transform:scaleX(.5)}.demo-progress[data-complete]>span{transform:scaleX(1)}.demo-claim{border:1px solid var(--mauve);background:var(--lilac);width:112px;min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:9px;font-weight:600;transition:background-color .18s,transform .18s;display:inline-flex}.demo-claim[aria-pressed=true]{background:var(--mauve)}.demo-claim:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.demo-claim:active{transform:scale(.97)}.demo-claim>svg{flex-shrink:0;animation:.18s ease-out demo-confirm}.demo-hint{color:var(--rose);margin:0;font-size:8px;line-height:1.7}@keyframes demo-confirm{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:370px){.interactive-preview .preview-row{grid-template-columns:26px minmax(0,1fr) auto;gap:6px;font-size:10px}.interactive-preview .preview-item-icon{width:26px;height:26px}.demo-claim{width:100px;font-size:8px}}@media (hover:hover) and (pointer:fine){.demo-claim:hover{background:var(--mauve)}}@media (max-width:800px){.event-demo-card{padding:0}.event-demo-card .preview-claim{min-height:44px}}@media (prefers-reduced-motion:reduce){.demo-claim,.demo-progress>span{transition:none}.demo-claim>svg{animation:none}.demo-claim:active{transform:none}}
.home-page{--home-space-sm:12px;--home-space-md:24px;--home-space-lg:36px;--home-space-xl:48px;--home-space-section:64px}.home-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:72px;min-height:690px;padding-top:86px;padding-bottom:100px;display:grid}.home-hero h1{font-family:var(--font-brand), sans-serif;letter-spacing:-.025em;text-wrap:balance;margin:0 0 32px;font-size:clamp(38px,3.7vw,56px);font-weight:400;line-height:1.12}.home-hero h1 span{color:var(--mauve)}.home-hero-copy>p{color:var(--muted);max-width:520px;margin:0 0 24px;font-size:14px;line-height:2}.home-feature-list{margin-block:24px}.home-feature-list li{line-height:1.8}.home-actions{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.home-preview{min-width:0;padding:8px 12px}.home-section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px;display:flex}.home-section-heading h2{letter-spacing:-.05em;margin:0;font-size:clamp(27px,3vw,40px);font-weight:500;line-height:1.5}.home-section-heading>p{color:var(--muted);max-width:430px;margin:0;font-size:12px;line-height:2}.home-plans{padding-bottom:100px}.home-plan-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.home-plan{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:42% minmax(0,1fr);align-items:center;text-decoration:none;transition:transform .2s,border-color .2s,background-color .2s;display:grid;overflow:hidden}.home-plan:active{border-color:var(--mauve);transform:scale(.985)}.home-plan:focus-visible{outline:2px solid var(--lilac);outline-offset:5px}.home-plan-art{background:var(--mauve);align-items:center;height:100%;min-height:220px;display:flex;overflow:hidden}.home-plan-art>img{object-fit:cover;align-self:stretch;width:100%;height:100%}.home-plan-art.team{background:var(--navy)}.home-plan-art .event-artwork{flex-shrink:0;width:330px;max-width:none;height:220px;margin-left:-80px}.home-plan-copy{min-width:0;padding:28px}.home-plan-copy h3{justify-content:space-between;align-items:start;gap:10px;margin:0 0 16px;font-size:17px;font-weight:500;line-height:1.6;display:flex}.home-plan-copy h3 svg{flex-shrink:0;margin-top:4px;transition:transform .2s}.home-plan-copy p{color:var(--muted);margin-bottom:20px;font-size:11px;line-height:2}.home-plan-copy>span{color:var(--lilac);align-items:center;gap:12px;font-size:10px;font-weight:500;display:flex}.home-how{padding-block:var(--home-space-lg) var(--home-space-xl);border-top:1px solid var(--line)}.home-how .home-section-heading{margin-bottom:28px;display:block}.home-how .home-section-heading h2{font-size:clamp(25px,3vw,36px);line-height:1.4}.home-how .home-section-heading p{margin-top:8px}.walkthrough-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.walkthrough-step{min-width:0;position:relative}.walkthrough-step:not(:last-child):after{content:"";background:var(--line);width:calc(100% - 16px);height:1px;position:absolute;top:14px;left:44px}.walkthrough-number{border:1px solid var(--line);width:28px;height:28px;color:var(--mauve);border-radius:50%;place-items:center;margin-bottom:14px;font-size:11px;display:grid}.walkthrough-visual{border:1px solid var(--line);background:var(--surface);border-radius:18px;align-items:center;height:136px;margin-bottom:18px;padding:20px;display:grid}.walkthrough-step h3{margin:0 0 7px;font-size:15px;font-weight:500;line-height:1.6}.walkthrough-step>p{color:var(--muted);margin:0;font-size:11px;line-height:1.8}.walkthrough-field,.walkthrough-link{min-width:0}.walkthrough-field>span,.walkthrough-link>span{color:var(--muted);align-items:center;gap:7px;margin-bottom:10px;font-size:9px;display:flex}.walkthrough-field>div,.walkthrough-link>div{border:1px solid var(--line);background:var(--ink);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:13px 12px;font-size:11px;line-height:1.6;display:flex}.walkthrough-visual svg{color:var(--mauve);flex-shrink:0}.walkthrough-link>div{background:var(--lilac);border-color:var(--lilac);color:var(--ink)}.walkthrough-link>div svg{color:var(--ink)}.walkthrough-responsibility{align-items:center;gap:10px;min-width:0;display:flex}.walkthrough-check{background:var(--lilac);border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.walkthrough-check svg{color:var(--ink)}.walkthrough-responsibility>div{min-width:0}.walkthrough-responsibility strong{font-size:11px;font-weight:500;display:block}.walkthrough-responsibility>div>span{color:var(--muted);margin-top:5px;font-size:9px;display:block}.walkthrough-assignee{color:var(--mauve);margin-left:auto;font-size:9px;line-height:1.8}@media (max-width:800px){.walkthrough-steps{grid-template-columns:1fr;gap:26px}.walkthrough-step{grid-template-columns:28px minmax(0,1fr);column-gap:14px;display:grid}.walkthrough-number{grid-area:1/1;margin-top:2px;margin-bottom:0}.walkthrough-step>:not(.walkthrough-number){grid-column:2}.walkthrough-visual{height:112px;margin-bottom:12px;padding:16px}.walkthrough-step:not(:last-child):after{width:1px;height:calc(100% - 28px);top:42px;left:14px}}@media (prefers-reduced-motion:no-preference){.walkthrough-visual{transition:transform .2s,border-color .2s,background-color .2s}@media (hover:hover) and (pointer:fine){.walkthrough-step:hover .walkthrough-visual{border-color:var(--mauve);background:var(--surface-raised);transform:translateY(-3px)}}@supports (animation-timeline:view()){.walkthrough-step{animation:.24s ease-out both walkthrough-enter;animation-timeline:view();animation-range:entry entry 80%}@keyframes walkthrough-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}}.home-invitation{background:var(--surface);padding:var(--home-space-lg);border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:var(--home-space-section);justify-content:space-between;align-items:center;gap:36px;display:flex}.home-invitation h2{max-width:600px;margin:0 0 14px;font-size:24px;font-weight:500;line-height:1.6}.home-invitation p{color:var(--muted);margin:0;font-size:12px}.home-invitation .button{flex-shrink:0}@media (max-width:1100px){.home-hero{gap:28px}.home-plan{grid-template-columns:40% minmax(0,1fr)}.home-plan-copy{padding:24px}.home-plan-art .event-artwork{margin-left:-105px}.home-plan-copy h3{font-size:15px}}@media (max-width:800px){.home-hero{--demo-container-width:min(100%, 440px)}.home-hero .home-actions,.home-hero .home-preview{width:var(--demo-container-width);margin-inline:auto}.home-actions>.button{width:100%}.home-page{--home-space-section:36px;--home-space-xl:32px}.home-hero{grid-template-columns:1fr;gap:28px;min-height:0;padding-top:28px;padding-bottom:40px}.home-hero h1{margin-bottom:20px;font-size:clamp(30px,8vw,48px)}.home-hero-copy>p{max-width:560px;margin-bottom:28px;font-size:13px}.home-preview{padding:0}.home-section-heading{margin-bottom:26px;display:block}.home-section-heading>p{margin-top:18px;font-size:12px}.home-plan-grid{grid-template-columns:1fr;gap:18px}.home-plan{grid-template-columns:38% minmax(0,1fr)}.home-plan-copy{padding:24px 20px}.home-plan-copy h3{font-size:15px}.home-plan-copy p{font-size:11px}.home-plans{padding-bottom:var(--home-space-xl)}.home-invitation{margin-bottom:var(--home-space-section);padding:28px 22px;display:block}.home-invitation h2{font-size:22px}.home-invitation .button{margin-top:25px}.home-actions{flex-direction:column;align-items:stretch;gap:12px}.home-actions .text-button{justify-content:center;min-height:44px;font-size:10px}}@media (max-width:370px){.home-hero h1{font-size:30px}.home-plan{grid-template-columns:34% minmax(0,1fr)}.home-plan-art .event-artwork{margin-left:-120px}.home-plan-copy{padding:22px 16px}.home-plan-copy h3{font-size:14px}}@media (hover:hover) and (pointer:fine){.home-plan:hover{border-color:var(--mauve);background:var(--surface-raised);transform:translateY(-4px)}.home-plan:hover .home-plan-copy h3 svg{transform:translate(2px,-2px)}}@media (prefers-reduced-motion:reduce){.home-plan,.home-plan-copy h3 svg{transition:none}.home-plan:hover,.home-plan:active,.home-plan:hover .home-plan-copy h3 svg{transform:none}}