:root{--bg:#050708;--cyan:#67e8ff;--line:rgba(255,255,255,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}
.detail-nav{height:72px;padding:0 clamp(20px,4.5vw,86px);display:flex;align-items:center;justify-content:space-between;background:#030405;border-bottom:1px solid rgba(255,255,255,.08)}
.detail-nav img{width:auto;height:25px}.detail-nav nav{display:flex;align-items:center;gap:30px;font-family:"Arial Narrow","Bahnschrift Condensed","Roboto Condensed",Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.07em;line-height:1.45;text-transform:uppercase}.detail-nav nav a{display:inline-flex;align-items:center;min-height:36px}.detail-nav nav a:hover{color:var(--cyan)}
.detail-hero{position:relative;min-height:calc(100svh - 72px);display:flex;align-items:flex-end;overflow:hidden}.detail-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.58) saturate(.86)}.detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.36) 52%,rgba(0,0,0,.1)),linear-gradient(0deg,rgba(0,0,0,.88),transparent 60%)}
.detail-copy{position:relative;z-index:1;max-width:720px;margin:0 clamp(20px,4.5vw,86px) clamp(52px,9vh,110px)}.eyebrow{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.detail-copy h1{margin:16px 0;font-size:clamp(52px,6.5vw,104px);line-height:.88;letter-spacing:-.055em}.detail-copy p{max-width:580px;margin:0;color:#e0e9ed;font-size:18px;line-height:1.55}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:28px;padding:0 18px;border:1px solid var(--cyan);color:#fff;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.button:hover{background:var(--cyan);color:#061016}
.detail-body{max-width:1180px;margin:auto;padding:110px clamp(20px,4.5vw,86px)}.detail-body h2{font-size:clamp(36px,4vw,62px);line-height:.94;letter-spacing:-.04em}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.detail-grid article{padding:24px;border:1px solid var(--line);background:#0a0e11}.detail-grid strong{display:block;font-size:15px;margin-bottom:12px}.detail-grid p{margin:0;color:#bccbd2;line-height:1.55}.detail-footer{padding:28px clamp(20px,4.5vw,86px);border-top:1px solid var(--line);color:#8e9da4;font-size:11px}
@media(max-width:720px){.detail-nav{height:62px}.detail-nav img{height:21px}.detail-nav nav{gap:14px;font-size:9px}.detail-hero{min-height:calc(100svh - 62px)}.detail-copy{margin-bottom:46px}.detail-copy h1{font-size:clamp(48px,13vw,68px)}.detail-copy p{font-size:16px}.detail-grid{grid-template-columns:1fr}.detail-body{padding-block:72px}}
a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Shared detail-page polish: same visual rhythm as the primary site. */
.detail-nav{position:relative;z-index:10}.detail-nav nav a{position:relative;padding:28px 0 25px}.detail-nav nav a::after{content:"";position:absolute;right:0;bottom:18px;left:0;height:1px;transform:scaleX(0);transform-origin:left;background:var(--cyan);transition:transform .2s ease}.detail-nav nav a:hover::after,.detail-nav nav a:focus-visible::after{transform:scaleX(1)}
.detail-hero img{transform:scale(1.01);will-change:transform}.detail-copy{max-width:760px}.detail-copy p{font-size:clamp(16px,1.2vw,19px)}.detail-grid article{min-height:190px;display:flex;flex-direction:column;justify-content:flex-end;transition:border-color .2s ease,background .2s ease}.detail-grid article:hover{border-color:rgba(103,232,255,.62);background:#0c1418}.detail-grid strong{font-size:18px;letter-spacing:-.02em}.detail-footer{display:flex;justify-content:space-between;min-height:84px;align-items:center}
@media(max-width:720px){.detail-nav nav a{padding:23px 0 21px}.detail-nav nav a::after{bottom:14px}.detail-nav nav{gap:12px}.detail-hero img{transform:none}.detail-grid article{min-height:0}.detail-footer{min-height:72px}}

/* Final reading and mobile-navigation refinement. */
::selection{background:var(--cyan);color:#041013}.detail-grid article:focus-within{border-color:rgba(103,232,255,.78);background:#0c1418}.detail-footer a{color:#cfe7ee}@media(max-width:720px){.detail-nav nav{gap:16px;font-family:"Arial Narrow","Bahnschrift Condensed","Roboto Condensed",Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;line-height:1.4}.detail-nav nav a{min-height:42px;padding:0;align-items:center}.detail-nav nav a::after{bottom:9px}}

/* Dedicated scenes prevent the high-risk application pages from sharing one generic robot image. */
body:has(.detail-hero img[alt="PathenBot emergency response robot"]) .detail-hero{background:url('assets/applications/emergency-response-hero.png') center/cover}body:has(.detail-hero img[alt="PathenBot emergency response robot"]) .detail-hero>img{opacity:0}
body:has(.detail-hero img[alt="PathenBot at a critical industrial site"]) .detail-hero{background:url('assets/applications/hazardous-operations-hero.png') center/cover}body:has(.detail-hero img[alt="PathenBot at a critical industrial site"]) .detail-hero>img{opacity:0}

/* Reading stability across application pages. */
body{overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.detail-grid article{border-radius:2px}.detail-grid article p{max-width:42ch}.detail-hero img{background:#091014}@media(max-width:720px){.detail-nav nav a{min-height:44px}.detail-copy{max-width:30rem}.detail-copy h1{max-width:11ch}}

/* Detail pages: consistent media depth and deliberate reading cadence. */
.detail-hero:after{background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.42) 52%,rgba(0,0,0,.12)),linear-gradient(0deg,rgba(0,0,0,.9),transparent 61%)}
.detail-grid article{box-shadow:0 12px 26px rgba(0,0,0,.12)}
.detail-grid article:hover{box-shadow:0 20px 36px rgba(0,0,0,.25)}
.detail-footer{background:#040607}
@media(max-width:720px){.detail-copy{margin-inline:24px}.detail-body{padding-inline:24px}.detail-grid{gap:12px}}

/* Keep the legacy detail navigation visually and behaviorally aligned with the primary site. */
.detail-nav{position:sticky;top:0;background:rgba(3,4,5,.94);backdrop-filter:blur(14px)}
.detail-menu{display:none}
@media(max-width:720px){.detail-nav{height:62px;min-height:62px;padding-block:0;align-items:center}.detail-nav .detail-menu{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0;border:1px solid rgba(103,232,255,.65);background:transparent;color:#fff;font:700 10px/1 "Arial Narrow","Bahnschrift Condensed",Arial,sans-serif;letter-spacing:.1em}.detail-nav nav{position:absolute;top:100%;right:0;left:0;display:none;max-width:none;padding:8px 24px 16px;background:rgba(3,4,5,.98);border-bottom:1px solid rgba(255,255,255,.1);flex-direction:column;align-items:stretch;gap:0}.detail-nav nav.is-open{display:flex}.detail-nav nav a{justify-content:flex-start;min-height:44px;padding:0}.detail-nav nav a::after{display:none}.detail-nav img{height:21px}}