:root{--green:#153f31;--green-2:#2e7350;--lime:#cbe86b;--cream:#f6f6ef;--ink:#173b2d;--muted:#627168;--line:rgba(21,63,49,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Manrope,system-ui,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(70% 65% at 84% 24%,rgba(101,178,94,.55),transparent 62%),radial-gradient(70% 70% at 2% 100%,rgba(48,119,77,.75),transparent 67%),linear-gradient(145deg,#102f2a,#246847);min-height:780px}.hero:after{content:"";position:absolute;inset:auto -5% -160px;width:110%;height:235px;background:#fff;border-radius:50% 50% 0 0/38% 38% 0 0}.nav{height:96px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(203,232,107,.65);border-radius:50%;font-weight:700}.brand strong{font-size:15px}.brand small{display:block;font-size:8px;font-weight:500;opacity:.68;margin-top:2px}.nav-links{display:flex;gap:28px;font-size:13px;font-weight:600}.nav-links a:hover{color:var(--lime)}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 28px;border-radius:99px;background:linear-gradient(90deg,#d4ee75,#a9d65d);color:#163a2b;font-size:13px;font-weight:800;box-shadow:0 14px 34px rgba(151,203,77,.24)}.button-small{padding:12px 23px;white-space:nowrap}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center;position:relative;z-index:2}.hero-copy{padding:78px 0 185px}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 15px;border:1px solid rgba(255,255,255,.2);border-radius:99px;background:rgba(255,255,255,.1);font-size:11px;font-weight:600}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--lime)}h1{font-size:clamp(49px,5.4vw,73px);line-height:1.06;letter-spacing:-.05em;margin:24px 0}h1 em{font-style:normal;color:var(--lime)}.lead{max-width:540px;color:rgba(255,255,255,.8);line-height:1.8;font-size:16px}.actions{display:flex;align-items:center;gap:14px;margin-top:34px}.ghost{border:1px solid rgba(255,255,255,.32);border-radius:99px;padding:15px 24px;font-size:13px;font-weight:700}.hero-note{display:flex;flex-direction:column;gap:6px;border-top:1px solid rgba(255,255,255,.16);margin-top:44px;padding-top:24px}.hero-note strong{font-size:17px}.hero-note span{font-size:12px;color:rgba(255,255,255,.62)}.portrait-wrap{height:650px;position:relative;align-self:end}.portrait{position:absolute;height:630px;width:auto;max-width:none;left:50%;bottom:90px;transform:translateX(-50%);z-index:2;filter:drop-shadow(0 24px 32px rgba(7,28,18,.4))}.portrait-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(220,247,148,.25),transparent 68%);filter:blur(26px);left:50%;top:45%;transform:translate(-50%,-50%)}.float,.decor{position:absolute;object-fit:contain;pointer-events:none;z-index:3;filter:drop-shadow(0 16px 20px rgba(6,34,18,.3))}.fruit-one{left:34%;top:145px;width:100px;animation:float 8s ease-in-out infinite}.fruit-two{right:1%;top:170px;width:92px;animation:float 10s 1s ease-in-out infinite}.fruit-three{right:4%;bottom:180px;width:80px;animation:float 9s 2s ease-in-out infinite}@keyframes float{50%{transform:translateY(-15px) rotate(5deg)}}
.quick-links{position:relative;z-index:5;margin-top:-88px;background:#fff;border-radius:28px;box-shadow:0 20px 55px rgba(24,79,53,.14);display:grid;grid-template-columns:repeat(3,1fr);padding:25px 30px}.quick-links>div{display:grid;grid-template-columns:auto 1fr;gap:1px 14px;padding:8px 30px;border-right:1px solid var(--line)}.quick-links>div:last-child{border:0}.quick-links span{grid-row:1/3;color:#7e9b43;font-size:12px;font-weight:800}.quick-links strong{font-size:15px}.quick-links small{color:var(--muted);font-size:11px}.section{padding-block:110px;position:relative}.expertise{display:grid;grid-template-columns:1fr 1fr;gap:25px}.photo-panel{min-height:390px;border-radius:40px;background:url('https://images.unsplash.com/photo-1512621776951-a57141f2eefd?auto=format&fit=crop&w=1200&q=80') center/cover}.expertise-copy{padding:55px 45px;border-radius:40px;background:linear-gradient(145deg,#f0f6d9,#dcecad);display:flex;flex-direction:column;justify-content:center}.kicker{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:800;color:#658147;margin:0 0 14px}.kicker.light{color:var(--lime)}h2{font-size:clamp(34px,4vw,49px);line-height:1.15;letter-spacing:-.04em;margin:0 0 20px}.chips{display:flex;flex-wrap:wrap;gap:9px}.chips span{padding:11px 16px;border-radius:99px;background:rgba(255,255,255,.7);font-size:12px;font-weight:600}.decor-lemon{right:-35px;top:45px;width:125px}.why{background:var(--cream)}.centered{text-align:center}.section-intro{text-align:center;margin:-8px auto 46px;color:var(--muted)}.cards{display:grid;gap:20px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards article{padding:36px;border-radius:28px;background:#fff;border:1px solid var(--line)}.cards b{color:#8ba24d;font-size:12px}.cards h3{font-size:20px;margin:18px 0 10px;letter-spacing:-.02em}.cards p{font-size:14px;line-height:1.75;color:var(--muted);margin:0}.process{overflow:hidden;color:#fff;background:radial-gradient(80% 120% at 90% 0%,#4a9264,transparent 60%),var(--green)}.process h2{max-width:690px}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px}.steps article{padding:8px 30px;border-right:1px solid rgba(255,255,255,.15)}.steps article:first-child{padding-left:0}.steps article:last-child{border:0}.steps b{color:var(--lime);font-size:30px}.steps h3{font-size:15px;margin:18px 0 8px}.steps p{font-size:12px;line-height:1.7;color:rgba(255,255,255,.65)}.decor-cucumber{right:-25px;top:20px;width:145px;opacity:.85}.packages{overflow:visible}.decor-green{right:-30px;bottom:20px;width:155px}.package-grid{margin-top:45px;align-items:stretch}.package-grid article{display:flex;flex-direction:column;min-height:350px}.package-grid .label{text-transform:uppercase;letter-spacing:.13em;color:#668047;font-size:11px;font-weight:800}.package-grid h3{font-size:27px}.package-grid ul{padding:0;list-style:none;color:var(--muted);font-size:13px;line-height:2}.package-grid li:before{content:'✓';color:#83a047;margin-right:9px}.package-grid a{margin-top:auto;font-size:13px;font-weight:800;color:#658147}.package-grid .featured{color:#fff;border-color:#355e4b;background:radial-gradient(100% 90% at 100% 0%,#5d9e6e,transparent 60%),var(--green);box-shadow:0 25px 50px rgba(24,69,48,.22)}.package-grid .featured .label,.package-grid .featured a{color:var(--lime)}.package-grid .featured ul{color:rgba(255,255,255,.75)}.cta{padding:70px 0;color:#fff;background:linear-gradient(130deg,#11372d,#2a704c)}.cta .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{margin-bottom:8px}.cta p:not(.kicker){color:rgba(255,255,255,.7)}footer{background:#0c2a23;color:#fff;padding:34px 0}footer .container{display:flex;align-items:center;justify-content:space-between}footer p{font-size:11px;color:rgba(255,255,255,.55)}
@media(max-width:860px){.container{width:min(100% - 32px,680px)}.nav{height:82px}.nav-links{display:none}.button-small{padding:11px 15px}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:48px 0 15px;text-align:center}.eyebrow{font-size:9px}.lead{margin-inline:auto}.actions{justify-content:center}.hero-note{align-items:center}.portrait-wrap{height:500px}.portrait{height:490px;bottom:5px}.hero:after{bottom:-185px}.fruit-one{left:-15px;top:120px}.fruit-two{right:-20px;top:260px}.fruit-three{right:0;bottom:90px}.quick-links{margin-top:-35px}.quick-links>div{padding:5px 12px}.expertise{grid-template-columns:1fr}.photo-panel{min-height:300px}.cards.three{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr;gap:32px}.steps article,.steps article:first-child{padding:0;border:0}.section{padding-block:80px}.decor{display:none}.cta .container{flex-direction:column;text-align:center}footer .container{flex-direction:column;gap:22px;text-align:center}}
@media(max-width:560px){.container{width:calc(100% - 28px)}.brand strong{font-size:12px}.brand small{display:none}.nav .brand>span{width:36px;height:36px}.button-small{font-size:11px}h1{font-size:43px}.hero-copy{padding-top:35px}.actions{flex-direction:column}.actions>*{width:100%}.portrait-wrap{height:420px}.portrait{height:415px}.fruit-one{top:155px;width:75px}.quick-links{grid-template-columns:1fr;padding:16px 22px}.quick-links>div{border-right:0;border-bottom:1px solid var(--line);padding:12px}.expertise-copy{padding:38px 25px}.section{padding-block:65px}.cards article{padding:29px}.steps{grid-template-columns:1fr}.process{text-align:center}.process h2{font-size:34px}.package-grid article{min-height:310px}footer p{line-height:1.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.float{animation:none}}
.photo-panel{background-image:url('/assets/dengeli-beslenme.jpg')}

/* 2026-08 design refinements */
section[id]{scroll-margin-top:100px}
.nav{position:fixed;top:14px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 48px));height:74px;margin:0;padding:0 22px;z-index:100;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(12,47,38,.82);box-shadow:0 16px 42px rgba(5,25,18,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hero-grid{padding-top:94px}
.portrait-wrap{height:690px}.portrait{height:680px;bottom:72px}
.fruit-one{width:145px;left:31%;top:150px}.fruit-two{width:132px;right:-1%;top:175px}.fruit-three{width:112px;right:0;bottom:175px}
.decor-lemon{width:175px;right:-58px;top:20px}.decor-cucumber{width:205px;right:-50px;top:2px}.decor-green{width:220px;right:-70px;bottom:-10px}

.why{overflow:hidden;background:radial-gradient(circle at 10% 10%,rgba(203,232,107,.2),transparent 28%),radial-gradient(circle at 90% 80%,rgba(64,131,88,.12),transparent 32%),#f7f8f1}
.why:before,.why:after{content:"";position:absolute;border:1px solid rgba(91,132,68,.13);border-radius:50%;pointer-events:none}.why:before{width:340px;height:340px;left:-190px;top:-170px}.why:after{width:440px;height:440px;right:-250px;bottom:-270px}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;position:relative;z-index:1}
.why-grid article{position:relative;overflow:hidden;min-height:340px;padding:36px 34px;border:1px solid rgba(21,63,49,.1);border-radius:34px;background:rgba(255,255,255,.84);box-shadow:0 18px 50px rgba(32,78,54,.08);transition:transform .25s ease,box-shadow .25s ease}
.why-grid article:hover{transform:translateY(-6px);box-shadow:0 25px 58px rgba(32,78,54,.13)}
.why-grid article:after{content:"";position:absolute;width:135px;height:135px;right:-50px;bottom:-55px;border-radius:50%;background:rgba(203,232,107,.18)}
.why-grid .why-featured{color:#fff;border-color:transparent;background:radial-gradient(100% 90% at 100% 0%,#57946a,transparent 64%),linear-gradient(145deg,#123b30,#245e43);box-shadow:0 24px 55px rgba(19,61,45,.2)}
.why-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:32px;border-radius:18px;color:#416b37;background:#e7f0c1;font-size:27px}.why-featured .why-icon{color:#173e2f;background:var(--lime)}
.why-grid b{position:absolute;right:30px;top:34px;color:#89a34c;font-size:12px;letter-spacing:.12em}.why-featured b{color:var(--lime)}
.why-grid h3{font-size:22px;margin:0 0 13px;letter-spacing:-.025em}.why-grid p{color:var(--muted);font-size:14px;line-height:1.75;margin:0 0 28px}.why-featured p{color:rgba(255,255,255,.72)}
.why-grid article>span{position:absolute;left:34px;bottom:30px;color:#668047;font-size:11px;font-weight:700}.why-featured>span{color:var(--lime)}

.process{background:radial-gradient(70% 110% at 100% 0%,rgba(104,173,107,.62),transparent 58%),radial-gradient(55% 90% at 0% 100%,rgba(51,120,78,.55),transparent 62%),#123b30}
.process:before{content:"";position:absolute;inset:0;opacity:.15;background-image:radial-gradient(rgba(255,255,255,.7) 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(90deg,transparent,#000,transparent)}
.process .container{position:relative;z-index:2}.process h2{max-width:760px}
.steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:58px}
.steps:before{content:"";position:absolute;left:8%;right:8%;top:43px;height:1px;background:linear-gradient(90deg,transparent,rgba(203,232,107,.55),transparent)}
.steps article,.steps article:first-child{position:relative;display:block;min-height:300px;padding:24px 22px 28px;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:rgba(255,255,255,.075);backdrop-filter:blur(6px);transition:background .25s ease,transform .25s ease}
.steps article:hover{transform:translateY(-5px);background:rgba(255,255,255,.12)}
.steps b{position:relative;display:grid;place-items:center;width:52px;height:52px;margin:0 0 42px;border:1px solid rgba(203,232,107,.65);border-radius:50%;color:#173e2f;background:var(--lime);font-size:14px;box-shadow:0 0 0 8px rgba(203,232,107,.08);z-index:2}
.step-content>span{color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.steps h3{margin:10px 0 10px;font-size:17px}.steps p{margin:0;color:rgba(255,255,255,.68);font-size:12px;line-height:1.75}

.package-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:45px;align-items:stretch}
.package-grid article{position:relative;display:flex;flex-direction:column;min-height:510px;padding:38px;border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:0 16px 46px rgba(30,75,51,.07)}
.package-grid .package-desc{min-height:50px;margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.7}.package-grid .featured .package-desc{color:rgba(255,255,255,.72)}
.package-grid ul{margin:8px 0 22px}.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 13px;margin-top:auto;padding:21px 0;border-top:1px solid var(--line)}.featured .price{border-color:rgba(255,255,255,.14)}
.price del{color:#9ba39e;font-size:14px}.price strong{font-size:29px;letter-spacing:-.04em}.price small{flex-basis:100%;color:#789044;font-size:10px;font-weight:700}.featured .price small{color:var(--lime)}
.price-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding:18px 0}.price-options div{padding:15px;border-radius:16px;background:#f2f5e9}.price-options span{display:block;color:var(--muted);font-size:10px}.price-options strong{display:block;margin-top:5px;font-size:19px;letter-spacing:-.035em}
.package-grid article>a{padding-top:16px;border-top:1px solid var(--line)}

@media(max-width:860px){.nav{top:10px;width:calc(100% - 28px);height:68px;padding-inline:15px;border-radius:19px}.hero-grid{padding-top:84px}.portrait-wrap{height:530px}.portrait{height:535px;bottom:0}.fruit-one{width:105px}.fruit-two{width:100px}.fruit-three{width:90px}.why-grid{grid-template-columns:1fr}.why-grid article{min-height:300px}.steps{grid-template-columns:1fr 1fr}.steps:before{display:none}.steps article,.steps article:first-child{min-height:270px;padding:24px}.steps b{margin-bottom:30px}.package-grid{grid-template-columns:1fr}.package-grid article{min-height:480px}.decor{display:block;opacity:.5}}
@media(max-width:560px){.nav .brand small{display:none}.nav .brand>span{width:36px;height:36px}.nav .brand strong{font-size:12px}.hero-grid{padding-top:78px}.portrait-wrap{height:455px}.portrait{height:455px}.fruit-one{width:82px}.fruit-two{width:76px}.fruit-three{width:70px}.why-grid article{min-height:315px;padding:30px 26px}.why-grid article>span{left:26px}.steps{grid-template-columns:1fr}.steps article,.steps article:first-child{min-height:245px;text-align:left}.package-grid article{min-height:auto;padding:30px 25px}.package-grid .package-desc{min-height:0}.price-options{grid-template-columns:1fr}.decor{display:none}}

/* Animated hero atmosphere */
.hero{isolation:isolate;background-size:155% 155%,145% 145%,125% 125%;animation:heroGradientShift 18s ease-in-out infinite alternate}
.hero:before{content:"";position:absolute;inset:-38%;z-index:0;pointer-events:none;opacity:.46;filter:blur(58px);background:conic-gradient(from 30deg at 54% 48%,transparent 0 15%,rgba(195,235,112,.24) 24%,transparent 35% 58%,rgba(75,177,124,.3) 70%,transparent 82%),radial-gradient(circle at 35% 56%,rgba(129,205,105,.42),transparent 28%),radial-gradient(circle at 70% 35%,rgba(195,235,112,.25),transparent 25%);mix-blend-mode:screen;animation:heroFlow 24s linear infinite}
.hero:after{z-index:4}.hero-grid{z-index:2}.hero .float{z-index:3;will-change:transform}
.fruit-one{left:28%;top:170px;width:130px;animation:fruitDriftA 8.5s ease-in-out infinite}
.fruit-two{right:3%;top:225px;width:118px;animation:fruitDriftB 10.5s ease-in-out .8s infinite}
.fruit-three{right:2%;bottom:190px;width:102px;animation:fruitDriftA 9.5s ease-in-out 1.6s infinite}
.fruit-four{left:3%;bottom:175px;width:120px;opacity:.82;animation:fruitDriftC 12s ease-in-out .4s infinite}
@keyframes heroGradientShift{0%{background-position:15% 20%,85% 65%,50% 50%}50%{background-position:45% 5%,65% 90%,45% 55%}100%{background-position:75% 30%,30% 65%,55% 45%}}
@keyframes heroFlow{0%{transform:translate3d(-3%,-2%,0) rotate(0deg) scale(1)}50%{transform:translate3d(4%,3%,0) rotate(180deg) scale(1.08)}100%{transform:translate3d(-3%,-2%,0) rotate(360deg) scale(1)}}
@keyframes fruitDriftA{0%,100%{transform:translate3d(0,0,0) rotate(-5deg)}50%{transform:translate3d(12px,-18px,0) rotate(7deg)}}
@keyframes fruitDriftB{0%,100%{transform:translate3d(0,0,0) rotate(5deg)}50%{transform:translate3d(-15px,15px,0) rotate(-8deg)}}
@keyframes fruitDriftC{0%,100%{transform:translate3d(0,0,0) rotate(-12deg)}50%{transform:translate3d(18px,-12px,0) rotate(3deg)}}
@media(max-width:860px){.hero{background-size:220% 180%,190% 180%,150% 140%}.hero:before{inset:-25%;opacity:.36}.fruit-one{left:1%;top:44%;width:102px}.fruit-two{right:0;top:56%;width:92px}.fruit-three{right:3%;bottom:105px;width:86px}.fruit-four{left:1%;bottom:150px;width:92px}}
@media(max-width:560px){.fruit-one{left:-20px;width:80px}.fruit-two{right:-15px;width:74px}.fruit-three{right:-5px;bottom:88px;width:68px}.fruit-four{left:-18px;bottom:125px;width:76px}.hero:before{opacity:.3;filter:blur(42px)}}
@media(prefers-reduced-motion:reduce){.hero{animation:none}.hero:before,.hero .float{animation:none}}

/* Stronger visible flow and clear fruit placement */
.hero:before{opacity:.68;filter:blur(42px);background:conic-gradient(from 20deg at 55% 48%,transparent 0 12%,rgba(205,242,112,.38) 22%,transparent 37% 54%,rgba(70,190,131,.5) 68%,transparent 82%),radial-gradient(circle at 32% 58%,rgba(128,220,105,.52),transparent 30%),radial-gradient(circle at 72% 32%,rgba(210,242,112,.38),transparent 28%);animation-duration:18s}
.flow-ribbon{position:absolute;z-index:1;width:82%;height:220px;border-radius:50%;pointer-events:none;opacity:.78;filter:blur(28px);mix-blend-mode:screen;will-change:transform}
.flow-ribbon-one{left:-24%;top:20%;transform:rotate(10deg);background:linear-gradient(90deg,transparent 4%,rgba(102,211,136,.1) 24%,rgba(205,240,108,.3) 50%,rgba(86,188,127,.2) 72%,transparent 96%);animation:flowRibbonOne 12s ease-in-out infinite alternate}
.flow-ribbon-two{right:-25%;bottom:18%;transform:rotate(-11deg);background:linear-gradient(90deg,transparent 3%,rgba(197,237,103,.24) 31%,rgba(77,185,126,.28) 57%,rgba(205,240,108,.12) 78%,transparent 97%);animation:flowRibbonTwo 15s ease-in-out infinite alternate}
.fruit-one{left:51%;top:145px;width:112px}
@keyframes flowRibbonOne{0%{transform:translate3d(-8%,-18px,0) rotate(8deg) scaleX(.92)}50%{transform:translate3d(12%,28px,0) rotate(13deg) scaleX(1.1)}100%{transform:translate3d(27%,-8px,0) rotate(7deg) scaleX(.98)}}
@keyframes flowRibbonTwo{0%{transform:translate3d(8%,18px,0) rotate(-13deg) scaleX(1.05)}50%{transform:translate3d(-10%,-30px,0) rotate(-8deg) scaleX(.94)}100%{transform:translate3d(-25%,12px,0) rotate(-14deg) scaleX(1.1)}}
@media(max-width:860px){.flow-ribbon{width:125%;height:175px;opacity:.62}.flow-ribbon-one{left:-55%;top:30%}.flow-ribbon-two{right:-55%;bottom:16%}.fruit-one{left:3%;top:48%;width:92px}}
@media(max-width:560px){.hero:before{opacity:.52;filter:blur(34px)}.flow-ribbon{opacity:.5;height:140px}.fruit-one{left:-12px;top:49%;width:76px}}
@media(prefers-reduced-motion:reduce){.flow-ribbon{animation:none}}

/* Navigation lives outside the animated hero and owns its stacking context */
body>.nav{position:fixed;z-index:10000;isolation:isolate;color:#fff;transform:translateX(-50%);background:linear-gradient(90deg,rgba(10,48,39,.97),rgba(14,58,45,.95));border-color:rgba(255,255,255,.16);box-shadow:0 14px 36px rgba(4,28,20,.28)}
body>.nav .brand,body>.nav .nav-links a{color:#fff}
body>.nav .brand strong{color:#fff;font-weight:800;text-shadow:0 1px 1px rgba(0,0,0,.18)}
body>.nav .brand small{color:rgba(255,255,255,.72);opacity:1}
body>.nav .nav-links a{opacity:.82;transition:color .2s ease,opacity .2s ease}
body>.nav .nav-links a:hover,body>.nav .nav-links a:focus-visible{color:var(--lime);opacity:1}
body>.nav .button{color:#163a2b}

/* Mobile navigation and layout */
.menu-toggle{display:none;width:42px;height:42px;padding:10px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(255,255,255,.08);cursor:pointer}
.menu-toggle span{display:block;width:100%;height:2px;margin:4px 0;border-radius:2px;background:#fff;transition:transform .2s ease,opacity .2s ease}

@media(max-width:860px){
  body{overflow-x:hidden}
  section[id]{scroll-margin-top:88px}
  body>.nav{top:10px;width:calc(100% - 24px);height:66px;padding:0 12px 0 16px;gap:9px;border-radius:19px}
  body>.nav .brand{margin-right:auto;min-width:0}
  body>.nav .brand strong{font-size:13px;white-space:nowrap}
  body>.nav .brand small{font-size:7px}
  body>.nav .button-small{order:2;padding:11px 15px;font-size:10px;box-shadow:none}
  .menu-toggle{display:block;order:3;flex:0 0 42px}
  body>.nav .nav-links{position:absolute;display:none;left:0;right:0;top:74px;flex-direction:column;gap:0;padding:9px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(10,48,39,.98);box-shadow:0 20px 42px rgba(5,28,20,.3);overflow:hidden}
  body>.nav.menu-open .nav-links{display:flex}
  body>.nav .nav-links a{padding:13px 15px;border-radius:11px;font-size:13px;opacity:.9}
  body>.nav .nav-links a:hover,body>.nav .nav-links a:focus-visible{background:rgba(255,255,255,.08)}
  body>.nav.menu-open .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  body>.nav.menu-open .menu-toggle span:nth-child(2){opacity:0}
  body>.nav.menu-open .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

  .hero{min-height:auto}
  .hero-grid{display:flex;flex-direction:column;padding-top:92px;gap:0}
  .hero-copy{width:100%;padding:34px 0 0;text-align:center}
  .eyebrow{font-size:9px;line-height:1.4}
  h1{font-size:clamp(44px,8.5vw,58px);line-height:1.07;margin:20px 0}
  .lead{max-width:560px;margin:0 auto;font-size:14px;line-height:1.7}
  .actions{justify-content:center;margin-top:27px}
  .hero-note{align-items:center;margin-top:30px;padding-top:20px}
  .portrait-wrap{width:100%;height:510px;margin-top:4px}
  .portrait{height:520px;bottom:0}
  .quick-links{width:calc(100% - 32px);margin-top:-34px;padding:18px 20px;border-radius:24px}
  .quick-links>div{padding:7px 14px}
  .section{padding-block:76px}
  .expertise{gap:16px}
  .photo-panel{min-height:320px;border-radius:30px}
  .expertise-copy{padding:40px 32px;border-radius:30px}
  .why-grid{gap:15px}
  .why-grid article{min-height:280px}
  .process{text-align:left}
  .process h2{font-size:40px}
  .steps{gap:14px}
  .steps article,.steps article:first-child{min-height:260px}
  .package-grid{gap:16px}
  .package-grid article{min-height:460px}
  .cta{padding:60px 0}
  .cta .container{gap:26px}
}

@media(max-width:560px){
  body>.nav{width:calc(100% - 20px);height:62px;top:8px;padding:0 9px 0 13px;gap:7px;border-radius:17px}
  body>.nav .brand strong{font-size:12px}
  body>.nav .brand small{display:none}
  body>.nav .button-small{padding:10px 12px;font-size:9px}
  .menu-toggle{width:38px;height:38px;flex-basis:38px;padding:9px;border-radius:12px}
  body>.nav .nav-links{top:69px}

  .container{width:calc(100% - 28px)}
  .hero-grid{padding-top:78px}
  .hero-copy{padding-top:26px}
  .eyebrow{max-width:100%;padding:7px 11px;font-size:8px;white-space:nowrap}
  h1{font-size:clamp(38px,11.4vw,48px);line-height:1.08;letter-spacing:-.045em;margin:18px 0}
  .lead{font-size:13px;line-height:1.65;padding:0 6px}
  .actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%;margin-top:24px}
  .actions .button,.actions .ghost{width:auto;padding:13px 10px;font-size:10px}
  .hero-note{display:none}
  .portrait-wrap{height:410px;margin-top:10px}
  .portrait{height:425px;bottom:-4px}
  .hero:after{bottom:-198px;height:230px}
  .fruit-one{left:-18px;top:55%;width:72px}
  .fruit-two{right:-18px;top:61%;width:68px}
  .fruit-three{right:-8px;bottom:74px;width:64px}
  .fruit-four{left:-18px;bottom:92px;width:70px}
  .flow-ribbon{opacity:.38;height:120px}

  .quick-links{width:calc(100% - 24px);margin-top:-22px;padding:10px 17px;border-radius:21px}
  .quick-links>div{grid-template-columns:30px 1fr;padding:11px 2px;border-right:0;border-bottom:1px solid var(--line)}
  .quick-links>div:last-child{border-bottom:0}
  .quick-links span{align-self:center}.quick-links strong{font-size:13px}.quick-links small{font-size:10px}
  .section{padding-block:58px}
  h2{font-size:32px;line-height:1.18}
  .section-intro{max-width:310px;margin-bottom:30px;font-size:13px;line-height:1.6}
  .expertise{display:flex;flex-direction:column}
  .photo-panel{min-height:245px;border-radius:25px}
  .expertise-copy{padding:31px 23px;border-radius:25px}
  .expertise-copy h2{font-size:30px}
  .chips{gap:7px}.chips span{padding:9px 12px;font-size:10px}

  .why-grid{gap:12px}
  .why-grid article{min-height:245px;padding:26px 23px;border-radius:25px}
  .why-icon{width:48px;height:48px;margin-bottom:22px;border-radius:15px;font-size:22px}
  .why-grid b{right:23px;top:27px}.why-grid h3{font-size:19px}.why-grid p{font-size:12px;line-height:1.65;margin-bottom:24px}
  .why-grid article>span{position:static;display:block;margin-top:17px;font-size:10px}

  .process{padding-block:58px}
  .process .kicker,.process h2{text-align:center}
  .process h2{font-size:32px;margin-inline:auto}
  .steps{display:grid;grid-template-columns:1fr;gap:10px;margin-top:34px}
  .steps article,.steps article:first-child{display:grid;grid-template-columns:48px 1fr;gap:15px;min-height:0;padding:20px;border-radius:22px;text-align:left;align-items:start}
  .steps b{width:44px;height:44px;margin:0;font-size:12px;box-shadow:0 0 0 6px rgba(203,232,107,.07)}
  .step-content>span{font-size:8px}.steps h3{font-size:15px;margin:7px 0}.steps p{font-size:11px;line-height:1.6}

  .packages{padding-top:60px}
  .package-grid{gap:13px;margin-top:30px}
  .package-grid article{min-height:0;padding:28px 23px;border-radius:25px}
  .package-grid h3{font-size:24px;margin:12px 0}
  .package-grid .package-desc{font-size:12px;line-height:1.6}
  .package-grid ul{font-size:12px;line-height:1.85}
  .price{padding:17px 0}.price strong{font-size:26px}
  .price-options{grid-template-columns:1fr 1fr}.price-options div{padding:13px 11px}.price-options strong{font-size:17px}
  .package-grid article>a{font-size:12px}

  .cta{padding:52px 0}
  .cta h2{font-size:34px}.cta p:not(.kicker){font-size:13px;line-height:1.65}
  .cta .button{width:100%;padding:14px 12px;font-size:11px}
  footer{padding:30px 0}footer .brand small{display:block}footer p{font-size:10px}
}

@media(max-width:365px){
  body>.nav .brand strong{font-size:11px}
  body>.nav .button-small{padding-inline:9px}
  h1{font-size:37px}
  .actions{grid-template-columns:1fr}
  .portrait-wrap{height:380px}.portrait{height:395px}
  .price-options{grid-template-columns:1fr}
}

/* Cleaner mobile header */
.mobile-appointment{display:none}
@media(max-width:860px){
  body>.nav{top:9px;width:calc(100% - 22px);height:62px;padding:0 10px 0 18px;gap:10px;border-radius:18px;background:rgba(9,45,36,.97);box-shadow:0 12px 30px rgba(4,28,20,.26)}
  body>.nav .brand{margin-right:auto}
  body>.nav .brand strong{font-size:14px;letter-spacing:-.015em}
  body>.nav .brand small{display:block;margin-top:3px;font-size:7px;letter-spacing:0;color:rgba(255,255,255,.65)}
  body>.nav>.button-small{display:none}
  body>.nav .menu-toggle{order:2;width:42px;height:42px;flex-basis:42px;margin-left:auto;border-color:rgba(203,232,107,.25);background:rgba(203,232,107,.1)}
  body>.nav .menu-toggle span{background:var(--lime)}
  body>.nav .nav-links{top:70px;padding:10px;border-radius:17px}
  body>.nav .nav-links a.mobile-appointment{display:block;margin-top:6px;padding:13px 15px;color:#163a2b;background:linear-gradient(90deg,#d4ee75,#a9d65d);font-weight:800;text-align:center}
  body>.nav .nav-links a.mobile-appointment:hover,body>.nav .nav-links a.mobile-appointment:focus-visible{color:#163a2b;background:linear-gradient(90deg,#dff58d,#b8e06c)}
}
@media(max-width:560px){
  body>.nav{top:8px;width:calc(100% - 18px);height:58px;padding-left:15px;border-radius:16px}
  body>.nav .brand strong{font-size:13px}
  body>.nav .brand small{display:none}
  body>.nav .menu-toggle{width:38px;height:38px;flex-basis:38px}
  body>.nav .nav-links{top:66px}
  .hero-grid{padding-top:72px}
}
footer .brand{gap:0}

/* Mobile polish: page edges, reliable hero actions, icons and social contact */
html{min-height:100%;background:#0c2a23;overscroll-behavior-y:none}
body{min-height:100dvh;background:#0c2a23;overscroll-behavior-y:none}
main{background:#fff}
.hero-copy,.hero-copy .actions,.hero-copy .actions a{position:relative;z-index:8;pointer-events:auto}
.hero-copy .actions a{touch-action:manipulation}
.why-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.social-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.social-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 22px;border:1px solid rgba(255,255,255,.18);border-radius:99px;color:#fff;font-size:12px;font-weight:800;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.social-button:hover{transform:translateY(-2px)}
.social-button svg{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.social-button.whatsapp{color:#12392b;background:#bfe66b;border-color:#bfe66b}
.social-button.whatsapp svg path:last-child{fill:currentColor;stroke:none}
.social-button.instagram{background:rgba(255,255,255,.08)}
.social-button.instagram:hover{border-color:#dd6b9a;background:linear-gradient(120deg,rgba(126,58,180,.38),rgba(225,48,108,.38),rgba(252,175,69,.34))}
.social-button.instagram .dot{fill:currentColor;stroke:none}

@media(max-width:860px){
  .cta .container{align-items:stretch}
  .social-actions{justify-content:center}
  footer{padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:560px){
  body>.nav{top:calc(8px + env(safe-area-inset-top,0px))}
  .hero-grid{padding-top:calc(72px + env(safe-area-inset-top,0px))}
  .hero-copy .actions{position:relative;z-index:12}
  .hero-copy .actions a{display:flex;align-items:center;justify-content:center;min-height:46px}
  .fruit-one{left:-10px;top:53%;width:92px}
  .fruit-two{right:-6px;top:60%;width:56px}
  .fruit-three{right:2%;bottom:108px;width:50px}
  .fruit-four{left:7%;bottom:74px;width:74px;opacity:.74}
  .why-icon{border:1px solid rgba(65,107,55,.12);background:#eef4d6;box-shadow:none}
  .why-featured .why-icon{border-color:rgba(255,255,255,.18);background:rgba(203,232,107,.95)}
  .social-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:9px}
  .social-button{min-width:0;padding:13px 10px;font-size:11px}
}
@media(max-width:365px){.social-actions{grid-template-columns:1fr}}