:root{--sage: #4A7C6F;--sage-light: #6B9E91;--sage-pale: #EBF4F1;--sage-mid: #C5DED9;--warm: #F7F3EE;--warm-dark: #EDE6DC;--amber: #C8882A;--amber-light: #FDF3E3;--text: #1C2B27;--text-mid: #4A5E58;--text-soft: #8A9E98;--white: #FFFFFF;--border: rgba(74,124,111,.15);--border-mid: rgba(74,124,111,.25);--radius: 12px;--radius-sm: 8px;--radius-lg: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:DM Sans,Noto Sans Thai,sans-serif;background:var(--warm);color:var(--text);font-size:15px;line-height:1.6}nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:64px;background:#f7f3eef5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:.5px solid var(--border);gap:24px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:500;color:var(--text);letter-spacing:-.3px;cursor:pointer;flex-shrink:0}.logo-mark{width:36px;height:36px;background:var(--sage);border-radius:10px;display:flex;align-items:center;justify-content:center}.logo-mark svg{width:20px;height:20px}.nav-tabs{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}.nav-tab{padding:7px 16px;border-radius:20px;font-size:13px;color:var(--text-mid);cursor:pointer;transition:all .18s;border:none;background:transparent;font-family:inherit;white-space:nowrap}.nav-tab:hover{background:var(--sage-pale);color:var(--sage)}.nav-tab.active{background:var(--sage);color:#fff;font-weight:500}.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;border-radius:var(--radius-sm)}.hamburger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:all .2s}.mobile-menu{position:sticky;top:64px;z-index:99;background:var(--white);border-bottom:.5px solid var(--border);display:flex;flex-direction:column;gap:4px;padding:12px 16px;box-shadow:0 4px 16px #0000000f}.mobile-menu-item{padding:11px 16px;border-radius:var(--radius-sm);font-size:14px;color:var(--text-mid);background:transparent;border:none;font-family:inherit;text-align:left;cursor:pointer;transition:background .15s}.mobile-menu-item:hover{background:var(--sage-pale);color:var(--sage)}.mobile-menu-item.active{background:var(--sage-pale);color:var(--sage);font-weight:500}.mobile-ai-btn{margin-top:4px;width:100%;text-align:center;padding:12px}.desktop-only{display:flex}.btn-ghost{padding:8px 18px;border-radius:var(--radius-sm);border:.5px solid var(--border-mid);font-size:13px;color:var(--text-mid);background:transparent;cursor:pointer;font-family:inherit}.btn-primary{padding:9px 20px;border-radius:var(--radius-sm);background:var(--sage);color:#fff;border:none;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;letter-spacing:.1px;transition:background .2s}.btn-primary:hover{background:#3d6b5f}.hero{padding:72px 40px 56px;background:linear-gradient(160deg,var(--warm) 0%,var(--sage-pale) 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-60px;right:-60px;width:320px;height:320px;background:radial-gradient(circle,var(--sage-mid) 0%,transparent 70%);opacity:.35}.hero-inner{max-width:680px;position:relative}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--white);border:.5px solid var(--border-mid);border-radius:20px;padding:5px 14px;font-size:12px;color:var(--sage);font-weight:500;margin-bottom:24px;letter-spacing:.3px}.hero-eyebrow-dot{width:6px;height:6px;background:var(--sage);border-radius:50%}h1{font-size:44px;font-weight:400;line-height:1.2;color:var(--text);letter-spacing:-.8px;margin-bottom:18px}h1 strong{font-weight:600;color:var(--sage)}.hero-sub{font-size:17px;color:var(--text-mid);line-height:1.65;max-width:520px;margin-bottom:36px}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.btn-hero{padding:13px 28px;border-radius:var(--radius-sm);background:var(--sage);color:#fff;border:none;font-size:15px;font-weight:500;cursor:pointer;font-family:inherit}.btn-hero-outline{padding:12px 28px;border-radius:var(--radius-sm);background:transparent;color:var(--text);border:.5px solid var(--border-mid);font-size:15px;cursor:pointer;font-family:inherit}.hero-note{font-size:13px;color:var(--text-soft);margin-top:14px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border-top:.5px solid var(--border);border-bottom:.5px solid var(--border)}.stat-item{background:var(--white);padding:24px 32px;text-align:center}.stat-num{font-size:28px;font-weight:500;color:var(--sage);letter-spacing:-.5px}.stat-label{font-size:13px;color:var(--text-soft);margin-top:4px}.section{padding:56px 40px}.section-label{font-size:12px;font-weight:500;color:var(--sage);letter-spacing:.8px;text-transform:uppercase;margin-bottom:10px}.section-title{font-size:28px;font-weight:400;color:var(--text);margin-bottom:8px;letter-spacing:-.4px}.section-sub{font-size:15px;color:var(--text-mid);margin-bottom:40px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-card{background:var(--white);border:.5px solid var(--border);border-radius:var(--radius);padding:28px 24px;position:relative;overflow:hidden}.step-card:before{content:attr(data-num);position:absolute;top:-10px;right:16px;font-size:72px;font-weight:700;color:var(--sage-pale);line-height:1;font-family:DM Sans}.step-icon{width:44px;height:44px;background:var(--sage-pale);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.step-icon svg{width:22px;height:22px}.step-card h3{font-size:16px;font-weight:500;margin-bottom:8px}.step-card p{font-size:13px;color:var(--text-mid);line-height:1.6}.ai-banner{margin:0 40px 56px;background:var(--sage);border-radius:var(--radius-lg);padding:40px 48px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.ai-banner h2{font-size:24px;font-weight:400;color:#fff;letter-spacing:-.3px;margin-bottom:10px}.ai-banner p{font-size:15px;color:#ffffffbf;line-height:1.6}.ai-banner-btn{padding:12px 24px;border-radius:var(--radius-sm);background:#fff;color:var(--sage);border:none;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;white-space:nowrap}.search-top{padding:16px 40px;background:#fff;border-bottom:.5px solid var(--border);display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search-wrap{flex:1;min-width:200px;position:relative}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-soft)}.search-field{width:100%;padding:11px 14px 11px 42px;border:.5px solid var(--border-mid);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;color:var(--text);background:var(--warm);outline:none}.quick-filters{display:flex;gap:8px;flex-wrap:wrap}.qf{padding:7px 14px;border-radius:20px;font-size:12px;border:.5px solid var(--border-mid);background:#fff;color:var(--text-mid);cursor:pointer;white-space:nowrap}.qf.on{background:var(--sage-pale);color:var(--sage);border-color:var(--sage-mid)}.nh-layout{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 160px)}.filter-sidebar{padding:24px;border-right:.5px solid var(--border);background:var(--white)}.filter-sidebar h3{font-size:14px;font-weight:500;color:var(--text);margin-bottom:20px}.filter-group{margin-bottom:28px}.filter-group-title{font-size:11px;font-weight:500;color:var(--text-soft);text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px}.filter-opt{display:flex;align-items:center;gap:10px;margin-bottom:10px;cursor:pointer;font-size:14px;color:var(--text-mid)}.check{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border-mid);flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:center}.check.on{background:var(--sage);border-color:var(--sage)}.check.on:after{content:"";width:8px;height:5px;border-left:1.5px solid white;border-bottom:1.5px solid white;transform:rotate(-45deg) translateY(-1px);display:block}.price-range{display:flex;gap:8px;margin-top:4px}.price-input{flex:1;padding:7px 10px;border:.5px solid var(--border-mid);border-radius:var(--radius-sm);font-size:13px;font-family:inherit;color:var(--text);background:var(--warm)}.btn-apply{width:100%;padding:10px;background:var(--sage);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;margin-top:8px}.results-area{padding:24px;background:var(--warm)}.results-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}.results-count{font-size:14px;color:var(--text-mid)}.results-count strong{color:var(--text)}.sort-bar{display:flex;align-items:center;gap:10px}.sort-label{font-size:13px;color:var(--text-soft)}.sort-sel{padding:6px 12px;border:.5px solid var(--border-mid);border-radius:var(--radius-sm);font-size:13px;font-family:inherit;background:#fff;color:var(--text);cursor:pointer}.nh-card{background:#fff;border:.5px solid var(--border);border-radius:var(--radius);padding:20px 22px;margin-bottom:14px;display:grid;grid-template-columns:1fr auto;gap:16px}.nh-card:hover{border-color:var(--border-mid)}.nh-name{font-size:16px;font-weight:500;margin-bottom:4px}.nh-meta{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--text-soft);margin-bottom:12px;flex-wrap:wrap}.nh-meta-item{display:flex;align-items:center;gap:5px}.nh-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.tag{padding:4px 10px;border-radius:20px;font-size:12px;background:var(--warm-dark);color:var(--text-mid)}.tag.green{background:var(--sage-pale);color:var(--sage)}.tag.amber{background:var(--amber-light);color:var(--amber)}.nh-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rating{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--text-mid)}.stars{color:var(--amber);font-size:13px}.ai-badge{display:inline-flex;align-items:center;gap:5px;background:var(--sage-pale);color:var(--sage);border:.5px solid var(--sage-mid);border-radius:20px;font-size:11px;padding:3px 10px;font-weight:500}.nh-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:12px}.nh-price{font-size:20px;font-weight:500;color:var(--sage);letter-spacing:-.3px}.nh-price-label{font-size:12px;color:var(--text-soft);margin-top:2px;text-align:right}.nh-btns{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.btn-detail{padding:8px 18px;background:var(--sage);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;cursor:pointer;font-family:inherit;font-weight:500}.btn-compare{padding:7px 18px;background:transparent;color:var(--text-mid);border:.5px solid var(--border-mid);border-radius:var(--radius-sm);font-size:13px;cursor:pointer;font-family:inherit}.doctors-hero{padding:40px;background:#fff;border-bottom:.5px solid var(--border);display:grid;grid-template-columns:1fr auto;align-items:start;gap:40px}.doctors-hero h2{font-size:28px;font-weight:400;letter-spacing:-.4px;margin-bottom:8px}.doctors-hero p{font-size:15px;color:var(--text-mid)}.spec-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.spec-pill{padding:7px 16px;border-radius:20px;font-size:13px;border:.5px solid var(--border-mid);background:#fff;color:var(--text-mid);cursor:pointer}.spec-pill.active{background:var(--sage);color:#fff;border-color:var(--sage)}.doctor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:32px 40px;background:var(--warm)}.doc-card{background:#fff;border:.5px solid var(--border);border-radius:var(--radius);padding:24px;cursor:pointer}.doc-card:hover{border-color:var(--border-mid)}.doc-avatar{width:64px;height:64px;border-radius:50%;margin-bottom:14px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:500;color:#fff}.doc-name{font-size:16px;font-weight:500;margin-bottom:4px}.doc-spec{font-size:13px;color:var(--sage);margin-bottom:4px}.doc-hospital{font-size:13px;color:var(--text-soft);margin-bottom:14px}.doc-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.doc-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:.5px solid var(--border)}.doc-avail{font-size:12px}.avail-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.avail-dot.green{background:#4caf50}.avail-dot.yellow{background:var(--amber)}.btn-book{padding:7px 16px;background:var(--sage);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;font-family:inherit;font-weight:500}.ai-suggest-box{background:var(--sage-pale);border:.5px solid var(--sage-mid);border-radius:var(--radius);padding:20px 24px}.ai-suggest-box .ai-tip{font-size:12px;color:var(--sage);font-weight:500;margin-bottom:8px}.ai-suggest-box p{font-size:13px;color:var(--text-mid);margin-bottom:12px;line-height:1.5}.chat-wrap{display:grid;grid-template-columns:280px 1fr;height:calc(100vh - 64px);background:#fff}.chat-sidebar-panel{border-right:.5px solid var(--border);padding:24px;background:var(--warm);overflow-y:auto}.chat-sidebar-panel h3{font-size:14px;font-weight:500;margin-bottom:6px}.chat-sidebar-panel p{font-size:13px;color:var(--text-mid);margin-bottom:20px;line-height:1.5}.qs-title{font-size:11px;font-weight:500;color:var(--text-soft);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}.qs-item{background:#fff;border:.5px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:8px;font-size:13px;color:var(--text-mid);cursor:pointer;line-height:1.45;transition:border-color .15s}.qs-item:hover{border-color:var(--border-mid);color:var(--text)}.chat-main-panel{display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:16px 24px;border-bottom:.5px solid var(--border);display:flex;align-items:center;gap:12px;flex-shrink:0}.ai-avatar{width:38px;height:38px;background:var(--sage);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-avatar svg{width:18px;height:18px}.chat-ai-name{font-size:15px;font-weight:500}.chat-ai-status{font-size:12px;color:var(--sage);display:flex;align-items:center;gap:5px}.online-dot{width:6px;height:6px;background:#4caf50;border-radius:50%}.chat-messages{flex:1;overflow-y:auto;padding:28px 24px;display:flex;flex-direction:column;gap:20px;background:var(--warm)}.msg-row{display:flex;gap:12px}.msg-row.user{flex-direction:row-reverse}.msg-ava{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500}.msg-ava.ai{background:var(--sage);color:#fff}.msg-ava.user{background:var(--warm-dark);color:var(--text-mid)}.msg-bubble{max-width:72%;background:#fff;border:.5px solid var(--border);border-radius:16px 16px 16px 4px;padding:12px 16px;font-size:14px;color:var(--text);line-height:1.6}.msg-row.user .msg-bubble{background:var(--sage);color:#fff;border-color:var(--sage);border-radius:16px 16px 4px}.chat-recs{display:flex;flex-direction:column;gap:10px;margin-top:12px}.chat-rec{background:var(--warm);border:.5px solid var(--border);border-radius:var(--radius-sm);padding:14px}.cr-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:8px}.cr-name{font-size:14px;font-weight:500}.cr-price{font-size:13px;color:var(--sage);font-weight:500;white-space:nowrap}.cr-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}.cr-reason{font-size:12px;color:var(--text-mid);line-height:1.5;padding-top:8px;border-top:.5px solid var(--border)}.match-pill{display:inline-flex;align-items:center;gap:4px;background:var(--sage-pale);color:var(--sage);border:.5px solid var(--sage-mid);border-radius:20px;font-size:11px;padding:3px 8px;margin-bottom:8px;font-weight:500}.chat-input-row{padding:16px 24px;border-top:.5px solid var(--border);background:#fff;display:flex;gap:10px;align-items:center;flex-shrink:0}.chat-input-field{flex:1;padding:11px 16px;border:.5px solid var(--border-mid);border-radius:24px;font-size:14px;font-family:inherit;color:var(--text);background:var(--warm);outline:none}.chat-send-btn{width:42px;height:42px;background:var(--sage);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-send-btn svg{width:18px;height:18px}@media (max-width: 900px){nav{padding:0 20px;gap:12px}.nav-tabs{display:none}.hamburger{display:flex}.desktop-only{display:none!important}.hero{padding:48px 20px 40px}h1{font-size:34px}.hero-sub{font-size:15px}.stats-row{grid-template-columns:repeat(2,1fr)}.section{padding:40px 20px}.steps-grid{grid-template-columns:1fr;gap:14px}.ai-banner{margin:0 20px 40px;grid-template-columns:1fr;padding:28px 24px;gap:20px}.search-top{padding:14px 20px}.nh-layout{grid-template-columns:1fr}.filter-sidebar{display:none}.results-area{padding:16px}.doctors-hero{grid-template-columns:1fr;padding:24px 20px;gap:20px}.doctor-grid{grid-template-columns:repeat(2,1fr);padding:20px;gap:14px}.chat-wrap{grid-template-columns:1fr;height:calc(100vh - 64px)}.chat-sidebar-panel{display:none}}@media (max-width: 600px){nav{height:56px}.hero{padding:36px 16px 32px}h1{font-size:28px;letter-spacing:-.4px}.hero-sub{font-size:14px;margin-bottom:24px}.btn-hero,.btn-hero-outline{padding:11px 20px;font-size:14px}.stats-row{grid-template-columns:repeat(2,1fr)}.stat-item{padding:16px}.stat-num{font-size:22px}.section{padding:32px 16px}.section-title{font-size:22px}.ai-banner{margin:0 16px 32px;padding:24px 20px}.ai-banner h2{font-size:18px}.search-top{padding:12px 16px;flex-direction:column}.search-wrap{width:100%}.results-area{padding:12px}.nh-card{grid-template-columns:1fr}.nh-right{flex-direction:row;align-items:center}.nh-btns{flex-direction:row}.doctors-hero{padding:20px 16px}.doctors-hero h2{font-size:22px}.doctor-grid{grid-template-columns:1fr;padding:16px}.chat-messages{padding:16px}.chat-input-row{padding:12px 16px}.msg-bubble{max-width:88%;font-size:13px}}