:root{--charcoal:#2B2520;--charcoal2:#3b3330;--wine:#4A4037;--wine2:#4A4037;--blue-accent:#B38A4A;--blue2:#D7B879;--cream:#f5f5f5;--white:#fff;--ink:#2B2520;--muted:#6d6661;--line:#dddddd;--shadow:0 20px 60px rgba(40,37,36,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:var(--charcoal);color:#eeeeee;font-size:12px}.topbar-inner{display:flex;justify-content:space-between;gap:20px;padding:9px 0}.top-links{display:flex;gap:12px}.top-links a:hover{color:var(--blue2)}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(40,37,36,.10);transition:.25s}.nav-wrap{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{width:210px;height:auto}.main-nav{display:flex;align-items:center;gap:4px}.main-nav>a,.drop-btn{font-size:13px;font-weight:650;padding:13px 11px;color:#3d3734;background:none;border:0;cursor:pointer;white-space:nowrap}.main-nav>a:hover,.drop-btn:hover,.main-nav .active{color:#4A4037}.nav-cta{background:var(--charcoal)!important;color:#fff!important;border-radius:4px!important;padding:13px 18px!important;margin-left:8px;box-shadow:0 7px 20px rgba(40,37,36,.18)}.nav-cta:hover{background:var(--wine)!important}.nav-drop{position:relative}.drop-menu{position:absolute;top:100%;left:-8px;min-width:245px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:9px;border-radius:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.nav-drop:hover .drop-menu,.nav-drop:focus-within .drop-menu{opacity:1;visibility:visible;transform:none}.drop-menu a{display:block;padding:10px 12px;border-radius:5px;font-size:13px}.drop-menu a:hover{background:var(--cream);color:#4A4037}.menu-toggle{display:none;border:0;background:transparent;padding:10px}.menu-toggle span{width:24px;height:2px;background:var(--charcoal);display:block;margin:5px}
.hero{background:var(--charcoal);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:rgba(40,37,36,.90)}.hero-home{min-height:650px;background-image:url('../images/resource/blog-image-19.jpg');background-size:cover;background-position:center}.hero-content{position:relative;z-index:2;padding:105px 0 110px;max-width:760px}.eyebrow{color:var(--blue-accent);text-transform:uppercase;letter-spacing:2.5px;font-size:11px;font-weight:800;margin-bottom:15px}.hero h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(42px,5.3vw,72px);line-height:1.05;margin:0 0 22px;letter-spacing:-1.5px}.hero p{font-size:18px;color:#eee6dd;max-width:690px;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:12px;padding:14px 20px;border:1px solid transparent;border-radius:4px;font-size:13px;font-weight:750;cursor:pointer;transition:.2s}.btn-blue-accent{background:var(--blue-accent);color:#151515}.btn-blue-accent:hover{background:var(--blue2);transform:translateY(-1px)}.btn-light{background:#fff;color:var(--charcoal)}.btn-outline{border-color:rgba(255,255,255,.45);color:#fff}.btn-outline:hover{background:#fff;color:var(--charcoal)}.hero-statbar{position:absolute;z-index:3;bottom:0;left:0;right:0;background:rgba(40,29,28,.88);border-top:1px solid rgba(255,255,255,.12)}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:18px 20px;border-right:1px solid rgba(255,255,255,.12)}.stat:last-child{border:0}.stat strong{display:block;color:#fff;font-size:16px}.stat span{font-size:12px;color:#cccccc}
.section{padding:88px 0}.section.cream{background:var(--cream)}.section.navy{background:var(--charcoal);color:#fff}.section-head{max-width:760px;margin-bottom:42px}.section-head.center{margin-left:auto;margin-right:auto;text-align:center}.section h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(32px,4vw,50px);line-height:1.12;margin:0 0 15px;color:var(--charcoal)}.navy h2{color:#fff}.section-head p{color:var(--muted);margin:0;font-size:16px}.navy .section-head p{color:#777777}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.image-frame{position:relative}.image-frame img{width:100%;height:500px;object-fit:cover}.image-frame:before{content:"";position:absolute;left:-14px;top:-14px;width:100px;height:100px;border-left:2px solid var(--blue-accent);border-top:2px solid var(--blue-accent);z-index:1}.image-frame:after{content:"";position:absolute;right:-14px;bottom:-14px;width:100px;height:100px;border-right:2px solid var(--blue-accent);border-bottom:2px solid var(--blue-accent)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);padding:28px;transition:.25s;position:relative;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#4A4037}.card .icon{width:48px;height:48px;border-radius:50%;background:#f2f2f2;color:var(--wine);display:grid;place-items:center;font-size:20px;margin-bottom:22px}.card h3{font-family:Georgia,serif;font-size:23px;font-weight:500;margin:0 0 10px;color:var(--charcoal)}.card p{font-size:14px;color:var(--muted);margin:0 0 18px}.text-link{font-size:12px;font-weight:800;letter-spacing:.5px;color:#4A4037;text-transform:uppercase}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-tile{min-height:210px;padding:26px;background:var(--charcoal);color:#fff;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.service-tile:nth-child(even){background:var(--wine)}.service-tile:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;border:1px solid rgba(255,255,255,.13);right:-35px;bottom:-35px}.service-tile h3{font-family:Georgia,serif;font-weight:500;font-size:21px;line-height:1.15;margin:34px 0 10px}.service-tile p{font-size:12px;color:#cccccc;margin:0}.num{font-size:11px;color:var(--blue2);font-weight:800;letter-spacing:2px}
.feature-band{background:var(--accent);color:#fff;padding:65px 0}.feature-band .split{gap:70px}.feature-band h2{color:#fff}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;margin:25px 0 0;padding:0;list-style:none}.check-list li{font-size:13px;color:#dddddd;position:relative;padding-left:20px}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--blue2);font-weight:800}
.page-hero{background:var(--charcoal);color:#fff;padding:82px 0}.page-hero h1{font-family:Georgia,serif;font-size:52px;font-weight:500;line-height:1.08;margin:0 0 12px}.breadcrumbs{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#4A4037;margin-bottom:18px;font-weight:750}.page-hero p{max-width:740px;color:#dddddd;margin:0;font-size:17px}
.detail-grid{display:grid;grid-template-columns:280px 1fr;gap:50px}.side-nav{position:sticky;top:110px;height:max-content;border:1px solid var(--line);background:#fff}.side-nav a{display:block;padding:12px 16px;font-size:13px;border-bottom:1px solid var(--line)}.side-nav a:hover{background:var(--cream);color:#4A4037}.detail-content h2{font-family:Georgia,serif;font-size:36px;font-weight:500;color:var(--charcoal);margin:0 0 14px}.detail-content h3{font-family:Georgia,serif;font-size:25px;font-weight:500;color:var(--charcoal);margin:45px 0 8px}.detail-content p{color:var(--muted)}.pill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.pill{padding:15px 17px;background:var(--cream);border-left:3px solid var(--blue-accent);font-size:13px}.photo-strip{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:14px}.photo-strip img{width:100%;height:300px;object-fit:cover}.photo-strip img:nth-child(2),.photo-strip img:nth-child(3){height:220px;margin-top:80px}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.step{padding:24px;border-top:1px solid #4A4037;position:relative}.step:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--blue-accent);position:absolute;top:-5px;left:24px}.step strong{font-size:12px;color:var(--blue2);letter-spacing:1px}.step h3{font-family:Georgia,serif;font-size:20px;font-weight:500;margin:12px 0 5px}.step p{font-size:12px;color:#cccccc}
.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.industry{border:1px solid var(--line);padding:18px;background:#fff;font-size:13px;font-weight:700;color:var(--charcoal);min-height:78px;display:flex;align-items:center}.industry:hover{border-color:var(--blue-accent);box-shadow:0 10px 30px rgba(40,37,36,.06)}
.cta{background:var(--cream);padding:70px 0}.cta-box{background:var(--charcoal);color:#fff;padding:55px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-family:Georgia,serif;font-weight:500;font-size:38px;margin:0 0 8px}.cta p{margin:0;color:#777777}.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:50px}.contact-panel{background:var(--charcoal);color:#fff;padding:40px}.contact-panel h2{font-family:Georgia,serif;font-size:34px;font-weight:500;margin:0 0 15px}.contact-item{padding:20px 0;border-top:1px solid rgba(255,255,255,.12)}.contact-item strong{display:block;color:var(--blue2);font-size:11px;text-transform:uppercase;letter-spacing:1.5px}.contact-item span{font-size:14px;color:#666666}.form-card{border:1px solid var(--line);padding:35px;background:#fff}.form-card h2{font-family:Georgia,serif;font-size:34px;font-weight:500;color:var(--charcoal);margin:0 0 8px}.form-card p{color:var(--muted);font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-card input,.form-card select,.form-card textarea,.request-form input,.request-form select,.request-form textarea{width:100%;border:1px solid #dfe2e5;padding:13px 14px;margin-bottom:12px;font:inherit;font-size:13px;outline:none;background:#fff}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--blue-accent)}.form-card textarea{resize:vertical}
.site-footer{background:#211e1d;color:#bbbbbb;padding-top:70px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:55px}.footer-brand img{width:190px;height:auto;margin-bottom:16px}.footer-brand p{max-width:340px;font-size:13px}.site-footer h4{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:1.3px;margin:0 0 16px}.site-footer> .footer-main>div:not(.footer-brand) a{display:block;font-size:13px;margin:9px 0;color:#bbbbbb}.site-footer a:hover{color:var(--blue2)}.footer-cta{display:inline-flex;gap:10px;color:var(--blue2);font-size:12px;font-weight:800;text-transform:uppercase;margin-top:8px}.disclaimer{border-top:1px solid rgba(255,255,255,.1);padding:22px 0;font-size:11px;color:#999999}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;font-size:11px}.footer-bottom span{float:right;color:#888888}
.modal{position:fixed;inset:0;background:rgba(25,20,19,.76);z-index:3000;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{width:min(600px,100%);background:#fff;padding:35px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.25)}.modal-card h2{font-family:Georgia,serif;font-weight:500;font-size:34px;color:var(--charcoal);margin:0 0 8px}.modal-card p{font-size:13px;color:var(--muted)}.modal-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:30px;color:#667;cursor:pointer}.form-note{font-size:12px;color:#666666;margin-top:8px}
.reveal{opacity:0;transform:translateY(16px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.main-nav>a,.drop-btn{font-size:12px;padding:12px 7px}.nav-cta{padding:12px 12px!important}.service-grid{grid-template-columns:repeat(2,1fr)}.industry-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.topbar-inner{justify-content:center}.topbar-inner>span{display:none}.nav-wrap{min-height:72px}.menu-toggle{display:block}.main-nav{position:absolute;left:0;right:0;top:72px;background:#fff;border-bottom:1px solid var(--line);padding:10px 20px 20px;display:none;flex-direction:column;align-items:stretch;max-height:calc(100vh - 72px);overflow:auto}.main-nav.open{display:flex}.main-nav>a,.drop-btn{width:100%;text-align:left;padding:13px 8px}.nav-cta{margin:7px 0 0}.nav-drop{width:100%}.drop-menu{position:static;box-shadow:none;border:0;padding:0 0 4px;display:none;opacity:1;visibility:visible;transform:none;min-width:0}.nav-drop.open .drop-menu{display:block}.drop-menu a{padding:10px 18px}.hero-home{min-height:680px;background-position:60% center}.hero-content{padding-top:75px}.hero-stats{grid-template-columns:repeat(2,1fr)}.split,.detail-grid,.contact-grid{grid-template-columns:1fr}.image-frame img{height:380px}.side-nav{position:static}.process{grid-template-columns:1fr}.step{border-top:0;border-left:1px solid #4A4037;padding-left:30px}.step:before{left:-5px;top:24px}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.brand img{width:175px}.top-links{font-size:11px}.hero h1{font-size:42px}.hero p{font-size:16px}.section{padding:65px 0}.cards,.service-grid,.industry-grid,.pill-grid,.form-grid{grid-template-columns:1fr}.photo-strip{grid-template-columns:1fr}.photo-strip img,.photo-strip img:nth-child(2),.photo-strip img:nth-child(3){height:230px;margin:0}.cta-box{padding:35px 25px;display:block}.cta-box .btn{margin-top:22px}.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom span{float:none;display:block;margin-top:6px}.page-hero{padding:60px 0}.page-hero h1{font-size:42px}.hero-statbar{position:static}.hero-home{min-height:auto}.hero-content{padding-bottom:80px}.stat{padding:15px}.modal-card{padding:28px 20px}}

/* UFT Careers */
.career-teaser{background:#f7f7f7;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.career-teaser-grid{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}
.career-copy h2{font-family:Georgia,serif;font-size:clamp(34px,4vw,52px);font-weight:500;line-height:1.1;margin:0 0 15px;color:var(--charcoal)}
.career-copy p{color:var(--muted);max-width:650px;font-size:16px}
.btn-outline-dark{border:1px solid #888888;color:var(--charcoal);background:transparent}.btn-outline-dark:hover{background:var(--charcoal);color:#fff}
.career-visual{position:relative}.career-visual img{width:100%;height:410px;object-fit:cover}.career-badge{position:absolute;left:24px;bottom:24px;background:rgba(40,37,36,.94);color:#fff;padding:18px 22px;display:flex;align-items:center;gap:14px}.career-badge strong{font-family:Georgia,serif;font-size:25px;color:var(--blue2)}.career-badge span{font-size:11px;color:#666666;text-transform:uppercase;letter-spacing:1px}
.careers-hero{background:var(--charcoal);position:relative;overflow:hidden}.careers-hero:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(34,184,209,.18);border-radius:50%;right:-160px;top:-180px;box-shadow:0 0 0 70px rgba(34,184,209,.035),0 0 0 140px rgba(34,184,209,.025)}.career-hero-actions{margin-top:26px}
.mini-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px}.mini-stat-grid div{padding:16px;background:var(--cream);border:1px solid var(--line)}.mini-stat-grid strong{display:block;color:var(--wine);font-size:12px;letter-spacing:1px}.mini-stat-grid span{font-size:12px;color:var(--muted)}
.career-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.career-card{background:#fff;border:1px solid var(--line);padding:30px;min-height:250px;position:relative;transition:.25s}.career-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#4A4037}.career-number{font-size:11px;letter-spacing:2px;color:var(--blue-accent);font-weight:800}.career-card h3{font-family:Georgia,serif;font-size:27px;font-weight:500;margin:20px 0 10px;color:var(--charcoal)}.career-card p{font-size:14px;color:var(--muted);max-width:620px}.career-card .text-link{display:inline-block;margin-top:10px}
.engagement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.engagement-item{padding:22px;border:1px solid var(--line);background:#fff;min-height:125px}.engagement-item strong{display:block;font-family:Georgia,serif;font-size:19px;font-weight:500;color:var(--charcoal);margin-bottom:7px}.engagement-item span{display:block;color:var(--muted);font-size:12px;line-height:1.55}
.career-profile-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:40px}.profile-mark{display:inline-flex;width:58px;height:58px;border:1px solid var(--blue2);align-items:center;justify-content:center;color:var(--blue2);font-family:Georgia,serif;font-weight:700;font-size:18px;letter-spacing:1px;margin-bottom:22px}.career-profile-card h3{font-family:Georgia,serif;font-size:30px;font-weight:500;color:#fff;margin:0 0 10px}.career-profile-card p{color:#666666;font-size:14px;margin:0 0 25px}
@media(max-width:900px){.career-teaser-grid{grid-template-columns:1fr;gap:40px}.career-visual img{height:340px}.engagement-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.career-grid,.engagement-grid,.mini-stat-grid{grid-template-columns:1fr}.career-badge{left:14px;right:14px;bottom:14px}.career-profile-card{padding:28px}.career-visual img{height:290px}}
.wide-menu{min-width:250px}

/* UFT form additions */
.wide-form{max-width:1000px;margin:0 auto}.section-mini-title{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;font-weight:800;color:#4A4037;margin:8px 0 14px}.form-success,.form-error{padding:13px 15px;margin:0 0 18px;border:1px solid #4A4037;background:#f6f1e9;color:#292725;font-size:13px}.form-error{background:#faf6f1}.file-field label{display:block;font-size:12px;font-weight:750;color:var(--charcoal);margin-bottom:7px}.file-field label small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:3px}.file-field input[type=file]{padding:10px;background:#fff}.contact-panel .contact-item span{color:#ddd}.contact-panel .contact-item strong{color:var(--blue2)}

/* UFT refinements */
.footer-logo-highlight{display:inline-block;background:#fff;padding:10px 14px;border-radius:5px;margin-bottom:14px}.footer-logo-highlight img{width:190px;height:auto;margin:0}.request-form select{margin-bottom:12px}

/* =========================================================
   UFT 2026 HOME + CENTRAL REQUEST FORM REFINEMENTS
   ========================================================= */
:root{--charcoal:#2B2520;--charcoal2:#3b3430;--wine:#4A4037;--wine2:#4A4037;--blue-accent:#B38A4A;--blue2:#D7B879;--cream:#f7f3ec;--white:#fff;--ink:#2B2520;--muted:#6d6661;--line:#e5dfd6;--shadow:0 20px 60px rgba(36,33,31,.11)}
body{background:#fff;color:var(--ink)}
.eyebrow{color:var(--wine)}
.btn-blue-accent{background:var(--blue-accent);color:#201b18}.btn-blue-accent:hover{background:var(--blue2)}
.text-link,.support-link{color:var(--wine)}
.hero-home-new{background:var(--charcoal);padding:72px 0 0;overflow:hidden}
.hero-new-grid{display:grid;grid-template-columns:1fr .95fr;gap:65px;align-items:center;min-height:650px}
.hero-new-copy{padding:30px 0 70px;position:relative;z-index:2}
.hero-new-copy h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(45px,5.5vw,76px);line-height:1.02;letter-spacing:-2px;margin:0 0 22px;color:#fff}
.hero-new-copy h1 em{font-style:normal;color:var(--blue2)}
.hero-new-copy p{max-width:690px;font-size:18px;color:#eee7df;margin:0 0 30px;text-align:left}
.hero-trust{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}
.hero-trust span{font-size:11px;color:#d7d0c9;text-transform:uppercase;letter-spacing:1.1px}
.hero-new-visual{position:relative;align-self:stretch;display:flex;align-items:center}
.hero-image-main{width:100%;height:520px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.3);border:8px solid rgba(255,255,255,.08)}
.hero-image-main img{width:100%;height:100%;object-fit:cover}
.hero-floating{position:absolute;left:-38px;bottom:52px;background:#fff;padding:18px 22px;box-shadow:0 15px 40px rgba(0,0,0,.22);display:flex;align-items:center;gap:16px;max-width:360px}
.hero-floating strong{font-family:Georgia,serif;color:var(--wine);font-size:25px}
.hero-floating span{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#625b55}
.intro-section{padding-top:100px}.intro-split{gap:75px}
.capability-icon{width:52px;height:52px;border:1px solid rgba(34,184,209,.18);display:grid;place-items:center;border-radius:50%;font-family:Georgia,serif;color:var(--wine);font-size:22px;margin-bottom:22px;background:#fbf8f2}
.four-cards{grid-template-columns:repeat(4,1fr)}
.four-cards .card{min-height:360px;padding:30px}.four-cards .card h3{font-size:24px}
.request-support-section{background:#fff}
.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.support-card{display:grid;grid-template-columns:55px 1fr;gap:22px;padding:30px;background:#fff;border:1px solid var(--line);transition:.25s;position:relative;overflow:hidden}
.support-card:after{content:"";position:absolute;right:-50px;bottom:-70px;width:170px;height:170px;border-radius:50%;border:1px solid rgba(34,184,209,.24)}
.support-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--blue-accent)}
.support-no{font-size:12px;letter-spacing:2px;color:var(--blue-accent);font-weight:800;padding-top:4px}
.support-card h3{font-family:Georgia,serif;font-weight:500;font-size:27px;margin:0 0 9px;color:var(--charcoal)}
.support-card p{font-size:14px;color:var(--muted);margin:0 0 16px;max-width:520px}.support-link{font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:1px}
.clarity-section{background:#faf8f4}
.clarity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.clarity-card{background:#fff;border:1px solid var(--line);padding:28px;min-height:250px}.clarity-card>span{font-size:11px;letter-spacing:2px;color:var(--blue-accent);font-weight:800}.clarity-card h3{font-family:Georgia,serif;font-size:22px;font-weight:500;margin:25px 0 10px}.clarity-card p{font-size:13px;color:var(--muted);margin:0}
.engagement-band{background:var(--accent);padding:88px 0}.engagement-band .eyebrow{color:var(--blue2)}.engagement-band .section-head h2{color:#fff}.engagement-band .section-head p{color:#e4d9d1}
.engagement-grid-home{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:35px 0}.engagement-home-item{padding:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);min-height:120px}.engagement-home-item strong{display:block;color:#fff;font-family:Georgia,serif;font-size:19px;font-weight:500;margin-bottom:7px}.engagement-home-item span{display:block;color:#d7cbc4;font-size:12px;line-height:1.55}.home-band-btn{margin-top:5px}
.services-home-section{padding-bottom:105px}.home-service-list{margin-top:30px;border-top:1px solid var(--line)}.home-service-list a{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}.home-service-list span{font-size:10px;letter-spacing:1px;color:var(--blue-accent);font-weight:800}.home-service-list strong{font-size:14px;color:var(--charcoal)}.home-service-list a:hover strong{color:var(--wine)}
.community-visual{position:relative}.community-visual>img{width:100%;height:500px;object-fit:cover}.community-badge{position:absolute;left:25px;bottom:25px;background:rgba(36,33,31,.94);color:#fff;padding:18px 22px}.community-badge strong{display:block;font-family:Georgia,serif;font-size:22px;color:var(--blue2);font-weight:500}.community-badge span{display:block;margin-top:3px;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#d6cec6}
.home-industries{grid-template-columns:repeat(4,1fr)}.center-button{text-align:center;margin-top:30px}.faq-grid{max-width:950px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-item{background:#fff;border:1px solid var(--line);padding:20px 22px}.faq-item summary{cursor:pointer;font-family:Georgia,serif;font-size:18px;color:var(--charcoal);font-weight:500}.faq-item p{font-size:13px;color:var(--muted);margin:14px 0 0}.home-final-cta{background:#f7f3ec}

/* Central request form */
.requirement-hero{background:var(--charcoal)}
.requirement-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;align-items:start}.requirement-side{position:sticky;top:120px}.requirement-side h2{font-family:Georgia,serif;font-weight:500;font-size:43px;line-height:1.1;margin:0 0 14px}.requirement-side>p{color:var(--muted);font-size:15px}.request-paths{margin-top:28px;border-top:1px solid var(--line)}.request-path{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}.request-path strong{font-size:10px;color:var(--blue-accent);letter-spacing:1.5px}.request-path span{font-size:14px;font-weight:700}.request-path:hover span,.request-path.active span{color:var(--wine)}.privacy-callout{margin-top:30px;background:#f7f3ec;border-left:3px solid var(--blue-accent);padding:17px 18px}.privacy-callout strong{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:var(--wine)}.privacy-callout p{font-size:12px;color:var(--muted);margin:6px 0 0}
.request-master-card{padding:40px 42px}.request-master-card h2{font-family:Georgia,serif;font-size:39px;font-weight:500;margin:0 0 8px}.request-master-card>p{margin-top:0}.request-form label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.8px;font-weight:800;color:#4a433f;margin:0 0 7px}.request-form label span{color:var(--wine)}.request-form input,.request-form textarea{border-radius:2px}.request-form input:focus,.request-form textarea:focus,.request-form select:focus{border-color:var(--blue-accent);box-shadow:0 0 0 3px rgba(214,177,92,.1)}.form-help{font-size:12px!important;color:var(--muted)!important;margin-top:-5px}.technology-requirements{margin-top:18px;padding:22px;background:#faf8f4;border:1px solid var(--line)}.technology-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 20px}.tech-option{display:flex!important;gap:11px;align-items:flex-start;text-transform:none!important;letter-spacing:0!important;font-weight:400!important;padding:14px;background:#fff;border:1px solid var(--line);cursor:pointer}.tech-option input{width:auto!important;margin:3px 0 0!important}.tech-option strong{display:block;text-transform:none;letter-spacing:0;font-size:13px;color:var(--charcoal)}.tech-option small{display:block;text-transform:none;letter-spacing:0;font-size:11px;font-weight:400;color:var(--muted);line-height:1.5;margin-top:3px}.form-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:5px}.form-bottom-row .form-note{max-width:540px;margin:0}
.process-four{grid-template-columns:repeat(4,1fr)}
.contact-modern-grid{align-items:stretch}.contact-choice{padding:17px 0;border-top:1px solid rgba(255,255,255,.12)}.contact-choice strong{display:block;font-family:Georgia,serif;font-size:18px;color:#fff;font-weight:500;margin-bottom:3px}.contact-choice span{display:block;font-size:12px;color:#d0c8c1;line-height:1.55}.contact-action-card{height:100%}.contact-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.contact-action{display:block;padding:22px;background:#faf8f4;border:1px solid var(--line);transition:.2s}.contact-action strong{display:block;font-family:Georgia,serif;font-size:18px;font-weight:500;color:var(--charcoal);margin-bottom:5px}.contact-action span{display:block;font-size:11px;color:var(--muted)}.contact-action:hover{border-color:var(--blue-accent);transform:translateY(-2px);box-shadow:var(--shadow)}

@media(max-width:1100px){.four-cards{grid-template-columns:repeat(2,1fr)}.clarity-grid{grid-template-columns:repeat(2,1fr)}.home-industries{grid-template-columns:repeat(3,1fr)}.hero-new-grid{gap:35px}.requirement-layout{grid-template-columns:1fr}.requirement-side{position:static}.request-paths{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}}
@media(max-width:900px){.hero-home-new{padding-top:25px}.hero-new-grid{grid-template-columns:1fr;min-height:auto}.hero-new-copy{padding:55px 0 30px}.hero-new-visual{padding-bottom:65px}.hero-image-main{height:390px}.hero-floating{left:18px;bottom:25px}.support-grid{grid-template-columns:1fr}.engagement-grid-home{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr}.technology-grid{grid-template-columns:1fr}.process-four{grid-template-columns:1fr}.contact-action-grid{grid-template-columns:1fr}}
@media(max-width:600px){.hero-new-copy h1{font-size:44px}.hero-new-copy p{font-size:16px}.hero-trust{gap:8px 14px}.hero-image-main{height:300px;border-width:5px}.hero-floating{left:12px;right:12px;max-width:none;bottom:18px}.four-cards,.clarity-grid,.home-industries,.engagement-grid-home{grid-template-columns:1fr}.support-card{grid-template-columns:38px 1fr;padding:24px}.support-card h3{font-size:23px}.community-visual>img{height:320px}.request-paths{grid-template-columns:1fr}.request-master-card{padding:28px 20px}.request-master-card h2{font-size:32px}.form-bottom-row{display:block}.form-bottom-row .btn{margin-top:16px}.contact-action-grid{grid-template-columns:1fr}.privacy-callout{margin-bottom:20px}}
.hero-home-new:after{display:none}
.hero-home-new .eyebrow{color:var(--blue2)}
.hero-home-new .btn-outline{border-color:rgba(255,255,255,.35)}

/* Post Your Requirement - extended job and location fields */
.form-section-divider{margin:22px 0 16px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:1.6px;font-weight:800;color:#4A4037}
.form-section-divider span{display:inline-block}
.work-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.mode-option{display:flex!important;align-items:flex-start;gap:11px;padding:15px 16px;border:1px solid var(--line);background:#fff;cursor:pointer;text-transform:none!important;letter-spacing:0!important;font-weight:400!important}
.mode-option input{width:auto!important;margin:3px 0 0!important}
.mode-option strong{display:block;font-size:14px;color:var(--charcoal);text-transform:none;letter-spacing:0}
.mode-option small{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45}
.onsite-fields{padding:20px;background:#faf8f4;border:1px solid var(--line);margin-bottom:18px}
.onsite-heading{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--charcoal);margin-bottom:15px}
.three-col{grid-template-columns:1fr 1fr 1fr}
@media(max-width:600px){.work-mode-options,.three-col{grid-template-columns:1fr}}


/* UFT Final Visual System: one accent color, clean professional contrast */
:root{--accent:#4A4037;--blue-accent:var(--accent);--blue2:var(--accent);--wine:var(--accent);--wine2:var(--accent);--charcoal:#2B2520;--ink:#2B2520;--cream:#f7f7f5;--line:#dedbd5}

/* No multi-colour gradients: use one accent + neutral charcoal/white palette. */
.hero-home-new,.requirement-hero,.page-hero,.careers-hero,.engagement-band{background:var(--charcoal)!important}
.section.navy{background:var(--charcoal)!important}
.feature-band{background:var(--accent)!important}
.service-tile:nth-child(even){background:var(--charcoal)!important}

/* Consistent accent */
.main-nav>a:hover,.drop-btn:hover,.main-nav .active,.drop-menu a:hover,.text-link,.support-no,.support-card:hover span,.home-service-list a:hover strong,.career-number,.section-mini-title,.request-path strong,.request-path:hover span,.request-path.active span,.request-form label span,.form-section-divider,.hero-floating strong,.mini-stat-grid strong{color:var(--accent)!important}
.card:hover,.support-card:hover,.career-card:hover,.contact-action:hover{border-color:var(--accent)!important}

/* Buttons: always visible, especially on dark sections */
.btn{min-height:48px;font-weight:800;letter-spacing:.15px}
.btn-blue-accent,.nav-cta{background:var(--accent)!important;color:#fff!important;border:1px solid var(--accent)!important;box-shadow:0 8px 24px rgba(34,184,209,.28)!important}
.btn-blue-accent:hover,.nav-cta:hover{background:#4A4037!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 12px 28px rgba(22,58,95,.38)!important}
.btn-light{background:#fff!important;color:var(--charcoal)!important;border:1px solid #fff!important}
.btn-light:hover{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}
.btn-outline{background:transparent!important;color:#fff!important;border:1px solid var(--accent)!important}
.btn-outline:hover{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}

/* Dark background CTAs get clear accent treatment */
.hero-home-new .btn,.hero .btn,.engagement-band .btn,.requirement-hero .btn,.page-hero .btn,.careers-hero .btn{box-shadow:0 8px 25px rgba(34,184,209,.30)!important}

/* Form controls */
.request-form input:focus,.request-form textarea:focus,.request-form select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(34,184,209,.14)!important}
.request-form input[type=radio]:checked,.request-form input[type=checkbox]:checked{accent-color:var(--accent)}
.mode-option:hover,.tech-option:hover{border-color:var(--accent);box-shadow:0 4px 16px rgba(36,33,31,.06)}

/* Better dark-section text readability */
.engagement-band .section-head p,.navy .section-head p{color:#e7e4df!important}
.hero-home-new .eyebrow,.hero-home-new .btn-outline{color:var(--accent)!important}
.hero-home-new .btn-outline{color:#fff!important;border-color:var(--accent)!important}

/* Mobile menu CTA */
@media(max-width:900px){.nav-cta{box-shadow:0 8px 22px rgba(34,184,209,.30)!important}.main-nav .nav-cta{text-align:center}}

/* UFT requested refinements: one accent, left-aligned body text, clear community journey */
body p{text-align:left}
.community-actions{margin-top:24px;margin-bottom:0}.community-actions .btn{margin-bottom:8px}
.community-process-wrap{margin-top:72px}.community-process-wrap .section-head{margin-bottom:30px}.community-process-wrap h3{font-family:Georgia,serif;font-size:clamp(26px,3vw,38px);font-weight:500;margin:0 0 10px;color:var(--charcoal)}
.community-process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);background:#fff}
.community-process-step{padding:26px 24px;border-right:1px solid var(--line);position:relative}.community-process-step:last-child{border-right:0}.community-process-step span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--accent);border-radius:50%;font-size:11px;font-weight:800;color:var(--accent);margin-bottom:18px}.community-process-step strong{display:block;font-family:Georgia,serif;font-size:19px;font-weight:500;color:var(--charcoal);margin-bottom:7px}.community-process-step p{font-size:13px;color:var(--muted);line-height:1.65;margin:0}
.community-page-actions{margin-top:24px}.community-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.community-choice{display:block;border:1px solid var(--line);background:#fff;padding:20px;transition:.2s}.community-choice strong{display:block;font-family:Georgia,serif;font-size:18px;font-weight:500;margin-bottom:5px}.community-choice span{display:block;color:var(--muted);font-size:12px;line-height:1.55}.community-choice:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}
.community-process-page{border:0;background:transparent;gap:14px}.community-process-page .community-process-step{background:#fff;border:1px solid var(--line);min-height:205px}
.career-role-section{scroll-margin-top:110px}.career-region-intro{max-width:820px;margin:0 auto 30px;text-align:center}.career-region-intro p{color:var(--muted);line-height:1.75}.career-role-list{display:flex;flex-direction:column;gap:14px;max-width:920px;margin:0 auto}.career-role{background:#fff;border:1px solid #d9d9d9;border-radius:6px;padding:0;box-shadow:0 2px 8px rgba(40,37,36,.045);transition:.2s;overflow:hidden}.career-role:hover{border-color:#c9c9c9;box-shadow:0 7px 22px rgba(40,37,36,.08)}.career-role summary{list-style:none;cursor:pointer;padding:22px 24px;display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.career-role summary::-webkit-details-marker{display:none}.career-role summary:after{content:'+';flex:0 0 auto;width:30px;height:30px;border:1px solid #d5d5d5;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:400;color:#555;margin-top:2px}.career-role[open] summary:after{content:'×'}.career-role-title{display:block;font-size:20px;font-weight:700;color:#1f1f1f;line-height:1.3;margin-bottom:8px}.career-role-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:0;color:#5f5f5f;font-size:12px;line-height:1.4}.career-role-meta{font-weight:600}.career-role-meta:before{content:'UFT';display:inline-flex;align-items:center;background:#f1f1f1;border-radius:3px;padding:4px 8px;color:#333;font-weight:750}.career-role-meta{word-break:break-word}.career-role-body{padding:0 24px 26px;border-top:1px solid #e5e5e5}.career-role-body:after{content:'';display:block;clear:both}.career-role-body h4{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#4A4037;margin:20px 0 8px}.career-role-body p{font-size:13px;color:var(--muted);line-height:1.75;margin:0 0 10px}.career-role-body ul{margin:0;padding-left:19px}.career-role-body li{font-size:13px;color:var(--muted);line-height:1.7;margin:3px 0}.career-role-apply{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:10px 16px;background:#2B2520;color:#fff;border-radius:4px;font-size:12px;font-weight:750}.career-role-apply:hover{background:#4A4037;color:#fff}.career-profile-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:24px;align-items:stretch}.career-profile-side{background:var(--charcoal);color:#fff;padding:34px}.career-profile-side h3{font-family:Georgia,serif;font-size:30px;font-weight:500;margin:0 0 12px}.career-profile-side p{color:#ddd6cf;font-size:14px;line-height:1.75}.career-profile-side .profile-list{margin:25px 0 0;padding:0;list-style:none}.career-profile-side .profile-list li{padding:12px 0;border-top:1px solid rgba(255,255,255,.13);font-size:12px;color:#e7e0d9}.career-form-card{background:#fff;border:1px solid var(--line);padding:34px}.career-form-card h2{font-family:Georgia,serif;font-size:34px;font-weight:500;margin:0 0 8px}.career-form-card>p{color:var(--muted);font-size:14px}.career-form-card label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.9px;font-weight:800;color:var(--charcoal);margin:0 0 7px}.career-form-card input,.career-form-card select,.career-form-card textarea{width:100%;border:1px solid #dfe2e5;padding:13px 14px;margin-bottom:13px;font:inherit;font-size:13px;outline:none;background:#fff;border-radius:2px}.career-form-card input:focus,.career-form-card select:focus,.career-form-card textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(22,58,95,.12)}.career-form-card input[type=file]{padding:10px}.career-form-card small{display:block;color:var(--muted);font-size:11px;margin:-5px 0 12px}.career-form-note{margin-top:15px;font-size:12px}.career-form-note.success{padding:12px 14px;border:1px solid var(--accent);background:#f7f3ec;color:var(--charcoal)}
@media(max-width:900px){.community-process{grid-template-columns:1fr 1fr}.community-process-step:nth-child(2){border-right:0}.community-process-step{border-bottom:1px solid var(--line)}.community-choice-grid,.career-profile-layout,.career-role-list{grid-template-columns:1fr}.community-process-page{grid-template-columns:1fr}.community-process-page .community-process-step{border:1px solid var(--line)!important}.career-profile-side{padding:28px}}
@media(max-width:600px){.community-process{grid-template-columns:1fr}.community-process-step{border-right:0;border-bottom:1px solid var(--line)}.community-process-step:last-child{border-bottom:0}.community-actions{display:flex;flex-direction:column;align-items:stretch}.community-actions .btn{text-align:center;justify-content:center}.career-form-card{padding:24px 18px}.career-profile-side{padding:25px 20px}}

/* =========================================================
   UFT FINAL BRAND SYSTEM
   One brand accent only: muted bronze. All other UI tones are
   neutral charcoal, white and grey.
========================================================= */
:root{
  --accent:#4A4037;
  --blue-accent:#B38A4A;
  --blue2:#D7B879;
  --wine:#4A4037;
  --wine2:#4A4037;
  --charcoal:#252321;
  --charcoal2:#252321;
  --ink:#292725;
  --muted:#68635e;
  --cream:#f5f4f1;
  --line:#dedbd5;
}

/* Keep page sections neutral and use the single accent only for brand emphasis. */
.hero-home-new,.requirement-hero,.page-hero,.careers-hero,.engagement-band,.hero-home{background-color:var(--charcoal)!important;background-image:var(--hero-image,inherit)}
.section.navy,.feature-band,.service-tile,.service-tile:nth-child(even),.hero-statbar{background-color:var(--charcoal)!important}
.service-tile:nth-child(even){background:var(--charcoal)!important}

/* Single accent across navigation, headings, links, controls and states. */
.main-nav>a:hover,.drop-btn:hover,.main-nav .active,.drop-menu a:hover,.text-link,
.support-no,.support-card:hover span,.home-service-list a:hover strong,.career-number,
.section-mini-title,.request-path strong,.request-path:hover span,.request-path.active span,
.request-form label span,.form-section-divider,.hero-floating strong,.mini-stat-grid strong,
.eyebrow,.breadcrumbs,.career-role-body h4,.career-role-meta:before{color:var(--accent)!important}
.card:hover,.support-card:hover,.career-card:hover,.contact-action:hover,.industry:hover,
.career-role:hover{border-color:var(--accent)!important}

.btn-blue-accent,.nav-cta,.career-role-apply{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}
.btn-blue-accent:hover,.nav-cta:hover,.career-role-apply:hover{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}
.btn-outline{border-color:var(--accent)!important;color:#fff!important}
.btn-outline:hover{background:var(--accent)!important;color:#fff!important}

.breadcrumbs{color:var(--accent)!important}

/* Remove old multi-colour treatment from service tiles. */
.service-tile:after{border-color:rgba(34,184,209,.18)!important}

/* =========================================================
   CAREER APPLICATION MODAL
========================================================= */
.career-role-apply{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:20px;
  padding:11px 18px;
  border:1px solid var(--accent);
  border-radius:4px;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}

.career-application-section{padding:10px 0 40px;background:#fff}
.career-success-box{
  max-width:760px;
  margin:0 auto;
  padding:28px 32px;
  border:1px solid var(--accent);
  background:var(--cream);
  text-align:center;
}
.career-success-box .eyebrow{margin-bottom:8px}
.career-success-box h2{font-family:Georgia,serif;font-weight:500;margin:0 0 8px;color:var(--charcoal)}
.career-success-box p{margin:0;color:var(--muted)}

.career-modal{display:none;position:fixed;inset:0;z-index:5000}
.career-modal.is-open{display:block}
.career-modal-backdrop{position:absolute;inset:0;background:rgba(20,19,18,.72);backdrop-filter:blur(4px)}
.career-modal-dialog{
  position:relative;
  width:min(720px,calc(100% - 28px));
  max-height:calc(100vh - 34px);
  overflow-y:auto;
  margin:17px auto;
  padding:30px;
  background:#fff;
  border:1px solid var(--accent);
  border-radius:8px;
  box-shadow:0 25px 80px rgba(0,0,0,.30);
}
.career-modal-close{
  position:absolute;right:16px;top:12px;width:36px;height:36px;
  border:1px solid var(--line);border-radius:50%;background:#fff;
  color:var(--charcoal);font-size:25px;line-height:1;cursor:pointer
}
.career-modal-dialog h2{font-family:Georgia,serif;font-size:34px;font-weight:500;color:var(--charcoal);margin:0 45px 6px 0}
.career-modal-subtitle{font-size:13px;color:var(--muted);margin:0 0 20px}
.career-applied-position{padding:13px 15px;background:var(--cream);border-left:3px solid var(--accent);margin:0 0 18px}
.career-applied-position span{display:block;text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:800;color:var(--muted);margin-bottom:3px}
.career-applied-position strong{display:block;color:var(--charcoal);font-size:15px}
.career-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.career-modal-dialog label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:800;color:var(--charcoal);margin:0 0 6px}
.career-modal-dialog input,.career-modal-dialog select,.career-modal-dialog textarea{
  width:100%;border:1px solid #dfe2e5;padding:11px 12px;margin-bottom:12px;
  font:inherit;font-size:13px;outline:none;background:#fff;border-radius:3px
}
.career-modal-dialog input:focus,.career-modal-dialog select:focus,.career-modal-dialog textarea:focus{
  border-color:var(--accent);box-shadow:0 0 0 3px rgba(22,58,95,.12)
}
.career-modal-dialog input[type=file]{padding:9px}
.career-modal-dialog small{display:block;color:var(--muted);font-size:10px;margin:-5px 0 10px}
.career-modal-error{margin-bottom:15px}
.career-modal-submit{margin-top:5px;width:100%;justify-content:center}
body.career-modal-open{overflow:hidden}

@media(max-width:600px){
  .career-modal-dialog{padding:24px 18px;margin:10px auto;max-height:calc(100vh - 20px)}
  .career-modal-dialog h2{font-size:29px}
  .career-modal-grid{grid-template-columns:1fr}
  .career-role summary{padding:18px}
  .career-role-body{padding:0 18px 22px}
}

/* UFT final typography and responsive spacing polish */
:root{
  --accent:#4A4037;
  --blue-accent:var(--accent);
  --blue2:var(--accent);
  --wine:var(--accent);
  --wine2:var(--accent);
  --charcoal:#222724;
  --charcoal2:#222724;
  --ink:#292D2A;
  --muted:#626A65;
  --cream:#F4F6F4;
  --line:#DDE3DF;
}

html{
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
}

body{
  overflow-x:hidden;
  word-spacing:normal;
  text-rendering:optimizeLegibility;
}

p, li, td, th, label, small, span{
  word-spacing:normal;
}

p{
  line-height:1.72;
}

h1,h2,h3,h4,h5,h6{
  overflow-wrap:break-word;
  word-spacing:normal;
}

.section-head p,
.page-hero p,
.hero p,
.detail-content p,
.card p,
.service-tile p,
.industry p,
.career-role-body p,
.career-role-body li{
  max-width:100%;
}

.container{
  width:min(1180px, calc(100% - 40px));
}

.section{
  overflow:hidden;
}

.hero-actions,
.form-bottom-row,
.community-actions,
.community-page-actions{
  flex-wrap:wrap;
}

.btn,
.nav-cta,
.career-role-apply{
  white-space:normal;
  text-align:center;
}

.career-role-title{
  overflow-wrap:anywhere;
}

.career-role-meta{
  row-gap:6px;
}

.request-master-card,
.form-card,
.career-form-card{
  min-width:0;
}

.request-form input,
.request-form select,
.request-form textarea,
.form-card input,
.form-card select,
.form-card textarea,
.career-form-card input,
.career-form-card select,
.career-form-card textarea{
  max-width:100%;
  min-width:0;
}

@media (max-width: 900px){
  .container{
    width:min(100% - 32px, 1180px);
  }

  .section{
    padding-top:68px;
    padding-bottom:68px;
  }

  .section-head{
    margin-bottom:32px;
  }

  .section h2{
    line-height:1.16;
  }

  .page-hero{
    padding:64px 0;
  }

  .page-hero h1{
    font-size:clamp(36px, 8vw, 48px);
  }

  .page-hero p,
  .hero p{
    font-size:16px;
    line-height:1.65;
  }

  .split,
  .detail-grid,
  .contact-grid,
  .career-teaser-grid,
  .career-profile-layout{
    gap:32px;
  }

  .request-layout,
  .requirement-layout{
    gap:32px;
  }

  .career-role summary{
    padding:19px 18px;
  }

  .career-role-body{
    padding:0 18px 22px;
  }
}

@media (max-width: 600px){
  .container{
    width:calc(100% - 28px);
  }

  .section{
    padding-top:56px;
    padding-bottom:56px;
  }

  .page-hero{
    padding:52px 0;
  }

  .page-hero h1,
  .hero h1{
    font-size:clamp(34px, 10vw, 42px);
    line-height:1.08;
    letter-spacing:-.02em;
  }

  .section h2{
    font-size:clamp(29px, 8vw, 38px);
  }

  .section-head p,
  .page-hero p,
  .detail-content p,
  .card p{
    font-size:14px;
    line-height:1.7;
  }

  .hero-actions{
    width:100%;
    gap:10px;
  }

  .hero-actions .btn{
    width:100%;
  }

  .form-card,
  .request-master-card,
  .career-form-card{
    padding:24px 18px;
  }

  .career-role summary{
    gap:12px;
    padding:17px 15px;
  }

  .career-role-title{
    font-size:18px;
  }

  .career-role-body{
    padding:0 15px 20px;
  }

  .career-role-body p,
  .career-role-body li{
    font-size:13px;
    line-height:1.65;
  }

  .career-role-apply{
    width:100%;
    justify-content:center;
  }

  .form-bottom-row{
    display:block;
  }

  .form-bottom-row .btn{
    width:100%;
    margin-top:14px;
  }

  .work-mode-options{
    gap:9px;
  }

  .mode-option{
    width:100%;
  }

  .community-process-step{
    padding:22px 18px;
  }
}


/* =========================================================
   FINAL GLOBAL SPACING AND SINGLE ACCENT THEME
   ========================================================= */
:root{
  --accent:#4A4037;
  --blue-accent:var(--accent);
  --blue2:var(--accent);
  --wine:var(--accent);
  --wine2:var(--accent);
  --charcoal:#2B2520;
  --charcoal2:#2f2c29;
  --ink:#2B2520;
  --muted:#6d6661;
  --cream:#f6f6f3;
  --line:#deded9;
  --white:#fff;
}

/* Keep one accent color across all interactive and highlighted elements */
a:hover,
.main-nav>a:hover,
.drop-btn:hover,
.main-nav .active,
.drop-menu a:hover,
.text-link:hover,
.request-path:hover span,
.request-path.active span,
.home-service-list a:hover strong,
.section-mini-title,
.form-section-divider,
.career-role-body h4,
.career-role-meta:before,
.breadcrumbs,
.eyebrow,
.stat strong,
label span,
.request-path strong,
.privacy-callout strong,
.community-process-step span,
.support-no,
.clarity-card>span,
.career-applied-position strong{color:var(--accent)!important}

.btn-blue-accent,
.nav-cta,
.career-role-apply{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}
.btn-blue-accent:hover,
.nav-cta:hover,
.career-role-apply:hover{background:var(--accent)!important;color:#fff!important;opacity:.92}

input:focus,
textarea:focus,
select:focus,
.request-form input:focus,
.request-form textarea:focus,
.request-form select:focus,
.career-form-card input:focus,
.career-form-card select:focus,
.career-form-card textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px rgba(34,184,209,.10)!important}

.image-frame:before{border-left-color:var(--accent)!important;border-top-color:var(--accent)!important}
.image-frame:after{border-right-color:var(--accent)!important;border-bottom-color:var(--accent)!important}

/* Reduce unnecessary card and form whitespace on desktop */
.card{padding:22px}
.support-card{padding:24px;gap:18px}
.clarity-card{padding:22px;min-height:0}
.faq-item{padding:17px 19px}
.contact-action{padding:18px}
.request-master-card{padding:32px 34px}
.technology-requirements{padding:18px}
.tech-option{padding:11px 12px}
.mode-option{padding:12px 13px}
.career-role summary{padding:18px 20px}
.career-role-body{padding:0 20px 20px}
.career-profile-side{padding:28px}
.career-form-card{padding:28px}

/* Keep text blocks compact and prevent artificial empty space */
p{margin-top:0}
.section-head{margin-bottom:32px}
.detail-content p{margin-bottom:12px}
.card p:last-child,
.faq-item p:last-child,
.clarity-card p:last-child{margin-bottom:0}

/* Mobile: remove excess horizontal and vertical space */
@media(max-width:767px){
  .container{width:min(100% - 28px,1180px)}
  .section{padding:58px 0}
  .section-head{margin-bottom:24px}
  .section h2{margin-bottom:10px}
  .cards,.support-grid,.clarity-grid,.faq-grid,.home-industries,.engagement-grid-home{gap:10px}
  .card,.support-card,.clarity-card,.faq-item{padding:18px}
  .support-card{gap:14px}
  .request-layout,.requirement-layout{gap:22px}
  .request-master-card{padding:22px 16px}
  .request-paths{margin-top:20px}
  .request-path{padding:12px 0;gap:10px}
  .technology-requirements{padding:15px}
  .technology-grid{grid-template-columns:1fr;gap:8px;margin:12px 0 16px}
  .tech-option{padding:10px}
  .form-section-divider{margin:18px 0 12px;padding-top:13px}
  .work-mode-options{grid-template-columns:1fr;gap:8px;margin-bottom:12px}
  .mode-option{padding:11px 12px}
  .onsite-fields{padding:14px;margin-top:12px}
  .form-bottom-row{gap:10px;margin-top:0}
  .form-bottom-row .btn{margin-top:10px}
  .career-role-list{gap:9px}
  .career-role summary{padding:14px 15px;gap:10px}
  .career-role-title{font-size:17px;margin-bottom:5px}
  .career-role-meta{font-size:11px;gap:5px}
  .career-role-body{padding:0 15px 16px}
  .career-role-body h4{margin:15px 0 6px}
  .career-role-body p,.career-role-body li{line-height:1.55}
  .career-role-apply{width:100%;justify-content:center;margin-top:12px}
  .career-profile-side{padding:22px 18px}
  .career-form-card{padding:20px 16px}
  .contact-action-grid{gap:8px;margin-top:18px}
}

@media(max-width:420px){
  .container{width:calc(100% - 24px)}
  .section{padding:48px 0}
  .hero-content{padding:75px 0 78px}
  .page-hero .container{padding-top:0}
  .request-master-card{padding:18px 13px}
  .career-form-card{padding:18px 13px}
}

/* =========================================================
   UFT BLUE BRAND + PROFESSIONAL JOB POST LISTINGS
   ========================================================= */
:root{
  --accent:#4A4037;
  --blue-accent:var(--accent);
  --blue2:var(--accent);
  --wine:var(--accent);
  --wine2:var(--accent);
}

/* One consistent UFT accent color */
a:hover,.text-link:hover,.eyebrow,.breadcrumbs,
.section-mini-title,.form-section-divider,
.career-role-body h4,.career-job-company{color:var(--accent)!important}

.btn-blue-accent,.nav-cta,.career-role-apply{
  background:var(--accent)!important;
  color:#fff!important;
  border-color:var(--accent)!important;
}
.btn-blue-accent:hover,.nav-cta:hover,.career-role-apply:hover{
  background:#0F2D4A!important;
  color:#fff!important;
  border-color:#0F2D4A!important;
}

input:focus,select:focus,textarea:focus,
.career-form-card input:focus,.career-form-card select:focus,.career-form-card textarea:focus{
  border-color:var(--accent)!important;
  box-shadow:0 0 0 3px rgba(22,58,95,.12)!important;
}

/* LinkedIn-style job posts: visible cards, not FAQ accordions */
.career-role-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px!important;
  max-width:1100px!important;
  margin:0 auto!important;
}
.career-role{
  display:flex;
  flex-direction:column;
  background:#fff!important;
  border:1px solid #dfe4e9!important;
  border-radius:8px!important;
  padding:0!important;
  box-shadow:0 3px 14px rgba(20,40,60,.06)!important;
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.career-role:hover{
  transform:translateY(-3px);
  border-color:var(--accent)!important;
  box-shadow:0 10px 28px rgba(20,40,60,.10)!important;
}
.career-job-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:18px 20px 8px;
}
.career-job-company{
  font-size:14px;
  font-weight:800;
  letter-spacing:.3px;
}
.career-job-number{
  font-size:11px;
  color:#777;
  background:#f4f6f8;
  padding:5px 8px;
  border-radius:4px;
}
.career-role-title{
  display:block;
  font-size:21px!important;
  line-height:1.3!important;
  color:#1f2933!important;
  margin:8px 20px 10px!important;
  font-weight:750!important;
}
.career-role-meta{
  display:flex!important;
  flex-wrap:wrap;
  gap:8px!important;
  margin:0 20px!important;
  color:#5c6773!important;
  font-size:12px!important;
  line-height:1.5!important;
  font-weight:600;
}
.career-role-meta span{
  background:#f5f7f9;
  border:1px solid #e5e9ed;
  border-radius:4px;
  padding:5px 8px;
}
.career-role-meta:before{display:none!important}
.career-role-body{
  padding:18px 20px 6px!important;
  border-top:0!important;
}
.career-role-body h4{
  margin:13px 0 7px!important;
  font-size:10px!important;
  letter-spacing:1.2px!important;
}
.career-role-body p,.career-role-body li{
  font-size:13px!important;
  line-height:1.65!important;
}
.career-role-body ul{padding-left:18px!important}
.career-job-footer{
  margin-top:auto;
  padding:15px 20px 18px;
  border-top:1px solid #edf0f2;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.career-job-label{
  color:#697582;
  font-size:11px;
  font-weight:650;
}
.career-job-footer .career-role-apply{
  margin-top:0!important;
  padding:10px 15px!important;
  border-radius:5px!important;
  white-space:nowrap;
}

@media(max-width:900px){
  .career-role-list{grid-template-columns:1fr!important;}
}
@media(max-width:600px){
  .career-job-header{padding:16px 16px 6px}
  .career-role-title{margin:7px 16px 9px!important;font-size:19px!important}
  .career-role-meta{margin:0 16px!important}
  .career-role-body{padding:15px 16px 5px!important}
  .career-job-footer{padding:14px 16px 16px;align-items:flex-start;flex-direction:column}
  .career-job-footer .career-role-apply{width:100%;justify-content:center}
}

/* =========================================================
   FINAL UFT BLUE + WHITE PROFESSIONAL THEME
   Single accent palette: #4A4037 + white/light blue neutrals
========================================================= */
:root{
  --accent:#4A4037 !important;
  --blue-accent:#B38A4A !important;
  --blue2:#D7B879 !important;
  --wine:#4A4037 !important;
  --wine2:#4A4037 !important;
  --charcoal:#4A4037 !important;
  --charcoal2:#4A4037 !important;
  --ink:#4A4037 !important;
  --muted:#52677A !important;
  --cream:#F5F0E8 !important;
  --line:#E3DBD0 !important;
  --white:#FFFFFF !important;
  --shadow:0 16px 45px rgba(22,58,95,.10) !important;
}

body{background:#fff!important;color:#4A4037!important}
body a{color:#4A4037}
.topbar,.hero,.page-hero,.section.navy,.service-tile,.cta-box,.contact-panel,.career-profile-side{background:#4A4037!important;color:#fff!important}
.topbar{border-bottom:1px solid rgba(255,255,255,.14)}
.site-header{background:rgba(255,255,255,.98)!important;border-bottom:1px solid #E3DBD0!important}
.main-nav>a,.drop-btn{color:#4A4037!important}
.main-nav>a:hover,.drop-btn:hover,.main-nav .active{color:#4A4037!important}
.nav-cta,.btn-blue-accent,.career-role-apply{background:#4A4037!important;color:#fff!important;border-color:#4A4037!important}
.nav-cta:hover,.btn-blue-accent:hover,.career-role-apply:hover{background:#0F2D4A!important;color:#fff!important;border-color:#0F2D4A!important}
.btn-light{background:#fff!important;color:#4A4037!important;border-color:#fff!important}
.btn-light:hover{background:#F5F0E8!important;color:#4A4037!important;border-color:#E3DBD0!important}
.btn-outline{color:#fff!important;border-color:rgba(255,255,255,.7)!important}
.btn-outline:hover{background:#fff!important;color:#4A4037!important;border-color:#fff!important}
.hero:after{background:rgba(22,58,95,.88)!important}
.hero p,.page-hero p{color:#EAF2F8!important}
.hero .eyebrow,.eyebrow,.breadcrumbs,.num,.form-section-divider{color:#4A4037!important}
.hero .eyebrow{color:#fff!important}
.hero-statbar{background:rgba(15,45,74,.94)!important}
.section.cream,.cta,.onsite-fields{background:#F5F0E8!important}
.section h2,.detail-content h2,.detail-content h3,.card h3,.career-role-title,.career-form-card h2,.contact-action strong,.form-card h2{color:#4A4037!important}
.section-head p,.detail-content p,.card p,.career-role-body p,.career-role-body li,.form-card p,.career-form-card>p,.career-form-card small{color:#52677A!important}
.card,.form-card,.career-form-card,.career-role,.industry,.contact-action,.community-choice,.technology-requirements,.tech-option,.mode-option,.side-nav{background:#fff!important;border-color:#E3DBD0!important}
.card:hover,.industry:hover,.contact-action:hover,.community-choice:hover,.career-role:hover{border-color:#4A4037!important;box-shadow:var(--shadow)!important}
.card .icon{background:#F5F0E8!important;color:#4A4037!important}
.text-link,.career-role-body h4{color:#4A4037!important}
.service-tile:nth-child(even){background:#4A4037!important}
.service-tile p,.step p{color:#EAF2F8!important}
.step{border-top-color:#4A4037!important}
.step:before{background:#4A4037!important}
.step strong{color:#4A4037!important}
.pill{background:#F5F0E8!important;border-left-color:#4A4037!important}
.side-nav a{color:#4A4037!important;border-bottom-color:#E3DBD0!important}
.side-nav a:hover{background:#F5F0E8!important;color:#4A4037!important}
.feature-band{background:#4A4037!important}
.check-list li{color:#EAF2F8!important}.check-list li:before{color:#fff!important}
.cta p{color:#EAF2F8!important}
.contact-item strong{color:#fff!important}.contact-item span{color:#EAF2F8!important}
.contact-choice span{color:#EAF2F8!important}
.form-card input,.form-card select,.form-card textarea,.request-form input,.request-form select,.request-form textarea,.career-form-card input,.career-form-card select,.career-form-card textarea{border-color:#D8CFC4!important;color:#4A4037!important;background:#fff!important}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.request-form input:focus,.request-form select:focus,.request-form textarea:focus,.career-form-card input:focus,.career-form-card select:focus,.career-form-card textarea:focus{border-color:#4A4037!important;box-shadow:0 0 0 3px rgba(22,58,95,.12)!important}
.form-card label,.career-form-card label{color:#4A4037!important}
.drop-menu{border-color:#E3DBD0!important}.drop-menu a{color:#4A4037!important}.drop-menu a:hover{background:#F5F0E8!important;color:#4A4037!important}
.menu-toggle span{background:#4A4037!important}
.image-frame:before{border-color:#4A4037!important}.image-frame:after{border-color:#4A4037!important}
.career-role summary{color:#4A4037!important}.career-role summary:after{border-color:#D8CFC4!important;color:#4A4037!important}
.career-role-meta{color:#52677A!important}.career-role-meta:before{background:#F5F0E8!important;color:#4A4037!important}
.career-role-body{border-top-color:#E3DBD0!important}
.career-profile-side p,.career-profile-side .profile-list li{color:#EAF2F8!important}
.career-profile-side .profile-list li{border-top-color:rgba(255,255,255,.18)!important}
.footer,.site-footer{background:#4A4037!important;color:#fff!important}
.footer a,.site-footer a{color:#fff!important}.footer a:hover,.site-footer a:hover{color:#EAF2F8!important}
input::placeholder,textarea::placeholder{color:#7890A3!important}

/* Remove legacy dark/green/blue-accent visual treatments by forcing the final palette */
[style*="#B38A4A"],[style*="#2B2520"],[style*="#B38A4A"],[style*="#B38A4A"]{color:#4A4037!important;border-color:#4A4037!important;background-color:transparent!important}

@media(max-width:767px){
  .container{width:min(100% - 28px,1180px)}
  .hero-content{padding:80px 0 88px}
  .section{padding:60px 0}
  .page-hero{padding:62px 0}
  .cards,.service-grid,.industry-grid{gap:14px}
  .card{padding:20px}
  .career-role summary{padding:18px 17px}
  .career-role-body{padding:0 17px 20px}
  .career-profile-side,.career-form-card{padding:22px}
}

/* =========================================================
   UFT FINAL BLUE + WHITE PROFESSIONAL THEME
   No green. No black visual theme. Gold is not used; cyan-blue is used as a
   restrained brand accent to complement the UFT logo.
========================================================= */
:root{
  --accent:#B38A4A;
  --blue-accent:#B38A4A;
  --blue2:#D7B879;
  --charcoal:#2B2520;
  --charcoal2:#174A73;
  --wine:#2B2520;
  --wine2:#174A73;
  --ink:#2B2520;
  --cream:#F5F0E8;
  --white:#FFFFFF;
  --muted:#5F7181;
  --line:#DCE6EF;
  --shadow:0 18px 50px rgba(18,59,96,.12);
}

html,body{overflow-x:hidden}
body{background:#fff;color:var(--ink)}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}

/* ---------- TOP CONTACT BAR ---------- */
.topbar{background:#2B2520!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.16);font-size:12px}
.topbar-inner{min-height:42px;padding:0;display:flex;align-items:center;justify-content:space-between;gap:20px}
.topbar-message{display:flex;align-items:center;gap:9px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.92)}
.topbar-dot{width:6px;height:6px;border-radius:50%;background:#B38A4A;display:inline-block;flex:0 0 6px}
.top-links{display:flex;align-items:center;gap:12px;white-space:nowrap}
.top-links a{color:#fff!important}
.top-links a:hover{color:#D7B879!important}
.top-separator{opacity:.35}

/* ---------- MAIN HEADER ---------- */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.98)!important;border-bottom:1px solid #E1E8EE!important;box-shadow:0 4px 18px rgba(18,59,96,.05)}
.nav-wrap{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{width:228px;height:auto;display:block}
.main-nav{display:flex;align-items:center;gap:3px}
.main-nav>a,.drop-btn{font-size:13px;font-weight:700;padding:13px 11px;color:#2B2520!important;background:none;border:0;cursor:pointer;white-space:nowrap}
.main-nav>a:hover,.drop-btn:hover,.main-nav .active{color:#B38A4A!important}
.nav-cta{background:#2B2520!important;color:#fff!important;border:1px solid #2B2520!important;border-radius:6px!important;padding:13px 18px!important;margin-left:8px;box-shadow:0 8px 20px rgba(18,59,96,.18)}
.nav-cta:hover{background:#174A73!important;color:#fff!important}
.drop-menu{background:#fff!important;border:1px solid #DCE6EF!important;box-shadow:0 18px 50px rgba(18,59,96,.14)!important;border-radius:8px!important}
.drop-menu a:hover{background:#F5F0E8!important;color:#2B2520!important}
.menu-toggle{display:none;border:0;background:transparent;padding:10px;cursor:pointer}
.menu-toggle span{width:27px;height:3px;background:#2B2520;display:block;margin:5px;border-radius:2px}

/* ---------- BUTTON SYSTEM ---------- */
.btn{border-radius:6px!important;font-weight:800!important;min-height:48px;padding:13px 21px;transition:.2s;box-shadow:none}
.btn-blue-accent,.btn-light{background:#fff!important;color:#2B2520!important;border:2px solid #fff!important;box-shadow:0 10px 25px rgba(0,0,0,.12)!important}
.btn-blue-accent:hover,.btn-light:hover{background:#F5F0E8!important;color:#2B2520!important;border-color:#fff!important;transform:translateY(-2px)}
.btn-outline{background:transparent!important;color:#fff!important;border:2px solid rgba(255,255,255,.86)!important}
.btn-outline:hover{background:#fff!important;color:#2B2520!important;border-color:#fff!important}
.btn-outline-dark{background:#fff!important;color:#2B2520!important;border:2px solid #2B2520!important}
.btn-outline-dark:hover{background:#2B2520!important;color:#fff!important;border-color:#2B2520!important}
.text-link{color:#2B2520!important}
.text-link:hover{color:#D7B879!important}

/* ---------- HERO ---------- */
.hero-home-new,.hero,.page-hero,.engagement-band,.feature-band,.section.navy,.cta-box,.contact-panel,.career-profile-side{background:#2B2520!important}
.hero-home-new{padding:92px 0 78px!important;position:relative;overflow:hidden}
.hero-home-new:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,38,65,.94) 0%,rgba(18,59,96,.82) 48%,rgba(18,59,96,.66) 100%);z-index:0;pointer-events:none}
.hero-home-new .container{position:relative;z-index:2}
.hero-new-grid{grid-template-columns:1fr 1fr!important;gap:62px!important;align-items:center}
.hero-new-copy h1{color:#fff!important}
.hero-new-copy h1 em{color:#D7B879!important}
.hero-new-copy>p{color:rgba(255,255,255,.88)!important}
.eyebrow,.hero-new-copy .eyebrow,.breadcrumbs{color:#B38A4A!important}
.eyebrow:before{background:#B38A4A!important}
.hero-image-main{border-radius:18px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 25px 70px rgba(0,0,0,.28)!important}
.hero-image-main img{object-fit:cover!important;width:100%!important;height:100%!important}
.hero-new-visual:before{border-color:rgba(34,184,209,.55)!important}
.hero-trust span{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important}

/* ---------- LIGHT SECTIONS ---------- */
.section{background:#fff}
.section.cream,.cream,.community-section,.faq-home-section,.clarity-section{background:#F5F0E8!important}
.section h2,.detail-content h2,.detail-content h3,.form-card h2,.career-form-card h2{color:#2B2520!important}
.section-head p,.detail-content p{color:#5F7181!important}
.card,.support-card,.clarity-card,.industry,.faq-item,.form-card,.career-role,.career-form-card{background:#fff!important;border-color:#DCE6EF!important}
.card:before{background:#B38A4A!important}
.card:hover,.support-card:hover,.career-card:hover,.contact-action:hover{border-color:#B38A4A!important}
.image-frame:before,.image-frame:after{border-color:#B38A4A!important}

/* ---------- SERVICE / CONTENT ACCENTS ---------- */
.service-tile:nth-child(even){background:#174A73!important}
.service-tile{background:#2B2520!important}
.feature-band{background:#2B2520!important}
.check-list li:before,.num{color:#B38A4A!important}
.pill{border-left-color:#B38A4A!important;background:#F5F0E8!important}
.industry:hover{border-color:#B38A4A!important}
.process .step{border-color:#B38A4A!important}
.process .step:before{background:#B38A4A!important}
.community-process-step span{border-color:#B38A4A!important;color:#B38A4A!important}
.home-service-list a:hover strong{color:#B38A4A!important}
.home-service-list span,.support-no,.career-number,.section-mini-title,.request-path strong,.request-path:hover span,.request-path.active span,.request-form label span,.form-section-divider,.hero-floating strong,.mini-stat-grid strong{color:#B38A4A!important}

/* ---------- DARK BANDS ---------- */
.engagement-band,.home-final-cta .cta-box{background:#2B2520!important}
.engagement-home-item{background:#174A73!important}
.engagement-grid-home{background:rgba(255,255,255,.16)!important}
.community-badge{background:rgba(18,59,96,.96)!important;border-left-color:#B38A4A!important}

/* ---------- FORMS ---------- */
.request-form input:focus,.request-form textarea:focus,.request-form select:focus,.career-form-card input:focus,.career-form-card select:focus,.career-form-card textarea:focus{border-color:#B38A4A!important;box-shadow:0 0 0 3px rgba(34,184,209,.16)!important}
.request-form input[type=radio]:checked,.request-form input[type=checkbox]:checked{accent-color:#2B2520!important}

/* ---------- FOOTER ---------- */
.site-footer{background:#0D2E4D!important;color:#fff!important}
.site-footer a{color:rgba(255,255,255,.82)!important}
.site-footer a:hover{color:#D7B879!important}
.site-footer h4{color:#fff!important}
.footer-cta{background:#fff!important;color:#2B2520!important;border:2px solid #fff!important}
.footer-cta:hover{background:#F5F0E8!important;color:#2B2520!important}
.disclaimer{color:rgba(255,255,255,.66)!important;border-color:rgba(255,255,255,.12)!important}
.footer-bottom{background:#08243D!important;color:rgba(255,255,255,.72)!important}

/* ---------- CAREERS / PAGE HERO ---------- */
.page-hero{padding:82px 0!important}
.page-hero h1{color:#fff!important}
.page-hero p{color:rgba(255,255,255,.84)!important}
.career-role-apply{background:#fff!important;color:#2B2520!important;border-color:#fff!important}
.career-role-apply:hover{background:#F5F0E8!important;color:#2B2520!important}
.career-role-body h4,.career-job-company{color:#2B2520!important}

/* ---------- MOBILE: TOP BAR MUST REMAIN VISIBLE ---------- */
@media(max-width:900px){
  .topbar-inner{min-height:42px;padding:7px 0;display:flex;justify-content:center}
  .topbar-message{font-size:10px;display:flex;max-width:100%;justify-content:center;text-align:center}
  .topbar-message span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .top-links{display:none}
  .nav-wrap{min-height:78px}
  .brand img{width:205px}
  .menu-toggle{display:block}
  .main-nav{position:absolute;left:0;right:0;top:78px;background:#fff;border-bottom:1px solid #DCE6EF;padding:12px 20px 22px;display:none;flex-direction:column;align-items:stretch;max-height:calc(100vh - 120px);overflow:auto;box-shadow:0 20px 35px rgba(18,59,96,.14)}
  .main-nav.open{display:flex}
  .main-nav>a,.drop-btn{width:100%;text-align:left;padding:13px 8px}
  .nav-cta{margin:8px 0 0;text-align:center!important;justify-content:center}
  .nav-drop{width:100%}
  .drop-menu{position:static;box-shadow:none!important;border:0!important;padding:0 0 4px;display:none;opacity:1;visibility:visible;transform:none;min-width:0}
  .nav-drop.open .drop-menu{display:block}
  .drop-menu a{padding:10px 18px}
  .hero-home-new{padding:68px 0 58px!important}
  .hero-new-grid{grid-template-columns:1fr!important;gap:35px!important}
  .hero-new-copy h1{font-size:clamp(42px,11.5vw,62px)!important}
  .hero-new-copy>p{font-size:16px!important;line-height:1.75!important}
  .hero-actions{flex-direction:column!important;align-items:stretch!important}
  .hero-actions .btn{width:100%;justify-content:center;text-align:center}
  .hero-image-main{height:330px!important}
  .hero-new-visual{order:2}
  .hero-new-copy{order:1}
  .hero-trust{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
  .hero-trust span{text-align:center;border-radius:8px!important}
  .section{padding-top:68px!important;padding-bottom:68px!important}
  .container{width:calc(100% - 28px)}
}
@media(max-width:480px){
  .brand img{width:190px}
  .nav-wrap{min-height:72px}
  .main-nav{top:72px}
  .topbar-message{font-size:9px}
  .hero-home-new{padding-top:54px!important}
  .hero-image-main{height:285px!important}
  .hero-new-copy h1{font-size:39px!important}
  .hero-new-copy>p{font-size:15px!important}
  .hero-trust{grid-template-columns:1fr!important}
  .btn{width:100%;justify-content:center}
}


/* =========================================================
   FINAL UFT BLUE + WHITE PALETTE — NO GOLD
========================================================= */
:root{
  --accent:#B38A4A !important;
  --blue-accent:#B38A4A !important;
  --blue2:#D7B879 !important;
  --gold:#B38A4A !important;
  --gold2:#D7B879 !important;
}
.btn-gold,.btn-light{background:#fff !important;color:#2B2520 !important;border:2px solid #fff !important;box-shadow:0 10px 25px rgba(18,59,96,.16) !important}
.btn-gold:hover,.btn-light:hover{background:#EAF6FD !important;color:#2B2520 !important;border-color:#EAF6FD !important}
.eyebrow,.breadcrumbs,.section-mini-title,.request-form label span,.form-section-divider,.hero-floating strong,.mini-stat-grid strong{color:#B38A4A !important}
.eyebrow:before{background:#B38A4A !important}
.card:before{background:#B38A4A !important}
.card:hover,.support-card:hover,.career-card:hover,.contact-action:hover,.industry:hover{border-color:#B38A4A !important}
.image-frame:before,.image-frame:after{border-color:#B38A4A !important}
.check-list li:before,.num,.home-service-list span,.support-no,.career-number{color:#B38A4A !important}
.pill{border-left-color:#B38A4A !important;background:#F5F0E8 !important}
.process .step{border-color:#B38A4A !important}
.process .step:before{background:#B38A4A !important}
.community-process-step span{border-color:#B38A4A !important;color:#B38A4A !important}
.home-service-list a:hover strong{color:#D7B879 !important}
.community-badge{border-left-color:#B38A4A !important}
.request-form input:focus,.request-form textarea:focus,.request-form select:focus,.career-form-card input:focus,.career-form-card select:focus,.career-form-card textarea:focus{border-color:#B38A4A !important;box-shadow:0 0 0 3px rgba(142,201,240,.18) !important}
.site-footer a:hover{color:#D7B879 !important}

/* =========================================================
   UFT FINAL BLUE COMBINATION — NO DARK BLUE / NO GOLD / NO GREEN
========================================================= */
:root{
  --uft-blue:#2F80C9;
  --uft-blue-2:#58A9DF;
  --uft-blue-3:#EAF6FD;
  --uft-blue-4:#F5FAFE;
  --uft-border:#CFE5F4;
  --uft-text:#27465F;
}

body{color:var(--uft-text)!important}
.topbar{background:#2F80C9!important}
.nav-wrap{background:#fff!important}
.main-nav a,.drop-btn{color:#2F80C9!important}
.main-nav a:hover,.drop-btn:hover{color:#58A9DF!important}
.menu-toggle span{background:#2F80C9!important}

.hero-home-new,.hero,.page-hero,.engagement-band,.feature-band,.section.navy,.cta-box,.contact-panel,.career-profile-side{
  background:#2F80C9!important;
}
.hero-home-new:before{background:linear-gradient(90deg,rgba(47,128,201,.96),rgba(88,169,223,.86))!important}
.page-hero p,.hero-new-copy>p{color:rgba(255,255,255,.94)!important}
.eyebrow,.breadcrumbs,.section-mini-title,.request-form label span,.form-section-divider,.hero-floating strong,.mini-stat-grid strong{
  color:#58A9DF!important;
}
.eyebrow:before{background:#58A9DF!important}

.btn-blue-accent,.nav-cta{background:#fff!important;color:#2F80C9!important;border:2px solid #fff!important}
.btn-blue-accent:hover,.nav-cta:hover{background:#EAF6FD!important;color:#2F80C9!important;border-color:#EAF6FD!important}
.btn-outline{border-color:#fff!important;color:#fff!important}
.btn-outline:hover{background:#fff!important;color:#2F80C9!important}

.section.cream,.cream,.community-section,.faq-home-section,.clarity-section{background:#F5FAFE!important}
.section h2,.detail-content h2,.detail-content h3,.form-card h2,.career-form-card h2{color:#2F80C9!important}
.card,.support-card,.clarity-card,.industry,.faq-item,.form-card,.career-role,.career-form-card{border-color:var(--uft-border)!important}
.card:hover,.support-card:hover,.career-card:hover,.contact-action:hover,.industry:hover{border-color:#58A9DF!important}

.service-tile,.feature-band,.engagement-band,.home-final-cta .cta-box{background:#2F80C9!important}
.service-tile:nth-child(even),.engagement-home-item{background:#58A9DF!important}
.check-list li:before,.num,.home-service-list span,.support-no,.career-number{color:#58A9DF!important}

.request-form input:focus,.request-form textarea:focus,.request-form select:focus,.career-form-card input:focus,.career-form-card select:focus,.career-form-card textarea:focus{
  border-color:#58A9DF!important;box-shadow:0 0 0 3px rgba(88,169,223,.18)!important
}
.request-form input[type=radio]:checked,.request-form input[type=checkbox]:checked{accent-color:#2F80C9!important}

.site-footer{background:#2F80C9!important}
.footer-bottom{background:#58A9DF!important}
.site-footer a:hover{color:#EAF6FD!important}
.footer-cta{color:#2F80C9!important}

/* ---------- CAREERS FAQ ---------- */
.career-faq-list{max-width:1000px;margin:34px auto 0;display:flex;flex-direction:column;gap:12px}
.career-faq-item{background:#fff!important;border:1px solid var(--uft-border)!important;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(47,128,201,.06)}
.career-faq-item:hover{border-color:#58A9DF!important;box-shadow:0 12px 30px rgba(47,128,201,.10)}
.career-faq-question{width:100%;border:0;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;padding:20px 22px;cursor:pointer;color:#2F80C9}
.career-faq-question:hover{background:#F5FAFE}
.career-faq-title-wrap{display:flex;align-items:center;gap:14px;min-width:0}
.career-faq-id{flex:0 0 auto;font-size:12px;font-weight:800;letter-spacing:.08em;color:#58A9DF;background:#EAF6FD;border-radius:7px;padding:7px 9px}
.career-faq-title{font-size:18px;font-weight:700;color:#2F80C9;line-height:1.35}
.career-faq-arrow{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#EAF6FD;color:#2F80C9;font-size:18px;font-weight:800;transition:transform .25s ease,background .25s ease}
.career-faq-question[aria-expanded="true"] .career-faq-arrow{transform:rotate(180deg);background:#2F80C9;color:#fff}
.career-faq-answer{padding:0 22px 22px;border-top:1px solid #E3F0F8}
.career-job-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 22px}
.career-job-meta-grid>div{background:#F5FAFE;border:1px solid #DCECF7;border-radius:10px;padding:12px 14px}
.career-job-meta-grid span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#58A9DF;margin-bottom:4px}
.career-job-meta-grid strong{color:#2F80C9;font-size:14px}
.career-detail-block{margin-top:20px}
.career-detail-block h4{color:#2F80C9!important;margin:0 0 8px;font-size:15px}
.career-detail-block p,.career-detail-block li{color:#52677A;line-height:1.7}
.career-detail-block ul{margin:0;padding-left:20px}
.career-faq-apply{display:flex;justify-content:flex-start;margin-top:24px}
.career-faq-apply .career-role-apply{background:#2F80C9!important;color:#fff!important;border:2px solid #2F80C9!important;border-radius:9px;padding:12px 20px;font-weight:700}
.career-faq-apply .career-role-apply:hover{background:#58A9DF!important;border-color:#58A9DF!important;color:#fff!important}

@media(max-width:700px){
  .career-faq-question{padding:16px 15px;gap:10px}
  .career-faq-title-wrap{gap:9px}
  .career-faq-title{font-size:15px}
  .career-faq-id{font-size:10px;padding:6px 7px}
  .career-faq-arrow{width:27px;height:27px;flex-basis:27px;font-size:16px}
  .career-faq-answer{padding:0 15px 17px}
  .career-job-meta-grid{grid-template-columns:1fr;gap:8px;margin:15px 0 18px}
  .career-faq-apply .career-role-apply{width:100%;justify-content:center}
}

/* =========================================================
   UFT FINAL COLOR SYSTEM — BLUE / CYAN / WHITE
   No green. No gold.
========================================================= */
:root{
  --uft-primary:#B38A4A;
  --uft-primary-2:#278DD0;
  --uft-cyan:#22B8D1;
  --uft-cyan-light:#BCEFF7;
  --uft-soft:#F1F8FC;
  --uft-soft-2:#E6F4FB;
  --uft-white:#FFFFFF;
  --uft-text:#163B63;
  --uft-muted-final:#60758A;
  --uft-border:rgba(29,95,167,.14);
  --uft-gradient:linear-gradient(135deg,#173F73 0%,#1D6FAF 52%,#18A9B8 100%);
  --uft-gradient-soft:linear-gradient(135deg,#EAF6FD 0%,#F8FCFE 55%,#E8FAFC 100%);
  --uft-shadow-final:0 20px 55px rgba(18,67,110,.13);
}

body{color:var(--uft-text);background:#fff}
.topbar{background:var(--uft-gradient)!important;color:#fff!important}
.topbar-inner{min-height:40px;align-items:center}
.topbar-message,.top-links,.top-links a{color:rgba(255,255,255,.96)!important}
.top-links a:hover{color:#fff!important}
.site-header{background:rgba(255,255,255,.98)!important;border-bottom:1px solid rgba(29,95,167,.12)!important}
.main-nav>a,.drop-btn{color:#234B73!important}
.main-nav>a:hover,.drop-btn:hover,.main-nav .active{color:var(--uft-primary)!important}
.nav-cta{background:var(--uft-gradient)!important;color:#fff!important;border-radius:9px!important;box-shadow:0 10px 25px rgba(29,95,167,.20)!important}
.nav-cta:hover{background:linear-gradient(135deg,#278DD0,#22B8D1)!important;color:#fff!important}
.menu-toggle span{background:var(--uft-primary)!important}
.drop-menu a:hover{background:var(--uft-soft)!important;color:var(--uft-primary)!important}

/* Hero / major dark sections use blue-cyan, not green. */
.hero-home-new,.engagement-band,.page-hero{background:var(--uft-gradient)!important}
.hero-home-new:after{border-color:rgba(34,184,209,.24)!important}
.hero-new-copy .eyebrow,.eyebrow{color:var(--uft-cyan)!important}
.hero-new-copy h1 em{color:#55D6E8!important}
.hero-new-copy>p{color:rgba(255,255,255,.88)!important}
.hero-trust span{border-color:rgba(255,255,255,.20)!important;background:rgba(255,255,255,.07)!important}
.hero-image-main{box-shadow:0 30px 80px rgba(8,38,70,.28)!important;border-color:rgba(255,255,255,.18)!important}

.btn-blue-accent{background:#fff!important;border-color:#fff!important;color:var(--uft-primary)!important;box-shadow:0 10px 28px rgba(8,38,70,.20)!important}
.btn-blue-accent:hover{background:var(--uft-cyan-light)!important;border-color:var(--uft-cyan-light)!important;color:#12497D!important}
.btn-outline{border-color:rgba(255,255,255,.70)!important;color:#fff!important;background:rgba(255,255,255,.04)!important}
.btn-outline:hover{background:#fff!important;border-color:#fff!important;color:var(--uft-primary)!important}
.btn-outline-dark{border-color:var(--uft-primary)!important;color:var(--uft-primary)!important}
.btn-outline-dark:hover{background:var(--uft-gradient)!important;color:#fff!important}
.btn-light{background:#fff!important;border-color:#fff!important;color:var(--uft-primary)!important}

.section.cream,.cream,.community-section{background:var(--uft-soft)!important}
.clarity-section{background:#F5FAFD!important}
.card,.support-card,.clarity-card,.industry{border-color:var(--uft-border)!important}
.card:before{background:linear-gradient(90deg,var(--uft-primary),var(--uft-cyan))!important}
.card:hover,.support-card:hover,.industry:hover{border-color:rgba(34,184,209,.45)!important}
.text-link,.support-link{color:var(--uft-primary)!important}
.text-link:hover{color:var(--uft-cyan)!important}

/* Glass cards inspired by the supplied reference. */
.engagement-grid-home{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.20)!important}
.engagement-home-item{background:rgba(255,255,255,.075)!important;backdrop-filter:blur(12px)}
.community-badge{background:rgba(12,48,82,.88)!important;border-left-color:var(--uft-cyan)!important}

.home-final-cta .cta-box{background:var(--uft-gradient)!important}
.home-final-cta{background:var(--uft-soft)!important}

/* Page hero */
.page-hero .breadcrumbs{color:#C7F2F8!important}
.page-hero p{color:rgba(255,255,255,.88)!important}

/* Career accordion */
.career-faq-item{border-color:var(--uft-border)!important;background:#fff!important}
.career-faq-question{background:#fff!important;color:var(--uft-text)!important}
.career-faq-question:hover{background:var(--uft-soft)!important}
.career-faq-id{color:var(--uft-primary)!important}
.career-faq-arrow{color:var(--uft-primary)!important}
.career-faq-item.is-open .career-faq-arrow{color:var(--uft-cyan)!important}
.career-job-meta-grid>div{background:var(--uft-soft)!important;border-color:var(--uft-border)!important}
.career-job-meta-grid span{color:var(--uft-primary)!important}
.career-role-apply{background:var(--uft-gradient)!important;color:#fff!important;border-color:transparent!important}
.career-role-apply:hover{background:linear-gradient(135deg,#278DD0,#22B8D1)!important}
.career-modal-dialog{border-top:4px solid var(--uft-cyan)!important}
.career-modal-submit{background:var(--uft-gradient)!important;color:#fff!important;border-color:transparent!important}

/* Contact photo */
.contact-photo{margin-top:24px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 40px rgba(5,31,57,.20)}
.contact-photo img{display:block;width:100%;height:230px;object-fit:cover}

/* Make the top strip useful on mobile instead of leaving an empty bar. */
@media(max-width:760px){
  .topbar-inner{display:flex!important;justify-content:center!important;padding:8px 14px!important;min-height:42px!important}
  .topbar-message{font-size:10px!important;line-height:1.35!important;text-align:center!important}
  .topbar-message .topbar-dot{display:none!important}
  .top-links{display:none!important}
  .site-header{position:sticky!important;top:0!important}
  .nav-wrap{min-height:78px!important}
  .brand img{width:185px!important}
  .nav-cta{margin-left:0!important}
  .hero-home-new{background:var(--uft-gradient)!important}
  .hero-new-copy h1 em{color:#55D6E8!important}
  .btn-blue-accent,.btn-outline{width:100%!important;justify-content:center!important;text-align:center!important}
  .contact-photo img{height:210px}
}

/* =========================================================
   UFT REFERENCE DESIGN — NAVY / BLUE / CYAN / WHITE
   Matches the supplied reference: premium gradient hero,
   glass metric cards, clean white navigation and cyan accents.
========================================================= */
:root{
  --ref-navy:#071A33;
  --ref-navy2:#0B2B4D;
  --ref-blue:#1E63B5;
  --ref-blue2:#2F86E5;
  --ref-cyan:#18D3C5;
  --ref-cyan2:#35DDE8;
  --ref-white:#fff;
  --ref-soft:#EFF7FC;
  --ref-text:#0D3155;
}

/* Top contact strip */
.uft-reference-topbar{background:linear-gradient(90deg,#071A33 0%,#0B3154 55%,#075B60 100%)!important;color:#fff!important;border:0!important}
.uft-topbar-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:0!important}
.uft-topbar-contact,.uft-topbar-social{display:flex;align-items:center;gap:18px}
.uft-topbar-contact a{font-size:14px;color:#fff!important;white-space:nowrap}
.uft-topbar-contact a:first-child{font-size:15px}
.uft-topbar-contact i{height:22px;width:1px;background:rgba(255,255,255,.35);display:block}
.uft-topbar-social{gap:24px}
.uft-topbar-social a{font-size:15px;font-weight:800;color:#fff!important;opacity:.95}
.uft-topbar-social a:hover{color:var(--ref-cyan2)!important}

/* Clean white navigation */
.site-header{background:#fff!important;border-bottom:1px solid #e7eef4!important;box-shadow:0 5px 20px rgba(7,26,51,.04)!important}
.nav-wrap{min-height:96px!important}
.brand img{width:245px!important}
.main-nav{gap:8px!important}
.main-nav>a,.drop-btn{font-size:15px!important;font-weight:650!important;color:#0D3155!important;padding:14px 13px!important}
.main-nav>a:hover,.drop-btn:hover,.main-nav .active{color:var(--ref-blue2)!important}
.nav-cta{background:linear-gradient(90deg,var(--ref-cyan),var(--ref-blue))!important;border-radius:13px!important;padding:15px 24px!important;color:#fff!important;box-shadow:0 12px 30px rgba(30,99,181,.20)!important}
.nav-cta:hover{background:linear-gradient(90deg,var(--ref-blue2),var(--ref-cyan))!important}
.menu-toggle span{background:#0D3155!important}

/* Hero — background image + navy/cyan overlay */
.uft-reference-hero{min-height:665px!important;padding:0!important;background:#071A33!important;position:relative!important;overflow:hidden!important}
.uft-reference-hero .uft-hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(5,22,45,.97) 0%,rgba(7,31,58,.92) 38%,rgba(8,68,78,.73) 74%,rgba(10,102,99,.58) 100%),url('../images/home/legal-professional-writing.jpg');background-size:cover;background-position:center 45%;transform:scale(1.01)}
.uft-reference-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 34%,rgba(24,211,197,.23),transparent 30%),linear-gradient(180deg,transparent 55%,rgba(2,16,32,.45));z-index:1;pointer-events:none}
.uft-reference-hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;min-height:665px;padding-top:50px;padding-bottom:55px}
.uft-reference-hero .hero-new-copy{max-width:650px}
.uft-reference-hero .hero-new-copy .eyebrow{color:#5CE5E2!important;font-size:13px!important;letter-spacing:2.4px!important}
.uft-reference-hero .hero-new-copy h1{font-size:clamp(50px,5.2vw,76px)!important;line-height:1.01!important;color:#fff!important;letter-spacing:-2.6px!important;margin-bottom:25px!important}
.uft-reference-hero .hero-new-copy h1 em{color:var(--ref-cyan2)!important}
.uft-reference-hero .hero-new-copy>p{font-size:19px!important;line-height:1.65!important;color:rgba(255,255,255,.90)!important;max-width:690px}
.uft-reference-hero .hero-actions{gap:18px!important;margin-bottom:24px!important}
.uft-reference-hero .btn{min-height:56px!important;border-radius:13px!important;padding:15px 26px!important;font-size:15px!important}
.uft-reference-hero .btn-blue-accent{background:linear-gradient(100deg,#2E8BE8,#16C9B8)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 28px rgba(18,193,191,.25)!important}
.uft-reference-hero .btn-blue-accent:hover{background:linear-gradient(100deg,#43A0F1,#20E0CA)!important;color:#fff!important}
.uft-reference-hero .btn-outline{background:rgba(255,255,255,.035)!important;border:1.5px solid rgba(255,255,255,.78)!important;color:#fff!important;backdrop-filter:blur(8px)}
.uft-reference-hero .btn-outline:hover{background:#fff!important;color:#0D3155!important}
.uft-reference-hero .hero-trust span{border-radius:999px!important;padding:8px 14px!important;background:rgba(7,26,51,.35)!important;border-color:rgba(255,255,255,.25)!important;color:rgba(255,255,255,.84)!important;backdrop-filter:blur(8px)}

/* Reference metric panel */
.uft-reference-metrics{position:relative;min-height:500px;padding:8px 0 0}
.uft-reference-metrics h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;color:#fff!important;font-size:29px!important;font-weight:750!important;margin:0 0 28px!important;letter-spacing:-.4px}
.uft-metric-card{position:relative;z-index:4;display:flex;align-items:center;gap:28px;min-height:145px;padding:24px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:linear-gradient(110deg,rgba(255,255,255,.10),rgba(255,255,255,.045));box-shadow:0 20px 55px rgba(0,0,0,.16);backdrop-filter:blur(18px);margin-bottom:22px}
.uft-metric-number{width:100px;height:100px;flex:0 0 100px;border-radius:20px;display:grid;place-items:center;font-size:37px;font-weight:800;letter-spacing:-1px}
.uft-metric-cyan{background:linear-gradient(145deg,rgba(24,211,197,.25),rgba(24,211,197,.10));color:#25E2CF;box-shadow:inset 0 0 30px rgba(24,211,197,.08)}
.uft-metric-blue{background:linear-gradient(145deg,rgba(47,134,229,.35),rgba(30,99,181,.20));color:#65AEFF;box-shadow:inset 0 0 30px rgba(47,134,229,.10)}
.uft-metric-card small{display:block;color:rgba(255,255,255,.64);font-size:14px;letter-spacing:1.2px;font-weight:650;margin-bottom:3px}
.uft-metric-card strong{display:block;color:#fff;font-size:23px;line-height:1.25}
.uft-reference-photo{position:absolute;right:-110px;bottom:-115px;width:330px;height:225px;overflow:hidden;border-radius:22px;opacity:.30;filter:saturate(.85);border:1px solid rgba(255,255,255,.15);transform:rotate(-4deg);box-shadow:0 30px 60px rgba(0,0,0,.30)}
.uft-reference-photo img{width:100%;height:100%;object-fit:cover}

/* Home sections beneath hero */
.intro-section,.services-home-section,.industries-home-section{background:#fff!important}
.section.cream,.cream,.community-section,.faq-home-section{background:var(--ref-soft)!important}
.section h2,.section-head h2{color:var(--ref-text)!important}
.card,.support-card,.clarity-card,.industry{background:#fff!important;border-color:rgba(30,99,181,.12)!important;border-radius:18px!important}
.card .icon{background:#E9F6FC!important;color:var(--ref-blue)!important}
.card:hover,.support-card:hover,.industry:hover{border-color:rgba(24,211,197,.55)!important;box-shadow:0 20px 45px rgba(18,76,125,.10)!important}
.text-link,.support-link{color:var(--ref-blue)!important}
.text-link:hover,.support-link:hover{color:var(--ref-cyan)!important}
.engagement-band{background:linear-gradient(135deg,#071A33,#0B3154 55%,#075D61)!important}
.engagement-home-item{background:rgba(255,255,255,.07)!important;backdrop-filter:blur(14px);border-color:rgba(255,255,255,.15)!important}
.home-final-cta .cta-box{background:linear-gradient(135deg,#0A2A4A,#0B6170)!important}

/* Mobile: same reference look without overcrowding */
@media(max-width:900px){
  .uft-topbar-contact a span{display:inline}
  .uft-topbar-social{display:none}
  .uft-reference-hero-grid{grid-template-columns:1fr;min-height:auto;gap:35px;padding-top:70px;padding-bottom:60px}
  .uft-reference-metrics{min-height:auto;padding-top:0}
  .uft-reference-photo{display:none}
  .uft-reference-metrics h2{font-size:25px!important}
}
@media(max-width:760px){
  .uft-reference-topbar{display:block!important}
  .uft-topbar-inner{min-height:44px!important;justify-content:center!important}
  .uft-topbar-contact{gap:10px!important}
  .uft-topbar-contact a{font-size:11px!important}
  .uft-topbar-contact a:first-child{font-size:11px!important}
  .uft-topbar-contact i{height:16px!important}
  .nav-wrap{min-height:78px!important}
  .brand img{width:190px!important}
  .uft-reference-hero-grid{padding-top:52px!important;gap:42px!important}
  .uft-reference-hero .hero-new-copy h1{font-size:clamp(42px,12vw,58px)!important;letter-spacing:-1.5px!important}
  .uft-reference-hero .hero-new-copy>p{font-size:16px!important;line-height:1.7!important}
  .uft-reference-hero .hero-actions{flex-direction:column!important;gap:12px!important}
  .uft-reference-hero .hero-actions .btn{width:100%!important;justify-content:center!important}
  .uft-metric-card{min-height:118px;padding:18px;gap:18px;border-radius:15px}
  .uft-metric-number{width:74px;height:74px;flex-basis:74px;border-radius:16px;font-size:28px}
  .uft-metric-card small{font-size:11px}
  .uft-metric-card strong{font-size:18px}
}

/* =========================================================
   FINAL REFERENCE PALETTE — DARK NAVY / SLATE / TEAL
   Based strictly on the user's supplied reference image.
   This override replaces the previous bright blue/cyan theme.
========================================================= */
:root{
  --ref-bg:#1D1916;
  --ref-bg2:#2A241F;
  --ref-slate:#283140;
  --ref-blue:#B38A4A;
  --ref-blue-soft:#3E67A5;
  --ref-teal:#5A4630;
  --ref-teal-soft:#6B553A;
  --ref-green:#D7B879;
  --ref-blue-accent:#D7B879;
  --ref-white:#FBFAF7;
  --ref-muted:#AEB8C8;
  --ref-border:rgba(255,255,255,.10);
  --ref-glass:rgba(36,45,61,.72);
  --ref-shadow:0 24px 70px rgba(0,0,0,.28);
}

html,body{background:linear-gradient(135deg,#1D1916 0%,#18243A 48%,#244846 100%)!important;color:var(--ref-white)!important}
body{min-height:100vh}
body a{color:inherit}

/* Top strip */
.uft-reference-topbar,.topbar{background:linear-gradient(110deg,#11182A 0%,#1B2942 55%,#254A48 100%)!important;color:#fff!important;border:0!important}
.uft-topbar-contact a,.uft-topbar-social a,.topbar a{color:#FBFAF7!important}
.uft-topbar-social a:hover,.uft-topbar-contact a:hover{color:var(--ref-green)!important}

/* Navigation: clean dark version instead of the previous white/bright-blue look */
.site-header{background:rgba(18,25,43,.94)!important;border-bottom:1px solid var(--ref-border)!important;box-shadow:0 10px 35px rgba(0,0,0,.18)!important;backdrop-filter:blur(18px)}
.main-nav>a,.drop-btn{color:#F1F5F9!important}
.main-nav>a:hover,.drop-btn:hover,.main-nav .active{color:var(--ref-green)!important}
.nav-cta{background:linear-gradient(135deg,#B38A4A,#8F6935)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 12px 28px rgba(0,0,0,.25)!important}
.nav-cta:hover{background:linear-gradient(135deg,#C49B58,#6B553A)!important;color:#fff!important}
.menu-toggle span{background:#FBFAF7!important}
.drop-menu{background:#2A241F!important;border:1px solid var(--ref-border)!important;box-shadow:var(--ref-shadow)!important}
.drop-menu a{color:#EAF0F7!important}
.drop-menu a:hover{background:#3A3028!important;color:var(--ref-green)!important}

/* Global dark reference background */
.section,.section.cream,.cream,.intro-section,.services-home-section,.industries-home-section,.community-section,.faq-home-section,.cta{background:transparent!important;color:var(--ref-white)!important}
.section h2,.section-head h2,.detail-content h2,.detail-content h3,.card h3,.career-role-title,.career-form-card h2,.form-card h2{color:#FBFAF7!important}
.section-head p,.detail-content p,.card p,.career-role-body p,.section p{color:var(--ref-muted)!important}
.eyebrow,.breadcrumbs,.num{color:var(--ref-green)!important}

/* Page heroes */
.page-hero{background:linear-gradient(135deg,#1D1916 0%,#2A241F 58%,#5A4630 100%)!important;color:#fff!important;border-bottom:1px solid var(--ref-border)}
.page-hero p{color:var(--ref-muted)!important}

/* Hero */
.uft-reference-hero{background:linear-gradient(135deg,#1D1916 0%,#2A241F 48%,#5A4630 100%)!important}
.uft-reference-hero .uft-hero-bg{background-image:linear-gradient(100deg,rgba(13,20,34,.96) 0%,rgba(20,29,47,.91) 45%,rgba(33,63,64,.80) 100%),url('../images/home/legal-professional-writing.jpg')!important}
.uft-reference-hero:before{background:radial-gradient(circle at 76% 34%,rgba(39,215,180,.16),transparent 31%),linear-gradient(180deg,transparent 52%,rgba(8,13,23,.48))!important}
.uft-reference-hero .hero-new-copy .eyebrow{color:#D7DEE9!important}
.uft-reference-hero .hero-new-copy h1 em{color:#D7B879!important}
.uft-reference-hero .hero-new-copy>p{color:#E2E7EE!important}
.uft-reference-hero .btn-blue-accent{background:linear-gradient(135deg,#B38A4A,#8F6935)!important;color:#fff!important;border-color:rgba(255,255,255,.15)!important}
.uft-reference-hero .btn-blue-accent:hover{background:linear-gradient(135deg,#A77D43,#32706B)!important}
.uft-reference-hero .btn-outline{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.65)!important;color:#fff!important}
.uft-reference-hero .btn-outline:hover{background:#FBFAF7!important;color:#1D1916!important}
.uft-reference-hero .hero-trust span{background:rgba(18,25,43,.55)!important;border-color:rgba(255,255,255,.14)!important;color:#DCE3EC!important}

/* Exact reference-style metric cards */
.uft-reference-metrics h2{color:#FBFAF7!important}
.uft-metric-card{background:linear-gradient(105deg,rgba(43,52,69,.82),rgba(31,40,56,.68))!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 20px 55px rgba(0,0,0,.25)!important;backdrop-filter:blur(18px)}
.uft-metric-number{box-shadow:none!important}
.uft-metric-cyan{background:linear-gradient(145deg,rgba(39,215,180,.26),rgba(39,215,180,.08))!important;color:#D7B879!important}
.uft-metric-blue{background:linear-gradient(145deg,rgba(70,126,220,.40),rgba(39,64,106,.28))!important;color:#D7B879!important}
.uft-metric-card small{color:#AEB8C8!important}
.uft-metric-card strong{color:#FBFAF7!important}

/* Glass cards across every page */
.card,.support-card,.clarity-card,.industry,.career-card,.career-role,.form-card,.career-form-card,.side-nav,.community-choice,.contact-action{background:linear-gradient(135deg,rgba(40,49,64,.88),rgba(30,39,56,.76))!important;color:#FBFAF7!important;border:1px solid var(--ref-border)!important;border-radius:18px!important;box-shadow:0 18px 45px rgba(0,0,0,.18)!important}
.card:hover,.support-card:hover,.industry:hover,.career-card:hover,.career-role:hover,.contact-action:hover{border-color:rgba(39,215,180,.32)!important;box-shadow:0 24px 55px rgba(0,0,0,.25)!important}
.card .icon{background:linear-gradient(145deg,#B38A4A,#5A4630)!important;color:#FBFAF7!important}
.text-link,.support-link,.career-role-body h4{color:#D7B879!important}
.text-link:hover,.support-link:hover{color:#D7B879!important}

/* Service tiles */
.service-tile,.service-tile:nth-child(even){background:linear-gradient(135deg,#2A241F,#5A4630)!important;border:1px solid var(--ref-border)!important;color:#fff!important;border-radius:18px!important}
.service-tile p{color:#AEB8C8!important}
.service-tile .num{color:#D7B879!important}

/* Engagement / CTA / bands */
.engagement-band,.feature-band{background:linear-gradient(135deg,#1D1916 0%,#2A241F 52%,#5A4630 100%)!important;color:#fff!important}
.engagement-home-item{background:linear-gradient(135deg,rgba(45,55,72,.72),rgba(31,43,60,.55))!important;border-color:var(--ref-border)!important}
.home-final-cta .cta-box,.cta-box{background:linear-gradient(135deg,#2A241F,#5A4630)!important;color:#fff!important;border:1px solid var(--ref-border)!important;border-radius:18px!important}
.cta p{color:#AEB8C8!important}

/* Forms */
.form-card,.career-form-card{background:linear-gradient(135deg,rgba(40,49,64,.96),rgba(30,39,56,.94))!important}
.form-card p,.career-form-card>p{color:#AEB8C8!important}
.form-card label,.career-form-card label{color:#DDE5EF!important}
.form-card input,.form-card select,.form-card textarea,.request-form input,.request-form select,.request-form textarea,.career-form-card input,.career-form-card select,.career-form-card textarea{background:#161F30!important;color:#FBFAF7!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:10px!important}
.form-card input::placeholder,.form-card textarea::placeholder,.career-form-card input::placeholder,.career-form-card textarea::placeholder{color:#7F8B9D!important}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.request-form input:focus,.request-form select:focus,.request-form textarea:focus,.career-form-card input:focus,.career-form-card select:focus,.career-form-card textarea:focus{border-color:#D7B879!important;box-shadow:0 0 0 3px rgba(90,155,255,.12)!important}
.btn-blue-accent{background:linear-gradient(135deg,#B38A4A,#8F6935)!important;color:#fff!important;border-color:rgba(255,255,255,.15)!important}
.btn-light{background:#FBFAF7!important;color:#1D1916!important;border-color:#FBFAF7!important}
.btn-outline-dark{background:transparent!important;color:#FBFAF7!important;border:1px solid rgba(255,255,255,.55)!important}
.btn-outline-dark:hover{background:#FBFAF7!important;color:#1D1916!important;border-color:#FBFAF7!important}

/* Contact / profile panels */
.contact-panel,.career-profile-side{background:linear-gradient(135deg,#2A241F,#5A4630)!important;color:#fff!important;border:1px solid var(--ref-border)!important;border-radius:18px!important}
.contact-item strong{color:#D7B879!important}
.contact-item span{color:#D0D8E3!important}

/* Navigation/sidebar/pills */
.side-nav{overflow:hidden}
.side-nav a{color:#DCE4EE!important;border-bottom-color:var(--ref-border)!important}
.side-nav a:hover{background:#3A3028!important;color:#D7B879!important}
.pill{background:rgba(255,255,255,.055)!important;border-left-color:#D7B879!important;color:#E7EDF5!important}

/* Process */
.step{border-top-color:rgba(255,255,255,.18)!important}
.step:before{background:#D7B879!important}
.step strong{color:#D7B879!important}
.step p{color:#AEB8C8!important}

/* Industry tiles */
.industry{color:#F3F7FB!important}
.industry:hover{border-color:rgba(39,215,180,.35)!important}

/* Career accordion */
.career-role summary{color:#FBFAF7!important}
.career-role summary:after{border-color:#D7B879!important;color:#D7B879!important}
.career-role-meta{color:#AEB8C8!important}
.career-role-meta:before{background:rgba(90,155,255,.16)!important;color:#D7B879!important}
.career-role-apply{background:linear-gradient(135deg,#B38A4A,#8F6935)!important;color:#fff!important;border-radius:10px!important}

/* Footer */
.footer,.site-footer{background:linear-gradient(135deg,#0E1525,#18243A 58%,#203F3D)!important;color:#fff!important;border-top:1px solid var(--ref-border)!important}
.footer a,.site-footer a{color:#DCE4EE!important}
.footer a:hover,.site-footer a:hover{color:#D7B879!important}

/* Mobile */
@media(max-width:900px){
  .main-nav{background:#1D1916!important;border-bottom:1px solid var(--ref-border)!important}
  .main-nav>a,.drop-btn{color:#FBFAF7!important}
  .drop-menu{background:#2A241F!important}
}

@media(max-width:760px){
  .uft-reference-topbar{background:linear-gradient(110deg,#11182A,#254A48)!important}
  .uft-reference-hero .hero-new-copy h1 em{color:#D7B879!important}
}

/* =========================================================
   FINAL SITE-WIDE QA + REFERENCE PALETTE
   Dark navy / slate / muted teal / blue glass system.
   Header remains white so the UFT logo and mobile menu stay
   clearly visible on every device.
========================================================= */
:root{
  --qa-navy:#1D1916;
  --qa-navy-2:#2A241F;
  --qa-slate:#283140;
  --qa-blue:#B38A4A;
  --qa-blue-light:#D7B879;
  --qa-teal:#5A4630;
  --qa-teal-light:#6B553A;
  --qa-green:#D7B879;
  --qa-white:#FBFAF7;
  --qa-muted:#AEB8C8;
  --qa-border:rgba(255,255,255,.11);
}

html,body{background:linear-gradient(135deg,var(--qa-navy) 0%,#18243A 48%,var(--qa-teal) 100%)!important;color:var(--qa-white)!important}
body{overflow-x:hidden}
main{background:transparent!important;color:var(--qa-white)!important}

/* Header: white for maximum logo/title/menu visibility */
.site-header{
  background:#fff!important;
  border-bottom:1px solid #E4EAF0!important;
  box-shadow:0 8px 28px rgba(8,18,32,.10)!important;
  backdrop-filter:none!important;
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
}
.nav-wrap{min-height:92px!important}
.brand{display:inline-flex!important;align-items:center!important;min-width:0}
.brand img{width:225px!important;height:auto!important}
.main-nav>a,.drop-btn{color:#172B45!important;font-weight:700!important}
.main-nav>a:hover,.drop-btn:hover,.main-nav .active{color:var(--qa-blue-light)!important}
.nav-cta{background:linear-gradient(135deg,var(--qa-blue),var(--qa-teal))!important;color:#fff!important;border:0!important;border-radius:12px!important;box-shadow:0 10px 25px rgba(41,64,106,.22)!important}
.nav-cta:hover{background:linear-gradient(135deg,#38588D,#32716C)!important;color:#fff!important}
.menu-toggle{
  display:none!important;
  width:48px!important;height:48px!important;
  padding:9px!important;margin:0!important;
  border:1px solid #D8E1EA!important;border-radius:10px!important;
  background:#fff!important;cursor:pointer!important;
  align-items:center!important;justify-content:center!important;flex-direction:column!important;
}
.menu-toggle span{display:block!important;width:28px!important;height:3px!important;margin:3px 0!important;border-radius:4px!important;background:#2B2520!important;opacity:1!important}
.menu-toggle:focus-visible{outline:3px solid rgba(90,155,255,.28)!important;outline-offset:2px!important}
.drop-menu{background:#fff!important;border:1px solid #E3DBD0!important;box-shadow:0 20px 50px rgba(10,24,42,.16)!important}
.drop-menu a{color:#1B314B!important}
.drop-menu a:hover{background:#EFF4F8!important;color:var(--qa-blue)!important}

/* Mobile header/menu */
@media(max-width:900px){
  .site-header{position:sticky!important;top:0!important}
  .nav-wrap{min-height:76px!important}
  .brand img{width:190px!important}
  .menu-toggle{display:flex!important;flex:0 0 48px!important}
  .main-nav{
    position:absolute!important;left:0!important;right:0!important;top:76px!important;
    width:100%!important;
    background:#fff!important;
    border-bottom:1px solid #DCE5ED!important;
    padding:14px 18px 20px!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    max-height:calc(100vh - 76px)!important;
    overflow-y:auto!important;
    box-shadow:0 24px 50px rgba(8,20,35,.18)!important;
  }
  .main-nav.open{display:flex!important}
  .main-nav>a,.drop-btn{width:100%!important;text-align:left!important;padding:14px 8px!important;font-size:15px!important;color:#172B45!important}
  .nav-drop{width:100%!important}
  .drop-menu{position:static!important;display:none!important;opacity:1!important;visibility:visible!important;transform:none!important;min-width:0!important;box-shadow:none!important;border:0!important;padding:0 0 5px!important;background:#F6F9FC!important}
  .nav-drop.open .drop-menu{display:block!important}
  .drop-menu a{padding:11px 18px!important;font-size:14px!important}
  .nav-cta{margin:9px 0 0!important;text-align:center!important;justify-content:center!important}
}
@media(max-width:480px){
  .nav-wrap{min-height:72px!important}
  .brand img{width:174px!important}
  .menu-toggle{width:46px!important;height:46px!important}
  .menu-toggle span{width:27px!important;height:3px!important}
  .main-nav{top:72px!important;max-height:calc(100vh - 72px)!important}
}

/* Topbar: always readable on mobile */
.uft-reference-topbar,.topbar{
  background:linear-gradient(110deg,#11182A 0%,#1B2942 55%,#254A48 100%)!important;
  color:#fff!important;
  min-height:44px!important;
}
.uft-topbar-inner{min-height:44px!important}
.uft-topbar-contact a,.uft-topbar-social a{color:#FBFAF7!important}
@media(max-width:760px){
  .uft-topbar-inner{min-height:42px!important;padding:6px 0!important;justify-content:center!important}
  .uft-topbar-contact{gap:9px!important;max-width:100%!important}
  .uft-topbar-contact a{font-size:10px!important;white-space:nowrap!important}
  .uft-topbar-contact a:first-child{font-size:10px!important}
  .uft-topbar-contact i{height:15px!important}
  .uft-topbar-social{display:none!important}
}
@media(max-width:390px){.uft-topbar-contact a span{display:inline!important}.uft-topbar-contact{gap:7px!important}.uft-topbar-contact a{font-size:9px!important}}

/* All content sections follow the reference palette */
.section,.section.cream,.cream,.intro-section,.services-home-section,.industries-home-section,.community-section,.faq-home-section,.request-support-section,.clarity-section,.cta{background:transparent!important;color:var(--qa-white)!important}
.section h2,.section h3,.section h4,.section-head h2,.section-head h3,.detail-content h2,.detail-content h3,.card h3,.career-role-title,.career-form-card h2,.form-card h2,.clarity-card h3{color:var(--qa-white)!important}
.section p,.section-head p,.detail-content p,.card p,.career-role-body p,.clarity-card p,.support-card p,.industry p{color:var(--qa-muted)!important}
.eyebrow,.breadcrumbs,.num,.support-no,.section-mini-title{color:var(--qa-green)!important}

/* Glass cards across every section */
.card,.support-card,.clarity-card,.industry,.career-card,.career-role,.form-card,.career-form-card,.side-nav,.community-choice,.contact-action,.contact-panel{
  background:linear-gradient(135deg,rgba(40,49,64,.90),rgba(30,39,56,.78))!important;
  color:var(--qa-white)!important;
  border:1px solid var(--qa-border)!important;
  border-radius:18px!important;
  box-shadow:0 18px 45px rgba(0,0,0,.18)!important;
}
.card:hover,.support-card:hover,.clarity-card:hover,.industry:hover,.career-card:hover,.career-role:hover,.contact-action:hover{
  border-color:rgba(39,215,180,.34)!important;
  box-shadow:0 24px 55px rgba(0,0,0,.25)!important;
}
.card .icon{background:linear-gradient(145deg,var(--qa-blue),var(--qa-teal))!important;color:#fff!important}
.text-link,.support-link,.career-role-body h4{color:#D7B879!important}
.text-link:hover,.support-link:hover{color:var(--qa-green)!important}

/* Service / process / industry elements */
.service-tile,.service-tile:nth-child(even){background:linear-gradient(135deg,var(--qa-navy-2),var(--qa-teal))!important;color:#fff!important;border:1px solid var(--qa-border)!important;border-radius:18px!important}
.service-tile p{color:var(--qa-muted)!important}
.service-tile .num{color:var(--qa-green)!important}
.step{border-top-color:rgba(255,255,255,.16)!important}
.step:before{background:var(--qa-green)!important}
.step strong{color:#D7B879!important}
.step p{color:var(--qa-muted)!important}
.pill{background:rgba(255,255,255,.055)!important;border-left-color:var(--qa-green)!important;color:#E7EDF5!important}
.side-nav a{color:#DCE4EE!important;border-bottom-color:var(--qa-border)!important}
.side-nav a:hover{background:#3A3028!important;color:var(--qa-green)!important}

/* Forms and controls */
.form-card,.career-form-card{background:linear-gradient(135deg,rgba(40,49,64,.97),rgba(30,39,56,.94))!important}
.form-card label,.career-form-card label{color:#DDE5EF!important}
.form-card input,.form-card select,.form-card textarea,.request-form input,.request-form select,.request-form textarea,.career-form-card input,.career-form-card select,.career-form-card textarea{
  background:#161F30!important;color:#FBFAF7!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:10px!important;
}
.form-card input::placeholder,.form-card textarea::placeholder,.career-form-card input::placeholder,.career-form-card textarea::placeholder{color:#7F8B9D!important}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.request-form input:focus,.request-form select:focus,.request-form textarea:focus,.career-form-card input:focus,.career-form-card select:focus,.career-form-card textarea:focus{border-color:var(--qa-blue-light)!important;box-shadow:0 0 0 3px rgba(90,155,255,.12)!important}
.btn-blue-accent,.career-role-apply{background:linear-gradient(135deg,var(--qa-blue),var(--qa-teal))!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important}
.btn-light{background:var(--qa-white)!important;color:var(--qa-navy)!important;border:1px solid var(--qa-white)!important}
.btn-outline,.btn-outline-dark{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.65)!important}
.btn-outline:hover,.btn-outline-dark:hover{background:var(--qa-white)!important;color:var(--qa-navy)!important;border-color:var(--qa-white)!important}

/* Page heroes / CTA bands */
.page-hero,.engagement-band,.feature-band,.contact-panel,.career-profile-side{
  background:linear-gradient(135deg,var(--qa-navy) 0%,var(--qa-navy-2) 52%,var(--qa-teal) 100%)!important;color:#fff!important;
  border-bottom:1px solid var(--qa-border)!important;
}
.page-hero p,.career-profile-side p{color:var(--qa-muted)!important}
.home-final-cta .cta-box,.cta-box{background:linear-gradient(135deg,var(--qa-navy-2),var(--qa-teal))!important;color:#fff!important;border:1px solid var(--qa-border)!important;border-radius:18px!important}
.home-final-cta h2,.cta-box h2{color:#fff!important}
.home-final-cta p,.cta-box p{color:var(--qa-muted)!important}

/* Career FAQ: clear title, ID, state, type and down arrow */
.career-faq-item{background:linear-gradient(135deg,rgba(40,49,64,.90),rgba(30,39,56,.78))!important;border:1px solid var(--qa-border)!important;border-radius:16px!important;overflow:hidden!important;margin-bottom:12px!important}
.career-faq-question{color:#FBFAF7!important;background:transparent!important;width:100%!important}
.career-faq-title{color:#FBFAF7!important}
.career-faq-id{color:var(--qa-green)!important}
.career-faq-arrow{color:#D7B879!important;border-color:rgba(125,178,255,.30)!important}
.career-faq-answer{background:rgba(18,25,43,.42)!important;border-top:1px solid var(--qa-border)!important}
.career-job-meta-grid>div{background:rgba(255,255,255,.045)!important;border:1px solid var(--qa-border)!important}
.career-job-meta-grid span{color:var(--qa-muted)!important}.career-job-meta-grid strong{color:#fff!important}
.career-detail-block h4{color:#D7B879!important}.career-detail-block p,.career-detail-block li{color:#C5CEDA!important}

/* Footer and legal notice */
.site-footer,.footer{background:linear-gradient(135deg,#0E1525,#18243A 58%,#203F3D)!important;color:#fff!important;border-top:1px solid var(--qa-border)!important}
.site-footer h4,.footer h4{color:#fff!important}.site-footer p,.site-footer .disclaimer{color:#AEB8C8!important}.site-footer a{color:#DCE4EE!important}.site-footer a:hover{color:var(--qa-green)!important}
.legal-notice-section{background:transparent!important}.legal-notice-item{background:linear-gradient(135deg,rgba(40,49,64,.90),rgba(30,39,56,.78))!important;border-color:var(--qa-border)!important;color:#fff!important}.legal-notice-item h3{color:#fff!important}.legal-notice-item p{color:var(--qa-muted)!important}

/* Image presentation */
.image-frame,.hero-image-main,.community-visual{border-radius:18px!important;overflow:hidden!important;box-shadow:0 24px 65px rgba(0,0,0,.25)!important}
.image-frame img,.hero-image-main img,.community-visual>img{filter:saturate(.92) contrast(1.02)!important}
.image-frame:before,.image-frame:after{border-color:var(--qa-green)!important}

/* Keep headings readable even where older inline/page CSS exists */
main h1,main h2,main h3,main h4,main h5,main h6{overflow-wrap:anywhere}
main table{color:#FBFAF7!important}
main td,main th{border-color:var(--qa-border)!important}

/* Mobile section spacing and typography */
@media(max-width:760px){
  .section{padding:64px 0!important}
  .section-head{margin-bottom:30px!important}
  .section-head h2{font-size:34px!important;line-height:1.12!important}
  .section-head p{font-size:14px!important;line-height:1.7!important}
  .uft-reference-hero-grid{padding-top:52px!important;padding-bottom:52px!important;gap:38px!important}
  .uft-reference-hero .hero-new-copy h1{font-size:clamp(42px,12vw,58px)!important;letter-spacing:-1.5px!important}
  .uft-reference-hero .hero-new-copy>p{font-size:16px!important;line-height:1.7!important}
  .uft-reference-metrics h2{font-size:25px!important}
  .uft-metric-card{min-height:112px!important;padding:16px!important;gap:15px!important;border-radius:15px!important}
  .uft-metric-number{width:72px!important;height:72px!important;flex-basis:72px!important;border-radius:15px!important;font-size:27px!important}
  .uft-metric-card small{font-size:10px!important}.uft-metric-card strong{font-size:17px!important}
  .career-faq-question{padding:18px 16px!important}
  .career-faq-title{font-size:14px!important;line-height:1.4!important}
  .career-job-meta-grid{grid-template-columns:1fr!important}
  .career-faq-answer{padding:18px!important}
}
.brand-fallback{display:none!important}
@media(max-width:480px){.brand-fallback{display:none!important}}


/* =========================================================
   UFT FINAL SECTION RHYTHM
   Hero / Blue / White / Blue / White
   Keeps existing content, spacing, components and functionality.
========================================================= */
:root{
  --uft-section-blue:#B38A4A;
  --uft-section-blue-dark:#174F8D;
  --uft-section-soft:#F5FAFE;
  --uft-section-border:#D7E7F3;
  --uft-section-text:#163B63;
  --uft-section-muted:#5F7181;
}

/* Page background */
html,body{
  background:#fff!important;
  color:var(--uft-section-text)!important;
}

/* Header stays white */
.site-header{
  background:rgba(255,255,255,.98)!important;
}

/* Every direct section alternates.
   The first section is the hero (blue), then white, blue, white... */
main > section:nth-of-type(odd){
  background:var(--uft-section-blue)!important;
  color:#fff!important;
}

main > section:nth-of-type(even){
  background:#fff!important;
  color:var(--uft-section-text)!important;
}

/* Preserve the hero treatment */
main > .hero,
main > .hero-home-new,
main > .page-hero,
main > .careers-hero,
main > .requirement-hero{
  background-color:var(--uft-section-blue)!important;
  color:#fff!important;
}

/* Section typography automatically follows its background */
main > section:nth-of-type(odd) h1,
main > section:nth-of-type(odd) h2,
main > section:nth-of-type(odd) h3,
main > section:nth-of-type(odd) h4,
main > section:nth-of-type(odd) h5,
main > section:nth-of-type(odd) h6{
  color:#fff!important;
}

main > section:nth-of-type(even) h1,
main > section:nth-of-type(even) h2,
main > section:nth-of-type(even) h3,
main > section:nth-of-type(even) h4,
main > section:nth-of-type(even) h5,
main > section:nth-of-type(even) h6{
  color:var(--uft-section-text)!important;
}

main > section:nth-of-type(odd) p,
main > section:nth-of-type(odd) li{
  color:rgba(255,255,255,.90)!important;
}

main > section:nth-of-type(even) p,
main > section:nth-of-type(even) li{
  color:var(--uft-section-muted)!important;
}

main > section:nth-of-type(odd) .eyebrow,
main > section:nth-of-type(odd) .section-mini-title,
main > section:nth-of-type(odd) .breadcrumbs{
  color:#BCE4FA!important;
}

main > section:nth-of-type(even) .eyebrow,
main > section:nth-of-type(even) .section-mini-title,
main > section:nth-of-type(even) .breadcrumbs{
  color:var(--uft-section-blue)!important;
}

/* White sections: clean professional cards */
main > section:nth-of-type(even) .card,
main > section:nth-of-type(even) .support-card,
main > section:nth-of-type(even) .clarity-card,
main > section:nth-of-type(even) .industry,
main > section:nth-of-type(even) .career-card,
main > section:nth-of-type(even) .career-role,
main > section:nth-of-type(even) .community-choice,
main > section:nth-of-type(even) .contact-action{
  background:#fff!important;
  color:var(--uft-section-text)!important;
  border:1px solid var(--uft-section-border)!important;
  box-shadow:0 14px 38px rgba(18,59,96,.09)!important;
}

main > section:nth-of-type(even) .card h3,
main > section:nth-of-type(even) .support-card h3,
main > section:nth-of-type(even) .clarity-card h3,
main > section:nth-of-type(even) .industry h3,
main > section:nth-of-type(even) .career-role-title{
  color:var(--uft-section-text)!important;
}

main > section:nth-of-type(even) .card p,
main > section:nth-of-type(even) .support-card p,
main > section:nth-of-type(even) .clarity-card p,
main > section:nth-of-type(even) .industry p,
main > section:nth-of-type(even) .career-role-body p{
  color:var(--uft-section-muted)!important;
}

main > section:nth-of-type(even) .text-link,
main > section:nth-of-type(even) .support-link{
  color:var(--uft-section-blue)!important;
}

/* Blue sections: white cards give clear separation */
main > section:nth-of-type(odd) .card,
main > section:nth-of-type(odd) .support-card,
main > section:nth-of-type(odd) .clarity-card,
main > section:nth-of-type(odd) .industry,
main > section:nth-of-type(odd) .career-card,
main > section:nth-of-type(odd) .career-role,
main > section:nth-of-type(odd) .community-choice,
main > section:nth-of-type(odd) .contact-action{
  background:rgba(255,255,255,.98)!important;
  color:var(--uft-section-text)!important;
  border:1px solid rgba(255,255,255,.75)!important;
  box-shadow:0 16px 42px rgba(8,45,83,.18)!important;
}

main > section:nth-of-type(odd) .card h3,
main > section:nth-of-type(odd) .support-card h3,
main > section:nth-of-type(odd) .clarity-card h3,
main > section:nth-of-type(odd) .industry h3,
main > section:nth-of-type(odd) .career-role-title{
  color:var(--uft-section-text)!important;
}

main > section:nth-of-type(odd) .card p,
main > section:nth-of-type(odd) .support-card p,
main > section:nth-of-type(odd) .clarity-card p,
main > section:nth-of-type(odd) .industry p,
main > section:nth-of-type(odd) .career-role-body p{
  color:var(--uft-section-muted)!important;
}

main > section:nth-of-type(odd) .text-link,
main > section:nth-of-type(odd) .support-link{
  color:var(--uft-section-blue)!important;
}

/* Images remain clean against both section types */
main > section:nth-of-type(even) .image-frame,
main > section:nth-of-type(odd) .image-frame{
  box-shadow:0 20px 50px rgba(8,45,83,.16)!important;
}

/* Buttons remain visible on both backgrounds */
main > section:nth-of-type(odd) .btn-light,
main > section:nth-of-type(odd) .btn-gold{
  background:#fff!important;
  color:var(--uft-section-blue)!important;
  border-color:#fff!important;
}

main > section:nth-of-type(even) .btn-light,
main > section:nth-of-type(even) .btn-gold{
  background:var(--uft-section-blue)!important;
  color:#fff!important;
  border-color:var(--uft-section-blue)!important;
}

/* Existing blue CTA buttons stay strong */
main > section .btn-blue-accent{
  background:var(--uft-section-blue)!important;
  color:#fff!important;
  border-color:var(--uft-section-blue)!important;
}

main > section:nth-of-type(odd) .btn-outline,
main > section:nth-of-type(odd) .btn-outline-dark{
  color:#fff!important;
  border-color:rgba(255,255,255,.8)!important;
}

main > section:nth-of-type(even) .btn-outline,
main > section:nth-of-type(even) .btn-outline-dark{
  color:var(--uft-section-blue)!important;
  border-color:var(--uft-section-blue)!important;
}

/* Process / engagement items */
main > section:nth-of-type(even) .step,
main > section:nth-of-type(even) .engagement-home-item{
  border-color:var(--uft-section-border)!important;
}

main > section:nth-of-type(odd) .step,
main > section:nth-of-type(odd) .engagement-home-item{
  border-color:rgba(255,255,255,.22)!important;
}

/* Forms stay white and readable regardless of section */
main > section .form-card,
main > section .career-form-card{
  background:#fff!important;
  color:var(--uft-section-text)!important;
  border:1px solid var(--uft-section-border)!important;
  box-shadow:0 18px 48px rgba(8,45,83,.14)!important;
}

main > section .form-card h2,
main > section .career-form-card h2,
main > section .form-card h3,
main > section .career-form-card h3{
  color:var(--uft-section-text)!important;
}

main > section .form-card label,
main > section .career-form-card label{
  color:var(--uft-section-text)!important;
}

main > section .form-card input,
main > section .form-card select,
main > section .form-card textarea,
main > section .career-form-card input,
main > section .career-form-card select,
main > section .career-form-card textarea{
  background:#fff!important;
  color:var(--uft-section-text)!important;
  border:1px solid #C9DCEB!important;
}

/* Remove old dark/gradient section treatments without changing components */
main > section.feature-band,
main > section.engagement-band{
  background:var(--uft-section-blue)!important;
  color:#fff!important;
}

main > section.feature-band h2,
main > section.engagement-band h2{
  color:#fff!important;
}

/* Mobile: keep the same rhythm, just reduce visual heaviness */
@media(max-width:760px){
  main > section:nth-of-type(odd),
  main > section:nth-of-type(even){
    background-attachment:initial!important;
  }

  main > section:nth-of-type(odd) .card,
  main > section:nth-of-type(even) .card,
  main > section:nth-of-type(odd) .support-card,
  main > section:nth-of-type(even) .support-card,
  main > section:nth-of-type(odd) .clarity-card,
  main > section:nth-of-type(even) .clarity-card{
    box-shadow:0 10px 28px rgba(18,59,96,.11)!important;
  }
}

/* =========================================================
   UFT PREMIUM WARM THEME - FINAL
   No blue palette. Home hero and page heroes share one
   consistent premium background treatment.
========================================================= */
:root{
  --uft-dark:#1D1916;
  --uft-dark-2:#2A241F;
  --uft-dark-3:#342A23;
  --uft-gold:#B38A4A;
  --uft-gold-light:#D7B879;
  --uft-cream:#F5F0E8;
  --uft-paper:#FBFAF7;
  --uft-ink:#2B2723;
  --uft-muted:#6D655D;
  --uft-line:#E3DBD0;
  --uft-white:#FFFFFF;
}

html,body{
  background:var(--uft-paper)!important;
  color:var(--uft-ink)!important;
}

/* Header */
.topbar,.uft-reference-topbar{
  background:var(--uft-dark)!important;
  color:#F4EEE5!important;
}
.site-header{
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid rgba(43,39,35,.10)!important;
}
.main-nav>a,.drop-btn{color:var(--uft-ink)!important}
.main-nav>a:hover,.drop-btn:hover,.main-nav .active{color:var(--uft-gold)!important}
.menu-toggle span{background:var(--uft-ink)!important}
.nav-cta{
  background:linear-gradient(135deg,var(--uft-dark),#3A3028)!important;
  color:#fff!important;
  border-color:transparent!important;
}
.nav-cta:hover{background:linear-gradient(135deg,#3A3028,#4A392C)!important}
.drop-menu{background:#fff!important;border-color:var(--uft-line)!important}
.drop-menu a{color:var(--uft-ink)!important}
.drop-menu a:hover{background:var(--uft-cream)!important;color:var(--uft-gold)!important}

/* Home hero + every page hero use the same premium background */
.uft-reference-hero,
.hero-home-new,
.page-hero,
.requirement-hero,
.careers-hero{
  background:linear-gradient(135deg,var(--uft-dark) 0%,var(--uft-dark-2) 56%,var(--uft-dark-3) 100%)!important;
  color:#fff!important;
}
.uft-reference-hero .uft-hero-bg{
  background-image:
    linear-gradient(100deg,rgba(29,25,22,.97) 0%,rgba(42,36,31,.92) 52%,rgba(52,42,35,.78) 100%),
    url('../images/home/legal-professional-writing.jpg')!important;
}
.uft-reference-hero:before{
  background:radial-gradient(circle at 76% 34%,rgba(211,176,113,.16),transparent 31%),linear-gradient(180deg,transparent 52%,rgba(15,12,10,.50))!important;
}
.hero-new-copy .eyebrow,.uft-reference-hero .hero-new-copy .eyebrow{color:var(--uft-gold-light)!important}
.uft-reference-hero .hero-new-copy h1 em{color:var(--uft-gold-light)!important}
.uft-reference-hero .hero-new-copy>p{color:#EDE5DA!important}
.page-hero .breadcrumbs{color:var(--uft-gold-light)!important}
.page-hero p{color:#E6DED4!important}
.page-hero h1{color:#fff!important}

/* Alternate sections: warm dark / ivory / warm dark / ivory */
main > section:nth-of-type(odd){
  background:linear-gradient(135deg,var(--uft-dark) 0%,var(--uft-dark-2) 100%)!important;
  color:#fff!important;
}
main > section:nth-of-type(even){
  background:var(--uft-cream)!important;
  color:var(--uft-ink)!important;
}

main > section:nth-of-type(odd) h1,
main > section:nth-of-type(odd) h2,
main > section:nth-of-type(odd) h3,
main > section:nth-of-type(odd) h4,
main > section:nth-of-type(odd) h5,
main > section:nth-of-type(odd) h6{color:#fff!important}
main > section:nth-of-type(even) h1,
main > section:nth-of-type(even) h2,
main > section:nth-of-type(even) h3,
main > section:nth-of-type(even) h4,
main > section:nth-of-type(even) h5,
main > section:nth-of-type(even) h6{color:var(--uft-ink)!important}
main > section:nth-of-type(odd) p,
main > section:nth-of-type(odd) li{color:rgba(255,255,255,.86)!important}
main > section:nth-of-type(even) p,
main > section:nth-of-type(even) li{color:var(--uft-muted)!important}
main > section:nth-of-type(odd) .eyebrow,
main > section:nth-of-type(odd) .section-mini-title,
main > section:nth-of-type(odd) .breadcrumbs,
main > section:nth-of-type(odd) .num,
main > section:nth-of-type(odd) .support-no{color:var(--uft-gold-light)!important}
main > section:nth-of-type(even) .eyebrow,
main > section:nth-of-type(even) .section-mini-title,
main > section:nth-of-type(even) .breadcrumbs,
main > section:nth-of-type(even) .num,
main > section:nth-of-type(even) .support-no{color:var(--uft-gold)!important}

/* Cards */
main > section .card,
main > section .support-card,
main > section .clarity-card,
main > section .industry,
main > section .career-card,
main > section .career-role,
main > section .community-choice,
main > section .contact-action{
  border-color:var(--uft-line)!important;
  border-radius:12px!important;
}
main > section:nth-of-type(even) .card,
main > section:nth-of-type(even) .support-card,
main > section:nth-of-type(even) .clarity-card,
main > section:nth-of-type(even) .industry,
main > section:nth-of-type(even) .career-card,
main > section:nth-of-type(even) .career-role,
main > section:nth-of-type(even) .community-choice,
main > section:nth-of-type(even) .contact-action{
  background:#fff!important;
  color:var(--uft-ink)!important;
  box-shadow:0 14px 38px rgba(29,25,22,.08)!important;
}
main > section:nth-of-type(odd) .card,
main > section:nth-of-type(odd) .support-card,
main > section:nth-of-type(odd) .clarity-card,
main > section:nth-of-type(odd) .industry,
main > section:nth-of-type(odd) .career-card,
main > section:nth-of-type(odd) .career-role,
main > section:nth-of-type(odd) .community-choice,
main > section:nth-of-type(odd) .contact-action{
  background:#fff!important;
  color:var(--uft-ink)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.18)!important;
  border-color:rgba(255,255,255,.72)!important;
}
main > section .card h3,
main > section .support-card h3,
main > section .clarity-card h3,
main > section .industry h3,
main > section .career-role-title{color:var(--uft-ink)!important}
main > section .card p,
main > section .support-card p,
main > section .clarity-card p,
main > section .industry p,
main > section .career-role-body p{color:var(--uft-muted)!important}
main > section .text-link,
main > section .support-link,
main > section .career-role-body h4{color:var(--uft-gold)!important}
main > section .card:hover,
main > section .support-card:hover,
main > section .industry:hover,
main > section .career-role:hover,
main > section .community-choice:hover,
main > section .contact-action:hover{border-color:var(--uft-gold)!important}

.card .icon{background:var(--uft-cream)!important;color:var(--uft-gold)!important}

/* Gold accents */
.image-frame:before,.image-frame:after{border-color:var(--uft-gold)!important}
.pill{background:#fff!important;border-left-color:var(--uft-gold)!important;color:var(--uft-ink)!important}
.step{border-color:rgba(179,138,74,.35)!important}
.step:before{background:var(--uft-gold)!important}
.step strong{color:var(--uft-gold-light)!important}

/* Buttons - never blue */
.btn-blue-accent,
.btn-gold,
.career-role-apply{
  background:linear-gradient(135deg,var(--uft-gold),#8F6935)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 10px 24px rgba(90,63,30,.22)!important;
}
.btn-blue-accent:hover,
.btn-gold:hover,
.career-role-apply:hover{background:linear-gradient(135deg,#C49B58,#9B723C)!important;color:#fff!important}
.btn-light{background:#fff!important;color:var(--uft-dark)!important;border-color:#fff!important}
.btn-outline{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.65)!important}
.btn-outline:hover{background:#fff!important;color:var(--uft-dark)!important;border-color:#fff!important}
.btn-outline-dark{background:transparent!important;color:var(--uft-dark)!important;border-color:var(--uft-dark)!important}
.btn-outline-dark:hover{background:var(--uft-dark)!important;color:#fff!important}

/* Forms */
main > section .form-card,
main > section .career-form-card{
  background:#fff!important;
  color:var(--uft-ink)!important;
  border:1px solid var(--uft-line)!important;
  box-shadow:0 18px 48px rgba(29,25,22,.10)!important;
}
main > section .form-card h2,
main > section .career-form-card h2,
main > section .form-card h3,
main > section .career-form-card h3,
main > section .form-card label,
main > section .career-form-card label{color:var(--uft-ink)!important}
main > section .form-card input,
main > section .form-card select,
main > section .form-card textarea,
main > section .career-form-card input,
main > section .career-form-card select,
main > section .career-form-card textarea{
  background:#fff!important;color:var(--uft-ink)!important;border-color:#D8CFC4!important;
}
main > section .form-card input:focus,
main > section .form-card select:focus,
main > section .form-card textarea:focus,
main > section .career-form-card input:focus,
main > section .career-form-card select:focus,
main > section .career-form-card textarea:focus{
  border-color:var(--uft-gold)!important;box-shadow:0 0 0 3px rgba(179,138,74,.12)!important;
}

/* Contact / CTA / feature bands */
main > section.feature-band,
main > section.engagement-band,
.contact-panel,
.career-profile-side,
.home-final-cta .cta-box,
.cta-box{
  background:linear-gradient(135deg,var(--uft-dark),var(--uft-dark-2))!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.10)!important;
}
.contact-item strong{color:var(--uft-gold-light)!important}
.contact-item span{color:#DDD4CA!important}

/* Footer */
.site-footer,.footer{
  background:var(--uft-dark)!important;
  color:#CFC6BC!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
.site-footer h4,.footer h4{color:#fff!important}
.site-footer a,.footer a{color:#D8D0C7!important}
.site-footer a:hover,.footer a:hover{color:var(--uft-gold-light)!important}
.footer-cta{color:var(--uft-gold-light)!important}
.footer-bottom{background:#14110F!important}

/* Mobile menu */
@media(max-width:900px){
  .main-nav{background:#fff!important;border-bottom:1px solid var(--uft-line)!important}
  .drop-menu{background:#fff!important}
}

/* Ensure legacy blue declarations cannot leak into the visible UI */
[style*="#B38A4A"],[style*="#5A4630"],[style*="#4A4037"],[style*="#2B2520"],[style*="#B38A4A"],[style*="#D7B879"]{
  background:linear-gradient(135deg,var(--uft-gold),#8F6935)!important;
  color:#fff!important;
  border-color:transparent!important;
}

/* Final page-intro match: breadcrumb pages use the same hero background as Home */
main > .page-hero,
main > .requirement-hero,
main > .careers-hero{
  background:linear-gradient(135deg,#1D1916 0%,#2A241F 56%,#342A23 100%)!important;
  color:#fff!important;
}
main > .page-hero .breadcrumbs,
main > .requirement-hero .breadcrumbs,
main > .careers-hero .breadcrumbs{
  color:#D7B879!important;
}

/* =========================================================
   UFT FINAL VISIBILITY + WARM GRADIENT SYSTEM
   Use the existing premium warm gradient instead of flat black.
   Light sections stay ivory/white; dark sections use the same
   warm gradient as the home/page hero. No blue is introduced.
========================================================= */
:root{
  --uft-gradient:linear-gradient(135deg,#1D1916 0%,#2A241F 56%,#342A23 100%);
  --uft-gradient-deep:linear-gradient(135deg,#181411 0%,#27201B 55%,#3A2D24 100%);
  --uft-light:#F5F0E8;
  --uft-paper:#FBFAF7;
  --uft-text:#2B2723;
  --uft-muted-safe:#625A52;
  --uft-gold:#B38A4A;
  --uft-gold-light:#D7B879;
}

/* All normal non-cream sections use the warm gradient, never flat black. */
main > section.section:not(.cream),
main > section.feature-band,
main > section.engagement-band,
main > section.cta,
main > section.home-final-cta,
main > section.services-home-section,
main > section.services-page,
main > section.request-support-section,
main > section.clarity-section,
main > section.industries-home-section,
main > section.faq-home-section,
main > section.requirement-section{
  background:var(--uft-gradient)!important;
  color:#fff!important;
}

/* Explicit light sections remain clean and bright. */
main > section.section.cream,
main > section.career-application-section,
main > section.legal-notice-section{
  background:var(--uft-light)!important;
  color:var(--uft-text)!important;
}

/* Dark-section typography: force sufficient contrast everywhere. */
main > section.section:not(.cream) h1,
main > section.section:not(.cream) h2,
main > section.section:not(.cream) h3,
main > section.section:not(.cream) h4,
main > section.section:not(.cream) h5,
main > section.section:not(.cream) h6,
main > section.feature-band h1,
main > section.feature-band h2,
main > section.feature-band h3,
main > section.feature-band h4,
main > section.engagement-band h1,
main > section.engagement-band h2,
main > section.engagement-band h3,
main > section.engagement-band h4,
main > section.cta h1,
main > section.cta h2,
main > section.cta h3,
main > section.cta h4{
  color:#fff!important;
}

main > section.section:not(.cream) p,
main > section.section:not(.cream) li,
main > section.feature-band p,
main > section.engagement-band p,
main > section.cta p{
  color:rgba(255,255,255,.84)!important;
}

main > section.section:not(.cream) .eyebrow,
main > section.section:not(.cream) .section-mini-title,
main > section.section:not(.cream) .num,
main > section.section:not(.cream) .support-no,
main > section.section:not(.cream) .text-link,
main > section.section:not(.cream) .support-link,
main > section.feature-band .eyebrow,
main > section.engagement-band .eyebrow,
main > section.cta .eyebrow{
  color:var(--uft-gold-light)!important;
}

/* Light-section typography. */
main > section.section.cream h1,
main > section.section.cream h2,
main > section.section.cream h3,
main > section.section.cream h4,
main > section.section.cream h5,
main > section.section.cream h6,
main > section.career-application-section h1,
main > section.career-application-section h2,
main > section.career-application-section h3,
main > section.legal-notice-section h1,
main > section.legal-notice-section h2,
main > section.legal-notice-section h3{
  color:var(--uft-text)!important;
}
main > section.section.cream p,
main > section.section.cream li,
main > section.career-application-section p,
main > section.legal-notice-section p{
  color:var(--uft-muted-safe)!important;
}
main > section.section.cream .eyebrow,
main > section.section.cream .section-mini-title,
main > section.section.cream .num,
main > section.section.cream .support-no,
main > section.section.cream .text-link,
main > section.section.cream .support-link{
  color:var(--uft-gold)!important;
}

/* Cards are always white so text never disappears against a dark section. */
main > section .card,
main > section .support-card,
main > section .clarity-card,
main > section .industry,
main > section .career-card,
main > section .career-role,
main > section .community-choice,
main > section .contact-action,
main > section .form-card,
main > section .career-form-card{
  background:#fff!important;
  color:var(--uft-text)!important;
  border:1px solid #E3DBD0!important;
  box-shadow:0 16px 40px rgba(29,25,22,.10)!important;
}
main > section .card h1,
main > section .card h2,
main > section .card h3,
main > section .card h4,
main > section .support-card h1,
main > section .support-card h2,
main > section .support-card h3,
main > section .support-card h4,
main > section .clarity-card h1,
main > section .clarity-card h2,
main > section .clarity-card h3,
main > section .clarity-card h4,
main > section .industry h1,
main > section .industry h2,
main > section .industry h3,
main > section .industry h4,
main > section .career-card h1,
main > section .career-card h2,
main > section .career-card h3,
main > section .career-card h4,
main > section .career-role h1,
main > section .career-role h2,
main > section .career-role h3,
main > section .career-role h4,
main > section .community-choice h1,
main > section .community-choice h2,
main > section .community-choice h3,
main > section .community-choice h4,
main > section .contact-action h1,
main > section .contact-action h2,
main > section .contact-action h3,
main > section .contact-action h4{
  color:var(--uft-text)!important;
}
main > section .card p,
main > section .support-card p,
main > section .clarity-card p,
main > section .industry p,
main > section .career-card p,
main > section .career-role p,
main > section .community-choice p,
main > section .contact-action p{
  color:var(--uft-muted-safe)!important;
}

/* Service tiles retain a premium gradient rather than flat dark fills. */
.service-tile,
.service-tile:nth-child(even){
  background:var(--uft-gradient-deep)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.service-tile h3{color:#fff!important}
.service-tile p{color:rgba(255,255,255,.78)!important}
.service-tile .num{color:var(--uft-gold-light)!important}

/* CTA / contact panels use the same warm gradient. */
.cta-box,
.home-final-cta .cta-box,
.contact-panel,
.career-profile-side{
  background:var(--uft-gradient-deep)!important;
  color:#fff!important;
}
.cta-box h1,.cta-box h2,.cta-box h3,.contact-panel h1,.contact-panel h2,.contact-panel h3,
.career-profile-side h1,.career-profile-side h2,.career-profile-side h3{color:#fff!important}
.cta-box p,.contact-panel p,.career-profile-side p{color:rgba(255,255,255,.82)!important}
.contact-item strong{color:var(--uft-gold-light)!important}
.contact-item span{color:#E5DCD1!important}

/* Forms stay white with dark readable controls. */
main > section .form-card input,
main > section .form-card select,
main > section .form-card textarea,
main > section .career-form-card input,
main > section .career-form-card select,
main > section .career-form-card textarea,
main > section .request-form input,
main > section .request-form select,
main > section .request-form textarea{
  background:#fff!important;
  color:var(--uft-text)!important;
  border-color:#D8CFC4!important;
}
main > section .form-card label,
main > section .career-form-card label,
main > section .request-form label{
  color:var(--uft-text)!important;
}
main > section .form-card input::placeholder,
main > section .form-card textarea::placeholder,
main > section .career-form-card input::placeholder,
main > section .career-form-card textarea::placeholder,
main > section .request-form input::placeholder,
main > section .request-form textarea::placeholder{
  color:#8A8178!important;
  opacity:1!important;
}

/* Tables and legal notices remain readable on both backgrounds. */
main > section.section:not(.cream) table{color:#fff!important}
main > section.section:not(.cream) th,
main > section.section:not(.cream) td{border-color:rgba(255,255,255,.18)!important}
main > section.section.cream table,
main > section.section.cream th,
main > section.section.cream td{color:var(--uft-text)!important}
.legal-notice-section .legal-notice-item{
  background:#fff!important;
  color:var(--uft-text)!important;
  border:1px solid #E3DBD0!important;
}
.legal-notice-section .legal-notice-item h3{color:var(--uft-text)!important}
.legal-notice-section .legal-notice-item p{color:var(--uft-muted-safe)!important}

/* Page heroes: exactly the same warm gradient family as the home hero. */
main > .page-hero,
main > .requirement-hero,
main > .careers-hero,
main > .community-page-hero{
  background:var(--uft-gradient)!important;
  color:#fff!important;
}
main > .page-hero h1,
main > .requirement-hero h1,
main > .careers-hero h1,
main > .community-page-hero h1{color:#fff!important}
main > .page-hero p,
main > .requirement-hero p,
main > .careers-hero p,
main > .community-page-hero p{color:rgba(255,255,255,.84)!important}
main > .page-hero .breadcrumbs,
main > .requirement-hero .breadcrumbs,
main > .careers-hero .breadcrumbs,
main > .community-page-hero .breadcrumbs{color:var(--uft-gold-light)!important}

/* Remove accidental flat black fills from common blocks. */
.hero-statbar{background:linear-gradient(135deg,rgba(29,25,22,.94),rgba(52,42,35,.94))!important}

/* Fix the few hard-coded black headings in the home cards so they remain
   controlled by the card visibility system. */
main > section .card h3[style*="color:#000"],
main > section .card h3[style*="color:#000000"]{color:var(--uft-text)!important}

/* Keep dropdowns readable when they overlap any hero background. */
.drop-menu{background:#fff!important;color:var(--uft-text)!important;z-index:1100!important}
.drop-menu a{color:var(--uft-text)!important}
.drop-menu a:hover{background:var(--uft-light)!important;color:var(--uft-gold)!important}

/* Mobile: preserve contrast and prevent clipped navigation/content. */
@media(max-width:900px){
  .main-nav{background:#fff!important;color:var(--uft-text)!important}
  .main-nav>a,.drop-btn{color:var(--uft-text)!important}
  .drop-menu{background:#fff!important}
  main > section.section:not(.cream),
  main > section.feature-band,
  main > section.engagement-band,
  main > section.cta{overflow:visible!important}
}

@media(max-width:600px){
  main > section.section:not(.cream),
  main > section.section.cream{padding-left:0;padding-right:0}
  .page-hero h1{font-size:clamp(34px,10vw,48px)!important}
  .page-hero p{font-size:15px!important}
  .cta-box{padding:32px 22px!important}
}

/* =========================================================
   UFT FINAL VISUAL SYSTEM — EXACT REFERENCE GRADIENT + WHITE CONTENT
   Requested palette:
   linear-gradient(135deg,#12192B 0%,#1E2738 48%,#264A48 100%)
   ========================================================= */

:root{
  --uft-final-gradient:linear-gradient(135deg,#12192B 0%,#1E2738 48%,#264A48 100%);
  --uft-final-ink:#17202B;
  --uft-final-muted:#59636D;
  --uft-final-line:#E5E8EA;
  --uft-final-gold:#B38A4A;
}

/* HOME HERO + ALL INNER PAGE HEROES */
.hero-home-new,
.uft-reference-hero,
.requirement-hero,
.page-hero,
.careers-hero,
.community-page-hero{
  background:var(--uft-final-gradient)!important;
  background-color:#12192B!important;
  color:#fff!important;
}

/* The reference home hero must show the requested gradient itself. */
.uft-reference-hero .uft-hero-bg{
  background-image:none!important;
  background:var(--uft-final-gradient)!important;
  opacity:1!important;
}

.hero-home-new h1,
.hero-home-new h2,
.hero-home-new h3,
.hero-home-new p,
.uft-reference-hero h1,
.uft-reference-hero h2,
.uft-reference-hero h3,
.uft-reference-hero p,
.page-hero h1,
.page-hero h2,
.page-hero h3,
.page-hero p,
.requirement-hero h1,
.requirement-hero h2,
.requirement-hero h3,
.requirement-hero p,
.careers-hero h1,
.careers-hero h2,
.careers-hero h3,
.careers-hero p,
.community-page-hero h1,
.community-page-hero h2,
.community-page-hero h3,
.community-page-hero p{
  color:#fff!important;
}

.hero-home-new .eyebrow,
.uft-reference-hero .eyebrow,
.page-hero .eyebrow,
.requirement-hero .eyebrow,
.careers-hero .eyebrow,
.community-page-hero .eyebrow,
.page-hero .breadcrumbs,
.requirement-hero .breadcrumbs,
.careers-hero .breadcrumbs,
.community-page-hero .breadcrumbs{
  color:#D7B879!important;
}

/* Breadcrumbs stay on the same gradient — no blue or separate block. */
.breadcrumbs{
  background:transparent!important;
  color:#D7B879!important;
}

/* =========================================================
   ALL CONTENT SECTIONS: WHITE
   ========================================================= */
main > section:not(.hero-home-new):not(.uft-reference-hero):not(.page-hero):not(.requirement-hero):not(.careers-hero):not(.community-page-hero){
  background:#fff!important;
  color:var(--uft-final-ink)!important;
}

/* Remove previous dark section treatments. */
main > section.section:not(.hero-home-new):not(.uft-reference-hero):not(.page-hero):not(.requirement-hero):not(.careers-hero):not(.community-page-hero),
main > section.section.cream,
main > section.feature-band,
main > section.engagement-band,
main > section.cta,
main > section.home-final-cta,
main > section.services-home-section,
main > section.services-page,
main > section.request-support-section,
main > section.clarity-section,
main > section.industries-home-section,
main > section.faq-home-section,
main > section.requirement-section,
main > section.career-application-section,
main > section.legal-notice-section{
  background:#fff!important;
  color:var(--uft-final-ink)!important;
}

/* Every normal section heading is dark and readable on white. */
main > section:not(.hero-home-new):not(.uft-reference-hero):not(.page-hero):not(.requirement-hero):not(.careers-hero):not(.community-page-hero) h1,
main > section:not(.hero-home-new):not(.uft-reference-hero):not(.page-hero):not(.requirement-hero):not(.careers-hero):not(.community-page-hero) h2,
main > section:not(.hero-home-new):not(.uft-reference-hero):not(.page-hero):not(.requirement-hero):not(.careers-hero):not(.community-page-hero) h3,
main > section:not(.hero-home-new):not(.uft-reference-hero):not(.page-hero):not(.requirement-hero):not(.careers-hero):not(.community-page-hero) h4,
main > section:not(.hero-home-new):not(.uft-reference-hero):not(.page-hero):not(.requirement-hero):not(.careers-hero):not(.community-page-hero) h5,
main > section:not(.hero-home-new):not(.uft-reference-hero):not(.page-hero):not(.requirement-hero):not(.careers-hero):not(.community-page-hero) h6{
  color:var(--uft-final-ink)!important;
}

main > section:not(.hero-home-new):not(.uft-reference-hero):not(.page-hero):not(.requirement-hero):not(.careers-hero):not(.community-page-hero) p,
main > section:not(.hero-home-new):not(.uft-reference-hero):not(.page-hero):not(.requirement-hero):not(.careers-hero):not(.community-page-hero) li{
  color:var(--uft-final-muted)!important;
}

main > section:not(.hero-home-new):not(.uft-reference-hero):not(.page-hero):not(.requirement-hero):not(.careers-hero):not(.community-page-hero) .eyebrow,
main > section:not(.hero-home-new):not(.uft-reference-hero):not(.page-hero):not(.requirement-hero):not(.careers-hero):not(.community-page-hero) .section-mini-title,
main > section:not(.hero-home-new):not(.uft-reference-hero):not(.page-hero):not(.requirement-hero):not(.careers-hero):not(.community-page-hero) .num,
main > section:not(.hero-home-new):not(.uft-reference-hero):not(.page-hero):not(.requirement-hero):not(.careers-hero):not(.community-page-hero) .support-no{
  color:var(--uft-final-gold)!important;
}

/* =========================================================
   CARDS / TILES / PANELS: WHITE + DARK TEXT
   ========================================================= */
main > section .card,
main > section .support-card,
main > section .clarity-card,
main > section .industry,
main > section .career-card,
main > section .career-role,
main > section .community-choice,
main > section .contact-action,
main > section .form-card,
main > section .career-form-card,
main > section .contact-action-card,
main > section .faq-item,
main > section .legal-notice-item{
  background:#fff!important;
  color:var(--uft-final-ink)!important;
  border-color:var(--uft-final-line)!important;
}

main > section .card h1,
main > section .card h2,
main > section .card h3,
main > section .card h4,
main > section .support-card h1,
main > section .support-card h2,
main > section .support-card h3,
main > section .support-card h4,
main > section .clarity-card h1,
main > section .clarity-card h2,
main > section .clarity-card h3,
main > section .clarity-card h4,
main > section .industry h1,
main > section .industry h2,
main > section .industry h3,
main > section .industry h4,
main > section .career-card h1,
main > section .career-card h2,
main > section .career-card h3,
main > section .career-card h4,
main > section .career-role h1,
main > section .career-role h2,
main > section .career-role h3,
main > section .career-role h4,
main > section .community-choice h1,
main > section .community-choice h2,
main > section .community-choice h3,
main > section .community-choice h4,
main > section .contact-action h1,
main > section .contact-action h2,
main > section .contact-action h3,
main > section .contact-action h4{
  color:var(--uft-final-ink)!important;
}

main > section .card p,
main > section .support-card p,
main > section .clarity-card p,
main > section .industry p,
main > section .career-card p,
main > section .career-role p,
main > section .career-role li,
main > section .community-choice p,
main > section .contact-action p,
main > section .contact-action span,
main > section .faq-item p,
main > section .legal-notice-item p{
  color:var(--uft-final-muted)!important;
}

/* Tiles that were previously dark are now clean white cards. */
.service-tile,
.service-tile:nth-child(even),
.hero-statbar,
.cta-box,
.home-final-cta .cta-box,
.contact-panel,
.career-profile-side{
  background:#fff!important;
  color:var(--uft-final-ink)!important;
  border:1px solid var(--uft-final-line)!important;
}

.service-tile h1,
.service-tile h2,
.service-tile h3,
.service-tile h4,
.service-tile p,
.service-tile span,
.service-tile .num,
.cta-box h1,
.cta-box h2,
.cta-box h3,
.cta-box p,
.contact-panel h1,
.contact-panel h2,
.contact-panel h3,
.contact-panel p,
.career-profile-side h1,
.career-profile-side h2,
.career-profile-side h3,
.career-profile-side p,
.career-profile-side li{
  color:var(--uft-final-ink)!important;
}

.service-tile p,
.cta-box p,
.contact-panel p,
.career-profile-side p,
.career-profile-side li{
  color:var(--uft-final-muted)!important;
}

.service-tile .num,
.contact-item strong{
  color:var(--uft-final-gold)!important;
}

/* Tables: white background and dark readable text. */
main > section table,
main > section th,
main > section td{
  background:#fff!important;
  color:var(--uft-final-ink)!important;
  border-color:var(--uft-final-line)!important;
}

/* Forms remain white and readable. */
main > section input,
main > section select,
main > section textarea{
  background:#fff!important;
  color:var(--uft-final-ink)!important;
  border-color:#D8DDE1!important;
}

main > section label{
  color:var(--uft-final-ink)!important;
}

main > section input::placeholder,
main > section textarea::placeholder{
  color:#7A838B!important;
  opacity:1!important;
}

/* FAQ and legal content. */
.faq-item summary,
.legal-notice-item h3{
  color:var(--uft-final-ink)!important;
}

/* Preserve gold/white button contrast on the white content sections. */
.btn-blue-accent{
  background:linear-gradient(135deg,#B38A4A,#8F6935)!important;
  color:#fff!important;
  border-color:transparent!important;
}

.btn-outline{
  color:var(--uft-final-ink)!important;
  border-color:var(--uft-final-ink)!important;
}

/* Keep the hero buttons visible on the dark gradient. */
.hero-home-new .btn-outline,
.uft-reference-hero .btn-outline,
.page-hero .btn-outline,
.requirement-hero .btn-outline,
.careers-hero .btn-outline,
.community-page-hero .btn-outline{
  color:#fff!important;
  border-color:rgba(255,255,255,.72)!important;
}

/* Mobile contrast and spacing. */
@media(max-width:900px){
  main > section:not(.hero-home-new):not(.uft-reference-hero):not(.page-hero):not(.requirement-hero):not(.careers-hero):not(.community-page-hero){
    background:#fff!important;
    color:var(--uft-final-ink)!important;
  }
}


/* =========================================================
   FINAL BACKGROUND-ONLY COLOR CHANGE
   Use the dark background tone from the supplied reference image.
   No other website styling is changed.
========================================================= */
html,body{
  background:#1E2738!important;
}

.drop-menu{
  background:#1E2738!important;
}
.drop-menu a:hover{
  background:#1E2738!important;
}

.page-hero,
main > .page-hero,
main > .requirement-hero,
main > .careers-hero,
.uft-reference-hero,
.engagement-band,
.feature-band{
  background:#1E2738!important;
}

.service-tile,
.service-tile:nth-child(even),
.home-final-cta .cta-box,
.cta-box,
.contact-panel,
.career-profile-side{
  background:#1E2738!important;
}

main .main-nav{
  background:#1E2738!important;
}

.side-nav a:hover{
  background:#1E2738!important;
}

/* =========================================================
   UFT REFERENCE PALETTE — HERO / FOOTER / BREADCRUMBS ONLY
   Based on the supplied dark navy-to-teal reference image.
========================================================= */
:root{
  --uft-reference-bg: linear-gradient(135deg,#10172A 0%,#1D2A3D 48%,#234B4A 100%);
  --uft-reference-deep:#10172A;
  --uft-reference-blue:#4EC7FF;
}

/* Hero backgrounds */
.hero,
.hero-home-new,
.uft-reference-hero,
.requirement-hero,
.page-hero,
.careers-hero,
.community-page-hero,
.engagement-band{
  background:var(--uft-reference-bg)!important;
  background-color:var(--uft-reference-deep)!important;
}

/* Remove separate hero overlay so the requested background remains visible. */
.hero:after{background:transparent!important;}

/* Breadcrumbs use the same dark reference background through their parent hero. */
.page-hero .breadcrumbs,
.requirement-hero .breadcrumbs,
.careers-hero .breadcrumbs,
.community-page-hero .breadcrumbs,
.breadcrumbs{
  background:transparent!important;
  color:#9ADFFF!important;
}

/* Footer */
.site-footer{
  background:var(--uft-reference-bg)!important;
  color:rgba(255,255,255,.76)!important;
}
.site-footer .footer-main{background:transparent!important;}
.site-footer h4,
.site-footer a{color:#fff!important;}
.site-footer a:hover{color:var(--uft-reference-blue)!important;}
.site-footer .disclaimer{
  border-top-color:rgba(255,255,255,.14)!important;
  color:rgba(255,255,255,.62)!important;
}
.footer-bottom{
  background:var(--uft-reference-deep)!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  color:rgba(255,255,255,.82)!important;
}
.footer-bottom span{color:rgba(255,255,255,.62)!important;}

/* Newly supplied UFT logo */
.brand img,
.footer-brand img{
  content:url('../images/uft-logo-new.png');
  object-fit:contain;
  display:block;
}
.brand img{width:210px!important;max-height:78px!important;}
.footer-brand img{width:220px!important;max-height:115px!important;}

@media(max-width:600px){
  .brand img{width:175px!important;max-height:68px!important;}
  .footer-brand img{width:200px!important;max-height:105px!important;}
}