:root{--green:#49c934;--green-dark:#169d48;--orange:#f59b28;--blue:#242a7a;--ink:#151825;--muted:#626978;--paper:#fff;--soft:#f6f8fb;--line:#e6e9ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1140px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06)}.nav-wrap{height:92px;display:flex;align-items:center;justify-content:space-between}.brand img{width:205px;display:block}.nav-links{display:flex;align-items:center;gap:28px;font-weight:600;font-size:15px}.nav-links>a:not(.nav-cta):hover{color:var(--green-dark)}.nav-cta{padding:12px 18px;border-radius:12px;background:var(--blue);color:#fff}.menu-toggle{display:none;border:0;background:none;font-size:28px}.hero{position:relative;overflow:hidden;padding:92px 0 84px;background:linear-gradient(120deg,#f7fff3 0%,#fffaf2 48%,#f7f8ff 100%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:var(--green-dark);margin-bottom:14px}.hero h1,.section h2{font-family:Manrope,sans-serif;line-height:1.06;letter-spacing:-.04em}.hero h1{font-size:clamp(48px,6vw,78px);margin:0 0 24px;max-width:720px}.hero-copy>p{font-size:20px;color:var(--muted);max-width:650px;margin:0 0 32px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 21px;border-radius:13px;font-weight:800;border:0;cursor:pointer;font:inherit}.btn-primary{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;box-shadow:0 10px 30px rgba(35,173,66,.22)}.btn-secondary{background:#fff;color:var(--blue);border:1px solid #dfe3eb}.trust-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;font-size:14px;color:#4e5563}.hero-card{position:relative;background:var(--blue);color:#fff;border-radius:30px;padding:48px;box-shadow:0 28px 70px rgba(36,42,122,.25);transform:rotate(1.5deg)}.hero-card:before{content:'';position:absolute;inset:10px;border:1px solid rgba(255,255,255,.14);border-radius:23px}.clean-icon{font-size:54px}.hero-card h2{font:800 46px/1.12 Manrope;margin:24px 0 15px;color:#fff;letter-spacing:-.02em}.hero-card h2 span{color:#8be337}.hero-card p{color:#dfe2ff;max-width:360px}.shine{position:absolute;right:38px;top:28px;color:#ffb236;font-size:34px}.mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.mini-cards div{background:rgba(255,255,255,.1);padding:14px;border-radius:14px}.mini-cards strong,.mini-cards small{display:block}.mini-cards small{color:#cdd0f5}.hero-orb{position:absolute;border-radius:50%;filter:blur(3px);opacity:.2}.orb-one{width:280px;height:280px;background:var(--green);right:-80px;top:-100px}.orb-two{width:190px;height:190px;background:var(--orange);left:-90px;bottom:-70px}.section{padding:92px 0}.section-heading{max-width:700px;margin-bottom:44px}.section h2{font-size:clamp(34px,4vw,50px);margin:0 0 16px}.section-heading p,.about-copy>p,.areas p,.quote-copy>p{font-size:18px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{border:1px solid var(--line);border-radius:20px;padding:28px;background:#fff;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(24,31,53,.08)}.service-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;font-size:24px}.service-icon.green{background:#eaffdf}.service-icon.orange{background:#fff0dc}.service-icon.blue{background:#e9eaff}.service-card h3{font:800 20px Manrope;margin:18px 0 9px}.service-card p{margin:0;color:var(--muted)}.about{background:var(--soft)}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:center}.art-panel{min-height:480px;border-radius:28px;background:linear-gradient(145deg,var(--green) 0 46%,var(--orange) 46% 65%,var(--blue) 65%);position:relative;color:#fff;padding:42px;overflow:hidden;box-shadow:0 25px 60px rgba(20,25,70,.18)}.art-panel:after{content:'';position:absolute;width:300px;height:300px;border:40px solid rgba(255,255,255,.1);border-radius:50%;right:-130px;top:-80px}.big-spark{font-size:52px}.building{font-size:130px;line-height:1;margin-top:60px}.leaf{position:absolute;right:60px;bottom:80px;width:70px;height:70px;background:#fff;border-radius:70% 0 70% 0;color:transparent;transform:rotate(30deg)}.art-panel p{position:absolute;bottom:25px;font-weight:700;max-width:300px}.feature-list{display:grid;gap:17px;margin:28px 0}.feature-list>div{display:flex;gap:14px}.feature-list span{width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#e7fadd;color:var(--green-dark);display:grid;place-items:center;font-weight:900}.feature-list p{margin:0;color:var(--muted)}.feature-list strong{color:var(--ink)}.text-link{font-weight:800;color:var(--blue)}.areas{background:var(--blue);color:#fff}.areas-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.areas p{color:#dfe1ff}.eyebrow.light{color:#9ce64c}.city-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.city-cards>div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:25px}.city-cards span,.city-cards strong,.city-cards small{display:block}.city-cards span{font-size:24px}.city-cards strong{font-size:22px;margin-top:10px}.city-cards small{color:#cfd2ff}.quote{background:#fbfcfd}.quote-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.direct-contact{display:grid;gap:12px;margin-top:30px}.direct-contact a{font-weight:800;color:var(--blue)}.quote-form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 20px 55px rgba(21,24,37,.08)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quote-form label{display:grid;gap:7px;font-weight:700;font-size:14px;margin-bottom:16px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #dfe3ea;border-radius:11px;padding:13px 14px;font:inherit;color:var(--ink);background:#fff}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:2px solid rgba(73,201,52,.25);border-color:var(--green)}.full{width:100%}.form-note{font-size:12px!important;text-align:center;color:#7b8190!important;margin:10px 0 0!important}.contact-strip{background:linear-gradient(100deg,var(--green-dark),var(--green));padding:48px 0;color:#fff}.contact-strip-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-strip h2{font:800 31px Manrope;margin:0 0 6px}.contact-strip p{margin:0;color:#edffe7}.contact-actions{display:flex;gap:12px}.btn-light{background:#fff;color:var(--green-dark)}.btn-outline-light{border:1px solid rgba(255,255,255,.65);color:#fff}footer{padding:55px 0 24px;background:#11152f;color:#d9dcf1}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer-brand img{width:210px;background:#fff;border-radius:10px}.footer-brand p{max-width:360px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:8px}.footer-grid strong{color:#fff;margin-bottom:7px}.copyright{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin-top:35px;font-size:13px;color:#9298ba}@media(max-width:850px){.nav-wrap{height:76px}.brand img{width:170px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.hero{padding-top:58px}.hero-grid,.about-grid,.areas-inner,.quote-grid{grid-template-columns:1fr}.hero-card{transform:none}.service-grid{grid-template-columns:1fr 1fr}.about-grid,.quote-grid{gap:40px}.city-cards{max-width:500px}.contact-strip-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:560px){.container{width:min(100% - 28px,1140px)}.hero h1{font-size:46px}.hero-card{padding:34px 26px}.hero-card h2{font-size:35px}.service-grid,.form-row,.city-cards,.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.section{padding:70px 0}.trust-row{display:grid;gap:8px}.contact-actions{width:100%;flex-direction:column}.contact-actions .btn{width:100%}}


/* Our Work gallery */
.work-section{background:#f7faf8}
.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px}
.work-card{margin:0;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(21,36,55,.09);border:1px solid rgba(19,45,70,.08)}
.work-card img{display:block;width:100%;height:260px;object-fit:cover;transition:transform .35s ease}
.work-card:hover img{transform:scale(1.035)}
.work-card figcaption{padding:12px 14px;font-size:.88rem;font-weight:700;color:#173b5c}
@media (max-width:1000px){.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.work-card img{height:210px}}
@media (max-width:460px){.work-grid{grid-template-columns:1fr}.work-card img{height:280px}}

/* Promotions */
.promotions-section { background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%); }
.promo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; align-items:start; max-width:980px; margin:0 auto; }
.promo-card { background:#fff; border:1px solid rgba(16,44,92,.1); border-radius:22px; padding:18px; box-shadow:0 18px 45px rgba(16,44,92,.12); text-align:center; }
.promo-card img { display:block; width:100%; height:auto; max-height:760px; object-fit:contain; border-radius:14px; background:#fff; }
.promo-button { margin-top:16px; display:inline-flex; }
@media (max-width: 760px) { .promo-grid { grid-template-columns:1fr; gap:24px; } .promo-card { padding:12px; } }

/* Botnam eco leaf background motif — applied site-wide */
body{position:relative;background-color:#fff;background-image:radial-gradient(ellipse at 10% 8%,rgba(73,201,52,.055) 0 7%,transparent 7.5%),radial-gradient(ellipse at 92% 24%,rgba(73,201,52,.045) 0 8%,transparent 8.5%),radial-gradient(ellipse at 7% 62%,rgba(73,201,52,.045) 0 7%,transparent 7.5%),radial-gradient(ellipse at 94% 82%,rgba(73,201,52,.05) 0 8%,transparent 8.5%);background-size:680px 680px;background-attachment:fixed}
.section,.hero,.about,.quote,.work-section,.promotions-section{position:relative;overflow:hidden}
.section::before,.section::after,.hero::after,.about::after,.quote::after,.work-section::after,.promotions-section::after{content:"";position:absolute;z-index:0;width:170px;height:260px;pointer-events:none;opacity:.13;background:linear-gradient(145deg,var(--green),var(--green-dark));border-radius:100% 0 100% 0;transform:rotate(35deg)}
.section::before{left:-115px;top:70px}.section::after{right:-125px;bottom:60px;transform:rotate(215deg)}
.hero::after{right:-110px;bottom:10px}.about::after{left:-120px;bottom:50px;transform:rotate(35deg)}.quote::after{right:-125px;top:70px}.work-section::after{left:-120px;top:110px;transform:rotate(35deg)}.promotions-section::after{right:-110px;top:80px}
.section>.container,.hero>.container,.about>.container,.quote>.container,.work-section>.container,.promotions-section>.container{position:relative;z-index:1}
.areas::before,.areas::after{display:none}
@media(max-width:700px){body{background-size:440px 440px}.section::before,.section::after,.hero::after,.about::after,.quote::after,.work-section::after,.promotions-section::after{width:105px;height:165px;opacity:.09}}

/* Enhanced eco leaf treatment — fuller, still kept behind content */
body{background-image:radial-gradient(ellipse at 6% 7%,rgba(73,201,52,.075) 0 7%,transparent 7.6%),radial-gradient(ellipse at 93% 18%,rgba(73,201,52,.065) 0 8%,transparent 8.6%),radial-gradient(ellipse at 4% 36%,rgba(73,201,52,.055) 0 6%,transparent 6.6%),radial-gradient(ellipse at 96% 51%,rgba(73,201,52,.065) 0 7%,transparent 7.6%),radial-gradient(ellipse at 5% 72%,rgba(73,201,52,.06) 0 8%,transparent 8.6%),radial-gradient(ellipse at 94% 91%,rgba(73,201,52,.075) 0 8%,transparent 8.6%);background-size:520px 520px;background-attachment:fixed}
.section::before,.section::after,.hero::after,.about::after,.quote::after,.work-section::after,.promotions-section::after{opacity:.17}
.section::before{box-shadow:95px 145px 0 -28px rgba(73,201,52,.48),40px 315px 0 -38px rgba(22,157,72,.34)}
.section::after{box-shadow:-95px -145px 0 -28px rgba(73,201,52,.42),-35px -300px 0 -42px rgba(22,157,72,.3)}
.hero::after{box-shadow:-95px -150px 0 -30px rgba(73,201,52,.42),-210px 25px 0 -42px rgba(22,157,72,.28)}
.about::after{box-shadow:105px -135px 0 -34px rgba(73,201,52,.38),210px 40px 0 -44px rgba(22,157,72,.28)}
.quote::after{box-shadow:-110px 145px 0 -34px rgba(73,201,52,.4),-205px -20px 0 -44px rgba(22,157,72,.28)}
.work-section::after{box-shadow:110px 145px 0 -34px rgba(73,201,52,.4),215px -15px 0 -44px rgba(22,157,72,.28)}
.promotions-section::after{box-shadow:-105px 150px 0 -32px rgba(73,201,52,.42),-215px 15px 0 -44px rgba(22,157,72,.3)}
@media(max-width:700px){body{background-size:360px 360px}.section::before,.section::after,.hero::after,.about::after,.quote::after,.work-section::after,.promotions-section::after{opacity:.12}.section::before,.section::after,.hero::after,.about::after,.quote::after,.work-section::after,.promotions-section::after{box-shadow:none}}