/* Yapping Clips shared product skin. Media/caption previews retain their chosen
   styles; these rules style application chrome, never rendered video assets. */
:root {
  --paper:#fdfcfb; --card:#fff; --ink:#171717; --muted:#6b6b6b;
  --line:#e5e5e5; --soft:#f4f3f1; --orange:#e64900; --orange-dark:#be3d00;
  --gold:var(--orange); --gold-brand:var(--orange); --gold-dark:var(--orange-dark);
  --gold-soft:#fff0e8; --forest:var(--orange); --forest-dark:var(--orange-dark);
  --acid:#fff0e8; --shadow:0 8px 28px #17171705;
  --dark-action:#ff986b; --dark-text:#fdfcfb; --dark-muted:#bcbcbc;
}
body { -webkit-font-smoothing:antialiased; }
a,button,summary { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
:focus-visible { outline:3px solid var(--orange); outline-offset:4px; }
input,textarea,select { accent-color:var(--orange); }
h1,h2,h3,h4 { font-family:Inter,ui-sans-serif,system-ui,sans-serif; }
h1 { font-weight:800; letter-spacing:-.055em; line-height:1.02; }
h1 em,h2 em { font-style:normal; color:var(--orange); }
.eyebrow { font-size:10px; font-weight:750; letter-spacing:.16em; }
.button,button { border-radius:9px; font-weight:650; transition:background .18s,border-color .18s; }
button:not(:disabled):hover,.button:hover { transform:none; }
button.ghost:hover { background:var(--soft); }
.ghostdark { border-color:var(--line); color:var(--ink); }
.ghostdark:hover { border-color:var(--orange); background:#fff0e8; color:var(--orange-dark); }
.card { border-radius:16px; box-shadow:var(--shadow); }
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select { border-color:var(--line); border-radius:9px; }
input:focus,textarea:focus,select:focus { border-color:var(--orange); }
.yc-wordmark { display:inline-flex; align-items:center; flex:none; gap:9px; font:800 23px/1 Inter,system-ui,sans-serif; letter-spacing:-1.1px; color:var(--ink); text-decoration:none; white-space:nowrap; }
.yc-wordmark:hover { color:var(--ink); }
.yc-brand-light { font-weight:450; }
.yc-brand-dot { color:var(--orange); }
.yc-brand-mark { display:grid; place-items:center; width:34px; height:36px; flex:none; border-radius:9px; color:#fff; background:var(--orange); }
.yc-brand-mark svg { display:block; width:23px; height:23px; }
/* Existing full editor, asset library and Script Studio share the same chrome. */
.sidenav { background:var(--paper); padding:28px 14px 18px; }
.sidenav .yc-wordmark { font-size:20px; gap:7px; margin:0 0 34px; }
.sidenav .yc-brand-mark { width:29px; height:31px; }
.side-link { font-weight:600; border-radius:9px; }
.side-link:hover,.side-foot button:hover { background:var(--soft); }
.side-link.is-active { background:#fff0e8; color:var(--orange-dark); box-shadow:none; }
.side-foot { border-color:var(--line); }
.mobilebar { background:#fdfcfbf2; }
.mobilebar .yc-wordmark { font-size:21px; }
.mobilebar .yc-brand-mark { width:28px; height:30px; }
.topbar-plain { padding-top:28px; }
.auth-shell { align-items:center; gap:56px; }
.login.card { background:transparent; border:0; box-shadow:none; padding:20px 0; }
.login .yc-wordmark { display:none; }
.login h1 { font-size:clamp(38px,5vw,64px); }
.auth-art { border:0; border-radius:16px; box-shadow:none; background-color:var(--soft); }
.studio-hero-art { box-shadow:none; border-radius:16px; }
.studio-hero h1 em { color:var(--orange); font-style:normal; }
.studio-stats { background:var(--card); border-radius:14px; box-shadow:none; }
.studio-stats strong,.drop strong,.processing-head strong,.selection-intro h2,.highlight-title,.complete-hero h2,.advanced-editor>summary strong,.supporting-visual-editor>summary strong,.storage-panel>div:last-child strong { font-family:Inter,system-ui,sans-serif; letter-spacing:-.035em; }
.hero-proof i,.live-dot { background:var(--orange); box-shadow:0 0 0 5px #e6490012; }
.folder-library,.library-tools,.upload-customisation,.asset-drop,.upload-source-tab:hover { background:var(--card); border-color:var(--line); }
.library-tools { box-shadow:none; backdrop-filter:none; }
.edit-target-banner,.placement-banner,.advanced-editor>summary,.generation-dialog .confirm-dialog-card { background:var(--card); border-color:var(--line); }
.edit-target-banner { border-left:3px solid var(--orange); }
.generation-dialog-icon,.generation-allowance,.timeline-selection { background:#fff0e8; color:var(--orange-dark); }
.preview-state { background:#fff0e8; color:var(--orange-dark)!important; }
.caption-choice:has(input:checked),.visual-option:has(input:checked),.check-choice:has(input:checked),.picker-card:has(>input:checked),.thumb-pick:has(>input:checked) .thumb-media,.ai-shot-task.is-picked { border-color:var(--orange); box-shadow:0 0 0 2px #e6490020; }
.advanced-editor { border-color:var(--line); }
/* Account app: generous spacing, small navigation and a clear content hierarchy. */
.yc-app { min-height:100vh; display:flex; flex-direction:column; }
.yc-app-header { border-bottom:1px solid var(--line); background:var(--paper); }
.yc-header-inner { max-width:1280px; margin:auto; min-height:94px; padding:18px 40px; display:flex; align-items:center; justify-content:space-between; gap:30px; flex-wrap:wrap; }
.yc-app-nav { display:flex; align-items:center; gap:28px; }
.yc-app-nav a { font-size:13px; font-weight:600; text-decoration:none; color:var(--muted); padding:8px 0; }
.yc-app-nav a:hover,.yc-app-nav a[aria-current] { color:var(--orange-dark); }
.yc-app-nav a[aria-current] { box-shadow:0 2px var(--orange); }
.yc-account-actions { display:flex; align-items:center; gap:14px; }
.yc-account-actions form { margin:0; }
.yc-credit-pill { font-size:12px; color:var(--orange-dark); background:#fff0e8; padding:7px 12px; border:1px solid #ffd8c6; border-radius:99px; text-decoration:none; white-space:nowrap; }
.yc-signout { font-size:12px; padding:8px; min-height:40px; gap:12px; }
.yc-header-back { font-size:12px; font-weight:600; color:var(--muted); text-decoration:none; }
.yc-header-back span { margin-left:12px; }
.yc-app-layout { width:100%; flex:1; }
.yc-app-main { width:100%; max-width:1200px; margin:auto; padding:56px 40px 80px; min-width:0; }
/* El sidebar es el del Studio: mismo parcial _sidenav.html y mismo CSS (.sidenav de app.css). */
@media (min-width:881px) {
  .yc-app-layout.has-user { display:grid; grid-template-columns:224px minmax(0,1fr); align-items:start; }
  /* With the shared sidebar present there is no top header at all:
     the logo lives only in the sidebar, which starts at the very top,
     exactly like the Studio pages. (On phones the header returns,
     because there the sidebar is hidden.) */
  .yc-app:has(.yc-app-layout.has-user) .yc-app-header { display:none; }
}
.yc-app h1 { font-size:clamp(36px,5vw,60px); margin:0 0 15px; }
.yc-app h2 { font-size:24px; font-weight:750; letter-spacing:-.035em; }
.yc-app p { line-height:1.65; }
.yc-page-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:0 0 38px; }
.yc-page-heading p:last-child { margin:0; }
.yc-page-heading .button { flex:none; gap:24px; }
.yc-section-heading { display:flex; align-items:baseline; justify-content:space-between; margin:36px 0 18px; gap:16px; }
.yc-section-heading h2 { margin:0; }
.yc-section-heading>span { font-size:12px; }
.yc-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); border:1px solid var(--line); border-radius:14px; overflow:hidden; background:var(--card); margin-bottom:38px; }
.yc-stats>div { display:flex; flex-direction:column; align-items:flex-start; gap:9px; padding:26px 30px; border-right:1px solid var(--line); }
.yc-stats>div:last-child { border:0; }
.yc-stats span { font-size:12px; color:var(--muted); }
.yc-stats strong { font-size:38px; line-height:1.2; font-weight:750; letter-spacing:-.05em; overflow-wrap:anywhere; }
.yc-stats a { font-size:12px; text-decoration:none; }
.yc-stat-plan strong { text-transform:capitalize; }
.yc-table-wrap { max-width:100%; overflow-x:auto; border:1px solid var(--line); border-radius:12px; background:var(--card); }
.yc-table { width:100%; border-collapse:collapse; text-align:left; font-size:13px; }
.yc-table th { color:var(--muted); font-size:10px; letter-spacing:.08em; text-transform:uppercase; padding:16px 20px; background:var(--soft); font-weight:650; }
.yc-table td { padding:20px; border-top:1px solid var(--line); }
.yc-table tbody tr:hover { background:#faf9f7; }
.yc-table .yc-project-name { display:block; min-width:140px; max-width:400px; overflow-wrap:anywhere; text-decoration:none; font-weight:650; color:var(--ink); }
.yc-open-project { display:grid; place-items:center; width:36px; height:36px; border-radius:8px; background:var(--soft); text-decoration:none; font-size:20px; color:var(--ink); }
.yc-status { display:inline-flex; font-size:11px; padding:5px 10px; border-radius:6px; font-weight:650; white-space:nowrap; }
.status-done { color:#196348; background:#e7f5ed; }
.status-failed { color:#9d2727; background:#fff0ef; }
.status-processing,.status-queued,.status-uploading { color:var(--orange-dark); background:#fff0e8; }
.yc-empty { padding:64px 24px; border:1px dashed #d6d3cf; border-radius:16px; text-align:center; background:var(--card); }
.yc-empty-symbol { display:grid; place-items:center; margin:0 auto 26px; width:60px; height:60px; border-radius:16px; background:#fff0e8; color:var(--orange); font-size:32px; }
.yc-empty p:not(.eyebrow) { color:var(--muted); font-size:14px; margin-bottom:25px; }
.yc-empty .button { gap:28px; }
.yc-panel { padding:30px; border:1px solid var(--line); border-radius:16px; background:var(--card); margin-bottom:24px; min-width:0; }
.yc-panel h2 { margin:0 0 22px; }
.yc-panel>.yc-table-wrap { border:0; border-radius:8px; }
.yc-settings-grid,.yc-upload-layout { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:28px; }
.yc-details { margin:0; }
.yc-details>div { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:10px 24px; padding:16px 0; border-bottom:1px solid var(--line); }
.yc-details>div:last-child { border:0; }
.yc-details dt { color:var(--muted); font-size:13px; }
.yc-details dd { margin:0; font-size:14px; font-weight:600; overflow-wrap:anywhere; }
.yc-panel hr { margin:28px 0; border:0; border-top:1px solid var(--line); }
.yc-step { display:block; font-size:10px; font-weight:700; letter-spacing:.12em; color:var(--muted); margin-bottom:32px; }
.yc-file-drop { display:block; padding:24px; margin:26px 0; border:1px dashed #c7c4c0; background:var(--paper); border-radius:12px; font-size:13px; }
.yc-file-drop input { display:block; width:100%; margin-top:16px; font-size:12px; }
.yc-file-drop input::file-selector-button { background:var(--ink); color:#fff; border:0; border-radius:7px; padding:10px 14px; margin-right:12px; font:inherit; cursor:pointer; }
.yc-upload-notes { padding:30px; }
.yc-upload-notes ol { list-style:none; padding:0; margin:24px 0; counter-reset:steps; }
.yc-upload-notes li { position:relative; padding:0 0 28px 42px; counter-increment:steps; }
.yc-upload-notes li:before { content:'0' counter(steps); position:absolute; left:0; font-size:11px; font-weight:700; color:var(--orange); }
.yc-upload-notes strong,.yc-upload-notes span { display:block; font-size:13px; }
.yc-upload-notes span { color:var(--muted); margin-top:5px; }
.yc-small-note { font-size:12px; border-top:1px solid var(--line); padding-top:20px; color:var(--muted); }
#yc-upload-status { overflow-wrap:anywhere; font-size:13px; }
.yc-project-id { font-family:ui-monospace,monospace; font-size:11px; overflow-wrap:anywhere; }
.yc-project-progress { padding:56px 30px; text-align:center; }
.yc-project-progress .yc-alert { text-align:left; }
.yc-project-symbol { display:grid; place-items:center; margin:0 auto 26px; width:64px; height:64px; font-size:34px; color:var(--orange); background:#fff0e8; border-radius:18px; }
.yc-project-progress h2 { font-size:clamp(26px,4vw,38px); }
.yc-project-progress .button,.yc-project-progress button { margin-top:14px; }
.yc-alert { padding:14px 16px; border-radius:9px; font-size:13px; overflow-wrap:anywhere; }
.yc-app-footer { width:100%; max-width:1280px; margin:auto; padding:24px 40px; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:20px; color:var(--muted); font-size:11px; }
.yc-app-footer>div { display:flex; gap:24px; }
.yc-app-footer a { color:var(--muted); text-decoration:none; }
/* Access is an editorial two-column spread, with a shorter form on the right. */
.yc-access .yc-app-layout { display:grid; grid-template-columns:1fr 1fr; max-width:1200px; margin:auto; padding:64px 40px; gap:80px; align-items:center; }
.yc-access-story h2 { font-size:clamp(36px,4vw,55px); line-height:1.05; font-weight:800; letter-spacing:-.055em; margin:22px 0; }
.yc-access-story>p:not(.eyebrow) { max-width:360px; font-size:14px; color:var(--muted); }
.yc-access-story>small { font-size:11px; color:var(--muted); }
.yc-access-story .yc-story-art { max-width:370px; margin:32px 0 20px; }
.yc-story-frame { position:relative; min-height:200px; background:var(--ink); border-radius:14px; padding:24px; color:white; overflow:hidden; }
.yc-story-frame>span,.yc-story-frame>small { display:block; font:9px/1.5 ui-monospace,monospace; letter-spacing:.12em; color:#aaa; }
.yc-story-frame>strong { display:block; position:relative; z-index:1; margin:20px 0 28px; font-size:32px; line-height:1.05; font-weight:800; letter-spacing:-.05em; }
.yc-story-frame em { color:#ff8751; font-style:normal; }
.yc-waveform { position:absolute; right:24px; bottom:55px; display:flex; align-items:center; gap:4px; opacity:.6; }
.yc-waveform i { display:block; height:var(--wave); width:4px; background:var(--orange); border-radius:2px; }
.yc-access-main { padding:0; max-width:430px; }
.yc-access-card { padding:36px 32px; border:1px solid var(--line); border-radius:16px; background:var(--card); box-shadow:0 12px 40px #17171704; }
.yc-access-card h1 { font-size:clamp(32px,3.5vw,44px); }
.yc-access-card>.muted { font-size:13px; }
.yc-access-form { margin-top:30px; }
.yc-access-form label { display:block; font-weight:600; font-size:12px; margin:0 0 20px; }
.yc-access-form input { display:block; width:100%; max-width:100%; min-height:48px; margin-top:9px; padding:12px 14px; background:var(--paper); font-size:14px; }
.yc-access-form .button-wide { margin-top:26px; justify-content:space-between; min-height:48px; font-size:13px; }
.yc-auth-switch { margin:24px 0 0; padding-top:22px; border-top:1px solid var(--line); font-size:12px; color:var(--muted); }
.yc-auth-switch a { text-decoration:none; font-weight:650; }
.yc-legal-shell { max-width:1200px; margin:auto; padding:0 40px; }
.yc-legal-shell header { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:96px; border-bottom:1px solid var(--line); }
.yc-legal-shell main { max-width:800px; padding:80px 0 100px; min-height:65vh; }
.yc-legal-shell h1 { font-size:clamp(36px,6vw,64px); margin:20px 0 32px; }
.yc-legal-shell main>p:not(.eyebrow) { color:var(--muted); line-height:1.9; }
.yc-legal-shell footer { border-top:1px solid var(--line); padding:24px 0; font-size:12px; }
@media (max-width:1000px) {
  .yc-header-inner { gap:22px; }
  .yc-app-nav { order:3; width:100%; border-top:1px solid var(--line); padding-top:10px; gap:30px; }
  .yc-access .yc-app-layout { gap:40px; }
}
@media (max-width:700px) {
  .yc-header-inner { padding:20px; min-height:80px; gap:18px; }
  .yc-wordmark { font-size:21px; }
  .yc-brand-mark { width:29px; height:31px; }
  .yc-header-back { font-size:11px; }
  .yc-header-back span { margin-left:4px; }
  .yc-app-nav { justify-content:space-between; gap:12px; }
  .yc-app-nav a { font-size:12px; }
  .yc-account-actions { gap:5px; }
  .yc-signout { font-size:11px; }
  .yc-credit-pill { padding:6px 9px; font-size:11px; }
  .yc-app-main { padding:36px 20px 56px; }
  .yc-page-heading { align-items:flex-start; flex-direction:column; gap:20px; margin-bottom:28px; }
  .yc-page-heading .button { width:100%; justify-content:space-between; }
  .yc-stats { grid-template-columns:1fr; margin-bottom:28px; }
  .yc-stats>div { border-right:0; border-bottom:1px solid var(--line); padding:22px; }
  .yc-stats strong { font-size:32px; }
  .yc-table td,.yc-table th { padding:16px; }
  .yc-table td { font-size:12px; }
  .yc-settings-grid,.yc-upload-layout { grid-template-columns:1fr; gap:12px; }
  .yc-panel { padding:24px 20px; }
  .yc-upload-notes { padding:24px 6px; }
  .yc-empty { padding:42px 20px; }
  .yc-app-footer { padding:22px 20px; flex-wrap:wrap; }
  .yc-access .yc-app-layout { grid-template-columns:1fr; gap:30px; padding:36px 20px 48px; }
  .yc-access-story h2 { font-size:36px; margin:14px 0; }
  .yc-access-story h2 br { display:none; }
  .yc-access-story h2 br:after { content:' '; }
  .yc-access-story .yc-story-art,.yc-access-story>small { display:none; }
  .yc-access-story>p:not(.eyebrow) { margin-bottom:0; }
  .yc-access-main { padding:0; max-width:none; }
  .yc-access-card { padding:28px 22px; }
  .yc-access-form input { font-size:16px; }
  .yc-legal-shell { padding:0 20px; }
  .yc-legal-shell header { flex-wrap:wrap; padding:20px 0; }
  .yc-legal-shell main { padding:48px 0 64px; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; }
}
/* Neutral panels and orange selection cues across the advanced workspaces. */
.upload-plan-card,.primary-editor,.trash-toolbar,.trash-item,.trash-row,.cover-color-row,.final-media-pane,.composition-workbar,.composition-pending-dialog,.composition-start-guide { background:var(--card); border-color:var(--line); box-shadow:var(--shadow); color:var(--ink); }
.upload-plan-head small,.trash-storage-pill,.covers-section-heading h2>span { background:#fff0e8; color:var(--orange-dark); }
.upload-plan-summary { border-color:var(--line); }
.trash-storage-pill svg { color:var(--orange); }
.trash-seg { background:var(--soft); }
.trash-seg-option { color:var(--muted); }
.trash-seg-option.is-active { color:var(--orange-dark); }
.btn-restore { background:var(--soft); color:var(--ink); }
.btn-restore:hover { background:#fff0e8; color:var(--orange-dark); }
.covers-dropzone { background:var(--paper); border-color:#d0cdca; }
.covers-dropzone:hover,.covers-dropzone.is-dragging { background:#fff0e8; border-color:var(--orange); }
.covers-upload-icon { background:#fff0e8; color:var(--orange); }
.covers-inspiration { background:var(--soft); background-image:none; }
.covers-inspiration-label,.covers-inspiration-footer { color:var(--muted); }
.covers-example { box-shadow:0 18px 32px #17171718; border-color:var(--card); }
.covers-filters button.is-active { background:#fff0e8; border-color:#ffd8c6; color:var(--orange-dark); }
.covers-origin { background:#fffffff0; }
.rich-example-grid figure { border-color:var(--line); background:var(--card); }
.rich-example-grid figcaption,.composition-draft-status p { color:var(--ink); }
.composition-index a:hover,.composition-index a:focus-visible { background:var(--soft); }
.composition-index [data-item-draft-badge] { color:var(--orange-dark); }
.login h1 em { font-style:normal; }
/* Keep absolute accessibility labels inside a horizontally scrollable table. */
.yc-table-wrap { position:relative; }
.covers-heading h1 em { font-family:Inter,system-ui,sans-serif; font-weight:800; }
.studio-hero-copy,.studio-hero-art { min-width:0; }
@media (max-width:880px) {
  .studio-hero,.studio-hero.has-projects { grid-template-columns:minmax(0,1fr); }
}
.studio-hero-art { width:100%; max-width:100%; }

/* Cover Studio controls migrated from the source editor. */

/* Cover Studio controls share the existing destructive confirmation dialog. */
.covers-history-actions form { margin:0 0 0 auto; }
.cover-delete-button { background:transparent; color:#9c3030; border:1px solid #d9b6ac; border-radius:9px; padding:8px 12px; font:inherit; font-size:.8rem; cursor:pointer; }
.cover-delete-button:hover { background:#fff0eb; }
.cover-palettes { border:1px solid var(--line); border-radius:12px; padding:12px; min-width:0; }
.cover-palettes legend { padding:0 6px; font-weight:700; }
.cover-palette { display:inline-flex; align-items:center; gap:6px; font-size:.75rem; padding:8px; }
.cover-palette span { width:14px; height:14px; border-radius:50%; border:1px solid #0002; }
#standalone-cover-form { min-width:0; }
#standalone-cover-form .cover-color-row { display:flex; flex-wrap:wrap; gap:12px; }
#standalone-cover-form input[type=color] { width:100%; min-width:56px; height:40px; padding:3px; }
#standalone-cover-form .cover-designer-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media(max-width:700px) { #standalone-cover-form .cover-designer-grid { grid-template-columns:1fr; } .covers-history-actions { flex-wrap:wrap; gap:8px; } }

/* All studio destinations remain reachable on narrow screens. */
.yc-app-nav { flex-wrap:wrap; min-width:0; row-gap:4px; }
@media(max-width:700px) { .yc-app-nav { justify-content:flex-start; column-gap:20px; } }
.yc-studio-account { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:12px 16px; margin-bottom:24px; border:1px solid var(--line); border-radius:10px; background:var(--soft); font-size:12px; }
.yc-studio-account a { color:var(--orange-dark); font-weight:650; }

.yc-contact-grid {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;margin-top:32px;align-items:start}
.yc-contact-grid>* {min-width:0}
.yc-contact-grid a {overflow-wrap:anywhere}
.yc-legal section.legal-section {padding:26px 0;border-top:1px solid var(--line)}
.yc-legal .legal-section h2 {font-size:23px;margin-top:0}
.yc-legal .legal-index {display:flex;flex-wrap:wrap;gap:10px 20px;margin-block:30px;font-size:13px}
.yc-legal table {border-collapse:collapse;width:100%;font-size:13px}
.yc-legal td,.yc-legal th {border:1px solid var(--line);padding:12px;text-align:left;overflow-wrap:anywhere}
@media(max-width:700px) {.yc-contact-grid {grid-template-columns:minmax(0,1fr)}.yc-contact-grid .yc-panel {padding:22px}.yc-legal .legal-section h2 {font-size:21px}}

.yc-consent {display:flex!important;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6}
.yc-consent input[type=checkbox] {width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:3px 0 0}

/* Shared public header (landing/_header.html) for pages that do not load
   landing.css (legal, login, signup): same floating capsule as the landing. */
.marketing-header { display:flex; align-items:center; justify-content:space-between; gap:24px; position:sticky; z-index:30;
  width:calc(100% - 48px); max-width:1140px; margin:16px auto 0; padding:10px 24px; min-height:76px;
  top:max(16px, env(safe-area-inset-top)); border:1px solid #17171714; border-radius:999px; background:#fdfcfbea;
  -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); box-shadow:0 8px 30px -16px #17171740,0 1px 3px #17171708; }
.marketing-header .wordmark { display:inline-flex; align-items:center; gap:9px; font-size:23px; font-weight:850; letter-spacing:-1px; color:var(--ink); text-decoration:none; white-space:nowrap; }
.marketing-header .brand-mark { display:grid; place-items:center; width:38px; height:38px; border-radius:10px; background:linear-gradient(135deg,var(--orange),#f59e0b); color:#fff; }
.marketing-header .brand-mark svg { width:22px; height:22px; }
.marketing-header .brand-dot { color:var(--orange); }
.marketing-header .desktop-nav { display:flex; gap:32px; font-weight:550; font-size:13px; }
.marketing-header .desktop-nav a { position:relative; padding-block:10px; color:var(--ink); text-decoration:none; }
.marketing-header .desktop-nav a::after { content:""; position:absolute; inset:auto 0 3px; height:2px; border-radius:2px; background:var(--orange); transform:scaleX(0); transform-origin:left; transition:transform .18s ease; }
.marketing-header .desktop-nav a:hover::after, .marketing-header .desktop-nav a[aria-current=page]::after { transform:scaleX(1); }
.marketing-header .header-actions { display:flex; align-items:center; gap:24px; font-size:13px; font-weight:600; }
.marketing-header .language { font-size:11px; letter-spacing:.06em; color:var(--muted); text-decoration:none; min-width:44px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; }
.marketing-header .sign-in { color:var(--ink); text-decoration:none; }
.marketing-header .header-cta { border-radius:999px; min-height:44px; white-space:nowrap; display:inline-flex; align-items:center; gap:8px; padding:10px 18px; background:linear-gradient(135deg,var(--orange),#d97706); color:#fff; text-decoration:none; font-weight:700; transition:transform .18s ease,box-shadow .18s ease; }
@media (hover:hover) and (pointer:fine) { .marketing-header .header-cta:hover { transform:translateY(-1px) scale(1.02); box-shadow:0 10px 24px -10px #e6490066; } }
@media (max-width:800px) { .marketing-header { flex-wrap:wrap; padding-block:14px; border-radius:28px; } .marketing-header .desktop-nav { order:3; width:100%; justify-content:center; } }
@media (max-width:480px) { .marketing-header { padding:8px 16px; } .marketing-header .wordmark { font-size:17px; } .marketing-header .brand-mark { width:30px; height:30px; } .marketing-header .sign-in { display:none; } }