/* Branded veil shown while a page transition waits on the network, so a slow or
   sleeping demo host reads as a friendly loading state instead of a blank screen.
   Appended to <html> so page exit animations never hide it. The orbit ring chases
   a lime arc around the mark - motion from the first paint, no empty track. */
.cc-veil{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;background:#f6f2e8;opacity:0;transition:opacity .18s ease-out}
.cc-veil.cc-veil-show{opacity:1}
html[data-theme=dark] .cc-veil{background:#101c17}
.cc-veil-card{display:grid;justify-items:center;gap:16px;padding:24px;text-align:center}
.cc-veil-name{font:700 20px Fraunces,Georgia,serif;color:#173f35;letter-spacing:.01em}
html[data-theme=dark] .cc-veil-name{color:#e8eee6}
html[data-theme=dark] .cc-veil-text{font:500 13.5px 'DM Sans',system-ui,sans-serif;color:#5d6b64;max-width:300px;line-height:1.5}
html[data-theme=dark] .cc-veil-text{color:#9db3a4}
@keyframes cc-veil-shimmer{from{background-position:120% 0}to{background-position:-120% 0}}
@media(prefers-reduced-motion:reduce){.cc-veil{transition:none;opacity:1}.cc-veil-logo,}
/* Shared inline orbit loader - the brand chase ring at in-page sizes. Used wherever
   something is loading inside a page (answers, builds, downloads): motion, never a bar. */
.cc-spin{position:relative;display:inline-block;width:22px;height:22px;flex:none}
.cc-spin svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);animation:cc-orbit-spin 2.6s linear infinite}
.cc-spin .cc-spin-track{fill:none;stroke:rgba(23,63,53,.16);stroke-width:3}
.cc-spin .cc-spin-head{fill:none;stroke:var(--brand,#7fae3c);stroke-width:3;stroke-linecap:round;stroke-dasharray:64 175;animation:cc-orbit-chase 1.5s cubic-bezier(.45,.15,.55,.85) infinite}
html[data-theme=dark] .cc-spin .cc-spin-track{stroke:rgba(232,238,230,.18)}
@media(prefers-reduced-motion:reduce){.cc-spin svg,.cc-spin .cc-spin-head{animation:none}}
.cc-veil .cc-orbit{position:relative;width:88px;height:88px;display:grid;place-items:center}.cc-veil .cc-orbit svg{position:absolute;inset:0;width:88px;height:88px;transform:rotate(-90deg)}.cc-veil .cc-orbit-track{fill:none;stroke:rgba(23,63,53,.14);stroke-width:2.5}.cc-veil .cc-orbit-head{fill:none;stroke:#7fae3c;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:64 175;animation:cc-orbit-chase 1.5s cubic-bezier(.45,.15,.55,.85) infinite}.cc-veil .cc-orbit svg{animation:cc-orbit-spin 2.6s linear infinite}.cc-veil .cc-orbit img{width:46px;height:46px;border-radius:13px;box-shadow:0 8px 22px rgba(23,63,53,.16);animation:cc-orbit-breathe 2.2s ease-in-out infinite}html[data-theme=dark] .cc-veil .cc-orbit-track{stroke:rgba(232,238,230,.16)}html[data-theme=dark] .cc-veil .cc-orbit-head{stroke:#d7ef72}@keyframes cc-orbit-spin{to{transform:rotate(270deg)}}@keyframes cc-orbit-chase{0%{stroke-dasharray:14 225}55%{stroke-dasharray:120 119}100%{stroke-dasharray:14 225;stroke-dashoffset:-238}}@keyframes cc-orbit-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}