*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--primary:#3B82F6;--secondary:#8B5CF6;--success:#16A34A;--warning:#D97706;--danger:#DC2626;--surface:#FFFFFF;--text:#111827;--text-secondary:#6B7280;--text-tertiary:#9CA3AF;--border:#E5E7EB;--border-light:#F3F4F6;--bg-subtle:#F9FAFB;--bg-muted:#F3F4F6;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--fs-sm:14px;--fs-base:16px;--fs-lg:18px;--fs-xl:24px;--fs-2xl:32px;--fs-3xl:40px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.06),0 2px 4px rgba(0,0,0,0.04);--shadow-lg:0 10px 32px rgba(0,0,0,0.08),0 4px 8px rgba(0,0,0,0.04);--transition:200ms cubic-bezier(0.4,0,0.2,1)}html{scroll-behavior:smooth}body{font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--fs-base);color:var(--text);line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 var(--sp-6)}.section-pad{padding:96px 0}.top-banner{background:var(--text);color:var(--surface);text-align:center;font-size:13px;padding:var(--sp-3) var(--sp-6);letter-spacing:.01em;font-weight:400}.top-banner a{color:var(--surface);text-decoration:underline;text-underline-offset:2px;font-weight:500}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:56px}.nav-logo{font-size:20px;font-weight:600;color:var(--text);text-decoration:none;letter-spacing:-.03em;display:inline-flex;align-items:center;gap:6px}.nav-logo-icon{width:24px;height:24px}.nav-links{display:flex;gap:var(--sp-8);list-style:none}.nav-links a{font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color var(--transition)}.nav-links a.active,.nav-links a:hover{color:var(--text)}.nav-right{display:flex;gap:var(--sp-3);align-items:center}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--sp-2)}.nav-toggle span{display:block;width:20px;height:1.5px;background:var(--text);margin:4px 0;transition:.3s}.nav--open .nav-toggle span:first-child{transform:rotate(45deg) translate(4px,4px)}.nav--open .nav-toggle span:nth-child(2){opacity:0}.nav--open .nav-toggle span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.nav-mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);padding:var(--sp-2) 0;box-shadow:var(--shadow-lg)}.nav--open .nav-mobile-menu{display:block}.nav-mobile-menu>a{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-6);font-size:var(--fs-base);font-weight:500;color:var(--text);text-decoration:none;min-height:44px;transition:background var(--transition);border-bottom:1px solid var(--border-light)}.nav-mobile-menu>a:last-of-type{border-bottom:none}.nav-mobile-menu>a:hover{background:var(--bg-subtle)}.nav-mobile-menu .mobile-arrow{color:var(--text-tertiary);font-size:var(--fs-sm)}.nav-mobile-menu .mobile-cta{display:flex;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border);margin-top:var(--sp-2)}.nav-mobile-menu .mobile-cta .btn{flex:1 1;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:inherit;font-size:var(--fs-sm);font-weight:500;padding:10px 20px;border-radius:var(--radius);text-decoration:none;cursor:pointer;transition:all var(--transition);border:1px solid transparent;line-height:1}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn--primary{background:var(--text);color:var(--surface);border-color:var(--text)}.btn--primary:hover{background:#1F2937}.btn--outline{background:transparent;color:var(--text);border-color:var(--border)}.btn--outline:hover{background:var(--bg-subtle);border-color:#D1D5DB}.btn--ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn--ghost:hover{background:var(--bg-subtle);color:var(--text)}.btn--blue{background:var(--primary);color:var(--surface)}.btn--blue:hover{background:#2563EB}.btn--white{background:var(--surface);color:var(--text)}.btn--white:hover{background:var(--bg-subtle)}.btn--white-outline{background:transparent;color:var(--surface);border-color:rgba(255,255,255,.25)}.btn--white-outline:hover{border-color:rgba(255,255,255,.5)}.btn--whatsapp{background:#16A34A;color:var(--surface)}.btn--whatsapp:hover{background:#15803D}.btn--sm{padding:var(--sp-2) var(--sp-4);font-size:13px}.btn--lg{padding:14px var(--sp-8);font-size:var(--fs-base)}.section-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin-bottom:var(--sp-3)}.section-header{text-align:center;max-width:560px;margin:0 auto 64px}.section-header h2{font-size:var(--fs-2xl);font-weight:600;line-height:1.2;color:var(--text);margin-bottom:var(--sp-3);letter-spacing:-.02em}.section-header p{font-size:var(--fs-base);color:var(--text-secondary);line-height:1.6;font-weight:400}.cta-center{text-align:center;margin-top:48px}.whatsapp-notice{margin-top:48px;background:#F0FDF4;border:1px solid #bbf7d0;border-radius:var(--radius-lg);padding:var(--sp-6) var(--sp-8);display:flex;align-items:center;gap:var(--sp-4)}.whatsapp-notice-icon{width:40px;height:40px;background:var(--success);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.whatsapp-notice p{font-size:var(--fs-sm);color:var(--text);line-height:1.55}.whatsapp-notice strong{font-weight:600}.ingredient-card{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition),transform var(--transition)}.ingredient-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.ingredient-card-img{height:180px;overflow:hidden;background:var(--bg-muted)}.ingredient-card-img img{width:100%;height:100%;object-fit:cover}.ingredient-card-body{padding:var(--sp-6)}.ingredient-card-body h3{font-size:var(--fs-base);font-weight:600;margin-bottom:var(--sp-1);color:var(--text)}.ingredient-card-body .desc{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--sp-2)}.ingredient-card-body .avail{font-size:12px;color:var(--success);font-weight:500;margin-bottom:var(--sp-4)}.card-actions{display:flex;gap:var(--sp-2)}.card-actions .btn{flex:1 1;justify-content:center}.breadcrumbs{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-tertiary);margin-bottom:var(--sp-6)}.breadcrumbs a{color:var(--text-tertiary);text-decoration:none;transition:color var(--transition)}.breadcrumbs a:hover{color:var(--surface)}.breadcrumbs .sep{color:rgba(255,255,255,.2)}.breadcrumbs .current{color:var(--surface);font-weight:500}.breadcrumbs--dark a{color:var(--text-secondary)}.breadcrumbs--dark a:hover{color:var(--text)}.breadcrumbs--dark .sep{color:var(--border)}.breadcrumbs--dark .current{color:var(--text)}.page-hero{background:var(--text);color:var(--surface);padding:64px 0 56px}.page-hero h1{font-size:clamp(var(--fs-xl),4vw,var(--fs-3xl));font-weight:600;line-height:1.2;letter-spacing:-.02em;margin-bottom:var(--sp-3)}.page-hero p{font-size:var(--fs-lg);color:rgba(255,255,255,.6);max-width:520px;line-height:1.65;font-weight:300}.cta-banner{background:var(--text);color:var(--surface);text-align:center;padding:96px var(--sp-6)}.cta-banner h2{font-size:clamp(var(--fs-xl),4vw,var(--fs-3xl));font-weight:600;line-height:1.2;margin-bottom:var(--sp-4);letter-spacing:-.02em}.cta-banner p{font-size:var(--fs-base);color:rgba(255,255,255,.5);max-width:520px;margin:0 auto var(--sp-8);line-height:1.65;font-weight:300}.cta-banner-btns{display:flex;gap:var(--sp-3);justify-content:center;flex-wrap:wrap}.footer{background:var(--text);color:rgba(255,255,255,.4);border-top:1px solid rgba(255,255,255,.06);padding:64px 0 var(--sp-8)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:48px;gap:48px;margin-bottom:48px}.footer-brand .nav-logo{color:var(--surface)}.footer-brand p{font-size:var(--fs-sm);margin-top:var(--sp-4);line-height:1.65;max-width:280px}.footer-col h4{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.6);margin-bottom:var(--sp-4)}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:var(--sp-3)}.footer-col ul a{font-size:var(--fs-sm);color:rgba(255,255,255,.4);text-decoration:none;transition:color var(--transition)}.footer-col ul a:hover{color:var(--surface)}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:var(--sp-6);display:flex;justify-content:space-between;align-items:center;font-size:13px}.footer-bottom-links{display:flex;gap:var(--sp-6)}.footer-bottom-links a{color:rgba(255,255,255,.3);text-decoration:none;transition:color var(--transition)}.footer-bottom-links a:hover{color:var(--surface)}[id]{scroll-margin-top:72px}@media (max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.nav-links,.nav-right{display:none}.nav-toggle{display:block}.container{padding:0 var(--sp-4)}.section-pad{padding:56px 0}.section-header{margin-bottom:40px}.section-header h2{font-size:var(--fs-xl)}.btn{min-height:44px}.footer-grid{grid-template-columns:1fr;gap:var(--sp-8)}.footer-bottom{gap:var(--sp-4)}.footer-bottom,.whatsapp-notice{flex-direction:column;text-align:center}.page-hero{padding:48px 0 40px}.page-hero h1{font-size:var(--fs-xl)}.cta-banner{padding:64px var(--sp-4)}.cta-banner h2{font-size:var(--fs-xl)}}@media (max-width:480px){.cta-banner-btns{flex-direction:column;align-items:center}}body,html{min-height:100%}body{background:var(--surface)}.admin-shell,.legacy-page-shell{min-height:100vh}.admin-shell{display:grid;grid-template-columns:280px 1fr;background:#f3f4f6}.admin-sidebar{background:#ffffff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column}.admin-sidebar__brand{padding:24px;border-bottom:1px solid #e5e7eb}.admin-sidebar__brand h1{font-size:20px;font-weight:700;color:#111827}.admin-sidebar__brand p{margin-top:6px;font-size:13px;color:#6b7280}.admin-sidebar__nav{padding:16px;display:flex;flex-direction:column;gap:6px}.admin-sidebar__section{margin-top:18px;margin-bottom:6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af}.admin-sidebar__link{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;text-decoration:none;color:#374151;font-size:14px;font-weight:600;transition:background .16s ease,color .16s ease}.admin-sidebar__link:hover{background:#f9fafb;color:#111827}.admin-sidebar__link--active{background:#111827;color:#ffffff}.admin-sidebar__footer{margin-top:auto;padding:16px;border-top:1px solid #e5e7eb}.admin-sidebar__meta{margin-bottom:12px}.admin-sidebar__meta strong{display:block;font-size:13px;color:#111827}.admin-sidebar__meta span{display:block;margin-top:4px;font-size:12px;color:#6b7280;word-break:break-word}.admin-logout-btn{width:100%;border:0;border-radius:12px;background:#f3f4f6;color:#111827;padding:12px 14px;font-size:14px;font-weight:600;cursor:pointer}.admin-main{padding:32px}.admin-card-grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-card,.admin-login-card,.admin-panel{background:#ffffff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 12px 32px rgba(17,24,39,.04)}.admin-card{padding:20px}.admin-card h3{font-size:14px;color:#6b7280}.admin-card strong{display:block;margin-top:10px;font-size:28px;color:#111827}.admin-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.admin-page-header h1{font-size:32px;font-weight:700;color:#111827}.admin-page-header p{margin-top:8px;max-width:720px;color:#6b7280}.admin-panel{padding:24px}.admin-panel h2{font-size:18px;font-weight:700;color:#111827}.admin-panel p{margin-top:8px;color:#6b7280}.admin-status-list{margin-top:18px;display:grid;grid-gap:12px;gap:12px}.admin-status-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#f9fafb;border-radius:14px}.admin-status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.admin-status-pill--ready{background:#dcfce7;color:#166534}.admin-status-pill--pending{background:#fef3c7;color:#92400e}.admin-login-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(180deg,#f9fafb,#eef2ff);padding:24px}.admin-login-card{width:min(100%,420px);padding:28px}.admin-login-card h1{font-size:28px;font-weight:700;color:#111827}.admin-login-card p{margin-top:10px;color:#6b7280}.admin-form{margin-top:24px;display:grid;grid-gap:16px;gap:16px}.admin-form label{display:grid;grid-gap:8px;gap:8px;font-size:14px;font-weight:600;color:#111827}.admin-form input{width:100%;border:1px solid #d1d5db;border-radius:12px;padding:12px 14px;font:inherit;color:#111827;background:#ffffff}.admin-form input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.admin-password-field{position:relative}.admin-password-field input{padding-right:44px}.admin-password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;padding:4px;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center}.admin-password-toggle:hover{color:#111827}.admin-password-toggle:focus-visible{outline:none;color:#3b82f6}.admin-form button{border:0;border-radius:12px;padding:13px 16px;font:inherit;font-weight:700;color:#ffffff;background:#111827;cursor:pointer}.admin-form-error{margin-top:16px;border-radius:12px;background:#fef2f2;color:#b91c1c;padding:12px 14px;font-size:14px;font-weight:600}@media (max-width:960px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{border-right:0;border-bottom:1px solid #e5e7eb}}