:root{color-scheme:dark;--bg:#0a0e1a;--panel:#131a2e;--text:#e2e8f0;--dim:#a6b3c9;--cyan:#00d4ff;--border:#2c3850}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--cyan);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}img{max-width:100%;height:auto}header,main,footer{width:min(1120px,calc(100% - 40px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-size:22px;font-weight:750}.brand img{width:38px}nav,.actions{display:flex;flex-wrap:wrap;gap:12px 24px}nav a{font-size:14px}.hero{padding:76px 0 48px;max-width:850px}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700}h1{font-size:clamp(36px,6vw,66px);line-height:1.08;letter-spacing:-.045em;margin:16px 0 24px}h2{font-size:28px;line-height:1.25;letter-spacing:-.025em}h3{font-size:20px;line-height:1.3;margin:12px 0}.lead{font-size:20px;color:var(--dim);max-width:740px}.button{display:inline-block;border:1px solid var(--border);border-radius:9px;padding:10px 18px;text-decoration:none;font-weight:650}.button.primary{background:var(--cyan);color:var(--bg);border-color:var(--cyan)}.actions{margin-top:24px}.section{padding:36px 0;border-top:1px solid var(--border);scroll-margin-top:24px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:16px;min-width:0}.card p,.note{color:var(--dim)}.preview{height:180px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fff;padding:16px}.preview img{max-height:148px;object-fit:contain}.preview.icon{background:#0a0e1a}.preview.icon img{width:90px}.status{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:12px;color:var(--dim)}.ready{color:#76e4bf;border-color:#2c6456}.pending{border-style:dashed;background:transparent}.text-block{max-width:820px}.text-block p{font-size:18px}.text-block .note{font-size:15px}.facts{padding-left:22px}.facts li{margin:10px 0}.language{margin-bottom:48px}.language-heading{font-size:14px;font-weight:600;color:var(--dim);margin-bottom:24px}footer{padding:28px 0 40px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;color:var(--dim);font-size:14px}.skip{position:absolute;left:-10000px}.skip:focus{left:20px;top:10px;background:var(--bg);padding:10px;z-index:2}@media(max-width:780px){.grid{grid-template-columns:1fr}.hero{padding-top:42px}header{align-items:flex-start;flex-direction:column;gap:16px}.preview{height:160px}.lead{font-size:18px}.card{padding:20px}}

/* Match the homepage language dropdown without importing page-wide styles. */
header nav{align-items:center}.language[hidden]{display:none}button:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}
.lang-switcher{--radius-sm:8px;--text-dim:#94a3b8;--font-sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--primary:#00d4ff;--t-fast:150ms cubic-bezier(0.4,0,0.2,1)}
.lang-switcher {
    position: relative;
    z-index: 1001;
}

/* --- Trigger-Button --- */
.lang-switcher .lang-current {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: var(--radius-sm);
    color: var(--text-dim);
    font-family: var(--font-sans);
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: background var(--t-fast), border-color var(--t-fast), color var(--t-fast);
    white-space: nowrap;
}
.lang-switcher .lang-current:hover {
    background: rgba(255, 255, 255, 0.10);
    border-color: rgba(255, 255, 255, 0.18);
    color: var(--text);
}
.lang-switcher .lang-current svg {
    flex-shrink: 0;
    opacity: 0.65;
    transition: opacity var(--t-fast);
}
.lang-switcher .lang-current:hover svg {
    opacity: 1;
}

/* --- Dropdown-Menu --- */
.lang-switcher .lang-menu {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 160px;
    list-style: none;
    margin: 0;
    padding: 6px;
    background: rgba(15, 20, 36, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: var(--radius-sm);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.04);
    animation: lang-menu-in 200ms cubic-bezier(0.16, 1, 0.3, 1);
}
.lang-switcher.is-open .lang-menu {
    display: block;
}

@keyframes lang-menu-in {
    from { opacity: 0; transform: translateY(-6px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

.lang-menu li {
    margin: 0;
    padding: 0;
}
.lang-menu button {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 12px;
    background: none;
    border: none;
    border-radius: 6px;
    color: var(--text-dim);
    font-family: var(--font-sans);
    font-size: 0.88rem;
    font-weight: 500;
    cursor: pointer;
    transition: background var(--t-fast), color var(--t-fast);
    text-align: left;
}
.lang-menu button:hover {
    background: rgba(0, 212, 255, 0.08);
    color: var(--text);
}
.lang-menu button.is-active {
    color: var(--primary);
    background: rgba(0, 212, 255, 0.10);
}


.quickstart-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quickstart-grid a{text-decoration:none;color:var(--text)}.quickstart-grid a:hover{border-color:var(--cyan)}@media(max-width:780px){.quickstart-grid{grid-template-columns:1fr}}

.press-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000;border:1px solid var(--border);border-radius:16px}

/* Creator thumbnails retain their full original framing. */
.thumbnail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.thumbnail-preview{display:block;margin-bottom:18px}.thumbnail-preview img{display:block;width:100%;height:auto;border-radius:9px}.thumbnail-card h3{font-size:22px}.thumbnail-card .status{margin-top:2px}@media(max-width:780px){.thumbnail-grid{grid-template-columns:1fr}}

/* Short clips: wide previews and download choices stay readable on phones. */
.short-video-list{display:grid;gap:24px}.short-video-card{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:center}.short-video-card .press-video{border-radius:10px}.short-video-copy h3{font-size:25px}.short-video-copy .actions{gap:10px 20px}.short-video-copy .actions a{font-size:14px}@media(max-width:780px){.short-video-card{grid-template-columns:1fr;gap:20px}.short-video-copy h3{font-size:22px}}