:root {
  --ink: #f8fafc; --ink-soft: #9ea9b9; --navy: #070b13; --navy-2: #0d1522;
  --panel-solid: #111a29; --orange: #ff6a00; --gold: #ffb547; --coral: #ff6f61;
  --line: rgba(255,255,255,.1); --line-warm: rgba(255,145,48,.3); --white: #fff;
  --shadow: 0 36px 100px -48px rgba(0,0,0,.9); --ease-out: cubic-bezier(.23,1,.32,1);
  --ease-in-out: cubic-bezier(.77,0,.175,1);
  font-family: Manrope, Inter, "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;
  color: var(--ink); background: var(--navy); font-synthesis: none;
}
* { box-sizing: border-box; }
html { overflow-x: hidden; scroll-behavior: smooth; background: var(--navy); }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--navy); color: var(--ink); line-height: 1.7; }
body::before { content: ""; position: fixed; z-index: -1; inset: 0; background: radial-gradient(circle at 88% 12%,rgba(255,106,0,.08),transparent 24%),radial-gradient(circle at 8% 72%,rgba(255,181,71,.055),transparent 26%),var(--navy); }
.page-flow { position: fixed; z-index: 1; inset: 0; width: 100%; height: 100%; opacity: .72; pointer-events: none; mix-blend-mode: screen; mask-image: linear-gradient(90deg,transparent 0,rgba(0,0,0,.34) 18%,#000 46%,rgba(0,0,0,.82) 100%); }
a { color: inherit; } img,svg { max-width: 100%; } button,input,textarea { font: inherit; }
.no-break { white-space: nowrap; }
::selection { color: #090d14; background: var(--gold); }
.section-shell { width: min(1240px,calc(100% - 72px)); margin-inline: auto; }
.skip-link { position: fixed; z-index: 100; top: 8px; left: 8px; padding: 10px 14px; transform: translateY(-150%); color: #09101a; background: var(--white); border: 2px solid var(--orange); border-radius: 8px; }
.skip-link:focus { transform: none; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.site-header { position: sticky; z-index: 50; top: 0; color: var(--white); background: rgba(7,11,19,.76); border-bottom: 1px solid var(--line); backdrop-filter: blur(22px) saturate(140%); }
.header-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
.brand-symbol { width: 43px; height: 42px; display: block; flex: 0 0 auto; }
.brand-symbol img { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand-wordmark { display: grid; color: var(--white); font-size: 19px; font-weight: 720; line-height: 1; letter-spacing: -.035em; }
.brand-wordmark small { margin-top: 6px; color: #7f8998; font-size: 9px; font-weight: 600; letter-spacing: .1em; }
.main-nav { display: flex; align-items: center; gap: 34px; }
.main-nav a { position: relative; padding: 27px 0 24px; color: #aeb7c5; font-size: 13px; font-weight: 650; text-decoration: none; transition: color 180ms ease; }
.main-nav a:hover,.main-nav a[aria-current=page] { color: var(--white); }
.main-nav a::before { content: ""; position: absolute; right: 0; bottom: 18px; left: 0; height: 1px; transform: scaleX(0); transform-origin: right; background: linear-gradient(90deg,var(--orange),var(--gold)); transition: transform 220ms var(--ease-out); }
.main-nav a:hover::before,.main-nav a[aria-current=page]::before { transform: scaleX(1); transform-origin: left; }
.nav-toggle { display: none; width: 42px; height: 42px; padding: 9px; border: 1px solid var(--line); border-radius: 10px; background: transparent; }
.nav-toggle i { display: block; height: 1px; margin: 5px; border-radius: 2px; background: var(--white); }
.hero { position: relative; min-height: calc(100svh - 76px); overflow: hidden; display: flex; flex-direction: column; justify-content: center; border-bottom: 1px solid var(--line); background: #080d16; }
.hero::before { content: ""; position: absolute; z-index: 0; inset: 0; opacity: .45; background-image: linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom,transparent 2%,#000 38%,transparent 92%); }
.hero::after { content: ""; position: absolute; z-index: 0; inset: 0; background: radial-gradient(circle at 73% 42%,rgba(255,96,0,.18),transparent 17%),radial-gradient(circle at 78% 43%,rgba(255,181,71,.07),transparent 34%),radial-gradient(circle at 10% 92%,rgba(255,106,0,.11),transparent 29%),linear-gradient(120deg,rgba(8,13,22,.95) 10%,rgba(10,17,29,.92) 58%,rgba(17,16,26,.9)); }
.hero-grid { position: absolute; z-index: 0; inset: 0; background: linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.05) 50%,transparent 50.1%); pointer-events: none; }
.hero-glow { position: absolute; z-index: 0; width: 34vw; aspect-ratio: 1; border: 1px solid rgba(255,143,37,.14); border-radius: 50%; }
.hero-glow::before,.hero-glow::after { content: ""; position: absolute; inset: 12%; border: inherit; border-radius: inherit; }
.hero-glow::after { inset: 25%; }
.hero-glow-one { top: -18vw; right: -8vw; } .hero-glow-two { bottom: -28vw; left: -14vw; width: 42vw; }
.hero-inner { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1.3fr) minmax(390px,.7fr); gap: 44px; align-items: center; padding-block: 70px 120px; }
.hero-copy { position: relative; z-index: 2; max-width: 900px; }
.hero-status { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 34px; color: #aab3c2; font-size: 11px; font-weight: 750; letter-spacing: .19em; animation: hero-enter 760ms var(--ease-out) 60ms both; }
.hero-status span { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 5px rgba(255,106,0,.12),0 0 22px rgba(255,106,0,.9); animation: status-pulse 2.4s ease-in-out infinite; }
.hero h1,.page-hero h1 { margin: 0; line-height: 1.03; letter-spacing: -.055em; }
.hero h1 { max-width: 900px; font-size: clamp(52px,5.2vw,82px); font-weight: 760; animation: hero-enter 820ms var(--ease-out) 170ms both; }
.hero h1 span { display: block; color: #8f9aab; font-size: .5em; font-weight: 520; letter-spacing: -.025em; }
.hero h1 em { display: block; width: max-content; max-width: 100%; padding-right: .08em; color: transparent; background: linear-gradient(100deg,var(--orange),var(--gold) 60%,var(--coral)); background-clip: text; -webkit-background-clip: text; font-style: normal; text-shadow: 0 0 50px rgba(255,106,0,.12); }
.hero-lead { max-width: 740px; margin: 28px 0 0; color: #acb6c5; font-size: 17px; animation: hero-enter 760ms var(--ease-out) 230ms both; }
.button-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; animation: hero-enter 760ms var(--ease-out) 285ms both; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 50px; padding: 0 23px; border: 1px solid transparent; border-radius: 10px; font-size: 13px; font-weight: 760; text-decoration: none; transition: transform 180ms var(--ease-out),border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease; }
.button-primary { color: var(--white); background: linear-gradient(115deg,#ff5f00,#ff8a24); box-shadow: 0 18px 40px -20px rgba(255,106,0,.78); }
.button-primary span { font-size: 17px; }
.button-secondary { color: #dce2eb; border-color: var(--line); background: rgba(255,255,255,.045); backdrop-filter: blur(10px); }
.button-light { color: #090e16; background: var(--white); }
.signal-stage { position: relative; z-index: 1; width: min(100%,480px); aspect-ratio: 1; justify-self: end; transition: transform 600ms var(--ease-out); }
.signal-stage::before { content: ""; position: absolute; inset: 6%; border-radius: 50%; background: radial-gradient(circle,rgba(255,112,0,.17),rgba(255,106,0,.03) 42%,transparent 68%); filter: blur(3px); }
.signal-orbit { position: absolute; border: 1px solid rgba(255,168,76,.22); border-radius: 50%; animation: orbit-warp 19s var(--ease-in-out) infinite; will-change: transform; }
.signal-orbit::before { content: ""; position: absolute; inset: -1px; border-radius: inherit; background: conic-gradient(from 210deg,transparent 0 63%,rgba(255,106,0,.8) 74%,transparent 83%); mask: radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px)); }
.signal-orbit i { position: absolute; top: 11%; left: 10%; width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 20px var(--orange),0 0 0 6px rgba(255,106,0,.09); }
.orbit-one { inset: 8%; } .orbit-two { inset: 19%; animation-duration: 14s; animation-direction: reverse; } .orbit-three { inset: 32%; animation-duration: 10s; }
.orbit-two i { top: auto; right: 7%; bottom: 18%; left: auto; width: 6px; height: 6px; } .orbit-three i { top: 40%; right: -3px; left: auto; width: 5px; height: 5px; }
.signal-core { position: absolute; inset: 34%; display: grid; place-items: center; align-content: center; overflow: hidden; border: 1px solid rgba(255,170,76,.35); border-radius: 50%; background: #101a2a; box-shadow: 0 0 60px rgba(255,106,0,.22),inset 0 0 32px rgba(255,181,71,.08); animation: core-breathe 5.2s var(--ease-in-out) infinite alternate; }
.signal-core img { display: block; width: 88%; height: 88%; object-fit: contain; border-radius: 18%; }
.signal-label { position: absolute; display: flex; align-items: center; gap: 8px; padding: 7px 11px; color: #cbd3df; border: 1px solid rgba(255,255,255,.09); border-radius: 7px; background: rgba(8,13,22,.76); box-shadow: 0 16px 30px -22px #000; backdrop-filter: blur(12px); font-size: 10px; letter-spacing: .08em; }
.signal-label span { color: var(--orange); font-family: ui-monospace,SFMono-Regular,monospace; }
.label-one { top: 11%; left: 3%; } .label-two { top: 25%; right: 0; } .label-three { right: 4%; bottom: 16%; } .label-four { bottom: 7%; left: 4%; }
.mascot { display: block; height: auto; object-fit: contain; pointer-events: none; filter: drop-shadow(0 22px 28px rgba(0,0,0,.38)); transform-origin: 50% 84%; animation: mascot-drift 6.4s var(--ease-in-out) infinite; animation-play-state: paused; }
.mascot.is-inview { animation-play-state: running; }
.hero-mascot { position: absolute; z-index: 4; top: 53%; right: 4%; width: 27%; opacity: .96; }
.hero-rail { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; min-height: 60px; display: flex; align-items: center; justify-content: space-between; color: #697688; border-top: 1px solid var(--line); font-size: 9px; font-weight: 750; letter-spacing: .2em; }
.hero-rail ul { display: flex; gap: 30px; padding: 0; margin: 0; list-style: none; }
.hero-rail li { position: relative; color: #9ca7b6; }
.hero-rail li:not(:last-child)::after { content: ""; position: absolute; top: 50%; left: calc(100% + 13px); width: 4px; height: 4px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 8px var(--orange); }
.eyebrow { margin: 0 0 14px; color: var(--orange); font-size: 10px; font-weight: 800; letter-spacing: .2em; }
.section { position: relative; padding-block: 120px; }
.section>.section-shell,.section.section-shell,.cta { position: relative; z-index: 2; }
.section+.section { border-top: 1px solid rgba(255,255,255,.055); }
.section-muted { background: linear-gradient(180deg,rgba(255,255,255,.02),transparent); }
.section-heading { max-width: 820px; margin-bottom: 52px; } .section-heading.narrow { max-width: 650px; }
.section-heading h2,.split-section h2,.cta h2,.contact-intro h2 { margin: 0; font-size: clamp(36px,5vw,60px); line-height: 1.08; letter-spacing: -.045em; }
.section-heading h2 span { display: block; color: #7f8998; }
.section-heading>p:last-child { margin-top: 14px; color: var(--ink-soft); font-size: 17px; }
.card-grid { display: grid; gap: 18px; } .card-grid.three { grid-template-columns: repeat(3,1fr); } .card-grid.two { grid-template-columns: repeat(2,1fr); }
.feature-card,.plain-card { position: relative; overflow: hidden; padding: 32px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg,rgba(21,32,49,.9),rgba(10,16,26,.86)); box-shadow: var(--shadow); }
.feature-card::before { content: ""; position: absolute; inset: 0; opacity: 0; background: radial-gradient(circle at 80% 0,rgba(255,106,0,.15),transparent 36%); transition: opacity 240ms ease; pointer-events: none; }
.feature-card { min-height: 500px; display: flex; flex-direction: column; transform-style: preserve-3d; backface-visibility: hidden; transition: transform 240ms var(--ease-out),border-color 240ms ease; }
.feature-card.featured { background: linear-gradient(145deg,rgba(34,27,28,.92),rgba(12,18,28,.92) 55%); }
.card-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; color: #778293; font-size: 9px; font-weight: 800; letter-spacing: .15em; }
.icon-tile { width: 42px; height: 42px; display: grid; place-items: center; color: var(--orange); border: 1px solid var(--line-warm); border-radius: 10px; background: rgba(255,106,0,.07); font-family: ui-monospace,SFMono-Regular,monospace; font-weight: 800; }
.card-visual { position: relative; height: 176px; margin: 34px 0 30px; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; background-color: #0b111b; }
.visual-operations { display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; align-items: end; padding: 24px; background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 28px 28px; }
.visual-operations i { display: block; height: 34%; border-radius: 4px 4px 1px 1px; background: linear-gradient(to top,rgba(255,106,0,.18),var(--orange)); box-shadow: 0 0 18px rgba(255,106,0,.18); }
.visual-operations i:nth-child(2) { height: 64%; background: linear-gradient(to top,rgba(255,181,71,.12),var(--gold)); }
.visual-operations i:nth-child(3) { height: 46%; } .visual-operations i:nth-child(4) { height: 82%; background: linear-gradient(to top,rgba(255,111,97,.12),var(--coral)); }
.visual-wechat { display: flex; align-items: center; justify-content: space-around; }
.visual-wechat::before,.visual-wechat::after { content: ""; position: absolute; top: 50%; width: 28%; height: 1px; background: linear-gradient(90deg,transparent,var(--orange)); }
.visual-wechat::before { left: 20%; } .visual-wechat::after { right: 20%; transform: rotate(180deg); }
.visual-wechat i { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 16px var(--orange); }
.visual-wechat i:nth-child(1) { left: 18%; } .visual-wechat i:nth-child(2) { right: 18%; }
.visual-wechat i:nth-child(3) { width: 110px; height: 110px; border: 1px solid rgba(255,145,48,.22); background: transparent; box-shadow: none; }
.visual-wechat b { position: relative; z-index: 1; width: 64px; height: 64px; display: grid; place-items: center; color: #f6b370; border: 1px solid var(--line-warm); border-radius: 50%; background: #21150f; font-size: 9px; letter-spacing: .12em; }
.feature-card h3,.plain-card h3 { position: relative; z-index: 1; margin: 0 0 10px; font-size: 25px; letter-spacing: -.025em; }
.plain-card h3 { margin-top: 0; } .feature-card p,.plain-card p { position: relative; z-index: 1; margin: 0; color: var(--ink-soft); }
.feature-card a { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 28px; color: #e8edf4; font-size: 12px; font-weight: 750; text-decoration: none; }
.feature-card a span { color: var(--orange); font-size: 17px; }
.steps { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; padding: 0; margin: 68px 0 0; list-style: none; }
.steps::before { content: ""; position: absolute; z-index: 0; top: 21px; right: 8%; left: 8%; height: 1px; background: linear-gradient(90deg,transparent,var(--orange) 20%,var(--gold) 70%,transparent); box-shadow: 0 0 14px rgba(255,106,0,.35); }
.steps li { position: relative; z-index: 1; min-height: 160px; padding: 28px 24px; border: 1px solid var(--line); border-radius: 14px; background: rgba(11,17,27,.9); }
.steps>li>span { position: absolute; top: -22px; left: 24px; width: 44px; height: 44px; display: grid; place-items: center; color: var(--orange); border: 1px solid var(--line-warm); border-radius: 50%; background: var(--navy); box-shadow: 0 0 0 7px var(--navy),0 0 24px rgba(255,106,0,.12); font-family: ui-monospace,SFMono-Regular,monospace; font-size: 10px; font-weight: 800; }
.steps h3 { margin: 38px 0 0; font-size: 19px; } .steps p { margin: 6px 0 0; color: var(--ink-soft); font-size: 14px; }
.ops-showcase { overflow: hidden; background: linear-gradient(180deg,#080d16 0%,#0a111d 52%,#080d16 100%); }
.ops-showcase::before { content: ""; position: absolute; inset: 0; opacity: .27; background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(90deg,#000,transparent 75%); }
.showcase-heading { max-width: 980px; }
.showcase-heading>p:last-child { color: #788597; font-family: ui-monospace,SFMono-Regular,monospace; font-size: 11px; letter-spacing: .12em; }
.operations-console { position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 24px; background: rgba(8,13,22,.96); box-shadow: 0 56px 140px -66px #000,0 0 0 1px rgba(255,106,0,.03) inset; }
.operations-console::before { content: ""; position: absolute; z-index: 0; width: 440px; aspect-ratio: 1; right: -190px; bottom: -260px; border-radius: 50%; background: rgba(255,106,0,.17); filter: blur(100px); pointer-events: none; }
.console-bar { position: relative; z-index: 2; min-height: 48px; display: grid; grid-template-columns: 120px 1fr auto; align-items: center; padding: 0 18px; color: #7f8998; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.025); font-family: ui-monospace,SFMono-Regular,monospace; font-size: 9px; letter-spacing: .09em; }
.console-lights { display: flex; gap: 6px; }.console-lights i { width: 7px; height: 7px; border-radius: 50%; background: #354154; }.console-lights i:first-child { background: var(--orange); box-shadow: 0 0 12px rgba(255,106,0,.7); }.console-lights i:nth-child(2) { background: var(--gold); }.console-lights i:nth-child(3) { background: #3e8e62; }
.console-bar>b { display: inline-flex; align-items: center; gap: 7px; color: #8996a8; font-size: 8px; }.console-bar>b i { width: 5px; height: 5px; border-radius: 50%; background: #50b17b; box-shadow: 0 0 10px #50b17b; animation: status-pulse 2.4s var(--ease-in-out) infinite; }
.console-body { position: relative; z-index: 1; min-height: 590px; display: grid; grid-template-columns: 180px minmax(0,1fr) 260px; }
.console-nav { display: flex; flex-direction: column; padding: 28px 18px 20px; border-right: 1px solid var(--line); background: linear-gradient(180deg,rgba(255,255,255,.025),transparent); }
.console-monogram { width: 40px; height: 40px; display: grid; place-items: center; margin-bottom: 30px; overflow: hidden; border: 1px solid rgba(255,145,48,.24); border-radius: 12px; background: #111b2c; box-shadow: 0 14px 32px -18px rgba(255,106,0,.95); }
.console-monogram img { width: 29px; height: 29px; object-fit: contain; }
.console-nav>span { margin: 0 10px 10px; color: #596579; font-size: 8px; font-weight: 800; letter-spacing: .2em; }.console-nav ul { display: grid; gap: 5px; padding: 0; margin: 0; list-style: none; }.console-nav li { position: relative; padding: 11px 12px; color: #738095; border-radius: 9px; font-size: 11px; font-weight: 650; }.console-nav li.is-active { color: #fff; background: rgba(255,106,0,.11); }.console-nav li.is-active::before { content: ""; position: absolute; top: 11px; bottom: 11px; left: 0; width: 2px; border-radius: 2px; background: var(--orange); box-shadow: 0 0 12px var(--orange); }.console-nav small { margin-top: auto; color: #424e60; font-size: 7px; letter-spacing: .18em; }
.console-main { min-width: 0; padding: 42px 36px; }
.console-title { display: flex; align-items: end; justify-content: space-between; gap: 20px; }.console-title small { color: #687487; font-size: 9px; letter-spacing: .1em; }.console-title h3 { margin: 5px 0 0; font-size: 27px; letter-spacing: -.03em; }.console-title>span { padding: 10px 14px; color: #fff; border: 1px solid rgba(255,106,0,.45); border-radius: 9px; background: linear-gradient(120deg,rgba(255,106,0,.8),rgba(255,127,28,.68)); font-size: 10px; font-weight: 750; }
.console-tabs { display: flex; gap: 22px; margin: 32px 0 16px; color: #657185; border-bottom: 1px solid var(--line); font-size: 10px; }.console-tabs>* { position: relative; padding-bottom: 12px; }.console-tabs b { color: #e6ebf2; }.console-tabs b::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 1px; background: var(--orange); box-shadow: 0 0 8px var(--orange); }
.task-stack { display: grid; gap: 10px; }.task-stack article { min-height: 96px; display: grid; grid-template-columns: 42px minmax(145px,1fr) minmax(90px,.8fr) 62px; gap: 18px; align-items: center; padding: 18px; border: 1px solid rgba(255,255,255,.07); border-radius: 13px; background: rgba(255,255,255,.025); }.task-stack article.is-live { border-color: rgba(255,106,0,.24); background: radial-gradient(circle at 80% 50%,rgba(255,106,0,.1),transparent 38%),rgba(255,255,255,.032); }
.task-index { width: 34px; height: 34px; display: grid; place-items: center; color: var(--orange); border: 1px solid rgba(255,106,0,.22); border-radius: 9px; background: rgba(255,106,0,.065); font-family: ui-monospace,SFMono-Regular,monospace; font-size: 9px; }.task-stack article>div:nth-child(2) { display: grid; }.task-stack article b { font-size: 12px; }.task-stack article small { color: #687487; font-size: 9px; }.task-stack article em { color: #8190a4; font-size: 9px; font-style: normal; text-align: right; }.task-stack article.is-live em { color: var(--orange); }
.task-meter { height: 2px; overflow: hidden; background: rgba(255,255,255,.08); }.task-meter i { display: block; width: var(--task-progress); height: 100%; background: linear-gradient(90deg,var(--orange),var(--gold)); box-shadow: 0 0 9px var(--orange); }
.console-dock { padding: 40px 24px 24px; border-left: 1px solid var(--line); background: rgba(255,255,255,.018); }.dock-orbit { position: relative; width: 142px; aspect-ratio: 1; display: grid; place-items: center; margin: 2px auto 34px; border: 1px solid rgba(255,145,48,.18); border-radius: 50%; box-shadow: 0 0 0 19px rgba(255,106,0,.018),0 0 0 38px rgba(255,181,71,.01); }.dock-orbit::before { content: ""; position: absolute; inset: -1px; border-radius: 50%; background: conic-gradient(from 210deg,transparent 0 58%,rgba(255,106,0,.8) 72%,transparent 82%); mask: radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px)); animation: orbit-warp 22s var(--ease-in-out) infinite; }.dock-orbit::after { content: ""; position: absolute; inset: 19%; border: 1px solid rgba(255,145,48,.2); border-radius: 50%; }.dock-orbit i { position: absolute; top: 9%; left: 29%; width: 6px; height: 6px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 18px var(--orange); }.dock-orbit b { position: relative; z-index: 1; width: 62px; height: 62px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(255,106,0,.28); border-radius: 50%; background: #0b111b; }.dock-orbit b img { width: 42px; height: 42px; object-fit: contain; }
.console-dock>p { margin: 0 0 16px; color: #697689; font-size: 9px; letter-spacing: .12em; }.console-dock ol { padding: 0; margin: 0; list-style: none; }.console-dock li { position: relative; padding: 10px 0 10px 22px; color: #586579; border-left: 1px solid rgba(255,255,255,.08); font-size: 10px; }.console-dock li::before { content: ""; position: absolute; top: 15px; left: -3px; width: 5px; height: 5px; border-radius: 50%; background: #354154; }.console-dock li.is-done { color: #8d9aab; }.console-dock li.is-done::before { background: #50b17b; box-shadow: 0 0 8px #50b17b; }.console-dock li.is-active { color: #fff; }.console-dock li.is-active::before { background: var(--orange); box-shadow: 0 0 10px var(--orange); }
.human-check { display: grid; gap: 2px; margin-top: 22px; padding: 14px; border: 1px solid rgba(255,106,0,.19); border-radius: 10px; background: rgba(255,106,0,.05); }.human-check span { color: #7e8a9d; font-size: 8px; }.human-check b { font-size: 11px; }
.product-spectrum { overflow: hidden; background: #070b13; }.spectrum-heading { margin-left: clamp(0px,5vw,70px); }.spectrum-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 18px; }.spectrum-card { position: relative; min-height: 590px; overflow: hidden; display: flex; flex-direction: column; padding: 34px; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(145deg,rgba(18,28,43,.96),rgba(7,11,19,.97)); box-shadow: var(--shadow); }.spectrum-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to bottom,#000,transparent 80%); }.wechat-card { background: radial-gradient(circle at 75% 18%,rgba(255,106,0,.14),transparent 26%),linear-gradient(150deg,#151722,#080d16 68%); }.spectrum-meta { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; color: #707c8f; font-family: ui-monospace,SFMono-Regular,monospace; font-size: 8px; letter-spacing: .12em; }.spectrum-meta i { padding: 4px 8px; color: #b5bfcc; border: 1px solid var(--line); border-radius: 99px; font-style: normal; }.spectrum-copy { position: relative; z-index: 2; margin-top: auto; }.spectrum-copy h3 { max-width: 540px; margin: 0; font-size: clamp(30px,3.4vw,48px); line-height: 1.08; letter-spacing: -.045em; }.spectrum-copy p { max-width: 530px; margin: 16px 0 0; color: var(--ink-soft); }.spectrum-copy a { display: inline-flex; gap: 24px; margin-top: 24px; color: #edf1f6; font-size: 11px; font-weight: 760; text-decoration: none; }.spectrum-copy a span { color: var(--orange); }
.wechat-card .spectrum-copy h3 { font-size: clamp(30px,3vw,40px); }
.pulse-field { position: absolute; top: 70px; right: -80px; width: 440px; aspect-ratio: 1; border: 1px solid rgba(255,145,48,.17); border-radius: 50%; }.pulse-field::before,.pulse-field::after { content: ""; position: absolute; inset: 14%; border: inherit; border-radius: inherit; }.pulse-field::after { inset: 30%; }.pulse-field i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 17px var(--orange); }.pulse-field i:first-child { top: 10%; left: 45%; }.pulse-field i:nth-child(2) { top: 46%; left: 14%; }.pulse-field i:nth-child(3) { right: 24%; bottom: 23%; }.pulse-field b { position: absolute; inset: 42%; border: 1px solid var(--line-warm); border-radius: 50%; background: #0b111b; box-shadow: 0 0 45px rgba(255,106,0,.22); }.pulse-field span { position: absolute; top: 50%; left: -20%; width: 120%; height: 1px; transform: rotate(-18deg); background: linear-gradient(90deg,transparent,var(--orange),transparent); opacity: .46; }
.wechat-route { position: relative; z-index: 2; display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; align-items: center; gap: 8px; margin: 100px 0 84px; }.wechat-route>div { min-width: 82px; display: grid; gap: 6px; justify-items: center; }.wechat-route>div>i { width: 45px; height: 45px; display: grid; place-items: center; color: var(--orange); border: 1px solid rgba(255,106,0,.28); border-radius: 50%; background: #0b111b; box-shadow: 0 0 0 7px rgba(255,106,0,.03); font-family: ui-monospace,SFMono-Regular,monospace; font-size: 9px; font-style: normal; }.wechat-route>div>b { font-size: 10px; white-space: nowrap; }.wechat-route>span { height: 1px; background: linear-gradient(90deg,rgba(255,106,0,.65),rgba(255,181,71,.18)); box-shadow: 0 0 9px rgba(255,106,0,.28); }.wechat-route>div.is-final>i { color: #0b111b; background: linear-gradient(135deg,var(--gold),var(--orange)); box-shadow: 0 0 32px rgba(255,106,0,.38); }
.signal-process { overflow: hidden; }.steps-signal { --signal-progress: 0; margin-top: 76px; }.steps-signal::before { top: 50%; right: 5%; left: 5%; height: 1px; transform: scaleX(var(--signal-progress)); transform-origin: left; background: linear-gradient(90deg,var(--orange),var(--gold),var(--coral)); transition: transform 80ms linear; }.steps-signal li { min-height: 230px; display: flex; align-items: center; padding: 30px; overflow: hidden; border-radius: 18px; background: linear-gradient(150deg,rgba(17,26,41,.94),rgba(8,13,22,.96)); }.steps-signal li::after { content: ""; position: absolute; right: -46px; bottom: -46px; width: 132px; height: 132px; border: 1px solid rgba(255,106,0,.12); border-radius: 50%; box-shadow: 0 0 0 24px rgba(255,106,0,.015); }.steps-signal>li>span { top: 22px; left: 24px; width: auto; height: auto; color: #5d697c; border: 0; border-radius: 0; background: none; box-shadow: none; font-size: 9px; letter-spacing: .12em; }.steps-signal li>div { position: relative; z-index: 1; margin-top: 24px; }.steps-signal small { color: var(--orange); font-family: ui-monospace,SFMono-Regular,monospace; font-size: 8px; letter-spacing: .18em; }.steps-signal h3 { margin: 12px 0 0; font-size: 22px; }.steps-signal p { font-size: 11px; }
.split-section { display: grid; grid-template-columns: 1.05fr .95fr; gap: 100px; align-items: center; }
.large-copy { color: var(--ink-soft); font-size: 18px; } .text-link { display: inline-block; margin-top: 18px; color: var(--orange); font-weight: 700; text-decoration: none; }
.simple-values,.value-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.simple-values>div,.value-grid article { position: relative; min-height: 140px; padding: 26px; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(145deg,var(--panel-solid),#0b111b); }
.simple-values>div::after,.value-grid article::after { content: ""; position: absolute; right: -34px; bottom: -34px; width: 90px; height: 90px; border: 1px solid rgba(255,106,0,.15); border-radius: 50%; }
.simple-values strong { display: block; margin-bottom: 22px; color: var(--orange); font-family: ui-monospace,SFMono-Regular,monospace; font-size: 11px; }
.simple-values b,.value-grid b { font-size: 22px; } .simple-values span,.value-grid p { color: var(--ink-soft); } .statement { max-width: 880px; }
.cta { position: relative; overflow: hidden; margin-bottom: 100px; padding: 58px 60px; display: flex; align-items: center; justify-content: space-between; gap: 30px; color: var(--white); border: 1px solid var(--line-warm); border-radius: 18px; background: radial-gradient(circle at 86% 12%,rgba(255,181,71,.22),transparent 28%),radial-gradient(circle at 12% 130%,rgba(255,106,0,.18),transparent 32%),linear-gradient(120deg,#121b2a,#15131a); box-shadow: var(--shadow); }
.cta::after { content: ""; position: absolute; right: -10%; bottom: -160%; width: 420px; aspect-ratio: 1; border: 1px solid rgba(255,181,71,.18); border-radius: 50%; box-shadow: 0 0 0 50px rgba(255,106,0,.025),0 0 0 100px rgba(255,106,0,.015); }
.cta h2 { position: relative; z-index: 1; font-size: 38px; } .cta p { margin-bottom: 0; color: #aeb8c7; } .cta .button { position: relative; z-index: 1; }
.page-hero { position: relative; overflow: hidden; padding: 110px 0 94px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 78% 20%,rgba(255,106,0,.15),transparent 22%),linear-gradient(135deg,#0d1522,#080d16 68%); }
.page-hero::after { content: ""; position: absolute; inset: 0; opacity: .34; background-image: linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(90deg,#000,transparent 78%); }
.page-hero .section-shell { position: relative; z-index: 1; } .page-hero h1 { max-width: 900px; font-size: clamp(48px,7vw,82px); }
.page-hero .section-shell>p:last-child { max-width: 700px; margin: 22px 0 0; color: var(--ink-soft); font-size: 18px; }
.legal-hero { padding-block: 82px; } .product-stack { display: grid; }
.product-detail { display: grid; grid-template-columns: 120px 1fr; gap: 34px; padding: 80px 0; border-bottom: 1px solid var(--line); scroll-margin-top: 90px; }
.product-number { color: #7e562e; font-family: ui-monospace,SFMono-Regular,monospace; font-size: 56px; font-weight: 300; line-height: 1; }
.product-detail h2 { margin: 0; font-size: 38px; }
.check-list { display: grid; gap: 10px; padding: 0; margin: 28px 0; list-style: none; }
.check-list li { position: relative; padding-left: 28px; color: #c1c9d5; }
.check-list li::before { content: ""; position: absolute; top: .76em; left: 2px; width: 7px; height: 7px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 12px rgba(255,106,0,.75); }
.boundary-note { padding: 17px 19px; color: var(--ink-soft); border-left: 2px solid var(--orange); background: rgba(255,106,0,.055); font-size: 14px; }
.two-column-layout { display: grid; grid-template-columns: 350px 1fr; gap: 84px; align-items: start; }
.fact-panel { position: sticky; top: 112px; padding: 30px; border: 1px solid var(--line-warm); border-radius: 18px; background: radial-gradient(circle at 100% 0,rgba(255,106,0,.18),transparent 38%),var(--panel-solid); box-shadow: var(--shadow); }
.fact-panel h2 { margin: 0; font-size: 29px; } .fact-panel dl { margin: 25px 0 0; } .fact-panel dl div { padding: 16px 0; border-top: 1px solid var(--line); }
.fact-panel dt { color: #7e8998; font-size: 11px; } .fact-panel dd { margin: 5px 0 0; }
.content-flow { display: grid; gap: 64px; } .content-flow section>h2 { margin: 0 0 18px; font-size: 31px; }
.content-flow p,.legal-content p,.legal-content li { color: var(--ink-soft); } .compact .plain-card { padding: 25px; }
.vertical-steps { padding: 0; margin: 22px 0 0; list-style: none; } .vertical-steps li { display: flex; gap: 18px; padding: 18px 0; border-top: 1px solid var(--line); }
.vertical-steps b { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--line-warm); border-radius: 50%; background: rgba(255,106,0,.07); color: var(--orange); }
.vertical-steps span { display: grid; } .vertical-steps small { color: var(--ink-soft); }
.legal-links p { display: flex; flex-wrap: wrap; gap: 12px; } .legal-links a { padding: 8px 13px; border: 1px solid var(--line-warm); border-radius: 8px; background: rgba(255,106,0,.055); color: #ff9b55; text-decoration: none; }
.contact-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; }
.contact-list { margin: 0; border-top: 1px solid var(--line); } .contact-list>div { display: grid; grid-template-columns: 130px 1fr; gap: 24px; padding: 24px 0; border-bottom: 1px solid var(--line); }
.contact-list dt { color: var(--ink-soft); } .contact-list dd { margin: 0; font-weight: 650; }.contact-list a { color: #f3f5f8; text-decoration-color: rgba(255,106,0,.5); text-underline-offset: 5px; }.contact-intro>p:last-child { max-width: 320px; color: var(--ink-soft); }
.legal-content { max-width: 860px; padding-block: 80px 120px; } .legal-content h2 { margin: 44px 0 14px; font-size: 24px; } .legal-content a { color: var(--orange); }
.system-map { position: relative; overflow: hidden; padding-block: 120px; border-block: 1px solid var(--line); background: linear-gradient(110deg,#080d15 0 36%,#0b121e 36% 100%); }
.system-map::before { content: ""; position: absolute; inset: 0; opacity: .26; background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg,transparent 8%,#000 62%,transparent); }
.system-map-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .78fr 1.22fr; gap: 90px; align-items: center; }
.system-map-copy h2 { max-width: 520px; font-size: clamp(42px,5.4vw,70px); line-height: 1.03; letter-spacing: -.055em; }.system-map-copy h2 span { display: block; color: var(--orange); }.system-map-copy>p:not(.eyebrow) { max-width: 490px; color: var(--ink-soft); }
.protocol-board { position: relative; min-height: 520px; display: grid; grid-template-columns: 1fr 1.05fr 1fr; align-items: stretch; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: rgba(7,11,18,.82); box-shadow: var(--shadow); }
.protocol-board::before { content: ""; position: absolute; top: -32%; left: 34%; width: 42%; aspect-ratio: 1; border: 1px solid rgba(255,106,0,.2); border-radius: 50%; box-shadow: 0 0 0 44px rgba(255,106,0,.025),0 0 0 88px rgba(255,181,71,.015),0 0 80px rgba(255,106,0,.15); }
.protocol-score { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; padding: 42px 28px; border-right: 1px solid var(--line); }.protocol-score:last-of-type { border-right: 0; }.protocol-score.is-accent { background: linear-gradient(180deg,rgba(255,106,0,.04),rgba(255,106,0,.11)); }
.protocol-score strong { color: #fff; font-family: ui-monospace,SFMono-Regular,monospace; font-size: clamp(70px,8vw,112px); font-weight: 260; line-height: .82; letter-spacing: -.08em; }.protocol-score.is-accent strong { color: var(--orange); text-shadow: 0 0 42px rgba(255,106,0,.34); }.protocol-score>span { margin-top: 28px; font-size: 16px; font-weight: 760; }.protocol-score small { min-height: 42px; margin-top: 10px; color: #778396; font-size: 10px; line-height: 1.7; }
.protocol-trace { position: absolute; top: 32px; right: 32px; left: 32px; height: 128px; overflow: hidden; }.protocol-trace::before { content: ""; position: absolute; top: 65px; right: 0; left: 0; height: 1px; background: linear-gradient(90deg,transparent,var(--orange),var(--gold),transparent); }.protocol-trace i { position: absolute; top: 61px; width: 9px; height: 9px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 16px var(--orange); animation: trace-node 4.8s var(--ease-out) infinite; }.protocol-trace i:nth-child(1) { left: 7%; }.protocol-trace i:nth-child(2) { left: 24%; animation-delay: -.8s; }.protocol-trace i:nth-child(3) { left: 41%; animation-delay: -1.6s; }.protocol-trace i:nth-child(4) { left: 58%; animation-delay: -2.4s; }.protocol-trace i:nth-child(5) { left: 75%; animation-delay: -3.2s; }.protocol-trace i:nth-child(6) { left: 92%; animation-delay: -4s; }
.use-cases { overflow: hidden; background: #080d15; }.case-ledger { display: grid; grid-template-columns: repeat(3,1fr); border-block: 1px solid var(--line); }.case-ledger article { position: relative; min-height: 420px; padding: 42px 34px; border-right: 1px solid var(--line); background: linear-gradient(180deg,rgba(17,26,41,.52),rgba(8,13,21,.72)); }.case-ledger article:last-child { border-right: 0; }.case-ledger article::after { content: ""; position: absolute; right: 34px; bottom: 36px; left: 34px; height: 1px; background: linear-gradient(90deg,var(--orange),transparent); opacity: .25; }.case-code { color: var(--orange); font-family: ui-monospace,SFMono-Regular,monospace; font-size: 9px; letter-spacing: .16em; }.case-ledger h3 { margin: 120px 0 15px; font-size: 29px; }.case-ledger p { color: var(--ink-soft); }.case-ledger ul { display: grid; gap: 9px; padding: 0; margin: 28px 0 0; list-style: none; }.case-ledger li { color: #8f9bad; font-size: 11px; }.case-ledger li::before { content: "—"; margin-right: 10px; color: #5e6878; }
.signal-report { position: relative; overflow: hidden; padding-block: 110px; border-block: 1px solid var(--line); background: radial-gradient(circle at 18% 120%,rgba(255,106,0,.14),transparent 35%),linear-gradient(120deg,#111724,#080d15 52%); }.signal-report::after { content: "SIGNAL"; position: absolute; right: -2vw; bottom: -6vw; color: rgba(255,255,255,.018); font-family: ui-monospace,SFMono-Regular,monospace; font-size: 20vw; font-weight: 800; line-height: 1; pointer-events: none; }.signal-report-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.25fr .8fr .8fr; gap: 0; }.signal-report-intro { padding-right: 70px; }.signal-report-intro h2 { font-size: clamp(42px,5vw,68px); line-height: 1.04; letter-spacing: -.055em; }.signal-report-intro h2 span { color: var(--orange); }.signal-report-intro>p:last-child { max-width: 500px; color: var(--ink-soft); }.signal-stat { min-height: 340px; display: flex; flex-direction: column; justify-content: flex-end; padding: 34px; border-left: 1px solid var(--line); }.signal-stat strong { color: #f4f6f9; font-family: ui-monospace,SFMono-Regular,monospace; font-size: clamp(54px,5.8vw,78px); font-weight: 350; letter-spacing: -.08em; line-height: 1; }.signal-stat strong span { margin-left: 5px; color: var(--orange); font-family: inherit; font-size: .25em; font-weight: 700; letter-spacing: 0; }.signal-stat p { min-height: 64px; margin: 28px 0 20px; color: var(--ink-soft); font-size: 12px; }.signal-stat a { color: #7d899a; font-size: 9px; text-decoration: none; }.signal-stat a:hover { color: var(--orange); }
.trust-section { background: #0a101a; }.trust-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 100px; align-items: start; }.trust-grid>div:first-child { position: sticky; top: 110px; }.trust-grid h2 { font-size: clamp(42px,5vw,68px); }.trust-list { border-top: 1px solid var(--line); }.trust-list article { display: grid; grid-template-columns: 70px 1fr; gap: 28px; padding: 34px 0; border-bottom: 1px solid var(--line); }.trust-list article>span { color: #6e7888; font-family: ui-monospace,SFMono-Regular,monospace; font-size: 10px; }.trust-list h3 { margin: 0; font-size: 22px; }.trust-list p { margin: 7px 0 0; color: var(--ink-soft); }.trust-list>p { display: flex; flex-wrap: wrap; gap: 28px; }
.official-account { position: relative; overflow: hidden; padding-block: 120px; border-block: 1px solid var(--line); background: radial-gradient(circle at 76% 46%,rgba(255,106,0,.15),transparent 29%),#080d15; }
.official-account-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 74px; align-items: center; }
.official-account-copy h2,.contact-account h2 { margin: 0; font-size: clamp(42px,5vw,68px); line-height: 1.04; letter-spacing: -.055em; text-wrap: balance; }
.official-account-copy>p:last-of-type,.contact-account>div:first-child>p:last-child { max-width: 520px; color: var(--ink-soft); text-wrap: pretty; }
.account-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; }.account-tags span { padding: 7px 11px; color: #c2cad5; border: 1px solid var(--line); border-radius: 999px; font-size: 10px; }
.official-account-visual { min-width: 0; display: grid; grid-template-columns: minmax(390px,1fr) 230px; align-items: end; gap: 12px; }
.qr-card { position: relative; z-index: 2; min-height: 330px; display: grid; grid-template-columns: 240px 1fr; gap: 26px; align-items: center; padding: 22px; border: 1px solid rgba(255,255,255,.14); border-radius: 24px; background: rgba(15,24,38,.94); box-shadow: var(--shadow); }
.qr-frame { width: 100%; aspect-ratio: 1; overflow: hidden; padding: 8px; border: 1px solid rgba(255,255,255,.22); border-radius: 18px; background: #fff; box-shadow: 0 22px 44px -28px #000; }
.qr-frame img { display: block; width: 100%; height: 100%; object-fit: contain; border-radius: 10px; }
.qr-card>div:last-child { display: grid; gap: 7px; }.qr-card span { color: #758296; font-size: 9px; letter-spacing: .14em; }.qr-card strong { font-size: 22px; line-height: 1.35; }.qr-card small { color: var(--orange); font-size: 10px; }
.account-mascot { position: relative; z-index: 1; width: 230px; margin: 0 0 -24px -30px; }
.contact-account { display: grid; grid-template-columns: .78fr 1.22fr; gap: 80px; align-items: center; margin-bottom: 110px; padding-top: 72px; border-top: 1px solid var(--line); }
.contact-account-visual { min-height: 350px; display: flex; align-items: end; justify-content: center; gap: 8px; }.contact-account-visual .qr-frame { width: 250px; flex: 0 0 auto; }.contact-mascot { width: 210px; margin: 0 0 -12px -22px; }
.product-intro { display: grid; grid-template-columns: .88fr 1.12fr; gap: 100px; align-items: end; }.product-intro h2 { font-size: clamp(42px,5vw,68px); }.product-intro>div:last-child { max-width: 620px; }.workspace-section { padding-block: 110px; border-block: 1px solid var(--line); background: linear-gradient(180deg,#0b111c,#080d15); }.workspace-grid { display: grid; grid-template-columns: repeat(4,1fr); border-block: 1px solid var(--line); }.workspace-grid article { min-height: 360px; padding: 34px 27px; border-right: 1px solid var(--line); }.workspace-grid article:last-child { border-right: 0; }.workspace-grid span,.permission-stack span,.manifesto-grid span { color: var(--orange); font-family: ui-monospace,SFMono-Regular,monospace; font-size: 8px; letter-spacing: .15em; }.workspace-grid h3 { margin: 170px 0 12px; font-size: 27px; }.workspace-grid p { color: var(--ink-soft); font-size: 12px; }
.status-section { overflow: hidden; }.status-rail { position: relative; display: grid; grid-template-columns: repeat(6,1fr); padding: 0; margin: 56px 0 0; border-block: 1px solid var(--line); background: linear-gradient(180deg,rgba(17,26,41,.62),rgba(8,13,21,.78)); list-style: none; }.status-rail::before { content: ""; position: absolute; z-index: 2; top: 34px; right: 8%; left: 8%; height: 1px; background: linear-gradient(90deg,var(--orange),var(--gold)); }.status-rail li { position: relative; z-index: 3; min-height: 180px; display: flex; flex-direction: column; align-items: flex-start; padding: 56px 24px 24px; border-right: 1px solid var(--line); text-align: left; }.status-rail li:last-child { border-right: 0; }.status-rail li::before { content: ""; position: absolute; top: 29px; left: 24px; width: 9px; height: 9px; border: 2px solid #0a111c; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 6px rgba(255,106,0,.07),0 0 16px rgba(255,106,0,.5); }.status-rail span { color: #6f7b8e; font-family: ui-monospace,SFMono-Regular,monospace; font-size: 8px; letter-spacing: .11em; }.status-rail b { margin-top: 30px; font-size: 18px; }.status-rail p { margin: 5px 0 0; color: #7c8899; font-size: 10px; line-height: 1.55; }
.product-wechat { border-block: 1px solid var(--line); background: radial-gradient(circle at 84% 50%,rgba(255,106,0,.13),transparent 30%),#0b111b; }.product-wechat-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; align-items: center; }.product-wechat h2 { font-size: clamp(42px,5vw,68px); }.product-wechat .button { margin-top: 26px; }.permission-stack { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); }.permission-stack article { min-height: 210px; padding: 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(7,11,18,.76); }.permission-stack article:nth-child(2n) { border-right: 0; }.permission-stack article:nth-last-child(-n+2) { border-bottom: 0; }.permission-stack article.is-human { background: linear-gradient(145deg,rgba(255,106,0,.16),rgba(10,16,26,.94)); }.permission-stack h3 { margin: 70px 0 9px; font-size: 20px; }.permission-stack p { color: var(--ink-soft); font-size: 11px; }.scenario-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }.scenario-grid article { min-height: 240px; padding: 34px; border: 1px solid var(--line); background: linear-gradient(145deg,var(--panel-solid),#0b111b); }.scenario-grid h3 { margin: 88px 0 10px; font-size: 23px; }.scenario-grid p { color: var(--ink-soft); }

.home-insights { overflow: hidden; background: #070c14; }.home-insights-heading { max-width: none; display: flex; align-items: end; justify-content: space-between; gap: 40px; }.home-insights-heading h2 span { color: var(--orange); }.home-insights-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 18px; }.home-insight-feature { overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: #0d1522; }.home-insight-image { display: block; aspect-ratio: 1.9; overflow: hidden; }.home-insight-image img { width: 100%; height: 100%; display: block; object-fit: cover; filter: saturate(.78) contrast(1.04); transition: transform 700ms var(--ease-out),filter 300ms ease; }.home-insight-feature>div { padding: 32px; }.home-insight-feature span,.home-insight-list span { color: var(--orange); font-family: ui-monospace,SFMono-Regular,monospace; font-size: 8px; letter-spacing: .14em; }.home-insight-feature h3 { max-width: 660px; margin: 14px 0 12px; font-size: clamp(30px,3vw,42px); line-height: 1.08; letter-spacing: -.04em; }.home-insight-feature p { max-width: 650px; color: var(--ink-soft); }.home-insight-feature a:not(.home-insight-image),.home-insight-list a { color: #e8edf4; font-size: 10px; text-decoration: none; }.home-insight-list { display: grid; border-block: 1px solid var(--line); }.home-insight-list article { min-height: 190px; display: flex; flex-direction: column; justify-content: flex-end; padding: 26px; border-bottom: 1px solid var(--line); background: linear-gradient(135deg,rgba(17,26,41,.7),rgba(8,13,21,.5)); }.home-insight-list article:last-child { border-bottom: 0; }.home-insight-list h3 { margin: 18px 0 5px; font-size: 20px; line-height: 1.2; }.home-insight-list p { margin: 0 0 16px; color: #7d899a; font-size: 11px; }
.home-insight-feature h3 .no-break { color: inherit; font: inherit; letter-spacing: inherit; }

.salon-story { scroll-margin-top: 88px; overflow: hidden; padding-block: 128px; border-block: 1px solid var(--line); background: radial-gradient(circle at 82% 18%,rgba(255,106,0,.13),transparent 24%),#090f18; }
.salon-story-head { display: grid; grid-template-columns: 1.18fr .82fr; gap: 96px; align-items: end; margin-bottom: 72px; }.salon-story-head h2 { margin: 0; font-size: clamp(48px,6vw,82px); line-height: 1.01; letter-spacing: -.06em; }.salon-story-head h2 span { color: var(--orange); }.salon-story-head>p { max-width: 520px; margin: 0; color: #a8b2c1; font-size: 17px; line-height: 1.9; }
.salon-story-media { display: grid; grid-template-columns: 1.28fr .72fr; min-height: 500px; border: 1px solid var(--line); background: #0d1522; }.salon-story-media figure { position: relative; min-height: 500px; margin: 0; overflow: hidden; }.salon-story-media img { width: 100%; height: 100%; display: block; object-fit: cover; filter: saturate(.8) contrast(1.04); }.salon-story-media figcaption { position: absolute; bottom: 18px; left: 20px; padding: 7px 10px; color: #dce2eb; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; background: rgba(7,11,18,.72); font-family: ui-monospace,SFMono-Regular,monospace; font-size: 8px; letter-spacing: .12em; backdrop-filter: blur(8px); }.salon-story-media>div { display: flex; flex-direction: column; justify-content: flex-end; padding: 42px; border-left: 1px solid var(--line); }.salon-story-media>div>span,.salon-decisions span { color: var(--orange); font-family: ui-monospace,SFMono-Regular,monospace; font-size: 8px; letter-spacing: .15em; }.salon-story-media strong { margin: 120px 0 22px; color: #f2f5f9; font-size: clamp(32px,3.5vw,48px); line-height: 1.06; letter-spacing: -.04em; }.salon-story-media p { margin: 0; color: var(--ink-soft); }
.salon-decisions { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 18px; border: 1px solid var(--line); }.salon-decisions article { min-height: 280px; display: flex; flex-direction: column; justify-content: flex-end; padding: 32px; border-right: 1px solid var(--line); background: linear-gradient(145deg,rgba(17,26,41,.72),rgba(8,13,21,.66)); }.salon-decisions article:last-child { border-right: 0; }.salon-decisions h3 { margin: 74px 0 12px; font-size: 25px; }.salon-decisions p { margin: 0; color: var(--ink-soft); }
.salon-story-close { display: grid; grid-template-columns: 1.04fr .96fr; gap: 70px; align-items: center; margin-top: 100px; }.salon-story-close figure { min-height: 390px; margin: 0; overflow: hidden; }.salon-story-close img { width: 100%; height: 100%; min-height: 390px; display: block; object-fit: cover; filter: saturate(.8) contrast(1.04); }.salon-story-close h3 { margin: 0 0 28px; font-size: clamp(34px,4vw,54px); line-height: 1.08; letter-spacing: -.05em; }.salon-story-close ol { padding: 0; margin: 0 0 28px; border-top: 1px solid var(--line); list-style: none; }.salon-story-close li { display: grid; grid-template-columns: 42px 1fr; gap: 12px; padding: 15px 0; border-bottom: 1px solid var(--line); color: #c5cdd8; }.salon-story-close li span { color: var(--orange); font-family: ui-monospace,SFMono-Regular,monospace; font-size: 9px; }

.insights-hero { position: relative; overflow: hidden; padding-block: 130px 120px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 78% 28%,rgba(255,106,0,.18),transparent 24%),linear-gradient(115deg,#080d15,#111725); }.insights-hero::after { content: "OBSERVE / APPLY / REVIEW"; position: absolute; right: -2vw; bottom: -1vw; color: rgba(255,255,255,.025); font-family: ui-monospace,SFMono-Regular,monospace; font-size: 7vw; font-weight: 800; white-space: nowrap; }.insights-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.1fr .9fr; gap: 100px; align-items: end; }.insights-hero h1 { margin: 0; font-size: clamp(58px,7.4vw,102px); line-height: .98; letter-spacing: -.065em; }.insights-hero h1 span { color: transparent; background: linear-gradient(105deg,var(--orange),var(--gold),var(--coral)); background-clip: text; -webkit-background-clip: text; }.insights-hero .large-copy { max-width: 560px; }.insight-index { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 30px; }.insight-index span { padding: 7px 11px; border: 1px solid var(--line); border-radius: 999px; color: #9ba6b6; font-size: 9px; }
.insight-feature { background: #080d15; }.insight-feature-grid { display: grid; grid-template-columns: 1.22fr .78fr; gap: 0; border: 1px solid var(--line); background: #0a111c; }.insight-feature-image { min-height: 610px; overflow: hidden; }.insight-feature-image img { width: 100%; height: 100%; display: block; object-fit: cover; filter: saturate(.8) contrast(1.04); transition: transform 800ms var(--ease-out); }.insight-feature-copy { display: flex; flex-direction: column; justify-content: center; padding: 54px; border-left: 1px solid var(--line); }.insight-date { margin: 0 0 24px; color: #687486; font-family: ui-monospace,SFMono-Regular,monospace; font-size: 9px; }.insight-feature-copy h2 { margin: 0; font-size: clamp(38px,4vw,56px); line-height: 1.04; letter-spacing: -.055em; }.insight-feature-copy>p:not(.eyebrow):not(.insight-date) { color: var(--ink-soft); }.insight-feature-copy .text-link { margin-top: 30px; }
.insight-notes { background: #0a101a; }.insight-note-grid { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); }.insight-note-grid article { min-height: 360px; display: flex; flex-direction: column; justify-content: flex-end; padding: 38px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: linear-gradient(145deg,rgba(17,26,41,.74),rgba(8,13,21,.7)); }.insight-note-grid article:nth-child(2n) { border-right: 0; }.insight-note-grid article:nth-last-child(-n+2) { border-bottom: 0; }.insight-note-grid span { color: var(--orange); font-family: ui-monospace,SFMono-Regular,monospace; font-size: 8px; letter-spacing: .14em; }.insight-note-grid h3 { margin: 92px 0 13px; font-size: 29px; }.insight-note-grid p { max-width: 540px; color: var(--ink-soft); }.insight-note-grid a { margin-top: 22px; color: #7f8b9d; font-size: 9px; text-decoration: none; }.insight-brief { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: start; margin-block: 110px; padding-block: 70px; border-block: 1px solid var(--line); }.insight-brief h2 { margin: 0; font-size: clamp(42px,5vw,68px); }.insight-brief>div:last-child p { max-width: 650px; margin-top: 0; color: #c3cbd7; font-size: 20px; line-height: 1.8; }.insight-brief .button { margin-top: 22px; }

.article-hero { padding-block: 120px 74px; }.article-meta { display: flex; flex-wrap: wrap; gap: 10px 24px; margin: 28px 0 18px; color: #748095; font-family: ui-monospace,SFMono-Regular,monospace; font-size: 9px; letter-spacing: .12em; }.article-hero h1 { max-width: 1050px; margin: 0; font-size: clamp(58px,7.5vw,104px); line-height: .98; letter-spacing: -.065em; }.article-hero h1 span { color: transparent; background: linear-gradient(105deg,var(--orange),var(--gold),var(--coral)); background-clip: text; -webkit-background-clip: text; }.article-deck { max-width: 760px; margin: 32px 0 0; color: #aab5c4; font-size: 20px; line-height: 1.8; }.article-cover { margin-bottom: 100px; }.article-cover img { width: 100%; max-height: 690px; display: block; object-fit: cover; border: 1px solid var(--line); filter: saturate(.82) contrast(1.03); }.article-cover figcaption,.article-image-wide figcaption { margin-top: 10px; color: #687486; font-size: 9px; }.article-layout { display: grid; grid-template-columns: 190px minmax(0,760px); gap: 90px; justify-content: center; align-items: start; }.article-index { position: sticky; top: 110px; display: grid; gap: 11px; padding-top: 8px; }.article-index span { margin-bottom: 10px; color: var(--orange); font-family: ui-monospace,SFMono-Regular,monospace; font-size: 8px; letter-spacing: .15em; }.article-index a { color: #7e899a; font-size: 11px; text-decoration: none; }.article-index a:hover { color: var(--orange); }.article-body { min-width: 0; }.article-body>p,.article-body section>p { color: #a9b3c2; font-size: 16px; line-height: 2; }.article-body .article-lead { margin: 0 0 90px; color: #d5dbe4; font-size: 23px; line-height: 1.8; }.article-body section { scroll-margin-top: 110px; margin-bottom: 100px; }.article-kicker { margin: 0 0 16px !important; color: var(--orange) !important; font-family: ui-monospace,SFMono-Regular,monospace; font-size: 9px !important; letter-spacing: .15em; }.article-body h2 { margin: 0 0 30px; font-size: clamp(36px,4vw,54px); line-height: 1.08; letter-spacing: -.05em; }.article-question-grid { display: grid; gap: 0; margin: 34px 0; border-block: 1px solid var(--line); }.article-question-grid p { display: grid; grid-template-columns: 54px 1fr; gap: 16px; margin: 0; padding: 22px 0; border-bottom: 1px solid var(--line); color: #d3dae4; }.article-question-grid p:last-child { border-bottom: 0; }.article-question-grid span { color: var(--orange); font-family: ui-monospace,SFMono-Regular,monospace; font-size: 10px; }.article-image-wide { margin: 0 0 100px; }.article-image-wide img { width: 100%; display: block; object-fit: cover; border: 1px solid var(--line); filter: saturate(.8) contrast(1.03); }.article-view-list { display: grid; border: 1px solid var(--line); }.article-view-list article { min-height: 230px; padding: 30px; border-bottom: 1px solid var(--line); background: linear-gradient(135deg,rgba(17,26,41,.72),rgba(8,13,21,.68)); }.article-view-list article:last-child { border-bottom: 0; }.article-view-list span { color: var(--orange); font-family: ui-monospace,SFMono-Regular,monospace; font-size: 8px; letter-spacing: .14em; }.article-view-list h3 { margin: 74px 0 10px; font-size: 25px; }.article-view-list p { margin: 0; color: var(--ink-soft); }.article-loop ol { padding: 0; margin: 44px 0 0; border-top: 1px solid var(--line); list-style: none; }.article-loop li { display: grid; grid-template-columns: 74px 1fr; gap: 20px; padding: 24px 0; border-bottom: 1px solid var(--line); }.article-loop li>span { color: var(--orange); font-family: ui-monospace,SFMono-Regular,monospace; font-size: 10px; }.article-loop b { font-size: 21px; }.article-loop li p { margin: 5px 0 0; color: var(--ink-soft); }.article-takeaways { display: grid; gap: 0; margin: 34px 0; border-block: 1px solid var(--line); }.article-takeaways p { margin: 0; padding: 24px 0; border-bottom: 1px solid var(--line); color: #aab4c3; }.article-takeaways p:last-child { border-bottom: 0; }.article-takeaways strong { display: block; margin-bottom: 6px; color: #edf1f6; font-size: 19px; }.article-source { display: grid; grid-template-columns: 100px 1fr; gap: 20px; margin-top: 45px; padding-top: 20px; border-top: 1px solid var(--line); }.article-source span { color: #6f7b8e; font-size: 9px; }.article-source a { color: var(--orange); font-size: 11px; }
.founder-section { position: relative; overflow: hidden; padding-block: 120px; border-block: 1px solid var(--line); background: radial-gradient(circle at 70% 18%,rgba(255,106,0,.14),transparent 24%),#080d15; }.founder-section::after { content: "FOUNDER"; position: absolute; right: -1vw; bottom: -3vw; color: rgba(255,255,255,.018); font-family: ui-monospace,SFMono-Regular,monospace; font-size: 13vw; font-weight: 850; line-height: 1; pointer-events: none; }.founder-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.04fr .96fr; min-height: 720px; border: 1px solid var(--line); background: #0a101a; box-shadow: var(--shadow); }.founder-portrait { position: relative; min-height: 720px; overflow: hidden; border-right: 1px solid var(--line); }.founder-portrait::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 52%,rgba(6,10,16,.9)),linear-gradient(90deg,transparent 70%,rgba(8,13,21,.3)); pointer-events: none; }.founder-portrait img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 44% center; filter: saturate(.84) contrast(1.04); }.founder-portrait>span { position: absolute; z-index: 1; bottom: 28px; left: 30px; color: rgba(255,255,255,.62); font-family: ui-monospace,SFMono-Regular,monospace; font-size: 8px; letter-spacing: .18em; }.founder-profile { display: flex; flex-direction: column; justify-content: center; padding: 64px 54px; }.founder-profile h2 { margin: 10px 0 28px; font-size: clamp(40px,3.8vw,54px); line-height: 1.02; letter-spacing: -.055em; text-wrap: balance; }.founder-profile h2 span { color: var(--orange); }.founder-profile>p:not(.eyebrow) { color: var(--ink-soft); text-wrap: pretty; }.founder-profile .founder-lead { color: #d3dae4; font-size: 17px; line-height: 1.85; }.founder-metrics { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 32px; border-block: 1px solid var(--line); }.founder-metrics article { min-height: 138px; padding: 22px 13px; border-right: 1px solid var(--line); }.founder-metrics article:last-child { border-right: 0; }.founder-metrics strong { color: #f6f7fa; font-family: ui-monospace,SFMono-Regular,monospace; font-size: clamp(28px,3vw,42px); font-weight: 360; letter-spacing: -.07em; }.founder-metrics strong span { margin-left: 2px; color: var(--orange); font-size: .45em; }.founder-metrics p { margin: 10px 0 0; color: #788497; font-size: 9px; line-height: 1.6; }.founder-contact { display: flex; align-items: end; justify-content: space-between; gap: 22px; margin-top: 30px; }.founder-contact span { color: #6f7b8e; font-family: ui-monospace,SFMono-Regular,monospace; font-size: 8px; letter-spacing: .13em; }.founder-contact a { color: var(--orange); font-family: ui-monospace,SFMono-Regular,monospace; font-size: 17px; text-decoration: none; }
.brand-manifesto { padding-block: 120px; border-block: 1px solid var(--line); background: radial-gradient(circle at 80% 20%,rgba(255,106,0,.1),transparent 28%),#080d15; }.brand-manifesto h2 { max-width: 960px; font-size: clamp(42px,5.8vw,76px); line-height: 1.05; letter-spacing: -.055em; }.manifesto-grid { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 76px; border-block: 1px solid var(--line); }.manifesto-grid article { min-height: 320px; padding: 34px; border-right: 1px solid var(--line); }.manifesto-grid article:last-child { border-right: 0; }.manifesto-grid h3 { margin: 130px 0 12px; font-size: 24px; }.manifesto-grid p { color: var(--ink-soft); }
.privacy-summary { padding-block: 36px; border-bottom: 1px solid var(--line); background: #080d15; }.privacy-summary-grid { display: grid; grid-template-columns: repeat(3,1fr); }.privacy-summary article { padding: 14px 28px; border-right: 1px solid var(--line); }.privacy-summary article:first-child { padding-left: 0; }.privacy-summary article:last-child { border-right: 0; }.privacy-summary span { color: var(--orange); font-family: ui-monospace,SFMono-Regular,monospace; font-size: 8px; letter-spacing: .15em; }.privacy-summary h2 { margin: 12px 0 4px; font-size: 17px; }.privacy-summary p { margin: 0; color: var(--ink-soft); font-size: 11px; }.legal-layout { display: grid; grid-template-columns: 210px minmax(0,760px); gap: 90px; align-items: start; }.legal-index { position: sticky; top: 110px; display: grid; gap: 11px; padding-top: 84px; }.legal-index a { color: #7e899a; font-size: 11px; text-decoration: none; }.legal-index a:hover { color: var(--orange); }.legal-layout .legal-content { max-width: none; }.legal-lead { padding: 26px; border: 1px solid var(--line-warm); background: rgba(255,106,0,.055); font-size: 15px; }.legal-content section { scroll-margin-top: 100px; }.data-table { margin: 28px 0; border: 1px solid var(--line); }.data-table>div { display: grid; grid-template-columns: 1fr 1.65fr 1fr; border-bottom: 1px solid var(--line); }.data-table>div:last-child { border-bottom: 0; }.data-table span,.data-table b { padding: 15px 16px; border-right: 1px solid var(--line); font-size: 11px; }.data-table span:last-child { border-right: 0; }.data-table-head { background: rgba(255,106,0,.07); }.data-table-head span { color: #cbd2dd; font-weight: 750; }.data-table b { color: #d9dfe7; }.data-table div:not(.data-table-head) span { color: var(--ink-soft); }.legal-source { padding-top: 22px; border-top: 1px solid var(--line); font-size: 11px; }
.site-footer { color: #c9d1dc; border-top: 1px solid var(--line); background: #070b12; }
.footer-main { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 60px; padding-block: 72px; }
.footer-brand { color: var(--white); } .footer-brand small,.footer-main>div:first-child p,.footer-main h2 { color: #758193; }
.footer-main h2 { font-size: 11px; letter-spacing: .12em; } .footer-main>div:not(:first-child) { display: flex; flex-direction: column; gap: 11px; }
.footer-main a { font-size: 13px; text-decoration: none; transition: color 160ms ease; } .footer-main a:hover { color: var(--gold); }
.footer-bottom { padding: 18px 24px; display: flex; justify-content: center; gap: 30px; color: #687487; border-top: 1px solid var(--line); font-size: 11px; }
.footer-bottom p { margin: 0; } .footer-bottom a { text-decoration: none; }
.scroll-scene { position: relative; --scene-x: 0px; --scene-y: 0px; --scene-tilt: 0deg; --scene-scale: 1; --scene-orb-x: 0px; --scene-orb-y: 0px; --scene-orb-tilt: 0deg; }
.scroll-scene.section-shell,.scroll-scene.cta,.scroll-scene>.section-shell { transform: translate3d(var(--scene-x),var(--scene-y),0) rotate(var(--scene-tilt)) scale(var(--scene-scale)); transform-origin: 50% 50%; will-change: transform; }
.scroll-scene:not(.hero):not(.cta)::after { content: ""; position: absolute; z-index: 0; width: min(42vw,560px); aspect-ratio: 1; right: -16vw; top: 18%; border: 1px solid rgba(255,126,32,.12); border-radius: 44% 56% 61% 39% / 45% 34% 66% 55%; box-shadow: 0 0 0 54px rgba(255,106,0,.018),0 0 0 108px rgba(255,181,71,.01); transform: translate3d(var(--scene-orb-x),var(--scene-orb-y),0) rotate(var(--scene-orb-tilt)); pointer-events: none; }
.scroll-scene:not(.hero):not(.cta)>* { position: relative; z-index: 1; }
.js .reveal { opacity: 0; transform: translate3d(0,54px,0) scale(.94); filter: blur(11px); clip-path: inset(14% 0 0 0 round 18px); }
.js .reveal.is-visible { opacity: 1; transform: translate3d(0,0,0) scale(1); filter: blur(0); clip-path: inset(0 0 0 0 round 0); transition: opacity 920ms var(--ease-out) var(--reveal-delay,0ms),transform 1080ms var(--ease-out) var(--reveal-delay,0ms),filter 820ms var(--ease-out) var(--reveal-delay,0ms),clip-path 1080ms var(--ease-out) var(--reveal-delay,0ms); }
.js .steps.reveal,.js .steps.reveal.is-visible,.js .steps li.reveal,.js .steps li.reveal.is-visible { overflow: visible; filter: none; clip-path: none; }
@keyframes orbit-warp {
  0% { transform: rotate(0deg) scale(.97); }
  28% { transform: rotate(74deg) scale(1.025); }
  64% { transform: rotate(247deg) scale(.985); }
  100% { transform: rotate(360deg) scale(.97); }
}
@keyframes hero-enter {
  from { opacity: 0; transform: translate3d(0,18px,0); }
  to { opacity: 1; transform: translate3d(0,0,0); }
}
@keyframes core-breathe {
  0% { transform: scale(.96); box-shadow: 0 0 42px rgba(255,106,0,.14),inset 0 0 26px rgba(255,181,71,.06); }
  100% { transform: scale(1.035); box-shadow: 0 0 88px rgba(255,106,0,.3),inset 0 0 40px rgba(255,181,71,.12); }
}
@keyframes mascot-drift {
  0%,100% { transform: translate3d(0,0,0) rotate(-1.5deg) scale(1); }
  31% { transform: translate3d(0,-12px,0) rotate(1.2deg) scale(1.015); }
  68% { transform: translate3d(0,-4px,0) rotate(-.4deg) scale(.992); }
}
@keyframes status-pulse { 0%,100% { opacity: .55; transform: scale(.9); } 50% { opacity: 1; transform: scale(1.12); } }
@keyframes trace-node { 0%,100% { transform: translateY(0) scale(.75); opacity: .45; } 42% { transform: translateY(-20px) scale(1.25); opacity: 1; } 68% { transform: translateY(13px) scale(.9); opacity: .72; } }
@media (hover:hover) and (pointer:fine) {
  .button:hover { transform: translateY(-2px); } .button-primary:hover { box-shadow: 0 22px 48px -18px rgba(255,106,0,.9); }
  .button-secondary:hover { border-color: var(--line-warm); background: rgba(255,106,0,.06); }
  .feature-card:hover { transform: translateY(-7px); border-color: var(--line-warm); } .feature-card:hover::before { opacity: 1; }
  .feature-card:hover .card-visual { border-color: rgba(255,145,48,.2); }
  .spectrum-card:hover { border-color: rgba(255,145,48,.28); }.spectrum-card:hover .pulse-field { transform: rotate(7deg) scale(1.025); }.pulse-field { transition: transform 600ms var(--ease-out); }
  .official-account-visual:hover .mascot,.contact-account-visual:hover .mascot { filter: drop-shadow(0 26px 36px rgba(255,106,0,.18)); }
  .home-insight-image:hover img,.insight-feature-image:hover img { transform: scale(1.025); filter: saturate(.92) contrast(1.05); }
}
@media (max-width:1050px) { .hero-inner { grid-template-columns: 1fr .62fr; } .signal-stage { width: min(39vw,430px); } .two-column-layout { grid-template-columns: 310px 1fr; gap: 55px; } .console-body { grid-template-columns: 150px minmax(0,1fr); }.console-dock { display: none; }.spectrum-grid { grid-template-columns: 1fr; }.spectrum-card { min-height: 520px; }.system-map-grid,.product-wechat-grid { gap: 52px; }.protocol-score { padding-inline: 20px; }.case-ledger h3 { margin-top: 90px; }.signal-report-grid { grid-template-columns: 1fr 1fr; }.signal-report-intro { grid-column: 1/-1; padding: 0 0 50px; }.signal-stat:first-of-type { border-left: 0; }.workspace-grid { grid-template-columns: 1fr 1fr; }.workspace-grid article:nth-child(2) { border-right: 0; }.workspace-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }.legal-layout { grid-template-columns: 170px minmax(0,1fr); gap: 52px; }.home-insights-grid { grid-template-columns: 1fr; }.home-insight-list { grid-template-columns: repeat(3,1fr); }.home-insight-list article { min-height: 220px; border-right: 1px solid var(--line); border-bottom: 0; }.home-insight-list article:last-child { border-right: 0; }.insight-feature-grid { grid-template-columns: 1fr; }.insight-feature-image { min-height: 520px; }.insight-feature-copy { border-top: 1px solid var(--line); border-left: 0; }.article-layout { grid-template-columns: 150px minmax(0,720px); gap: 52px; } }
@media (max-width:900px) {
  .section-shell { width: min(100% - 40px,760px); } .nav-toggle { display: block; }
  .main-nav { position: absolute; top: 76px; right: 0; left: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 10px 20px 20px; border-bottom: 1px solid var(--line); background: rgba(7,11,19,.98); box-shadow: 0 20px 40px rgba(0,0,0,.35); }
  .main-nav.is-open { display: flex; } .main-nav a { padding: 14px; } .main-nav a::before { display: none; }
  .hero { min-height: auto; } .hero-inner { grid-template-columns: 1fr; padding-block: 74px 120px; }
  .signal-stage { position: absolute; z-index: 0; top: 22%; right: -21%; width: 60vw; opacity: .55; }
  .hero-copy { max-width: 720px; } .hero h1 { font-size: clamp(50px,10vw,78px); }
  .card-grid.three { grid-template-columns: 1fr; } .feature-card { min-height: 460px; }
  .steps { grid-template-columns: 1fr 1fr; gap: 42px 18px; } .steps::before { display: none; }
  .split-section,.contact-layout,.two-column-layout { grid-template-columns: 1fr; gap: 56px; } .fact-panel { position: static; }
  .footer-main { grid-template-columns: 1.5fr 1fr 1fr; }
  .console-body { grid-template-columns: 120px minmax(0,1fr); min-height: 520px; }.console-main { padding: 32px 24px; }.task-stack article { grid-template-columns: 38px minmax(130px,1fr) 56px; }.task-meter { display: none; }.wechat-route { margin-top: 80px; }.steps-signal { grid-template-columns: 1fr 1fr; }
  .system-map-grid,.trust-grid,.product-intro,.product-wechat-grid { grid-template-columns: 1fr; gap: 56px; }.protocol-board { min-height: 460px; }.case-ledger { grid-template-columns: 1fr; }.case-ledger article { min-height: 300px; border-right: 0; border-bottom: 1px solid var(--line); }.case-ledger article:last-child { border-bottom: 0; }.case-ledger h3 { margin-top: 70px; }.trust-grid>div:first-child { position: static; }.workspace-grid h3 { margin-top: 110px; }.status-rail { grid-template-columns: 1fr 1fr 1fr; gap: 0; }.status-rail::before { display: none; }.status-rail li { gap: 0; border-bottom: 1px solid var(--line); }.status-rail li:nth-child(3n) { border-right: 0; }.status-rail li:nth-last-child(-n+3) { border-bottom: 0; }.permission-stack { max-width: 660px; }.scenario-grid,.manifesto-grid { grid-template-columns: 1fr; }.scenario-grid article { min-height: 190px; }.scenario-grid h3 { margin-top: 52px; }.manifesto-grid article { min-height: 240px; border-right: 0; border-bottom: 1px solid var(--line); }.manifesto-grid article:last-child { border-bottom: 0; }.manifesto-grid h3 { margin-top: 80px; }.founder-grid { grid-template-columns: 1fr; }.founder-portrait { min-height: 620px; border-right: 0; border-bottom: 1px solid var(--line); }.legal-layout { grid-template-columns: 1fr; gap: 0; }.legal-index { position: static; grid-template-columns: repeat(4,auto); gap: 12px 20px; padding-top: 48px; }.legal-layout .legal-content { padding-top: 48px; }.insights-hero-grid { grid-template-columns: 1fr; gap: 44px; }.insight-brief { grid-template-columns: 1fr; gap: 26px; }.article-layout { grid-template-columns: 1fr; }.article-index { position: static; grid-template-columns: repeat(4,auto); gap: 12px 20px; padding-bottom: 52px; border-bottom: 1px solid var(--line); }.article-index span { grid-column: 1/-1; }
  .salon-story-head,.salon-story-media,.salon-story-close { grid-template-columns: 1fr; gap: 44px; }.salon-story-media>div { min-height: 360px; border-top: 1px solid var(--line); border-left: 0; }.salon-story-close { gap: 36px; }
}
@media (max-width:620px) {
  .section-shell { width: calc(100% - 28px); } .header-inner { min-height: 68px; }
  .brand-symbol { width: 39px; height: 38px; } .brand-wordmark { font-size: 17px; } .brand-wordmark small { font-size: 8px; }
  .main-nav { top: 68px; } .hero-inner { padding-block: 58px 112px; } .hero-status { margin-bottom: 22px; }
  .hero h1 { font-size: clamp(35px,11.2vw,46px); } .hero h1 span { margin-bottom: 7px; font-size: .48em; }
  .hero-lead { font-size: 15px; line-height: 1.8; } .button-row { display: grid; } .button { width: 100%; }
  .signal-stage { top: 31%; right: 4%; width: 66vw; opacity: .25; } .signal-label { display: none; }
  .hero-rail { min-height: 50px; } .hero-rail>span { display: none; } .hero-rail ul { width: 100%; justify-content: space-between; gap: 0; }
  .hero-rail li:not(:last-child)::after { left: calc(100% + 5vw); }
  .section { padding-block: 80px; } .section-heading { margin-bottom: 34px; }
  .card-grid.two,.value-grid,.simple-values { grid-template-columns: 1fr; } .feature-card { min-height: 460px; padding: 24px; } .card-visual { height: 160px; }
  .steps { grid-template-columns: 1fr; } .product-detail { grid-template-columns: 1fr; gap: 16px; padding: 56px 0; } .product-number { font-size: 38px; }
  .page-hero { padding-block: 72px 62px; } .page-hero h1 { font-size: 46px; }
  .cta { margin-bottom: 64px; padding: 40px 26px; display: block; } .cta .button { margin-top: 24px; }
  .contact-list>div { grid-template-columns: 1fr; gap: 5px; } .footer-main { grid-template-columns: 1fr; gap: 34px; padding-block: 54px; }
  .footer-bottom { flex-direction: column; align-items: center; gap: 4px; text-align: center; } .legal-content { padding-block: 54px 80px; }
  .showcase-heading>p:last-child { font-size: 9px; }.operations-console { margin-inline: -2px; border-radius: 16px; }.console-bar { grid-template-columns: 68px 1fr; padding: 0 12px; }.console-bar>b { display: none; }.console-body { min-height: auto; grid-template-columns: 1fr; }.console-nav { display: none; }.console-main { padding: 28px 16px 22px; }.console-title { align-items: start; }.console-title h3 { font-size: 22px; }.console-title>span { padding: 8px 10px; font-size: 8px; }.console-tabs { gap: 16px; margin-top: 26px; }.task-stack article { min-height: 84px; grid-template-columns: 34px 1fr auto; gap: 10px; padding: 14px 12px; }.task-index { width: 30px; height: 30px; }.task-stack article em { font-size: 8px; }.spectrum-card { min-height: 500px; padding: 24px; border-radius: 16px; }.pulse-field { top: 72px; right: -150px; width: 390px; }.wechat-route { grid-template-columns: 1fr 1fr; gap: 18px 10px; margin: 70px 0 58px; }.wechat-route>span { display: none; }.wechat-route>div { min-width: 0; }.spectrum-copy h3 { font-size: 32px; }.steps-signal { grid-template-columns: 1fr; gap: 12px; margin-top: 44px; }.steps-signal::before { top: 5%; bottom: 5%; left: 21px; width: 1px; height: auto; transform: scaleY(var(--signal-progress)); transform-origin: top; }.steps-signal li { min-height: 150px; padding: 28px 24px 24px 72px; }.steps-signal>li>span { top: 50%; left: 17px; transform: translateY(-50%); }.steps-signal li>div { margin-top: 0; }
  .system-map { padding-block: 80px; background: #080d15; }.system-map-copy h2 { font-size: 42px; }.protocol-board { min-height: auto; grid-template-columns: 1fr; }.protocol-board::before,.protocol-trace { display: none; }.protocol-score { min-height: 190px; padding: 28px; border-right: 0; border-bottom: 1px solid var(--line); }.protocol-score:last-of-type { border-bottom: 0; }.protocol-score strong { font-size: 64px; }.protocol-score>span { margin-top: 18px; }.protocol-score small { min-height: 0; }.case-ledger article { min-height: 280px; padding: 30px 24px; }.signal-report { padding-block: 80px; }.signal-report-grid { grid-template-columns: 1fr; }.signal-report-intro { padding-bottom: 40px; }.signal-report-intro h2 { font-size: 42px; }.signal-stat { min-height: 250px; padding: 30px 0; border-top: 1px solid var(--line); border-left: 0; }.signal-stat strong { font-size: 60px; }.trust-list article { grid-template-columns: 42px 1fr; gap: 14px; }.trust-list>p { display: grid; gap: 0; }.workspace-grid { grid-template-columns: 1fr; }.workspace-grid article,.workspace-grid article:nth-child(2) { min-height: 260px; border-right: 0; border-bottom: 1px solid var(--line); }.workspace-grid article:last-child { border-bottom: 0; }.workspace-grid h3 { margin-top: 90px; }.status-rail { grid-template-columns: 1fr 1fr; }.status-rail li,.status-rail li:nth-child(3n) { min-height: 150px; padding: 48px 18px 18px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.status-rail li:nth-child(2n) { border-right: 0; }.status-rail li:nth-last-child(-n+2) { border-bottom: 0; }.status-rail li::before { top: 23px; left: 18px; }.status-rail b { margin-top: 20px; }.permission-stack { grid-template-columns: 1fr; }.permission-stack article,.permission-stack article:nth-child(2n),.permission-stack article:nth-last-child(-n+2) { min-height: 190px; border-right: 0; border-bottom: 1px solid var(--line); }.permission-stack article:last-child { border-bottom: 0; }.permission-stack h3 { margin-top: 52px; }.founder-section { padding-block: 80px; }.founder-grid { min-height: 0; }.founder-portrait { min-height: 420px; }.founder-portrait img { object-position: 38% center; }.founder-profile { padding: 44px 24px; }.founder-profile h2 { font-size: 39px; }.founder-profile .founder-lead { font-size: 15px; }.founder-metrics { grid-template-columns: 1fr; }.founder-metrics article { min-height: 112px; border-right: 0; border-bottom: 1px solid var(--line); }.founder-metrics article:last-child { border-bottom: 0; }.founder-metrics strong { font-size: 38px; }.founder-contact { display: grid; align-items: start; }.founder-contact a { font-size: 20px; }.brand-manifesto { padding-block: 80px; }.brand-manifesto h2 { font-size: 42px; }.manifesto-grid { margin-top: 48px; }.privacy-summary-grid { grid-template-columns: 1fr; }.privacy-summary article,.privacy-summary article:first-child { padding: 18px 0; border-right: 0; border-bottom: 1px solid var(--line); }.privacy-summary article:last-child { border-bottom: 0; }.legal-index { grid-template-columns: 1fr 1fr; }.data-table>div { grid-template-columns: 1fr; }.data-table span,.data-table b { border-right: 0; border-bottom: 1px solid var(--line); }.data-table>div>*:last-child { border-bottom: 0; }.data-table-head { display: none !important; }.home-insights-heading { display: block; }.home-insights-heading .text-link { display: inline-flex; margin-top: 18px; }.home-insight-list { grid-template-columns: 1fr; }.home-insight-list article { min-height: 180px; border-right: 0; border-bottom: 1px solid var(--line); }.home-insight-list article:last-child { border-bottom: 0; }.home-insight-feature>div { padding: 24px; }.home-insight-feature h3 { font-size: 30px; }.salon-story { padding-block: 84px; }.salon-story-head { margin-bottom: 44px; }.salon-story-head h2 { font-size: 42px; }.salon-story-head>p { font-size: 15px; }.salon-story-media,.salon-story-media figure { min-height: 320px; }.salon-story-media>div { min-height: 300px; padding: 28px 24px; }.salon-story-media strong { margin-top: 74px; font-size: 34px; }.salon-decisions { grid-template-columns: 1fr; }.salon-decisions article { min-height: 230px; border-right: 0; border-bottom: 1px solid var(--line); }.salon-decisions article:last-child { border-bottom: 0; }.salon-decisions h3 { margin-top: 54px; }.salon-story-close { margin-top: 72px; }.salon-story-close figure,.salon-story-close img { min-height: 250px; }.insights-hero { padding-block: 88px 80px; }.insights-hero h1 { font-size: 53px; }.insight-feature-image { min-height: 330px; }.insight-feature-copy { padding: 34px 24px; }.insight-feature-copy h2 { font-size: 38px; }.insight-note-grid { grid-template-columns: 1fr; }.insight-note-grid article,.insight-note-grid article:nth-child(2n),.insight-note-grid article:nth-last-child(-n+2) { min-height: 300px; border-right: 0; border-bottom: 1px solid var(--line); }.insight-note-grid article:last-child { border-bottom: 0; }.insight-note-grid h3 { margin-top: 64px; font-size: 25px; }.insight-brief { margin-block: 80px; padding-block: 52px; }.insight-brief>div:last-child p { font-size: 17px; }.article-hero { padding-block: 82px 58px; }.article-hero h1 { font-size: 51px; }.article-deck { font-size: 17px; }.article-cover { width: 100%; margin-bottom: 72px; }.article-cover img { border-right: 0; border-left: 0; }.article-index { grid-template-columns: 1fr 1fr; }.article-body .article-lead { margin-bottom: 70px; font-size: 20px; }.article-body section,.article-image-wide { margin-bottom: 76px; }.article-question-grid p { grid-template-columns: 38px 1fr; }.article-view-list h3 { margin-top: 56px; }.article-source { grid-template-columns: 1fr; gap: 6px; }
}
@media (max-width:900px) {
  .official-account-grid,.contact-account { grid-template-columns: 1fr; gap: 54px; }
  .official-account-visual { max-width: 720px; }
  .contact-account { margin-bottom: 80px; }.contact-account-visual { justify-content: flex-start; }
}
@media (max-width:620px) {
  .hero-mascot { display: none; }
  .official-account { padding-block: 80px; }.official-account-copy h2,.contact-account h2 { font-size: 42px; }
  .official-account-visual { position: relative; min-height: 0; display: grid; grid-template-columns: 1fr; gap: 64px; }
  .qr-card { width: min(100%,340px); min-height: 0; grid-template-columns: 1fr; gap: 18px; padding: 18px; text-align: center; }
  .qr-card .qr-frame { width: min(100%,280px); margin-inline: auto; }.qr-card strong { font-size: 20px; }
  .account-mascot { position: relative; right: auto; bottom: auto; z-index: 3; width: 145px; margin: 0 8px 0 auto; }
  .contact-account { gap: 36px; padding-top: 54px; }.contact-account-visual { min-height: 0; display: grid; justify-items: start; align-items: end; gap: 20px; }
  .contact-account-visual .qr-frame { width: min(100%,280px); }.contact-mascot { width: 132px; margin: 0 8px 0 auto; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; } *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  .page-flow { display: none; }
  .signal-stage,.button,.feature-card,.main-nav a::before { transition: none !important; }
  .scroll-scene.section-shell,.scroll-scene.cta,.scroll-scene>.section-shell { transform: none !important; }
  .js .reveal { opacity: 1; transform: none; filter: none; clip-path: none; } .js .reveal.is-visible { transition: opacity 160ms ease; }
  .steps-signal::before { transform: scaleX(1); transition: none; }
  .protocol-trace i { animation: none; }
  .mascot { animation: none; transform: none; }
}

/* T016: the homepage tells one product story; long-form text stays stationary. */
.home-refined .section { padding-block: 96px; }
.home-refined .hero-inner { grid-template-columns: minmax(0,1.35fr) minmax(0,.85fr); }
.home-refined .signal-stage { width: min(100%,460px); }
.home-refined .label-three { right: 32%; bottom: 4%; }
.home-refined .hero-lead { font-size: 16px; max-width: 620px; }
.home-refined .hero-status { font-size: 12px; }
.home-refined .hero-rail { font-size: 12px; }
.home-refined .button,.product-consult .button { font-size: 14px; }
.home-refined .eyebrow { font-size: 12px; letter-spacing: .14em; }
.home-refined .section-heading { margin-bottom: 38px; }
.section-deck { max-width: 580px; margin-top: 24px; color: var(--ink-soft); font-size: 17px; }
.home-scenarios,.home-editorial { background: #0b111b; }
.scenario-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-block: 1px solid var(--line); }
.scenario-cards article { padding: 32px; border-right: 1px solid var(--line); }
.scenario-cards article:first-child { padding-left: 0; }.scenario-cards article:last-child { padding-right: 0; border-right: 0; }
.chapter-code { color: var(--gold); font-size: 12px; letter-spacing: .07em; }
.scenario-cards h3 { margin: 38px 0 18px; font-size: 25px; line-height: 1.4; }
.scenario-cards p { color: var(--ink-soft); font-size: 16px; }
.scenario-output { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 14px; }.scenario-output b { color: var(--orange); font-size: 23px; }
.home-refined .text-link { font-size: 14px; line-height: 1.6; }
.scenario-cards .text-link { margin-top: 22px; }
.product-story { background: #080d16; scroll-margin-top: 86px; }
.story-intro { display: grid; grid-template-columns: 1.1fr 1fr; align-items: end; gap: 80px; margin-bottom: 60px; }
.story-intro h2,.practice-copy h2,.founder-home-grid h2,.connect-grid h2 { margin: 0; font-size: clamp(34px,4.4vw,58px); line-height: 1.2; letter-spacing: -.04em; }
.story-intro h2 span,.practice-copy h2 span,.founder-home-grid h2 span,.connect-grid h2 span { display: block; color: var(--ink-soft); }
.story-intro>p { max-width: 460px; margin: 0; color: var(--ink-soft); font-size: 17px; }.story-intro small { display: block; margin-top: 20px; color: var(--gold); font-size: 12px; }
body.home-refined { overflow-x: clip; }
.insight-reading h1 { text-wrap: balance; }
.story-layout { display: grid; grid-template-columns: .62fr 1.38fr; align-items: start; gap: 64px; }
.story-chapters { padding: 0; margin: 0; list-style: none; }
.story-chapters li { min-height: 300px; display: flex; flex-direction: column; justify-content: center; border-left: 1px solid var(--line); padding: 26px 0 26px 28px; scroll-margin-top: 110px; }
.story-chapters li.is-active { border-left-color: var(--orange); }
.story-chapters li:last-child { min-height: max(660px,80svh); }
.story-chapters span { color: var(--orange); font-size: 12px; letter-spacing: .1em; font-variant-numeric: tabular-nums; }
.story-chapters h3 { margin: 16px 0; font-size: 24px; line-height: 1.45; text-wrap: balance; }
.story-chapters p { margin: 0; color: var(--ink-soft); font-size: 16px; text-wrap: pretty; }
.story-chapters a { margin-top: 24px; }
.story-screen { min-width: 0; border: 1px solid #2b3543; border-radius: 18px; background: #0c121c; box-shadow: 0 24px 64px -30px #000; }
.story-window-bar { display: flex; align-items: center; justify-content: space-between; padding: 22px 28px; gap: 14px; border-bottom: 1px solid var(--line); }
.story-screen-title { display: flex; align-items: baseline; gap: 12px; }
.story-screen-title b { color: #eef2f8; font-size: 17px; font-weight: 600; }
.story-screen-title small { color: #939eaf; font-size: 12px; letter-spacing: .04em; }
.story-counter { padding: 4px 9px; border: 1px solid var(--line); border-radius: 5px; color: #b3bdcb; font-size: 12px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.story-track { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding: 0 28px; border-bottom: 1px solid var(--line); }
.story-track>span { display: flex; align-items: center; gap: 9px; justify-content: center; padding: 15px 0; border-bottom: 2px solid transparent; color: #a0abbb; font-size: 14px; }
.story-track i { font-size: 12px; font-style: normal; font-variant-numeric: tabular-nums; }
.story-track .is-active { color: #ff9a47; border-bottom-color: var(--orange); }
.story-sheets { display: grid; gap: 20px; padding: 24px; }
.story-sheet { display: flex; flex-direction: column; min-width: 0; padding: 28px; border: 1px solid #253041; border-radius: 10px; background: #101923; color: #e8edf5; margin: 0; }
.sheet-kicker { margin: 0 0 18px; font-size: 12px; color: #ff9a47; letter-spacing: .08em; font-weight: 600; }
.story-sheet h3 { font-size: 28px; line-height: 1.4; margin: 0 0 24px; font-weight: 600; text-wrap: balance; }
.story-sheet .sheet-note { padding-top: 18px; margin: auto 0 0; border-top: 1px solid #293443; color: #a7b2c1; font-size: 13px; line-height: 1.65; }
.brief-fields { display: grid; gap: 10px; margin: 0 0 24px; }
.brief-fields>div { display: grid; grid-template-columns: 42px 1fr; gap: 16px; padding: 12px 16px; border: 1px solid #283343; border-radius: 6px; background: #151f2c; }
.brief-fields dt { color: #9eabbc; font-size: 14px; }
.brief-fields dd { margin: 0; color: #e0e6ef; font-size: 16px; }
.outline-line { display: flex; gap: 16px; align-items: baseline; border-top: 1px solid #293443; padding-block: 17px; }
.outline-line:last-of-type { margin-bottom: 20px; }
.outline-line span { color: #ff9a47; font-size: 12px; font-variant-numeric: tabular-nums; }
.outline-line p { margin: 0; color: #e0e6ef; font-size: 16px; }
.edit-before,.edit-after { padding: 16px 20px; border: 1px solid #2c3746; border-radius: 6px; background: #151e2a; }
.edit-before { margin-bottom: 12px; }
.edit-after { background: #221d1a; border-color: #674328; margin-bottom: 24px; }
.edit-before span,.edit-after span { color: #a9b4c4; font-size: 12px; }
.edit-after span { color: #ff9a47; }
.edit-before p,.edit-after p { margin: 8px 0 0; font-size: 16px; line-height: 1.7; }
.edit-before p { color: #9aa7b9; text-decoration: line-through; text-decoration-color: #697587; }
.edit-after p { color: #f0e3d8; }
.draft-preview { padding: 0 0 20px; }
.draft-preview>span { display: block; color: #ff9a47; font-size: 12px; margin-bottom: 16px; }
.draft-preview h3 { font-size: 32px; line-height: 1.35; }
.draft-preview p { font-size: 16px; margin: 16px 0; color: #b8c3d3; }
.draft-rule { width: 36px; height: 2px; background: var(--orange); margin-block: 20px; }
@media(min-width:901px) {
 .story-enhanced .story-screen { position: sticky; top: 100px; }
 .story-enhanced .story-sheets { position: relative; }
 .story-enhanced .story-sheet { grid-area: 1 / 1; min-height: 420px; visibility: hidden; opacity: 0; transition: opacity 200ms var(--ease-out),transform 200ms var(--ease-out); }
 .story-enhanced .story-sheet.is-active { visibility: visible; opacity: 1; }
}
.practice-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 70px; align-items: center; }
.practice-image { position: relative; display: block; overflow: hidden; border-radius: 10px; background: var(--navy-2); }.practice-image img { display: block; width: 100%; height: auto; aspect-ratio: 1.6; object-fit: cover; }.practice-image span { display: block; padding: 16px 22px; color: var(--ink-soft); border: 1px solid var(--line); border-top: 0; font-size: 12px; letter-spacing: .08em; }
.practice-copy p:not(.eyebrow),.founder-home-grid>div>p:not(.eyebrow):not(.founder-home-name) { color: var(--ink-soft); font-size: 16px; margin-top: 24px; }.practice-copy .text-link,.founder-home-grid .text-link { margin-top: 24px; }
.home-founder { background: linear-gradient(110deg,#101923,#080d16); }
.founder-home-grid { display: grid; grid-template-columns: 1.1fr .85fr; gap: 120px; align-items: center; }.founder-home-grid figure { position: relative; margin: 0; overflow: hidden; border-radius: 12px; }.founder-home-grid img { width: 100%; display: block; aspect-ratio: 1; object-fit: cover; }.founder-home-grid figcaption { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent,#080d16); padding: 50px 26px 24px; font-size: 14px; color: #fff; }.founder-home-name { margin-top: 34px; font-size: 25px; }.founder-home-name span { margin-left: 12px; font-size: 14px; color: var(--ink-soft); }
.editorial-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }.editorial-grid article { display: flex; flex-direction: column; padding-top: 26px; border-top: 1px solid var(--line-warm); }.editorial-grid h3 { font-size: 25px; line-height: 1.45; margin: 30px 0 15px; }.editorial-grid h3 a { text-decoration: none; }.editorial-grid p { color: var(--ink-soft); font-size: 16px; margin: 0 0 24px; }.editorial-grid .text-link { align-self: start; margin-top: auto; }
.connect-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 70px; align-items: center; }.connect-grid>div>p:not(.eyebrow) { color: var(--ink-soft); }.connect-grid .button-row { align-items: center; animation: none; }.contact-direct { font-size: 19px; text-decoration: none; }.connect-email { display: inline-block; margin-top: 22px; font-size: 15px; color: var(--ink-soft); }.connect-account { display: grid; grid-template-columns: minmax(0,1fr) 116px; gap: 10px; align-items: end; }.connect-qr { min-width: 0; }.connect-qr>img { display: block; width: min(100%,220px); height: auto; border: 12px solid #fff; border-radius: 12px; background: #fff; }.connect-qr h3 { margin: 20px 0 6px; font-size: 20px; }.connect-qr p,.connect-qr a { font-size: 13px; color: var(--ink-soft); }.connect-mascot { width: 116px; margin-bottom: 14px; }
.product-consult { margin-top: 30px; }
.insight-reading { max-width: 760px; padding-block: 70px 100px; margin-inline: auto; }.insight-reading .eyebrow { font-size: 12px; }.insight-reading h1 { margin: 26px 0; font-size: clamp(32px,5vw,54px); line-height: 1.25; letter-spacing: -.035em; }.insight-reading .reading-deck { font-size: 20px; color: var(--ink-soft); }.reading-meta { color: var(--ink-soft); font-size: 13px; border-block: 1px solid var(--line); padding-block: 18px; margin-block: 34px; }.reading-body { font-size: 17px; line-height: 1.95; }.reading-body h2 { font-size: 28px; line-height: 1.4; margin: 52px 0 22px; }.reading-body h3 { font-size: 21px; }.reading-body p,.reading-body li { color: #bbc5d2; }.reading-body img { display: block; width: 100%; height: auto; border-radius: 8px; margin-block: 32px; }.reading-body blockquote { margin: 32px 0; padding: 20px 28px; border-left: 2px solid var(--orange); background: var(--navy-2); }.reading-body a { color: var(--gold); text-underline-offset: 4px; }.reading-end { margin-top: 60px; padding-top: 30px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 22px; }
@media(hover:hover) and (pointer:fine) { .editorial-grid h3 a:hover,.contact-direct:hover { color: var(--gold); } .practice-image img { transition: transform 500ms var(--ease-out); }.practice-image:hover img { transform: scale(1.025); } }
@media(max-width:1050px) { .home-refined .signal-stage { width: 100%; }.story-layout { gap: 40px; }.story-sheets { padding: 20px; }.story-sheet { padding: 24px; }.founder-home-grid { gap: 60px; }.practice-grid,.connect-grid { gap: 40px; } }
@media(max-width:900px) {
 .home-refined .hero-inner { grid-template-columns: 1fr; }.home-refined .signal-stage { width: 60vw; right: 4%; top: 16%; opacity: .2; }.home-refined .hero-mascot { display: none; }
 .story-intro,.story-layout,.practice-grid,.founder-home-grid,.connect-grid { grid-template-columns: 1fr; gap: 36px; }.story-chapters { display: none; }.story-track { display: none; }.story-screen { position: static; }.story-sheets { display: grid; gap: 24px; }.story-sheet { margin: 0; }.story-intro>p { max-width: 620px; }.story-intro { margin-bottom: 36px; }
 .scenario-cards { grid-template-columns: 1fr; }.scenario-cards article,.scenario-cards article:first-child,.scenario-cards article:last-child { padding: 30px 0; border-right: 0; border-bottom: 1px solid var(--line); }.scenario-cards article:last-child { border-bottom: 0; }.scenario-cards h3 { margin-top: 20px; }.scenario-output { justify-content: start; gap: 25px; }.founder-home-grid figure { max-width: 460px; }.editorial-grid { grid-template-columns: 1fr; gap: 40px; }.editorial-grid h3 { margin-top: 18px; }.editorial-grid h3 br { display: none; }.connect-account { max-width: 450px; }.insight-reading { width: calc(100% - 40px); }
}
@media(max-width:620px) {
 .home-refined .section { padding-block: 64px; }.home-refined .hero-inner { padding-block: 60px 110px; }.home-refined .hero-rail { font-size: 11px; }.home-refined .hero h1 { font-size: clamp(32px,10.5vw,46px); }.home-refined .signal-stage { width: 76vw; right: 6%; }
 .story-intro h2,.practice-copy h2,.founder-home-grid h2,.connect-grid h2 { font-size: 35px; }.story-intro>p { font-size: 16px; }.story-window-bar { padding: 18px; }.story-screen-title { display: block; }.story-screen-title b { display: block; font-size: 16px; }.story-screen-title small { font-size: 12px; }.story-sheets { padding: 12px; gap: 12px; }.story-sheet { padding: 22px 18px; }.story-sheet .sheet-note { margin-top: 20px; }.story-sheet h3 { font-size: 25px; }.brief-fields>div { grid-template-columns: 1fr; gap: 5px; padding: 12px; }.brief-fields dd,.outline-line p,.edit-before p,.edit-after p { font-size: 16px; }.draft-preview h3 { font-size: 30px; }.home-refined .section-heading h2 { font-size: 35px; }.home-refined .section-heading { margin-bottom: 30px; }.founder-home-grid { gap: 28px; }.founder-home-grid figure { max-width: 100%; }.founder-home-name span { display: block; margin: 8px 0 0; }.connect-grid .button-row { display: flex; flex-wrap: wrap; }.connect-account { grid-template-columns: minmax(0,1fr) 80px; gap: 14px; }.connect-qr>img { width: 100%; max-width: 220px; border-width: 8px; }.connect-mascot { width: 80px; }.connect-qr h3 { font-size: 17px; }.connect-qr p { font-size: 12px; }.insight-reading { width: calc(100% - 32px); padding-block: 48px 70px; }.reading-body { font-size: 16px; }.reading-body h2 { font-size: 25px; }
}
@media(prefers-reduced-motion:reduce) { .story-enhanced .story-screen { position: static; }.story-enhanced .story-sheets { height: auto; display: grid; gap: 24px; }.story-enhanced .story-sheet { position: static; grid-area: auto; visibility: visible; opacity: 1; transform: none!important; }.story-chapters { display: none; }.story-layout { grid-template-columns: 1fr; }.practice-image img { transition: none; } }