/* cyrillic-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/exa/fonts/Exo2-600-cyrillic-ext-6d2a36.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/exa/fonts/Exo2-600-cyrillic-7c5b03.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/exa/fonts/Exo2-600-latin-ext-fb6d29.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/exa/fonts/Exo2-600-latin-a6f6ff.woff2) format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/exa/fonts/Exo2-700-cyrillic-ext-6d2a36.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/exa/fonts/Exo2-700-cyrillic-7c5b03.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/exa/fonts/Exo2-700-latin-ext-fb6d29.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/exa/fonts/Exo2-700-latin-a6f6ff.woff2) format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/exa/fonts/GolosText-400-cyrillic-ext-d36d24.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/exa/fonts/GolosText-400-cyrillic-465785.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/exa/fonts/GolosText-400-latin-ext-9201c2.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/exa/fonts/GolosText-400-latin-83cb19.woff2) format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/exa/fonts/GolosText-500-cyrillic-ext-d36d24.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/exa/fonts/GolosText-500-cyrillic-465785.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/exa/fonts/GolosText-500-latin-ext-9201c2.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/exa/fonts/GolosText-500-latin-83cb19.woff2) format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/exa/fonts/GolosText-600-cyrillic-ext-d36d24.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/exa/fonts/GolosText-600-cyrillic-465785.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/exa/fonts/GolosText-600-latin-ext-9201c2.woff2) format('woff2');
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/exa/fonts/GolosText-600-latin-83cb19.woff2) format('woff2');
  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;
}
/* eXa Transfer: design C (owner 2026-11-12). Loaded via UI_CUSTOM_CSS after Send's app.css. */
:root{--x-bg:#F7F9FB;--x-card:#FFFFFF;--x-ink:#0A0D11;--x-muted:#56606C;--x-line:#DCE3EA;--x-soft:#EAF7FD;--x-accent:#2AB4EA;--x-accent-text:#0A78A6;--x-field:#FFFFFF;color-scheme:light}
:root[data-theme=dark]{--x-bg:#090B0E;--x-card:#0F1318;--x-ink:#EEF2F6;--x-muted:#98A3AF;--x-line:#222A33;--x-soft:#0F1A21;--x-accent-text:#62CDF5;--x-field:#151A21;color-scheme:dark}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--x-bg:#090B0E;--x-card:#0F1318;--x-ink:#EEF2F6;--x-muted:#98A3AF;--x-line:#222A33;--x-soft:#0F1A21;--x-accent-text:#62CDF5;--x-field:#151A21;color-scheme:dark}}

/* ---- layout ---- */
body.exa-split{margin:0;min-height:100vh;display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);background:var(--x-bg);color:var(--x-ink);font-family:'Golos Text',system-ui,-apple-system,'Segoe UI',sans-serif}
.exa-aside{position:sticky;top:0;height:100vh;overflow:hidden;background:#07090C;color:#EEF2F6;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:40px clamp(28px,4vw,56px)}
.exa-tex{position:absolute;inset:0;pointer-events:none}
.exa-tex svg{width:100%;height:100%;display:block}
.exa-wave{fill:none;stroke:#EEF2F6;stroke-opacity:.10;stroke-width:1.6;stroke-linecap:round;transform-box:view-box;animation:exa-sway 9s ease-in-out infinite alternate}
.exa-wave.acc{stroke:#2AB4EA;stroke-opacity:.85;stroke-width:2.2}
@keyframes exa-sway{from{transform:translate(-16px,-6px)}to{transform:translate(16px,6px)}}
.exa-logo{position:relative;display:block;width:max-content}
.exa-logo img{height:40px;width:auto;display:block}
.exa-right{min-width:0;display:flex;flex-direction:column;gap:16px;padding:24px clamp(16px,4vw,56px) 20px}
.exa-topbar{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.exa-right .main{max-width:640px;width:100%;margin:0 auto;flex:1;display:flex;align-items:center}
.exa-right .main>section{width:100%;background:var(--x-card)!important;border:1px solid var(--x-line);border-radius:20px;box-shadow:0 18px 50px rgba(10,13,17,.07)}
.exa-right .main>section.exa-home{display:flex;flex-direction:column;gap:18px;background:transparent!important;border:0;box-shadow:none;padding:0}
.exa-upload{background:var(--x-card);border:1px solid var(--x-line);border-radius:20px;padding:20px;box-shadow:0 18px 50px rgba(10,13,17,.07)}
.exa-archives{display:flex;flex-direction:column;gap:12px}
.exa-right footer{color:var(--x-muted)}
.exa-right footer a{color:var(--x-muted)}

/* ---- rotating services (CSS only: survives the app's re-renders) ---- */
.exa-slides{position:relative;display:grid;padding:28px 30px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(4px) saturate(1.6);backdrop-filter:blur(4px) saturate(1.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.04),0 18px 40px rgba(0,0,0,.28)}
.exa-slide{grid-area:1/1;display:flex;flex-direction:column;gap:18px;opacity:0;visibility:hidden;animation:exa-rot 28s infinite}
.exa-slide:nth-child(2){animation-delay:7s}.exa-slide:nth-child(3){animation-delay:14s}.exa-slide:nth-child(4){animation-delay:21s}
@keyframes exa-rot{0%{opacity:0;visibility:visible;transform:translateY(12px)}4%{opacity:1;transform:none}21%{opacity:1;transform:none}25%{opacity:0;visibility:hidden;transform:translateY(-12px)}100%{opacity:0;visibility:hidden}}
.exa-eyebrow{margin:0;font-size:13px;letter-spacing:.04em;color:#62CDF5;font-weight:600}
.exa-title{margin:0;font-family:'Exo 2','Golos Text',sans-serif;font-weight:700;font-size:clamp(30px,3.8vw,54px);line-height:1.05;letter-spacing:-.01em;color:#fff}
.exa-lede{margin:0;font-size:17px;line-height:1.6;color:#B7C0CA;max-width:460px}
.exa-cta{color:#62CDF5;font-weight:600;text-decoration:none;width:max-content}
.exa-cta:hover{text-decoration:underline}
.exa-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px;font-size:14px}
.exa-stat{border-top:1px solid #2A333D;padding-top:12px;display:flex;flex-direction:column;gap:2px}
.exa-stat b{font-family:'Exo 2',sans-serif;font-size:24px;color:#fff;white-space:nowrap}
.exa-stat span{color:#98A3AF}
.exa-stat.acc{border-top-color:#2AB4EA}.exa-stat.acc b{color:#2AB4EA}
.exa-dots{position:relative;display:flex;gap:8px}
.exa-dot{width:28px;height:4px;border-radius:2px;background:#2A333D;animation:exa-dotk 28s infinite}
.exa-dot:nth-child(2){animation-delay:7s}.exa-dot:nth-child(3){animation-delay:14s}.exa-dot:nth-child(4){animation-delay:21s}
@keyframes exa-dotk{0%,24%{background:#2AB4EA}25%,100%{background:#2A333D}}
.exa-aside:hover .exa-slide,.exa-aside:hover .exa-dot{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){
  .exa-wave,.exa-dot{animation:none}
  .exa-slide{animation:none}.exa-slide:first-child{opacity:1;visibility:visible}
  .exa-dot:first-child{background:#2AB4EA}
}

/* ---- light / dark / auto switch ---- */
.exa-theme{display:flex;gap:2px;padding:3px;border:1px solid var(--x-line);border-radius:999px;background:var(--x-card)}
.exa-theme button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:999px;background:none;color:var(--x-muted);cursor:pointer}
.exa-theme button:hover{color:var(--x-ink)}
.exa-theme svg{width:18px;height:18px}
:root[data-theme=light] [data-theme-set=light],:root[data-theme=dark] [data-theme-set=dark],:root:not([data-theme]) [data-theme-set=auto]{background:var(--x-ink);color:var(--x-bg)}

/* ---- promo + Send notices as eXa cards ---- */
.exa-promo{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--x-line);border-radius:16px;padding:16px 18px;background:var(--x-card);color:var(--x-ink);text-decoration:none}
.exa-promo>span:first-child{display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.45}
.exa-promo b{font-size:15px}.exa-promo>span>span{color:var(--x-muted)}
.exa-arrow{color:var(--x-accent-text);font-size:22px}
.exa-promo:hover{border-color:var(--x-accent)}
.text-orange-60.bg-yellow-40{background:var(--x-soft)!important;color:var(--x-ink)!important;border:1px solid var(--x-accent)!important;border-radius:12px!important;padding:12px 14px!important;font-size:.92rem;line-height:1.5}
.text-orange-60.bg-yellow-40 a{color:var(--x-accent-text);font-weight:600;text-decoration:underline;text-underline-offset:2px}

/* ---- upload options ---- */
:has(> #expire-after-time-select){display:flex;flex-wrap:wrap;align-items:center;gap:8px;line-height:1.4;font-size:.95rem;margin-bottom:16px}
:has(> #expire-after-time-select) > span:empty{display:none}
#expire-after-dl-count-select,#expire-after-time-select,#password-input{height:42px;border:1px solid var(--x-line)!important;border-radius:12px!important;background-color:var(--x-field)!important;color:var(--x-ink);font:500 .95rem/1 inherit;transition:border-color .15s,box-shadow .15s}
#expire-after-dl-count-select,#expire-after-time-select{margin:0!important;padding:0 34px 0 12px!important;min-width:0;max-width:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%2398A3AF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important}
#password-input{padding:0 44px 0 14px!important;width:100%;max-width:340px;margin-top:6px}
#expire-after-dl-count-select:focus,#expire-after-time-select:focus,#password-input:focus{outline:none;border-color:var(--x-accent)!important;box-shadow:0 0 0 3px rgba(42,180,234,.28)}

/* ---- phone ---- */
@media (max-width:899px){
  body.exa-split{display:block}
  .exa-aside{position:relative;height:auto;padding:20px 16px 22px;gap:18px}
  .exa-logo img{height:30px}
  .exa-slides{padding:18px 18px;border-radius:16px}
  .exa-title{font-size:28px}
  .exa-lede{font-size:15px}
  .exa-stat b{font-size:19px}
  .exa-right{padding:16px 16px 20px}
  .exa-topbar{margin-bottom:4px}
}

/* per-row sway delay (no inline styles under the CSP) */
.exa-wave:nth-child(1){animation-delay:0.00s}.exa-wave:nth-child(2){animation-delay:-0.42s}.exa-wave:nth-child(3){animation-delay:-0.84s}.exa-wave:nth-child(4){animation-delay:-1.26s}.exa-wave:nth-child(5){animation-delay:-1.68s}.exa-wave:nth-child(6){animation-delay:-2.10s}.exa-wave:nth-child(7){animation-delay:-2.52s}.exa-wave:nth-child(8){animation-delay:-2.94s}.exa-wave:nth-child(9){animation-delay:-3.36s}.exa-wave:nth-child(10){animation-delay:-3.78s}.exa-wave:nth-child(11){animation-delay:-4.20s}.exa-wave:nth-child(12){animation-delay:-4.62s}.exa-wave:nth-child(13){animation-delay:-5.04s}.exa-wave:nth-child(14){animation-delay:-5.46s}.exa-wave:nth-child(15){animation-delay:-5.88s}.exa-wave:nth-child(16){animation-delay:-6.30s}.exa-wave:nth-child(17){animation-delay:-6.72s}.exa-wave:nth-child(18){animation-delay:-7.14s}.exa-wave:nth-child(19){animation-delay:-7.56s}.exa-wave:nth-child(20){animation-delay:-7.98s}.exa-wave:nth-child(21){animation-delay:-8.40s}.exa-wave:nth-child(22){animation-delay:-8.82s}.exa-wave:nth-child(23){animation-delay:-9.24s}.exa-wave:nth-child(24){animation-delay:-9.66s}.exa-wave:nth-child(25){animation-delay:-10.08s}.exa-wave:nth-child(26){animation-delay:-10.50s}.exa-wave:nth-child(27){animation-delay:-10.92s}.exa-wave:nth-child(28){animation-delay:-11.34s}.exa-wave:nth-child(29){animation-delay:-11.76s}.exa-wave:nth-child(30){animation-delay:-12.18s}.exa-wave:nth-child(31){animation-delay:-12.60s}.exa-wave:nth-child(32){animation-delay:-13.02s}.exa-wave:nth-child(33){animation-delay:-13.44s}.exa-wave:nth-child(34){animation-delay:-13.86s}.exa-wave:nth-child(35){animation-delay:-14.28s}.exa-wave:nth-child(36){animation-delay:-14.70s}.exa-wave:nth-child(37){animation-delay:-15.12s}.exa-wave:nth-child(38){animation-delay:-15.54s}.exa-wave:nth-child(39){animation-delay:-15.96s}.exa-wave:nth-child(40){animation-delay:-16.38s}.exa-wave:nth-child(41){animation-delay:-16.80s}.exa-wave:nth-child(42){animation-delay:-17.22s}.exa-wave:nth-child(43){animation-delay:-17.64s}.exa-wave:nth-child(44){animation-delay:-18.06s}

/* language menu (owner 2026-11-13) */
.exa-lang{position:relative;display:flex;align-items:center;gap:6px;height:42px;padding:0 6px 0 12px;border:1px solid var(--x-line);border-radius:999px;background:var(--x-card);color:var(--x-muted);cursor:pointer}
.exa-lang:hover{color:var(--x-ink)}
.exa-lang svg{width:18px;height:18px;flex:none}
.exa-lang select{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:var(--x-ink);font:500 .9rem/1 inherit;padding:0 22px 0 0;cursor:pointer;outline-offset:4px;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 9px) 55%,calc(100% - 4px) 55%;background-size:5px 5px;background-repeat:no-repeat}
.exa-lang select option{color:#111;background:#fff}
