/* ===== PREMIUM-20261111: inner pages brought up to the homepage's level (Zalmen 6:22 PM Nov 11: "in design and layout most powerful and professional").
   Loaded AFTER styles.css on inner pages only. The homepage (index.html) does not load this file. Navy #082E62 / teal #05678E / white + light teal-blue tints. No gold. ===== */
:root{
 --navy:#082E62;--teal:#05678E;--teal-2:#0E8FA8;--sky:#7FD6E8;
 --ice:#F4F9FC;--ice-2:#E7F2F8;--ice-3:#D9EBF3;--line:#DCE7EF;
 --ink:#12223D;--muted:#53637A;
 --r:14px;--r-lg:20px;
 --sh-1:0 1px 2px rgba(8,46,98,.05),0 8px 24px rgba(8,46,98,.07);
 --sh-2:0 2px 6px rgba(8,46,98,.08),0 22px 48px rgba(8,46,98,.14);
 --grad:linear-gradient(135deg,#05678E 0%,#0E8FA8 100%);
 --w:1200px;--pad:22px
}
@media (min-width:900px){:root{--pad:32px}}
body{background:var(--ice);color:var(--ink)}
::selection{background:#BFE6F1;color:var(--navy)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--teal-2);outline-offset:3px}

/* ---- type system: Cormorant headlines, Montserrat body (same as the homepage) ---- */
h1,h2,h3{font-family:var(--serif);font-weight:500;color:var(--navy);letter-spacing:-.01em}
h1{font-size:clamp(40px,8.4vw,72px);line-height:1.04}
h2{font-size:clamp(32px,5.6vw,50px);line-height:1.08}
h3{font-size:clamp(23px,3.4vw,28px);line-height:1.18}
.lead{color:var(--muted);font-size:clamp(17px,2vw,19.5px);line-height:1.62}
.eyebrow{font:600 11.5px/1.4 var(--sans);letter-spacing:.24em;color:var(--teal);margin-bottom:16px}
.eyebrow::before{width:32px;height:1.5px;background:linear-gradient(90deg,var(--teal),var(--teal-2))}
.on-dark .eyebrow,.eyebrow.light{color:#CDEFF7}
.eyebrow.light::before{background:linear-gradient(90deg,#CDEFF7,rgba(205,239,247,.4))}
.muted{color:var(--muted)}

/* ---- header: frosted white glass, crisp hairline, teal underline on hover ---- */
.hdr{background:rgba(255,255,255,.86)!important;backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid rgba(8,46,98,.08);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 10px 30px -18px rgba(8,46,98,.35)}
.util{background:linear-gradient(90deg,#082E62,#0A4877)!important;color:#D7E6F2}
.util a{color:#E3EEF6}
.sw-m{background:linear-gradient(90deg,#082E62,#0A4877)!important}
@media (min-width:1080px){
 .nav li a{color:var(--navy);font-weight:500;letter-spacing:.01em}
 .nav li a::after{background:var(--grad);height:2px;border-radius:2px}
 .nav li a:hover{color:var(--teal)}
 .nav li a[aria-current=page]{color:var(--teal)}
}
.nav.open{background:linear-gradient(180deg,#fff 0%,var(--ice) 100%)}
.nav li a{color:var(--navy)}

/* ---- buttons: one confident system ---- */
.btn{border-radius:999px;font-weight:600;letter-spacing:.02em;transition:transform .2s ease,box-shadow .2s ease,background .2s,color .2s,border-color .2s}
.btn-gold,.btn-navy,.btn-teal{background:var(--grad)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 20px -8px rgba(5,103,142,.65)}
.btn-gold:hover,.btn-navy:hover,.btn-teal:hover{transform:translateY(-1px);box-shadow:0 14px 28px -10px rgba(5,103,142,.75);background:linear-gradient(135deg,#06729C 0%,#12A0BB 100%)!important}
.btn-ghost{border-color:rgba(8,46,98,.28);color:var(--navy);background:#fff}
.btn-ghost:hover{background:var(--navy);border-color:var(--navy);color:#fff;transform:translateY(-1px)}
.btn-line{border-color:rgba(255,255,255,.75);color:#fff;background:rgba(255,255,255,.06);backdrop-filter:blur(4px)}
.btn-line:hover{background:#fff;color:var(--navy)}
.link{color:var(--navy);border-bottom:1.5px solid var(--teal-2)}
.link:hover{color:var(--teal)}

/* ---- page hero band: the homepage's lobby photo under a bright teal-blue glass wash ---- */
.phead{position:relative;isolation:isolate;overflow:hidden;color:#fff;border:0;padding:46px 0 58px;background:#0E6FA8 url(/assets/img/bg-hq-m.webp) 50% 38%/cover no-repeat}
.phead::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(80% 60% at 90% 0%,rgba(127,214,232,.30),transparent 70%),linear-gradient(180deg,rgba(12,96,156,.50) 0%,rgba(8,100,150,.68) 55%,rgba(6,92,140,.82) 100%)}
.phead::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(160,228,242,.9),transparent)}
@media (min-width:900px){
 .phead{padding:92px 0 100px;background-image:url(/assets/img/bg-hq.webp);background-position:50% 42%}
 .phead::before{background:radial-gradient(60% 90% at 85% 10%,rgba(127,214,232,.22),transparent 70%),linear-gradient(90deg,rgba(9,62,118,.84) 0%,rgba(7,98,150,.64) 46%,rgba(12,130,170,.30) 78%,rgba(14,143,168,.14) 100%)}
}
.phead h1{color:#fff;max-width:18ch;text-shadow:0 2px 24px rgba(4,30,60,.30)}
.phead .lead{color:rgba(255,255,255,.92);max-width:58ch;text-shadow:0 1px 14px rgba(4,30,60,.25)}
.phead .eyebrow{color:#CDEFF7}
.phead .eyebrow::before{background:linear-gradient(90deg,#CDEFF7,rgba(205,239,247,.35))}
.phead .crumbs{color:rgba(230,244,250,.82);font-size:12.5px;letter-spacing:.04em;margin-bottom:26px}
.phead .crumbs a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
.phead .crumbs a:hover{border-color:#fff}
.phead .meta{color:#CDEFF7!important}
.phead a:not(.btn){color:#fff}
.phead .hire-pts,.phead .hire-pts *{color:#EAF6FB}
.phead .wrap.article{text-align:left}

/* ---- photo heroes (employers / job seekers / services / about …) ---- */
.hero{background:#0E6FA8}
.hero::after{background:linear-gradient(180deg,rgba(14,111,168,.10) 0%,rgba(10,100,155,.45) 36%,rgba(8,90,140,.80) 70%,rgba(7,82,132,.92) 100%)!important}
@media (min-width:900px){.hero::after{background:radial-gradient(55% 80% at 88% 8%,rgba(127,214,232,.18),transparent 70%),linear-gradient(90deg,rgba(9,62,118,.84) 0%,rgba(7,98,150,.58) 44%,rgba(12,130,170,.16) 78%,rgba(14,143,168,.04) 100%)!important}}
.hero-in{min-height:min(76vh,640px)}
.hero.short .hero-in{min-height:min(58vh,500px)}
@media (min-width:900px){.hero-in{min-height:min(78vh,700px)}.hero.short .hero-in{min-height:min(60vh,540px)}}
.hero h1{color:#fff;max-width:17ch}
.hero .lead{color:rgba(255,255,255,.92)}
.hero .eyebrow,.hero .eyebrow.light{color:#CDEFF7}

/* ---- sections: clear rhythm, alternating ice tints (never flat white, never dark) ---- */
.sec{padding:68px 0}
@media (min-width:900px){.sec{padding:108px 0}}
.sec.paper{background:linear-gradient(180deg,var(--ice-2) 0%,#EEF6FA 100%)}
.sec-head{max-width:780px;margin-bottom:38px}
@media (min-width:900px){.sec-head{margin-bottom:58px}}
.sec-head .lead,.sec-head p{color:var(--muted)}
.sec.navy{background:radial-gradient(70% 70% at 88% 0%,rgba(127,214,232,.28),transparent 70%),linear-gradient(135deg,#0A4C86 0%,#0B6E9F 100%)!important}
.statement{color:var(--navy)}
.statement em{color:var(--teal)}

/* ---- cards: white, soft depth, gentle lift ---- */
.cards{gap:24px}
@media (min-width:900px){.cards{gap:28px}}
.card{background:#fff;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-1);border:1px solid rgba(8,46,98,.06);transition:transform .25s ease,box-shadow .25s ease;padding:0 0 26px}
.card>*:not(figure){margin-left:24px;margin-right:24px}
.card figure{margin:0 0 22px;border-radius:0}
.card .meta{border-top:0;padding-top:0;color:var(--teal);letter-spacing:.18em}
.card h3{margin-bottom:10px}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.card:not(:has(figure)){padding-top:26px}

/* service / value columns become clean cards */
.cols{gap:20px!important;border-top:0}
.col{background:#fff;border:1px solid rgba(8,46,98,.07)!important;border-radius:var(--r-lg);padding:30px 26px!important;box-shadow:var(--sh-1);position:relative;transition:transform .25s ease,box-shadow .25s ease}
.col::before{content:"";position:absolute;left:26px;right:26px;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--grad)}
.col:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}
.col .num{color:var(--teal);letter-spacing:.2em}
.col h3{margin-bottom:10px}
@media (min-width:900px){.cols{gap:28px!important}.col{padding:38px 34px!important}.col::before{left:34px;right:34px}}
.sec.navy .col{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)!important;box-shadow:none}
.sec.navy .col p{color:#DDEBF4}

/* tiles (industries) */
.tiles{gap:18px;background:none;border:0}
.tile{border-radius:var(--r-lg);border:1px solid rgba(8,46,98,.07);box-shadow:var(--sh-1);transition:transform .25s ease,box-shadow .25s ease,background .2s}
a.tile:hover,.tile:hover{transform:translateY(-3px);box-shadow:var(--sh-2);background:#fff}

/* panels (forms, contact boxes) */
.panel{border-radius:var(--r-lg)!important;border:1px solid rgba(8,46,98,.07)!important;box-shadow:var(--sh-1);background:#fff}
.panel[style*="var(--paper)"]{background:linear-gradient(160deg,#E4F1F8 0%,#F2F8FB 100%)!important}

/* steps: numbered, airy */
.steps{border-top:0}
.steps li{background:#fff;border:1px solid rgba(8,46,98,.07);border-radius:var(--r);box-shadow:var(--sh-1);padding:24px 22px;margin-bottom:14px;grid-template-columns:58px 1fr}
.steps li::before{content:"0" counter(s);color:var(--teal);font-size:34px}
.steps b{color:var(--navy)}
.steps.row{gap:20px}
.steps.row li{border-top:0;padding:28px 24px;margin:0}
.sec.navy .steps li{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);box-shadow:none}
.sec.navy .steps li::before{color:var(--sky)}

/* accordion / FAQ */
.acc{border-top:0;display:grid;gap:12px}
.acc details{background:#fff;border:1px solid rgba(8,46,98,.08)!important;border-radius:var(--r)!important;padding:0 22px;box-shadow:0 1px 2px rgba(8,46,98,.04);transition:box-shadow .2s}
.acc details[open]{box-shadow:var(--sh-1)}
.acc summary{padding:20px 0;font-size:22px}
.acc summary::after{color:var(--teal)}

/* feature images, pills, contact list */
.feature figure{border-radius:var(--r-lg);box-shadow:var(--sh-2)}
.pills li{border-color:#BFDDEA!important;color:var(--navy)!important;background:#F2F9FC}
.clist{gap:0;background:#fff;border:1px solid rgba(8,46,98,.07);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:8px 26px}
.clist>li{padding:20px 0;border-bottom:1px solid var(--line)}
.clist>li:last-child{border-bottom:0}
.clist .cl-chips a{border-color:#C9DEEA}
.clist .cl-chips a:hover{border-color:var(--teal);color:var(--teal)}

/* forms: soft, clear focus */
.form input,.form textarea,.form select,.jobs-bar input{border:1.5px solid #D3E0EA;border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s}
.form input:focus,.form textarea:focus,.form select:focus,.jobs-bar input:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(5,103,142,.14);outline:none}
.jobs-bar input{border-radius:999px}

/* articles */
.article p,.article li{color:#2A374B}
.article h2{color:var(--navy)}

/* ---- call-to-action band: the lobby again, bright glass wash (bookends the hero) ---- */
.band{position:relative;isolation:isolate;overflow:hidden;background:#0E6FA8 url(/assets/img/bg-hq-m.webp) 50% 60%/cover no-repeat!important}
.band::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 90% at 12% 0%,rgba(127,214,232,.30),transparent 70%),linear-gradient(135deg,rgba(8,60,112,.86) 0%,rgba(6,98,146,.80) 60%,rgba(12,128,165,.70) 100%)}
@media (min-width:900px){.band{background-image:url(/assets/img/bg-hq.webp)!important}}
.band h2{color:#fff}
.band p[style]{color:#E3F1F8!important}

/* ---- footer: luminous brand blue, white logo plate ---- */
.ftr{background:radial-gradient(60% 80% at 90% 0%,rgba(127,214,232,.16),transparent 70%),linear-gradient(180deg,#0A3A6E 0%,#082E62 100%)!important;color:#C9D8E6}
.ftr-logo{border-radius:10px!important;box-shadow:0 10px 26px -12px rgba(0,0,0,.45)}
.ftr h2{color:#9EDDEC;letter-spacing:.2em}
.ftr a{color:#E8F1F8}
.ftr a:hover{color:#fff}
.ftr-base{border-top-color:rgba(255,255,255,.14);color:#9FB2C7}

/* ---- phone dock ---- */
.dock{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(8,46,98,.08);box-shadow:0 -10px 26px -18px rgba(8,46,98,.4)}
.dock a{border-color:#CFE0EA}
.dock .dock-main{background:var(--grad)!important;border-color:transparent!important;color:#fff!important}

/* ---- stats band, calculator, healthcare cards ---- */
body .stats-band{background:radial-gradient(60% 120% at 80% 0%,rgba(127,214,232,.28),transparent 70%),linear-gradient(135deg,#0A4C86 0%,#0B73A5 100%)!important}

/* ---- motion: subtle, respectful ---- */
@media (prefers-reduced-motion:reduce){.btn,.card,.col,.tile{transition:none}.card:hover,.col:hover,.tile:hover,.btn:hover{transform:none}}

/* contact: the details card stays in view beside the forms on desktop */
@media (min-width:900px){.split>.rv:has(>.clist){position:sticky;top:132px}}

/* hire page: selling points as glass chips on the hero */
.phead .hire-pts li{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.38);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}

/* phone: the footer runs to the bottom edge behind the dock (no pale strip) */
@media (max-width:1079px){body{padding-bottom:0!important}.ftr{padding-bottom:calc(120px + env(safe-area-inset-bottom))!important}}

/* brighter, more positive hero photos */
.hero picture img,.hero>img{filter:brightness(1.16) saturate(1.06) contrast(.98)!important}

/* LOGO-NOPLATE-20261111: no white box behind the footer logo; a light version of the logo sits straight on the navy */
.ftr-logo{background:none!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
.ftr-logo img{height:38px}