/*
 * Additor website — shared styles
 * Fonts: Mona Sans and Martian Mono, self-hosted variable fonts (SIL Open Font License 1.1).
 * Everything else on the pages is inline, exactly as designed.
 */

/* ---- Fonts ---- */
@font-face {
  font-family: 'Mona Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  font-stretch: 75% 125%;
  src: url(../fonts/mona-sans-latin-ext-standard-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Mona Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  font-stretch: 75% 125%;
  src: url(../fonts/mona-sans-latin-standard-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Martian Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  font-stretch: 75% 112.5%;
  src: url(../fonts/martian-mono-latin-ext-standard-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Martian Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  font-stretch: 75% 112.5%;
  src: url(../fonts/martian-mono-latin-standard-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ---- Base, utilities and animations (from the design) ---- */
body{margin:0;background:#07070B}
a{color:#F3F2F8;text-decoration:none}
a:hover{color:#FFFFFF !important}
::selection{background:rgba(124,92,255,.45);color:#FFFFFF}
::placeholder{color:#8B899C;opacity:1}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #A895FF;outline-offset:3px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #A895FF;outline-offset:1px}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
.ad-hover:hover{background:rgba(255,255,255,0.05)}
.ad-grain{background-image:url(../images/grain.png);background-size:180px 180px}
@keyframes ad-left{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes ad-right{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
@keyframes ad-up{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
@keyframes ad-down{from{transform:translate3d(0,-50%,0)}to{transform:translate3d(0,0,0)}}
@keyframes ad-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}
@keyframes ad-travel{0%{left:0%;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:100%;opacity:0}}
@keyframes ad-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes ad-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes ad-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes ad-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.ad-row-left{animation:ad-left 70s linear infinite}
.ad-row-right{animation:ad-right 78s linear infinite}
.ad-col-up{animation:ad-up 64s linear infinite}
.ad-col-down{animation:ad-down 72s linear infinite}
.ad-pulse{animation:ad-pulse 1.8s ease-in-out infinite}
.ad-travel{animation:ad-travel 5.5s cubic-bezier(.65,0,.35,1) infinite}
.ad-shimmer{background-size:200% 100%;animation:ad-shimmer 2.6s linear infinite}
.ad-caret{animation:ad-blink 1.05s step-end infinite}
.ad-float{animation:ad-float 6s ease-in-out infinite}
.ad-spin{animation:ad-spin 40s linear infinite}
.ad-nav-links{display:flex}
.ad-show-md{display:none}
.ad-show-md-block{display:none}
@media (max-width:1080px){.ad-nav-links{display:none}.ad-hide-md{display:none !important}.ad-show-md{display:inline-grid}.ad-show-md-block{display:block}}
@media (max-width:640px){.ad-hide-sm{display:none !important}}
@media (prefers-reduced-motion:reduce){.ad-row-left,.ad-row-right,.ad-col-up,.ad-col-down,.ad-pulse,.ad-travel,.ad-shimmer,.ad-caret,.ad-float,.ad-spin{animation:none}}

/* ---- Runtime: control-flow wrappers never create a box ---- */
sc-if,sc-for{display:contents}
