@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Manrope:wght@500;700;800&display=swap');:root{--ink:#171a17;--muted:#697168;--line:#e5e9df;--paper:#f8faf5;--green:#214a35;--lime:#cbf36e;--soft:#edf5e5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px 'DM Sans',sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}.bar{background:var(--green);color:white;text-align:center;padding:9px;font-size:12px}.bar b{color:var(--lime)}header{position:sticky;top:0;background:#f8faf5ed;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:5}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{font:800 27px Manrope;letter-spacing:-1.5px}.logo span{color:#38744d}.links{display:flex;gap:22px;font-size:13px}.btn{display:inline-block;background:var(--green);color:white;padding:13px 19px;border-radius:999px;font-size:13px;font-weight:700;border:0;cursor:pointer}.btn.lime{background:var(--lime);color:#19271a}.btn.white{background:white;color:var(--ink);border:1px solid var(--line)}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(42px,6vw,70px);margin:20px 0}h1 em{font-style:normal;color:#37744c}h2{font-size:clamp(30px,4vw,45px)}p{color:var(--muted)}.hero{padding:72px 0 50px}.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}.eyebrow{display:inline-block;border:1px solid #dce6d2;background:white;border-radius:99px;padding:7px 12px;font-size:11px;font-weight:700;color:var(--green)}.lead{font-size:18px;max-width:590px;line-height:1.7}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.visual{background:linear-gradient(145deg,#e3f0d5,#f7f9ef);border-radius:30px;padding:26px;min-height:360px;display:grid;place-items:center;position:relative}.profile{background:white;border-radius:24px;padding:25px;max-width:360px;width:100%;box-shadow:0 25px 60px #203e241a;transform:rotate(-2deg)}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(140deg,#d9efb7,#65936c);display:inline-grid;place-items:center;margin-right:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.stats div{background:#f5f8f0;padding:12px 6px;text-align:center;border-radius:12px}.stats strong{display:block;font:800 19px Manrope}.stats small{font-size:10px;color:var(--muted)}.trust,.cards,.steps,.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.trust{grid-template-columns:repeat(4,1fr);padding:0 0 60px}.trust div,.card,.package,.benefit{background:white;border:1px solid var(--line);border-radius:20px;padding:22px}.trust div{font-size:13px}.section{padding:70px 0}.whitebg{background:white}.head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:28px}.head p{max-width:390px}.card{min-height:235px;display:flex;flex-direction:column}.symbol{font-size:25px;background:var(--soft);border-radius:14px;width:48px;height:48px;display:grid;place-items:center;margin-bottom:20px}.card h3,.package h3{font-size:22px;margin:0 0 8px}.card p{font-size:14px}.card a{margin-top:auto;color:#2e6944;font-weight:700;font-size:13px}.steps{margin-top:25px}.step{border-top:1px solid var(--line);padding-top:20px}.num{background:var(--lime);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;margin-bottom:18px}.banner{background:var(--green);border-radius:28px;color:white;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:25px}.banner h2{max-width:620px}.banner p{color:#dce8dc}.faqgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq{border:1px solid var(--line);background:white;border-radius:14px;padding:18px}.faq summary{font-weight:700;cursor:pointer}.faq p{font-size:13px}.foot{background:#141c16;color:white;padding:40px 0}.foot p,.foot a{font-size:13px;color:#bbc6b9}.footrow{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.pagehero{padding:50px 0}.crumb{font-size:12px;color:var(--muted);margin-bottom:18px}.pagegrid{display:grid;grid-template-columns:1fr .8fr;gap:35px;align-items:start}.order{background:white;border:1px solid var(--line);border-radius:23px;padding:24px;box-shadow:0 15px 45px #203e240b}.order label{display:block;font-size:12px;font-weight:700;margin:14px 0 7px}.order input{width:100%;padding:13px;border:1px solid #dfe4db;border-radius:11px}.options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.opt{border:1px solid var(--line);border-radius:12px;background:white;text-align:left;padding:12px;cursor:pointer}.opt.active{border:2px solid var(--green);background:#f2f8eb;padding:11px}.opt strong,.opt small{display:block}.opt small{font-size:11px;color:var(--muted)}.total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin:15px 0}.total strong{font:800 25px Manrope}.order .btn{width:100%}.notice{display:none;padding:12px;background:#eef6e6;border-radius:10px;font-size:12px;margin-top:10px}.notice.show{display:block}.benefit h3{font-size:18px}.benefit p{font-size:13px}.legal{max-width:760px;margin:auto;padding:70px 0}.mobile{display:none}@media(max-width:800px){.grid,.pagegrid{grid-template-columns:1fr}.trust{grid-template-columns:1fr 1fr}.cards,.steps,.benefits{grid-template-columns:1fr 1fr}.head{display:block}.links{gap:12px}.banner{display:block}.banner .btn{margin-top:10px}}@media(max-width:560px){.links{display:none}.nav{height:62px}.hero{padding:45px 0 30px}.visual{min-height:310px}.trust,.cards,.steps,.benefits,.faqgrid{grid-template-columns:1fr}.section{padding:48px 0}.pagehero{padding:35px 0}.pagegrid{gap:22px}.banner{padding:28px}.footrow{display:block}.footrow>*{margin-bottom:18px}}
/* Premium navigation dropdown */
.navdrop{position:relative}
.dropbtn{border:0;background:transparent;color:var(--ink);font:inherit;font-size:13px;cursor:pointer;padding:12px 0}
.dropbtn span{margin-left:4px;color:#37744c}
.dropmenu{display:none;position:absolute;top:100%;left:-18px;width:230px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 18px 45px #1728171c;z-index:20}
.navdrop:hover .dropmenu,.navdrop:focus-within .dropmenu,.navdrop.open .dropmenu{display:grid}
.dropmenu a{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-radius:9px;font-size:12px}
.dropmenu a:hover{background:#f1f7e9;color:#285b3b}
@media(max-width:800px){.dropmenu{left:0;top:35px}.navdrop{width:100%}.dropbtn{font-size:13px}}
/* Motion system */
@keyframes riseIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes floatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes shimmerLine{0%{transform:translateX(-110%)}100%{transform:translateX(110%)}}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.reveal.delay-1{transition-delay:.08s}.reveal.delay-2{transition-delay:.16s}.reveal.delay-3{transition-delay:.24s}
.hero .eyebrow,.hero h1,.hero .lead,.hero .actions{animation:riseIn .7s both}
.hero h1{animation-delay:.08s}.hero .lead{animation-delay:.16s}.hero .actions{animation-delay:.24s}
.visual{overflow:hidden;isolation:isolate}
.visual:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 20% 20%,#cbf36e66,transparent 30%),radial-gradient(circle at 80% 80%,#78a98055,transparent 35%);transform:translate3d(0,var(--parallax-y,0),0);z-index:-1}
.profile{animation:floatSoft 5.5s ease-in-out infinite}
.card,.package,.benefit{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.card:hover,.package:hover,.benefit:hover{transform:translateY(-6px);box-shadow:0 20px 50px #203e2412;border-color:#d3e2c8}
.service-orbit{position:relative;overflow:hidden;border-radius:28px;background:#e9f2e1;min-height:235px;margin-bottom:18px;display:flex;align-items:flex-end;padding:22px}
.service-orbit:before,.service-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid #b7d1a7;opacity:.8}
.service-orbit:before{width:220px;height:220px;right:-40px;top:-75px}
.service-orbit:after{width:150px;height:150px;right:-5px;top:-40px}
.service-orbit .big-symbol{position:absolute;right:28px;top:15px;font-size:92px;color:#2e6944;opacity:.18;line-height:1}
.service-orbit .orb-label{position:relative;z-index:1;background:#ffffffd9;border:1px solid #ffffff;padding:8px 11px;border-radius:99px;font-size:11px;font-weight:700}
.service-orbit.green{background:#dcebd8}.service-orbit.lime{background:#edf4d6}.service-orbit.dark{background:#213f2d;color:white}.service-orbit.dark .orb-label{color:#18271b}.service-orbit.peach{background:#f5e7d8}.service-orbit.blue{background:#e0ebef}
.parallax-band{position:relative;overflow:hidden;background:#1f4934;color:white;border-radius:30px;padding:54px 42px}
.parallax-band:before{content:"";position:absolute;width:340px;height:340px;border:1px solid #ffffff26;border-radius:50%;right:7%;top:-170px;transform:translateY(var(--parallax-y,0))}
.parallax-band:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #cbf36e65;border-radius:50%;right:14%;top:-105px;transform:translateY(var(--parallax-y,0))}
.parallax-band>*{position:relative;z-index:1}
.services-hero{padding:58px 0 35px}
.services-hero h1{max-width:800px}
.quickshop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.quickshop-card{background:white;border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column;min-height:220px}
.quickshop-card .price-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#38744d;font-weight:800}
.quickshop-card h3{font-size:23px;margin:10px 0 5px}
.quickshop-card p{font-size:13px}
.quickshop-card .btn{margin-top:auto;text-align:center}
@media(max-width:800px){.quickshop-grid{grid-template-columns:1fr 1fr}.service-orbit{min-height:180px}}
@media(max-width:560px){.quickshop-grid{grid-template-columns:1fr}.parallax-band{padding:30px 24px}.dropmenu{position:static;box-shadow:none;width:100%;margin-top:4px}.navdrop.open .dropmenu{display:grid}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

.nav-toggle{display:none;border:0;background:transparent;font-size:25px;cursor:pointer;color:var(--ink)}
@media(max-width:560px){.nav-toggle{display:block}.links.mobile-open{display:flex;position:absolute;top:62px;left:0;right:0;background:var(--paper);padding:18px 22px 22px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:15px}.links.mobile-open .navdrop{width:100%}.links.mobile-open .dropbtn{padding:4px 0}.links.mobile-open .dropmenu{position:static;box-shadow:none;width:100%;margin-top:5px}}

/* === Growzo UI polish pass: richer depth, micro-interactions, responsive rhythm === */
:root{--green:#173f2b;--lime:#c8f36a;--paper:#f7f9f3;--muted:#667067;--line:#e4e9df;--ease:cubic-bezier(.2,.75,.25,1)}
body{letter-spacing:-.012em;background:linear-gradient(180deg,#fafbf7 0%,#f6f8f1 50%,#fafbf7 100%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.14;background-image:radial-gradient(#8aa17e 0.55px,transparent .55px);background-size:18px 18px;mask-image:linear-gradient(to bottom,black,transparent 65%)}
.bar{background:linear-gradient(90deg,#153d29,#285b3d,#153d29);background-size:200% 100%;animation:barShift 12s linear infinite}
@keyframes barShift{to{background-position:200% 0}}
header{box-shadow:0 5px 24px #203e2406;transition:box-shadow .25s ease}
header:after{content:"";height:2px;position:absolute;left:0;right:0;bottom:-1px;background:linear-gradient(90deg,transparent,var(--lime),#8bc66e,transparent);opacity:.65}
.logo{display:inline-flex;align-items:center;gap:1px;transition:transform .25s var(--ease)}
.logo:hover{transform:translateY(-2px)}
.logo span{display:inline-block;animation:logoPulse 3.4s ease-in-out infinite}
@keyframes logoPulse{0%,100%{transform:scale(1);color:#38744d}50%{transform:scale(1.18);color:#86b94c}}
.links>a,.dropbtn{position:relative}
.links>a:after{content:"";height:2px;position:absolute;bottom:-7px;left:0;right:100%;background:#79ad54;transition:right .25s var(--ease)}
.links>a:hover:after{right:0}
.btn{position:relative;overflow:hidden;box-shadow:0 7px 16px #1e4a3012;transition:transform .25s var(--ease),box-shadow .25s ease,background .25s ease}
.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff40 48%,transparent 70%);transform:translateX(-130%);transition:transform .65s ease}
.btn:hover:before{transform:translateX(130%)}
.btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px #1e4a3024}
.btn:active{transform:translateY(-1px) scale(.99)}
.hero{padding-top:86px;position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;z-index:-1;left:-10%;top:5%;width:50vw;height:50vw;max-width:620px;max-height:620px;border-radius:50%;background:radial-gradient(circle,#e6f3d8 0%,#e6f3d866 34%,transparent 70%);pointer-events:none}
.hero h1{letter-spacing:-.065em}
.hero h1 em{background:linear-gradient(95deg,#2b6743 10%,#61984b 48%,#244b34 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{max-width:560px}
.eyebrow{box-shadow:0 4px 12px #28492d08;letter-spacing:.045em}
.visual{border:1px solid #ffffffb8;box-shadow:inset 0 1px 0 #ffffffa6,0 24px 70px #28472d0b;background:linear-gradient(135deg,#e3efd8 0%,#f7f8ef 52%,#dcebd4 100%)}
.visual:after{content:"";position:absolute;width:150px;height:150px;border:1px solid #7da36e45;border-radius:50%;left:-45px;bottom:-75px;box-shadow:0 0 0 22px #8bb47d10,0 0 0 44px #8bb47d09;pointer-events:none}
.profile{border:1px solid #ffffff;box-shadow:0 25px 70px #203e2420,0 3px 12px #203e2408;animation:floatSoft 6s ease-in-out infinite}
.stats div{transition:transform .25s ease,background .25s ease}
.stats div:hover{transform:translateY(-3px);background:#edf5e5}
.trust>div{background:#ffffffc9;border:1px solid #e7ebdf;border-radius:16px;padding:17px 15px;box-shadow:0 6px 22px #203e2404;transition:transform .25s ease,box-shadow .25s ease}
.trust>div:hover{transform:translateY(-4px);box-shadow:0 14px 32px #203e2410}
.section{padding-top:82px;padding-bottom:82px}
.head{margin-bottom:34px}
.head h2{letter-spacing:-.06em}
.head p{line-height:1.75}
.cards{gap:19px}
.card{padding:17px;overflow:hidden;border-radius:23px;box-shadow:0 8px 24px #203e2404;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s ease}
.card:hover{transform:translateY(-8px);box-shadow:0 22px 52px #203e2414;border-color:#d1e0c7}
.card h3{letter-spacing:-.05em}
.card p{line-height:1.7}
.card>a,.card>span{transition:letter-spacing .25s ease}
.card:hover>a,.card:hover>span{letter-spacing:.01em}
.service-orbit{margin-bottom:20px;min-height:190px;isolation:isolate}
.service-orbit:before{animation:orbitSpin 22s linear infinite;transform-origin:center}
.service-orbit:after{animation:orbitSpin 16s linear infinite reverse;transform-origin:center}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
.service-orbit .big-symbol{transition:transform .5s var(--ease),opacity .3s ease;transform-origin:center}
.card:hover .big-symbol{transform:translate(-7px,6px) rotate(-8deg) scale(1.08);opacity:.3}
.service-orbit .orb-label{box-shadow:0 7px 20px #203e240b;transition:transform .3s var(--ease)}
.card:hover .orb-label{transform:translateY(-3px)}
.parallax-band{box-shadow:0 24px 60px #173f2b1c;background:radial-gradient(circle at 90% 0%,#4d7b4e 0%,transparent 38%),linear-gradient(125deg,#163d29,#214f35 58%,#173c2a)}
.parallax-band .eyebrow{background:#ffffff12;border-color:#ffffff38;color:#e7f5d9}
.banner .btn{flex-shrink:0}
.step{transition:transform .3s ease}
.step:hover{transform:translateY(-4px)}
.num{box-shadow:0 5px 14px #9bbf701f;transition:transform .3s var(--ease)}
.step:hover .num{transform:rotate(-8deg) scale(1.08)}
.faq{transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.faq:hover{border-color:#cddfc2;transform:translateY(-2px);box-shadow:0 9px 24px #203e2408}
.faq summary:focus-visible,.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #a6d96c;outline-offset:3px}
.quickshop-card{box-shadow:0 8px 25px #203e2405;transition:transform .35s var(--ease),box-shadow .35s ease,border-color .3s ease}
.quickshop-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px #203e2412;border-color:#cfe0c4}
.reveal{transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.is-visible{will-change:auto}
.scroll-progress{height:3px;position:fixed;top:0;left:0;width:0;z-index:100;background:linear-gradient(90deg,#c8f36a,#6eac57,#1f4a35);box-shadow:0 0 10px #c8f36a66}
.back-top{position:fixed;right:22px;bottom:22px;z-index:30;width:43px;height:43px;border:1px solid #dfe8d7;border-radius:50%;background:#fff;color:#204a32;box-shadow:0 8px 25px #203e2417;opacity:0;pointer-events:none;transform:translateY(10px);transition:all .25s ease;cursor:pointer;font-size:19px}
.back-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}
@media(max-width:800px){.hero{padding-top:62px}.section{padding-top:62px;padding-bottom:62px}.trust>div{padding:14px 12px}}
@media(max-width:560px){.hero{padding-top:46px}.hero:before{width:95vw;height:95vw;left:-40%;top:0}.section{padding-top:48px;padding-bottom:48px}.service-orbit{min-height:165px}.card{padding:14px}.back-top{right:14px;bottom:82px}}
@media(prefers-reduced-motion:reduce){.bar,.logo span,.service-orbit:before,.service-orbit:after,.profile{animation:none!important}.btn,.card,.trust>div,.faq,.quickshop-card{transition:none!important}}