@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,500;0,600;1,500&family=Inter:wght@400;500;600;700&display=swap');
/* Shared experience layer: consistent typography, navigation and actions. */
:root{--cx-gold:#c9a84c;--cx-gold-light:#ead58c;--cx-ink:#0a0908;--cx-cream:#faf7f2;--cx-radius:14px;--cx-shadow:0 22px 60px rgba(0,0,0,.28)}
body{font-size:17px}p,li{text-wrap:pretty}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--cx-gold-light);outline-offset:4px}
.navbar,.gp-nav__inner{min-height:80px;height:80px}.navbar{padding-inline:clamp(18px,3vw,44px)}.nav-logo-mark,.gp-brand img{width:48px;height:48px}.nav-logo-name,.gp-brand{font-size:20px}.nav-links,.gp-links{gap:clamp(18px,2vw,30px)}.nav-links a,.gp-links a{font-size:14px;font-weight:600;letter-spacing:.025em}.gp-links a{position:relative}.gp-links a::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--cx-gold);transform:scaleX(0);transition:transform .2s ease}.gp-links a:hover::after,.gp-links a[aria-current="page"]::after{transform:scaleX(1)}
.btn-primary,.btn-outline,.gp-btn{min-height:50px;border-radius:999px;padding:13px 24px;font-size:14px;font-weight:700;letter-spacing:.02em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.btn-primary:hover,.gp-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(201,168,76,.22)}.btn-outline:hover,.gp-btn--ghost:hover,.gp-btn--quiet:hover{transform:translateY(-2px)}
.gp-hero{padding:120px 0 94px}.gp-hero h1{font-size:clamp(3.35rem,7vw,6.35rem);letter-spacing:-.035em}.gp-lede{font-size:clamp(1.12rem,1.7vw,1.3rem);line-height:1.72}.gp-kicker{font-size:.78rem}.gp-card,.gp-step,.gp-demo-card,.gp-result{border-radius:var(--cx-radius);box-shadow:0 16px 50px rgba(0,0,0,.12)}.gp-card{padding:32px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.gp-card:hover{transform:translateY(-6px);border-color:rgba(201,168,76,.55);box-shadow:var(--cx-shadow)}.gp-card p,.gp-step p,.gp-copy{font-size:1rem;line-height:1.72}.gp-card__link{display:inline-flex;align-items:center;min-height:44px}.gp-option{border-radius:10px;padding:17px 18px;transition:border-color .2s ease,background .2s ease,transform .2s ease}.gp-option:hover{border-color:#b4953e;transform:translateX(3px)}.gp-progress,.gp-meter{border-radius:99px;overflow:hidden}

/* Purpose-built editorial imagery, kept behind strong contrast overlays. */
.assessment-page .gp-hero,.demo-page .gp-hero{position:relative;isolation:isolate;background-image:linear-gradient(90deg,rgba(8,8,7,.98) 0%,rgba(8,8,7,.9) 43%,rgba(8,8,7,.36) 78%,rgba(8,8,7,.55) 100%),url('/assets/civora-assessment-visual.webp');background-size:cover;background-position:center}
.assessment-page .gp-hero{background-image:linear-gradient(90deg,rgba(8,8,7,.99) 0%,rgba(8,8,7,.91) 43%,rgba(8,8,7,.24) 78%,rgba(8,8,7,.44) 100%),url('/assets/civora-assessments-hero-v8.png');background-position:center 52%}
.demo-page .gp-hero{background-image:linear-gradient(90deg,rgba(8,8,7,.99) 0%,rgba(8,8,7,.9) 43%,rgba(8,8,7,.24) 78%,rgba(8,8,7,.47) 100%),url('/assets/civora-privacy-lock.webp');background-position:center 52%}
.assessment-page .gp-hero::after,.demo-page .gp-hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--cx-gold),transparent);opacity:.6}
.assessment-page .gp-hero .gp-wrap,.demo-page .gp-hero .gp-wrap{position:relative;z-index:1}
.assessment-page .gp-hero h1,.assessment-page .gp-hero .gp-lede,.demo-page .gp-hero h1,.demo-page .gp-hero .gp-lede{max-width:760px}
.academy-page .academy-hero{position:relative;isolation:isolate;background-image:linear-gradient(90deg,rgba(10,9,8,.98) 0%,rgba(10,9,8,.91) 44%,rgba(10,9,8,.32) 78%,rgba(10,9,8,.62) 100%),url('/assets/civora-academy-hero.webp');background-size:cover;background-position:center}
.academy-page .academy-hero{background-image:linear-gradient(90deg,rgba(10,9,8,.99) 0%,rgba(10,9,8,.92) 44%,rgba(10,9,8,.26) 78%,rgba(10,9,8,.56) 100%),url('/assets/civora-academy-desk.webp');background-position:center 54%}
.academy-page .academy-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 72% 45%,rgba(201,168,76,.12),transparent 34%);pointer-events:none}
.academy-page .academy-hero-inner{max-width:720px;margin-left:0}
.hero-image-img{filter:saturate(.9) contrast(1.06)}
.advisory-page .page-hero{position:relative;isolation:isolate;background-image:linear-gradient(90deg,rgba(10,9,8,.98),rgba(10,9,8,.84) 46%,rgba(10,9,8,.28) 78%,rgba(10,9,8,.55)),url('/assets/civora-advisory-visual-v2.webp');background-size:cover;background-position:center;min-height:690px;display:flex;align-items:center}
.contact-page .page-hero{position:relative;isolation:isolate;background-image:linear-gradient(90deg,rgba(10,9,8,.99),rgba(10,9,8,.91) 46%,rgba(10,9,8,.26) 80%,rgba(10,9,8,.54)),url('/assets/civora-consultation-desk.webp');background-size:cover;background-position:center 56%}
.contact-page .page-hero .container{position:relative;z-index:1}
.advisory-page .page-hero .container{width:100%;position:relative;z-index:1}.advisory-page .page-hero-inner{max-width:660px}
.cx-editorial-visual{position:relative;margin:46px 0 54px;border:1px solid rgba(201,168,76,.28);border-radius:20px;overflow:hidden;background:#111;box-shadow:0 30px 80px rgba(0,0,0,.38)}
.cx-editorial-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.11) 45%,transparent 63%);transform:translateX(-120%);animation:cx-sheen 9s ease-in-out infinite;pointer-events:none}
.cx-editorial-visual img,.cx-editorial-film{display:block;width:100%;aspect-ratio:2.15/1;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.cx-editorial-visual:hover img,.cx-editorial-visual:hover .cx-editorial-film{transform:scale(1.018)}
.cx-editorial-motion{animation:cx-cinematic-drift 18s ease-in-out infinite alternate;transform-origin:50% 48%;will-change:transform}
@keyframes cx-cinematic-drift{0%{transform:scale(1.005) translate3d(-.25%,0,0)}100%{transform:scale(1.045) translate3d(.5%,-.4%,0)}}
.cx-editorial-poster{display:none!important}.cx-film-badge{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(10,9,8,.68);backdrop-filter:blur(12px);color:#f5f1e8;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.cx-film-badge i{width:7px;height:7px;border-radius:50%;background:var(--cx-gold-light);box-shadow:0 0 0 0 rgba(234,213,140,.5);animation:cx-film-pulse 2.4s ease-out infinite}@keyframes cx-film-pulse{70%,100%{box-shadow:0 0 0 8px rgba(234,213,140,0)}}
.cx-editorial-visual figcaption{position:absolute;left:18px;right:18px;bottom:16px;display:flex;justify-content:space-between;gap:10px;padding:11px 16px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(10,9,8,.74);backdrop-filter:blur(14px);color:#f5f1e8;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
@keyframes cx-sheen{0%,58%{transform:translateX(-120%)}78%,100%{transform:translateX(120%)}}
.cx-motion-ready{opacity:0;transform:translateY(22px);transition:opacity .7s ease var(--cx-delay,0ms),transform .7s cubic-bezier(.2,.75,.25,1) var(--cx-delay,0ms)}.cx-motion-ready.cx-in-view{opacity:1;transform:none}
.gp-card,.service-card,.ecosystem-panel{position:relative;overflow:hidden}.gp-card::before,.service-card::before,.ecosystem-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(360px circle at var(--cx-x,-200px) var(--cx-y,-200px),rgba(201,168,76,.11),transparent 55%);opacity:0;transition:opacity .25s;pointer-events:none}.gp-card:hover::before,.service-card:hover::before,.ecosystem-panel:hover::before{opacity:1}
.process-track{position:relative}.process-track::before{transform-origin:left;animation:cx-line-grow 2.2s cubic-bezier(.2,.8,.2,1) both}@keyframes cx-line-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.cx-menu-button{display:none;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:transparent;color:var(--cx-cream)}.cx-menu-button span,.cx-menu-button::before,.cx-menu-button::after{content:"";display:block;width:20px;height:2px;background:currentColor;position:absolute;transition:transform .2s ease,opacity .2s ease}.cx-menu-button::before{transform:translateY(-6px)}.cx-menu-button::after{transform:translateY(6px)}.cx-menu-button[aria-expanded="true"] span{opacity:0}.cx-menu-button[aria-expanded="true"]::before{transform:rotate(45deg)}.cx-menu-button[aria-expanded="true"]::after{transform:rotate(-45deg)}.gp-nav.is-open .gp-links{display:flex}
.civora-quick-actions{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;gap:10px;padding:8px;border:1px solid rgba(201,168,76,.28);border-radius:999px;background:rgba(17,16,13,.92);box-shadow:0 18px 55px rgba(0,0,0,.38);backdrop-filter:blur(16px)}.civora-quick-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;color:var(--cx-cream);text-decoration:none;font-size:14px;font-weight:750}.civora-quick-actions a:first-child{background:var(--cx-gold);color:var(--cx-ink)}.civora-quick-actions a:last-child{border:1px solid rgba(255,255,255,.22)}.civora-quick-actions a:hover{transform:translateY(-1px)}
@media(max-width:1040px){.gp-links{gap:16px}.gp-links a{font-size:13px}}
@media(max-width:900px){.gp-nav__inner{gap:12px}.gp-nav .gp-btn{margin-left:auto}.cx-menu-button{display:inline-flex;position:relative;flex:0 0 auto}.gp-nav .gp-links{display:none;position:absolute;top:80px;left:0;right:0;padding:18px;flex-direction:column;align-items:stretch;gap:4px;background:rgba(10,9,8,.98);border-bottom:1px solid rgba(201,168,76,.25);box-shadow:0 24px 50px rgba(0,0,0,.35)}.gp-nav .gp-links a{min-height:48px;display:flex;align-items:center;padding:0 12px;font-size:16px}.gp-links a::after{display:none}}
@media(max-width:620px){body{font-size:16px;padding-bottom:84px}.navbar,.gp-nav__inner{min-height:72px;height:72px}.gp-brand{font-size:17px;gap:8px}.gp-brand img{width:40px;height:40px}.gp-nav .gp-btn{display:none}.gp-nav .gp-links{top:72px}.gp-hero{padding:78px 0 68px}.gp-hero h1{font-size:clamp(2.8rem,14vw,4rem)}.gp-title{font-size:clamp(2.2rem,11vw,3.2rem)}.gp-card{padding:25px}.civora-quick-actions{left:12px;right:12px;bottom:12px;justify-content:stretch;border-radius:18px}.civora-quick-actions a{flex:1;padding:0 12px}.assessment-page .gp-hero,.demo-page .gp-hero,.academy-page .academy-hero{background-position:66% center}.assessment-page .gp-hero{background-image:linear-gradient(90deg,rgba(8,8,7,.99),rgba(8,8,7,.76)),url('/assets/civora-assessments-hero-v8.png')}.demo-page .gp-hero{background-image:linear-gradient(90deg,rgba(8,8,7,.99),rgba(8,8,7,.78)),url('/assets/civora-privacy-lock.webp')}.academy-page .academy-hero{background-image:linear-gradient(90deg,rgba(10,9,8,.99),rgba(10,9,8,.74)),url('/assets/civora-academy-desk.webp')}.contact-page .page-hero{background-position:62% center;background-image:linear-gradient(90deg,rgba(10,9,8,.99),rgba(10,9,8,.74)),url('/assets/civora-consultation-desk.webp')}.advisory-page .page-hero{min-height:620px;background-position:66% center;background-image:linear-gradient(90deg,rgba(10,9,8,.98),rgba(10,9,8,.76)),url('/assets/civora-advisory-visual-v2.webp')}.cx-editorial-visual{margin:34px 0 42px;border-radius:14px}.cx-editorial-visual img,.cx-editorial-film{aspect-ratio:1.25/1}.cx-editorial-visual figcaption{left:10px;right:10px;bottom:10px;padding:9px 10px;font-size:9px;letter-spacing:.04em}.cx-film-badge{top:10px;right:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.cx-editorial-motion{animation:none!important;transform:none!important}.cx-film-badge{display:none!important}.cx-editorial-poster{display:block!important}}
