.hero{align-items:center;min-height:100vh;padding-top:8rem;display:flex}.hero-container{align-items:center}.badge{background:var(--surface);border-radius:var(--radius-full);letter-spacing:1px;color:var(--primary);box-shadow:var(--shadow-sm);align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex}.hero-title{letter-spacing:-1px;margin-bottom:1.5rem;font-size:4rem}.hero-title em{color:var(--secondary);font-style:italic;font-weight:400}.hero-description{color:var(--text-muted);max-width:90%;margin-bottom:2.5rem;font-size:1.125rem}.hero-actions{gap:1rem;margin-bottom:3rem;display:flex}.hero-btn{padding:1rem 2rem}.social-proof{align-items:center;gap:1rem;display:flex}.avatars{display:flex}.avatar{background:var(--surface);border:2px solid var(--background);width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;margin-left:-10px;display:flex}.avatar:first-child{margin-left:0}.social-proof p{color:var(--text-muted);font-size:.9rem}.social-proof strong{color:var(--text-main)}.hero-visual{--mx:0;--my:0;height:600px;position:relative}.phone-layer{pointer-events:none;will-change:transform;position:absolute;top:0;bottom:0;left:0;right:0}.phone-layer .phone-mockup{pointer-events:auto}.phone-layer-1{transform:translate3d(calc(var(--mx) * -12px), calc(var(--my) * -8px), 0);z-index:1}.phone-layer-2{transform:translate3d(calc(var(--mx) * 18px), calc(var(--my) * 12px), 0);z-index:2}.phone-layer-card{will-change:transform;transform:translate3d(calc(var(--mx) * 28px), calc(var(--my) * 18px), 0);animation:5.5s ease-in-out infinite hero-float-card}.phone-mockup{width:280px;height:580px;box-shadow:var(--shadow-lg);will-change:transform;background:#111;border-radius:40px;padding:12px;position:absolute}.phone-1{z-index:1;animation:7s ease-in-out infinite hero-float-1;top:40px;left:0;transform:rotate(-5deg)}.phone-2{z-index:2;animation:8.5s ease-in-out infinite hero-float-2;top:0;right:20px;transform:rotate(5deg)}@keyframes hero-float-1{0%,to{transform:rotate(-5deg)translateY(0)}50%{transform:rotate(-5deg)translateY(-14px)}}@keyframes hero-float-2{0%,to{transform:rotate(5deg)translateY(0)}50%{transform:rotate(5deg)translateY(-10px)}}@keyframes hero-float-card{0%,to{transform:translate3d(calc(var(--mx) * 28px), calc(var(--my) * 18px), 0) translateY(0)}50%{transform:translate3d(calc(var(--mx) * 28px), calc(var(--my) * 18px), 0) translateY(-8px)}}.phone-screen{background:var(--surface);border-radius:30px;width:100%;height:100%;overflow:hidden}.classic-theme{background:#fff;border:1px solid #eee}.botanical-theme{background:#fdfaf8}.floating-card{z-index:3;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:absolute;bottom:100px;right:-20px}.qr-placeholder{background:var(--primary);color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;font-size:.7rem;display:flex}.floating-text{flex-direction:column;display:flex}.floating-text strong{font-size:.85rem}.floating-text span{color:var(--text-muted);font-size:.8rem}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-actions{flex-direction:column}.hero-visual{transform-origin:top;width:100%;max-width:380px;height:480px;margin-top:3rem;margin-left:auto;margin-right:auto;display:block;transform:scale(.8)}.phone-1{left:-10px}.phone-2{right:-10px}.floating-card{width:-webkit-max-content;width:-moz-max-content;width:max-content;bottom:-10px;right:50%}.phone-layer-card{animation:5.5s ease-in-out infinite hero-float-card-mobile;transform:translate(50%)}@keyframes hero-float-card-mobile{0%,to{transform:translate(50%)translateY(0)}50%{transform:translate(50%)translateY(-6px)}}}@media (prefers-reduced-motion:reduce){.phone-1,.phone-2,.phone-layer-card{animation:none!important}.phone-layer-1,.phone-layer-2,.phone-layer-card{transform:none!important}.floating-card{transform:none}@media (max-width:768px){.floating-card{transform:translate(50%)}}}.allergens-section{background-color:var(--surface)}.allergens-title{margin-bottom:1.5rem;font-size:3rem;line-height:1.1}.allergens-title strong{color:var(--secondary)}.allergens-subtitle{color:var(--text-muted);max-width:700px;margin:0 auto 3rem;font-size:1.1rem}.card{border-radius:var(--radius-lg);flex-direction:column;gap:1rem;padding:2.5rem;display:flex}.card h3{font-size:1.5rem}.card p{color:var(--text-muted);font-size:1rem}.light-card{background-color:var(--background)}.dark-card{background-color:var(--primary);color:var(--surface)}.dark-card h3{color:var(--surface)}.dark-card p{color:rgba(255,255,255,.8)}.icon-primary{color:var(--primary);margin-bottom:.5rem}.icon-light{color:var(--surface);margin-bottom:.5rem}.allergens-registry{width:100%;margin-bottom:5rem}.allergens-registry-header{text-align:left;margin-bottom:2rem}.allergens-registry-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .65rem;font-size:.72rem;font-weight:600}.allergens-registry-title{letter-spacing:-.02em;color:var(--text-main);margin:0 0 .5rem;font-size:max(1.35rem,min(2.5vw,1.75rem));font-weight:700}.allergens-registry-lead{max-width:36rem;color:var(--text-muted);margin:0;font-size:.98rem;line-height:1.65}.allergens-registry-panel{border-radius:var(--radius-md);background:var(--surface);border:1px solid rgba(17,24,39,.08);overflow:hidden}.allergens-registry-list{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.allergens-registry-item{border-bottom:1px solid rgba(17,24,39,.06);grid-template-columns:28px 1fr auto;align-items:center;gap:.85rem;padding:.95rem 1.15rem;display:grid}.allergens-registry-item:nth-child(odd){border-right:1px solid rgba(17,24,39,.06)}.allergens-registry-icon{object-fit:contain;opacity:.92;width:28px;height:28px;display:block}.allergens-registry-name{color:var(--text-main);font-size:.92rem;font-weight:500;line-height:1.3}.allergens-registry-index{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:rgba(107,114,128,.65);font-size:.72rem;font-weight:500}.allergens-registry-footnote{color:var(--text-muted);text-align:left;border-top:1px solid rgba(17,24,39,.06);margin:1rem 0 0;padding-top:1rem;font-size:.88rem;line-height:1.6}.outlined-card{border:1px solid var(--neutral);background-color:var(--surface)}.card-header{align-items:center;gap:1rem;display:flex}.card-header h4{font-size:1.25rem}.card-icon{background:var(--background);border-radius:var(--radius-md);padding:.5rem;font-size:1.2rem}.filter-banner{background:var(--primary);color:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-top:5rem;padding:4rem;position:relative;overflow:hidden}.filter-slider{grid-template-columns:1.05fr .95fr;grid-template-areas:"copy media""controls media";align-items:center;gap:1.25rem 3rem;display:grid}.filter-slider-copy{grid-area:copy}.filter-slider-controls{flex-wrap:wrap;grid-area:controls;align-items:center;gap:.85rem;margin-top:0;display:flex}.filter-slider-media{grid-area:media;align-self:center;min-width:0}.filter-slider-step{letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.65);margin:0 0 .75rem;font-size:.78rem;font-weight:600}.filter-slider-title{color:var(--surface);letter-spacing:-1px;margin:0 0 1.5rem;font-size:2.5rem;line-height:1.2}.filter-slider-text{color:rgba(255,255,255,.9);margin:0 0 2rem;font-size:1.15rem;line-height:1.6}.filter-slider-btn{color:var(--surface);border-radius:var(--radius-full);cursor:pointer;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);align-items:center;gap:.35rem;padding:.55rem 1rem;font-size:.88rem;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.filter-slider-btn:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.45)}.filter-slider-dots{align-items:center;gap:.45rem;display:flex}.filter-slider-dot{cursor:pointer;background:rgba(255,255,255,.35);border:none;border-radius:999px;width:8px;height:8px;padding:0;transition:width .2s,background .2s}.filter-slider-dot.is-active{background:var(--surface);width:22px}.filter-slider-viewport{border-radius:var(--radius-md);overflow:hidden}.filter-slider-track{will-change:transform;transition:transform .35s;display:flex}.filter-slider-slide{justify-content:center;align-items:center;min-width:100%;display:flex}.btn-filter{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-md);white-space:nowrap;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;display:inline-block}.filter-banner-img{border-radius:var(--radius-md);object-fit:contain;background:rgba(255,255,255,.04);width:100%;max-width:100%;height:auto;display:block;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}@media (max-width:768px){.allergens-header{text-align:left!important}.allergens-title{font-size:2.2rem}.allergens-registry-list{grid-template-columns:1fr}.allergens-registry-item:nth-child(odd){border-right:none}.allergens-registry-item{padding:.9rem 1rem}.allergens-registry-name{font-size:.88rem}.filter-banner{padding:2.5rem 1.5rem}.filter-slider{grid-template-columns:1fr;grid-template-areas:"copy""controls""media";gap:1rem}.filter-slider-controls{justify-content:center}.filter-slider-title{font-size:1.85rem}.filter-slider-text{margin-bottom:1.25rem;font-size:1.05rem}.btn-filter{padding:1rem 1.5rem;font-size:1rem}}.slider-btn{background:var(--background);color:var(--primary);border:1px solid var(--neutral);width:45px;height:45px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.slider-btn:hover{background:var(--primary);color:var(--surface);border-color:var(--primary)}.slider-container{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:2rem;padding-bottom:2rem;display:flex;overflow-x:auto}.slider-container::-webkit-scrollbar{display:none}.success-card{background:var(--surface);border-radius:var(--radius-lg);min-width:350px;max-width:350px;box-shadow:var(--shadow-sm);scroll-snap-align:start;border:1px solid rgba(0,0,0,.05);flex-direction:column;transition:transform .3s;display:flex;overflow:hidden}.success-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.success-image-wrapper{background:var(--background);height:200px;position:relative;overflow:hidden}.success-image{object-fit:cover;object-position:top;opacity:.8;width:100%;height:100%;transition:opacity .3s}.success-card:hover .success-image{opacity:1}.success-badge{background:var(--primary);color:var(--surface);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);padding:.4rem 1rem;font-size:.8rem;font-weight:600;position:absolute;top:1rem;right:1rem}.success-content{flex-direction:column;flex-grow:1;padding:2rem;display:flex}.view-all-success-btn{padding:1rem 3rem;font-size:1.1rem}@media (max-width:768px){.success-card{min-width:280px;max-width:280px}.success-content{padding:1.5rem}.success-btn-mobile{padding:.75rem 1rem;font-size:.95rem}.view-all-success-btn{white-space:nowrap;justify-content:center;width:100%;padding:.8rem 1.5rem;font-size:.85rem;display:flex}}