/* ============================================================
   CODEXPRO — DEDICATED OFFSHORE DEVELOPERS PAGE (scoped)
   All styles are namespaced under .page-dedicated-developers
   so they cannot leak to other WordPress pages.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

.page-dedicated-developers :root{
  --navy:#0E2A47; --navy-2:#173A5E; --teal:#0F8B8D; --teal-soft:#E3F2F2;
  --orange:#F28C28; --orange-dark:#C96A10; --ink:#1B2733; --muted:#5B6B7A;
  --line:#DCE4EA; --paper:#FFFFFF; --mist:#F3F7F8;
  --radius-lg:22px; --radius:12px; --radius-sm:8px;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
.page-dedicated-developers *,
.page-dedicated-developers *::before,
.page-dedicated-developers *::after{box-sizing:inherit}
.page-dedicated-developers html{scroll-behavior:smooth;scroll-padding-top:calc(80px + env(safe-area-inset-top,0px))}
.page-dedicated-developers body{margin:0;font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased}
@media (prefers-reduced-motion:reduce){
  .page-dedicated-developers html{scroll-behavior:auto}
  .page-dedicated-developers *{animation:none!important;transition:none!important}
}
.page-dedicated-developers img{max-width:100%}
.page-dedicated-developers a{color:var(--teal)}
.page-dedicated-developers :focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:4px}
.page-dedicated-developers .wrap{width:min(1180px,100% - 40px);margin-inline:auto}
.page-dedicated-developers h1,
.page-dedicated-developers h2,
.page-dedicated-developers h3{line-height:1.15;color:var(--navy);margin:0 0 .5em;letter-spacing:-.02em}
.page-dedicated-developers h1{font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:800}
.page-dedicated-developers h2{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:800}
.page-dedicated-developers h3{font-size:1.15rem;font-weight:700;letter-spacing:-.01em}
.page-dedicated-developers p{margin:0 0 1em;max-width:66ch}
.page-dedicated-developers .lead{font-size:1.15rem;color:var(--muted)}
.page-dedicated-developers section{padding:96px 0}
.page-dedicated-developers .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:15px 26px;border-radius:999px;font-weight:700;font-size:1rem;text-decoration:none;border:2px solid transparent;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,border-color .15s}
.page-dedicated-developers .btn-primary{background:var(--orange);color:#fff}
.page-dedicated-developers .btn-primary:hover{background:var(--orange-dark)}
.page-dedicated-developers .btn-ghost{border-color:currentColor;color:var(--navy);background:transparent}
.page-dedicated-developers .btn-ghost:hover{background:var(--navy);color:#fff;border-color:var(--navy)}

/* Header */
.page-dedicated-developers .site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
.page-dedicated-developers .site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px}
.page-dedicated-developers .logo{font-weight:800;font-size:1.35rem;color:var(--navy);text-decoration:none;letter-spacing:-.03em}
.page-dedicated-developers .logo span{color:var(--teal)}
.page-dedicated-developers .nav{display:flex;gap:26px;align-items:center}
.page-dedicated-developers .nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem}
.page-dedicated-developers .nav a:hover{color:var(--teal)}
.page-dedicated-developers .nav .btn{padding:10px 20px;font-size:.92rem;color:#fff}
@media (max-width:900px){
  .page-dedicated-developers .nav a:not(.btn){display:none}
}

/* Hero */
.page-dedicated-developers .hero{padding:72px 0 88px;background:linear-gradient(180deg,var(--mist) 0%,#fff 100%)}
.page-dedicated-developers .hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.page-dedicated-developers .hero p.lead{margin-bottom:28px}
.page-dedicated-developers .hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:32px}
.page-dedicated-developers .assure{display:flex;flex-wrap:wrap;gap:10px 22px;padding:0;margin:0;list-style:none;color:var(--navy);font-weight:600;font-size:.95rem}
.page-dedicated-developers .assure li{display:flex;align-items:center;gap:8px}
.page-dedicated-developers .assure svg{flex:none}
@media (max-width:960px){
  .page-dedicated-developers .hero .wrap{grid-template-columns:1fr}
}

/* Timezone panel — the signature element */
.page-dedicated-developers .tz{background:var(--navy);color:#fff;border-radius:var(--radius-lg);padding:28px;box-shadow:0 30px 60px -30px rgba(14,42,71,.55)}
.page-dedicated-developers .tz h2{color:#fff;font-size:1.25rem;margin-bottom:4px;letter-spacing:-.01em}
.page-dedicated-developers .tz .sub{color:#B9C9D8;font-size:.92rem;margin-bottom:22px}
.page-dedicated-developers .clocks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}
.page-dedicated-developers .clock{background:var(--navy-2);border-radius:var(--radius);padding:16px 18px}
.page-dedicated-developers .clock .city{font-size:.88rem;color:#B9C9D8;font-weight:600}
.page-dedicated-developers .clock .time{font-size:2rem;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.2}
.page-dedicated-developers .clock .day{font-size:.82rem;color:#B9C9D8}
.page-dedicated-developers .track-label{display:flex;justify-content:space-between;font-size:.82rem;color:#B9C9D8;margin:14px 0 6px}
.page-dedicated-developers .track{position:relative;height:34px;background:var(--navy-2);border-radius:8px;overflow:hidden}
.page-dedicated-developers .band{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding-left:10px;font-size:.78rem;font-weight:700;white-space:nowrap;overflow:hidden}
.page-dedicated-developers .band.client{background:var(--teal)}
.page-dedicated-developers .band.team{background:var(--orange)}
.page-dedicated-developers .now{position:absolute;top:-4px;bottom:-4px;width:2px;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.18)}
.page-dedicated-developers .ticks{display:flex;justify-content:space-between;font-size:.72rem;color:#8EA3B7;margin-top:6px;font-variant-numeric:tabular-nums}
.page-dedicated-developers .tz-note{margin-top:20px;font-size:.92rem;color:#DCE7F1;border-top:1px solid rgba(255,255,255,.12);padding-top:16px;max-width:none}
.page-dedicated-developers .tz-note strong{color:#fff}

/* Problem / compare */
.page-dedicated-developers .split{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
@media (max-width:900px){
  .page-dedicated-developers .split{grid-template-columns:1fr}
}
.page-dedicated-developers .table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}
.page-dedicated-developers table{width:100%;border-collapse:collapse;min-width:560px;font-size:.98rem}
.page-dedicated-developers th,
.page-dedicated-developers td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top}
.page-dedicated-developers thead th{background:var(--mist);color:var(--navy);font-weight:700;font-size:.95rem}
.page-dedicated-developers thead th.us{background:var(--teal);color:#fff}
.page-dedicated-developers tbody th{font-weight:600;color:var(--muted);width:34%}
.page-dedicated-developers td.us{background:var(--teal-soft);color:var(--navy);font-weight:600}
.page-dedicated-developers tr:last-child th,
.page-dedicated-developers tr:last-child td{border-bottom:0}
.page-dedicated-developers .fine{font-size:.85rem;color:var(--muted);margin-top:12px}

/* Australian assurance band */
.page-dedicated-developers .au{background:var(--navy);color:#fff}
.page-dedicated-developers .au h2{color:#fff}
.page-dedicated-developers .au .lead{color:#B9C9D8}
.page-dedicated-developers .au-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:44px;border-top:1px solid rgba(255,255,255,.15)}
.page-dedicated-developers .au-item{padding:28px 26px 8px 0}
.page-dedicated-developers .au-item + .au-item{padding-left:26px;border-left:1px solid rgba(255,255,255,.15)}
.page-dedicated-developers .au-item h3{color:#fff}
.page-dedicated-developers .au-item p{color:#C5D3E0;font-size:.97rem}
.page-dedicated-developers .au-item svg{margin-bottom:14px}
@media (max-width:900px){
  .page-dedicated-developers .au-grid{grid-template-columns:1fr 1fr}
  .page-dedicated-developers .au-item:nth-child(3){padding-left:0;border-left:0}
}
@media (max-width:560px){
  .page-dedicated-developers .au-grid{grid-template-columns:1fr}
  .page-dedicated-developers .au-item,
  .page-dedicated-developers .au-item + .au-item{padding-left:0;border-left:0;border-bottom:1px solid rgba(255,255,255,.15)}
}

/* Already working with clients */
.page-dedicated-developers .proof-head{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end}
.page-dedicated-developers .proof-head .lead{margin:0}
@media (max-width:900px){
  .page-dedicated-developers .proof-head{grid-template-columns:1fr;gap:12px}
}
.page-dedicated-developers .logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin:40px 0 0}
.page-dedicated-developers .logo-slot{height:96px;border:1.5px dashed var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#9AAAB8;font-size:.85rem;font-weight:600;text-align:center;padding:8px}
.page-dedicated-developers .logo-slot{text-decoration:none;background:#fff;border-style:solid;transition:border-color .15s}
.page-dedicated-developers .logo-slot:hover{border-color:var(--teal)}
.page-dedicated-developers .logo-slot img{max-height:64px;max-width:100%;width:auto;object-fit:contain}
@media (max-width:560px){
  .page-dedicated-developers .logos{grid-template-columns:repeat(2,1fr)}
}

/* Pricing models */
.page-dedicated-developers .models{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:20px;margin-top:44px;align-items:stretch}
.page-dedicated-developers .model{border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px 28px;display:flex;flex-direction:column;background:#fff}
.page-dedicated-developers .model.featured{border:2px solid var(--teal);background:var(--teal-soft);position:relative}
.page-dedicated-developers .model .tag{display:inline-block;align-self:flex-start;background:var(--teal);color:#fff;font-size:.78rem;font-weight:700;padding:4px 12px;border-radius:999px;margin-bottom:14px}
.page-dedicated-developers .model .price{font-size:2.1rem;font-weight:800;color:var(--navy);letter-spacing:-.03em;line-height:1.1;margin:6px 0 4px}
.page-dedicated-developers .model .price small{font-size:.95rem;font-weight:600;color:var(--muted);letter-spacing:0}
.page-dedicated-developers .model ul{list-style:none;padding:0;margin:18px 0 26px;flex:1}
.page-dedicated-developers .model li{padding:8px 0 8px 28px;position:relative;border-top:1px solid var(--line);font-size:.97rem}
.page-dedicated-developers .model li::before{content:"";position:absolute;left:2px;top:15px;width:14px;height:8px;border-left:2.5px solid var(--teal);border-bottom:2.5px solid var(--teal);transform:rotate(-45deg)}
.page-dedicated-developers .model .btn{width:100%}
@media (max-width:960px){
  .page-dedicated-developers .models{grid-template-columns:1fr}
}
.page-dedicated-developers .trial{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;background:var(--orange);color:#fff;border-radius:var(--radius-lg);padding:26px 32px}
.page-dedicated-developers .trial h3{color:#fff;font-size:1.4rem;margin:0 0 4px}
.page-dedicated-developers .trial p{margin:0;color:#FFF3E6}
.page-dedicated-developers .trial .btn{background:#fff;color:var(--orange-dark)}
.page-dedicated-developers .trial .btn:hover{background:var(--navy);color:#fff}

/* Tech stack */
.page-dedicated-developers .stack{background:var(--mist)}
.page-dedicated-developers .stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 48px;margin-top:44px}
.page-dedicated-developers .stack-group h3{padding-bottom:10px;border-bottom:2px solid var(--teal);margin-bottom:14px}
.page-dedicated-developers .chips{display:flex;flex-wrap:wrap;gap:8px}
.page-dedicated-developers .chip{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 12px;font-size:.9rem;font-weight:600;color:var(--navy)}
@media (max-width:900px){
  .page-dedicated-developers .stack-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .page-dedicated-developers .stack-grid{grid-template-columns:1fr}
}
.page-dedicated-developers .roles{margin-top:56px;background:#fff;border-radius:var(--radius-lg);padding:30px 32px;border:1px solid var(--line)}
.page-dedicated-developers .roles h3{margin-bottom:16px}
.page-dedicated-developers .roles ul{columns:3 220px;column-gap:32px;margin:0;padding:0;list-style:none}
.page-dedicated-developers .roles li{padding:6px 0;break-inside:avoid;font-weight:500}

/* Process */
.page-dedicated-developers .steps{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:step}
.page-dedicated-developers .steps li{position:relative;padding:0 24px 0 0;counter-increment:step}
.page-dedicated-developers .steps li::before{content:counter(step);display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;font-size:1.1rem;margin-bottom:18px;position:relative;z-index:1}
.page-dedicated-developers .steps li::after{content:"";position:absolute;top:24px;left:48px;right:0;height:2px;background:var(--line)}
.page-dedicated-developers .steps li:last-child::after{display:none}
.page-dedicated-developers .steps p{font-size:.97rem;color:var(--muted)}
@media (max-width:900px){
  .page-dedicated-developers .steps{grid-template-columns:1fr 1fr;gap:36px 0}
  .page-dedicated-developers .steps li:nth-child(2)::after{display:none}
}
@media (max-width:560px){
  .page-dedicated-developers .steps{grid-template-columns:1fr}
  .page-dedicated-developers .steps li::after{display:none}
}

/* Team */
.page-dedicated-developers .team .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.page-dedicated-developers .figures{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line)}
.page-dedicated-developers .figure{background:#fff;padding:28px}
.page-dedicated-developers .figure b{display:block;font-size:2.4rem;font-weight:800;color:var(--teal);letter-spacing:-.03em;line-height:1.1}
.page-dedicated-developers .figure span{color:var(--muted);font-size:.95rem}
.page-dedicated-developers .checks{list-style:none;padding:0;margin:20px 0 0}
.page-dedicated-developers .checks li{padding:8px 0 8px 30px;position:relative}
.page-dedicated-developers .checks li::before{content:"";position:absolute;left:4px;top:15px;width:14px;height:8px;border-left:2.5px solid var(--orange);border-bottom:2.5px solid var(--orange);transform:rotate(-45deg)}
@media (max-width:900px){
  .page-dedicated-developers .team .wrap{grid-template-columns:1fr}
}

/* FAQ */
.page-dedicated-developers .faq{background:var(--mist)}
.page-dedicated-developers .faq .wrap{max-width:860px}
.page-dedicated-developers details{background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px}
.page-dedicated-developers summary{cursor:pointer;list-style:none;padding:20px 56px 20px 24px;font-weight:700;color:var(--navy);position:relative}
.page-dedicated-developers summary::-webkit-details-marker{display:none}
.page-dedicated-developers summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:500;color:var(--teal);transition:transform .2s}
.page-dedicated-developers details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.page-dedicated-developers details p{padding:0 24px 18px;margin:0;color:var(--muted)}

/* Contact */
.page-dedicated-developers .contact .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.page-dedicated-developers .contact-details{list-style:none;padding:0;margin:24px 0 0}
.page-dedicated-developers .contact-details li{padding:12px 0;border-top:1px solid var(--line)}
.page-dedicated-developers .contact-details b{display:block;font-size:.85rem;color:var(--muted);font-weight:600}
.page-dedicated-developers .contact-details a{color:var(--navy);font-weight:700;text-decoration:none}
.page-dedicated-developers form{background:var(--navy);border-radius:var(--radius-lg);padding:32px;color:#fff}
.page-dedicated-developers .field{margin-bottom:16px}
.page-dedicated-developers .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.page-dedicated-developers label{display:block;font-size:.9rem;font-weight:600;margin-bottom:6px;color:#DCE7F1}
.page-dedicated-developers input,
.page-dedicated-developers select,
.page-dedicated-developers textarea{width:100%;padding:13px 14px;border-radius:var(--radius-sm);border:1px solid #2E5072;background:var(--navy-2);color:#fff;font:inherit;font-size:.97rem}
.page-dedicated-developers input::placeholder,
.page-dedicated-developers textarea::placeholder{color:#8EA3B7}
.page-dedicated-developers select option{color:var(--ink);background:#fff}
.page-dedicated-developers textarea{min-height:110px;resize:vertical}
.page-dedicated-developers form .btn{width:100%;margin-top:6px}
.page-dedicated-developers form .fine{color:#B9C9D8;text-align:center;margin:14px auto 0}
@media (max-width:900px){
  .page-dedicated-developers .contact .wrap{grid-template-columns:1fr}
}
@media (max-width:560px){
  .page-dedicated-developers .row{grid-template-columns:1fr}
  .page-dedicated-developers form{padding:24px}
}

/* Footer */
.page-dedicated-developers footer{background:#0A1F35;color:#9FB2C4;padding:36px 0;font-size:.9rem}
.page-dedicated-developers footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}
.page-dedicated-developers footer a{color:#fff;text-decoration:none}