@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap");

:root { --ink:#10243e; --ink-2:#1c324d; --muted:#66758a; --line:#dce4ea; --soft:#f4f7f8; --paper:#fbfcfc; --blue:#3778df; --green:#18a477; --green-dark:#0d7c5a; --amber:#e6a637; --radius:20px; --shadow:0 22px 70px rgba(16,36,62,.10); }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.6}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.section{padding:120px 0}.section-soft{background:var(--soft)}a{color:inherit;text-decoration:none}.skip-link{position:fixed;top:-80px;left:18px;background:var(--ink);color:#fff;padding:10px 15px;border-radius:8px;z-index:50}.skip-link:focus{top:18px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{position:sticky;top:0;z-index:20;transition:background .25s,box-shadow .25s}.site-header.is-scrolled{background:rgba(251,252,252,.92);backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(16,36,62,.07)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:8px;font-size:23px;line-height:1;font-weight:800;letter-spacing:-1.5px}.brand-logo{display:block;width:29px;height:29px;object-fit:contain}.brand span{color:var(--green)}.nav-links{display:flex;align-items:center;gap:29px;font-size:14px;font-weight:700}.nav-links>a:not(.button){color:#566578}.nav-links>a:not(.button):hover{color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:0;border-radius:8px;padding:15px 21px;background:var(--ink);color:#fff;font:700 14px Manrope;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{background:#193858;transform:translateY(-2px);box-shadow:0 10px 20px rgba(16,36,62,.16)}.button-small{padding:11px 15px;font-size:13px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle>span:not(.sr-only){display:block;width:23px;height:2px;background:var(--ink);margin:5px}
.hero{padding:68px 0 112px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr .96fr;align-items:center;gap:56px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 16px;color:var(--green-dark);font:500 11px "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(24,164,119,.13)}h1,h2,h3,p{margin-top:0}h1{max-width:690px;margin-bottom:23px;font-size:clamp(43px,5vw,68px);line-height:1.08;letter-spacing:-.06em;font-weight:800}h1 em{font-family:"Playfair Display",Georgia,serif;font-weight:600;letter-spacing:-.06em;color:var(--green-dark)}.lead{max-width:590px;color:var(--muted);font-size:18px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:14px;font-weight:800}.text-link:hover{color:var(--green-dark)}.hero-note{display:flex;align-items:center;gap:9px;margin:36px 0 0;color:#5e6c7d;font-size:12px;font-weight:700}.hero-note span{color:var(--green);font-size:17px}
.dashboard-wrap{position:relative;min-height:450px;padding:25px 0 0}.dashboard{position:relative;z-index:2;padding:24px;background:#fff;border:1px solid #e4e9ed;border-radius:16px;box-shadow:var(--shadow)}.dash-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #e8edf0}.dash-top p{margin:0 0 1px;color:#778496;font-size:11px}.dash-top strong{font-size:16px}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#d8ece5;color:var(--green-dark);font-size:12px;font-weight:800}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:17px 0}.dash-stats>div{position:relative;padding:11px 8px 8px 36px;border:1px solid #e7edf0;border-radius:9px}.dash-stats small,.dash-stats em{display:block;color:#8390a0;font-size:8px;font-style:normal}.dash-stats strong{display:block;margin:1px 0;font-size:21px;line-height:1}.stat-icon{position:absolute;left:9px;top:12px;display:grid;place-items:center;width:19px;height:19px;border-radius:5px;font-size:12px;font-weight:800}.blue{background:#e8f0fe;color:var(--blue)}.green{background:#e5f7f1;color:var(--green)}.amber{background:#fcf0d9;color:#ca8b1a}.dash-content{display:grid;grid-template-columns:1.42fr .84fr;gap:12px}.task-panel,.activity-panel{padding:13px;border:1px solid #e7edf0;border-radius:9px}.panel-title{display:flex;justify-content:space-between;margin-bottom:8px;font-size:10px}.panel-title a{color:var(--blue);font-size:8px}.task-row{display:flex;align-items:center;gap:7px;padding:9px 0;border-top:1px solid #edf1f4}.task-row>div{flex:1;min-width:0}.task-row strong,.task-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-row strong{font-size:9px}.task-row small{color:#8793a0;font-size:7px}.check{width:12px;height:12px;border:1.5px solid #b6c1cb;border-radius:3px;flex:0 0 auto}.check.done{display:grid;place-items:center;background:var(--green);border-color:var(--green);color:#fff;font-size:8px}.tag{padding:3px 5px;border-radius:3px;font-size:6px;font-weight:800}.green-tag{background:#e5f7f1;color:#128061}.blue-tag{background:#eaf1fe;color:#346ec4}.amber-tag{background:#fff3db;color:#bc7c0d}.activity-panel{text-align:center}.activity-panel>strong{font-size:9px}.donut{display:grid;place-items:center;width:86px;height:86px;margin:12px auto 10px;border-radius:50%;background:conic-gradient(var(--green) 0 61%,var(--blue) 61% 84%,#edf0f3 84%);position:relative}.donut:after{content:"";position:absolute;inset:11px;background:#fff;border-radius:50%}.donut span{z-index:1;font-size:17px;font-weight:800}.donut small{font-size:8px}.legend{text-align:left}.legend span{display:flex;align-items:center;gap:5px;margin:4px 0;color:#778495;font-size:7px}.legend b{margin-left:auto;color:var(--ink)}.legend i{width:6px;height:6px;border-radius:50%}.legend-blue{background:var(--blue)}.legend-green{background:var(--green)}.float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:10px 12px;background:#fff;border:1px solid #e2e9ed;border-radius:9px;box-shadow:0 13px 28px rgba(16,36,62,.12)}.float-card small,.float-card strong{display:block;font-size:9px;line-height:1.35}.float-card small{color:#778495}.float-card-one{right:-27px;top:4px}.float-card-two{left:-28px;bottom:29px;font-size:9px}.float-icon,.mini-check{display:grid;place-items:center;width:23px;height:23px;border-radius:6px;background:#e8f0fe;color:var(--blue);font-size:12px}.mini-check{background:#e5f7f1;color:var(--green)}.dash-orbit{position:absolute;border:1px solid rgba(55,120,223,.12);border-radius:50%}.orbit-one{width:480px;height:480px;right:-92px;top:-41px}.orbit-two{width:550px;height:550px;right:-122px;top:-75px}
h2{font-size:clamp(34px,4vw,50px);line-height:1.13;letter-spacing:-.055em;font-weight:800}.section-intro{text-align:center}.before-after{display:grid;grid-template-columns:1fr 58px 1fr;align-items:center;max-width:1000px;margin:54px auto 0}.before-card,.after-card{padding:37px 42px;border-radius:13px}.before-card{background:#fff;border:1px solid #e5eaed}.after-card{background:var(--ink);color:#fff;box-shadow:0 20px 45px rgba(16,36,62,.16)}.card-label{margin-bottom:19px;color:#8b98a7;font:500 11px "DM Mono";text-transform:uppercase;letter-spacing:.1em}.after-card .card-label{color:#86c9b3}.before-card h3,.after-card h3{font-size:22px;letter-spacing:-.04em}.before-card ul,.after-card ul,.service-card ul{padding:0;margin:23px 0 0;list-style:none}.before-card li,.after-card li{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #e9eef1;color:#637184;font-size:13px}.after-card li{border-color:rgba(255,255,255,.12);color:#c5d0dc}.before-card li span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#f3f5f6;color:#8593a2;font-size:13px}.after-card li span{color:#5cdbb5;font-weight:800}.change-arrow{display:grid;place-items:center;width:35px;height:35px;margin:auto;border-radius:50%;background:var(--green);color:#fff;font-size:20px;z-index:1}
.split-heading{display:flex;justify-content:space-between;align-items:end;gap:50px}.split-heading>p,.light-heading>p{max-width:390px;margin:0 0 4px;color:var(--muted);font-size:15px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:55px}.service-card{min-height:420px;padding:34px;border:1px solid #e1e8ec;border-radius:14px;background:#fff;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.accent-card{border-color:#cce7de;background:#f5fbf8}.service-number{margin-bottom:25px;color:#98a7b5;font:500 11px "DM Mono"}.service-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:26px;border-radius:12px;background:#eaf1fe}.software-icon{grid-template-columns:repeat(2,9px);gap:4px}.software-icon span{width:9px;height:9px;border-radius:2px;background:var(--blue)}.software-icon span:nth-child(2),.software-icon span:nth-child(3){opacity:.4}.automation-icon{background:#e3f5ef;color:var(--green);font-size:22px}.service-card h3{font-size:29px;line-height:1.15;letter-spacing:-.05em}.service-card>p{max-width:390px;color:var(--muted);font-size:14px}.service-card li{position:relative;padding:7px 0 7px 18px;border-top:1px solid #e7edef;color:#57697d;font-size:13px}.service-card li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}
.section-dark{background:var(--ink);color:#fff}.light-heading{display:flex;justify-content:space-between;align-items:end;gap:50px}.light-heading .eyebrow{color:#68d1b1}.light-heading>p{color:#b3c3d4}.scenario-list{margin-top:50px;border-top:1px solid rgba(255,255,255,.16)}.scenario{display:grid;grid-template-columns:65px 1fr 290px;align-items:center;gap:30px;padding:32px 0;border-bottom:1px solid rgba(255,255,255,.16)}.scenario-no{color:#67c8ab;font:500 13px "DM Mono"}.scenario-kicker{margin:0 0 5px;color:#86a7c4;font:500 10px "DM Mono";letter-spacing:.08em;text-transform:uppercase}.scenario h3{margin-bottom:7px;font-size:23px;line-height:1.2;letter-spacing:-.04em}.scenario div>p:last-child{margin:0;color:#b4c3d2;font-size:13px}.scenario-flow{display:flex;align-items:center;justify-content:flex-end;gap:8px}.scenario-flow span{padding:7px 8px;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#c7d4e1;font-size:9px;white-space:nowrap}.scenario-flow i{width:16px;height:1px;background:#5b7088}.scenario-flow .complete{border-color:#3a9c82;color:#85dec3}
.process-top{max-width:680px}.process-top>p:last-child{max-width:550px;color:var(--muted);font-size:16px}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:60px 0 34px;padding:0;list-style:none;counter-reset:step}.process-steps li{position:relative;padding-top:57px;border-top:1px solid #ccd7de}.process-steps span{position:absolute;top:-19px;left:0;display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#e8f3ef;color:var(--green-dark);font:500 13px "DM Mono"}.process-steps h3{font-size:17px;line-height:1.35;letter-spacing:-.03em}.process-steps p{color:var(--muted);font-size:13px;line-height:1.65}.no-payment{display:flex;align-items:center;gap:13px;padding:17px 20px;border:1px solid #c8e6dc;border-radius:8px;background:#f3fbf7;color:#1a5d4c}.no-payment span{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--green);color:#fff;font-size:12px}.no-payment p{margin:0;font-size:14px}
.template-section{padding-top:42px}.template-grid{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center;padding:68px 76px;border-radius:16px;background:#e8f0f4}.template-grid>div>p:not(.eyebrow){max-width:500px;color:#5d6e80;font-size:16px}.process-map{padding:22px;border:1px solid #d6e0e7;border-radius:10px;background:#f9fbfc}.map-head{display:flex;justify-content:space-between;margin-bottom:35px;font-size:10px;font-weight:800}.map-live{color:var(--green)}.map-line{position:relative;display:flex;justify-content:space-between}.map-line:before{content:"";position:absolute;top:12px;left:12px;right:12px;height:2px;background:#d7e2e8}.map-node{position:relative;z-index:1;text-align:center}.map-node i{display:grid;place-items:center;width:25px;height:25px;margin:auto;border:2px solid #cbd7df;border-radius:50%;background:#f9fbfc;color:#8291a0;font:500 9px "DM Mono"}.map-node.active i{border-color:var(--green);background:var(--green);color:#fff}.map-node small{display:block;margin-top:8px;color:#728395;font-size:8px}.map-suggestion{display:flex;gap:11px;align-items:center;margin-top:34px;padding:12px;border-radius:6px;background:#e2f4ed;color:#236b57}.map-suggestion span{font-size:17px}.map-suggestion p{margin:0;font-size:10px;line-height:1.5}
.cta-section{padding:112px 0;background:var(--green);color:#fff;text-align:center}.cta-section .eyebrow{justify-content:center;color:#d7fff2}.cta-section h2{margin-bottom:15px}.cta-section p:not(.eyebrow){margin-bottom:30px;color:#e2fff5}.button-light{background:#fff;color:var(--ink)}.button-light:hover{background:#f4fffa;color:var(--ink)}.contact-section{padding-bottom:108px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px}.contact-copy>p:not(.eyebrow),.contact-copy p{max-width:420px;color:var(--muted);font-size:15px}.contact-details{display:grid;gap:17px;margin-top:32px}.contact-details a{display:flex;flex-direction:column;font-weight:800;font-size:15px}.contact-details span{margin-bottom:1px;color:#8694a2;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.contact-placeholder{margin-top:18px!important;color:#8b97a2!important;font-size:11px!important}.contact-form{padding:32px;border:1px solid #dfe7eb;border-radius:13px;background:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{display:block;margin-bottom:17px;color:#3e5063;font-size:12px;font-weight:800}.contact-form input,.contact-form textarea{width:100%;margin-top:7px;padding:12px 13px;border:1px solid #d7e1e6;border-radius:6px;background:#fcfdfd;color:var(--ink);font:400 13px Manrope;outline:0;resize:vertical;transition:border .2s,box-shadow .2s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9ba8b3}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(55,120,223,.12)}.contact-form .button{width:100%;margin-top:3px}.form-status{min-height:21px;margin:13px 0 0;font-size:12px;font-weight:700}.is-error{color:#c34545}.is-success{color:var(--green-dark)}.is-info{color:#6a7683}.form-privacy{margin:11px 0 0;color:#8a98a5;font-size:10px;text-align:center}.footer{padding:38px 0;background:#0b1c31;color:#fff}.footer-inner{display:grid;grid-template-columns:170px 1fr auto;gap:20px;align-items:center}.footer p{margin:0;color:#9bb0c5;font-size:12px}.footer-links{display:flex;gap:15px;font-size:11px;font-weight:700}.footer-links a{color:#bed0e1}.footer-links a:hover{color:#fff}.footer small{grid-column:1/-1;padding-top:19px;border-top:1px solid rgba(255,255,255,.12);color:#748aa1;font-size:10px}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
@media (max-width:900px){.hero-grid,.template-grid,.contact-grid{grid-template-columns:1fr;gap:50px}.dashboard-wrap{max-width:650px;width:90%;margin:auto}.section{padding:88px 0}.scenario{grid-template-columns:42px 1fr}.scenario-flow{grid-column:2;justify-content:start}.process-steps{grid-template-columns:1fr 1fr;gap:45px 28px}.template-grid{padding:52px}.contact-grid{gap:45px}.footer-inner{grid-template-columns:1fr auto}.footer-inner>p{display:none}}
@media (max-width:640px){.container{width:min(100% - 34px,1180px)}.nav{height:69px}.menu-toggle{display:block}.nav-links{position:absolute;top:69px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:14px 17px 20px;background:rgba(251,252,252,.98);border-bottom:1px solid #e3e9ed;box-shadow:0 12px 25px rgba(16,36,62,.08)}.nav-links.is-open{display:flex}.nav-links>a:not(.button){padding:12px 4px}.nav-links .button{margin-top:8px}.hero{padding-top:42px}.hero-grid{gap:30px}h1{font-size:42px}.lead{font-size:16px}.hero-actions{gap:20px;flex-wrap:wrap}.dashboard-wrap{width:100%;min-height:367px;padding-top:20px}.dashboard{padding:15px}.dash-stats>div{padding:9px 5px 7px 28px}.stat-icon{left:6px}.dash-stats strong{font-size:18px}.dash-content{grid-template-columns:1.35fr .85fr}.float-card-one{right:-7px;top:1px}.float-card-two{left:-7px;bottom:13px}.orbit-one{width:340px;height:340px}.orbit-two{display:none}.before-after{grid-template-columns:1fr;gap:16px}.change-arrow{transform:rotate(90deg)}.before-card,.after-card{padding:28px}.split-heading,.light-heading{display:block}.split-heading>p,.light-heading>p{margin-top:20px}.service-grid{grid-template-columns:1fr;margin-top:34px}.service-card{min-height:0;padding:28px}.scenario{grid-template-columns:34px 1fr;gap:12px;padding:26px 0}.scenario h3{font-size:19px}.scenario-flow{overflow:auto;max-width:100%;padding-bottom:2px}.process-steps{grid-template-columns:1fr;gap:30px;margin-top:43px}.template-section{padding-top:0}.template-grid{gap:38px;padding:32px 24px}.process-map{padding:16px}.cta-section{padding:80px 0}.contact-section{padding-bottom:75px}.form-row{grid-template-columns:1fr;gap:0}.contact-form{padding:23px 19px}.footer-inner{grid-template-columns:1fr;gap:16px}.footer-links{grid-row:2}.footer small{grid-column:auto}.reveal{transform:translateY(10px)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.service-card{transition:none}}
.comparison-illustration{display:block;width:min(100%,260px);height:auto;aspect-ratio:1;object-fit:contain;object-position:center;margin:0 0 24px;border-radius:8px}.after-card .comparison-illustration{box-shadow:0 12px 24px rgba(0,0,0,.18)}
.service-grid-expanded{grid-template-columns:repeat(3,1fr);gap:20px}.service-card-compact{min-height:0;padding:31px 27px;background:#fff}.service-card-compact .service-icon{display:grid;place-items:center;width:45px;height:45px;margin-bottom:24px;border-radius:12px;font-size:22px;font-weight:800}.service-card-compact h3{min-height:59px;margin-bottom:14px;font-size:21px;line-height:1.24}.service-card-compact>p{min-height:88px;margin-bottom:24px;font-size:13px;line-height:1.65}.service-card-compact>a{display:inline-flex;gap:7px;color:#1e5a9e;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.service-card-compact>a:hover{color:var(--green-dark)}.service-icon-automation{background:#e5f7f1;color:#15916b}.service-icon-chat{background:#edf2fe;color:#3d70d5}.service-icon-voice{background:#f4ecfb;color:#8b56c8}.service-icon-software{background:#e8f0fe;color:#3674d6}.service-icon-analysis{background:#fdf0d9;color:#c48215}.service-icon-integrations{background:#eaf3f3;color:#16878a}
@media (max-width:900px){.service-grid-expanded{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.service-grid-expanded{grid-template-columns:1fr}.service-card-compact>p{min-height:0}.service-card-compact h3{min-height:0}}
.scenario{grid-template-columns:65px 1fr 390px}.scenario-flow{gap:11px}.scenario-flow span{padding:10px 12px;border-color:rgba(255,255,255,.26);border-radius:5px;color:#d4dfeb;font-size:11px;font-weight:700}.scenario-flow i{width:23px;background:#6a8097}.scenario-flow .complete{border-color:#44ae91;color:#8be4c9;background:rgba(24,164,119,.08)}
@media (max-width:900px){.scenario{grid-template-columns:42px 1fr}.scenario-flow{grid-column:2;justify-content:flex-start}}
@media (max-width:640px){.scenario{grid-template-columns:34px 1fr}.scenario-flow{overflow:auto;max-width:100%;padding-bottom:2px}.scenario-flow span{padding:9px 10px;font-size:10px}}
.honeypot{position:absolute;left:-10000px;width:1px;height:1px;opacity:0;pointer-events:none}.thanks-page{min-height:100vh;background:linear-gradient(135deg,#f4f8f8,#e5eff1)}.thanks-main{display:grid;min-height:100vh;place-items:center;padding:28px}.thanks-card{width:min(100%,590px);padding:52px;text-align:center;background:#fff;border:1px solid #dce6e8;border-radius:20px;box-shadow:var(--shadow)}.thanks-card .brand{display:inline-block;margin-bottom:45px}.thanks-check{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 22px;border-radius:50%;background:#ddf4ea;color:var(--green-dark);font-size:30px;font-weight:800}.thanks-card .eyebrow{justify-content:center}.thanks-card h1{margin-bottom:14px;font-size:48px}.thanks-card>p:not(.eyebrow){max-width:400px;margin:0 auto 28px;color:var(--muted);font-size:16px}