:root{
  --hsk-blue:#0d5bea;
  --hsk-blue-strong:#0647c7;
  --hsk-ink:#08152f;
  --hsk-copy:#53627b;
  --hsk-line:#dbe4f0;
  --hsk-soft:#f6f9fe;
  --hsk-green:#08a565;
  --hsk-purple:#7347ee;
}

body[data-page="client"],
body[data-page="register"],
body[data-page="dashboard"],
body[data-page="status"],
body[data-page="guide"],
body[data-page="guides"],
body[data-page="privacy"],
body[data-page="terms"],
body[data-page="refund"],
body[data-page="copyright"],
body[data-page="extension-privacy"],
body[data-page="404"]{
  color:var(--hsk-ink);
  background:#fff;
}

/* Client download */
.client-page{max-width:1400px;margin:0 auto;padding:48px 32px 72px}
.client-hero{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(600px,1.25fr);gap:54px;align-items:center}
.client-eyebrow,.guide-kicker,.legal-kicker{margin:0 0 12px;color:var(--hsk-blue);font-size:14px;font-weight:850;letter-spacing:.05em}
.client-copy h1{max-width:620px;margin:0;color:var(--hsk-ink);font-size:clamp(40px,4vw,62px);line-height:1.12;letter-spacing:-.035em}
.client-copy>p{margin:18px 0 0;color:var(--hsk-copy);font-size:18px;line-height:1.8}
.client-tabs{display:flex;gap:0;margin:32px 0 24px}
.client-tabs a{display:inline-flex;align-items:center;gap:9px;min-height:50px;padding:0 24px;border:1px solid var(--hsk-line);color:#45546d;font-weight:800;text-decoration:none}
.client-tabs a:first-child{border-radius:9px 0 0 9px}
.client-tabs a:last-child{border-radius:0 9px 9px 0}
.client-tabs a.is-active{border-color:var(--hsk-blue);background:#f2f7ff;color:var(--hsk-blue)}
.client-actions{display:flex;gap:14px;flex-wrap:wrap}
.client-actions a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:54px;padding:0 24px;border-radius:8px;border:1px solid #cfd9e8;color:#22324d;font-weight:850;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.client-actions a:hover{transform:translateY(-2px);border-color:#9db9ef;box-shadow:0 12px 24px rgba(13,91,234,.12)}
.client-actions .primary{border-color:var(--hsk-blue);background:var(--hsk-blue);color:#fff}
.client-trust{display:flex;gap:22px;flex-wrap:wrap;margin:26px 0 0;padding:0;list-style:none;color:#53627b;font-size:14px}
.client-trust li:before{content:'✓';display:inline-grid;width:19px;height:19px;margin-right:7px;border:1px solid #9fb3d0;border-radius:50%;color:var(--hsk-blue);font-size:11px;font-weight:900;place-items:center}
.client-window{overflow:hidden;border:1px solid #8fa4c3;border-radius:12px;background:#fff;box-shadow:0 22px 54px rgba(8,21,47,.18)}
.client-window-bar{display:flex;align-items:center;justify-content:space-between;height:45px;padding:0 16px;background:#0b1b39;color:#fff;font-weight:850}
.client-window-bar span:last-child{font-size:16px;letter-spacing:.5em}
.client-app{display:grid;grid-template-columns:146px 1fr;min-height:390px}
.client-sidebar{padding:20px 10px;background:linear-gradient(180deg,#0c224b,#07162f);color:#dce8ff}
.client-sidebar b{display:block;margin:0 8px 16px;color:#fff}
.client-sidebar span{display:block;margin:5px 0;padding:11px 12px;border-radius:7px;font-size:13px}
.client-sidebar .active{background:#0d5bea;color:#fff}
.client-queue{padding:22px}
.client-queue-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--hsk-line)}
.client-queue-head b{font-size:19px}.client-queue-head button{padding:9px 13px;border:1px solid #a9c4f6;border-radius:7px;background:#fff;color:var(--hsk-blue);font-weight:800}
.queue-row{display:grid;grid-template-columns:70px 1fr 70px 92px;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid #e6ecf4}
.queue-thumb{height:46px;border-radius:7px;background:linear-gradient(135deg,#102b5f,#4c8cff);color:#fff;font-size:11px;display:grid;place-items:center}
.queue-row b{display:block;font-size:13px}.queue-row small{display:block;margin-top:5px;color:#7a899e}.queue-state{font-size:12px;font-weight:850;color:var(--hsk-blue)}
.queue-state.done{color:var(--hsk-green)}.queue-state.fail{color:#e13b3b}
.client-feature-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px;border:1px solid var(--hsk-line);border-radius:10px}
.client-feature{display:flex;gap:14px;align-items:center;padding:23px 28px}
.client-feature+.client-feature{border-left:1px solid var(--hsk-line)}
.client-feature i{font-style:normal;color:var(--hsk-blue);font-size:28px}.client-feature b{display:block}.client-feature small{display:block;margin-top:4px;color:var(--hsk-copy)}
.client-bottom{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}
.client-panel{padding:26px;border:1px solid var(--hsk-line);border-radius:10px}.client-panel h2{margin:0 0 6px;font-size:21px}.client-panel>p{margin:0 0 19px;color:var(--hsk-copy)}
.browser-row{display:flex;align-items:center;gap:28px}.browser-badge{display:grid;gap:7px;place-items:center;color:#43516a;font-size:13px}.browser-badge i{display:grid;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#f44,#f6c,#0ac);color:#fff;font-style:normal;font-weight:900;place-items:center}.browser-row a{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:8px;background:var(--hsk-blue);color:#fff;font-weight:850;text-decoration:none}
.privacy-points{display:grid;gap:0}.privacy-points p{display:flex;gap:10px;margin:0;padding:10px 0;border-bottom:1px solid #e6ecf4;color:#53627b}.privacy-points p:last-child{border:0}.privacy-points b{color:var(--hsk-blue)}

/* Guides */
.guide-index{max-width:1320px;margin:0 auto;padding:24px 30px 72px}
.guide-hero{text-align:center;padding:18px 0 24px}.guide-hero h1{margin:0;color:var(--hsk-ink);font-size:clamp(44px,5vw,66px);line-height:1.05;letter-spacing:-.045em}.guide-hero>p:last-of-type{margin:12px 0 22px;color:var(--hsk-copy);font-size:18px}
.guide-search{position:relative;max-width:720px;margin:0 auto}.guide-search input{box-sizing:border-box;width:100%;height:54px;padding:0 52px 0 18px;border:1px solid #cfd9e7;border-radius:8px;background:#fff;color:var(--hsk-ink);font:inherit;outline:0}.guide-search input:focus{border-color:var(--hsk-blue);box-shadow:0 0 0 4px rgba(13,91,234,.1)}.guide-search span{position:absolute;right:18px;top:14px;font-size:23px}
.guide-categories{display:flex;justify-content:center;gap:48px;margin:0 0 28px;padding:0;list-style:none;white-space:nowrap;overflow:auto}.guide-categories button{padding:9px 16px;border:0;border-radius:8px;background:transparent;color:#15233b;font:800 14px/1 inherit;cursor:pointer}.guide-categories button.is-active{background:var(--hsk-blue);color:#fff}
.guide-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr);gap:22px}.guide-featured{display:grid;grid-template-columns:1fr 1.25fr;gap:26px;align-items:center;min-height:245px;padding:28px;border:1px solid var(--hsk-line);border-radius:12px;background:#fff}.guide-art{position:relative;min-height:190px;border-radius:15px;background:linear-gradient(145deg,#dbe8ff,#f7faff);overflow:hidden}.guide-art:before{content:'↗';position:absolute;left:32px;top:32px;display:grid;width:58px;height:58px;border-radius:13px;background:var(--hsk-blue);color:#fff;font-size:28px;font-weight:900;place-items:center}.guide-art:after{content:'CC   1080P   MP3';position:absolute;left:32px;right:32px;bottom:28px;padding:16px;border:1px solid #bbcff3;border-radius:10px;background:rgba(255,255,255,.8);color:#45607f;font-weight:800;word-spacing:18px}
.guide-featured .tag{color:var(--hsk-blue);font-size:13px;font-weight:850}.guide-featured h2{margin:9px 0 11px;font-size:25px;line-height:1.35}.guide-featured h2 a{color:var(--hsk-ink);text-decoration:none}.guide-featured p{margin:0;color:var(--hsk-copy);line-height:1.7}.guide-featured .guide-read{display:inline-flex;margin-top:18px;padding:11px 20px;border-radius:7px;background:var(--hsk-blue);color:#fff;text-decoration:none}
.guide-popular{padding:20px;border:1px solid var(--hsk-line);border-radius:12px}.guide-popular h2{margin:0 0 8px;font-size:19px}.guide-popular a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #e5ebf3;color:#28364e;font-size:14px;font-weight:700;text-decoration:none}.guide-popular a:last-child{border:0}.guide-popular a:after{content:'›';color:#6d7b91;font-size:20px}
.guide-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px}.guide-section h2{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding-bottom:12px;border-bottom:1px solid var(--hsk-line);font-size:19px}.guide-section h2:before{content:'↓';display:grid;width:29px;height:29px;border-radius:7px;background:#edf4ff;color:var(--hsk-blue);font-size:15px;place-items:center}.guide-card{display:block;padding:14px 0;border-bottom:1px solid #e6ecf4;color:var(--hsk-ink);text-decoration:none}.guide-card b{display:block;font-size:14px}.guide-card span{display:block;margin-top:5px;color:var(--hsk-copy);font-size:12px;line-height:1.55}.guide-card[hidden]{display:none}
.guide-support{display:flex;align-items:center;gap:20px;margin-top:30px;padding:22px 26px;border:1px solid #cfe0ff;border-radius:10px;background:#f7faff}.guide-support strong{font-size:18px}.guide-support span{color:var(--hsk-copy)}.guide-support a{margin-left:auto;padding:11px 18px;border:1px solid var(--hsk-blue);border-radius:7px;color:var(--hsk-blue);font-weight:800;text-decoration:none}.guide-support a:last-child{background:var(--hsk-blue);color:#fff}

body[data-page="guide"] .guide{max-width:930px;padding-top:48px}
body[data-page="guide"] .guide-header{position:relative;padding:30px 0 34px}
body[data-page="guide"] .guide-header:before{content:'使用指南';display:inline-block;margin-bottom:12px;color:var(--hsk-blue);font-size:13px;font-weight:850;letter-spacing:.06em}
body[data-page="guide"] .guide h1{font-size:clamp(38px,5vw,58px);letter-spacing:-.035em}
body[data-page="guide"] .guide>article{padding:10px 0 20px}
body[data-page="guide"] .guide>article>h2{padding-top:18px;border-top:1px solid #e5ebf3}
body[data-page="guide"] .guide-conversion{border-radius:10px!important;background:#f1f6ff!important;border-color:#c8dcff!important}

/* Auth */
body[data-page="register"] .auth{display:grid;grid-template-columns:minmax(370px,.9fr) minmax(460px,1.05fr);gap:70px;align-items:center;max-width:1280px;min-height:calc(100vh - 132px);margin:0 auto;padding:48px 38px;background:#fff}
.auth-story{max-width:520px}.auth-story .auth-kicker{margin:0 0 18px;color:var(--hsk-purple);font-weight:850}.auth-story h1{margin:0;color:var(--hsk-ink);font-size:clamp(42px,4.2vw,62px);line-height:1.18;letter-spacing:-.035em}.auth-story-list{display:grid;gap:25px;margin:34px 0}.auth-story-item{display:grid;grid-template-columns:54px 1fr;gap:16px}.auth-story-item i{display:grid;width:52px;height:52px;border:1px solid #dacdff;border-radius:12px;background:#f6f2ff;color:var(--hsk-purple);font-style:normal;font-size:24px;place-items:center}.auth-story-item:nth-child(2) i{border-color:#bfe9d9;background:#effbf6;color:var(--hsk-green)}.auth-story-item:nth-child(3) i{border-color:#c9dcff;background:#f1f6ff;color:var(--hsk-blue)}.auth-story-item b{display:block;margin-bottom:5px;font-size:18px}.auth-story-item span{color:var(--hsk-copy);line-height:1.6}.auth-account-preview{padding:17px;border:1px solid var(--hsk-line);border-radius:12px;background:linear-gradient(145deg,#fff,#f8faff);box-shadow:0 14px 32px rgba(8,21,47,.08)}.auth-account-preview b{display:block}.auth-account-preview span{display:block;margin-top:7px;color:var(--hsk-copy);font-size:13px}
body[data-page="register"] .card{width:auto;max-width:570px;justify-self:end;padding:42px;border-radius:14px;box-shadow:0 18px 46px rgba(8,21,47,.08)}
body[data-page="register"] .card h2{font-size:36px;color:var(--hsk-ink)}
body[data-page="register"] .desc{font-size:15px}
body[data-page="register"] .field input{border-radius:7px}
body[data-page="register"] .code button,body[data-page="register"] .primary,body[data-page="register"] .google{border-radius:7px}
.auth-security{margin:18px 0 0;padding:11px;text-align:center;border:1px solid #dce4ef;border-radius:7px;background:#f8fafc;color:#718096;font-size:12px}

/* Dashboard */
body[data-page="dashboard"]{background:#f8faff}
body[data-page="dashboard"] .page{max-width:1460px;padding:42px 34px 70px}
body[data-page="dashboard"] .head{border:0;align-items:center}
body[data-page="dashboard"] .head h1{font-size:36px;color:var(--hsk-ink)}
body[data-page="dashboard"] .head p{font-size:16px}
body[data-page="dashboard"] .summary{grid-template-columns:1.5fr repeat(4,1fr);padding:16px;margin:8px 0 24px;border:1px solid var(--hsk-line);border-radius:10px;background:#fff;box-shadow:0 10px 28px rgba(8,21,47,.04)}
body[data-page="dashboard"] .summary .card{padding:12px 18px;border:0;border-radius:0;background:transparent}
body[data-page="dashboard"] .summary .card+.card{border-left:1px solid #e4eaf2}
body[data-page="dashboard"] .summary .card b{font-size:26px;color:var(--hsk-ink)}
body[data-page="dashboard"] .grid{grid-template-columns:minmax(0,2.4fr) minmax(290px,.72fr);gap:18px}
body[data-page="dashboard"] .panel{border-radius:10px;box-shadow:0 7px 20px rgba(8,21,47,.025)}
body[data-page="dashboard"] .item{border-radius:8px}
body[data-page="dashboard"] .button{border-radius:7px;background:var(--hsk-blue)}

/* Status */
body[data-page="status"]{background:radial-gradient(circle at 50% 0,#f3f8ff 0,#fff 42%)}
body[data-page="status"] .status-page{max-width:1120px;padding:38px 24px 64px}
body[data-page="status"] .status-brand{margin-bottom:28px;font-size:21px}
body[data-page="status"] .status-card{padding:38px;border-radius:12px;box-shadow:none;text-align:center}
body[data-page="status"] .status-head{justify-content:center;flex-direction:column}.status-head .status-dot{width:58px;height:58px;box-shadow:0 0 0 12px #eaf1ff;position:relative}.status-head .status-dot:after{content:'✓';color:#fff;font:900 29px/58px system-ui}.status-head .status-dot.degraded:after{content:'!'}.status-head .status-dot.checking:after{content:'…'}
body[data-page="status"] .status-head small{margin-top:16px;color:var(--hsk-green);font-size:16px}
body[data-page="status"] .status-title{font-size:48px;color:var(--hsk-ink)}
body[data-page="status"] .status-copy{font-size:17px}
body[data-page="status"] .component-list{grid-template-columns:repeat(2,1fr);max-width:760px;margin:30px auto 0;text-align:left}
body[data-page="status"] .component{display:flex;align-items:center;justify-content:space-between;border-radius:8px;background:#fbfcfe}
body[data-page="status"] .component span{color:var(--hsk-green);font-weight:800}
body[data-page="status"] .checked{margin-top:22px}
body[data-page="status"] .status-actions{justify-content:center}

/* Legal and extension policy */
body[data-page="privacy"] .legal-page,body[data-page="terms"] .legal-page,body[data-page="refund"] .legal-page{max-width:1380px;padding:34px 38px 64px}
body[data-page="privacy"] .legal-page>h1,body[data-page="terms"] .legal-page>h1,body[data-page="refund"] .legal-page>h1{font-size:38px;color:var(--hsk-ink)}
body[data-page="privacy"] .legal-card,body[data-page="terms"] .legal-card,body[data-page="refund"] .legal-card{padding:28px 34px;border-radius:10px;box-shadow:none;line-height:1.75}
body[data-page="privacy"] .legal-card h2,body[data-page="terms"] .legal-card h2,body[data-page="refund"] .legal-card h2{padding-bottom:9px;border-bottom:1px solid #e4eaf2;color:var(--hsk-ink)}
.legal-breadcrumb{margin:0 0 18px;color:#65748b;font-size:13px}.legal-trust{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 22px;border:1px solid #bfe5d0;border-radius:9px;background:#f5fcf8}.legal-trust>div{display:flex;align-items:center;gap:14px;padding:17px 24px}.legal-trust>div+div{border-left:1px solid #cfeadb}.legal-trust i{color:#079650;font-size:25px;font-style:normal}.legal-trust strong,.legal-trust small{display:block}.legal-trust small{margin-top:3px;color:#64748b;font-size:12px}.legal-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start}.legal-toc{position:sticky;top:88px;display:grid;padding:12px;border:1px solid var(--hsk-line);border-radius:9px;background:#fff}.legal-toc strong{padding:9px 11px;color:var(--hsk-ink)}.legal-toc a{padding:9px 11px;border-radius:6px;color:#34435c;font-size:13px;text-decoration:none}.legal-toc a:hover,.legal-toc a:focus-visible{background:#eff5ff;color:var(--hsk-blue)}.legal-layout .legal-card{min-width:0}
body[data-page="copyright"] .legal{max-width:1050px;padding:46px 28px 72px}
body[data-page="copyright"] .block{border-radius:10px}
body[data-page="extension-privacy"] main{max-width:1160px;padding:42px 26px 72px}
body[data-page="extension-privacy"] article{border-radius:10px;box-shadow:none}
body[data-page="extension-privacy"] h1{color:var(--hsk-ink)}

/* Download intent switcher: explicit step, purpose and selected state. */
.intent-switcher-guide{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:4px 20px 10px;
  padding:0 4px;
}
.intent-switcher-guide__main{display:flex;align-items:center;gap:12px;min-width:0}
.intent-switcher-guide__step{
  flex:none;
  display:inline-flex;
  min-height:28px;
  align-items:center;
  padding:0 10px;
  border-radius:999px;
  background:#eaf2ff;
  color:var(--hsk-blue);
  font-size:12px;
  font-weight:900;
}
.intent-switcher-guide__copy{min-width:0;display:grid;gap:2px}
.intent-switcher-guide__copy strong{color:var(--hsk-ink);font-size:17px;line-height:1.35;text-wrap:balance}
.intent-switcher-guide__copy small{color:#66758d;font-size:12px;font-weight:650;line-height:1.5;text-wrap:pretty}
.intent-switcher-guide__action{
  flex:none;
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:0 11px;
  border:1px solid #a9c6f1;
  border-radius:8px;
  background:#f7faff;
  color:#1d5fbf;
  font-size:12px;
  font-weight:900;
}
body[data-page="download"] .intent-picker.is-guided-intent-picker{
  gap:10px;
  margin-bottom:18px;
  padding:8px;
  border-color:#c9d8eb;
  background:#f3f7fc;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
body[data-page="download"] .intent-tab{
  position:relative;
  isolation:isolate;
  transition:color .16s cubic-bezier(.16,1,.3,1),background-color .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1),transform .16s cubic-bezier(.16,1,.3,1);
}
body[data-page="download"] .is-guided-intent-picker .intent-tab{
  min-height:78px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  padding:11px 13px;
  border:1px solid #d6e0ed;
  border-radius:12px;
  background:#fff;
  color:#33445f;
  text-align:left;
  box-shadow:0 4px 12px rgba(31,53,90,.035);
}
body[data-page="download"] .is-guided-intent-picker .intent-tab[aria-selected="true"]{
  border:2px solid var(--hsk-blue);
  background:#f7faff;
  color:var(--hsk-blue);
  box-shadow:0 9px 22px rgba(13,91,234,.12);
}
.intent-tab__icon{
  display:grid;
  width:38px;
  height:38px;
  border-radius:10px;
  background:#edf3fb;
  color:#31567f;
  font-size:16px;
  font-weight:900;
  line-height:1;
  place-items:center;
}
.intent-tab[data-intent="subtitle"] .intent-tab__icon{font-size:11px;letter-spacing:-.02em}
.intent-tab[aria-selected="true"] .intent-tab__icon{background:var(--hsk-blue);color:#fff}
.intent-tab__copy{min-width:0;display:grid;gap:3px}
.intent-tab__copy strong{color:inherit;font-size:15px;font-weight:900;line-height:1.25;text-wrap:balance}
.intent-tab__copy small{color:#74839a;font-size:11px;font-weight:650;line-height:1.35;text-wrap:pretty}
.intent-tab[aria-selected="true"] .intent-tab__copy small{color:#416b9f}
.intent-tab__state{
  display:inline-flex;
  min-height:24px;
  align-items:center;
  justify-content:center;
  padding:0 8px;
  border:1px solid #d2ddeb;
  border-radius:999px;
  background:#f8fafc;
  color:#607088;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
.intent-tab[aria-selected="true"] .intent-tab__state{border-color:var(--hsk-blue);background:var(--hsk-blue);color:#fff}
body[data-page="download"] .intent-tab::after{
  position:absolute;
  right:22px;
  bottom:5px;
  left:22px;
  height:2px;
  border-radius:999px;
  background:var(--hsk-blue);
  content:'';
  opacity:0;
  transform:scaleX(.45);
  transition:opacity .14s ease,transform .18s cubic-bezier(.16,1,.3,1);
}
body[data-page="download"] .is-guided-intent-picker .intent-tab::after{display:none}
body[data-page="download"] .intent-tab[aria-selected="true"]::after{
  opacity:1;
  transform:scaleX(1);
}
body[data-page="download"] .intent-panel.is-hover-switch-panel{
  animation:hsk-intent-switch-in .16s cubic-bezier(.16,1,.3,1);
}
body[data-page="download"] .intent-tab.is-pointer-hover{
  border-color:#8fb4ea;
  background:#f7faff;
  color:var(--hsk-blue);
  transform:translateY(-1px);
}
body[data-page="download"] .intent-tab.is-pointer-hover.is-hover-switch{
  background:#fff;
  color:var(--hsk-blue);
  box-shadow:0 8px 20px rgba(13,91,234,.14),0 0 0 1px rgba(13,91,234,.1);
  transform:translateY(-2px);
}
@keyframes hsk-intent-switch-in{
  from{opacity:.72;transform:translateY(4px)}
  to{opacity:1;transform:translateY(0)}
}

/* 404 */
body[data-page="404"] .error{background:radial-gradient(circle at 50% 30%,#edf5ff,#fff 58%)}
body[data-page="404"] .card{border-radius:12px;box-shadow:none}
body[data-page="404"] .code{font-size:92px;color:var(--hsk-blue)}

@media(max-width:1050px){
  .client-hero{grid-template-columns:1fr}.client-window{max-width:850px}.client-feature-strip{grid-template-columns:1fr 1fr}.client-feature:nth-child(3){border-left:0;border-top:1px solid var(--hsk-line)}.client-feature:nth-child(4){border-top:1px solid var(--hsk-line)}
  body[data-page="register"] .auth{grid-template-columns:1fr;gap:38px}.auth-story{max-width:720px;margin:0 auto}.auth-story h1{font-size:44px}.auth-account-preview{display:none}body[data-page="register"] .card{justify-self:center;width:min(100%,570px)}
  body[data-page="dashboard"] .grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .client-page{padding:30px 16px 48px}.client-copy h1{font-size:38px}.client-copy>p{font-size:16px}.client-window{display:none}.client-feature-strip,.client-bottom{grid-template-columns:1fr}.client-feature+.client-feature{border-left:0;border-top:1px solid var(--hsk-line)}.browser-row{gap:14px;flex-wrap:wrap}.browser-row a{width:100%;margin:8px 0 0}
  .guide-index{padding:18px 16px 48px}.guide-hero h1{font-size:42px}.guide-categories{justify-content:flex-start;gap:8px}.guide-layout,.guide-featured,.guide-sections{grid-template-columns:1fr}.guide-art{min-height:160px}.guide-support{align-items:flex-start;flex-direction:column}.guide-support a{box-sizing:border-box;width:100%;margin:0;text-align:center}
  body[data-page="register"] .auth{display:block;padding:28px 16px}.auth-story{margin-bottom:28px}.auth-story h1{font-size:36px}.auth-story-list{gap:17px;margin:25px 0}.auth-story-item{grid-template-columns:44px 1fr}.auth-story-item i{width:42px;height:42px}body[data-page="register"] .card{box-sizing:border-box;padding:26px 20px}body[data-page="register"] .card h2{font-size:29px}
  body[data-page="dashboard"] .page{padding:28px 16px 48px}body[data-page="dashboard"] .summary{grid-template-columns:1fr 1fr;padding:8px}body[data-page="dashboard"] .summary .welcome{grid-column:span 2}body[data-page="dashboard"] .summary .card+.card{border-left:0}
  body[data-page="status"] .status-page{padding:26px 16px 48px}body[data-page="status"] .status-card{padding:28px 18px}body[data-page="status"] .status-title{font-size:34px}body[data-page="status"] .component-list{grid-template-columns:1fr}
  body[data-page="privacy"] .legal-page,body[data-page="terms"] .legal-page,body[data-page="refund"] .legal-page{padding:28px 16px 48px}body[data-page="privacy"] .legal-card,body[data-page="terms"] .legal-card,body[data-page="refund"] .legal-card{padding:22px 18px}.legal-layout{display:block}.legal-toc{position:static;display:flex;overflow:auto;margin-bottom:14px}.legal-toc strong{display:none}.legal-toc a{flex:none}.legal-trust{grid-template-columns:1fr}.legal-trust>div+div{border-left:0;border-top:1px solid #cfeadb}
  .intent-switcher-guide{align-items:flex-start;margin:2px 16px 9px}.intent-switcher-guide__main{align-items:flex-start}.intent-switcher-guide__copy strong{font-size:16px}.intent-switcher-guide__action{display:none}
  body[data-page="download"] .intent-picker.is-guided-intent-picker{gap:7px;margin:0 16px 16px;padding:7px}
  body[data-page="download"] .is-guided-intent-picker .intent-tab{min-height:72px;grid-template-columns:1fr;gap:4px;justify-items:center;padding:9px 4px;text-align:center}
  .intent-tab__icon{width:30px;height:30px;border-radius:8px;font-size:13px}.intent-tab__copy{gap:0}.intent-tab__copy strong{font-size:13px}.intent-tab__copy small{display:none}.intent-tab__state{position:absolute;top:4px;right:4px;min-height:20px;padding:0 6px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="download"] .intent-tab,
  body[data-page="download"] .intent-tab::after{transition-duration:.01ms!important}
  body[data-page="download"] .intent-panel.is-hover-switch-panel{animation:none}
}