/* UrbanHRPartners 2027 enterprise visual system — cohesive, compact and operational. */
:root{--uhr-navy:#041326;--uhr-deep:#061b33;--uhr-cyan:#57d8f5;--uhr-gold:#e3ae50;--uhr-paper:#f3f6fa;--uhr-ink:#0a2038;--uhr-line:rgba(18,58,91,.13)}
html{scroll-padding-top:82px}
body{background:var(--uhr-paper);color:var(--uhr-ink)}
.site-header{border-bottom:1px solid rgba(149,215,239,.14);box-shadow:0 10px 30px rgba(0,10,25,.14)}
.site-header{height:78px}.site-header[data-elevated=true]{height:70px}
.site-header .brand{flex:0 0 clamp(175px,15vw,232px);width:clamp(175px,15vw,232px);height:58px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#06182d;padding:.2rem .45rem;box-shadow:0 8px 22px rgba(0,0,0,.22)}
.site-header .brand img{object-fit:contain}
.site-header .desktop-nav{display:none!important}
.site-header .menu-button{display:block!important;flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.06)}
.site-header .header-actions{margin-left:auto}
.mobile-menu{display:flex;position:fixed;z-index:300;inset:0 0 0 auto;width:min(410px,100%);background:linear-gradient(160deg,#06182e,#0b365d);color:#fff;padding:6rem 2rem 2rem;flex-direction:column;gap:1.2rem;transform:translateX(100%);transition:.3s;box-shadow:-24px 0 70px rgba(0,0,0,.35)}
.mobile-menu[aria-hidden=false]{transform:none}
.mobile-menu a{color:#fff;text-decoration:none;font-size:1.15rem;font-weight:750}
.mobile-menu .menu-close{background:rgba(255,255,255,.1);color:#fff}
.hero{min-height:auto;padding:92px max(22px,calc((100vw - var(--max))/2)) 0;background:#041326;color:#fff;isolation:isolate}
.hero::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(2,12,26,.99) 0%,rgba(3,18,37,.91) 35%,rgba(3,18,37,.28) 72%,rgba(3,18,37,.84) 100%),linear-gradient(180deg,rgba(3,16,32,.08),#041326 94%),linear-gradient(90deg,rgba(84,216,245,.08) 1px,transparent 1px),linear-gradient(rgba(84,216,245,.06) 1px,transparent 1px);background-size:auto,auto,80px 80px,80px 80px;pointer-events:none}
.hero::after{opacity:.6}
.hero-industry-reel,.hero-industry-scene{position:absolute;inset:0}
.hero-industry-reel{z-index:0;overflow:hidden;background:#041326}
.hero-industry-scene{opacity:0;background-position:center;background-size:cover;transform:scale(1.035);animation:heroIndustryCycle 24s ease-in-out infinite}
.hero-scene-manufacturing{background-image:url('assets/scenes/manufacturing-action.png');animation-delay:0s}
.hero-scene-field{background-image:url('assets/scenes/construction-logistics-action.png');animation-delay:8s}
.hero-scene-care{background-image:url('assets/scenes/home-health-action.png');animation-delay:16s}
@keyframes heroIndustryCycle{0%,29%{opacity:1;transform:scale(1.035)}35%,100%{opacity:0;transform:scale(1.085)}}
.hero-grid{min-height:610px;grid-template-columns:minmax(0,1.02fr) minmax(390px,.72fr);gap:clamp(2rem,4vw,4.5rem);position:relative;z-index:2}
.hero-copy{align-self:center;max-width:680px;padding:1.4rem 0 3rem;text-shadow:0 3px 20px rgba(0,0,0,.35)}
.hero-copy .eyebrow{width:max-content;border:1px solid rgba(117,224,248,.28);border-radius:999px;background:rgba(4,26,50,.68);padding:.55rem .8rem;backdrop-filter:blur(12px)}
.hero h1{margin:.9rem 0 1.1rem;font-size:clamp(2.55rem,4.55vw,4.65rem);line-height:.98;letter-spacing:-.055em;max-width:720px}
.hero h1 em{display:inline;color:#f1c56e;font-style:normal}
.hero-copy>p{max-width:640px;margin:0 0 1.35rem;color:#d1e2ef;font-size:clamp(.98rem,1.25vw,1.12rem);line-height:1.65}
.hero-actions{display:flex;gap:.7rem;flex-wrap:wrap}.hero-actions .button{min-height:48px;padding:.8rem 1.15rem}
.trust-row{margin-top:1.35rem;gap:.45rem}.trust-row span{border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(3,18,35,.58);padding:.48rem .65rem;color:#c5dce9;font-size:.65rem;backdrop-filter:blur(12px)}
.xyomara-stage{align-self:center;min-height:560px;grid-template-rows:minmax(0,455px) auto;gap:1rem;padding:1.1rem;border:1px solid rgba(157,225,247,.25);border-radius:30px;background:linear-gradient(155deg,rgba(6,30,55,.5),rgba(4,17,34,.78));box-shadow:0 34px 80px rgba(0,8,20,.5),inset 0 1px rgba(255,255,255,.1);backdrop-filter:blur(16px);perspective:1200px;overflow:hidden}
.xyomara-stage::before{inset:7% 5% 15%;border-color:rgba(95,216,244,.22);background:radial-gradient(circle at 50% 46%,rgba(59,170,239,.34),transparent 47%),linear-gradient(180deg,transparent,rgba(227,174,80,.08));box-shadow:inset 0 0 70px rgba(51,177,224,.12)}
.xyomara-stage::after{display:none}
.xyomara-brand-mark{display:none!important}
.xyomara-frame{grid-row:1;width:min(100%,390px);height:455px;border:1px solid rgba(255,255,255,.2);border-radius:190px 190px 22px 22px;background:radial-gradient(circle at 50% 38%,rgba(54,137,226,.28),rgba(3,18,38,.14) 57%,rgba(3,17,34,.72));box-shadow:0 28px 60px rgba(0,0,0,.36),0 0 0 9px rgba(76,202,239,.05);transform:translate3d(var(--guide-x,0),var(--guide-y,0),0) rotateY(-3deg) rotateX(1deg)}
.xyomara-master{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center bottom;animation:xPresence 5s ease-in-out infinite;filter:none}
.presenter-card{grid-row:2;position:relative!important;inset:auto!important;width:min(360px,94%);margin:0;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(3,21,42,.94);box-shadow:0 18px 38px rgba(0,0,0,.32);text-align:left;backdrop-filter:blur(14px)}
.presenter-card p{color:#bdd5e6;font-size:.72rem}.xyomara-guide-actions{justify-content:flex-start}
.orbit{opacity:.45;filter:drop-shadow(0 0 10px rgba(74,210,242,.28))}
.hero-workbench{position:relative;z-index:4;margin:0 -1px;border-radius:22px 22px 0 0;border-color:rgba(106,216,245,.28);background:linear-gradient(135deg,rgba(3,22,43,.97),rgba(7,50,82,.94));box-shadow:0 -12px 50px rgba(0,0,0,.24)}
.orchestrator-top{background:rgba(0,10,24,.28)}
.workbench-grid{grid-template-columns:.9fr 1.1fr}.workbench-route{padding:1.2rem 1.4rem}
.universal-intake{background:rgba(255,255,255,.97);color:var(--uhr-ink)}
.universal-intake textarea,.universal-intake select{border-color:#d1dce6;background:#f9fbfd}
.metric-strip{position:relative;z-index:4;margin-inline:-1px;background:#071d36;border-top:1px solid rgba(255,255,255,.1);border-radius:0 0 18px 18px}
.metric-strip>div{padding:1rem}.metric-strip strong{font-size:1.2rem}.metric-strip span{font-size:.66rem}
.section{position:relative;padding-inline:max(22px,calc((100vw - var(--max))/2));overflow:hidden}
.section-heading{max-width:780px}.section-heading .eyebrow{color:#15759b}.section-heading h2{max-width:760px;margin:.5rem 0 .8rem;color:#08223e}
.pathway-section{background:linear-gradient(180deg,#f4f7fb,#fff)}
.pathway-section{--path-accent:#2f86ff;--path-soft:#dcecff}
.pathway-tabs{display:flex;gap:.45rem;overflow:auto;margin:2rem 0 1rem;padding:.4rem;border:1px solid var(--uhr-line);border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(11,43,72,.08)}
.pathway-tabs button{position:relative;flex:1;min-width:160px;border:0;border-radius:13px;padding:.9rem 1rem;background:transparent;color:#36536c;font-size:.76rem;font-weight:850;transition:.22s}
.pathway-tabs button:hover{background:#eef4f9;color:#071e39}.pathway-tabs button[aria-selected=true]{background:#071e39;color:#fff;box-shadow:0 9px 22px rgba(4,27,52,.24);transform:translateY(-1px)}
.pathway-panel{--panel-accent:#2f86ff;display:grid;grid-template-columns:1.05fr .72fr .83fr;gap:0;min-height:410px;padding:0!important;border:1px solid rgba(70,137,193,.23);border-radius:24px;background:#061a31!important;color:#fff;overflow:hidden;box-shadow:0 30px 70px rgba(5,34,61,.2)}
.pathway-panel[data-path=protect]{--panel-accent:#f19b3c}.pathway-panel[data-path=talent]{--panel-accent:#23c59b}.pathway-panel[data-path=insight]{--panel-accent:#8c7dff}
.pathway-main,.pathway-route,.pathway-command{padding:clamp(1.35rem,2.6vw,2.25rem)}
.pathway-main{background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--panel-accent) 22%,transparent),transparent 34%),linear-gradient(145deg,#071f3c,#06172c)}
.pathway-live{display:flex;align-items:center;gap:.5rem;color:#b8d3e5;font-size:.63rem;letter-spacing:.1em}.pathway-live i{width:8px;height:8px;border-radius:50%;background:var(--panel-accent);box-shadow:0 0 0 7px color-mix(in srgb,var(--panel-accent) 16%,transparent)}.pathway-live b{margin-left:auto;width:42px;height:42px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--panel-accent) 52%,transparent);border-radius:12px;background:color-mix(in srgb,var(--panel-accent) 14%,transparent);color:#fff;font-size:.85rem}
.pathway-panel h3{max-width:520px;margin:1.2rem 0 .7rem;color:#fff;font-size:clamp(1.65rem,2.6vw,2.35rem);line-height:1.08}.pathway-main>p{max-width:560px;color:#b9cedd;font-size:.82rem;line-height:1.58}
.pathway-capabilities{display:grid;gap:.45rem;margin-top:1.2rem}.pathway-capabilities span{padding:.55rem .7rem;border-left:2px solid var(--panel-accent);background:rgba(255,255,255,.045);color:#e5f1f7;font-size:.72rem}
.pathway-route{align-content:center;display:grid;background:rgba(255,255,255,.045);border-inline:1px solid rgba(255,255,255,.09)}.pathway-route>small,.pathway-command>small{margin-bottom:.8rem;color:var(--panel-accent);font-size:.62rem;font-weight:900;letter-spacing:.11em}.pathway-route .route-step{display:grid;grid-template-columns:34px 1fr auto;gap:.65rem;align-items:center;padding:.65rem 0;border-bottom:1px solid rgba(255,255,255,.09)}.pathway-route .route-step b{width:32px;height:32px;background:var(--panel-accent);color:#04172b}.pathway-route .route-step span{font-size:.75rem;font-weight:750}.pathway-route .route-step i{width:7px;height:7px;border-radius:50%;background:#52e5b4;box-shadow:0 0 0 5px rgba(82,229,180,.1)}
.pathway-command{display:grid;align-content:center;background:linear-gradient(155deg,#0a2948,#06182e)}.pathway-command>div{display:grid;grid-template-columns:22px 1fr;gap:.5rem;padding:.58rem 0;border-bottom:1px solid rgba(255,255,255,.09);color:#c8dbe8;font-size:.7rem}.pathway-command>div i{color:#58e6b6;font-style:normal}.pathway-command .button{margin-top:1.1rem;border-radius:12px;background:var(--panel-accent);color:#04172b;box-shadow:none}.pathway-explore{margin-top:.55rem;border:0;background:transparent;color:#9fc9df;font-size:.68rem;font-weight:800;cursor:pointer}
.dark-section{background:radial-gradient(circle at 85% 8%,rgba(29,170,221,.16),transparent 26%),linear-gradient(180deg,#041326,#071d36);color:#fff}
.dark-section .section-heading h2,.dark-section .scenario-heading h3{color:#fff}.dark-section .section-heading .eyebrow{color:#65ddf7}
.enterprise-catalog{border:1px solid rgba(113,207,237,.17);border-radius:24px;background:rgba(255,255,255,.045);box-shadow:0 24px 65px rgba(0,0,0,.25);backdrop-filter:blur(18px)}
.catalog-toolbar{padding:1.25rem}.catalog-toolbar h3{color:#fff}.catalog-toolbar label{color:#bad4e6}.catalog-toolbar input{border-color:rgba(255,255,255,.17);background:rgba(0,11,25,.55);color:#fff}
.catalog-filters{padding:.7rem 1.2rem;border-block:1px solid rgba(255,255,255,.08)}
.catalog-results{padding:1.2rem}.catalog-item{border-color:rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));color:#fff;box-shadow:none}.catalog-item p{color:#abc5d8}
.industry-workspace{display:grid;grid-template-columns:.9fr 1.1fr;gap:1px;margin:1rem 1.2rem 0;border:1px solid rgba(104,211,242,.24);border-radius:20px;overflow:hidden;background:rgba(73,197,235,.2);box-shadow:0 22px 55px rgba(0,0,0,.28)}
.industry-workspace[hidden]{display:none}.industry-workspace-copy,.industry-workspace-services{padding:1.5rem;background:linear-gradient(145deg,rgba(5,29,54,.98),rgba(8,49,79,.96))}.industry-workspace-copy>small{display:block;margin:.55rem 0 0;color:#75d9f3;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.industry-workspace h4{margin:.35rem 0 .7rem;color:#fff;font-size:clamp(1.55rem,2.6vw,2.35rem);line-height:1.05}.industry-workspace p{max-width:600px;margin:0;color:#bad0df;font-size:.85rem;line-height:1.55}
.industry-control-strip{display:flex;align-items:center;gap:.45rem;margin-top:1.2rem;overflow:auto}.industry-control-strip span{white-space:nowrap;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.42rem .6rem;color:#e1f3fa;font-size:.64rem}.industry-control-strip i{min-width:18px;height:1px;background:#55d7f4}
.industry-workspace-services>small{display:block;margin-bottom:.65rem;color:#f0c16b;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.industry-workspace-services>div{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.industry-workspace-services>div>button{display:grid;gap:.25rem;min-height:88px;padding:.75rem;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.055);color:#fff;text-align:left;cursor:pointer;transition:.2s}.industry-workspace-services>div>button:hover{border-color:#5bd9f5;background:rgba(78,200,235,.13);transform:translateY(-2px)}.industry-workspace-services button b{font-size:.72rem}.industry-workspace-services button span{color:#abc4d5;font-size:.62rem;line-height:1.35}.industry-workspace-services>.button{margin-top:.8rem}
.scenario-theater{margin-top:1.5rem;border-radius:24px;border-color:rgba(107,215,244,.25)}
.workplace-section{background:linear-gradient(180deg,#f3f7fb,#fff)}
.workplace-switch{margin-top:1.6rem;box-shadow:0 14px 36px rgba(8,39,68,.07)}
.workspace-stage{border:1px solid rgba(8,44,75,.12);box-shadow:0 30px 80px rgba(6,32,60,.16)}
.workspace-story{background:radial-gradient(circle at 18% 15%,rgba(54,183,229,.17),transparent 28%)}
.global-section{background:linear-gradient(135deg,#06182f,#0b3154);color:#fff}.global-section h2{color:#fff}
.intelligence-section{background:linear-gradient(180deg,#fff,#edf4fa)}
.tracking-section,.gateway-section{background:#06182f;color:#fff}
.tracking-section h2,.gateway-section h2{color:#fff}
.contact-section{background:linear-gradient(135deg,#eaf2f9,#fff)}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding-top:2.2rem}.xyomara-stage{width:min(620px,100%);margin-inline:auto}.workbench-grid{grid-template-columns:1fr}.pathway-panel{grid-template-columns:1fr}.pathway-route{border-inline:0;border-block:1px solid rgba(255,255,255,.09)}}
@media(max-width:680px){.hero{padding-top:78px;padding-inline:16px;background-position:62% center}.hero h1{font-size:clamp(2.25rem,11vw,3.05rem)}.hero-grid{gap:1rem}.xyomara-stage{min-height:0;grid-template-rows:390px auto;padding:.75rem;border-radius:20px}.xyomara-frame{height:390px;width:320px}.presenter-card{margin:0}.hero-workbench{border-radius:16px 16px 0 0}.metric-strip{grid-template-columns:repeat(2,1fr)}.section{padding-inline:18px}.pathway-tabs button{min-width:145px}.scenario-theater{border-radius:18px}}
@media(max-width:820px){.industry-workspace{grid-template-columns:1fr}.industry-workspace-services>div{grid-template-columns:1fr}}
@media(max-width:1280px){
  .site-header{padding-inline:22px;gap:.8rem}
  .desktop-nav{display:none}
  .menu-button{display:block;flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.06)}
  .header-actions{margin-left:auto}
  .mobile-menu{display:flex;position:fixed;z-index:300;inset:0 0 0 auto;width:min(410px,100%);background:linear-gradient(160deg,#06182e,#0b365d);color:#fff;padding:6rem 2rem 2rem;flex-direction:column;gap:1.2rem;transform:translateX(100%);transition:.3s;box-shadow:-24px 0 70px rgba(0,0,0,.35)}
  .mobile-menu[aria-hidden=false]{transform:none}
  .mobile-menu a{color:#fff;text-decoration:none;font-size:1.15rem;font-weight:750}
  .mobile-menu .menu-close{background:rgba(255,255,255,.1);color:#fff}
}
@media(prefers-reduced-motion:reduce){.hero-industry-scene{animation:none}.hero-scene-manufacturing{opacity:1}}