.lib-hero{position:relative;padding:160px 0 64px;overflow:hidden;isolation:isolate}.lib-hero-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(14,12,11,.045) 1px,transparent 0),linear-gradient(180deg,rgba(14,12,11,.045) 1px,transparent 0);background-size:56px 56px;mask-image:radial-gradient(60% 60% at 50% 40%,#000,transparent 80%);-webkit-mask-image:radial-gradient(60% 60% at 50% 40%,#000,transparent 80%);pointer-events:none;z-index:-1}.lib-hero h1{font-size:clamp(2.4rem,6.4vw,5.2rem);line-height:.96;letter-spacing:-.04em;font-weight:600;margin:18px 0 22px;max-width:12ch}.lib-hero h1 em{font-style:normal;color:var(--accent)}.lib-hero .lede{max-width:580px;font-size:clamp(1.05rem,1.4vw,1.2rem)}.lib-hero-note{margin-top:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:12px;padding:11px 18px 11px 16px;background:var(--surface);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text);font-family:inherit;font-size:.92rem;letter-spacing:-.005em;cursor:pointer;transform:rotate(-1.2deg);transition:transform .28s var(--ease),border-color .28s var(--ease),box-shadow .32s var(--ease);box-shadow:0 14px 30px -22px rgba(14,12,11,.25)}.lib-hero-note:hover{transform:rotate(-.4deg) translateY(-2px);border-color:var(--text);box-shadow:0 22px 44px -22px rgba(14,12,11,.32)}.lib-hero-note:active{transform:rotate(-1.6deg) translateY(0)}.lib-hero-note-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);position:relative;flex-shrink:0}.lib-hero-note-dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid var(--accent);opacity:0;animation:lib-note-pulse 2s var(--ease) infinite}@keyframes lib-note-pulse{0%{transform:scale(.6);opacity:.7}80%{transform:scale(1.8);opacity:0}to{transform:scale(1.8);opacity:0}}.lib-hero-note-text{display:inline-block;animation:lib-note-flip .36s var(--ease) both}@keyframes lib-note-flip{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lib-hero-note-arrow{font-size:.86rem;color:var(--muted);transition:color .22s var(--ease),transform .32s var(--ease)}.lib-hero-note:hover .lib-hero-note-arrow{color:var(--accent);transform:rotate(120deg)}@media (max-width:640px){.lib-hero-note{font-size:.84rem;padding:10px 14px 10px 13px;margin-top:24px;text-align:left;white-space:normal;max-width:100%}}.lib-filters{position:-webkit-sticky;position:sticky;top:72px;z-index:10;margin:0 0 48px;padding:18px 0;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--hairline)}.lib-filters-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.lib-filter-count{margin-left:auto;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}.lib-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--hairline);background:var(--surface);color:var(--muted);font-family:inherit;font-size:.86rem;letter-spacing:-.01em;font-weight:500;padding:9px 16px;border-radius:999px;cursor:pointer;transition:color .22s var(--ease),background-color .22s var(--ease),border-color .22s var(--ease),transform .22s var(--ease)}.lib-chip:hover{color:var(--text);border-color:var(--hairline-strong);transform:translateY(-1px)}.lib-chip[data-active=true]{background:var(--accent-2);border-color:var(--accent-2);color:#fff}.lib-chip[data-active=true]:hover{background:var(--accent);border-color:var(--accent)}@media (max-width:640px){.lib-filters{padding:14px 0;margin-bottom:32px}.lib-filter-count{width:100%;margin-left:0;margin-top:4px}.lib-chip{padding:8px 14px;font-size:.82rem}}.lib-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;padding-bottom:120px}@media (max-width:1080px){.lib-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.lib-grid{grid-template-columns:1fr;gap:14px;padding-bottom:80px}}.lib-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .32s var(--ease),transform .32s var(--ease),box-shadow .36s var(--ease);animation:lib-card-in .6s var(--ease) both}.lib-card:hover{border-color:var(--hairline-strong);transform:translateY(-3px);box-shadow:0 28px 60px -36px rgba(14,12,11,.28)}@keyframes lib-card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.lib-card[data-tone=dark] .lib-stage{background:radial-gradient(120% 80% at 0 0,#1a1815,#0e0c0b);color:#fff}.lib-card[data-tone=warm] .lib-stage{background:linear-gradient(180deg,rgba(216,71,30,.06),transparent 70%),var(--bg)}.lib-stage{position:relative;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;isolation:isolate}.lib-stage>*{max-width:100%}.lib-foot{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 20px;border-top:1px solid var(--hairline)}.lib-foot-name{font-weight:600;font-size:.98rem;letter-spacing:-.015em;color:var(--text)}.lib-foot-desc{margin:4px 0 0;font-size:.84rem;line-height:1.45;color:var(--muted)}.lib-foot-cat{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2);white-space:nowrap;padding-top:3px}.lib-empty{grid-column:1/-1;text-align:center;padding:80px 20px;color:var(--muted)}.demo-textswap{font-size:clamp(1.6rem,4.4vw,2.4rem);letter-spacing:-.035em;font-weight:600;text-align:center;line-height:1.1;color:var(--text)}.demo-textswap .demo-swap{display:inline-block;color:var(--accent);min-width:5ch;will-change:transform,opacity}.demo-marquee{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.demo-marquee-row{display:flex;gap:24px;width:max-content;animation:demo-marquee 22s linear infinite}.demo-marquee-row+.demo-marquee-row{animation-direction:reverse;animation-duration:28s;margin-top:12px}.demo-marquee-stack{display:flex;flex-direction:column}.demo-marquee-item{font-size:1.1rem;font-weight:600;letter-spacing:-.025em;color:var(--text);display:inline-flex;align-items:center;gap:14px;white-space:nowrap}.demo-marquee-item:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}@keyframes demo-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.demo-letters{display:flex;gap:.04em;font-size:clamp(2rem,5.2vw,3rem);font-weight:600;letter-spacing:-.04em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.demo-letters span{display:inline-block;transform:translateY(0);opacity:1;transition:transform .42s var(--ease),color .42s var(--ease)}.demo-letters[data-state=rest] span:nth-child(odd){color:var(--text)}.demo-letters[data-state=rest] span:nth-child(2n){color:var(--muted-2)}.demo-letters[data-state=hover] span{animation:demo-letter-up .7s var(--ease) forwards;color:var(--accent)}.demo-letters[data-state=hover] span:first-child{animation-delay:0ms}.demo-letters[data-state=hover] span:nth-child(2){animation-delay:40ms}.demo-letters[data-state=hover] span:nth-child(3){animation-delay:80ms}.demo-letters[data-state=hover] span:nth-child(4){animation-delay:.12s}.demo-letters[data-state=hover] span:nth-child(5){animation-delay:.16s}.demo-letters[data-state=hover] span:nth-child(6){animation-delay:.2s}.demo-letters[data-state=hover] span:nth-child(7){animation-delay:.24s}.demo-letters[data-state=hover] span:nth-child(8){animation-delay:.28s}.demo-letters[data-state=hover] span:nth-child(9){animation-delay:.32s}@keyframes demo-letter-up{0%{transform:translateY(0);opacity:1}40%{transform:translateY(-100%);opacity:0}41%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.demo-counter{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.demo-counter-num{font-size:clamp(3.2rem,9vw,4.8rem);font-weight:600;letter-spacing:-.05em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1;color:var(--text);display:inline-flex;align-items:baseline}.demo-counter-num em{font-style:normal;color:var(--accent);margin-left:2px}.demo-counter-label{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.demo-counter button{margin-top:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--hairline-strong);color:var(--muted);font-family:inherit;font-size:.78rem;letter-spacing:.06em;padding:8px 14px;border-radius:999px;cursor:pointer;transition:color .22s var(--ease),border-color .22s var(--ease)}.demo-counter button:hover{color:var(--text);border-color:var(--text)}.demo-magnetic-zone{width:100%;height:100%;display:grid;place-items:center;cursor:none}.demo-magnetic-btn{position:relative;display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border-radius:999px;background:var(--accent-2);color:#fff;font-weight:500;font-size:.94rem;letter-spacing:-.01em;border:1px solid var(--accent-2);transform:translateZ(0);transition:transform .3s var(--ease),background-color .28s var(--ease);pointer-events:none}.demo-magnetic-zone:hover .demo-magnetic-btn{background:var(--accent);border-color:var(--accent)}.demo-magnetic-cursor{position:absolute;width:20px;height:20px;border-radius:50%;border:1px solid var(--text);pointer-events:none;transform:translate3d(-50%,-50%,0);mix-blend-mode:difference;transition:opacity .2s var(--ease);opacity:0}.demo-magnetic-zone:hover .demo-magnetic-cursor{opacity:1}.demo-tilt{width:70%;aspect-ratio:5/7;border-radius:18px;background:linear-gradient(135deg,var(--accent),#f78b67 50%,#1c1816);position:relative;transform-style:preserve-3d;transform:perspective(900px) rotateX(0) rotateY(0);transition:transform .22s var(--ease);box-shadow:0 30px 60px -30px rgba(14,12,11,.5);cursor:-webkit-grab;cursor:grab}.demo-tilt-shine{position:absolute;inset:0;border-radius:18px;background:radial-gradient(220px 220px at var(--x,50%) var(--y,50%),hsla(0,0%,100%,.35),transparent 60%);mix-blend-mode:screen;pointer-events:none}.demo-tilt-meta{position:absolute;left:18px;bottom:18px;right:18px;color:hsla(0,0%,100%,.92);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;display:flex;justify-content:space-between;transform:translateZ(20px)}.demo-stagger{width:80%;display:flex;flex-direction:column;gap:8px}.demo-stagger-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;background:color-mix(in srgb,var(--text) 4%,transparent);font-size:.92rem;font-weight:500;color:var(--text);letter-spacing:-.01em;opacity:0;transform:translateY(8px);transition:opacity .42s var(--ease),transform .42s var(--ease)}.demo-stagger[data-state=in] .demo-stagger-row{opacity:1;transform:translateY(0)}.demo-stagger[data-state=in] .demo-stagger-row:first-child{transition-delay:60ms}.demo-stagger[data-state=in] .demo-stagger-row:nth-child(2){transition-delay:.14s}.demo-stagger[data-state=in] .demo-stagger-row:nth-child(3){transition-delay:.22s}.demo-stagger[data-state=in] .demo-stagger-row:nth-child(4){transition-delay:.3s}.demo-stagger[data-state=in] .demo-stagger-row:nth-child(5){transition-delay:.38s}.demo-stagger-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.demo-progress{width:88%;display:flex;flex-direction:column;gap:14px}.demo-progress-track{height:4px;border-radius:999px;background:color-mix(in srgb,var(--text) 8%,transparent);overflow:hidden}.demo-progress-fill{height:100%;width:0;background:var(--accent);border-radius:inherit;transition:width 80ms linear}.demo-progress-dots{display:flex;justify-content:space-between;font-size:.74rem;color:var(--muted-2);letter-spacing:.12em;text-transform:uppercase}.demo-tabs{width:90%;display:flex;flex-direction:column;gap:18px;align-items:center}.demo-tabs-pillrow{position:relative;display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface);border:1px solid var(--hairline);border-radius:999px;padding:4px;width:100%;isolation:isolate}.demo-tabs-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;z-index:1;border:none;background:transparent;padding:10px 16px;font-size:.84rem;font-weight:500;font-family:inherit;color:var(--muted);cursor:pointer;border-radius:999px;transition:color .28s var(--ease);white-space:nowrap}.demo-tabs-btn[data-active=true]{color:#fff}.demo-tabs-pill{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 3);border-radius:999px;background:var(--accent-2);transform:translate3d(calc(var(--demo-tab, 0) * 100%),0,0);transition:transform .38s var(--ease);z-index:0}.demo-tabs-out{font-size:.86rem;color:var(--muted);text-align:center;min-height:1.4em}.demo-tabs-out strong{color:var(--text);font-weight:600}.demo-toggle-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.demo-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:70px;height:38px;border-radius:999px;background:color-mix(in srgb,var(--text) 14%,transparent);border:none;position:relative;cursor:pointer;transition:background-color .32s var(--ease)}.demo-toggle:after{content:"";position:absolute;top:4px;left:4px;width:30px;height:30px;background:var(--surface);border-radius:50%;box-shadow:0 4px 10px -2px rgba(14,12,11,.25);transition:transform .38s var(--ease)}.demo-toggle[data-on=true]{background:var(--accent-2)}.demo-toggle[data-on=true]:after{transform:translateX(32px)}.demo-toggle-label{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.demo-toggle-label strong{color:var(--text);font-weight:600}.demo-toast-wrap{width:90%;display:flex;flex-direction:column;align-items:center;gap:18px;position:relative}.demo-toast-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--text);background:var(--text);color:#fff;font-family:inherit;font-size:.84rem;font-weight:500;letter-spacing:-.01em;padding:10px 18px;border-radius:999px;cursor:pointer;transition:transform .24s var(--ease),background-color .24s var(--ease)}.demo-toast-trigger:hover{transform:translateY(-2px);background:var(--accent);border-color:var(--accent)}.demo-toast{position:absolute;bottom:12px;left:50%;transform:translate(-50%,16px);display:inline-flex;align-items:center;gap:10px;padding:11px 16px 11px 14px;background:var(--accent-2);color:#fff;border-radius:14px;font-size:.84rem;font-weight:500;letter-spacing:-.01em;box-shadow:0 16px 36px -16px rgba(14,12,11,.5);opacity:0;pointer-events:none;transition:transform .36s var(--ease),opacity .32s var(--ease);white-space:nowrap}.demo-toast[data-show=true]{opacity:1;transform:translate(-50%)}.demo-toast-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.demo-tooltip-wrap{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.demo-tooltip{position:relative;width:56px;height:56px;border-radius:50%;background:var(--surface);border:1px solid var(--hairline-strong);display:grid;place-items:center;cursor:pointer;transition:transform .24s var(--ease),border-color .24s var(--ease);font-size:1.4rem;color:var(--text)}.demo-tooltip:hover{transform:translateY(-3px);border-color:var(--text)}.demo-tooltip:after,.demo-tooltip:before{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);opacity:0;pointer-events:none;transition:opacity .24s var(--ease),transform .24s var(--ease)}.demo-tooltip:before{content:attr(data-tip);background:var(--accent-2);color:#fff;padding:6px 12px;border-radius:8px;font-size:.74rem;font-weight:500;white-space:nowrap;letter-spacing:-.005em}.demo-tooltip:after{content:"";bottom:100%;margin-bottom:4px;width:0;height:0;border:5px solid transparent;border-top:5px solid var(--accent-2)}.demo-tooltip:hover:after,.demo-tooltip:hover:before{opacity:1;transform:translate(-50%)}.demo-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:92%}.demo-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:1px solid var(--hairline);color:var(--muted);font-family:inherit;font-size:.8rem;font-weight:500;letter-spacing:-.005em;padding:7px 13px;border-radius:999px;cursor:pointer;transition:color .22s var(--ease),background-color .22s var(--ease),border-color .22s var(--ease),transform .22s var(--ease)}.demo-chip:hover{transform:translateY(-1px);color:var(--text);border-color:var(--hairline-strong)}.demo-chip[data-on=true]{background:var(--accent);border-color:var(--accent);color:#fff}.demo-cmd{width:86%;background:var(--surface);border:1px solid var(--hairline-strong);border-radius:14px;overflow:hidden;box-shadow:0 22px 50px -28px rgba(14,12,11,.3)}.demo-cmd-input{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--hairline);font-size:.92rem;color:var(--muted)}.demo-cmd-input:before{content:"⌘";font-size:.78rem;color:var(--muted);border:1px solid var(--hairline-strong);padding:1px 6px;border-radius:4px;font-weight:500}.demo-cmd-caret{display:inline-block;width:1.5px;height:14px;background:var(--accent);animation:demo-caret 1s steps(1) infinite;margin-left:-2px}@keyframes demo-caret{50%{opacity:0}}.demo-cmd-list{display:flex;flex-direction:column;padding:6px;gap:2px}.demo-cmd-row{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:8px;font-size:.86rem;color:var(--text);cursor:pointer;transition:background-color .2s var(--ease)}.demo-cmd-row:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}.demo-cmd-row[data-on=true]{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text)}.demo-cmd-row span:first-child{display:inline-flex;align-items:center;gap:10px}.demo-cmd-row span:first-child:before{content:"›";color:var(--muted);font-weight:500}.demo-cmd-row kbd{font-family:inherit;font-size:.68rem;color:var(--muted);background:color-mix(in srgb,var(--text) 6%,transparent);padding:2px 6px;border-radius:4px;letter-spacing:.04em}.demo-spotlight{width:100%;height:100%;position:absolute;inset:0;display:grid;place-items:center;background:#0e0c0b;color:#fff;overflow:hidden}.demo-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(220px 220px at var(--x,50%) var(--y,50%),rgba(216,71,30,.55),transparent 65%);transition:opacity .28s var(--ease);opacity:0}.demo-spotlight[data-active=true]:before{opacity:1}.demo-spotlight-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.05) 1px,transparent 0);background-size:32px 32px}.demo-spotlight-text{position:relative;font-size:clamp(1.1rem,2.6vw,1.5rem);letter-spacing:-.025em;font-weight:500;line-height:1.25;text-align:center;padding:0 24px}.demo-spotlight-text em{color:var(--accent);font-style:normal}.demo-glass{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(50% 60% at 20% 20%,#ffd6c2,transparent 60%),radial-gradient(60% 50% at 80% 80%,#f4a283,transparent 60%),linear-gradient(135deg,#f7c5ad,#e08760);overflow:hidden}.demo-glass:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(0,0,0,.18) 1px,transparent 0);background-size:4px 4px;opacity:.18;mix-blend-mode:overlay;pointer-events:none}.demo-glass-card{position:relative;width:70%;padding:20px 22px;background:hsla(0,0%,100%,.18);border:1px solid hsla(0,0%,100%,.45);border-radius:16px;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);color:#1a1614;z-index:1}.demo-glass-card .eyebrow{color:rgba(26,22,20,.7);margin-bottom:8px}.demo-glass-card h4{font-size:1.1rem;letter-spacing:-.025em;font-weight:600;margin:0 0 6px}.demo-glass-card p{margin:0;font-size:.86rem;color:rgba(26,22,20,.78);line-height:1.45}.demo-trail{position:absolute;inset:0;cursor:none;background:#0e0c0b;display:grid;place-items:center}.demo-trail-label{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:hsla(0,0%,100%,.5);pointer-events:none}.demo-trail-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);pointer-events:none;transform:translate(-50%,-50%);filter:drop-shadow(0 0 12px rgba(216,71,30,.6))}.demo-confetti{position:relative;width:100%;height:100%;display:grid;place-items:center;background:var(--bg);overflow:hidden}.demo-confetti-btn{position:relative;z-index:2;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--accent);color:#fff;border:none;font-family:inherit;font-weight:500;font-size:.94rem;letter-spacing:-.01em;padding:14px 28px;border-radius:999px;cursor:pointer;transition:transform .24s var(--ease),box-shadow .32s var(--ease)}.demo-confetti-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(216,71,30,.5)}.demo-confetti-piece{position:absolute;top:50%;left:50%;width:8px;height:14px;border-radius:2px;pointer-events:none;will-change:transform,opacity}.demo-palette{width:90%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.demo-swatch{aspect-ratio:1/1;border-radius:10px;position:relative;justify-content:flex-end;padding:8px 10px;border:1px solid var(--hairline);font-size:.66rem;letter-spacing:.06em;color:var(--muted-2)}.demo-swatch strong{display:block;color:var(--text);font-size:.74rem;font-weight:600;letter-spacing:-.005em}.demo-swatch[data-dark=true]{color:hsla(0,0%,100%,.6)}.demo-swatch[data-dark=true] strong{color:#fff}.demo-type{width:88%;display:flex;flex-direction:column;gap:10px;text-align:left}.demo-type-row{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid var(--hairline);padding-bottom:8px}.demo-type-row:last-child{border-bottom:none}.demo-type-tag{width:36px;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);flex-shrink:0}.demo-type-row .h1{font-size:1.7rem;font-weight:600;letter-spacing:-.04em;line-height:1}.demo-type-row .h2{font-size:1.2rem;font-weight:600;letter-spacing:-.025em}.demo-type-row .body{font-size:.94rem;color:var(--muted)}.demo-type-row .small{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.demo-buttons{display:flex;flex-direction:column;gap:10px;align-items:stretch;width:75%}.demo-buttons .btn{justify-content:center;padding:12px 20px;font-size:.88rem}.demo-input-wrap{width:80%;display:flex;flex-direction:column;gap:12px}.demo-input-wrap .field label{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin-bottom:6px}.demo-input-wrap .field input,.demo-input-wrap .field select{width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--hairline);background:var(--surface);color:var(--text);font-size:.92rem;font-family:inherit;transition:border-color .22s var(--ease),box-shadow .28s var(--ease)}.demo-input-wrap .field input:focus,.demo-input-wrap .field select:focus{outline:none;border-color:var(--text);box-shadow:0 0 0 3px color-mix(in srgb,var(--text) 8%,transparent)}.demo-bento{width:92%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-gap:6px;gap:6px;height:80%}.demo-bento-cell{background:var(--surface);border:1px solid var(--hairline);border-radius:8px;position:relative;overflow:hidden}.demo-bento-cell:first-child{grid-column:1/3;grid-row:1/2;background:var(--accent-2)}.demo-bento-cell:nth-child(2){grid-column:3/4;grid-row:1/3;background:var(--accent)}.demo-bento-cell:nth-child(3){grid-column:1/2;grid-row:2/3}.demo-bento-cell:nth-child(4){grid-column:2/3;grid-row:2/3;background:color-mix(in srgb,var(--text) 6%,transparent)}.demo-bento-cell:after{content:"";position:absolute;bottom:8px;left:8px;width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.5)}.demo-bento-cell:nth-child(3):after,.demo-bento-cell:nth-child(4):after{background:var(--accent)}.demo-stack{width:60%}.demo-stack-card{padding:20px;transition:transform .52s var(--ease),opacity .32s var(--ease)}.demo-stack-card:first-child{transform:translateZ(0) scale(1);z-index:3}.demo-stack-card:nth-child(2){transform:translate3d(0,-10%,-40px) scale(.94);z-index:2;opacity:.85}.demo-stack-card:nth-child(3){transform:translate3d(0,-20%,-80px) scale(.88);z-index:1;opacity:.5}.demo-stack[data-shuffle=true] .demo-stack-card:first-child{transform:translate3d(20%,30%,0) rotate(8deg);opacity:0}.demo-stack-card h4{font-size:1rem;margin:0}.demo-stack-card[data-accent=true] .eyebrow,.demo-stack-card[data-accent=true] p{color:hsla(0,0%,100%,.78)}.demo-three{position:absolute;inset:0;background:radial-gradient(120% 80% at 0 0,#1a1815,#0e0c0b)}.demo-three .three-panel{aspect-ratio:auto;width:100%;height:100%;border:none;border-radius:0;background:transparent}.demo-three .three-overlay{display:none}.demo-device{width:84%;aspect-ratio:4/3;position:relative;transform:perspective(900px) rotateY(-8deg) rotateX(4deg)}.demo-device-laptop{position:absolute;inset:auto 0 12px 0;width:100%;border-radius:10px 10px 4px 4px;border:7px solid var(--accent-2);background:var(--bg);aspect-ratio:16/10;overflow:hidden;box-shadow:0 22px 40px -22px rgba(14,12,11,.4)}.demo-device-laptop:after{content:"";position:absolute;left:-4%;bottom:-10px;width:108%;height:7px;background:var(--accent-2);border-radius:0 0 8px 8px}.demo-device-screen{width:100%;height:100%;display:flex;flex-direction:column;padding:10px;gap:6px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 60%),var(--bg)}.demo-device-bar{height:6px;border-radius:3px;background:color-mix(in srgb,var(--text) 10%,transparent)}.demo-device-bar.accent{background:var(--accent);height:8px;width:30%}.demo-device-bar.w-50{width:50%}.demo-device-bar.w-70{width:70%}.demo-device-card{flex:1 1;border-radius:6px;background:color-mix(in srgb,var(--text) 6%,transparent)}.demo-hero{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.1) 40%,rgba(0,0,0,.7)),radial-gradient(80% 80% at 30% 30%,#c75a2c 0,#1a1714 70%);display:flex;flex-direction:column;justify-content:flex-end;padding:22px 22px 20px;color:#fff}.demo-hero-kicker{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:5px 11px;border-radius:999px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.demo-hero-kicker:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.demo-hero h4{font-size:clamp(1.1rem,2.4vw,1.5rem);letter-spacing:-.03em;line-height:1.05;font-weight:600;margin:0}.demo-hero h4 em{font-style:normal;color:var(--accent)}.demo-logos{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.demo-logos-label{font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted-2)}.demo-logos-row{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.demo-logos-track{display:flex;gap:36px;width:max-content;animation:demo-marquee 18s linear infinite;align-items:center;color:var(--muted);font-weight:600;font-size:1.05rem;letter-spacing:-.025em;white-space:nowrap}.lib-outro{padding:80px 0 140px}.lib-outro-card{background:var(--accent-2);color:#fff;border-radius:var(--radius-lg);padding:clamp(40px,7vw,76px) clamp(28px,5vw,60px);display:grid;grid-template-columns:1fr auto;grid-gap:40px;gap:40px;align-items:end;position:relative;overflow:hidden}.lib-outro-card:before{content:"";position:absolute;right:-40px;top:-40px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle at center,rgba(216,71,30,.6),transparent 60%);filter:blur(24px);pointer-events:none}.lib-outro-card .eyebrow{color:hsla(0,0%,100%,.6)}.lib-outro-card h2{font-size:clamp(1.8rem,3.6vw,2.8rem);letter-spacing:-.03em;margin:12px 0 16px;color:#fff;font-weight:600;max-width:22ch}.lib-outro-card p{color:hsla(0,0%,100%,.78);margin:0;max-width:50ch}.lib-outro-card .btn{background:#fff;color:var(--accent-2);border-color:#fff}.lib-outro-card .btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}@media (max-width:720px){.lib-outro-card{grid-template-columns:1fr;gap:24px;align-items:stretch}}.demo-theme{position:absolute;inset:0;display:grid;place-items:center;padding:22px;transition:background-color .46s var(--ease),color .46s var(--ease);background:var(--bg)}.demo-theme[data-dark=true]{background:#0e0c0b}.demo-theme-card{width:80%;text-align:left;transition:color .46s var(--ease)}.demo-theme[data-dark=true] .demo-theme-card{color:#fff}.demo-theme[data-dark=true] .demo-theme-card .eyebrow{color:hsla(0,0%,100%,.6)}.demo-theme[data-dark=true] .demo-theme-card p{color:hsla(0,0%,100%,.7)}.demo-theme-card .eyebrow{display:block;margin-bottom:8px}.demo-theme-card h4{font-size:1.2rem;letter-spacing:-.025em;font-weight:600;margin:0 0 6px}.demo-theme-card p{font-size:.86rem;margin:0;line-height:1.45;transition:color .46s var(--ease)}.demo-theme-switch{position:absolute;top:18px;right:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:64px;height:36px;border-radius:999px;background:rgba(14,12,11,.1);border:1px solid var(--hairline);display:flex;align-items:center;justify-content:space-between;padding:0 9px;cursor:pointer;font-size:.86rem;color:var(--muted);transition:background-color .32s var(--ease),border-color .32s var(--ease)}.demo-theme[data-dark=true] .demo-theme-switch{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.78)}.demo-theme-switch:after{content:"";position:absolute;top:3px;left:3px;width:28px;height:28px;background:var(--surface);border-radius:50%;box-shadow:0 4px 10px -2px rgba(0,0,0,.2);transition:transform .38s var(--ease),background-color .32s var(--ease)}.demo-theme-switch[data-on=true]:after{transform:translateX(28px);background:#1a1815}.demo-theme-moon,.demo-theme-sun{z-index:1;pointer-events:none}.demo-ring{position:relative;width:140px;height:140px;display:grid;place-items:center;cursor:pointer}.demo-ring svg{position:absolute;inset:0}.demo-ring-out{position:relative;text-align:center;display:flex;flex-direction:column;gap:2px}.demo-ring-out strong{font-size:1.7rem;font-weight:600;letter-spacing:-.04em;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.demo-ring-out span{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.demo-avatars{display:flex;flex-direction:column;align-items:center;gap:16px}.demo-avatars-row{display:flex}.demo-avatar{width:44px;height:44px;border-radius:50%;border:3px solid var(--surface);display:grid;place-items:center;color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.02em;margin-left:-10px;transition:transform .28s var(--ease)}.demo-avatar:first-child{margin-left:0}.demo-avatars:hover .demo-avatar{transform:translateX(-4px)}.demo-avatars:hover .demo-avatar:nth-child(2){transform:translateX(0)}.demo-avatars:hover .demo-avatar:nth-child(3){transform:translateX(4px)}.demo-avatars:hover .demo-avatar:nth-child(4){transform:translateX(8px)}.demo-avatars:hover .demo-avatar:nth-child(5){transform:translateX(12px)}.demo-avatar-more{background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text);font-size:.7rem}.demo-avatars-label{font-size:.78rem;color:var(--muted);margin:0;text-align:center}.demo-avatars-label strong{color:var(--text);font-weight:600}.demo-rating{display:flex;flex-direction:column;align-items:center;gap:14px}.demo-rating-row{display:flex;gap:6px}.demo-rating-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:color-mix(in srgb,var(--text) 12%,transparent);font-size:1.8rem;cursor:pointer;padding:4px;line-height:1;transition:color .2s var(--ease),transform .2s var(--ease)}.demo-rating-btn:hover{transform:translateY(-2px)}.demo-rating-btn[data-on=true]{color:var(--accent)}.demo-rating-label{font-size:.84rem;color:var(--muted)}.demo-rating-label strong{color:var(--text);font-weight:600}.demo-acc{width:88%;border:1px solid var(--hairline);border-radius:12px;overflow:hidden;background:var(--surface)}.demo-acc,.demo-acc-row{display:flex;flex-direction:column}.demo-acc-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;text-align:left;font-family:inherit;border-bottom:1px solid var(--hairline);padding:14px 16px;cursor:pointer;color:var(--text)}.demo-acc-row:last-child{border-bottom:none}.demo-acc-q{font-size:.92rem;font-weight:500;letter-spacing:-.01em;display:flex;justify-content:space-between;align-items:center}.demo-acc-icon{font-size:1.1rem;line-height:1;color:var(--muted);transition:transform .32s var(--ease)}.demo-acc-row[data-open=true] .demo-acc-icon{transform:rotate(45deg);color:var(--accent)}.demo-acc-a{display:block;font-size:.84rem;color:var(--muted);line-height:1.45;max-height:0;opacity:0;overflow:hidden;transition:max-height .32s var(--ease),opacity .24s var(--ease),margin-top .24s var(--ease)}.demo-acc-row[data-open=true] .demo-acc-a{max-height:80px;opacity:1;margin-top:8px}.demo-search{width:86%;background:var(--surface);border:1px solid var(--hairline-strong);border-radius:12px;overflow:hidden;box-shadow:0 18px 38px -28px rgba(14,12,11,.25)}.demo-search-input{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--hairline);color:var(--muted)}.demo-search-input input{flex:1 1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font-family:inherit;font-size:.92rem;color:var(--text)}.demo-search-input input:focus{outline:none}.demo-search-input input::placeholder{color:var(--muted-2)}.demo-search-list{list-style:none;margin:0;padding:4px;display:flex;flex-direction:column}.demo-search-list li{padding:8px 12px;font-size:.86rem;color:var(--text);border-radius:6px;cursor:pointer;transition:background-color .2s var(--ease)}.demo-search-list li:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}.demo-search-list mark{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--text);border-radius:3px;padding:0 2px}.demo-search-empty{color:var(--muted)!important;font-style:italic}.demo-skel{width:86%;display:flex;flex-direction:column;gap:10px}.demo-skel-row{display:flex;gap:12px;align-items:center}.demo-skel-thumb{width:48px;height:48px;border-radius:10px;flex-shrink:0}.demo-skel-text{flex:1 1;display:flex;flex-direction:column;gap:6px}.demo-skel-bar{height:8px;border-radius:4px}.demo-skel-bar.w-40{width:40%}.demo-skel-bar.w-55{width:55%}.demo-skel-bar.w-70{width:70%}.demo-skel-bar,.demo-skel-thumb{background:linear-gradient(90deg,color-mix(in srgb,var(--text) 6%,transparent) 0,color-mix(in srgb,var(--text) 12%,transparent) 50%,color-mix(in srgb,var(--text) 6%,transparent) 100%);background-size:220% 100%;animation:demo-shimmer 1.4s linear infinite}@keyframes demo-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.demo-badge{display:flex;flex-direction:column;align-items:center;gap:14px}.demo-badge-bell{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:64px;height:64px;border-radius:50%;background:var(--surface);border:1px solid var(--hairline-strong);display:grid;place-items:center;color:var(--text);font-size:1.6rem;cursor:pointer;transition:transform .24s var(--ease),border-color .24s var(--ease)}.demo-badge-bell:hover{transform:translateY(-3px);border-color:var(--text)}.demo-badge-count{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:600;display:grid;place-items:center;box-shadow:0 0 0 3px var(--surface);animation:demo-badge-pulse 1.6s var(--ease) infinite}@keyframes demo-badge-pulse{0%,to{box-shadow:0 0 0 3px var(--surface),0 0 0 0 rgba(216,71,30,.4)}50%{box-shadow:0 0 0 3px var(--surface),0 0 0 8px rgba(216,71,30,0)}}.demo-badge-label{text-align:center;font-size:.78rem;color:var(--muted);display:flex;flex-direction:column;gap:2px}.demo-badge-label strong{color:var(--text);font-weight:600;font-size:.86rem;letter-spacing:-.01em}.demo-pricing{width:84%;display:flex;flex-direction:column;gap:14px}.demo-pricing-out{display:flex;align-items:baseline;gap:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.demo-pricing-out span{font-size:2.6rem;font-weight:600;letter-spacing:-.04em;color:var(--text);line-height:1}.demo-pricing-out small{font-size:.84rem;color:var(--muted);letter-spacing:-.01em}.demo-pricing-range{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:6px;border-radius:999px;background:color-mix(in srgb,var(--text) 8%,transparent);outline:none;background-image:linear-gradient(var(--accent),var(--accent));background-repeat:no-repeat}.demo-pricing-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent-2);cursor:pointer;border:3px solid var(--bg);box-shadow:0 4px 10px -2px rgba(14,12,11,.4);-webkit-transition:transform .2s var(--ease);transition:transform .2s var(--ease)}.demo-pricing-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.demo-pricing-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--accent-2);cursor:pointer;border:3px solid var(--bg)}.demo-pricing-ticks{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted-2);letter-spacing:.1em}.demo-reels{display:flex;flex-direction:column;align-items:center;gap:10px}.demo-reels-out{display:flex;gap:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.demo-reel-col{display:inline-flex;align-items:center;justify-content:center;width:28px;height:56px;overflow:hidden;border-radius:6px;background:color-mix(in srgb,var(--text) 4%,transparent)}.demo-reel-track{display:flex;flex-direction:column;transition:transform 1.4s cubic-bezier(.22,1,.36,1)}.demo-reel-cell{height:56px;display:grid;place-items:center;font-size:1.6rem;font-weight:600;color:var(--text);letter-spacing:-.04em}.demo-reels-label{font-size:.7rem;color:var(--muted);letter-spacing:.18em;text-transform:uppercase}@media (max-width:480px){.demo-reel-col{width:24px;height:48px}.demo-reel-cell{height:48px;font-size:1.4rem}}.demo-reveal{position:absolute;inset:0;display:grid;place-items:center;background:var(--bg);cursor:crosshair;overflow:hidden}.demo-reveal-base{position:relative;font-size:clamp(1.2rem,2.6vw,1.6rem);font-weight:600;letter-spacing:-.025em;color:var(--text);z-index:1}.demo-reveal-image{position:absolute;inset:0;background:linear-gradient(135deg,rgba(216,71,30,.85),rgba(14,12,11,.85)),radial-gradient(circle at 30% 30%,hsla(16,84%,74%,.7),transparent 60%);background-blend-mode:screen;opacity:0;-webkit-mask-image:radial-gradient(180px 180px at var(--x,50%) var(--y,50%),#000 0,#000 35%,transparent 70%);mask-image:radial-gradient(180px 180px at var(--x,50%) var(--y,50%),#000 0,#000 35%,transparent 70%);transition:opacity .24s var(--ease);pointer-events:none}.demo-reveal[data-active=true] .demo-reveal-image{opacity:1}.demo-step{width:86%;display:flex;flex-direction:column;gap:10px}.demo-step-track{position:relative;display:flex;justify-content:space-between;align-items:center;padding:0 2px}.demo-step-track:before{content:"";right:14px;background:color-mix(in srgb,var(--text) 8%,transparent)}.demo-step-fill,.demo-step-track:before{position:absolute;left:14px;top:50%;height:2px;transform:translateY(-50%)}.demo-step-fill{background:var(--accent);transition:width .36s var(--ease)}.demo-step-dot{position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--hairline-strong);background:var(--surface);color:var(--muted);font-size:.78rem;font-weight:600;font-family:inherit;cursor:pointer;display:grid;place-items:center;transition:background-color .28s var(--ease),color .28s var(--ease),border-color .28s var(--ease),transform .28s var(--ease)}.demo-step-dot[data-on=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.demo-step-dot[data-current=true]{background:var(--accent-2);border-color:var(--accent-2);transform:scale(1.1)}.demo-step-labels{display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:.06em;color:var(--muted-2)}.demo-step-labels span[data-on=true]{color:var(--text);font-weight:600}.demo-stack{position:relative;width:70%;aspect-ratio:4/5;perspective:1000px;cursor:pointer}.demo-stack-card{position:absolute;inset:0;border-radius:16px;border:1px solid var(--hairline-strong);background:var(--surface);display:flex;flex-direction:column;justify-content:space-between;padding:18px;transition:transform .52s var(--ease),opacity .36s var(--ease);box-shadow:0 20px 40px -28px rgba(14,12,11,.3);transform-origin:50% 100%;pointer-events:none}.demo-stack-card[data-layer="0"]{transform:translateZ(0) scale(1);z-index:3;opacity:1}.demo-stack-card[data-layer="1"]{transform:translate3d(0,-8%,-40px) scale(.94);z-index:2;opacity:.85}.demo-stack-card[data-layer="2"]{transform:translate3d(0,-16%,-80px) scale(.88);z-index:1;opacity:.5}.demo-stack-card[data-accent=true]{background:var(--accent-2);color:#fff;border-color:var(--accent-2)}.demo-stack-card[data-accent=true] .eyebrow{color:hsla(0,0%,100%,.6)}.demo-stack-card[data-accent=true] p{color:hsla(0,0%,100%,.78)}.demo-stack-card .eyebrow{color:var(--muted);display:block;margin-bottom:4px}.demo-stack-card h4{font-size:1.05rem;margin:0 0 6px;letter-spacing:-.025em;font-weight:600}.demo-stack-card p{font-size:.84rem;margin:0;color:var(--muted);line-height:1.45}.demo-wave{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px;background:#0e0c0b;padding:0 24px}.demo-wave-bar{display:block;width:4px;height:12%;border-radius:2px;background:var(--accent);animation:demo-wave-bar 1.4s var(--ease) infinite;transform-origin:center}@keyframes demo-wave-bar{0%,to{transform:scaleY(.4);opacity:.7}50%{transform:scaleY(2.4);opacity:1}}.demo-flip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font-family:inherit;cursor:pointer;width:72%;aspect-ratio:6/4;perspective:1000px;position:relative;padding:0}.demo-flip-face{position:absolute;inset:0;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;text-align:left;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .7s var(--ease)}.demo-flip-front{background:var(--surface);border:1px solid var(--hairline-strong);color:var(--text);transform:rotateY(0deg)}.demo-flip-back{background:var(--accent-2);color:#fff;border:1px solid var(--accent-2);transform:rotateY(180deg)}.demo-flip[data-flipped=true] .demo-flip-front{transform:rotateY(-180deg)}.demo-flip[data-flipped=true] .demo-flip-back{transform:rotateY(0deg)}.demo-flip-face h4{margin:0;font-size:1.1rem;letter-spacing:-.025em;font-weight:600}.demo-flip-face p{margin:0;font-size:.84rem;line-height:1.45;color:hsla(0,0%,100%,.78)}.demo-compare{position:absolute;inset:0;cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.demo-compare-after,.demo-compare-base{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(1.6rem,3.2vw,2.2rem);font-weight:600;letter-spacing:-.035em}.demo-compare-base{background:var(--bg);color:var(--muted)}.demo-compare-clip{position:absolute;inset:0 auto 0 0;overflow:hidden}.demo-compare-after{width:var(--lib-stage-w,100vw);background:linear-gradient(135deg,var(--accent),#f78b67);color:#fff}.demo-compare-handle{position:absolute;top:0;bottom:0;width:2px;background:#fff;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 0 1px rgba(0,0,0,.05)}.demo-compare-handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:#fff;color:var(--text);display:grid;place-items:center;font-weight:700;font-size:.9rem;letter-spacing:-.04em;box-shadow:0 8px 18px -8px rgba(14,12,11,.4)}.demo-glitch{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font-family:inherit;cursor:pointer;padding:0}.demo-glitch-text{position:relative;display:inline-block;font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.04em;color:var(--text)}.demo-glitch-text:after,.demo-glitch-text:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;opacity:0;pointer-events:none}.demo-glitch[data-active=true] .demo-glitch-text:before{opacity:.85;color:var(--accent);animation:demo-glitch-1 .7s steps(2) infinite}.demo-glitch[data-active=true] .demo-glitch-text:after{opacity:.7;color:#2b8fff;animation:demo-glitch-2 .8s steps(2) infinite}@keyframes demo-glitch-1{0%,to{transform:translate(0);-webkit-clip-path:inset(0 0 60% 0);clip-path:inset(0 0 60% 0)}20%{transform:translate(-2px,1px);-webkit-clip-path:inset(20% 0 40% 0);clip-path:inset(20% 0 40% 0)}40%{transform:translate(2px,-1px);-webkit-clip-path:inset(40% 0 20% 0);clip-path:inset(40% 0 20% 0)}60%{transform:translate(-1px,2px);-webkit-clip-path:inset(0 0 70% 0);clip-path:inset(0 0 70% 0)}80%{transform:translate(1px,-2px);-webkit-clip-path:inset(50% 0 10% 0);clip-path:inset(50% 0 10% 0)}}@keyframes demo-glitch-2{0%,to{transform:translate(0);-webkit-clip-path:inset(60% 0 0 0);clip-path:inset(60% 0 0 0)}25%{transform:translate(2px,-1px);-webkit-clip-path:inset(40% 0 20% 0);clip-path:inset(40% 0 20% 0)}50%{transform:translate(-2px,1px);-webkit-clip-path:inset(30% 0 30% 0);clip-path:inset(30% 0 30% 0)}75%{transform:translate(1px,2px);-webkit-clip-path:inset(70% 0 0 0);clip-path:inset(70% 0 0 0)}}.demo-blob{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--bg);padding:24px}.demo-blob svg{width:64%;height:auto;filter:drop-shadow(0 18px 40px rgba(216,71,30,.25))}.demo-blob-label{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.demo-clock{display:flex;flex-direction:column;align-items:center;gap:8px}.demo-clock-time{font-size:clamp(2.2rem,5vw,3rem);font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";color:var(--text);display:inline-flex;align-items:center}.demo-clock-colon{margin:0 2px;color:var(--accent);animation:demo-clock-blink 1s steps(2) infinite}@keyframes demo-clock-blink{50%{opacity:.25}}.demo-clock-label{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.demo-aurora{position:absolute;inset:0;background:#0e0c0b;overflow:hidden}.demo-aurora-blob{position:absolute;border-radius:50%;filter:blur(40px);mix-blend-mode:screen;will-change:transform}.demo-aurora-a{width:70%;height:70%;left:-10%;top:-10%;background:radial-gradient(circle,#d8471e 0,transparent 70%);animation:demo-aurora-a 14s var(--ease) infinite}.demo-aurora-b{width:60%;height:60%;right:-10%;top:20%;background:radial-gradient(circle,#f4a283 0,transparent 70%);animation:demo-aurora-b 18s var(--ease) infinite}.demo-aurora-c{width:55%;height:55%;left:30%;bottom:-20%;background:radial-gradient(circle,#8b3a1c 0,transparent 70%);animation:demo-aurora-c 22s var(--ease) infinite}@keyframes demo-aurora-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20%,15%) scale(1.2)}}@keyframes demo-aurora-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-15%,20%) scale(.9)}}@keyframes demo-aurora-c{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-15%,-20%) scale(1.15)}}.demo-aurora-label{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:hsla(0,0%,100%,.6);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase}.demo-particles{position:absolute;inset:0;background:#0e0c0b;overflow:hidden}.demo-particle{position:absolute;bottom:-10px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px rgba(216,71,30,.6);animation:demo-particle-rise 10s linear infinite;opacity:0}@keyframes demo-particle-rise{0%{transform:translateY(0);opacity:0}10%{opacity:.9}85%{opacity:.9}to{transform:translateY(-110%);opacity:0}}.demo-particles-label{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:hsla(0,0%,100%,.5);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;pointer-events:none}.demo-grain{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(60% 50% at 30% 30%,rgba(216,71,30,.18),transparent 70%),linear-gradient(135deg,#f6f3ed,#ece6dc);overflow:hidden;padding:24px}.demo-grain:after,.demo-grain:before{content:"";position:absolute;inset:-50%;background-image:radial-gradient(rgba(14,12,11,.5) 1px,transparent 0);background-size:3px 3px;opacity:.18;mix-blend-mode:multiply;pointer-events:none;animation:demo-grain-shift .6s steps(4) infinite}.demo-grain:after{background-size:4px 4px;animation-duration:.9s;animation-direction:reverse}@keyframes demo-grain-shift{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(-1%,2%)}}.demo-grain-card{position:relative;z-index:1;width:80%;text-align:left}.demo-grain-card .eyebrow{display:block;margin-bottom:8px}.demo-grain-card h4{margin:0 0 6px;font-size:1.05rem;letter-spacing:-.025em;font-weight:600;color:var(--text)}.demo-grain-card p{margin:0;font-size:.84rem;color:var(--muted);line-height:1.45}.demo-pricecard{width:80%;display:flex;flex-direction:column;gap:14px;padding:22px 24px;background:var(--surface);border:1px solid var(--hairline-strong);border-radius:16px;box-shadow:0 22px 50px -32px rgba(14,12,11,.28)}.demo-pricecard .eyebrow{display:block}.demo-pricecard-amount{display:flex;align-items:baseline;gap:4px;color:var(--text)}.demo-pricecard-currency{font-size:1rem;color:var(--muted);margin-right:2px}.demo-pricecard-num{font-size:2.2rem;font-weight:600;letter-spacing:-.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.demo-pricecard-unit{font-size:.84rem;color:var(--muted);margin-left:4px}.demo-pricecard-list{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid var(--hairline);display:flex;flex-direction:column;gap:8px;font-size:.86rem;color:var(--text)}.demo-pricecard-list li{display:flex;align-items:flex-start;gap:8px}.demo-pricecard-list li:before{content:"✓";color:var(--accent);font-weight:600;flex-shrink:0}.demo-pricecard-cta{margin-top:4px;display:inline-flex;justify-content:center;align-items:center;padding:10px 16px;border-radius:999px;background:var(--accent-2);color:#fff;font-size:.84rem;font-weight:500;letter-spacing:-.005em}.demo-testimonial{position:relative;width:86%;margin:0;padding:28px 24px 22px;background:var(--surface);border:1px solid var(--hairline);border-radius:16px;display:flex;flex-direction:column;gap:16px}.demo-testimonial-mark{position:absolute;top:4px;left:18px;font-size:4rem;line-height:1;color:var(--accent);font-family:Georgia,Times New Roman,serif;pointer-events:none}.demo-testimonial blockquote{margin:0;font-size:.96rem;line-height:1.5;letter-spacing:-.005em;color:var(--text)}.demo-testimonial figcaption{display:flex;align-items:center;gap:12px;font-size:.84rem;color:var(--muted)}.demo-testimonial figcaption strong{display:block;color:var(--text);font-weight:600}.demo-testimonial-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-2);color:#fff;display:grid;place-items:center;font-size:.74rem;font-weight:600;letter-spacing:.04em}.demo-statband{display:flex;width:90%;border:1px solid var(--hairline);border-radius:14px;overflow:hidden;background:var(--surface)}.demo-statband-cell{flex:1 1;padding:18px 14px;text-align:center;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--hairline)}.demo-statband-cell:last-child{border-right:none}.demo-statband-num{font-size:1.6rem;font-weight:600;letter-spacing:-.035em;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.demo-statband-label{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}@media (prefers-reduced-motion:reduce){.demo-aurora-blob,.demo-badge-count,.demo-blob path animate,.demo-clock-colon,.demo-cmd-caret,.demo-grain:after,.demo-grain:before,.demo-logos-track,.demo-marquee-row,.demo-particle,.demo-skel-bar,.demo-skel-thumb,.demo-wave-bar,.lib-card{animation:none!important}}.lib-chip-shuffle{display:inline-flex;align-items:center;gap:8px}.lib-chip-shuffle-icon{display:inline-block;transition:transform .52s cubic-bezier(.34,1.56,.64,1);will-change:transform}.lib-chip-shuffle:hover .lib-chip-shuffle-icon{transform:rotate(180deg)}.lib-chip-shuffle[data-spinning] .lib-chip-shuffle-icon{animation:lib-shuffle-spin .7s cubic-bezier(.34,1.56,.64,1)}@keyframes lib-shuffle-spin{0%{transform:rotate(0deg)}to{transform:rotate(540deg)}}.demo-orbit{position:relative;width:200px;height:200px;display:grid;place-items:center}.demo-orbit-core{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,var(--accent));box-shadow:0 0 24px rgba(216,71,30,.7)}.demo-orbit-ring{position:absolute;border:1px dashed hsla(0,0%,100%,.18);border-radius:50%;animation:demo-orbit-spin linear infinite}.demo-orbit-ring--a{width:80px;height:80px;animation-duration:4s}.demo-orbit-ring--b{width:130px;height:130px;animation-duration:7s;animation-direction:reverse}.demo-orbit-ring--c{width:184px;height:184px;animation-duration:11s}.demo-orbit-dot{position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(216,71,30,.8);transform:translateX(-50%)}.demo-orbit-ring--b .demo-orbit-dot{background:#fff;box-shadow:0 0 10px hsla(0,0%,100%,.6)}.demo-orbit-ring--c .demo-orbit-dot{width:6px;height:6px;background:hsla(0,0%,100%,.8)}.demo-orbit-label{position:absolute;bottom:10px;font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:hsla(0,0%,100%,.5)}@keyframes demo-orbit-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.demo-neon{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 40px;border:2px solid rgba(255,91,132,.35);border-radius:12px;background:rgba(0,0,0,.4);box-shadow:0 0 20px rgba(255,91,132,.18),inset 0 0 14px rgba(255,91,132,.12)}.demo-neon-text{font-family:var(--display,"Helvetica Neue"),serif;font-weight:700;font-size:3rem;letter-spacing:.06em;color:#ffd6e2;text-shadow:0 0 6px rgba(255,110,150,.95),0 0 18px rgba(255,70,110,.85),0 0 36px rgba(255,40,90,.6);animation:demo-neon-flicker 6s linear infinite}.demo-neon-sub{font-family:var(--mono);font-size:.7rem;letter-spacing:.32em;color:rgba(255,200,220,.7);text-shadow:0 0 8px rgba(255,100,140,.5)}@keyframes demo-neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.55}}.demo-compass{display:flex;flex-direction:column;align-items:center;gap:10px}.demo-compass-face{position:relative;width:170px;height:170px;border-radius:50%;border:2px solid var(--hairline-strong);background:radial-gradient(circle at 30% 25%,hsla(0,0%,100%,.6),transparent 60%),var(--surface);display:grid;place-items:center}.demo-compass-tick{position:absolute;font-family:var(--mono);font-size:.78rem;letter-spacing:.16em;color:var(--muted)}.demo-compass-tick[data-dir=N]{top:8px;color:var(--accent);font-weight:700}.demo-compass-tick[data-dir=E]{right:8px}.demo-compass-tick[data-dir=S]{bottom:8px}.demo-compass-tick[data-dir=W]{left:8px}.demo-compass-needle{width:4px;height:110px;background:linear-gradient(to bottom,var(--accent) 0,var(--accent) 50%,var(--text) 50%,var(--text) 100%);border-radius:2px;transform-origin:center;animation:demo-compass-spin 6s cubic-bezier(.65,0,.35,1) infinite;box-shadow:0 0 14px rgba(0,0,0,.3)}.demo-compass-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}@keyframes demo-compass-spin{0%{transform:rotate(0deg)}35%{transform:rotate(82deg)}55%{transform:rotate(78deg)}85%{transform:rotate(312deg)}to{transform:rotate(1turn)}}.demo-mappin{position:relative;width:240px;height:170px;border-radius:12px;background:var(--surface);border:1px solid var(--hairline);overflow:hidden;display:grid;place-items:center}.demo-mappin-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(216,71,30,.06) 1px,transparent 0),linear-gradient(180deg,rgba(216,71,30,.06) 1px,transparent 0);background-size:18px 18px}.demo-mappin-pulse{position:absolute;width:16px;height:16px;border-radius:50%;background:rgba(216,71,30,.35);animation:demo-mappin-pulse 2.4s var(--ease) infinite}.demo-mappin-pin{color:var(--accent);filter:drop-shadow(0 4px 8px rgba(216,71,30,.4));transform:translateY(-6px);z-index:2}.demo-mappin-label{position:absolute;bottom:10px;font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;color:var(--muted);background:var(--bg);padding:3px 10px;border-radius:999px;border:1px solid var(--hairline)}@keyframes demo-mappin-pulse{0%{box-shadow:0 0 0 0 rgba(216,71,30,.45);transform:scale(1)}to{box-shadow:0 0 0 36px rgba(216,71,30,0);transform:scale(1.05)}}.demo-hourglass{display:flex;flex-direction:column;align-items:center;gap:14px}.demo-hourglass-frame{position:relative;width:80px;height:130px;animation:demo-hourglass-flip 5s ease-in-out infinite}.demo-hourglass-bottom,.demo-hourglass-top{position:absolute;width:80px;height:60px;background:linear-gradient(180deg,var(--accent),rgba(216,71,30,.4));border:1px solid var(--hairline-strong)}.demo-hourglass-top{top:0;-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.demo-hourglass-bottom{bottom:0;-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%)}.demo-hourglass-stream{position:absolute;top:60%;left:50%;transform:translateX(-50%);width:2px;height:16px;background:var(--accent);animation:demo-hourglass-fall 1.2s linear infinite}.demo-hourglass-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}@keyframes demo-hourglass-flip{0%,45%{transform:rotate(0deg)}50%,95%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes demo-hourglass-fall{0%{transform:translate(-50%);opacity:.8}to{transform:translate(-50%,16px);opacity:0}}.demo-ripple{position:relative;width:220px;height:220px;display:grid;place-items:center}.demo-ripple-core{width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px rgba(216,71,30,.7);z-index:2}.demo-ripple-ring{position:absolute;width:24px;height:24px;border-radius:50%;border:2px solid var(--accent);opacity:0;animation:demo-ripple-out 2.4s ease-out infinite}.demo-ripple-label{position:absolute;bottom:10px;font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}@keyframes demo-ripple-out{0%{transform:scale(1);opacity:.7}to{transform:scale(8);opacity:0}}.demo-ticker{position:relative;width:100%;max-width:320px;background:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;overflow:hidden;padding:14px 0}.demo-ticker-track{display:inline-flex;gap:28px;white-space:nowrap;animation:demo-ticker-roll 22s linear infinite;padding-left:100%}.demo-ticker-item{font-family:var(--mono);font-size:.86rem;letter-spacing:.04em;color:hsla(0,0%,100%,.85)}.demo-ticker-item b{font-weight:700;margin-right:6px}.demo-ticker-item[data-up=true]{color:#62d68a}.demo-ticker-item[data-up=false]{color:#ff6f6f}.demo-ticker-label{display:block;text-align:center;margin-top:12px;font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;color:hsla(0,0%,100%,.5)}@keyframes demo-ticker-roll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.demo-globe{display:flex;flex-direction:column;align-items:center;gap:14px;perspective:600px}.demo-globe-sphere{position:relative;width:170px;height:170px;border:1.5px solid hsla(0,0%,100%,.32);border-radius:50%;transform-style:preserve-3d;animation:demo-globe-spin 16s linear infinite}.demo-globe-meridian{position:absolute;inset:0;border-radius:50%;border-color:transparent hsla(0,0%,100%,.18);border-style:solid;border-width:1px}.demo-globe-parallel{position:absolute;left:6%;right:6%;height:1px;background:hsla(0,0%,100%,.12)}.demo-globe-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:hsla(0,0%,100%,.55)}@keyframes demo-globe-spin{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.demo-countdown{display:flex;flex-direction:column;align-items:center;gap:14px}.demo-countdown-row{display:inline-flex;gap:8px}.demo-countdown-cell{display:flex;flex-direction:column;align-items:center;width:56px;padding:8px 0;border-radius:8px;background:var(--surface);border:1px solid var(--hairline)}.demo-countdown-cell b{font-family:var(--mono);font-size:1.4rem;font-weight:700;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.demo-countdown-cell i{font-style:normal;font-size:.6rem;margin-top:2px}.demo-countdown-cell i,.demo-countdown-label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}.demo-countdown-label{font-size:.7rem}.demo-prism{position:relative;width:240px;height:170px;display:grid;place-items:center}.demo-prism-beam{left:0;width:90px;height:3px;background:linear-gradient(90deg,transparent,#fff);box-shadow:0 0 12px hsla(0,0%,100%,.65)}.demo-prism-beam,.demo-prism-shape{position:absolute;top:50%;transform:translateY(-50%)}.demo-prism-shape{left:80px;width:0;height:0;border-color:transparent hsla(0,0%,100%,.3) transparent transparent;border-style:solid;border-width:38px 32px 38px 0;filter:drop-shadow(0 0 12px rgba(255,255,255,.4))}.demo-prism-spread{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px}.demo-prism-spread span{display:block;width:100px;height:5px;border-radius:4px;filter:blur(.5px);animation:demo-prism-flow 3.6s ease-in-out infinite}.demo-prism-spread span:first-child{animation-delay:0s}.demo-prism-spread span:nth-child(2){animation-delay:.1s}.demo-prism-spread span:nth-child(3){animation-delay:.2s}.demo-prism-spread span:nth-child(4){animation-delay:.3s}.demo-prism-spread span:nth-child(5){animation-delay:.4s}.demo-prism-spread span:nth-child(6){animation-delay:.5s}.demo-prism-label{position:absolute;bottom:8px;font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;color:hsla(0,0%,100%,.55)}@keyframes demo-prism-flow{0%,to{transform:translateX(0) scaleX(1);opacity:.8}50%{transform:translateX(-6px) scaleX(1.15);opacity:1}}.demo-polaroid{display:flex;flex-direction:column;align-items:center;gap:14px}.demo-polaroid-card{background:#f9f5ee;padding:12px 12px 22px;border-radius:4px;box-shadow:0 18px 32px -10px rgba(0,0,0,.3),0 4px 8px -2px rgba(0,0,0,.15);transform:rotate(-3deg);transition:transform .38s var(--ease);width:170px}.demo-polaroid-card:hover{transform:rotate(0) translateY(-3px)}.demo-polaroid-photo{aspect-ratio:1/1;border-radius:2px;background:radial-gradient(circle at 30% 30%,#ffb88c,transparent 60%),radial-gradient(circle at 80% 70%,#d8471e,transparent 70%),linear-gradient(135deg,#6b3a2c,#2a1a14)}.demo-polaroid-caption{margin-top:12px;font-family:Caveat,Bradley Hand,Comic Sans MS,cursive;font-size:1.05rem;text-align:center;color:#2a1a14}.demo-polaroid-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}.demo-atc{display:flex;flex-direction:column;align-items:center;gap:14px}.demo-atc-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:#fff;font:inherit;font-weight:600;letter-spacing:-.005em;cursor:pointer;transition:transform .28s var(--ease),background .22s var(--ease),border-color .22s var(--ease);position:relative}.demo-atc-btn:hover{transform:translateY(-1px)}.demo-atc-btn[data-added=true]{background:#1f7a3a;border-color:#1f7a3a}.demo-atc-btn[data-added=true] .demo-atc-bag{animation:demo-atc-bump .48s var(--ease)}.demo-atc-bag{display:inline-flex}.demo-atc-check{font-size:.95rem}.demo-atc-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;color:var(--muted-2);text-transform:uppercase}@keyframes demo-atc-bump{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-6px) scale(1.18)}to{transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.demo-atc-btn[data-added=true] .demo-atc-bag{animation:none}}.demo-drawer-wrap{position:relative;width:280px;height:200px;border-radius:14px;overflow:hidden;border:1px solid var(--hairline);background:var(--surface)}.demo-drawer-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),transparent 50%),repeating-linear-gradient(45deg,rgba(0,0,0,.02) 0 12px,transparent 12px 24px)}.demo-drawer{position:absolute;top:0;right:0;bottom:0;width:75%;background:var(--bg);border-left:1px solid var(--hairline-strong);padding:12px 12px 10px;display:flex;flex-direction:column;gap:8px;transform:translateX(100%);transition:transform .42s var(--ease);box-shadow:-22px 0 38px -28px rgba(0,0,0,.35)}.demo-drawer[data-open=true]{transform:translateX(0)}.demo-drawer-head{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.78rem;letter-spacing:-.005em}.demo-drawer-count{background:var(--accent);color:#fff;border-radius:999px;padding:1px 8px;font-size:.65rem}.demo-drawer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.demo-drawer-list li{display:flex;align-items:center;gap:8px}.demo-drawer-thumb{width:32px;height:32px;border-radius:6px;flex:0 0 auto}.demo-drawer-thumb.thumb-a{background:linear-gradient(135deg,#d8471e,#6b3a2c)}.demo-drawer-thumb.thumb-b{background:linear-gradient(135deg,#1f7a3a,#0e0c0b)}.demo-drawer-meta{display:flex;flex-direction:column;line-height:1.15}.demo-drawer-meta b{font-size:.72rem}.demo-drawer-meta i{font-size:.62rem;font-style:normal;color:var(--muted)}.demo-drawer-foot{display:flex;justify-content:space-between;font-size:.74rem;padding-top:6px;border-top:1px solid var(--hairline)}.demo-drawer-cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:8px 0;font:inherit;font-weight:600;font-size:.74rem;cursor:pointer}.demo-qty{display:inline-flex;align-items:center;gap:14px;flex-direction:row;flex-wrap:wrap;justify-content:center}.demo-qty-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:36px;border-radius:999px;border:1px solid var(--hairline-strong);background:var(--surface);font:inherit;font-size:1.1rem;line-height:1;color:var(--text);cursor:pointer;transition:border-color .22s var(--ease),color .22s var(--ease),transform .2s var(--ease)}.demo-qty-btn:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.06)}.demo-qty-out{width:44px;text-align:center;font-weight:700;font-size:1.4rem;position:relative;overflow:hidden;height:1.6em}.demo-qty-num{display:inline-block;animation:demo-qty-flip .28s var(--ease) both}.demo-qty-out[data-dir="-1"] .demo-qty-num{animation-name:demo-qty-flip-down}.demo-qty-label{width:100%;text-align:center;font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}@keyframes demo-qty-flip{0%{transform:translateY(80%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes demo-qty-flip-down{0%{transform:translateY(-80%);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion:reduce){.demo-qty-num{animation:none}}.demo-ship{display:flex;flex-direction:column;gap:10px;width:240px}.demo-ship-line{font-size:.84rem;letter-spacing:-.005em;display:flex;align-items:center;gap:8px}.demo-ship-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#1f7a3a;color:#fff;font-size:.72rem}.demo-ship-bar{height:6px;border-radius:999px;background:rgba(0,0,0,.08)}.demo-ship-fill{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#f4a283);transition:width .22s var(--ease),background .28s var(--ease)}.demo-ship-fill[data-done=true]{background:linear-gradient(90deg,#1f7a3a,#5bd66b)}.demo-ship-label{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}.demo-cstep{display:flex;flex-direction:column;align-items:stretch;gap:14px;width:280px}.demo-cstep-row{list-style:none;padding:0;margin:0;display:flex;align-items:center;justify-content:space-between;position:relative}.demo-cstep-row:before{content:"";position:absolute;left:14px;right:14px;top:12px;height:1px;background:var(--hairline-strong);z-index:0}.demo-cstep-item{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px}.demo-cstep-dot{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--bg);border:1px solid var(--hairline-strong);font-size:.72rem;font-weight:700;color:var(--muted);transition:all .28s var(--ease)}.demo-cstep-item[data-state=done] .demo-cstep-dot{background:#1f7a3a;border-color:#1f7a3a;color:#fff}.demo-cstep-item[data-state=active] .demo-cstep-dot{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 4px rgba(216,71,30,.18);animation:demo-cstep-pulse 1.4s var(--ease) infinite}.demo-cstep-label{font-size:.66rem;color:var(--muted);letter-spacing:-.005em}.demo-cstep-item[data-state=active] .demo-cstep-label,.demo-cstep-item[data-state=done] .demo-cstep-label{color:var(--text);font-weight:600}.demo-cstep-foot{text-align:center;font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}.demo-pay{width:280px;display:flex;flex-direction:column;gap:10px;align-items:center}.demo-pay-track{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);display:flex}.demo-pay-track>*{animation:demo-pay-scroll 14s linear infinite;flex-shrink:0}.demo-pay-tile{display:inline-flex;align-items:center;justify-content:center;height:36px;min-width:60px;padding:0 12px;margin-right:10px;border:1px solid var(--hairline-strong);border-radius:8px;background:var(--surface);font-size:.72rem;font-weight:700;letter-spacing:.04em}.demo-pay-visa{color:#1a1f71;font-style:italic;font-weight:800}.demo-pay-mc{display:inline-flex;gap:0}.demo-pay-mc i{display:block;width:14px;height:14px;border-radius:50%}.demo-pay-mc i:first-child{background:#eb001b}.demo-pay-mc i:last-child{background:#f79e1b;margin-left:-6px;mix-blend-mode:multiply}.demo-pay-amex{color:#006fcf;font-weight:800}.demo-pay-apay{color:#0e0c0b;font-weight:600;font-size:.85rem}.demo-pay-apay:before{content:"";display:inline-block;width:8px;height:9px;background:currentColor;border-radius:50% 50% 50% 0;transform:rotate(-30deg);margin-right:2px}.demo-pay-shop{color:#5a31f4;font-weight:700;font-style:italic}.demo-pay-gpay{color:#4285f4;font-weight:600}.demo-pay-label{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}@keyframes demo-pay-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.demo-pay-track>*{animation:none}}.demo-tax{gap:10px}.demo-tax,.demo-tax-card{display:flex;flex-direction:column}.demo-tax-card{width:240px;padding:14px 16px;background:var(--surface);border:1px solid var(--hairline);border-radius:10px;gap:7px}.demo-tax-row{display:flex;justify-content:space-between;font-size:.82rem;letter-spacing:-.005em;opacity:0;transform:translateY(6px);animation:demo-tax-in .36s var(--ease) forwards}.demo-tax-row[data-total=true]{border-top:1px solid var(--hairline-strong);padding-top:8px;margin-top:4px;font-size:.96rem;font-weight:700}.demo-tax-label{text-align:center;font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}@keyframes demo-tax-in{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.demo-tax-row{animation:none;opacity:1;transform:none}}.demo-coupon{display:flex;flex-direction:column;gap:8px;align-items:center}.demo-coupon-row{display:flex;gap:6px}.demo-coupon-input{width:130px;padding:8px 12px;border:1px solid var(--hairline-strong);background:var(--surface);letter-spacing:.06em;color:var(--text)}.demo-coupon-btn,.demo-coupon-input{border-radius:8px;font:inherit;font-size:.82rem}.demo-coupon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 16px;border:1px solid var(--text);background:var(--text);color:var(--bg);font-weight:600;cursor:pointer;transition:all .22s var(--ease)}.demo-coupon-btn[data-applied=true]{background:#1f7a3a;border-color:#1f7a3a;color:#fff}.demo-coupon-out{font-size:.76rem;color:#1f7a3a;font-weight:600;opacity:0;transform:translateY(4px);transition:all .28s var(--ease)}.demo-coupon-out[data-on=true]{opacity:1;transform:translateY(0)}.demo-coupon-bit{position:absolute;left:50%;top:40%;width:6px;height:8px;border-radius:1px;pointer-events:none;transition:transform 1.1s var(--ease),opacity 1.1s var(--ease);opacity:.95;animation:demo-coupon-fall 1.1s var(--ease) forwards}@keyframes demo-coupon-fall{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.demo-coupon-bit{display:none}}.demo-prod{display:flex;align-items:center;justify-content:center}.demo-prod-card{width:200px;background:var(--surface);border:1px solid var(--hairline);border-radius:12px;overflow:hidden}.demo-prod-card:hover{transform:translateY(-3px);box-shadow:0 22px 40px -22px rgba(14,12,11,.28)}.demo-prod-img{position:relative;aspect-ratio:4/3;background:radial-gradient(circle at 30% 30%,#ffb88c,transparent 60%),radial-gradient(circle at 80% 70%,#d8471e,transparent 70%),linear-gradient(135deg,#6b3a2c,#2a1a14);display:grid;place-items:center}.demo-prod-shape{width:60%;height:60%;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.demo-prod-quick{position:absolute;left:8px;right:8px;bottom:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg);color:var(--text);border:1px solid var(--hairline-strong);border-radius:999px;padding:6px 0;font:inherit;font-size:.72rem;font-weight:600;cursor:pointer;opacity:0;transform:translateY(6px);transition:opacity .28s var(--ease),transform .28s var(--ease),background .22s var(--ease),color .22s var(--ease)}.demo-prod-card:hover .demo-prod-quick{opacity:1;transform:translateY(0)}.demo-prod-quick:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.demo-prod-meta{display:flex;justify-content:space-between;align-items:center;padding:10px 12px}.demo-prod-name{font-size:.82rem;font-weight:600;letter-spacing:-.005em}.demo-prod-price{font-size:.82rem;color:var(--muted)}.demo-swatch{display:flex;flex-direction:column;gap:14px;align-items:center}.demo-swatch-cap{font-size:.84rem;letter-spacing:-.005em}.demo-swatch-row{display:flex;gap:10px}.demo-swatch-dot{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;border:2px solid var(--bg);box-shadow:0 0 0 1px var(--hairline-strong);cursor:pointer;transition:transform .22s var(--ease),box-shadow .22s var(--ease)}.demo-swatch-dot:hover{transform:scale(1.08)}.demo-swatch-dot[data-on=true]{box-shadow:0 0 0 2px var(--text);transform:scale(1.08)}.demo-size{display:flex;flex-direction:column;gap:10px;align-items:center}.demo-size-cap{font-size:.84rem}.demo-size-row{display:flex;gap:6px}.demo-size-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:36px;height:32px;padding:0 10px;border-radius:999px;border:1px solid var(--hairline-strong);background:var(--bg);color:var(--text);font:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .22s var(--ease)}.demo-size-pill:hover:not([data-out]){border-color:var(--text)}.demo-size-pill[data-on=true]{background:var(--accent);border-color:var(--accent);color:#fff}.demo-size-pill[data-out=true]{text-decoration:line-through;opacity:.4;cursor:not-allowed}.demo-size-foot{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}.demo-drop{flex-direction:column;gap:10px}.demo-drop,.demo-drop-stack{display:flex;align-items:center}.demo-drop-stack{position:relative;height:56px;gap:12px}.demo-drop-old{font-size:1.6rem;font-weight:700;color:var(--muted-2);text-decoration:line-through;transition:opacity .32s var(--ease),transform .32s var(--ease);opacity:0;transform:translateX(-10px)}.demo-drop-old[data-on=true]{opacity:1;transform:translateX(0)}.demo-drop-new{position:absolute;left:0;display:inline-flex;align-items:center;gap:8px;font-size:2rem;font-weight:800;color:var(--accent);opacity:0;transform:translateX(20px);transition:opacity .32s var(--ease),transform .32s var(--ease)}.demo-drop-new[data-on=true]{opacity:1;transform:translateX(0)}.demo-drop-badge{font-style:normal;font-size:.74rem;font-weight:700;background:var(--accent);color:#fff;padding:3px 8px;border-radius:999px}.demo-drop-label{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}.demo-salebadge{display:flex;flex-direction:column;align-items:center;gap:14px}.demo-salebadge-disc{width:130px;height:130px;border-radius:50%;background:var(--accent);display:grid;place-items:center;box-shadow:0 22px 36px -22px rgba(216,71,30,.7)}.demo-salebadge-ring{position:absolute;inset:0;width:100%;height:100%;animation:demo-salebadge-spin 12s linear infinite}.demo-salebadge-core{font-size:1.6rem;font-weight:800;color:#fff;transform:rotate(-12deg)}.demo-salebadge-label{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}@keyframes demo-salebadge-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.demo-salebadge-ring{animation:none}}.demo-stock{display:flex;flex-direction:column;gap:10px;align-items:center}.demo-stock-head{font-size:.92rem}.demo-stock-head b{color:var(--accent)}.demo-stock-row{display:flex;gap:6px}.demo-stock-dot{width:10px;height:10px;border-radius:50%;background:rgba(216,71,30,.15);transition:all .28s var(--ease)}.demo-stock-dot[data-on]{background:var(--accent)}.demo-stock-foot{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}.demo-wish{display:flex;flex-direction:column;align-items:center;gap:8px}.demo-wish-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:64px;height:64px;border-radius:50%;border:0;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:color .22s var(--ease),transform .22s var(--ease)}.demo-wish-btn:hover{transform:scale(1.06)}.demo-wish-path{transition:fill .28s var(--ease);fill:transparent}.demo-wish-btn[data-on=true]{color:var(--accent)}.demo-wish-btn[data-on=true] .demo-wish-path{fill:var(--accent);animation:demo-wish-pop .42s var(--ease)}.demo-wish-burst{position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--accent);opacity:0;pointer-events:none}.demo-wish-btn[data-on=true] .demo-wish-burst{animation:demo-wish-burst .6s var(--ease)}.demo-wish-tag{font-size:.72rem;font-weight:600;color:var(--accent);opacity:0;transform:translateY(6px);transition:opacity .32s var(--ease),transform .32s var(--ease)}.demo-wish-tag[data-on=true]{opacity:1;transform:translateY(0)}@keyframes demo-wish-pop{0%{transform:scale(.7)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes demo-wish-burst{0%{opacity:.7;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){.demo-wish-btn[data-on=true] .demo-wish-burst,.demo-wish-btn[data-on=true] .demo-wish-path{animation:none}}.demo-rfilt{display:flex;flex-direction:column;align-items:center;gap:10px}.demo-rfilt-row{display:flex;gap:4px}.demo-rfilt-star{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;font-size:1.6rem;line-height:1;color:rgba(0,0,0,.18);cursor:pointer;padding:0;transition:color .18s var(--ease),transform .18s var(--ease)}.demo-rfilt-star:hover{transform:scale(1.1)}.demo-rfilt-star[data-on]{color:var(--accent)}.demo-rfilt-cap{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;color:var(--muted)}.demo-trust{display:flex;flex-direction:column;gap:10px;width:240px}.demo-trust-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--surface);border:1px solid var(--hairline);border-radius:10px}.demo-trust-icon{width:30px;height:30px;border-radius:50%;background:rgba(216,71,30,.1);color:var(--accent);display:grid;place-items:center;flex:0 0 auto}.demo-trust-row span:last-child{display:flex;flex-direction:column;line-height:1.15}.demo-trust-row b{font-size:.78rem}.demo-trust-row i{font-size:.64rem;font-style:normal;color:var(--muted)}.demo-rev{width:260px;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.demo-rev-stars{color:var(--accent);letter-spacing:.14em;font-size:.92rem}.demo-rev-quote{font-size:.86rem;font-style:italic;line-height:1.4;margin:0;animation:demo-rev-in .36s var(--ease) both}.demo-rev-who{font-size:.72rem;color:var(--muted)}.demo-rev-dots{display:flex;gap:4px;margin-top:2px}.demo-rev-dots span{width:5px;height:5px;border-radius:50%;background:rgba(0,0,0,.18);transition:background .22s var(--ease)}.demo-rev-dots span[data-on]{background:var(--accent)}@keyframes demo-rev-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.demo-rev-quote{animation:none}}.demo-live{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;background:var(--surface);border:1px solid var(--hairline-strong);border-radius:999px;font-size:.86rem}.demo-live-dot{width:9px;height:9px;border-radius:50%;background:#1f7a3a}.demo-live-dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid #1f7a3a;animation:demo-live-pulse 1.6s var(--ease) infinite}@keyframes demo-live-pulse{0%{transform:scale(.6);opacity:.7}to{transform:scale(1.8);opacity:0}}@media (prefers-reduced-motion:reduce){.demo-live-dot:after{animation:none}}.demo-pt-wrap{position:relative;width:280px;height:200px;border-radius:14px;background:var(--surface);border:1px solid var(--hairline);overflow:hidden}.demo-pt{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 12px;background:var(--bg);border:1px solid var(--hairline-strong);border-radius:12px;box-shadow:0 18px 32px -22px rgba(0,0,0,.4);transform:translateX(-110%);transition:transform .38s var(--ease),opacity .28s var(--ease);max-width:240px}.demo-pt[data-show=true]{transform:translateX(0)}.demo-pt-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#f4a283);color:#fff;font-weight:700;font-size:.84rem;display:grid;place-items:center;flex:0 0 auto}.demo-pt-text{display:flex;flex-direction:column;line-height:1.2;font-size:.74rem}.demo-pt-text b{font-weight:700}.demo-pt-text i{font-style:normal;color:var(--muted);font-size:.66rem}.demo-inv{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;background:var(--surface);border:1px solid var(--hairline-strong);border-radius:999px;font-size:.86rem}.demo-inv-pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:demo-inv-pulse 1.4s var(--ease) infinite}.demo-inv-num{display:inline-block;animation:demo-inv-num .36s var(--ease) both;color:var(--accent)}@keyframes demo-inv-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}@keyframes demo-inv-num{0%{transform:translateY(60%);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion:reduce){.demo-inv-num,.demo-inv-pulse{animation:none}}.demo-barcode{display:flex;flex-direction:column;align-items:center;gap:10px}.demo-barcode-frame{position:relative;width:240px;height:110px;background:#0e0c0b;border-radius:8px;overflow:hidden;padding:14px 16px;box-shadow:inset 0 0 30px rgba(0,0,0,.5)}.demo-barcode-bars{display:flex;gap:2px;height:100%;align-items:stretch}.demo-barcode-bar{background:hsla(0,0%,100%,.92);border-radius:1px;flex:0 0 auto;transition:background .22s var(--ease),filter .22s var(--ease)}.demo-barcode-laser{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff3a1a 20%,#ffb1a0 50%,#ff3a1a 80%,transparent);box-shadow:0 0 14px 3px rgba(255,58,26,.65);filter:blur(.4px);top:0;animation:demo-barcode-sweep 2.4s ease-in-out infinite;pointer-events:none}.demo-barcode-flash{position:absolute;bottom:6px;right:8px;font-family:ui-monospace,monospace;font-size:.62rem;letter-spacing:.12em;color:rgba(255,220,200,.95);background:rgba(255,58,26,.18);padding:2px 6px;border-radius:3px;opacity:0;transition:opacity .2s var(--ease)}.demo-barcode-flash[data-on=true]{opacity:1}.demo-barcode-cap{font-family:ui-monospace,monospace;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}@keyframes demo-barcode-sweep{0%{top:0;opacity:.4}20%{opacity:1}50%{top:calc(100% - 2px);opacity:1}80%{opacity:1}to{top:0;opacity:.4}}@media (prefers-reduced-motion:reduce){.demo-barcode-laser{animation:none;top:50%}}.demo-tier{align-items:center;gap:10px;width:280px}.demo-tier,.demo-tier-card{display:flex;flex-direction:column}.demo-tier-card{width:100%;background:var(--surface);border:1px solid var(--hairline);border-radius:12px;padding:12px 14px 18px;gap:14px;box-shadow:0 8px 24px -22px rgba(216,71,30,.4)}.demo-tier-head{display:flex;justify-content:space-between;align-items:baseline;font-size:.78rem}.demo-tier-name{font-weight:700;letter-spacing:-.005em}.demo-tier-pts{color:var(--accent);font-weight:700;display:inline-flex;align-items:baseline;gap:2px}.demo-tier-pts i{font-style:normal;font-size:.66rem;color:var(--muted);margin-left:3px}.demo-tier-ladder{position:relative;width:100%;height:22px;margin-top:6px}.demo-tier-track{right:0;background:var(--hairline-strong)}.demo-tier-fill,.demo-tier-track{position:absolute;left:0;top:50%;height:3px;transform:translateY(-50%);border-radius:2px}.demo-tier-fill{background:linear-gradient(90deg,#cd7f32,silver,var(--accent));transition:width .8s var(--ease)}.demo-tier-node{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:var(--bg);border:2px solid var(--hairline-strong);transform:translate(-50%,-50%);transition:background .32s var(--ease),border-color .32s var(--ease)}.demo-tier-node[data-on]{background:var(--accent);border-color:var(--accent)}.demo-tier-node i{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);font-style:normal;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.demo-tier-badge{position:absolute;top:50%;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.74rem;transform:translate(-50%,-50%);box-shadow:0 0 0 4px rgba(216,71,30,.18);transition:left .8s var(--ease);animation:demo-tier-bob 2.4s var(--ease) infinite}.demo-tier-cap{font-size:.74rem;color:var(--muted)}@keyframes demo-tier-bob{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 2px))}}@media (prefers-reduced-motion:reduce){.demo-tier-badge{animation:none}}.demo-cal{width:240px;background:var(--surface);border:1px solid var(--hairline);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.demo-cal-head{display:flex;justify-content:space-between;align-items:center;font-size:.84rem;font-weight:600}.demo-cal-arrows{color:var(--muted)}.demo-cal-week{font-family:var(--mono);font-size:.62rem;color:var(--muted-2);letter-spacing:.08em;text-align:center}.demo-cal-grid,.demo-cal-week{display:grid;grid-template-columns:repeat(7,1fr)}.demo-cal-grid{grid-gap:2px;gap:2px}.demo-cal-day{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;padding:4px 0;background:transparent;border:1px solid transparent;border-radius:6px;font:inherit;font-size:.7rem;color:var(--muted-2);cursor:not-allowed;transition:all .22s var(--ease)}.demo-cal-day[data-ok]{color:var(--text);cursor:pointer}.demo-cal-day[data-ok]:hover{background:rgba(216,71,30,.08)}.demo-cal-day[data-on]{background:var(--accent);color:#fff}.demo-cal-day[data-on] .demo-cal-dot{background:#fff}.demo-cal-dot{position:absolute;left:50%;bottom:2px;transform:translateX(-50%);width:3px;height:3px;border-radius:50%;background:var(--accent)}.demo-slots{display:flex;flex-direction:column;gap:10px;align-items:center;width:280px}.demo-slots-head{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}.demo-slots-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.demo-slots-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:7px 14px;border-radius:999px;border:1px solid var(--hairline-strong);background:var(--bg);font:inherit;font-size:.78rem;font-weight:600;color:var(--text);cursor:pointer;transition:all .22s var(--ease)}.demo-slots-pill:hover:not([data-taken]){border-color:var(--text)}.demo-slots-pill[data-on=true]{background:var(--accent);border-color:var(--accent);color:#fff}.demo-slots-pill[data-taken=true]{text-decoration:line-through;opacity:.4;cursor:not-allowed}.demo-hours{display:inline-flex;align-items:center;gap:14px;padding:14px 24px;background:var(--surface);border:1px solid var(--hairline-strong);border-radius:14px}.demo-hours-dot{width:12px;height:12px;border-radius:50%;background:#1f7a3a;position:relative}.demo-hours-dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #1f7a3a;animation:demo-hours-pulse 1.8s var(--ease) infinite}.demo-hours-stack{display:flex;flex-direction:column;line-height:1.2}.demo-hours-stack b{font-size:1.4rem;letter-spacing:-.01em}.demo-hours-stack i{font-style:normal;font-size:.74rem;color:var(--muted)}@keyframes demo-hours-pulse{0%{transform:scale(.5);opacity:.7}to{transform:scale(2);opacity:0}}@media (prefers-reduced-motion:reduce){.demo-hours-dot:after{animation:none}}.demo-loc{display:flex;flex-direction:column;gap:12px;align-items:center}.demo-loc-map{width:240px;height:120px;border-radius:10px;border:1px solid var(--hairline);background:linear-gradient(90deg,rgba(14,12,11,.06) 1px,transparent 0) 0 0 /24px 24px,linear-gradient(180deg,rgba(14,12,11,.06) 1px,transparent 0) 0 0 /24px 24px,linear-gradient(135deg,#f0ebe2,#e8e1d3)}.demo-loc-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:grid;place-items:center}.demo-loc-pin-pulse{position:absolute;inset:0;border-radius:50%;background:rgba(216,71,30,.3);animation:demo-loc-pulse 1.8s var(--ease) infinite}.demo-loc-pin-core{position:relative;width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.3)}.demo-loc-meta{display:flex;flex-direction:column;align-items:center;line-height:1.3}.demo-loc-meta b{font-size:.86rem}.demo-loc-meta i{font-style:normal;font-size:.74rem;color:var(--muted)}@keyframes demo-loc-pulse{0%{transform:scale(.5);opacity:.6}to{transform:scale(1.6);opacity:0}}@media (prefers-reduced-motion:reduce){.demo-loc-pin-pulse{animation:none}}.demo-reserv{display:flex;flex-direction:column;gap:12px;align-items:center}.demo-reserv-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:240px}.demo-reserv-tab{width:32px;height:32px;border-radius:8px;border:1px solid var(--hairline);display:grid;place-items:center;color:var(--muted-2);background:var(--surface)}.demo-reserv-tab[data-on]{color:var(--accent);border-color:var(--accent);background:rgba(216,71,30,.08)}.demo-reserv-cap{font-size:.86rem;color:var(--muted)}.demo-reserv-cap b{color:var(--text)}.demo-menu{width:240px;background:var(--surface);border:1px solid var(--hairline);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.demo-menu-head{font-family:ui-serif,Georgia,serif;font-size:.96rem;font-style:italic;text-align:center;border-bottom:1px dashed var(--hairline-strong);padding-bottom:6px}.demo-menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.demo-menu-row{display:flex;align-items:baseline;font-size:.82rem}.demo-menu-name{white-space:nowrap}.demo-menu-leader{flex:1 1;border-bottom:1px dotted var(--muted-2);margin:0 6px;position:relative;bottom:4px}.demo-menu-price{font-weight:600;white-space:nowrap}.demo-radius{position:relative;width:240px;height:200px;display:grid;place-items:center}.demo-radius-ring{position:absolute;border-radius:50%;border:1px solid rgba(216,71,30,.4);animation:demo-radius-pulse 3.4s var(--ease) infinite}.demo-radius-ring.r1{width:60px;height:60px;animation-delay:0s}.demo-radius-ring.r2{width:110px;height:110px;animation-delay:.5s;opacity:.6}.demo-radius-ring.r3{width:170px;height:170px;animation-delay:1s;opacity:.3}.demo-radius-pin{position:relative;z-index:2;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:0 6px 14px -4px rgba(216,71,30,.6)}.demo-radius-cap{position:absolute;bottom:6px;font-size:.84rem;color:var(--muted)}.demo-radius-cap b{color:var(--text)}@keyframes demo-radius-pulse{0%{transform:scale(.85);opacity:.7}to{transform:scale(1.2);opacity:0}}@media (prefers-reduced-motion:reduce){.demo-radius-ring{animation:none}}.demo-news-wrap{width:280px;height:200px;display:grid;place-items:center;background:repeating-linear-gradient(45deg,rgba(0,0,0,.025) 0 10px,transparent 10px 20px);border-radius:12px;border:1px solid var(--hairline)}.demo-news{width:230px;padding:14px 16px;background:var(--bg);border:1px solid var(--hairline-strong);border-radius:10px;box-shadow:0 22px 36px -22px rgba(0,0,0,.32);display:flex;flex-direction:column;gap:8px;transition:transform .32s var(--ease),opacity .28s var(--ease)}.demo-news[data-state=rest]{opacity:0;transform:scale(.96) translateY(8px);pointer-events:none}.demo-news-eyebrow{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.demo-news-head{font-size:.92rem;margin:0;line-height:1.3}.demo-news-row{display:flex;gap:6px}.demo-news-input{flex:1 1;padding:7px 10px;border:1px solid var(--hairline-strong);background:var(--surface);color:var(--text)}.demo-news-btn,.demo-news-input{border-radius:6px;font:inherit;font-size:.74rem}.demo-news-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:7px 12px;border:0;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.demo-news-thanks{display:flex;align-items:center;gap:10px;font-size:.86rem;padding:6px 0}.demo-news-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#1f7a3a;color:#fff;font-size:.78rem;animation:demo-news-pop .36s var(--ease) both}@keyframes demo-news-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){.demo-news,.demo-news-check{animation:none;transition:none}}.demo-curr{display:flex;flex-direction:column;gap:10px;align-items:center}.demo-curr-row{display:inline-flex;background:var(--surface);border:1px solid var(--hairline-strong);border-radius:999px;padding:3px}.demo-curr-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:6px 14px;border-radius:999px;border:0;background:transparent;font:inherit;font-size:.78rem;font-weight:600;color:var(--muted);cursor:pointer;transition:all .22s var(--ease)}.demo-curr-tab[data-on=true]{background:var(--text);color:var(--bg)}.demo-curr-out{display:inline-flex;align-items:baseline;gap:2px;font-weight:800;font-size:2rem;animation:demo-curr-flip .32s var(--ease) both}.demo-curr-sym{color:var(--accent)}.demo-curr-cap{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}@keyframes demo-curr-flip{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.demo-curr-out{animation:none}}.demo-sub{display:flex;flex-direction:column;gap:14px;align-items:center;width:100%}.demo-sub-toggle{display:flex;width:min(220px,84%);background:var(--surface);border:1px solid var(--hairline-strong);padding:3px;isolation:isolate}.demo-sub-opt,.demo-sub-toggle{position:relative;border-radius:999px}.demo-sub-opt{z-index:1;flex:1 1 50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:7px 10px;border:0;background:transparent;font:inherit;font-size:.78rem;font-weight:600;color:var(--muted);cursor:pointer;transition:color .22s var(--ease);text-align:center;white-space:nowrap;min-width:0}.demo-sub-opt[data-on=true]{color:var(--bg)}.demo-sub-pill{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:var(--text);transition:transform .36s var(--ease);z-index:0;pointer-events:none}.demo-sub-pill[data-y=true]{transform:translateX(100%)}.demo-sub-save{position:absolute;top:-10px;right:-8px;z-index:2;font-size:.58rem;font-weight:700;background:var(--accent);color:#fff;padding:2px 7px;border-radius:999px;letter-spacing:.04em;white-space:nowrap;box-shadow:0 4px 10px -6px rgba(216,71,30,.6);pointer-events:none}.demo-sub-out{display:flex;align-items:baseline;justify-content:center;gap:4px;min-height:36px}.demo-sub-num{font-size:2rem;font-weight:800;display:inline-block;animation:demo-sub-flip .28s var(--ease) both}.demo-sub-out small{color:var(--muted);font-size:.74rem}@keyframes demo-sub-flip{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.demo-sub-num{animation:none}}.demo-ref{display:flex;flex-direction:column;gap:8px;align-items:center}.demo-ref-cap{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}.demo-ref-row{display:flex;align-items:stretch;gap:0;border:1px solid var(--hairline-strong);border-radius:8px;overflow:hidden;background:var(--surface)}.demo-ref-link{padding:9px 14px;font-family:var(--mono);font-size:.78rem;color:var(--text)}.demo-ref-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:9px 16px;border:0;border-left:1px solid var(--hairline-strong);background:var(--text);color:var(--bg);font:inherit;font-size:.78rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .22s var(--ease)}.demo-ref-btn[data-on=true]{background:#1f7a3a}.demo-ref-check{stroke-dasharray:24;stroke-dashoffset:24;animation:demo-ref-check .38s var(--ease) forwards}@keyframes demo-ref-check{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.demo-ref-check{animation:none;stroke-dashoffset:0}}.demo-aff{display:flex;flex-direction:column;gap:4px;align-items:center}.demo-aff-cap{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}.demo-aff-num{font-size:2.4rem;font-weight:800;letter-spacing:-.02em;font-feature-settings:"tnum"}.demo-aff-trend{font-size:.78rem;color:#1f7a3a;font-weight:600}.demo-flash{display:flex;flex-direction:column;gap:10px;align-items:center}.demo-flash-clock{position:relative;width:96px;height:96px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline-strong),0 8px 22px -16px rgba(216,71,30,.6)}.demo-flash-ring{position:absolute;inset:4px;border-radius:50%;border:1px solid rgba(216,71,30,.32);pointer-events:none}.demo-flash-tick{position:absolute;left:50%;top:6%;width:1.5px;height:5px;background:var(--muted);transform-origin:50% 42px}.demo-flash-hand{width:1.6px;height:36px;border-radius:2px;transition:transform 1s linear;box-shadow:0 0 6px rgba(216,71,30,.7)}.demo-flash-center,.demo-flash-hand{position:absolute;left:50%;top:50%;background:var(--accent)}.demo-flash-center{width:6px;height:6px;border-radius:50%;transform:translate(-50%,-50%);z-index:2}.demo-flash-badge{position:absolute;top:-10px;right:-16px;background:var(--accent);color:#fff;font-weight:800;font-size:.78rem;padding:4px 8px;border-radius:999px;transform:rotate(-12deg);transition:transform .22s var(--ease),box-shadow .22s var(--ease);box-shadow:0 4px 12px -4px rgba(216,71,30,.5)}.demo-flash-badge[data-tick=true]{transform:rotate(-12deg) scale(1.08);box-shadow:0 0 0 4px rgba(216,71,30,.18),0 4px 12px -4px rgba(216,71,30,.5)}.demo-flash-cap{font-family:ui-monospace,monospace;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}@media (prefers-reduced-motion:reduce){.demo-flash-badge,.demo-flash-hand{transition:none}}.demo-gift{gap:14px;align-items:center}.demo-gift,.demo-gift-card{display:flex;flex-direction:column}.demo-gift-card{position:relative;width:220px;height:130px;border-radius:14px;background:linear-gradient(135deg,#d8471e,#6b1b08);color:#fff;padding:16px 18px;justify-content:space-between;overflow:hidden;box-shadow:0 22px 40px -22px rgba(216,71,30,.55)}.demo-gift-shimmer{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,hsla(0,0%,100%,.35) 50%,transparent 70%);animation:demo-gift-shimmer 3.2s var(--ease) infinite}.demo-gift-bow{position:absolute;left:50%;top:0;transform:translateX(-50%);width:30px;height:100%;background:linear-gradient(180deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,.1))}.demo-gift-bow i{position:absolute;left:50%;top:16px;width:22px;height:14px;border-radius:50%;background:hsla(0,0%,100%,.35);border:1px solid hsla(0,0%,100%,.5)}.demo-gift-bow i:first-child{transform:translateX(-90%) rotate(-18deg)}.demo-gift-bow i:last-child{transform:translateX(-10%) rotate(18deg)}.demo-gift-amt{position:relative;font-size:2rem;font-weight:800;letter-spacing:-.02em}.demo-gift-from{position:relative;opacity:.78}.demo-gift-cap,.demo-gift-from{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase}.demo-gift-cap{color:var(--muted-2)}@keyframes demo-gift-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.demo-gift-shimmer{animation:none;opacity:0}}.demo-aban-wrap{position:relative;width:280px;height:200px;border-radius:14px;background:var(--surface);border:1px solid var(--hairline);overflow:hidden}.demo-aban{position:absolute;right:12px;top:12px;display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg);border:1px solid var(--hairline-strong);border-radius:12px;box-shadow:0 18px 32px -22px rgba(0,0,0,.4);transform:translateX(110%);opacity:0;transition:transform .38s var(--ease),opacity .28s var(--ease);max-width:240px}.demo-aban[data-show=true]{transform:translateX(0);opacity:1}.demo-aban-wave{font-size:1.1rem}.demo-aban-text{display:flex;flex-direction:column;line-height:1.2;font-size:.74rem}.demo-aban-text b{font-weight:700}.demo-aban-text i{font-style:normal;color:var(--muted);font-size:.66rem}.demo-aban-link{font-size:.74rem;font-weight:600;color:var(--accent);white-space:nowrap}.demo-quote{width:240px;gap:10px}.demo-quote,.demo-quote-row{display:flex;flex-direction:column}.demo-quote-row{gap:4px}.demo-quote-row label{font-size:.74rem;color:var(--muted);display:flex;justify-content:space-between}.demo-quote-row label b{color:var(--text)}.demo-quote-row input[type=range]{width:100%;accent-color:var(--accent)}.demo-quote-out{display:flex;align-items:baseline;justify-content:space-between;padding-top:8px;border-top:1px solid var(--hairline)}.demo-quote-cap{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}.demo-quote-num{font-size:1.6rem;font-weight:800;color:var(--accent);font-feature-settings:"tnum";animation:demo-quote-flip .28s var(--ease) both}@keyframes demo-quote-flip{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.demo-quote-num{animation:none}}.demo-tip{display:flex;flex-direction:column;gap:12px;align-items:center}.demo-tip-row{display:flex;gap:6px}.demo-tip-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 14px;border-radius:8px;border:1px solid var(--hairline-strong);background:var(--surface);font:inherit;font-size:.82rem;font-weight:600;color:var(--text);cursor:pointer;transition:all .22s var(--ease)}.demo-tip-btn:hover{border-color:var(--text)}.demo-tip-btn[data-on=true]{background:var(--accent);border-color:var(--accent);color:#fff}.demo-tip-out{font-size:.92rem}.demo-tip-out b{color:var(--accent);font-weight:800}.demo-inv-prev{width:240px;background:#fff;border:1px solid var(--hairline-strong);border-radius:8px;padding:14px 16px;box-shadow:0 18px 32px -22px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:8px;font-size:.74rem;color:#0e0c0b}.demo-inv-prev-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:6px;border-bottom:1px solid var(--hairline)}.demo-inv-prev-logo{width:14px;height:14px;border-radius:50%;background:var(--accent)}.demo-inv-prev-id{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;color:var(--muted)}.demo-inv-prev-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.demo-inv-prev-foot,.demo-inv-prev-list li{display:flex;justify-content:space-between}.demo-inv-prev-foot{font-size:.72rem;color:var(--muted)}.demo-inv-prev-foot.total{border-top:1px solid var(--hairline-strong);padding-top:6px;margin-top:4px;color:var(--text);font-weight:700;font-size:.86rem;letter-spacing:.04em}.demo-order{width:280px;display:flex;flex-direction:column;gap:12px}.demo-order-track{position:relative;height:28px;margin:0 14px}.demo-order-line{right:0;background:rgba(0,0,0,.1)}.demo-order-fill,.demo-order-line{position:absolute;left:0;top:13px;height:2px}.demo-order-fill{background:var(--accent);transition:width .8s var(--ease)}.demo-order-truck{position:absolute;top:50%;transform:translate(-50%,-50%);background:var(--bg);border:1px solid var(--accent);color:var(--accent);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;z-index:2}.demo-order-node{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid rgba(0,0,0,.18);z-index:1;transition:all .28s var(--ease)}.demo-order-node[data-state=active],.demo-order-node[data-state=done]{background:var(--accent);border-color:var(--accent)}.demo-order-labels{list-style:none;padding:0;margin:0;display:flex;justify-content:space-between;font-size:.66rem;color:var(--muted)}.demo-order-labels li[data-on]{color:var(--text);font-weight:600}.demo-eta{display:inline-flex;align-items:center;gap:18px}.demo-eta-clock{position:relative;width:70px;height:70px;border-radius:50%;border:2px solid var(--text);background:var(--surface)}.demo-eta-tick{position:absolute;background:var(--text)}.demo-eta-tick.t12{top:4px}.demo-eta-tick.t12,.demo-eta-tick.t6{left:50%;width:1.5px;height:6px;transform:translateX(-50%)}.demo-eta-tick.t6{bottom:4px}.demo-eta-tick.t3{right:4px}.demo-eta-tick.t3,.demo-eta-tick.t9{top:50%;width:6px;height:1.5px;transform:translateY(-50%)}.demo-eta-tick.t9{left:4px}.demo-eta-hand{position:absolute;left:50%;top:50%;background:var(--text);transform-origin:50% 100%}.demo-eta-hand.h{width:2px;height:18px;margin-left:-1px;margin-top:-18px;transform:rotate(110deg);animation:demo-eta-hour 60s linear infinite}.demo-eta-hand.m{width:1.5px;height:24px;margin-left:-.75px;margin-top:-24px;background:var(--accent);animation:demo-eta-min 12s linear infinite}.demo-eta-pivot{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%)}.demo-eta-meta{display:flex;flex-direction:column;gap:2px}.demo-eta-cap{font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}.demo-eta-meta b{font-size:1rem}.demo-eta-badge{align-self:flex-start;font-size:.66rem;font-weight:700;padding:2px 8px;border-radius:999px;background:rgba(31,122,58,.12);color:#1f7a3a;margin-top:4px}@keyframes demo-eta-hour{0%{transform:rotate(110deg)}to{transform:rotate(470deg)}}@keyframes demo-eta-min{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.demo-eta-hand.h,.demo-eta-hand.m{animation:none}}.demo-svc{width:240px;display:flex;flex-direction:column;gap:8px}.demo-svc-cap{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}.demo-svc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.demo-svc-list label{display:flex;align-items:center;gap:8px;font-size:.78rem;cursor:pointer;padding:4px 0}.demo-svc-list input{position:absolute;opacity:0;pointer-events:none}.demo-svc-box{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--hairline-strong);background:var(--surface);flex-shrink:0;display:grid;place-items:center;transition:all .22s var(--ease)}.demo-svc-list label:has(input:checked) .demo-svc-box{background:var(--accent);border-color:var(--accent)}.demo-svc-box:after{content:"✓";color:#fff;font-size:.7rem;opacity:0;transition:opacity .22s var(--ease)}.demo-svc-list label:has(input:checked) .demo-svc-box:after{opacity:1}.demo-svc-list label i{margin-left:auto;font-style:normal;color:var(--muted);font-size:.74rem}.demo-svc-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:8px;border-top:1px solid var(--hairline);font-size:.86rem}.demo-svc-total b{font-size:1.4rem;color:var(--accent);font-weight:800;font-feature-settings:"tnum";animation:demo-svc-flip .28s var(--ease) both}@keyframes demo-svc-flip{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.demo-svc-total b{animation:none}}.demo-fit{display:flex;flex-direction:column;gap:10px;align-items:center}.demo-fit-tbl{border-collapse:collapse;font-size:.82rem;background:var(--surface);border:1px solid var(--hairline);border-radius:8px;overflow:hidden}.demo-fit-tbl td,.demo-fit-tbl th{padding:6px 18px;text-align:center}.demo-fit-tbl thead th{font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2);border-bottom:1px solid var(--hairline)}.demo-fit-tbl tbody tr{border-top:1px solid var(--hairline)}.demo-fit-tbl tbody tr[data-you]{background:rgba(216,71,30,.08);color:var(--accent);font-weight:600;position:relative}.demo-fit-tbl tbody tr[data-you] td:first-child:before{content:"↑";position:absolute;left:4px}.demo-fit-cap{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.lib-back-to-top{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:90;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;padding:10px 16px 10px 14px;background:var(--surface);border:1px solid var(--hairline-strong);border-radius:999px;color:var(--text);font:inherit;font-size:.86rem;font-weight:500;letter-spacing:-.005em;cursor:pointer;box-shadow:0 18px 36px -20px rgba(14,12,11,.32);opacity:0;transform:translateY(8px);pointer-events:none;transition:transform .32s var(--ease),opacity .28s var(--ease),border-color .22s var(--ease),color .22s var(--ease),box-shadow .32s var(--ease)}.lib-back-to-top[data-visible=true]{opacity:1;transform:translateY(0);pointer-events:auto}.lib-back-to-top:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:0 22px 44px -22px rgba(216,71,30,.4)}.lib-back-to-top:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.lib-back-to-top-arrow{display:inline-flex;transition:transform .28s var(--ease)}.lib-back-to-top:hover .lib-back-to-top-arrow{transform:translateY(-2px)}@media (max-width:640px){.lib-back-to-top{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));padding:9px 14px 9px 12px;font-size:.8rem}}body:has(.lib-selbar[data-open]) .lib-back-to-top{bottom:calc(96px + env(safe-area-inset-bottom));transition:bottom .32s var(--ease),transform .32s var(--ease),opacity .28s var(--ease),border-color .22s var(--ease),color .22s var(--ease),box-shadow .32s var(--ease)}@media (max-width:767px){body:has(.lib-selbar[data-open]) .lib-back-to-top{bottom:calc(132px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.lib-back-to-top{transition:opacity .2s linear}.lib-back-to-top:hover,.lib-back-to-top:hover .lib-back-to-top-arrow{transform:none}body:has(.lib-selbar[data-open]) .lib-back-to-top{transition:opacity .2s linear}}.odo-num{display:inline-flex;align-items:baseline;font-feature-settings:"tnum";white-space:nowrap}.odo-digit{display:inline-block;height:1em;overflow:hidden;vertical-align:baseline;line-height:1}.odo-digit-strip{display:inline-flex;flex-direction:column;transition:transform .52s var(--ease);will-change:transform}.odo-digit-cell{display:block;height:1em;line-height:1}.odo-sep{display:inline-block;line-height:1}@media (prefers-reduced-motion:reduce){.odo-digit-strip{transition:none}}.confetti-wrap{inset:0;display:block}.confetti-bit,.confetti-wrap{position:absolute;pointer-events:none}.confetti-bit{left:50%;top:50%;width:6px;height:6px;border-radius:1px;transform:translate(-50%,-50%);animation:confetti-fly .7s cubic-bezier(.22,1,.36,1) both}@keyframes confetti-fly{0%{transform:translate(-50%,-50%) scale(.6) rotate(0deg);opacity:0}20%{opacity:1}to{transform:translate(calc(-50% + var(--cx, 0px)),calc(-50% + var(--cy, 0px))) scale(.5) rotate(var(--cr,90deg));opacity:0}}@media (prefers-reduced-motion:reduce){.confetti-bit{animation:none;opacity:0}}.demo-atc-stage{position:relative;gap:12px;padding-right:36px}.demo-atc-corner-bag,.demo-atc-stage{display:inline-flex;align-items:center}.demo-atc-corner-bag{position:absolute;right:0;top:-6px;justify-content:center;color:var(--accent);transition:transform .24s var(--ease)}.demo-atc-corner-bag[data-bump=true]{animation:demo-atc-corner-bump .48s var(--ease)}.demo-atc-corner-ring{position:absolute;inset:-6px;border-radius:50%;border:1.5px solid rgba(216,71,30,.55);opacity:0}.demo-atc-corner-ring[data-bump=true]{animation:demo-atc-corner-ring .7s var(--ease) forwards}.demo-atc-particle{position:absolute;right:8px;top:0;font-size:.7rem;font-weight:800;color:var(--accent);pointer-events:none;animation:demo-atc-particle .72s var(--ease) forwards}@keyframes demo-atc-corner-bump{0%{transform:scale(1)}40%{transform:scale(1.18) translateY(-2px)}to{transform:scale(1)}}@keyframes demo-atc-corner-ring{0%{opacity:.85;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}@keyframes demo-atc-particle{0%{transform:translate(-90px,14px) scale(.8);opacity:0}20%{opacity:1}60%{opacity:1}to{transform:translateY(-14px) scale(1);opacity:0}}@media (prefers-reduced-motion:reduce){.demo-atc-corner-bag[data-bump=true],.demo-atc-corner-ring[data-bump=true],.demo-atc-particle{animation:none}}.demo-drawer{background:hsla(40,33%,95%,.78);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.demo-drawer-bg{background:radial-gradient(circle at 30% 30%,rgba(216,71,30,.1),transparent 60%),linear-gradient(180deg,rgba(0,0,0,.04),transparent 50%),repeating-linear-gradient(45deg,rgba(0,0,0,.02) 0 12px,transparent 12px 24px)}.demo-drawer-list li{animation:demo-drawer-slide .52s var(--ease) both}.demo-drawer-list li:first-child{animation-delay:80ms}.demo-drawer-list li:nth-child(2){animation-delay:.18s}@keyframes demo-drawer-slide{0%{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}@media (prefers-reduced-motion:reduce){.demo-drawer-list li{animation:none}}.demo-ship{position:relative}.demo-ship-line[data-on=true] b{color:var(--accent)}.demo-ship-bar{position:relative;overflow:hidden}.demo-ship-shimmer{position:absolute;top:0;bottom:0;left:-40%;width:40%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.55),transparent);animation:demo-ship-shimmer 2.4s var(--ease) infinite;pointer-events:none}.demo-ship-confetti{position:absolute;top:16px;width:1px;height:1px;pointer-events:none}@keyframes demo-ship-shimmer{0%{left:-40%}60%{left:110%}to{left:110%}}@media (prefers-reduced-motion:reduce){.demo-ship-shimmer{animation:none;opacity:0}}.demo-cstep-item[data-state=active] .demo-cstep-dot{box-shadow:0 0 0 0 rgba(216,71,30,.6);animation:demo-cstep-pulse 1.6s var(--ease) infinite}@keyframes demo-cstep-pulse{0%{box-shadow:0 0 0 0 rgba(216,71,30,.45)}70%{box-shadow:0 0 0 8px rgba(216,71,30,0)}to{box-shadow:0 0 0 0 rgba(216,71,30,0)}}@media (prefers-reduced-motion:reduce){.demo-cstep-item[data-state=active] .demo-cstep-dot{animation:none}}.demo-pay-tile{position:relative;overflow:hidden;transition:transform .28s var(--ease)}.demo-pay-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,hsla(0,0%,100%,.55) 50%,transparent 70%);transform:translateX(-100%);pointer-events:none}.demo-pay-tile:hover{transform:perspective(420px) rotateY(-4deg) rotateX(2deg)}.demo-pay-tile:hover:before{animation:demo-pay-shimmer .6s var(--ease) forwards}@keyframes demo-pay-shimmer{to{transform:translateX(100%)}}.demo-tax-row[data-total] b{position:relative;display:inline-flex;align-items:baseline;gap:2px}.demo-tax-underline{position:absolute;left:0;right:0;bottom:-3px;height:1.5px;background:var(--accent);transform-origin:left;animation:demo-tax-draw .7s var(--ease) .6s both}@keyframes demo-tax-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.demo-tax-underline{animation:none;transform:scaleX(1)}}.demo-coupon{position:relative}.demo-coupon-confetti{position:absolute;left:50%;bottom:-10px;width:1px;height:1px;pointer-events:none}.demo-coupon-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(216,71,30,.18)}.demo-prod-card{transition:transform .32s var(--ease),box-shadow .32s var(--ease);will-change:transform}.demo-prod-card:hover{transform:perspective(800px) rotateY(-6deg) rotateX(4deg) translateY(-3px);box-shadow:0 30px 50px -30px rgba(0,0,0,.45)}.demo-swatch-dot[data-on=true]{box-shadow:0 0 0 2px var(--bg),0 0 0 4px currentColor}.demo-salebadge-disc,.demo-size-row{position:relative}.demo-salebadge-disc:before{content:"";position:absolute;inset:-10px;background:conic-gradient(from 0deg,rgba(216,71,30,0) 0deg,rgba(216,71,30,.55) 30deg,rgba(216,71,30,0) 60deg,rgba(216,71,30,.55) 90deg,rgba(216,71,30,0) 120deg,rgba(216,71,30,.55) 150deg,rgba(216,71,30,0) 180deg,rgba(216,71,30,.55) 210deg,rgba(216,71,30,0) 240deg,rgba(216,71,30,.55) 270deg,rgba(216,71,30,0) 300deg,rgba(216,71,30,.55) 330deg,rgba(216,71,30,0) 1turn);border-radius:50%;filter:blur(2px);z-index:-1;animation:demo-salebadge-burst 8s linear infinite}@keyframes demo-salebadge-burst{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.demo-salebadge-disc:before{animation:none}}.demo-stock-dot[data-pulse]{animation:demo-stock-pulse 1.4s var(--ease) infinite}@keyframes demo-stock-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.7}}@media (prefers-reduced-motion:reduce){.demo-stock-dot[data-pulse]{animation:none}}.demo-wish-btn{position:relative}.demo-wish-confetti{position:absolute;left:50%;top:50%;width:1px;height:1px;pointer-events:none}.demo-wish-btn[data-on=true] .demo-wish-path{animation:demo-wish-overshoot .56s var(--ease)}@keyframes demo-wish-overshoot{0%{transform:scale(1)}40%{transform:scale(1.4)}70%{transform:scale(.95)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.demo-wish-btn[data-on=true] .demo-wish-path{animation:none}}.demo-rfilt-star{transition:color .2s var(--ease),transform .2s var(--ease)}.demo-rfilt-star[data-on]:first-child{transition-delay:0ms}.demo-rfilt-star[data-on]:nth-child(2){transition-delay:60ms}.demo-rfilt-star[data-on]:nth-child(3){transition-delay:.12s}.demo-rfilt-star[data-on]:nth-child(4){transition-delay:.18s}.demo-rfilt-star[data-on]:nth-child(5){transition-delay:.24s}.demo-live-dot{position:relative}.demo-live-sonar{position:absolute;left:50%;top:50%;width:100%;height:100%;border-radius:50%;border:1.4px solid #1f7a3a;transform:translate(-50%,-50%) scale(1);opacity:.7;animation:demo-live-sonar 1.8s var(--ease) infinite;pointer-events:none}@keyframes demo-live-sonar{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}to{transform:translate(-50%,-50%) scale(2.6);opacity:0}}@media (prefers-reduced-motion:reduce){.demo-live-sonar{animation:none;opacity:0}}.demo-hours-dot:after,.demo-hours-dot:before{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid #1f7a3a;pointer-events:none}.demo-hours-dot:after{animation:demo-hours-sonar 1.8s var(--ease) infinite}.demo-hours-dot:before{animation:demo-hours-sonar 1.8s var(--ease) .6s infinite}@keyframes demo-hours-sonar{0%{transform:scale(1);opacity:.7}to{transform:scale(2.4);opacity:0}}.demo-hours-stack b{text-shadow:0 0 14px rgba(31,122,58,.25)}.demo-loc-map{position:relative;overflow:hidden}.demo-loc-map:before{content:"";position:absolute;left:50%;top:50%;width:200%;height:200%;background:conic-gradient(from 0deg,rgba(216,71,30,0) 0deg,rgba(216,71,30,.18) 18deg,rgba(216,71,30,0) 36deg);transform:translate(-50%,-50%);animation:demo-loc-radar 5s linear infinite;pointer-events:none}@keyframes demo-loc-radar{to{transform:translate(-50%,-50%) rotate(1turn)}}@media (prefers-reduced-motion:reduce){.demo-loc-map:before{animation:none;opacity:0}}.demo-reserv-tab[data-on]{animation:demo-reserv-glow 2.4s var(--ease) infinite}.demo-reserv-tab[data-on]:first-child{animation-delay:0s}.demo-reserv-tab[data-on]:nth-child(2){animation-delay:.4s}.demo-reserv-tab[data-on]:nth-child(3){animation-delay:.8s}@keyframes demo-reserv-glow{0%,to{box-shadow:0 0 0 rgba(31,122,58,0)}50%{box-shadow:0 0 8px rgba(31,122,58,.4)}}@media (prefers-reduced-motion:reduce){.demo-reserv-tab[data-on]{animation:none}}.demo-menu-leader{background:radial-gradient(circle at 4px 50%,var(--muted-2) 1px,transparent 1.5px);background-size:6px 100%;background-repeat:repeat-x;background-position:-100% 0;animation:demo-menu-leader 1.4s var(--ease) forwards;animation-delay:.2s}.demo-menu-row:nth-child(2) .demo-menu-leader{animation-delay:.32s}.demo-menu-row:nth-child(3) .demo-menu-leader{animation-delay:.44s}@keyframes demo-menu-leader{to{background-position:0 0}}.demo-radius:before{content:"";position:absolute;left:50%;top:50%;width:220%;height:220%;background:conic-gradient(from 0deg,rgba(216,71,30,0) 0deg,rgba(216,71,30,.22) 22deg,rgba(216,71,30,0) 44deg);transform:translate(-50%,-50%);animation:demo-radius-radar 4s linear infinite;pointer-events:none}@keyframes demo-radius-radar{to{transform:translate(-50%,-50%) rotate(1turn)}}@media (prefers-reduced-motion:reduce){.demo-radius:before{animation:none;opacity:0}}.demo-news-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(216,71,30,.18)}.demo-sub-save[data-on=true]{animation:demo-sub-swing .6s var(--ease)}@keyframes demo-sub-swing{0%{transform:rotate(0deg)}40%{transform:rotate(-8deg) scale(1.05)}70%{transform:rotate(4deg)}to{transform:rotate(0deg)}}@media (prefers-reduced-motion:reduce){.demo-sub-save[data-on=true]{animation:none}}.demo-aff-spark{display:inline-flex;color:#1f7a3a;margin-top:2px;opacity:.85}.demo-gift-card:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,hsla(0,0%,100%,.18) 45%,rgba(255,210,180,.32) 50%,hsla(0,0%,100%,.18) 55%,transparent 70%);background-size:200% 100%;background-position:100% 0;animation:demo-gift-holo 3.2s var(--ease) infinite;pointer-events:none}@keyframes demo-gift-holo{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.demo-gift-card:after{animation:none;opacity:0}}.demo-aban-text b{position:relative;display:inline-block}.demo-aban-text b:after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease) .2s}.demo-aban[data-show=true] .demo-aban-text b:after{transform:scaleX(1)}.demo-aban-link{transition:transform .22s var(--ease)}.demo-aban-link:hover{transform:translateX(2px)}.demo-tip-btn[data-on=true]{box-shadow:0 0 0 3px rgba(216,71,30,.18),0 4px 12px -4px rgba(216,71,30,.4);transform:scale(1.04)}.demo-inv-prev{animation:demo-inv-fold .8s var(--ease) both;transform-origin:top}@keyframes demo-inv-fold{0%{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);transform:rotateX(-12deg);opacity:0}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:rotateX(0);opacity:1}}@media (prefers-reduced-motion:reduce){.demo-inv-prev{animation:none}}.demo-order-node[data-state=active]{animation:demo-order-pulse 1.6s var(--ease) infinite}@keyframes demo-order-pulse{0%,to{box-shadow:0 0 0 0 rgba(216,71,30,.55)}50%{box-shadow:0 0 0 8px rgba(216,71,30,0)}}.demo-order-truck{transition:left .8s var(--ease)}@media (prefers-reduced-motion:reduce){.demo-order-node[data-state=active]{animation:none}.demo-order-truck{transition:none}}.demo-eta-meta b{position:relative;display:inline-block}.demo-eta-underline{position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;animation:demo-eta-draw .6s var(--ease) .4s forwards}@keyframes demo-eta-draw{to{transform:scaleX(1)}}.demo-fit-tbl tbody tr{transition:background .32s var(--ease),transform .32s var(--ease)}.demo-fit-tbl tbody tr[data-you]{transform:translateY(0)}.demo-cal-day[data-on]{animation:demo-cal-pop .32s var(--ease)}@keyframes demo-cal-pop{0%{transform:scale(.8)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.demo-cal-day[data-on]{animation:none}}.demo-slots-pill[data-taken]{position:relative;overflow:hidden}.demo-slots-pill[data-taken]:after{content:"";position:absolute;left:6px;right:6px;top:50%;height:1px;background:var(--muted);transform:scaleX(0);transform-origin:left;animation:demo-slots-strike .5s var(--ease) forwards}@keyframes demo-slots-strike{to{transform:scaleX(1)}}.demo-rev-quote{animation:demo-rev-fade .5s var(--ease)}@keyframes demo-rev-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.demo-trust-icon svg path,.demo-trust-icon svg polyline,.demo-trust-icon svg rect{stroke-dasharray:60;stroke-dashoffset:60;animation:demo-trust-draw .9s var(--ease) forwards}.demo-trust-row:first-child .demo-trust-icon svg *{animation-delay:.2s}.demo-trust-row:nth-child(2) .demo-trust-icon svg *{animation-delay:.4s}.demo-trust-row:nth-child(3) .demo-trust-icon svg *{animation-delay:.6s}@keyframes demo-trust-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.demo-trust-icon svg *{animation:none;stroke-dashoffset:0}}.demo-pt{filter:blur(8px);opacity:0;transition:filter .32s var(--ease),opacity .28s var(--ease),transform .36s var(--ease)}.demo-pt[data-show=true]{filter:blur(0);opacity:1}.demo-pt-text b{position:relative;display:inline-block}.demo-pt-text b:after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease) .22s}.demo-pt[data-show=true] .demo-pt-text b:after{transform:scaleX(1)}.demo-news{transition:transform .54s var(--ease),background .28s var(--ease);transform-style:preserve-3d}.demo-news[data-state=submitted]{background:linear-gradient(135deg,rgba(216,71,30,.08),transparent 70%),var(--bg)}.lib-filter-tip{font-size:.78rem;color:var(--muted-2);letter-spacing:-.005em;flex-basis:100%;margin-top:4px}@media (min-width:768px){.lib-filter-tip{flex-basis:auto;margin-top:0;margin-left:12px}}.lib-card-code{position:absolute;bottom:10px;right:10px;z-index:4;font-family:var(--mono,ui-monospace,"SFMono-Regular",Menlo,monospace);font-size:.65rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--muted-2);background:color-mix(in srgb,var(--bg) 70%,transparent);border:1px solid var(--hairline-strong);border-radius:999px;padding:2px 8px;height:20px;min-width:28px;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.lib-card[data-tone=dark] .lib-card-code{color:hsla(0,0%,100%,.62);background:rgba(0,0,0,.32);border-color:hsla(0,0%,100%,.18)}.lib-card-check{position:absolute;top:8px;left:8px;z-index:4;width:32px;height:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;pointer-events:auto}.lib-card-check:before{content:"";position:absolute;inset:6px;border-radius:999px;background:color-mix(in srgb,var(--bg) 70%,transparent);border:1.5px solid var(--hairline-strong);transition:background-color .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.lib-card-check svg{position:relative;z-index:1;color:#fff;opacity:0;transform:scale(.6);transition:opacity .18s var(--ease),transform .22s var(--ease)}.lib-card-check:hover:before{border-color:var(--accent)}.lib-card-check[aria-checked=true]:before{background:var(--accent);border-color:var(--accent);box-shadow:0 6px 14px -8px rgba(216,71,30,.7)}.lib-card-check[aria-checked=true] svg{opacity:1;transform:scale(1)}.lib-card-check:focus-visible{outline:none}.lib-card-check:focus-visible:before{box-shadow:0 0 0 3px rgba(216,71,30,.32)}.lib-card[data-tone=dark] .lib-card-check:before{background:rgba(0,0,0,.32);border-color:hsla(0,0%,100%,.28)}.lib-card[data-tone=dark] .lib-card-check[aria-checked=true]:before{background:var(--accent);border-color:var(--accent)}.lib-card[data-selected]{box-shadow:0 0 0 1px var(--accent),0 24px 60px -32px rgba(216,71,30,.45)}.lib-card[data-selected],.lib-card[data-selected]:hover{border-color:var(--accent)}.lib-foot-code{font-family:var(--mono,ui-monospace,"SFMono-Regular",Menlo,monospace);font-size:.7rem;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted-2);letter-spacing:.02em;margin-right:2px}.lib-selbar{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:0 16px calc(16px + env(safe-area-inset-bottom, 0px));pointer-events:none;display:flex;justify-content:center;transform:translateY(120%);transition:transform .32s var(--ease)}.lib-selbar[data-open]{transform:translateY(0);pointer-events:auto}.lib-selbar-inner{width:100%;max-width:1080px;background:#0e0c0b;color:#fff;border:1px solid hsla(0,0%,100%,.08);border-radius:14px;padding:12px 16px;box-shadow:0 -10px 40px -16px rgba(14,12,11,.45)}.lib-selbar-inner,.lib-selbar-meta{display:flex;align-items:center;gap:12px}.lib-selbar-meta{flex:1 1 auto;min-width:0}.lib-selbar-count{font-size:.86rem;font-weight:600;letter-spacing:-.01em;white-space:nowrap}.lib-selbar-codes{font-family:var(--mono,ui-monospace,"SFMono-Regular",Menlo,monospace);font-size:.78rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:hsla(0,0%,100%,.66);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto}.lib-selbar-clear{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:hsla(0,0%,100%,.7);font:inherit;font-size:.78rem;cursor:pointer;padding:6px 8px;border-radius:8px;transition:color .18s var(--ease),background .18s var(--ease)}.lib-selbar-clear:hover{color:#fff;background:hsla(0,0%,100%,.06)}.lib-selbar-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.lib-selbar-copy{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:hsla(0,0%,100%,.85);border:1px solid hsla(0,0%,100%,.18);border-radius:999px;padding:9px 14px;font:inherit;font-size:.82rem;font-weight:500;cursor:pointer;min-height:40px;transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease)}.lib-selbar-copy:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.32);color:#fff}.lib-selbar-cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:999px;padding:10px 18px;font:inherit;font-size:.86rem;font-weight:600;text-decoration:none;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;transition:background .18s var(--ease),transform .2s var(--ease),box-shadow .24s var(--ease)}.lib-selbar-cta:hover{background:#c33d18;transform:translateY(-1px);box-shadow:0 12px 28px -14px rgba(216,71,30,.55)}@media (max-width:1023px){.lib-selbar-inner{max-width:none}}@media (max-width:767px){.lib-selbar{padding:0 0 env(safe-area-inset-bottom,0)}.lib-selbar-inner{border-radius:0;border-left:0;border-right:0;padding:12px 16px;flex-wrap:wrap;gap:8px}.lib-selbar-meta{flex:1 1 100%;gap:8px}.lib-selbar-codes{font-size:.74rem}.lib-selbar-actions{flex:1 1 100%;justify-content:stretch}.lib-selbar-copy{flex:0 0 auto;min-height:44px}.lib-selbar-cta{flex:1 1 auto;justify-content:center;min-height:44px}.lib-grid{padding-bottom:140px}}@media (prefers-reduced-motion:reduce){.lib-card-check svg,.lib-card-check:before,.lib-selbar{transition:none}}