:root{--bg:#08090c;--surface:#101218;--line:rgba(255,255,255,.1);--text:#f5f7fb;--muted:#989eaa;--acid:#c7ff2e;--cyan:#39f4ff;--pink:#ff3fd2;--safe:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body.age-locked{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}
.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}
.age-gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(5,6,8,.9);backdrop-filter:blur(20px);transition:.25s}.age-gate.hidden{opacity:0;visibility:hidden}.age-card{width:min(100%,480px);padding:32px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#151820,#0a0b0f);box-shadow:0 30px 90px #000}.age-mark{display:grid;place-items:center;width:68px;height:68px;margin-bottom:28px;border:1px solid #c7ff2e80;border-radius:50%;color:var(--acid);font-size:22px;font-weight:800;box-shadow:inset 0 0 24px #c7ff2e14}.age-card h1{margin:8px 0 12px;font-size:clamp(28px,7vw,42px);line-height:1.08}.age-card>p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.65}.age-actions{display:grid;gap:10px;margin-top:28px}
.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 40px));height:72px;margin:auto;border-bottom:1px solid var(--line);background:#08090cc7;backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--acid);box-shadow:0 0 16px var(--acid)}.location-link{color:var(--muted);font-size:13px;font-weight:600}.location-link span{color:var(--acid);margin-left:5px}
main{overflow:hidden}.hero{position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;width:min(1180px,calc(100% - 40px));min-height:660px;margin:auto;padding:80px 0 100px}.eyebrow{margin:0;color:var(--acid);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.live-dot{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px var(--acid)}.hero h1{margin:20px 0 24px;font-size:clamp(64px,9vw,132px);line-height:.84;letter-spacing:-.07em}.hero h1 span{color:transparent;-webkit-text-stroke:1.5px var(--acid);text-shadow:0 0 45px #c7ff2e1f}.hero-text{max-width:560px;margin:0;color:var(--muted);font-size:17px;line-height:1.75}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 21px;border:1px solid transparent;border-radius:13px;cursor:pointer;font-weight:800;transition:.18s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--acid);color:#0a0b0d;box-shadow:0 12px 36px #c7ff2e21}.button-ghost{border-color:var(--line);background:transparent;color:var(--text)}.hero-button{margin-top:34px}
.hero-orbit{position:relative;height:480px}.orb{position:absolute;border-radius:50%}.orb-one{width:240px;height:240px;top:110px;left:130px;background:radial-gradient(circle at 35% 28%,#efffc0 0,var(--acid) 14%,#5f790d 52%,#131807 72%);box-shadow:0 0 90px #c7ff2e33}.orb-two{width:82px;height:82px;top:70px;right:46px;background:radial-gradient(circle at 30% 25%,white,var(--pink) 18%,#651052 70%);box-shadow:0 0 55px #ff3fd259}.orbit-ring{position:absolute;border:1px solid #ffffff1f;border-radius:50%;transform:rotate(-18deg)}.ring-one{width:430px;height:200px;top:130px;left:35px}.ring-two{width:310px;height:410px;top:24px;left:96px}.orbit-word{position:absolute;color:#ffffff6b;font-size:10px;font-weight:800;letter-spacing:.16em}.word-one{top:108px;left:40px}.word-two{bottom:62px;right:70px;color:var(--cyan)}.word-three{top:230px;right:4px;color:var(--pink)}
.catalog-section{padding:96px max(20px,calc((100vw - 1180px)/2)) 110px;background:#0b0d12;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px}.section-heading h2,.location-card h2{margin:10px 0 0;font-size:clamp(36px,6vw,64px);letter-spacing:-.05em}.result-count{margin:0;color:var(--muted)}.result-count strong{color:var(--text);font-size:26px}.catalog-tools{display:grid;gap:16px;margin-bottom:26px}.search-box{display:flex;align-items:center;gap:12px;min-height:60px;padding:0 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.search-box:focus-within{border-color:#c7ff2e8c;box-shadow:0 0 0 3px #c7ff2e12}.search-box>span{color:var(--acid);font-size:23px}.search-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text)}.search-box input::placeholder{color:#686e78}kbd{padding:5px 8px;border:1px solid var(--line);border-radius:7px;color:#727985;font-family:inherit;font-size:10px}.filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{flex:none;padding:10px 14px;border:1px solid var(--line);border-radius:100px;background:transparent;color:var(--muted);cursor:pointer;font-weight:700}.filter span{margin-left:5px;opacity:.55}.filter.active{border-color:var(--acid);background:#c7ff2e1a;color:var(--acid)}
.flavor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.flavor-card{position:relative;display:flex;flex-direction:column;min-height:190px;padding:22px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--surface);transition:.2s}.flavor-card:after{content:"";position:absolute;width:120px;height:120px;right:-48px;bottom:-55px;border-radius:50%;background:var(--glow);filter:blur(35px);opacity:.2}.flavor-card:hover{transform:translateY(-3px);border-color:#ffffff33}.flavor-index{color:#5f6670;font-size:11px;font-weight:800}.flavor-card h3{position:relative;z-index:1;margin:26px 0 20px;font-size:18px;line-height:1.35;letter-spacing:-.02em}.card-meta{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:auto}.brand-name{color:var(--muted);font-size:11px;font-weight:700}.spec{flex:none;color:var(--acid);font-size:10px;font-weight:800;letter-spacing:.08em}.empty-state{padding:70px 20px;text-align:center}.empty-state>span{color:var(--acid);font-size:45px}.empty-state h3{margin:16px 0 8px;font-size:26px}.empty-state p{margin:0 0 22px;color:var(--muted)}
.location-section{width:min(1180px,calc(100% - 40px));margin:auto;padding:110px 0}.location-card{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:clamp(28px,6vw,70px);border:1px solid #c7ff2e38;border-radius:30px;background:linear-gradient(135deg,#c7ff2e12,#39f4ff06 42%,var(--surface) 80%)}.location-card>div>p:not(.eyebrow){max-width:520px;color:var(--muted);line-height:1.7}.location-details{align-self:center;border-top:1px solid var(--line)}.detail-row{display:grid;gap:6px;padding:18px 0;border-bottom:1px solid var(--line)}.detail-row span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.detail-row strong{font-size:15px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(1180px,calc(100% - 40px));margin:auto;padding:32px 0 calc(32px + var(--safe));border-top:1px solid var(--line);color:var(--muted);font-size:11px}
@media(max-width:860px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:72px}.hero-orbit{position:absolute;z-index:-1;width:430px;right:-180px;top:150px;opacity:.5}.flavor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.location-card{grid-template-columns:1fr;gap:34px}footer{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.topbar{width:calc(100% - 28px);height:62px}.location-link{font-size:0}.location-link span{font-size:18px}.hero{width:calc(100% - 28px);padding:64px 0 84px}.hero h1{font-size:clamp(62px,23vw,92px)}.hero-text{font-size:15px}.hero-button{width:100%}.hero-orbit{transform:scale(.78);right:-225px}.catalog-section{padding:72px 14px 80px}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h2{font-size:42px}.search-box{min-height:56px}kbd{display:none}.flavor-grid{grid-template-columns:1fr}.flavor-card{min-height:156px;padding:19px}.flavor-card h3{margin:20px 0 16px;font-size:17px}.location-section{width:calc(100% - 28px);padding:80px 0}.location-card{padding:27px 22px;border-radius:24px}.location-card h2{font-size:40px}.age-card{padding:26px 22px}footer{width:calc(100% - 28px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
