:root{--fnd-space-1:4px;--fnd-space-2:8px;--fnd-space-3:12px;--fnd-space-4:16px;--fnd-space-5:20px;--fnd-space-6:24px;--fnd-space-8:32px;--fnd-space-10:40px;--fnd-space-12:48px;--fnd-space-16:64px;--fnd-space-20:80px;--fnd-space-24:96px;--fnd-section:clamp(96px, 12vw, 140px);--fnd-r-1:4px;--fnd-r-2:6px;--fnd-r-3:8px;--fnd-r-4:10px;--fnd-r-5:12px;--fnd-r-6:14px;--fnd-r-pill:999px;--fnd-brand:#7c3aed;--fnd-brand-soft:#7c3aed2e;--fnd-surface-0:#050507;--fnd-surface-1:#0b0b10;--fnd-surface-2:#14141b;--fnd-surface-3:#1c1c25;--fnd-text:#f4f4f5;--fnd-text-muted:#f4f4f58c;--fnd-text-faint:#f4f4f559;--fnd-border:#ffffff0f;--fnd-border-strong:#ffffff1a;--fnd-border-accent:#7c3aed66;--fnd-mono:var(--font-geist-mono), ui-monospace, "SF Mono", Menlo, monospace;--fnd-sans:var(--font-geist), ui-sans-serif, system-ui, sans-serif;--fnd-ease:cubic-bezier(.16, 1, .3, 1);--fnd-dur-fast:.15s;--fnd-dur-base:.2s;--fnd-dur-slow:.3s}.fnd-eyebrow{align-items:center;gap:var(--fnd-space-2);font-family:var(--fnd-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fnd-text-muted);font-size:11px;font-weight:500;display:inline-flex}.fnd-eyebrow__index{color:var(--fnd-text-faint);font-variant-numeric:tabular-nums}.fnd-eyebrow__sep{color:var(--fnd-text-faint)}.fnd-dotgrid{pointer-events:none;z-index:0;background-image:radial-gradient(circle,#ffffff0f 1px,#0000 1px);background-position:0 0;background-size:24px 24px;position:absolute;inset:0}.fnd-dotgrid--radial{-webkit-mask-image:radial-gradient(80% 60% at 50% 30%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 60% at 50% 30%,#000 30%,#0000 100%)}.fnd-dotgrid--top{-webkit-mask-image:linear-gradient(#000 0%,#0000 70%);mask-image:linear-gradient(#000 0%,#0000 70%)}.fnd-glow{pointer-events:none;z-index:0;filter:blur(60px);position:absolute;inset:0}.fnd-glow--top{background:radial-gradient(50% 40% at 50% 0,#7850e633 0%,#0000 70%),radial-gradient(40% 50% at 35% 10%,#3278fa1f 0%,#0000 65%),radial-gradient(35% 35% at 65% 5%,#b450c814 0%,#0000 60%)}.fnd-glow--center{background:radial-gradient(45% 50%,#7850e62e 0%,#0000 65%),radial-gradient(35% 45% at 35%,#3278fa1c 0%,#0000 60%),radial-gradient(30% 35% at 65%,#b450c812 0%,#0000 55%)}.fnd-glow--bottom{background:radial-gradient(50% 40% at 50% 100%,#7850e62e 0%,#0000 70%),radial-gradient(40% 50% at 35% 95%,#3278fa1c 0%,#0000 65%),radial-gradient(35% 35% at 65% 105%,#b450c812 0%,#0000 60%)}.fnd-glow--strong{filter:blur(60px)brightness(1.15)}.fnd-frame{border:1px solid var(--fnd-border);border-radius:var(--fnd-r-6);background:var(--fnd-surface-1);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px -20px #0009,inset 0 1px #ffffff0a}.fnd-frame--16-10 .fnd-frame__viewport{aspect-ratio:16/10}.fnd-frame--4-3 .fnd-frame__viewport{aspect-ratio:4/3}.fnd-frame--3-2 .fnd-frame__viewport{aspect-ratio:3/2}.fnd-frame__bar{height:32px;padding:0 var(--fnd-space-4);border-bottom:1px solid var(--fnd-border);align-items:center;gap:var(--fnd-space-3);background:#ffffff06;display:flex}.fnd-frame__lights{flex-shrink:0;gap:6px;display:flex}.fnd-frame__light{border-radius:999px;width:10px;height:10px;display:block}.fnd-frame__light--red{background:#ff5f57}.fnd-frame__light--yellow{background:#febc2e}.fnd-frame__light--green{background:#28c840}.fnd-frame__url{font-family:var(--fnd-mono);color:var(--fnd-text-muted);text-align:center;border-radius:var(--fnd-r-2);padding:4px var(--fnd-space-3);background:#ffffff0a;flex:1;max-width:320px;margin:0 auto;font-size:12px}.fnd-frame__spacer{width:38px}.fnd-frame__viewport{background:var(--fnd-surface-2);flex:1;position:relative;overflow:hidden}.fnd-frame__viewport>img,.fnd-frame__viewport>picture>img{object-fit:cover;object-position:top;width:100%;height:100%}.fnd-code{border:1px solid var(--fnd-border);border-radius:var(--fnd-r-5);background:var(--fnd-surface-1);font-family:var(--fnd-mono);overflow:hidden}.fnd-code__bar{align-items:center;gap:var(--fnd-space-3);height:36px;padding:0 var(--fnd-space-4);border-bottom:1px solid var(--fnd-border);background:#ffffff05;display:flex}.fnd-code__filename{color:var(--fnd-text);font-size:13px;font-weight:500}.fnd-code__lang{text-transform:uppercase;letter-spacing:.08em;color:var(--fnd-text-faint);margin-left:auto;font-size:11px}.fnd-code__copy{font-family:var(--fnd-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--fnd-text-muted);border:1px solid var(--fnd-border);border-radius:var(--fnd-r-1);padding:4px var(--fnd-space-2);cursor:pointer;transition:color var(--fnd-dur-fast) var(--fnd-ease), border-color var(--fnd-dur-fast) var(--fnd-ease);background:0 0;font-size:11px}.fnd-code__copy:hover{color:var(--fnd-text);border-color:var(--fnd-border-strong)}.fnd-code__body{padding:var(--fnd-space-5) var(--fnd-space-6);color:var(--fnd-text);margin:0;font-size:13px;line-height:1.7;overflow-x:auto}.fnd-code__body code{font-family:inherit}.fnd-code .tok-keyword{color:#c4b5fd}.fnd-code .tok-string{color:#a78bfa}.fnd-code .tok-comment{color:var(--fnd-text-faint);font-style:italic}.fnd-code .tok-function,.fnd-code .tok-number{color:#f4f4f5}.fnd-tcard{gap:var(--fnd-space-3);color:inherit;width:280px;transition:transform var(--fnd-dur-base) var(--fnd-ease);flex-direction:column;flex-shrink:0;text-decoration:none;display:flex}.fnd-tcard:hover{transform:translateY(-2px)}.fnd-tcard:hover .fnd-tcard__frame{border-color:var(--fnd-border-accent)}.fnd-tcard__frame{border:1px solid var(--fnd-border);border-radius:var(--fnd-r-5);background:var(--fnd-surface-1);transition:border-color var(--fnd-dur-base) var(--fnd-ease);aspect-ratio:3/4;flex-direction:column;display:flex;overflow:hidden}.fnd-tcard__bar{align-items:center;gap:var(--fnd-space-2);height:24px;padding:0 var(--fnd-space-3);border-bottom:1px solid var(--fnd-border);background:#ffffff06;flex-shrink:0;display:flex}.fnd-tcard__lights{gap:4px;display:flex}.fnd-tcard__lights span{background:#ffffff26;border-radius:999px;width:6px;height:6px;display:block}.fnd-tcard__url{font-family:var(--fnd-mono);color:var(--fnd-text-faint);font-size:10px}.fnd-tcard__shot{flex:1;position:relative;overflow:hidden}.fnd-tcard__shot img{object-fit:cover;object-position:top;width:100%;height:100%}.fnd-tcard__meta{padding:0 var(--fnd-space-1);flex-direction:column;gap:2px;display:flex}.fnd-tcard__name{color:var(--fnd-text);font-size:13px;font-weight:600}.fnd-tcard__tag{font-family:var(--fnd-mono);color:var(--fnd-text-faint);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.fnd-logos{grid-template-columns:repeat(var(--fnd-logos-cols,6), 1fr);background:var(--fnd-border);border:1px solid var(--fnd-border);border-radius:var(--fnd-r-4);gap:1px;display:grid;overflow:hidden}.fnd-logos__cell{height:64px;padding:var(--fnd-space-3);background:var(--fnd-surface-1);transition:background var(--fnd-dur-base) var(--fnd-ease);justify-content:center;align-items:center;display:flex}.fnd-logos__cell:hover{background:var(--fnd-surface-2)}.fnd-logos__img{object-fit:contain;opacity:.85;width:auto;max-height:28px;transition:opacity var(--fnd-dur-base) var(--fnd-ease)}.fnd-logos__cell:hover .fnd-logos__img{opacity:1}@media (max-width:720px){.fnd-logos{grid-template-columns:repeat(3,1fr)}}.fnd-receipt{color:#1a1a20;border-radius:var(--fnd-r-5);font-family:var(--fnd-sans);isolation:isolate;background:linear-gradient(#fffffffa,#f8f8faf5);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 30px 80px -20px #7c3aed66,0 4px 20px -4px #0000004d}.fnd-receipt--hero{width:360px}.fnd-receipt--stamp{width:220px;font-size:11px}.fnd-receipt--loop{width:380px}.fnd-receipt__stripe{background:linear-gradient(180deg, var(--fnd-brand) 0%, #6d28d9 100%);z-index:1;width:6px;position:absolute;inset:0}.fnd-receipt__body{z-index:2;gap:var(--fnd-space-3);padding:var(--fnd-space-5) var(--fnd-space-5) var(--fnd-space-5) calc(var(--fnd-space-5) + 6px);flex-direction:column;display:flex;position:relative}.fnd-receipt__head{justify-content:space-between;align-items:center;display:flex}.fnd-receipt__brand{align-items:center;gap:var(--fnd-space-2);display:inline-flex}.fnd-receipt__mark{border-radius:var(--fnd-r-1);background:var(--fnd-brand);color:#fff;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.fnd-receipt__brand-name{font-family:var(--fnd-mono);letter-spacing:.14em;color:#1a1a20;font-size:11px;font-weight:600}.fnd-receipt__status{color:#15803d;padding:2px var(--fnd-space-2);border-radius:var(--fnd-r-pill);text-transform:uppercase;letter-spacing:.06em;background:#22c55e1a;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.fnd-receipt__status-dot{background:#22c55e;border-radius:999px;width:6px;height:6px}.fnd-receipt__order{margin-top:var(--fnd-space-1);flex-direction:column;gap:2px;display:flex}.fnd-receipt__order-label{text-transform:uppercase;letter-spacing:.08em;color:#1a1a2080;font-size:10px}.fnd-receipt__order-id{font-family:var(--fnd-mono);font-variant-numeric:tabular-nums;color:#1a1a20;font-size:18px;font-weight:600}.fnd-receipt__divider{background:repeating-linear-gradient(90deg,#1a1a2026 0 4px,#0000 4px 8px);height:1px}.fnd-receipt__row{justify-content:space-between;align-items:baseline;gap:var(--fnd-space-3);display:flex}.fnd-receipt__row-label{color:#1a1a2080;font-size:12px}.fnd-receipt__row-value{color:#1a1a20;text-align:right;font-size:13px;font-weight:500}.fnd-receipt__row-value--mono{font-family:var(--fnd-mono);font-size:12px;font-weight:400}.fnd-receipt__total{justify-content:space-between;align-items:baseline;display:flex}.fnd-receipt__total-label{color:#1a1a2080;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.fnd-receipt__total-amount{font-family:var(--fnd-mono);font-variant-numeric:tabular-nums;color:#1a1a20;font-size:22px;font-weight:600}.fnd-receipt__deliver{align-items:center;gap:var(--fnd-space-2);margin-top:var(--fnd-space-2);padding:var(--fnd-space-2) var(--fnd-space-3);background:var(--fnd-brand);color:#fff;border-radius:var(--fnd-r-2);font-size:11px;font-weight:500;display:inline-flex}.fnd-receipt__deliver-dot{background:#fff;border-radius:999px;width:6px;height:6px;animation:1.6s ease-in-out infinite fnd-receipt-pulse}.fnd-receipt__deliver-text span{opacity:.6;margin:0 4px}@keyframes fnd-receipt-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.fnd-receipt__perforation{background-image:radial-gradient(circle at 4px 4px, var(--fnd-surface-0) 3px, transparent 3px);z-index:3;background-color:#1a1a200a;background-position:-4px 0;background-size:16px 8px;height:8px;margin-top:-4px;position:relative}
