/* Homepage only. Shared account and product screens keep their own theme. */
:root, :root[data-theme="light"] {
  --font-body: "Inter", "Noto Sans SC", system-ui, sans-serif;
  --bg: #f6f5f1; --bg-solid: #f6f5f1; --panel-bg: #f6f5f1;
  --bg-elevated: #eeede8; --bg-elevated-2: #e7e6df; --bg-elevated-3: #e1e0d9;
  --fg: #1c222b; --ink: #1c222b; --fg-muted: #565d66; --fg-dim: #646b74;
  --accent: #244bea; --accent-fg: #244bea; --accent-dim: #2546be;
  --accent-glow: transparent; --accent-rgb: 36,75,234; --accent-tint: #e9edff;
  --border: #d9dad4; --border-strong: #c7cac6; --on-accent: #ffffff;
  --card-bg: #fff; --headline: #1c222b; --line: #d9dad4; --demo-bg: #fff;
}
:root:not([data-theme="light"]) {
  --bg: #10141c; --bg-solid: #10141c; --panel-bg: #10141c;
  --bg-elevated: #191f2a; --bg-elevated-2: #202734; --bg-elevated-3: #2c3442;
  --fg: #f1f2ed; --ink: #f1f2ed; --fg-muted: #b1b8c5; --fg-dim: #9fa8b9;
  --accent: #a6b8ff; --accent-fg: #a6b8ff; --accent-dim: #a6b8ff;
  --accent-tint: #202d53; --border: #333b48; --border-strong: #444f61;
  --headline: #f1f2ed; --line: #333b48; --demo-bg: #191f2a; --card-bg: #191f2a;
  --on-accent: #10141c;
}
html { scroll-behavior: smooth; scroll-padding-top: 105px; }
body.landing { background: var(--bg); color: var(--fg); font-family: var(--font-body); line-height: 1.5; -webkit-font-smoothing: antialiased; }
body.landing::before, body.landing::after { display:none; }
body.landing * { box-sizing: border-box; }
a, button { -webkit-tap-highlight-color: transparent; }
button, select { font: inherit; }
a { color: inherit; }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 5px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 500; top: 10px; left: 10px; transform: translateY(-200%); padding: 12px 20px; background: var(--fg); color: var(--bg); }
.skip-link:focus { transform: none; }
.section-wrap { width: min(100% - 104px, 1360px); margin-inline: auto; }
.service-note { display:flex; align-items:center; justify-content:center; gap: 16px; padding: 10px 28px; background: var(--bg-elevated); border-bottom: 1px solid var(--line); font-size: 11px; line-height: 1.5; color: var(--fg-muted); }
.service-label { font-weight: 600; color: var(--fg); }
.service-note a { white-space:nowrap; color:var(--accent); text-underline-offset: 3px; }
/* Keep shared navigation behaviour, simplify its chrome only on the home page. */
body.landing nav.top { padding: 19px 36px; min-height: 78px; background: var(--bg); border-bottom:1px solid var(--line); gap:16px; }
body.landing nav.top .brand { font-size: 16px; letter-spacing: -.04em; }
body.landing nav.top .brand .sp-product { color:var(--fg); font-weight:600; text-shadow:none; }
body.landing nav.top .brand::after { content:"beta"; color:var(--fg-muted); border:1px solid var(--line); text-shadow:none; font-size:9px; letter-spacing:.03em; padding:4px; }
body.landing nav.top .links { font-family:var(--font-body); font-size:12px; gap:10px; align-items:center; }
body.landing nav.top .links a, body.landing nav.top .links .nav-trigger { font-family:var(--font-body); letter-spacing:0; text-transform:none; color:var(--fg); text-shadow:none; }
body.landing nav.top .links .nav-trigger { font-size:12px; padding:8px 10px; }
body.landing nav.top .links .nav-dropdown { background:var(--demo-bg); border-color:var(--line); border-radius:6px; box-shadow:0 12px 32px #0001; }
body.landing nav.top .links .nav-dropdown a { font-size:13px; min-height:40px; }
body.landing nav.top .links .nav-social { display:none; }
body.landing nav.top .theme-toggle { border-color:var(--line); border-radius:50%; width:34px; height:34px; min-width:34px; }
.hero { padding-block: 42px 66px; }
.hero-topline { display:flex; justify-content:space-between; gap:20px; align-items:center; }
.eyebrow { font-family: var(--font-mono); font-size:10px; line-height:1.5; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--fg-muted); }
.quiet-link { font-size:11px; text-decoration:none; color:var(--fg-muted); }
.quiet-link span { margin-left:9px; color:var(--accent); }
h1 { font-family:var(--font-body); color:var(--headline); font-size:clamp(58px,7.6vw,112px); letter-spacing:-.065em; line-height:1.05; font-weight:500; margin:40px 0 48px; text-wrap:balance; }
h1 > span { display:block; }
h1 em { font-family:Georgia,"Noto Serif SC",serif; color:var(--accent); font-weight:400; letter-spacing:-.065em; }
.hero-bottom { display:grid; grid-template-columns: .85fr 1.15fr; gap:clamp(40px,7vw,120px); align-items:start; }
.hero-intro > p:first-child { font-size:22px; line-height:1.4; max-width:390px; margin:8px 0 19px; letter-spacing:-.03em; }
.supporting { font-size:14px; line-height:1.85; color:var(--fg-muted); max-width:400px; margin:0 0 28px; }
.actions { display:flex; flex-wrap:wrap; gap:24px; align-items:center; }
.button { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-height:52px; padding:14px 22px; border-radius:4px; font-size:13px; font-weight:500; text-decoration:none; transition:transform .22s ease, box-shadow .22s ease, background .22s ease; }
.button.primary { color:var(--on-accent); background:var(--accent); }
.button:hover { transform:translateY(-3px); box-shadow:0 8px 18px #244bea24; }
.button span { font-size:20px; line-height:1; transition:transform .22s ease; }
.button:hover span { transform:translate(2px,-2px); }
.text-link { font-size:12px; font-weight:500; text-decoration:none; padding-block:12px; border-bottom:1px solid var(--line); transition:border-color .2s; }
.text-link:hover { border-color:var(--accent); }
.text-link span { margin-left:15px; color:var(--accent); }
.hero-scroll { display:inline-flex; gap:12px; align-items:center; font-size:11px; color:var(--fg-muted); text-decoration:none; margin-top:46px; }
.hero-scroll > span { display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; width:28px; height:28px; color:var(--accent); }
.route-demo { background:var(--demo-bg); border:1px solid var(--line); border-radius:6px; box-shadow:0 16px 48px #16244908; overflow:hidden; }
.demo-header { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:19px 24px 16px; }
.demo-label { font-size:9px; color:var(--fg-muted); border:1px solid var(--line); padding:3px 7px; border-radius:3px; }
.demo-modes { display:flex; padding:0 24px 18px; gap:4px; }
.mode { cursor:pointer; border:1px solid transparent; border-radius:4px; background:transparent; color:var(--fg-muted); font-size:11px; padding:9px 13px; transition:background .2s, color .2s; }
.mode.active { color:var(--accent); background:var(--accent-tint); }
.mode:hover { border-color:var(--line); }
.route-row { min-height:75px; display:grid; grid-template-columns:22px 1fr auto; align-items:center; gap:15px; border-top:1px solid var(--line); padding:15px 24px; }
.route-number { font-family:var(--font-mono); font-size:10px; color:var(--fg-dim); }
.route-row strong { font-size:12px; font-weight:500; display:block; margin-top:3px; }
.route-kicker { font-size:10px; color:var(--fg-muted); }
.route-detail { font-family:var(--font-mono); font-size:9px; color:var(--fg-muted); text-align:right; }
.route-center { background:var(--accent-tint); border-left:3px solid var(--accent); padding-left:21px; }
.route-center strong, .route-center .route-kicker { color:var(--accent); }
.model-picker select { background:var(--demo-bg); border:1px solid var(--line); color:var(--fg); padding:7px 4px; border-radius:3px; max-width:120px; font-size:10px; }
.demo-foot { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:16px 24px 9px; border-top:1px solid var(--line); }
.demo-foot p, .demo-foot a { font-size:10px; line-height:1.6; margin:0; }
.demo-foot a { text-decoration:none; color:var(--accent); white-space:nowrap; }
.example-note { font-size:9px; color:var(--fg-muted); padding:0 24px 16px; margin:0; }
.model-strip { border-block:1px solid var(--line); padding-block:26px 22px; }
.model-strip > .eyebrow { display:block; }
.model-names { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:17px 0; }
.model-names a { font-weight:500; font-size:clamp(16px,1.8vw,25px); letter-spacing:-.05em; text-decoration:none; transition:color .2s; }
.model-names a:last-child { color:var(--fg-muted); font-size:12px; letter-spacing:0; }
.model-names a:hover { color:var(--accent); }
.model-strip p { font-size:10px; color:var(--fg-muted); margin:0; }
.platform { padding-block:112px 120px; display:grid; grid-template-columns: .85fr 1.15fr; gap:clamp(40px,7vw,120px); }
h2 { font-size:clamp(34px,4vw,56px); font-weight:500; letter-spacing:-.055em; line-height:1.12; color:var(--fg); margin:25px 0; text-wrap:balance; }
.muted { color:var(--fg-muted); }
.section-heading > p { max-width:300px; font-size:14px; color:var(--fg-muted); line-height:1.8; }
.feature-row { display:grid; grid-template-columns:24px 1fr auto; gap:17px; border-top:1px solid var(--line); padding:29px 0; text-decoration:none; transition:padding .25s; }
.feature-row:last-child { border-bottom:1px solid var(--line); }
.feature-row:hover { padding-left:8px; }
.feature-index { font-family:var(--font-mono); font-size:10px; padding-top:5px; color:var(--accent); }
h3 { font-size:20px; font-weight:500; line-height:1.35; letter-spacing:-.04em; margin:0 0 12px; }
.feature-row p { color:var(--fg-muted); font-size:12px; line-height:1.8; margin:0; max-width:350px; }
.feature-action { display:block; color:var(--accent); font-size:11px; margin-top:18px; }
.feature-action span { margin-left:8px; }
.feature-tag { font-family:var(--font-mono); font-size:9px; color:var(--fg-muted); writing-mode:vertical-rl; text-transform:uppercase; letter-spacing:.12em; padding-top:4px; }
.connect-band { background:#244bea; color:#fff; }
.connect-grid { display:grid; grid-template-columns: 1.15fr .85fr; gap:clamp(40px,7vw,120px); padding-block:85px; align-items:center; }
.connect-band .eyebrow { color:#d7dfff; }
.connect-band h2 { color:white; }
.connect-band p { font-size:13px; line-height:1.85; color:#e1e7ff; max-width:325px; margin-bottom:30px; }
.light-button { background:#f6f5f1; color:#244bea; }
.code-panel { border:1px solid #ffffff38; background:#1737b2; border-radius:6px; overflow:hidden; min-width:0; }
.code-top { padding:15px 22px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #ffffff30; font-family:var(--font-mono); font-size:10px; color:#e1e7ff; }
.code-top button { color:white; background:transparent; border:1px solid #ffffff50; border-radius:3px; cursor:pointer; padding:7px 10px; font-size:10px; }
.code-top button:hover { background:#ffffff18; }
.code-panel pre { background:transparent; border:0; border-radius:0; color:#fff; padding:26px 22px; margin:0; line-height:1.8; font-size:11px; overflow-x:auto; max-width:100%; }
.code-panel code { background:none; color:inherit; padding:0; border:0; font-family:var(--font-mono); font-size:inherit; }
.code-bottom { padding:16px 22px; border-top:1px solid #ffffff30; display:flex; flex-direction:column; gap:10px; font-size:10px; color:#e1e7ff; }
.code-bottom a { color:white; text-underline-offset:3px; }
.transparency { padding-block:110px; display:grid; grid-template-columns: .85fr 1.15fr; gap:clamp(40px,7vw,120px); border-bottom:1px solid var(--line); }
.deployment-badge { font-family:var(--font-mono); font-size:9px; display:inline-block; background:var(--bg-elevated); border:1px solid var(--line); color:var(--fg); padding:7px 10px; border-radius:3px; }
.trust-copy .trust-lead { font-size:21px; line-height:1.5; letter-spacing:-.035em; color:var(--fg); margin:22px 0; }
.trust-copy > p { color:var(--fg-muted); font-size:13px; line-height:1.9; max-width:500px; }
.trust-copy .actions { margin-top:24px; gap:20px; }
.final-cta { padding-block:78px 90px; }
.final-cta h2 { font-size:clamp(52px,8vw,110px); margin-block:30px; }
.final-bottom { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.final-bottom p { font-size:14px; line-height:1.8; color:var(--fg-muted); }
.landing-footer { padding-block:30px; border-top:1px solid var(--line); font-size:11px; }
.footer-top, .footer-bottom { display:flex; justify-content:space-between; align-items:center; gap:22px; }
.footer-brand { display:flex; align-items:center; gap:8px; text-decoration:none; font-size:16px; font-weight:500; letter-spacing:-.03em; }
.footer-brand span { font-size:11px; color:var(--fg-muted); font-weight:400; margin-left:6px; }
.footer-links { display:flex; flex-wrap:wrap; gap:24px; align-items:center; }
.footer-links a, .footer-bottom a { text-decoration:none; color:var(--fg-muted); }
.footer-links a:hover, .footer-bottom a:hover { color:var(--accent); }
.language-picker select { border:1px solid var(--line); padding:6px 8px; background:transparent; color:var(--fg); border-radius:3px; font-size:11px; }
.footer-bottom { padding-top:25px; margin-top:25px; border-top:1px solid var(--line); color:var(--fg-muted); }
.landing-footer .nav-social { display:flex; gap:20px; margin-top:24px; }
.landing-footer .nav-social a { display:flex; align-items:center; gap:6px; color:var(--fg-muted); text-decoration:none; font-size:10px; }
.landing-footer .nav-social svg { width:12px; height:12px; }
/* Content is visible without JavaScript. Motion is opt-in and never traps scrolling. */
@media (prefers-reduced-motion:no-preference) {
  .hero h1 { animation:hero-enter .8s cubic-bezier(.16,1,.3,1) both; }
  .hero-bottom { animation:hero-enter .9s .12s cubic-bezier(.16,1,.3,1) both; }
  .reveal { opacity:.25; transform:translateY(20px); transition:opacity .7s, transform .7s; }
  .reveal.visible { opacity:1; transform:none; }
  @keyframes hero-enter { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  body.landing *, body.landing *::before, body.landing *::after { animation:none!important; transition:none!important; }
}
@media (max-width:1100px) {
  .section-wrap { width:calc(100% - 64px); }
  body.landing nav.top { padding-inline:24px; }
  body.landing nav.top .links { gap:0; }
  body.landing nav.top .brand .sp-mark { display:none; }
  .hero-bottom, .platform, .connect-grid, .transparency { gap:40px; }
  .route-detail { max-width:110px; font-size:8px; }
}
@media (max-width:760px) {
  html { scroll-padding-top:85px; }
  .section-wrap { width:calc(100% - 40px); }
  .service-note { padding:10px 20px; display:block; font-size:10px; text-align:left; }
  .service-label { display:none; }
  .service-note a { display:inline-block; margin-left:5px; }
  body.landing nav.top { padding:16px 20px; min-height:68px; }
  body.landing nav.top .links { align-items:stretch; background:var(--bg); }
  body.landing nav.top .links .nav-trigger { font-size:14px; padding:15px 20px; }
  body.landing nav.top .links a { font-size:14px; padding:15px 20px; }
  body.landing nav.top .links .nav-dropdown { border-radius:0; box-shadow:none; }
  body.landing nav.top .brand .sp-mark { display:inline; }
  .hero { padding-block:30px 40px; }
  .hero-topline .quiet-link { display:none; }
  h1 { font-size:clamp(42px,9vw,66px); line-height:1.1; letter-spacing:-.055em; margin:30px 0; }
  .hero-bottom, .platform, .connect-grid, .transparency { grid-template-columns:1fr; gap:36px; }
  .hero-intro > p:first-child { font-size:21px; max-width:350px; }
  .supporting { font-size:13px; }
  .hero-scroll { margin-top:26px; }
  .route-demo { margin-top:6px; }
  .demo-header { padding:18px; }
  .demo-modes { padding:0 18px 18px; }
  .route-row { padding:14px 18px; gap:10px; }
  .route-center { padding-left:15px; }
  .route-row strong { font-size:11px; }
  .route-detail { font-size:8px; max-width:95px; }
  .demo-foot { padding:14px 18px 8px; }
  .example-note { padding:0 18px 14px; }
  .model-strip { padding-block:24px; }
  .model-names { flex-wrap:wrap; gap:17px 24px; justify-content:flex-start; }
  .model-names a { font-size:21px; }
  .model-names a:last-child { font-size:11px; }
  .platform { padding-block:60px; }
  h2 { font-size:38px; }
  .feature-row { padding-block:25px; }
  .connect-grid { padding-block:60px; }
  .code-panel pre { font-size:9.5px; padding:22px 16px; }
  .code-top, .code-bottom { padding-inline:16px; }
  .transparency { padding-block:60px; }
  .transparency .section-heading h2 { margin-bottom:0; }
  .final-cta { padding-block:55px; }
  .final-cta h2 { font-size:64px; }
  .final-bottom { align-items:flex-start; flex-direction:column; gap:12px; }
  .footer-top { align-items:flex-start; flex-direction:column; }
  .footer-links { gap:18px; }
  .footer-bottom { font-size:10px; }
  .landing-footer .nav-social { flex-wrap:wrap; }
  :root[lang="zh-CN"] h1, :root[lang="ja"] h1, :root[lang="ko"] h1 { font-size:clamp(38px,9vw,64px); line-height:1.2; letter-spacing:-.04em; }
}
@media (max-width:360px) {
  .section-wrap { width:calc(100% - 32px); }
  body.landing nav.top .brand .sp-mark { display:none; }
  .route-row { grid-template-columns:18px 1fr; }
  .route-row .route-detail, .route-row .model-picker { grid-column:2; text-align:left; }
  .demo-header { align-items:flex-start; }
  .demo-label { max-width:80px; }
  .demo-foot { align-items:flex-start; flex-direction:column; }
  .mode { padding:8px; }
}
/* Neutralise shared terminal chrome on editorial elements. */
body.landing .service-note, body.landing .hero-intro,
body.landing .hero-topline, body.landing .hero-bottom,
body.landing .route-row, body.landing .demo-header,
body.landing .demo-modes, body.landing .demo-foot,
body.landing .section-wrap, body.landing .model-names,
body.landing .feature-list, body.landing .feature-row,
body.landing .section-heading, body.landing .trust-copy,
body.landing .footer-top, body.landing .footer-bottom,
body.landing .connect-band, body.landing .actions,
body.landing .feature-row > div { border-radius:0; }
body.landing a.button.primary, body.landing a.button.primary:hover { color:var(--on-accent); text-decoration:none; }
body.landing a.light-button, body.landing a.light-button:hover { color:#244bea; text-decoration:none; }
body.landing .button:focus-visible, body.landing .code-top button:focus-visible { outline-offset:5px; }
body.landing .connect-band :focus-visible { outline-color:white; }
body.landing .model-names a, body.landing .quiet-link, body.landing .hero-scroll,
body.landing .feature-row, body.landing .demo-foot a { text-decoration:none; }
body.landing .hero-scroll > span, body.landing .demo-label { border-radius:3px; }
body.landing .hero-scroll > span { border-radius:50%; }
/* Final polish: readable demo labels, immediate first-paint content, square menu rows. */
.demo-header .eyebrow, .demo-label, .route-kicker, .demo-foot p,
.demo-foot a, .example-note, .mode, .model-picker select { font-size:11px; }
.route-row strong { font-size:13px; }
.model-strip p, .service-note { font-size:12px; }
.route-detail { font-size:10px; }
.demo-foot { align-items:flex-start; }
.demo-foot a { white-space:normal; flex-shrink:0; max-width:38%; }
@media (prefers-reduced-motion:no-preference) {
  @keyframes hero-enter { from { opacity:.92; transform:translateY(10px); } to { opacity:1; transform:none; } }
}
@media (max-width:760px) {
  .service-note { font-size:10px; }
  .route-row strong { font-size:12px; }
  .route-detail { font-size:9px; }
  body.landing nav.top .links { box-shadow:0 16px 24px #15234018; border-radius:0; }
  body.landing nav.top .links a, body.landing nav.top .links .nav-group,
  body.landing nav.top .links .nav-trigger, body.landing nav.top .links .nav-social,
  body.landing nav.top .links .auth-state-slot { border-radius:0; }
}
body.landing .code-panel pre, body.landing .code-panel pre code { color:#fff; background:transparent; border:0; text-shadow:none; }
body.landing .code-panel .code-bottom a, body.landing .code-panel .code-bottom a:hover { color:white; }
body.landing .code-top, body.landing .code-bottom { border-radius:0; }
.model-picker select { max-width:152px; }
@media (min-width:761px) and (max-width:1000px) {
  .route-row { grid-template-columns:20px 1fr; }
  .route-row .route-detail, .route-row .model-picker { grid-column:2; text-align:left; }
}
body.landing .text-link { border-radius:0; }
/* Touch targets keep the compact type without requiring precision taps. */
@media (max-width:760px) {
  .mode, .model-picker select, .code-top button, .language-picker select { min-height:44px; }
  body.landing nav.top .theme-toggle, body.landing nav.top .nav-toggle { width:44px; height:44px; min-width:44px; }
  .footer-links a, .footer-bottom a, .landing-footer .nav-social a { display:inline-flex; align-items:center; min-height:44px; }
}
@media (max-width:420px) {
  body.landing nav.top .brand .sp-mark { display:none; }
}
.hero-phrase, h1 em { display:inline-block; white-space:nowrap; }
body.landing .skip-link, body.landing .skip-link:hover { color:var(--bg); text-decoration:none; }

/* The new positioning remains a deliberate two-line headline. */
#hero-title{font-size:clamp(58px,7.2vw,104px)}
@media(max-width:700px){#hero-title{font-size:clamp(27px,7.7vw,54px)}}

/* Sumplus backers: one neutral palette, equal placement, original marks preserved. */
.home-backers{padding-block:96px 70px;text-align:center}
.home-backers-heading h2{font-size:clamp(32px,4vw,52px);line-height:1.15;font-weight:500;letter-spacing:-.045em;margin:0 0 18px}
.home-backers-heading p{font-size:16px;line-height:1.6;color:var(--fg-muted);margin:0}
.home-backer-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px 30px;list-style:none;padding:0;margin:52px 0 30px}
.home-backer{grid-column:span 2;min-width:0;height:106px;display:flex;align-items:center;justify-content:center;border-radius:0!important}
.home-backer:nth-child(7){grid-column:2/span 2}
.home-backer img{display:block;width:100%;max-width:148px;height:66px;object-fit:contain;filter:url(#backer-mono) brightness(.7);mix-blend-mode:normal;opacity:.8;transition:opacity .25s ease}
.home-backer.hb-naviator-global img{filter:invert(1) url(#backer-mono) brightness(.7)}
.home-backer.hb-cetus img,.home-backer.hb-coin98 img,.home-backer.hb-kernel img,.home-backer.hb-psy img,.home-backer.hb-ufly img{width:62px;height:62px}
.home-backer.hb-saros img{max-width:155px}
.home-backers-link{display:inline-block;font-size:13px;color:var(--fg-muted);text-underline-offset:5px}
:root:not([data-theme="light"]) .home-backer img{filter:url(#backer-mono) invert(1) brightness(1.65);mix-blend-mode:normal}
:root:not([data-theme="light"]) .home-backer.hb-naviator-global img{filter:invert(1) url(#backer-mono) invert(1) brightness(1.65)}
@media(hover:hover){.home-backer:hover img{opacity:1}}
@media(max-width:760px){.home-backers{padding-block:64px 46px}.home-backer-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 22px;margin-top:32px}.home-backer{height:88px}.home-backer:nth-child(7){grid-column:span 2}.home-backer:nth-child(10){grid-column:2/span 2}.home-backer img{height:54px}.home-backer.hb-cetus img,.home-backer.hb-coin98 img,.home-backer.hb-kernel img,.home-backer.hb-psy img,.home-backer.hb-ufly img{width:48px;height:48px}.home-backers-heading p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.home-backer img{transition:none}}

/* A quiet arrival and tactile response; all backers retain equal emphasis. */
.home-backers{position:relative;background:radial-gradient(ellipse at 50% 48%,rgba(var(--accent-rgb),.045),transparent 68%)}
.home-backers .home-backer-grid{padding-block:20px;border-block:1px solid var(--line);border-radius:0}
.home-backer{position:relative;transition:translate .3s ease}
.home-backer.hb-cetus img{filter:grayscale(1) brightness(.48);opacity:.95}
:root:not([data-theme="light"]) .home-backer.hb-cetus img{filter:grayscale(1) brightness(.48) invert(1);opacity:.95}
@media(hover:hover){.home-backer:hover{translate:0 -4px}.home-backer:hover img{opacity:1}}
@media(prefers-reduced-motion:no-preference){
.home-backers.in-view .home-backers-heading{animation:backers-arrive .7s cubic-bezier(.2,.65,.3,1) both}
.home-backers.in-view .home-backer{animation:backers-arrive .65s cubic-bezier(.2,.65,.3,1) both;animation-delay:calc(.1s + var(--backer-order,0)*45ms)}
@keyframes backers-arrive{from{opacity:.18;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){.home-backer{transition:none}.home-backer:hover{translate:none}}

/* Original brand color on hover, with a soft circular halo rather than a tile. */
.home-backers-heading p,.backers-hero p{max-width:650px;margin-inline:auto;text-wrap:pretty}
.home-backers-heading p{line-height:1.8}
.home-backer{--brand-glow:76,115,246}
.hb-arche-fund{--brand-glow:249,111,38}.hb-bluwhale{--brand-glow:56,80,165}.hb-sui{--brand-glow:76,163,255}.hb-cetus{--brand-glow:22,218,169}.hb-coin98{--brand-glow:216,173,37}.hb-kernel{--brand-glow:210,66,38}.hb-movebit{--brand-glow:117,111,151}.hb-naviator-global{--brand-glow:140,151,180}.hb-psy{--brand-glow:120,125,138}.hb-saros{--brand-glow:114,65,240}.hb-ufly{--brand-glow:17,199,103}
.home-backer::before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(var(--brand-glow),.26),rgba(var(--brand-glow),.08) 44%,transparent 72%);filter:blur(12px);opacity:0;scale:.7;pointer-events:none;transition:opacity .4s ease,scale .4s ease}
.home-backer img{position:relative;transition:filter .4s ease,opacity .3s ease}
@media(hover:hover){
:root .home-backer:hover img,:root:not([data-theme="light"]) .home-backer:hover img{filter:none;opacity:1}
.home-backer:hover::before{opacity:1;scale:1.35}
}
@media(max-width:760px){.home-backers-heading p,.backers-hero p{max-width:34em}.home-backer::before{width:70px;height:70px}}
@media(prefers-reduced-motion:reduce){.home-backer::before,.home-backer img{transition:none}.home-backer:hover::before{scale:1}}

/* Editorial homepage scene, preserving equal backer prominence and brand hover. */
.home-backers{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.65fr);gap:clamp(48px,6vw,100px);align-items:center;padding-block:112px 120px;text-align:left;background:none;border-top:1px solid var(--line)}
.home-backers-heading{position:relative;z-index:1}
.home-backers-heading h2{font-size:clamp(48px,5.4vw,78px);letter-spacing:-.065em;line-height:1.05;margin-bottom:26px}
.home-backers-heading p{max-width:360px;margin:0;font-size:15px;line-height:1.85}
.home-backers-heading .home-backers-link{margin-top:30px;display:inline-flex;align-items:center;gap:32px;font-size:12px}
.home-backers .home-backer-grid{position:relative;grid-template-columns:repeat(8,minmax(0,1fr));gap:22px 24px;padding-block:24px;margin:0;border:0;isolation:isolate}
.home-backers .home-backer-grid::before{content:"";position:absolute;inset:-60px -20px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(var(--accent-rgb),.045),transparent 70%)}
.home-backers .home-backer{height:108px;grid-column:span 2}
.home-backers .home-backer:nth-child(7){grid-column:span 2}
.home-backers .home-backer:nth-child(9){grid-column:2/span 2}
.home-backers .home-backer img{max-width:130px;height:62px}
.home-backers .home-backer.hb-naviator-global img{max-width:160px;height:92px}
.home-backers .home-backer.hb-cetus img,.home-backers .home-backer.hb-coin98 img,.home-backers .home-backer.hb-kernel img,.home-backers .home-backer.hb-psy img,.home-backers .home-backer.hb-ufly img{width:56px;height:56px}
@media(min-width:761px) and (max-width:1100px){.home-backers{gap:36px;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)}.home-backers .home-backer-grid{gap:16px}.home-backers .home-backer img{max-width:110px}}
@media(max-width:760px){
.home-backers{display:block;padding-block:64px 68px;text-align:left}
.home-backers-heading{max-width:520px}.home-backers-heading h2{font-size:52px;margin-bottom:20px}
.home-backers-heading p{font-size:14px;max-width:36em}.home-backers-heading .home-backers-link{margin-top:18px}
.home-backers .home-backer-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 18px;margin-top:38px;padding-block:0}
.home-backers .home-backer{height:86px}.home-backers .home-backer:nth-child(9){grid-column:span 2}.home-backers .home-backer:nth-child(10){grid-column:2/span 2}
.home-backers .home-backer img{height:54px;max-width:130px}
.home-backers .home-backer.hb-naviator-global img{height:76px}
.home-backers .home-backer.hb-cetus img,.home-backers .home-backer.hb-coin98 img,.home-backers .home-backer.hb-kernel img,.home-backers .home-backer.hb-psy img,.home-backers .home-backer.hb-ufly img{width:48px;height:48px}
}
@media(max-width:760px){.home-backers .home-backer-grid::before{inset:-30px 0}}

/* Alternate the quickstart scene against the following Backers composition. */
@media(min-width:761px){.connect-grid>.code-panel{grid-column:1;grid-row:1}.connect-grid>div:first-child{grid-column:2;grid-row:1}}