/* AetherNous website v3. Colours taken from the AetherNous logos; light and dark themes. */
:root{--display:'Inter',Inter,system-ui,sans-serif;--sand:#D88A1E;--band-line-2:#3D4266;--bg:#F7F7FB;--bg-alt:#EFF0F7;--surface:#FFFFFF;--text:#141729;--text-2:#3E4259;--muted:#585C74;--line:#E0E1EC;--accent:#5B5BF0;--soft:#ECECFE;--signal:#D88A1E;--btn-bg:#141729;--btn-fg:#FFFFFF;--band:#141729;--band-2:#1C2038;--band-text:#ECEEFB;--band-muted:#A9ACC8;--band-line:#2E3252;--band-accent:#8B8BFF;--shadow:0 18px 40px rgba(20,23,41,0.08)}
:root[data-theme="dark"]{--bg:#0E1020;--bg-alt:#12152A;--surface:#171A30;--text:#ECEEFB;--text-2:#C4C7E0;--muted:#A0A4C2;--line:#2A2E4A;--accent:#8B8BFF;--soft:#23264A;--signal:#E9A848;--btn-bg:#ECEEFB;--btn-fg:#141729;--band:#171A30;--band-2:#1F2340;--band-text:#ECEEFB;--band-muted:#A9ACC8;--band-line:#2E3252;--band-accent:#8B8BFF;--shadow:0 18px 40px rgba(0,0,0,0.35)}
.an a{color:var(--text)}.an a:hover{color:var(--accent)}
.an .logo-light{display:block}.an .logo-dark{display:none}
:root[data-theme="dark"] .an .logo-light{display:none}:root[data-theme="dark"] .an .logo-dark{display:block}
.an .band a{color:var(--band-text)}.an .band a:hover{color:var(--band-accent)}
@keyframes an-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes an-fade{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@keyframes an-spin{to{transform:rotate(360deg)}}
@keyframes an-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes an-ripple{0%{transform:scale(1);opacity:.55}100%{transform:scale(2.6);opacity:0}}
@keyframes an-draw{from{stroke-dashoffset:400}to{stroke-dashoffset:0}}
@keyframes an-drift{0%{transform:translateX(-24px)}100%{transform:translateX(24px)}}
@keyframes an-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes an-marquee{to{transform:translateX(-50%)}}
.an .rise{animation:an-rise .9s cubic-bezier(.2,.7,.2,1) both}
.an .d1{animation-delay:.1s}.an .d2{animation-delay:.2s}.an .d3{animation-delay:.3s}.an .d4{animation-delay:.42s}
.an .fade{animation:an-fade 1.2s cubic-bezier(.2,.7,.2,1) .2s both}
.an .orbit{transform-box:view-box;transform-origin:220px 200px;animation:an-spin 48s linear infinite}
.an .orbit-rev{transform-box:view-box;transform-origin:220px 200px;animation:an-spin 26s linear infinite reverse}
.an .dash{transform-box:view-box;transform-origin:220px 200px;animation:an-spin 120s linear infinite}
.an .pulse{transform-box:fill-box;transform-origin:center;animation:an-pulse 4.5s ease-in-out infinite}
.an .ripple{transform-box:fill-box;transform-origin:center;animation:an-ripple 3.6s ease-out infinite}
.an .ripple-2{animation-delay:1.8s}
.an .draw{stroke-dasharray:400;animation:an-draw 1.6s cubic-bezier(.6,0,.2,1) .3s both}
.an .drift{animation:an-drift 7s ease-in-out infinite alternate}
.an .float{animation:an-float 6s ease-in-out infinite}
.an .float-2{animation-delay:-2s}.an .float-3{animation-delay:-4s}
.an .marquee{animation:an-marquee 46s linear infinite}
.an .marquee:hover{animation-play-state:paused}
@media (prefers-reduced-motion: reduce){.an *{animation:none!important}}
@keyframes an-blink{0%,100%{opacity:1}50%{opacity:.35}}
.an .blink{animation:an-blink 1.6s ease-in-out infinite}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
:root{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark}
img,svg{flex-shrink:0}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#theme-toggle .icon-sun{display:none}
#theme-toggle .icon-moon{display:inline-flex}
:root[data-theme="dark"] #theme-toggle .icon-sun{display:inline-flex}
:root[data-theme="dark"] #theme-toggle .icon-moon{display:none}
.logo-light{display:block}.logo-dark{display:none}
:root[data-theme="dark"] .logo-light{display:none}:root[data-theme="dark"] .logo-dark{display:block}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media (max-width: 760px){.an > header{position:static!important}}