:root{--surface-50: oklch(.99 .002 260);--surface-100: oklch(.97 .004 260);--surface-200: oklch(.94 .006 260);--surface-300: oklch(.9 .008 260);--surface-400: oklch(.8 .01 260);--surface-500: oklch(.65 .01 260);--surface-600: oklch(.5 .01 260);--surface-700: oklch(.4 .01 260);--surface-800: oklch(.3 .01 260);--surface-900: oklch(.2 .01 260);--surface-950: oklch(.14 .01 260);--green-50: oklch(.97 .02 155);--green-100: oklch(.94 .04 155);--green-200: oklch(.9 .08 155);--green-300: oklch(.82 .12 155);--green-400: oklch(.72 .14 155);--green-500: oklch(.62 .15 155);--green-600: oklch(.52 .14 155);--green-700: oklch(.44 .12 155);--green-800: oklch(.36 .1 155);--green-900: oklch(.3 .08 155);--status-available: oklch(.6 .16 145);--status-away: oklch(.72 .14 85);--status-busy: oklch(.58 .2 25);--status-offline: oklch(.55 .02 260);--font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--surface-100);color:var(--surface-900);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-width:320px}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6,p{word-wrap:break-word;overflow-wrap:break-word}.dot-grid{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:0;background-image:radial-gradient(circle,var(--green-200) 1px,transparent 1px);background-size:32px 32px;opacity:.15;animation:dot-float 20s ease-in-out infinite}@keyframes dot-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--surface-950)}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em}h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.01em}h3{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600}p{color:var(--surface-700);line-height:1.7}a{color:inherit;text-decoration:none;transition:all .15s ease}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}@media(max-width:768px){.container{padding:0 1rem}}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-weight:600;font-size:.9375rem;border-radius:8px;border:none;cursor:pointer;transition:all .15s ease;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--green-600);color:#fff;box-shadow:0 1px 2px #0000000d}.btn-primary:hover{background:var(--green-700);transform:translateY(-1px);box-shadow:0 4px 12px oklch(.52 .14 155 / .25)}.btn-primary:active{transform:scale(.98)}.btn-large{padding:.875rem 2rem;font-size:1.0625rem;font-weight:600}.btn-secondary{background:#fff;color:var(--surface-900);border:1px solid var(--surface-200)}.btn-secondary:hover{background:var(--surface-50);border-color:var(--surface-300)}.header{position:sticky;top:0;z-index:100;background:var(--surface-50);border-bottom:1px solid var(--surface-200);backdrop-filter:blur(10px);transition:all .3s ease}.header.scrolled{background:#fbfcfde6;box-shadow:0 1px 3px #0000000d}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.625rem;font-weight:700;font-size:1.125rem;color:var(--surface-950)}.logo svg{color:var(--green-600)}.nav-links{display:flex;align-items:center;gap:1rem}.nav-link{color:var(--surface-700);font-weight:500;font-size:.9375rem}.nav-link:hover{color:var(--surface-950)}@media(max-width:768px){.nav-container{padding:.875rem 1rem}.logo-text{font-size:1rem}.nav-links .nav-link{display:none}.nav-links{gap:.625rem}.btn-secondary{padding:.5rem .875rem;font-size:.875rem}.btn-primary{padding:.5rem 1rem;font-size:.875rem}}.hero{padding:6rem 0 4rem;position:relative;overflow:hidden}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content{display:flex;flex-direction:column;gap:1.5rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--green-50);border:1px solid var(--green-200);border-radius:100px;font-size:.875rem;font-weight:600;color:var(--green-800);width:fit-content}.status-dot{width:8px;height:8px;border-radius:50%;position:relative}.status-available{background:var(--status-available)}.status-dot:after{content:"";position:absolute;inset:-2px;border-radius:50%;background:inherit;opacity:.3;filter:blur(3px);z-index:-1}.hero-title{margin:0}.gradient-text{background:linear-gradient(135deg,var(--green-600),var(--green-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.125rem;color:var(--surface-600);margin:0;line-height:1.6}.hero-cta{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.trust-signals{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--surface-600);flex-wrap:wrap}.trust-signals svg{color:var(--green-600);flex-shrink:0}.divider{color:var(--surface-300)}.hero-visual{position:relative}.timeline-demo{background:#fff;border:1px solid var(--surface-200);border-radius:16px;padding:1.5rem;box-shadow:0 8px 24px #0000000f,0 2px 6px #0000000a}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--surface-200)}.timeline-title{font-weight:600;font-size:.9375rem;color:var(--surface-900)}.timeline-live{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:var(--status-available)}.pulse-dot{width:6px;height:6px;background:var(--status-available);border-radius:50%;animation:pulse-soft 2s ease-in-out infinite}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.timeline-rows{display:flex;flex-direction:column;gap:1.25rem}.timeline-row{display:flex;align-items:center;gap:1rem}.timeline-label{display:flex;align-items:center;gap:.625rem;min-width:140px;font-size:.875rem;font-weight:500;color:var(--surface-700)}.avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--green-400),var(--green-600));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.timeline-bar{flex:1;height:24px;display:flex;border-radius:6px;overflow:hidden;background:var(--surface-100)}.timeline-segment{height:100%;transition:all .3s ease;position:relative}.timeline-segment:hover{filter:brightness(1.1)}.timeline-segment.available{background:var(--status-available)}.timeline-segment.busy{background:var(--status-busy)}.timeline-segment.away{background:var(--status-away)}.timeline-segment.offline{background:var(--status-offline)}.features{padding:5rem 0;background:#fff;border-top:1px solid var(--surface-200)}.section-header{text-align:center;max-width:700px;margin:0 auto 4rem}.section-title{margin-bottom:.75rem}.section-subtitle{font-size:1.125rem;color:var(--surface-600)}.section-link{color:var(--green-600);font-weight:600;font-size:.9375rem;transition:color .15s ease}.section-link:hover{color:var(--green-700)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{padding:2rem;border-radius:12px;border:1px solid var(--surface-200);background:var(--surface-50);transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014;border-color:var(--green-200)}.feature-icon{width:56px;height:56px;background:var(--green-100);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--green-700);margin-bottom:1.5rem}.feature-title{margin-bottom:.75rem;color:var(--surface-950)}.feature-description{color:var(--surface-600);line-height:1.7;margin:0}.social-proof{padding:3rem 0;background:var(--surface-50);border-top:1px solid var(--surface-200)}.social-proof .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;text-align:center}.proof-stat{display:flex;flex-direction:column;gap:.5rem}.stat-number{font-size:2.5rem;font-weight:800;color:var(--green-600);line-height:1}.stat-label{font-size:.9375rem;color:var(--surface-600);font-weight:500}.faq{padding:5rem 0;background:#fff}.faq .section-title{text-align:center;margin-bottom:3rem}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.faq-item{border:1px solid var(--surface-200);border-radius:12px;background:var(--surface-50);overflow:hidden;transition:all .2s ease}.faq-item:hover{border-color:var(--green-200)}.faq-question{margin:0}.faq-toggle{width:100%;padding:1.25rem 1.5rem;background:none;border:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:left;font-size:1rem;font-weight:600;color:var(--surface-950);cursor:pointer;transition:all .2s ease}.faq-toggle:hover{color:var(--green-700)}.faq-toggle span{flex:1}.faq-icon{flex-shrink:0;transition:transform .3s ease;color:var(--surface-500)}.faq-toggle[aria-expanded=true] .faq-icon{transform:rotate(180deg);color:var(--green-600)}.faq-answer{margin:0}.faq-content{padding:0 1.5rem 1.25rem;color:var(--surface-700);line-height:1.7;max-height:0;overflow:hidden;opacity:0;transition:all .3s ease}.faq-toggle[aria-expanded=true]~.faq-answer .faq-content,.faq-question:has(.faq-toggle[aria-expanded=true])+.faq-answer .faq-content{max-height:500px;opacity:1;padding:0 1.5rem 1.25rem}.blog-preview{padding:5rem 0;background:var(--surface-100);border-top:1px solid var(--surface-200)}.blog-preview .section-header{display:flex;justify-content:space-between;align-items:center;max-width:none;margin-bottom:3rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.blog-card{background:#fff;border:1px solid var(--surface-200);border-radius:12px;padding:1.75rem;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014;border-color:var(--green-200)}.blog-meta{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--surface-500)}.blog-meta time{font-weight:500}.blog-category{padding:.25rem .625rem;background:var(--green-100);color:var(--green-800);border-radius:4px;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.blog-title{margin:0;font-size:1.25rem;line-height:1.4}.blog-title a{color:var(--surface-950);transition:color .15s ease}.blog-title a:hover{color:var(--green-700)}.blog-excerpt{color:var(--surface-600);line-height:1.6;margin:0;font-size:.9375rem}.cta-final{padding:5rem 0;background:linear-gradient(135deg,var(--green-600),var(--green-700));color:#fff;text-align:center;position:relative;overflow:hidden}.cta-final:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,oklch(.62 .15 155 / .3),transparent 50%),radial-gradient(circle at 70% 50%,oklch(.52 .14 155 / .3),transparent 50%);pointer-events:none}.cta-content{position:relative;z-index:1;max-width:700px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.cta-title{color:#fff;margin:0}.cta-subtitle{font-size:1.125rem;color:#ebf9ef;margin:0;line-height:1.6}.cta-final .btn-primary{background:#fff;color:var(--green-700);font-weight:700}.cta-final .btn-primary:hover{background:var(--surface-50);transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.cta-note{font-size:.875rem;color:#d7f4e0;margin:0}.footer{padding:4rem 0 2rem;background:var(--surface-950);color:var(--surface-400)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:3rem;margin-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.625rem;font-weight:700;font-size:1.125rem;color:#fff}.footer-logo svg{color:var(--green-500)}.footer-tagline{color:var(--surface-500);line-height:1.6;margin:0;font-size:.9375rem}.footer-heading{font-size:.875rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.footer-links ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:var(--surface-400);font-size:.9375rem;transition:color .15s ease}.footer-links a:hover{color:var(--green-400)}.footer-bottom{padding-top:2rem;border-top:1px solid oklch(.2 .01 260 / .5);text-align:center;font-size:.875rem;color:var(--surface-500)}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fade-up .6s ease-out forwards;opacity:0}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}@media(max-width:768px){.hero{padding:3rem 0 2rem}.hero .container{grid-template-columns:1fr;gap:2rem}.hero-visual{order:1}.hero-content{order:0}.hero-subtitle{font-size:1rem}.timeline-demo{padding:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.timeline-header{margin-bottom:1rem}.timeline-title{font-size:.875rem}.timeline-rows{gap:1rem;min-width:280px}.timeline-label{min-width:60px;font-size:.75rem;gap:.375rem}.timeline-label span{display:none}.avatar{width:24px;height:24px;font-size:.6875rem}.timeline-bar{height:20px}.hero-cta{gap:.875rem}.trust-signals{font-size:.8125rem;gap:.5rem}.trust-signals svg{width:14px;height:14px}.features{padding:3rem 0}.features-grid{grid-template-columns:1fr;gap:2rem}.feature-card{padding:1.75rem}.faq,.blog-preview{padding:3rem 0}.blog-preview .section-header{flex-direction:column;align-items:flex-start;gap:1rem}.blog-grid{grid-template-columns:1fr}.cta-final{padding:3rem 0}.cta-title{font-size:1.75rem}.cta-subtitle{font-size:1rem}.footer-grid,.social-proof .container{grid-template-columns:1fr;gap:2rem}}@media(max-width:480px){.container{padding:0 1rem}.nav-container{padding:.75rem 1rem}.logo{font-size:1rem;gap:.5rem}.logo img{width:28px;height:auto}.logo-text{font-size:.9375rem}.nav-links{gap:.5rem}.btn-secondary{padding:.5rem .75rem;font-size:.8125rem}.btn-primary{padding:.5rem .875rem;font-size:.8125rem}.hero{padding:2.5rem 0 1.5rem}.hero-title{font-size:1.875rem;line-height:1.15}.hero-subtitle{font-size:.9375rem}.hero-badge{font-size:.8125rem;padding:.375rem .875rem}.status-dot{width:6px;height:6px}.btn-large{width:100%;padding:.875rem 1.5rem;font-size:1rem}.trust-signals{font-size:.75rem}.timeline-demo{padding:.875rem}.timeline-label{min-width:48px}.avatar{width:20px;height:20px;font-size:.625rem}.timeline-bar{height:18px}.section-title{font-size:1.75rem}.section-subtitle{font-size:.9375rem}.feature-card{padding:1.5rem}.feature-icon{width:40px;height:40px}.feature-icon svg{width:24px;height:24px}.feature-title{font-size:1.125rem}.faq-toggle{padding:1rem;font-size:.9375rem}.faq-content{padding:0 1rem 1rem;font-size:.9375rem}.cta-title{font-size:1.5rem}.footer-brand{margin-bottom:1.5rem}.footer-logo{font-size:1rem}}:focus-visible{outline:2px solid var(--green-600);outline-offset:2px}::selection{background:var(--green-200);color:var(--green-900)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface-100)}::-webkit-scrollbar-thumb{background:var(--surface-300);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--surface-400)}