/* SynVow homepage only. Do not import this file into the console. */
.sv-home {
  --sv-unit: clamp(.78px, .0598086124vw, 1.14833px);
  --sv-bg: #080d11;
  --sv-text: #f0f2f5;
  --sv-muted: #b1bdc9;
  --sv-line: rgba(133, 170, 198, .19);
  --sv-pad: calc(100 * var(--sv-unit));
  color-scheme: dark;
  color: var(--sv-text);
  background: var(--sv-bg);
  font-family: Inter, 'Noto Sans SC', 'Noto Sans CJK SC', 'Microsoft YaHei', 'PingFang SC', sans-serif;
  font-size: 14px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  margin: 0;
}
.sv-home *, .sv-home *::before, .sv-home *::after { box-sizing: border-box; }
.sv-home [hidden] { display: none !important; }
.sv-home :where(button, a, input):focus-visible { outline: 2px solid #c3d3e1; outline-offset: 4px; }
.sv-home :where(button, a) { -webkit-tap-highlight-color: transparent; }
.sv-home button { font: inherit; }
.sv-home button:disabled { cursor: not-allowed; }
.sv-home .sv-icon { width: 20px; height: 20px; flex: none; }
.sv-home .sv-skip { position: fixed; left: 20px; top: -80px; z-index: 500; background: #f3f4f6; color: #111; padding: 12px 20px; border-radius: 4px; }
.sv-home .sv-skip:focus { top: 12px; }
.sv-home .sv-stage {
  position: relative; isolation: isolate; width: 100%; min-height: 100svh; margin: 0;
  overflow: clip;
  background:
    radial-gradient(ellipse 40% 62% at -8% 0%, rgba(67, 87, 104, .4), transparent 80%),
    radial-gradient(ellipse 33% 33% at 36% 101%, rgba(49, 69, 87, .42), transparent 80%),
    radial-gradient(ellipse 31% 34% at 66% 45%, rgba(13, 26, 39, .34), transparent 78%),
    linear-gradient(142deg, #0b1116 0%, #080d11 44%, #070c10 82%, #080e13 100%);
}
.sv-home .sv-art { position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.sv-home .sv-network { display: block; width: 100%; height: auto; }
.sv-home .sv-node-halo { opacity: .12; animation: sv-home-node-breathe var(--sv-breathe-duration,7s) ease-in-out infinite paused; }
.sv-home .sv-node-mark { opacity: 1; animation: sv-home-mark-breathe var(--sv-mark-duration,9s) ease-in-out infinite paused; }
.sv-home .sv-dotfield { position: absolute; z-index: -1; pointer-events: none; background-image: radial-gradient(circle, rgba(118, 156, 186, .35) .55px, transparent .85px); background-size: 15px 15px; }
.sv-home .sv-dotfield-right { inset: 10% 0 15% 41%; mask-image: radial-gradient(ellipse at 62% 48%, #000 9%, transparent 74%); opacity: .38; }
.sv-home .sv-dotfield-bottom { inset: 66% 22% 0 0; mask-image: radial-gradient(ellipse at 10% 94%, #000 5%, transparent 76%); opacity: .32; background-size: 8px 8px; }
.sv-home .sv-header { position: relative; z-index: 10; }
.sv-home .sv-announcement { min-height: calc(54 * var(--sv-unit)); padding: 10px 24px; display: flex; gap: 18px; align-items: center; justify-content: center; border-bottom: 1px solid var(--sv-line); color: #c1c9d1; font-size: clamp(11px, .8vw, 14px); }
.sv-home .sv-announcement p { margin: 0; }
.sv-home .sv-announcement a { display: inline-flex; align-items: center; gap: 8px; border-bottom: 1px solid #64707a; white-space: nowrap; }
.sv-home .sv-announcement svg { width: 13px; height: 13px; }
.sv-home .sv-nav-wrap { min-height: calc(88 * var(--sv-unit)); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; padding: 0 var(--sv-pad); }
.sv-home .sv-brand { width: fit-content; display: inline-flex; align-items: center; min-height: 44px; color: #ecf0f4; }

/* Preserve the supplied PNG unchanged; expose its measured alpha bounds (8,15)-(991,142). */
.sv-home .sv-wordmark-frame { position: relative; display: block; width: clamp(140px, 10.15625vw, 195px); aspect-ratio: 983 / 127; overflow: hidden; flex: none; }
.sv-home .sv-wordmark-image { position: absolute; width: 101.7294%; max-width: none; height: auto; left: -.813834%; top: -11.811024%; }
.sv-home .sv-nav { display: flex; align-items: center; gap: clamp(25px, 2.6vw, 50px); }
.sv-home .sv-nav > :where(a, button) { display: flex; align-items: center; min-height: 44px; white-space: nowrap; color: #c6cdd4; font-size: clamp(13px, .93vw, 17px); transition: color 170ms ease; border: none; background: none; padding: 0; }
.sv-home .sv-nav > :where(a, button):hover { color: #fff; }
.sv-home .sv-account { justify-self: end; }
.sv-home .sv-guest, .sv-home .sv-user { display: flex; align-items: center; gap: 11px; }
.sv-home .sv-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; border: 1px solid transparent; min-height: 44px; padding: 0 24px; border-radius: 5px; font-size: 14px; font-weight: 500; line-height: 1.4; white-space: nowrap; transition: background-color 170ms ease, border-color 170ms ease, color 170ms ease; }
.sv-home .sv-button-light { background: #f4f6f9; border-color: #e8edf2; color: #101820; box-shadow: 0 0 0 1px rgba(255,255,255,.04), 0 2px 12px rgba(115,152,180,.09); }
.sv-home .sv-button-light:hover { background: #fff; border-color: #fff; }
.sv-home .sv-button-outline { position: relative; background: rgba(5,12,18,.58); border-color: rgba(130,164,187,.36); color: #edf0f4; }
.sv-home .sv-button-outline:hover { background: #15212b; border-color: #758897; }
.sv-home .sv-register::before, .sv-home .sv-register::after { content: ''; position: absolute; pointer-events: none; width: 13px; height: 10px; border-color: #bccbd7; border-style: solid; opacity: .8; }
.sv-home .sv-register::before { top: -1px; right: -1px; border-width: 1px 1px 0 0; border-radius: 0 5px 0 0; }
.sv-home .sv-register::after { bottom: -1px; left: -1px; border-width: 0 0 1px 1px; border-radius: 0 0 0 5px; }
.sv-home .sv-login, .sv-home .sv-register { min-width: calc(96 * var(--sv-unit)); min-height: calc(48 * var(--sv-unit)); }
.sv-home .sv-user-wrap { position: relative; }
.sv-home .sv-user-toggle { display: flex; align-items: center; justify-content: center; min-height: 44px; gap: 7px; padding: 0 8px; color: #c4d1dc; }
.sv-home .sv-user-toggle svg + svg { width: 14px; height: 14px; }
.sv-home .sv-user-menu { position: absolute; top: calc(100% + 10px); right: 0; min-width: 200px; border: 1px solid #303c47; background: #101820; padding: 8px; border-radius: 8px; box-shadow: 0 16px 40px #0007; }
.sv-home .sv-user-menu :where(a, button, span) { display: block; width: 100%; padding: 10px 12px; text-align: left; font-size: 13px; }
.sv-home .sv-user-menu span { color: #99aaba; border-bottom: 1px solid #27313a; overflow-wrap: anywhere; }
.sv-home .sv-user-menu :where(a, button):hover { background: #1b2733; border-radius: 4px; }
.sv-home .sv-menu-toggle { display: none; }
.sv-home .sv-main { position: relative; z-index: 1; padding: calc(85 * var(--sv-unit)) var(--sv-pad) 0; }
.sv-home .sv-intro { width: max-content; max-width: 72%; }
.sv-home .sv-eyebrow { color: #9cbed8; font-size: clamp(11px, .8vw, 15px); letter-spacing: .32em; line-height: 1.6; font-weight: 400; margin: 0 0 calc(30 * var(--sv-unit)); }
.sv-home h1 { font-size: clamp(42px, 4.04vw, 77px); font-weight: 400; line-height: 1.23; letter-spacing: 0; color: #f0f2f5; margin: 0; }
.sv-home h1 > span { display: block; white-space: nowrap; }
.sv-home .sv-description { margin: calc(21 * var(--sv-unit)) 0 0; font-size: clamp(15px, 1.28vw, 23px); line-height: 1.6; color: #bec8d2; font-weight: 400; letter-spacing: 0; }
.sv-home .sv-description > span { display: block; }
.sv-home .sv-actions { display: flex; align-items: center; gap: calc(36 * var(--sv-unit)); margin-top: calc(38 * var(--sv-unit)); }
.sv-home .sv-download { padding: 0 calc(25 * var(--sv-unit)); min-height: calc(53 * var(--sv-unit)); font-size: clamp(14px, 1.07vw, 20px); font-weight: 500; }
.sv-home .sv-download svg { width: 21px; height: 21px; transition: transform 170ms ease; }
.sv-home .sv-download:hover svg { transform: translateY(1px); }
.sv-home .sv-text-link { position: relative; display: inline-flex; align-items: center; gap: 13px; min-height: 44px; padding: 5px 0; font-size: clamp(14px, 1.04vw, 19px); color: #e1e7ed; transition: color 170ms ease; }
.sv-home .sv-text-link::after { content: ''; position: absolute; bottom: 0; height: 1px; width: 100%; background: #758390; opacity: .8; }
.sv-home .sv-text-link:hover { color: #fff; }
.sv-home .sv-features { display: grid; grid-template-columns: 1fr 1fr 1.22fr; width: calc(956 * var(--sv-unit)); max-width: 100%; min-height: calc(164 * var(--sv-unit)); margin-top: calc(46 * var(--sv-unit)); border: 1px solid var(--sv-line); border-radius: 7px; background: linear-gradient(125deg, rgba(12,19,26,.42), rgba(14,23,31,.6)); padding: calc(28 * var(--sv-unit)) 0; }
.sv-home .sv-feature { min-width: 0; padding: 0 calc(31 * var(--sv-unit)); text-align: left; }
.sv-home .sv-feature + .sv-feature { border-left: 1px solid rgba(138,168,190,.23); }
.sv-home .sv-feature-icon { width: clamp(20px, 1.43vw, 27px); height: clamp(20px, 1.43vw, 27px); stroke-width: 1.5; color: #e3eaf0; margin: 0 0 calc(13 * var(--sv-unit)); }
.sv-home .sv-feature h2 { font-size: clamp(16px, 1.13vw, 21px); font-weight: 500; line-height: 1.5; margin: 0 0 calc(9 * var(--sv-unit)); color: #e6ebef; }
.sv-home .sv-feature p { font-size: clamp(12px, .9vw, 17px); font-weight: 400; line-height: 1.6; color: #aebcc9; margin: 0; white-space: nowrap; }
.sv-home .sv-feature:last-child p { white-space: normal; }
.sv-home .sv-footer { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; column-gap: 20px; padding: calc(38 * var(--sv-unit)) var(--sv-pad) 10px; color: #95a6b6; font-size: 12px; }
.sv-home .sv-footer-tagline { letter-spacing: .24em; font-size: clamp(9px, .66vw, 12px); }
.sv-home .sv-footer-wordmark { letter-spacing: .32em; }
.sv-home .sv-footer-bottom { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 12px; margin-top: 9px; color: #a4b2bf; font-size: 13px; }
.sv-home .sv-footer-bottom > p { line-height: 1.7; }
.sv-home .sv-legal-item { display: inline-block; white-space: nowrap; }
.sv-home .sv-footer-bottom > div { display: flex; gap: 2px; align-items: center; }
.sv-home .sv-footer-sep { margin: 0 7px; color: #586673; }
.sv-home .sv-footer-bottom a, .sv-home #homeMotionToggle { border-radius: 4px; transition: color 170ms ease, background-color 170ms ease; }
.sv-home .sv-footer-bottom a { display: inline-flex; align-items: center; min-height: 36px; padding: 0 10px; white-space: nowrap; }
.sv-home #homeMotionToggle { display: inline-flex; gap: 6px; align-items: center; min-height: 36px; padding: 0 10px; white-space: nowrap; }
.sv-home #homeMotionToggle svg { width: 12px; height: 12px; }
.sv-home .sv-footer a:hover, .sv-home #homeMotionToggle:hover { color: #e1e8ee; background: rgba(133,170,198,.08); }
.sv-home .sv-dialog { position: fixed; inset: 0; width: min(430px, calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow-y: auto; margin: auto; padding: 32px; border-radius: 12px; border: 1px solid #33404d; background: linear-gradient(145deg, #18222c, #0f171f 70%); color: var(--sv-text); box-shadow: 0 22px 80px #0008; }
.sv-home .sv-dialog::backdrop { background: rgba(0,5,10,.72); backdrop-filter: blur(5px); }
.sv-home .sv-dialog-close { position: absolute; top: 12px; right: 12px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 5px; color: #becbd6; }
.sv-home .sv-dialog-close:hover { background: #243240; }
.sv-home .sv-dialog-eyebrow { font-size: 10px; color: #99aebe; letter-spacing: .15em; margin: 4px 0 15px; }
.sv-home .sv-dialog h2 { font-size: 24px; font-weight: 500; margin: 0 0 10px; }
.sv-home .sv-dialog p:not(.sv-dialog-eyebrow) { font-size: 13px; color: #acbbc9; line-height: 1.8; }
.sv-home .sv-platforms { display: grid; gap: 12px; margin: 25px 0 16px; }
.sv-home .sv-platform { display: flex; align-items: center; gap: 15px; text-align: left; min-height: 78px; padding: 16px; border: 1px solid #344352; border-radius: 6px; background: #ffffff03; transition: background-color 170ms, border-color 170ms; }
.sv-home .sv-platform:hover:not(:disabled) { background: #24313e; border-color: #8b9bab; }
.sv-home .sv-platform:disabled { opacity: .6; }
.sv-home .sv-platform > span { display: grid; flex: 1; gap: 2px; }
.sv-home .sv-platform strong { font-size: 16px; font-weight: 500; }
.sv-home .sv-platform small { color: #b1bfcb; font-size: 12px; }
.sv-home .sv-platform > svg:first-child { width: 24px; height: 24px; }
.sv-home .sv-dialog-status { min-height: 22px; }
.sv-home .sv-dialog-status[data-state="error"] { color: #f4aaa5 !important; }
.sv-home .sv-dialog-note { border-top: 1px solid #ffffff10; padding-top: 16px; margin-top: 12px; font-size: 11px !important; }
.sv-home .sv-notice-dialog .sv-button { margin-top: 25px; }
.sv-home .sv-toast { position: fixed; z-index: 300; bottom: 28px; left: 50%; transform: translateX(-50%); width: max-content; max-width: calc(100% - 40px); padding: 12px 20px; background: #1b2732; border: 1px solid #526579; border-radius: 7px; box-shadow: 0 8px 30px #0007; font-size: 13px; color: #e2eaf1; }
.sv-home .sv-noscript { margin: 15px 6%; padding: 12px; border: 1px solid #798997; color: #cbd5df; }
/* Same existing auth markup and API handlers. The visual/accessibility shell is homepage-scoped. */
.sv-home .auth-modal { z-index: 200; background: rgba(0,5,10,.72); backdrop-filter: blur(5px); padding: 16px; }
.sv-home .auth-modal-box { max-width: 420px; max-height: calc(100dvh - 32px); overflow-y: auto; margin: 0; border-radius: 12px; padding: 34px 30px 28px; background: linear-gradient(145deg,#18222c,#101820 70%); border-color: #33404d; }
.sv-home .auth-panel-head h2 { font-weight: 500; }
.sv-home .auth-panel-head p, .sv-home .auth-switch { color: #a4b2bf; }
.sv-home .auth-mode-tab.active { color: #eaf1f7; border-bottom-color: #d5e2ef; font-weight: 500; }
.sv-home .auth-input { background: #0b131b; border-color: #394957; color: #eff3f8; font-family: inherit; min-width: 0; font-size: 14px; transition: border-color 160ms ease, box-shadow 160ms ease; }
.sv-home .auth-modal .auth-input:focus,
.sv-home .auth-modal .auth-input:focus-visible { outline: none; border-color: #718b9f; box-shadow: 0 0 10px rgba(145,181,208,.12); }
.sv-home .auth-modal :where(button, a):focus-visible { outline: 1px solid #8da3b5; outline-offset: 2px; }
.sv-home .auth-modal :where(button, a):focus:not(:focus-visible) { outline: none; }
.sv-home .auth-input::placeholder { color: #8495a4; }
.sv-home .auth-submit { background: #f2f5f8; color: #111b24; font-weight: 500; }
.sv-home .auth-link, .sv-home .auth-eye-btn { color: #c3d6e8; }
.sv-home .auth-eye-btn { right: 8px; height: 32px; width: 32px; display: grid; place-items: center; }
.sv-home .auth-modal-close { color: #bdcbd7; }
.sv-home .auth-code-row .auth-input { min-width: 0; }
.sv-home .auth-code-btn { padding: 0 12px; font-size: 12px; }
.sv-home .auth-error { font-size: 12px; }
.sv-home .auth-wechat-btn { color: #7ccba2; background: #15372830; border-color: #3e6150; }
.sv-home .auth-divider { color: #8593a0; }
.sv-home .auth-mode-tabs { gap: 22px; }
/* Opacity-only motion shares the existing pause/reduced-motion controller. */
@keyframes sv-home-node-breathe { 0%,100% { opacity: .12; } 50% { opacity: .22; } }
@keyframes sv-home-mark-breathe { 0%,100% { opacity: 1; } 50% { opacity: .74; } }
.sv-home[data-effects="running"] .sv-node-halo { animation-play-state: running; }
.sv-home[data-effects="paused"] .sv-node-halo { animation-play-state: paused; }
.sv-home[data-effects="static"] .sv-node-halo { animation: none; opacity: .14; }
.sv-home[data-effects="running"] .sv-node-mark { animation-play-state: running; }
.sv-home[data-effects="paused"] .sv-node-mark { animation-play-state: paused; }
.sv-home[data-effects="static"] .sv-node-mark { animation: none; opacity: 1; }
.sv-home .sv-nav > :where(a, button) { position: relative; }
.sv-home .sv-nav > :where(a, button)::after { content: ''; position: absolute; left: 0; right: 0; bottom: 5px; height: 1px; background: currentColor; opacity: 0; transform: scaleX(.6); transition: opacity 180ms ease, transform 180ms ease; }
.sv-home .sv-button { transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease; }
.sv-home .sv-text-link > svg { transition: transform 180ms ease; }
.sv-home .sv-text-link::after { transition: opacity 180ms ease, background-color 180ms ease; }
.sv-home .sv-nav > :where(a, button):focus-visible::after { opacity: .6; transform: scaleX(1); }
.sv-home .sv-text-link:focus-visible::after { opacity: 1; background-color: #d8e2ec; }
@media (hover: hover) and (pointer: fine) {
 .sv-home .sv-nav > :where(a, button):hover::after { opacity: .6; transform: scaleX(1); }
 .sv-home .sv-button:hover:not(:disabled) { transform: translateY(-1px); }
 .sv-home .sv-button-light:hover:not(:disabled) { box-shadow: 0 4px 14px rgba(150,182,206,.15); }
 .sv-home .sv-button:active:not(:disabled) { transform: translateY(0); }
 .sv-home .sv-text-link:hover > svg { transform: translateX(3px); }
 .sv-home .sv-text-link:hover::after { opacity: 1; background-color: #d8e2ec; }
}
/* Full-bleed background, centered content; desktop height adapts without clipping content. */
@media (min-width: 901px) {
 .sv-home { --sv-unit: clamp(.72px, .0598086124vw, .861244px); --sv-pad: clamp(32px, 3.333333vw, 48px); --sv-content-lift: clamp(0px, calc(10svh - 70px), 32px); }
 .sv-home .sv-stage { display: flex; flex-direction: column; }
 .sv-home :is(.sv-nav-wrap, .sv-main, .sv-footer) { width: 100%; max-width: 1440px; margin-inline: auto; padding-inline: var(--sv-pad); }
 .sv-home .sv-announcement { min-height: 40px; padding-block: 8px; font-size: 12px; }
 .sv-home .sv-nav-wrap { min-height: 80px; }
 .sv-home .sv-nav { gap: clamp(24px, 2.2vw, 32px); }
 .sv-home .sv-nav > :where(a, button) { font-size: 15px; }
 .sv-home .sv-login, .sv-home .sv-register { min-height: 44px; min-width: 82px; }
 .sv-home .sv-main { flex: 1; display: flex; flex-direction: column; justify-content: center; padding-block: 24px 12px; top: calc(-1 * var(--sv-content-lift)); }
 .sv-home .sv-intro { max-width: 72%; }
 .sv-home .sv-eyebrow { font-size: 12px; margin-bottom: 22px; }
 .sv-home h1 { font-size: clamp(42px, 4.04vw, 60px); }
 .sv-home .sv-description { margin-top: 18px; font-size: clamp(15px, 1.28vw, 18px); }
 .sv-home .sv-actions { margin-top: 28px; gap: 30px; }
 .sv-home .sv-download { min-height: 48px; font-size: 16px; }
 .sv-home .sv-text-link { font-size: 15px; }
 .sv-home .sv-features { margin-top: 32px; min-height: 140px; padding-block: 22px; }
 .sv-home .sv-feature h2 { font-size: clamp(16px, 1.13vw, 18px); }
 .sv-home .sv-feature p { font-size: clamp(12px, .9vw, 13px); }
 .sv-home .sv-footer { flex: none; padding-top: 20px; padding-bottom: 18px; }
 .sv-home .sv-art { width: min(100%, 1440px); inset-inline: 0; margin-inline: auto; }
 .sv-home .sv-network { position: absolute; top: calc(50% - 36px - var(--sv-content-lift)); transform: translateY(-47.7151966%); }
}
@media (min-width: 901px) and (max-height: 800px) {
 .sv-home .sv-announcement { min-height: 34px; padding-block: 5px; }
 .sv-home .sv-nav-wrap { min-height: 68px; }
 .sv-home .sv-main { padding-block: 16px 8px; }
 .sv-home .sv-eyebrow { margin-bottom: 16px; }
 .sv-home .sv-description { margin-top: 14px; }
 .sv-home .sv-actions { margin-top: 22px; }
 .sv-home .sv-features { margin-top: 26px; min-height: 130px; padding-block: 18px; }
 .sv-home .sv-feature-icon { margin-bottom: 9px; }
 .sv-home .sv-feature h2 { margin-bottom: 6px; }
 .sv-home .sv-footer { padding-top: 12px; padding-bottom: 12px; }
}
@media (max-width: 1100px) {
 .sv-home { --sv-pad: 5%; }
 .sv-home .sv-nav-wrap { gap: 18px; }
 .sv-home .sv-nav { gap: 20px; }


 .sv-home .sv-button { padding-inline: 18px; }
 .sv-home .sv-login, .sv-home .sv-register { min-width: 68px; min-height: 40px; }
 .sv-home .sv-intro { max-width: 83%; }
 .sv-home .sv-features { width: 82%; }
 .sv-home .sv-feature { padding-inline: 22px; }
 .sv-home .sv-feature p { white-space: normal; }
 .sv-home .sv-network-labels { opacity: .7; }
}
@media (max-width: 900px) {
 .sv-home { --sv-pad: 5%; }
 .sv-home .sv-nav-wrap { min-height: 76px; grid-template-columns: 1fr auto auto; gap: 15px; }
 .sv-home .sv-menu-toggle { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid #344350; border-radius: 5px; }
 .sv-home .sv-nav { display: none; position: absolute; top: 100%; left: 5%; right: 5%; padding: 12px 18px; border: 1px solid #334251; background: #101923; border-radius: 8px; box-shadow: 0 14px 40px #0006; }
 .sv-home .sv-nav[data-open="true"] { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 20px; }
 .sv-home .sv-main { padding-top: 70px; }
 .sv-home h1 { font-size: clamp(40px, 5.4vw, 50px); }
 .sv-home .sv-description { font-size: 16px; }
 .sv-home .sv-features { width: 100%; max-width: 750px; margin-top: 55px; }
 .sv-home .sv-art { opacity: .47; }
 .sv-home .sv-network { position: absolute; width: 1100px; left: -14%; top: 110px; }
 .sv-home .sv-intro { width: 100%; max-width: 100%; }
 .sv-home .sv-dotfield-right { opacity: .18; }
 .sv-home .sv-footer { padding-top: 35px; }
 .sv-home .sv-footer-bottom { flex-wrap: wrap; margin-top: 20px; }
}
@media (max-width: 600px) {
 .sv-home { --sv-pad: 24px; }
 .sv-home .sv-wordmark-frame { width: 112px; }
 .sv-home .sv-announcement { font-size: 10px; line-height: 1.5; min-height: 40px; padding: 10px 20px; text-align: center; }
 .sv-home .sv-nav-wrap { min-height: 72px; gap: 10px; }

 .sv-home .sv-guest { gap: 7px; }
 .sv-home .sv-login, .sv-home .sv-register { font-size: 12px; min-width: 46px; min-height: 36px; padding: 0 10px; }
 .sv-home .sv-menu-toggle { width: 34px; height: 36px; }
 .sv-home .sv-menu-toggle svg { width: 17px; height: 17px; }
 .sv-home .sv-user { gap: 2px; }
 .sv-home .sv-user > .sv-button { min-height: 36px; padding: 0 11px; font-size: 12px; }
 .sv-home .sv-user-toggle { padding: 0 5px; min-height: 36px; }
 .sv-home .sv-user-toggle svg + svg { display: none; }
 .sv-home .sv-nav[data-open="true"] { left: 24px; right: 24px; }
 .sv-home .sv-main { padding-top: 57px; }
 .sv-home .sv-eyebrow { font-size: 10px; letter-spacing: .22em; margin-bottom: 25px; }
 .sv-home h1 { font-size: clamp(32px, 8.4vw, 43px); line-height: 1.4; letter-spacing: -.025em; }
 .sv-home h1 > span { white-space: normal; }
 .sv-home .sv-description { margin-top: 22px; font-size: 14px; line-height: 1.85; max-width: 380px; }
 .sv-home .sv-description > span + span { margin-top: 3px; }
 .sv-home .sv-actions { margin-top: 29px; align-items: flex-start; flex-direction: column; gap: 14px; }
 .sv-home .sv-download { font-size: 14px; padding: 0 19px; min-height: 48px; gap: 11px; }
 .sv-home .sv-text-link { font-size: 13px; min-height: 39px; }
 .sv-home .sv-features { grid-template-columns: 1fr; margin-top: 42px; padding: 0; background: #0e1720bf; }
 .sv-home .sv-feature { padding: 26px 26px 27px; }
 .sv-home .sv-feature + .sv-feature { position: relative; border-left: 0; }
 .sv-home .sv-feature + .sv-feature::before { content: ''; position: absolute; top: 0; left: 26px; right: 26px; height: 1px; background: var(--sv-line); }
 .sv-home .sv-feature-icon { width: 22px; height: 22px; margin-bottom: 13px; }
 .sv-home .sv-feature h2 { font-size: 17px; margin-bottom: 8px; }
 .sv-home .sv-feature p { font-size: 12px; }
 .sv-home .sv-network { width: 940px; left: -28%; top: 70px; }
 .sv-home .sv-network-labels { display: none; }
 .sv-home .sv-art { opacity: .23; }
 .sv-home .sv-dotfield-right { opacity: .12; }
 .sv-home .sv-dotfield-bottom { inset: 42% 0 0; opacity: .22; }
 .sv-home .sv-footer { padding-top: 32px; padding-bottom: 24px; gap: 20px; }
 .sv-home .sv-footer-tagline { font-size: 8px; letter-spacing: .14em; }
 .sv-home .sv-footer-wordmark { display: none; }
 .sv-home .sv-footer-bottom { font-size: 13px; display: grid; gap: 8px; margin-top: 0; }
 .sv-home .sv-footer-bottom > p { max-width: 100%; line-height: 1.9; }
 .sv-home .sv-footer-sep { display: none; }
 .sv-home .sv-legal-item { display: block; }
 .sv-home .sv-dialog { padding: 28px 24px 24px; }
 .sv-home .auth-modal-box { padding: 32px 24px 26px; }
 .sv-home .auth-input { font-size: 16px; padding: 12px; }
 .sv-home .auth-code-btn { padding-inline: 10px; }
}
@media (max-width: 374px) {
 .sv-home { --sv-pad: 20px; }
 .sv-home .sv-wordmark-frame { width: 104px; }
 .sv-home .sv-nav-wrap { gap: 8px; }


 .sv-home .sv-login, .sv-home .sv-register { padding-inline: 9px; min-width: 44px; }
}
@media (prefers-reduced-motion: reduce) {
 .sv-home .sv-node-halo { animation: none !important; opacity: .14; }
 .sv-home .sv-node-mark { animation: none !important; opacity: 1; }
 .sv-home #svParticles { display: none; }
 .sv-home :where(button,a,svg) { transition: none !important; }
 .sv-home .sv-nav > :where(a,button)::after, .sv-home .sv-text-link::after { transition: none !important; }
 .sv-home .sv-button:hover:not(:disabled), .sv-home .sv-text-link:hover > svg { transform: none; }
 .sv-home .sv-download:hover svg { transform: none; }
}