html{scroll-behavior:smooth}:root{--nav-bg: rgba(255,255,255,.7);--card-bg: rgba(255,255,255,.9);--subtle: rgba(0,0,0,.02);--subtle-2: rgba(0,0,0,.04);--bg: #fffafc;--panel: #ffffff;--muted: #6b7280;--text: #0b1020;--brand-a: #FFC1CC;--brand-b: #FF8FB1;--ok: #0ea5a3;--warn: #b45309;--info: #2563eb;--border: #f1e7ee;--shadow: rgba(195, 150, 170, .25);--btn-bg: #ffffff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 600px at 70% -10%,color-mix(in srgb,var(--brand-b) 10%,transparent),transparent),radial-gradient(1200px 600px at 30% 110%,color-mix(in srgb,var(--brand-a) 8%,transparent),transparent),var(--bg);background-attachment:fixed,fixed,fixed;color:var(--text)}h1,h2,h3{font-family:Playfair Display,ui-serif,Georgia,serif;letter-spacing:.2px}.section-title{font-family:Playfair Display,ui-serif,Georgia,serif}.menu-section:nth-of-type(odd){background:linear-gradient(180deg,var(--subtle),transparent 40%)}.menu-section:nth-of-type(2n){background:linear-gradient(180deg,transparent,var(--subtle) 60%,transparent)}.container{width:min(1120px,92vw);margin-inline:auto}.section{padding:80px 0;scroll-margin-top:84px}.section.alt{background:linear-gradient(180deg,var(--subtle),transparent)}.section-title{font-size:32px;margin:0 0 24px}.grid{display:grid;gap:24px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid.four{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stack{display:flex;flex-direction:column}.row{display:flex}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.center-v{align-items:center}.nav{position:sticky;top:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--nav-bg);border-bottom:1px solid var(--border);z-index:10}.nav-inner{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:12px 0}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:600}.nav-links{display:none;gap:16px}.nav-cta{display:flex;gap:8px}@media(min-width:840px){.nav-links{display:flex}}.hero{padding-top:48px}.hero-kicker{color:var(--muted);font-weight:600;letter-spacing:.2px}.hero-title{font-size:clamp(32px,5vw,60px);line-height:1.05;margin:8px 0 12px}.grad{background:linear-gradient(90deg,var(--brand-a),var(--brand-b));-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:var(--muted)}.btn{display:inline-block;padding:12px 18px;border-radius:999px;text-decoration:none;color:var(--text);border:1px solid var(--border);background:var(--btn-bg);box-shadow:0 6px 18px var(--shadow)}.btn.primary{background:linear-gradient(90deg,color-mix(in srgb,var(--brand-a) 40%,transparent),color-mix(in srgb,var(--brand-b) 50%,transparent));border-color:color-mix(in srgb,var(--brand-b) 50%,transparent)}.btn.ghost{background:transparent}.hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.hero-badges span{border:1px solid var(--border);padding:6px 12px;border-radius:999px;font-size:12px;color:var(--muted);background:var(--subtle)}.hero-visual{position:relative;max-width:720px;margin-inline:auto}.glow{position:absolute;inset:-10%;background:radial-gradient(400px 260px at 40% 30%,color-mix(in srgb,var(--brand-b) 16%,transparent),transparent),radial-gradient(400px 260px at 70% 70%,color-mix(in srgb,var(--brand-a) 16%,transparent),transparent);filter:blur(22px)}.visual-photo{position:relative;border:1px solid var(--border);background:var(--panel);border-radius:18px;overflow:hidden;box-shadow:0 12px 28px var(--shadow);aspect-ratio:4 / 3}.visual-photo video{image-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;will-change:auto}.visual-photo img,.visual-photo video{width:100%;height:100%;object-fit:cover;display:block}.ok{color:var(--ok)}.warn{color:var(--warn)}.info{color:var(--info)}.card{border:1px solid var(--border);background:var(--card-bg);border-radius:14px;padding:16px;box-shadow:0 8px 24px var(--shadow)}.feature-card{min-height:160px}.feature-icon{font-size:24px;margin-bottom:8px}.showcase-panel{position:relative;border:1px solid var(--border);background:var(--panel);border-radius:14px;padding:16px;min-height:240px}.mesh{position:relative;height:260px}.mesh .node{position:absolute;width:16px;height:16px;background:linear-gradient(90deg,var(--brand-a),var(--brand-b));border-radius:50%;box-shadow:0 0 16px #8b5cf699;animation:pulse 2.4s infinite ease-in-out}.mesh .n1{top:20px;left:40px}.mesh .n2{top:60px;left:120px;animation-delay:.3s}.mesh .n3{top:40px;left:220px;animation-delay:.6s}.mesh .n4{top:120px;left:70px;animation-delay:.9s}.mesh .n5{top:140px;left:180px;animation-delay:1.2s}.mesh .n6{top:200px;left:40px;animation-delay:1.5s}.mesh .n7{top:180px;left:240px;animation-delay:1.8s}.mesh .n8{top:100px;left:260px;animation-delay:2.1s}.mesh .edges{position:absolute;inset:0;stroke:#8b5cf699;stroke-width:1.6;fill:none;opacity:.6}@keyframes pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.3);opacity:1}}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.menu-item{padding:16px}.menu-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.menu-meta{display:inline-flex;align-items:center;gap:8px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid var(--border)}.badge.popular{background:linear-gradient(90deg,#6ee7f91a,#8b5cf624);color:var(--text);border-color:#8b5cf666}.badge.staff{background:var(--subtle);color:var(--muted)}.menu-name{margin:0;font-size:18px}.menu-price{font-weight:700;background:linear-gradient(90deg,var(--brand-a),var(--brand-b));-webkit-background-clip:text;background-clip:text;color:transparent}.menu-desc{margin:8px 0 0}.menu-banner-wrap{position:relative;margin-top:12px;border-radius:12px;overflow:hidden}.menu-banner{width:100%;height:auto;display:block;border-radius:12px}.menu-banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000,#00000047);display:flex;align-items:end;justify-content:start;padding:18px;pointer-events:none}.menu-banner-caption{color:#fff;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.5);letter-spacing:.3px;font-size:clamp(16px,2.2vw,22px)}.faq-item{border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--subtle)}.faq-item summary{cursor:pointer;font-weight:600}.faq-item[open]{background:var(--subtle-2)}.footer{padding:36px 0;border-top:1px solid var(--border);background:var(--nav-bg)}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}nav a,.footer a{color:var(--muted);text-decoration:none}nav a:hover,.footer a:hover{color:var(--text)}.section-subtitle{margin:6px 0 20px;font-size:15px;letter-spacing:.2px}::selection{background:#dab2ff59;color:var(--text)}:focus-visible{outline:none;box-shadow:0 0 0 3px #dab2ff73;border-radius:8px}.btn.primary{background:linear-gradient(90deg,color-mix(in srgb,var(--brand-a) 80%,transparent),color-mix(in srgb,var(--brand-b) 80%,transparent));border-color:color-mix(in srgb,var(--brand-b) 60%,transparent)}.btn.primary:hover{filter:brightness(1.05);box-shadow:0 6px 18px #b16bff59}.btn.primary:active{transform:translateY(1px)}.btn.ghost:hover{border-color:color-mix(in srgb,var(--brand-b) 60%,var(--border));color:var(--text)}.card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 26px var(--shadow);border-color:color-mix(in srgb,var(--brand-b) 40%,var(--border))}.section-title{position:relative;padding-bottom:8px}.section-title:after{content:"";position:absolute;left:0;bottom:-6px;width:72px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--brand-a),var(--brand-b));opacity:.9}.badge.popular{background:linear-gradient(90deg,#dab2ff29,#b16bff33);color:var(--text);border-color:#b16bff73}html[data-theme=light]{--bg: #fffafc;--panel: #ffffff;--muted: #6b7280;--text: #0b1020;--brand-a: #FFC1CC;--brand-b: #FF8FB1;--ok: #0ea5a3;--warn: #b45309;--info: #2563eb;--border: #f1e7ee;--shadow: rgba(195, 150, 170, .18);--nav-bg: rgba(255,255,255,.7);--card-bg: rgba(255,255,255,.9);--subtle: rgba(0,0,0,.02);--subtle-2: rgba(0,0,0,.04);--btn-bg: #ffffff}html[data-theme=light] body{background:radial-gradient(1200px 600px at 70% -10%,color-mix(in srgb,var(--brand-b) 10%,transparent),transparent),radial-gradient(1200px 600px at 30% 110%,color-mix(in srgb,var(--brand-a) 8%,transparent),transparent),var(--bg);background-attachment:fixed,fixed,fixed}html[data-theme=dark]{--nav-bg: rgba(11,11,16,.6);--card-bg: rgba(20,20,35,.6);--subtle: rgba(255,255,255,.02);--subtle-2: rgba(255,255,255,.04);--bg: #0b0b10;--panel: #111119;--muted: #c5c7d0;--text: #f5f7ff;--brand-a: #DAB2FF;--brand-b: #B16BFF;--ok: #38d39f;--warn: #ffb020;--info: #6ea8fe;--border: #1f2230;--shadow: rgba(0,0,0,.35);--btn-bg: #141423}html[data-theme=dark] body{background:radial-gradient(1200px 600px at 70% -10%,color-mix(in srgb,var(--brand-b) 18%,transparent),transparent),radial-gradient(1200px 600px at 30% 110%,color-mix(in srgb,var(--brand-a) 12%,transparent),transparent),var(--bg);background-attachment:fixed,fixed,fixed}html[data-theme=dark]{--nav-bg: rgba(10,10,14,.75);--card-bg: rgba(17,17,25,.85)}html[data-theme=dark] .visual-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000001f,#0000003d);pointer-events:none}html[data-theme=dark] .visual-photo img,html[data-theme=dark] .visual-photo video{filter:none}@media(max-width:640px){.section{padding:56px 0;scroll-margin-top:72px}.container{width:min(1120px,94vw)}.nav-inner{grid-template-columns:1fr auto;gap:10px;padding:10px 0}.nav-cta{grid-column:1 / -1;justify-content:space-between}.nav-cta .btn{padding:10px 14px}.nav-cta .btn.primary{flex:1;text-align:center}.hero{padding-top:32px}.hero-badges{gap:6px}.hero-badges span{font-size:11px;padding:6px 10px}.visual-photo{aspect-ratio:1 / 1}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.menu-item{padding:14px}.menu-head{flex-direction:column;align-items:flex-start;gap:8px}.menu-name{font-size:17px}.menu-price{font-size:16px}.menu-banner-caption{font-size:clamp(15px,4.5vw,18px)}.faq-item{padding:12px}.footer-inner{flex-direction:column;align-items:flex-start;gap:10px}}