:root{--navy:#082e55;--blue:#1677e8;--sky:#eaf8fd;--green:#12ad63;--red:#ef5261;--yellow:#ffd348;--muted:#60788b;--border:#dbe8ef;--shadow:0 14px 38px rgba(8,46,85,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);line-height:1.5}a{text-decoration:none;color:inherit}button{font:inherit}
/* Shared header for inner pages */
.site-header{height:78px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#fff;border-bottom:1px solid #e6eef3;position:sticky;top:0;z-index:50}.brand{display:block;flex:0 0 auto}.brand img{display:block;width:205px;height:auto}.site-header nav{display:flex;gap:29px;align-items:center;font-size:14px;font-weight:600}.site-header nav a{color:var(--navy)}.site-header nav a:hover,.site-header nav a.active{color:var(--blue)}.site-header nav a.active{border-bottom:3px solid var(--blue);padding-bottom:7px}.header-right{display:flex;align-items:center;gap:12px}.language{border:0;background:transparent;color:#7a8b98;font-weight:800;cursor:pointer}.language.active{color:var(--blue)}.whatsapp-top{background:var(--green);color:#fff;border-radius:999px;padding:11px 18px;font-weight:850;font-size:13px;white-space:nowrap}
/* Exact approved homepage artwork */
.exact-hero{position:relative;width:100%;overflow:hidden;line-height:0;background:#fff}.exact-hero>img{display:block;width:100%;height:auto}.hit{position:absolute;display:block;z-index:5}.hit-logo{left:3.2%;top:1%;width:17%;height:9%}.hit-services{left:30.5%;top:3%;width:9%;height:7%}.hit-how{left:38%;top:3%;width:9%;height:7%}.hit-mission{left:47%;top:3%;width:10%;height:7%}.hit-about{left:57%;top:3%;width:6%;height:7%}.hit-contact{left:62.5%;top:3%;width:8%;height:7%}.hit-lang-en{left:73%;top:2%;width:4%;height:8%}.hit-lang-tl{left:77%;top:2%;width:4%;height:8%}.hit-whatsapp{right:4%;top:1%;width:13%;height:9%}.hit-services-main{left:28.5%;top:68%;width:17%;height:10%}.hit-whatsapp-main{left:5%;top:68%;width:24%;height:10%}.homepage-section{padding:58px 7vw}.homepage-section .kicker,.page-kicker{font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--blue)}.homepage-section h2{font-size:34px;line-height:1.1;margin:8px 0}.homepage-section p{color:var(--muted);max-width:720px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:25px}.quick-card{padding:22px;border-radius:18px;background:#f4f9fc;border:1px solid var(--border)}.quick-card h3{margin:8px 0 5px;font-size:16px}.quick-card p{font-size:12px;margin:0}.footer{background:#062d54;color:#fff;padding:28px 7vw;display:flex;justify-content:space-between;gap:20px;font-size:11px}.footer a{color:#d9e8f0}.footer-links{display:flex;gap:18px;flex-wrap:wrap}
/* Inner pages */
.page{background:#fff;min-height:calc(100vh - 78px)}.page-hero{text-align:center;padding:72px 7vw 45px}.page-hero h1{font-size:48px;line-height:1.08;letter-spacing:-.045em;margin:10px auto 15px}.page-hero h1 span{color:var(--blue)}.page-hero>p{max-width:780px;margin:auto;color:var(--muted);font-size:16px;line-height:1.65}.content{max-width:1180px;margin:0 auto;padding:12px 6vw 75px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:25px 22px;box-shadow:var(--shadow)}.icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#e8f3ff;color:var(--blue);font-size:23px;margin-bottom:15px}.card h2{font-size:18px;margin:0 0 8px}.card p{font-size:12px;color:var(--muted);margin:0;line-height:1.55}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{background:#fff;border-radius:18px;padding:23px;border:1px solid var(--border)}.service-card:nth-child(4n+1){background:#edf6ff}.service-card:nth-child(4n+2){background:#effaf4}.service-card:nth-child(4n+3){background:#fff1f5}.service-card:nth-child(4n){background:#fff8e5}.service-card .emoji{font-size:25px}.service-card h2{font-size:16px;margin:9px 0 6px}.service-card p{font-size:12px;color:#587084;margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.step{background:#fff;border:1px solid var(--border);border-radius:18px;padding:23px;position:relative}.step-number{width:35px;height:35px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:900}.step h2{font-size:17px;margin:13px 0 7px}.step p{font-size:12px;color:var(--muted);margin:0}.mission-closing{max-width:900px;margin:30px auto 0;background:#eef7ff;border-radius:22px;padding:30px;text-align:center;border:1px solid #d5e8f8}.mission-closing h2{margin:0 0 7px;font-size:25px}.mission-closing p{margin:0;color:var(--muted);font-size:13px}.contact-box{max-width:780px;margin:10px auto 70px;background:#fff;border:1px solid var(--border);border-radius:22px;padding:35px;text-align:center;box-shadow:var(--shadow)}.contact-box h2{font-size:27px;margin:0 0 8px}.contact-box p{color:var(--muted);font-size:13px;max-width:620px;margin:0 auto 22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 23px;font-weight:850;font-size:13px}.btn-whatsapp{background:var(--green);color:#fff}.btn-blue{background:var(--blue);color:#fff}.email-contact{margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.email-label{font-size:12px;color:var(--muted);margin-bottom:5px}.email-contact a{font-size:14px;font-weight:750;color:var(--blue);text-decoration:none}.email-contact a:hover{text-decoration:underline}.note{font-size:11px;color:#718594;margin-top:18px}
@media(max-width:1050px){.site-header nav{gap:17px}.site-header{padding:0 20px}.card-grid,.service-grid,.steps{grid-template-columns:repeat(2,1fr)}.header-right{gap:6px}}
@media(max-width:700px){.site-header{height:68px;padding:0 14px}.brand img{width:165px}.site-header nav{display:none}.header-right .language{display:none}.whatsapp-top{padding:9px 13px;font-size:11px}.exact-hero{min-height:0}.exact-hero>img{width:100%;height:auto}.hit{display:none}.homepage-section{padding:42px 22px}.quick-grid,.card-grid,.service-grid,.steps{grid-template-columns:1fr}.page-hero{padding:50px 22px 35px}.page-hero h1{font-size:36px}.content{padding:10px 20px 55px}.footer{padding:25px 22px;flex-direction:column}}

/* Homepage V8 — text rebuilt as HTML/CSS for crisp rendering */
.home-header{height:82px;padding:0 4.8vw;display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fff;border-bottom:1px solid #edf1f4;position:relative;z-index:20}
.home-brand{display:block;flex:0 0 auto}.home-brand img{display:block;width:205px;height:auto}
.home-nav{display:flex;align-items:center;gap:36px;font-size:15px;font-weight:650}.home-nav a{color:var(--navy);white-space:nowrap}.home-nav a:hover{color:var(--blue)}
.home-actions{display:flex;align-items:center;gap:19px}.lang{font-size:15px;line-height:1;font-weight:800;color:#718292;display:inline-flex;align-items:center;padding:0 0 4px;border-bottom:2px solid transparent}.lang.active{color:var(--blue);border-bottom-color:var(--blue)}.top-contact{background:#1677e8;color:#fff;border-radius:999px;padding:13px 24px;font-size:15px;font-weight:800;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:9px}.icon-envelope{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.whatsapp-hero{gap:10px}.icon-whatsapp{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.hero-clean{position:relative;width:100%;min-height:calc(100vw * .45946);max-height:760px;overflow:hidden;background:#fff url('../images/hero-clean.jpg') center center/cover no-repeat}
.hero-copy{position:relative;z-index:3;width:50%;padding:6.8% 0 3.5% 5.1%;color:var(--navy)}
.hero-kicker{font-size:12px;line-height:1.2;letter-spacing:.035em;font-weight:900;color:#1479e8;margin-bottom:14px}
.hero-copy h1{font-size:clamp(38px,3.25vw,56px);line-height:1.02;letter-spacing:-.04em;margin:0 0 14px;font-weight:800}.hero-copy h1 span{color:#1677e8}.hero-lead{font-size:clamp(15px,1.05vw,18px);line-height:1.42;margin:0 0 18px;font-weight:500;max-width:650px}
.service-pills{display:flex;flex-wrap:wrap;gap:7px;max-width:660px;margin-bottom:22px}.service-pills span{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid #d9e6ee;border-radius:11px;background:rgba(255,255,255,.95);box-shadow:0 4px 12px rgba(8,46,85,.10);font-size:12px;font-weight:750;white-space:nowrap}.service-pills .i{font-size:16px;line-height:1}.service-pills .blue{color:#1479e8}.service-pills .green{color:#16aa63}.service-pills .red{color:#f02e5b}.service-pills .gold{color:#f4a900}.more-pill{color:#4f6576!important}
.hero-buttons{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.whatsapp-hero,.services-hero{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 21px;font-size:15px;font-weight:800;white-space:nowrap}.whatsapp-hero{background:#0db261;color:#fff;box-shadow:0 6px 18px rgba(13,178,97,.20)}.services-hero{background:#fff;color:#1677e8;border:2px solid #2c8af0;box-shadow:0 6px 18px rgba(8,46,85,.08)}
.hero-note{margin-top:12px;font-size:12px;font-weight:600;color:#173f68}.hero-note span{color:#ef3d5b;margin-right:7px}
.hero-handwritten{position:absolute;z-index:4;right:8%;top:11%;font-family:"Segoe Print","Bradley Hand",cursive;font-size:clamp(20px,1.7vw,30px);line-height:1.08;font-weight:600;color:#082e55;transform:rotate(-3deg);text-align:left}.hero-handwritten em{color:#ef3558;font-style:normal;font-size:1.15em}
.hero-location{position:absolute;z-index:4;right:4%;bottom:13%;display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.96);padding:16px 25px 16px 17px;clip-path:polygon(3% 7%,100% 0,97% 92%,1% 100%);font-family:"Segoe Print","Bradley Hand",cursive;font-size:15px;line-height:1.3;font-weight:600;color:#163b64;transform:rotate(-4deg);box-shadow:0 8px 20px rgba(8,46,85,.10)}.hero-location .pin{font-family:Arial,sans-serif;font-size:35px;color:#123f72}
@media(max-width:1200px){.home-nav{gap:22px}.home-actions{gap:13px}.hero-copy{width:57%;padding-left:4.5%}.hero-copy h1{font-size:clamp(40px,4.4vw,62px)}.hero-handwritten{right:5%;font-size:clamp(21px,2.1vw,31px)}}
@media(max-width:850px){.home-header{height:72px;padding:0 18px}.home-brand img{width:175px}.home-nav{display:none}.home-actions{margin-left:auto}.top-contact{padding:10px 15px;font-size:13px}.hero-clean{min-height:760px;background-position:58% center}.hero-copy{width:100%;padding:38px 24px 25px;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.86) 60%,rgba(255,255,255,0) 100%)}.hero-copy h1{font-size:clamp(40px,8vw,58px)}.hero-lead{font-size:17px}.desktop-only{display:none}.service-pills{max-width:650px}.hero-handwritten{top:auto;right:20px;bottom:180px;font-size:23px}.hero-location{right:15px;bottom:25px;font-size:15px}.hero-buttons{gap:10px}.whatsapp-hero,.services-hero{font-size:15px;padding:14px 19px}}
@media(max-width:560px){.home-header{height:64px}.home-brand img{width:150px}.home-actions{gap:9px}.lang{font-size:13px}.top-contact{font-size:12px;padding:9px 12px}.hero-clean{min-height:850px;background-position:63% center}.hero-copy{padding:30px 18px 20px}.hero-kicker{font-size:11px;margin-bottom:13px}.hero-copy h1{font-size:39px;letter-spacing:-.035em}.hero-lead{font-size:15px}.service-pills{gap:7px;margin-bottom:20px}.service-pills span{font-size:12px;padding:8px 10px;gap:6px}.service-pills .i{font-size:16px}.hero-buttons{flex-direction:column;align-items:stretch}.whatsapp-hero,.services-hero{width:100%}.hero-handwritten{bottom:175px;right:10px;font-size:18px}.hero-location{right:8px;bottom:15px;padding:11px 16px 11px 10px;font-size:12px}.hero-location .pin{font-size:25px}}

/* Responsive V1 — mobile navigation and touch-friendly layout. Desktop artwork/layout remains unchanged. */
.menu-toggle{display:none;width:42px;height:42px;border:1px solid #dbe8ef;background:#fff;border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer;padding:0;flex:0 0 auto;box-shadow:0 4px 14px rgba(8,46,85,.06)}
.menu-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:var(--navy);transition:transform .2s ease,opacity .2s ease}
.mobile-open .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.mobile-open .menu-toggle span:nth-child(2){opacity:0}
.mobile-open .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:850px){
  .home-header,.site-header{position:sticky;top:0}
  .home-header .menu-toggle,.site-header .menu-toggle{display:flex}
  .home-header .home-nav,.site-header nav{position:absolute;left:12px;right:12px;top:calc(100% + 8px);display:none;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid #dbe8ef;border-radius:16px;padding:8px;box-shadow:0 18px 45px rgba(8,46,85,.15);z-index:100}
  .home-header.mobile-open .home-nav,.site-header.mobile-open nav{display:flex}
  .home-header .home-nav a,.site-header nav a{display:block;padding:13px 14px;border-radius:10px;font-size:15px}
  .home-header .home-nav a:hover,.site-header nav a:hover{background:#f3f8fc}
  .home-header .home-nav a.active,.site-header nav a.active{border-bottom:0;padding-bottom:13px;background:#eef6ff;color:var(--blue)}
  .home-actions{margin-left:auto}
  .site-header .header-right{margin-left:auto}
  .home-header .top-contact{display:none}
  .site-header .whatsapp-top{display:inline-flex}
}
@media(max-width:560px){
  .home-header{padding:0 12px}
  .site-header{padding:0 12px}
  .home-brand img,.brand img{width:150px}
  .home-actions{gap:7px}
  .site-header .header-right{gap:6px}
  .site-header .whatsapp-top{padding:8px 11px;font-size:11px}
  .menu-toggle{width:40px;height:40px}
  .hero-clean{min-height:820px;background-position:65% center}
  .hero-copy{padding:27px 17px 18px}
  .hero-copy h1{font-size:38px}
  .hero-lead{font-size:15px;line-height:1.48}
  .service-pills span{padding:7px 9px}
  .homepage-section{padding:38px 18px}
  .homepage-section h2{font-size:29px}
  .quick-card{padding:19px}
  .page-hero{padding:42px 18px 30px}
  .page-hero h1{font-size:34px}
  .page-hero>p{font-size:15px}
  .content{padding:8px 16px 48px}
  .card,.service-card,.step{padding:21px 19px}
  .mission-closing{padding:24px 20px;border-radius:18px}
  .contact-box{margin:8px 16px 48px;padding:27px 20px;border-radius:18px}
  .contact-box .btn{width:100%}
  .footer{padding:23px 18px}
}
@media(max-width:390px){
  .home-brand img,.brand img{width:136px}
  .site-header .whatsapp-top{display:none}
  .hero-clean{min-height:850px}
  .hero-copy h1{font-size:35px}
  .service-pills span{font-size:11px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.menu-toggle span{transition:none}}