*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:#172033;background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.top{background:#0c1d2a;color:#dce9ef;font-size:13px}.top-in{display:flex;justify-content:space-between;padding:9px 0}.nav{background:#fff;border-bottom:1px solid #e8eef2;position:sticky;top:0;z-index:50;box-shadow:0 4px 20px #0b253510}.nav-in{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px;color:#0c536a}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#0c7a75;color:#fff;font-size:13px}.gold{color:#e9a928}.links{display:flex;align-items:center;gap:20px;font-weight:700;font-size:14px}.links>a:hover,.drop>a:hover{color:#0b8078}.drop{position:relative;display:flex;align-items:center}.drop-link{display:inline-block}.drop-toggle{border:0;background:transparent;color:inherit;font:inherit;font-weight:700;padding:4px 2px;cursor:pointer;line-height:1}.dropdown{display:none;position:absolute;top:calc(100% + 1px);left:-15px;background:#fff;min-width:220px;padding:10px;border-radius:10px;box-shadow:0 15px 35px #071d2a22;border:1px solid #e8eef2}.drop:hover .dropdown,.drop.open .dropdown{display:block}.drop:hover .drop-toggle{color:#0b8078}.dropdown a{display:block;padding:10px 12px;border-radius:7px}.dropdown a:hover{background:#eef8f7;color:#08766f}.nav-cta{background:#e8a62a;color:#101820!important;padding:10px 16px;border-radius:7px}.menu-btn{display:none;border:0;background:transparent;font-size:25px}.hero-slider{position:relative;overflow:hidden;background:#063e4a}.slide{display:none;min-height:570px;padding:120px 0;color:#fff;background:linear-gradient(90deg,#063b46ee,#0b7e76aa),radial-gradient(circle at 80% 20%,#f0aa3150,transparent 35%),linear-gradient(135deg,#063d4c,#0d857b)}.slide2{background:linear-gradient(90deg,#082e3dee,#0b6b70aa),linear-gradient(135deg,#073e50,#167d78)}.slide3{background:linear-gradient(90deg,#072f42ee,#0a7770aa),linear-gradient(135deg,#092f43,#0e8b7e)}.slide.active{display:block}.hero-content{max-width:850px}.eyebrow{display:inline-block;letter-spacing:1.8px;font-size:12px;font-weight:800;color:#ffd36c;margin-bottom:14px}.eyebrow.dark{color:#0b8078}.slide h1{font-size:58px;line-height:1.06;max-width:800px;margin:0 0 18px}.slide p{font-size:19px;max-width:720px;color:#e9f6f5}.btn{display:inline-block;background:#e9a62a;color:#172033;font-weight:800;padding:12px 20px;border-radius:7px;border:0;cursor:pointer;margin:8px 8px 0 0}.btn.ghost{background:#ffffff18;color:#fff;border:1px solid #ffffff66}.btn.light{background:#fff;color:#0a5f65}.btn.small{padding:8px 13px;font-size:13px}.slider-arrow{position:absolute;top:48%;font-size:48px;color:#fff;cursor:pointer;padding:5px 15px;opacity:.7}.slider-arrow.prev{left:2%}.slider-arrow.next{right:2%}.slider-dots{position:absolute;bottom:25px;left:0;right:0;text-align:center}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ffffff70;margin:5px;cursor:pointer}.dot.active{background:#e9a62a}.stats{background:#0b3e4b;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid div{padding:25px;text-align:center;border-right:1px solid #ffffff15}.stats-grid b{display:block;font-size:32px;color:#e9a62a}.stats-grid span{font-size:13px;color:#c8dbe0}.section{padding:75px 0}.soft{background:#f5f9f8}.section-head{text-align:center;max-width:760px;margin:0 auto 40px}.section-head h2{font-size:38px;line-height:1.15;margin:5px 0 12px}.section-head p{color:#60707a}.milestone-row{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid #dfe8e8;border-radius:14px;overflow:hidden;background:#fff}.milestone-row div{padding:25px;border-right:1px solid #e7eeee}.milestone-row div:last-child{border:0}.milestone-row b{display:block;font-size:26px;color:#08766f}.milestone-row span{display:block;color:#60707a;font-size:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.split h2{font-size:40px;line-height:1.15;margin:5px 0 18px}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;color:#34535b;font-weight:700}.presence{background:linear-gradient(145deg,#0a5c68,#0b8a7f);min-height:370px;border-radius:24px;display:grid;place-items:center;position:relative;overflow:hidden;color:#fff}.presence-map{font-size:110px;font-weight:900;opacity:.16}.presence-points{position:absolute;inset:auto 20px 20px;display:flex;flex-wrap:wrap;gap:8px}.presence-points span{background:#ffffff18;border:1px solid #ffffff30;padding:7px 10px;border-radius:30px;font-size:12px}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.service-card{border:1px solid #e4ebec;background:#fff;border-radius:14px;padding:22px;transition:.2s;box-shadow:0 7px 24px #082f3a08}.service-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #082f3a15;border-color:#0b8a7f}.service-card i{font-style:normal;font-size:32px;color:#0b8078}.service-card h3{font-size:18px}.service-card p{color:#68777e;font-size:14px}.service-card b{color:#0b8078;font-size:13px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.process-card{background:#fff;border:1px solid #e0e9e8;border-radius:14px;padding:20px;display:flex;gap:15px}.process-card>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e9a62a;font-weight:900;color:#16343b;flex:0 0 auto}.process-card h3{margin:0 0 5px}.process-card p{margin:0;color:#66767c;font-size:14px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.why-grid>div{padding:25px;border-radius:14px;background:#f3f8f7;border-top:3px solid #0b8078}.why-grid b{font-size:17px}.why-grid p{color:#66767c;font-size:14px}.cta{background:linear-gradient(110deg,#0b5c66,#0a897e);color:#fff;padding:48px 0}.cta .container{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font-size:34px;margin:3px 0}.cta p{color:#d8ecec}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid #e3ebee;border-radius:14px;overflow:hidden;box-shadow:0 6px 25px #082f3a08}.card-body{padding:18px}.cover{width:100%;height:220px;object-fit:cover;background:linear-gradient(135deg,#0b5d68,#0b8a7f)}.placeholder{display:grid;place-items:center;color:#fff;font-weight:900;letter-spacing:2px}.tag{display:inline-block;padding:5px 9px;border-radius:30px;background:#e6f5f3;color:#086c68;font-size:11px;font-weight:800}.muted{color:#65747b}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-grid article{background:#fff;border:1px solid #e1eaec;border-radius:14px;padding:24px}.news-grid span{font-size:12px;color:#0b8078;font-weight:800}.news-grid h3{font-size:20px}.news-grid p{color:#68767b}.news-grid a{color:#0b8078;font-weight:800}.faq{max-width:900px;margin:auto}.faq details{border-bottom:1px solid #dfe7e9;padding:18px 0}.faq summary{cursor:pointer;font-weight:800;font-size:17px}.faq p{color:#66767c}.footer{background:#0b1c27;color:#b9ccd2;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.footer-brand{color:#fff}.footer p{font-size:14px}.footer h4{color:#fff}.footer a{display:block;margin:8px 0}.copyright{border-top:1px solid #263b44;margin-top:30px;padding-top:18px;font-size:13px}@media(max-width:1000px){.links{gap:10px}.service-grid{grid-template-columns:repeat(3,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}.milestone-row{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.top-in{flex-direction:column;gap:4px}.menu-btn{display:block}.links{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;padding:15px;flex-direction:column;align-items:stretch;border-top:1px solid #eee}.links.open{display:flex}.dropdown{position:static;display:block;box-shadow:none;border:0;padding:0 0 0 12px}.drop-link{display:inline-block;padding:8px 0}.drop-toggle{padding:8px}.nav-cta{display:inline-block}.slide{min-height:520px;padding:90px 0}.slide h1{font-size:42px}.stats-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.service-grid,.process-grid,.grid,.news-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.cta .container{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.slide h1{font-size:34px}.section{padding:55px 0}.section-head h2,.split h2{font-size:30px}.service-grid,.process-grid,.grid,.news-grid,.why-grid,.footer-grid{grid-template-columns:1fr}.milestone-row{grid-template-columns:1fr}.stats-grid b{font-size:25px}.check-list{grid-template-columns:1fr}}

.page-hero{padding:90px 0;background:linear-gradient(115deg,#073e4b,#0a8279);color:#fff}.page-hero h1{font-size:50px;max-width:800px;line-height:1.08;margin:5px 0 15px}.page-hero p{max-width:720px;color:#e3f2f2;font-size:18px}.simple-card .icon-box{width:50px;height:50px;border-radius:12px;display:grid;place-items:center;background:#e9a62a;color:#17343b;font-size:24px}.avatar{height:190px;border-radius:12px;background:linear-gradient(135deg,#0b5c66,#0b8a7f);display:grid;place-items:center;color:#fff;font-size:48px;font-weight:900;margin-bottom:18px}.form{background:#fff;border:1px solid #e1eaec;border-radius:14px;padding:25px;box-shadow:0 10px 30px #082f3a0b}.form label{display:block;font-weight:800;margin:12px 0 6px}.form input,.form textarea,.form select{width:100%;padding:11px;border:1px solid #ccdadd;border-radius:7px;font:inherit}.form textarea{min-height:120px}.alert{padding:12px;border-radius:8px;background:#eef4f5}.alert.success{background:#e1f6ec;color:#17633d}.alert.error{background:#fde6e6;color:#9c2f2f}

@media(max-width:800px){
  .drop .dropdown{display:none}
  .drop.mobile-open .dropdown{display:block}
  .dropdown a{padding:11px 12px}
  .links.open{max-height:80vh;overflow:auto}
}

.quick-actions{background:#f5f8fb;padding:16px 0;border-bottom:1px solid #e7edf3}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-grid a{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #e3e9ef;padding:18px;border-radius:12px;color:#142333;text-decoration:none}.quick-grid a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.08)}.quick-grid span{font-size:13px;color:#667788}.gallery-grid{grid-template-columns:repeat(4,1fr)}.media-item{display:flex;flex-direction:column;gap:7px}.media-item small{color:#718096}.media-frame{height:210px;border-radius:12px;overflow:hidden;background:#e9eef3}.media-frame img,.media-frame video{width:100%;height:100%;object-fit:cover}.apply-box{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.apply-box>div{background:#fff;border:1px solid #e1e8ee;border-radius:14px;padding:20px}.notice{margin:22px 0;padding:16px;border-left:4px solid #f3b51b;background:#fff8e5;border-radius:8px}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.admin-table{width:100%;border-collapse:collapse;background:#fff}.admin-table th,.admin-table td{padding:10px;border:1px solid #e1e7ed;text-align:left;vertical-align:top}.thumb{width:90px;height:65px;object-fit:cover;border-radius:6px}.center{text-align:center}@media(max-width:900px){.quick-grid,.apply-box,.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.quick-grid,.apply-box,.gallery-grid{grid-template-columns:1fr}}

/* V10: Light blue website theme + logo management */
:root{--page-blue:#eef8fc;--page-blue-2:#e5f4fa;--navy:#17263d;--teal:#0b8b88;--gold:#f2ae21}
body{background:var(--page-blue)}
.section.soft{background:var(--page-blue-2)}
.top{background:#dff1f8}
.nav{background:rgba(255,255,255,.97)}
.brand{gap:10px}
.company-logo{width:auto;height:52px;max-width:210px;object-fit:contain;display:block}
.admin-nav{background:#fff}
.admin-nav-in{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.admin-nav-in .links{margin-left:auto}
.admin-logo{width:auto;height:42px;max-width:170px;object-fit:contain}
.admin-user{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;margin-left:auto}
.admin-user img,.user-fallback{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #d7e9f1}
.user-fallback{display:flex;align-items:center;justify-content:center;background:#0b8b88;color:#fff}
.admin-nav-in .admin-user + .links{margin-left:0}
.admin-login-body{background:linear-gradient(135deg,#e8f7fc,#f7fbfd)}
.login-card{background:#fff;border:1px solid #d9eaf1;border-radius:20px;padding:36px;box-shadow:0 18px 50px rgba(23,65,88,.12);text-align:center}
.login-logo{max-width:210px;max-height:90px;object-fit:contain;margin:0 auto 18px}
.login-mark{display:inline-flex;margin-bottom:18px}
.settings-form{max-width:850px}
.logo-setting{display:grid;grid-template-columns:170px 1fr;gap:25px;align-items:center;background:#fff;border:1px solid #dcecf3;border-radius:15px;padding:18px;margin:15px 0}
.settings-logo{width:150px;height:80px;object-fit:contain;background:#f3f9fc;border-radius:10px;padding:8px}
.settings-logo.round{border-radius:50%;height:100px;width:100px}
.logo-empty{height:80px;width:150px;background:#edf6fa;border:1px dashed #a9c9d5;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#6b8492;font-size:13px}
.logo-empty.round{height:100px;width:100px;border-radius:50%}
.logo-setting small{display:block;color:#718596;margin-top:6px}
@media(max-width:900px){.company-logo{height:44px;max-width:170px}.admin-user{margin-left:0}.admin-nav-in .links{width:100%;overflow:auto}.logo-setting{grid-template-columns:1fr}}

/* V11 - screenshot-inspired corporate header with light-blue theme */
body{background:#eaf7fb;color:#17263d}
.topbar-v11{background:#1e3766;color:#fff;padding:12px 0}
.topbar-inner-v11{display:flex;align-items:center;justify-content:space-between;gap:20px}
.top-contact-v11{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.top-contact-v11 a{color:#fff;font-weight:600;text-decoration:none}.brochure-top-v11{display:inline-flex;align-items:center;gap:7px}.social-v11{display:flex;gap:9px}.social-v11 a,.footer-social-v11 a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ef233c;color:#fff;text-decoration:none;font-weight:800;font-size:14px}.nav-v11{background:#fff;border-bottom:1px solid #d9e9ef;box-shadow:0 3px 16px rgba(28,76,98,.08);position:relative;z-index:20}.nav-in-v11{min-height:112px;display:flex;align-items:center;gap:30px}.brand-v11{min-width:250px;text-decoration:none;color:#183b62;font-weight:900}.company-logo-v11{width:auto;height:58px;max-width:190px;object-fit:contain}.brand-text-v11{font-size:20px;letter-spacing:-.5px}.links-v11{display:flex;align-items:center;gap:30px;margin-left:auto}.links-v11>a,.links-v11 .drop-link{font-size:16px;color:#17385f;text-decoration:none;font-weight:600;padding:42px 0;white-space:nowrap}.links-v11>a:hover,.links-v11 .drop-link:hover,.links-v11 .active-nav{color:#e9293e}.drop{display:flex;align-items:center;position:relative}.drop-toggle{border:0;background:none;color:#17385f;padding:0 0 0 4px;font-size:15px;cursor:pointer}.links-v11 .dropdown{top:84px;min-width:235px;background:#fff;border:1px solid #e1edf2;box-shadow:0 15px 40px rgba(31,65,88,.15);border-radius:0 0 12px 12px;padding:10px;z-index:100}.links-v11 .dropdown a{display:block;padding:11px 13px;color:#17385f;text-decoration:none;font-weight:600;border-radius:7px}.links-v11 .dropdown a:hover{background:#eaf7fb;color:#e9293e}.search-v11{width:50px!important;height:50px;padding:0!important;border-radius:50%;background:#ef233c;color:#fff!important;display:grid;place-items:center;font-size:27px!important;font-weight:900!important}.nav-cta-v11{background:#f2ae21;color:#17263d!important;padding:14px 23px!important;border-radius:10px;font-weight:800!important}.menu-btn-v11{display:none}.hero-slider{background:#dff3f9}.slide{min-height:590px}.quick-actions{background:#dff3f9}.stats{background:#d7eff7}.section.soft{background:#e2f4f9}.service-card,.card,.news-grid article,.apply-box>div{background:#fafdff}.cta{background:linear-gradient(110deg,#16466e,#168f99)}.footer-v11{background:#132a46}.footer-logo-v11{height:48px}.footer-social-v11{display:flex;gap:9px;margin-top:18px}.whatsapp-v11{position:fixed;right:26px;bottom:25px;width:58px;height:58px;border-radius:50%;background:#22c55e;color:#fff;display:grid;place-items:center;text-decoration:none;font-size:28px;font-weight:900;z-index:50;box-shadow:0 8px 25px rgba(0,0,0,.18)}
@media(max-width:1200px){.links-v11{gap:16px}.links-v11>a,.links-v11 .drop-link{font-size:14px}.brand-v11{min-width:210px}.brand-text-v11{font-size:18px}.nav-in-v11{gap:15px}}
@media(max-width:1000px){.nav-in-v11{min-height:80px}.menu-btn-v11{display:block;margin-left:auto}.links-v11{display:none;position:absolute;left:0;right:0;top:80px;background:#fff;padding:12px 20px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 12px 30px rgba(0,0,0,.12)}.links-v11.open{display:flex}.links-v11>a,.links-v11 .drop-link{padding:12px 4px}.drop{flex-wrap:wrap}.drop-toggle{margin-left:4px}.links-v11 .dropdown{position:static;display:none;width:100%;box-shadow:none;border:0;padding:0 0 5px 14px}.drop.mobile-open .dropdown{display:block}.search-v11{width:100%!important;height:auto!important;border-radius:8px;padding:11px!important;margin-top:5px}.nav-cta-v11{display:block;text-align:center;margin-top:6px}.topbar-inner-v11{align-items:flex-start}.social-v11{display:none}}
@media(max-width:600px){.top-contact-v11{gap:8px;flex-direction:column;align-items:flex-start}.company-logo-v11{height:45px;max-width:155px}.brand-text-v11{font-size:16px}.slide{min-height:500px}.whatsapp-v11{right:18px;bottom:18px}}

/* V12: Always display company name separately from uploaded logo */
.brand-v11{display:inline-flex!important;align-items:center;gap:12px;min-width:300px!important;flex-shrink:0}
.brand-logo-wrap-v12{display:flex;align-items:center;justify-content:center;flex-shrink:0}
.company-logo-v11{display:block!important;width:auto;height:58px;max-width:175px;object-fit:contain}
.brand-text-v11{display:block!important;visibility:visible!important;opacity:1!important;color:#17385f!important;font-size:21px;font-weight:900;white-space:nowrap;line-height:1.1}
@media(max-width:1200px){.brand-v11{min-width:260px!important}.brand-text-v11{font-size:18px}.company-logo-v11{max-width:150px;height:52px}}
@media(max-width:800px){.brand-v11{min-width:0!important;max-width:calc(100vw - 85px)}.brand-text-v11{font-size:16px}.company-logo-v11{max-width:120px;height:46px}}

.footer-wa-link{font-weight:700!important}
.whatsapp-v11{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.whatsapp-v11:hover{transform:scale(1.08);box-shadow:0 10px 30px rgba(34,197,94,.35)}

/* V14: public header shows uploaded company logo only */
.logo-only{display:flex!important;align-items:center;text-decoration:none!important}
.logo-only .company-logo{display:block;height:58px;width:auto;max-width:260px;object-fit:contain}
.logo-only .brand-mark{display:flex}
@media(max-width:800px){.logo-only .company-logo{height:46px;max-width:190px}}
/* WhatsApp floating logo */
.whatsapp-v14{position:fixed;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;z-index:9999;box-shadow:0 8px 24px rgba(0,0,0,.22);transition:.2s;text-decoration:none}
.whatsapp-v14:hover{transform:scale(1.08);box-shadow:0 12px 30px rgba(37,211,102,.35)}
.whatsapp-v14 svg{width:36px;height:36px;display:block}

.social-links{display:inline-flex;gap:7px;margin-left:10px;vertical-align:middle}.social-links a,.footer-social a{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ef3340;color:#fff!important;text-decoration:none!important;font-weight:800}.footer-social{display:flex;gap:8px}.social-settings{margin:25px 0;padding:20px;background:#eef8fc;border:1px solid #d8eaf2;border-radius:14px}.social-settings h2{margin-top:0}

.service-gallery{margin-top:24px}.service-gallery .media-grid{display:grid;gap:18px}