/* Chinese design under review. EN and BM keep their current styles.
   Original DuitBell palette: warm red #b42318, gold #d49a2a, cream #fff8ea. */
:root{--ink:#3e2117;--green:#b42318;--deep:#8f1d14;--muted:#796354;--line:#ead8b8;--paper:#fffaf1;--gold:#ffdc80}
body{background:linear-gradient(180deg,#fff6df 0,#fffdf8 920px,#fffaf1 100%)}
.offer-bar{background:#8f1d14;font-size:.9375rem;padding-block:11px}.offer-bar strong{color:#ffe195;font-weight:750}
.header{height:92px}.header .brand{color:#9c2519}.header .brand img{box-shadow:0 4px 12px #8f1d1412}.nav{font-size:.9375rem}.languages{background:#fff9ec;border-color:#e6cca0}
.hero{width:min(var(--width),calc(100% - 48px));padding:62px 54px;margin-top:14px;margin-bottom:38px;gap:42px;grid-template-columns:1.15fr 1fr;background:linear-gradient(120deg,#a82018 0%,#bd351b 50%,#d49a2a 100%);border:1px solid #b9472050;border-radius:30px;color:#fffaf0;box-shadow:0 20px 50px #8f36181a;position:relative}
.hero .eyebrow{color:#ffe2ae;font-size:.875rem;letter-spacing:1px;font-weight:500;margin-bottom:24px}
html[lang=zh-Hans] .hero h1{font-size:clamp(2.9rem,4.6vw,4.05rem);line-height:1.3;font-weight:850;letter-spacing:-1.5px}.hero h1 em{color:#ffe39b;text-shadow:0 3px 0 #7f201428}
.hero-copy{color:#fff1dc;font-size:1.0625rem;line-height:1.95;margin-top:20px}.hero .actions{gap:12px;margin-top:26px}.button{border-radius:12px;box-shadow:0 5px 14px #9d301312}.hero .button{background:#ffe4a0;color:#782312;border:1px solid #fff1c0;font-size:.9375rem;padding-inline:18px;font-weight:750}.hero .button:hover{background:#fff1c8}.hero .button.secondary{background:#ffffff0d;color:#fff9ee;border-color:#ffffff65;box-shadow:none}.hero .button.secondary:hover{background:#ffffff20}.hero .fine{color:#ffeacb;margin-top:23px;font-size:.8125rem}.hero .fine strong{display:inline-block;background:#7d201740;padding:5px 11px;border:1px solid #ffdda345;border-radius:6px;font-size:.875rem}.hero .fine span{display:block;margin-top:9px}
.demo{min-height:421px;background:linear-gradient(165deg,#fffcf4,#fff0c8);color:#882618;border:1px solid #fff1ca;border-radius:23px;padding:26px;box-shadow:0 20px 36px #6f1c1726;transform:rotate(1.5deg)}.demo-top{color:#9c6236;letter-spacing:1px;font-size:.75rem}.live-dot{background:#bf4d22}.demo-content{padding:23px 0 16px}.demo-logo{width:88px;height:88px;margin-bottom:18px;box-shadow:0 8px 18px #a8632522}.demo-label{color:#946545}.demo-amount{color:#922a1b;font-weight:650;font-size:3.2rem}.wave{margin-top:14px}.wave i{background:#d49a2a}.demo-bottom{border-color:#dcb66b60;padding-top:17px}.play{background:#ae2d1c;border-color:#ae2d1c;color:#fff4d6}.play:hover{background:#8f1d14}.demo-caption{color:#8f7057}.demo-status{color:#8b451c}.voice-quote{font-size:.875rem}
.context{border-top:0;padding-top:4px;padding-bottom:30px}.context p{color:#914527;font-size:.875rem}.context ul{gap:20px}.context li::before{color:#cb9029}
.section{padding-block:70px}.section h2{font-weight:750;line-height:1.4}.section-kicker{font-size:.8125rem;color:#b55223;letter-spacing:1.5px}.section-head>p{font-size:1rem;line-height:1.9}
.video-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.video-copy>p:not(.section-kicker){color:var(--muted);margin-top:20px;max-width:300px;font-size:1rem}.text-link{display:inline-block;color:var(--green);font-weight:650;margin-top:23px;border-bottom:1px solid #dba57d;padding-bottom:4px}.video-frame{margin:0;background:#fff;border:1px solid var(--line);padding:12px;border-radius:23px;box-shadow:0 12px 35px #95602112;min-width:0}.video-frame video{display:block;width:100%;height:410px;object-fit:contain;background:#201711;border-radius:14px}.video-frame figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 6px 3px;color:var(--muted);font-size:.8125rem}.video-frame figcaption a{color:#a73920;text-decoration:underline}
.audience-section{padding-top:35px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.audience-card{padding:29px;background:#fff4d9;border:1px solid #eed19b;border-radius:18px}.audience-card:nth-child(2){background:#a52c1b;color:#fff8e9;border-color:#a52c1b}.audience-number{font-size:.8125rem;color:#a55e2e;letter-spacing:.5px}.audience-card:nth-child(2) .audience-number{color:#ffdda0}.audience-card h3{font-size:1.25rem;font-weight:750;line-height:1.55;margin:19px 0 12px}.audience-card p{font-size:.9375rem;color:#81634c;line-height:1.9}.audience-card:nth-child(2) p{color:#ffebd4}
#features{padding-top:28px}.feature{border-color:#eedcbd;box-shadow:0 6px 25px #a3612010;background:#fffefd}.feature-icon{background:#fff0d1;color:#ac3a1d}.feature h3{color:#94301d}.feature p{line-height:1.9}.setup{background:#fff0cf;border-block:1px solid #efdab0}.step,.setup-details,.setup-details details{border-color:#e4cba0}.step-no{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;background:#b42318;border-radius:50%;color:white}.step p{line-height:1.9}.setup code{background:#f7e4bf}.setup summary{font-size:1rem}.price-card{border-color:#dfb775;box-shadow:0 14px 35px #a65c1710}.price-ribbon{background:linear-gradient(110deg,#b42318,#c46620);color:#fff0bc;font-size:.875rem;padding-block:15px}.price strong{color:#a62718}.price-body .button{background:#b42318}.price-body .button:hover{background:#8f1d14}.gift-line{color:#a66a22}.button.secondary:hover{background:#fff0d1}.closing{background:linear-gradient(115deg,#a52319,#ba4921);border:1px solid #b94024}.closing h2{font-weight:750}.closing p{color:#ffdfb6}.closing .button{color:#932719;background:#ffe6aa}.footer .brand{color:#9b2c1b}
@media(min-width:1500px){.hero{padding-block:72px}.demo{min-height:440px}}
@media(max-width:1000px){.hero{padding:42px 30px;gap:26px}.hero .actions{align-items:stretch;flex-direction:column}.hero .actions .button{width:fit-content}.hero .demo{padding:22px}.video-section{gap:40px}.context{align-items:start;flex-direction:column;gap:12px}.audience-card{padding:23px}}
@media(max-width:760px){.header{height:80px}.hero{width:calc(100% - 24px);margin-top:4px;padding:34px 24px;grid-template-columns:1fr;gap:30px;border-radius:22px;margin-bottom:25px}.hero .eyebrow{font-size:.75rem;letter-spacing:.3px;margin-bottom:18px}html[lang=zh-Hans] .hero h1{font-size:clamp(2.5rem,9vw,4rem);letter-spacing:-1px}.hero-copy{font-size:1rem}.hero .actions{flex-direction:row}.hero .actions .button{width:auto;padding-inline:15px;font-size:.875rem}.hero .fine{margin-top:18px}.demo{transform:none;min-height:382px}.hero .demo{padding:23px}.demo-amount{font-size:2.9rem}.context{padding-bottom:24px}.context ul{gap:10px 20px;font-size:.8125rem}.section{padding-block:48px}.video-section{grid-template-columns:1fr;gap:25px}.video-copy>p:not(.section-kicker){max-width:none;margin-top:12px}.video-copy h2 br{display:none}.video-frame video{height:auto;max-height:520px;min-height:210px}.video-frame{border-radius:18px;padding:9px}.audience-section{padding-top:22px}.audience-grid{grid-template-columns:1fr;gap:15px}.audience-card{padding:24px}.audience-card h3{margin-top:10px}.audience-card p{margin:0}#features{padding-top:15px}.closing{padding:28px}.offer-bar{font-size:.8125rem}}

/* Old-site-style shortcuts: explicit buttons, including on phones. */
.quick-menu{display:flex;flex-wrap:wrap;gap:12px;padding:2px 0 10px}
.quick-menu a{display:flex;align-items:center;justify-content:center;min-height:50px;padding:11px 24px;border:1px solid #e4cfaa;border-radius:999px;background:#fffdf9;color:#a82018;font-size:1rem;font-weight:750;line-height:1.5;text-align:center;box-shadow:0 5px 14px #9d301309}
.quick-menu a:hover{background:#fff0cc;border-color:#ce9b51}
.quick-menu .quick-menu-primary{background:#b42318;border-color:#b42318;color:#fff}
.quick-menu .quick-menu-primary:hover{background:#8f1d14;border-color:#8f1d14}
@media(max-width:760px){.quick-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 0 15px}.quick-menu a{min-height:48px;padding:10px 12px;font-size:1rem}.quick-menu .quick-menu-primary{grid-column:1/-1}}

/* Let the full domain and language selector wrap on narrow phones. */
@media(max-width:480px){.header{height:auto;min-height:80px;flex-wrap:wrap;padding-block:16px;gap:12px}.header .brand{font-size:1.2rem}.header .brand img{width:32px;height:32px}}

/* Payment screenshot reminder, adapted from the supplied poster. */
.payment-notice{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;margin-top:8px;margin-bottom:48px;padding:32px 36px;border:1px solid #bd4423;border-radius:22px;background:linear-gradient(115deg,#941e16,#b8341c);color:#fff8e9}
.payment-notice-heading{display:flex;align-items:flex-start;gap:18px}.payment-notice-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border:2px solid #ffdf8b;border-radius:50%;font-size:1.5rem;font-weight:800;color:#ffdf8b}.payment-notice-kicker{font-size:.8125rem;color:#ffdc91;margin-bottom:10px}.payment-notice h2{font-size:clamp(1.4rem,2.2vw,1.85rem);line-height:1.55;font-weight:750;color:#ffe399}.payment-notice-copy p{font-size:1rem;line-height:1.9}.payment-notice-copy .payment-notice-note{font-size:.875rem;line-height:1.8;color:#ffe2c8;margin-top:16px;padding-top:16px;border-top:1px solid #ffdc9140}
@media(max-width:760px){.payment-notice{grid-template-columns:1fr;gap:22px;padding:26px 22px;margin-bottom:32px;border-radius:18px}.payment-notice-heading{gap:12px}.payment-notice-icon{width:32px;height:32px;font-size:1.2rem}.payment-notice h2 br{display:none}}

/* Phone-shaped, interactive payment preview. */
.hero .demo{width:min(100%,320px);min-width:0;min-height:550px;justify-self:center;margin-inline:auto;padding:48px 21px 34px;border:9px solid #29231f;border-radius:45px;background:linear-gradient(160deg,#fffdf6,#fff0cc);box-shadow:0 0 0 2px #766052,0 0 0 4px #c5a16b,12px 24px 38px #611b1940;transform:rotate(3deg);overflow:hidden}
.hero .demo::before{content:"";position:absolute;top:13px;left:50%;transform:translateX(-50%);width:72px;height:17px;border-radius:20px;background:#29231f;box-shadow:inset 0 2px 3px #0005;pointer-events:none}
.hero .demo::after{content:"";position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:88px;height:4px;border-radius:9px;background:#66503b;opacity:.7;pointer-events:none}
.hero .demo-top{font-size:.75rem;letter-spacing:0;gap:10px;flex-wrap:wrap}
.hero .demo-content{padding:32px 0 25px}
.hero .demo-logo{width:82px;height:82px;border-radius:22px;margin-bottom:24px}
.hero .demo-amount{font-size:2.8rem;letter-spacing:-1.5px;margin-top:10px}
.hero .wave{margin-top:22px}
.hero .demo-bottom{gap:10px;align-items:flex-start;padding-top:18px}
.hero .play{width:40px;height:40px}
.hero .voice-quote{font-size:.875rem;line-height:1.8}
.hero .demo-caption{font-size:.75rem;line-height:1.7;margin-top:5px}
.hero .demo-status{font-size:.75rem;line-height:1.7;margin-top:10px}
.hero .demo-status:empty{display:none}
@media(max-width:760px){.hero .demo{width:min(100%,300px);min-height:520px;transform:none;margin-block:8px;padding:45px 18px 32px;border-width:8px;border-radius:40px}.hero .demo-content{padding-block:28px 22px}.hero .demo-amount{font-size:2.65rem}}