.driver-popover{all:unset;font-family:var(--driver-popover-font-family,"Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif);box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover-title{zoom:1;margin:0;font-size:19px;font-weight:700;line-height:1.5;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.5}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font-size:12px;line-height:1.3;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-popover-footer-btn:hover,.driver-popover-footer-btn:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center,.driver-popover-arrow-none{display:none}.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}:root{--primary: #1A9F9F;--primary-dark: #0D7377;--primary-light: #E6F7F7;--accent: #FF6B35;--bg-white: #FFFFFF;--bg-alt: #F8FFFE;--bg-dark: #0D1B2A;--text-heading: #1A1A2E;--text-body: #4A5568;--text-muted: #718096;--text-light: #A0AEC0;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 30px rgba(0,0,0,.12);--shadow-xl: 0 20px 60px rgba(0,0,0,.15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font-sans: "Noto Sans Thai", "Inter", sans-serif;--font-heading: "Inter", "Noto Sans Thai", sans-serif;--transition: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text-body);line-height:1.7;background:var(--bg-white);overflow-x:hidden}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--primary),#2ED8D8,var(--primary-dark));z-index:9999;transition:width .1s linear;box-shadow:0 0 8px #1a9f9f99,0 0 20px #1a9f9f4d}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-in{opacity:0;transition:opacity .8s ease}.fade-in.visible{opacity:1}@supports ((animation-timeline: view()) and (animation-range: entry)){@media(prefers-reduced-motion:no-preference){.fade-up{animation:scrollFadeUp 1s linear both;animation-timeline:view();animation-range:entry 5% entry 40%;transition:none}.fade-in{animation:scrollFadeIn 1s linear both;animation-timeline:view();animation-range:entry 5% entry 40%;transition:none}@keyframes scrollFadeUp{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scrollFadeIn{0%{opacity:0}to{opacity:1}}}}.container{max-width:1200px;margin:0 auto;padding:0 24px}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.particle{position:absolute;border-radius:50%;background:#1a9f9f40;animation:particleFloat linear infinite}.particle:nth-child(1){width:6px;height:6px;left:10%;animation-duration:12s;animation-delay:0s}.particle:nth-child(2){width:8px;height:8px;left:25%;animation-duration:15s;animation-delay:2s}.particle:nth-child(3){width:4px;height:4px;left:40%;animation-duration:10s;animation-delay:4s}.particle:nth-child(4){width:10px;height:10px;left:60%;animation-duration:18s;animation-delay:1s}.particle:nth-child(5){width:5px;height:5px;left:75%;animation-duration:13s;animation-delay:3s}.particle:nth-child(6){width:7px;height:7px;left:88%;animation-duration:16s;animation-delay:5s}.particle:nth-child(7){width:3px;height:3px;left:50%;animation-duration:11s;animation-delay:6s}.particle:nth-child(8){width:9px;height:9px;left:15%;animation-duration:14s;animation-delay:7s}@keyframes particleFloat{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-20vh) rotate(360deg);opacity:0}}.bento-card:nth-child(1){transition-delay:0ms}.bento-card:nth-child(2){transition-delay:60ms}.bento-card:nth-child(3){transition-delay:.12s}.bento-card:nth-child(4){transition-delay:.18s}.bento-card:nth-child(5){transition-delay:.24s}.bento-card:nth-child(6){transition-delay:.3s}.bento-card:nth-child(7){transition-delay:.36s}.bento-card:nth-child(8){transition-delay:.42s}.accordion-item:nth-child(1){transition-delay:0ms}.accordion-item:nth-child(2){transition-delay:50ms}.accordion-item:nth-child(3){transition-delay:.1s}.accordion-item:nth-child(4){transition-delay:.15s}.accordion-item:nth-child(5){transition-delay:.2s}.accordion-item:nth-child(6){transition-delay:.25s}.accordion-item:nth-child(7){transition-delay:.3s}.accordion-item:nth-child(8){transition-delay:.35s}.accordion-item:nth-child(9){transition-delay:.4s}.bento-card:hover{box-shadow:var(--shadow-lg),0 0 20px #1a9f9f26}.cost-card:hover{box-shadow:var(--shadow-md),0 0 16px #c530301a}.proof-card{transition:var(--transition)}.proof-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 20px #1a9f9f1a}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#0d1b2a,#122a3a,#0d3333)}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:80%;height:200%;background:radial-gradient(ellipse at center,rgba(26,159,159,.15) 0%,transparent 70%);animation:heroGlow 8s ease-in-out infinite alternate}@keyframes heroGlow{0%{transform:scale(1) rotate(0)}to{transform:scale(1.1) rotate(5deg)}}.hero-parallax-layer{position:absolute;top:-30%;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 30%,rgba(26,159,159,.12) 0%,transparent 50%),radial-gradient(circle at 20% 70%,rgba(46,216,216,.08) 0%,transparent 40%);pointer-events:none;will-change:transform;z-index:0}@supports ((animation-timeline: scroll()) and (animation-range: contain)){@media(prefers-reduced-motion:no-preference){.hero-parallax-layer{animation:heroParallax linear both;animation-timeline:scroll();animation-range:0vh 100vh}@keyframes heroParallax{0%{transform:translateY(0)}to{transform:translateY(25%)}}}}.hero-content{position:relative;z-index:2;max-width:700px;padding:80px 0}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#1a9f9f26;border:1px solid rgba(26,159,159,.3);padding:6px 16px;border-radius:100px;font-size:13px;color:var(--primary);font-weight:500;margin-bottom:24px}.hero h1{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.2rem);font-weight:800;color:#fff;line-height:1.3;margin-bottom:20px}.hero h1 span{background:linear-gradient(135deg,var(--primary),#2ED8D8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.1rem;color:#b8c5d0;margin-bottom:32px;line-height:1.8}.hero-stats{display:flex;gap:24px;flex-wrap:wrap}.hero-stat{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:#e2e8f0;font-size:14px;font-weight:500}.hero-stat .num{color:var(--primary);font-weight:700;font-size:18px;font-variant-numeric:tabular-nums}.hero-scroll-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);color:#fff6;font-size:13px;text-align:center;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.hero-mockup{position:absolute;right:-5%;top:50%;transform:translateY(-50%);width:45%;max-width:550px;aspect-ratio:16/10;background:#fff;border:1px solid rgba(26,159,159,.2);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 12px 40px #0000001f}.hero-mockup img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}.cost-section{padding:100px 0;background:var(--bg-white)}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-family:var(--font-heading);font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;color:var(--text-heading);margin-bottom:12px}.section-header p{font-size:1.05rem;color:var(--text-muted);max-width:600px;margin:0 auto}.cost-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:40px}.cost-card{background:#fff5f5;border:1px solid #FED7D7;border-radius:var(--radius-lg);padding:32px;text-align:center;transition:var(--transition)}.cost-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.cost-card .cost-number{font-family:var(--font-heading);font-size:2.4rem;font-weight:800;color:#c53030;margin-bottom:8px;font-variant-numeric:tabular-nums}.cost-card .cost-unit{font-size:.9rem;color:#c53030;font-weight:600;margin-bottom:12px}.cost-card .cost-desc{font-size:.95rem;color:var(--text-body)}.cost-note{text-align:center;font-size:.85rem;color:var(--text-muted);margin-bottom:32px}.cost-transition{text-align:center;font-size:1.1rem;color:var(--primary-dark);font-weight:600}.roles-section{padding:100px 0;background:var(--bg-alt)}.tabs-nav{display:flex;justify-content:center;gap:12px;margin-bottom:48px;flex-wrap:wrap;position:sticky;top:3px;z-index:100;background:var(--bg-alt);padding:16px 0}.tab-btn{padding:12px 28px;border:2px solid #E2E8F0;border-radius:100px;background:var(--bg-white);font-size:.95rem;font-weight:600;color:var(--text-body);cursor:pointer;transition:var(--transition);font-family:var(--font-sans)}.tab-btn:hover{border-color:var(--primary);color:var(--primary)}.tab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #1a9f9f4d}.tab-content{display:none;animation:tabFade .3s ease}.tab-content.active{display:block}@keyframes tabFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.explore-counter{text-align:center;margin-bottom:32px;font-size:.9rem;color:var(--text-muted)}.explore-counter span{color:var(--primary);font-weight:700}.accordion-item{background:var(--bg-white);border:1px solid #E2E8F0;border-radius:var(--radius-lg);margin-bottom:12px;overflow:hidden;transition:var(--transition)}.accordion-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.accordion-header{display:flex;align-items:center;padding:20px 24px;cursor:pointer;gap:16px;-webkit-user-select:none;user-select:none}.accordion-icon{width:40px;height:40px;min-width:40px;background:var(--primary-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--primary)}.accordion-title{flex:1;font-weight:600;color:var(--text-heading);font-size:1rem}.accordion-badge{padding:3px 10px;background:linear-gradient(135deg,var(--primary),#2ED8D8);color:#fff;font-size:11px;font-weight:600;border-radius:100px;white-space:nowrap}.accordion-chevron{color:var(--text-muted);transition:var(--transition);min-width:20px}.accordion-item.open .accordion-chevron{transform:rotate(180deg);color:var(--primary)}.accordion-body{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}.accordion-item.open .accordion-body{max-height:1200px;padding:0 24px 24px}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.ba-card{padding:16px;border-radius:var(--radius-sm);font-size:.9rem}.ba-before{background:#fff5f5;border-left:3px solid #FC8181}.ba-before:before{content:"ก่อน";display:block;font-size:11px;font-weight:700;color:#c53030;text-transform:uppercase;margin-bottom:6px}.ba-after{background:#f0fff4;border-left:3px solid #68D391}.ba-after:before{content:"หลังใช้ ClinixMate";display:block;font-size:11px;font-weight:700;color:#276749;margin-bottom:6px}.screenshot-placeholder{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#e6f7f7,#edf2f7);border:2px dashed #CBD5E0;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:.85rem}.screenshot-placeholder svg{opacity:.4}.feature-shot{width:100%;aspect-ratio:16/9;border-radius:var(--radius-md);border:1px solid #E2E8F0;box-shadow:0 4px 24px #00000014;object-fit:cover;object-position:top center;display:block;background:#fff}.bento-section{padding:100px 0;background:var(--bg-white)}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;gap:16px}.bento-card{background:var(--bg-white);border:1px solid #E2E8F0;border-radius:var(--radius-lg);padding:28px;transition:var(--transition);position:relative;overflow:hidden}.bento-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),#2ED8D8);opacity:0;transition:var(--transition)}.bento-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.bento-card:hover:before{opacity:1}.bento-large{grid-column:span 2;grid-row:span 2;padding:40px}.bento-medium{grid-column:span 2}.bento-card .bento-icon{width:48px;height:48px;background:var(--primary-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:16px}.bento-large .bento-icon{width:56px;height:56px}.bento-card h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text-heading);margin-bottom:8px}.bento-large h3{font-size:1.4rem}.bento-card p{font-size:.9rem;color:var(--text-body);line-height:1.6}.numbers-section{padding:80px 0;background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff}.numbers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px;text-align:center}.number-item .number-value{font-family:var(--font-heading);font-size:3rem;font-weight:800;margin-bottom:4px;font-variant-numeric:tabular-nums}.number-item .number-label{font-size:.95rem;opacity:.85}.proof-section{padding:100px 0;background:var(--bg-alt)}.proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.proof-card{background:var(--bg-white);border:1px solid #E2E8F0;border-radius:var(--radius-lg);padding:32px;position:relative}.proof-card:before{content:'"';position:absolute;top:20px;left:28px;font-size:4rem;color:var(--primary-light);font-family:serif;line-height:1}.proof-quote{font-size:1rem;color:var(--text-body);line-height:1.7;margin-bottom:20px;padding-top:24px;font-style:italic}.proof-author{display:flex;align-items:center;gap:12px}.proof-avatar{width:44px;height:44px;background:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:700}.proof-name{font-weight:600;color:var(--text-heading);font-size:.9rem}.proof-role{font-size:.8rem;color:var(--text-muted)}.proof-stars{color:#f6ad55;font-size:1.1rem;margin-top:12px}.close-section{padding:100px 0;background:var(--bg-dark);text-align:center}.close-section h2{font-family:var(--font-heading);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:#fff;margin-bottom:12px}.close-section p{color:#a0aec0;font-size:1.05rem;margin-bottom:32px}.close-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 36px;background:var(--primary);color:#fff;border:none;border-radius:100px;font-size:1rem;font-weight:600;text-decoration:none;transition:var(--transition);box-shadow:0 4px 20px #1a9f9f66}.close-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 30px #1a9f9f80}.close-badges{display:flex;justify-content:center;gap:24px;margin-top:24px;flex-wrap:wrap}.close-badge{font-size:.85rem;color:#718096;display:flex;align-items:center;gap:6px}.footer{padding:40px 0;background:#091420;text-align:center;color:#4a5568;font-size:.85rem}.footer a{color:var(--primary);text-decoration:none}.mate-mascot{position:fixed;bottom:24px;right:24px;z-index:9000;display:flex;align-items:flex-end;gap:12px;pointer-events:none}.mate-mascot.hidden{display:none}.mate-bubble{pointer-events:auto;background:var(--bg-white);border:1px solid #E2E8F0;border-radius:var(--radius-md);padding:12px 16px;font-size:.85rem;color:var(--text-body);max-width:200px;box-shadow:var(--shadow-md);position:relative;animation:bubblePop .4s cubic-bezier(.34,1.56,.64,1) both}.mate-bubble:after{content:"";position:absolute;right:-6px;bottom:18px;width:12px;height:12px;background:var(--bg-white);border-right:1px solid #E2E8F0;border-bottom:1px solid #E2E8F0;transform:rotate(-45deg)}@keyframes bubblePop{0%{opacity:0;transform:scale(.8) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.mate-avatar{pointer-events:auto;width:64px;height:64px;cursor:pointer;animation:mateBob 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(26,159,159,.3));flex-shrink:0}@keyframes mateBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mate-close{pointer-events:auto;position:absolute;top:-8px;right:-8px;width:22px;height:22px;background:var(--text-muted);color:#fff;border:none;border-radius:50%;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.mate-close:hover{background:#c53030}@media(max-width:1024px){.hero-mockup{display:none}.hero-content{max-width:100%}.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-large{grid-column:span 2;grid-row:span 1}}@media(max-width:768px){.hero{min-height:auto;padding:120px 0 80px}.hero-stats{gap:12px}.hero-stat{font-size:12px;padding:6px 12px}.tabs-nav{gap:8px}.tab-btn{padding:10px 18px;font-size:.85rem}.before-after,.bento-grid{grid-template-columns:1fr}.bento-large,.bento-medium{grid-column:span 1}.numbers-grid{grid-template-columns:repeat(2,1fr);gap:24px}.number-item .number-value{font-size:2.2rem}.cost-grid{grid-template-columns:1fr}.mate-mascot{display:none}}@media(max-width:480px){.container{padding:0 16px}.tabs-nav{position:static}.accordion-header{padding:16px}}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.tour-start-btn,.tour-nav-btn.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:none;border-radius:999px;background:linear-gradient(135deg,var(--primary),#2ed8d8);color:#fff;font-family:var(--font-sans);font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 8px 24px #1a9f9f59;transition:var(--transition)}.tour-start-btn:hover,.tour-nav-btn.primary:hover{transform:translateY(-2px)}.hero-docs-link,.tour-nav-btn.secondary,.close-btn.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:999px;border:2px solid rgba(255,255,255,.25);background:#ffffff14;color:#fff;text-decoration:none;font-weight:600;transition:var(--transition)}.hero-docs-link:hover,.tour-nav-btn.secondary:hover,.close-btn.secondary:hover{border-color:var(--primary);color:var(--primary)}.manual-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;color:var(--primary-dark);font-weight:600;text-decoration:none}.manual-link:hover{color:var(--primary)}.manual-link.inline{margin-top:0}.close-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px}.close-btn.secondary{border-color:#1a9f9f59;background:#fff;color:var(--primary-dark)}.accordion-header{width:100%;border:none;background:transparent;text-align:left;font:inherit}.accordion-item.open .accordion-body{max-height:900px}body.tour-active{overflow:hidden}.guided-tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:#0914208c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.guided-tour-panel{width:min(960px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:20px;padding:24px;box-shadow:var(--shadow-xl)}.guided-tour-header{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.guided-tour-header h3{font-family:var(--font-heading);color:var(--text-heading);margin:6px 0}.guided-tour-header p{color:var(--text-body)}.guided-tour-role{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--primary-light);color:var(--primary-dark);font-size:.75rem;font-weight:700;text-transform:uppercase}.guided-tour-skip{border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-weight:600}.tour-progress{margin-bottom:16px}.tour-progress-text{font-size:.85rem;color:var(--text-muted);margin-bottom:8px}.tour-progress-bar{height:6px;background:#edf2f7;border-radius:999px;overflow:hidden}.tour-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#2ed8d8);transition:width .3s ease}.tour-screenshot-viewer{margin-bottom:16px}.tour-screenshot-frame{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid #e2e8f0;box-shadow:var(--shadow-md)}.tour-screenshot-frame img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:top center}.tour-hotspot{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border:none;background:transparent;cursor:pointer;padding:0}.tour-hotspot span{display:block;width:100%;height:100%;border-radius:50%;background:#1a9f9f40;border:2px solid var(--primary);animation:hotspotPulse 1.8s ease-in-out infinite}.tour-hotspot.active span{background:#1a9f9f8c}@keyframes hotspotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.tour-hotspot-tooltip,.tour-hotspot-hint{margin-top:12px;font-size:.9rem}.tour-hotspot-tooltip{padding:12px 14px;border-radius:var(--radius-sm);background:var(--primary-light);color:var(--text-heading)}.tour-hotspot-hint{color:var(--text-muted)}.tour-before-after{margin-bottom:16px}.guided-tour-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.tour-nav-btn{min-width:120px}.tour-nav-btn:disabled{opacity:.45;cursor:not-allowed}.clinixmate-driver-popover{font-family:var(--font-sans)}.clinixmate-driver-popover .driver-popover-footer{display:none!important}.screenshot-carousel{margin-bottom:8px}.screenshot-carousel-main{position:relative}.screenshot-carousel-main .feature-shot{animation:carouselFade .35s ease}@keyframes carouselFade{0%{opacity:.6}to{opacity:1}}.screenshot-carousel-counter{position:absolute;bottom:12px;right:12px;padding:4px 10px;border-radius:999px;background:#0d1b2abf;color:#fff;font-size:.75rem;font-weight:600}.screenshot-carousel-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px}.screenshot-thumb{flex:0 0 72px;height:48px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;background:#fff;opacity:.7;transition:var(--transition)}.screenshot-thumb.active,.screenshot-thumb:hover{border-color:var(--primary);opacity:1}.screenshot-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.feature-depth-badge{padding:3px 8px;background:var(--primary-light);color:var(--primary-dark);font-size:10px;font-weight:700;border-radius:100px;white-space:nowrap}.tab-icon{width:18px;height:18px;object-fit:contain;vertical-align:-3px;margin-right:6px}.mate-avatar-img{object-fit:contain}.explore-progress-bar{height:4px;background:#e2e8f0;border-radius:999px;margin-top:8px;max-width:240px;margin-left:auto;margin-right:auto;overflow:hidden}.explore-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#2ed8d8);transition:width .4s ease}.milestone-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:9500;display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:var(--shadow-xl);max-width:min(420px,calc(100vw - 32px));animation:milestonePop .4s cubic-bezier(.34,1.56,.64,1)}.milestone-toast.complete{border-color:var(--primary);background:linear-gradient(135deg,#f8fffe,#e6f7f7)}@keyframes milestonePop{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.milestone-toast-img{width:48px;height:48px;object-fit:contain;flex-shrink:0}.milestone-toast-body{flex:1}.milestone-toast-body strong{display:block;color:var(--text-heading);margin-bottom:4px}.milestone-toast-body p{margin:0;font-size:.85rem;color:var(--text-body)}.milestone-cta{display:inline-block;margin-top:8px;color:var(--primary-dark);font-weight:700;text-decoration:none}.milestone-close{border:none;background:transparent;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:0 4px}.workflow-section{padding:100px 0;background:var(--bg-alt)}.workflow-showcase{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;margin-bottom:48px}.workflow-hero-img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid #e2e8f0}.workflow-mate-callout{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:var(--radius-lg);border:1px solid rgba(26,159,159,.2);box-shadow:var(--shadow-sm)}.workflow-mate-callout img{width:72px;height:72px;object-fit:contain;flex-shrink:0}.workflow-mate-callout p{margin:0;font-size:.95rem;color:var(--text-body)}.workflow-tracks{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.workflow-track{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:24px}.workflow-track-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.workflow-track-header h3{font-size:1rem;color:var(--text-heading);margin:0}.workflow-track-icon{width:32px;height:32px;object-fit:contain}.workflow-steps{display:flex;flex-direction:column;gap:8px}.workflow-step-wrap{display:flex;align-items:center;gap:8px}.workflow-step{flex:1;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e2e8f0;border-radius:var(--radius-sm);background:var(--bg-alt);font-family:var(--font-sans);font-size:.85rem;color:var(--text-body);cursor:pointer;text-align:left;transition:var(--transition)}.workflow-step:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary-dark)}.workflow-step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;font-size:.7rem;font-weight:700;flex-shrink:0}.workflow-arrow{color:var(--text-muted);font-size:.85rem;flex-shrink:0}.cta-mascot-wrap{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:16px;text-align:left}.cta-mascot{width:80px;height:80px;object-fit:contain;flex-shrink:0}.cta-urgency{text-align:center;margin-bottom:24px;color:#ffffffd9;font-size:.95rem}.cta-urgency strong{color:#2ed8d8}.tour-celebration-overlay{align-items:center}.tour-celebration-panel{text-align:center;background:#fff;border-radius:24px;padding:40px 32px;max-width:420px;box-shadow:var(--shadow-xl);animation:milestonePop .5s cubic-bezier(.34,1.56,.64,1)}.tour-celebration-img{width:120px;height:120px;object-fit:contain;margin-bottom:16px}.tour-celebration-panel h3{font-family:var(--font-heading);color:var(--text-heading);margin-bottom:8px}.tour-celebration-panel p{color:var(--text-body);margin-bottom:20px}@media(max-width:1024px){.workflow-showcase,.workflow-tracks{grid-template-columns:1fr}}@media(max-width:768px){.guided-tour-panel{padding:16px}.guided-tour-actions{flex-direction:column;align-items:stretch}.tour-nav-btn,.manual-link.inline{width:100%;justify-content:center}.cta-mascot-wrap{flex-direction:column;text-align:center}.milestone-toast{bottom:80px}}