.feature-showcase{padding:125px 0;background:#f6f4e9;overflow:hidden}.feature-intro{text-align:center;max-width:850px}.feature-intro h2{margin:18px 0 22px;font:600 clamp(50px,6vw,82px)/.94 "Fraunces",serif;letter-spacing:-.055em}.feature-intro h2 em{color:#397153;font-weight:400}.feature-intro>p{max-width:650px;margin:auto;color:#657069;font-size:17px;line-height:1.7}.showcase-shell{margin-top:72px;min-height:610px;display:grid;grid-template-columns:.86fr 1.14fr;background:#10291f;color:#fff;border-radius:36px;overflow:hidden;box-shadow:0 35px 90px rgba(18,60,41,.16)}.showcase-copy{position:relative;padding:64px 58px;display:flex;flex-direction:column;justify-content:center}.slide-count{position:absolute;top:34px;left:58px;color:rgba(255,255,255,.38);font-size:12px;letter-spacing:.14em}.slide-count span{color:#b9ff66}.slide-copy{display:none;animation:copyIn .6s cubic-bezier(.2,.8,.2,1)}.slide-copy.active{display:block}.slide-copy>span{display:block;color:#b9ff66;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;margin-bottom:20px}.slide-copy h3{margin:0;font:600 clamp(42px,4.5vw,66px)/.96 "Fraunces",serif;letter-spacing:-.05em}.slide-copy p{color:rgba(255,255,255,.62);line-height:1.7;font-size:16px;max-width:430px;margin:24px 0 0}.slide-controls{position:absolute;left:58px;right:58px;bottom:40px;display:flex;align-items:center;gap:16px}.slide-controls>button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:transparent;color:#fff;font-size:17px;cursor:pointer}.slide-controls>button:hover{background:#b9ff66;color:#10291f;border-color:#b9ff66}.slide-dots{display:flex;flex:1;gap:7px}.slide-dots button{height:3px;flex:1;border:0;background:rgba(255,255,255,.2);padding:0;cursor:pointer}.slide-dots button.active{background:#b9ff66}.showcase-visual{position:relative;min-height:610px;background:#c8ff82;display:grid;place-items:center;overflow:hidden}.visual-glow{position:absolute;width:520px;height:520px;border:1px solid rgba(16,41,31,.15);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.09),0 0 0 160px rgba(255,255,255,.07)}.visual-card{position:absolute;width:min(390px,75%);min-height:450px;background:#fbfaf4;color:#102019;border:1px solid rgba(16,41,31,.1);border-radius:34px;padding:28px;box-shadow:0 30px 60px rgba(16,41,31,.25);opacity:0;transform:translateY(70px) rotate(5deg) scale(.92);pointer-events:none;transition:opacity .55s ease,transform .7s cubic-bezier(.2,.85,.2,1)}.visual-card.active{opacity:1;transform:translateY(0) rotate(-2deg) scale(1);pointer-events:auto}.visual-label{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800;color:#51705f;margin-bottom:24px}.scanner-frame{height:270px;border-radius:24px;background:url("hero-food.png") 70% center/cover;position:relative;overflow:hidden}.scanner-frame:after{content:"";position:absolute;inset:16px;border:2px solid #b9ff66;border-radius:18px;box-shadow:inset 0 0 30px rgba(185,255,102,.16)}.scanner-frame>span{position:absolute;left:18px;right:18px;top:45%;height:2px;background:#b9ff66;box-shadow:0 0 16px #b9ff66;z-index:2;animation:scan 2.4s ease-in-out infinite}.ingredient-chips{position:absolute;z-index:3;inset:0}.ingredient-chips b{position:absolute;background:#fff;color:#183b2b;border-radius:30px;padding:7px 10px;font-size:9px;box-shadow:0 7px 20px rgba(0,0,0,.18)}.ingredient-chips b:nth-child(1){top:30%;right:12%}.ingredient-chips b:nth-child(2){bottom:20%;left:14%}.ingredient-chips b:nth-child(3){top:15%;left:18%}.visual-result{display:flex;flex-direction:column;margin-top:18px}.visual-result strong{font:600 20px "Fraunces",serif}.visual-result span{font-size:11px;color:#718078;margin-top:4px}.nutrition-ring{width:180px;height:180px;margin:10px auto 24px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#fbfaf4 59%,transparent 60%),conic-gradient(#1f6846 84%,#e1e6db 0)}.nutrition-ring strong{font:700 42px "Fraunces",serif}.nutrition-ring span{font-size:10px;color:#657069}.nutrient-bars>div{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:12px;margin:15px 0;font-size:11px}.nutrient-bars i{height:8px;background:linear-gradient(90deg,#ff805d var(--fill),#e4e8df var(--fill));border-radius:10px}.week-row{display:flex;justify-content:space-between}.week-row b{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:11px;background:#e9ecdf}.week-row .selected{background:#163f2d;color:#fff}.meal-list{margin:28px 0 20px}.meal-list>div{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #e0e4da}.meal-thumb{width:52px;height:52px;border-radius:14px;background:url("hero-food.png") center/cover}.meal-thumb.two{background-position:70% center}.meal-list p{display:flex;flex-direction:column;margin:0}.meal-list strong{font-size:12px}.meal-list small{font-size:9px;color:#718078;margin-top:4px}.planner-ui>button{width:100%;border:0;border-radius:30px;background:#163f2d;color:#fff;padding:14px;font-weight:700}.co2-number{text-align:center;margin:45px 0 26px}.co2-number strong{display:block;font:700 74px/.9 "Fraunces",serif;color:#1f6846}.co2-number span{font-size:12px;color:#657069}.impact-chart{height:140px;display:flex;align-items:end;gap:10px;border-bottom:1px solid #ced6cc}.impact-chart i{flex:1;background:#b9ff66;border-radius:8px 8px 0 0}.impact-chart i:nth-child(1){height:30%}.impact-chart i:nth-child(2){height:44%}.impact-chart i:nth-child(3){height:38%}.impact-chart i:nth-child(4){height:62%}.impact-chart i:nth-child(5){height:58%}.impact-chart i:nth-child(6){height:82%}.impact-chart i:nth-child(7){height:96%;background:#1f6846}.planet-ui>p{text-align:center;color:#657069;font-size:10px}.recipe-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.recipe-grid>div{background:#e9ecdf;border-radius:18px;padding:8px}.recipe-grid span{display:block;height:130px;border-radius:13px;background:url("hero-food.png") center/cover}.recipe-grid>div:nth-child(2) span{background-position:80% center}.recipe-grid>div:nth-child(3) span{filter:hue-rotate(25deg)}.recipe-grid>div:nth-child(4) span{filter:hue-rotate(290deg)}.recipe-grid b{display:block;font-size:10px;padding:9px 4px 4px}.chef-profile{display:flex;align-items:center;gap:12px}.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#ff805d;color:#fff;font-weight:800}.chef-profile>div:nth-child(2){display:flex;flex-direction:column;flex:1}.chef-profile strong{font-size:13px}.chef-profile span{font-size:9px;color:#718078;margin-top:3px}.chef-profile>b{font-size:9px;padding:7px 9px;border-radius:20px;background:#dfffbc}.badge-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:32px 0}.badge-row span{background:#e9ecdf;border-radius:18px;padding:15px 6px;text-align:center;font-size:24px}.badge-row small{display:block;font-size:8px;margin-top:8px}.challenge{background:#173f2c;color:#fff;border-radius:20px;padding:20px}.challenge strong,.challenge span{display:block}.challenge span{color:rgba(255,255,255,.6);font-size:9px;margin:6px 0 14px}.challenge i{display:block;height:6px;border-radius:10px;background:linear-gradient(90deg,#b9ff66 71%,rgba(255,255,255,.17) 71%)}.feature-marquee{overflow:hidden;background:#b9ff66;color:#173f2c;padding:20px 0;font-size:12px;font-weight:900;letter-spacing:.16em;white-space:nowrap}.feature-marquee div{width:max-content;animation:marquee 24s linear infinite}.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes copyIn{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes scan{0%,100%{transform:translateY(-75px)}50%{transform:translateY(85px)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.showcase-shell{grid-template-columns:1fr;min-height:1050px}.showcase-copy{min-height:470px}.showcase-visual{min-height:580px}}
@media(max-width:620px){.feature-showcase{padding:82px 0}.feature-intro h2{font-size:48px}.showcase-shell{margin-top:48px;min-height:980px;border-radius:25px}.showcase-copy{min-height:470px;padding:58px 26px 90px}.slide-count{left:26px;top:25px}.slide-copy h3{font-size:43px}.slide-controls{left:26px;right:26px;bottom:26px}.showcase-visual{min-height:510px}.visual-card{width:82%;min-height:410px;padding:23px}.scanner-frame{height:235px}.recipe-grid span{height:108px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}.reveal{opacity:1;transform:none}}
