@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #0a0a0a;--surface: #111110;--surface-2: #181817;--text: #f1efea;--muted: #9a968d;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .18);--accent: #4d9bff;--on-accent: #06101f;--accent-soft: rgba(77, 155, 255, .16);--glow: rgba(50, 120, 255, .2);--btn-bg: #f1efea;--btn-text: #0a0a0a;--danger-bg: rgba(255, 90, 90, .12);--danger-text: #ffb1a8;--warn-bg: rgba(255, 176, 82, .12);--warn-text: #ffd19a;--grid-line: rgba(255, 255, 255, .035);--header-bg: rgba(10, 10, 10, .72);--shadow: 0 30px 80px -40px rgba(0, 0, 0, .9);--radius: 22px;--radius-sm: 12px;--header-h: 4rem;--font-display: "Space Grotesk Variable", "Space Grotesk", system-ui, sans-serif;--font-body: "Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark}:root[data-theme=light]{--bg: #f4f6f9;--surface: #ffffff;--surface-2: #e9edf3;--text: #171612;--muted: #66625a;--border: rgba(20, 18, 12, .1);--border-strong: rgba(20, 18, 12, .22);--accent: #1f5fe0;--on-accent: #ffffff;--accent-soft: rgba(31, 95, 224, .1);--glow: rgba(80, 140, 255, .24);--btn-bg: #171612;--btn-text: #f4f6f9;--danger-bg: #fbe6e2;--danger-text: #8c2014;--warn-bg: #fdf0d8;--warn-text: #6e4300;--grid-line: rgba(20, 18, 12, .045);--header-bg: rgba(244, 246, 249, .8);--shadow: 0 30px 70px -45px rgba(60, 40, 10, .45);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1rem)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .35s ease,color .35s ease}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;pointer-events:none;-webkit-mask-image:radial-gradient(120% 90% at 50% 40%,#000 55%,transparent 100%);mask-image:radial-gradient(120% 90% at 50% 40%,#000 55%,transparent 100%)}a{color:inherit}img{max-width:100%;height:auto;display:block}p{margin:0 0 .75rem}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.025em;line-height:1.08;margin:0 0 1rem;text-wrap:balance}h1{font-size:clamp(2rem,4.2vw,3.25rem)}h2{font-size:clamp(1.6rem,3vw,2.4rem)}h3{font-size:1.1rem;letter-spacing:-.01em}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}::selection{background:var(--accent);color:var(--on-accent)}.container{width:min(100% - 2.5rem,1180px);margin-inline:auto}main{min-height:70vh;padding-top:var(--header-h)}main:focus{outline:none}main>section.center-block,main>section:not(.hero):not(.section),main>article,main>p.status{width:min(100% - 2.5rem,1180px);margin-inline:auto;padding-top:2.5rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:fixed;left:-999px;top:.5rem;background:var(--btn-bg);color:var(--btn-text);padding:.6rem 1rem;border-radius:999px;z-index:60}.skip-link:focus{left:.5rem}.eyebrow{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 .75rem}.muted{color:var(--muted);margin:.15rem 0}.center{text-align:center}.center-block{text-align:center;padding:4rem 0}.center-block>*{margin-inline:auto}.status{min-height:1.5rem;color:var(--muted)}.empty{color:var(--muted);font-size:1.1rem}.site-header{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--header-h);border-bottom:1px solid transparent;transition:background-color .3s ease,border-color .3s ease,backdrop-filter .3s ease}.site-header.is-scrolled{background:var(--header-bg);border-bottom-color:var(--border);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4)}.header-row{display:flex;align-items:center;justify-content:space-between;height:100%}.brand{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:700;font-size:1.1rem;letter-spacing:-.02em;text-decoration:none;margin:0}.brand-mark{width:.7rem;height:.7rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft),0 0 18px var(--accent)}.nav{display:flex;align-items:center;gap:.5rem}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-account{display:inline-flex;align-items:center;gap:.25rem;margin-left:.5rem;padding-left:.75rem;border-left:1px solid var(--border)}.nav-register{padding:.4rem .95rem;font-size:.9rem}.nav-user{display:inline-flex;align-items:center;gap:.4rem;color:var(--text);max-width:12rem}.nav-user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn.nav-toggle{display:none}.icon-btn.nav-toggle:hover{transform:none}.nav-link{text-decoration:none;color:var(--muted);padding:.45rem .8rem;border-radius:999px;font-size:.92rem;transition:color .2s ease}.nav-link:hover{color:var(--text)}.nav-sale{color:var(--accent);font-weight:600}.nav-sale:hover{color:var(--accent);text-decoration:underline;text-underline-offset:.3em}.menu{position:relative}.menu-trigger{display:inline-flex;align-items:center;gap:.35rem;background:none;border:0;cursor:pointer;font-family:inherit}.menu-trigger svg{transition:transform .25s ease}.menu-trigger[aria-expanded=true]{color:var(--text)}.menu-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.menu-panel{position:absolute;top:100%;left:0;z-index:60;padding-top:.6rem;width:max-content;min-width:13.5rem;max-width:calc(100vw - 2rem)}.menu-panel[hidden]{display:none}.menu-list{list-style:none;margin:0;padding:.4rem;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow);animation:menu-in .18s ease}.menu-list a{display:block;padding:.6rem .8rem;border-radius:8px;color:var(--text);text-decoration:none;font-size:.93rem;transition:background-color .15s ease,color .15s ease}.menu-list a:hover,.menu-list a:focus-visible{background:var(--accent-soft);color:var(--accent)}.menu-sep{height:1px;margin:.3rem .4rem;background:var(--border)}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)}}.icon-btn{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;transition:border-color .2s ease,transform .3s ease}.icon-btn:hover{border-color:var(--border-strong);transform:rotate(18deg)}.cart-link{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .55rem .45rem .9rem;border-radius:999px;background:var(--btn-bg);color:var(--btn-text);text-decoration:none;font-weight:600;font-size:.9rem;transition:transform .2s ease}.cart-link:hover{transform:translateY(-1px)}.cart-count{min-width:1.5rem;padding:0 .4rem;border-radius:999px;background:var(--accent);color:var(--on-accent);text-align:center;font-size:.8rem;line-height:1.5rem;animation:pop .35s ease}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:scale(1)}}.scroll-progress{display:none}@supports (animation-timeline: scroll()){.scroll-progress{display:block;position:fixed;inset:0 0 auto 0;height:2px;z-index:55;background:linear-gradient(90deg,var(--accent),#b9d8ff);transform-origin:0 50%;transform:scaleX(0);animation:grow linear both;animation-timeline:scroll(root)}@keyframes grow{to{transform:scaleX(1)}}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.3rem;border:1px solid var(--border-strong);border-radius:999px;background:transparent;color:var(--text);font:inherit;font-weight:500;text-decoration:none;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.btn:hover:not(:disabled){border-color:var(--text);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0) scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--btn-bg);border-color:var(--btn-bg);color:var(--btn-text);font-weight:600;box-shadow:0 12px 30px -14px var(--glow)}.btn-primary:hover:not(:disabled){box-shadow:0 16px 40px -12px var(--accent)}.btn-primary svg{transition:transform .2s ease}.btn-primary:hover svg{transform:translate(3px)}.btn-wide{width:100%;max-width:24rem;padding-block:.9rem}.btn-icon{width:2.4rem;height:2.4rem;padding:0}.btn-link{border:none;padding:.4rem .6rem;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.btn-link:hover:not(:disabled){color:var(--text);transform:none}.alert{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;border-radius:var(--radius-sm);border:1px solid var(--border);margin:1rem 0}.alert-error{background:var(--danger-bg);color:var(--danger-text)}.alert-warning{background:var(--warn-bg);color:var(--warn-text)}.alert ul{margin:0;padding-left:1.1rem}.badge{display:inline-block;background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--border);padding:.15rem .7rem;border-radius:999px;font-size:.8rem;margin:.25rem 0}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1) var(--reveal-delay, 0ms),transform .7s cubic-bezier(.2,.7,.2,1) var(--reveal-delay, 0ms)}.reveal.is-visible{opacity:1;transform:none}.hero{position:relative}.hero:before{content:"";position:absolute;inset:-6rem 0 auto 0;height:34rem;background:radial-gradient(60% 60% at 75% 20%,var(--glow),transparent 70%);pointer-events:none}.hero-head{position:relative;display:grid;gap:1.5rem 4rem;align-items:end;padding:clamp(2rem,6vh,4rem) 0 2rem}@media (min-width: 860px){.hero-head{grid-template-columns:1.3fr 1fr}}.hero-head h1{font-size:clamp(2.4rem,6vw,4.6rem);font-weight:500;margin:0;animation:rise .9s cubic-bezier(.2,.7,.2,1) both}.hero-head h1 em{font-style:normal;color:var(--accent)}.hero-lead{color:var(--muted);font-size:1.05rem;max-width:26rem;margin:0 0 .6rem;animation:rise .9s .12s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.hero-track{height:190vh}.hero-pin{position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));padding:.5rem 0 1.5rem;display:flex}.stage{position:relative;flex:1;border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);background:radial-gradient(50% 70% at 82% 0%,var(--glow),transparent 70%),linear-gradient(180deg,var(--surface-2),var(--surface));overflow:hidden;box-shadow:var(--shadow)}.stage-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(80% 80% at 50% 40%,#000,transparent);-webkit-mask-image:radial-gradient(80% 80% at 50% 40%,#000,transparent)}.orbit{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1300px;pointer-events:none}.orbit-ring{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;will-change:transform}.orbit-card{position:absolute;left:50%;top:46%;width:clamp(124px,16vw,216px);aspect-ratio:4 / 5;margin:calc(clamp(124px,16vw,216px)/-1.6) 0 0 calc(clamp(124px,16vw,216px)/-2);border-radius:18px;border:1px solid var(--border-strong);background:var(--surface-2);overflow:hidden;box-shadow:0 30px 60px -28px #000000bf,0 0 0 1px #ffffff08;pointer-events:auto;will-change:transform;animation:appear .9s ease both}@keyframes appear{0%{opacity:0}}.orbit-card img{width:100%;height:100%;object-fit:cover}.orbit-card:hover{border-color:var(--accent);box-shadow:0 30px 70px -24px var(--accent)}.orbit-card{transition:border-color .5s ease,box-shadow .5s ease}.orbit-card.is-spot{border-color:var(--accent);box-shadow:0 34px 80px -22px var(--accent),0 0 0 3px var(--accent-soft)}.spot{position:absolute;inset:0 0 auto 0;z-index:2;display:grid;gap:.55rem;padding:clamp(1.1rem,2.6vw,2rem) clamp(1.25rem,3vw,2.5rem) 0}.spot-eyebrow{display:flex;align-items:center;gap:.6rem;margin:0;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.spot-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);animation:spot-pulse 1.8s ease-out infinite}@keyframes spot-pulse{0%{box-shadow:0 0 0 0 var(--accent)}to{box-shadow:0 0 0 .7rem transparent}}.spot-count{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.12em}.spot-body{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 2rem;animation:spot-in .7s cubic-bezier(.2,.7,.2,1) both}@keyframes spot-in{0%{opacity:0;transform:translateY(16px);filter:blur(8px)}}.spot-title{display:inline-flex;align-items:center;gap:.75rem;min-width:0;max-width:100%;font-family:var(--font-display);font-size:clamp(1.45rem,3.6vw,3.1rem);font-weight:600;line-height:1.08;letter-spacing:-.03em;color:var(--text);text-decoration:none}.spot-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(90deg,var(--text) 55%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.spot-title svg{flex:none;color:var(--accent);transition:transform .3s ease}.spot-title:hover svg,.spot-title:focus-visible svg{transform:translate(6px)}.spot-price{margin:0;font-family:var(--font-display);font-size:clamp(1.1rem,2vw,1.6rem);font-weight:600;color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums}.spot-price s{color:var(--muted);font-weight:400;font-size:.75em;margin-right:.35rem}.spot-steps{display:flex;gap:.4rem;margin-top:.35rem}.spot-step{flex:1 1 0;max-width:5rem;height:1.25rem;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center}.spot-fill{position:relative;display:block;width:100%;height:3px;border-radius:3px;background:var(--border-strong);overflow:hidden}.spot-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);transform-origin:left;transform:scaleX(0)}.spot-step[aria-current=true] .spot-fill:after{transform:scaleX(1)}.spot-fill.is-running:after{animation:spot-fill 4.5s linear both}.spot[data-paused=true] .spot-fill.is-running:after{animation-play-state:paused}@keyframes spot-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-height: 600px){.spot{display:none}}.orbit-tag{position:absolute;left:.5rem;bottom:.5rem;padding:.15rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;color:#f1efea;background:#0a0a0a9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-variant-numeric:tabular-nums}.stage-hint{position:absolute;left:50%;bottom:1.2rem;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0}.stage-hint svg{animation:nudge 1.6s ease-in-out infinite}.stage-facts{position:absolute;inset:auto clamp(1.25rem,3vw,2.5rem) 4.4rem;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:1rem 0 0;list-style:none;border-top:1px solid var(--border)}.stage-facts li{display:flex;align-items:center;gap:.75rem;min-width:0}.stage-facts svg{flex:none;color:var(--accent)}.stage-facts li>span{display:grid;min-width:0}.stage-facts strong{font-family:var(--font-display);font-size:.98rem;letter-spacing:-.01em}.stage-facts li>span>span{color:var(--muted);font-size:.82rem}@media (max-width: 720px){.stage-facts{grid-template-columns:1fr;gap:.5rem;inset:auto 1.25rem 1.25rem;transition:opacity .4s ease}.stage-facts li>span>span{display:none}.stage[data-opened=true] .stage-facts{opacity:0;visibility:hidden}}@media (max-height: 640px){.stage-facts{display:none}}@keyframes nudge{50%{transform:translateY(5px)}}.stage-copy{position:absolute;right:clamp(1.25rem,6%,5rem);top:50%;width:min(24rem,44%);transform:translateY(-40%);opacity:0;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);pointer-events:none}.stage[data-opened=true] .stage-copy{opacity:1;transform:translateY(-50%);pointer-events:auto}.stage-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.1;letter-spacing:-.02em;margin:0 0 1.5rem}@media (max-width: 720px){.hero-track{height:170vh}.stage-copy{right:1.25rem;left:1.25rem;top:auto;bottom:1.5rem;width:auto;transform:translateY(12px)}.stage[data-opened=true] .stage-copy{transform:none}.stage-title{margin-bottom:1rem}}.marquee{overflow:hidden;border-block:1px solid var(--border);padding:1rem 0;margin-top:2rem}.marquee-track{display:flex;gap:3rem;width:max-content;animation:slide 36s linear infinite}.marquee span{display:inline-flex;align-items:center;gap:3rem;font-family:var(--font-display);font-size:1.05rem;color:var(--muted);white-space:nowrap}.marquee span:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}@keyframes slide{to{transform:translate(-33.333%)}}.section{padding:clamp(3.5rem,9vw,7rem) 0 0}.anchor{scroll-margin-top:var(--header-h)}.section-title{margin-bottom:.4rem}.section-title.center{max-width:22ch;margin:0 auto 2.5rem}.section-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:.5rem 2rem;margin-bottom:2rem}.features{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature{padding:2rem 1.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:opacity .7s cubic-bezier(.2,.7,.2,1) var(--reveal-delay, 0ms),transform .7s cubic-bezier(.2,.7,.2,1) var(--reveal-delay, 0ms),border-color .3s ease}.feature:hover{border-color:var(--border-strong)}.feature svg{color:var(--accent);margin-bottom:1.25rem}.feature p{color:var(--muted);margin:0;font-size:.95rem}.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25rem}.card{position:relative}.card-link{display:block;color:inherit;text-decoration:none}.card-media{position:relative;aspect-ratio:4 / 5;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);overflow:hidden;transition:border-color .3s ease,box-shadow .4s ease}.card-media img,.card-placeholder{width:100%;height:100%;object-fit:cover}.card-media img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}.card-link:hover .card-media{border-color:var(--border-strong);box-shadow:0 24px 50px -30px var(--accent)}.card-link:hover .card-media img{transform:scale(1.06)}.card-placeholder{background:var(--surface-2)}.card-badge{position:absolute;left:.75rem;top:.75rem;margin:0;background:var(--header-bg);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-body{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.9rem .25rem 0}.card-title{font-family:var(--font-body);font-size:.98rem;font-weight:500;letter-spacing:0;line-height:1.35;margin:0}.card-price{margin:0;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.card-price.is-sale{color:var(--accent);font-weight:600}.card-price s{display:block;color:var(--muted);font-weight:400;font-size:.85em;text-align:right}.card-badge-sale{background:var(--accent);color:var(--on-accent);border-color:transparent;font-weight:600}.skeleton{aspect-ratio:4 / 5;border-radius:var(--radius);background:linear-gradient(100deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%);background-size:300% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-150% 0}}.banner{position:relative;display:grid;align-items:end;min-height:clamp(22rem,52vw,34rem);border-radius:calc(var(--radius) + 6px);border:1px solid var(--border);overflow:hidden;isolation:isolate}.banner-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.banner-media img{width:100%;height:100%;object-fit:cover;object-position:80% 30%;transform:scale(1.12)}.banner-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#080808db,#0808088c 38%,#08080800 70%),linear-gradient(180deg,#08080800 40%,#08080899)}@supports (animation-timeline: view()){.banner-media img{animation:drift linear both;animation-timeline:view()}@keyframes drift{0%{transform:scale(1.2) translateY(-5%)}to{transform:scale(1.02) translateY(5%)}}}.banner-copy{padding:clamp(1.5rem,5vw,3.5rem);max-width:34rem;color:#f1efea}.banner-copy .eyebrow{color:#8fc0ff}.banner-copy p{color:#f1efeac7}.banner-copy .btn-primary{background:#f1efea;border-color:#f1efea;color:#0a0a0a;margin-top:.75rem}.product{display:grid;grid-template-columns:1fr;gap:2.5rem;padding-bottom:2rem}@media (min-width: 860px){.product{grid-template-columns:1.05fr 1fr;gap:4rem}.gallery{position:sticky;top:calc(var(--header-h) + 1.5rem);align-self:start}}.gallery-main{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);background:var(--surface-2);animation:rise .6s ease both}.gallery-empty{display:grid;place-items:center;aspect-ratio:1 / 1;background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:var(--radius)}.thumbs{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;padding:0;margin:.9rem 0 0}.thumb{width:4.75rem;height:4.75rem;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:none;cursor:pointer;opacity:.6;transition:opacity .2s ease,border-color .2s ease}.thumb:hover{opacity:1}.thumb[aria-pressed=true]{border-color:var(--accent);opacity:1}.thumb img{width:100%;height:100%;object-fit:cover}.product-info>p:first-child a{color:var(--muted);text-decoration:none;font-size:.9rem}.product-info>p:first-child a:hover{color:var(--text)}.product-info h1{margin-top:.75rem}.price{font-family:var(--font-display);font-size:1.7rem;display:flex;gap:.75rem;align-items:baseline;margin-bottom:1.5rem;font-variant-numeric:tabular-nums}.price-current{font-weight:600}.price-old{color:var(--muted);font-size:1.1rem}.option{border:none;padding:0;margin:0 0 1.25rem}.option legend{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem;padding:0}.option-values{display:flex;flex-wrap:wrap;gap:.5rem}.chip{position:relative}.chip input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.chip span{display:inline-block;padding:.5rem 1.1rem;border:1px solid var(--border-strong);border-radius:999px;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.chip:hover span{border-color:var(--text)}.chip input:checked+span{background:var(--btn-bg);color:var(--btn-text);border-color:var(--btn-bg);font-weight:600}.chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.product-info .btn-wide{margin-top:.5rem}.product-info .status a{color:var(--accent)}.description{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border);color:var(--muted)}.description strong{color:var(--text)}.description a{color:var(--accent)}.lines{list-style:none;margin:0;padding:0}.line{display:grid;grid-template-columns:6rem 1fr auto;gap:1.25rem;padding:1.25rem 0;border-bottom:1px solid var(--border);animation:rise .5s ease both}.line-media img,.line-media .card-placeholder{width:6rem;height:6rem;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border)}.line-title{font-weight:600;text-decoration:none}.line-title:hover{color:var(--accent)}.line-total{font-family:var(--font-display);font-weight:600;margin:0;font-variant-numeric:tabular-nums}.qty{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.6rem}.qty input{width:3.6rem;height:2.4rem;text-align:center;font:inherit;border:1px solid var(--border-strong);border-radius:999px;background:transparent;color:var(--text)}.summary{margin:2rem 0 0 auto;max-width:26rem;padding:1.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.summary p{display:flex;justify-content:space-between;margin:.4rem 0;color:var(--muted)}.summary p strong{color:var(--text);font-variant-numeric:tabular-nums}.summary-total{font-family:var(--font-display);font-size:1.35rem;padding-top:.75rem;border-top:1px solid var(--border)}.summary .btn{margin-top:1.25rem;max-width:none}@media (max-width: 560px){.line{grid-template-columns:4.5rem 1fr}.line-media img,.line-media .card-placeholder{width:4.5rem;height:4.5rem}.line-total{grid-column:2}.cart-label{display:none}.nav{gap:.15rem}.nav-link{padding:.4rem .35rem;font-size:.84rem}.menu-trigger svg{display:none}.header-row .brand{font-size:1rem;gap:.4rem}.header-row .icon-btn{width:2.1rem;height:2.1rem}.cart-link{padding:.35rem .4rem .35rem .6rem;gap:.35rem}}@media (max-width: 340px){.brand-name{display:none}.header-row .brand{padding:.6rem .4rem .6rem 0}}@media (max-width: 980px){.icon-btn.nav-toggle{display:inline-grid}.nav-links{display:none;position:absolute;top:calc(100% + .5rem);left:1rem;right:1rem;flex-direction:column;align-items:stretch;gap:.15rem;max-height:calc(100vh - var(--header-h) - 1.5rem);overflow-y:auto;padding:.6rem;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow)}.nav-links[data-open=true]{display:flex}.nav-links .nav-link{display:flex;padding:.8rem .9rem;font-size:1rem;border-radius:10px;color:var(--text)}.nav-links .nav-sale{color:var(--accent)}.nav-links .menu-trigger{width:100%;justify-content:space-between}.nav-links .menu-trigger svg{display:block}.nav-links .menu-panel{position:static;width:auto;min-width:0;max-width:none;padding:0 0 .3rem .6rem}.nav-links .menu-list{padding:0;background:none;border:0;border-left:1px solid var(--border);border-radius:0;box-shadow:none;animation:none}.nav-account{flex-direction:column;align-items:stretch;gap:.4rem;margin:.4rem 0 0;padding:.6rem 0 0;border-left:0;border-top:1px solid var(--border)}.nav-register{padding:.75rem 1rem;font-size:1rem}.nav-user{max-width:none}}.about-hero{padding:clamp(3rem,9vw,6.5rem) 0 0}.about-hero h1{max-width:18ch;font-size:clamp(2.2rem,6vw,4.4rem);line-height:1.04;letter-spacing:-.035em;margin:0 0 1.5rem;background:linear-gradient(90deg,var(--text) 50%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.about-lead{max-width:46rem;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.6;color:var(--muted);margin:0 0 2rem}.about-lead strong{color:var(--text)}.about-actions{display:flex;flex-wrap:wrap;gap:.75rem}.about-split{display:grid;gap:2rem clamp(2rem,6vw,5rem);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.about-split-head h2{margin:0 0 1rem}.about-list,.about-checks{list-style:none;margin:0;padding:0;display:grid}.about-list li{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1rem;padding:1.4rem 0;border-top:1px solid var(--border)}.about-list li:last-child{border-bottom:1px solid var(--border)}.about-list h3{font-size:1.1rem;margin:0 0 .35rem}.about-list p{margin:0;color:var(--muted);font-size:.97rem}.about-number{font-family:var(--font-display);font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.about-checks{gap:.75rem}.about-checks li{position:relative;padding:1.1rem 1.25rem 1.1rem 3.1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.about-checks li:before{content:"";position:absolute;left:1.25rem;top:1.45rem;width:.95rem;height:.5rem;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}.about-cta{text-align:center;padding:clamp(2.5rem,7vw,5rem) 1.5rem;border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);background:radial-gradient(60% 90% at 50% 0%,var(--glow),transparent 70%),var(--surface)}.about-cta h2{margin:0 0 .5rem}.about-cta p{color:var(--muted);margin:0 0 1.5rem}@media (max-width: 820px){.about-split{grid-template-columns:minmax(0,1fr)}}.zone-sections{padding-top:clamp(2rem,5vw,3.5rem)}.zone-tiles{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.zone-tile{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2.5rem 1rem;min-height:9.5rem;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(90% 120% at 100% 0%,var(--glow),transparent 70%),var(--surface);color:var(--text);text-decoration:none;transition:border-color .3s ease,transform .3s ease}.zone-tile .about-number{grid-column:1 / -1;align-self:start}.zone-tile-title{font-family:var(--font-display);font-size:clamp(1.3rem,2.4vw,1.8rem);font-weight:600;letter-spacing:-.02em;line-height:1.1;overflow-wrap:anywhere}.zone-tile svg{color:var(--accent);transition:transform .3s ease}.zone-tile:hover,.zone-tile:focus-visible{border-color:var(--accent);transform:translateY(-3px)}.zone-tile:hover svg,.zone-tile:focus-visible svg{transform:translate(5px)}.back-link{display:inline-flex;gap:.4rem;margin-bottom:1.25rem;color:var(--muted);text-decoration:none;font-size:.92rem}.back-link:hover{color:var(--text)}.auth{padding-top:clamp(2.5rem,7vw,5rem);display:grid;justify-items:center}.auth-card{width:min(100%,28rem);display:grid;gap:1.1rem;padding:clamp(1.5rem,4vw,2.25rem);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:radial-gradient(80% 60% at 100% 0%,var(--glow),transparent 70%),var(--surface)}.auth-card h1{font-size:clamp(1.7rem,4vw,2.2rem);margin:0;overflow-wrap:anywhere}.auth-card h2{font-size:1.15rem;margin:0}.auth-card p{margin:0}.auth-form{display:grid;gap:1rem;padding-top:.25rem}.auth-form label{display:grid;gap:.35rem;font-size:.9rem;color:var(--muted)}.auth-form .btn{justify-self:start}.input{width:100%;padding:.7rem .9rem;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg);color:var(--text);font:inherit}.input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field-hint{font-size:.8rem}.auth-alt{color:var(--muted);font-size:.93rem}.auth-alt a,.auth-link{color:var(--accent);text-underline-offset:.25em}.auth-done{color:var(--accent);font-weight:600}.account-facts{display:grid;gap:.5rem;margin:0;padding:1rem 0;border-block:1px solid var(--border)}.account-facts div{display:flex;justify-content:space-between;gap:1rem}.account-facts dt{color:var(--muted)}.account-facts dd{margin:0;font-weight:600;overflow-wrap:anywhere;text-align:right}.site-footer{margin-top:clamp(4rem,10vw,8rem);padding-bottom:2rem}.footer-panel{display:grid;gap:1.5rem 3rem;grid-template-columns:1fr auto;align-items:start;padding:clamp(1.5rem,4vw,2.75rem);border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);background:radial-gradient(60% 120% at 100% 0%,var(--glow),transparent 70%),var(--surface)}.footer-nav{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.footer-nav a{color:var(--muted);text-decoration:none}.footer-nav a:hover{color:var(--text)}.footer-copy{grid-column:1 / -1;margin:0;padding-top:1.25rem;border-top:1px solid var(--border);color:var(--muted);font-size:.85rem}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-track{height:auto}.hero-pin{position:static;height:70vh}.stage-copy{opacity:1;pointer-events:auto;transform:translateY(-50%)}.stage-hint{display:none}}
