/* NAXO MEDIA: one image, one original scene logo, real readable copy. */
html body #app .hero{position:relative!important;display:block!important;min-height:620px!important;padding:0!important;background:#080b0e!important;isolation:isolate;overflow:hidden!important;border-bottom:1px solid #c7a46726}
html body #app .hero>.naxo-scene{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;opacity:1!important;filter:none!important;z-index:-3!important;animation:none!important;transform:none!important}
html body #app .hero>.naxo-scene>.naxo-scene-photo{width:100%!important;height:100%!important;object-fit:cover!important;opacity:1!important;filter:brightness(.68) saturate(.64)!important;animation:none!important;transform:none!important;scale:none!important}
html body #app .hero:before{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none;background:linear-gradient(270deg,#080b0ef5 0%,#080b0ed9 38%,#080b0e38 78%),linear-gradient(0deg,#080b0ef0,transparent 55%)!important}
html[dir=ltr] body #app .hero:before{background:linear-gradient(90deg,#080b0ef5 0%,#080b0ed9 38%,#080b0e38 78%),linear-gradient(0deg,#080b0ef0,transparent 55%)!important}
html body #app .hero .hero-sheen,html body #app .hero .hero-sign{display:none!important}
html body #app .hero .copy,html[dir=ltr] body #app .hero .copy{position:relative!important;z-index:2!important;box-sizing:border-box;width:58%!important;max-width:820px!important;margin-inline-start:0!important;margin-inline-end:auto!important;margin-block:0!important;padding:90px 5.5% 80px!important;text-align:start!important}
html body #app .hero h1{font-size:clamp(38px,4.5vw,66px)!important;line-height:1.3!important;font-weight:800!important;color:#f1e6d0!important;letter-spacing:0!important;text-shadow:none!important;margin:20px 0!important}
html body #app .hero p{font-size:clamp(15px,1.3vw,18px)!important;line-height:1.95!important;color:#bfc2c4!important;max-width:590px!important;text-shadow:none!important}
html body #app .hero .eyebrow{background:#c8a76c0b!important;border:1px solid #c8a76c35!important;border-radius:999px!important;color:#c9ac78!important;font-size:11px!important;padding:9px 14px!important;box-shadow:none!important}
html body #app .hero .actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:30px!important;min-width:0!important}
html body #app .hero .actions .btn{min-height:48px!important;min-width:0!important;padding:12px 22px!important;box-shadow:none!important;font-size:14px!important;white-space:normal!important;max-width:100%!important;flex:none!important}
html body #app .hero .actions .btn:not(.alt){background:linear-gradient(120deg,#d9bd85,#b8955e)!important;color:#1a1712!important;border-color:#c3a16a!important}
html body #app .hero .actions .btn.alt{background:#0b10164d!important;color:#e1d3bb!important;border:1px solid #c6a56c55!important}
html body #app .hero>.naxo-hero-brand{position:absolute;inset-inline-end:6%;top:50%;width:36%;max-width:500px;aspect-ratio:1536/877;transform:translateY(-50%);z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.9}
html body #app .naxo-hero-brand>img{display:block;width:100%;height:100%;object-fit:contain;filter:none;clip-path:none;border:0;animation:none}
/* Compact scene strips replace screenshot-like inset posters. */
html body .naxo-scene-band{width:100%!important;max-width:none!important;height:260px!important;aspect-ratio:auto!important;margin:0 0 28px!important;border:1px solid #c3a06930!important;border-radius:20px!important;background:#0a0e12!important;box-shadow:none!important;isolation:isolate}
html body .naxo-scene-band>.naxo-scene{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:-3;opacity:1!important}
html body .naxo-scene-band .naxo-scene-photo{width:100%!important;height:100%!important;object-fit:cover!important;filter:brightness(.55) saturate(.62)!important;animation:none!important;transform:none!important;scale:none!important}
html body .naxo-scene-band:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080b0e80,#080b0e20 45%,#080b0ebf),linear-gradient(0deg,#080b0eb3,transparent 80%)!important}
html body .naxo-band-brand{position:absolute;inset-inline-end:3%;top:50%;width:230px;max-width:38%;aspect-ratio:1536/877;transform:translateY(-50%);mix-blend-mode:screen;opacity:.86;pointer-events:none}
html body .naxo-band-brand>img{width:100%;height:100%;object-fit:contain;filter:none;clip-path:none}
html body .naxo-band-label{position:absolute;inset-inline-start:5%;top:50%;transform:translateY(-50%);max-width:55%;color:#eee3d0;font:700 clamp(22px,3vw,36px)/1.5 Cairo,Tahoma,Arial;text-wrap:balance}
/* Quiet, distinct backdrops on ancillary screens; branding stays in their existing header. */
html body .naxo-page-scene{position:fixed!important;inset:0!important;z-index:-2!important;background:#080b0e!important;isolation:isolate!important;overflow:hidden}
html body .naxo-page-scene>.naxo-scene{position:absolute!important;inset:0!important;height:100%!important;width:100%!important;opacity:1!important}
html body .naxo-page-scene .naxo-scene-photo{object-fit:cover!important;opacity:1!important;filter:brightness(.34) saturate(.45)!important}
html body .naxo-page-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080b0ef2,#080b0e80 75%,#080b0ec9)!important}
html body:has(.naxo-page-scene){isolation:isolate;background:#080b0e!important}
html body[data-naxo-backdrop] main>.card,html body[data-naxo-backdrop] .platform-page>.panel{background:#10151af2!important;border-color:#c6a56c2b!important}
html body .naxo-abstract-scene{background-color:#0b1015;background-image:radial-gradient(ellipse at 75% 30%,#b58d4938,transparent 56%),repeating-linear-gradient(125deg,transparent 0 70px,#c9a76a12 71px 72px,transparent 73px 140px)}
html body .naxo-abstract-consulting{background-image:radial-gradient(ellipse at 20% 80%,#a57d4338,transparent 56%),repeating-radial-gradient(ellipse at 85% 20%,transparent 0 35px,#c9a76a10 36px 37px,transparent 38px 74px)}
/* Keep the complete original logo readable, without a second typeset wordmark. */
html body header.naxo-site-header a.naxo-brand span.naxo-monogram,html body footer.naxo-footer a.naxo-brand span.naxo-monogram{width:122px!important;min-width:122px!important;height:70px!important;aspect-ratio:1536/877!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
html body header.naxo-site-header a.naxo-brand img.naxo-logo-image,html body footer.naxo-footer a.naxo-brand img.naxo-logo-image{position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;clip-path:none!important;transform:none!important}
html body .naxo-scene-logo{display:none!important}
html body #app .card .visual>img{filter:brightness(.76) saturate(.65)!important}
@media(max-width:1000px) and (min-width:761px){html body #app .hero .copy{width:65%!important;padding-inline:5%!important}html body #app .hero>.naxo-hero-brand{inset-inline-end:1%;width:34%}}
@media(max-width:760px){
 html body #app .hero{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;min-height:580px!important;padding:24px 0 42px!important;text-align:center!important}
 html body #app .hero>.naxo-scene{order:0!important;position:absolute!important;width:100%!important;height:100%!important;inset:0!important}
 html body #app .hero>.naxo-scene>.naxo-scene-photo{object-position:52% center!important;filter:brightness(.52) saturate(.55)!important}
 html body #app .hero:before,html[dir=ltr] body #app .hero:before{background:linear-gradient(0deg,#080b0ef2 0%,#080b0ed1 45%,#080b0e45 100%)!important}
 html body #app .hero>.naxo-hero-brand{position:relative!important;inset:auto!important;top:auto!important;order:0!important;transform:none!important;flex:none;width:280px;max-width:80%;aspect-ratio:1536/877;margin:0 auto 6px;opacity:.95}
 html body #app .hero .copy,html[dir=ltr] body #app .hero .copy{order:1!important;flex:none!important;width:100%!important;max-width:600px!important;padding:0 22px!important;margin:0 auto!important;text-align:center!important}
 html body #app .hero h1{font-size:clamp(30px,7.7vw,43px)!important;line-height:1.38!important;margin:18px 0!important}
 html body #app .hero p{font-size:15px!important;line-height:1.9!important;margin-inline:auto!important}
 html body #app .hero .actions{flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important;margin-top:25px!important}
 html body #app .hero .actions .btn{width:100%!important;flex:none!important;font-size:14px!important}
 html body .naxo-scene-band{height:185px!important;border-radius:16px!important;margin-bottom:24px!important}
 html body .naxo-band-brand{width:170px;max-width:40%;inset-inline-end:0}
 html body .naxo-band-label{font-size:22px;max-width:58%;inset-inline-start:6%}
 html body header.naxo-site-header a.naxo-brand span.naxo-monogram{width:110px!important;min-width:110px!important;height:63px!important}
}
@media(prefers-reduced-motion:reduce){html body .naxo-scene,html body .naxo-scene img,html body #app .hero{animation:none!important;transition:none!important}}

/* Shared original-artwork SVG, circular frame. Only surrounding margin is hidden.
   Source coordinates retained inside the circle: x=410..1110, y=100..800.
   N, arrow, NAXO and MEDIA all remain inside this original-artwork region. */
html body header.naxo-site-header a.naxo-brand span.naxo-monogram,
html body footer.naxo-footer a.naxo-brand span.naxo-monogram,
html body header span.naxo-monogram,
html body span.brand-mark,
html body #app .hero>.naxo-hero-brand,
html body .naxo-band-brand{
 display:block!important;box-sizing:border-box!important;aspect-ratio:1!important;
 border-radius:50%!important;overflow:hidden!important;padding:0!important;
 border:1px solid #b990506b!important;background:#090b0e!important;
 box-shadow:0 5px 18px #0005,inset 0 0 0 4px #111418!important;
 mix-blend-mode:normal!important;opacity:1!important;flex-shrink:0!important;
}
html body header.naxo-site-header a.naxo-brand span.naxo-monogram,
html body header span.naxo-monogram,
html body header span.brand-mark{position:relative!important;width:68px!important;min-width:68px!important;height:68px!important}
html body footer.naxo-footer a.naxo-brand span.naxo-monogram{position:relative!important;width:84px!important;min-width:84px!important;height:84px!important}
html body .brand-art{width:180px!important;height:180px!important;display:grid!important;place-items:center}
html body .brand-art span.brand-mark{position:relative!important;width:180px!important;height:180px!important;min-width:0!important}
html body #app .hero>.naxo-hero-brand{width:clamp(210px,23vw,280px)!important;max-width:36%!important;height:auto!important;aspect-ratio:1!important}
html body .naxo-scene-band{--naxo-logo-diameter:156px}
html body .naxo-band-brand{width:var(--naxo-logo-diameter)!important;height:var(--naxo-logo-diameter)!important;max-width:none!important;inset-inline-end:4%!important}
html body .naxo-band-label{max-width:calc(100% - var(--naxo-logo-diameter) - 64px)!important}
html body header.naxo-site-header a.naxo-brand span.naxo-monogram>img.naxo-logo-image,
html body footer.naxo-footer a.naxo-brand span.naxo-monogram>img.naxo-logo-image,
html body header span.naxo-monogram>img.naxo-logo-image,
html body header span.brand-mark>img.naxo-logo-image,
html body .brand-art span.brand-mark>img.naxo-logo-image,
html body #app .naxo-hero-brand>img,
html body .naxo-band-brand>img{
 position:absolute!important;display:block!important;
 width:100%!important;height:100%!important;
 max-width:none!important;min-width:0!important;max-height:none!important;
 left:0!important;top:0!important;right:auto!important;bottom:auto!important;
 object-fit:contain!important;object-position:center!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
 clip-path:none!important;transform:none!important;filter:none!important;
 aspect-ratio:1!important;animation:none!important;
}
@media(max-width:760px){
 html body header.naxo-site-header a.naxo-brand span.naxo-monogram,
 html body header span.naxo-monogram,
 html body header span.brand-mark{width:56px!important;min-width:56px!important;height:56px!important}
 html body footer.naxo-footer a.naxo-brand span.naxo-monogram{width:76px!important;min-width:76px!important;height:76px!important}
 html body #app .hero>.naxo-hero-brand{width:176px!important;height:176px!important;max-width:64%!important;margin:4px auto 20px!important}
 html body .naxo-scene-band{--naxo-logo-diameter:104px}
 html body .naxo-band-label{max-width:calc(100% - var(--naxo-logo-diameter) - 50px)!important;font-size:clamp(17px,4.8vw,22px)!important;line-height:1.55!important}
}
@media(max-width:380px){html body .naxo-scene-band{--naxo-logo-diameter:92px}}
