:root{--navy:#071b38;--navy2:#0b2a50;--blue:#0789ed;--cyan:#2db7ff;--ink:#102747;--muted:#64748b;--pale:#f4f7fb;--line:#e2e8f0;--white:#fff;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:var(--sans);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.topline{height:4px;background:linear-gradient(90deg,var(--navy),var(--blue),var(--cyan))}.site-header{height:86px;background:rgba(255,255,255,.97);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(15,39,71,.08);backdrop-filter:blur(16px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{width:185px;flex-shrink:0}.brand img{width:100%;height:auto}.main-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.main-nav a{font-size:12px;font-weight:700;color:#42526a;position:relative;padding:34px 0}.main-nav a:after{content:"";position:absolute;height:2px;bottom:24px;left:0;right:100%;background:var(--blue);transition:.25s}.main-nav a:hover,.main-nav a.active{color:var(--navy)}.main-nav a:hover:after,.main-nav a.active:after{right:0}.nav-cta{background:var(--navy);color:#fff;font-size:12px;font-weight:700;padding:15px 19px;border-radius:3px;white-space:nowrap}.nav-cta span{color:var(--cyan);margin-left:12px}.menu-toggle{display:none;border:0;background:transparent;padding:8px}.menu-toggle span{display:block;width:23px;height:2px;background:var(--navy);margin:5px}.hero{height:min(730px,calc(100vh - 90px));min-height:600px;position:relative;overflow:hidden;background:var(--navy);color:#fff;display:flex;align-items:center}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('assets/hero-city.webp') center 46%/cover no-repeat;transform:scale(1.015)}.hero-shade{background:linear-gradient(90deg,rgba(3,17,39,.92) 0%,rgba(3,17,39,.76) 32%,rgba(3,17,39,.12) 73%,rgba(3,17,39,.1) 100%),linear-gradient(0deg,rgba(2,13,31,.58),transparent 42%)}.hero-content{position:relative;z-index:2;padding-top:10px}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:700;color:#65758c;display:flex;align-items:center;gap:11px;margin-bottom:25px}.eyebrow span{width:28px;height:2px;background:var(--blue);display:inline-block}.eyebrow.light{color:#d8e6f6}.hero h1,.section-heading h2,.intro h2,.network h2,.careers h2,.contact h2{font-family:var(--serif);font-size:clamp(46px,5.4vw,76px);line-height:1.05;letter-spacing:-1.8px;font-weight:600;margin:0;color:inherit}.hero h1 em,.section-heading h2 em,.intro h2 em,.network h2 em,.careers h2 em,.contact h2 em{font-weight:500;color:var(--cyan)}.hero-copy{max-width:470px;color:#d2deec;font-size:15px;line-height:1.8;margin:25px 0 29px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:16px 20px;font:700 12px var(--sans);border:1px solid transparent;border-radius:3px;transition:transform .2s,background .2s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-blue{background:var(--blue);color:#fff;box-shadow:0 9px 24px rgba(0,111,214,.18)}.button-blue:hover{background:#0878d0}.button-blue span{font-size:18px;line-height:10px}.button-outline{border-color:rgba(255,255,255,.5);color:#fff;background:rgba(3,20,45,.18)}.play{font-size:10px;border:1px solid #fff;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}.hero-aside{position:absolute;right:max(24px,calc((100vw - 1180px)/2));top:17%;z-index:2;text-align:right;font-size:11px;letter-spacing:1.5px;color:#e3edf7;line-height:2}.hero-aside strong{display:block;font-size:14px;letter-spacing:1.8px}.hero-aside i,.network-label i{display:block;background:var(--cyan);height:3px;width:48px;margin:15px 0 0 auto}.hero-index{position:absolute;right:max(25px,calc((100vw - 1180px)/2));bottom:18%;display:flex;flex-direction:column;gap:18px;z-index:2;font-size:12px;color:#a9bed7}.hero-index span{padding-right:0}.hero-index .selected{color:#fff;font-weight:700}.hero-bottom{position:absolute;bottom:0;left:0;right:0;border-top:1px solid rgba(255,255,255,.22);padding:17px max(24px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;color:#d0deee;font-size:9px;letter-spacing:1.5px;z-index:2}.section-pad{padding:108px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:start}.intro h2,.section-heading h2,.contact h2{font-size:clamp(40px,4.3vw,59px);color:var(--navy)}.intro h2 em,.section-heading h2 em,.contact h2 em{color:#087ed4}.intro-copy{padding-top:23px}.intro-copy p{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 18px}.intro-copy .lead{font-size:19px;line-height:1.65;color:#203b5b;font-weight:500}.text-link{display:inline-flex;align-items:center;gap:25px;color:var(--navy);font-size:12px;font-weight:700;margin-top:8px;border-bottom:1px solid #a8bdd2;padding-bottom:10px}.text-link span{color:var(--blue);font-size:19px}.business{background:var(--pale)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-heading .eyebrow{margin-bottom:18px}.section-heading>p{max-width:360px;color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 5px}.business-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.business-card{border-radius:7px;overflow:hidden;background:var(--navy);color:#fff;min-height:430px;position:relative;box-shadow:0 12px 30px rgba(4,26,54,.08);isolation:isolate}.card-photo{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;transition:transform .6s}.business-card:hover .card-photo{transform:scale(1.06)}.card-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,19,42,.05) 0%,rgba(3,19,42,.34) 30%,rgba(3,19,42,.98) 76%)}.photo-tech{background-image:url('assets/data-center.webp')}.photo-media{background-image:url('assets/media.webp')}.photo-services{background-image:url('assets/services.webp')}.photo-invest{background-image:url('assets/investments.webp');background-position:center}.card-content{position:absolute;inset:auto 0 0;padding:23px 23px 25px}.icon-box{height:48px;width:48px;border-radius:10px;background:#fff;display:grid;place-items:center;margin-bottom:18px}.icon-box svg{width:24px;height:24px;fill:none;stroke:var(--blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.card-content h3{font-size:22px;margin:0 0 10px;letter-spacing:-.4px}.card-content p{font-size:12px;line-height:1.7;color:#d0dced;min-height:61px;margin:0 0 17px}.card-content>a{font-size:11px;font-weight:700;display:flex;justify-content:space-between;align-items:center;padding-top:13px;border-top:1px solid rgba(255,255,255,.22)}.card-content>a span{color:var(--cyan);font-size:19px}.disclaimer{font-size:10px;line-height:1.7;color:#8290a3;margin:18px 0 0}.network{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:84px 0;min-height:435px}.network-bg{position:absolute;inset:0;background:url('assets/indonesia-network.webp') center/cover no-repeat;opacity:.78}.network:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,45,.97),rgba(4,20,45,.8) 45%,rgba(4,20,45,.3))}.network-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.network h2{font-size:clamp(40px,4.5vw,60px)}.network h2 em{color:#48b9ff}.network-left p{max-width:430px;color:#c4d3e5;font-size:13px;line-height:1.9;margin:22px 0 26px}.button-white{background:#fff;color:var(--navy)}.button-white span{color:var(--blue);font-size:18px}.network-right{min-height:250px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.network-label{text-align:right;font-size:12px;font-weight:700;letter-spacing:2px;line-height:1.9}.network-stats{display:flex;gap:38px;align-self:stretch;border-top:1px solid rgba(255,255,255,.25);padding-top:25px}.network-stats>div{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center}.stat-icon{grid-row:span 2;font-size:34px;color:#fff}.network-stats strong{font-size:16px}.network-stats small{font-size:11px;color:#c6d4e5}.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.principle-card{border:1px solid var(--line);background:#fff;overflow:hidden;position:relative;transition:transform .28s,border-color .28s,box-shadow .28s}.principle-card:hover{border-color:#7ebff2;box-shadow:0 18px 42px rgba(8,40,78,.12);transform:translateY(-5px)}.principle-photo{height:235px;background-size:cover;background-position:center;position:relative;overflow:hidden}.principle-photo:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(5,24,49,.32))}.principle-photo-partnerships{background-image:url('assets/partnerships-value.webp')}.principle-photo-growth{background-image:url('assets/sustainable-growth.webp')}.principle-photo-people{background-image:url('assets/empowering-people.webp')}.principle-card-body{padding:25px 27px 29px}.principle-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.principle-num{font-size:10px;letter-spacing:1.5px;color:#8a9aaf}.principle-icon{font-size:27px;color:var(--blue);line-height:1}.principle-card h3{font-size:18px;line-height:1.4;margin:0 0 12px;color:var(--navy)}.principle-card p{font-size:13px;line-height:1.8;color:var(--muted);margin:0;max-width:330px}.insights{background:#f6f8fb}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news-card{background:#fff;border:1px solid #e8edf3;border-radius:7px;overflow:hidden;transition:transform .25s,box-shadow .25s}.news-card:hover{transform:translateY(-4px);box-shadow:0 15px 34px rgba(12,38,70,.09)}.news-image{height:205px;display:block;background-size:cover;background-position:center;position:relative}.news-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,19,42,.2),transparent 60%)}.news-city{background-image:url('assets/hero-city.webp')}.news-camera{background-image:url('assets/media.webp')}.news-data{background-image:url('assets/data-center.webp')}.news-body{padding:21px 22px 18px}.tag{font-size:9px;letter-spacing:.8px;font-weight:700;color:#087ed4;background:#eaf5ff;border-radius:3px;padding:6px 9px;display:inline-block}.news-body h3{font-size:17px;line-height:1.45;min-height:73px;margin:15px 0 19px;color:var(--navy)}.news-meta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;color:#8a97a9;font-size:10px}.news-meta a{font-size:21px;color:var(--blue)}.careers{position:relative;min-height:450px;display:flex;align-items:center;color:#fff;overflow:hidden;background:var(--navy)}.careers-photo,.careers-overlay{position:absolute;inset:0}.careers-photo{background:url('assets/careers.webp') center/cover no-repeat}.careers-overlay{background:linear-gradient(90deg,rgba(4,20,44,.97),rgba(4,20,44,.84) 42%,rgba(4,20,44,.3) 100%)}.careers-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center;padding-top:75px;padding-bottom:75px}.careers h2{font-size:clamp(40px,4.5vw,58px)}.careers h2 em{color:#48b9ff}.careers-copy p{max-width:420px;color:#d1deed;font-size:13px;line-height:1.9;margin:22px 0 26px}.career-values{border-left:1px solid rgba(255,255,255,.28);padding-left:34px;display:grid;gap:20px}.career-values div{display:flex;gap:18px;align-items:center;font-size:13px;font-weight:600}.career-values b{font-size:10px;color:#4cbaff;border:1px solid rgba(76,186,255,.6);width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.contact-copy{font-size:13px;line-height:1.9;color:var(--muted);max-width:390px;margin:23px 0 32px}.contact-note{display:flex;gap:18px;align-items:center;border-top:1px solid var(--line);padding-top:22px;max-width:350px}.contact-note span{font-family:var(--serif);font-size:27px;color:var(--navy);letter-spacing:2px}.contact-note p{font-size:11px;line-height:1.7;color:#718096;margin:0;padding-left:18px;border-left:1px solid var(--line)}.contact-form{background:#f7f9fc;border:1px solid #e8edf3;padding:32px;border-radius:6px}.contact-form label{display:block;font-size:11px;font-weight:700;color:#263d5a;margin-bottom:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:9px;border:1px solid #dce4ed;background:#fff;border-radius:3px;padding:13px 14px;font:400 12px var(--sans);color:var(--ink);outline:none;transition:border .2s}.contact-form textarea{resize:vertical;min-height:100px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9aa7b7}.submit-button{border:0}.form-help{font-size:10px;line-height:1.6;color:#7c8a9c;margin:15px 0 0}.footer{background:#06162e;color:#fff;padding:62px 0 0}.footer-main{display:grid;grid-template-columns:1.4fr .7fr .8fr .8fr 1.3fr;gap:30px;padding-bottom:48px}.footer-brand img{width:180px;background:#fff;border-radius:2px}.footer-brand p{font-size:12px;line-height:1.8;color:#aebed2;margin-top:19px}.footer-col{display:flex;flex-direction:column;gap:13px}.footer-col h4{font-size:11px;letter-spacing:.7px;margin:5px 0 8px}.footer-col a{font-size:11px;color:#aebed2;transition:color .2s}.footer-col a:hover{color:#fff}.footer-cta{border-left:1px solid rgba(255,255,255,.2);padding-left:25px}.footer-cta span{font-size:9px;letter-spacing:2px;color:#8da4c0}.footer-cta a{display:block;font-family:var(--serif);font-size:20px;line-height:1.5;margin-top:14px}.footer-cta b{font-family:var(--sans);color:var(--cyan);margin-left:5px}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8fa2ba;font-size:9px}.footer-bottom a{color:#d9e5f2}
@media(max-width:1050px){.main-nav{gap:16px}.main-nav a{font-size:11px}.brand{width:155px}.business-grid{grid-template-columns:repeat(2,1fr)}.business-card{min-height:410px}.footer-main{grid-template-columns:1.2fr 1fr 1fr;row-gap:35px}.footer-cta{border-left:0;padding-left:0}.contact-grid{gap:55px}.hero-aside{top:12%}}
@media(max-width:760px){.container{width:min(100% - 36px,560px)}.site-header{height:72px}.brand{width:145px}.menu-toggle{display:block;margin-left:auto}.nav-cta{display:none}.main-nav{position:absolute;display:none;left:0;right:0;top:72px;background:#fff;padding:12px 22px 20px;box-shadow:0 18px 24px rgba(7,27,56,.12);align-items:stretch;gap:0;flex-direction:column}.main-nav.open{display:flex}.main-nav a{padding:14px 0;font-size:13px}.main-nav a:after{bottom:7px}.hero{height:690px;min-height:0;align-items:flex-end;padding-bottom:95px}.hero-image{background-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(3,17,39,.86),rgba(3,17,39,.55) 72%,rgba(3,17,39,.3)),linear-gradient(0deg,rgba(2,13,31,.9),transparent 85%)}.hero h1{font-size:53px}.hero-copy{font-size:13px;max-width:390px}.hero-aside{display:none}.hero-index{right:20px;bottom:95px;flex-direction:row;gap:14px}.hero-bottom{padding:13px 18px;font-size:8px;letter-spacing:.7px}.hero-bottom span:first-child{max-width:55%}.section-pad{padding:72px 0}.intro-grid,.network-inner,.careers-inner,.contact-grid{grid-template-columns:1fr;gap:35px}.intro-grid{gap:15px}.intro-copy{padding-top:0}.intro h2,.section-heading h2,.contact h2{font-size:42px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:18px}.business-grid{grid-template-columns:1fr 1fr;gap:12px}.business-card{min-height:370px}.card-content{padding:17px}.card-content h3{font-size:18px}.card-content p{font-size:11px;min-height:78px}.icon-box{height:42px;width:42px;margin-bottom:14px}.network{padding:68px 0}.network-inner{gap:30px}.network-right{min-height:190px;align-items:flex-start}.network-label{text-align:left}.network-label i{margin-left:0}.network-stats{gap:16px}.network-stats>div{grid-template-columns:30px 1fr;column-gap:8px}.stat-icon{font-size:25px}.network-stats strong{font-size:13px}.network-stats small{font-size:9px}.principle-grid,.insights-grid{grid-template-columns:1fr}.principle-photo{height:230px}.principle-card-body{padding:23px}.principle-card-top{margin-bottom:15px}.news-image{height:220px}.news-body h3{min-height:0}.careers-inner{padding-top:65px;padding-bottom:65px;gap:35px}.careers h2{font-size:42px}.career-values{padding-left:20px;gap:14px}.contact-grid{gap:35px}.contact-form{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.footer{padding-top:45px}.footer-main{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.footer-cta{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;line-height:1.6}.footer-bottom span:nth-child(2){display:none}}
@media(max-width:400px){.business-grid{grid-template-columns:1fr}.business-card{min-height:390px}.hero h1{font-size:46px}.button{padding:14px 15px;gap:16px}.footer-main{grid-template-columns:1fr 1fr}}


/* Official contact details */
.contact-details { display: grid; gap: 14px; margin-top: 28px; }
.contact-details a { display: flex; flex-direction: column; gap: 5px; width: fit-content; color: inherit; text-decoration: none; }
.contact-details a:hover strong { color: var(--blue, #1685d1); }
.contact-detail-label { color: #1685d1; font-size: .68rem; font-weight: 700; letter-spacing: .16em; }
.contact-details strong { font-size: .95rem; font-weight: 600; overflow-wrap: anywhere; transition: color .2s ease; }


/* Final polish */
:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}.business-card,.news-card,.principle-card{will-change:transform}.principle-photo{background-color:#dbeafe}.contact-details a:focus-visible,.main-nav a:focus-visible{outline-offset:5px}.footer-brand img{padding:5px}.news-image{background-color:#dbeafe}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}


/* Image-led values cards: each title has its own visual, not a combined collage. */
.principle-grid { align-items: stretch; }
.principle-grid .principle-card { padding: 0; overflow: hidden; border-radius: 5px; background: #fff; min-height: 0; display: flex; flex-direction: column; }
.principle-photo { height: 190px; flex: 0 0 190px; background-size: cover; background-position: center; position: relative; }
.principle-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5,25,52,.18), transparent 58%); }
.principle-photo-partnerships { background-image: url('assets/partnerships-value.webp'); }
.principle-photo-sustainable { background-image: url('assets/sustainable-growth.webp'); background-position: center 45%; }
.principle-photo-people { background-image: url('assets/empowering-people.webp'); background-position: center 32%; }
.principle-card-content { padding: 23px 26px 27px; }
.principle-card .principle-icon { margin: 17px 0 14px; }
.principle-card h3 { line-height: 1.35; }
.principle-card p { max-width: none; }
.contact-details a:focus-visible, .main-nav a:focus-visible, .button:focus-visible, .footer a:focus-visible, .text-link:focus-visible { outline: 3px solid #39b9ff; outline-offset: 4px; }
@media (max-width: 760px) { .principle-photo { height: 205px; flex-basis: 205px; } .principle-card-content { padding: 22px; } }

/* Final polish: consistent principle-card structure and readable contact links */
.principle-card-body{padding:25px 27px 29px}
.principle-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.contact-details{display:grid;gap:14px;margin-top:24px}
.contact-details a{display:flex;flex-direction:column;gap:6px;overflow-wrap:anywhere}
.contact-detail-label{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#7b8ba0}
.contact-details strong{font-size:13px;color:var(--navy)}
@media(max-width:760px){.principle-card-body{padding:22px}.contact-details strong{font-size:12px}}



/* Final polish: clearer focus states, refined spacing, and mobile navigation usability */
:root { scroll-behavior: smooth; }
.skip-link {
  position: absolute; left: 1rem; top: -5rem; z-index: 1000;
  padding: .75rem 1rem; border-radius: .5rem; background: #fff; color: #071b38;
  font-weight: 700; box-shadow: 0 8px 28px rgba(7,27,56,.16);
}
.skip-link:focus { top: 1rem; }
a, button { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid #14b8f4; outline-offset: 3px;
}
.brand img { display: block; width: min(100%, 248px); height: auto; object-fit: contain; }
.site-header { backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.button, .nav-cta, .text-link { transition: transform .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease; }
.button:hover, .nav-cta:hover { transform: translateY(-2px); }
.business-card, .insight-card, .value-card { transition: transform .25s ease, box-shadow .25s ease; }
.business-card:hover, .insight-card:hover, .value-card:hover { transform: translateY(-4px); }
::selection { background: rgba(20,184,244,.22); color: #071b38; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
@media (max-width: 640px) {
  .brand img { width: 188px; }
  .hero h1 { text-wrap: balance; }
  .hero-actions .button { width: 100%; justify-content: center; }
}


/* HAJIR Corporation — final responsive brand refinement */
:root {
  --hajir-navy: #071b38;
  --hajir-blue: #0868e8;
  --hajir-cyan: #19c5f5;
  --hajir-ink: #102748;
  --hajir-muted: #62728a;
}
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { color: var(--hajir-ink); }
.skip-link {
  position: absolute; top: -5rem; left: 1rem; z-index: 9999;
  padding: .75rem 1rem; color: var(--hajir-navy); background: #fff;
  border-radius: .5rem; box-shadow: 0 8px 28px rgba(7,27,56,.16);
}
.skip-link:focus { top: 1rem; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--hajir-cyan); outline-offset: 3px;
}
.brand img { width: clamp(164px, 18vw, 240px); height: auto; object-fit: contain; }
.footer-brand img { display: block; width: min(100%, 240px); height: auto; object-fit: contain; }
.site-header { backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.button, .nav-cta, .text-link, .business-card, .insight-card, .value-card {
  transition: transform .22s ease, box-shadow .22s ease, color .22s ease, background-color .22s ease;
}
.button:hover, .nav-cta:hover { transform: translateY(-2px); }
.business-card:hover, .insight-card:hover, .value-card:hover { transform: translateY(-4px); }
img { max-width: 100%; }
::selection { background: rgba(25,197,245,.24); color: var(--hajir-navy); }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
@media (max-width: 720px) {
  .brand img { width: 172px; }
  .hero h1 { line-height: 1.02; }
  .hero-actions { align-items: stretch; }
  .hero-actions .button { justify-content: center; }
  .footer-brand img { width: 190px; }
}


/* Footer refresh: exact HAJIR monogram + white wordmark lockup */
.site-footer {
  margin-top: 0;
  color: #f4f8ff;
  background:
    radial-gradient(ellipse at 15% 100%, rgba(0,104,232,.20), transparent 40%),
    linear-gradient(135deg, #06172f 0%, #082650 55%, #04162e 100%);
  position: relative;
  overflow: hidden;
}
.site-footer::before {
  content: ""; position: absolute; left: -8%; right: -8%; top: -48px; height: 90px;
  border-radius: 50%; border-top: 1px solid rgba(25,197,245,.28); pointer-events: none;
}
.footer-main {
  position: relative; display: grid; grid-template-columns: minmax(250px, 1.65fr) minmax(110px, .75fr) minmax(130px, .85fr) minmax(250px, 1.2fr);
  gap: clamp(1.4rem, 3vw, 3.6rem); max-width: 1440px; margin: 0 auto; padding: 4.25rem clamp(1.25rem, 5vw, 5rem) 3rem;
}
.footer-logo-lockup { display: flex; align-items: center; gap: 1.15rem; width: fit-content; max-width: 100%; text-decoration: none; }
.footer-monogram { display: block; width: clamp(58px, 5.8vw, 86px); height: auto; object-fit: contain; }
.footer-logo-divider { width: 1px; height: clamp(52px, 4.7vw, 72px); background: rgba(255,255,255,.5); flex: 0 0 1px; }
.footer-wordmark { display: block; width: clamp(160px, 18vw, 255px); max-width: 100%; height: auto; object-fit: contain; }
.footer-tagline { margin: 1.4rem 0 .85rem; font-size: 1.03rem; line-height: 1.55; letter-spacing: .055em; color: #f5f8ff; }
.footer-description { max-width: 440px; color: #c8d5e8; line-height: 1.7; font-size: .94rem; }
.footer-socials { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.4rem; }
.footer-socials a { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; color: white; text-decoration: none; font-weight: 700; font-size: 1.05rem; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.08); }
.footer-socials a:hover { background: #0879ee; }
.footer-link-column, .footer-contact-column { display: flex; flex-direction: column; align-items: flex-start; gap: .82rem; }
.footer-link-column h2, .footer-contact-column h2 { margin: .2rem 0 .55rem; color: #fff; text-transform: uppercase; font-size: .83rem; letter-spacing: .17em; font-weight: 700; }
.footer-link-column h2::after, .footer-contact-column h2::after { content: ""; display: block; width: 40px; height: 3px; margin-top: .9rem; border-radius: 4px; background: linear-gradient(90deg,#0878ef,#19c5f5); }
.footer-link-column a, .footer-bottom a { color: #d9e4f4; text-decoration: none; }
.footer-link-column a:hover, .footer-bottom a:hover { color: #39d1ff; }
.footer-contact-item { display: flex; align-items: center; gap: .9rem; color: #f4f8ff; text-decoration: none; margin: .1rem 0 .55rem; overflow-wrap: anywhere; }
.footer-contact-icon { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border-radius: 50%; background: rgba(5,119,238,.32); color: white; font-size: 1.2rem; }
.footer-contact-item small { display: block; color: #aebed4; margin-top: .25rem; }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 1.2rem; max-width: 1440px; margin: 0 auto; padding: 1.35rem clamp(1.25rem, 5vw, 5rem); border-top: 1px solid rgba(142,190,240,.28); color: #d9e4f4; font-size: .88rem; }
.footer-bottom p { margin: 0; }
.footer-bottom > div { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; }
@media (max-width: 1050px) {
  .footer-main { grid-template-columns: minmax(240px, 1.4fr) 1fr 1fr; }
  .footer-contact-column { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
  .footer-contact-column h2 { grid-column: 1 / -1; }
}
@media (max-width: 680px) {
  .footer-main { grid-template-columns: 1fr 1fr; padding-top: 3rem; }
  .footer-brand-column, .footer-contact-column { grid-column: 1 / -1; }
  .footer-contact-column { display: flex; }
  .footer-logo-lockup { gap: .75rem; }
  .footer-monogram { width: 54px; }
  .footer-wordmark { width: min(56vw, 220px); }
  .footer-bottom { align-items: flex-start; flex-direction: column; }
  .footer-bottom > div { gap: .6rem; }
}
@media (max-width: 390px) {
  .footer-main { grid-template-columns: 1fr; }
}


/* Visual refinement pass — more premium, calmer and more consistent */
:root {
  --navy:#071b38; --navy2:#0a2c58; --blue:#0878e8; --cyan:#20c9f4;
  --ink:#142b49; --muted:#65758a; --pale:#f5f8fc; --line:#dfe7f0;
}
.container { width:min(1240px, calc(100% - 64px)); }
.site-header { height:82px; box-shadow:0 8px 24px rgba(7,27,56,.035); }
.brand { width:196px; }
.main-nav { gap:clamp(15px,2vw,28px); }
.main-nav a { font-size:12px; letter-spacing:.015em; }
.nav-cta { padding:14px 18px; border-radius:5px; box-shadow:0 7px 20px rgba(7,27,56,.12); }
.hero { min-height:650px; height:min(760px, calc(100vh - 82px)); }
.hero-image { background-position:center 44%; }
.hero-shade { background:linear-gradient(90deg,rgba(3,17,39,.94) 0%,rgba(3,17,39,.79) 39%,rgba(3,17,39,.22) 76%,rgba(3,17,39,.08) 100%),linear-gradient(0deg,rgba(2,13,31,.54),transparent 45%); }
.hero h1 { font-size:clamp(54px,6.1vw,86px); line-height:1.01; letter-spacing:-2.6px; }
.hero-copy { font-size:16px; max-width:490px; line-height:1.85; }
.button { border-radius:5px; padding:16px 21px; }
.button-blue { box-shadow:0 12px 30px rgba(0,120,232,.26); }
.button-outline { backdrop-filter:blur(8px); }
.hero-aside { top:14%; }
.hero-bottom { padding-top:18px; padding-bottom:18px; }
.section-pad { padding:clamp(76px,8vw,116px) 0; }
.intro-grid { gap:clamp(42px,7vw,110px); }
.intro h2,.section-heading h2,.contact h2 { letter-spacing:-1.5px; line-height:1.08; }
.intro-copy .lead { font-size:20px; color:#173555; }
.intro-copy p { font-size:15px; }
.business { background:linear-gradient(180deg,#f5f8fc 0%,#edf3f9 100%); }
.section-heading { margin-bottom:38px; }
.business-grid { gap:20px; }
.business-card { border-radius:10px; min-height:445px; box-shadow:0 15px 38px rgba(7,27,56,.10); }
.card-photo:after { background:linear-gradient(180deg,rgba(3,19,42,.02) 0%,rgba(3,19,42,.18) 25%,rgba(3,19,42,.96) 78%); }
.card-content { padding:25px 24px 27px; }
.icon-box { border-radius:12px; box-shadow:0 8px 20px rgba(3,19,42,.13); }
.card-content h3 { font-size:23px; letter-spacing:-.4px; }
.card-content p { font-size:13px; line-height:1.75; color:#d7e3f2; }
.card-content a { color:#7fdfff; font-weight:700; }
.network, .careers { position:relative; }
.network { background:linear-gradient(125deg,#071b38 0%,#0a2d58 65%,#061a35 100%); }
.network h2,.careers h2 { letter-spacing:-1.5px; }
.insight-card { border:1px solid rgba(7,27,56,.08); border-radius:9px; overflow:hidden; box-shadow:0 10px 30px rgba(7,27,56,.055); }
.insight-card:hover { box-shadow:0 18px 42px rgba(7,27,56,.11); }
.contact { background:#f4f7fb; }
.site-footer { background:radial-gradient(ellipse at 12% 100%,rgba(8,120,232,.2),transparent 42%),linear-gradient(135deg,#06172f 0%,#082650 55%,#04162e 100%); }
.footer-main { max-width:1500px; padding-top:76px; padding-bottom:58px; }
.footer-brand-column { min-width:0; }
.footer-logo-lockup { gap:16px; }
.footer-monogram { width:clamp(58px,5.5vw,82px); }
.footer-logo-divider { height:64px; }
.footer-wordmark { width:clamp(170px,17vw,238px); }
.footer-tagline { font-size:15px; line-height:1.6; letter-spacing:.045em; margin-top:22px; }
.footer-description { font-size:14px; line-height:1.8; max-width:420px; color:#c8d5e8; }
.footer-link-column h2,.footer-contact-column h2 { font-size:12px; letter-spacing:.16em; margin-bottom:10px; }
.footer-link-column a { font-size:14px; line-height:1.45; }
.footer-contact-item { font-size:14px; line-height:1.5; }
.footer-contact-icon { background:linear-gradient(145deg,#075ab5,#087fe9); box-shadow:0 8px 20px rgba(0,0,0,.12); }
.footer-socials a { transition:transform .2s,background .2s; }
.footer-socials a:hover { transform:translateY(-3px); }
.footer-bottom { max-width:1500px; min-height:76px; }
@media (max-width:1100px) {
  .container { width:min(100% - 44px, 1240px); }
  .brand { width:170px; }
  .main-nav { gap:15px; }
  .main-nav a { font-size:11px; }
  .nav-cta { padding:13px 14px; }
  .business-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .business-card { min-height:410px; }
}
@media (max-width:760px) {
  .container { width:calc(100% - 36px); }
  .site-header { height:72px; }
  .brand { width:166px; }
  .menu-toggle { display:block; margin-left:auto; cursor:pointer; }
  .main-nav { display:none; position:absolute; top:72px; left:0; right:0; margin:0; padding:18px 24px 24px; background:#fff; border-bottom:1px solid var(--line); box-shadow:0 18px 30px rgba(7,27,56,.1); flex-direction:column; align-items:stretch; gap:0; }
  .main-nav.open { display:flex; }
  .main-nav a { padding:13px 0; font-size:13px; }
  .main-nav a:after { bottom:5px; right:100%; }
  .nav-cta { font-size:11px; padding:12px 13px; }
  .hero { height:auto; min-height:690px; padding:90px 0 105px; align-items:center; }
  .hero-image { background-position:58% center; }
  .hero-shade { background:linear-gradient(90deg,rgba(3,17,39,.94),rgba(3,17,39,.66)),linear-gradient(0deg,rgba(2,13,31,.6),transparent 60%); }
  .hero h1 { font-size:clamp(48px,11vw,72px); letter-spacing:-1.8px; }
  .hero-copy { font-size:14px; max-width:480px; }
  .hero-aside,.hero-index { display:none; }
  .hero-bottom { gap:12px; font-size:8px; line-height:1.5; letter-spacing:1px; }
  .hero-bottom span:last-child { text-align:right; }
  .section-pad { padding:72px 0; }
  .intro-grid { grid-template-columns:1fr; gap:22px; }
  .intro-copy { padding-top:0; }
  .section-heading { display:block; }
  .section-heading>p { margin-top:22px; }
  .business-grid { gap:14px; }
  .business-card { min-height:390px; }
  .footer-main { grid-template-columns:1fr 1fr; gap:34px 22px; padding:52px 24px 38px; }
  .footer-brand-column,.footer-contact-column { grid-column:1/-1; }
  .footer-contact-column { display:flex; }
  .footer-wordmark { width:min(55vw,220px); }
  .footer-bottom { padding:20px 24px; flex-direction:column; align-items:flex-start; gap:14px; }
}
@media (max-width:480px) {
  .nav-wrap { gap:8px; }
  .brand { width:140px; }
  .nav-cta { padding:11px 10px; font-size:10px; }
  .hero { min-height:670px; }
  .hero-actions { flex-direction:column; align-items:stretch; max-width:320px; }
  .hero-actions .button { width:100%; }
  .hero-bottom { padding:14px 18px; }
  .business-grid { grid-template-columns:1fr; }
  .business-card { min-height:420px; }
  .footer-main { grid-template-columns:1fr; }
  .footer-link-column,.footer-contact-column { grid-column:1; }
  .footer-logo-lockup { gap:10px; }
  .footer-monogram { width:48px; }
  .footer-logo-divider { height:48px; }
  .footer-wordmark { width:min(58vw,205px); }
  .footer-bottom>div { gap:8px; font-size:12px; }
}


/* Footer icon updated to the supplied white HAJIR mark */
.footer-monogram {
  width: clamp(72px, 7vw, 104px);
  max-height: 76px;
  object-fit: contain;
  object-position: center;
  filter: none;
}
.footer-logo-lockup {
  align-items: center;
  gap: 1rem;
}
@media (max-width: 680px) {
  .footer-monogram { width: 60px; max-height: 58px; }
}


/* FINAL FOOTER LOGO CLEANUP — transparent white wordmark, no tile or frame */
.footer-brand-column { min-width: 0; }
.footer-logo-lockup {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  max-width: 100%;
  padding: 0;
  margin: 0;
  gap: 0;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-decoration: none;
}
.footer-logo-lockup::before,
.footer-logo-lockup::after { display: none !important; content: none !important; }
.footer-wordmark {
  display: block;
  width: clamp(190px, 21vw, 285px);
  max-width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: contain;
  filter: none;
}
.footer-monogram, .footer-logo-divider { display: none !important; }
.footer-tagline { margin-top: 1.3rem; }
@media (max-width: 680px) {
  .footer-wordmark { width: min(68vw, 240px); }
}


/* Footer brand cleanup: transparent white wordmark directly on navy */
.footer-brand { background: transparent !important; }
.footer-logo-link {
  display: inline-block;
  width: fit-content;
  max-width: 100%;
  padding: 0 !important;
  margin: 0 0 18px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.footer-logo-link::before, .footer-logo-link::after { content: none !important; display: none !important; }
.footer-logo-link img {
  display: block;
  width: min(260px, 100%);
  height: auto;
  object-fit: contain;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}
.footer-brand img { background: transparent !important; }


/* Precise footer fix: white transparent logo and less empty space above */
.footer {
  padding-top: 24px !important;
  background: #06162e;
}
.footer-main {
  grid-template-columns: minmax(250px, 1.5fr) minmax(110px, .7fr) minmax(130px, .8fr) minmax(220px, .95fr) !important;
  gap: clamp(22px, 3vw, 42px) !important;
  padding-top: 24px !important;
  padding-bottom: 26px !important;
  align-items: start;
}
.footer-brand { margin: 0 !important; padding: 0 !important; }
.footer-logo-link {
  display: inline-block;
  width: fit-content;
  max-width: 100%;
  padding: 0 !important;
  margin: 0 0 12px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.footer-logo-link img {
  display: block;
  width: min(260px, 100%);
  height: auto;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: contain;
}
.footer-brand p { margin-top: 8px !important; line-height: 1.65 !important; }
.footer-col { gap: 11px !important; }
.footer-col h4 { margin-top: 2px !important; margin-bottom: 5px !important; }
.footer-cta {
  margin-top: 0 !important;
  padding: 8px 0 8px 20px !important;
  align-self: start;
}
.footer-cta a { margin-top: 9px !important; }
.footer-bottom { padding: 15px 0 !important; }
@media(max-width:1050px) {
  .footer-main { grid-template-columns: 1.2fr 1fr 1fr !important; row-gap: 22px !important; }
  .footer-cta { padding-left: 0 !important; }
}
@media(max-width:760px) {
  .footer { padding-top: 18px !important; }
  .footer-main { padding-top: 18px !important; padding-bottom: 20px !important; row-gap: 22px !important; }
  .footer-brand, .footer-col, .footer-cta { min-width: 0; }
  .footer-logo-link img { width: min(220px, 78vw); }
  .footer-bottom { gap: 10px !important; }
}


/* Revision: clean flat favicon, concise office address, restrained legal strip */
.footer-address {
  margin: 0;
  color: #aebed2;
  font-size: 11px;
  line-height: 1.65;
  max-width: 270px;
  overflow-wrap: anywhere;
}
.footer-address span {
  display: inline-block;
  color: #22c8f2;
  margin-right: 5px;
}
.footer-bottom {
  font-size: 10px !important;
  line-height: 1.45 !important;
  padding: 13px 0 !important;
  gap: 16px !important;
}
.footer-bottom span, .footer-bottom a {
  font-size: inherit !important;
}
@media (max-width: 760px) {
  .footer-address { max-width: 100%; font-size: 12px; }
  .footer-bottom {
    font-size: 10px !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }
}