.intro-ia-clair{background:radial-gradient(circle at 80% 12%, #39dbff26, transparent 31rem), radial-gradient(circle at 9% 82%, #8a5cff12, transparent 25rem), linear-gradient(180deg, var(--onima-clair-surface), var(--onima-clair-canvas))}.intro-ia-clair__ambient-image{opacity:.05;filter:saturate(.58)contrast(.82);mix-blend-mode:multiply}.intro-ia-clair__ambient-wash{background:radial-gradient(circle at 68% 12%,#39dbff21,#0000 34%),linear-gradient(#ffffffc2,#f4f8fcf2)}.intro-ia-clair__stars{opacity:.025}.intro-ia-clair__logo>div:last-child>div:first-child{color:var(--onima-clair-text-primary)}.intro-ia-clair__logo>div:last-child>div:last-child{color:var(--onima-clair-text-secondary)}.intro-ia-clair__hero>p:first-child{color:var(--onima-clair-blue-deep)}.intro-ia-clair__hero h1{color:var(--onima-clair-text-primary)}.intro-ia-clair__hero>p:last-child{color:var(--onima-clair-text-secondary)}.intro-ia-clair__demo>section{border-color:var(--onima-clair-border);color:var(--onima-clair-text-primary);background:var(--onima-clair-glass-strong);box-shadow:var(--onima-clair-shadow-raised)}.intro-ia-clair__demo>section>p:first-child{color:var(--onima-clair-blue-deep)}.intro-ia-clair__demo>section>h2,.intro-ia-clair__demo>section>div h3{color:var(--onima-clair-text-primary)}.intro-ia-clair__demo>section>p,.intro-ia-clair__demo>section>div p,.intro-ia-clair__demo>section legend{color:var(--onima-clair-text-secondary)}.intro-ia-clair__demo>section>div>article,.intro-ia-clair__demo>section>div:last-of-type{border-color:var(--onima-clair-border);background:color-mix(in srgb, var(--onima-clair-surface-secondary) 64%, var(--onima-clair-surface))}.intro-ia-clair__demo>section>div>article>span,.intro-ia-clair__demo>section>div:last-of-type>div:first-child p,.intro-ia-clair__demo>section>div:last-of-type>div:first-child span{color:var(--onima-clair-blue-deep)}.intro-ia-clair__demo :is(button,a):focus-visible,.intro-ia-clair__shortcuts a:focus-visible,.intro-ia-clair header a:focus-visible{outline:3px solid var(--onima-clair-focus);outline-offset:3px}@media (width<=767px){.intro-ia-clair>section{padding-bottom:max(6.5rem, calc(env(safe-area-inset-bottom) + 5.75rem))}.intro-ia-clair__hero{padding-block:2.75rem 2.25rem}.intro-ia-clair__demo button,.intro-ia-clair__shortcuts a{min-height:2.75rem}}@media (prefers-reduced-motion:reduce){.intro-ia-clair *,.intro-ia-clair :before,.intro-ia-clair :after{scroll-behavior:auto!important}}