/*
Theme Name: Any Sprinkler Repair
Theme URI: https://example.com/
Author: The Desyno
Description: Custom responsive WordPress theme for Any Sprinkler Repair — irrigation, tree care and landscaping.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: any-sprinkler-repair
*/

:root{--g1:#1F6B2D;--g2:#458E2D;--w:#FCFCFC;--deep:#0f3a18;--ink:#12261a;--mist:#e8f1e6;
--bg:var(--w);--fg:var(--ink);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0b2a12;--fg:#eef6ec;--mist:#12361a}}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:'Bricolage Grotesque',system-ui,sans-serif;background:var(--bg);color:var(--fg);line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--g2);outline-offset:3px}
h1,h2,h3{line-height:.98;letter-spacing:-.03em;font-weight:800}
h2{font-size:clamp(2.4rem,6.5vw,5.6rem)}
.serif{font-family:'Newsreader',Georgia,serif;font-style:italic;font-weight:400}
.btn{display:inline-block;padding:1rem 1.7rem;border-radius:99px;font-weight:600;border:2px solid transparent;transition:transform .25s,background .25s,color .25s;cursor:pointer;font:inherit;font-weight:600}
.btn:hover{transform:translateY(-3px)}
.btn.solid{background:var(--g2);color:#fff}.btn.solid:hover{background:var(--w);color:var(--g1)}
.btn.ghost{border-color:rgba(255,255,255,.7);color:#fff}.btn.ghost:hover{background:#fff;color:var(--g1)}
/* nav */
nav{position:fixed;inset:0 0 auto 0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:calc(24px + env(safe-area-inset-top,0px)) 40px 12px;color:#fff;transition:background .3s}
nav .nl{justify-content:flex-end;gap:.8rem}
.soc{display:flex;gap:.5rem}.soc a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);transition:transform .3s,background .3s,color .3s}.soc a:hover{transform:translateY(-4px) rotate(-8deg);background:#fff;color:var(--g1)}
.quote{position:relative;overflow:hidden;background:#F6B93B;color:#1b2a12;font-weight:700;padding:.85rem 1.5rem;border-radius:99px;animation:pulse 2.4s infinite;transition:transform .25s}.quote:hover{transform:scale(1.07)}
.quote::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);animation:shine 3s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(246,185,59,.6)}70%,100%{box-shadow:0 0 0 16px rgba(246,185,59,0)}}
@keyframes shine{0%,55%{left:-70%}100%{left:130%}}
@media(max-width:600px){.soc{display:none}}
.menu{justify-self:start;display:flex;align-items:center;gap:1rem;background:#fff;color:#12261a;border:0;border-radius:99px;padding:1.05rem 1.7rem;font:inherit;font-weight:500;cursor:pointer;transition:transform .25s}.menu:hover{transform:scale(1.04)}
.bars{width:22px;height:2px;background:currentColor;position:relative}.bars::before,.bars::after{content:"";position:absolute;left:0;width:100%;height:2px;background:currentColor}.bars::before{top:-7px}.bars::after{top:7px}
.drawer{position:absolute;top:calc(100% + 6px);left:40px;background:#fff;color:#12261a;border-radius:24px;padding:1.1rem 1.5rem;display:grid;gap:.7rem;min-width:240px;font-weight:600;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .3s,transform .3s}.drawer.open{opacity:1;pointer-events:auto;transform:none}
.drawer a:hover{color:var(--g2)}
@media(max-width:600px){nav{padding-inline:16px}.lt{display:none}.menu{padding:.9rem 1.1rem}.drawer{left:16px}}
nav.solid{background:rgba(15,58,24,.92);backdrop-filter:blur(10px)}
.logo{display:flex;align-items:center;gap:.6rem;font-weight:800;letter-spacing:-.02em;font-size:1.15rem}
.nl{display:flex;gap:1.8rem;align-items:center}.nl a.t{opacity:.85}.nl a.t:hover{opacity:1}
@media(max-width:820px){.nl a.t{display:none}}
/* hero */
.hero{--hw:min(820px,88vw);position:relative;margin:12px;height:calc(100svh - 24px);min-height:620px;border-radius:36px;overflow:hidden;background:radial-gradient(60% 55% at 15% 25%,#458E2D 0,transparent 70%),radial-gradient(55% 60% at 88% 20%,#2f7a30 0,transparent 70%),radial-gradient(70% 50% at 50% 60%,#1F6B2D 0,transparent 75%),#0f3a18;color:#fff}
.hero h1.big{position:absolute;left:0;right:0;bottom:calc(26% + var(--hw)*.25);margin:0;text-align:center;text-transform:uppercase;font-size:clamp(2.9rem,12vw,9rem);line-height:.88;letter-spacing:-.035em;z-index:2}
.hero h1.big span{padding-bottom:.04em}
.house{position:absolute;left:50%;bottom:26%;width:var(--hw);transform:translateX(-50%);z-index:3;animation:rise 1.2s .35s cubic-bezier(.2,.8,.2,1) both}
@keyframes rise{from{transform:translate(-50%,50px);opacity:0}}
.hero .ft{position:absolute;left:0;right:0;bottom:5vh;z-index:5;text-align:center;padding:0 5vw}
.hero .ft p{margin:0 auto 1.2rem;font-size:1.25rem;max-width:none}
.hero .ft .cta{justify-content:center}
.hero .scroll{z-index:6}
.hero svg.scene{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;animation:zoom 22s ease-out forwards}
@keyframes zoom{from{transform:scale(1)}to{transform:scale(1.12)}}
.arc{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:3;stroke-dasharray:6 14;opacity:.7;animation:spray 1.4s linear infinite}
@keyframes spray{to{stroke-dashoffset:-40}}
.hero .in{position:relative;padding:0 5vw 11vh;max-width:1200px;z-index:2}
.hero h1{font-size:clamp(2.8rem,8.4vw,7.6rem);margin-bottom:1.4rem}
.hero h1 span{display:block;overflow:hidden}.hero h1 span i{display:block;font-style:normal;transform:translateY(105%);animation:up .9s cubic-bezier(.2,.8,.2,1) forwards}
.hero h1 span:nth-child(2) i{animation-delay:.15s}
@keyframes up{to{transform:none}}
.hero p{max-width:560px;font-size:1.15rem;opacity:.92;margin-bottom:2rem}
.hero .cta{display:flex;gap:1rem;flex-wrap:wrap}
.scroll{position:absolute;right:5vw;bottom:5vh;z-index:2;width:2px;height:70px;background:rgba(255,255,255,.3);overflow:hidden}
.scroll::after{content:"";position:absolute;left:0;top:-40%;width:100%;height:40%;background:#fff;animation:sc 1.8s infinite}
@keyframes sc{to{top:100%}}
/* about */
.about{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:12vh 5vw;align-items:center}
.reveal-img{aspect-ratio:4/5;border-radius:48% 52% 6% 52%/30% 40% 6% 40%;background:linear-gradient(160deg,var(--g2),var(--g1) 60%,var(--deep));position:relative;overflow:hidden;clip-path:inset(0 100% 0 0);transition:clip-path 1.2s cubic-bezier(.2,.8,.2,1)}
.in-view .reveal-img,.reveal-img.in-view{clip-path:inset(0)}
.reveal-img svg{position:absolute;inset:0;width:100%;height:100%}
.about p{max-width:46ch;margin-top:1.6rem;font-size:1.1rem}
.about h2{font-size:clamp(2.2rem,5vw,4.4rem)}
@media(max-width:820px){.about{grid-template-columns:1fr}}
/* reveal */
.r{opacity:0;transform:translateY(40px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}.r.in-view{opacity:1;transform:none}
/* services */
.services{background:var(--deep);color:#fff;padding:12vh 5vw}
.services h2{max-width:14ch;margin-bottom:5vh}
.sgrid{display:flex;gap:1rem;height:min(560px,70vh)}
.card{flex:1;position:relative;border-radius:28px;overflow:hidden;padding:1.6rem;display:flex;flex-direction:column;justify-content:flex-end;transition:flex .6s cubic-bezier(.2,.8,.2,1);min-width:0;background:linear-gradient(170deg,var(--g2),var(--g1));cursor:pointer}
.card:nth-child(even){background:linear-gradient(170deg,var(--g1),#0c3014)}
.card:hover,.card:focus-within{flex:3.2}
.card svg{position:absolute;top:1.2rem;right:1.2rem;width:64px;height:64px;transition:transform .6s}
.card:hover svg{transform:scale(1.5) rotate(-8deg)}
.card h3{font-size:1.5rem;margin-bottom:.5rem}
.card .more{max-height:0;opacity:0;overflow:hidden;transition:max-height .6s,opacity .5s .1s}
.card:hover .more,.card:focus-within .more{max-height:200px;opacity:1}
.card .more a{display:inline-block;margin-top:.8rem;border-bottom:2px solid #fff;font-weight:600}
@media(max-width:900px){.sgrid{flex-direction:column;height:auto}.card{min-height:200px}.card .more{max-height:200px;opacity:1}}
/* showcase */
.show{height:420vh;position:relative;background:var(--bg)}
.pin{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:center}
.pin h2{position:absolute;left:5vw;top:11vh;z-index:3;max-width:12ch;color:#fff;mix-blend-mode:normal;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.track{display:flex;gap:2vw;padding:0 5vw;will-change:transform;margin-top:14vh}
.pan{flex:0 0 min(62vw,720px);height:56vh;border-radius:32px;position:relative;overflow:hidden;transition:transform .5s}
.pan:hover{transform:scale(.98) rotate(-.6deg)}
.pan svg{position:absolute;inset:-8% 0;width:100%;height:116%}
.pan b{position:absolute;left:1.5rem;bottom:1rem;color:#fff;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.03em;text-shadow:0 2px 20px rgba(0,0,0,.3)}
.pinbg{position:absolute;inset:0;background:linear-gradient(120deg,var(--deep),var(--g1))}
@media(max-width:700px){.pan{flex-basis:84vw}}
/* why */
.why{padding:12vh 5vw;background:var(--mist)}
.why h2{max-width:13ch;margin-bottom:6vh}
.wl{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem}
.w{padding:1.6rem 0;border-top:3px solid var(--g1)}
.w svg{width:56px;height:56px;margin-bottom:1rem;stroke:var(--g1);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.w svg *{stroke-dasharray:200;stroke-dashoffset:200;transition:stroke-dashoffset 1.6s}.w.in-view svg *{stroke-dashoffset:0}
.w h3{font-size:1.3rem;margin-bottom:.4rem}
@media(max-width:1000px){.wl{grid-template-columns:1fr 1fr}}@media(max-width:560px){.wl{grid-template-columns:1fr}}
/* work */
.work{padding:12vh 5vw}
.work h2{margin-bottom:5vh}
.mas{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:150px;gap:1rem}
.t{border-radius:24px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:1.2rem;color:#fff;font-weight:600;background:linear-gradient(150deg,var(--g2),var(--g1));transition:transform .4s,border-radius .4s}
.t:hover{transform:scale(1.025);border-radius:60px 24px 60px 24px}
.t small{display:block;font-weight:400;opacity:.8}
.t:nth-child(1){grid-column:span 3;grid-row:span 3}.t:nth-child(2){grid-column:span 3;grid-row:span 2;background:linear-gradient(150deg,var(--g1),var(--deep))}
.t:nth-child(3){grid-column:span 2;grid-row:span 2;background:linear-gradient(150deg,#5aa63e,var(--g2))}.t:nth-child(4){grid-column:span 1;grid-row:span 2;background:var(--deep)}
.t:nth-child(5){grid-column:span 2;grid-row:span 2;background:linear-gradient(150deg,var(--deep),var(--g2))}.t:nth-child(6){grid-column:span 4;grid-row:span 2}
@media(max-width:700px){.mas{grid-template-columns:1fr 1fr}.t{grid-column:span 2!important;grid-row:span 2!important}}
/* cta */
.ctab{background:linear-gradient(135deg,var(--g1),var(--g2));color:#fff;padding:16vh 5vw;position:relative;overflow:hidden;text-align:left}
.ctab h2{max-width:15ch;position:relative;z-index:1}.ctab p{max-width:46ch;margin:1.5rem 0 2rem;position:relative;z-index:1;font-size:1.15rem}
.ctab .blob{position:absolute;right:-8vw;top:50%;width:46vw;height:46vw;border-radius:50% 50% 8% 50%;background:rgba(255,255,255,.1);transform:translateY(-50%) rotate(var(--rot,0deg))}
.ctab .btn{background:#fff;color:var(--g1);position:relative;z-index:1}
/* contact */
.contact{padding:12vh 5vw;display:grid;grid-template-columns:1fr 1.2fr;gap:6vw}
.contact h2{font-size:clamp(2.2rem,5vw,4.4rem)}
.contact .info a{display:block;font-size:1.4rem;font-weight:600;margin-top:1rem;border-bottom:2px solid var(--g2);width:fit-content}
form{display:grid;gap:1.1rem}
label{font-weight:600;font-size:.95rem;display:grid;gap:.4rem}
input,select,textarea{font:inherit;padding:.95rem 1rem;border-radius:14px;border:2px solid #b9cdb6;background:#fff;color:#12261a}
input:focus,select:focus,textarea:focus{border-color:var(--g1);outline:none}
.err{color:#b3261e;font-weight:400;font-size:.85rem;min-height:1em}
[aria-invalid="true"]{border-color:#b3261e}
#status{padding:1rem;border-radius:14px;display:none;font-weight:600}
#status.ok{display:block;background:#d9efd4;color:#0f3a18}#status.bad{display:block;background:#fbe0dd;color:#7a1710}
form .btn{background:var(--g1);color:#fff;justify-self:start}
@media(max-width:820px){.contact{grid-template-columns:1fr}}
footer{background:var(--deep);color:#fff;padding:8vh 5vw calc(4vh + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}
footer ul{list-style:none;padding:0;display:grid;gap:.5rem;opacity:.85}
footer small{width:100%;opacity:.6;border-top:1px solid rgba(255,255,255,.2);padding-top:1.5rem}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.r,.reveal-img{opacity:1;transform:none;clip-path:none}.hero h1 span i{transform:none}.w svg *{stroke-dashoffset:0}}

.hero{background:linear-gradient(180deg,#1f86f4 0%,#3d9bf6 55%,#7dbdf8 100%)}
.hbg,.hfg{position:absolute;bottom:0;left:0;right:0;margin-inline:auto;width:max(100%,125svh);height:auto;max-width:none;transform-origin:50% 100%;animation:zoom 22s ease-out forwards;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14%);mask-image:linear-gradient(to bottom,transparent 0,#000 14%);pointer-events:none;user-select:none}
.hbg{z-index:1}.hfg{z-index:3}
.hero h1.big{top:max(14vh,104px);bottom:auto;font-size:clamp(2.4rem,10.5vw,7.2rem);transform:translateY(var(--ty,0px));text-shadow:0 6px 40px rgba(8,40,14,.35);will-change:transform}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:36%;background:linear-gradient(transparent,rgba(8,40,14,.7));z-index:4;pointer-events:none}
.hero .ft p{text-shadow:0 2px 14px rgba(0,0,0,.45)}
.hero h1.big{padding:0 2.2vw;font-family:'Playfair Display','Newsreader',Georgia,serif;font-weight:400;letter-spacing:0;line-height:.92;color:#0c2a14;text-shadow:none}
.hero h1.big .ln{display:flex;justify-content:space-between;align-items:flex-end;overflow:visible}
.hero h1.big .l1{font-size:min(11vw,200px)}.hero h1.big .l2{font-size:min(7vw,128px);margin-top:.12em}
.ln b{display:block;font-weight:inherit;opacity:0;transform:translateY(40%);animation:lr 1s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i,0)*70ms + 150ms)}
.ln b.sp{width:.7em}
@keyframes lr{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.ln b{opacity:1;transform:none}}
.hero{height:calc(52svh + max(100vw,125svh)*.487);min-height:0;background:linear-gradient(90deg,#73a7e5 0%,#5395dc 28%,#4f93dc 100%)}
.hfg{-webkit-mask-image:none;mask-image:none}
.hero .scroll{bottom:auto;top:calc(100svh - 24px - 96px)}
.hero h1.big{color:#FCFCFC;text-shadow:0 6px 36px rgba(8,50,120,.35)}
nav{transition:background .35s,color .35s,inset .35s,padding .35s,border-radius .35s,box-shadow .35s}
nav.solid{inset:12px 20px auto 20px;padding:10px 14px;border-radius:99px;background:rgba(252,252,252,.88);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);color:#12261a;box-shadow:0 10px 40px rgba(15,58,24,.22)}
nav.solid .menu{background:var(--g1);color:#fff;padding:.8rem 1.4rem}
nav.solid .soc a{background:rgba(31,107,45,.1);border-color:rgba(31,107,45,.28)}
nav.solid .soc a:hover{background:var(--g1);color:#fff}
nav.solid .drawer{left:14px;top:calc(100% + 10px)}
@media(max-width:600px){nav.solid{inset:8px 8px auto 8px;padding:8px 10px}nav.solid .drawer{left:10px}}


.pin{align-items:flex-end;padding-bottom:6svh}
.pin h2{font-size:clamp(2rem,4.8vw,4.4rem);max-width:18ch;top:9vh}
.track{margin-top:0;gap:1.6rem}
.pcard{flex:0 0 min(84vw,390px);height:min(580px,calc(100svh - 270px));min-height:430px;border-radius:38px;background:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;color:#12261a}
.pcard:hover{transform:translateY(-8px);box-shadow:0 34px 60px -26px rgba(0,0,0,.5)}
.pi{height:48%;position:relative;overflow:hidden;flex:none}.pi svg.px{position:absolute;top:0;bottom:0;left:-8%;width:116%;height:100%}
.pgo{position:absolute;top:1rem;right:1rem;width:50px;height:50px;border-radius:50%;background:#fff;display:grid;place-items:center;z-index:2;color:#12261a;transition:transform .3s}.pgo:hover{transform:rotate(-10deg) scale(1.1)}
.ptags{position:absolute;left:1.1rem;bottom:48px;display:flex;gap:.5rem;flex-wrap:wrap;z-index:2}.ptags span{background:#0f3a18;color:#fff;padding:.65rem 1.05rem;border-radius:99px;font-size:.92rem}
.pb{position:relative;margin-top:-34px;background:#fff;border-radius:34px 34px 0 0;padding:1.6rem 1.9rem 1.4rem;flex:1;display:flex;flex-direction:column;z-index:1;min-height:0}
.pbadge{position:absolute;top:22px;right:26px;width:32px;height:32px;border-radius:11px;background:linear-gradient(135deg,var(--g2),#9bd36a);border:3px solid #0f3a18}
.pb h3{font-size:1.7rem;font-weight:500;letter-spacing:-.02em;line-height:1.1;margin-top:.2rem}
.pbot{margin-top:auto}.pbot small{font-weight:700;font-size:.82rem}.pbot p{color:#5d6b64;font-size:.98rem;line-height:1.55;margin:.4rem 0 .9rem}
.pmore{display:inline-block;font-weight:700;font-size:.9rem;color:var(--g1);border-bottom:2px solid var(--g2);transition:letter-spacing .3s}.pcard:hover .pmore{letter-spacing:.04em}
.pinbg{background:linear-gradient(180deg,#fcfcfc 0%,#f1f4f2 100%)}
.pin h2{color:#12261a;text-shadow:none}
.pcard{border:1px solid #e3e9e4;box-shadow:0 34px 50px -24px rgba(15,58,24,.35),0 10px 26px rgba(15,58,24,.14)}
.pcard:hover{transform:translateY(-8px);box-shadow:0 46px 64px -26px rgba(15,58,24,.45),0 14px 32px rgba(15,58,24,.18)}

.abL{position:relative;width:100%;max-width:560px;justify-self:center;padding:0 0 1rem}
.abL .blob{position:absolute;inset:-6% 8% 4% -8%;background:var(--mist);border-radius:60% 40% 55% 45%/50% 55% 45% 50%;animation:morph 9s ease-in-out infinite alternate;z-index:0}
@keyframes morph{to{border-radius:40% 60% 45% 55%/55% 45% 55% 45%;transform:rotate(6deg) scale(1.04)}}
.m1{position:relative;z-index:1;aspect-ratio:4/5;border-radius:48% 52% 6% 52%/30% 40% 6% 40%;overflow:hidden;clip-path:inset(0 100% 0 0);transition:clip-path 1.3s cubic-bezier(.2,.8,.2,1) .1s}
.abL.in-view .m1{clip-path:inset(0)}
.m1 img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.18);transition:transform 2.2s cubic-bezier(.2,.8,.2,1)}.abL.in-view .m1 img{transform:scale(1)}
.m2{position:absolute;z-index:2;right:-5%;bottom:-4%;width:40%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:8px solid var(--bg);box-shadow:0 20px 40px rgba(15,58,24,.28);animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-14px)}}
.m2 img{width:100%;height:100%;object-fit:cover;display:block}
.spin{position:absolute;z-index:3;left:-4%;top:5%;width:128px;height:128px;border-radius:50%;background:var(--g1);display:grid;place-items:center;box-shadow:0 14px 30px rgba(15,58,24,.3)}
.spin .tx{position:absolute;inset:0;width:100%;height:100%;animation:rot 14s linear infinite}.spin text{fill:#fff}
@keyframes rot{to{transform:rotate(360deg)}}
.drop{position:absolute;z-index:3;width:12px;height:18px;background:var(--g2);border-radius:50% 50% 50% 50%/65% 65% 35% 35%;opacity:0;animation:fall 3s ease-in infinite}
.d1{right:16%;top:-2%}.d2{right:10%;top:-2%;animation-delay:1s}.d3{right:22%;top:-2%;animation-delay:2s}
@keyframes fall{0%{transform:translateY(0);opacity:0}15%{opacity:.9}100%{transform:translateY(90px);opacity:0}}
.chk{list-style:none;padding:0;display:grid;gap:.85rem;margin:1.6rem 0 2rem}
.chk li{display:flex;gap:.8rem;align-items:center;font-weight:600}
.chk svg{width:28px;height:28px;flex:none;border-radius:50%;background:var(--g2);padding:6px;stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.chk path{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .8s .5s}.chk.in-view li:nth-child(2) path{transition-delay:.8s}.chk.in-view li:nth-child(3) path{transition-delay:1.1s}.chk.in-view path{stroke-dashoffset:0}
.abtn{display:flex;gap:1rem;flex-wrap:wrap}
.bg1{display:inline-flex;align-items:center;gap:.7rem;background:var(--g1);color:#fff;padding:1.05rem 1.6rem;border-radius:99px;font-weight:700;transition:transform .3s,background .3s}.bg1:hover{background:var(--g2);transform:translateY(-3px)}.bg1 svg{transition:transform .3s}.bg1:hover svg{transform:translateX(6px)}
.bo{border:2px solid var(--g1);color:var(--g1);padding:1rem 1.6rem;border-radius:99px;font-weight:700;transition:background .3s,color .3s,transform .3s}.bo:hover{background:var(--g1);color:#fff;transform:translateY(-3px)}
@media(max-width:820px){.spin{left:0;width:104px;height:104px}.m2{right:0}}
.anc{position:absolute;top:0;left:0}.pb h3{font-size:1.5rem}

.why2{display:grid;grid-template-columns:1fr 1.05fr;gap:6vw;padding:14vh 5vw;background:linear-gradient(160deg,#0b2a12,#1F6B2D);color:#fff;position:relative}
.wy-left{position:sticky;top:16vh;align-self:start}
.wy-left h2{max-width:11ch;font-size:clamp(2.4rem,5.4vw,5rem)}
.wy-meta{display:flex;align-items:flex-end;gap:1.4rem;margin-top:2.4rem}
.wy-count{font-size:1.2rem;opacity:.85}.wy-count b{font-size:clamp(3rem,6vw,5rem);font-weight:800;color:#9bd36a;letter-spacing:-.04em;margin-right:.4rem}
.wy-bar{width:4px;height:120px;background:rgba(255,255,255,.2);border-radius:4px;overflow:hidden;display:flex;align-items:flex-start}.wy-bar i{display:block;width:100%;height:0;background:#9bd36a;border-radius:4px;transition:height .25s linear}
.wy-it{min-height:80vh;display:flex;flex-direction:column;justify-content:center;gap:1rem;border-top:1px solid rgba(255,255,255,.18);opacity:.22;transform:translateX(50px) scale(.96);transform-origin:left center;transition:opacity .7s,transform .8s cubic-bezier(.2,.8,.2,1)}
.wy-it.on{opacity:1;transform:none}
.wy-it .num{font-size:clamp(5rem,11vw,10rem);font-weight:800;line-height:.8;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.4);transition:color .6s,-webkit-text-stroke-color .6s}
.wy-it.on .num{color:#9bd36a;-webkit-text-stroke-color:#9bd36a}
.wy-it svg{width:68px;height:68px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wy-it svg *{stroke-dasharray:240;stroke-dashoffset:240;transition:stroke-dashoffset 1.4s .2s}.wy-it.on svg *{stroke-dashoffset:0}
.wy-it h3{font-size:clamp(1.9rem,3.6vw,3.2rem);letter-spacing:-.03em}
.wy-it p{font-size:1.2rem;max-width:34ch;opacity:.85}
@media(max-width:820px){.why2{grid-template-columns:1fr}.wy-left{position:static}.wy-it{min-height:60vh}}

.ftw{background:var(--bg);padding-top:96px}
footer.ft2{position:relative;display:block;background:#0d2415;color:#fff;padding:150px 5vw calc(2rem + env(safe-area-inset-bottom,0px));border-radius:64px 64px 0 0}
.topo-wrap{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}.topo-wrap svg{width:100%;height:100%}
.ft-mark{position:absolute;left:50%;top:-80px;width:150px;height:150px;transform:translateX(-50%);animation:float2 6s ease-in-out infinite;filter:drop-shadow(0 16px 24px rgba(15,58,24,.35))}
@keyframes float2{50%{transform:translateX(-50%) translateY(-10px)}}
.ft2 .ft-c{position:relative;z-index:1;text-align:center}
.ft2 h2{font-family:'Playfair Display','Newsreader',Georgia,serif;font-weight:500;font-size:clamp(2.6rem,6.5vw,5.4rem);line-height:.98;letter-spacing:-.02em;max-width:9ch;margin:0 auto}
.ft2 .ft-c em{display:block;font-family:'Newsreader',Georgia,serif;font-style:italic;font-size:1.4rem;margin:1rem 0 1.8rem;opacity:.9}
.ft-btns{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.fb{display:inline-flex;align-items:center;gap:.9rem;padding:.7rem .7rem .7rem 1.5rem;border-radius:99px;font-weight:600;transition:transform .3s,box-shadow .3s}.fb:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(0,0,0,.3)}
.fb i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;transition:transform .3s}.fb:hover i{transform:translateX(4px)}
.fb.p{background:#9bd36a;color:#0c2a14}.fb.p i{background:#0c2a14;color:#9bd36a}
.fb.s{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.22);color:#fff}.fb.s i{background:#9bd36a;color:#0c2a14}
.ft-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:2rem;margin-top:4.5rem;align-items:start}
.ft2 h3{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:1.6rem;letter-spacing:0;line-height:1.1;margin-bottom:.8rem}
.ft-grid p,.ft-grid a{font-size:.95rem}.ft-grid p{margin-bottom:.35rem;opacity:.92}
.ft-grid a{transition:color .25s}.ft-grid a:hover{color:#9bd36a}.ul{border-bottom:1px solid rgba(255,255,255,.5)}
.sl{display:grid;gap:.6rem;justify-items:start}.sl a{display:inline-flex;align-items:center;gap:.5rem}
.ft-q{justify-self:end}.ql{display:grid;grid-template-columns:1fr 1fr;gap:.45rem 2.4rem}
.ft-bot{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:3.2rem}
.pl{display:inline-flex;align-items:center;gap:.6rem;font-size:.85rem}.pl i{width:10px;height:10px;border-radius:50%;background:#9bd36a;animation:pulse2 2s infinite}
@keyframes pulse2{0%{box-shadow:0 0 0 0 rgba(155,211,106,.6)}100%{box-shadow:0 0 0 10px rgba(155,211,106,0)}}
.pr{background:#FCFCFC;color:#12261a;border-radius:10px;padding:.6rem 1rem;font-size:.85rem}
@media(max-width:820px){footer.ft2{border-radius:40px 40px 0 0}.ft-grid{grid-template-columns:1fr;text-align:center;justify-items:center}.sl{justify-items:center}.ft-q{justify-self:center}.ql{text-align:center}.ft-bot{justify-content:center}}

.qwrap{position:relative;width:100%;max-width:520px;justify-self:center;align-self:start;padding-bottom:18px}
.qwrap::before,.qwrap::after{content:"";position:absolute;inset:0;border-radius:28px;background:#f3f6ef;border:1px solid #dfe7da;z-index:0}
.qwrap::before{transform:rotate(-3deg) translate(-8px,8px)}.qwrap::after{transform:rotate(2.6deg) translate(10px,12px) scale(.98);background:#e9efe4}
.qcard{position:relative;z-index:1;display:flex;flex-direction:column;min-height:480px;background:#fff;color:#12261a;border-radius:28px;padding:1.8rem 2rem 1.6rem;box-shadow:0 30px 60px -30px rgba(15,58,24,.4);gap:0}
.qtop{display:flex;align-items:center;gap:1.4rem;margin-bottom:2.2rem}
.qprog{display:flex;gap:.5rem;flex:1}.qprog i{height:3px;flex:1;border-radius:3px;background:#d7ddd3;transition:background .4s}.qprog i.on{background:#12261a}
.qx{width:26px;height:26px;border-radius:50%;border:0;background:#9aa59a;display:grid;place-items:center;cursor:pointer;transition:background .25s,transform .25s}.qx:hover{background:#12261a;transform:rotate(90deg)}
.qs{display:none}.qs.on{display:block;animation:qin .45s cubic-bezier(.2,.8,.2,1)}
@keyframes qin{from{opacity:0;transform:translateX(26px)}}
.qlab,.qhint{font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}
.qlab{margin-bottom:.7rem}.qhint{color:#8d998d;margin:1.3rem 0 .7rem}
.qs h3{font-size:1.6rem;font-weight:500;letter-spacing:-.02em;line-height:1.15}
.qopt{display:flex;align-items:center;gap:.8rem;padding:.5rem 0;cursor:pointer;font-weight:400;font-size:1rem;position:relative}
.qopt input{position:absolute;opacity:0;width:1px;height:1px}
.qopt .dot{width:16px;height:16px;border-radius:50%;border:1.5px solid #12261a;flex:none;transition:background .2s,box-shadow .2s}
.qopt input:checked+.dot{background:var(--g1);box-shadow:inset 0 0 0 3px #fff;border-color:var(--g1)}.qopt input:focus-visible+.dot{outline:3px solid var(--g2);outline-offset:3px}
.qs label:not(.qopt){margin-bottom:.9rem}
.qerr{color:#b3261e;font-size:.9rem;min-height:1.3em;margin-top:.8rem}
.qnav{display:flex;justify-content:flex-end;align-items:center;gap:1.2rem;margin-top:auto;padding-top:1rem}
.qb{background:none;border:0;font:inherit;color:#12261a;cursor:pointer;padding:.7rem 1rem}.qb:hover{text-decoration:underline}
.qn{background:#a7e46c;color:#12261a;border:2px solid #8fd152;border-radius:12px;padding:.8rem 1.8rem;font:inherit;font-weight:600;cursor:pointer;box-shadow:0 10px 20px -10px rgba(100,180,40,.8);transition:transform .25s}.qn:hover{transform:translateY(-2px)}.qn:disabled{opacity:.6;cursor:wait}
.qcard.done .qsteps,.qcard.done .qnav,.qcard.done .qprog{display:none}

.qcard{min-height:560px}
.qcard.rise{animation:qrise .65s cubic-bezier(.2,.8,.2,1)}
@keyframes qrise{from{transform:scale(.95) translateY(12px)}to{transform:none}}
.qghost{position:absolute;top:0;left:0;margin:0;pointer-events:none;z-index:3;animation:qghost .85s cubic-bezier(.5,0,.2,1) forwards}
@keyframes qghost{0%{transform:none;z-index:3}40%{transform:translate(80px,-34px) rotate(7deg);z-index:3}41%{z-index:0}100%{transform:translate(10px,12px) rotate(2.6deg) scale(.98);z-index:0}}
.qs.on{animation:qfade .5s .2s both}@keyframes qfade{from{opacity:0}}

.ci{position:relative;display:flex;flex-direction:column;gap:1.6rem;min-width:0}
.ci-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.cbadge{position:relative;flex:none;width:112px;height:112px;border-radius:50%;background:var(--g1);display:grid;place-items:center;box-shadow:0 14px 30px rgba(15,58,24,.3);animation:float 6s ease-in-out infinite}
.cbadge .tx{position:absolute;inset:0;width:100%;height:100%;animation:rot 14s linear infinite}.cbadge text{fill:#fff}
.ci-lead{font-size:1.15rem;max-width:44ch;opacity:.85}
.ci-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ci-card:nth-child(3){grid-column:span 2}
.ci-card{position:relative;display:flex;align-items:center;gap:1rem;padding:1.2rem 1.3rem;border-radius:26px;background:linear-gradient(135deg,#0d2415,#14451f);color:#fff;overflow:hidden;transition:transform .35s,box-shadow .35s}
.ci-card::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(155,211,106,.14);transition:transform .5s}.ci-card:hover::after{transform:scale(2.4)}
.ci-card:hover{transform:translateY(-6px);box-shadow:0 24px 40px -20px rgba(15,58,24,.55)}
.ci-ic{position:relative;flex:none;width:52px;height:52px;border-radius:50%;background:#9bd36a;color:#0d2415;display:grid;place-items:center;z-index:1}
.ci-ic::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #9bd36a;animation:ring 2.4s infinite}
@keyframes ring{to{transform:scale(1.7);opacity:0}}
.ci-tx{display:grid;gap:.1rem;min-width:0;position:relative;z-index:1}.ci-tx small{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.ci-tx b{font-size:1.15rem;font-weight:600;overflow-wrap:anywhere}
.ci-steps{position:relative;display:grid;gap:1.5rem;padding-left:3.4rem;margin-top:.6rem}
.ci-steps .line{position:absolute;left:19px;top:14px;bottom:14px;width:3px;background:var(--mist);border-radius:3px;overflow:hidden}
.ci-steps .line i{display:block;width:100%;height:100%;background:var(--g2);transform:scaleY(0);transform-origin:top;transition:transform 1.8s .3s}.ci-steps.in-view .line i{transform:scaleY(1)}
.cs{position:relative}.cs .n{position:absolute;left:-3.4rem;top:0;width:40px;height:40px;border-radius:50%;background:#fff;border:3px solid var(--g2);display:grid;place-items:center;font-weight:800;color:var(--g1)}
.ci-steps.in-view .cs .n{animation:pulse3 2.6s infinite}.ci-steps.in-view .cs:nth-of-type(2) .n{animation-delay:.5s}.ci-steps.in-view .cs:nth-of-type(3) .n{animation-delay:1s}
@keyframes pulse3{0%{box-shadow:0 0 0 0 rgba(69,142,45,.45)}70%,100%{box-shadow:0 0 0 14px rgba(69,142,45,0)}}
.cs h3{font-size:1.2rem;letter-spacing:-.02em;line-height:1.2;margin-bottom:.15rem}.cs p{opacity:.8;font-size:.98rem}
.ci-mq{overflow:hidden;white-space:nowrap;border-radius:99px;background:var(--mist);padding:.9rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ci-mq div{display:inline-flex;gap:1.6rem;animation:mq 24s linear infinite}.ci-mq span{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:1.35rem;color:var(--g1)}
@keyframes mq{to{transform:translateX(-50%)}}
.ci-soc{display:flex;align-items:center;gap:.7rem;font-weight:600}
.ci-soc a{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--g1);color:var(--g1);display:grid;place-items:center;transition:background .3s,color .3s,transform .3s}.ci-soc a:hover{background:var(--g1);color:#fff;transform:translateY(-4px) rotate(-8deg)}
@media(max-width:820px){.ci-cards{grid-template-columns:1fr}.ci-card:nth-child(3){grid-column:auto}}

.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:6vw;padding:12vh 5vw 8vh;background:var(--bg)}
.fq-l{position:sticky;top:14vh;align-self:start}.fq-l h2{font-size:clamp(2.4rem,5vw,4.6rem)}.fq-l p{margin:1.2rem 0 1.6rem;max-width:34ch;font-size:1.1rem;opacity:.85}
.fq-deco{width:150px;margin-top:2.4rem;animation:float 6s ease-in-out infinite}.fq-deco svg{width:100%;animation:rot 40s linear infinite}.fq-deco text{animation:none}
.fq-list{display:grid;gap:.9rem}
.fq{border-radius:26px;background:var(--mist);border:1px solid rgba(31,107,45,.15);transition:background .5s,color .5s,box-shadow .5s,transform .4s}
.fq:hover{transform:translateX(6px)}
.fq-q{width:100%;display:flex;align-items:center;gap:1.1rem;padding:1.35rem 1.5rem;background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:26px}
.fq-n{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.78rem;opacity:.6;flex:none}
.fq-t{flex:1;font-size:clamp(1.05rem,1.8vw,1.4rem);font-weight:600;letter-spacing:-.02em;line-height:1.25}
.fq-i{position:relative;flex:none;width:40px;height:40px;border-radius:50%;background:var(--g1);transition:transform .5s cubic-bezier(.2,.8,.2,1),background .4s}
.fq-i::before,.fq-i::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2.5px;background:#fff;border-radius:2px;transform:translate(-50%,-50%);transition:transform .5s}
.fq-i::after{transform:translate(-50%,-50%) rotate(90deg)}
.fq.open{background:linear-gradient(135deg,#0d2415,#14451f);color:#fff;box-shadow:0 26px 40px -24px rgba(15,58,24,.6)}.fq.open:hover{transform:none}
.fq.open .fq-i{background:#9bd36a;transform:rotate(180deg)}.fq.open .fq-i::before,.fq.open .fq-i::after{background:#0d2415}.fq.open .fq-i::after{transform:translate(-50%,-50%) rotate(0)}
.fq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.2,.8,.2,1)}.fq-a>div{overflow:hidden}.fq.open .fq-a{grid-template-rows:1fr}
.fq-a p{padding:0 1.5rem 1.5rem 4.2rem;opacity:0;transform:translateY(-8px);transition:opacity .5s .1s,transform .5s .1s;font-size:1.05rem;line-height:1.65}.fq.open .fq-a p{opacity:.9;transform:none}
.mp{padding:6vh 5vw 14vh;background:var(--bg)}
.mp-h{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap;margin-bottom:5vh}.mp-h h2{font-size:clamp(2.2rem,4.8vw,4.4rem);max-width:16ch}.mp-h a[hidden]{display:none}
.mp-box{position:relative;height:min(640px,72vh);min-height:420px;border-radius:44px;overflow:hidden;background:#eef3e6;box-shadow:0 40px 70px -40px rgba(15,58,24,.5),0 0 0 1px rgba(31,107,45,.12)}
.mp-svg{position:absolute;inset:-4%;width:108%;height:108%}.ml{transition:transform .25s ease-out;transform:translate(calc(var(--mx,0)*var(--dd,10)*1px),calc(var(--my,0)*var(--dd,10)*1px))}
.route{stroke-dasharray:1;stroke-dashoffset:1;animation:rdraw 6s ease-in-out infinite}@keyframes rdraw{0%{stroke-dashoffset:1}60%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
.area{transform-box:fill-box;transform-origin:center;animation:rot 40s linear infinite}
.pulse{transform-box:fill-box;transform-origin:center;animation:pls 3s ease-out infinite}.pulse.p2{animation-delay:1.5s}@keyframes pls{from{transform:scale(.6);opacity:.9}to{transform:scale(4);opacity:0}}
.pin{animation:pdrop 1.2s cubic-bezier(.3,1.5,.5,1) both}.mp-box:not(.in-view) .pin{animation:none;opacity:0}@keyframes pdrop{0%{transform:translateY(-260px);opacity:0}60%{opacity:1}100%{transform:none;opacity:1}}
.van{position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:#FCFCFC;border:4px solid #1F6B2D;box-shadow:0 4px 10px rgba(0,0,0,.3);offset-path:path('M-20 380 C200 340 380 420 600 360');offset-rotate:0deg;animation:vmove 6s ease-in-out infinite;display:none}
.mk{position:absolute;display:flex;align-items:center;gap:.5rem;padding:.5rem .9rem .5rem .6rem;border-radius:99px;background:#fff;box-shadow:0 12px 24px -10px rgba(15,58,24,.45);font-weight:600;font-size:.92rem;color:#12261a;transform:scale(0);animation:none}
.mk i{width:14px;height:14px;border-radius:50%;background:#458E2D;box-shadow:0 0 0 4px rgba(69,142,45,.25)}
.mp-box.in-view .mk{animation:mpop .7s var(--d) cubic-bezier(.3,1.6,.5,1) forwards,mfl 5s calc(var(--d) + .7s) ease-in-out infinite}
@keyframes mpop{to{transform:scale(1)}}@keyframes mfl{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(1) translateY(-8px)}}
.mp-card{position:absolute;left:1.5rem;bottom:1.5rem;width:min(340px,calc(100% - 3rem));padding:1.2rem 1.4rem;border-radius:26px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);color:#12261a;box-shadow:0 20px 40px -20px rgba(15,58,24,.5)}
.mp-card small{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;opacity:.65}.mp-card b{display:block;font-size:1.2rem;margin:.2rem 0 .3rem}.mp-card p{font-size:.95rem;opacity:.8}
@media(max-width:820px){.faq{grid-template-columns:1fr}.fq-l{position:static}.fq-a p{padding-left:1.5rem}.mk{font-size:.8rem}}

.ctab{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:5vw;padding:14vh 5vw;background:linear-gradient(120deg,#1F6B2D,#2f8a2e 55%,#458E2D);background-size:160% 160%;animation:bgsh 14s ease-in-out infinite alternate}
@keyframes bgsh{to{background-position:100% 50%}}
.ctab .ct-l{position:relative;z-index:2}.ctab h2{max-width:14ch}.ctab p{max-width:46ch;margin:1.5rem 0 2rem}
.ct-btns{display:flex;gap:1rem;flex-wrap:wrap}.ctab .btn.gh{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}.ctab .btn.gh:hover{background:#fff;color:var(--g1)}
.ct-chips{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:2rem}.ct-chips span{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:99px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(6px);font-weight:600;font-size:.95rem}
.ct-chips svg{width:18px;height:18px;padding:3px;border-radius:50%;background:#9bd36a;color:#0d2415}
.lfy{position:absolute;bottom:-40px;width:calc(34px*var(--s));opacity:.18;z-index:1;animation:drift var(--d) var(--dl) linear infinite}
@keyframes drift{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(-110vh) rotate(260deg)}}
.ct-vis{position:relative;z-index:2;width:100%;max-width:480px;justify-self:center;aspect-ratio:4/5}
.ct-ring{position:absolute;inset:-8%;width:116%;height:116%;animation:rot 50s linear infinite}
.ct-img{position:absolute;inset:0;border-radius:999px 999px 40px 40px;overflow:hidden;box-shadow:0 40px 70px -30px rgba(0,0,0,.5);clip-path:inset(100% 0 0 0);transition:clip-path 1.4s cubic-bezier(.2,.8,.2,1) .2s}
.ct-vis.in-view .ct-img{clip-path:inset(0)}.ct-img img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.2);transition:transform 2.6s cubic-bezier(.2,.8,.2,1)}.ct-vis.in-view .ct-img img{transform:scale(1)}
.ct-spray{position:absolute;left:8%;bottom:6%;width:46%;z-index:3;opacity:.9}
.ct-mini{position:absolute;z-index:3;right:-8%;bottom:10%;width:36%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:6px solid #fff;box-shadow:0 20px 40px rgba(0,0,0,.35);animation:float 6s ease-in-out infinite}.ct-mini img{width:100%;height:100%;object-fit:cover;display:block}
.ct-badge{position:absolute;z-index:3;top:-2%;right:-6%;width:110px;height:110px;background:#0d2415}
.ct-card{position:absolute;z-index:3;left:-8%;top:30%;display:flex;align-items:center;gap:.8rem;padding:.9rem 1.2rem;border-radius:22px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);color:#12261a;box-shadow:0 20px 36px -16px rgba(0,0,0,.45);animation:float 7s 1s ease-in-out infinite}
.ct-card small{display:block;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;opacity:.65}.ct-card b{font-size:1rem}
.ct-dot{width:14px;height:14px;border-radius:50%;background:#458E2D;box-shadow:0 0 0 0 rgba(69,142,45,.6);animation:ring2 2s infinite}@keyframes ring2{to{box-shadow:0 0 0 14px rgba(69,142,45,0)}}
@media(max-width:900px){.ctab{grid-template-columns:1fr}.ct-vis{max-width:340px;margin-top:2rem}.ct-card{left:0}.ct-mini{right:0}.ct-badge{right:0}}