:root{--bg:#0d100b;--panel:rgba(23,24,17,.94);--panel-soft:rgba(31,29,20,.84);--gold:#ffcf32;--gold-2:#f4a511;--gold-soft:#fff299;--line:#d9b34b80;--muted:#d1cbb8;--silver:#f0f2f3;--ink:#fffdf5;--brand-red:#f01520}
html,body{background:var(--bg);color:var(--ink)}
.topbar{border-color:#c9a34566;background:#10130ced}.brand strong{color:#fffdf4;font-style:normal;letter-spacing:.01em}.brand small{color:#ffe580;font-size:9px;letter-spacing:.09em}.brand img{border-radius:0;object-fit:contain;filter:drop-shadow(0 0 5px #ffd13e35)}
.top-action-gold{color:#251b08;background:linear-gradient(120deg,#fff1a2,#ffd12a 60%,#f5ac18);border-color:#ffe991;box-shadow:0 0 18px #ffd13e2f}.top-action-outline,.review-button{border-color:#d5b64d;color:#fff1b7;background:#2d281270}.top-action:hover,.review-button:hover{filter:brightness(1.08)}
.hero-copy h1{letter-spacing:-.035em}.hero-copy h1 strong{color:#ffd449;background:linear-gradient(105deg,#fff39c,#ffd32d 70%,#ffb91b);background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.hero-description{color:#f2f0e6;border-color:#ffd449}.hero-points{color:#f9f6eb}.eyebrow{color:#ffe9a2}.eyebrow::before{background:#f01520}
.doctor-card{isolation:isolate;overflow:visible;aspect-ratio:auto;min-height:0;mix-blend-mode:normal}.doctor-card>img{position:relative;z-index:1;display:block;width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center center;border-radius:0;mix-blend-mode:normal;filter:drop-shadow(0 0 17px #ffd2332c);padding:0}
.doctor-glow{display:none}.doctor-card::before{content:'';position:absolute;inset:12%;z-index:0;background:radial-gradient(ellipse,#ffd23c1d,transparent 68%);pointer-events:none}.doctor-card::after{content:none}
.device img{filter:drop-shadow(0 8px 14px #000b) drop-shadow(0 0 7px #ffe16c58)}.device::after{background:#ffdc4230}
.line-cta{background:linear-gradient(115deg,#0ed467,#058744);border-color:#8bff99;box-shadow:0 0 18px #13d96522}.line-cta i{color:#fff7ae}.line-cta strong{color:#fff;text-shadow:none}.benefits{color:#f1f5e8}
.media-card header h2{color:#ffed9d}.youtube-mark{color:#ff5544}.slide-controls button{color:#fff0ad}.card-source{color:#d8d3bd}
dialog{background:#181c13;border-color:#cfb258}dialog button{background:#3b341c;color:#fff3c5;border-color:#a58b44}dialog a{color:#ffe48a}.floating-notice{background:linear-gradient(120deg,#2a2817f5,#111a10fa);border-color:#dbc25f}.floating-badge{color:#ffeb9b}.banner-outline{border-color:#dabb50}.banner-glow{border-color:#ffe46b;box-shadow:0 0 18px #ffd64555}.banner-close{border-color:#d9bd60;background:#201d10}
a:focus-visible,button:focus-visible{outline-color:#fff0a0}
@media(min-width:901px){.showcase{grid-template-columns:minmax(280px,1fr) minmax(380px,1.15fr) minmax(220px,.8fr)}.hero-copy h1{font-size:clamp(2.2rem,3.6vw,4.7rem)}}
@media(max-width:900px){.brand img{width:40px;height:40px}.brand strong{font-size:clamp(13px,3.8vw,17px)}.brand small{font-size:8px}.doctor-card{align-self:stretch}.doctor-card>img{object-fit:contain;object-position:center center}.hero-copy h1{line-height:1.08}.service strong{font-size:12px}}
@media(min-width:901px) and (max-width:1180px){.topbar{grid-template-columns:minmax(180px,.85fr) minmax(0,1.25fr) auto;gap:10px}.brand strong{font-size:20px}.brand img{width:40px;height:40px}.desktop-nav{gap:12px}.desktop-nav a{font-size:11px}.top-action{font-size:11px;padding-inline:12px}.review-button{font-size:11px;padding:9px 12px}.showcase{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,.75fr);gap:8px}.hero-copy h1{font-size:clamp(1.8rem,3.25vw,2.5rem)}.hero-copy{padding-left:18px}.hero-points,.hero-description{font-size:11px}.benefits{font-size:10px}}
@media(prefers-reduced-motion:reduce){.doctor-card>img{transition:none}}
.showcase .device-showcase .device img{filter:drop-shadow(0 8px 14px #000a) drop-shadow(0 0 7px #ffe36a58)}
.showcase .device-showcase .device-center img{filter:drop-shadow(0 10px 15px #000b) drop-shadow(0 0 9px #ffed9058)}
.showcase .device-showcase::before{background:radial-gradient(ellipse at 50% 96%,#ffd44730 0,#eab42a1e 19%,transparent 58%);filter:blur(3px)}

/* Preserve the complete long brand name beside the existing contact actions on compact phones. */
@media(max-width:420px){.brand{gap:5px}.brand img{width:34px;height:34px}.brand strong{font-size:12px;letter-spacing:-.015em}}
@media(max-width:360px){.topbar{column-gap:5px}.brand{gap:4px}.brand img{width:27px;height:27px}.brand strong{font-size:11px;letter-spacing:-.02em}.brand small{display:none}}

/* Thai tone marks need a full line box; later shared card styles use a tighter leading. */
.topbar .brand strong{line-height:1.45;overflow:visible}
.topbar .brand small{line-height:1.5;overflow:visible}