/* INTELIOS manual, pp. 1, 4 and 6: layered bars, folded planes, graphite/petrol/silver. */
:root{--brand-silver:#c6cacc;--brand-steel:#7c7e80}
[data-brand-scene]{position:relative;isolation:isolate}
.brand-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;user-select:none;contain:paint}
.brand-atmosphere [data-parallax-depth]{transform:translate3d(0,var(--parallax-y,0px),0)}
.brand-atmosphere .parallax-active{will-change:transform}
.brand-glow{position:absolute;inset:-100px;background:radial-gradient(ellipse at 82% 45%,#35667570,transparent 58%),radial-gradient(ellipse at 40% 100%,#c6cacc14,transparent 55%)}
.brand-planes{position:absolute;right:-5%;top:-20%;width:52%;height:145%;opacity:.7}
.brand-planes i{position:absolute;display:block;width:100%;height:52%;clip-path:polygon(0 34%,100% 0,100% 66%,0 100%)}
.brand-planes i:nth-child(1){top:0;background:linear-gradient(130deg,#35667508 5%,#356675aa 53%,#c6cacc28)}
.brand-planes i:nth-child(2){top:31%;clip-path:polygon(0 0,100% 66%,100% 100%,0 34%);background:linear-gradient(145deg,#11131805,#c6cacc18 55%,#35667518)}
.brand-planes i:nth-child(3){top:49%;background:linear-gradient(120deg,#35667516,#c6cacc30 60%,#35667516)}
.brand-bars{position:absolute;left:-8%;bottom:4%;width:48%;height:140px;opacity:.36}
.brand-bars i{display:block;height:20px;margin-top:20px;background:linear-gradient(90deg,transparent,#35667588 60%,#c6cacc44)}
.brand-bars i:nth-child(1){width:80%}
.brand-bars i:nth-child(2){width:100%;background:linear-gradient(90deg,transparent,#356675bb 70%,#c6cacc44)}
.brand-bars i:nth-child(3){width:65%}
.brand-atmosphere--bars .brand-planes{display:none}

/* More light around the company illustration, with a calm, dark reading area. */
.copy-home .hero-stage{background:#111318}
.copy-home .hero-atmosphere{background:radial-gradient(ellipse at 80% 15%,#3566757a,transparent 63%),linear-gradient(115deg,#111318 20%,#1d3039 90%)}
.copy-home .hero-atmosphere:after{background:linear-gradient(90deg,#111318ee,transparent 65%),linear-gradient(0deg,#111318 1%,transparent 35%)}
.copy-home .hero-atmosphere .brand-atmosphere{z-index:0;opacity:.9}
.copy-home .hero-atmosphere .brand-planes{right:-10%;top:-28%;width:57%;opacity:.6}
.copy-home .hero-atmosphere .brand-bars{left:-12%;bottom:7%;width:65%;opacity:.17}
.copy-home .hero-light-field{background:radial-gradient(ellipse at 66% 35%,#c6cacc1c,transparent 60%);opacity:.8}
.copy-home .hero-stage:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c6cacc60,#356675,transparent);pointer-events:none}

/* Off-white areas reflect petrol and silver, rather than repeating a flat fill. */
.copy-home .hero-video{background:linear-gradient(180deg,#c6cacc 0%,#dce2e1 24%,#e9e9e7 100%)}
.hero-video .brand-atmosphere{opacity:.65}
.hero-video .brand-glow{background:radial-gradient(ellipse at 5% 5%,#ffffffa8,transparent 50%),radial-gradient(ellipse at 100% 55%,#35667540,transparent 55%)}
.hero-video .brand-planes{right:-15%;width:70%;top:-32%;opacity:.5}
.hero-video .brand-planes i:nth-child(1){background:linear-gradient(135deg,#35667505,#35667538 60%,#ffffff90)}
.hero-video .brand-planes i:nth-child(3){background:linear-gradient(135deg,#c6cacc10,#ffffffb0)}
.hero-video .brand-bars{display:none}
.copy-home .overview-film{box-shadow:0 25px 65px #11131824,0 1px 0 #fff8;border-color:#7c7e8050}
.copy-home .entry-section{background:radial-gradient(ellipse at 100% 50%,#35667517,transparent 60%),linear-gradient(150deg,#e9e9e7,#f6f6f3 65%,#e1e5e3)}
.copy-home .human-care{overflow:hidden;background:radial-gradient(ellipse at 100% 0,#356675bb,transparent 75%),linear-gradient(145deg,#111318,#203a43 100%)}
.copy-home .human-care:before{content:'';position:absolute;inset:auto -30% -30% 35%;height:60%;background:linear-gradient(145deg,transparent,#c6cacc14);clip-path:polygon(0 34%,100% 0,100% 66%,0 100%);z-index:-1}
.copy-home .examples-section{background:radial-gradient(ellipse at 0 85%,#35667520,transparent 55%),linear-gradient(155deg,#e9e9e7 15%,#dce2e1 70%,#c6cacc)}
.copy-home .video-example{background:linear-gradient(135deg,#ffffffc9,#e9e9e7e8);box-shadow:inset 0 1px 0 #ffffffa0}
.copy-home .video-example:hover,.copy-home .video-example[aria-current=true]{background:linear-gradient(135deg,#ffffff,#f2f4f1f0)}

/* The folded planes live behind the platform; its controls keep a solid reading surface. */
.copy-home .platform-section{background:linear-gradient(120deg,#111318 15%,#182a32 65%,#244752)}
.platform-section .brand-glow{background:radial-gradient(ellipse at 80% 60%,#3566757d,transparent 57%),radial-gradient(ellipse at 20% 0,#c6cacc0e,transparent 55%)}
.platform-section .brand-planes{right:-4%;top:-25%;width:49%;opacity:.6}
.platform-section .brand-bars{left:-9%;width:54%;bottom:-6%;opacity:.24}
.copy-home .brain-platform{background:linear-gradient(145deg,#142028e8,#111318eb);border-color:#c6cacc38;box-shadow:0 25px 60px #0003,inset 0 1px 0 #c6cacc12;backdrop-filter:blur(12px)}
.copy-home .platform-agents>span{background:linear-gradient(115deg,#35667545,#c6cacc0b);border-color:#c6cacc33}
.copy-home .platform-core i{box-shadow:0 0 0 14px #35667525,0 0 55px #35667550}

/* Bars are the secondary motif, with plenty of space around the explanation. */
.copy-home .home-process{background:linear-gradient(145deg,#f6f6f3,#e9e9e7 50%,#d9e0df)}
.home-process .brand-glow{background:radial-gradient(ellipse at 0 0,#fff9,transparent 60%)}
.home-process .brand-bars{left:auto;right:-12%;bottom:-14%;height:260px;width:58%;opacity:.16}
.home-process .brand-bars i{height:38px;margin-top:34px}
.home-process .brand-bars i:nth-child(2){background:linear-gradient(90deg,#35667508,#35667566 60%,#c6cacc)}
.copy-home .team-section{background:radial-gradient(ellipse at 10% 100%,#c6cacc66,transparent 70%),linear-gradient(120deg,#e9e9e7,#dfe5e3)}
.copy-home{background:radial-gradient(ellipse at 100% 100%,#35667545,transparent 20%),#111318}
.copy-home .home-answers{position:relative}
.copy-home .contact-direct{margin-bottom:45px;padding:65px 55px;border:1px solid #c6cacc28;border-radius:28px;background:linear-gradient(120deg,#17242c,#294b56);overflow:hidden}
.contact-direct .brand-glow{background:radial-gradient(ellipse at 95% 45%,#356675bb,transparent 65%)}
.contact-direct .brand-planes{right:-8%;width:45%;top:-30%;opacity:.55}
.contact-direct .brand-bars{display:none}
.copy-home .contact-direct .contact-copy{position:relative;z-index:1}
.copy-home .contact-direct .contact-signature{position:relative;z-index:1}

/* The same identity on the detail pages, without new illustrations or heavier media. */
.content-page{background:radial-gradient(ellipse at 95% 100%,#35667540,transparent 35%),#111318}
.content-intro-wrap{background:linear-gradient(125deg,#111318 25%,#24434e);overflow:hidden}
.content-intro-wrap .brand-planes{right:-5%;width:43%;opacity:.4}
.content-intro-wrap .brand-bars{display:none}
.content-page .content-intro h1,.content-page .answer-lead{position:relative;z-index:1}
.content-page main>.light{background:radial-gradient(ellipse at 100% 40%,#35667512,transparent 55%),linear-gradient(135deg,#f5f5f2,#e9e9e7 55%,#dee3e1)}

@media(max-width:900px){
  .copy-home .hero-atmosphere:after{background:linear-gradient(180deg,#111318aa,transparent 65%),linear-gradient(0deg,#111318,transparent 30%)}
  .copy-home .hero-atmosphere .brand-planes{width:90%;top:-5%;height:110%;right:-30%;opacity:.36}
  .copy-home .hero-atmosphere .brand-bars{bottom:8%;width:110%}
  .platform-section .brand-planes{width:85%;right:-25%;opacity:.38}
  .copy-home .contact-direct{padding:48px 38px}
  .content-intro-wrap .brand-planes{width:70%;right:-20%;opacity:.3}
}
@media(max-width:540px){
  .copy-home .hero-atmosphere{background:radial-gradient(ellipse at 100% 48%,#35667580,transparent 70%),#111318}
  .copy-home .hero-atmosphere .brand-planes{top:4%;width:115%;right:-42%;opacity:.3}
  .hero-video .brand-planes{width:110%;right:-30%;opacity:.36}
  .copy-home .hero-video{background:linear-gradient(150deg,#c6cacc,#dce2e1 45%,#e9e9e7)}
  .copy-home .platform-section{background:linear-gradient(145deg,#111318,#24434e)}
  .platform-section .brand-planes{width:115%;right:-45%;opacity:.35}
  .platform-section .brand-bars{display:none}
  .home-process .brand-bars{width:90%;right:-32%;bottom:-5%;opacity:.13}
  .copy-home .contact-direct{padding:37px 26px;margin-bottom:25px;border-radius:22px}
  .contact-direct .brand-planes{width:110%;right:-45%;opacity:.32}
  .content-intro-wrap .brand-planes{width:100%;right:-40%;opacity:.23}
}
@media(prefers-reduced-motion:reduce){
  .brand-atmosphere [data-parallax-depth]{transform:none!important;will-change:auto!important}
}