/* Rounded optical volumes share the original Romance Paris material model. */
.optical-scene { position: fixed; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }
body[data-glass=ready] .atmosphere { visibility: hidden; }
.language { display: grid; place-items: center; min-width: 49px; border-radius: 25px; }
.intro-button { padding: 9px 14px; border-radius: 30px; }
.text-button { padding: 8px 12px; border-radius: 24px; }
.service-list { gap: 15px; border: 0; padding: 0; }
.service, .service:first-child, .service:last-child { border: 1px solid #e1f5ff40; border-radius: 25px; padding: 23px 18px; }
.service-icon { width: 44px; height: 44px; border-radius: 15px; }
.human-line { border-radius: 32px; width: fit-content; max-width: 100%; margin: 25px auto; padding: 10px 17px; gap: 12px; }
.human-line a { padding: 10px 13px; border-radius: 24px; }
footer { border: 1px solid #e1f5ff40; border-radius: 28px; padding: 17px 24px; margin-bottom: 24px; }
.close { border-radius: 50%; }
.primary-link, #send, .primary { color: var(--text); }
:is(.intro-button,.text-button,.service,.service-icon,.language,.human-line,footer,.close,.primary-link,#send,.primary) {
  background: linear-gradient(145deg,#e9f8ff16,#b2dcff03 48%,#daf2ff0c);
  border: 1px solid #e2f5ff52;
  box-shadow: inset 1px 1px 1px #fff8,inset -1px -2px 2px #c9eaff35,0 8px 24px #020c242b;
}
.primary-link, #send, .primary { background-color: #b4f0dc16; }
body[data-glass=ready] [data-optical] {
  background: transparent;
  border-color: #ecfaff33;
  box-shadow: inset 0 1px 0 #f1fcff38,0 10px 25px #020c2415;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  text-shadow: 0 1px 6px #03101ec2;
}
body[data-glass=ready] .glass::before, body[data-glass=ready] .glass::after { display: none; }
body[data-glass=ready] .agent-orb { box-shadow: none; }
body[data-glass=ready] .agent-orb span { opacity: .6; }
body[data-glass=ready] :is(.brand-switch a[aria-current=page],.primary-link,#send,.primary) {
  color: #f0fff9; border-color: #dbfff19c;
}
body[data-glass=ready] :is(button,a)[data-optical]:hover { background: #d9f8ff0c; border-color: #f1fcffab; }
body[data-glass=ready] .composer:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px #b4f0dc20; }
body[data-glass=ready] .messages:not(:empty) { background: #06162912; }
body[data-glass=ready] .conversation { animation: none; }
body[data-glass=ready] dialog { isolation: isolate; background: transparent; }
dialog::backdrop { background: #020817a6; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
.dialog-optical-scene { position: fixed; border-radius: inherit; z-index: -1; pointer-events: none; }
.dialog-optical-scene[hidden] { display: none; }
@media(max-width:1100px) { .service, .service:first-child, .service:last-child { padding: 18px 12px; gap: 10px; } .service-icon { width: 35px; height: 40px; } }
@media(max-width:800px) {
  .service-list { gap: 13px; padding: 0; }
  .service, .service:first-child, .service:last-child { padding: 20px 17px; gap: 17px; }
  .service+.service { border-top: 1px solid #e2f5ff52; }
  .human-line { width: 100%; padding: 12px; }
  footer { padding: 14px 18px; }
  .motion-toggle { margin-left: 0; }
}
@media(max-width:480px) {
  .hero-actions { gap: 10px; }
  .intro-button { padding: 8px 11px; }
  .intro-button .play-icon { width: 23px; height: 23px; font-size: 16px; }
  .language { min-width: 36px; }
  .conversation-top .text-button { padding: 8px; font-size: 9px; }
  .conversation-top small { display: none; }
  .human-line { gap: 4px 7px; }
  .human-line a { padding: 10px; }
  footer { width: calc(100% - 36px); gap: 12px; }
  footer>span:first-child { flex-basis: 100%; }
  .motion-toggle { margin-left: auto; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  body:not([data-glass=ready]) :is(.glass,.composer,.service,dialog) { background: #152e45; }
}
@media(prefers-reduced-transparency:reduce) {
  :is(.glass,.composer,.service,.intro-button,.text-button,.service-icon,.language,.human-line,footer,.close,.primary-link,#send,.primary,dialog) { background: #152e45; backdrop-filter: none; -webkit-backdrop-filter: none; }
}

/* Show only the original NIXAN wordmark in the masthead. */
.domain { position: relative; width: 120px; height: 46px; overflow: hidden; flex: 0 0 120px; }
.domain img { position: absolute; width: 148px; height: auto; max-width: none; top: 50%; left: 50%; transform: translate(-50%,-45.03%); clip-path: inset(34% 0 43%); filter: brightness(0) invert(1); }
@media(max-width:480px) {
  .domain { width: 86px; height: 40px; flex-basis: 86px; }
  .domain img { width: 103px; }
}