:root{--orange:#ff6500;--od:#d84f00;--black:#080808;--ink:#171717;--muted:#6c6c6c;--soft:#f4f4f4;--warm:#fff6f0;--line:#e7e7e7;--white:#fff;--max:1200px;--shadow:0 22px 60px rgba(0,0,0,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding-top:133px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65;background:#fff}img{max-width:100%;display:block}a{color:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}
.topline{position:fixed;top:0;left:0;right:0;z-index:102;height:5px;background:var(--orange)}.utility{position:fixed;top:5px;left:0;right:0;z-index:102;height:40px;background:#0a0a0a;color:#ddd;font-size:.86rem}.utility .container{min-height:40px;display:flex;justify-content:flex-end;gap:24px;align-items:center}.utility a{text-decoration:none}
.site-header{position:fixed;top:45px;left:0;right:0;z-index:101;background:rgba(8,8,8,.96);backdrop-filter:blur(14px);border-bottom:1px solid #222}.navrow{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{width:300px;max-height:67px;object-fit:contain;object-position:left center}.brand{text-decoration:none}
nav ul{display:flex;align-items:center;gap:17px;list-style:none;margin:0;padding:0}nav a{color:#fff;text-decoration:none;font-weight:800;font-size:.91rem;transition:.2s}nav a:hover,nav a.active{color:var(--orange)}.nav-cta{background:var(--orange);padding:12px 17px;border-radius:4px;color:#fff!important}.menu{display:none;color:#fff;background:#161616;border:1px solid #333;border-radius:7px;padding:9px 12px;font-size:1.1rem}
.hero{position:relative;min-height:720px;display:flex;align-items:center;color:#fff;background-size:cover;background-position:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.68) 52%,rgba(0,0,0,.22))}.hero:after{content:"";position:absolute;width:520px;height:520px;border:80px solid rgba(255,101,0,.15);border-radius:50%;right:-190px;bottom:-190px}.hero .container{position:relative;z-index:2}.hero-content{max-width:790px;padding:100px 0}.eyebrow{font-size:.78rem;letter-spacing:.17em;text-transform:uppercase;color:var(--orange);font-weight:900;margin-bottom:14px}.hero h1,.page-hero h1{font-size:clamp(2.8rem,6vw,5.8rem);line-height:.96;letter-spacing:-.055em;margin:0 0 22px}.hero p{font-size:1.2rem;color:#e6e6e6;max-width:720px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;padding:14px 20px;border-radius:4px;border:1px solid transparent;transition:.2s;cursor:pointer}.btn.orange{background:var(--orange);color:#fff}.btn.orange:hover{background:var(--od);transform:translateY(-2px)}.btn.outline{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(0,0,0,.16)}.btn.black{background:#0b0b0b;color:#fff}.btn.light{background:#fff;color:#111;border-color:#ddd}.hero-badge{position:absolute;right:4%;bottom:8%;background:var(--orange);padding:24px 28px;z-index:3;box-shadow:var(--shadow)}.hero-badge strong{display:block;font-size:2.1rem;line-height:1}.hero-badge span{font-weight:800;font-size:.86rem}
.stats{position:relative;z-index:5;margin-top:-52px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:var(--shadow)}.stat{padding:25px 26px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat b{display:block;color:var(--orange);font-size:1.55rem}.stat span{color:var(--muted);font-size:.9rem}
section{padding:78px 0}.soft{background:var(--soft)}.black-section{background:#0a0a0a;color:#fff}.section-head{max-width:790px;margin-bottom:36px}.section-head h2,h2{font-size:clamp(2rem,3.7vw,3.35rem);line-height:1.06;letter-spacing:-.04em;margin:0 0 17px}.section-head p{color:var(--muted);font-size:1.05rem}.black-section p{color:#b9b9b9}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:36px}
.service-card{position:relative;background:#fff;border:1px solid var(--line);padding:29px;min-height:265px;overflow:hidden;transition:.25s}.service-card:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:var(--orange);transform:scaleY(.24);transform-origin:top;transition:.25s}.service-card:hover:before{transform:scaleY(1)}.service-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(0,0,0,.08)}.service-no{font-size:3.3rem;color:#eee;font-weight:900;line-height:1}.service-card h3{font-size:1.25rem;margin:16px 0 7px}.service-card p{color:var(--muted)}.more{display:inline-block;color:var(--orange);font-weight:900;text-decoration:none;margin-top:12px}
.split-media{display:grid;grid-template-columns:1fr 1fr;min-height:560px;background:#0a0a0a;color:#fff}.split-media .image{background-size:cover;background-position:center;min-height:480px}.split-media .copy{padding:70px 9%;display:flex;flex-direction:column;justify-content:center}.split-media .copy p{color:#bbb}.checks{list-style:none;padding:0;margin:22px 0}.checks li{position:relative;padding-left:28px;margin:11px 0}.checks li:before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:900}
.focus-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:16px}.focus-card{min-height:330px;position:relative;background-size:cover;background-position:center;overflow:hidden}.focus-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.82))}.focus-card .label{position:absolute;left:20px;right:20px;bottom:18px;z-index:2;color:#fff}.focus-card .label b{display:block;font-size:1.25rem}.focus-card .label span{font-size:.88rem;color:#ddd}
.process{counter-reset:step}.process-step{padding:25px;border-top:1px solid #333}.process-step:before{counter-increment:step;content:"0" counter(step);color:var(--orange);font-weight:900;font-size:1.1rem}.process-step h3{margin:8px 0}.process-step p{color:#aaa}.cta-band{background:var(--orange);color:#fff}.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.cta-band h2{margin:0;max-width:800px}
.page-hero{position:relative;min-height:520px;display:flex;align-items:flex-end;background-size:cover;background-position:center;color:#fff}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.38))}.page-hero .container{position:relative;z-index:2;padding-top:95px;padding-bottom:62px}.page-hero h1{max-width:920px;font-size:clamp(2.5rem,5vw,4.9rem)}.breadcrumb{font-size:.86rem;color:#ddd;margin-bottom:15px}.breadcrumb a{text-decoration:none;color:#fff}.page-hero .lead{max-width:760px;color:#e3e3e3;font-size:1.12rem}.orange-rule{width:86px;height:5px;background:var(--orange);margin:21px 0}
.content{max-width:870px}.content p,.content li{color:#5c5c5c}.content h2{margin-top:42px}.callout{border-left:5px solid var(--orange);background:var(--warm);padding:20px 22px;margin:28px 0}.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{border:1px solid var(--line);padding:22px;background:#fff}.info-card b{color:var(--orange)}.provinces{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.province{background:#fff;border:1px solid var(--line);padding:21px}.province b{color:var(--orange)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.contact-panel{background:#0a0a0a;color:#fff;padding:34px}.contact-panel a{color:#fff}.contact-panel strong{color:var(--orange)}form label{display:block;font-size:.88rem;font-weight:800;margin:11px 0 5px}form input,form select,form textarea{width:100%;padding:12px 13px;border:1px solid #d2d2d2;font:inherit;background:#fff}form textarea{min-height:130px}form button{margin-top:14px}.hp{position:absolute!important;left:-9999px!important}.note{font-size:.78rem;color:#999}.article-list{display:grid;gap:18px}.article{padding:22px;border-left:4px solid var(--orange);background:#fff}.article a{font-weight:900;font-size:1.16rem;text-decoration:none}.article p{color:var(--muted)}.photo-credit{font-size:.72rem;color:#aaa;margin-top:10px}.photo-credit a{color:inherit}
footer{background:#050505;color:#cfcfcf;padding:52px 0 25px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:36px}.footer-logo{width:310px;max-height:82px;object-fit:contain;object-position:left center;margin-bottom:18px}.footer-grid h3{color:#fff}.footer-grid a{color:#fff;text-decoration:none}.footer-grid ul{list-style:none;padding:0}.footer-grid li{margin:7px 0}.footer-map{margin-top:32px;border:1px solid #242424;border-radius:8px;overflow:hidden;background:#111}.footer-map iframe{display:block;width:100%;height:300px;border:0}.footer-copy{border-top:1px solid #242424;margin-top:29px;padding-top:20px;color:#888;font-size:.84rem}
@media(max-width:980px){.grid3,.footer-grid,.info-cards{grid-template-columns:1fr}.grid2,.contact-grid,.split-media{grid-template-columns:1fr}.focus-grid{grid-template-columns:1fr 1fr}.focus-grid .focus-card:first-child{grid-column:1/-1}.stats-grid{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat{border-bottom:1px solid var(--line)}nav{display:none;position:absolute;top:88px;left:0;right:0;background:#090909;padding:15px 20px;border-top:1px solid #222}nav.open{display:block}nav ul{display:grid;gap:3px}nav a{display:block;padding:9px}.menu{display:block}.brand img{width:245px}.hero-badge{display:none}}
@media(max-width:620px){.utility .container{justify-content:center;gap:10px;flex-wrap:wrap;padding:6px 0}.navrow{min-height:76px}.brand img{width:190px;max-height:52px}nav{top:76px}.hero{min-height:660px;background-position:62% center}.hero-content{padding:75px 0}.hero h1{font-size:2.9rem}.stats{margin-top:-35px}.stats-grid{grid-template-columns:1fr}.stat{border-right:0}section{padding:58px 0}.focus-grid{grid-template-columns:1fr}.focus-grid .focus-card:first-child{grid-column:auto}.focus-card{min-height:280px}.page-hero{min-height:480px}.provinces{grid-template-columns:1fr}.footer-logo{width:240px}}

@media(max-width:620px){body{padding-top:135px}.utility{height:54px}.site-header{top:59px}}
@media(max-width:620px){.footer-map iframe{height:240px}}


/* ===== Mobile usability enhancements ===== */
html, body { max-width:100%; overflow-x:hidden; }
button, input, select, textarea { font-size:16px; }
img { height:auto; }
a, button { -webkit-tap-highlight-color: transparent; }

@media (max-width: 980px){
  .container{width:min(calc(100% - 28px),var(--max));}
  .utility .container{justify-content:center;gap:12px;flex-wrap:wrap;padding:7px 0;}
  .navrow{min-height:76px;}
  .brand img{width:220px;max-height:56px;}
  nav{top:76px;max-height:calc(100vh - 76px);overflow-y:auto;}
  nav ul{gap:0;}
  nav a{font-size:1rem;padding:12px 8px;}
  .nav-cta{text-align:center;margin-top:6px;}
  .hero{min-height:620px;}
  .hero-content{padding:72px 0 90px;}
  .hero h1{font-size:clamp(2.55rem,11vw,4rem);}
  .hero p{font-size:1.06rem;}
  .stats{margin-top:-30px;}
  .service-card{min-height:auto;}
  .split-media .copy{padding:48px 7%;}
  .page-hero .container{padding-top:72px;padding-bottom:46px;}
  .page-hero h1{font-size:clamp(2.35rem,10vw,3.8rem);}
  .contact-panel{padding:26px 22px;}
  section{padding:54px 0;}
}

@media (max-width: 620px){
  .container{width:min(calc(100% - 22px),var(--max));}
  .utility{font-size:.78rem;}
  .utility .container{gap:8px;}
  .brand img{width:176px;max-height:48px;}
  .menu{padding:8px 10px;}
  .hero{min-height:585px;background-position:62% center;}
  .hero-content{padding:62px 0 78px;}
  .hero h1{font-size:2.55rem;line-height:1;}
  .hero p{font-size:1rem;line-height:1.55;}
  .actions{display:grid;grid-template-columns:1fr;width:100%;}
  .actions .btn{width:100%;}
  .stats-grid{grid-template-columns:1fr;}
  .stat{padding:18px 20px;}
  .service-card{padding:22px;}
  .split-media .image{min-height:320px;}
  .split-media .copy{padding:40px 22px;}
  .focus-card{min-height:250px;}
  .page-hero{min-height:430px;}
  .page-hero .container{padding-top:62px;padding-bottom:38px;}
  .page-hero h1{font-size:2.35rem;}
  .page-hero .lead{font-size:1rem;}
  .info-card,.province{padding:18px;}
  .contact-grid{gap:18px;}
  form .btn{width:100%;}
  footer{padding-bottom:90px;}
}

/* ===== WhatsApp mini-chat widget ===== */
.wa-widget{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
  font-family:Arial,Helvetica,sans-serif;
}
.wa-toggle{
  width:62px;height:62px;border-radius:50%;
  background:#25D366;color:#fff;
  border:none;box-shadow:0 12px 30px rgba(0,0,0,.25);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:31px;font-weight:900;
}
.wa-toggle img{width:36px;height:36px;display:block;object-fit:contain;pointer-events:none;}
.wa-toggle:focus{outline:3px solid rgba(37,211,102,.3);outline-offset:3px;}
.wa-panel{
  width:min(330px,calc(100vw - 28px));
  position:absolute;right:0;bottom:76px;
  background:#fff;border-radius:16px;
  box-shadow:0 18px 45px rgba(0,0,0,.25);
  overflow:hidden;display:none;
  border:1px solid #e5e5e5;
}
.wa-panel.open{display:block;}
.wa-head{
  background:#075E54;color:#fff;padding:16px 18px;
}
.wa-head strong{display:block;font-size:1rem;}
.wa-head span{display:block;font-size:.82rem;opacity:.9;margin-top:2px;}
.wa-body{padding:16px;background:#efeae2;}
.wa-msg{
  background:#fff;padding:12px 14px;border-radius:10px;
  color:#222;font-size:.92rem;line-height:1.45;
  box-shadow:0 2px 8px rgba(0,0,0,.07);
}
.wa-actions{padding:13px;background:#fff;}
.wa-start{
  display:block;text-align:center;text-decoration:none;
  background:#25D366;color:#fff;font-weight:800;
  padding:12px 14px;border-radius:8px;
}
.wa-close{
  position:absolute;right:10px;top:8px;
  background:transparent;border:0;color:#fff;
  font-size:24px;line-height:1;cursor:pointer;
}
@media(max-width:620px){
  .wa-widget{right:12px;bottom:12px;}
  .wa-toggle{width:58px;height:58px;font-size:29px;}
  .wa-toggle img{width:34px;height:34px;}
  .wa-panel{bottom:70px;}
}