:root {
    color-scheme: light;
    --orange: #ff8400;
    --orange-deep: #e66f00;
    --orange-soft: #fff3e6;
    --ink: #111827;
    --ink-deep: #090d12;
    --muted: #667085;
    --line: #e7eaf0;
    --surface: #ffffff;
    --page: #f6f8fb;
    --green: #07c160;
    --positive: #20c776;
    --negative: #f05252;
    font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--surface); font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }

.site-header { position: absolute; z-index: 20; top: 0; left: 0; width: 100%; color: #fff; border-bottom: 1px solid rgba(255,255,255,.1); }
.header-inner { height: 80px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 20px; font-weight: 760; letter-spacing: -.02em; }
.brand-mark { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; gap: 3px; background: var(--orange); border-radius: 10px; box-shadow: 0 8px 26px rgba(255,132,0,.28); }
.brand-mark > span { position: relative; display: block; width: 4px; height: 15px; border-radius: 2px; background: #fff; }
.brand-mark > span:first-child { height: 9px; transform: translateY(3px); }
.brand-mark > span:last-child { height: 20px; transform: translateY(-2px); }
.brand-mark > span::after { content: ""; position: absolute; width: 1px; height: calc(100% + 7px); left: 50%; top: -3px; background: #fff; opacity: .72; }
.site-nav { display: flex; align-items: center; gap: 34px; font-size: 14px; color: #c8cdd5; }
.site-nav a, .footer-links a { transition: color .2s ease; }
.site-nav a:hover, .footer-links a:hover { color: var(--orange); }
.header-cta { padding: 10px 18px; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; font-size: 13px; font-weight: 650; transition: border-color .2s ease, background .2s ease; }
.header-cta:hover { border-color: var(--orange); background: rgba(255,132,0,.12); }

.hero { position: relative; min-height: 820px; overflow: hidden; color: #fff; background: radial-gradient(circle at 75% 38%, #1e2937 0, #0d131b 38%, #080b10 78%); }
.hero::before { content: ""; position: absolute; inset: 0; opacity: .2; 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: 64px 64px; mask-image: linear-gradient(to right, transparent, #000 40%, #000); }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(12px); }
.hero-glow-one { width: 430px; height: 430px; right: -160px; top: 70px; background: rgba(255,132,0,.13); }
.hero-glow-two { width: 260px; height: 260px; left: 45%; bottom: -170px; background: rgba(33,204,119,.08); }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .91fr 1.09fr; gap: 58px; align-items: center; min-height: 820px; padding-top: 80px; }
.hero-copy { padding: 74px 0 58px; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 20px; color: #c5cbd4; font-size: 13px; font-weight: 650; letter-spacing: .18em; text-transform: uppercase; }
.eyebrow > span { width: 28px; height: 2px; background: var(--orange); }
.eyebrow.dark { color: #8b95a5; }
.hero h1, .section h2, .closing-section h2 { margin: 0; letter-spacing: -.055em; line-height: 1.1; }
.hero h1 { font-size: clamp(44px, 5.1vw, 68px); font-weight: 580; }
.hero h1 strong { color: var(--orange); font-weight: 760; }
.hero-lead { max-width: 590px; margin: 28px 0 0; color: #aeb6c2; font-size: 18px; line-height: 1.9; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 20px; padding: 0 24px; border-radius: 13px; font-size: 15px; font-weight: 720; transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #17120c; background: var(--orange); box-shadow: 0 12px 32px rgba(255,132,0,.23); }
.button-primary:hover { background: #ff982b; box-shadow: 0 16px 38px rgba(255,132,0,.3); }
.button-secondary { color: #e8ebef; border: 1px solid #3a4350; background: rgba(255,255,255,.035); }
.button-secondary:hover { background: rgba(255,255,255,.08); }
.hero-note { display: flex; gap: 10px; align-items: flex-start; max-width: 520px; margin-top: 30px; color: #7f8998; font-size: 12px; }
.hero-note p { margin: 0; }
.note-icon { flex: none; width: 18px; height: 18px; display: grid; place-items: center; border: 1px solid #4b5563; border-radius: 50%; font-size: 11px; }

.product-stage { position: relative; min-height: 550px; display: flex; align-items: center; }
.stage-orbit { position: absolute; border: 1px solid rgba(255,132,0,.12); border-radius: 50%; }
.orbit-one { width: 520px; height: 520px; right: -50px; }
.orbit-two { width: 380px; height: 380px; right: 20px; border-color: rgba(255,255,255,.07); }
.terminal-card { position: relative; z-index: 2; width: 100%; max-width: 620px; overflow: hidden; border: 1px solid #2d3745; border-radius: 22px; background: #10161e; box-shadow: 0 34px 90px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.025) inset; transform: perspective(1100px) rotateY(-3deg) rotateX(1deg); }
.terminal-topbar { height: 55px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 18px; color: #bdc5d0; border-bottom: 1px solid #27303c; background: #151c25; font-size: 12px; }
.window-dots { display: flex; gap: 6px; }
.window-dots span { width: 7px; height: 7px; border-radius: 50%; background: #3d4755; }
.window-dots span:first-child { background: var(--orange); }
.terminal-title { display: flex; align-items: center; gap: 8px; font-weight: 650; }
.terminal-title i { width: 6px; height: 6px; border-radius: 50%; background: var(--positive); box-shadow: 0 0 10px rgba(32,199,118,.7); }
.terminal-round { justify-self: end; letter-spacing: 3px; color: #707b8a; }
.terminal-summary { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 10px; padding: 22px 24px 16px; }
.terminal-summary div { display: flex; flex-direction: column; gap: 5px; }
.terminal-summary small { color: #778293; font-size: 11px; }
.terminal-summary strong { font-size: 16px; letter-spacing: .01em; }
.terminal-summary div:first-child strong { font-size: 24px; }
.positive { color: var(--positive); }
.chart-shell { position: relative; height: 260px; margin: 0 18px; border: 1px solid #28313c; background: #0b1016; }
.chart-scale { position: absolute; z-index: 3; top: 8px; bottom: 8px; right: 7px; display: flex; flex-direction: column; justify-content: space-between; color: #535f6e; font-size: 9px; }
.chart-grid { position: absolute; inset: 0; overflow: hidden; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 100% 25%, 16.66% 100%; }
.candles { position: absolute; inset: 30px 45px 35px 25px; display: flex; align-items: center; justify-content: space-between; }
.candle { position: relative; width: 8px; height: 40px; border-radius: 1px; background: var(--positive); transform: translateY(18px); }
.candle::before { content: ""; position: absolute; width: 1px; height: calc(100% + 17px); left: 50%; top: -8px; background: inherit; }
.candle.down { background: var(--negative); }
.candle.short { height: 24px; }
.candle.medium { height: 38px; }
.candle.tall { height: 58px; }
.candle:nth-child(2), .candle:nth-child(3) { transform: translateY(32px); }
.candle:nth-child(4), .candle:nth-child(5) { transform: translateY(12px); }
.candle:nth-child(6), .candle:nth-child(7) { transform: translateY(-4px); }
.candle:nth-child(8), .candle:nth-child(9) { transform: translateY(18px); }
.candle:nth-child(10), .candle:nth-child(11) { transform: translateY(-18px); }
.candle:nth-child(12), .candle:nth-child(13) { transform: translateY(-2px); }
.candle:nth-child(n+14) { transform: translateY(-32px); }
.ma-line { position: absolute; z-index: 2; left: 4%; width: 85%; height: 60px; border-top: 2px solid rgba(255,170,0,.78); border-radius: 50%; transform: rotate(-8deg); }
.ma-one { top: 47%; }
.ma-two { top: 34%; border-color: rgba(92,145,255,.65); transform: rotate(-5deg); }
.terminal-controls { height: 72px; display: grid; grid-template-columns: 84px 1fr 84px; gap: 18px; align-items: center; padding: 0 24px; }
.terminal-controls button { height: 38px; color: #ff7a7a; border: 1px solid #573333; border-radius: 9px; background: #25191d; font-size: 12px; font-weight: 700; }
.terminal-controls button.buy { color: #30d689; border-color: #24583f; background: #14271f; }
.timeline { position: relative; height: 3px; background: #303a47; }
.timeline span { display: block; width: 68%; height: 100%; background: var(--orange); }
.timeline b { position: absolute; top: 50%; left: 68%; width: 11px; height: 11px; border: 3px solid var(--orange); border-radius: 50%; background: #151c25; transform: translate(-50%,-50%); }
.floating-card { position: absolute; z-index: 4; display: flex; align-items: center; gap: 11px; padding: 13px 16px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(27,36,48,.92); box-shadow: 0 18px 45px rgba(0,0,0,.35); backdrop-filter: blur(14px); }
.floating-card small, .floating-card span { color: #8792a2; font-size: 10px; }
.floating-card strong { display: block; color: #eef1f5; font-size: 12px; }
.floating-result { left: -34px; bottom: 52px; }
.floating-icon { width: 30px; height: 30px; display: grid; place-items: center; color: #111 !important; border-radius: 9px; background: var(--orange); font-size: 14px !important; font-weight: 800; }
.floating-streak { right: -12px; top: 47px; display: block; min-width: 106px; }
.floating-streak strong { margin-top: 1px; font-size: 25px; }
.floating-streak strong span { color: #aeb6c2; font-size: 11px; font-weight: 500; }

.trust-strip { position: relative; z-index: 5; border-bottom: 1px solid var(--line); background: #fff; }
.trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.trust-grid div { position: relative; display: flex; flex-direction: column; gap: 2px; padding: 25px 28px; }
.trust-grid div:not(:last-child)::after { content: ""; position: absolute; width: 1px; height: 32px; top: 50%; right: 0; background: var(--line); transform: translateY(-50%); }
.trust-grid strong { font-size: 14px; }
.trust-grid span { color: #98a2b3; font-size: 11px; }

.section { padding: 112px 0; }
.section-heading h2, .method-intro h2 { font-size: clamp(38px, 4.5vw, 56px); }
.split-heading { display: grid; grid-template-columns: 1.05fr .75fr; gap: 100px; align-items: end; margin-bottom: 54px; }
.split-heading > p { margin: 0 0 5px; color: var(--muted); font-size: 16px; line-height: 1.9; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.feature { position: relative; min-height: 500px; display: flex; flex-direction: column; overflow: hidden; border-radius: 24px; }
.feature-number { position: absolute; z-index: 3; top: 24px; right: 25px; font-size: 12px; font-weight: 750; letter-spacing: .12em; opacity: .55; }
.feature-body { position: relative; z-index: 4; margin-top: auto; padding: 28px; }
.feature-body h3 { margin: 12px 0 9px; font-size: 26px; line-height: 1.3; letter-spacing: -.03em; }
.feature-body p { margin: 0; font-size: 14px; line-height: 1.8; opacity: .68; }
.feature-tag { display: inline-flex; padding: 5px 9px; border-radius: 7px; font-size: 10px; font-weight: 750; letter-spacing: .08em; }
.feature-dark { color: #fff; background: #111821; }
.feature-dark .feature-tag { color: #ffad54; background: rgba(255,132,0,.13); }
.mini-chart { position: absolute; inset: 70px 28px 170px; display: flex; align-items: flex-end; justify-content: space-between; padding: 35px 12px 20px; border-bottom: 1px solid #323b47; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px); background-size: 100% 33.33%; }
.bar { position: relative; width: 12px; height: 38%; background: var(--positive); }
.bar::before { content: ""; position: absolute; width: 1px; height: calc(100% + 25px); left: 50%; top: -12px; background: inherit; }
.bar:nth-child(2), .bar:nth-child(5), .bar:nth-child(8) { background: var(--negative); }
.bar.b2 { height: 60%; }.bar.b3 { height: 72%; }.bar.b4 { height: 45%; }.bar.b5 { height: 68%; }.bar.b6 { height: 82%; }.bar.b7 { height: 58%; }.bar.b8 { height: 76%; }.bar.b9 { height: 92%; }
.feature-light { border: 1px solid var(--line); background: #f7f8fa; }
.feature-light .feature-tag { color: #84552f; background: #ece5df; }
.decision-visual { position: absolute; inset: 80px 34px auto; display: flex; flex-direction: column; gap: 20px; }
.decision-visual > div { display: grid; grid-template-columns: 52px 1fr 54px; gap: 14px; align-items: center; padding: 16px; border: 1px solid #e4e7ec; border-radius: 15px; background: #fff; box-shadow: 0 12px 30px rgba(16,24,40,.06); }
.decision-visual span { width: 44px; height: 44px; display: grid; place-items: center; color: #fff; border-radius: 12px; background: var(--positive); font-weight: 800; }
.decision-visual div:last-child span { background: var(--negative); }
.decision-visual i { height: 5px; border-radius: 4px; background: #e9ecf1; }
.decision-visual strong { font-size: 12px; }
.feature-orange { color: #20150a; background: var(--orange); }
.feature-orange .feature-tag { color: #fff; background: rgba(38,20,0,.18); }
.score-visual { position: absolute; inset: 76px 30px auto; display: flex; align-items: center; justify-content: center; gap: 28px; }
.score-ring { width: 142px; height: 142px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 15px solid rgba(255,255,255,.32); border-right-color: #fff; border-radius: 50%; transform: rotate(-18deg); }
.score-ring strong, .score-ring span { transform: rotate(18deg); }
.score-ring strong { font-size: 36px; line-height: 1; }
.score-ring span { margin-top: 7px; font-size: 9px; font-weight: 700; opacity: .7; }
.score-bars { width: 90px; display: flex; align-items: flex-end; gap: 8px; height: 120px; }
.score-bars i { width: 14px; height: 35%; border-radius: 4px 4px 0 0; background: rgba(255,255,255,.42); }
.score-bars i:nth-child(2) { height: 63%; }.score-bars i:nth-child(3) { height: 48%; }.score-bars i:nth-child(4) { height: 86%; background: #fff; }

.method-section { color: #fff; background: #0b1016; }
.method-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 110px; align-items: start; }
.method-intro { position: sticky; top: 50px; }
.method-intro > p:not(.eyebrow) { color: #98a2b3; line-height: 1.9; }
.method-disclaimer { margin-top: 42px; padding: 18px 20px; color: #7f8998; border: 1px solid #29313c; border-radius: 13px; background: #101720; font-size: 12px; }
.steps { margin: 0; padding: 0; list-style: none; }
.steps li { display: grid; grid-template-columns: 78px 1fr; gap: 24px; padding: 30px 0; border-bottom: 1px solid #29313c; }
.steps li:first-child { padding-top: 0; }
.steps li > span { color: var(--orange); font-size: 13px; font-weight: 760; letter-spacing: .12em; }
.steps h3 { margin: -6px 0 7px; font-size: 24px; letter-spacing: -.025em; }
.steps p { margin: 0; color: #8f99a8; font-size: 14px; }

.wechat-section { background: var(--page); }
.wechat-card { min-height: 600px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; overflow: hidden; padding: 68px 70px; border: 1px solid #e6e9ee; border-radius: 30px; background: #fff; box-shadow: 0 28px 80px rgba(16,24,40,.07); }
.wechat-badge { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 24px; padding: 7px 11px; color: #078c48; border-radius: 8px; background: #eafaf2; font-size: 11px; font-weight: 750; letter-spacing: .06em; }
.wechat-badge span, .wechat-button span { letter-spacing: -4px; transform: rotate(-10deg); }
.wechat-copy h2 { font-size: clamp(36px, 4vw, 51px); }
.wechat-copy > p { margin: 22px 0 0; color: var(--muted); line-height: 1.9; }
.wechat-copy ul { display: grid; gap: 16px; margin: 28px 0 0; padding: 0; list-style: none; }
.wechat-copy li { display: flex; align-items: flex-start; gap: 12px; color: #5f6978; font-size: 13px; }
.wechat-copy li i { flex: none; width: 23px; height: 23px; display: grid; place-items: center; color: #078c48; border-radius: 50%; background: #eafaf2; font-size: 11px; font-style: normal; font-weight: 800; }
.wechat-copy li strong { color: var(--ink); margin-right: 6px; }
.wechat-flow { position: relative; min-height: 470px; display: flex; align-items: center; justify-content: center; border-radius: 26px; background: radial-gradient(circle at 50% 45%, #e4faee, #f3f7f5 65%); }
.flow-phone { position: relative; z-index: 2; width: 235px; height: 430px; display: flex; flex-direction: column; align-items: center; padding: 42px 24px 26px; border: 7px solid #111821; border-radius: 35px; background: #fff; box-shadow: 0 24px 50px rgba(17,24,39,.2); }
.phone-speaker { position: absolute; top: 12px; width: 52px; height: 5px; border-radius: 5px; background: #d6dae0; }
.flow-logo { width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; gap: 5px; margin: 30px 0 20px; border-radius: 21px; background: var(--orange); }
.flow-logo span { width: 7px; height: 29px; border-radius: 4px; background: #fff; }
.flow-logo span:first-child { height: 18px; transform: translateY(5px); }.flow-logo span:last-child { height: 40px; transform: translateY(-5px); }
.flow-phone > strong { font-size: 17px; }
.flow-phone > p { margin: 7px 0 28px; color: #98a2b3; text-align: center; font-size: 10px; }
.wechat-button { width: 100%; height: 44px; display: flex; align-items: center; justify-content: center; gap: 9px; color: #fff; border-radius: 12px; background: var(--green); font-size: 12px; font-weight: 700; }
.flow-phone small { margin-top: auto; color: #a1a8b3; text-align: center; font-size: 8px; line-height: 1.8; }
.flow-phone small a { color: #8d623f; }
.flow-line { position: absolute; top: 50%; left: 10%; right: 8%; height: 1px; border-top: 1px dashed #9acdb1; }
.flow-line span { position: absolute; right: -3px; top: -28px; color: #62a07e; font-size: 9px; }
.flow-result { position: absolute; z-index: 3; right: 13px; bottom: 47px; width: 160px; display: grid; grid-template-columns: 34px 1fr; column-gap: 9px; padding: 13px; border: 1px solid #dcefe4; border-radius: 13px; background: rgba(255,255,255,.94); box-shadow: 0 15px 35px rgba(17,91,53,.12); }
.flow-result i { grid-row: 1 / 3; width: 34px; height: 34px; display: grid; place-items: center; color: #fff; border-radius: 10px; background: var(--green); font-style: normal; font-weight: 800; }
.flow-result strong { font-size: 10px; }.flow-result span { color: #98a2b3; font-size: 8px; }

.centered { max-width: 720px; margin: 0 auto 50px; text-align: center; }
.centered .eyebrow { justify-content: center; }
.centered h2 { font-size: clamp(38px, 4vw, 52px); }
.centered > p:last-child { color: var(--muted); }
.rights-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); border-radius: 23px; overflow: hidden; }
.rights-grid article { min-height: 245px; padding: 30px; }
.rights-grid article:not(:last-child) { border-right: 1px solid var(--line); }
.rights-icon { display: inline-grid; place-items: center; width: 38px; height: 38px; color: var(--orange-deep); border-radius: 11px; background: var(--orange-soft); font-size: 10px; font-weight: 800; }
.rights-grid h3 { margin: 30px 0 10px; font-size: 20px; }
.rights-grid p { margin: 0; color: var(--muted); font-size: 13px; }

.closing-section { padding: 90px 0; color: #fff; background: var(--orange); }
.closing-inner { display: flex; align-items: end; justify-content: space-between; gap: 40px; }
.closing-inner p { margin: 0 0 16px; color: rgba(28,16,5,.62); font-size: 12px; font-weight: 750; letter-spacing: .12em; }
.closing-inner h2 { color: #211305; font-size: clamp(39px, 4.4vw, 58px); }
.button-light { flex: none; color: #16110b; background: #fff; box-shadow: 0 15px 38px rgba(111,48,0,.16); }

.site-footer { padding: 55px 0; color: #aeb6c2; background: #080b10; }
.footer-grid { display: grid; grid-template-columns: 1.25fr 1fr .75fr; gap: 70px; align-items: center; }
.footer-brand { color: #fff; }
.footer-grid > div:first-child > p { max-width: 360px; margin: 14px 0 0; font-size: 12px; }
.footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px; font-size: 12px; }
.footer-meta { text-align: right; font-size: 11px; }
.footer-meta p { color: #d1d5db; }.footer-meta span { color: #687384; }
.footer-legal { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; margin-top: 34px; padding-top: 24px; color: #7d8795; border-top: 1px solid #222933; font-size: 11px; }
.footer-legal a { transition: color .2s ease; }
.footer-legal a:hover { color: var(--orange); }
.footer-copyright { margin-left: auto; }

@media (max-width: 1050px) {
    .site-nav { display: none; }
    .hero-grid { grid-template-columns: 1fr; padding-top: 120px; }
    .hero-copy { padding-bottom: 0; text-align: center; }
    .hero-copy .eyebrow, .hero-actions { justify-content: center; }
    .hero-lead, .hero-note { margin-left: auto; margin-right: auto; }
    .product-stage { width: min(680px, 100%); min-height: 590px; margin: 0 auto; }
    .trust-grid { grid-template-columns: 1fr 1fr; }
    .trust-grid div:nth-child(2)::after { display: none; }
    .feature-grid { grid-template-columns: 1fr 1fr; }
    .feature:last-child { grid-column: 1 / -1; min-height: 430px; }
    .score-visual { max-width: 380px; }
    .wechat-card { padding: 55px 45px; gap: 35px; }
}

@media (max-width: 780px) {
    .container { width: min(100% - 32px, 620px); }
    .header-inner { height: 68px; }
    .header-cta { display: none; }
    .hero { min-height: auto; }
    .hero-grid { min-height: auto; padding-top: 96px; gap: 25px; }
    .hero-copy { padding: 54px 0 10px; }
    .hero h1 { font-size: 43px; }
    .hero-lead { font-size: 15px; }
    .product-stage { min-height: 490px; }
    .terminal-card { transform: none; }
    .floating-result { left: -5px; bottom: 10px; }
    .floating-streak { right: -5px; top: 5px; }
    .terminal-summary div:first-child strong { font-size: 19px; }
    .chart-shell { height: 220px; }
    .trust-grid { grid-template-columns: 1fr 1fr; }
    .trust-grid div { padding: 20px 15px; }
    .trust-grid div:nth-child(odd)::after { display: block; }
    .section { padding: 78px 0; }
    .split-heading, .method-grid, .wechat-card { grid-template-columns: 1fr; gap: 38px; }
    .split-heading { margin-bottom: 38px; }
    .split-heading h2, .method-intro h2 { font-size: 39px; }
    .feature-grid { grid-template-columns: 1fr; }
    .feature, .feature:last-child { grid-column: auto; min-height: 460px; }
    .method-intro { position: static; }
    .wechat-card { width: min(100% - 24px, 620px); padding: 42px 24px; border-radius: 24px; }
    .wechat-copy h2 { font-size: 37px; }
    .rights-grid { grid-template-columns: 1fr; }
    .rights-grid article { min-height: auto; }
    .rights-grid article:not(:last-child) { border-right: 0; border-bottom: 1px solid var(--line); }
    .closing-inner { display: grid; align-items: start; }
    .footer-grid { grid-template-columns: 1fr; gap: 28px; }
    .footer-meta { text-align: left; }
    .footer-legal { align-items: flex-start; flex-direction: column; gap: 8px; }
    .footer-copyright { margin-left: 0; }
}

@media (max-width: 480px) {
    .brand { font-size: 18px; }
    .hero h1 { font-size: 37px; }
    .hero-actions .button { width: 100%; }
    .product-stage { min-height: 445px; }
    .terminal-summary { padding: 18px 14px 12px; }
    .terminal-summary small { font-size: 9px; }
    .terminal-summary strong { font-size: 13px; }
    .terminal-summary div:first-child strong { font-size: 16px; }
    .chart-shell { height: 190px; margin: 0 10px; }
    .terminal-controls { grid-template-columns: 65px 1fr 65px; padding: 0 14px; gap: 10px; }
    .floating-card { display: none; }
    .trust-grid { grid-template-columns: 1fr; }
    .trust-grid div::after { display: none !important; }
    .trust-grid div:not(:last-child) { border-bottom: 1px solid var(--line); }
    .section-heading h2, .method-intro h2, .wechat-copy h2 { font-size: 34px; }
    .wechat-flow { min-height: 440px; margin: 0 -12px; }
    .flow-result { right: -2px; }
    .steps li { grid-template-columns: 48px 1fr; gap: 14px; }
    .closing-inner h2 { font-size: 36px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition-duration: .01ms !important; }
}