:root{--background: oklch(.97 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--muted: oklch(.95 0 0);--muted-foreground: oklch(.45 0 0);--border: oklch(.89 0 0);--primary: oklch(.65 .18 75);--primary-foreground: oklch(.98 0 0);--secondary: oklch(.94 0 0);--secondary-foreground: oklch(.25 0 0);--accent: oklch(.93 .05 75);--radius: .625rem;color-scheme:light}.dark{--background: oklch(.14 0 0);--foreground: oklch(.98 0 0);--card: oklch(.2 0 0);--muted: oklch(.22 0 0);--muted-foreground: oklch(.65 0 0);--border: oklch(.25 0 0);--primary: oklch(.7 .2 75);--primary-foreground: oklch(.14 0 0);--secondary: oklch(.25 0 0);--secondary-foreground: oklch(.98 0 0);--accent: oklch(.25 .08 75);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.narrow{max-width:896px;text-align:center}.site-shell{min-height:100vh;background:var(--background);color:var(--foreground)}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid color-mix(in oklab,var(--border) 40%,transparent);background:color-mix(in oklab,var(--background) 80%,transparent);backdrop-filter:blur(12px)}.header-inner{height:65px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.125rem;letter-spacing:-.025em}.brand img{width:auto;height:2rem}.footer-logo img{height:1.5rem}.dark .brand img,.dark .mock-logo img{filter:invert(1)}.desktop-nav{display:none;gap:2rem;align-items:center}.desktop-nav a{position:relative;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);transition:color .2s}.desktop-nav a:hover{color:var(--foreground)}.desktop-nav a:after{content:"";position:absolute;left:0;bottom:-.25rem;width:0;height:1px;background:var(--foreground);transition:width .3s}.desktop-nav a:hover:after{width:100%}.header-actions{display:flex;gap:.75rem;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;border:1px solid transparent;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.btn-sm{height:2rem;padding:0 .75rem}.btn-lg{height:2.5rem;padding:0 1.5rem}.btn-outline{border-color:var(--border);background:var(--background);box-shadow:0 1px 2px #0000000a}.btn-outline:hover{background:var(--accent)}.btn-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:0 1px 2px #0000000a}.btn-primary:hover{filter:brightness(.96)}.btn-secondary{background:var(--secondary);color:var(--secondary-foreground)}.btn-secondary:hover{filter:brightness(.96)}.hide-mobile{display:none}.hero-section{position:relative;padding:1rem 1rem 5rem}.hero-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:1.5rem}.hero-copy{display:flex;flex-direction:column;justify-content:center}.stack-lg{display:flex;flex-direction:column;gap:1.5rem}.eyebrow{display:inline-flex;align-items:center;gap:.75rem;padding-top:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#717171}.eyebrow span,.pulse-dot{width:.5rem;height:.5rem;border-radius:999px;background:#14b8a6;display:inline-block;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.centered{justify-content:center;margin-bottom:1.5rem}h1{margin:0;font-size:clamp(2.25rem,8vw,4.5rem);line-height:1;font-weight:500;letter-spacing:-.05em}h1 span{color:#14b8a6}.hero-text{display:flex;flex-direction:column;gap:1rem;max-width:600px}.hero-text p,.section-head p,.feature-card p,.step-card p,.footer-grid p,.proof-inner,.conversation-item p,.message p{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hero-text p{margin:0;font-size:1rem;line-height:1.65;color:var(--muted-foreground)}.pill-row{display:flex;flex-wrap:wrap;gap:.75rem}.pill{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;padding:.375rem .75rem;border:1px solid;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.pill.teal{background:#f0fdfa;border-color:#99f6e4;color:#0f766e}.pill.amber{background:#fffbeb;border-color:#fde68a;color:#b45309}.pill.zinc{background:#f4f4f5;border-color:#e4e4e7;color:#3f3f46}.dark .pill.teal{background:#134e4a4d;border-color:#115e59;color:#2dd4bf}.dark .pill.amber{background:#78350f4d;border-color:#92400e;color:#fbbf24}.dark .pill.zinc{background:#27272a;border-color:#3f3f46;color:#a1a1aa}.hero-visual{display:none;position:relative}.mockup-glow{position:absolute;inset:-1rem;background:linear-gradient(to top right,#f973160d,#14b8a60d);filter:blur(48px);z-index:-1}.dashboard-mockup{width:100%;height:580px;max-height:580px;display:flex;overflow:hidden;position:relative;border:1px solid color-mix(in oklab,var(--border) 50%,transparent);border-radius:1rem;background:var(--card);box-shadow:0 20px 50px #0000001a}.mock-sidebar{width:4rem;border-right:1px solid color-mix(in oklab,var(--border) 40%,transparent);background:color-mix(in oklab,var(--muted) 30%,transparent);display:flex;flex-direction:column;align-items:center;padding-top:22px;gap:2.5rem;flex-shrink:0}.mock-logo{width:2.25rem;height:2.25rem;border-radius:.5rem;background:var(--card);border:1px solid color-mix(in oklab,var(--border) 50%,transparent);display:grid;place-items:center;padding:.375rem;box-shadow:0 1px 2px #00000014}.mock-logo img{width:100%;height:100%;object-fit:contain}.mock-nav{display:flex;flex-direction:column;gap:1.5rem}.mock-nav div{padding:.5rem;border-radius:.5rem;color:var(--muted-foreground);display:grid;place-items:center}.mock-nav .active{background:var(--primary);color:var(--primary-foreground);box-shadow:0 1px 2px #00000014}.conversation-list{width:18rem;border-right:1px solid color-mix(in oklab,var(--border) 40%,transparent);display:flex;flex-direction:column;background:var(--card);flex-shrink:0}.inbox-head{padding:1.25rem;border-bottom:1px solid color-mix(in oklab,var(--border) 40%,transparent);display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.inbox-head div{padding:.375rem;border-radius:.375rem;background:var(--muted);color:var(--muted-foreground);display:grid;place-items:center}.conversation-item{padding:1rem;border-bottom:1px solid color-mix(in oklab,var(--border) 20%,transparent);cursor:pointer}.conversation-item.active{background:color-mix(in oklab,var(--accent) 50%,transparent)}.conversation-item div{display:flex;align-items:center;justify-content:space-between}.conversation-item strong{font-size:.875rem;color:var(--muted-foreground);font-weight:500}.conversation-item.active strong{color:var(--foreground)}.conversation-item span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:color-mix(in oklab,var(--muted-foreground) 60%,transparent)}.conversation-item p{margin:.25rem 0 0;font-size:.75rem;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-panel{flex:1;min-width:0;display:flex;flex-direction:column;background:color-mix(in oklab,var(--muted) 10%,transparent)}.chat-head{height:4rem;border-bottom:1px solid color-mix(in oklab,var(--border) 40%,transparent);background:var(--card);padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.customer-meta{display:flex;align-items:center;gap:.75rem}.customer-meta>div{width:2rem;height:2rem;border-radius:999px;background:var(--muted);color:var(--muted-foreground);font-size:10px;font-weight:700;display:grid;place-items:center}.customer-meta span{display:flex;flex-direction:column;font-size:.875rem}.customer-meta small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:var(--muted-foreground)}.take-over{height:2rem;padding:0 .75rem;border-radius:.5rem;border:1px solid color-mix(in oklab,var(--border) 60%,transparent);background:var(--card);color:var(--muted-foreground);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:.5rem}.chat-messages{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow:hidden}.message{display:flex;gap:.75rem}.message.ai{flex-direction:row-reverse}.avatar{width:2rem;height:2rem;border-radius:999px;flex-shrink:0;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:700}.avatar.orange{background:#f97316;box-shadow:0 1px 3px #fed7aa}.avatar.bot{background:#18181b;box-shadow:0 10px 15px #e4e4e71a}.message>div:last-child{max-width:80%;display:flex;flex-direction:column;gap:.375rem}.message.ai>div:last-child{align-items:flex-end}.message-meta{display:flex;align-items:center;gap:.5rem;font-size:11px}.message.ai .message-meta{flex-direction:row-reverse}.message-meta span{padding:.125rem .375rem;border-radius:.25rem;background:var(--muted);color:var(--muted-foreground);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.message-meta small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:var(--muted-foreground)}.message p{margin:0;border-radius:1rem;padding:.75rem 1rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.875rem;line-height:1.55}.message.customer p{background:var(--card);border:1px solid color-mix(in oklab,var(--border) 50%,transparent);border-top-left-radius:.125rem;box-shadow:0 1px 2px #0000000a}.message.ai p{background:#18181b;color:#fff;border-top-right-radius:.125rem;box-shadow:0 20px 25px #e4e4e71a}.draft-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#a1a1aa;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.draft-label i{width:.375rem;height:.375rem;border-radius:999px;background:#2dd4bf;animation:pulse 2s infinite}.cursor{display:inline-block;width:.25rem;height:1rem;background:#2dd4bf;margin-left:.125rem;vertical-align:text-bottom;animation:pulse 2s infinite}.composer{padding:1.25rem;background:var(--card);border-top:1px solid color-mix(in oklab,var(--border) 40%,transparent)}.composer-inner{height:2.75rem;border-radius:.75rem;border:1px solid color-mix(in oklab,var(--border) 60%,transparent);background:color-mix(in oklab,var(--muted) 30%,transparent);padding:0 1rem;display:flex;align-items:center;justify-content:space-between}.composer input{border:0;outline:0;background:transparent;color:var(--foreground);width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.composer-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.composer-actions>div{display:flex;border:1px solid color-mix(in oklab,var(--border) 60%,transparent);border-radius:.375rem;overflow:hidden}.composer-actions button{border:0;background:color-mix(in oklab,var(--muted) 50%,transparent);color:var(--muted-foreground);padding:.125rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.composer-actions .selected{background:#6366f1;color:#fff}.composer-actions>button{padding:0;display:grid;place-items:center;color:color-mix(in oklab,var(--muted-foreground) 40%,transparent);background:transparent}.proof-bar{padding:2rem 0;border-block:1px solid color-mix(in oklab,var(--border) 40%,transparent);background:color-mix(in oklab,var(--muted) 10%,transparent)}.proof-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;color:var(--muted-foreground);font-size:.875rem}.proof-inner>div{display:flex;align-items:center;gap:.5rem}.proof-inner>div:last-child{gap:1.5rem;color:color-mix(in oklab,var(--muted-foreground) 60%,transparent);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.proof-inner i{display:none;width:1px;height:1rem;background:var(--border)}.feature-section,.cta-section{padding:5rem 0;background:color-mix(in oklab,var(--muted) 20%,transparent);border-block:1px solid color-mix(in oklab,var(--border) 40%,transparent);overflow:hidden}.steps-section{padding:5rem 0;background:var(--background);overflow:hidden}.section-head{text-align:center;margin-bottom:4rem}.section-head h2,.cta-section h2{margin:0 0 1rem;font-size:clamp(1.875rem,5vw,3rem);line-height:1.08;font-weight:500;letter-spacing:-.04em}.section-head p,.cta-section p{margin:0 auto;color:var(--muted-foreground);font-size:1rem;line-height:1.65;max-width:42rem}.feature-grid{display:grid;grid-template-columns:1fr;gap:1rem}.feature-card{padding:1.5rem;border-radius:.75rem;background:var(--card);border:1px solid color-mix(in oklab,var(--border) 40%,transparent);transition:transform .3s,border-color .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-2px);border-color:#f9731680;box-shadow:0 25px 50px #f973160d}.feature-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;background:var(--muted);color:var(--muted-foreground);display:grid;place-items:center;margin-bottom:1rem;transition:background .3s,color .3s}.feature-card:hover .feature-icon{background:#f973161a;color:#f97316}.feature-card h3,.step-card h3{margin:0 0 .5rem;font-size:1.125rem}.feature-card p,.step-card p{margin:0;color:var(--muted-foreground);font-size:.875rem;line-height:1.6}.steps-grid{display:grid;grid-template-columns:1fr;gap:2rem}.step-card{position:relative}.step-number{position:absolute;top:-.5rem;left:-.5rem;color:color-mix(in oklab,var(--muted) 10%,transparent);font-size:4rem;line-height:1;font-weight:700;user-select:none}.step-card>div:last-child{position:relative;z-index:1;padding-top:1.5rem}.code-card{margin-top:1rem;border:1px solid color-mix(in oklab,var(--border) 60%,transparent);background:color-mix(in oklab,var(--muted) 20%,transparent);border-radius:.5rem;overflow:hidden}.code-card>div:first-child{padding:.375rem .5rem;border-bottom:1px solid color-mix(in oklab,var(--border) 40%,transparent);background:color-mix(in oklab,var(--muted) 30%,transparent);color:color-mix(in oklab,var(--muted-foreground) 60%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.code-card>div:last-child{margin:.5rem;padding:.5rem;border:1px solid color-mix(in oklab,var(--border) 40%,transparent);border-radius:.375rem;background:var(--card);display:flex;align-items:center;gap:.5rem}.code-card code{flex:1;overflow:hidden;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.code-card code span{color:#ea580c}.code-card code b{color:#0d9488;font-weight:400}.code-card code em{color:#d97706;font-style:normal}.code-card button{opacity:0;transition:opacity .2s;border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);border-radius:.25rem;padding:.375rem;display:grid;place-items:center}.code-card:hover button{opacity:1}.cta-section{text-align:center}.cta-section p{margin-bottom:2.5rem}.cta-actions{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}.check-row{margin-top:2.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem;color:var(--muted-foreground);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem}.check-row span{display:inline-flex;align-items:center;gap:.5rem}.check-row svg{color:#14b8a6}.site-footer{padding:4rem 0 5rem;border-top:1px solid color-mix(in oklab,var(--border) 50%,transparent);background:color-mix(in oklab,var(--muted) 30%,transparent)}.footer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;margin-bottom:3rem}.footer-brand{grid-column:span 2}.footer-grid h4{margin:0 0 1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem;text-transform:uppercase;letter-spacing:.08em}.footer-grid a:not(.brand),.footer-grid p,.footer-bottom{display:block;color:var(--muted-foreground);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem;line-height:1.6}.footer-grid a:not(.brand){margin-top:.75rem}.footer-grid a:hover,.footer-bottom a:hover{color:var(--foreground)}.footer-brand p{max-width:24rem;margin-top:1.25rem}.footer-bottom{border-top:1px solid color-mix(in oklab,var(--border) 50%,transparent);padding-top:2rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;color:color-mix(in oklab,var(--muted-foreground) 60%,transparent)}.footer-bottom p{margin:0}.footer-bottom div{display:flex;gap:1.5rem}.icon-xs{width:.875rem;height:.875rem}.icon-sm{width:1rem;height:1rem}.icon-md{width:1.25rem;height:1.25rem}@keyframes pulse{50%{opacity:.5}}@keyframes revealUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes revealLeft{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.reveal-up{animation:revealUp .6s ease-out both}.reveal-left{animation:revealLeft .8s ease-out .5s both}@media(min-width:640px){.hide-mobile{display:inline-flex}.proof-inner{flex-direction:row}.proof-inner i{display:block}.cta-actions,.footer-bottom{flex-direction:row}}@media(min-width:768px){.feature-grid,.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.container{padding:0 2.25rem}.desktop-nav{display:flex}.hero-section{margin-top:2.5rem;margin-bottom:8rem;padding-inline:2.25rem;padding-bottom:0}.hero-grid{grid-template-columns:repeat(12,minmax(0,1fr));min-height:600px}.hero-copy{grid-column:span 5}.hero-visual{display:block;grid-column:span 7}.stack-lg{gap:2rem}.hero-text p{font-size:1.125rem}.feature-section,.steps-section,.cta-section{padding:8rem 0}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.steps-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}.footer-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}