.home-main{min-height:100vh;background-color:var(--color-background)}.hero-section{position:relative;padding:4rem 1rem;overflow:hidden}.hero-container{max-width:80rem;margin-left:auto;margin-right:auto}.hero-layout{display:grid;grid-template-columns:1fr;gap:3rem;align-items:start}@media (min-width:1024px){.hero-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}.hero-content{text-align:left;padding-top:1rem}.hero-heading{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:1rem;letter-spacing:-.025em}@media (min-width:768px){.hero-heading{font-size:1.875rem}}.hero-description{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.625}.hero-description,.hero-subsection{margin-bottom:1.5rem}.hero-subheading{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.hero-subtext{font-size:1rem;color:var(--color-text-secondary);margin-bottom:1rem}.hero-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;align-items:center}@media (min-width:640px){.hero-actions{flex-direction:row}}.hero-button-container{display:flex;flex-direction:column;align-items:center}.hero-cta-button{background-color:var(--color-primary);color:white;padding:.75rem 1.5rem;border-radius:9999px;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border:none;cursor:pointer}.hero-cta-button:hover{background-color:rgba(52,152,219,.9);transform:scale(1.05);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.hero-cta-note{font-size:.875rem;color:rgba(107,114,128,.8);margin-top:.5rem}.qr-container{display:flex;flex-direction:column;align-items:center}.qr-box{background-color:rgba(52,152,219,.8);border:1px solid rgba(52,152,219,.8);padding:1rem;border-radius:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);text-align:center}.qr-image{width:8rem;height:8rem;margin-left:auto;margin-right:auto}.qr-text{font-size:.75rem;color:white;margin-top:.5rem}.hero-image-container{display:flex;align-items:start;justify-content:center;margin-top:-5rem}.hero-image{width:100%;max-width:20rem;height:auto;object-fit:contain}.weight-loss-section{padding:.5rem 1rem}.weight-loss-container{max-width:80rem;margin-left:auto;margin-right:auto}.weight-loss-header{text-align:center;margin-bottom:0}.weight-loss-heading{font-size:1.25rem;font-weight:700;color:var(--color-primary);letter-spacing:-.025em}@media (min-width:768px){.weight-loss-heading{font-size:1.5rem}}.weight-loss-card{background-color:rgba(52,152,219,.05);border-radius:1.5rem;padding:2rem;border:1px solid rgba(52,152,219,.1)}.weight-loss-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.weight-loss-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.weight-loss-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.feature-card{text-align:center}.feature-icon-container{width:4rem;height:4rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;margin-bottom:.5rem}.feature-icon-container.orange{background-color:rgb(255 237 213)}.feature-icon-container.green{background-color:rgb(220 252 231)}.feature-icon-container.yellow{background-color:rgb(254 249 195)}.feature-icon-container.purple{background-color:rgb(243 232 255)}.feature-icon{width:2rem;height:2rem}.feature-icon.orange{color:rgb(249 115 22)}.feature-icon.green{color:rgb(34 197 94)}.feature-icon.yellow{color:rgb(234 179 8)}.feature-icon.purple{color:rgb(168 85 247)}.feature-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.feature-description{font-size:1rem;color:var(--color-text-secondary)}.food-quality-section{padding:4rem 1rem}.food-quality-container{max-width:80rem;margin-left:auto;margin-right:auto}.food-quality-layout{display:grid;grid-template-columns:1fr;gap:3rem;align-items:start}@media (min-width:1024px){.food-quality-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}.food-quality-content{text-align:left;padding-top:1rem}.food-quality-heading{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:1rem;letter-spacing:-.025em}@media (min-width:768px){.food-quality-heading{font-size:1.875rem}}.food-quality-description{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:1.5rem;line-height:1.625}.food-quality-subsection{margin-bottom:1.5rem}.food-quality-subheading{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.food-quality-subtext{font-size:1rem;color:var(--color-text-secondary);margin-bottom:1rem}.food-quality-divider{width:100%;height:1px;background-color:rgb(209 213 219);margin-top:1rem;margin-bottom:1rem}.barcode-images-container{display:flex;justify-content:center}.barcode-images-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.barcode-image-wrapper{width:100%;overflow:hidden;border-radius:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.barcode-image{width:100%;height:100%;object-fit:cover}.screenshot-container{display:flex;align-items:start;justify-content:center;margin-top:-5rem}.screenshot-wrapper{display:flex;flex-direction:column;align-items:center}.screenshot-controls{display:flex;align-items:center;gap:1rem}.screenshot-arrow{background-color:rgba(255,255,255,.9);border-radius:9999px;padding:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:all .2s;flex-shrink:0;border:none;cursor:pointer}.screenshot-arrow:hover:not(:disabled){background-color:white;transform:scale(1.1)}.screenshot-arrow:disabled{opacity:.5}.screenshot-arrow-icon{width:1.5rem;height:1.5rem;color:rgb(55 65 81)}.screenshot-viewport{position:relative;overflow:hidden}.screenshot-image{width:100%;max-width:20rem;height:auto;object-fit:contain;position:absolute;inset:0}.screenshot-indicators{display:flex;justify-content:center;margin-top:-2rem;gap:.5rem}.screenshot-indicator{width:.5rem;height:.5rem;border-radius:9999px;transition:all .3s;border:none;cursor:pointer;padding:0}.screenshot-indicator.active{background-color:#3498DB}.screenshot-indicator:not(.active){background-color:rgb(209 213 219)}.screenshot-indicator:not(.active):hover{background-color:rgb(156 163 175)}.screenshot-subtitle-container{text-align:center;margin-top:.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.screenshot-subtitle{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}