body{margin:0;min-width:320px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}html{scroll-behavior:smooth}:root{--warm-red: #D4380D;--salsa-red: #CF1322;--guac-green: #389E0D;--lime-green: #7CB305;--tortilla: #FADB14;--cream: #FFF7E6;--dark: #1A1A1A;--charcoal: #2D2D2D;--soft-white: #FFFDFB;--font-display: "Dela Gothic One", cursive;--font-body: "Inter", system-ui, sans-serif}body{font-family:var(--font-body);color:var(--dark);background:var(--soft-white);line-height:1.6;-webkit-font-smoothing:antialiased}.app{overflow-x:hidden}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b35,#d4380d 40%,#cf1322);overflow:hidden}.hero-bg-tacos{position:absolute;inset:0;pointer-events:none}.floating-emoji{position:absolute;top:-10%;opacity:.15;animation:floatDown linear infinite}@keyframes floatDown{0%{transform:translateY(-20vh) rotate(0);opacity:0}10%{opacity:.15}90%{opacity:.15}to{transform:translateY(110vh) rotate(360deg);opacity:0}}.hero-content{position:relative;z-index:2;text-align:center;padding:2rem 1.5rem}.hero-taco{display:block;font-size:5rem;animation:tacoBounce 2s ease-in-out infinite}@keyframes tacoBounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}.hero-title{display:block;font-family:var(--font-display);font-size:clamp(4rem,15vw,10rem);color:#fff;letter-spacing:.05em;text-shadow:4px 4px 0 rgba(0,0,0,.2);line-height:1}.hero-subtitle{color:#ffffffe6;font-size:clamp(1rem,3vw,1.5rem);margin-top:1rem;font-weight:500}.hero-cta{display:inline-block;margin-top:2rem;padding:1rem 2.5rem;background:#fff;color:var(--warm-red);font-weight:600;font-size:1.1rem;border-radius:50px;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #0003}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0000004d}.section{padding:5rem 1.5rem;max-width:1100px;margin:0 auto}.section-title{font-family:var(--font-display);font-size:clamp(2rem,6vw,3rem);text-align:center;color:var(--dark);margin-bottom:.5rem}.section-subtitle{text-align:center;color:#666;font-size:1.1rem;margin-bottom:3rem}.taco-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.taco-card{perspective:800px;height:280px;cursor:pointer;animation:fadeInUp .5s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.taco-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:20px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.card-front{background:linear-gradient(145deg,#fff7e6,#fff1d6);border:2px solid #FFE0B2;box-shadow:0 4px 20px #d4380d14}.card-back{background:linear-gradient(145deg,var(--charcoal),var(--dark));color:#fff;transform:rotateY(180deg)}.card-back h3{color:var(--tortilla);margin-bottom:.75rem;font-family:var(--font-display);font-size:1.3rem}.card-back p{font-size:.95rem;line-height:1.5;color:#ffffffd9}.taco-emoji{font-size:3.5rem;margin-bottom:.75rem}.card-front h3{font-family:var(--font-display);font-size:1.4rem;color:var(--dark);margin-bottom:.25rem}.origin{font-size:.85rem;color:#888}.tap-hint{font-size:.75rem;color:#bbb;margin-top:auto;font-style:italic}.heat-row{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.9rem;color:#ffffffb3}.heat-level{display:flex;gap:2px}.pepper{font-size:.85rem;opacity:.3}.pepper.hot{opacity:1}.fact-section{padding:4rem 1.5rem}.fact-card{background:linear-gradient(135deg,#ff6b35,#d4380d);border-radius:24px;padding:3rem 2rem;text-align:center;color:#fff;max-width:700px;margin:0 auto;box-shadow:0 10px 40px #d4380d40}.fact-card h2{font-family:var(--font-display);font-size:1.8rem;margin-bottom:1.5rem}.fact-text{font-size:1.15rem;line-height:1.7;margin-bottom:2rem;min-height:4.5em;font-style:italic}.fact-btn{background:#fff;color:var(--warm-red);border:none;padding:.8rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 10px #00000026}.fact-btn:hover{transform:scale(1.05);box-shadow:0 4px 20px #0003}.anatomy-section{background:var(--cream);max-width:100%;padding:5rem 1.5rem}.anatomy-section .section-title{max-width:1100px;margin:0 auto 2.5rem}.anatomy-stack{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.anatomy-layer{display:flex;align-items:center;gap:1.25rem;background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 12px #0000000f;animation:fadeInUp .5s ease both;transition:transform .2s}.anatomy-layer:hover{transform:translate(8px)}.layer-emoji{font-size:2.5rem;flex-shrink:0}.layer-info h3{font-family:var(--font-display);font-size:1.1rem;color:var(--warm-red);margin-bottom:.25rem}.layer-info p{font-size:.95rem;color:#555;line-height:1.5}.cta-section{text-align:center;padding:6rem 1.5rem}.cta-section h2{font-family:var(--font-display);font-size:clamp(2rem,7vw,3.5rem);color:var(--warm-red);line-height:1.2;margin-bottom:1rem}.cta-section p{font-size:1.15rem;color:#666;max-width:500px;margin:0 auto}.footer{text-align:center;padding:3rem 1.5rem;background:var(--dark);color:#fff9;font-size:.9rem}.footer p:first-child{font-size:1.1rem;color:#fff;margin-bottom:.5rem}.footer-sub a{color:var(--tortilla);text-decoration:none}.footer-sub a:hover{text-decoration:underline}@media(max-width:768px){.hero{min-height:90vh}.hero-taco{font-size:4rem}.section{padding:3.5rem 1.25rem}.taco-grid{grid-template-columns:1fr 1fr;gap:1rem}.taco-card{height:240px}.taco-emoji{font-size:2.5rem}.card-front h3,.card-back h3{font-size:1.1rem}.card-back p{font-size:.85rem}.fact-card{padding:2rem 1.5rem}.fact-text{font-size:1rem}.anatomy-layer{padding:1.25rem;gap:1rem}.layer-emoji{font-size:2rem}.layer-info h3{font-size:1rem}.layer-info p{font-size:.85rem}.cta-section{padding:4rem 1.5rem}}@media(max-width:480px){.taco-grid{grid-template-columns:1fr}.taco-card{height:220px}.hero-cta{padding:.8rem 2rem;font-size:1rem}.anatomy-layer:hover{transform:none}}