
:root{
  --ink:#10261f; --muted:#5a6d66; --paper:#f7faf7; --white:#ffffff;
  --brand:#0d5c46; --brand-2:#0b4436; --accent:#f4b83f; --accent-soft:#fff4d7;
  --line:#dce7e1; --soft:#eaf4ef; --danger:#b53a31;
  --shadow:0 18px 50px rgba(12,62,47,.12); --radius:22px; --max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Malayalam",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button,input,select,textarea{font:inherit}
.container{width:min(calc(100% - 32px),var(--max));margin-inline:auto}.narrow{width:min(calc(100% - 32px),820px);margin-inline:auto}
.topbar{background:var(--brand-2);color:#fff;font-size:.88rem}.topbar .container{display:flex;gap:18px;justify-content:space-between;align-items:center;padding:8px 0}.topbar a{font-weight:800}.topbar .ml{opacity:.95}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,231,225,.9)}
.nav{min-height:72px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:11px;min-width:250px}.brand-mark{width:45px;height:45px;border-radius:14px;background:var(--brand);display:grid;place-items:center;box-shadow:0 8px 22px rgba(13,92,70,.2)}.brand-mark svg{width:28px;height:28px}.brand-text strong{display:block;font-size:1rem;letter-spacing:-.02em}.brand-text span{display:block;color:var(--muted);font-size:.74rem;line-height:1.25}.nav-links{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-links a{padding:9px 11px;border-radius:10px;font-weight:800;font-size:.9rem;color:#2d433b}.nav-links a:hover,.nav-links a.active{background:var(--soft);color:var(--brand)}
.nav-call{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;padding:11px 15px;border-radius:12px;font-weight:900;white-space:nowrap}.nav-call:hover{background:var(--brand-2)}.menu-btn{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px 11px;font-weight:900}
.hero{padding:58px 0 34px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;background:var(--accent-soft);border:1px solid #f2d898;border-radius:999px;font-size:.79rem;font-weight:900;color:#67480c;text-transform:uppercase;letter-spacing:.05em}.hero h1,.page-hero h1{font-size:clamp(2.35rem,6vw,4.9rem);line-height:.98;letter-spacing:-.055em;margin:18px 0 18px;max-width:900px}.hero h1 em{font-style:normal;color:var(--brand)}.hero p.lead,.page-hero p.lead{font-size:clamp(1.05rem,2vw,1.24rem);color:var(--muted);max-width:720px;margin:0 0 20px}.ml-line{font-weight:800;color:var(--brand);margin:13px 0 24px}.cta-row{display:flex;flex-wrap:wrap;gap:10px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:13px;padding:13px 17px;font-weight:900;border:1px solid transparent;transition:.18s ease;cursor:pointer}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-2);transform:translateY(-1px)}.btn-whatsapp{background:#1f9d62;color:#fff}.btn-outline{border-color:var(--line);background:#fff}.btn-outline:hover{border-color:#a8c4b8;background:var(--soft)}.btn-accent{background:var(--accent);color:#241c0e}
.phone-pair{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px;color:var(--muted);font-size:.94rem}.phone-pair strong{color:var(--ink)}
.hero-card{position:relative}.photo-shell{background:#fff;padding:12px;border-radius:28px;box-shadow:var(--shadow);transform:rotate(1deg)}.photo-shell img{width:100%;aspect-ratio:1.18/1;object-fit:cover;border-radius:19px}.hero-card .photo-shell img{aspect-ratio:16/10}.photo-badge{position:absolute;left:-18px;bottom:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:13px 15px;max-width:230px}.photo-badge b{display:block}.photo-badge span{display:block;color:var(--muted);font-size:.86rem}.hero-dots{position:absolute;right:-42px;top:-45px;width:150px;height:150px;opacity:.22;background-image:radial-gradient(var(--brand) 2px, transparent 2px);background-size:17px 17px;z-index:-1}
.trust-strip{padding:14px 0 28px}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.trust-item{padding:16px;border-radius:16px;background:#fff;border:1px solid var(--line)}.trust-item strong{display:block;font-size:1.05rem}.trust-item span{color:var(--muted);font-size:.86rem}
section{padding:66px 0}.section-soft{background:var(--soft)}.section-dark{background:var(--brand-2);color:#fff}.section-head{display:flex;gap:24px;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.section-head h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.03;letter-spacing:-.04em;margin:0}.section-head p{max-width:620px;color:var(--muted);margin:0}.section-dark .section-head p{color:#cbe0d7}.kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--brand);margin-bottom:8px}.section-dark .kicker{color:#f8cf78}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}.card h3{margin:10px 0 8px;font-size:1.24rem}.card p{margin:0;color:var(--muted)}.card .num{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--soft);color:var(--brand);font-weight:950}.card ul{padding-left:20px;color:var(--muted)}.card li+li{margin-top:5px}.service-card{position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;right:-18px;top:-18px;width:80px;height:80px;border-radius:50%;background:var(--soft)}.service-card .service-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--brand)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.feature-list{display:grid;gap:13px}.feature{display:flex;gap:13px;align-items:flex-start}.feature-check{flex:none;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:900}.feature b{display:block}.feature span{display:block;color:var(--muted);font-size:.91rem}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{padding:25px;border-radius:var(--radius);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}.step .step-no{font-size:2rem;font-weight:950;color:#f7cc72}.step h3{margin:7px 0}.step p{color:#d4e6df;margin:0}
.area-pills{display:flex;flex-wrap:wrap;gap:9px}.area-pills a,.area-pills span{background:#fff;border:1px solid var(--line);padding:8px 11px;border-radius:999px;font-weight:800;font-size:.88rem}.area-pills .featured{background:var(--brand);color:#fff;border-color:var(--brand)}
.quote-band{padding:28px;border-radius:28px;background:linear-gradient(135deg,var(--brand),#0b6e52);color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;box-shadow:var(--shadow)}.quote-band h2{margin:0 0 8px;font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.08}.quote-band p{margin:0;color:#d9ece5}.quote-band .cta-row{justify-content:flex-end}.quote-band .btn-outline{background:#fff;border-color:#fff;color:var(--ink)}
.page-hero{padding:54px 0 28px}.page-hero h1{font-size:clamp(2.25rem,6vw,4.3rem)}.breadcrumbs{font-size:.85rem;color:var(--muted);font-weight:700}.breadcrumbs a{color:var(--brand)}
.service-detail{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.service-copy{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}.service-copy h2{margin-top:0}.who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.who{background:var(--soft);border-radius:14px;padding:13px;font-weight:800;text-align:center}.sidebar-box{background:var(--brand-2);color:#fff;border-radius:var(--radius);padding:26px;position:sticky;top:100px;height:max-content}.sidebar-box p{color:#d9ece5}.sidebar-box ul{padding-left:18px;color:#d9ece5}.sidebar-box .btn{width:100%;margin-top:8px}
.area-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.area-search{flex:1;min-width:230px;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:#fff;outline:none}.area-search:focus{border-color:#6aa68d;box-shadow:0 0 0 4px rgba(13,92,70,.08)}.area-count{font-size:.88rem;color:var(--muted)}
.district-grid{display:grid;gap:18px}.district{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px}.district.highlight{border:2px solid #79aa97;box-shadow:0 12px 40px rgba(13,92,70,.08)}.district-head{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.district-head h2{margin:0}.district-head p{margin:4px 0 0;color:var(--muted)}.priority{font-size:.74rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em;background:var(--accent-soft);border:1px solid #eed38f;color:#704e0d;border-radius:999px;padding:6px 9px;white-space:nowrap}.place-list{display:flex;flex-wrap:wrap;gap:8px}.place{display:inline-block;background:var(--soft);padding:7px 10px;border-radius:10px;font-weight:750;font-size:.88rem;color:#2d443b}.place.key-place{background:var(--brand);color:#fff;border:1px solid var(--brand);box-shadow:0 4px 14px rgba(13,92,70,.12)}.place.hidden{display:none}.district.no-match{display:none}
.faqs{display:grid;gap:10px}.faq{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.faq button{width:100%;border:0;background:#fff;padding:17px 19px;text-align:left;font-weight:900;color:var(--ink);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.faq .answer{display:none;padding:0 19px 18px;color:var(--muted)}.faq.open .answer{display:block}.faq.open button{color:var(--brand)}
.about-photo{background:#fff;border:1px solid var(--line);border-radius:26px;padding:13px;box-shadow:var(--shadow)}.about-photo img{border-radius:18px;width:100%;aspect-ratio:4/3;object-fit:cover}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px}.stat{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px}.stat b{display:block;font-size:1.35rem}.stat span{color:var(--muted);font-size:.86rem}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.contact-panel,.form-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px}.contact-method{display:block;padding:16px 0;border-bottom:1px solid var(--line)}.contact-method:last-child{border-bottom:0}.contact-method strong{display:block}.contact-method span{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:850;font-size:.88rem}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 13px;background:#fbfdfc;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6aa68d;box-shadow:0 0 0 4px rgba(13,92,70,.08)}.form-note{font-size:.82rem;color:var(--muted);margin-top:10px}.map-link{display:block;margin-top:16px;background:var(--soft);border-radius:16px;padding:17px;font-weight:850;color:var(--brand)}
.site-footer{background:#0a2e25;color:#fff;padding:46px 0 88px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:36px}.site-footer p,.site-footer li,.site-footer a{color:#c4d8d1}.site-footer h3{margin-top:0;color:#fff}.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#a9c3ba;font-size:.84rem}
.mobile-cta{position:fixed;left:12px;right:12px;bottom:10px;z-index:60;display:none;background:#fff;border:1px solid var(--line);border-radius:17px;padding:8px;box-shadow:0 15px 45px rgba(5,32,24,.22);grid-template-columns:1fr 1fr;gap:8px}.mobile-cta a{padding:11px 12px;border-radius:11px;text-align:center;font-weight:950}.mobile-cta .call{background:var(--brand);color:#fff}.mobile-cta .wa{background:#1f9d62;color:#fff}
.notice{border-left:4px solid var(--accent);background:#fffaf0;padding:14px 16px;border-radius:0 13px 13px 0;color:#624910}.seo-copy{color:var(--muted)}.seo-copy h2,.seo-copy h3{color:var(--ink)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:980px){.nav-links,.nav-call{display:none}.menu-btn{display:block}.nav.open{flex-wrap:wrap;padding-bottom:13px}.nav.open .nav-links{display:grid;width:100%;grid-template-columns:1fr 1fr;order:3}.nav.open .nav-call{display:inline-flex;order:4}.hero-grid,.split,.service-detail,.contact-grid{grid-template-columns:1fr}.hero-card{max-width:620px;margin:6px auto 0}.cards{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}.sidebar-box{position:relative;top:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media (max-width:680px){.container,.narrow{width:min(calc(100% - 24px),var(--max))}.topbar .container{justify-content:center;text-align:center}.topbar .ml{display:none}.brand{min-width:0}.brand-text span{display:none}.hero{padding-top:34px}.hero h1,.page-hero h1{font-size:clamp(2.25rem,13vw,3.45rem)}.photo-badge{left:10px;right:10px;bottom:18px;max-width:none}.cards,.steps,.who-grid,.footer-grid,.form-grid{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head p{margin-top:10px}.quote-band{grid-template-columns:1fr}.quote-band .cta-row{justify-content:flex-start}.district-head{display:block}.priority{display:inline-block;margin-top:10px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.mobile-cta{display:grid}.site-footer{padding-bottom:98px}section{padding:52px 0}.nav.open .nav-links{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
