/* The emblem stays still while a small ring and its light move. */
.brand .mark{position:relative;isolation:isolate;overflow:visible}
.brand .mark img{border-radius:13px;animation:atomer-colour 5s ease-in-out infinite}
.brand .mark::after{content:"";position:absolute;inset:-3px;border:2px solid transparent;border-top-color:#fa8ef0;border-right-color:#7cd9fb;border-radius:16px;opacity:.85;pointer-events:none;animation:atomer-orbit 4s linear infinite}
@keyframes atomer-colour{0%,100%{filter:saturate(1) drop-shadow(0 0 4px #5374f988)}50%{filter:saturate(1.35) hue-rotate(8deg) drop-shadow(0 0 12px #e172e9bb)}}
@keyframes atomer-orbit{to{transform:rotate(360deg)}}
.atomer-boot{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#192455 0,#0a102c 42%,#070a18 100%);color:#eff4ff;transition:opacity .35s ease,visibility .35s ease}
.atomer-boot-content{text-align:center;padding:24px}
.atomer-boot strong{display:block;margin-top:24px;font:700 25px/1.2 Manrope,sans-serif;letter-spacing:.24em}
.atomer-boot p{color:#b6c3db;font-size:13px;letter-spacing:.06em;margin:10px 0 0}
.atomer-emblem{width:112px;height:112px;position:relative;margin:auto;display:grid;place-items:center}
.atomer-emblem img{display:block;width:100%;height:100%;object-fit:cover;border-radius:25px;animation:atomer-colour 5s ease-in-out infinite}
.atomer-emblem::after{content:"";position:absolute;inset:-9px;border:3px solid #769cf550;border-top-color:#e694f9;border-right-color:#68d5f1;border-radius:32px;animation:atomer-orbit 2.4s linear infinite;pointer-events:none}
.atomer-boot.atomer-done{opacity:0;visibility:hidden;pointer-events:none}
.atomer-working{display:flex;gap:18px;align-items:center;min-height:108px;padding:18px;border:1px solid #46536c;border-radius:13px;background:#142033;color:#e9f3ff}
.atomer-working .atomer-emblem{width:54px;height:54px;margin:0;flex:none}
.atomer-working .atomer-emblem img{border-radius:13px}
.atomer-working .atomer-emblem::after{inset:-5px;border-width:2px;border-radius:17px}
.atomer-working span{font-size:13px;line-height:1.5}
@media(prefers-reduced-motion:reduce){.brand .mark img,.brand .mark::after,.atomer-emblem img,.atomer-emblem::after{animation:none}.atomer-boot{transition:none}}

/* Voltaire is reserved for the product name; lesson and interface copy retain their reading fonts. */
.brand .brand-name,.brand-inline,.atomer-boot strong{font-family:Voltaire,Manrope,sans-serif;font-weight:400;text-transform:none}
.brand .brand-name{display:block;font-size:25px;line-height:1.08;letter-spacing:.015em;color:#f3f5fd}
.brand-inline{font-size:1.22em;letter-spacing:.015em;color:#f1f4fc}
.atomer-boot strong{font-size:31px;letter-spacing:.055em}