@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap");

:root{--bg:#07110f;--surface:#0e1917;--surface2:#101d1a;--hairline:rgba(255,255,255,.08);--accent:#2fd3c4;--muted:#9db0ad;--faint:#8ca09d;--text:#eaf3f1;--gradient:linear-gradient(135deg,#1fc8b4,#0b6e68)}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"IBM Plex Sans Thai","Space Grotesk",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.jmodedit,.jmodinside,.jmoddiv,.module-edit,.edit-icon,.icons,.com-content-article__edit,.btn-group:has(a[href*="task=article.edit"]),.btn-group:has(a[href*="task=module.edit"]),a[href*="task=article.edit"],a[href*="task=module.edit"],a[href*="view=form"],.article-info-term,.article-info,.com-content-category-blog .category-desc,.com-content-category-blog .cat-children{display:none!important}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes glowpulse{0%,100%{opacity:.5}50%{opacity:.85}}@keyframes logoglow{0%,100%{filter:drop-shadow(0 0 7px rgba(31,200,180,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 17px rgba(31,200,180,.8));transform:scale(1.06)}}@keyframes scanline{from{transform:translateY(0)}to{transform:translateY(340px)}}@keyframes barwave{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
.site-shell{min-height:100vh;overflow-x:hidden;background:radial-gradient(1000px 680px at 84% -6%,rgba(31,200,180,.22),transparent 58%),radial-gradient(820px 680px at -10% 26%,rgba(11,110,104,.17),transparent 56%),radial-gradient(900px 720px at 112% 74%,rgba(34,211,197,.2),transparent 58%),linear-gradient(180deg,#07110f,#050c0b 48%,#08120f 100%)}
.container{max-width:1240px;margin:0 auto;padding-left:28px;padding-right:28px}.nav{position:sticky;top:0;z-index:50;background:rgba(7,15,13,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--hairline)}.nav-inner{max-width:1240px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.nav-logo img{height:48px;width:auto;display:block;animation:logoglow 3s ease-in-out infinite}.nav-links{display:flex;align-items:center;gap:26px;color:var(--muted);font-size:16px}.nav-links ul{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}.nav-links li{position:relative}.nav-links a:hover,.nav-links .active>a{color:var(--accent)}.nav-links .mod-menu__toggle-sub{appearance:none;background:transparent;border:0;color:var(--muted);padding:0 0 0 6px;cursor:pointer}.nav-links .mod-menu__toggle-sub .icon-chevron-down:before{content:"⌄";font-size:12px}.nav-links .mod-menu__sub,.nav-links .mm-collapse{position:absolute;top:calc(100% + 12px);left:-16px;min-width:236px;background:#0b1613;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:8px;display:none;box-shadow:0 24px 54px -20px rgba(0,0,0,.8)}.nav-links li:hover>.mod-menu__sub,.nav-links li:hover>.mm-collapse{display:block}.nav-links .mod-menu__sub{list-style:none}.nav-links .mod-menu__sub li{display:block}.nav-links .mod-menu__sub a{display:block;padding:11px 12px;border-radius:10px}.nav-links .mod-menu__sub a:hover{background:rgba(31,200,180,.1)}.nav-actions{display:flex;align-items:center;gap:12px}.lang{font-family:"Space Mono",monospace;font-size:12px;font-weight:700;color:var(--muted);border:1px solid rgba(255,255,255,.16);border-radius:9px;padding:8px 11px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;background:linear-gradient(135deg,#17bfad,#0b6e68);color:#fff;font-weight:600;padding:14px 24px;box-shadow:0 10px 30px -10px rgba(31,195,182,.6);transition:.16s}.btn:hover{transform:translateY(-2px);color:#fff}.btn-small{padding:10px 18px;font-size:14px}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.16);box-shadow:none}.btn.light{background:#fff;color:#0b3f46}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}
.hero{position:relative;padding:88px 0 70px;overflow:hidden}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(900px 600px at 60% 30%,#000,transparent 75%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.pill{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#1fc8b4,#0c9c8e 48%,#0b6e68);padding:8px 16px;border-radius:999px;font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.14em;color:#eafffb;text-transform:uppercase;box-shadow:0 12px 26px -12px rgba(12,130,120,.7)}.pill .dot{animation:glowpulse 2s infinite}.title{font-family:"Space Grotesk","IBM Plex Sans Thai";font-weight:700;font-size:clamp(38px,5vw,62px);line-height:1.04;margin:24px 0}.grad-text{background:linear-gradient(120deg,#2fd3c4,#0f9e90);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:var(--muted);font-size:18px;line-height:1.65;max-width:620px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.hero-visual-wrap{position:relative}.visual-panel{border:1px solid rgba(255,255,255,.09);background:linear-gradient(160deg,#0e1917,#0a100f);border-radius:20px;padding:18px;box-shadow:0 40px 90px -30px rgba(0,0,0,.7);animation:floaty 7s ease-in-out infinite}.window-dots{display:flex;align-items:center;gap:7px;padding:4px 4px 14px}.window-dots span{width:11px;height:11px;border-radius:50%;background:#2a3937}.window-dots small{margin-left:8px;color:#6e827f;font-family:"Space Mono",monospace}.scanbox{position:relative;height:340px;border-radius:12px;overflow:hidden;background:repeating-linear-gradient(135deg,rgba(31,195,182,.07) 0 14px,transparent 14px 28px);border:1px solid rgba(31,195,182,.18);display:flex;align-items:center;justify-content:center;text-align:center;color:#6e827f;font-family:"Space Mono",monospace}.scanbox:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#2fd3c4,transparent);animation:scanline 3.5s linear infinite}.voice-badge{position:absolute;bottom:-22px;left:-26px;background:#0e1917;border:1px solid rgba(31,195,182,.38);border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 20px 50px -20px rgba(0,0,0,.8)}.voice-badge small{display:block;color:#7e928f}.voice-badge strong{display:block;color:#eaf3f1}.bars{display:flex;align-items:flex-end;gap:3px;height:30px}.bars span{width:4px;height:100%;background:#2fd3c4;border-radius:2px;transform-origin:bottom;animation:barwave 1s ease-in-out infinite}.bars span:nth-child(2){animation-delay:.15s}.bars span:nth-child(3){animation-delay:.3s}.bars span:nth-child(4){animation-delay:.45s;background:#0f6972}.trust-strip{display:flex;flex-wrap:wrap;gap:14px 30px;align-items:center;justify-content:center;color:var(--muted);padding-top:6px;padding-bottom:2px}.section-label{font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}
.main-content{padding:72px 0}.content-wrap.has-sidebar{display:grid;grid-template-columns:1fr 320px;gap:34px}.component-area{min-width:0}.module-band{padding-top:34px;padding-bottom:34px}.card,.blog-item,.com-content-article{position:relative;border:1px solid var(--hairline);background:linear-gradient(160deg,#101d1a 30%,#0c221e);border-radius:22px;padding:34px;overflow:hidden;box-shadow:0 24px 50px -28px rgba(0,0,0,.75)}.blog-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:24px}.page-header h1,.item-title,.com-content-article__title{font-family:"Space Grotesk","IBM Plex Sans Thai";font-weight:700;color:var(--text)}.com-content-article p,.blog-item p{color:#b9cac7;line-height:1.8}.readmore .btn-secondary,.btn-secondary{background:var(--gradient);color:#fff;border:0;border-radius:10px;padding:10px 16px}.muted{color:var(--muted);line-height:1.7}.cta-wrap{padding-top:64px;padding-bottom:64px}.cta{border-radius:26px;overflow:hidden;background:linear-gradient(125deg,#12b5a6,#0c7c74 42%,#0a484d);padding:56px 48px;text-align:center}.cta h2{font-family:"Space Grotesk","IBM Plex Sans Thai";font-size:clamp(24px,3vw,36px);margin:0 0 14px}.cta p{color:#bfeee8;max-width:560px;margin:0 auto 28px;line-height:1.6}.footer{border-top:1px solid rgba(12,130,120,.28);padding:48px 0 40px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.footer-logo{width:190px}.footer h3{font-family:"Space Grotesk";margin-bottom:14px}.footer a{display:block;color:var(--muted);margin:10px 0}.contentpane{font-family:"IBM Plex Sans Thai",sans-serif;padding:20px}
@media(max-width:900px){.nav-inner{flex-wrap:wrap}.nav-links{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:14px 20px}.nav-links ul{flex-wrap:wrap;justify-content:center}.hero-grid,.content-wrap.has-sidebar,.footer-grid{grid-template-columns:1fr}.voice-badge{position:relative;left:0;bottom:0;margin-top:14px}}@media(max-width:640px){.container{padding-left:20px;padding-right:20px}.card,.blog-item,.com-content-article{padding:26px}.nav-actions{width:100%;justify-content:center}.cta{padding:44px 24px}}
.com-content-article:has(.medee-article-hero)>.page-header,.com-content-article:has(.medee-home-content)>.page-header,.com-content-article:has(.medee-product-page)>.page-header,.com-content-article:has(.medee-services-page)>.page-header,.com-content-article:has(.medee-articles-page)>.page-header,.com-content-article:has(.medee-article-hero)>.article-info,.com-content-article:has(.medee-home-content)>.article-info,.com-content-article:has(.medee-product-page)>.article-info,.com-content-article:has(.medee-services-page)>.article-info,.com-content-article:has(.medee-articles-page)>.article-info,.com-content-article:has(.medee-article-hero) .com-content-article__body>p:first-child,.com-content-article:has(.medee-home-content) .com-content-article__body>p:first-child,.com-content-article:has(.medee-product-page) .com-content-article__body>p:first-child,.com-content-article:has(.medee-services-page) .com-content-article__body>p:first-child,.com-content-article:has(.medee-articles-page) .com-content-article__body>p:first-child,.com-content-article:has(.medee-article-hero) .pagenavigation,.com-content-article:has(.medee-home-content) .pagenavigation,.com-content-article:has(.medee-product-page) .pagenavigation,.com-content-article:has(.medee-services-page) .pagenavigation,.com-content-article:has(.medee-articles-page) .pagenavigation{display:none}.com-content-article:has(.medee-article-hero),.com-content-article:has(.medee-home-content),.com-content-article:has(.medee-product-page),.com-content-article:has(.medee-services-page),.com-content-article:has(.medee-articles-page){padding:0;background:transparent;border:0;box-shadow:none}.medee-article-hero{border:1px solid rgba(255,255,255,.09);background:linear-gradient(155deg,#10201c,#081311 72%);border-radius:24px;padding:52px;margin-bottom:28px;position:relative;overflow:hidden}.medee-article-hero:after{content:"";position:absolute;inset:auto -20% -45% 30%;height:240px;background:radial-gradient(circle,rgba(47,211,196,.18),transparent 66%);pointer-events:none}.medee-kicker{font-family:"Space Mono",monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:700}.medee-kicker-pill{display:inline-flex;align-items:center;gap:10px;background:var(--gradient);border-radius:999px;padding:8px 16px;font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#eafffb;box-shadow:0 12px 26px -12px rgba(12,130,120,.7)}.medee-article-hero h1,.component-area .medee-article-hero h1{font-family:"Space Grotesk","IBM Plex Sans Thai";font-size:clamp(38px,5vw,64px);line-height:1.05;margin:12px 0;color:var(--text)}.medee-lead{font-size:20px;line-height:1.7;color:#bfd0cd;max-width:760px}.medee-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.medee-content-grid>div,.medee-panel{border:1px solid var(--hairline);background:rgba(16,29,26,.76);border-radius:18px;padding:28px}.medee-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin:28px 0}.medee-card{display:block;border:1px solid var(--hairline);background:linear-gradient(160deg,#0e1917,#0a1513);border-radius:18px;padding:24px;min-height:190px;transition:.16s}.medee-card:hover{border-color:rgba(47,211,196,.45);transform:translateY(-3px)}.medee-card span{font-family:"Space Mono",monospace;font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:.09em}.medee-card h3{font-family:"Space Grotesk","IBM Plex Sans Thai";font-size:24px;line-height:1.2;margin:14px 0 10px}.medee-card p{color:#aebfbc;line-height:1.65}.medee-feature-band{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:28px;border:1px solid rgba(47,211,196,.28);border-top:4px solid var(--accent);background:linear-gradient(155deg,#122a24,#0b1b18);border-radius:22px;padding:34px;margin:48px 0}.medee-feature-band h2{font-size:clamp(28px,4vw,46px);line-height:1.08;margin:10px 0}.medee-button{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--gradient);color:#fff!important;font-weight:700;padding:13px 22px;margin:16px 12px 0 0;box-shadow:0 14px 32px -16px rgba(47,211,196,.75)}.medee-button-ghost{background:transparent;border:1px solid rgba(255,255,255,.16);box-shadow:none}.medee-button-light{background:#fff;color:#0b3f46!important}.medee-pills{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 26px}.medee-pill{border:1px solid rgba(47,211,196,.35);background:rgba(47,211,196,.08);color:#dffefa;border-radius:999px;padding:8px 12px}.medee-process{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-top:34px}.medee-process>div{border:1px solid var(--hairline);background:#0e1917;border-radius:16px;padding:22px}.medee-process strong{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--gradient);margin-bottom:12px}
.main-content:has(.medee-product-page),.main-content:has(.medee-services-page),.main-content:has(.medee-articles-page),.main-content:has(.medee-software-page){padding-top:36px}.medee-product-page,.medee-services-page,.medee-articles-page,.medee-software-page{display:flex;flex-direction:column;gap:70px}.medee-product-hero,.medee-services-hero{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;border-radius:26px;padding:56px;background:radial-gradient(900px 460px at 78% 0,rgba(31,195,182,.16),transparent 62%),linear-gradient(160deg,#0b1714,#07110f);border:1px solid var(--hairline);overflow:hidden}.medee-product-hero h1,.medee-services-hero h1,.medee-articles-hero h1{font-family:"Space Grotesk","IBM Plex Sans Thai";font-size:clamp(36px,4.8vw,60px);line-height:1.05;margin:22px 0}.medee-product-hero h1 span,.medee-services-hero h1 span,.medee-articles-hero h1 span{background:linear-gradient(120deg,#2fd3c4,#0f9e90);-webkit-background-clip:text;background-clip:text;color:transparent}.medee-backlink{font-family:"Space Mono",monospace;font-size:12px;color:#6e827f;display:block;margin-bottom:20px}.medee-metadata-visual,.medee-voice-visual,.medee-device-visual .browser{border:1px solid rgba(255,255,255,.09);background:linear-gradient(160deg,#0e1917,#0a100f);border-radius:20px;padding:20px;box-shadow:0 40px 90px -30px rgba(0,0,0,.65)}.medee-metadata-visual{display:grid;grid-template-columns:1fr auto 1.3fr;gap:14px;align-items:stretch}.medee-file-box{height:160px;border-radius:12px;background:repeating-linear-gradient(135deg,rgba(31,195,182,.07) 0 12px,transparent 12px 24px);border:1px solid rgba(31,195,182,.18);display:flex;align-items:center;justify-content:center;text-align:center;color:#6e827f;font-family:"Space Mono",monospace}.medee-arrow{display:grid;place-items:center;color:#2fd3c4;font-size:24px}.medee-meta-box{border-radius:12px;background:#0a1211;border:1px solid rgba(255,255,255,.08);padding:14px}.medee-meta-box small{font-family:"Space Mono";color:#2fd3c4}.medee-meta-box p{font-size:13px;line-height:1.4}.medee-meta-box b{color:#6e827f}.medee-meta-box span{font-size:11px;background:rgba(31,195,182,.14);color:#2fd3c4;padding:4px 8px;border-radius:6px}.medee-status-row{grid-column:1/-1;display:flex;justify-content:space-between;gap:14px;background:rgba(31,195,182,.08);border:1px solid rgba(31,195,182,.2);border-radius:10px;padding:12px 14px;color:#c4d4d1}.medee-status-row strong{color:#2fd3c4}.medee-center-section{text-align:center;max-width:960px;margin:0 auto}.medee-center-section h2{font-size:clamp(26px,3.2vw,40px);line-height:1.18}.medee-center-section p{color:#9db0ad;line-height:1.7}.medee-step-grid,.medee-feature-grid,.medee-compare-grid,.medee-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.medee-step-grid article,.medee-feature-grid article,.medee-mini-grid article,.medee-compare-grid article{border:1px solid var(--hairline);background:#0e1917;border-radius:20px;padding:28px}.medee-step-grid article.is-active,.medee-compare-grid .good{background:linear-gradient(165deg,rgba(31,195,182,.14),#0e1917);border-color:rgba(31,195,182,.28)}.medee-step-grid span,.medee-feature-grid span,.medee-mini-grid span{display:inline-grid;place-items:center;min-width:44px;height:44px;border-radius:12px;background:var(--gradient);color:#fff;margin-bottom:14px;font-family:"Space Grotesk";font-weight:700;font-size:13px;letter-spacing:.04em}.medee-feature-grid{grid-template-columns:repeat(2,1fr)}.medee-feature-grid-3{grid-template-columns:repeat(3,1fr)}.medee-platform-band,.medee-process-band{border:1px solid var(--hairline);border-radius:22px;background:linear-gradient(150deg,rgba(31,195,182,.1),transparent 55%),#0e1917;padding:44px;text-align:center}.medee-inline-cta{border-radius:26px;overflow:hidden;background:linear-gradient(125deg,#12b5a6,#0c7c74 42%,#0a484d);padding:58px 48px;text-align:center}.medee-inline-cta h2{font-size:clamp(26px,3.2vw,40px);color:#effcfa}.medee-inline-cta p{color:#bfefe9;max-width:560px;margin:0 auto 18px}.medee-rec-row{display:flex;align-items:center;gap:10px;margin-bottom:18px}.medee-rec-row span{width:9px;height:9px;border-radius:50%;background:#eafffb;animation:glowpulse 1.5s infinite}.medee-rec-row strong{font-family:"Space Mono";font-size:12px;color:#2fd3c4}.medee-rec-row small{margin-left:auto;color:#6e827f}.medee-wave{display:flex;align-items:flex-end;gap:4px;height:54px;margin-bottom:18px}.medee-wave span{flex:1;background:#2fd3c4;border-radius:2px;animation:barwave 1.1s ease-in-out infinite}.medee-wave span:nth-child(even){animation-delay:.16s;background:#0f6972}.medee-voice-visual p{display:flex;gap:10px;color:#c4d4d1}.medee-voice-visual small{font-family:"Space Mono";color:#0f6972}.medee-voice-visual b{color:#2fd3c4}.medee-compare-grid{grid-template-columns:1fr 1fr}.medee-compare-grid ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:13px}.medee-compare-grid .bad{border-color:rgba(255,120,120,.22);background:rgba(255,80,80,.04);color:#b6a0a0}.medee-why-band{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;border:1px solid var(--hairline);border-radius:28px;background:radial-gradient(760px 420px at 84% 6%,rgba(31,195,182,.16),transparent 62%),linear-gradient(160deg,#0e1917,#0b1512);padding:56px;margin:56px 0}.medee-device-visual{position:relative}.medee-device-visual .browser{padding:14px}.medee-device-visual .browser i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#2a3937;margin-right:6px}.medee-device-visual .browser>div{display:inline-block;height:18px;width:55%;border-radius:6px;background:#0c1413;border:1px solid rgba(255,255,255,.06)}.medee-device-visual section{height:230px;border-radius:10px;background:repeating-linear-gradient(135deg,rgba(31,195,182,.07) 0 14px,transparent 14px 28px);border:1px solid rgba(31,195,182,.18);padding:18px;margin-top:12px}.medee-device-visual section b,.medee-device-visual section span,.medee-device-visual section footer{display:block;border-radius:6px;background:rgba(255,255,255,.08);height:12px;margin:12px 0}.medee-device-visual section b{height:24px;width:55%;background:linear-gradient(90deg,rgba(47,211,196,.5),rgba(15,158,144,.2))}.medee-device-visual section footer{height:32px;width:130px;background:var(--gradient);margin-top:70px}.medee-device-visual .phone{position:absolute;right:-18px;bottom:-34px;width:122px;border:1px solid rgba(255,255,255,.12);background:#0c1413;border-radius:20px;padding:8px;box-shadow:0 24px 50px -18px rgba(0,0,0,.85)}.medee-device-visual .phone b{display:block;width:36px;height:5px;border-radius:3px;background:#243230;margin:4px auto 8px}.medee-device-visual .phone section{height:150px;margin:0}.medee-articles-hero{padding:34px 0 20px}.medee-articles-hero p{font-size:18px;color:#9db0ad;max-width:640px}.medee-featured-article>a{display:grid;grid-template-columns:1.1fr .9fr;border:1px solid var(--hairline);border-radius:24px;overflow:hidden;background:linear-gradient(160deg,#101d1a,#0b1512)}.medee-featured-article .thumb{min-height:320px;background-size:cover;background-position:center;position:relative;background-color:#0f2c2a}.medee-featured-article .thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,17,15,.12),rgba(7,17,15,.55))}.medee-featured-article .thumb span,.medee-article-card .thumb span{position:absolute;top:18px;left:18px;z-index:1;font-family:"Space Mono";font-size:11px;text-transform:uppercase;color:#04201d;background:#2fd3c4;padding:6px 12px;border-radius:8px;font-weight:700}.medee-featured-article>a>div:last-child{padding:44px}.medee-filter-row{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.chip{display:inline-flex;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:9px 14px;color:#9db0ad;margin:0 8px 8px 0}.chip[data-active=true]{border-color:rgba(47,211,196,.5);background:rgba(31,200,180,.12);color:#2fd3c4;font-weight:600}.medee-article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:24px}.medee-article-card{display:flex;flex-direction:column;border:1px solid var(--hairline);border-radius:20px;overflow:hidden;background:#0e1917}.medee-article-card .thumb{height:158px;position:relative;background:linear-gradient(135deg,#0f2c2a,#0a1a18)}.medee-article-card>div:last-child{padding:24px}.medee-article-card h3{font-size:19px}.medee-article-card p{color:#8ca09d;line-height:1.55}.medee-article-card small{font-family:"Space Mono";color:#6e827f}.medee-software-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.medee-software-card{display:block;border:1px solid var(--hairline);background:linear-gradient(160deg,#101d1a,#0b1512);border-radius:22px;padding:34px;min-height:320px}.medee-software-card>span{font-family:"Space Mono";font-size:12px;color:#2fd3c4;text-transform:uppercase}.medee-software-card h2{font-size:30px;margin:16px 0 12px}.medee-software-card p{color:#9db0ad;line-height:1.65}.medee-software-card ul{list-style:none;margin:20px 0;padding:0;color:#c4d4d1;display:flex;flex-direction:column;gap:10px}.medee-software-card strong{color:#2fd3c4}.medee-software-card.is-coming{border-style:dashed;opacity:.82}@media(max-width:900px){.medee-product-hero,.medee-services-hero,.medee-why-band,.medee-compare-grid,.medee-featured-article>a{grid-template-columns:1fr}.medee-step-grid,.medee-feature-grid,.medee-feature-grid-3,.medee-mini-grid{grid-template-columns:1fr}.medee-product-hero,.medee-services-hero,.medee-why-band{padding:34px 24px}.medee-metadata-visual{grid-template-columns:1fr}.medee-arrow{display:none}.medee-status-row{grid-column:auto;flex-direction:column}.medee-device-visual .phone{position:relative;right:auto;bottom:auto;margin:16px auto 0}}@media(max-width:760px){.medee-content-grid,.medee-feature-band{grid-template-columns:1fr}.medee-article-hero{padding:34px 24px}}
.com-content-article:has(.medee-software-page)>.page-header,
.com-content-article:has(.medee-software-page)>.article-info,
.com-content-article:has(.medee-software-page) .com-content-article__body>p:first-child,
.com-content-article:has(.medee-software-page) .pagenavigation{
display:none!important
}
.com-content-article:has(.medee-software-page){
padding:0;
background:transparent;
border:0;
box-shadow:none
}

.hero-stats{display:flex;gap:0;margin-top:30px;max-width:470px}
.hero-stats>div{min-width:112px;padding-right:30px;margin-right:30px;border-right:1px solid rgba(255,255,255,.1)}
.hero-stats>div:last-child{border-right:0;margin-right:0;padding-right:0}
.hero-stats strong{display:block;font-family:"Space Grotesk","IBM Plex Sans Thai";font-size:28px;line-height:1;color:#effcfa}
.hero-stats span{display:block;margin-top:6px;color:#78908c;font-size:13px}
.trust-strip{font-size:14px}.trust-strip span:not(.section-label){white-space:nowrap}
.medee-home-content{display:flex;flex-direction:column;gap:96px}
.medee-home-section h2,.medee-home-content>section>h2{font-family:"Space Grotesk","IBM Plex Sans Thai";font-size:clamp(32px,4.2vw,50px);line-height:1.08;margin:12px 0 12px;color:#effcfa}
.medee-section-lead{max-width:720px;color:#9db0ad;line-height:1.7}
.medee-home-products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}
.medee-home-products.has-2-items{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;position:relative}
.medee-home-products.has-2-items:after{content:"";position:absolute;inset:-18px -24px -28px;z-index:-1;border-radius:28px;background:radial-gradient(520px 260px at 78% 4%,rgba(47,211,196,.12),transparent 68%),linear-gradient(130deg,transparent,rgba(31,195,182,.035));pointer-events:none}
.medee-home-products.has-1-item{grid-template-columns:minmax(0,720px)}
.medee-product-card,.medee-coming-card{position:relative;min-height:330px;border:1px solid var(--hairline);border-radius:18px;background:linear-gradient(155deg,rgba(31,195,182,.08),#0e1917 42%,#0a1513);padding:28px;overflow:hidden}
.medee-product-card{display:flex;flex-direction:column;box-shadow:inset 0 3px 0 #20c9bc;transition:.16s}
.medee-product-card:hover{transform:translateY(-4px);border-color:rgba(47,211,196,.42)}
.medee-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}
.medee-card-icon,.medee-plus{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#26d7c7,#0d766d);color:#fff;font-weight:700;box-shadow:0 14px 30px -18px rgba(47,211,196,.9)}
.medee-card-top small{font-family:"Space Mono",monospace;font-size:11px;color:#607b77}
.medee-product-card h3,.medee-coming-card h3{font-size:26px;line-height:1.12;margin:0 0 12px;color:#effcfa}
.medee-product-card p,.medee-coming-card p{color:#9db0ad;line-height:1.62;margin:0 0 18px}
.medee-card-features{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:10px;color:#c5d8d5;font-size:14px}
.medee-card-features li:before{content:"→";color:#2fd3c4;margin-right:8px}
.medee-product-card strong{margin-top:auto;color:#2fd3c4;font-size:14px}
.medee-coming-card{border-style:dashed;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(155deg,rgba(31,195,182,.04),#08110f)}
.medee-coming-card small{font-family:"Space Mono",monospace;color:#2fd3c4;margin:16px 0 12px}
.medee-why-band{grid-template-columns:.9fr 1fr;margin:0;padding:54px}
.medee-mini-grid{grid-template-columns:repeat(2,1fr);gap:18px}
.medee-mini-grid article{padding:22px;min-height:136px}
.medee-mini-grid span{width:38px;min-width:38px;height:38px;border-radius:10px;margin-bottom:12px}
.medee-mini-grid h3{font-size:16px;margin:0 0 6px;color:#effcfa}
.medee-mini-grid p{font-size:13px;margin:0;color:#8ca09d}
.medee-support-band{grid-template-columns:1.05fr .95fr;border-top-width:0;padding:46px 52px}
.medee-support-band h2{font-size:clamp(30px,3.6vw,48px)}
.medee-support-actions{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px}
.medee-support-actions ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;color:#c4d4d1}
.medee-support-actions li{color:#d7e9e6}
.medee-button-muted{background:rgba(255,255,255,.14);color:#eafffb!important;border:1px solid rgba(255,255,255,.18);box-shadow:none}
.medee-inline-cta{margin:0}.medee-inline-cta .medee-button{min-width:170px}
.footer{padding:56px 0 26px;background:rgba(3,10,9,.28)}
.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:58px;align-items:start}
.footer-logo{width:54px;filter:drop-shadow(0 0 18px rgba(47,211,196,.35))}
.footer-brand .muted{max-width:260px;margin-top:20px}
.footer h3{font-family:"Space Grotesk","IBM Plex Sans Thai";font-size:14px;color:#e7f4f1;margin:0 0 16px}
.footer a{font-size:14px;color:#9db0ad;margin:10px 0}
.footer a:hover{color:#2fd3c4}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.07);margin-top:42px;padding-top:22px;color:#6f8581;font-family:"Space Mono",monospace;font-size:12px}
@media(max-width:1000px){.medee-home-products{grid-template-columns:1fr 1fr}.medee-coming-card{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}.hero-stats{flex-wrap:wrap}.hero-stats>div{margin-bottom:18px}}
@media(max-width:760px){.hero-stats{gap:14px}.hero-stats>div{border-right:0;margin-right:0;padding-right:0;min-width:92px}.medee-home-products,.medee-why-band,.medee-support-band,.footer-grid{grid-template-columns:1fr}.medee-home-content{gap:72px}.medee-why-band,.medee-support-band{padding:30px 22px}.footer-bottom{flex-direction:column}.trust-strip{justify-content:flex-start}}

.nav-inner{padding-top:10px;padding-bottom:10px}
.nav-logo img{height:38px}
.hero{padding:70px 0 46px}
.title{font-size:clamp(36px,4.55vw,56px);line-height:1.02}
.lead{font-size:17px;max-width:590px}
.hero-grid{gap:42px}
.hero-actions{margin-top:28px}
.visual-panel{padding:16px;border-radius:18px}
.scanbox{height:300px}
.voice-badge{bottom:-15px}
.hero-stats{margin-top:28px}
.main-content{padding-top:62px}
@media(max-width:760px){.nav-logo img{height:34px}.hero{padding:54px 0 36px}.scanbox{height:220px}}

@keyframes medeeLogoAura{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.92)}50%{opacity:.95;transform:translate(-50%,-50%) scale(1.12)}}
.nav-logo,.footer-brand{position:relative}
.nav-logo{display:inline-grid;place-items:center;isolation:isolate}
.nav-logo:before{content:"";position:absolute;left:50%;top:50%;width:78px;height:78px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(47,211,196,.58) 0,rgba(47,211,196,.22) 32%,rgba(47,211,196,.08) 52%,transparent 72%);filter:blur(8px);z-index:-1;animation:medeeLogoAura 3.8s ease-in-out infinite;pointer-events:none}
.nav-logo:after{content:"";position:absolute;left:50%;top:50%;width:46px;height:46px;border-radius:16px;transform:translate(-50%,-50%);box-shadow:0 0 26px rgba(47,211,196,.62),0 0 62px rgba(12,130,120,.42);z-index:-1;pointer-events:none}
.nav-logo img{position:relative;z-index:1;filter:drop-shadow(0 0 10px rgba(234,255,251,.32)) drop-shadow(0 0 22px rgba(47,211,196,.75));animation:none}
.footer-brand:before{content:"";position:absolute;left:27px;top:27px;width:96px;height:96px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(47,211,196,.42),rgba(47,211,196,.16) 36%,transparent 72%);filter:blur(10px);animation:medeeLogoAura 4.4s ease-in-out infinite;pointer-events:none}
.footer-logo{position:relative;z-index:1;filter:drop-shadow(0 0 14px rgba(234,255,251,.22)) drop-shadow(0 0 28px rgba(47,211,196,.5))}

@keyframes medeeLogoDrift{0%{opacity:.5;transform:translate(-54%,-52%) scale(.92)}25%{opacity:.9;transform:translate(-46%,-57%) scale(1.08)}50%{opacity:.72;transform:translate(-43%,-45%) scale(1.18)}75%{opacity:.88;transform:translate(-58%,-43%) scale(1.04)}100%{opacity:.5;transform:translate(-54%,-52%) scale(.92)}}
@keyframes medeeLogoSweep{0%{transform:translate(-58%,-56%) rotate(0deg) scale(.86);opacity:.22}35%{opacity:.58}70%{opacity:.32}100%{transform:translate(-42%,-44%) rotate(360deg) scale(1.18);opacity:.22}}
.nav-logo:before{background:radial-gradient(circle at 35% 35%,rgba(234,255,251,.7) 0,rgba(47,211,196,.42) 18%,rgba(47,211,196,.16) 46%,transparent 74%);animation:medeeLogoDrift 5.8s ease-in-out infinite;filter:blur(10px)}
.nav-logo:after{width:82px;height:82px;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 18%,rgba(47,211,196,.35) 28%,transparent 42%,rgba(234,255,251,.24) 58%,transparent 72%);box-shadow:0 0 28px rgba(47,211,196,.42),0 0 74px rgba(12,130,120,.28);filter:blur(7px);animation:medeeLogoSweep 7.4s linear infinite}
.footer-brand:before{animation:medeeLogoDrift 6.8s ease-in-out infinite}

:root{--medee-page-width:1160px}
.container,.nav-inner{max-width:var(--medee-page-width)}
.nav-logo img{height:48px}
.nav-logo:before{width:84px;height:84px;filter:blur(8px);opacity:.68}
.nav-logo:after{width:86px;height:86px;filter:blur(6px);box-shadow:0 0 22px rgba(47,211,196,.25),0 0 48px rgba(12,130,120,.16);opacity:.62}
.nav-inner{padding-left:18px;padding-right:18px}
.nav-links,.nav-links ul{gap:24px}
.nav-links{font-size:15px}
.nav-links .mod-menu__sub,
.nav-links .mm-collapse{top:calc(100% + 8px);z-index:80}
.nav-links .mod-menu__sub:before,
.nav-links .mm-collapse:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.nav-links li:focus-within>.mod-menu__sub,
.nav-links li:focus-within>.mm-collapse{display:block}
.btn-small{padding:9px 15px;font-size:13px}
.lang{padding:7px 9px;font-size:11px}
.hero-grid{grid-template-columns:1fr .92fr;gap:62px}
.title{font-size:clamp(38px,4.9vw,58px)}
.lead{font-size:16px;max-width:540px}
.visual-panel{max-width:480px;margin-left:auto}
.scanbox{height:284px}
.voice-badge{left:-18px}
.medee-home-content{gap:104px}
.medee-home-products{gap:22px}
.medee-product-card,.medee-coming-card{padding:26px;min-height:324px}
.medee-why-band{padding:50px}
.medee-support-band{padding:42px 48px}
.footer-logo{width:48px}
.footer-brand:before{left:24px;top:24px;width:84px;height:84px;filter:blur(9px)}
@media(max-width:1100px){:root{--medee-page-width:calc(100vw - 56px)}}
@media(max-width:760px){.nav-logo img{height:30px}.nav-logo:before{width:54px;height:54px}.nav-logo:after{width:56px;height:56px}}

.hero-grid{grid-template-columns:1.06fr .9fr;gap:56px}
.title{font-size:clamp(36px,4.25vw,52px);max-width:560px}
.visual-panel{max-width:480px}
.lead{max-width:550px}
@media(min-width:1500px){.title{font-size:54px}.visual-panel{max-width:480px}}

@media(min-width:900px){
body{zoom:1.05}
}

@keyframes remoteCursorMove{0%{transform:translate(28px,26px)}22%{transform:translate(150px,52px)}44%{transform:translate(96px,118px)}66%{transform:translate(196px,86px)}88%{transform:translate(60px,140px)}100%{transform:translate(28px,26px)}}
@keyframes remoteFlowDot{0%{left:-6px;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:100%;opacity:0}}
@keyframes remotePulseRing{0%{transform:scale(.6);opacity:.7}100%{transform:scale(2.2);opacity:0}}
@keyframes remoteBlink{0%,100%{opacity:1}50%{opacity:.25}}
.com-content-article:has(.medee-support-page)>.page-header,
.com-content-article:has(.medee-support-page)>.article-info,
.com-content-article:has(.medee-support-page) .com-content-article__body>p:first-child,
.com-content-article:has(.medee-support-page) .pagenavigation{display:none!important}
.com-content-article:has(.medee-support-page){padding:0;background:transparent;border:0;box-shadow:none}
.main-content:has(.medee-support-page){padding-top:0}
.medee-support-page{display:flex;flex-direction:column;gap:78px}
.medee-support-hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;padding:72px 0 36px}
.medee-support-hero:before{content:"";position:absolute;inset:-72px -20vw auto -20vw;height:520px;background:radial-gradient(900px 480px at 72% 0,rgba(31,195,182,.15),transparent 62%),radial-gradient(680px 420px at 6% 100%,rgba(15,105,114,.14),transparent 55%);z-index:-1}
.medee-support-hero:after{content:"";position:absolute;inset:-72px -20vw auto -20vw;height:520px;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(900px 600px at 60% 30%,#000,transparent 75%);z-index:-1}
.medee-support-hero h1{font-family:"Space Grotesk","IBM Plex Sans Thai";font-size:clamp(38px,4.8vw,58px);line-height:1.06;margin:22px 0}
.medee-support-hero h1 span{background:linear-gradient(120deg,#14baaa,#0b6e68);-webkit-background-clip:text;background-clip:text;color:transparent}
.medee-remote-visual{animation:floaty 7s ease-in-out infinite}
.remote-window{border:1px solid rgba(255,255,255,.09);background:linear-gradient(160deg,#0e1917,#0a100f);border-radius:20px;padding:18px;box-shadow:0 40px 90px -30px rgba(0,0,0,.6)}
.remote-titlebar{display:flex;align-items:center;gap:7px;padding:2px 2px 14px}.remote-titlebar span{width:11px;height:11px;border-radius:50%;background:#2a3937}.remote-titlebar small{margin-left:8px;font-family:"Space Mono";font-size:11px;color:#0c8278}
.remote-screen{position:relative;height:200px;border-radius:12px;overflow:hidden;background:repeating-linear-gradient(135deg,rgba(31,195,182,.06) 0 14px,transparent 14px 28px);border:1px solid rgba(31,195,182,.18)}
.remote-scan{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#0c8278,transparent);animation:scanline 3.2s linear infinite;opacity:.65}
.remote-dialog{position:absolute;top:18px;left:18px;right:18px;background:rgba(10,10,10,.72);border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:12px}.remote-dialog b,.remote-dialog i{display:block;border-radius:4px}.remote-dialog b{height:8px;width:46%;background:rgba(31,195,182,.4);margin-bottom:9px}.remote-dialog i{height:7px;background:rgba(255,255,255,.1);margin-bottom:7px}.remote-dialog i:nth-of-type(1){width:78%}.remote-dialog i:nth-of-type(2){width:64%}.remote-dialog strong{margin-top:12px;display:inline-flex;align-items:center;gap:7px;background:var(--gradient);border-radius:7px;padding:5px 10px;font-family:"Space Mono";font-size:11px;color:#04201d}.remote-dialog em{width:6px;height:6px;border-radius:50%;background:#0c8278;animation:remoteBlink 1s infinite}
.remote-cursor{position:absolute;top:0;left:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:remoteCursorMove 6s ease-in-out infinite}
.remote-link-row{margin-top:16px;display:flex;align-items:center;gap:12px}.remote-endpoint{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0}.remote-endpoint span{position:relative;width:34px;height:34px;border-radius:9px;background:var(--gradient);box-shadow:0 12px 26px -12px rgba(12,130,120,.7);display:flex;align-items:center;justify-content:center}.remote-endpoint small{font-size:10px;color:#7e928f}.remote-endpoint.is-device span:before{content:"";position:absolute;inset:-1px;border-radius:9px;border:1px solid #0c8278;animation:remotePulseRing 2s ease-out infinite}
.remote-flow{position:relative;flex:1;height:2px;background:rgba(31,195,182,.18);border-radius:2px;margin-bottom:14px}.remote-flow i{position:absolute;top:-2px;width:6px;height:6px;border-radius:50%;background:#0c8278;animation:remoteFlowDot 1.8s linear infinite}.remote-flow i:nth-child(2){animation-delay:.6s}.remote-flow i:nth-child(3){animation-delay:1.2s}
.medee-support-benefits{text-align:center}.medee-support-benefits h2{font-family:"Space Grotesk","IBM Plex Sans Thai";font-size:clamp(28px,3.2vw,42px);margin:14px 0 44px}
.medee-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left}.medee-benefit-grid article{border:1px solid var(--hairline);background:#0e1917;border-radius:18px;padding:30px}.medee-benefit-grid span{display:block;font-family:"Space Mono";font-size:13px;color:#0c8278;margin-bottom:16px}.medee-benefit-grid h3{font-size:20px;margin:0 0 10px}.medee-benefit-grid p{font-size:15px;color:#8ca09d;line-height:1.65;margin:0}.medee-benefit-grid .is-hot{border-color:rgba(12,130,120,.4);background:linear-gradient(160deg,#0c8278,#0b3f46);display:flex;flex-direction:column;justify-content:center;box-shadow:0 24px 50px -30px rgba(11,63,70,.6)}.medee-benefit-grid .is-hot strong{font-family:"Space Grotesk";font-size:34px;color:#fff;margin-bottom:6px}.medee-benefit-grid .is-hot p{color:#c7eee9}
.medee-support-steps{border:1px solid var(--hairline);border-radius:24px;background:#0e1917;padding:48px;text-align:center}.medee-support-steps h2{font-size:clamp(26px,2.8vw,36px);margin:0 0 36px}.medee-support-steps>div{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.medee-support-steps article span{width:56px;height:56px;border-radius:50%;background:rgba(31,195,182,.12);border:1px solid rgba(31,195,182,.35);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-family:"Space Grotesk";font-weight:700;font-size:22px;color:#0c8278}.medee-support-steps h3{font-size:19px;margin:0 0 8px}.medee-support-steps p{font-size:14px;color:#8ca09d;line-height:1.6}
.medee-support-cta{margin-bottom:18px}
@media(max-width:900px){.medee-support-hero,.medee-benefit-grid,.medee-support-steps>div{grid-template-columns:1fr}.medee-support-page{gap:62px}.medee-support-hero{padding-top:48px}.remote-window{max-width:560px;margin:0 auto}}

/* Services page fidelity pass: match Services.dc.html structure and motion. */
.main-content:has(.medee-services-page){padding-top:0}
.medee-services-page{gap:84px}
.medee-services-hero{position:relative;border:0;background:transparent;border-radius:0;padding:84px 0 36px;overflow:visible}
.medee-services-hero:before{content:"";position:absolute;inset:-84px -20vw -40px -20vw;background:radial-gradient(1000px 640px at 84% -6%,rgba(31,200,180,.18),transparent 58%),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px;mask-image:radial-gradient(900px 600px at 60% 30%,#000,transparent 75%);z-index:-1}
.medee-services-hero .medee-kicker-pill span{width:6px;height:6px;border-radius:50%;background:#eafffb;animation:glowpulse 2s ease-in-out infinite}
.medee-services-hero h1{font-size:clamp(40px,4.9vw,62px);letter-spacing:0}
.medee-services-hero .medee-lead{font-size:18.5px;max-width:560px;color:#9db0ad}
.medee-device-visual{animation:floaty 7s ease-in-out infinite}
.medee-device-visual .browser{border-radius:16px;padding:14px;box-shadow:0 40px 90px -30px rgba(0,0,0,.7)}
.medee-device-visual section b{animation:serviceGlow 3.4s ease-in-out infinite}
.medee-device-visual section span:nth-of-type(1){width:80%}
.medee-device-visual section span:nth-of-type(2){width:70%}
.medee-device-visual section footer{display:flex;gap:8px;width:176px;background:transparent;margin-top:70px}
.medee-device-visual section footer:before,.medee-device-visual section footer:after,.medee-device-visual section footer em{content:"";display:block;height:30px;border-radius:8px}
.medee-device-visual section footer:before{width:96px;background:var(--gradient)}
.medee-device-visual section footer:after{width:70px;border:1px solid rgba(255,255,255,.12)}
.medee-device-visual section footer em{display:none}
.medee-device-visual .phone{right:-18px;bottom:-30px}
.medee-device-visual .phone section{display:flex;flex-direction:column;gap:7px;padding:12px;background:linear-gradient(170deg,#0f2c2a,#0a1a18)}
.medee-device-visual .phone section i{height:34px;border-radius:8px;background:var(--gradient)}
.medee-device-visual .phone section span{height:8px;margin:0}
.medee-device-visual .phone section span:nth-of-type(1){width:80%}
.medee-device-visual .phone section span:nth-of-type(2){width:60%}
.medee-device-visual .phone section footer{margin-top:auto;width:100%;height:26px;border:1px solid rgba(47,211,196,.4);background:transparent}
.medee-services-list{display:block}
.medee-services-list>h2{font-family:"Space Grotesk","IBM Plex Sans Thai";font-size:clamp(30px,3.4vw,44px);line-height:1.1;margin:16px 0 44px;max-width:760px}
.medee-services-primary-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.medee-services-primary-grid article{position:relative;border:1px solid var(--hairline);background:linear-gradient(160deg,#101d1a 30%,#0c221e);border-radius:22px;padding:34px;overflow:hidden;min-height:278px}
.medee-services-primary-grid article:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#1fc8b4,#0b6e68)}
.medee-services-primary-grid article:nth-child(even):before{background:linear-gradient(90deg,#0f9e90,#0b4f52)}
.medee-service-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:14px;background:var(--gradient);box-shadow:0 14px 30px -12px rgba(12,130,120,.75);margin-bottom:22px;color:#fff;font-size:22px;font-family:"Space Grotesk";font-weight:700}
.medee-services-primary-grid h3,.medee-services-secondary-grid h3{font-family:"Space Grotesk","IBM Plex Sans Thai";font-size:23px;line-height:1.2;margin:0 0 10px}
.medee-services-primary-grid p,.medee-services-secondary-grid p{font-size:15.5px;color:#9db0ad;line-height:1.62;margin:0 0 20px}
.medee-services-primary-grid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.medee-services-primary-grid li{display:flex;gap:11px;font-size:15px;color:#c4d4d1}
.medee-services-primary-grid li:before{content:"→";color:#2fd3c4}
.medee-services-secondary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}
.medee-services-secondary-grid article{border:1px solid var(--hairline);background:#0e1917;border-radius:18px;padding:26px}
.medee-services-secondary-grid .medee-service-icon{width:46px;height:46px;border-radius:12px;margin-bottom:16px;font-size:18px}
.medee-services-process{padding:48px}
.medee-services-process .medee-process{grid-template-columns:repeat(4,1fr);text-align:left}
.medee-services-process .medee-process>div{background:transparent;border:0;padding:0}
.medee-services-process .medee-process strong{width:34px;height:34px;border-radius:9px;color:#04201d;background:#2fd3c4}
.medee-services-cta{position:relative}
.medee-services-cta:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;opacity:.5;pointer-events:none}
.medee-services-cta>*{position:relative}
@keyframes serviceGlow{0%,100%{opacity:.75;filter:brightness(1)}50%{opacity:1;filter:brightness(1.35)}}
@media(max-width:900px){.medee-services-hero,.medee-services-primary-grid,.medee-services-secondary-grid,.medee-services-process .medee-process{grid-template-columns:1fr}.medee-services-hero{padding-top:54px}.medee-device-visual{max-width:560px;margin:0 auto}.medee-services-process{padding:34px 24px}}

/* Product prototype motion: MedeeStock.dc.html and Voice2Vault.dc.html float the main visual. */
.medee-product-hero-stock .medee-metadata-visual,
.medee-product-hero-voice .medee-voice-visual{animation:floaty 7s ease-in-out infinite}
.medee-product-hero-stock .medee-kicker-pill:before,
.medee-product-hero-voice .medee-kicker-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:#eafffb;animation:glowpulse 2s ease-in-out infinite}
.medee-metadata-visual .medee-file-box{animation:serviceGlow 3.6s ease-in-out infinite}

/* Product detail fidelity: prototype pages use an open hero, not a framed card. */
.main-content:has(.medee-product-page){padding-top:0}
.medee-product-page{gap:78px}
.medee-product-hero{position:relative;border:0;background:transparent;border-radius:0;padding:80px 0 24px;overflow:visible}
.medee-product-hero:before{content:"";position:absolute;inset:-80px -20vw -44px -20vw;background:radial-gradient(1000px 520px at 22% 0%,rgba(15,105,114,.24),transparent 60%);z-index:-1;pointer-events:none}
.medee-product-hero-voice{grid-template-columns:.98fr 1.02fr}
.medee-product-hero-voice .medee-voice-visual{order:2}
.medee-product-hero-voice>div:not(.medee-voice-visual){order:1}
.medee-product-hero-stock .medee-metadata-visual{order:2}
.medee-product-hero-stock>div:not(.medee-metadata-visual){order:1}
.medee-product-hero h1{font-size:clamp(38px,4.7vw,60px);letter-spacing:0}
.medee-product-hero .medee-lead{font-size:18px;line-height:1.65;max-width:520px;color:#9db0ad}
.medee-voice-visual{padding:22px;border-radius:20px;box-shadow:0 40px 90px -30px rgba(0,0,0,.6)}
.medee-voice-visual p{font-size:13px;line-height:1.5}
.medee-voice-visual p small{flex-shrink:0;margin-top:2px}
.medee-voice-visual p b{font-weight:600}
.medee-compare-grid article{padding:32px}
.medee-feature-grid-3 article{padding:28px;border-radius:18px}
.medee-feature-grid-3 span{width:48px;height:48px;border-radius:12px;margin-bottom:18px}
@media(max-width:900px){.medee-product-hero-voice,.medee-product-hero-stock{grid-template-columns:1fr}.medee-product-hero-voice .medee-voice-visual,.medee-product-hero-stock .medee-metadata-visual{order:1}.medee-product-hero-voice>div:not(.medee-voice-visual),.medee-product-hero-stock>div:not(.medee-metadata-visual){order:2}.medee-product-hero{padding-top:54px}}

/* Voice2Vault screenshot QA fixes. */
.medee-product-hero-voice{align-items:start}
.medee-product-hero-voice>div:not(.medee-voice-visual){max-width:620px}
.medee-product-hero-voice h1{font-size:clamp(34px,3.82vw,52px);line-height:1.07}
.medee-product-hero-voice .medee-voice-visual{margin-top:86px}
.medee-wave span{height:100%;transform-origin:bottom}
.medee-wave span:nth-child(1){background:#0c8278}
.medee-wave span:nth-child(2),.medee-wave span:nth-child(6){background:#19a89c}
.medee-wave span:nth-child(4),.medee-wave span:nth-child(7){background:#0f6972}
.content-wrap:has(.medee-product-page){max-width:var(--medee-page-width);padding-left:28px;padding-right:28px}
.medee-product-hero .medee-backlink{display:none}
.medee-product-hero .medee-kicker-pill{display:inline-flex;vertical-align:middle;margin:0 0 24px}
.medee-product-hero h1{margin-top:0}
.medee-card-icon svg,
.medee-feature-grid article>span svg,
.medee-mini-grid article>span svg,
.medee-service-icon svg,
.remote-endpoint svg{width:22px;height:22px;display:block;color:#fff}
.medee-feature-grid article>span,
.medee-mini-grid article>span,
.medee-service-icon{color:#fff}
.medee-status-row .with-icon,
.remote-titlebar small{display:inline-flex;align-items:center;gap:7px}
.medee-status-row svg,
.remote-titlebar svg{width:15px;height:15px;color:#2fd3c4;flex:0 0 auto}

/* Detail fidelity pass: bring section rhythm and micro-motion closer to the .dc prototypes. */
.main-content:has(.medee-articles-page){padding-top:0}
.medee-product-page{gap:68px}
.medee-product-hero{padding-bottom:14px}
.medee-services-page{gap:72px}
.medee-services-hero{padding-top:72px;padding-bottom:28px}
.medee-support-page{gap:66px}
.medee-support-hero{padding-top:62px;padding-bottom:28px}
.medee-support-steps{padding:42px}
.medee-articles-page{gap:58px}
.medee-articles-hero{padding:26px 0 12px}
.medee-articles-hero h1{max-width:860px}
.medee-product-hero .medee-kicker-pill:before,
.medee-articles-hero .medee-kicker-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:#eafffb;animation:glowpulse 2s ease-in-out infinite;flex:0 0 auto}
.medee-article-card .thumb,
.medee-featured-article .thumb{background-size:cover;background-position:center;animation:serviceGlow 4.2s ease-in-out infinite}

/* Articles.dc.html + Article-RAV.dc.html fidelity and responsive pass. */
.com-content-article:has(.medee-rav-article)>.page-header,
.com-content-article:has(.medee-rav-article)>.article-info,
.com-content-article:has(.medee-rav-article)>.item-image,
.com-content-article:has(.medee-rav-article) .com-content-article__body>p:first-child,
.com-content-article:has(.medee-rav-article) .pagenavigation{display:none}
.com-content-article:has(.medee-rav-article){padding:0;background:transparent;border:0;box-shadow:none}
.content-wrap:has(.medee-articles-page){max-width:var(--medee-page-width);padding-left:28px;padding-right:28px}
.medee-articles-page{gap:0}
.medee-articles-hero{padding:76px 0 26px}
.medee-articles-hero .medee-kicker-pill,
.medee-rav-article .medee-kicker-pill{line-height:1.2;margin:0 0 24px}
.medee-product-hero p.medee-kicker-pill,
.medee-services-hero p.medee-kicker-pill,
.medee-articles-hero p.medee-kicker-pill,
.medee-support-hero p.medee-kicker-pill{font-size:12px;font-weight:400;letter-spacing:.14em;line-height:1.2;color:#eafffb;max-width:max-content}
.medee-articles-hero h1{font-size:clamp(34px,4.4vw,54px);line-height:1.06;max-width:820px;margin:24px 0 18px}
.medee-articles-hero p:not(.medee-kicker-pill){font-size:18px;line-height:1.6;max-width:600px}
.medee-featured-article{padding:8px 0 10px}
.medee-featured-article>a{border-radius:24px;box-shadow:0 30px 70px -40px rgba(0,0,0,.8);transition:border-color .22s,transform .22s}
.medee-featured-article>a:hover{border-color:rgba(47,211,196,.4);transform:translateY(-4px)}
.medee-featured-article>a>div:last-child{padding:44px}
.medee-article-listing{padding:30px 0 20px}
.medee-filter-row{margin-bottom:26px}
.medee-article-card{box-shadow:0 20px 44px -30px rgba(0,0,0,.7);transition:border-color .22s,transform .22s}
.medee-article-card:hover{border-color:rgba(47,211,196,.35);transform:translateY(-5px)}
.medee-article-card .thumb span{top:14px;left:14px;background:rgba(7,17,15,.72);color:#2fd3c4}
.medee-article-card small{display:flex;align-items:center;justify-content:space-between}
.main-content:has(.medee-rav-article){padding-top:0}
.content-wrap:has(.medee-rav-article){max-width:var(--medee-page-width);padding-left:28px;padding-right:28px}
.medee-rav-article{max-width:none;margin:0 auto;padding:46px 0 20px;color:#eaf3f1}
.medee-article-breadcrumb{font-family:"Space Mono",monospace;font-size:12.5px;color:#6e827f;margin-bottom:22px;display:flex;gap:9px;align-items:center}
.medee-article-breadcrumb a:hover{color:#2fd3c4}
.medee-article-breadcrumb strong{color:#2fd3c4;font-weight:400}
.medee-product-breadcrumb{margin-bottom:20px}
.medee-rav-article h1{font-family:"Space Grotesk","IBM Plex Sans Thai";font-size:clamp(30px,4vw,46px);line-height:1.14;letter-spacing:0;margin:20px 0;color:#eaf3f1}
.medee-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding-bottom:26px;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.09);font-size:14px;color:#8ca09d}
.medee-article-meta span:not(:first-child){position:relative}
.medee-article-meta span:not(:first-child):not(.views):before{content:"";position:absolute;left:-12px;top:50%;width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.35)}
.medee-article-meta .avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--gradient);color:#fff;font-family:"Space Grotesk";font-weight:700;font-size:13px}
.medee-article-meta .views{display:inline-flex;align-items:center;gap:6px;color:#2fd3c4}
.medee-article-meta svg{width:15px;height:15px}
.medee-cover{margin:0 0 34px}
.medee-cover img,.medee-prose figure img{width:100%;height:auto;display:block;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#0e1917}
.medee-prose p{font-size:20px;line-height:1.95;color:#b9cac7;margin:0 0 24px}
.medee-prose strong{color:#eaf3f1}
.medee-prose a{color:#2fd3c4;border-bottom:1px solid rgba(47,211,196,.4)}
.medee-prose h2{font-family:"Space Grotesk","IBM Plex Sans Thai";font-size:31px;line-height:1.2;color:#eaf3f1;margin:48px 0 18px}
.medee-prose ul{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-direction:column;gap:14px}
.medee-prose li{display:flex;gap:12px;align-items:flex-start;font-size:19px;line-height:1.75;color:#b9cac7}
.medee-prose li:before{content:"";flex:0 0 auto;width:7px;height:7px;margin-top:13px;border-radius:50%;background:var(--gradient)}
.medee-prose figure{margin:8px 0 26px}
.medee-prose figcaption{font-family:"Space Mono",monospace;font-size:12px;color:#6e827f;margin-top:8px;text-align:center}
.medee-rav-step{border:1px solid var(--hairline);background:#0e1917;border-radius:18px;padding:26px 26px 6px;margin-bottom:22px}
.medee-rav-step header{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.medee-rav-step header span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--gradient);color:#fff;font-family:"Space Grotesk";font-weight:700;font-size:16px}
.medee-rav-step header h2{margin:0}
.medee-rav-step .note{font-size:15px;color:#8ca09d;margin-bottom:18px}
.medee-warning-callout{display:flex;gap:14px;border:1px solid rgba(240,150,120,.3);background:rgba(240,120,90,.06);border-radius:16px;padding:20px 22px;margin-bottom:30px;color:#e6c7b8}
.medee-warning-callout>span{color:#f0a88a;flex:0 0 auto;margin-top:2px}
.medee-warning-callout svg{width:22px;height:22px}
.medee-warning-callout p{margin:0;font-size:15.5px;line-height:1.7}
.medee-rav-cta{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(125deg,#12b5a6,#0c7c74 42%,#0a484d);padding:34px 30px;margin-bottom:30px}
.medee-rav-cta:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;opacity:.5}
.medee-rav-cta>*{position:relative}
.medee-rav-cta h2{margin:0 0 8px;color:#effcfa}
.medee-rav-cta p{font-size:16px;line-height:1.6;color:#cff3ee;margin-bottom:18px}
.medee-tag-list{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:10px}
.medee-tag-list span{font-family:"Space Mono",monospace;font-size:12.5px;color:#6e827f;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 13px}
.medee-back-card{max-width:none;margin:0 auto;padding:20px 0 70px}
.medee-back-card a{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:22px 24px;transition:border-color .2s,background .2s}
.medee-back-card a:hover{border-color:rgba(47,211,196,.4);background:rgba(31,200,180,.05)}
.medee-back-card small{display:block;font-family:"Space Mono",monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#6e827f;margin-bottom:5px}
.medee-back-card strong{font-family:"Space Grotesk","IBM Plex Sans Thai";font-size:18px;color:#eaf3f1}
.medee-back-card b{font-size:22px;color:#2fd3c4}
@media(max-width:900px){
  body{zoom:1}
  .nav-inner{align-items:flex-start;gap:14px;padding:16px 20px}
  .nav-logo img{height:58px}
  .nav-links{order:3;width:100%;overflow-x:auto;overflow-y:visible;padding-bottom:8px}
  .nav-links .mod-menu{flex-wrap:nowrap;min-width:max-content}
  .nav-actions{margin-left:auto}
  .content-wrap:has(.medee-articles-page),.content-wrap:has(.medee-rav-article),.content-wrap:has(.medee-product-page),.content-wrap:has(.medee-services-page),.content-wrap:has(.medee-support-page){max-width:none;padding-left:22px;padding-right:22px}
  .medee-rav-article{padding-left:0;padding-right:0}
  .medee-back-card{padding-left:0;padding-right:0}
  .medee-articles-hero{padding-top:50px}
  .medee-featured-article>a,.medee-product-hero,.medee-services-hero,.medee-support-hero,.medee-why-band,.medee-feature-band{grid-template-columns:1fr!important}
  .medee-featured-article .thumb{min-height:240px}
  .medee-featured-article>a>div:last-child{padding:28px}
  .medee-services-primary-grid,.medee-services-secondary-grid,.medee-step-grid,.medee-feature-grid,.medee-feature-grid-3,.medee-mini-grid,.medee-compare-grid{grid-template-columns:1fr!important}
  .medee-inline-cta{padding:42px 24px}
}
@media(max-width:640px){
  .nav-inner{padding:14px 16px}
  .nav-logo img{height:52px}
  .nav-actions .btn-small{padding:9px 12px;font-size:13px}
  .medee-articles-hero h1,.medee-product-hero h1,.medee-services-hero h1,.medee-support-hero h1{font-size:clamp(32px,10vw,42px);line-height:1.09}
  .medee-rav-article h1{font-size:clamp(30px,9vw,40px)}
  .medee-prose p{font-size:17px;line-height:1.75}
  .medee-prose h2{font-size:25px}
  .medee-prose li{font-size:16px;line-height:1.65}
  .medee-rav-step,.medee-warning-callout,.medee-rav-cta{padding:22px 18px}
  .medee-article-meta{gap:10px 14px}
  .medee-article-meta span:not(:first-child):not(.views):before{display:none}
  .medee-back-card a{align-items:flex-start}
}

html:not([data-medee-current-lang="en"]) .l-en{display:none!important}
html[data-medee-current-lang="en"] .l-th{display:none!important}
html:not([data-medee-current-lang="en"]) .medee-support-page .l-en,
html:not([data-medee-current-lang="en"]) .medee-home-content .l-en,
html:not([data-medee-current-lang="en"]) .medee-product-page .l-en,
html:not([data-medee-current-lang="en"]) .medee-services-page .l-en,
html[data-medee-current-lang="en"] .medee-support-page .l-th,
html[data-medee-current-lang="en"] .medee-home-content .l-th,
html[data-medee-current-lang="en"] .medee-product-page .l-th,
html[data-medee-current-lang="en"] .medee-services-page .l-th{display:none!important}

.medee-policy-page{display:grid;gap:74px}
.medee-policy-grid{
display:grid;
grid-template-columns:minmax(240px,320px) minmax(0,1fr);
gap:28px;
align-items:start
}
.medee-policy-summary,.medee-policy-body{
border:1px solid rgba(255,255,255,.08);
border-radius:18px;
background:rgba(255,255,255,.035);
box-shadow:0 24px 70px -40px rgba(0,0,0,.9)
}
.medee-policy-summary{
position:sticky;
top:96px;
padding:28px
}
.medee-policy-summary h2,.medee-policy-body h2{
margin-top:0;
font-family:"Space Grotesk","IBM Plex Sans Thai",sans-serif
}
.medee-policy-summary ul,.medee-policy-body ul{padding-left:1.2rem}
.medee-policy-summary li,.medee-policy-body li{margin:.55rem 0;color:var(--muted);line-height:1.7}
.medee-policy-body{padding:34px 38px}
.medee-cookie-table{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
margin:22px 0
}
.medee-cookie-table>div{
padding:18px;
border:1px solid rgba(47,211,196,.18);
border-radius:14px;
background:rgba(31,200,180,.06)
}
.medee-cookie-table strong{display:block;margin-bottom:7px;color:var(--text)}
.medee-cookie-table span{display:block;color:var(--muted);line-height:1.65}
@media(max-width:820px){
  .medee-policy-page{gap:42px}
  .medee-policy-grid{grid-template-columns:1fr}
  .medee-policy-summary{position:static}
  .medee-policy-body{padding:26px 20px}
  .medee-cookie-table{grid-template-columns:1fr}
}

.cookie-consent[hidden]{display:none!important}
.cookie-consent{
position:fixed;
left:50%;
right:auto;
bottom:24px;
z-index:140;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:14px 18px;
align-items:center;
width:min(920px,calc(100vw - 48px));
max-width:920px;
padding:18px;
border:1px solid rgba(47,211,196,.24);
border-radius:18px;
background:linear-gradient(135deg,rgba(8,22,19,.96),rgba(9,34,31,.94));
box-shadow:0 28px 80px -34px rgba(0,0,0,.95),0 0 38px -26px rgba(47,211,196,.75);
backdrop-filter:blur(14px);
color:var(--text);
transform:translateX(-50%)
}
.cookie-consent__copy strong{
display:block;
margin-bottom:5px;
font-family:"Space Grotesk","IBM Plex Sans Thai",sans-serif;
font-size:18px;
line-height:1.2
}
.cookie-consent__copy p{
margin:0;
max-width:680px;
color:var(--muted);
font-size:14px;
line-height:1.65
}
.cookie-consent__copy a{
color:var(--accent);
text-decoration:none;
font-weight:700
}
.cookie-consent__copy a:hover{text-decoration:underline}
.cookie-consent__actions{
display:flex;
align-items:center;
justify-content:flex-end;
gap:8px;
flex-wrap:wrap
}
.cookie-consent button{
appearance:none;
border:0;
font-family:"Space Grotesk","IBM Plex Sans Thai",sans-serif;
font-weight:700;
cursor:pointer;
white-space:nowrap;
transition:transform .18s,background .18s,border-color .18s,color .18s,box-shadow .18s
}
.cookie-consent button:hover{transform:translateY(-1px)}
.cookie-consent__ghost{
height:42px;
padding:0 14px;
border:1px solid rgba(255,255,255,.13)!important;
border-radius:12px;
background:rgba(255,255,255,.035);
color:#c8dad7
}
.cookie-consent__ghost:hover{
border-color:rgba(47,211,196,.38)!important;
color:var(--accent);
background:rgba(47,211,196,.08)
}
.cookie-consent__accept{
height:42px;
padding:0 18px;
border-radius:12px;
background:var(--gradient);
color:#fff;
box-shadow:0 14px 30px -16px rgba(31,200,180,.9)
}
.cookie-consent__settings{
grid-column:1/-1;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
padding-top:12px;
border-top:1px solid rgba(255,255,255,.08)
}
.cookie-consent__settings[hidden]{display:none!important}
.cookie-consent__settings label{
display:flex;
align-items:flex-start;
gap:10px;
padding:12px;
border:1px solid rgba(255,255,255,.08);
border-radius:12px;
background:rgba(0,0,0,.14);
color:#d7e9e6;
font-size:13px;
line-height:1.45
}
.cookie-consent__settings input{
accent-color:#18bdb0;
margin-top:2px
}
@media(max-width:760px){
  .cookie-consent{
  left:12px;
  right:12px;
  width:auto;
  bottom:12px;
  transform:none;
  grid-template-columns:1fr;
  padding:16px;
  border-radius:16px
  }
  .cookie-consent__actions{justify-content:stretch}
  .cookie-consent__actions button{flex:1 1 calc(50% - 8px)}
  .cookie-consent__settings{grid-template-columns:1fr}
}

.back-to-top{position:fixed;right:24px;bottom:24px;z-index:70;width:48px;height:48px;border:1px solid rgba(47,211,196,.38);border-radius:16px;background:linear-gradient(135deg,rgba(31,200,180,.92),rgba(11,110,104,.92));color:#fff;box-shadow:0 18px 42px -18px rgba(31,200,180,.8);display:grid;place-items:center;font-family:"Space Grotesk","IBM Plex Sans Thai";font-size:24px;font-weight:700;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px) scale(.94);transition:opacity .18s,visibility .18s,transform .18s,box-shadow .18s}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.back-to-top:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 22px 52px -18px rgba(31,200,180,.95)}
.back-to-top:focus-visible{outline:2px solid #eafffb;outline-offset:3px}
.back-to-top span{line-height:1}
@media(max-width:640px){.back-to-top{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:44px;height:44px;border-radius:14px;font-size:22px}}

/* Final mobile layout guardrails. These live last so older desktop fidelity
   passes cannot squeeze mobile back into two columns. */
@media(max-width:900px){
  .nav-inner{grid-template-columns:auto 1fr auto auto!important;grid-auto-rows:auto!important;align-items:center!important}
  .nav-logo{grid-column:1!important;grid-row:1!important}
  .nav-actions{grid-column:3!important;grid-row:1!important}
  .nav-toggle{grid-column:4!important;grid-row:1!important}
  .nav-links{grid-column:1/-1!important;grid-row:2!important}
  .hero-grid{grid-template-columns:1fr!important;gap:34px!important}
  .hero-visual-wrap{width:100%;max-width:560px;margin:0 auto}
  .visual-panel{width:100%}
  .title{max-width:720px}
  .lead{max-width:680px}
  .medee-home-products,.medee-benefit-grid,.medee-support-steps>div{grid-template-columns:1fr!important}
  .medee-product-card,.medee-coming-card{min-height:auto}
}
@media(max-width:640px){
  .container{padding-left:22px!important;padding-right:22px!important}
  .nav-inner{padding:10px 12px!important}
  .nav-logo img{height:40px!important}
  .nav-actions .btn-small{width:66px!important;height:40px!important}
  .title{font-size:clamp(34px,12vw,46px)!important;line-height:1.04!important;margin:22px 0 18px}
  .lead{font-size:17px;line-height:1.7}
  .pill{font-size:11px;max-width:100%;white-space:normal;line-height:1.45}
  .hero{padding:52px 0 34px!important}
  .hero-actions{gap:12px}
  .hero-actions .btn{min-width:154px;margin:0}
  .scanbox{height:230px!important}
  .voice-badge{position:relative!important;left:auto!important;bottom:auto!important;margin:14px 0 0;width:100%;max-width:280px}
  .hero-stats{max-width:none}
  .hero-stats>div{min-width:86px}
  .medee-why-band,.medee-feature-band,.medee-support-band,.medee-support-steps,.medee-inline-cta{padding:30px 22px!important}
  .medee-home-content{gap:64px!important}
}
html:not([data-medee-current-lang="en"]) .medee-support-page .l-en,
html:not([data-medee-current-lang="en"]) .medee-home-content .l-en,
html:not([data-medee-current-lang="en"]) .medee-product-page .l-en,
html:not([data-medee-current-lang="en"]) .medee-services-page .l-en,
html[data-medee-current-lang="en"] .medee-support-page .l-th,
html[data-medee-current-lang="en"] .medee-home-content .l-th,
html[data-medee-current-lang="en"] .medee-product-page .l-th,
html[data-medee-current-lang="en"] .medee-services-page .l-th{display:none!important}

/* Real responsive navigation: mobile gets a drawer instead of a squeezed desktop menu. */
.nav-toggle{display:none;appearance:none;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:var(--text);border-radius:12px;width:44px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0;cursor:pointer}
.nav-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}
.nav.is-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav.is-open .nav-toggle span:nth-child(2){opacity:0}
.nav.is-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
body.nav-open{overflow:hidden}
@media(max-width:900px){
  .nav{position:sticky}
  .nav-inner{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center!important;gap:12px!important;padding:10px 16px!important}
  .nav-logo{justify-self:start}
  .nav-logo img{height:44px!important}
  .nav-logo:before{width:70px!important;height:70px!important}
  .nav-logo:after{width:70px!important;height:70px!important}
  .nav-toggle{display:inline-flex;justify-self:end;grid-column:2}
  .nav-actions{grid-column:3!important;display:flex!important;width:auto!important;justify-content:flex-end!important;margin-left:0!important;gap:8px!important}
  .nav-actions .btn-small{width:66px;height:40px;padding:0!important;border-radius:12px;font-size:0!important}
  .nav-actions .btn-small .dot{width:8px;height:8px;margin:0}
  .nav-actions .btn-small:after{content:"LINE";font-size:11px;font-family:"Space Mono",monospace;font-weight:700}
  .lang{height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;padding:0!important}
  .nav-links{grid-column:1/-1!important;order:initial!important;width:auto!important;display:block!important;overflow:visible!important;padding:0!important}
  .nav-menu-panel{position:fixed;left:16px;right:16px;top:72px;max-height:calc(100dvh - 92px);overflow:auto;background:rgba(8,18,16,.98);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:12px;box-shadow:0 26px 80px -28px rgba(0,0,0,.9);transform:translateY(-10px);opacity:0;pointer-events:none;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s;z-index:120}
  .nav.is-open .nav-menu-panel{transform:translateY(0);opacity:1;pointer-events:auto;visibility:visible}
  .nav-links ul,.nav-links .mod-menu{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;min-width:0!important;width:100%!important}
  .nav-links li{width:100%;position:relative}
  .nav-links a{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:13px 54px 13px 14px;border-radius:12px;color:#d7e9e6;font-size:16px;font-weight:600}
  .nav-links a:hover,.nav-links .active>a{background:rgba(31,200,180,.1);color:var(--accent)}
  .nav-links li:has(.mod-menu__sub)>a,
  .nav-links li:has(.mm-collapse)>a{background:rgba(31,200,180,.08);border:1px solid rgba(47,211,196,.12);color:var(--accent)}
  .nav-links .mod-menu__toggle-sub{position:absolute;right:8px;top:6px;width:44px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;padding:0!important;z-index:2;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
  .nav-links .mod-menu__toggle-sub:hover{background:rgba(255,255,255,.06)}
  .nav-links .mod-menu__toggle-sub .icon-chevron-down:before{font-size:16px}
  .nav-links li.is-subopen>.mod-menu__toggle-sub{background:rgba(31,200,180,.14);border-color:rgba(47,211,196,.22);color:var(--accent)}
  .nav-links .mod-menu__sub,.nav-links .mm-collapse{position:static!important;display:none!important;min-width:0!important;width:100%!important;margin:2px 0 8px!important;padding:4px 0 4px 12px!important;background:transparent!important;border:0!important;border-left:1px solid rgba(47,211,196,.24)!important;border-radius:0!important;box-shadow:none!important}
  .nav-links li.is-subopen>.mod-menu__sub,.nav-links li.is-subopen>.mm-collapse,.nav-links li:focus-within>.mod-menu__sub,.nav-links li:focus-within>.mm-collapse{display:flex!important}
  .nav-links .mod-menu__sub:before,.nav-links .mm-collapse:before{display:none!important}
  .nav-links .mod-menu__sub a,.nav-links .mm-collapse a{min-height:40px;padding:10px 12px;color:#9db0ad;font-size:15px}
  .nav-links select,.nav-links input{display:none!important}
}
@media(max-width:420px){
  .nav-inner{grid-template-columns:auto 40px auto!important;padding-left:12px!important;padding-right:12px!important}
  .nav-logo img{height:38px!important}
  .nav-menu-panel{left:10px;right:10px;top:64px}
}
html:not([data-medee-current-lang="en"]) .medee-support-page .l-en,
html:not([data-medee-current-lang="en"]) .medee-home-content .l-en,
html:not([data-medee-current-lang="en"]) .medee-product-page .l-en,
html:not([data-medee-current-lang="en"]) .medee-services-page .l-en,
html[data-medee-current-lang="en"] .medee-support-page .l-th,
html[data-medee-current-lang="en"] .medee-home-content .l-th,
html[data-medee-current-lang="en"] .medee-product-page .l-th,
html[data-medee-current-lang="en"] .medee-services-page .l-th{display:none!important}

/* Language spans inside Support cards must stay inline text; only the numeric
   step badge should receive the circle badge treatment. */
.medee-support-steps article h3 span,
.medee-support-steps article p span,
.medee-benefit-grid h3 span,
.medee-benefit-grid p span,
.medee-benefit-grid .is-hot p span{
display:inline!important;
width:auto!important;
height:auto!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
font-family:inherit!important;
font-size:inherit!important;
font-weight:inherit!important;
line-height:inherit!important;
color:inherit!important
}
.medee-support-steps article>span:first-child{
width:56px!important;
height:56px!important;
border-radius:50%!important;
background:rgba(31,195,182,.12)!important;
border:1px solid rgba(31,195,182,.35)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
margin:0 auto 18px!important;
font-family:"Space Grotesk","IBM Plex Sans Thai"!important;
font-weight:700!important;
font-size:22px!important;
line-height:1!important;
color:#0c8278!important
}
.medee-support-steps h3{
max-width:260px;
margin-left:auto!important;
margin-right:auto!important;
line-height:1.25
}
.medee-support-steps p{
max-width:280px;
margin:0 auto;
line-height:1.65
}
.medee-support-hero h1>.l-th,
.medee-support-hero h1>.l-en{
background:none!important;
-webkit-background-clip:initial!important;
background-clip:initial!important;
color:var(--text)!important
}
.medee-support-hero h1>.l-th>span,
.medee-support-hero h1>.l-en>span{
background:linear-gradient(120deg,#14baaa,#0b6e68)!important;
-webkit-background-clip:text!important;
background-clip:text!important;
color:transparent!important
}
.remote-endpoint small span{
display:inline!important;
width:auto!important;
height:auto!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
color:inherit!important;
font:inherit!important
}
.remote-endpoint>span{
position:relative;
width:34px!important;
height:34px!important;
border-radius:9px!important;
background:var(--gradient)!important;
box-shadow:0 12px 26px -12px rgba(12,130,120,.7)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important
}
html:not([data-medee-current-lang="en"]) .l-en{display:none!important}
html[data-medee-current-lang="en"] .l-th{display:none!important}
html:not([data-medee-current-lang="en"]) .medee-support-page .l-en,
html:not([data-medee-current-lang="en"]) .medee-home-content .l-en,
html:not([data-medee-current-lang="en"]) .medee-product-page .l-en,
html:not([data-medee-current-lang="en"]) .medee-services-page .l-en,
html[data-medee-current-lang="en"] .medee-support-page .l-th,
html[data-medee-current-lang="en"] .medee-home-content .l-th,
html[data-medee-current-lang="en"] .medee-product-page .l-th,
html[data-medee-current-lang="en"] .medee-services-page .l-th{display:none!important}

/* medeemedia article listing controls */
.medee-articles-page .chip{appearance:none;background:transparent;font:inherit;cursor:pointer;display:inline-flex;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:9px 14px;color:#9db0ad;margin:0 8px 8px 0;transition:border-color .18s,background .18s,color .18s,transform .18s}
.medee-articles-page .chip:hover{border-color:rgba(47,211,196,.34);color:#d9f5f1;transform:translateY(-1px)}
.medee-articles-page .chip[data-active=true]{border-color:rgba(47,211,196,.5);background:rgba(31,200,180,.12);color:#2fd3c4;font-weight:600}
.medee-articles-page .medee-article-card[hidden]{display:none}
.medee-articles-page .medee-article-card .thumb[style],.medee-articles-page .medee-featured-article .thumb[style]{background-size:cover;background-position:center}
.medee-articles-page .medee-article-card .thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,17,15,.08),rgba(7,17,15,.48));pointer-events:none}
.medee-articles-page .thumb.is-placeholder{background:radial-gradient(circle at 22% 18%,rgba(47,211,196,.28),transparent 28%),repeating-linear-gradient(135deg,rgba(47,211,196,.12) 0 12px,rgba(47,211,196,.03) 12px 24px),linear-gradient(145deg,#0f2c2a,#07120f);overflow:hidden}
.medee-articles-page .thumb.is-placeholder:before{content:"medeemedia";position:absolute;right:18px;bottom:18px;font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(215,248,243,.34)}
.medee-articles-page .thumb.is-placeholder:after{background:linear-gradient(180deg,rgba(7,17,15,.1),rgba(7,17,15,.34))}
.medee-articles-page .medee-pagination{display:flex;justify-content:center;gap:10px;margin-top:34px}
.medee-articles-page .medee-pagination[hidden]{display:none}
.medee-rav-article .medee-backlink{display:inline-flex;align-items:center;gap:8px;color:#a8bbb8;background:rgba(7,17,15,.54);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 12px;margin-bottom:22px;transition:color .18s,border-color .18s,background .18s}
.medee-rav-article .medee-backlink:hover{color:#2fd3c4;border-color:rgba(47,211,196,.45);background:rgba(47,211,196,.08)}
.medee-articles-page .medee-pagination button{appearance:none;border:1px solid rgba(255,255,255,.12);background:#0d1816;color:#9db0ad;border-radius:12px;min-width:42px;height:42px;font-family:"Space Mono",monospace;cursor:pointer;transition:border-color .18s,background .18s,color .18s}
.medee-articles-page .medee-pagination button:hover,.medee-articles-page .medee-pagination button[data-active=true]{border-color:rgba(47,211,196,.55);background:rgba(31,200,180,.14);color:#2fd3c4}
@media(max-width:640px){.medee-articles-page .medee-pagination{justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.medee-articles-page .chip{padding:8px 12px}}