.hero{color:#fff;align-items:center;min-height:100dvh;padding-top:64px;display:flex;position:relative;overflow:hidden}.hero-video-wrap{z-index:0;position:absolute;inset:0}.hero-video{object-fit:cover;opacity:.45;width:100%;height:100%}.hero-overlay{background:linear-gradient(135deg,#0a0f2ed9 0%,#1b256199 50%,#0a0f2ebf 100%);position:absolute;inset:0}.hero-grid-bg{background-image:linear-gradient(#4cd9640d 1px,#0000 1px),linear-gradient(90deg,#4cd9640d 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.hero-content{z-index:2;padding-top:var(--space-xl);padding-bottom:var(--space-xl);position:relative}.hero-eyebrow{color:var(--green-bright);margin-bottom:var(--space-sm);display:block}.hero h1{max-width:900px;margin-bottom:var(--space-md);color:#fff}.hero h1 .accent{color:var(--acid);font-style:italic}.hero-subtitle{color:#ffffffbf;max-width:580px;margin-bottom:var(--space-md);font-size:18px;line-height:1.6}.hero-ctas{gap:var(--space-sm);flex-wrap:wrap;display:flex}.hero-scroll-hint{z-index:2;letter-spacing:2px;text-transform:uppercase;color:#fff6;flex-direction:column;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(#fff6,#0000);width:1px;height:40px;animation:2s ease-in-out infinite scrollDown}@keyframes scrollDown{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}.btn{font-family:var(--font-sans);letter-spacing:.3px;border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:500;text-decoration:none;transition:background .16s ease-out,border-color .16s ease-out,color .16s ease-out,transform .12s ease-out;display:inline-flex}@media (hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-1px)}}.btn:active{transform:scale(.97)}.btn-primary{background:var(--green);color:#fff;border-color:var(--green)}.btn-primary:hover{background:var(--green-bright);border-color:var(--green-bright);color:var(--ink)}.btn-ghost{color:#fff;background:0 0;border-color:#fff6}.btn-ghost:hover{background:#ffffff14;border-color:#fff}.btn-outline{color:var(--navy);border-color:var(--navy);background:0 0}.btn-outline:hover{background:var(--navy);color:#fff}.section{padding:var(--space-xl) 0}.section-header-inline{justify-content:space-between;align-items:flex-end;gap:var(--space-md);margin-bottom:48px;display:flex}.periodic-preview-grid{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.ptable-cell{aspect-ratio:1;border:1px solid var(--gray-300);border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition), background var(--transition), border-color var(--transition), box-shadow var(--transition), opacity var(--transition);background:#fff;flex-direction:column;justify-content:space-between;padding:10px 8px;display:flex;position:relative}.ptable-cell:hover{background:var(--acid);border-color:var(--acid);z-index:5;transform:scale(1.06);box-shadow:0 8px 24px #1b256126}.ptable-cell.cat-aminoacido{border-color:#4cd96499}.ptable-cell.cat-mineral{border-color:#ff4d2e99}.ptable-cell.cat-proteina{background:#daff000a;border-color:#daff00b3}.ptable-cell.cat-texturizante{border-color:var(--gray-300)}.ptable-cell.cat-otros{border-color:#1b25614d}.ptable-num{font-family:var(--font-mono);color:var(--gray-500);font-size:9px;line-height:1}.ptable-symbol{font-family:var(--font-serif);color:var(--navy);font-size:clamp(16px,2.5vw,22px);font-weight:400;line-height:1}.ptable-name{letter-spacing:.3px;text-transform:uppercase;color:var(--gray-500);font-size:8px;line-height:1.2}.ptable-cell:hover .ptable-num,.ptable-cell:hover .ptable-name{color:var(--gray-700)}.ptable-cell:hover .ptable-symbol{color:var(--ink)}.solutions-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.solution-card{border-radius:var(--radius-md);border:1px solid var(--gray-300);background:#fff;flex-direction:column;text-decoration:none;transition:border-color .18s ease-out,box-shadow .18s ease-out,transform .18s cubic-bezier(.23,1,.32,1);display:flex;overflow:hidden}@media (hover:hover) and (pointer:fine){.solution-card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 8px 32px #2e7d321f}.solution-card:hover .solution-img{transform:scale(1.04)}}.solution-card .solution-title,.solution-card .solution-desc,.solution-card .solution-arrow{padding:0 24px}.solution-card .solution-title{padding-top:20px}.solution-card .solution-arrow{padding-bottom:20px}.solution-img{background-position:50%;background-size:cover;flex-shrink:0;width:100%;height:160px;transition:transform .3s cubic-bezier(.23,1,.32,1)}.solution-icon{display:none}.solution-title{font-family:var(--font-serif);color:var(--navy);font-size:20px;font-weight:400}.solution-desc{color:var(--gray-700);flex:1;font-size:13px;line-height:1.6}.solution-arrow{font-family:var(--font-mono);color:var(--green);letter-spacing:1px;font-size:12px}.why-grid{gap:var(--space-lg);grid-template-columns:1fr 1fr;align-items:start;display:grid}.why-text h2{margin-top:12px}.why-text em{color:var(--green);font-style:italic}.why-pillars{grid-template-columns:1fr 1fr;gap:20px;display:grid}.why-pillar{background:var(--bone);border-radius:var(--radius-sm);padding:24px}.pillar-num{font-family:var(--font-mono);color:var(--gray-500);letter-spacing:1px;margin-bottom:8px;font-size:10px}.pillar-title{font-family:var(--font-serif);color:var(--navy);margin-bottom:8px;font-size:18px}.why-pillar p{font-size:13px}.cart-badge{background:var(--acid);color:var(--ink);font-size:10px;font-weight:700;font-family:var(--font-mono);vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-left:4px;display:inline-flex}@media (width<=900px){.section-header-inline{flex-direction:column;align-items:flex-start}.periodic-preview-grid{grid-template-columns:repeat(4,1fr)}.solutions-grid{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:1fr}.why-pillars{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(36px,8vw,56px)}}@media (width<=600px){.solutions-grid,.why-pillars{grid-template-columns:1fr}.periodic-preview-grid{grid-template-columns:repeat(4,1fr)}.hero-ctas{flex-direction:column}.btn{justify-content:center;width:100%}}