/* HSK Download workbench visual system.
   Purpose: keep the download flow calm and task-focused while preserving existing routes and behaviors. */
:root {
  --bg: #f7f7f8;
  --bg-alt: #f0f0f3;
  --surface: #ffffff;
  --surface-alt: #fafafd;
  --text: #20212a;
  --text-muted: #676a78;
  --text-dim: #9699a8;
  --pri: #6246d8;
  --pri-hover: #4e35bc;
  --pri-light: #f0edff;
  --pri-gradient: #6246d8;
  --purple: #6246d8;
  --purple-light: #f0edff;
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --clay-inset-sm: none;
  --clay-inset: none;
  --clay-sm: 0 1px 2px rgba(23,24,32,.05);
  --clay: 0 1px 3px rgba(23,24,32,.07);
  --clay-lg: 0 8px 24px rgba(23,24,32,.08);
  --clay-floating: 0 12px 30px rgba(23,24,32,.10);
  --clay-pri: 0 1px 2px rgba(54,37,140,.22);
  --clay-pri-pressed: inset 0 1px 2px rgba(38,24,108,.28);
  --t-fast: .16s ease;
  --t: .2s ease;
}

body { background: var(--bg); color: var(--text); }
body::before, body::after { display: none; }
h1, h2, h3, h4 { letter-spacing: -.025em; }
a { font-weight: 650; }

.navbar {
  height: 64px;
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid #e7e7ec;
  box-shadow: none;
  backdrop-filter: none;
}
.nav-inner { max-width: 1180px; }
.nav-brand { font-size: 20px; color: #20212a; }
.nav-brand span { padding: 3px 8px; color: var(--pri); background: var(--pri-light); box-shadow: none; }
.nav-links { gap: 2px; }
.nav-links a { padding: 8px 12px; border-radius: 8px; color: #4e5060; font-size: 14px; }
.nav-links a:hover, .nav-links a.active { background: #f0edff; color: var(--pri); box-shadow: none; }
.nav-links .btn, .nav-links .btn-primary { margin-left: 6px; background: var(--pri); box-shadow: none; text-shadow: none; }

.btn, .btn-lg, .btn-sm, .pricing-card-btn, .login-submit-btn, .reg-submit-btn, .dash-btn {
  border-radius: 9px;
  box-shadow: none;
}
.btn-primary, .login-submit-btn, .reg-submit-btn { background: var(--pri); color: #fff; }
.btn-primary:hover, .login-submit-btn:hover, .reg-submit-btn:hover { background: var(--pri-hover); box-shadow: none; transform: translateY(-1px); }
.btn-outline { border: 1px solid #dddeE7; box-shadow: none; }
.btn:active, .btn-primary:active { transform: translateY(1px); }

/* Homepage: a single conversion path, followed by a small support reference. */
body[data-page="index"] .hero { padding: 92px 0 72px; background: #fff; border-bottom: 1px solid #e9e9ee; }
body[data-page="index"] .hero-inner { display: block; max-width: 760px; padding: 0 24px; }
body[data-page="index"] .hero-left { gap: 18px; text-align: left; }
body[data-page="index"] .hero-right, body[data-page="index"] .hero-badge,
body[data-page="index"] .hero-actions, body[data-page="index"] .hero-actions-secondary,
body[data-page="index"] .hero-trust { display: none; }
body[data-page="index"] .hero-title { max-width: 600px; font-size: clamp(38px,5.6vw,56px); line-height: 1.12; }
body[data-page="index"] .hero-title br { display: none; }
body[data-page="index"] .hero-title em { color: inherit; background: none; -webkit-text-fill-color: currentColor; }
body[data-page="index"] .hero-subtitle { max-width: 520px; margin: 0; font-size: 17px; color: var(--text-muted); }
body[data-page="index"] .hero-url { border: 1px solid #cdced8; border-radius: 12px; padding: 5px 5px 5px 16px; box-shadow: none; }
body[data-page="index"] .hero-url:focus-within { border-color: var(--pri); box-shadow: 0 0 0 3px rgba(98,70,216,.14); }
body[data-page="index"] .hero-url .btn { min-height: 46px; padding: 12px 22px; border-radius: 8px; background: var(--pri); box-shadow: none; }
body[data-page="index"] .hero-example, body[data-page="index"] .hero-clear { box-shadow: none; }
body[data-page="index"] .hero-samples { margin-top: -6px; color: var(--text-dim); }
body[data-page="index"] .hero-samples a { padding: 0; background: none; box-shadow: none; text-decoration: underline; text-underline-offset: 3px; }
body[data-page="index"] .platforms-section { max-width: 760px; margin: 0 auto; padding: 44px 24px; }
body[data-page="index"] .platforms-section .section-title { text-align: left; font-size: 18px; color: var(--text); background: none; -webkit-text-fill-color: currentColor; margin-bottom: 4px; }
body[data-page="index"] .platforms-section .section-desc { text-align: left; font-size: 14px; margin: 0 0 18px; }
body[data-page="index"] .platforms-section .bento { display: flex; flex-wrap: wrap; gap: 8px; max-width: none; padding: 0; }
body[data-page="index"] .platform-card, body[data-page="index"] .platform-card.span-2, body[data-page="index"] .platform-card.span-row { width: auto; min-height: 0; padding: 8px 11px; border: 1px solid #e0e0e7; border-radius: 8px; background: #fff; box-shadow: none; grid-column: auto; grid-row: auto; flex-direction: row; }
body[data-page="index"] .platform-card:hover { transform: none; box-shadow: none; border-color: #c7c3e8; }
body[data-page="index"] .platform-logo { width: 20px; height: 20px; border-radius: 5px; box-shadow: none; }
body[data-page="index"] .platform-name { font-size: 13px; }
body[data-page="index"] .platform-desc { display: none; }
body[data-page="index"] .how-it-works { max-width: 760px; margin: 0 auto; padding: 20px 24px 58px; }
body[data-page="index"] .how-it-works .section-title { text-align: left; font-size: 18px; color: var(--text); background: none; -webkit-text-fill-color: currentColor; }
body[data-page="index"] .how-it-works .steps { max-width: none; padding: 0; grid-template-columns: repeat(3, 1fr); gap: 20px; }
body[data-page="index"] .how-it-works .steps::before { display: none; }
body[data-page="index"] .how-it-works .step { display: block; padding: 0; text-align: left; }
body[data-page="index"] .how-it-works .step-num { width: 28px; height: 28px; margin-bottom: 10px; border-radius: 8px; background: var(--pri-light); color: var(--pri); box-shadow: none; font-size: 13px; }
body[data-page="index"] .how-it-works .step h3 { font-size: 15px; text-align: left; }
body[data-page="index"] .how-it-works .step p { text-align: left; font-size: 13px; }
body[data-page="index"] .demo-section, body[data-page="index"] .features, body[data-page="index"] .testimonials,
body[data-page="index"] .compare-section, body[data-page="index"] .pricing-horizontal,
body[data-page="index"] .faq, body[data-page="index"] .cta { display: none; }

/* Download workspace. */
.download-section { background: var(--bg); }
.dl-container { max-width: 940px; }
.dl-container h1 { font-size: 30px; }
.dl-container > .subtitle { color: var(--text-muted); }
.user-status-banner, .result-area, .download-progress-panel, .browser-download-guide {
  border: 1px solid #e2e2e9; border-radius: 16px; background: #fff; box-shadow: none;
}
.user-status-banner { background: #fff; }
.video-info { border: 1px solid #e5e5eb; border-radius: 12px; box-shadow: none; }
.quality-btn, .format-btn, .subtitle-btn, .delivery-mode-btn { border-radius: 8px; box-shadow: none; }
.quality-btn.selected, .format-btn.selected, .subtitle-btn.selected, .delivery-mode-btn.selected { background: var(--pri-light); border-color: var(--pri); color: var(--pri); }
.download-intent-card, .asset-download-section { box-shadow: none; border-color: #e1e1e8; background: #fff; }
.download-intent-card--video, .download-intent-card--audio { background: #fff; }
.download-intent-kicker { background: var(--pri-light); color: var(--pri); }
.download-intent-cta, .btn-download, .btn-audio { background: var(--pri); box-shadow: none; }
.download-intent-cta:hover, .btn-download:hover, .btn-audio:hover { background: var(--pri-hover); }

/* Pricing: one recommended plan, quieter alternatives. */
.pricing-page { max-width: 1080px; padding-top: 64px; }
.pricing-page h1 { font-size: 34px; text-align: left; }
.pricing-page .subtitle { max-width: 560px; margin: 0 0 26px; text-align: left; }
.pricing-free-cta { text-align: left; margin-bottom: 20px; }
.pricing-free-cta a { background: #f5f5f7; color: var(--text-muted); box-shadow: none; border: 1px solid #e3e3ea; border-radius: 9px; }
.pricing-tabs { justify-content: flex-start; border-bottom: 1px solid #e1e1e7; gap: 20px; margin-bottom: 28px; }
.pricing-tab { padding: 10px 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--text-muted); }
.pricing-tab.active { background: transparent; color: var(--pri); box-shadow: inset 0 -2px 0 var(--pri); }
.pricing-grid-full { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; align-items: stretch; }
.pricing-card { border: 1px solid #e0e0e7; border-radius: 14px; box-shadow: none; text-align: left; align-items: stretch; padding: 22px; }
.pricing-card.featured { transform: none; background: #f6f4ff; border: 2px solid var(--pri); }
.pricing-card:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(23,24,32,.06); }
.pricing-badge { position: static; transform: none; align-self: flex-start; border-radius: 7px; box-shadow: none; margin-bottom: 2px; }
.pricing-card-price { color: var(--text); background: none; -webkit-text-fill-color: currentColor; }
.pricing-card-btn, .pricing-card-btn:not(.outline) { background: var(--pri); border-radius: 8px; box-shadow: none; }
.pricing-card-btn.outline { border: 1px solid #d4d2df; box-shadow: none; }

/* Account and help surfaces use grouped lists rather than floating cards. */
.dash-panel, .account-sidebar, .help-faq-item, .help-cat-card, .auth-card {
  border: 1px solid #e1e1e8; border-radius: 14px; background: #fff; box-shadow: none;
}
.dash-panel:hover, .help-cat-card:hover { transform: none; box-shadow: none; }
.dash-stats { gap: 10px; }
.dash-stat-card { border: 1px solid #e1e1e8; border-radius: 12px; box-shadow: none; background: #fff; }
.account-sidebar { border-radius: 14px; }
.account-sidebar button:hover, .account-sidebar button.is-active, .account-sidebar a:hover { border-radius: 8px; background: var(--pri-light); color: var(--pri); }
.dash-active-downloads { background: #fff; box-shadow: none; }
.dash-active-task { box-shadow: none; border-color: #e4e3ea; }
.dash-active-task__track { background: #eae9ef; }
.dash-active-task__track i { background: var(--pri); }
.help-page { max-width: 860px; padding-top: 64px; }
.help-page h1, .help-page .subtitle { text-align: left; }
.help-search { max-width: none; margin: 0 0 28px; }
.help-search input { border: 1px solid #d8d8e1; border-radius: 10px; box-shadow: none; }
.help-categories { grid-template-columns: repeat(4,1fr); gap: 10px; }
.help-cat-card { text-align: left; padding: 16px; }
.help-cat-icon { font-size: 20px; }
.help-faq-item { border-radius: 10px; }
.help-faq-q:hover { background: #f7f6fb; }

.footer{padding:48px 0 22px!important;background:#fff!important;border-top:1px solid #e4e4ea!important;color:#6d6d7a!important}.footer-inner{width:min(100% - 48px,1080px)!important;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(250px,1.55fr) repeat(3,minmax(110px,1fr))!important;gap:32px!important}.footer h3,.footer h4,.footer h5,.footer strong{color:#2d2d37!important}.footer-brand h3{margin:0 0 12px!important;font-size:19px!important}.footer-brand p{margin:0!important;color:#70707d!important;font-size:14px!important;line-height:1.7!important}.footer-col{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.footer-col h4{margin:0 0 4px!important;font-size:14px!important}.footer a{color:#6d6d7a!important;font-size:14px!important;text-decoration:none!important}.footer a:hover{color:#6246d8!important}.footer-badges{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:16px!important}.footer-badge{padding:6px 9px!important;border:1px solid #e0e0e7!important;border-radius:6px!important;background:#f7f7fa!important;color:#686875!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important}.footer-bottom{width:min(100% - 48px,1080px)!important;margin:32px auto 0!important;padding-top:18px!important;border-top:1px solid #e8e8ed!important;color:#94949f!important;font-size:12px!important;text-align:left!important}

@media(max-width:760px){.footer{padding:34px 0 20px!important}.footer-inner{width:min(100% - 32px,1080px)!important;grid-template-columns:1fr 1fr!important;gap:28px 18px!important}.footer-brand{grid-column:1 / -1}.footer-bottom{width:min(100% - 32px,1080px)!important;margin-top:26px!important;line-height:1.6!important}.footer-col{gap:9px!important}}

@media(prefers-color-scheme:dark){.footer{background:#202026!important;border-color:#35343e!important;color:#c1bfca!important}.footer h3,.footer h4,.footer h5,.footer strong{color:#f2f1f6!important}.footer-brand p,.footer a{color:#c1bfca!important}.footer a:hover{color:#a996ff!important}.footer-badge{background:#2b2b33!important;border-color:#41404a!important;color:#d2d0db!important}.footer-bottom{border-color:#35343e!important;color:#a7a4b0!important}}

@media (max-width: 760px) {
  .navbar { height: 60px; }
  body[data-page="index"] .hero { padding: 52px 0 42px; }
  body[data-page="index"] .hero-inner, body[data-page="index"] .platforms-section, body[data-page="index"] .how-it-works { padding-left: 16px; padding-right: 16px; }
  body[data-page="index"] .hero-title { font-size: 36px; }
  body[data-page="index"] .hero-subtitle { font-size: 15px; }
  body[data-page="index"] .hero-url { flex-wrap: wrap; gap: 6px; padding: 8px; }
  body[data-page="index"] .hero-url input { width: calc(100% - 50px); flex: 1 1 180px; padding-left: 8px; }
  body[data-page="index"] .hero-url .btn { width: 100%; flex: 1 0 100%; }
  body[data-page="index"] .hero-clear { order: 0; }
  body[data-page="index"] .hero-samples { display: none; }
  body[data-page="index"] .how-it-works .steps { grid-template-columns: 1fr; gap: 18px; }
  body[data-page="index"] .how-it-works .step { display: grid; grid-template-columns: 30px 1fr; column-gap: 10px; }
  body[data-page="index"] .how-it-works .step-num { grid-row: span 2; margin: 0; }
  body[data-page="index"] .how-it-works .step p { grid-column: 2; }
  .pricing-page, .help-page { padding: 36px 16px 48px; }
  .pricing-page h1 { font-size: 28px; }
  .pricing-grid-full { grid-template-columns: 1fr; }
  .pricing-card.featured { order: -1; }
  .help-categories { grid-template-columns: repeat(2,1fr); }
}

@media (prefers-color-scheme: dark) {
  :root { --bg:#17171b; --bg-alt:#222127; --surface:#202026; --surface-alt:#25242c; --text:#f2f1f6; --text-muted:#c1bfca; --text-dim:#9693a2; --pri-light:#302b54; }
  .navbar, .footer, body[data-page="index"] .hero, .download-intent-card, .asset-download-section,
  .dash-panel, .account-sidebar, .help-faq-item, .help-cat-card, .auth-card, .pricing-card, .user-status-banner,
  .result-area, .download-progress-panel, .browser-download-guide { background: var(--surface); border-color: #35343e; }
  .navbar { border-color: #35343e; }
  body[data-page="index"] .platform-card, body[data-page="index"] .how-it-works, .dash-stat-card, .dash-active-downloads, .dash-active-task { background: var(--surface); border-color:#35343e; }
  .help-search input, body[data-page="index"] .hero-url { background: var(--surface); border-color:#4a4853; color:var(--text); }
}

/* Structural home workspace. Legacy marketing blocks remain in the document for
   existing SEO anchors, but the primary visual flow is now this focused tool UI. */
body[data-page="index"] .hero,
body[data-page="index"] .platforms-section,
body[data-page="index"] .how-it-works,
body[data-page="index"] .demo-section,
body[data-page="index"] .features,
body[data-page="index"] .testimonials,
body[data-page="index"] .compare-section,
body[data-page="index"] .pricing-horizontal,
body[data-page="index"] .faq,
body[data-page="index"] .cta { display:none !important; }

.home-workspace{width:min(100% - 48px,1080px);margin:0 auto;padding:68px 0 88px;color:#252530}.home-workspace__intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:0 0 40px;border-bottom:1px solid #e5e5ea}.home-workspace__eyebrow{margin:0 0 12px;color:#6246d8;font-size:13px;font-weight:750;letter-spacing:.02em}.home-workspace h1{margin:0;color:#24242d;font-size:42px;line-height:1.1;letter-spacing:-.045em}.home-workspace__intro p:not(.home-workspace__eyebrow){max-width:560px;margin:14px 0 0;color:#686875;font-size:16px;line-height:1.7}.home-workspace__task-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid #d9d9e0;border-radius:8px;background:#fff;color:#383843;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.home-workspace__task-link:hover{border-color:#6246d8;color:#6246d8}.home-workspace__task-link:active,.home-parser__submit:active{transform:translateY(1px)}
.home-parser{margin-top:30px;padding:28px;border:1px solid #dedee5;border-radius:14px;background:#fff}.home-parser label{display:block;margin-bottom:11px;color:#353540;font-size:14px;font-weight:750}.home-parser__control{display:grid;grid-template-columns:minmax(0,1fr) auto auto;overflow:hidden;border:1px solid #cfcfd8;border-radius:10px;background:#fff}.home-parser__control:focus-within{border-color:#6246d8;box-shadow:0 0 0 3px rgba(98,70,216,.12)}.home-parser__control input{min-width:0;height:54px;padding:0 16px;border:0!important;outline:0!important;background:transparent;color:#252530;font:inherit}.home-parser__control input::placeholder{color:#9898a4}.home-parser__clear{min-width:64px;border:0;border-left:1px solid #e6e6ec;background:#fff;color:#737381;font:inherit;font-size:13px;cursor:pointer}.home-parser__clear:hover{color:#6246d8}.home-parser__submit{min-width:116px;border:0;background:#6246d8;color:#fff;font:inherit;font-size:15px;font-weight:750;cursor:pointer}.home-parser__submit:hover{background:#5338c7}.home-parser__hint{margin:12px 0 0;color:#777784;font-size:13px;line-height:1.6}
.home-workspace__support{display:grid;grid-template-columns:220px minmax(0,1fr);gap:42px;padding:42px 0;border-bottom:1px solid #e5e5ea}.home-workspace h2{margin:0;color:#2b2b35;font-size:20px;letter-spacing:-.02em}.home-workspace__support p{margin:10px 0 0;color:#777784;font-size:14px;line-height:1.55}.home-workspace__platforms{display:flex;align-content:flex-start;flex-wrap:wrap;gap:8px}.home-workspace__platforms span{padding:8px 10px;border:1px solid #e2e2e8;border-radius:7px;color:#4c4c58;font-size:13px;font-weight:650}.home-workspace__guide{padding:42px 0 0}.home-workspace__guide ol{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:20px 0 0;padding:0;list-style:none;counter-reset:workflow}.home-workspace__guide li{position:relative;padding:0 0 0 38px;counter-increment:workflow}.home-workspace__guide li::before{content:counter(workflow);position:absolute;left:0;top:-2px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f0eeff;color:#6246d8;font-size:12px;font-weight:800}.home-workspace__guide strong{display:block;color:#3b3b46;font-size:14px}.home-workspace__guide span{display:block;margin-top:7px;color:#777784;font-size:13px;line-height:1.55}

/* Primary download surface: real task area instead of a floating marketing card. */
.download-section{padding:56px 0 84px!important;background:#fafafa!important}.dl-container{width:min(100% - 48px,1080px)!important;margin:0 auto!important;padding:0!important}.download-section h1{max-width:680px;margin:0!important;color:#252530!important;font-size:36px!important;line-height:1.16!important;letter-spacing:-.04em!important;text-align:left!important}.download-section .subtitle{max-width:620px;margin:12px 0 32px!important;color:#737381!important;text-align:left!important}.login-prompt,.user-status-banner,.quota-info{border-color:#e0e0e7!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}.url-input-group{box-shadow:none!important;border-radius:10px!important}.result-area{margin-top:28px!important}.video-info{border-radius:14px!important;box-shadow:none!important}.download-intent-grid{gap:16px!important}.download-intent-card,.asset-download-section{border-radius:12px!important}.download-intent-heading h4,.asset-download-heading h4{font-size:20px!important}.download-intent-kicker{color:#6246d8!important}.download-intent-cta{border-radius:8px!important}.quality-option,.format-btn,.delivery-mode-btn,.asset-download-btn{border-radius:8px!important}

@media(max-width:760px){.home-workspace{width:min(100% - 32px,1080px);padding:36px 0 56px}.home-workspace__intro{align-items:flex-start;flex-direction:column;padding-bottom:28px;gap:18px}.home-workspace h1{font-size:32px}.home-workspace__task-link{width:100%}.home-parser{margin-top:22px;padding:18px}.home-parser__control{grid-template-columns:minmax(0,1fr) auto}.home-parser__control input{grid-column:1 / -1;border-bottom:1px solid #e6e6ec!important}.home-parser__clear{height:48px;border-left:0}.home-parser__submit{height:48px}.home-workspace__support{grid-template-columns:1fr;gap:20px;padding:32px 0}.home-workspace__guide{padding-top:32px}.home-workspace__guide ol{grid-template-columns:1fr;gap:18px}.download-section{padding:34px 0 56px!important}.dl-container{width:min(100% - 32px,1080px)!important}.download-section h1{font-size:30px!important}.download-section .subtitle{margin-bottom:24px!important}.download-intent-grid{grid-template-columns:1fr!important}.video-info{padding:16px!important}}

/* Task centre hierarchy: work first, account details second. */
.dash-container{max-width:1080px!important;margin:0 auto!important;padding:54px 24px 80px!important}.dash-workbench-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 30px;padding-bottom:24px;border-bottom:1px solid #e4e4e9}.dash-workbench-title p{margin:0 0 9px;color:#6246d8;font-size:13px;font-weight:750}.dash-workbench-title h1{margin:0;color:#252530;font-size:30px;letter-spacing:-.04em}.dash-workbench-title a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:8px;background:#6246d8;color:#fff;font-size:14px;font-weight:750;text-decoration:none;white-space:nowrap}.dash-workbench-title a:hover{background:#5338c7}.dash-header{padding:0 0 24px!important;border-bottom:1px solid #e8e8ed!important}.dash-stats{margin:24px 0!important}.dash-grid{gap:16px!important}.dash-grid>.dash-panel{border:1px solid #e0e0e7!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}.dash-grid>.dash-panel h3{color:#30303a!important}.dash-download-form{border:1px solid #d8d8df!important;border-radius:9px!important;background:#fff!important}.dash-download-form:focus-within{border-color:#6246d8!important;box-shadow:0 0 0 3px rgba(98,70,216,.11)!important}.dash-download-form input{background:transparent!important}.dash-download-form button{border-radius:0 8px 8px 0!important;background:#6246d8!important}.dash-history-item{border-color:#ececf0!important}.dash-points-badge{background:#f2f0ff!important;color:#5a3ed2!important}.dash-btn-primary,.dash-vip-upgrade-btn{background:#6246d8!important}.dash-btn-primary:hover,.dash-vip-upgrade-btn:hover{background:#5338c7!important}

@media(max-width:760px){.dash-container{padding:34px 16px 56px!important}.dash-workbench-title{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:24px}.dash-workbench-title h1{font-size:27px}.dash-workbench-title a{width:100%}.dash-header{gap:16px!important;align-items:flex-start!important;flex-direction:column!important}.dash-header-right{width:100%;justify-content:flex-start!important}}

/* The codec decision is high-risk only at 1080P and above, so it receives
   explicit hierarchy instead of behaving like a small helper note. */
.codec-compatibility-guide{margin-top:14px;padding:12px 14px;border:1px solid #dedee7;border-radius:9px;background:#fafafa;color:#5f5f6b;font-size:14px;line-height:1.6}.codec-compatibility-guide p{margin:7px 0 0}.codec-compatibility-guide strong{color:#343440}.codec-compatibility-guide__title{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#32323d;font-size:14px;font-weight:800}.codec-compatibility-guide__title span{padding:3px 7px;border-radius:5px;background:#f0eeff;color:#6246d8;font-size:12px;white-space:nowrap}.codec-compatibility-guide--priority{margin-top:18px;padding:18px;border-width:2px;border-color:#cfc7ff;background:#f8f7ff;font-size:15px;line-height:1.7}.codec-compatibility-guide--priority .codec-compatibility-guide__title{font-size:17px}.codec-compatibility-guide--priority .codec-compatibility-guide__players{padding:10px 12px;border-radius:7px;background:#fff;color:#494957}.codec-compatibility-guide--good{border-color:#c8dfd0;background:#f6fbf7}.codec-compatibility-guide--warn{border-color:#d7ceff;background:#f8f7ff}.codec-compatibility-guide__action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-top:13px;padding:0 13px;border:1px solid #6246d8;border-radius:7px;background:#6246d8;color:#fff;font:inherit;font-size:14px;font-weight:750;cursor:pointer}.codec-compatibility-guide__action:hover{background:#5338c7}.codec-compatibility-guide__action:active{transform:translateY(1px)}
@media(max-width:760px){.codec-compatibility-guide--priority{padding:15px;font-size:14px}.codec-compatibility-guide--priority .codec-compatibility-guide__title{align-items:flex-start;flex-direction:column;font-size:16px;gap:6px}.codec-compatibility-guide__action{width:100%}}

/* Keep the player caveat unmistakable for high-quality original files. */
.codec-compatibility-guide__warning,.home-player-warning{display:block;margin-top:9px;padding:8px 10px;border:1px solid #f0c36c;border-radius:6px;background:#fff7e6;color:#9a5900;font-weight:700;line-height:1.55}.codec-compatibility-guide__warning strong,.home-player-warning{color:#9a5900}.home-player-warning{font-size:12px}

/* Keep choice labels above their controls and make the entitlement visible. */
.download-intent-card .quality-select-label,.download-intent-card .format-select-label{display:block!important;position:relative!important;z-index:1!important;clear:both!important;margin:20px 0 11px!important;color:#2f2f39!important;font-size:14px!important;font-weight:800!important;line-height:1.35!important}.download-intent-card .quality-options{position:relative!important;z-index:0!important;clear:both!important;margin:0!important}.download-intent-card .quality-btn{min-height:76px!important;justify-content:center!important}.download-credit-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;margin-top:13px;padding:9px 11px;border:1px solid #ded9ff;border-radius:8px;background:#f7f6ff;color:#5f5f6d;font-size:13px;line-height:1.4}.download-credit-hint strong{color:#4f35bd;font-size:14px}.download-credit-hint span{color:#6f6f7d;text-align:right}.audio-format-note{margin-top:12px!important}
@media(max-width:760px){.download-intent-card .quality-select-label,.download-intent-card .format-select-label{margin-top:18px!important}.download-credit-hint{align-items:flex-start;flex-direction:column;gap:3px}.download-credit-hint span{text-align:left}.download-intent-card .quality-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* Homepage: keep the focused tool visually balanced after the marketing footer
   was removed. Supporting information is now compact operational context. */
body[data-page="index"]{background:#f7f7f8!important}body[data-page="index"] .navbar{background:#fff!important}.home-workspace{min-height:calc(100svh - 94px);display:flex;flex-direction:column;justify-content:space-between;padding:56px 0 64px!important}.home-workspace__intro{padding-bottom:25px!important}.home-workspace__intro p:not(.home-workspace__eyebrow){margin-top:10px!important}.home-parser{margin-top:22px!important}.home-workspace__support,.home-workspace__guide{box-sizing:border-box;border:1px solid #e1e1e8!important;border-radius:12px;background:#fff}.home-workspace__support{grid-template-columns:190px minmax(0,1fr)!important;gap:30px!important;margin-top:16px;padding:20px 22px!important}.home-workspace__support p{margin-top:7px!important}.home-workspace__platforms{gap:7px!important}.home-workspace__platforms span{padding:7px 9px!important}.home-workspace__guide{margin-top:16px;padding:20px 22px!important}.home-workspace__guide ol{margin-top:16px!important;gap:18px!important}.home-workspace__guide li{padding-left:34px!important}.home-workspace__guide li::before{top:0!important;width:24px!important;height:24px!important}.home-workspace__guide span{margin-top:5px!important}
@media(max-width:760px){.home-workspace{min-height:0;justify-content:flex-start;padding:30px 0 44px!important}.home-workspace__support{grid-template-columns:1fr!important;gap:14px!important;padding:18px!important}.home-workspace__guide{padding:18px!important}.home-workspace__guide ol{gap:14px!important}}

/* HSK media utility home. The first screen is a direct tool, not a collection
   of marketing cards: context on the left, one decisive action on the right. */
body[data-page="index"]{background:#f4f5f7!important}.studio-home{width:min(100% - 48px,1180px);margin:0 auto;padding:72px 0 42px;color:#182033}.studio-hero{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(520px,1.18fr);gap:clamp(48px,8vw,112px);align-items:center;padding-bottom:58px;border-bottom:1px solid #dfe2e8}.studio-hero__kicker{margin:0 0 14px;color:#6147d8;font-size:13px;font-weight:800;letter-spacing:.02em}.studio-hero h1{margin:0;color:#182033;font-size:clamp(40px,4.25vw,62px);font-weight:800;line-height:1.04;letter-spacing:-.065em}.studio-hero__summary{max-width:390px;margin:20px 0 0;color:#687084;font-size:17px;line-height:1.7}.studio-hero__capabilities{display:grid;gap:0;margin:38px 0 0;padding:0;border-top:1px solid #dfe2e8}.studio-hero__capabilities div{display:grid;grid-template-columns:112px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid #dfe2e8}.studio-hero__capabilities dt{color:#273148;font-size:13px;font-weight:800}.studio-hero__capabilities dd{margin:0;color:#767e90;font-size:13px;line-height:1.45}.studio-tool{padding:30px;border:1px solid #d6d9e2;border-radius:16px;background:#fff;box-shadow:0 16px 40px rgba(28,35,59,.07)}.studio-tool__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:30px}.studio-tool__head h2{margin:0;color:#202a3f;font-size:21px;letter-spacing:-.035em}.studio-tool__head p{margin:7px 0 0;color:#767e90;font-size:14px}.studio-tool__head span{padding:6px 9px;border-radius:6px;background:#f0edff;color:#5e45d2;font-size:12px;font-weight:800;white-space:nowrap}.studio-tool>label{display:block;margin-bottom:9px;color:#354057;font-size:13px;font-weight:800}.studio-tool__control{display:grid;grid-template-columns:minmax(0,1fr) auto auto;overflow:hidden;border:1px solid #bfc5d1;border-radius:9px;background:#fff}.studio-tool__control:focus-within{border-color:#5e45d2;box-shadow:0 0 0 3px rgba(94,69,210,.12)}.studio-tool__control input{min-width:0;height:58px;padding:0 16px;border:0!important;outline:0!important;background:transparent;color:#1d263a;font-size:15px}.studio-tool__control input::placeholder{color:#9299a8}.studio-tool__clear{width:54px;border:0;background:#fff;color:#727b8d;font-size:24px;line-height:1;cursor:pointer}.studio-tool__clear:hover{color:#5e45d2}.studio-tool__submit{min-width:122px;border:0;background:#5e45d2;color:#fff;font-size:15px;font-weight:800;cursor:pointer}.studio-tool__submit:hover{background:#4e38ba}.studio-tool__submit:active{transform:translateY(1px)}.studio-tool__hint{margin:12px 0 0;color:#737b8c;font-size:13px;line-height:1.55}.studio-tool__platforms{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.studio-tool__platforms span{padding:6px 8px;border:1px solid #e3e5eb;border-radius:5px;color:#626b7d;font-size:12px;font-weight:700}.studio-home__utility{display:grid;grid-template-columns:360px minmax(0,1fr);gap:clamp(40px,7vw,92px);padding-top:32px}.studio-jobs{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:0;color:inherit;text-decoration:none}.studio-jobs__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e9e5ff;color:#5e45d2;font-size:21px;font-weight:800}.studio-jobs strong{display:block;color:#293349;font-size:14px}.studio-jobs small{display:block;margin-top:5px;color:#788093;font-size:12px}.studio-jobs b{color:#5e45d2;font-size:13px;white-space:nowrap}.studio-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none}.studio-steps li{position:relative;padding-left:28px}.studio-steps li::before{content:"";position:absolute;top:6px;left:0;width:9px;height:9px;border-radius:50%;background:#6b52df}.studio-steps strong{display:block;color:#334058;font-size:13px}.studio-steps span{display:block;margin-top:5px;color:#7b8394;font-size:12px;line-height:1.5}
@media(max-width:820px){.studio-home{width:min(100% - 32px,1180px);padding:42px 0}.studio-hero{grid-template-columns:1fr;gap:34px;padding-bottom:34px}.studio-hero h1{font-size:42px}.studio-hero__capabilities{margin-top:28px}.studio-home__utility{grid-template-columns:1fr;gap:26px;padding-top:26px}.studio-steps{padding-top:24px;border-top:1px solid #dfe2e8}}
@media(max-width:560px){.studio-home{padding:30px 0}.studio-hero h1{font-size:37px}.studio-hero__summary{font-size:15px}.studio-hero__capabilities div{grid-template-columns:95px 1fr}.studio-tool{padding:20px;border-radius:12px}.studio-tool__head{margin-bottom:22px}.studio-tool__head h2{font-size:19px}.studio-tool__control{grid-template-columns:minmax(0,1fr) auto}.studio-tool__control input{grid-column:1 / -1;border-bottom:1px solid #e2e4e9!important;height:54px}.studio-tool__clear{height:48px}.studio-tool__submit{height:48px;min-width:114px}.studio-steps{grid-template-columns:1fr;gap:17px}.studio-jobs{padding-bottom:2px}}

/* The work surfaces share the same media-tool language as the home page. */
body[data-page="download"]{background:#f4f5f7!important}.download-section{min-height:calc(100dvh - 72px);padding:58px 0 76px!important;background:transparent!important}.dl-container{width:min(100% - 48px,1180px)!important}.download-section h1{max-width:none!important;margin:0!important;color:#182033!important;font-size:32px!important;letter-spacing:-.045em!important}.download-section .subtitle{margin:10px 0 30px!important;color:#70798b!important;font-size:15px!important}.quota-info{min-height:0!important;padding:13px 16px!important;border:1px solid #d9dde5!important;border-bottom:0!important;border-radius:12px 12px 0 0!important;background:#fff!important}.url-input-group{overflow:hidden!important;border:1px solid #bfc5d1!important;border-radius:0 0 12px 12px!important;background:#fff!important}.url-input-group:focus-within{border-color:#5e45d2!important;box-shadow:0 0 0 3px rgba(94,69,210,.12)!important}.url-input-group input{height:59px!important;color:#1d263a!important}.url-input-group #parseBtn{min-width:126px!important;background:#5e45d2!important;font-weight:800!important}.url-input-group #parseBtn:hover{background:#4e38ba!important}.url-hint{margin:11px 0 0!important;color:#7b8393!important;font-size:12px!important}.user-status-banner,.login-prompt{margin-bottom:20px!important;border:1px solid #d9dde5!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}.result-area{margin-top:30px!important}.video-info{border:1px solid #d9dde5!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}.download-intent-card,.asset-download-section{border:1px solid #d9dde5!important;border-radius:12px!important}.download-intent-kicker{border-radius:5px!important;background:#f0edff!important;color:#5e45d2!important}.download-intent-cta,.btn-download,.btn-audio{background:#5e45d2!important}.download-intent-cta:hover,.btn-download:hover,.btn-audio:hover{background:#4e38ba!important}.download-progress-panel{border-color:#d9dde5!important;box-shadow:none!important}
body:not([data-page]){background:#f4f5f7}.dash-container{max-width:1180px!important;padding:54px 24px 76px!important}.dash-workbench-title{margin-bottom:26px!important;padding-bottom:22px!important;border-color:#dfe2e8!important}.dash-workbench-title p{color:#5e45d2!important}.dash-workbench-title h1{color:#182033!important;font-size:32px!important}.dash-workbench-title a,.dash-btn-primary,.dash-vip-upgrade-btn{background:#5e45d2!important}.dash-workbench-title a:hover,.dash-btn-primary:hover,.dash-vip-upgrade-btn:hover{background:#4e38ba!important}.dash-header{padding-bottom:22px!important;border-color:#dfe2e8!important}.dash-grid{gap:18px!important}.dash-grid>.dash-panel{border-color:#d9dde5!important;border-radius:12px!important;background:#fff!important}.dash-grid>.dash-panel h3{color:#202a3f!important}.dash-download-form{border-color:#bfc5d1!important;border-radius:9px!important}.dash-download-form button{background:#5e45d2!important}.dash-active-task{border-color:#e1e4eb!important;background:#f8f9fb!important}.dash-history-item{border-color:#e4e6ec!important}.dash-stats .dash-stat-card{border:1px solid #d9dde5!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
@media(max-width:760px){.download-section{padding:34px 0 56px!important}.dl-container{width:min(100% - 32px,1180px)!important}.download-section h1{font-size:28px!important}.url-input-group{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}.url-input-group input{grid-column:1 / -1!important;border-bottom:1px solid #e2e4e9!important}.url-input-group #parseBtn{min-height:48px!important}.dash-container{padding:34px 16px 56px!important}.dash-workbench-title h1{font-size:27px!important}}

/* Clean blue utility direction, inspired by the information hierarchy of
   mainstream downloader tools but built for HSK's own product and content. */
:root{--hsk-blue:#1769e0;--hsk-blue-deep:#0e55bd;--hsk-ink:#172033;--hsk-muted:#667085;--hsk-line:#dce2ec;--hsk-wash:#eff6ff}body[data-page="index"]{background:#fff!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.navbar{height:64px!important;border-bottom:1px solid #edf0f4!important;background:#fff!important;box-shadow:none!important}.nav-inner{max-width:1180px!important}.nav-brand{color:var(--hsk-ink)!important}.nav-brand span{background:#edf4ff!important;color:var(--hsk-blue)!important}.nav-links>a{color:#4d596d!important}.nav-links>a:hover{color:var(--hsk-blue)!important}.nav-links .btn-primary{border-radius:7px!important;background:var(--hsk-blue)!important;color:#fff!important;box-shadow:none!important}.nav-links .btn-primary:hover{background:var(--hsk-blue-deep)!important}.snap-home{color:var(--hsk-ink)!important}.snap-home__hero{display:flex;min-height:466px;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px 64px;text-align:center;background:linear-gradient(180deg,#eaf4ff 0%,#f7fbff 67%,#fff 100%)}.snap-home__notice{margin:0 0 15px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.78);color:var(--hsk-blue);font-size:12px;font-weight:750}.snap-home h1{margin:0;color:var(--hsk-ink);font-size:clamp(34px,4vw,50px);font-weight:800;line-height:1.16;letter-spacing:-.055em}.snap-home__subtitle{max-width:560px;margin:14px 0 0;color:var(--hsk-muted);font-size:17px;line-height:1.65}.snap-home__tool{width:min(100%,900px);margin-top:32px;text-align:left}.snap-home__input-label{display:block;margin:0 0 8px;color:#344158;font-size:13px;font-weight:800}.snap-home__control{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;overflow:hidden;border:1px solid #bfc9d9;border-radius:8px;background:#fff;box-shadow:0 10px 30px rgba(23,105,224,.10)}.snap-home__control:focus-within{border-color:var(--hsk-blue);box-shadow:0 0 0 3px rgba(23,105,224,.16),0 10px 30px rgba(23,105,224,.10)}.snap-home__link-mark{padding-left:18px;color:#6e7a8f;font-size:20px;line-height:1;transform:rotate(45deg)}.snap-home__control input{min-width:0;height:60px;padding:0 13px;border:0!important;outline:0!important;background:transparent;color:var(--hsk-ink);font-size:15px}.snap-home__control input::placeholder{color:#929caf}.snap-home__clear{width:48px;height:42px;border:0;background:#fff;color:#7a8494;font-size:24px;line-height:1;cursor:pointer}.snap-home__clear:hover{color:var(--hsk-blue)}.snap-home__submit{align-self:stretch;min-width:138px;border:0;background:var(--hsk-blue);color:#fff;font-size:15px;font-weight:800;cursor:pointer}.snap-home__submit:hover{background:var(--hsk-blue-deep)}.snap-home__submit:active{transform:translateY(1px)}.snap-home__benefit{margin:14px 0 0;color:#174ea6;font-size:13px;font-weight:800;line-height:1.5}.snap-home__helper{margin:6px 0 0;color:#7c8798;font-size:12px;line-height:1.5}.snap-home__guide{display:grid;grid-template-columns:330px minmax(0,1fr);gap:48px;width:min(100% - 48px,1120px);margin:0 auto;padding:34px 0 48px}.snap-home__tasks{display:flex;align-items:center;justify-content:space-between;gap:14px;color:inherit;text-decoration:none}.snap-home__tasks b{display:block;color:#2a364a;font-size:15px}.snap-home__tasks small{display:block;margin-top:6px;color:#7c8798;font-size:12px}.snap-home__tasks strong{color:var(--hsk-blue);font-size:13px;white-space:nowrap}.snap-home__facts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.snap-home__facts div{padding-left:14px;border-left:2px solid #cfe2ff}.snap-home__facts b{display:block;color:#344158;font-size:13px}.snap-home__facts span{display:block;margin-top:6px;color:#7c8798;font-size:12px;line-height:1.55}
body[data-page="download"]{background:#fff!important}.download-section{background:linear-gradient(180deg,#eff7ff 0,#fff 310px)!important}.download-section h1{color:var(--hsk-ink)!important}.url-input-group #parseBtn,.download-intent-cta,.btn-download,.btn-audio{background:var(--hsk-blue)!important}.url-input-group #parseBtn:hover,.download-intent-cta:hover,.btn-download:hover,.btn-audio:hover{background:var(--hsk-blue-deep)!important}.url-input-group:focus-within{border-color:var(--hsk-blue)!important;box-shadow:0 0 0 3px rgba(23,105,224,.14)!important}.download-intent-kicker{background:#eaf3ff!important;color:var(--hsk-blue)!important}.download-intent-card .quality-btn.selected,.download-intent-card .format-btn.selected,.download-intent-card .delivery-mode-btn.selected{border-color:var(--hsk-blue)!important;background:#eaf3ff!important;color:var(--hsk-blue)!important}body:not([data-page]){background:#fff!important}.dash-workbench-title p,.dash-points-badge{color:var(--hsk-blue)!important}.dash-workbench-title a,.dash-btn-primary,.dash-vip-upgrade-btn,.dash-download-form button{background:var(--hsk-blue)!important}.dash-workbench-title a:hover,.dash-btn-primary:hover,.dash-vip-upgrade-btn:hover,.dash-download-form button:hover{background:var(--hsk-blue-deep)!important}
@media(max-width:760px){.navbar{height:60px!important}.snap-home__hero{min-height:auto;padding:46px 16px 50px}.snap-home__subtitle{font-size:15px}.snap-home__tool{margin-top:26px}.snap-home__control{grid-template-columns:auto minmax(0,1fr) auto}.snap-home__control input{height:55px}.snap-home__submit{grid-column:1 / -1;min-height:51px}.snap-home__clear{height:42px}.snap-home__guide{grid-template-columns:1fr;gap:24px;width:min(100% - 32px,1120px);padding:28px 0 38px}.snap-home__facts{grid-template-columns:1fr;gap:16px;padding-top:22px;border-top:1px solid #e5e9ef}.snap-home__facts div{padding-left:12px}.nav-links .btn-primary{background:var(--hsk-blue)!important}}

/* Useful lower-half content: real task history, operational advice, and
   expandable answers rather than decorative marketing blocks. */
.snap-home__lower{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr);gap:26px;width:min(100% - 48px,1120px);margin:0 auto;padding:46px 0;border-top:1px solid #e4e9f0}.home-recent,.home-tips{padding:26px;border:1px solid #dfe5ee;border-radius:10px;background:#fff}.home-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:19px}.home-section-head h2,.home-faq h2{margin:0;color:var(--hsk-ink);font-size:19px;letter-spacing:-.025em}.home-section-head p{margin:7px 0 0;color:#7c8798;font-size:13px;line-height:1.5}.home-section-head a{color:var(--hsk-blue);font-size:13px;font-weight:750;text-decoration:none;white-space:nowrap}.home-recent__list{display:grid;gap:1px}.home-recent__item{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 0;border-top:1px solid #edf0f4;color:inherit;text-decoration:none}.home-recent__type{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:#eaf3ff;color:var(--hsk-blue);font-size:12px;font-weight:850}.home-recent__content{min-width:0}.home-recent__content b{display:block;overflow:hidden;color:#334158;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.home-recent__content small{display:block;margin-top:4px;color:#8790a0;font-size:12px}.home-recent__item em{font-style:normal;color:#728096;font-size:12px;white-space:nowrap}.home-recent__item em.is-completed,.home-recent__item em.is-success{color:#20855b}.home-recent__item em.is-failed,.home-recent__item em.is-error{color:#c64c5e}.home-recent__empty{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:12px 0 4px;border-top:1px solid #edf0f4}.home-recent__empty strong{color:#344158;font-size:14px}.home-recent__empty span{color:#7c8798;font-size:13px}.home-recent__empty a{margin-top:5px;color:var(--hsk-blue);font-size:13px;font-weight:750;text-decoration:none}.home-tips ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.home-tips li{padding:12px 0;border-top:1px solid #edf0f4}.home-tips b{display:block;color:#38455a;font-size:13px}.home-tips span{display:block;margin-top:5px;color:#778294;font-size:12px;line-height:1.55}.home-faq{width:min(100% - 48px,1120px);margin:0 auto;padding:4px 0 66px}.home-faq h2{margin:0 0 18px}.home-faq__list{border-top:1px solid #dfe5ee}.home-faq details{border-bottom:1px solid #dfe5ee}.home-faq summary{position:relative;padding:17px 28px 17px 0;color:#344158;font-size:14px;font-weight:700;cursor:pointer;list-style:none}.home-faq summary::-webkit-details-marker{display:none}.home-faq summary::after{content:'+';position:absolute;right:2px;top:14px;color:var(--hsk-blue);font-size:20px;font-weight:400}.home-faq details[open] summary::after{content:'−'}.home-faq details p{max-width:760px;margin:0;padding:0 0 17px;color:#778294;font-size:13px;line-height:1.75}
@media(max-width:760px){.snap-home__lower{grid-template-columns:1fr;gap:16px;width:min(100% - 32px,1120px);padding:32px 0}.home-recent,.home-tips{padding:20px}.home-faq{width:min(100% - 32px,1120px);padding-bottom:42px}.home-section-head h2,.home-faq h2{font-size:18px}.home-recent__item{grid-template-columns:30px minmax(0,1fr) auto}.home-recent__type{width:30px;height:30px}}

/* A low-risk first success path for visitors who arrive without a link. */
.snap-home__sample-row{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 0 0}.snap-home__sample{min-height:44px;padding:0 15px;border:1px solid #9ebce7;border-radius:7px;background:#fff;color:var(--hsk-blue);font-size:13px;font-weight:800;cursor:pointer}.snap-home__sample:hover{border-color:var(--hsk-blue);background:#edf4ff}.snap-home__sample:active{transform:translateY(1px)}.snap-home__sample-hint{color:#7c8798;font-size:12px;line-height:1.45}
@media(max-width:760px){.snap-home__sample-row{width:min(100%,900px);flex-direction:column;gap:6px}.snap-home__sample{width:100%}}

/* Pricing must explain the unit economics before a user enters payment. */
.pricing-credit-guide{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1120px;margin:18px auto 28px;padding:16px 18px;border:1px solid #cfe2ff;border-radius:10px;background:#f7fbff;color:#344158}.pricing-credit-guide>div{display:grid;gap:3px}.pricing-credit-guide strong{font-size:15px;color:#172033}.pricing-credit-guide span{font-size:13px;color:#667085}.pricing-credit-guide ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.pricing-credit-guide li{display:grid;gap:1px;min-width:86px;padding:7px 10px;border-radius:7px;background:#fff;border:1px solid #dce9f9}.pricing-credit-guide li b{font-size:13px;color:#1769e0}.pricing-credit-guide li span{font-size:12px;white-space:nowrap}@media(max-width:760px){.pricing-credit-guide{align-items:flex-start;flex-direction:column;gap:14px;margin:14px 16px 22px;padding:15px}.pricing-credit-guide ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.pricing-credit-guide li{min-width:0}}

/* Recent downloads use the actual task thumbnail, with a platform initial as
   a reliable fallback when the source does not provide one. */
.home-recent__item{grid-template-columns:56px minmax(0,1fr) auto}.home-recent__cover{position:relative;display:grid;place-items:center;width:56px;height:40px;overflow:hidden;border-radius:6px;background:#eaf3ff;color:var(--hsk-blue);font-size:12px;font-weight:850}.home-recent__cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:760px){.home-recent__item{grid-template-columns:52px minmax(0,1fr) auto}.home-recent__cover{width:52px;height:38px}}

/* The desktop client is presented as a real product surface with an actual
   interface capture, clear platform choices, and explicit credit economics. */
.desktop-client-promo{display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);align-items:center;gap:clamp(34px,5vw,68px);width:min(100% - 48px,1120px);margin:12px auto 54px;padding:40px;border:1px solid #d7e4f5;border-radius:18px;background:linear-gradient(135deg,#f3f8ff 0%,#fff 58%);box-shadow:0 20px 50px rgba(23,70,135,.09)}.desktop-client-promo__kicker{margin:0 0 11px;color:var(--hsk-blue);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.desktop-client-promo h2{margin:0;color:var(--hsk-ink);font-size:clamp(28px,3vw,38px);line-height:1.15;letter-spacing:-.045em}.desktop-client-promo__body{max-width:470px;margin:15px 0 0;color:#667085;font-size:15px;line-height:1.72}.desktop-client-promo__features{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}.desktop-client-promo__features li{padding:7px 9px;border:1px solid #d4e3f7;border-radius:7px;background:#fff;color:#42526a;font-size:12px;font-weight:750}.desktop-client-promo__pricing{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.desktop-client-promo__pricing span{padding:11px 12px;border-radius:9px;background:#eaf3ff;color:#174ea6}.desktop-client-promo__pricing b{font-size:13px}.desktop-client-promo__note,.desktop-client-promo__compat{margin:9px 0 0;color:#7a8799;font-size:11px;line-height:1.55}.desktop-client-promo__actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.desktop-client-promo__actions a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 15px;border-radius:8px;font-size:13px;font-weight:800;text-decoration:none}.desktop-client-promo__primary{border:1px solid var(--hsk-blue);background:var(--hsk-blue);color:#fff}.desktop-client-promo__primary:hover{background:var(--hsk-blue-deep)}.desktop-client-promo__secondary{border:1px solid #a9c3e7;background:#fff;color:#175bbd}.desktop-client-promo__secondary:hover{border-color:var(--hsk-blue);background:#f6faff}.desktop-client-promo__visual{position:relative;margin:0;overflow:hidden;border:1px solid #d7dee9;border-radius:12px;background:#fff;box-shadow:0 20px 38px rgba(29,52,87,.14)}.desktop-client-promo__visual img{display:block;width:100%;height:auto}.desktop-client-promo__visual::after{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);content:"";pointer-events:none}@media(max-width:900px){.desktop-client-promo{grid-template-columns:1fr;padding:32px}.desktop-client-promo__copy{max-width:660px}.desktop-client-promo__visual{max-width:720px}}@media(max-width:760px){.desktop-client-promo{width:min(100% - 32px,1120px);margin:0 auto 38px;padding:24px 20px;border-radius:14px}.desktop-client-promo__pricing{grid-template-columns:1fr}.desktop-client-promo__actions{display:grid;grid-template-columns:1fr}.desktop-client-promo__actions a{width:100%}.desktop-client-promo__visual{margin:4px -8px 0}}