@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-cream: #F8FAFC;--color-cream-dark: #E2E8F0;--color-beige: #CBD5E1;--color-beige-dark: #94A3B8;--color-tan: #64748B;--color-brown: #475569;--color-brown-dark: #334155;--color-olive: #0EA5E9;--color-olive-light: #38BDF8;--color-charcoal: #0F172A;--color-black: #020617;--color-white: #FFFFFF;--color-teal: #14B8A6;--color-violet: #8B5CF6;--color-healthcare: #0EA5E9;--color-therapy: #8B5CF6;--color-veterinary: #14B8A6;--color-primary: var(--color-olive);--color-primary-light: var(--color-olive-light);--color-background: var(--color-cream);--color-surface: var(--color-white);--color-text: var(--color-charcoal);--color-text-muted: var(--color-brown);--color-accent: var(--color-teal);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-display: "Outfit", var(--font-family);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--container-max: 1280px;--container-padding: var(--space-6)}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-family);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);font-weight:600;line-height:1.2;color:var(--color-text)}h1{font-size:var(--text-6xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{color:var(--color-text-muted)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}img{max-width:100%;height:auto;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-family);font-size:var(--text-sm);font-weight:500;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.btn-primary{background-color:var(--color-charcoal);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-black);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--color-beige);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-beige-dark)}.btn-outline{background-color:transparent;color:var(--color-text);border:1px solid var(--color-beige-dark)}.btn-outline:hover{background-color:var(--color-cream-dark)}.btn-large{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.section{padding:var(--space-24) 0}.section-sm{padding:var(--space-16) 0}.section-lg{padding:var(--space-32) 0}.card{background-color:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-beige);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-text)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-scale-in{animation:scaleIn .5s ease forwards}@media(max-width:768px){:root{--text-6xl: 2.5rem;--text-5xl: 2rem;--text-4xl: 1.75rem;--text-3xl: 1.5rem}.section{padding:var(--space-16) 0}}.header{position:sticky;top:0;z-index:100;background-color:#f8fafce6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-beige)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0}.logo{display:flex;align-items:center;gap:var(--space-3);color:var(--color-charcoal);font-weight:600;font-size:var(--text-xl)}.logo-icon{display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.logo-text{font-family:var(--font-family-display)}.nav{display:flex;align-items:center;gap:var(--space-8)}.nav-link{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-primary)}.header-actions{display:flex;align-items:center;gap:var(--space-4)}@media(max-width:768px){.nav{display:none}}.hero{padding:var(--space-32) 0 var(--space-16);background:linear-gradient(135deg,var(--color-cream) 0%,var(--color-cream-dark) 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-25%;width:80%;height:150%;background:radial-gradient(circle,rgba(14,165,233,.08) 0%,transparent 70%);pointer-events:none}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.hero-badge{margin-bottom:var(--space-6)}.hero-badge .badge{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-teal) 100%);color:var(--color-white);padding:var(--space-2) var(--space-5);font-weight:600}.hero-title{font-size:var(--text-6xl);font-weight:700;line-height:1.1;margin-bottom:var(--space-6);color:var(--color-text)}.hero-title .highlight{display:block;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--text-lg);line-height:1.7;color:var(--color-text-muted);margin-bottom:var(--space-8);max-width:540px}.hero-actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-10);flex-wrap:wrap}.hero-stats{display:flex;gap:var(--space-10)}.stat{display:flex;flex-direction:column}.stat-number{font-family:var(--font-family-display);font-size:var(--text-3xl);font-weight:700;color:var(--color-primary)}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted)}.hero-visual{display:flex;justify-content:center;align-items:center}.session-preview{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000026;overflow:hidden;width:100%;max-width:480px;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);transition:transform var(--transition-slow)}.session-preview:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.session-header{background:linear-gradient(135deg,var(--color-charcoal) 0%,var(--color-brown-dark) 100%);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.session-dots{display:flex;gap:var(--space-2)}.session-dots span{width:10px;height:10px;border-radius:50%;background:var(--color-beige-dark)}.session-dots span:first-child{background:#ff5f57}.session-dots span:nth-child(2){background:#ffbd2e}.session-dots span:last-child{background:#28c840}.session-title{color:var(--color-beige);font-size:var(--text-sm);font-weight:500}.session-content{padding:var(--space-6)}.session-transcript{margin-bottom:var(--space-5)}.transcript-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#14b8a61a;color:var(--color-teal);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;margin-bottom:var(--space-4)}.live-dot{width:8px;height:8px;background:var(--color-teal);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #14b8a699}70%{box-shadow:0 0 0 8px #14b8a600}to{box-shadow:0 0 #14b8a600}}.transcript-line{padding:var(--space-3);background:var(--color-cream);border-radius:var(--radius-md);margin-bottom:var(--space-2);font-size:var(--text-sm)}.speaker{font-weight:600;margin-right:var(--space-2)}.speaker.therapist{color:var(--color-primary)}.speaker.client{color:var(--color-violet)}.transcript-line .text{color:var(--color-text-muted)}.session-features{display:flex;gap:var(--space-2);flex-wrap:wrap}.feature-pill{display:flex;align-items:center;gap:var(--space-2);background:var(--color-cream);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-muted)}.feature-icon{font-size:var(--text-sm)}.hero-wave{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0}.hero-wave svg{display:block;width:100%;height:60px}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-subtitle{max-width:100%}.hero-actions,.hero-stats{justify-content:center}.hero-visual{margin-top:var(--space-8)}.session-preview{transform:none;max-width:400px}}@media(max-width:640px){.hero{padding:var(--space-20) 0 var(--space-12)}.hero-title{font-size:var(--text-4xl)}.hero-stats{flex-direction:column;gap:var(--space-4);align-items:center}.stat{align-items:center}}.benefits{background-color:var(--color-cream-dark)}.benefits-header{text-align:center;max-width:600px;margin:0 auto var(--space-16)}.benefits-header .badge,.benefits-header h2{margin-bottom:var(--space-4)}.benefits-header p{font-size:var(--text-lg)}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.benefit-card{background:var(--color-surface);padding:var(--space-8);border-radius:var(--radius-xl);transition:all var(--transition-base);border:1px solid transparent}.benefit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.benefit-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.feature-emoji{font-size:1.75rem}.benefit-card h3{font-size:var(--text-xl);margin-bottom:var(--space-3);color:var(--color-text)}.benefit-card p{font-size:var(--text-base);line-height:1.6}.benefit-blue .benefit-icon{background:linear-gradient(135deg,#0ea5e926,#0ea5e90d)}.benefit-blue:hover{border-color:var(--color-healthcare)}.benefit-teal .benefit-icon{background:linear-gradient(135deg,#14b8a626,#14b8a60d)}.benefit-teal:hover{border-color:var(--color-teal)}.benefit-violet .benefit-icon{background:linear-gradient(135deg,#8b5cf626,#8b5cf60d)}.benefit-violet:hover{border-color:var(--color-violet)}@media(max-width:1024px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.benefits-grid{grid-template-columns:1fr}.benefit-card{padding:var(--space-6)}}.how-it-works{background-color:var(--color-surface)}.how-header{text-align:center;max-width:600px;margin:0 auto var(--space-16)}.how-header .badge,.how-header h2{margin-bottom:var(--space-4)}.how-header p{font-size:var(--text-lg)}.steps-container{position:relative;max-width:1000px;margin:0 auto}.steps-line{position:absolute;top:50%;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-healthcare),var(--color-teal),var(--color-violet));border-radius:2px;transform:translateY(-50%);z-index:0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);position:relative;z-index:1}.step-card{background:var(--color-surface);padding:var(--space-8);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-base);border:2px solid var(--color-beige)}.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.step-phase{display:inline-block;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.step-before .step-phase{background:#0ea5e91a;color:var(--color-healthcare)}.step-before:hover{border-color:var(--color-healthcare)}.step-during .step-phase{background:#14b8a61a;color:var(--color-teal)}.step-during:hover{border-color:var(--color-teal)}.step-after .step-phase{background:#8b5cf61a;color:var(--color-violet)}.step-after:hover{border-color:var(--color-violet)}.step-card h3{font-size:var(--text-xl);margin-bottom:var(--space-3);color:var(--color-text)}.step-card p{font-size:var(--text-base);line-height:1.6}@media(max-width:1024px){.steps-line{display:none}.steps-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}.feature-highlight{background-color:var(--color-cream)}.feature-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.feature-text .badge,.feature-text h2{margin-bottom:var(--space-4)}.feature-description{font-size:var(--text-lg);margin-bottom:var(--space-8)}.feature-list{display:flex;flex-direction:column;gap:var(--space-5)}.feature-item{display:flex;gap:var(--space-4);align-items:flex-start}.feature-check{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#14b8a626,#14b8a60d);border-radius:var(--radius-md);color:var(--color-teal);flex-shrink:0}.feature-item strong{display:block;font-size:var(--text-base);margin-bottom:var(--space-1);color:var(--color-text)}.feature-item p{font-size:var(--text-sm);line-height:1.5}.feature-visual{display:flex;flex-direction:column;gap:var(--space-6)}.compliance-badges{display:flex;gap:var(--space-4);justify-content:center}.compliance-badge{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-xl);border:2px solid var(--color-beige);min-width:100px;transition:all var(--transition-base)}.compliance-badge:hover{border-color:var(--color-teal);transform:translateY(-4px);box-shadow:var(--shadow-md)}.badge-icon{font-size:1.5rem}.badge-text{font-size:var(--text-sm);font-weight:700;color:var(--color-text)}.stats-card{background:linear-gradient(135deg,var(--color-charcoal) 0%,var(--color-brown-dark) 100%);border-radius:var(--radius-xl);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.stat-item{text-align:center;padding-bottom:var(--space-5);border-bottom:1px solid rgba(255,255,255,.1)}.stat-item:last-child{border-bottom:none;padding-bottom:0}.stat-value{display:block;font-family:var(--font-family-display);font-size:var(--text-3xl);font-weight:700;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-1)}.stat-desc{font-size:var(--text-sm);color:var(--color-beige)}@media(max-width:1024px){.feature-content{grid-template-columns:1fr;text-align:center}.feature-item{text-align:left}.feature-visual{margin-top:var(--space-8)}.compliance-badges{flex-wrap:wrap}}.app-integration{background:linear-gradient(180deg,#e8ecf1,#dfe4eb);overflow:hidden;padding:var(--space-20) 0}.integration-header{text-align:center;max-width:600px;margin:0 auto var(--space-12)}.integration-header .badge,.integration-header h2{margin-bottom:var(--space-4)}.integration-header p{font-size:var(--text-lg)}.browser-window{max-width:1100px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #00000014,0 8px 16px #00000014,0 24px 48px #0000001f}.browser-header{background:linear-gradient(180deg,#f8f8f8,#ececec);padding:12px 16px;display:flex;align-items:center;gap:var(--space-4);border-bottom:1px solid #d4d4d4}.browser-dots{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 -1px 2px #00000026}.dot.red{background:linear-gradient(180deg,#ff6b5e,#ff5147)}.dot.yellow{background:linear-gradient(180deg,#ffc02e,#ffb820)}.dot.green{background:linear-gradient(180deg,#2dd43a,#28c832)}.browser-url{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:#fff;padding:8px 16px;border-radius:8px;font-size:var(--text-sm);color:#666;border:1px solid #e0e0e0}.browser-url svg{color:var(--color-teal)}.browser-actions{color:#bbb}.app-layout{display:flex;min-height:520px;background:#faf9f7}.app-sidebar{width:160px;background:#faf9f7;border-right:1px solid #e8e5e0;padding:var(--space-4);display:flex;flex-direction:column;font-size:12px}.sidebar-user{display:flex;align-items:center;gap:8px;margin-bottom:var(--space-4)}.user-avatar{width:28px;height:28px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700}.user-name{font-size:11px;font-weight:500;color:#333}.new-session-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:linear-gradient(135deg,#0ea5e9,#14b8a6);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;margin-bottom:var(--space-4)}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav-section{font-size:10px;color:#999;text-transform:uppercase;letter-spacing:.5px;margin:12px 0 4px 8px}.nav-link{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:12px;color:#666;border-radius:6px;cursor:pointer}.nav-link:hover{background:#00000008}.nav-link.active{background:#0ea5e91a;color:#0ea5e9}.nav-link svg{width:14px;height:14px;flex-shrink:0}.sidebar-bottom{margin-top:auto;padding-top:var(--space-3);border-top:1px solid #e8e5e0;display:flex;flex-direction:column;gap:2px}.sessions-panel{width:180px;background:#fff;border-right:1px solid #eee;font-size:12px}.panel-header{padding:10px 12px;border-bottom:1px solid #f0f0f0}.panel-actions{display:flex;gap:12px;color:#ccc}.panel-actions svg{cursor:pointer}.panel-actions svg:hover{color:#999}.panel-tabs{display:flex;gap:var(--space-3);padding:12px;border-bottom:1px solid #f0f0f0}.tab{font-size:12px;color:#999;cursor:pointer}.tab.active{color:#333;font-weight:500}.tab-count{display:inline-block;background:#ef4444;color:#fff;font-size:9px;padding:1px 5px;border-radius:10px;margin-left:4px}.session-date{font-size:10px;color:#bbb;padding:12px 12px 6px}.session-item{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:0 8px;border-radius:8px;cursor:pointer}.session-item.active{background:#e0f2fe}.session-indicator{width:8px;height:8px;background:#14b8a6;border-radius:50%}.session-info{display:flex;flex-direction:column}.session-name{font-size:12px;font-weight:500;color:#333}.session-time{font-size:10px;color:#999}.main-content{flex:1;background:#fff;display:flex;flex-direction:column}.scribe-header{display:flex;align-items:center;gap:var(--space-4);padding:16px 24px;border-bottom:1px solid #f0f0f0}.scribe-title{display:flex;align-items:center;gap:10px}.client-badge{background:linear-gradient(135deg,#0ea5e9,#14b8a6);color:#fff;font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px}.session-type{font-size:14px;color:#666}.scribe-meta{display:flex;align-items:center;gap:12px;margin-left:12px}.meta-item{display:flex;align-items:center;gap:4px;font-size:11px;color:#888}.meta-item svg{width:12px;height:12px}.scribe-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.recording-indicator{display:flex;align-items:center;gap:8px}.rec-dot{width:10px;height:10px;background:#ef4444;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.timer{font-size:14px;font-weight:600;color:#333;font-family:monospace}.stop-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.session-indicator.upcoming{background:#fbbf24}.live-transcript{flex:1;display:flex;flex-direction:column;padding:24px}.transcript-header{margin-bottom:16px}.live-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#ef44441a;color:#ef4444;border-radius:20px;font-size:12px;font-weight:600}.live-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse 1.5s infinite}.transcript-content{display:flex;flex-direction:column;gap:16px}.transcript-line{display:flex;gap:12px;padding:12px 16px;background:#fafafa;border-radius:10px;font-size:13px;line-height:1.5}.speaker{font-weight:600;flex-shrink:0}.speaker.therapist{color:#0ea5e9}.speaker.client{color:#8b5cf6}.transcript-line .text{color:#444}.transcript-line.typing{padding:16px;justify-content:center}.typing-indicator{display:flex;gap:4px}.typing-indicator span{width:8px;height:8px;background:#ccc;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.content-tabs{display:flex;gap:4px;padding:12px 24px;border-bottom:1px solid #f0f0f0}.content-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:12px;color:#888;border-radius:6px;cursor:pointer}.content-tab:hover{background:#f8f8f8}.content-tab.active{background:#f5f5f5;color:#333;font-weight:500}.template-bar{display:flex;align-items:center;gap:8px;padding:12px 24px;border-bottom:1px solid #f0f0f0}.template-select,.template-item{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:11px;color:#888;border:1px solid #e8e8e8;border-radius:6px;cursor:pointer}.template-item.active{background:#fef3c7;border-color:#fcd34d;color:#92400e}.template-more{font-size:14px;color:#ccc;cursor:pointer}.note-area{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.empty-state{text-align:center}.empty-state h3{font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.empty-state p{font-size:13px;color:#999;margin-bottom:24px}.start-dropdown{position:relative;display:inline-block}.start-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#0ea5e9,#14b8a6);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 8px 24px #0000001f;padding:8px 0;min-width:200px}.dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;font-size:12px;color:#666;cursor:pointer}.dropdown-item:hover{background:#f8f8f8}.dropdown-item.checked{color:#333;font-weight:500}.dropdown-item.checked svg{color:#14b8a6}.dropdown-divider{height:1px;background:#eee;margin:8px 0}.dropdown-hint{padding:8px 16px;font-size:11px;color:#999}.ai-input-bar{display:flex;align-items:center;gap:12px;margin:0 24px;padding:14px 16px;background:#fafafa;border:1px solid #eee;border-radius:10px;font-size:13px;color:#999}.ai-input-bar svg{color:#ccc}.input-actions{margin-left:auto;display:flex;gap:8px}.footer-warning{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#fef2f2;font-size:11px;color:#dc2626}.footer-warning svg{flex-shrink:0}@media(max-width:900px){.sessions-panel{display:none}.app-sidebar{width:60px}.sidebar-user,.user-name,.nav-section,.new-session-btn span,.nav-link span{display:none}.nav-link{justify-content:center}}@media(max-width:640px){.app-sidebar{width:50px}.scribe-header{flex-wrap:wrap;padding:12px 16px}.scribe-meta{display:none}.template-bar{overflow-x:auto}}.cta{background:linear-gradient(135deg,var(--color-charcoal) 0%,var(--color-brown-dark) 100%);color:var(--color-white)}.cta-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.cta-text h2{color:var(--color-white);margin-bottom:var(--space-4)}.cta-text p{color:var(--color-beige);font-size:var(--text-lg);margin-bottom:var(--space-8)}.cta-actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap}.cta .btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-teal) 100%)}.cta .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0ea5e94d}.cta-outline{border-color:var(--color-beige-dark);color:var(--color-white)}.cta-outline:hover{background-color:#ffffff1a}.cta-features{display:flex;gap:var(--space-6);flex-wrap:wrap}.cta-feature{display:flex;align-items:center;gap:var(--space-2);color:var(--color-beige);font-size:var(--text-sm)}.cta-feature svg{color:var(--color-teal)}.cta-visual{display:flex;justify-content:center}.cta-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.cta-stat{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:all var(--transition-base)}.cta-stat:hover{background:#ffffff1a;border-color:var(--color-primary);transform:translateY(-4px)}.cta-stat-number{display:block;font-family:var(--font-family-display);font-size:var(--text-4xl);font-weight:700;color:var(--color-white);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2)}.cta-stat-label{font-size:var(--text-sm);color:var(--color-beige)}@media(max-width:1024px){.cta-content{grid-template-columns:1fr;text-align:center}.cta-actions,.cta-features{justify-content:center}.cta-visual{margin-top:var(--space-8)}}@media(max-width:640px){.cta-features{flex-direction:column;align-items:center;gap:var(--space-3)}.cta-stats-grid{gap:var(--space-3)}.cta-stat{padding:var(--space-4)}.cta-stat-number{font-size:var(--text-3xl)}}.footer{background-color:var(--color-cream-dark);padding:var(--space-16) 0 var(--space-8)}.footer-top{display:grid;grid-template-columns:1.5fr 2fr;gap:var(--space-16);padding-bottom:var(--space-12);border-bottom:1px solid var(--color-beige-dark);margin-bottom:var(--space-8)}.footer-logo{display:flex;align-items:center;gap:var(--space-3);color:var(--color-charcoal);font-family:var(--font-family-display);font-weight:600;font-size:var(--text-xl);margin-bottom:var(--space-4)}.footer-logo .logo-icon{color:var(--color-olive)}.footer-tagline{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-6);max-width:280px}.footer-social{display:flex;gap:var(--space-4)}.footer-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface);border-radius:var(--radius-full);color:var(--color-text-muted);transition:all var(--transition-fast)}.footer-social a:hover{background-color:var(--color-olive);color:var(--color-white);transform:translateY(-2px)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.footer-col h4{font-size:var(--text-sm);font-weight:600;color:var(--color-charcoal);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.footer-col ul{list-style:none}.footer-col li{margin-bottom:var(--space-3)}.footer-col a{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition-fast)}.footer-col a:hover{color:var(--color-charcoal)}.footer-bottom{text-align:center}.footer-bottom p{font-size:var(--text-sm);color:var(--color-text-muted)}@media(max-width:1024px){.footer-top{grid-template-columns:1fr;gap:var(--space-10)}.footer-brand{text-align:center}.footer-tagline{margin:0 auto var(--space-6)}.footer-social{justify-content:center}}@media(max-width:640px){.footer-links{grid-template-columns:1fr;text-align:center}}