:root{--cream:#f7f4ea;--cream2:#fffdf8;--ink:#17372c;--green:#1e5a3f;--green2:#39765a;--lime:#d9ed8b;--pine:#f6c74b;--leaf:#39754e;--coral:#ee7c60;--pink:#f6d9d2;--line:rgba(23,55,44,.14);--shadow:0 24px 70px rgba(34,71,53,.12);--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",system-ui,sans-serif;color:var(--ink);background:var(--cream);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}
.nav{position:fixed;z-index:90;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 28px));min-height:62px;padding:10px 12px 10px 20px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,253,248,.78);backdrop-filter:blur(18px);border:1px solid rgba(23,55,44,.1);border-radius:999px;box-shadow:0 12px 35px rgba(42,76,59,.07)}
.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:-.02em}.brandmark{width:30px;height:30px;border-radius:50%;background:var(--pine);display:grid;place-items:center;position:relative}.brandmark:before,.brandmark:after{content:"";position:absolute;width:8px;height:13px;background:var(--leaf);border-radius:10px 10px 2px 10px;top:-5px}.brandmark:before{transform:rotate(-28deg);left:6px}.brandmark:after{transform:rotate(28deg);right:6px}.brand small{font-weight:500;opacity:.55}.navlinks{display:flex;align-items:center;gap:8px}.navlink{padding:10px 14px;border-radius:999px;font-size:.88rem;opacity:.68;transition:.2s}.navlink:hover{opacity:1;background:rgba(23,55,44,.06)}
.cta{border:0;border-radius:999px;background:var(--ink);color:white;min-height:42px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;transition:transform .24s var(--ease),background .24s}.cta:hover{transform:translateY(-2px);background:#0e2b22}.cta.light{background:var(--cream2);color:var(--ink);border:1px solid var(--line)}
.hero{min-height:100svh;padding:145px clamp(22px,6vw,92px) 80px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:58px;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,rgba(217,237,139,.42),transparent 66%);left:-280px;top:-240px;pointer-events:none}.hero-copy{position:relative;z-index:3}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:26px}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--coral)}h1,h2,h3{font-family:"Fraunces",serif}h1{font-size:clamp(4.1rem,8.4vw,9.2rem);line-height:.86;letter-spacing:-.065em;margin:0;max-width:900px;font-weight:600}h1 em{font-style:normal;color:var(--green2);position:relative;display:inline-block}h1 em:after{content:"";position:absolute;left:2%;right:2%;bottom:-8px;height:11px;background:var(--coral);border-radius:100%;transform:rotate(-2deg) scaleY(.45);opacity:.9}.hero-lead{max-width:680px;margin:34px 0 0;color:rgba(23,55,44,.7);font-size:clamp(1.05rem,1.55vw,1.28rem);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.mini-proof{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:48px;font-size:.82rem;color:rgba(23,55,44,.56)}.mini-proof span{display:flex;align-items:center;gap:8px}.mini-proof i{width:6px;height:6px;border-radius:50%;background:var(--green2)}
.fruit-stage{position:relative;width:100%;min-height:590px;border-radius:42px;background:radial-gradient(circle at 50% 15%,rgba(255,255,255,.72),transparent 50%),linear-gradient(145deg,#d9ed8b,#b6dc9b 44%,#f6c74b 120%);overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(23,55,44,.08)}.stage-note{position:absolute;z-index:5;top:26px;left:28px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(23,55,44,.55)}.stage-caption{position:absolute;z-index:5;bottom:25px;left:28px;right:28px;display:flex;align-items:end;justify-content:space-between;gap:16px}.stage-caption strong{max-width:300px;font-family:"Fraunces";font-size:2rem;line-height:1}.stage-caption span{max-width:190px;font-size:.8rem;line-height:1.45;color:rgba(23,55,44,.55);text-align:right}.fruit{position:absolute;width:82px;height:112px;will-change:transform;filter:drop-shadow(0 15px 12px rgba(23,55,44,.15));user-select:none;touch-action:none;cursor:grab;z-index:2}.fruit.small{width:58px;height:80px}.fruit.big{width:105px;height:145px}.fruit.citrus{aspect-ratio:1;width:68px;height:68px}.fruit.limefruit{aspect-ratio:1;width:58px;height:58px}.fruit svg{width:100%;height:100%;display:block}.float-chip{position:absolute;z-index:4;padding:11px 15px;border-radius:999px;background:rgba(255,253,248,.85);backdrop-filter:blur(12px);border:1px solid rgba(23,55,44,.08);font-size:.78rem;font-weight:600;box-shadow:0 8px 24px rgba(23,55,44,.08);animation:chipFloat 4.5s ease-in-out infinite}.chip1{top:100px;right:28px}.chip2{top:172px;left:28px;animation-delay:1.2s}@keyframes chipFloat{50%{transform:translateY(-9px) rotate(-1deg)}}
.marquee{background:var(--ink);color:var(--cream);overflow:hidden;padding:20px 0}.marquee-track{display:flex;width:max-content;gap:26px;align-items:center;animation:marquee 24s linear infinite;font-family:"Fraunces";font-size:1.35rem}.marquee-track span{display:flex;gap:26px;align-items:center}.marquee-track i{width:9px;height:9px;background:var(--pine);border-radius:50%}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:130px clamp(22px,6vw,92px)}.section-head{display:grid;grid-template-columns:1.1fr .55fr;gap:70px;align-items:end;margin-bottom:64px}.kicker{font-size:.75rem;letter-spacing:.13em;font-weight:700;text-transform:uppercase;color:var(--green2);margin-bottom:18px}.section h2{margin:0;font-size:clamp(3rem,6.4vw,7rem);letter-spacing:-.055em;line-height:.92;font-weight:600}.section-head p{margin:0;color:rgba(23,55,44,.65);line-height:1.7;font-size:1.04rem}.outcomes{background:var(--cream2)}.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.outcome{min-height:320px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden;transition:background .25s}.outcome:hover{background:#f3f7df}.outcome .num{font-size:.72rem;color:rgba(23,55,44,.45)}.outcome-icon{width:88px;height:88px;position:absolute;top:36px;right:26px;border-radius:50%;display:grid;place-items:center;background:var(--lime);transition:transform .35s var(--ease)}.outcome:hover .outcome-icon{transform:rotate(8deg) scale(1.07)}.outcome-icon svg{width:44px;height:44px}.outcome h3{position:absolute;left:28px;right:28px;bottom:76px;margin:0;font-size:1.55rem;line-height:1.05}.outcome p{position:absolute;left:28px;right:28px;bottom:24px;margin:0;color:rgba(23,55,44,.58);font-size:.9rem;line-height:1.5}
.belief{background:var(--green);color:white;position:relative;overflow:hidden}.belief:after{content:"🍍";position:absolute;right:-70px;top:30px;font-size:330px;opacity:.055;transform:rotate(18deg)}.belief-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.belief-copy h2{color:white}.belief-copy p{max-width:590px;color:rgba(255,255,255,.68);line-height:1.75;font-size:1.05rem}.plate{width:min(520px,90vw);aspect-ratio:1;margin:auto;position:relative;display:grid;place-items:center}.plate-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.14)}.plate-ring.r1{inset:2%;animation:spin 28s linear infinite}.plate-ring.r2{inset:18%;border-style:dashed;animation:spin 18s linear infinite reverse}.plate-ring.r3{inset:35%;background:var(--lime);border:0}.plate-word{position:absolute;font-family:"Fraunces";font-size:1.35rem;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px)}.pw1{top:8%;left:7%}.pw2{top:38%;right:-1%}.pw3{bottom:9%;left:22%}.plate-center{position:relative;z-index:2;color:var(--ink);text-align:center;font-family:"Fraunces";font-size:1.85rem;line-height:1}@keyframes spin{to{transform:rotate(360deg)}}
.process{background:#f0eadc}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{min-height:390px;background:var(--cream2);border-radius:28px;padding:30px;position:relative;overflow:hidden;border:1px solid rgba(23,55,44,.08)}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--ink);color:white;font-family:"Fraunces";font-size:1.1rem}.step h3{margin:115px 0 12px;font-size:2.2rem;line-height:1}.step p{margin:0;color:rgba(23,55,44,.58);line-height:1.65}.step .decor{position:absolute;right:-15px;bottom:-20px;width:150px;height:150px;border-radius:50%;background:var(--lime);opacity:.62}.step:nth-child(2) .decor{background:var(--pine)}.step:nth-child(3) .decor{background:var(--pink)}
.about{background:var(--cream2)}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.portrait-card{aspect-ratio:4/5;border-radius:36px;background:radial-gradient(circle at 70% 28%,#f6c74b 0 11%,transparent 11.5%),radial-gradient(circle at 67% 22%,#39754e 0 5%,transparent 5.5%),linear-gradient(145deg,#d9ed8b,#f1e7c7 65%);position:relative;overflow:hidden;box-shadow:var(--shadow)}.portrait-card:before{content:"NATI";position:absolute;left:28px;bottom:22px;font-family:"Fraunces";font-size:clamp(4rem,9vw,8rem);color:rgba(23,55,44,.1);letter-spacing:-.08em}.portrait-line{position:absolute;inset:28px;border:1px solid rgba(23,55,44,.16);border-radius:24px}.pine-mini{position:absolute;right:24px;bottom:28px;width:105px;height:145px;animation:pineBob 4s ease-in-out infinite}@keyframes pineBob{50%{transform:translateY(-14px) rotate(4deg)}}.about-copy h2{margin-bottom:28px}.about-copy p{color:rgba(23,55,44,.67);line-height:1.78;font-size:1.06rem;max-width:680px}.about-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.final{padding:130px clamp(22px,6vw,92px);background:var(--pine);position:relative;overflow:hidden}.final-grid{display:grid;grid-template-columns:1fr .5fr;gap:60px;align-items:end;position:relative;z-index:4}.final h2{font-size:clamp(4rem,8vw,8.5rem);max-width:900px}.final p{max-width:520px;color:rgba(23,55,44,.7);line-height:1.7}.final-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.fruit-rain{position:absolute;inset:0;pointer-events:none;overflow:hidden}.rain-pine{position:absolute;top:-150px;font-size:52px;animation:rain linear infinite;opacity:.26}@keyframes rain{to{transform:translateY(calc(100vh + 300px)) rotate(540deg)}}
footer{background:var(--ink);color:rgba(255,255,255,.6);padding:28px clamp(22px,6vw,92px);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.8rem}.wa-float{position:fixed;right:20px;bottom:20px;z-index:80;width:58px;height:58px;border-radius:50%;background:#25D366;color:white;display:grid;place-items:center;box-shadow:0 14px 36px rgba(0,0,0,.18);transition:transform .2s var(--ease)}.wa-float:hover{transform:translateY(-4px) scale(1.03)}.wa-float svg{width:27px;height:27px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.navlink{display:none}.hero,.section-head,.belief-grid,.about-grid,.final-grid{grid-template-columns:1fr}.hero{padding-top:125px}.fruit-stage{min-height:520px}.outcome-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.step{min-height:300px}.step h3{margin-top:70px}.about-grid{gap:50px}.portrait-card{max-width:520px}}
@media(max-width:620px){.nav{top:10px;width:calc(100% - 20px);padding-left:14px}.brand small{display:none}.nav .cta{padding:0 13px;font-size:.8rem}.hero{padding:118px 18px 52px;gap:40px}h1{font-size:clamp(3.75rem,19vw,6.2rem)}.hero-lead{font-size:1rem}.fruit-stage{min-height:460px;border-radius:28px}.stage-caption strong{font-size:1.55rem}.stage-caption span{display:none}.section{padding:88px 18px}.section-head{gap:22px;margin-bottom:42px}.section h2{font-size:clamp(3rem,15vw,5rem)}.outcome-grid{grid-template-columns:1fr}.outcome{min-height:270px}.belief-grid{gap:30px}.plate{width:100%}.final{padding:95px 18px}.final h2{font-size:clamp(3.7rem,17vw,6rem)}footer{padding:28px 18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}