:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-void:#060a13;--bg-base:#0b1120;--bg-elevated:#101a2e;--bg-surface:#131f38;--glass-bg:#131f388c;--glass-bg-strong:#101a2eb8;--glass-border:#94b2e024;--glass-border-strong:#94b2e042;--accent-gold:#e8b552;--accent-gold-strong:#f7cd72;--accent-teal:#35d0c0;--accent-teal-strong:#5cf0de;--accent-coral:#ff6b6b;--accent-blue:#4f8cff;--text-primary:#f3f6fc;--text-secondary:#aab8d1;--text-muted:#7c8aa8;--text-inverse:#0b1120;--success:#3ddc84;--warning:#f2b544;--danger:#ff5c5c;--gradient-bg:radial-gradient(ellipse 120% 80% at 20% -10%, #4f8cff29, transparent 55%), radial-gradient(ellipse 100% 70% at 100% 0%, #e8b5521a, transparent 50%), linear-gradient(180deg, var(--bg-void) 0%, var(--bg-base) 40%, var(--bg-base) 100%);--gradient-accent:linear-gradient(120deg, var(--accent-teal) 0%, var(--accent-blue) 100%);--gradient-gold:linear-gradient(120deg, var(--accent-gold) 0%, var(--accent-gold-strong) 100%);--gradient-card:linear-gradient(160deg, #ffffff0f, #ffffff03);--shadow-soft:0 8px 30px #00000059;--shadow-lift:0 16px 48px #00000073;--glow-teal:0 0 0 1px #35d0c040, 0 0 24px #35d0c02e;--glow-gold:0 0 0 1px #e8b55247, 0 0 24px #e8b55229;--radius-sm:clamp(6px, .6vw, 8px);--radius-md:clamp(10px, 1vw, 14px);--radius-lg:clamp(16px, 1.6vw, 22px);--radius-full:999px;--space-3xs:clamp(.25rem, .2rem + .2vw, .375rem);--space-2xs:clamp(.5rem, .4rem + .3vw, .625rem);--space-xs:clamp(.75rem, .65rem + .4vw, 1rem);--space-sm:clamp(1rem, .85rem + .6vw, 1.375rem);--space-md:clamp(1.5rem, 1.2rem + 1vw, 2.25rem);--space-lg:clamp(2.25rem, 1.8rem + 1.6vw, 3.5rem);--space-xl:clamp(3rem, 2.2rem + 2.8vw, 5.5rem);--space-2xl:clamp(4rem, 3rem + 3.5vw, 7.5rem);--fs-xs:clamp(.75rem, .72rem + .15vw, .8125rem);--fs-sm:clamp(.875rem, .83rem + .2vw, .9375rem);--fs-base:clamp(1rem, .95rem + .25vw, 1.0625rem);--fs-md:clamp(1.125rem, 1.05rem + .35vw, 1.25rem);--fs-lg:clamp(1.375rem, 1.2rem + .7vw, 1.75rem);--fs-xl:clamp(1.75rem, 1.45rem + 1.3vw, 2.5rem);--fs-2xl:clamp(2.25rem, 1.7rem + 2.4vw, 3.5rem);--fs-3xl:clamp(2.75rem, 1.9rem + 3.8vw, 4.75rem);--container-max:min(90rem, 100% - clamp(2rem, 8vw, 6rem));--header-h:clamp(64px, 8vh, 84px);--ease-standard:cubic-bezier(.22, 1, .36, 1);--dur-fast:.15s;--dur-base:.22s;--dur-slow:.32s;--tap-min:44px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{max-width:100%;overflow-x:hidden}body{background:var(--gradient-bg) fixed;background-color:var(--bg-base);min-height:100dvh;color:var(--text-primary);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:var(--fs-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.15}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}#root{flex-direction:column;min-height:100dvh;display:flex;overflow-x:clip}.container{width:100%;max-width:var(--container-max);margin-inline:auto}.section{padding-block:var(--space-xl)}.stack{flex-direction:column;min-width:0;display:flex}.row{flex-wrap:wrap;display:flex}:focus-visible{outline:2px solid var(--accent-teal);outline-offset:3px;border-radius:var(--radius-sm)}.scroll-x{-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow-x:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-teal-strong);font-weight:600}.heading-xl{font-size:var(--fs-3xl)}.heading-lg{font-size:var(--fs-2xl)}.heading-md{font-size:var(--fs-xl)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px)saturate(140%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.solid{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.card{min-width:0;padding:var(--space-sm);overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2xs);min-height:var(--tap-min);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--fs-sm);text-align:center;transition:transform var(--dur-fast) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard), background-color var(--dur-base) var(--ease-standard), border-color var(--dur-base) var(--ease-standard);border:1px solid #0000;font-weight:600;line-height:1.2;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient-accent);color:var(--text-inverse);box-shadow:0 6px 20px #35d0c038}.btn-primary:hover:not(:disabled){box-shadow:0 10px 30px #35d0c057}.btn-gold{background:var(--gradient-gold);color:var(--text-inverse);box-shadow:0 6px 20px #e8b55238}.btn-gold:hover:not(:disabled){box-shadow:0 10px 30px #e8b55257}.btn-ghost{border-color:var(--glass-border-strong);color:var(--text-primary);background:#ffffff0a}.btn-ghost:hover:not(:disabled){border-color:var(--accent-teal);background:#ffffff17}.btn-danger{color:#ffb3b3;background:#ff5c5c24;border-color:#ff5c5c66}.btn-danger:hover:not(:disabled){background:#ff5c5c3d}.btn-sm{min-height:var(--tap-min);padding-inline:var(--space-xs);font-size:var(--fs-xs)}.btn-block{width:100%}.field{gap:var(--space-3xs);flex-direction:column;min-width:0;display:flex}.label{font-size:var(--fs-sm);color:var(--text-secondary);font-weight:600}.input,.select{width:100%;min-height:var(--tap-min);padding:var(--space-2xs) var(--space-xs);font-size:max(16px, var(--fs-sm));border:1px solid var(--glass-border-strong);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard);background:#060a138c}.input::placeholder{color:var(--text-muted)}.input:focus,.select:focus{border-color:var(--accent-teal);box-shadow:var(--glow-teal);outline:none}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-secondary) 50%), linear-gradient(135deg, var(--text-secondary) 50%, transparent 50%);padding-right:var(--space-md);background-position:calc(100% - 20px),calc(100% - 14px);background-repeat:no-repeat;background-size:6px 6px,6px 6px}.badge{align-items:center;gap:var(--space-3xs);border-radius:var(--radius-full);font-size:var(--fs-xs);letter-spacing:.02em;white-space:nowrap;padding:.25em .7em;font-weight:600;display:inline-flex}.badge-stock{color:#8df0b6;background:#3ddc8424;border:1px solid #3ddc8452}.badge-low{color:#ffd98a;background:#f2b54424;border:1px solid #f2b54457}.badge-out{color:#ffb3b3;background:#ff5c5c29;border:1px solid #ff5c5c61}.badge-special{background:var(--gradient-gold);color:var(--text-inverse)}.badge-neutral{border:1px solid var(--glass-border-strong);color:var(--text-secondary);background:#94b2e01f}.status-Pending{color:#ffd98a;background:#f2b54424;border:1px solid #f2b54457}.status-Processing{color:#a9c6ff;background:#4f8cff24;border:1px solid #4f8cff5c}.status-Fulfilled{color:#8df0b6;background:#3ddc8424;border:1px solid #3ddc8452}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-bg);width:100%;min-width:0;max-width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:46rem;font-size:var(--fs-sm)}.table th,.table td{padding:var(--space-2xs) var(--space-xs);text-align:left;border-bottom:1px solid var(--glass-border);vertical-align:middle}.table th{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;font-weight:700}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#ffffff08}.modal-backdrop{z-index:120;padding:var(--space-sm);-webkit-backdrop-filter:blur(6px);animation:fade-in var(--dur-base) var(--ease-standard);background:#03060cb8;place-items:center;display:grid;position:fixed;inset:0}.modal{width:min(34rem,100%);max-height:min(85dvh,100%);padding:var(--space-md);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(24px)saturate(150%);border:1px solid var(--glass-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);animation:slide-up var(--dur-slow) var(--ease-standard);overflow-y:auto}.drawer-backdrop{z-index:110;-webkit-backdrop-filter:blur(5px);animation:fade-in var(--dur-base) var(--ease-standard);background:#03060cad;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(24px)saturate(150%);border-left:1px solid var(--glass-border-strong);width:min(30rem,100%);height:100dvh;box-shadow:var(--shadow-lift);animation:slide-in-right var(--dur-slow) var(--ease-standard);flex-direction:column;display:flex}.product-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));display:grid}.tile-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));display:grid}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-in{animation:slide-up var(--dur-slow) var(--ease-standard) both}.nav-desktop{align-items:center;gap:var(--space-2xs);display:none}.nav-trigger{align-items:center;gap:var(--space-3xs);min-height:var(--tap-min);padding:0 var(--space-2xs);font-size:var(--fs-sm);color:var(--text-secondary);transition:color var(--dur-base) var(--ease-standard);background:0 0;border:none;font-weight:600;display:inline-flex}.nav-trigger:hover{color:var(--accent-teal-strong)}.nav-desktop-inline{display:none}.nav-mobile-toggle{min-width:var(--tap-min);display:inline-flex}.mobile-link{min-height:var(--tap-min);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--text-secondary);align-items:center;width:100%;font-weight:600;display:flex}.mobile-link:hover{color:var(--text-primary);background:#ffffff0d}@media (width>=62rem){.nav-desktop{display:flex}.nav-desktop-inline{display:inline-flex}.nav-mobile-toggle{display:none}}.hero{border-radius:var(--radius-lg);isolation:isolate;padding:clamp(2rem,6vw,5rem);position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:linear-gradient(120deg,#060a13f0 20%,#060a1399 100%);position:absolute;inset:0}.hero-bg{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.store-tile{min-height:clamp(13rem,26vw,18rem);padding:var(--space-sm);border-radius:var(--radius-lg);border:1px solid var(--glass-border);isolation:isolate;transition:transform var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard), border-color var(--dur-base) var(--ease-standard);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.store-tile:hover{border-color:var(--glass-border-strong);box-shadow:var(--shadow-lift);transform:translateY(-4px)}.store-tile:before{content:"";z-index:-1;background:linear-gradient(#060a1340 30%,#060a13eb 100%);position:absolute;inset:0}.store-tile img{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.chip-rail{gap:var(--space-2xs);padding-bottom:var(--space-3xs);-webkit-overflow-scrolling:touch;scrollbar-width:thin;display:flex;overflow-x:auto}.chip{min-height:var(--tap-min);padding:0 var(--space-xs);border-radius:var(--radius-full);border:1px solid var(--glass-border-strong);font-size:var(--fs-xs);color:var(--text-secondary);white-space:nowrap;transition:background-color var(--dur-base) var(--ease-standard), border-color var(--dur-base) var(--ease-standard), color var(--dur-base) var(--ease-standard);background:#ffffff0a;flex:none;align-items:center;font-weight:600;display:inline-flex}.chip:hover{color:var(--text-primary);background:#ffffff17}.chip[aria-pressed=true]{background:var(--gradient-accent);color:var(--text-inverse);border-color:#0000}.carousel{gap:var(--space-sm);scroll-snap-type:x mandatory;padding-bottom:var(--space-2xs);-webkit-overflow-scrolling:touch;grid-auto-columns:min(75%,15rem);grid-auto-flow:column;display:grid;overflow-x:auto}.carousel>*{scroll-snap-align:start}@media (width>=48rem){.carousel{grid-auto-columns:17rem}}.footer{padding-block:var(--space-xl) var(--space-md);border-top:1px solid var(--glass-border);background:#060a1399;margin-top:auto}.footer-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));display:grid}