@font-face{font-family:Forrest;src:url(/resources/Forrest-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--warm-cream: #FCF6EF;--warm-beige: #F6F0E9;--warm-sand: #E8D3C0;--warm-brown: #2B180A;--warm-brown-light: #5C4033;--neutral-100: #FFFFFF;--neutral-200: #FAF7F4;--neutral-300: #E5E5E5;--neutral-400: #D4D4D4;--neutral-500: #A3A3A3;--green-100: #E6EEEC;--green-200: #CDDCD9;--green-300: #9AB9B4;--green-400: #68968E;--green-500: #357468;--green-600: #035042;--green-700: #024136;--green-800: #023128;--green-900: #01201B;--mint-600: #A0D5C6}*{margin:0;padding:0;box-sizing:border-box}html{font-family:Inter,system-ui,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Forrest,Georgia,serif}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--warm-cream);color:var(--warm-brown);line-height:1.6}.hero{padding:8rem 2rem 4rem;background:var(--warm-cream)}.hero-container{max-width:1200px;margin:0 auto;text-align:center}.hero-text{margin-bottom:3rem}.hero-text h1{font-size:3.25rem;font-weight:700;line-height:1.15;margin-bottom:1.25rem;color:var(--warm-brown)}.hero-description{font-size:1.125rem;color:var(--warm-brown-light);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:1rem;justify-content:center}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:var(--green-800);color:#fff;text-decoration:none;border-radius:100px;font-weight:600;font-size:1rem;transition:background .2s,transform .2s}.btn-primary:hover{background:var(--green-600);transform:translateY(-2px)}.btn-primary span{display:inline-flex;align-items:center}.btn-secondary{display:inline-flex;align-items:center;padding:.875rem 1.75rem;color:var(--warm-brown);text-decoration:none;border:1px solid var(--neutral-300);border-radius:100px;font-weight:500;font-size:1rem;background:#fff;transition:border-color .2s,background .2s}.btn-secondary:hover{border-color:var(--warm-brown);background:var(--warm-beige)}.hero-notifications-wrapper{position:relative;margin-bottom:3rem}.hero-notifications-wrapper:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120%;height:55%;background-color:#ffebd0;filter:blur(100px);border-radius:32px;z-index:0}.hero-notifications{position:relative;z-index:1;max-width:400px;margin:0 auto}.notification-builder{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 60px #00000026}.builder-header{padding:1rem 1.25rem;border-bottom:1px solid var(--neutral-300)}.builder-title{display:block;font-size:.9375rem;font-weight:600;color:var(--warm-brown);margin-bottom:.75rem;text-align:left}.builder-channels{display:flex;gap:.5rem}.channel-tab{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;color:var(--warm-brown-light);background:var(--neutral-200);border-radius:6px;cursor:pointer}.channel-tab.active{background:var(--green-600);color:#fff}.builder-timing{padding:1rem 1.25rem;background:var(--neutral-200);display:flex;align-items:center;gap:.75rem}.timing-label{font-size:.75rem;color:var(--warm-brown-light)}.timing-selector{display:flex;align-items:center;gap:.375rem;background:#fff;padding:.5rem .75rem;border-radius:8px;font-size:.8125rem}.timing-value{font-weight:600;color:var(--green-600)}.timing-direction{color:var(--warm-brown)}.timing-event{color:var(--warm-brown-light)}.builder-content{padding:1.25rem;text-align:left}.content-subject{margin-bottom:1rem}.subject-label{display:block;font-size:.6875rem;color:var(--warm-brown-light);margin-bottom:.25rem}.subject-value{font-size:.875rem;font-weight:500;color:var(--warm-brown)}.content-body{background:var(--neutral-200);border-radius:10px;padding:1rem}.body-text{display:flex;flex-direction:column;gap:.25rem}.text-line{font-size:.8125rem;color:var(--warm-brown);line-height:1.5}.variable{display:inline-block;background:var(--green-100);color:var(--green-600);padding:.125rem .375rem;border-radius:4px;font-family:monospace;font-size:.75rem}.builder-language{padding:1rem 1.25rem;border-top:1px solid var(--neutral-300);display:flex;align-items:center;justify-content:space-between}.language-label{font-size:.75rem;color:var(--warm-brown-light)}.language-selector{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--neutral-200);border-radius:6px;font-size:.8125rem;color:var(--warm-brown)}.language-flag{font-size:1rem}.language-name{font-weight:500}.sent-notification{position:absolute;bottom:140px;left:-80px;background:#fff;border-radius:12px;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 8px 24px #0000001f;z-index:10}.sent-icon{width:32px;height:32px;background:var(--green-100);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--green-600)}.sent-content{display:flex;flex-direction:column}.sent-title{font-size:.75rem;font-weight:600;color:var(--warm-brown)}.sent-recipient{font-size:.6875rem;color:var(--warm-brown-light)}.sms-preview{position:absolute;top:80px;right:-100px;z-index:10}.sms-bubble{background:var(--green-600);color:#fff;border-radius:16px 16px 4px;padding:.75rem 1rem;max-width:180px;box-shadow:0 8px 24px #0000001f}.sms-sender{display:block;font-size:.625rem;opacity:.8;margin-bottom:.25rem}.sms-text{font-size:.75rem;line-height:1.4}.timeline-badge{position:absolute;bottom:20px;right:-60px;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 8px 24px #0000001f;z-index:10}.timeline-items{display:flex;flex-direction:column;gap:.75rem}.timeline-item{display:flex;align-items:center;gap:.5rem}.timeline-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.timeline-item.sent .timeline-dot{background:var(--green-600)}.timeline-item.upcoming .timeline-dot{background:var(--neutral-400)}.timeline-label{font-size:.6875rem;font-weight:500;color:var(--warm-brown);min-width:70px}.timeline-time{font-size:.625rem;color:var(--warm-brown-light)}@keyframes timingPulse{0%,30%{background:#fff}35%,65%{background:var(--green-100)}70%,to{background:#fff}}@keyframes varHighlight1{0%,10%{background:var(--green-100);transform:scale(1)}15%,25%{background:var(--green-200);transform:scale(1.05)}30%,to{background:var(--green-100);transform:scale(1)}}@keyframes varHighlight2{0%,30%{background:var(--green-100);transform:scale(1)}35%,45%{background:var(--green-200);transform:scale(1.05)}50%,to{background:var(--green-100);transform:scale(1)}}@keyframes varHighlight3{0%,50%{background:var(--green-100);transform:scale(1)}55%,65%{background:var(--green-200);transform:scale(1.05)}70%,to{background:var(--green-100);transform:scale(1)}}@keyframes sentSlide{0%,20%{opacity:0;transform:translate(-20px)}30%,90%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes smsSlide{0%,10%{opacity:0;transform:translate(20px)}20%,90%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes timelineSlide{0%,30%{opacity:0;transform:translateY(10px)}40%,90%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.animate-timing{animation:timingPulse 6s ease-in-out infinite}.animate-var1{animation:varHighlight1 6s ease-in-out infinite}.animate-var2{animation:varHighlight2 6s ease-in-out infinite}.animate-var3{animation:varHighlight3 6s ease-in-out infinite}.animate-sent{animation:sentSlide 6s ease-in-out infinite}.animate-sms{animation:smsSlide 6s ease-in-out infinite}.animate-timeline{animation:timelineSlide 6s ease-in-out infinite}.hero-trusted{text-align:center}.trusted-by-badge{display:inline-block;font-size:.875rem;color:var(--warm-brown-light);margin-bottom:1.5rem}.trusted-by-logos{display:flex;justify-content:center;align-items:center;gap:2.5rem;flex-wrap:wrap}.trusted-logo{height:56px;width:auto;opacity:.7;filter:grayscale(100%);transition:opacity .2s,filter .2s}.trusted-logo:hover{opacity:1;filter:grayscale(0%)}.channels{padding:5rem 2rem;background:var(--neutral-200)}.channels-container{max-width:1100px;margin:0 auto}.channels-header{text-align:center;margin-bottom:3rem}.channels-header h2{font-size:2.5rem;font-weight:700;color:var(--warm-brown);line-height:1.2;margin-bottom:1rem}.channels-header p{font-size:1.125rem;color:var(--warm-brown-light)}.channels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.channel-card{background:#fff;padding:2rem;border-radius:20px;text-align:center;transition:transform .2s,box-shadow .2s}.channel-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.channel-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}.channel-icon.email{background:#eef2ff;color:#4f46e5}.channel-icon.sms{background:#ecfdf5;color:var(--green-600)}.channel-icon.webhook{background:#fef3c7;color:#d97706}.channel-card h3{font-size:1.25rem;font-weight:600;color:var(--warm-brown);margin-bottom:.75rem}.channel-card p{font-size:.9375rem;color:var(--warm-brown-light);line-height:1.6;margin-bottom:1.25rem}.channel-features{list-style:none;display:flex;flex-direction:column;gap:.5rem}.channel-features li{font-size:.8125rem;color:var(--warm-brown);padding:.5rem .75rem;background:var(--neutral-200);border-radius:6px}.timing-section{padding:5rem 2rem;background:var(--warm-cream)}.timing-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.timing-content h2{font-size:2.5rem;font-weight:700;color:var(--warm-brown);line-height:1.2;margin-bottom:1rem}.timing-description{font-size:1.0625rem;color:var(--warm-brown-light);line-height:1.6;margin-bottom:2rem}.timing-examples{display:flex;flex-direction:column;gap:1rem}.timing-example{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--warm-beige);border-radius:12px}.timing-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.timing-icon.before{background:#eef2ff;color:#4f46e5}.timing-icon.at{background:#ecfdf5;color:var(--green-600)}.timing-icon.after{background:#fef3c7;color:#d97706}.timing-info{display:flex;flex-direction:column}.timing-title{font-size:.9375rem;font-weight:600;color:var(--warm-brown)}.timing-desc{font-size:.8125rem;color:var(--warm-brown-light)}.timing-visual{display:flex;justify-content:center}.timing-visual-card{background:#a0d5c633;border-radius:24px;padding:2rem}.timing-preview{background:#fff;border-radius:16px;padding:1.5rem;width:300px;box-shadow:0 8px 30px #00000014}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.preview-title{font-size:.9375rem;font-weight:600;color:var(--warm-brown)}.preview-status{font-size:.6875rem;font-weight:600;padding:.25rem .625rem;border-radius:4px}.preview-status.active{background:#ecfdf5;color:var(--green-600)}.preview-rules{display:flex;flex-direction:column;gap:.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--neutral-300);margin-bottom:1.25rem}.preview-rule{display:flex;align-items:center;gap:.75rem;font-size:.8125rem;color:var(--warm-brown)}.rule-icon{font-size:1rem}.preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.preview-stat{text-align:center}.stat-value{display:block;font-size:1.25rem;font-weight:700;color:var(--green-600)}.stat-label{font-size:.6875rem;color:var(--warm-brown-light)}.variables-section{padding:5rem 2rem;background:var(--neutral-200)}.variables-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.variables-visual{display:flex;justify-content:center}.variables-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 12px 40px #00000014}.template-preview{background:var(--neutral-200);border-radius:12px;padding:1.25rem;font-family:monospace;font-size:.8125rem;line-height:1.8}.template-line{color:var(--warm-brown)}.template-line.spacer{height:.5rem}.var-tag{display:inline-block;background:var(--green-100);color:var(--green-600);padding:.125rem .375rem;border-radius:4px}.template-arrow{text-align:center;font-size:1.5rem;color:var(--warm-brown-light);padding:.75rem 0}.template-result{background:var(--green-100);border-radius:12px;padding:1.25rem;font-size:.8125rem;line-height:1.8}.result-line{color:var(--warm-brown)}.result-line.spacer{height:.5rem}.result-value{font-weight:600;color:var(--green-600)}.variables-content h2{font-size:2.5rem;font-weight:700;color:var(--warm-brown);line-height:1.2;margin-bottom:1rem}.variables-description{font-size:1.0625rem;color:var(--warm-brown-light);line-height:1.6;margin-bottom:2rem}.variables-list{display:flex;flex-direction:column;gap:.75rem}.variable-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--warm-beige);border-radius:10px}.variable-item code{font-family:monospace;font-size:.8125rem;color:var(--green-600);background:#fff;padding:.25rem .5rem;border-radius:4px;min-width:140px}.variable-item span{font-size:.875rem;color:var(--warm-brown-light)}.section-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--warm-brown);background:var(--warm-beige);border:none;border-radius:24px;margin-bottom:1.5rem}.section-badge-light{background:#ffffff26;color:var(--mint-600)}.section-badge-green{background:var(--green-800);color:var(--mint-600)}.highlight{color:var(--green-600);text-decoration:underline;text-decoration-color:var(--mint-600);text-underline-offset:4px}.features-grid{padding:5rem 2rem;background:var(--warm-beige)}.features-grid-container{max-width:1200px;margin:0 auto}.features-grid-header{text-align:center;margin-bottom:4rem}.features-grid-header h2{font-size:2.5rem;font-weight:700;color:var(--warm-brown);line-height:1.2;margin-bottom:1rem}.features-grid-header p{font-size:1.125rem;color:var(--warm-brown-light);max-width:600px;margin:0 auto}.features-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{background:var(--neutral-100);padding:2rem;border-radius:20px;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.feature-card-icon{width:48px;height:48px;background:var(--green-100);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:var(--green-800)}.feature-card h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--warm-brown)}.feature-card p{font-size:.9375rem;color:var(--warm-brown-light);line-height:1.6}.how-it-works{padding:5rem 2rem;background:var(--green-800);color:#fff}.how-it-works-container{max-width:1200px;margin:0 auto}.how-it-works-header{text-align:center;margin-bottom:4rem}.how-it-works-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.how-it-works-header p{font-size:1.125rem;color:var(--mint-600)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.step{text-align:center;position:relative}.step-number{width:56px;height:56px;background:var(--mint-600);color:var(--green-800);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.25rem}.step h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.step p{font-size:.9375rem;color:var(--green-300);line-height:1.6}.step-connector{position:absolute;top:28px;left:calc(50% + 40px);width:calc(100% - 80px);height:2px;background:linear-gradient(to right,var(--mint-600),transparent);opacity:.3}.all-features{padding:5rem 2rem;background:var(--warm-cream)}.all-features-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:400px 1fr;gap:4rem;align-items:start}.all-features-content h2{font-size:2.5rem;font-weight:700;color:var(--warm-brown);line-height:1.2;margin-bottom:1rem}.all-features-content .highlight{color:var(--green-600);text-decoration:underline;text-decoration-color:var(--mint-600);text-underline-offset:4px}.all-features-intro{font-size:1.0625rem;color:var(--warm-brown-light);line-height:1.6}.all-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.all-feature-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--warm-beige);border-radius:12px;font-size:.9375rem;color:var(--warm-brown)}.all-feature-item-highlighted{background:var(--green-600);color:#fff}.all-feature-item-highlighted .check-icon{color:var(--mint-600)}.check-icon{color:var(--green-600);flex-shrink:0}.highlight-section{padding:4rem 2rem;background:var(--warm-cream)}.highlight-container{max-width:1100px;margin:0 auto;background:var(--mint-600);border-radius:32px;padding:4rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.highlight-content h2{font-size:2.5rem;font-weight:700;color:var(--green-900);line-height:1.2;margin-bottom:1.5rem}.highlight-description{font-size:1.0625rem;color:var(--green-800);line-height:1.6;margin-bottom:2rem;max-width:420px}.highlight-checklist{list-style:none;display:flex;flex-direction:column;gap:1rem}.highlight-checklist li{display:flex;align-items:flex-start;gap:.75rem;font-size:.9375rem;color:var(--green-900);line-height:1.5}.highlight-check{flex-shrink:0;width:24px;height:24px;background:var(--green-800);color:var(--mint-600);border-radius:50%;display:flex;align-items:center;justify-content:center}.highlight-check svg{width:14px;height:14px}.btn-highlight{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--green-800);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;font-size:.9375rem;margin-top:2rem;transition:transform .2s,box-shadow .2s}.btn-highlight:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.btn-highlight svg{width:18px;height:18px}.highlight-visual{display:flex;justify-content:center}.highlight-card-wrapper{background:#ffffff4d;border-radius:24px;padding:2rem}.highlight-card{background:#fff;border-radius:16px;padding:1.5rem;width:300px;box-shadow:0 8px 30px #00000014}.language-preview{display:flex;flex-direction:column;gap:.75rem}.lang-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--neutral-200);border-radius:10px}.lang-flag{font-size:1.25rem}.lang-text{display:flex;flex-direction:column;overflow:hidden}.lang-title{font-size:.75rem;font-weight:600;color:var(--warm-brown)}.lang-sample{font-size:.6875rem;color:var(--warm-brown-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.integrations-section{background:var(--warm-cream);padding:5rem 2rem}.integrations-container{max-width:1100px;margin:0 auto;text-align:center}.integrations-header{margin-bottom:3rem}.integrations-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--warm-brown);background:var(--warm-beige);border-radius:24px;margin-bottom:1.5rem}.integrations-header h2{font-family:Forrest,serif;font-size:2.5rem;font-weight:400;color:var(--green-800);margin-bottom:1.5rem}.integrations-logos{display:flex;flex-direction:column;gap:1rem}.integrations-row{display:flex;justify-content:center;gap:1rem}.integration-logo{background:#ffffffb3;border-radius:16px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;transition:transform .3s,box-shadow .3s}.integration-logo:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.integration-logo img{width:40px;height:40px;object-fit:contain;filter:grayscale(100%);opacity:.6;transition:filter .3s,opacity .3s}.integration-logo:hover img{filter:grayscale(0%);opacity:1}@media(max-width:1024px){.hero-text h1{font-size:2.5rem}.sms-preview{right:-40px}.sent-notification{left:-40px}.timeline-badge{right:-20px}.channels-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.timing-container{grid-template-columns:1fr;gap:2rem}.timing-content{text-align:center}.variables-container{grid-template-columns:1fr;gap:2rem}.variables-visual{order:2}.variables-content{text-align:center}.features-cards,.steps{grid-template-columns:repeat(2,1fr)}.step-connector{display:none}.all-features-container{grid-template-columns:1fr;gap:2rem}.all-features-content{text-align:center}.all-features-grid{grid-template-columns:repeat(2,1fr)}.integrations-row{flex-wrap:wrap}.highlight-container{grid-template-columns:1fr;gap:3rem}.highlight-content{text-align:center}.highlight-description{max-width:100%}.highlight-checklist{align-items:center}}@media(max-width:768px){.hero{padding:10rem 1.5rem 3rem}.hero-text h1{font-size:2rem}.hero-cta{flex-direction:column;align-items:stretch}.highlight-checklist{align-items:flex-start}.btn-primary,.btn-secondary{justify-content:center}.hero-notifications-wrapper:before{width:calc(100% + 3rem);border-radius:0}.sms-preview,.sent-notification,.timeline-badge{display:none}.features-cards,.steps,.all-features-grid{grid-template-columns:1fr}.integrations-header h2{font-size:1.75rem}.integration-logo{width:64px;height:64px}.integration-logo img{width:32px;height:32px}.highlight-section{padding:4rem .5rem}.highlight-container{padding:2.5rem .5rem}.highlight-content h2{font-size:1.75rem}.highlight-card-wrapper{padding:0;background:transparent}.highlight-card{width:100%;max-width:260px;margin:0 auto}.timing-section{padding:3rem 1rem}.timing-visual-card{padding:1rem}.timing-preview{width:100%;max-width:280px}.variable-item{flex-direction:column;align-items:center}.timing-preview .preview-header{flex-direction:column-reverse}}