/* Shared journey navigation and compact page composition. */
:root{--journey-navy:#102f4f;--journey-ink:#172334;--journey-muted:#526170;--journey-line:#d3dde7;--journey-paper:#f2f6f9;--journey-gold:#bc8e13}
[hidden]{display:none!important}
html{scroll-padding-top:92px}
#site-header{position:fixed;inset:0 0 auto;z-index:100;background:#102f4f!important;border-bottom:1px solid rgba(222,179,63,.3);box-shadow:0 5px 24px rgba(16,47,79,.12)}
#site-header nav{display:flex!important;align-items:center;justify-content:space-between;gap:20px;min-height:76px;padding:10px 24px!important;max-width:1320px;margin:auto}
#site-header .brand-lockup{flex:0 0 auto!important;min-width:0!important;width:auto!important;display:block!important}
#site-header .ngensi-correct-logo{display:block!important;width:164px!important;height:auto!important;max-width:none!important;object-fit:contain!important}
#site-header .nav-links{display:flex;align-items:center;gap:24px;font:600 12px/1.4 'Inter',Arial,sans-serif;letter-spacing:.03em;text-transform:uppercase}
#site-header .nav-links a{color:#e8eef4!important;white-space:nowrap;text-decoration:none}
#site-header .nav-links a:hover,#site-header .nav-links a[aria-current="page"]{color:#f0ce72!important}
#site-header .nav-actions{display:flex;gap:10px;margin:0!important;align-items:center}
#site-header .btn-ghost,#site-header .btn-gold{font:700 12px/1.4 'Inter',Arial,sans-serif!important;padding:11px 15px!important;white-space:nowrap;text-decoration:none;letter-spacing:.03em}
#site-header .btn-ghost{color:#fff!important;border:1px solid #d6aa38!important;background:rgba(255,255,255,.055)!important;border-radius:3px}
#site-header .btn-gold{color:#151208!important;background:linear-gradient(100deg,#9b7613,#e8bf50)!important;border-radius:3px}
#site-header .nav-toggle{display:none;background:none;border:0;padding:9px;cursor:pointer;flex-direction:column;gap:5px;flex:0 0 auto}
#site-header .nav-toggle span{display:block;width:23px;height:2px;background:#fff}
#site-header .mobile-nav-only{display:none!important}
.journey-path{display:flex;gap:8px;padding-top:100px!important;padding-bottom:18px!important;overflow-x:auto;scrollbar-width:thin}
.journey-path a{display:flex;align-items:center;gap:8px;white-space:nowrap;font:600 12px/1.5 'Inter',Arial,sans-serif;color:var(--journey-muted);border:1px solid var(--journey-line);border-radius:4px;padding:10px 14px;text-decoration:none;background:#fff}
.journey-path span{font:600 10px/1.4 'IBM Plex Mono',monospace;color:#8e7031}
.journey-path a[aria-current="step"]{color:var(--journey-navy);border-color:#b98500;background:#fff8e1;box-shadow:inset 0 -2px #c59927}
.journey-hero{padding:42px 0 48px!important;background:var(--journey-paper);border-bottom:1px solid var(--journey-line);color:var(--journey-ink)}
body:has(.journey-hero):not(:has(.journey-path)) .journey-hero{padding-top:126px!important}
.journey-hero h1{font-size:clamp(38px,5.5vw,68px);max-width:20ch;margin:20px 0;color:var(--journey-navy);line-height:1.03}
.journey-hero p{max-width:65ch;font-size:17px;color:var(--journey-muted);line-height:1.7}
.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.section{padding:48px 0!important;background:var(--journey-paper);border-bottom:1px solid var(--journey-line)}
.section .section-head h2{color:var(--journey-navy);font-size:clamp(30px,3.5vw,44px);line-height:1.06}
.section .section-head p{color:var(--journey-muted);font-size:16px;line-height:1.75}
.grid2,.grid3,.flow{display:grid;gap:20px}
.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.flow{grid-template-columns:repeat(5,minmax(0,1fr))}
.card{background:#fff;border:1px solid var(--journey-line);border-radius:4px;padding:25px;color:var(--journey-ink);box-shadow:0 8px 24px rgba(16,47,79,.04)}
.card>span{font:600 11px/1.4 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#8a6610}
.card h3{font-size:26px;line-height:1.1;color:var(--journey-navy);margin:17px 0 12px}
.card p{font-size:14px;line-height:1.7;color:var(--journey-muted)}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.cta .btn{display:inline-block;font:700 13px/1.4 'Inter',Arial,sans-serif;padding:13px 21px;border-radius:3px;text-decoration:none}
.cta .gold{background:linear-gradient(100deg,#a17b16,#ecc757);color:#171208}.cta .ghost{color:var(--journey-navy);border:1px solid #93a5b6;background:#fff}
.journey-card{padding:30px;border:1px solid var(--journey-line);background:#fff;box-shadow:0 10px 26px rgba(16,47,79,.05);border-radius:5px;color:var(--journey-ink)}
.journey-card>.mono{font-size:11px;color:#8b6610}
.journey-card h3,.journey-card h2{font-size:28px;line-height:1.1;color:var(--journey-navy);margin:18px 0 14px}
.journey-card p{font-size:15px;line-height:1.75;color:var(--journey-muted)}
.journey-card a{display:inline-block;margin-top:20px;font-size:14px;font-weight:700;color:var(--journey-navy)}
.journey-benefits{background:var(--journey-paper)}
.journey-benefits .section-head h2{color:var(--journey-navy)}
.journey-example{background:#fff;border-top:1px solid var(--journey-line);border-bottom:1px solid var(--journey-line)}
.journey-example-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.journey-example h2,.journey-trust h2{font-size:clamp(32px,4vw,50px);color:var(--journey-navy);margin:20px 0;line-height:1.05}
.journey-example p,.journey-trust p{font-size:16px;line-height:1.75;color:var(--journey-muted);max-width:58ch;margin-bottom:22px}
.journey-sample{display:block;max-width:420px;width:100%;justify-self:end;border:1px solid #c8d2dd;padding:12px;background:#fff;border-radius:6px;box-shadow:0 16px 42px rgba(16,47,79,.12)}
.journey-sample img{display:block;width:100%;height:auto;border-radius:2px}
.journey-sample span{display:block;font:500 11px/1.5 'IBM Plex Mono',monospace;text-align:center;padding:10px 0 1px;color:var(--journey-muted)}
.journey-note{font-size:13px!important;line-height:1.6!important;color:var(--journey-muted)!important;margin:15px 0!important}
.journey-trust{background:var(--journey-paper)}
.journey-trust .wrap{max-width:1000px}
.journey-trust a{color:var(--journey-navy);font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.journey-pilot{padding:42px 0!important;background:#fff}
.journey-pilot .pilot-invite{margin:0!important}
.journey-next{padding:46px 0!important;background:#102f4f!important;color:#fff;border-top:2px solid #b78d25}
.journey-next>.wrap{display:grid;grid-template-columns:1.35fr 1fr;gap:36px;align-items:center}
.journey-next h2{font-size:clamp(30px,3.5vw,44px);line-height:1.06;margin:18px 0;color:#fff}
.journey-next p{font-size:15px;line-height:1.75;color:#cdd8e2;max-width:58ch}
.journey-next .tag{color:#f0ce72;background:none;border-color:#b28b2d}
.journey-next-actions{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.journey-next .btn-gold{display:inline-block;text-decoration:none;color:#151208}
.journey-skip{color:#e6d9b6;text-decoration:underline;text-underline-offset:4px;font-size:12px}
.demo-navigation{padding-top:24px;padding-bottom:8px}
.journey-tabs{display:flex;gap:10px;flex-wrap:wrap}
.journey-tabs button{padding:14px 20px;font:700 14px/1.4 'Inter',Arial,sans-serif;border:1px solid var(--journey-line);border-radius:4px;color:var(--journey-navy);background:#fff;cursor:pointer}
.journey-tabs button[aria-selected="true"]{background:var(--journey-navy);color:#fff;border-color:var(--journey-navy);box-shadow:inset 0 -3px #d4aa3c}
.journey-tabs button:focus-visible,.journey-path a:focus-visible,summary:focus-visible{outline:3px solid #b98500;outline-offset:3px}
#demo-campaign #guided-demo,#demo-strategy #intelligence-preview,#demo-research #public-analysis{padding-top:32px!important;padding-bottom:44px!important}
.journey-feature-detail{border:1px solid rgba(198,158,44,.35);border-radius:5px;overflow:hidden;background:rgba(255,255,255,.03)}
.journey-feature-detail summary{padding:22px 26px;font:700 18px/1.45 'Inter',Arial,sans-serif;color:#f4f0e8;cursor:pointer;background:rgba(12,27,46,.85)}
.journey-feature-status{display:block;font:600 10px/1.4 'IBM Plex Mono',monospace;color:#e0bf6b;margin-top:8px;letter-spacing:.08em}
.journey-feature-detail[open] summary{border-bottom:1px solid rgba(198,158,44,.25)}
.journey-feature-detail .cap-module{border:0!important;min-height:0!important}
#capabilities .cap-module-grid,#capabilities .cap-command-grid,#capabilities .cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.journey-benefits .wrap,.journey-example .wrap,.journey-hero .wrap{max-width:1180px}
footer .foot-col a{line-height:1.5}
footer{background:#102f4f!important;color:#edf2f7!important;border-top:1px solid rgba(218,179,74,.3);padding:38px 0 24px!important}
footer>.wrap{max-width:1180px;margin:auto;padding-left:28px;padding-right:28px}
footer .foot-grid{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap}
footer .foot-cols{display:flex;gap:44px;flex-wrap:wrap}
footer .brand-lockup{display:block;width:auto!important;min-width:0!important}
footer .ngensi-correct-logo{width:190px!important;max-width:100%!important;height:auto!important;display:block}
footer .foot-col h5{font:600 11px/1.5 'IBM Plex Mono',monospace;text-transform:uppercase;color:#d9bb68;margin:0 0 14px}
footer .foot-col a{display:block;font:500 13px/1.6 'Inter',Arial,sans-serif;color:#edf2f7!important;margin:0 0 9px;text-decoration:none}
footer .foot-bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:27px;padding-top:18px;border-top:1px solid rgba(232,239,244,.18);font:400 11px/1.6 'Inter',Arial,sans-serif;color:#c6d2de}
footer .footer-proofline{display:flex;gap:10px;font:600 11px/1.5 'IBM Plex Mono',monospace;color:#d9bb68;margin-top:14px}
.ngensi-contact-section{padding-top:35px!important;padding-bottom:35px!important}
@media(max-width:1100px){
 #site-header nav{gap:10px;padding:10px 18px!important}
 #site-header .nav-links{display:none!important}
 #site-header .nav-toggle{display:flex!important}
 #site-header .nav-actions{margin-left:auto!important}
 #site-header.nav-open .nav-links{display:flex!important;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;padding:18px 25px;background:#102f4f;gap:0;border-bottom:1px solid #b28b2d;max-height:calc(100dvh - 80px);overflow:auto}
 #site-header.nav-open .nav-links a{display:block!important;padding:13px 0}
 #site-header .mobile-nav-only{display:none!important}
 .journey-grid{gap:16px}.journey-card{padding:23px}.journey-example-grid{gap:35px}
 .flow{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
 .journey-grid,.journey-example-grid,.journey-next>.wrap{grid-template-columns:1fr}
 .grid2,.grid3,.flow{grid-template-columns:1fr}
 .journey-card{padding:25px}.journey-example-grid{gap:28px}
 .journey-sample{justify-self:start;max-width:350px}
 .journey-next>.wrap{gap:22px}.journey-next-actions{align-items:stretch}
 .journey-next .btn-gold{text-align:center}
 .journey-feature-detail summary{padding:18px 20px;font-size:16px}
 #capabilities .cap-module-grid,#capabilities .cap-command-grid,#capabilities .cap-grid{grid-template-columns:1fr!important}
 .journey-tabs{display:grid;grid-template-columns:1fr}.journey-tabs button{text-align:left}
 #site-header nav{min-height:70px;padding:9px 13px!important;gap:7px}
 #site-header .ngensi-correct-logo{width:125px!important}
 #site-header .btn-ghost,#site-header .btn-gold{font-size:10px!important;padding:10px 11px!important}
 #site-header .nav-actions{gap:6px}
 #site-header .nav-toggle{padding:7px;width:34px}
 .journey-path{padding-top:88px!important}.journey-path a{font-size:11px;padding:9px 11px}
 .journey-hero{padding:24px 0 34px!important}.journey-hero h1{font-size:40px;max-width:18ch}
 .journey-example h2,.journey-trust h2{font-size:36px}
 .journey-pilot .pilot-invite{width:100%!important}
}
@media(max-width:380px){#site-header .ngensi-correct-logo{width:102px!important}#site-header .btn-ghost,#site-header .btn-gold{padding:9px 8px!important;font-size:9px!important}#site-header nav{padding-left:10px!important;padding-right:10px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
