/* One continuous, static brand environment. No looping image or motion required. */
body{isolation:isolate;background:#050814}
body:before{z-index:-1;background-image:url('/assets/pronexasuite-neon-background.png');background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:fixed;inset:0;opacity:1}
header{min-height:116px;background:#070b18ba;border-color:#67508c75}
.hero:before{background:none}
.hero,.page-intro,body[data-page=support] .page-intro,.nexa,.closing{background:transparent}
.hero-content,.section-head,.page-intro>h1,.page-intro>p,.about-grid{ text-shadow:0 2px 18px #050814 }
.purpose{background:#101225ce;border-color:#9860bf70}
.support-strip{background:linear-gradient(100deg,#461b57ba,#202453bd 70%,#12364cb5)}
.audience{background:linear-gradient(100deg,#4b194eab,#282050ad 50%,#123a58b5);border-color:#bd53d58a}
.feature-card{background:linear-gradient(145deg,#381331e8,#11182be8 85%)!important}
.feature-card:nth-child(3n+2){background:linear-gradient(145deg,#103746e8,#11182be8 85%)!important}
.feature-card:nth-child(3n){background:linear-gradient(145deg,#342049e8,#11182be8 85%)!important}
.price-card{background:#191528ed}.price-card:nth-child(2){background:#101f30ed}.price-card.featured{background:linear-gradient(155deg,#372255ed,#1b1632ed)}
.wordmark img,.hero-primary-brand,.about-brand,.future>img{mix-blend-mode:normal;border-radius:0}
.about-brand{mask-image:radial-gradient(ellipse at center,#000 48%,transparent 74%)}
.brand-art,.nexa-message{isolation:isolate}
.brand-art img,.nexa-companion{mix-blend-mode:normal;mask-image:none}
.hello-card,.nexa-quote{background:#0d1225c9}
footer{background:#060818c9;border-color:#8860a277}
.development-status{max-width:1320px;margin:20px auto 0;padding:14px 24px;display:flex;align-items:center;gap:14px;border:1px solid #7a53a3;border-left:4px solid #0ceef7;background:#101a2ce8;border-radius:5px;font-size:.84rem}
.development-status p{margin:0;flex:1;color:#d7e3f4;line-height:1.65}
.development-status strong{color:#fff}.development-status a{color:#75faff;white-space:nowrap;font-weight:700;padding:7px 0}
.status-light{flex:0 0 8px;height:8px;border-radius:50%;background:#0ceef7;box-shadow:0 0 15px #0ceef780}
.beta{background:#11364b;color:#c4fcff;border-color:#0ceef7;box-shadow:0 4px 0 #0b6774;white-space:normal}
.beta:hover{background:#174e62}
.early-actions{display:flex;flex-direction:column;gap:18px;flex:0 0 270px}
.early-note{font-size:.85rem;max-width:570px;margin-top:16px!important}
.support-action{margin-top:24px}.support-action .button{box-shadow:none;font-size:.73rem;border-color:#a969d9;background:#251537b8;color:#e7caff}
.planned-packages{border-left:3px solid #0ceef7;padding:6px 22px;margin-bottom:32px;background:#0c1823bf}
.planned-packages .eyebrow{margin-bottom:10px}.planned-packages>p:last-child{margin-bottom:8px;max-width:830px}
.future{border:1px solid #b46ae0;background:#0b1025c9;box-shadow:0 0 32px #a23ccc20;gap:28px}
.future>img{mask-image:linear-gradient(90deg,#000 75%,transparent)}
.future .chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.future .chips span{--rim:#f21ed1;display:flex;align-items:center;min-height:75px;padding:15px 18px;border:1px solid var(--rim);border-left:4px solid var(--rim);background:#2c1232dc;color:#fff;border-radius:5px;box-shadow:inset 0 0 16px #f21ed10b,0 0 16px #f21ed116;font-size:.87rem;font-weight:650;transition:transform .2s,box-shadow .2s}
.future .chips span:nth-child(2){--rim:#0ceef7;background:#0d2e3bdd}.future .chips span:nth-child(3){--rim:#bc69f6;background:#281b40dd}.future .chips span:nth-child(4){--rim:#4c9fff;background:#142949dd}
.future .chips span:hover{transform:translateY(-3px);box-shadow:0 0 20px color-mix(in srgb,var(--rim) 28%,transparent)}
@media(max-width:1400px){.development-status{margin-inline:4%}}
@media(max-width:1150px){nav .button{white-space:normal;max-width:170px}.closing{gap:28px}}
@media(max-width:950px){nav .button{max-width:none}.development-status{align-items:flex-start}.development-status .status-light{margin-top:9px}.development-status a{white-space:normal;max-width:130px}.future .chips{grid-template-columns:1fr}.early-actions{flex-basis:240px}.closing h2{font-size:2rem}}
@media(max-width:640px){.development-status{margin:15px 6% 0;padding:15px;flex-wrap:wrap;font-size:.8rem;gap:8px 12px}.development-status p{flex-basis:calc(100% - 25px)}.development-status a{margin-left:20px;max-width:none;padding:3px 0}.development-status strong{display:block}.support-action .button{width:100%}.early-actions{margin-top:25px}.closing .early-actions .button{margin-top:0}.future .chips{grid-template-columns:1fr}.future>img{mask-image:linear-gradient(#000 78%,transparent)}.future{gap:0}.info-note .actions .button{width:100%}.hero h1{font-size:3.4rem}}
@media(prefers-reduced-motion:reduce){.future .chips span{transition:none}}
@media(max-width:640px){body:before{background-size:cover;background-position:center top;background-attachment:scroll}}
/* Use the approved transparent lockup as the hero's primary brand expression. */
.integrated-logo{mix-blend-mode:normal;mask-image:none;border-radius:0}
.hero-primary-brand{grid-column:1/-1;width:min(780px,72vw);aspect-ratio:3/1;margin:-18px 0 -42px;position:relative;z-index:1}
.hero-primary-brand .integrated-logo{display:block;width:auto;height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 0 24px #e81bc648)}
header .wordmark{height:84px;flex-basis:252px}
header .wordmark .integrated-logo{width:auto;height:100%;max-width:100%;object-fit:contain}
footer .wordmark{height:calc(230px / 3)}
footer .wordmark .integrated-logo{width:auto;height:100%;max-width:100%;object-fit:contain}
@media(max-width:1150px){header{min-height:105px}header .wordmark{height:70px;flex-basis:210px}}
@media(max-width:950px){header{min-height:98px}header .wordmark{height:76px;flex-basis:228px}}
@media(max-width:950px){.hero-primary-brand{width:min(690px,86vw);margin-bottom:-32px}}
@media(max-width:640px){header{min-height:88px}header .wordmark{height:64px;flex-basis:192px}.hero-primary-brand{width:100%;margin:-12px 0 -8px;aspect-ratio:3/1}.hero-primary-brand .integrated-logo{width:100%;height:100%;object-position:left center}}

/* Locked production puzzle components. */
.feature-grid.puzzle-grid{gap:22px 12px}
.feature-card.puzzle-card{position:relative;isolation:isolate;background:none!important;border:0;border-radius:0;box-shadow:none;padding:64px 54px 76px 64px;overflow:visible;min-width:0}
.puzzle-card::before,.puzzle-card::after{display:none}
.puzzle-outline{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none;color:var(--accent);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 25%,transparent))}
.puzzle-outline path{fill:color-mix(in srgb,var(--accent) 11%,#101527bb);stroke:currentColor;stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.puzzle-card .card-top{justify-content:flex-start;margin-bottom:26px;min-height:36px}
.puzzle-card .tag{text-align:left;line-height:1.6}
.puzzle-card h3{margin-top:0}
.feature-card.workflow-puzzle{padding:68px 66px 66px 62px}
.workflow-puzzle h3{margin-top:0}
@media(max-width:900px){.puzzle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.feature-grid.puzzle-grid{grid-template-columns:1fr;gap:16px}.feature-card.puzzle-card{padding:62px 54px 74px 60px}.puzzle-card .card-top{margin-bottom:20px}.feature-card.workflow-puzzle{padding:66px 60px 66px 56px}}

/* Locked production purpose-story illustration. */
.purpose.section{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.purpose .purpose-story{padding-top:0;min-width:0}
.purpose .purpose-copy{align-self:center;padding-top:0;min-width:0}
.purpose .purpose-story h2{margin-bottom:20px}
.dino-scene{margin:24px auto 0;text-align:center;width:100%;max-width:360px}
.dino-stage{position:relative;width:100%;max-width:340px;margin:auto;padding:10px 20px;box-sizing:border-box}
.dino-stage img{display:block;width:100%;height:auto;max-width:100%;max-height:340px;object-fit:contain;transform-origin:50% 85%;animation:dino-juggle 2.8s ease-in-out infinite}
.dino-task{position:absolute;padding:7px 12px;border:1px solid #0ceef780;border-radius:9px;background:#10172ee8;color:#8ffaff;font-size:.72rem;font-weight:700;box-shadow:0 0 18px #0ceef717;animation:task-juggle 3.6s ease-in-out infinite}
.task-bookings{top:10%;left:0;--task-turn:-7deg}
.task-invoices,.dino-stage .task-invoices{top:48%;right:0;--task-turn:6deg;animation-delay:-1.2s;color:#ff96eb;border-color:#f21ed180}
.task-stock{bottom:14%;left:4%;--task-turn:-4deg;animation-delay:-2.4s;color:#dbc0ff;border-color:#c77cf080}
.dino-scene figcaption{font-size:.87rem;color:#d7c3ea;margin-top:4px}
.dino-motion{display:inline-block;margin-top:12px;padding:6px 10px;background:transparent;border:1px solid #71608080;border-radius:5px;color:#c4c6df;font:inherit;font-size:.7rem;cursor:pointer}
.dino-scene[data-motion="paused"] .dino-stage img,.dino-scene[data-motion="paused"] .dino-task{animation-play-state:paused}
@keyframes dino-juggle{0%,100%{transform:translate(-3px,0) rotate(-4deg)}25%{transform:translate(3px,-10px) rotate(3deg)}50%{transform:translate(5px,0) rotate(4deg)}75%{transform:translate(-3px,-6px) rotate(-2deg)}}
@keyframes task-juggle{0%,100%{transform:translateY(0) rotate(var(--task-turn))}50%{transform:translateY(-12px) rotate(0)}}
@media(max-width:640px){.dino-scene{max-width:310px;margin:20px auto 32px}.dino-stage{max-width:290px}.purpose .purpose-copy{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.dino-stage img,.dino-task{animation:none!important}.dino-motion{display:none}}