:root{
  --bg:#061114; --panel:#081b20; --panel2:#0b2429; --teal:#00d7d7; --teal2:#34f0df;
  --cream:#f3d7ae; --white:#fff7ec; --muted:#a8c0c2; --line:rgba(255,255,255,.12);
  --shadow:0 28px 90px rgba(0,0,0,.5);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at 20% 10%,#12343b 0,#061114 34%,#020709 100%);font-family:Inter,system-ui,sans-serif;color:var(--white)}
a{color:inherit;text-decoration:none}.page-shell{width:min(1180px,94vw);margin:28px auto;border:1px solid var(--line);border-radius:42px;overflow:hidden;background:linear-gradient(145deg,rgba(7,20,24,.98),rgba(4,10,12,.98));box-shadow:var(--shadow)}
.nav{height:92px;display:flex;align-items:center;gap:28px;padding:16px 28px;border-bottom:1px solid var(--line);background:rgba(4,12,15,.72);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.brand img{width:124px;height:auto;display:block;border-radius:16px;object-fit:contain}.menu{display:flex;gap:24px;align-items:center;margin-left:auto;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.menu a{opacity:.82}.menu a:hover{color:var(--teal);opacity:1}.search-pill{border:1px solid var(--line);border-radius:999px;padding:12px 18px;color:#dff;font-size:13px;font-weight:800;background:rgba(255,255,255,.04)}
.hero-card{min-height:610px;display:grid;grid-template-columns:1.02fr .98fr;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.22)),url('https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&w=1600&q=80');background-size:cover;background-position:center}.hero-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 58% 45%,rgba(0,215,215,.22),transparent 30%),linear-gradient(180deg,rgba(4,14,17,.25),rgba(4,14,17,.92));pointer-events:none}.hero-copy,.hero-visual{position:relative;z-index:1}.hero-copy{padding:86px 56px 60px}.eyebrow{color:var(--teal2);font-weight:900;text-transform:uppercase;letter-spacing:.11em;text-shadow:0 0 24px rgba(0,215,215,.5)}h1{font-size:clamp(48px,6vw,82px);line-height:.92;margin:14px 0 22px;font-weight:900;letter-spacing:-.07em}h1 span{font-family:Pacifico,cursive;color:var(--teal2);font-weight:400;letter-spacing:0;text-shadow:0 0 26px rgba(0,215,215,.55)}.hero-copy p{max-width:560px;color:#e7f5f3;font-size:18px;line-height:1.65;font-weight:650}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.btn{padding:15px 22px;border-radius:999px;font-weight:900}.primary{background:linear-gradient(135deg,var(--teal),#21f2d1);color:#041112;box-shadow:0 12px 34px rgba(0,215,215,.25)}.ghost{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06)}.trust-row{display:flex;gap:14px;flex-wrap:wrap;color:#cae3df;font-size:13px;font-weight:800}.trust-row span:before{content:'♡';color:var(--teal);margin-right:6px}
.hero-visual{min-height:540px}.market-sign{position:absolute;right:38px;top:78px;border:1px solid var(--line);border-radius:12px;padding:18px 24px;text-transform:uppercase;font-family:Permanent Marker,cursive;font-size:34px;line-height:.95;background:rgba(0,0,0,.48);color:var(--cream);transform:rotate(-1deg);box-shadow:0 20px 50px rgba(0,0,0,.3)}.market-sign b{color:var(--teal2)}.produce-glow{position:absolute;right:130px;top:120px;width:280px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(255,200,72,.45),transparent 65%);filter:blur(4px)}.bag{position:absolute;right:120px;top:210px;width:310px;height:235px;border-radius:24px 24px 36px 36px;background:linear-gradient(135deg,#f5dfbd,#d9b98a);box-shadow:0 26px 70px rgba(0,0,0,.46);transform:rotate(2deg)}.bag-handle{position:absolute;left:86px;top:-82px;width:140px;height:130px;border:20px solid #eed7b5;border-bottom:0;border-radius:90px 90px 0 0}.bag-logo{position:absolute;inset:54px 0 auto;text-align:center;color:#179aa0;font-size:52px;line-height:.7;font-weight:400;letter-spacing:.12em}.bag-logo small{font-size:34px;color:#6e8d94;letter-spacing:.2em}.bag-logo em{display:block;font-family:Pacifico,cursive;font-style:normal;color:#b79064;font-size:28px;letter-spacing:0;margin-top:16px}.produce{position:absolute;border-radius:50%;filter:saturate(1.25)}.produce-1{top:-48px;left:30px;width:86px;height:86px;background:radial-gradient(circle,#e6412e,#8c190f)}.produce-2{top:-62px;left:128px;width:92px;height:92px;background:radial-gradient(circle,#61c65f,#196d31)}.produce-3{top:-44px;right:34px;width:82px;height:82px;background:radial-gradient(circle,#ffb22e,#d45f10)}.note{position:absolute;right:28px;bottom:76px;background:#f7e9cf;color:#155057;padding:16px 20px;border-radius:4px;font-family:Pacifico,cursive;font-size:25px;transform:rotate(-5deg);box-shadow:0 14px 40px rgba(0,0,0,.3)}
.how,.locals,.benefits,.footer{padding:48px 50px;border-top:1px solid var(--line)}.section-title{font-size:36px;color:var(--teal2);margin-bottom:26px}.handwritten{font-family:Pacifico,cursive;font-weight:400}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps article,.benefits article{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:24px;padding:22px;min-height:150px}.steps span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(0,215,215,.14);color:var(--teal);font-weight:900;border:1px solid rgba(0,215,215,.3)}h3{margin:16px 0 8px;font-size:18px}.steps p,.benefits p,.card p,.footer p{color:var(--muted);line-height:1.55;margin:0}.locals-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.mini{font-family:Pacifico,cursive;color:var(--teal2);font-size:28px}.locals h2{font-size:36px;margin:6px 0 0}.locals-head a{border:1px solid var(--line);border-radius:999px;padding:12px 18px;font-weight:900}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{height:205px;border-radius:24px;overflow:hidden;position:relative;background-size:cover;background-position:center;box-shadow:inset 0 -110px 80px rgba(0,0,0,.76);border:1px solid var(--line)}.card div{position:absolute;left:18px;right:18px;bottom:18px}.card h3{margin:0 0 4px}.verduras{background-image:url('https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&w=700&q=80')}.pan{background-image:url('https://images.unsplash.com/photo-1509440159596-0249088772ff?auto=format&fit=crop&w=700&q=80')}.huevos{background-image:url('https://images.unsplash.com/photo-1582722872445-44dc5f7e3c8f?auto=format&fit=crop&w=700&q=80')}.delicias{background-image:url('https://images.unsplash.com/photo-1486297678162-eb2a19b0a32d?auto=format&fit=crop&w=700&q=80')}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:linear-gradient(90deg,rgba(0,215,215,.18),rgba(8,27,32,.92))}.benefits strong{display:block;font-size:17px;margin-bottom:8px;color:#fff}.footer{display:flex;align-items:center;gap:20px;background:#020709}.footer img{width:105px;border-radius:14px}.footer a{margin-left:auto;color:var(--teal2);font-weight:900}
@media(max-width:900px){.page-shell{width:100%;margin:0;border-radius:0}.nav{height:auto;align-items:flex-start}.menu,.search-pill{display:none}.brand img{width:108px}.hero-card{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:54px 24px 30px}h1{font-size:50px}.hero-visual{min-height:360px}.market-sign{right:16px;top:20px;font-size:24px}.bag{right:38px;top:110px;width:240px;height:185px}.bag-logo{font-size:40px}.bag-logo small{font-size:26px}.note{display:none}.steps,.cards,.benefits{grid-template-columns:1fr}.how,.locals,.benefits,.footer{padding:34px 22px}.locals-head{display:block}.footer{display:block}.footer a{display:block;margin:18px 0 0}}