:root{--ink: #101828;--muted: #667085;--line: #e6eaf0;--paper: #ffffff;--soft: #f6f8fb;--teal: #10b981;--teal-dark: #047857;--blue: #2563eb;--coral: #f9735b;--gold: #f2b84b;--shadow: 0 24px 80px rgba(16, 24, 40, .12);--radius: 8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);letter-spacing:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(18px,4vw,56px);border-bottom:1px solid rgba(230,234,240,.75);background:#ffffffd6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:box-shadow .22s ease,padding .22s ease}.site-header.is-elevated{box-shadow:0 14px 40px #10182814;padding-top:13px;padding-bottom:13px}.brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:0}.brand-logo{display:block;width:auto;height:40px;max-width:min(100%,150px)}.nav-links{display:flex;align-items:center;gap:26px;color:#475467;font-size:.94rem;font-weight:600}.nav-links a,.header-cta{transition:color .18s ease,transform .18s ease}.nav-links a:hover,.header-cta:hover{color:var(--blue)}.header-cta{padding:10px 16px;border:1px solid var(--line);border-radius:var(--radius);font-weight:700;color:var(--ink);background:#fff}.section-shell{width:min(1160px,calc(100% - 36px));margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:clamp(32px,5vw,72px);align-items:center;min-height:calc(100vh - 72px);padding:78px 0 58px}.eyebrow{margin:0 0 14px;color:var(--teal-dark);font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0;overflow-wrap:break-word}h1{max-width:740px;margin-bottom:24px;font-size:clamp(3rem,5.2vw,5rem);line-height:1;letter-spacing:0}h2{margin-bottom:16px;font-size:clamp(2rem,4vw,3.65rem);line-height:1.02;letter-spacing:0}h3{margin-bottom:10px;font-size:1.08rem}.hero-subtitle,.section-heading p,.split-copy p,.final-cta p{color:var(--muted);font-size:1.08rem;line-height:1.75}.hero-subtitle{max-width:650px;margin-bottom:30px}.hero-copy,.split-copy{min-width:0}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:var(--radius);font-weight:800;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--ink);box-shadow:0 18px 38px #10182838}.button-primary:hover{box-shadow:0 22px 46px #10182847}.button-secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.button-secondary:hover{border-color:#cfd6df}.trust-row{display:flex;flex-wrap:wrap;gap:10px;color:#475467;font-size:.92rem;font-weight:700}.trust-row span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:#fff}.product-visual{position:relative}.product-visual:before{content:"";position:absolute;inset:8% -3% -5% 8%;border-radius:8px;background:linear-gradient(135deg,#10b98133,#2563eb33,#f9735b29);filter:blur(30px);z-index:-1}.dashboard-window,.control-panel,.phone{border:1px solid rgba(230,234,240,.96);border-radius:8px;background:#ffffffeb;box-shadow:var(--shadow)}.dashboard-window{overflow:hidden;transform:rotate(1.2deg)}.window-bar{display:flex;gap:7px;padding:15px 18px;border-bottom:1px solid var(--line);background:#fbfcfe}.window-bar span{width:10px;height:10px;border-radius:50%;background:#d0d5dd}.window-bar span:nth-child(1){background:var(--coral)}.window-bar span:nth-child(2){background:var(--gold)}.window-bar span:nth-child(3){background:var(--teal)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.metric-card,.timeline-card,.payment-card{padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff}.metric-card.highlight{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--ink),#174ea6)}.metric-card p,.payment-card p{margin-bottom:8px;color:inherit;opacity:.72;font-size:.84rem}.metric-card strong,.payment-card strong{display:block;margin-bottom:8px;font-size:1.65rem}.metric-card span{color:var(--teal-dark);font-size:.82rem;font-weight:800}.metric-card.highlight span{color:#9ff3ce}.metric-card.wide{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:16px}.metric-card.wide strong{margin:0;font-size:1rem}.status-pill,.tag{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:7px 10px;border-radius:999px;font-size:.78rem;font-weight:800;white-space:nowrap}.status-pill,.tag.paid{color:#036948;background:#dff8eb}.tag.pending{color:#8a5a00;background:#fff2c7}.tag.late{color:#a4412f;background:#ffe5df}.timeline-card{display:grid;gap:13px}.timeline-item{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.88rem}.timeline-item p{margin:0}.timeline-item span{width:11px;height:11px;border-radius:50%;border:2px solid #cbd5e1}.timeline-item.done span,.timeline-item.active span{border-color:var(--teal);background:var(--teal)}.timeline-item.active{color:var(--ink);font-weight:800}.payment-card{overflow:hidden}.bars{display:flex;align-items:end;gap:8px;height:86px;margin-top:18px}.bars span{flex:1;min-width:12px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--teal),var(--blue))}.logo-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;padding:20px 18px;border-block:1px solid var(--line);color:#667085;font-size:.92rem;font-weight:800;text-transform:uppercase}.benefits,.section-shell:not(.hero){padding:92px 0}.section-heading{max-width:780px;margin:0 auto 42px;text-align:center}.benefit-grid,.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.benefit-card,.feature-card{padding:26px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 12px 38px #1018280d;transition:transform .2s ease,box-shadow .2s ease}.benefit-card:hover,.feature-card:hover{transform:translateY(-4px);box-shadow:0 22px 60px #1018281a}.benefit-card p,.feature-card p{color:var(--muted);line-height:1.65}.icon,.feature-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:18px;border-radius:8px;color:#fff;background:var(--ink);font-weight:900}.feature-band,.quickstart,.pricing{background:var(--soft)}.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,.72fr);gap:clamp(32px,6vw,78px);align-items:center}.reverse{grid-template-columns:minmax(360px,.78fr) minmax(0,.9fr)}.check-list{display:grid;gap:12px;padding:0;margin:26px 0 0;list-style:none}.check-list li{position:relative;padding-left:32px;color:#344054;font-weight:700}.check-list li:before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--teal);box-shadow:inset 0 0 0 6px #dff8eb}.phone-flow{display:flex;justify-content:center}.phone{width:min(100%,360px);padding:18px;background:linear-gradient(180deg,#f7fafc,#fff)}.phone-top{width:82px;height:8px;margin:0 auto 26px;border-radius:999px;background:#d7dde6}.message{width:fit-content;max-width:86%;margin-bottom:12px;padding:13px 14px;border-radius:8px;line-height:1.45;font-size:.94rem;box-shadow:0 12px 30px #10182814}.message.received{color:#064e3b;background:#dcfce7}.message.sent{margin-left:auto;color:#1f2937;background:#fff}.automation-note{margin-top:24px;padding:12px;border-radius:8px;color:#475467;background:#eef2f7;font-size:.82rem;font-weight:800;text-align:center}.control-panel{padding:10px}.panel-header{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.panel-header span{color:var(--muted);font-weight:700}.table-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.table-row:last-child{border-bottom:0}.table-row p{margin:4px 0 0;color:var(--muted);font-size:.88rem}.avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;color:#fff;background:var(--teal);font-weight:900;font-size:.82rem}.avatar.blue{background:var(--blue)}.avatar.coral{background:var(--coral)}.mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,160px));gap:14px;margin-top:28px}.mini-stats div{padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff}.mini-stats strong{display:block;margin-bottom:4px;font-size:1.6rem}.mini-stats span{color:var(--muted);font-size:.9rem;font-weight:700}.quickstart-inner{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:30px;align-items:center}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.steps div{min-height:138px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff}.steps span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:18px;border-radius:50%;color:#fff;background:var(--ink);font-weight:900}.steps p{margin:0;color:#344054;font-weight:800;line-height:1.45}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-callout{display:flex;flex-direction:column;gap:24px;max-width:760px;padding:32px;margin:0 auto;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 18px 60px #10182812}.pricing-copy h3{margin-bottom:12px}.pricing-copy p{margin:0;color:var(--muted);line-height:1.7}.pricing-points{display:grid;gap:12px;padding:0;margin:0;list-style:none}.pricing-points li{position:relative;padding-left:28px;color:#344054;line-height:1.6}.pricing-points li:before{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:999px;background:var(--teal)}.faq{max-width:900px}.faq-list{display:grid;gap:12px}.faq-item{width:100%;padding:0;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;text-align:left;cursor:pointer}.faq-item span{position:relative;display:block;padding:20px 54px 20px 20px;font-weight:850;font-size:1rem}.faq-item span:after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--blue);font-size:1.3rem}.faq-item[aria-expanded=true] span:after{content:"-"}.faq-item p{display:none;margin:0;padding:0 20px 20px;color:var(--muted);line-height:1.7}.faq-item[aria-expanded=true] p{display:block}.final-cta{padding-top:0}.final-cta-inner{padding:clamp(34px,7vw,70px);border-radius:8px;color:#fff;background:linear-gradient(135deg,#101828fa,#145087f0),repeating-linear-gradient(90deg,transparent 0,transparent 36px,rgba(255,255,255,.08) 37px);text-align:center;box-shadow:var(--shadow)}.final-cta-inner .eyebrow,.final-cta-inner p{color:#cfe8ed}.final-cta-inner h2{max-width:850px;margin-inline:auto}.final-cta-inner p{max-width:720px;margin:0 auto 28px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px clamp(18px,4vw,56px);border-top:1px solid var(--line);color:var(--muted)}.site-footer p{margin:0}.reveal{opacity:1;transform:translateY(0)}.js-ready .reveal{opacity:1;transform:translateY(18px);transition:transform .62s ease}.js-ready .reveal.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}@media(max-width:940px){.nav-links{display:none}.hero,.split,.reverse,.quickstart-inner{grid-template-columns:1fr}.hero{min-height:auto;padding-top:56px}.dashboard-window{transform:none}.benefit-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quickstart-inner{gap:8px}}@media(max-width:680px){.site-header{padding-inline:16px}.brand-logo{height:36px;max-width:132px}.header-cta{display:none}.section-shell{width:min(calc(100% - 48px),320px)}h1{font-size:clamp(2.25rem,10.2vw,2.55rem);line-height:1;max-width:10.8ch}.eyebrow{font-size:.7rem;line-height:1.5}.hero-actions .button{width:100%}.hero-actions{display:grid;grid-template-columns:minmax(0,1fr);max-width:320px}.hero-copy,.product-visual,.dashboard-window,.trust-row{width:min(calc(100% - 48px),320px);max-width:320px}.hero-subtitle{max-width:34ch;font-size:1rem}.trust-row{display:grid;grid-template-columns:minmax(0,1fr)}.dashboard-grid,.benefit-grid,.feature-grid,.steps,.mini-stats{grid-template-columns:1fr}.metric-card.wide,.table-row{align-items:start}.metric-card.wide{flex-direction:column}.benefits,.section-shell:not(.hero){padding:64px 0}.pricing-callout{padding:24px}.site-footer{align-items:flex-start;flex-direction:column}}