/* A to Z Digitalz Solutions — light blue brand system */
:root{--navy:#12344D;--blue:#2878D4;--sky:#6CA6E8;--powder:#B9D4EE;--ice:#DCEAF7;--mist:#F3F7FA;--white:#fff;--ink:#18364D;--muted:#60778A;--border:#D9E6F0;--pale:#EEF6FC;--heading:"Manrope",sans-serif;--body:"Inter",sans-serif;--container:1520px;--radius:16px;--shadow:0 10px 28px rgba(35,91,140,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;background:#fff}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(var(--container),85%);margin-inline:auto}.topbar{background:#eef6fc;border-bottom:1px solid #e2edf6;color:#45637a;font-size:12px}.topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:34px}.topbar-contact{display:flex;gap:22px}.topbar a:hover{color:var(--blue)}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(217,230,240,.85)}.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand img{width:218px;height:auto;max-height:64px;object-fit:contain;object-position:left center}.main-nav{display:flex;align-items:center;gap:28px}.main-nav>a:not(.btn){font-size:13px;font-weight:600;color:#345168;position:relative;padding:30px 0}.main-nav>a:not(.btn):after{content:"";position:absolute;bottom:20px;left:0;width:0;height:2px;background:var(--blue);transition:width .2s}.main-nav>a:hover,.main-nav>a.active{color:var(--blue)}.main-nav>a:hover:after,.main-nav>a.active:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 20px;border-radius:10px;font-size:13px;font-weight:700;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(40,120,212,.18)}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#1767c2}.btn-outline{border-color:var(--blue);color:var(--blue);background:#fff}.btn-white{background:#fff;color:var(--blue)}.btn-light-outline{border-color:rgba(255,255,255,.7);color:#fff;background:transparent}.menu-toggle{display:none;border:0;background:transparent;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:5px}
.hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#f8fcff 0%,#e7f3fd 48%,#d8eafa 100%);min-height:440px;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#9fc9ef 1px,transparent 1px);background-size:18px 18px;opacity:.18;mask-image:linear-gradient(90deg,#000,transparent 35%)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:20px;padding-block:48px 40px}.hero-copy{max-width:570px;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:800;color:var(--blue);margin:0 0 12px;text-transform:uppercase}.hero h1{font:800 clamp(42px,5vw,64px)/1.02 var(--heading);letter-spacing:-2.5px;color:var(--navy);margin:0 0 18px}.hero h1 span{color:var(--blue)}.hero-lede{font-size:16px;color:#456176;max-width:520px;margin:0 0 24px;line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-points{display:flex;gap:18px;margin-top:32px}.hero-points>div{display:flex;align-items:center;gap:9px;min-width:0}.point-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#d9ecff;color:var(--blue);font-size:18px}.hero-points span{display:flex;flex-direction:column}.hero-points strong{font-size:11px;color:var(--navy)}.hero-points small{font-size:10px;color:#668097}.hero-visual{height:350px;position:relative;display:flex;align-items:flex-end;justify-content:center}.hero-person{position:absolute;z-index:2;bottom:-1px;right:5%;width:67%;height:92%;object-fit:cover;object-position:center top;border-radius:48% 48% 8px 8px;mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,#000 80%,transparent 100%)}.visual-glow{position:absolute;right:5%;top:3%;width:84%;height:88%;border-radius:50%;background:radial-gradient(circle at 45% 45%,#fff 0%,#c9e4fb 52%,rgba(108,166,232,.15) 72%,transparent 73%)}.hero-blue-shape{position:absolute;right:0;bottom:0;width:78%;height:32%;background:linear-gradient(135deg,rgba(40,120,212,.06),rgba(40,120,212,.22));clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);border-radius:20px}.float-card{position:absolute;z-index:4;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.95);box-shadow:0 12px 30px rgba(29,90,145,.13);border-radius:13px;padding:13px 16px;backdrop-filter:blur(10px);display:flex;flex-direction:column}.float-card span{font-size:10px;color:#526d82}.float-card strong{font:800 21px var(--heading);color:var(--navy)}.float-card small{font-size:10px;color:var(--muted)}.traffic-card{left:1%;top:14%;min-width:150px}.mini-bars{height:30px;display:flex;align-items:flex-end;gap:4px;margin-top:4px}.mini-bars i{display:block;width:10px;background:var(--sky);border-radius:3px 3px 0 0}.mini-bars i:nth-child(1){height:9px}.mini-bars i:nth-child(2){height:14px}.mini-bars i:nth-child(3){height:12px}.mini-bars i:nth-child(4){height:21px}.mini-bars i:nth-child(5){height:25px}.mini-bars i:nth-child(6){height:30px;background:var(--blue)}.conversion-card{right:0;top:8%;min-width:145px}.conversion-card em{font-style:normal;color:var(--blue)}.visibility-card{left:7%;bottom:14%;align-items:center}.donut{width:38px;height:38px;border:6px solid #d9eaff;border-top-color:var(--blue);border-right-color:var(--sky);border-radius:50%;display:grid;place-items:center;color:var(--blue);font-weight:800;margin:6px 0}.visibility-card strong{font-size:11px}
.section-pad{padding:76px 0}.section-heading{margin-bottom:30px}.heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2,.about-copy h2,.faq-grid h2{font:800 clamp(28px,3.3vw,39px)/1.15 var(--heading);letter-spacing:-1.2px;color:var(--navy);margin:0 0 10px}.section-heading p:not(.eyebrow){margin:0;color:var(--muted);font-size:14px}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--blue);font-weight:700;font-size:13px;white-space:nowrap}.text-link span{font-size:18px;transition:transform .2s}.text-link:hover span{transform:translateX(4px)}.service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.service-card{border:1px solid #e2edf7;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 8px 26px rgba(28,87,133,.045);transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-image{height:125px;background:linear-gradient(135deg,#eaf5ff,#cfe6fa);display:block;position:relative;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:.88;transition:transform .4s}.service-card:hover .service-image img{transform:scale(1.05)}.service-symbol{position:absolute;top:12px;left:12px;width:35px;height:35px;border-radius:10px;background:rgba(255,255,255,.9);color:var(--blue);display:grid;place-items:center;font-size:22px;font-weight:700}.service-card-body{padding:18px 16px 20px}.service-card h3{font:800 16px/1.3 var(--heading);color:var(--navy);margin:0 0 9px}.service-card p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 12px}.service-card ul{list-style:none;padding:0;margin:0 0 18px}.service-card li{position:relative;padding-left:16px;font-size:11px;color:#49647a;margin:7px 0;line-height:1.4}.service-card li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:800}.service-card .text-link{font-size:12px}
.about-band{background:linear-gradient(120deg,#f1f8fe,#fff 55%,#edf6fd);position:relative;overflow:hidden}.about-grid{display:grid;grid-template-columns:.85fr 1fr .75fr;align-items:center;gap:34px}.about-image-wrap{position:relative}.about-image-wrap>img{height:330px;width:100%;object-fit:cover;border-radius:20px;box-shadow:var(--shadow)}.image-note{position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,.94);padding:12px 16px;border-radius:12px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.image-note b{font:700 13px var(--heading);color:var(--navy)}.image-note span{font-size:10px;color:var(--muted)}.about-copy h2{margin-bottom:16px}.about-copy h2 span{color:var(--blue)}.about-copy>p:not(.eyebrow){font-size:14px;color:#587085;line-height:1.8}.value-list{display:grid;gap:13px;margin:22px 0}.value-list>div{display:flex;gap:12px;align-items:center}.value-icon{width:36px;height:36px;display:grid;place-items:center;background:#deefff;color:var(--blue);border-radius:50%;font-size:20px}.value-list div div{display:flex;flex-direction:column}.value-list b{font-size:13px;color:var(--navy)}.value-list small{font-size:11px;color:var(--muted)}.about-stats{display:grid;gap:12px}.about-stats>div{background:#fff;border:1px solid #e0edf7;border-radius:14px;padding:20px;display:flex;flex-direction:column;box-shadow:0 8px 20px rgba(40,100,150,.04)}.about-stats strong{font:800 28px var(--heading);color:var(--blue)}.about-stats span{font-size:12px;color:var(--muted)}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.process-card{border:1px solid #e0edf7;border-radius:15px;padding:20px;background:#fff;position:relative}.process-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.process-top span{background:#e4f2ff;color:var(--blue);font:800 14px var(--heading);border-radius:50%;width:42px;height:42px;display:grid;place-items:center}.process-top b{font-size:28px;color:var(--blue);font-weight:500}.process-card h3{font:800 17px var(--heading);margin:0 0 8px;color:var(--navy)}.process-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}
.work-section{background:#f8fbfe}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-card{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden}.work-card>img{width:100%;height:205px;object-fit:cover;background:var(--ice)}.work-card>div{padding:20px}.tag{display:inline-block;font-size:10px;font-weight:700;color:var(--blue);background:#eaf4fd;border-radius:50px;padding:5px 9px}.work-card h3,.insight-card h3{font:800 17px/1.4 var(--heading);color:var(--navy);margin:12px 0 7px}.work-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.note{font-size:11px;color:#73879a;margin-top:15px}
.cta-band{background:linear-gradient(105deg,#2878d4,#4b9ae8 65%,#6ca6e8);color:#fff;position:relative;overflow:hidden}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:48px 0;position:relative}.eyebrow-light{color:#d8ecff}.cta-inner h2{font:800 clamp(26px,3vw,38px)/1.2 var(--heading);letter-spacing:-.8px;margin:0 0 10px}.cta-inner p:not(.eyebrow){margin:0;color:#eaf5ff;font-size:14px}.cta-actions{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1}.cta-decoration{position:absolute;right:-70px;top:-80px;width:280px;height:280px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.06),0 0 0 70px rgba(255,255,255,.04)}
.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.insight-card{border:1px solid var(--border);border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 7px 22px rgba(28,87,133,.04)}.insight-card>img{width:100%;height:170px;object-fit:cover}.insight-card>div{padding:18px}.insight-card h3{font-size:16px;min-height:45px}.insight-card .text-link{font-size:12px}
.faq-section{background:#f5f9fd}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px}.faq-grid>div>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8}.faq-list details{background:#fff;border:1px solid var(--border);border-radius:12px;padding:17px 20px;margin-bottom:11px}.faq-list summary{font:700 14px var(--heading);color:var(--navy);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--blue);font-size:22px;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list details p{font-size:13px;color:var(--muted);line-height:1.7;margin:12px 0 0}
.site-footer{background:var(--navy);color:#dceaf7;padding:54px 0 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr .75fr .9fr;gap:38px;padding-bottom:40px}.brand-footer img{width:190px;filter:brightness(0) invert(1)}.footer-brand p{font-size:12px;color:#c1d4e2;max-width:290px;line-height:1.8;margin:18px 0}.site-footer h3{font:800 14px var(--heading);color:#fff;margin:8px 0 16px}.site-footer .footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start}.site-footer .footer-grid>div>a:not(.brand){font-size:12px;color:#c1d4e2;margin:5px 0}.site-footer a:hover{color:#fff}.social-links{display:flex;gap:8px}.social-links a{width:30px;height:30px;border:1px solid #4b6a81;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:700}.footer-bottom{border-top:1px solid #31536b;display:flex;justify-content:space-between;gap:15px;padding:18px 0;font-size:11px;color:#b9cddd}.whatsapp-float{position:fixed;right:22px;bottom:22px;width:52px;height:52px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:26px;box-shadow:0 8px 25px rgba(0,0,0,.16);z-index:90;border:3px solid #fff}
@media(max-width:1050px){.main-nav{gap:17px}.brand img{width:185px}.hero-grid{grid-template-columns:1fr 1fr}.hero-points{gap:10px}.hero-points strong{font-size:10px}.service-grid{grid-template-columns:repeat(3,1fr)}.about-grid{grid-template-columns:1fr 1.1fr}.about-stats{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.container{width:min(100% - 32px,var(--container))}.topbar-inner{justify-content:center;min-height:30px}.topbar-inner>span{display:none}.topbar-contact{gap:12px;font-size:10px}.nav-wrap{min-height:70px}.brand img{width:180px;max-height:54px}.menu-toggle{display:block;z-index:102}.main-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:12px 20px 22px;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 15px 25px rgba(18,52,77,.08);align-items:stretch;gap:0;flex-direction:column}.main-nav.open{display:flex}.main-nav>a:not(.btn){padding:13px 4px;border-bottom:1px solid #eef3f8}.main-nav>a:not(.btn):after{display:none}.main-nav .nav-cta{margin-top:14px}.hero{min-height:0}.hero-grid{grid-template-columns:1fr;padding-block:48px 28px;gap:8px}.hero h1{font-size:clamp(40px,11vw,58px);letter-spacing:-1.8px}.hero-lede{font-size:14px}.hero-visual{height:310px;margin-top:8px}.hero-person{right:12%;width:62%;height:100%}.traffic-card{left:0;top:8%}.conversion-card{right:0;top:4%}.visibility-card{left:0;bottom:10%}.float-card{padding:10px 12px}.float-card strong{font-size:17px}.hero-points{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:26px}.hero-points>div:last-child{grid-column:1/-1}.section-pad{padding:54px 0}.heading-row{align-items:flex-start;flex-direction:column;gap:15px}.section-heading h2,.about-copy h2,.faq-grid h2{font-size:30px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-image{height:105px}.service-card-body{padding:14px 12px 16px}.service-card h3{font-size:14px}.service-card p{font-size:11px}.service-card li{font-size:10px}.about-grid{grid-template-columns:1fr;gap:26px}.about-image-wrap>img{height:260px}.about-stats{grid-template-columns:repeat(3,1fr)}.about-stats>div{padding:14px}.about-stats strong{font-size:22px}.about-stats span{font-size:10px}.process-grid{grid-template-columns:repeat(2,1fr)}.work-grid,.insights-grid{grid-template-columns:1fr}.work-card>img{height:220px}.insight-card>img{height:190px}.cta-inner{align-items:flex-start;flex-direction:column;padding:40px 0}.cta-actions{width:100%}.cta-actions .btn{flex:1}.faq-grid{grid-template-columns:1fr;gap:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 18px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.desktop-only{display:none}}
@media(max-width:420px){.topbar-contact a:first-child{display:none}.hero-actions .btn{width:100%}.hero-visual{height:265px}.traffic-card{min-width:115px}.conversion-card{min-width:120px}.float-card span{font-size:9px}.float-card strong{font-size:15px}.service-grid{grid-template-columns:1fr}.service-image{height:150px}.process-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.cta-actions{flex-direction:column}.whatsapp-float{width:46px;height:46px;right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
\n.page-hero{background:linear-gradient(115deg,#f7fbff,#dceaf7);padding:76px 0 68px;border-bottom:1px solid #e6f0f8}.page-hero h1{font:800 clamp(36px,5vw,56px)/1.08 var(--heading);letter-spacing:-1.8px;color:var(--navy);max-width:850px;margin:0 0 18px}.page-hero p:not(.eyebrow){max-width:760px;color:#526e83;font-size:17px;margin:0}.page-content{max-width:1000px}.page-content h2{font:800 28px/1.2 var(--heading);color:var(--navy);margin:36px 0 12px}.page-content h3{font:800 19px/1.3 var(--heading);color:var(--navy)}.page-content p,.page-content li{color:#526e83;line-height:1.8}.page-content .service-grid{grid-template-columns:repeat(3,1fr)}.simple-card{padding:24px;border:1px solid var(--border);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.simple-card h3{margin-top:0}.page-form{max-width:760px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.page-form label{display:block;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:7px}.page-form input,.page-form select,.page-form textarea{width:100%;border:1px solid #cbdce9;border-radius:9px;padding:13px 14px;font:14px var(--body);color:var(--ink);background:#fff}.page-form textarea{min-height:130px;resize:vertical}.page-form .full{grid-column:1/-1}.form-message{padding:14px;background:#eaf7ef;border:1px solid #c6e7d1;border-radius:10px;color:#245d3b}.legal-note{padding:18px;border-left:4px solid var(--blue);background:#f0f7fd;border-radius:8px}.subservice-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.subservice-list a{display:block;padding:18px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--navy);font-weight:700}.subservice-list a:hover{border-color:var(--blue);color:var(--blue)}@media(max-width:760px){.page-hero{padding:52px 0}.page-content .service-grid,.subservice-list{grid-template-columns:1fr 1fr}.page-form{grid-template-columns:1fr}.page-form .full{grid-column:auto}}@media(max-width:480px){.page-content .service-grid,.subservice-list{grid-template-columns:1fr}}\n

/* Expanded 85% desktop canvas and image-led services mega menu */
@media (min-width: 1200px) {
  .container { width: min(var(--container), 85%); }
  .hero-grid { grid-template-columns: 1fr 1fr; gap: clamp(28px, 3vw, 58px); padding-block: 54px 44px; }
  .hero-copy { max-width: 700px; }
  .hero-visual { height: clamp(350px, 29vw, 480px); }
  .hero h1 { font-size: clamp(48px, 4.1vw, 76px); }
  .main-nav { gap: clamp(18px, 1.6vw, 30px); }
  .brand img { width: clamp(200px, 13vw, 245px); }
}
.nav-item-services { position: relative; display: flex; align-items: center; }
.nav-item-services > .services-trigger { font-size:13px; font-weight:600; color:#345168; position:relative; padding:30px 0; display:inline-flex; align-items:center; gap:7px; }
.services-trigger .chevron { font-size:10px; transition:transform .2s; }
.nav-item-services:hover .chevron, .nav-item-services:focus-within .chevron { transform:rotate(180deg); }
.mega-menu { position:absolute; top:calc(100% - 4px); left:50%; transform:translate(-50%, 12px); width:min(1000px, 85vw); padding:22px; background:rgba(255,255,255,.98); border:1px solid #dfebf5; border-radius:18px; box-shadow:0 24px 65px rgba(18,52,77,.16); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .2s, transform .2s, visibility .2s; }
.nav-item-services:hover .mega-menu, .nav-item-services:focus-within .mega-menu, .nav-item-services.menu-open .mega-menu { opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%,0); }
.mega-menu-card { display:grid; grid-template-columns:82px 1fr; align-items:center; gap:13px; padding:10px; border-radius:12px; border:1px solid transparent; min-width:0; transition:background .2s,border-color .2s; }
.mega-menu-card:hover { background:#f3f8fd; border-color:#d9eafa; }
.mega-menu-card img { width:82px; height:82px; object-fit:cover; border-radius:10px; background:#e8f3fc; }
.mega-menu-card strong { display:block; font:800 13px/1.35 var(--heading); color:var(--navy); margin-bottom:5px; }
.mega-menu-card small { display:block; font-size:10px; line-height:1.5; color:var(--muted); }
.mega-menu-card em { display:inline-block; margin-top:6px; font-size:10px; font-style:normal; color:var(--blue); font-weight:800; }
.mega-menu-footer { grid-column:1/-1; display:flex; justify-content:space-between; align-items:center; border-top:1px solid #e3edf6; padding:14px 8px 0; margin-top:4px; }
.mega-menu-footer p { margin:0; color:var(--muted); font-size:12px; }
.service-detail-hero { background:linear-gradient(110deg,#f8fcff 0%,#e9f4fd 56%,#d9eafa 100%); overflow:hidden; }
.service-detail-grid { display:grid; grid-template-columns:1fr .9fr; align-items:center; gap:clamp(30px,4vw,76px); }
.service-detail-image { position:relative; min-height:360px; border-radius:24px; overflow:hidden; background:#d8eafa; box-shadow:0 20px 55px rgba(18,52,77,.12); }
.service-detail-image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.service-detail-image:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 40%,rgba(18,52,77,.65)); }
.service-image-caption { position:absolute; z-index:2; left:24px; right:24px; bottom:22px; color:white; }
.service-image-caption strong { display:block; font:800 20px var(--heading); }
.service-image-caption span { font-size:12px; color:#edf7ff; }
.service-detail-copy h1 { font:800 clamp(36px,4vw,62px)/1.08 var(--heading); letter-spacing:-1.8px; color:var(--navy); margin:0 0 18px; }
.service-detail-copy .lead { font-size:16px; line-height:1.8; color:#526d82; max-width:680px; }
.service-benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.service-benefit { border:1px solid #dfebf5; border-radius:15px; padding:22px; background:white; }
.service-benefit .benefit-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; color:var(--blue); background:#e5f2ff; font-size:20px; margin-bottom:14px; }
.service-benefit h3 { margin:0 0 8px; font:800 16px/1.4 var(--heading); color:var(--navy); }
.service-benefit p { margin:0; font-size:13px; line-height:1.75; color:var(--muted); }
.service-split { display:grid; grid-template-columns:.85fr 1.15fr; gap:55px; align-items:start; }
.service-split h2, .service-content h2 { font:800 clamp(28px,3vw,40px)/1.2 var(--heading); letter-spacing:-1px; color:var(--navy); margin:0 0 15px; }
.service-split p, .service-content p { color:#5b7487; line-height:1.85; font-size:14px; }
.service-check-list { list-style:none; padding:0; margin:20px 0 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.service-check-list li { padding:13px 14px 13px 38px; position:relative; border:1px solid #dfebf5; border-radius:10px; color:#35546c; font-size:13px; background:#fff; }
.service-check-list li:before { content:"✓"; position:absolute; left:14px; color:var(--blue); font-weight:900; }
.service-faq { max-width:1000px; margin:0 auto; }
.service-faq details { background:white; border:1px solid #dfebf5; border-radius:12px; padding:17px 20px; margin:10px 0; }
.service-faq summary { cursor:pointer; font:700 14px var(--heading); color:var(--navy); }
.service-faq details p { margin-bottom:0; }
.page-content { max-width:1080px; }
.page-content h2 { margin-top:28px; font:800 24px/1.3 var(--heading); color:var(--navy); }
.page-content p, .page-content li { line-height:1.85; color:#5b7487; }
.page-content ul { padding-left:22px; }
@media (max-width:1100px) {
  .container { width:calc(100% - 40px); }
  .main-nav { gap:15px; }
  .brand img { width:185px; }
  .mega-menu { width:min(760px,90vw); grid-template-columns:repeat(2,minmax(0,1fr)); }
  .service-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .about-grid { grid-template-columns:1fr 1.2fr; }
  .about-stats { grid-column:1/-1; grid-template-columns:repeat(3,1fr); }
}
@media (max-width:760px) {
  .container { width:calc(100% - 36px); }
  .nav-item-services { display:block; }
  .nav-item-services > .services-trigger { padding:12px 0; width:100%; justify-content:space-between; }
  .mega-menu { position:static; transform:none; width:100%; display:none; grid-template-columns:1fr; padding:8px; box-shadow:none; border-radius:12px; margin:2px 0 10px; opacity:1; visibility:visible; pointer-events:auto; }
  .nav-item-services:hover .mega-menu, .nav-item-services:focus-within .mega-menu { transform:none; }
  .nav-item-services.menu-open .mega-menu { display:grid; }
  .mega-menu-card { grid-template-columns:60px 1fr; }
  .mega-menu-card img { width:60px; height:60px; }
  .mega-menu-footer { align-items:flex-start; gap:10px; flex-direction:column; }
  .service-detail-grid, .service-split { grid-template-columns:1fr; }
  .service-detail-image { min-height:270px; }
  .service-benefit-grid { grid-template-columns:1fr; }
  .service-check-list { grid-template-columns:1fr; }
}


/* Layout correction: keep every page hero comfortably clear of the sticky navigation */
.page-hero { position:relative; padding:clamp(64px,7vw,104px) 0 clamp(58px,6vw,84px); }
.service-detail-hero { padding:clamp(62px,6.5vw,94px) 0; }
.service-detail-grid { min-height:390px; }
.service-detail-copy { padding-block:8px; }
.section-pad { padding:clamp(64px,6.5vw,92px) 0; }
.service-subservice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.service-subservice-card { overflow:hidden; border:1px solid #dce9f4; border-radius:18px; background:#fff; box-shadow:0 8px 24px rgba(18,52,77,.035); display:flex; flex-direction:column; transition:transform .2s,box-shadow .2s; }
.service-subservice-card:hover { transform:translateY(-4px); box-shadow:0 16px 36px rgba(18,52,77,.10); }
.service-subservice-card .subservice-photo { display:block; height:205px; overflow:hidden; background:#eaf4fc; position:relative; }
.service-subservice-card .subservice-photo img { width:100%; height:100%; object-fit:cover; transition:transform .45s; }
.service-subservice-card:hover .subservice-photo img { transform:scale(1.04); }
.service-subservice-card .subservice-photo:after { content:""; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,rgba(18,52,77,.42)); }
.service-subservice-card .subservice-body { padding:22px; display:flex; flex-direction:column; align-items:flex-start; flex:1; }
.service-subservice-card h3 { margin:0 0 10px; font:800 18px/1.35 var(--heading); color:var(--navy); }
.service-subservice-card p { margin:0 0 18px; color:#5b7487; font-size:13px; line-height:1.8; }
.service-subservice-card .text-link { margin-top:auto; }
.subservice-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; align-items:center; color:#6a8295; font-size:12px; margin:0 0 20px; }
.subservice-breadcrumb a { color:var(--blue); font-weight:700; }
.subservice-detail-hero { background:linear-gradient(110deg,#f8fcff 0%,#eaf4fd 55%,#dcecf9 100%); }
.subservice-detail-grid { display:grid; grid-template-columns:1fr .92fr; gap:clamp(30px,4vw,72px); align-items:center; }
.subservice-detail-copy h1 { font:800 clamp(36px,4vw,60px)/1.08 var(--heading); letter-spacing:-1.8px; color:var(--navy); margin:0 0 18px; }
.subservice-detail-copy .lead { font-size:16px; line-height:1.85; color:#526d82; max-width:720px; }
.subservice-detail-image { height:clamp(300px,31vw,470px); border-radius:24px; overflow:hidden; box-shadow:0 20px 55px rgba(18,52,77,.12); background:#dcecf9; }
.subservice-detail-image img { width:100%; height:100%; object-fit:cover; }
.subservice-content-grid { display:grid; grid-template-columns:1fr 1fr; gap:26px; align-items:stretch; }
.subservice-content-panel { padding:28px; border:1px solid #dce9f4; border-radius:16px; background:#fff; }
.subservice-content-panel h3 { margin:0 0 12px; color:var(--navy); font:800 20px/1.3 var(--heading); }
.subservice-content-panel p,.subservice-content-panel li { color:#5b7487; font-size:14px; line-height:1.85; }
.subservice-content-panel ul { padding-left:20px; }
.subservice-content-panel li { margin:7px 0; }
@media(max-width:900px) {
 .service-subservice-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .subservice-detail-grid { grid-template-columns:1fr; }
 .subservice-detail-image { height:320px; }
}
@media(max-width:600px) {
 .page-hero { padding:54px 0 48px; }
 .service-detail-hero { padding:48px 0; }
 .service-detail-grid { min-height:0; }
 .service-subservice-grid { grid-template-columns:1fr; }
 .service-subservice-card .subservice-photo { height:210px; }
 .subservice-content-grid { grid-template-columns:1fr; }
 .subservice-detail-image { height:250px; }
 .section-pad { padding:54px 0; }
}


/* Contact page: office details, responsive map and inquiry form */
.contact-intro-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:clamp(32px,5vw,76px);align-items:stretch}
.contact-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px;margin-top:26px}
.contact-info-item{display:grid;grid-template-columns:62px 1fr;gap:16px;align-items:start}
.contact-info-icon{width:62px;height:62px;display:grid;place-items:center;background:#ffbea9;color:#102f46;border-radius:7px;font-size:25px}
.contact-info-item h3{font:800 20px/1.3 var(--heading);color:#142f43;margin:3px 0 8px}
.contact-info-item p,.contact-info-item a{font-size:15px;line-height:1.65;color:#5d7182;margin:0;overflow-wrap:anywhere}
.contact-info-item a:hover{color:var(--blue)}
.contact-map{min-height:510px;position:relative;border-radius:4px;overflow:hidden;background:#edf4f8}
.contact-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.contact-form-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5.5vw,100px);align-items:center}
.contact-form-card{padding:clamp(24px,4vw,54px);border:1px solid #eef0f5;border-radius:20px;background:#fff;box-shadow:0 18px 60px rgba(18,42,63,.09)}
.contact-form-card .page-form{display:grid;gap:18px}
.contact-form-card .page-form input:not([type=checkbox]),.contact-form-card .page-form select,.contact-form-card .page-form textarea{border-radius:30px;min-height:54px;padding:14px 20px}
.contact-form-card .page-form textarea{border-radius:18px;min-height:130px}
.contact-side-copy h2{font:800 clamp(30px,3vw,46px)/1.15 var(--heading);color:#202124;letter-spacing:-1.2px;margin:0 0 18px}
.contact-side-copy p{color:#5d7182;line-height:1.8}
.contact-socials{display:flex;gap:10px;margin-top:18px}
.contact-socials a{width:48px;height:48px;border-radius:50%;background:#7484ff;color:#fff;display:grid;place-items:center;font-weight:800;text-decoration:none}
.contact-socials a:hover{transform:translateY(-2px)}
.about-story-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(36px,6vw,100px);align-items:center}
.about-story-image{position:relative;min-height:470px;border-radius:20px;overflow:hidden;background:#eaf4fc}
.about-story-image img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}
.about-story-copy h2{font:800 clamp(30px,3vw,46px)/1.15 var(--heading);letter-spacing:-1.2px;color:#202124;margin:0 0 18px}
.about-story-copy p{color:#5d7182;line-height:1.8}
.about-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:32px}
.about-pillar{border:1px solid #dce9f4;border-radius:16px;padding:24px;background:#fff}
.about-pillar span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e7f2ff;color:#2878d4;font-weight:800;margin-bottom:16px}
.about-pillar h3{font:800 18px/1.35 var(--heading);color:var(--navy);margin:0 0 8px}
.about-pillar p{font-size:14px;line-height:1.75;color:#5d7182;margin:0}
.legal-document{max-width:900px;margin:0 auto;color:#526b7e}
.legal-document h2{font:800 23px/1.35 var(--heading);color:var(--navy);margin:34px 0 12px}
.legal-document p,.legal-document li{font-size:15px;line-height:1.85}
.legal-document ul{padding-left:24px}
.legal-document a{color:var(--blue);overflow-wrap:anywhere}
.legal-meta{font-size:13px;color:#74889a;margin-top:16px}
.quick-enquiry-trigger{position:fixed;right:22px;bottom:22px;z-index:900;background:#2878d4;color:#fff;border:0;border-radius:999px;padding:14px 20px;box-shadow:0 12px 34px rgba(25,80,135,.25);font:800 14px var(--body);cursor:pointer}
.quick-enquiry-trigger:hover{background:#155fae;transform:translateY(-2px)}
.contact-modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(10,31,48,.62);backdrop-filter:blur(5px)}
.contact-modal.is-open{display:flex}
.contact-modal-dialog{position:relative;width:min(100%,620px);max-height:min(90vh,850px);overflow:auto;background:#fff;border-radius:22px;padding:clamp(24px,4vw,42px);box-shadow:0 24px 90px rgba(0,0,0,.25)}
.contact-modal-close{position:absolute;right:16px;top:14px;width:40px;height:40px;border:0;border-radius:50%;background:#edf4fa;color:#17364d;font-size:24px;cursor:pointer}
.contact-modal-dialog h2{font:800 clamp(26px,3vw,36px)/1.15 var(--heading);color:var(--navy);margin:8px 42px 10px 0}
.contact-modal-dialog>p{color:#5d7182;line-height:1.65;margin:0 0 22px}
.contact-modal-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-modal-form .full{grid-column:1/-1}
.contact-modal-form label{display:block;font-size:13px;font-weight:700;color:#274359;margin-bottom:6px}
.contact-modal-form input,.contact-modal-form select,.contact-modal-form textarea{width:100%;border:1px solid #dce6ee;border-radius:10px;padding:12px 13px;font:14px var(--body);background:#fff;color:#1b3447}
.contact-modal-form textarea{min-height:95px;resize:vertical}
.contact-modal-form input:focus,.contact-modal-form select:focus,.contact-modal-form textarea:focus{outline:2px solid #9acbff;border-color:#2878d4}
.contact-modal-form .consent{display:flex;gap:9px;align-items:flex-start;font-weight:400;line-height:1.5}
.contact-modal-form .consent input{width:auto;margin-top:4px}
.contact-modal-status{font-size:13px;color:#285d37;background:#edf9ef;border-radius:8px;padding:10px}
@media(max-width:900px){
 .contact-intro-grid,.contact-form-layout,.about-story-grid{grid-template-columns:1fr}
 .contact-map{min-height:380px}
 .about-story-image{min-height:360px}
 .about-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .contact-info-grid{grid-template-columns:1fr;gap:22px}
 .contact-info-item{grid-template-columns:54px 1fr;gap:13px}
 .contact-info-icon{width:54px;height:54px}
 .contact-map{min-height:330px}
 .about-story-image{min-height:280px}
 .about-pillars{grid-template-columns:1fr}
 .quick-enquiry-trigger{right:12px;bottom:12px;padding:12px 16px;font-size:13px}
 .contact-modal{padding:10px;align-items:flex-end}
 .contact-modal-dialog{border-radius:20px 20px 12px 12px;max-height:92dvh;padding:25px 18px 20px}
 .contact-modal-form{grid-template-columns:1fr;gap:12px}
 .contact-modal-form .full{grid-column:auto}
}

body.modal-open{overflow:hidden}

/* Form spam trap: hidden from real visitors and assistive technology */
.form-honey{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;}
.form-honey input{position:absolute!important;left:-10000px!important;}
.form-status-success{color:#205d35!important;background:#ecf9f0!important;border:1px solid #b8e5c5!important;padding:14px 16px!important;border-radius:12px!important;line-height:1.6!important;}
.form-status-error{color:#8b1e2d!important;background:#fff0f1!important;border:1px solid #f0c1c7!important;padding:14px 16px!important;border-radius:12px!important;line-height:1.6!important;}
.contact-modal-form button[disabled],.page-form button[disabled]{opacity:.7;cursor:wait;}