@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#19211d;--muted:#687169;--green:#254b3c;--lime:#d6f36a;--paper:#f6f3ec;--white:#fffefa;--line:#dcded5;--orange:#f08a59}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1220px)/2),5.5vw);border-bottom:1px solid rgba(25,33,29,.1);position:relative;z-index:3}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font:800 19px Manrope,sans-serif;letter-spacing:-1px}.brand small{display:block;font:700 8px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:2px}.brand-mark{width:36px;height:36px;background:var(--green);color:var(--lime);border-radius:50% 50% 50% 8px;display:grid;place-items:center;font:italic 24px Georgia,serif}.nav{display:flex;align-items:center;gap:35px}.nav a,.text-link{color:var(--ink);text-decoration:none;font-size:12px;font-weight:600}.nav a:hover,.text-link:hover{color:#567b39}.nav .nav-cta{padding:12px 17px;background:var(--green);border-radius:30px;color:#fff}.nav-cta span{color:var(--lime);margin-left:12px}.menu-toggle{display:none}.hero{padding:78px max(calc((100vw - 1220px)/2),5.5vw) 22px;display:grid;grid-template-columns:1fr 1fr;column-gap:6.5%;align-items:center}.hero-copy{padding-bottom:22px}.eyebrow,.section-kicker{font-size:9px;font-weight:700;letter-spacing:1.65px}.eyebrow-dot{display:inline-block;background:var(--orange);height:8px;width:8px;border-radius:50%;margin-right:8px}.hero h1,.intro-section h2,.section-top h2,.industry-heading h2,.approach-grid h2,.contact-copy h2{font:700 clamp(40px,5vw,68px)/1.02 Manrope,sans-serif;letter-spacing:-3px;margin:23px 0 18px}.hero h1 em,.intro-section h2 em,.section-top h2 em,.industry-heading h2 em,.approach-grid h2 em,.contact-copy h2 em{font-family:Georgia,serif;color:#607f4c;font-weight:400;letter-spacing:-2.7px}.hero-copy>p{max-width:450px;font-size:15px;line-height:1.8;color:#616b63}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 19px;border:0;border-radius:30px;text-decoration:none;font:700 11px 'DM Sans',sans-serif;cursor:pointer}.button-dark{background:var(--green);color:white}.button-dark span{font-size:17px;color:var(--lime)}.button-dark:hover{background:#35644f}.text-link{border-bottom:1px solid var(--line);padding-bottom:7px}.text-link span{margin-left:10px}.hero-note{display:flex;align-items:center;gap:10px;margin-top:45px;color:#7d857c;font-size:10px}.note-icon{width:24px;height:24px;border-radius:50%;background:#e5eadc;color:#607f4c;display:grid;place-items:center}.hero-visual{height:440px;position:relative;overflow:hidden;background:linear-gradient(120deg,rgba(15,32,24,.04),rgba(19,40,28,.18)),url('https://images.unsplash.com/photo-1441986300917-64674bd600d8?auto=format&fit=crop&w=1400&q=85') center 52%/cover;border-radius:3px 100px 3px 3px}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(11,27,20,.58))}.visual-label{position:absolute;z-index:1;top:22px;left:24px;background:var(--lime);padding:11px 13px;color:var(--green);font:800 10px/1.3 Manrope,sans-serif;letter-spacing:.7px;transform:rotate(-4deg)}.sun-disc{position:absolute;z-index:1;top:31px;right:31px;width:104px;height:104px;border:1px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 0 13px rgba(255,255,255,.15),0 0 0 27px rgba(255,255,255,.1)}.visual-stamp{z-index:1;position:absolute;top:46%;left:49%;transform:translate(-50%,-50%) rotate(-12deg);width:78px;height:78px;border:1px solid rgba(255,255,255,.88);border-radius:50%;display:grid;place-content:center;text-align:center;color:white;font:italic 35px Georgia,serif}.visual-stamp small{font:700 7px 'DM Sans';letter-spacing:2px}.visual-caption{z-index:1;position:absolute;bottom:20px;left:25px;right:25px;display:flex;align-items:flex-end;justify-content:space-between;color:#fff}.visual-caption>span:first-child{font-size:9px;letter-spacing:1px}.visual-caption b{font:700 28px/.95 Manrope,sans-serif;letter-spacing:-1px}.visual-caption>span:last-child{font-size:8px;letter-spacing:1.2px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:34px;font-size:8px;font-weight:700;letter-spacing:1.25px;color:#879087}.intro-section{background:#e9eddf;padding:87px max(calc((100vw - 1100px)/2),9vw)}.section-kicker{color:#6d786b}.section-kicker span{color:#a0a89d;margin-left:9px}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:9%;align-items:center}.intro-section h2,.section-top h2,.industry-heading h2,.approach-grid h2,.contact-copy h2{font-size:clamp(36px,4vw,52px);letter-spacing:-2px;margin:25px 0}.intro-grid p,.section-top>p,.industry-heading>p,.contact-copy>p{font-size:13px;line-height:1.85;color:#606a60}.intro-grid p:first-child{margin-top:0}.dark-link{display:inline-block;margin-top:10px}.services-section{padding:90px max(calc((100vw - 1100px)/2),9vw)}.section-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px}.section-top h2{margin-bottom:0}.section-top>p{max-width:315px;margin:0 2px 6px 30px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:235px;padding:25px 25px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.service-num{position:absolute;right:23px;top:25px;color:#a0a79d;font-size:9px;letter-spacing:1px}.service-icon{width:38px;height:38px;border-radius:50%;background:#e6ebdc;color:#5f7d49;display:grid;place-items:center;font-size:20px}.service-card h3,.steps h3{font:700 16px Manrope,sans-serif;margin:21px 0 8px;letter-spacing:-.35px}.service-card p,.steps p{font-size:11px;line-height:1.65;color:#727a71;max-width:245px}.service-tags{display:block;margin-top:20px;font-size:7px;font-weight:700;letter-spacing:1px;color:#92998f}.industries-section{background:var(--green);color:white;padding:85px max(calc((100vw - 1100px)/2),9vw)}.industries-section .section-kicker{color:#d0d9c7}.industries-section .section-kicker span{color:#a9b69f}.industry-heading{display:flex;align-items:flex-end;justify-content:space-between}.industry-heading h2{color:white;margin-bottom:31px}.industry-heading h2 em{color:var(--lime)}.industry-heading>p{color:#c4cec5;max-width:315px;margin:0 0 38px 25px}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.industry-card{height:330px;display:flex;flex-direction:column;justify-content:space-between;padding:17px;background-size:cover;background-position:center;position:relative;overflow:hidden}.industry-card:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.75))}.industry-card>*{position:relative}.realty{background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=700&q=80')}.food{background-image:url('https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=700&q=80')}.retail{background-image:url('https://images.unsplash.com/photo-1441986300917-64674bd600d8?auto=format&fit=crop&w=700&q=80')}.local{background-image:url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=700&q=80')}.industry-number{font-size:9px;letter-spacing:1px;color:#fff}.industry-card h3{font:700 16px Manrope,sans-serif;margin:0 0 7px}.industry-card p{margin:0;color:#e2e6e1;font-size:10px;line-height:1.55}.industry-foot{display:flex;justify-content:space-between;margin-top:18px;color:#aebdb0;font-size:8px;font-weight:700;letter-spacing:1px}.industry-foot a{color:var(--lime);text-decoration:none}.approach-section{padding:85px max(calc((100vw - 1100px)/2),9vw)}.approach-grid{display:grid;grid-template-columns:1fr .8fr;gap:12%;align-items:start}.approach-grid h2{margin-top:23px}.steps article{display:grid;grid-template-columns:44px 1fr;border-bottom:1px solid var(--line);padding:20px 0}.steps article:first-child{padding-top:22px}.steps article>span{font-size:9px;letter-spacing:1px;color:#7f916f;padding-top:3px}.steps h3{margin:0}.steps p{margin:6px 0 0}.contact-section{background:#e8eddf;display:grid;grid-template-columns:.9fr 1.1fr}.contact-art{background:#d5f068;min-height:570px;padding:45px 10% 40px max(calc((100vw - 1100px)/2),9vw);position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.contact-art:after{content:'';position:absolute;width:330px;height:330px;border:1px solid rgba(37,75,60,.25);border-radius:50%;top:22%;left:32%;box-shadow:0 0 0 28px rgba(37,75,60,.05),0 0 0 57px rgba(37,75,60,.05)}.contact-spark{font-size:37px;color:var(--green)}.contact-small{font-size:8px;letter-spacing:1.4px;font-weight:700;color:#4d7041}.contact-big{z-index:1;font:800 clamp(46px,6vw,80px)/.9 Manrope,sans-serif;letter-spacing:-4px;color:var(--green)}.contact-big em{font-family:Georgia,serif;font-weight:400}.contact-copy{padding:65px max(calc((100vw - 1100px)/2),9vw) 60px 9%}.contact-copy h2{font-size:46px}.contact-copy>p{max-width:400px}form{margin-top:23px;display:grid;gap:7px}form label{font-size:10px;font-weight:700;margin-top:9px}form input,form textarea{border:1px solid #d6dcd0;background:rgba(255,255,255,.65);border-radius:4px;padding:12px;font:11px 'DM Sans';color:var(--ink);outline:none;resize:vertical}form input:focus,form textarea:focus{border-color:#658263}form .button{margin-top:12px;justify-self:start}.form-note{font-size:9px;color:#818a7e;line-height:1.5}footer{min-height:86px;padding:20px max(calc((100vw - 1220px)/2),5.5vw);display:flex;justify-content:space-between;align-items:center;gap:15px;color:#7e887e;font-size:9px}.footer-brand{font-size:16px}footer>a:last-of-type{color:var(--green);text-decoration:none;font-weight:700;letter-spacing:.8px}
@media(max-width:800px){.topbar{padding:0 22px}.nav{gap:20px}.hero{padding:60px 24px 20px;gap:30px}.hero-visual{height:390px}.hero-bottom{margin-top:20px}.intro-section,.services-section,.industries-section,.approach-section{padding:70px 7vw}.industry-grid{grid-template-columns:repeat(2,1fr)}.industry-card{height:290px}.contact-section{grid-template-columns:.8fr 1.2fr}.contact-art{padding-left:7vw}.contact-copy{padding:55px 7vw 45px 8%}footer{padding:20px 24px}}
@media(max-width:600px){.topbar{height:67px}.menu-toggle{display:block;border:0;background:none;font-size:23px;color:var(--green)}.nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--paper);padding:18px 24px 24px;flex-direction:column;align-items:stretch;gap:18px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav .nav-cta{text-align:center}.hero{grid-template-columns:1fr;padding:48px 20px 18px;gap:10px}.hero h1{font-size:48px}.hero-copy>p{font-size:13px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-note{margin-top:27px}.hero-visual{height:340px;margin-top:13px}.hero-bottom{font-size:7px;gap:12px;line-height:1.6}.hero-bottom span:last-child{text-align:right}.intro-section,.services-section,.industries-section,.approach-section{padding:58px 21px}.intro-grid,.approach-grid{grid-template-columns:1fr;gap:10px}.intro-section h2,.section-top h2,.industry-heading h2,.approach-grid h2,.contact-copy h2{font-size:39px;letter-spacing:-1.8px}.section-top,.industry-heading{display:block}.section-top>p,.industry-heading>p{margin:18px 0 0}.service-grid{grid-template-columns:1fr 1fr}.service-card{padding:18px 14px;min-height:230px}.service-card h3{font-size:14px}.service-card p{font-size:10px}.service-tags{font-size:6px;line-height:1.5}.service-num{right:14px;top:18px}.industry-grid{gap:9px}.industry-card{height:245px;padding:12px}.industry-card h3{font-size:14px}.industry-card p{font-size:9px}.industry-foot{gap:12px;line-height:1.5}.industry-foot a{text-align:right}.steps{margin-top:5px}.contact-section{grid-template-columns:1fr}.contact-art{min-height:330px;padding:24px 22px}.contact-art:after{width:240px;height:240px;top:12%;left:37%}.contact-big{font-size:61px}.contact-copy{padding:48px 22px}.contact-copy h2{font-size:43px}footer{padding:22px;display:grid;grid-template-columns:1fr 1fr;line-height:1.5}.footer-brand{grid-column:1/-1}footer span:nth-child(2){max-width:170px}footer>a:last-of-type{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.nav-whatsapp,.contact-whatsapp{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.nav-whatsapp{color:#24784b}.nav-whatsapp svg{width:26px;height:26px;fill:currentColor}.contact-whatsapp{margin:5px 0 12px;padding:12px 15px;border:1px solid #bbccaf;border-radius:5px;background:rgba(255,255,255,.4);color:#237a49;font-size:11px;font-weight:700;flex-wrap:wrap}.contact-whatsapp svg{width:23px;height:23px;fill:currentColor}.contact-whatsapp b{color:#52694e;margin-left:auto;font-size:10px}.contact-email{display:inline-block;color:var(--green);font-size:11px;text-decoration:none;border-bottom:1px solid #c9d3c2;padding:7px 0;margin:2px 0 5px}.contact-email strong{font-weight:700;margin-left:4px}.contact-email:hover,.footer-email:hover{text-decoration:underline}.floating-whatsapp{position:fixed;right:22px;bottom:22px;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#20b85a;color:white;box-shadow:0 8px 24px #183c2940;z-index:5;transition:transform .2s}.floating-whatsapp:hover{transform:translateY(-3px)}.floating-whatsapp svg{width:31px;height:31px;fill:currentColor}.footer-phone,.footer-email{color:var(--green);text-decoration:none;font-weight:700}
.creative-showcase{display:grid;grid-template-columns:1fr 260px;gap:8%;align-items:center;padding:62px max(calc((100vw - 1100px)/2),9vw);background:#f0f1e9;border-block:1px solid var(--line)}.creative-copy h2{font:700 clamp(36px,4vw,52px)/1.03 Manrope,sans-serif;letter-spacing:-2px;margin:23px 0 14px}.creative-copy h2 em{font:400 italic 1em Georgia,serif;color:#607f4c;letter-spacing:-2px}.creative-copy p{max-width:420px;font-size:13px;line-height:1.8;color:#606a60}.creative-image{margin:0;justify-self:center;width:220px;line-height:0;overflow:hidden;border-radius:7px;box-shadow:0 16px 36px rgba(25,33,29,.18);background:#19211d}.creative-image img{display:block;width:100%;height:auto;object-fit:cover}@media(max-width:800px){.creative-showcase{grid-template-columns:1fr 210px;padding:54px 7vw;gap:5%}}@media(max-width:600px){.creative-showcase{grid-template-columns:1fr;padding:48px 21px;gap:25px}.creative-image{width:min(100%,190px);justify-self:start}}
.director-profile{display:grid;grid-template-columns:210px 1fr;gap:7%;align-items:center;padding:66px max(calc((100vw - 1100px)/2),9vw);background:#e9eddf}.director-photo{width:210px;height:260px;margin:0;overflow:hidden;border-radius:110px 110px 8px 8px;background:#d9e0d4;box-shadow:0 12px 30px rgba(25,33,29,.13)}.director-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.director-copy h2{font:700 clamp(34px,4vw,48px)/1.05 Manrope,sans-serif;letter-spacing:-2px;margin:20px 0 12px}.director-copy h2 em{font:400 italic 1em Georgia,serif;color:#607f4c}.director-copy p{max-width:520px;font-size:13px;line-height:1.8;color:#606a60}.director-title{display:inline-block;margin-top:12px;color:#63765d;font-size:8px;font-weight:700;letter-spacing:1.4px}.service-card ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}.service-card li{position:relative;padding-left:14px;color:#727a71;font-size:10px;line-height:1.55}.service-card li:before{content:'•';position:absolute;left:0;top:0;color:#607f4c;font-size:15px;line-height:1}.service-card.featured-service{grid-column:span 2;background:#f7f9f3}.service-card.featured-service ul{grid-template-columns:1fr 1fr;column-gap:18px;row-gap:11px}.service-card.featured-service li{font-size:11px}
@media(max-width:800px){.director-profile{grid-template-columns:180px 1fr;padding:54px 7vw;gap:6%}.director-photo{width:180px;height:225px}.service-card.featured-service ul{grid-template-columns:1fr}}
@media(max-width:600px){.director-profile{grid-template-columns:1fr;padding:48px 21px;gap:24px}.director-photo{width:174px;height:216px}.service-card.featured-service{grid-column:1/-1}.service-card.featured-service ul{grid-template-columns:1fr}.service-card ul{gap:7px}}
.payment-section{display:grid;grid-template-columns:1fr 300px;gap:8%;align-items:center;padding:68px max(calc((100vw - 1100px)/2),9vw);background:#f0f1e9;border-top:1px solid var(--line)}.payment-copy h2{font:700 clamp(35px,4vw,50px)/1.04 Manrope,sans-serif;letter-spacing:-2px;margin:22px 0 14px}.payment-copy h2 em{font:400 italic 1em Georgia,serif;color:#607f4c}.payment-copy>p{max-width:470px;font-size:13px;line-height:1.8;color:#606a60}.payment-recipient{display:grid;gap:5px;border-left:3px solid #6e8b55;padding:7px 0 7px 14px;margin:21px 0}.payment-recipient span{color:#75806f;font-size:8px;font-weight:700;letter-spacing:1.4px}.payment-recipient strong{font:700 15px Manrope,sans-serif}.payment-copy .payment-note{font-size:10px;color:#788174}.payment-qr{margin:0;justify-self:center;width:min(100%,280px);padding:13px;background:white;border:1px solid #e1e5dc;border-radius:8px;box-shadow:0 12px 30px rgba(25,33,29,.1);text-align:center}.payment-qr img{display:block;width:100%;height:auto;border-radius:4px}.payment-qr figcaption{padding:11px 4px 2px;color:#5e6d59;font-size:9px;font-weight:700;letter-spacing:.5px}
@media(max-width:800px){.payment-section{grid-template-columns:1fr 240px;padding:55px 7vw;gap:5%}}
@media(max-width:600px){.payment-section{grid-template-columns:1fr;padding:48px 21px;gap:26px}.payment-qr{width:min(100%,260px);justify-self:start}}

/* =====================================================================
   TRINETRA v2 — additions & overrides (appended to the original styles)
   ===================================================================== */

/* ---- Readability: the original used 7–11px text almost everywhere ---- */
body{font-size:16px;line-height:1.5}
.topbar{position:sticky;top:0;background:rgba(246,243,236,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30}
section[id],main[id]{scroll-margin-top:84px}
.nav{gap:24px}
.nav a,.text-link{font-size:14px}
.nav .nav-cta{padding:12px 18px}
.nav-cta .nav-cta-text{color:inherit;margin-left:0}
.text-link>span:first-child{margin-left:0}
.button{font-size:14px;padding:16px 22px}
.button-dark .btn-text{font-size:inherit;color:inherit;margin:0}
.eyebrow,.section-kicker{font-size:11px;letter-spacing:1.5px}
.hero-copy>p{font-size:17px;line-height:1.75}
.hero-note{font-size:13px}
.hero-bottom{font-size:10px;letter-spacing:1.2px}
.intro-grid p,.section-top>p,.industry-heading>p,.contact-copy>p,.director-copy p,.creative-copy p{font-size:15px}
.director-title{font-size:11px}
.service-num{font-size:11px}
.service-card h3,.steps h3{font-size:19px}
.service-card li,.service-card.featured-service li{font-size:14px;line-height:1.55}
.industry-number{font-size:12px}
.industry-card h3{font-size:20px}
.industry-card p{font-size:13px}
.industry-foot{font-size:11px}
.steps p{font-size:15px;max-width:none}
.steps article>span{font-size:12px}
.contact-small{font-size:11px}
form label{font-size:13px}
form input,form textarea{font-size:15px;padding:13px}
.form-note{font-size:12px}
.contact-whatsapp{font-size:14px}.contact-whatsapp b{font-size:13px}
.contact-email,.contact-call{font-size:14px}
footer{font-size:13px}
.service-card li:before{font-size:17px}

/* ---- Language toggle & mobile menu from 900px ---- */
.lang-toggle{border:1px solid #cfd5c8;background:transparent;border-radius:20px;padding:6px 12px;font:700 14px 'DM Sans','Noto Sans Devanagari',sans-serif;color:var(--green);cursor:pointer}
.lang-toggle:hover{background:#e9eddf}
@media(max-width:1000px){
  .menu-toggle{display:block;border:0;background:none;font-size:26px;color:var(--green);cursor:pointer}
  .nav{display:none;position:absolute;top:77px;left:0;right:0;background:var(--paper);padding:18px 24px 24px;flex-direction:column;align-items:stretch;gap:18px;border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(0,0,0,.06)}
  .nav.open{display:flex}
  .nav .nav-cta{text-align:center}
  .nav-whatsapp{justify-content:flex-start}
  .lang-toggle{align-self:flex-start}
}
@media(max-width:600px){.nav{top:66px}}

/* ---- Brand mark: third eye ---- */
.brand-mark{font-size:0}
.brand-mark svg{width:24px;height:24px;display:block}

/* ---- Hero visual: the watching eye ---- */
.hero-visual{background:radial-gradient(circle at 50% 46%,#34735b 0%,#254b3c 52%,#142b21 100%);isolation:isolate}
.hero-visual:after{display:none}
.hero-visual .rays{position:absolute;inset:-35%;z-index:0;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(214,243,106,.16) 0 3deg,transparent 3deg 12deg);-webkit-mask:radial-gradient(circle,#000 6%,transparent 60%);mask:radial-gradient(circle,#000 6%,transparent 60%);animation:t-spin 160s linear infinite}
.visual-label{z-index:3;font-size:11px}
.hero-eye{position:absolute;left:50%;top:46%;width:80%;max-width:500px;transform:translate(-50%,-50%);z-index:1;overflow:visible;filter:drop-shadow(0 18px 30px rgba(0,0,0,.35))}
.eye-white{fill:#f6f3ec;stroke:#d6f36a;stroke-width:5;stroke-linejoin:round}
.eye-open{transform-box:fill-box;transform-origin:center;animation:t-blink 7s infinite}
.pupil-group{transform:translate(var(--px,0px),var(--py,0px));transition:transform .16s ease-out}
.hero-visual.idle .pupil-idle{animation:t-glance 10s ease-in-out infinite}
.float-chip{position:absolute;z-index:2;padding:8px 14px;border-radius:30px;background:rgba(255,254,250,.95);color:var(--green);font:700 12px Manrope,sans-serif;box-shadow:0 8px 20px rgba(0,0,0,.25);animation:t-float 6s ease-in-out infinite;white-space:nowrap}
.float-chip:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:7px}
.float-chip.c1{left:5%;top:30%;animation-delay:-1s}
.float-chip.c2{right:6%;top:21%;animation-delay:-2.5s}
.float-chip.c3{left:8%;bottom:25%;animation-delay:-4s}
.float-chip.c4{right:7%;bottom:27%;animation-delay:-3s}
.float-chip.c5{left:38%;top:9%;animation-delay:-5s}
.visual-caption{z-index:3}
.visual-caption>span:first-child{font-size:11px}.visual-caption>span:last-child{font-size:10px}
@keyframes t-spin{to{transform:rotate(360deg)}}
@keyframes t-blink{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(.06)}}
@keyframes t-glance{0%,100%{transform:translate(0,0)}22%{transform:translate(-22px,4px)}48%{transform:translate(18px,-6px)}72%{transform:translate(8px,8px)}}
@keyframes t-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* ---- Ticker ---- */
.ticker{background:var(--green);color:var(--lime);overflow:hidden;white-space:nowrap;border-block:1px solid #1b3a2e}
.ticker-track{display:inline-flex;padding:15px 0;animation:t-ticker 46s linear infinite;will-change:transform}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker span{font:700 13px Manrope,sans-serif;letter-spacing:2px;padding:0 22px}
.ticker span:after{content:'✳';margin-left:44px;color:var(--orange)}
@keyframes t-ticker{to{transform:translateX(-50%)}}

/* ---- Director name ---- */
.director-name{display:block;margin-top:16px;font:700 18px Manrope,sans-serif;letter-spacing:-.3px}

/* ---- Service cards: lift on hover ---- */
.service-card{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(25,33,29,.12);background:#fff;z-index:1}
.service-icon{transition:transform .3s ease,background .3s}
.service-card:hover .service-icon{transform:rotate(-8deg) scale(1.08);background:var(--lime)}

/* ---- Ad formats ---- */
.formats-section{padding:90px max(calc((100vw - 1100px)/2),9vw);background:#f0f1e9;border-block:1px solid var(--line)}
.format-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.format-tabs button{font:700 14px 'DM Sans',sans-serif;padding:11px 20px;border-radius:30px;border:1px solid #cfd5c8;background:#fff;color:var(--ink);cursor:pointer;transition:background .2s,color .2s}
.format-tabs button:hover{background:#e9eddf}
.format-tabs button[aria-selected=true]{background:var(--green);color:#fff;border-color:var(--green)}
.format-panel{display:none;grid-template-columns:minmax(0,360px) 1fr;gap:8%;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:40px}
.format-panel.active{display:grid;animation:t-pop .4s ease}
.format-demo{display:grid;place-items:center}
.format-notes h3{font:700 26px/1.2 Manrope,sans-serif;letter-spacing:-.8px;margin:0 0 16px}
.format-notes ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.format-notes li{position:relative;padding-left:26px;font-size:15px;line-height:1.6;color:#566057}
.format-notes li:before{content:'';position:absolute;left:0;top:7px;width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:inset 0 0 0 3px var(--green)}
@keyframes t-pop{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.avatar{width:32px;height:32px;border-radius:50%;background:var(--green);display:grid;place-items:center;flex:none}
.avatar svg{width:20px;height:20px}
/* Instagram story mock */
.mock-phone{width:236px;height:420px;border-radius:30px;border:7px solid #19211d;background:linear-gradient(160deg,#2f6a52,#254b3c 55%,#142b21);position:relative;overflow:hidden;box-shadow:0 24px 50px rgba(25,33,29,.28);color:#fff}
.story-bar{position:absolute;top:10px;left:12px;right:12px;display:flex;gap:4px}
.story-bar i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.35)}
.story-bar i:first-child{background:#fff}
.story-head{position:absolute;top:24px;left:12px;right:12px;display:flex;align-items:center;gap:8px;font-size:13px}
.story-head small{margin-left:auto;font-size:11px;opacity:.75}
.story-body{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 22px}
.story-body small{display:inline-block;align-self:flex-start;background:var(--lime);color:var(--green);font-weight:800;font-size:10px;letter-spacing:1px;padding:5px 9px;border-radius:3px;margin-bottom:12px;transform:rotate(-3deg)}
.story-body strong{font:800 30px/1.02 Manrope,sans-serif;letter-spacing:-1px}
.story-cta{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:#fff;color:var(--green);font:700 13px 'DM Sans',sans-serif;padding:10px 20px;border-radius:30px;white-space:nowrap}
/* Facebook feed mock */
.mock-feed{width:100%;max-width:340px;background:#fff;border:1px solid #e1e5dc;border-radius:12px;box-shadow:0 18px 40px rgba(25,33,29,.14);overflow:hidden}
.feed-head{display:flex;align-items:center;gap:10px;padding:12px 14px}
.feed-head b{display:block;font-size:14px}.feed-head small{color:#7a847a;font-size:12px}
.mock-feed>p{margin:0;padding:0 14px 12px;font-size:14px;line-height:1.5}
.feed-image{height:190px;background:linear-gradient(135deg,#d6f36a,#8fbf4a);display:grid;place-content:center;text-align:center;position:relative}
.feed-image span{font:800 36px/.95 Manrope,sans-serif;letter-spacing:-1.5px;color:var(--green)}
.feed-image i{position:absolute;bottom:12px;right:12px;background:var(--green);color:var(--lime);font-style:normal;font-weight:700;font-size:12px;padding:5px 10px;border-radius:20px}
.feed-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#f2f4ee}
.feed-cta small{display:block;font-size:11px;color:#7a847a}.feed-cta b{font-size:14px}
.feed-cta>span{background:#dfe5d6;border-radius:6px;padding:8px 12px;font-weight:700;font-size:13px;white-space:nowrap}
/* Google search mock */
.mock-search{width:100%;max-width:380px}
.search-bar{background:#fff;border:1px solid #d9ddd3;border-radius:30px;padding:13px 20px;font-size:14px;color:#566057;box-shadow:0 4px 14px rgba(25,33,29,.08);margin-bottom:16px}
.search-ad{background:#fff;border:1px solid #e1e5dc;border-radius:12px;padding:18px;box-shadow:0 18px 40px rgba(25,33,29,.12)}
.ad-tag{font-weight:800;font-size:12px;border:1px solid #19211d;border-radius:4px;padding:1px 5px}
.ad-url{font-size:13px;color:#4c6f3f}
.search-ad h4{margin:8px 0 6px;font:500 19px/1.3 Arial,sans-serif;color:#1a0dab}
.search-ad p{margin:0 0 12px;font-size:14px;line-height:1.55;color:#4d5650}
.ad-links{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#1a0dab}

/* ---- Planner ---- */
.planner-section{padding:90px max(calc((100vw - 1100px)/2),9vw);background:#e9eddf}
.planner-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}
.planner-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:30px;display:grid;gap:26px;margin:0}
.planner-card fieldset,.via{border:0;padding:0;margin:0;min-width:0}
.planner-card legend{font:700 16px Manrope,sans-serif;margin-bottom:12px;padding:0;display:flex;justify-content:space-between;align-items:baseline;width:100%;gap:12px}
.chips{display:flex;flex-wrap:wrap;gap:9px}
.opt{position:relative;margin:0!important;font-size:inherit!important}
.opt input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.opt span{display:inline-block;padding:10px 16px;border:1px solid #cfd5c8;border-radius:30px;font:600 14px 'DM Sans',sans-serif;cursor:pointer;background:#fff;transition:background .2s,color .2s,border-color .2s,transform .15s}
.opt span:hover{border-color:#8da27f;transform:translateY(-1px)}
.opt input:checked+span{background:var(--green);color:#fff;border-color:var(--green)}
.opt input:focus-visible+span{outline:3px solid var(--lime);outline-offset:2px;box-shadow:0 0 0 5px var(--green)}
#budget-out{color:var(--green);font:800 20px Manrope,sans-serif;letter-spacing:-.5px}
#budget{width:100%;accent-color:var(--green);height:28px;cursor:pointer}
.range-scale{display:flex;justify-content:space-between;font-size:12px;color:#7a847a}
.planner-result{background:var(--green);color:#fff;border-radius:16px;padding:30px;position:sticky;top:96px}
.planner-result h3{font:700 24px Manrope,sans-serif;margin:0 0 4px;letter-spacing:-.7px}
.planner-result .sub{color:#b9c7bd;font-size:13px;margin:0 0 20px}
.mix{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:13px}
.mix li{display:grid;grid-template-columns:1fr auto;gap:5px 10px;font-size:14px}
.mix li b{color:var(--lime)}
.mix li i{grid-column:1/-1;height:6px;border-radius:4px;background:rgba(255,255,255,.14);position:relative;overflow:hidden}
.mix li i:after{content:'';position:absolute;inset:0;width:var(--w);background:var(--lime);border-radius:4px;transition:width .5s ease}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.stat{background:rgba(255,255,255,.08);border-radius:10px;padding:14px}
.stat small{display:block;color:#b9c7bd;font-size:11px;letter-spacing:.8px;font-weight:700;text-transform:uppercase}
.stat strong{display:block;font:800 22px/1.15 Manrope,sans-serif;color:var(--lime);margin-top:5px;letter-spacing:-.5px}
.stat.pop strong{animation:t-pop .35s ease}
.planner-extra{font-size:13px;color:#e2e9df;background:rgba(214,243,106,.12);border-radius:8px;padding:10px 12px;margin:0 0 14px;line-height:1.5}
.planner-note{font-size:12px;color:#b9c7bd;line-height:1.6;margin:0 0 18px}
.planner-actions{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center}
.button-lime{background:var(--lime);color:var(--green)}
.button-lime:hover{background:#e4fb8a}
.button-lime span{color:var(--green)!important}
.planner-actions .text-link{color:#fff;border-color:rgba(255,255,255,.3)}
.planner-actions .text-link:hover{color:var(--lime)}

/* ---- FAQ ---- */
.faq-section{padding:90px max(calc((100vw - 1100px)/2),9vw)}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:start}
.faq-grid h2{font:700 clamp(36px,4vw,52px)/1.02 Manrope,sans-serif;letter-spacing:-2px;margin:25px 0 18px}
.faq-grid h2 em{font:400 italic 1em Georgia,serif;color:#607f4c;letter-spacing:-2px}
.faq-lead{font-size:15px;color:#606a60}.faq-lead a{color:var(--green);font-weight:700;text-decoration:none;border-bottom:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item:first-child{border-top:1px solid var(--line)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;font:700 18px/1.35 Manrope,sans-serif;letter-spacing:-.3px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:'+';flex:none;width:30px;height:30px;border-radius:50%;background:#e6ebdc;color:var(--green);display:grid;place-items:center;font:400 22px/1 'DM Sans',sans-serif;transition:transform .25s,background .25s}
.faq-item[open] summary:after{transform:rotate(45deg);background:var(--lime)}
.faq-item summary:focus-visible{outline:3px solid var(--lime);outline-offset:2px;box-shadow:0 0 0 5px var(--green)}
.faq-item p{margin:0 0 22px;max-width:560px;font-size:15px;line-height:1.75;color:#606a60}

/* ---- Contact extras ---- */
.contact-quick{display:flex;flex-wrap:wrap;gap:6px 22px;margin:2px 0 6px}
.contact-call{display:inline-block;color:var(--green);text-decoration:none;border-bottom:1px solid #c9d3c2;padding:7px 0}
.contact-call strong{font-weight:700;margin-left:4px}
.via{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}
.via legend{font-size:13px;font-weight:700;margin-bottom:8px;padding:0;width:100%}

/* ---- Process line ---- */
.steps{position:relative;padding-left:26px}
.steps:before,.steps:after{content:'';position:absolute;left:0;top:30px;bottom:30px;width:2px}
.steps:before{background:var(--line)}
.steps:after{background:var(--green);transform:scaleY(0);transform-origin:top;transition:transform 1.4s ease .2s}
.steps.in:after{transform:scaleY(1)}
.steps article{position:relative}
.steps article:before{content:'';position:absolute;left:-31px;top:26px;width:12px;height:12px;border-radius:50%;background:var(--paper);border:2px solid var(--green)}

/* ---- Industry cards: gradient fallback beneath the photos ---- */
.realty{background-image:url('https://images.unsplash.com/photo-1551361415-69c87624334f?auto=format&fit=crop&w=700&h=930&q=78'),linear-gradient(135deg,#3b7a62,#183327);background-position:center 40%,center}
.food{background-image:url('https://images.unsplash.com/photo-1766832255363-c9f060ade8b0?auto=format&fit=crop&w=700&h=930&q=78'),linear-gradient(135deg,#8a5a3a,#2b1c12);background-position:center,center}
.retail{background-image:url('https://images.unsplash.com/photo-1570857502809-08184874388e?auto=format&fit=crop&w=700&h=930&q=78'),linear-gradient(135deg,#5d6f3a,#1d2a14);background-position:center,center}
.local{background-image:url('https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=700&h=930&q=78'),linear-gradient(135deg,#3a5f7a,#14232d);background-position:center,center}
.industry-card{transition:transform .3s ease}
.industry-card:hover{transform:translateY(-6px)}

/* ---- Client proof (ready for when you have real results) ---- */
.proof-section{padding:90px max(calc((100vw - 1100px)/2),9vw)}
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.proof-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:26px}
.proof-tag{font-size:11px;font-weight:700;letter-spacing:1.2px;color:#6d786b}
.proof-metric{font:800 48px/1 Manrope,sans-serif;letter-spacing:-2px;color:var(--green);margin:18px 0 10px}
.proof-metric small{display:block;font:600 14px 'DM Sans',sans-serif;letter-spacing:0;color:#606a60;margin-top:6px}
.proof-card p{font-size:15px;line-height:1.6;color:#606a60}.proof-card cite{font-size:13px;font-weight:700;font-style:normal}

/* ---- Scroll reveal (added by script) ---- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--d,0ms)}
.reveal.in{opacity:1;transform:none}
.service-card.reveal.in{transition:opacity .7s ease var(--d,0ms),transform .25s ease,box-shadow .25s ease,background .25s ease}

/* ---- Hindi typography ---- */
html[lang=hi] body{font-family:'DM Sans','Noto Sans Devanagari',sans-serif}
html[lang=hi] :is(h1,h2,h3,.contact-big,.visual-caption b,summary){font-family:'Noto Sans Devanagari','Manrope',sans-serif!important;letter-spacing:0!important;line-height:1.25!important}
html[lang=hi] :is(h1,h2,h3) em{font-family:'Noto Sans Devanagari',serif!important;font-style:normal;letter-spacing:0!important}

/* ---- Responsive ---- */
@media(max-width:800px){
  .formats-section,.planner-section,.faq-section,.proof-section{padding:70px 7vw}
  .planner-grid{grid-template-columns:1fr}
  .planner-result{position:static}
  .format-panel{grid-template-columns:1fr;gap:28px;padding:28px}
  .faq-grid{grid-template-columns:1fr;gap:26px}
  .proof-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .formats-section,.planner-section,.faq-section,.proof-section{padding:56px 21px}
  .service-grid{grid-template-columns:1fr}
  .service-card{min-height:0}
  .service-card h3{font-size:19px}
  .service-card p,.service-card li{font-size:14px}
  .industry-card{height:270px}
  .industry-card h3{font-size:16px}
  .industry-card p{font-size:12px}
  .industry-foot{font-size:10px}
  .hero-bottom{font-size:9px}
  .float-chip{font-size:11px;padding:6px 11px}
  .float-chip.c5{display:none}
  .hero-eye{width:88%}
  .format-panel{padding:22px 18px}
  .mock-phone{width:210px;height:380px}
  .planner-card,.planner-result{padding:22px}
  .stat strong{font-size:19px}
  .steps{padding-left:22px}
  .steps article:before{left:-27px}
  footer{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important}
  .reveal{opacity:1!important;transform:none!important}
  .steps:after{transform:scaleY(1)}
}
form #budget{padding:0;border:0;background:none;border-radius:0}
.via .opt span{font-size:14px}

/* ---- v2 fixes ---- */
footer a{color:var(--green);text-decoration:none;font-weight:700}
footer a:hover{text-decoration:underline}
footer .footer-pay{font-weight:500;color:#7e887e}
form input,form textarea{font-family:'DM Sans','Noto Sans Devanagari',sans-serif}
