:root { --ink:#1e1e1e; --ink-soft:#2f2f2f; --green:#64b603; --green-dark:#4f9300; --lime:#b7d47f; --paper:#f6f5f5; --line:#ddebbc; --muted:#646464; --cream:#fffdf8; --section-gap:40px; --container:1200px; --radius:22px; --shadow:0 16px 48px rgba(23,23,23,.11); }
* { box-sizing:border-box } html { scroll-behavior:smooth } body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; line-height:1.35; overflow-x:hidden } a { color:inherit; text-decoration:none } img { display:block; max-width:100%; height:auto } .container { width:min(var(--container),calc(100% - 40px)); margin:0 auto } .section { margin-top:var(--section-gap) }
.site-header { background:#fff; border-bottom:1px solid #e7e7e7; position:relative; z-index:2 } .header-inner { min-height:102px; display:flex; gap:36px; align-items:center; justify-content:space-between } .brand { display:inline-flex; align-items:center; gap:10px; font-size:13px; line-height:1.16; letter-spacing:.01em; white-space:nowrap } .brand b { font-weight:700 } .brand-mark { width:40px; height:40px; display:block; color:var(--green) } .brand-mark svg { width:100%; height:100%; fill:currentColor } .header-facts { display:flex; gap:42px; margin-left:auto } .header-facts div, .phone { display:grid; gap:4px; font-size:13px; line-height:1.35 } small { color:#777; font-size:11px; letter-spacing:.04em; text-transform:uppercase } .phone { text-align:right; font-size:18px; font-weight:700; color:var(--ink) }
.hero { background:var(--ink); color:#fff; overflow:hidden; position:relative } .hero::after { content:""; position:absolute; inset:auto -5% 0 41%; height:65%; background:linear-gradient(135deg,transparent 0 34%,rgba(100,182,3,.23) 34.2% 34.8%,transparent 35% 62%,rgba(183,212,127,.12) 62.2% 62.7%,transparent 63%); pointer-events:none } .hero-grid { position:relative; z-index:1; min-height:670px; display:grid; grid-template-columns:1.1fr .95fr; grid-template-rows:1fr auto; column-gap:14px; padding:64px 0 38px } .hero-copy { max-width:630px; position:relative; z-index:2 } .eyebrow { color:var(--green); font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; margin:0 0 18px } h1,h2,h3,p { margin-top:0 } h1 { font-size:clamp(38px,4.3vw,65px); line-height:1.02; letter-spacing:-.055em; margin-bottom:26px } h1 em,h2 em { color:var(--lime); font-style:normal; display:block } .diagnostic { padding:15px 0 15px 18px; border-left:2px solid var(--green); display:grid; gap:2px; max-width:340px; margin-bottom:24px } .diagnostic b { font-size:16px } .diagnostic span { font-size:14px; color:#ddd } .diagnostic i { color:var(--lime); font-size:13px; font-style:normal; margin-top:5px } .package { border-top:1px solid rgba(255,255,255,.25); max-width:410px; padding-top:14px; margin-bottom:24px } .package p { font-weight:700; margin-bottom:10px } .package ul { columns:2; margin:0; padding:0; list-style:none; font-size:12px; color:#d2d2d2 } .package li { break-inside:avoid; margin:0 0 8px; padding-left:14px; position:relative } .package li::before { content:""; position:absolute; left:0; top:.5em; width:5px; height:5px; background:var(--green) }
.button { border:0; font:inherit; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:18px; border-radius:0; transition:.2s transform,.2s background; font-weight:700 } .button:hover { transform:translateY(-2px) } .button-main { padding:18px 22px; background:var(--green); color:#fff; font-size:13px; text-transform:uppercase; letter-spacing:.02em; box-shadow:0 10px 25px rgba(100,182,3,.25) } .button-main span { font-size:20px; line-height:.5 }
.hero-visual { position:relative; grid-column:2; grid-row:1 / span 2; min-height:560px; display:flex; align-items:center; justify-content:center; isolation:isolate } .hero-visual img { width:min(100%,650px); max-height:590px; object-fit:contain; mix-blend-mode:screen; transform:rotate(-7deg) translate(5%,2%); filter:contrast(1.05) saturate(1.04); position:relative; z-index:1 } .saving-note { position:absolute; z-index:2; top:14%; right:0; width:220px; padding:16px; background:rgba(255,255,255,.94); color:var(--ink); box-shadow:var(--shadow); border-left:3px solid var(--green) } .saving-note b { display:block; font-size:16px; line-height:1.08; margin-bottom:8px } .saving-note span { display:block; color:#666; font-size:11px; line-height:1.25 }
.hero-gift { grid-column:1; position:relative; margin-top:26px; display:flex; align-items:center; width:min(100%,520px); min-height:142px; padding:14px 18px 14px 150px; background:#292929; border:1px solid rgba(183,212,127,.35); overflow:hidden } .hero-gift img { position:absolute; left:-15px; bottom:-92px; width:190px; mix-blend-mode:screen } .hero-gift div { position:relative; z-index:1; display:grid; gap:6px } .hero-gift b { color:var(--lime); font-size:12px; text-transform:uppercase; letter-spacing:.04em } .hero-gift strong { font-size:15px; line-height:1.15 } .hero-gift ul { padding:0; margin:4px 0 0; list-style:none; color:#ddd; font-size:11px; display:grid; gap:3px }
.quiz-section { background:#fff } .quiz-shell { display:grid; grid-template-columns:.82fr 1.18fr; min-height:610px; box-shadow:var(--shadow); border:1px solid #eee } .quiz-aside { background:var(--ink); color:#fff; padding:46px; position:relative; overflow:hidden } .quiz-aside::before { content:""; position:absolute; right:0; top:0; width:42%; height:100%; background:linear-gradient(145deg,transparent 0 45%,rgba(100,182,3,.25) 45.2% 45.8%,transparent 46% 60%,rgba(183,212,127,.15) 60.2% 61%,transparent 61.2%); pointer-events:none } h2 { font-size:clamp(31px,3.3vw,47px); line-height:1.04; letter-spacing:-.045em; margin-bottom:18px; position:relative; z-index:1 } .gift-display { height:245px; position:relative; margin:12px 0 16px; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.25) } .gift-display img { position:absolute; width:295px; left:50%; bottom:-128px; transform:translateX(-50%); mix-blend-mode:screen } .gift-display span { position:absolute; bottom:16px; right:0; padding:8px 11px; background:var(--green); font-size:13px } .discount-note { color:#dedede; max-width:380px; font-size:14px; line-height:1.38; margin-bottom:0; position:relative; z-index:1 } .discount-note b { color:var(--lime); font-size:22px }
.quiz-card { padding:48px 54px 40px; position:relative; display:flex; flex-direction:column; justify-content:center; min-width:0 } .quiz-top { position:absolute; top:40px; left:54px; right:54px; display:grid; gap:10px; color:#777; font-size:13px } .progress { height:2px; background:#e9e9e9 } .progress i { display:block; height:100%; width:25%; background:var(--green); transition:width .25s ease } #quiz-form { margin-top:45px } fieldset { border:0; padding:0; margin:0; min-width:0 } .quiz-step { display:none } .quiz-step.active { display:grid; gap:12px } .quiz-step legend { font-size:clamp(24px,2.5vw,34px); line-height:1.12; letter-spacing:-.035em; font-weight:700; margin-bottom:18px } .quiz-step label:not(.phone-field) { display:flex; min-height:58px; border:1px solid #e3e3e3; padding:12px 16px; align-items:center; cursor:pointer; transition:.15s background,.15s border-color; font-size:16px } .quiz-step label:not(.phone-field):hover, .quiz-step label:has(input:checked) { border-color:var(--green); background:#f5faee } .quiz-step input[type=radio] { position:absolute; opacity:0; pointer-events:none } .quiz-step label:not(.phone-field) span::before { content:""; display:inline-block; width:16px; height:16px; border:1px solid #aaa; margin-right:12px; vertical-align:-2px } .quiz-step label:has(input:checked) span::before { border:5px solid var(--green) } .quiz-actions { margin-top:25px; min-height:35px } .button-back { padding:0; border:0; background:transparent; color:#555; font-size:14px; cursor:pointer } .button-back:disabled { opacity:.3; cursor:default }
.quiz-final { gap:12px!important } .quiz-final>p { font-size:16px; margin-bottom:0 } .quiz-final ul { margin:0 0 8px; padding:0; list-style:none; display:grid; gap:7px; font-size:14px } .quiz-final li { padding-left:18px; position:relative } .quiz-final li::before { content:""; width:6px; height:6px; position:absolute; left:0; top:.5em; background:var(--green) } .phone-field input { width:100%; padding:16px; border:1px solid #cfcfcf; font:inherit; outline:0 } .phone-field input:focus { border-color:var(--green); box-shadow:0 0 0 3px rgba(100,182,3,.15) } .submit-button { align-self:start; margin-top:4px } .consent { color:#737373; font-size:11px; line-height:1.35; margin:1px 0 0!important } .consent a { color:var(--green-dark); text-decoration:underline } .quiz-success { text-align:left; padding:55px 0 } .quiz-success span { display:grid; place-items:center; width:44px; height:44px; background:var(--green); color:#fff; font-size:26px; margin-bottom:16px } .quiz-success h3 { font-size:36px; margin-bottom:5px } .quiz-success p { color:#666; margin-bottom:0 }
.doctor-section { background:#edf3e7; overflow:hidden } .doctor-grid { min-height:560px; display:grid; grid-template-columns:.76fr 1.05fr .92fr; align-items:end; position:relative } .doctor-photo { align-self:end; height:100%; min-height:560px; display:flex; align-items:end; background:linear-gradient(145deg,#ddebcc,#f8fbf3) } .doctor-photo img { max-height:540px; width:100%; object-fit:contain; object-position:bottom } .doctor-copy { padding:65px 34px 65px 52px; align-self:center } .doctor-copy h2 { margin-bottom:30px } .doctor-name { border-left:3px solid var(--green); padding:8px 0 8px 16px; display:grid; gap:5px } .doctor-name b { font-size:18px } .doctor-name span,.china-note { font-size:14px; color:#555 } .doctor-name strong { color:var(--green-dark) } .china-note { margin:25px 0 0; max-width:250px } .trust-list { list-style:none; padding:34px 35px 38px 10px; margin:0; display:grid; gap:10px; align-self:center } .trust-list li { padding:14px 10px 14px 18px; border-left:1px solid #9cc757; display:grid; gap:4px; background:rgba(255,255,255,.44) } .trust-list b { font-size:13px } .trust-list span { font-size:12px; color:#5d5d5d }
.site-footer { margin-top:var(--section-gap); background:var(--ink); color:#fff; padding:44px 0 0 } .footer-top { display:flex; justify-content:space-between; align-items:flex-start; gap:30px; padding-bottom:30px; border-bottom:1px solid #4a4a4a } .footer-brand .brand-mark { color:var(--green) } .footer-links { display:grid; grid-template-columns:1fr; gap:12px; color:#c9c9c9; font-size:13px } .footer-links a { display:block; text-decoration:underline; text-underline-offset:4px } .legal-document-link { white-space:normal; overflow-wrap:anywhere } .footer-legal { display:flex; justify-content:space-between; gap:30px; padding:27px 0; color:#bcbcbc; font-size:12px; line-height:1.5 } .footer-legal p { margin:0 } .quiz-error { color:#a32626; font-size:13px!important; margin:2px 0 0!important } .submit-button[disabled] { cursor:wait; opacity:.75 } .medical-warning { margin:0; text-align:center; background:var(--green); color:#fff; font-size:11px; font-weight:700; letter-spacing:.04em; padding:15px; margin-left:calc((100vw - min(var(--container),calc(100vw - 40px)))/-2); margin-right:calc((100vw - min(var(--container),calc(100vw - 40px)))/-2) } .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 }
@media (max-width:980px) { .header-facts { gap:18px }.hero-grid { grid-template-columns:1fr .75fr }.hero-gift { grid-column:1 / -1; width:100%; max-width:none; margin-top:0 }.doctor-grid { grid-template-columns:.75fr 1fr }.trust-list { grid-column:1 / -1; grid-template-columns:1fr 1fr; padding:0 20px 34px; gap:8px }.quiz-shell { grid-template-columns:.72fr 1.28fr }.quiz-aside,.quiz-card { padding:35px } .quiz-top { left:35px; right:35px }}
@media (max-width:700px) { .container { width:min(100% - 28px, var(--container)) }.header-inner { min-height:76px; gap:12px }.header-facts { display:none }.brand { font-size:11px }.brand-mark { width:32px; height:32px }.phone { font-size:14px }.phone small { display:none }.hero-grid { min-height:0; display:flex; flex-direction:column; padding:36px 0 0 }.hero-copy { display:contents }.hero-copy .eyebrow,.hero-copy h1,.hero-copy .diagnostic,.hero-copy .package,.hero-copy .button { margin-left:0; margin-right:0 }.hero-copy h1 { order:1 }.hero-copy .eyebrow { order:0 }.hero-copy .diagnostic { order:2 }.hero-visual { order:3; min-height:355px; width:100%; margin-top:-8px }.hero-visual img { max-height:360px; width:100%; transform:rotate(-7deg) translate(3%,1%) }.saving-note { right:0; top:22px; width:175px; padding:12px }.saving-note b { font-size:13px }.hero-copy .package { order:4; width:100%; margin-top:4px }.hero-copy .button { order:5; width:100%; margin-bottom:20px }.hero-gift { order:6; margin-left:calc((100vw - min(100% - 28px,var(--container)))/-2); width:100vw; padding-right:25px }.quiz-shell { display:block }.quiz-aside,.quiz-card { padding:29px 22px }.quiz-aside h2 { max-width:330px }.gift-display { height:215px }.quiz-card { min-height:475px }.quiz-top { top:28px; left:22px; right:22px }.quiz-step legend { font-size:27px }.quiz-step label:not(.phone-field) { min-height:56px }.doctor-grid { display:flex; flex-direction:column }.doctor-photo { min-height:410px; width:100%; order:2 }.doctor-photo img { max-height:430px }.doctor-copy { padding:37px 0 18px; order:1 }.trust-list { order:3; display:grid; grid-template-columns:1fr; padding:18px 0 30px; width:100% }.footer-top,.footer-legal { align-items:flex-start; flex-direction:column; gap:22px }.footer-links { display:grid; gap:12px }.site-footer { padding-top:30px }.medical-warning { font-size:9px; line-height:1.4; padding:13px 20px }}

/* Final sizing and composition adjustments */
.section,.site-footer { margin-top:0 }
.site-header .header-inner { min-height:152px }
.site-header .brand { font-size:26px; gap:18px }
.site-header .brand-mark { width:80px; height:80px }
.diagnostic { max-width:600px; padding:22px 0 22px 28px; border-left-width:4px; gap:6px }
.diagnostic b { font-size:32px }
.diagnostic span { font-size:28px }
.diagnostic i { font-size:26px; margin-top:8px }
.package { max-width:600px; padding-top:22px; margin-bottom:30px }
.package p { font-size:30px; margin-bottom:18px }
.package ul { font-size:24px; column-gap:36px }
.package li { margin-bottom:12px; padding-left:20px }
.package li::before { width:8px; height:8px }
.hero-grid { grid-template-rows:1fr auto; row-gap:0 }
.hero-gift { grid-column:1; grid-row:2; width:600px; min-height:236px; margin-top:0; padding:22px 26px 22px 235px }
.hero-gift img { left:-22px; bottom:-115px; width:280px }
.hero-gift div { gap:10px }
.hero-gift b { font-size:24px }
.hero-gift strong { font-size:30px; line-height:1.1 }
.hero-gift ul { font-size:22px; gap:6px; margin-top:8px }
.saving-note { position:relative; grid-column:2; grid-row:2; align-self:start; justify-self:end; top:auto; right:auto; z-index:3; width:440px; min-height:236px; padding:30px 28px; border-left-width:6px; display:grid; align-content:center; gap:14px }
.saving-note b { font-size:32px; line-height:1.08; margin:0 }
.saving-note span { font-size:22px; line-height:1.25 }
.quiz-shell { grid-template-columns:550px minmax(0,1fr); min-height:550px; height:550px }
.quiz-aside { padding:28px 38px }
.quiz-aside::before { z-index:0 }
.quiz-aside h2,.discount-note,.gift-display { position:relative; z-index:1 }
.quiz-aside h2 { font-size:44px; line-height:1.02; margin-bottom:8px }
.gift-display { height:180px; margin:6px 0 10px }
.gift-display img { z-index:2; width:255px; bottom:-112px }
.gift-display span { z-index:3; bottom:10px }
.discount-note { font-size:14px; line-height:1.3 }
.quiz-card { padding:34px 54px 24px }
.quiz-top { top:30px }
.doctor-section { height:500px }
.doctor-grid { min-height:500px; height:500px; grid-template-columns:.7fr 1.22fr 1.08fr }
.doctor-photo { min-height:500px; background:#edf3e7 }
.doctor-photo img { max-height:500px }
.doctor-copy { padding:12px 28px 12px 38px }
.doctor-copy h2 { font-size:70px; line-height:.92; letter-spacing:-.06em; margin-bottom:18px }
.doctor-copy h2 em { color:#4F9300 }
.doctor-name { border-left-width:5px; padding:8px 0 8px 18px; gap:6px }
.doctor-name b { font-size:32px; line-height:1.05 }
.doctor-name span,.china-note { font-size:26px; line-height:1.08 }
.china-note { margin:18px 0 0; max-width:380px }
.trust-list { padding:18px 20px 18px 0; gap:8px }
.trust-list li { padding:14px 12px 14px 20px; border-left-width:3px; gap:5px }
.trust-list b { font-size:25px; line-height:1.05 }
.trust-list span { font-size:23px; line-height:1.08 }
.footer-legal { font-size:14px }
.medical-warning { font-size:20px; line-height:1.3 }
@media (max-width:980px) { .site-header .brand { font-size:20px }.site-header .brand-mark { width:64px; height:64px }.header-facts { font-size:11px }.quiz-shell { grid-template-columns:480px minmax(0,1fr) }.hero-gift { width:100% }.saving-note { width:100% }.doctor-section,.doctor-grid,.doctor-photo { height:auto; min-height:0 }.doctor-copy h2 { font-size:54px }.doctor-name b { font-size:27px }.doctor-name span,.china-note { font-size:20px }.trust-list b { font-size:19px }.trust-list span { font-size:17px } }
@media (max-width:700px) { .site-header .header-inner { min-height:112px }.site-header .brand { font-size:22px; gap:10px }.site-header .brand-mark { width:64px; height:64px }.hero-copy h1 { order:0 }.hero-copy .diagnostic { order:1 }.hero-visual { order:2 }.hero-copy .package { order:3 }.hero-copy .button { order:4 }.hero-gift { order:5; grid-column:auto; grid-row:auto; width:100%; min-height:260px; margin-left:0; padding-left:205px }.saving-note { order:6; grid-column:auto; grid-row:auto; width:100%; min-height:190px; padding:24px; margin:0; justify-self:auto }.saving-note b { font-size:26px }.saving-note span { font-size:18px }.diagnostic b { font-size:25px }.diagnostic span { font-size:21px }.diagnostic i { font-size:19px }.package p { font-size:25px }.package ul { font-size:19px; columns:1 }.hero-gift b { font-size:18px }.hero-gift strong { font-size:22px }.hero-gift ul { font-size:16px }.quiz-shell { height:auto; min-height:0 }.quiz-aside h2 { font-size:36px }.doctor-section { height:auto }.doctor-grid { height:auto }.doctor-copy h2 { font-size:48px }.doctor-name b { font-size:27px }.doctor-name span,.china-note { font-size:19px }.trust-list b { font-size:19px }.trust-list span { font-size:17px }.footer-legal { font-size:14px }.medical-warning { font-size:16px } }

/* Compact desktop composition and quiz stability */
.brand,.site-header .brand { font-size:20px }
.site-header .header-inner { min-height:100px }
.hero-grid { min-height:0; height:870px; display:block; padding:42px 0 28px }
.hero-copy { width:700px; max-width:700px; z-index:4 }
.hero-copy h1 em { display:inline; font-size:inherit; white-space:normal }
.hero-copy .diagnostic,.hero-copy .package { max-width:480px }
.package ul { font-size:18px }
.hero-visual { position:absolute; top:-30px; right:0; width:420px; min-height:0; height:420px; z-index:1; align-items:flex-start }
.hero-visual img { width:420px; max-height:410px; transform:rotate(-7deg) translate(3%,0) }
.saving-note { position:absolute; top:350px; right:0; width:420px; min-height:150px; padding:22px 24px; z-index:2 }
.saving-note span { font-size:14px }
.hero-gift { position:absolute; top:545px; right:0; grid-column:auto; grid-row:auto; width:600px; min-height:202px; margin:0; padding:18px 26px 18px 210px; z-index:2; align-items:center }
.hero-gift img { width:207px; left:-14px; top:auto; bottom:-94px; transform:none }
.hero-gift div { padding-top:0; gap:10px }
.hero-gift b { font-size:16px }
.hero-gift strong { font-size:25px }
.hero-gift ul { font-size:16px; gap:5px }
.hero-gift b { font-size:16px }
.hero-gift strong { font-size:25px; line-height:1.1 }
.hero-gift ul { font-size:16px; gap:5px; margin-top:5px }
.hero-gift li { position:relative; padding-left:15px }
.hero-gift li::before { content:""; position:absolute; top:.46em; left:0; width:7px; height:7px; background:var(--green) }
.quiz-shell { overflow:hidden }
.quiz-aside h2 em { display:inline }
.gift-display img { width:220px }
.quiz-card { min-height:0; overflow:hidden }
.quiz-top[hidden] { display:none }
.quiz-final.active { gap:7px }
.quiz-final legend { font-size:28px; margin-bottom:4px }
.quiz-final p { font-size:14px; margin-bottom:4px }
.quiz-final ul { gap:3px; margin:0 0 4px; font-size:14px; line-height:1.18 }
.quiz-final .phone-field input { min-height:40px; padding:9px 11px; font-size:14px }
.quiz-final .button { min-height:42px; padding:10px 16px; font-size:14px }
.quiz-final .consent { font-size:13px; line-height:1.22; margin-top:2px }
.doctor-photo { background:#edf3e7 }
.doctor-copy h2 { font-size:35px; line-height:.98; letter-spacing:-.045em; margin-bottom:12px }
.doctor-name { border-left-width:3px; padding:6px 0 6px 12px; gap:4px }
.doctor-name b { font-size:16px }
.doctor-name span,.china-note { font-size:13px; line-height:1.12 }
.china-note { margin-top:12px }
.trust-list { padding:14px 16px 14px 0; gap:6px }
.trust-list li { padding:10px 10px 10px 14px; gap:3px }
.trust-list b { font-size:12.5px; line-height:1.1 }
.trust-list span { font-size:11.5px; line-height:1.12 }
@media (max-width:980px) { .hero-grid { height:auto; display:grid; min-height:0 }.hero-copy { width:auto; max-width:100% }.hero-visual,.saving-note,.hero-gift { position:relative; top:auto; right:auto }.hero-gift { width:100% } }
@media (max-width:700px) { .site-header .header-inner { min-height:100px }.brand,.site-header .brand { font-size:20px }.hero-grid { display:flex; height:auto; padding-top:36px }.hero-copy { width:auto }.hero-visual { width:100%; height:auto }.saving-note,.hero-gift { position:relative; top:auto; right:auto }.hero-gift { width:100%; min-height:230px; padding-left:190px }.hero-gift img { width:220px }.doctor-copy h2 { font-size:35px }.doctor-name b { font-size:16px }.doctor-name span,.china-note { font-size:13px }.trust-list b { font-size:12.5px }.trust-list span { font-size:11.5px } }

.trust-list b { font-size:20px }
.trust-list span { font-size:14px }
.quiz-aside { padding:58px 38px }
.package p { font-size:23px }
.doctor-copy h2 em { display:inline }
.doctor-name b { font-size:20px }
.doctor-name span,.china-note { font-size:16px }
@media (max-width:700px) { .trust-list b { font-size:20px }.trust-list span { font-size:14px } }

/* Light neutral palette */
:root { --ink:#2b2d33; --ink-soft:#42454d; --green-dark:#4f9300; --lime:#4f9300; --paper:#f4f4f5; --cream:#ffffff; --line:#d9dde1; --muted:#646972; --shadow:0 16px 48px rgba(43,45,51,.10); }
.site-header { background:#ffffff; border-color:#e1e3e6; }
.hero { background:linear-gradient(90deg,rgba(183,212,127,.30) 0%,#f4f4f5 18%,#eceef0 82%,rgba(183,212,127,.30) 100%); color:var(--ink); }
.hero::after { background:linear-gradient(135deg,transparent 0 34%,rgba(100,182,3,.13) 34.2% 34.8%,transparent 35% 62%,rgba(79,147,0,.08) 62.2% 62.7%,transparent 63%); }
h1 em,h2 em { color:var(--green-dark); }
.hero-visual img { mix-blend-mode:normal; }
.diagnostic { border-color:var(--green-dark); }
.diagnostic span { color:#50545d; }
.package { border-color:rgba(43,45,51,.24); }
.package ul { color:#555a63; }
.hero-gift { background:#eceef0; border-color:#d6dadd; color:var(--ink); }
.hero-gift img { mix-blend-mode:normal; }
.hero-gift ul { color:#50545d; }
.quiz-section { background:#ffffff; }
.quiz-shell { border-color:#e1e3e6; }
.quiz-aside { background:#eceef0; color:var(--ink); }
.quiz-aside::before { background:linear-gradient(145deg,transparent 0 45%,rgba(100,182,3,.14) 45.2% 45.8%,transparent 46% 60%,rgba(79,147,0,.08) 60.2% 61%,transparent 61.2%); }
.gift-display { border-color:rgba(43,45,51,.2); }
.discount-note { color:#50545d; }
.doctor-section { background:linear-gradient(90deg,rgba(183,212,127,.30) 0%,#f4f4f5 18%,#eceef0 82%,rgba(183,212,127,.30) 100%); }
.doctor-photo { background:transparent; }
.trust-list li { background:#ffffff; }
.site-footer { background:#eceef0; color:var(--ink); }
.footer-top { border-color:#d4d8dc; }
.footer-links,.footer-legal { color:#545963; }
.medical-warning { background:#ffffff; color:var(--green-dark); }
.diagnostic { gap:0; }
@media (max-width:700px) {
  .hero-gift img { width:200px; bottom:-10px; }
  .hero-gift strong { font-size:16px; }
  .hero-gift ul { font-size:12px; }
  .saving-note { width:100%; max-width:100%; right:auto; left:auto; margin-inline:0; }
  .quiz-aside h2 { font-size:32px; }
  .doctor-name strong { display:block; margin-top:3px; }
}
.hero-visual img { mix-blend-mode:multiply; }
.hero-visual { top:60px; }
.hero-visual { isolation:auto; }
.china-flag { display:block; width:54px; height:36px; margin-top:10px; box-shadow:0 3px 10px rgba(43,45,51,.14); }
@media (max-width:980px) { .china-flag { display:none; } }
@media (max-width:700px) { .brand,.site-header .brand { font-size:14px; } .hero-visual { top:0; } }