@font-face{font-family:Manrope;src:url("fonts/manrope-variable.ttf") format("truetype");font-weight:200 800;font-display:swap}
@font-face{font-family:Onest;src:url('fonts/onest-cyrillic.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;src:url('fonts/onest-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#f4f5f3;--ink:#191b1b;--muted:#666b68;--lime:#c9fe6e;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Onest,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:active{transform:scale(.97)}button:focus-visible,input:focus-visible{outline:3px solid #749a34;outline-offset:5px}button{transition:transform 150ms var(--ease),background-color 180ms ease}header{max-width:1440px;margin:auto;padding:26px 64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #daddd8}.brand{font-size:24px;font-weight:650;letter-spacing:-1.1px}.brand span{color:#688a31}.preview{font-size:12px;color:var(--muted)}main{max-width:1440px;margin:auto;padding:70px 64px 48px}#title{font-weight:500;font-size:clamp(38px,4.35vw,64px);line-height:1.06;letter-spacing:-.055em;margin:0;max-width:990px;text-wrap:balance}.intro{font-size:17px;line-height:1.6;max-width:760px;color:var(--muted);margin:25px 0 46px}.stages{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin:0 0 46px;padding:0;list-style:none}.stage{border-top:1px solid #cdd1cb;padding-top:16px}.number{display:flex;align-items:center;justify-content:space-between;color:#858b85;font-size:12px;font-variant-numeric:tabular-nums}.number span:last-child{font-size:20px;color:#333a33}.stage h2{font-size:19px;font-weight:500;letter-spacing:-.025em;line-height:1.25;margin:22px 0 12px}.stage p{font-size:13px;line-height:1.65;margin:0;color:var(--muted)}
.example{background:#202323;border-radius:24px;color:#f6f7f4;padding:30px 36px 28px;overflow:hidden}.example-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.example-head h2{font-size:24px;font-weight:450;letter-spacing:-.035em;margin:0}.replay{background:#343838;color:#dce1da;border:1px solid #4b504c;border-radius:100px;padding:9px 15px;font-size:12px;white-space:nowrap}.demo{display:grid;grid-template-columns:1.2fr .8fr;gap:54px;align-items:start}.label{font-size:12px;color:#a3aaa3;margin:0 0 20px}.messages{display:grid;gap:10px}.message{max-width:82%;font-size:14px;line-height:1.45;padding:13px 18px;border-radius:15px;background:#373c39;justify-self:start}.message.client{background:#f0f2ee;color:#232822;justify-self:end;border-bottom-right-radius:5px}.message.agent{border-bottom-left-radius:5px}.message:last-child{background:#c9fe6e;color:#26321c}.result{background:linear-gradient(135deg,#d3ff8f,#c9fe6e 65%,#b8e565);color:#25301c;border-radius:18px;padding:25px 28px;position:relative}.result .label{color:#566845;margin-bottom:28px}.result h3{font-size:31px;line-height:1.1;font-weight:500;letter-spacing:-.05em;margin:0 0 22px}.result dl{margin:0}.result dl div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #a9d164;padding:10px 0;font-size:13px}.result dt{color:#52673e}.result dd{margin:0}.saved{font-size:12px;line-height:1.5;margin:18px 0 0;max-width:240px}.note{color:#a3aaa3;font-size:11px;line-height:1.5;margin:24px 0 0;max-width:650px}.closing{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:34px 0 0}.closing p{font-size:14px;line-height:1.6;color:var(--muted);margin:0;max-width:575px}.closing strong{display:block;font-weight:450;color:#333a33;margin-bottom:8px}.cta{border:0;border-radius:100px;background:var(--lime);color:#202c14;display:flex;align-items:center;justify-content:center;gap:24px;padding:19px 25px;font-size:14px;font-weight:500;white-space:nowrap}.cta span{font-size:21px}.message.enter{animation:enter 500ms var(--ease) both}.result.enter{animation:enter 700ms var(--ease) both}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
dialog{border:0;border-radius:24px;padding:30px;max-width:440px;width:calc(100% - 32px);color:var(--ink);background:#f6f7f3}dialog::backdrop{background:#131813a6;backdrop-filter:blur(5px)}dialog h2{font-size:26px;letter-spacing:-.04em;font-weight:500;margin:12px 0}dialog p{font-size:14px;line-height:1.6;color:var(--muted)}dialog label{display:block;font-size:13px;margin:24px 0 8px}dialog input{width:100%;border:1px solid #bec6b8;background:white;border-radius:12px;padding:15px}dialog .cta{width:100%;margin-top:15px}.close{float:right;border:0;background:#e6e9e1;border-radius:50%;width:32px;height:32px;font-size:22px}.feedback{margin-bottom:0}
@media(hover:hover) and (pointer:fine){.cta:hover{background:#b8ed5b}.replay:hover{background:#454b46}}
@media(max-width:1000px){header{padding:22px 32px}main{padding:55px 32px 36px}.stages{grid-template-columns:repeat(2,1fr);gap:30px}.demo{gap:26px}.example{padding:26px}.closing{align-items:flex-start;flex-direction:column}.closing .cta{align-self:flex-start}}
@media(max-width:600px){header{padding:20px}.brand{font-size:21px}.preview{font-size:10px}main{padding:42px 20px 32px}#title{font-size:39px}.intro{font-size:15px;margin-bottom:32px}.stages{gap:26px 20px;margin-bottom:32px}.stage h2{font-size:16px;margin-top:16px}.stage p{font-size:12px}.example{padding:23px 18px;border-radius:20px}.example-head{align-items:flex-start}.example-head h2{font-size:21px;max-width:190px}.replay{font-size:11px;padding:8px 10px}.demo{grid-template-columns:1fr;gap:28px}.message{font-size:13px;max-width:90%;padding:12px 14px}.result{padding:24px}.result h3{font-size:30px}.closing{gap:22px}.closing .cta{width:100%;white-space:normal;text-align:left;font-size:13px;padding:17px 20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Visual proportions and surfaces measured from Made With GSAP; Cyrillic adaptation. */
:root{--paper:#fff;--ink:#0a0a0b;--muted:#888;--lime:#c9fe6e}
body{font-family:Manrope,Arial,sans-serif}header{padding:25px;border:0;max-width:none}.brand{font-weight:600;letter-spacing:-1.4px;color:#0a0a0b}.brand span{color:inherit}.preview{padding:17px 22px;background:#f3f3f3;border-radius:100px;color:#181818;font-family:monospace;font-size:11px;letter-spacing:.04em;text-transform:uppercase}
main{max-width:1440px;padding:100px 25px 55px}#title{font-size:52px;line-height:1.04;font-weight:500;letter-spacing:-.035em;text-align:center;max-width:1100px;margin:auto}#title span{color:#8b8b8b}.intro{text-align:center;margin:26px auto 65px;max-width:710px;font-size:16px;line-height:1.5;color:#777}
.stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:80px}.stage{border:0;padding:0}.stage-visual{height:245px;background:#f3f3f3;border-radius:21px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:26px}.visual-caption{position:absolute;bottom:22px;font-size:10px;font-family:monospace;color:#8a8a8a;text-transform:uppercase;letter-spacing:.02em}.visual-message{padding:22px;background:#fff;box-shadow:0 12px 32px #00000005;border-radius:16px;font-size:15px;line-height:1.5;transform:rotate(-6deg);max-width:250px}.visual-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;max-width:225px;transform:rotate(-9deg)}.visual-tags span{border-radius:100px;background:#fff;padding:12px 17px;font-size:13px}.visual-tags span:last-child{background:#232323;color:white}.visual-time{font-size:58px;line-height:1;font-weight:500;letter-spacing:-.055em;text-align:center}.visual-time span{display:block;font-size:11px;font-family:monospace;letter-spacing:.05em;text-transform:uppercase;margin-top:14px;color:#888}.visual-crm{background:#fff;display:flex;flex-direction:column;gap:11px;padding:22px 30px;border-radius:15px;transform:rotate(6deg);font-size:14px}.visual-crm span:first-child{font-weight:600}.visual-crm span:last-child{font-size:12px;color:#888}.number{margin:22px 0 0;color:#aaa;font-family:monospace;font-size:10px}.stage h2{font-size:18px;font-weight:500;line-height:1.3;margin:10px 0 12px;letter-spacing:-.02em;padding-right:10px}.stage p{font-size:14px;line-height:1.55;color:#888;padding-right:15px}
.example{background:#f3f3f3;border-radius:24px;color:#0a0a0b;padding:35px}.example-head{margin-bottom:30px}.example-head h2{font-size:28px;font-weight:500;letter-spacing:-.03em}.replay{background:white;border:0;color:#171717;text-transform:uppercase;font-family:monospace;font-size:11px;padding:14px 18px}.demo{grid-template-columns:1.25fr .75fr;gap:25px;align-items:stretch}.demo>div:first-child{background:#0a0a0b;border-radius:18px;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.label{font-family:monospace;font-size:10px;text-transform:uppercase;letter-spacing:.025em;margin-bottom:25px}.messages{gap:13px}.message{background:#232323;color:#ededed;max-width:87%;font-size:14px;border-radius:13px;padding:16px 18px}.message.client{background:#f3f3f3;color:#151515}.message:last-child{background:#232323;color:#ededed}.result{background:white;border-radius:18px;padding:30px;color:#0a0a0b}.result .label{color:#888;margin-bottom:37px}.result h3{font-size:38px;font-weight:500;letter-spacing:-.04em}.result dl div{border-color:#ededed;font-size:13px;padding:12px 0}.result dt{color:#888}.result dd{font-weight:500}.result dl div:last-child{border:0}.result dl div:last-child dd{background:#c9fe6e;border-radius:100px;padding:5px 10px;margin:-5px -10px -5px 0;font-size:11px}.saved{color:#888;max-width:280px;margin-top:30px}.note{color:#999;font-size:12px;margin-top:28px}.closing{padding:40px 0 0;gap:35px}.closing p{font-size:13px;max-width:690px}.closing strong{font-weight:500;color:#181818}.cta{font-family:monospace;font-size:11px;text-transform:uppercase;letter-spacing:.01em;padding:19px 24px;font-weight:400;gap:25px}.cta span{font-family:Arial;font-size:19px}.cta:hover{background:#c9fe6e}.replay:hover{background:#e9e9e9}
@media(max-width:1000px){main{padding:70px 25px 40px}#title{font-size:45px}.stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 15px}.stage-visual{height:230px}.intro{margin-bottom:45px}.demo{gap:16px}.demo>div:first-child{padding:22px}.example{padding:25px}.result{padding:22px}.result h3{font-size:32px}}
@media(max-width:600px){header{padding:18px}.preview{font-size:9px;padding:12px 14px}.brand{font-size:20px}main{padding:55px 18px 32px}#title{font-size:35px;line-height:1.08;letter-spacing:-.04em}.desktop-break{display:none}.intro{font-size:14px;margin:23px auto 40px}.stages{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:16px;margin-bottom:45px;scrollbar-width:thin}.stage{min-width:270px;scroll-snap-align:start}.stage-visual{height:240px}.stage p{font-size:13px}.stage h2{font-size:18px}.example{padding:23px 15px}.example-head h2{font-size:21px}.replay{font-size:9px;padding:12px}.demo{grid-template-columns:1fr;gap:14px}.demo>div:first-child{padding:22px 16px}.message{font-size:13px;padding:14px;max-width:93%}.result{padding:26px}.result h3{font-size:36px}.closing p{font-size:13px}.closing .cta{font-size:10px;padding:20px;white-space:normal;text-align:center}.note{font-size:11px}}


.stage p,.intro,.saved,.result dt,.note,.closing p{color:#6b6b6b}.label,.result .label,.visual-caption{color:#737373}.number span{font:inherit;color:inherit}.stages:focus-visible{outline:2px solid #749a34;outline-offset:8px}.visual-message,.visual-tags,.visual-crm{transition:transform 260ms var(--ease)}
@media(hover:hover) and (pointer:fine){.stage:hover .visual-message,.stage:hover .visual-tags,.stage:hover .visual-crm{transform:rotate(0deg) translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.visual-message,.visual-tags,.visual-crm{transition:none!important}.stage:hover .visual-message,.stage:hover .visual-tags,.stage:hover .visual-crm{transform:none}}

main{padding-top:0}.hero{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:75px 50px 110px}.hero h1{font-size:49px;font-weight:500;letter-spacing:-.045em;line-height:1.07;margin:0;text-wrap:balance}.hero h1 span{color:#888}.hero-copy>p{font-size:15px;line-height:1.65;color:#6b6b6b;max-width:535px;margin:28px 0}.hero-copy .hero-note{font-size:11px;line-height:1.6;max-width:430px;color:#6b6b6b;margin:17px 0 0}.hero-cta{margin-top:30px}.hero-demo{background:#0a0a0b;color:#fff;border-radius:23px;padding:32px;min-height:590px;display:flex;flex-direction:column;justify-content:center}.hero-demo-label{font:11px monospace;text-transform:uppercase;color:#999;letter-spacing:.02em;margin-bottom:40px}.flow-item{display:flex;gap:20px;align-items:flex-start;background:#232323;border-radius:15px;padding:23px 22px;font-size:19px;line-height:1.25;letter-spacing:-.025em}.flow-item small{display:block;font-size:11px;line-height:1.5;color:#a5a5a5;letter-spacing:0;margin-top:15px;max-width:280px}.flow-number{font:11px monospace;color:#a5a5a5;padding-top:5px}.flow-third{background:#c9fe6e;color:#0a0a0b}.flow-third small,.flow-third .flow-number{color:#43562c}.flow-line{height:24px;margin-left:38px;border-left:1px solid #454545}.flow-footer{font:10px monospace;color:#777;margin-top:35px;text-transform:uppercase}.flow-item{animation:flow-in 700ms var(--ease) both}.flow-second{animation-delay:350ms}.flow-third{animation-delay:700ms}@keyframes flow-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.pain{background:#0a0a0b;color:white;margin:0 -25px;padding:90px 25px;border-radius:26px}.pain-inner>h2{font-size:48px;line-height:1.08;font-weight:500;letter-spacing:-.035em;text-align:center;max-width:850px;margin:0 auto 22px;text-wrap:balance}.pain-inner>p{text-align:center;color:#999;font-size:15px;margin:0 0 50px}.pain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.pain-card{background:#f3f3f3;color:#0a0a0b;padding:28px;border-radius:21px}.pain-card h3{font-size:23px;line-height:1.18;letter-spacing:-.035em;font-weight:500;min-height:85px;margin:0 0 25px}.pain-scenario{background:white;border-radius:14px;padding:19px;font-size:14px;line-height:1.8;min-height:148px}.pain-strip{font-size:13px;margin-top:12px;color:#6b6b6b}.pain-card>p{font-size:14px;line-height:1.6;color:#6b6b6b;min-height:90px;margin:22px 0 30px}.pain-evidence{border-top:1px solid #dcdcdc;padding-top:25px}.fact{font-size:57px;line-height:1;letter-spacing:-.06em;font-weight:500;margin-bottom:20px}.pain-evidence>p{font-size:14px;line-height:1.5;min-height:65px}.pain-small{font-size:10px;line-height:1.65;color:#6b6b6b}.pain-small a{color:#4b4b4b;text-underline-offset:4px}.pain-small summary{cursor:pointer;margin-top:15px;font-size:12px;color:#161616}.pain-small details p,.pain-small p{font-size:12px;line-height:1.6}.pain-inner>.pain-small{text-align:center;margin:28px auto;color:#999}.pain-inner>.pain-strip{color:white;text-align:center;font-size:21px;line-height:1.4;max-width:790px;margin:45px auto 0}.solution{padding-top:110px}
@media(max-width:1100px){.hero{gap:35px;padding:65px 10px 85px}.hero h1{font-size:42px}.hero-demo{padding:24px}.flow-item{font-size:17px;padding:21px 16px}.pain-card{padding:22px}.pain-card h3{font-size:21px}.fact{font-size:48px}}
@media(max-width:750px){.hero{grid-template-columns:1fr;padding:48px 0 65px;gap:35px}.hero h1{font-size:41px;max-width:590px}.hero-copy>p{font-size:14px}.hero-demo{min-height:520px}.hero-cta{width:100%;white-space:normal;font-size:10px}.pain{margin:0 -18px;padding:60px 18px;border-radius:23px}.pain-inner>h2{font-size:34px}.pain-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:15px;scrollbar-width:thin}.pain-card{min-width:300px;scroll-snap-align:start}.pain-card h3{min-height:80px}.pain-card>p{min-height:70px}.pain-inner>.pain-strip{font-size:19px}.solution{padding-top:65px}.hero-demo-label{margin-bottom:28px}.flow-footer{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.flow-item{animation:none!important}}
.preview,.cta,.label,.number,.replay,.visual-caption,.hero-demo-label,.flow-number,.flow-footer{font-family:'Courier New',monospace}

html{scroll-behavior:smooth;scroll-padding-top:110px}.site-header{position:sticky;top:0;z-index:20;display:flex;padding:20px 25px;background:#ffffffed;backdrop-filter:blur(14px);border-bottom:1px solid #f1f1f1;gap:25px;min-height:85px}.brand{text-decoration:none;color:#0a0a0b;font-size:25px;letter-spacing:-1.5px}.header-actions{display:flex;align-items:center;gap:12px}.header-actions nav{display:flex;align-items:center;gap:30px;padding:19px 27px;background:#f3f3f3;border-radius:100px}.header-actions nav a{font-size:12px;color:#171717;text-decoration:none;white-space:nowrap}.header-actions nav a:hover{color:#656565}.header-actions a:focus-visible,.brand:focus-visible{outline:2px solid #749a34;outline-offset:5px}.header-cta{font-size:11px;letter-spacing:0;text-transform:none;padding:17px 22px}.hero{padding-top:65px}.hero h1{font-size:48px}.hero-copy>p{font-size:16px}.hero-note{max-width:430px}.flow-item small{font-size:12px;line-height:1.5;color:#b5b5b5}.flow-third small{color:#43562c}.flow-footer{color:#999}.hero-demo-label{color:#a5a5a5}.pain-inner>p{color:#aaa}.pain-card>p{min-height:90px}.pain-evidence>p{min-height:70px}.pain-small{font-size:11px}.pain-small summary{padding:10px 0;min-height:36px;margin-top:5px}.pain-small summary:focus-visible{outline:2px solid #749a34;outline-offset:3px}.pain-inner>.pain-small{font-size:11px;color:#aaa}.hero-cta,.closing .cta{font-size:12px;text-transform:none;letter-spacing:0}.hero-cta{font-family:Manrope,Arial,sans-serif;font-weight:500}.closing .cta{font-family:Manrope,Arial,sans-serif;font-weight:500}.note{font-size:12px}.message{line-height:1.6}#title{margin-top:0}.result dl div{align-items:center}.flow-item{animation-duration:600ms}
@media(max-width:1000px){.header-actions nav{gap:20px;padding:17px 20px}.header-cta{font-size:10px;padding:17px}.hero{padding-top:50px}.hero h1{font-size:42px}.hero-copy>p{font-size:15px}}
@media(max-width:750px){html{scroll-padding-top:90px}.site-header{padding:16px 18px;min-height:75px;gap:12px}.brand{font-size:21px;white-space:nowrap}.header-actions nav{display:none}.header-cta{max-width:190px;font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:11px;padding:12px 15px;text-align:left;gap:12px;white-space:normal;line-height:1.3}.header-cta span{font-size:18px}.hero{padding-top:43px}.hero h1{font-size:35px;line-height:1.12;letter-spacing:-.04em;text-wrap:pretty}.hero-copy>p{font-size:14px;line-height:1.6;margin-top:24px}.hero-cta{font-size:13px;padding:19px 22px}.hero-copy .hero-note{font-size:11px}.hero-demo{min-height:480px;padding:24px 20px}.flow-item{font-size:18px}.pain-card{min-width:min(310px,85vw)}.pain-inner>h2{font-size:32px}.closing .cta{font-size:12px}.solution{padding-top:60px}#title{font-size:34px}.hero-demo-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.site-header{padding:12px 25px;min-height:80px}.header-cta{font-family:Manrope,Arial,sans-serif;font-size:13px;font-weight:500;line-height:1.4}.header-actions nav{padding:16px 25px}.header-actions nav a{font-size:13px}.hero-demo-label,.flow-footer{font-family:Manrope,Arial,sans-serif;font-size:10px;letter-spacing:.06em}.flow-number{font-family:Manrope,Arial,sans-serif}.pain-grid:focus-visible{outline:2px solid #c9fe6e;outline-offset:6px}
@media(max-width:1000px){.header-cta{font-size:12px}.header-actions nav{gap:18px;padding:15px 20px}}
@media(max-width:900px){.header-actions nav{display:none}.hero{grid-template-columns:1fr;max-width:750px;margin:auto}.hero-demo{min-height:530px}.hero-copy{max-width:650px}}
@media(max-width:750px){.site-header{padding:12px 18px;min-height:76px}.header-cta{font-size:11px;line-height:1.3}.hero-demo{min-height:480px}}
.site-header .header-cta{padding:14px 20px;min-height:48px}.site-header .header-cta span{line-height:1}.site-header nav{padding-top:14px;padding-bottom:14px}@media(max-width:750px){.site-header .header-cta{padding:11px 15px}}

::selection{background:#c9fe6e;color:#0a0a0b}input{caret-color:#659a20}*{scrollbar-color:#bebebe transparent;scrollbar-width:thin}.supporting{font-size:12px;line-height:1.6;color:#6b6b6b}.section-heading{font-size:48px;line-height:1.08;letter-spacing:-.03em;font-weight:500;max-width:920px;margin:0 0 25px;text-wrap:balance}.section-inner>p{max-width:740px;color:#6b6b6b;font-size:16px;line-height:1.6;margin:0 0 45px}.content-section{padding:100px 40px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.content-card{font-size:15px;line-height:1.6}.content-card h3{font-weight:500;font-size:23px;line-height:1.2;letter-spacing:-.025em;margin:0 0 22px}.content-card>p{color:#6b6b6b}.section-note{font-size:17px;line-height:1.6;margin-top:35px;max-width:900px}.results-band{padding:30px 50px 70px}.results-band .section-heading{font-size:18px;letter-spacing:-.01em}.results-band .cards-grid{border-top:1px solid #ddd;padding-top:26px;gap:35px}.results-band .content-card h3{font-size:16px;min-height:43px;margin-bottom:12px}.results-band .content-card>div:not(.supporting){font-size:33px;letter-spacing:-.04em;margin:12px 0}.results-band .supporting{font-size:11px}.tools-band{padding:75px 0 0}.tools-band .section-heading{font-size:30px;text-align:center;margin:0 auto 18px;max-width:680px}.tools-band .section-inner>p{text-align:center;font-size:14px;margin:0 auto 35px;max-width:640px}.logo-track{display:flex;align-items:center;gap:18px;overflow-x:auto;padding:16px 4px;cursor:grab;touch-action:pan-x;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.logo-track::-webkit-scrollbar{display:none}.logo-item{display:flex;align-items:center;justify-content:center;gap:10px;flex:0 0 190px;height:80px;background:#f3f3f3;border-radius:14px;font-size:24px;font-weight:500;letter-spacing:-.04em;user-select:none}.logo-item img{max-width:130px;max-height:38px;object-fit:contain;filter:grayscale(1)}.logo-item img:not(.logo-wordmark){width:36px}.model-item{font-size:29px}.logo-track:focus-visible,.case-track:focus-visible{outline:2px solid #749a34;outline-offset:4px}.is-dragging{cursor:grabbing!important;user-select:none}
.section-4{padding-top:110px}.section-4 .content-card{background:#f3f3f3;padding:32px;border-radius:20px}.section-4 .content-card:first-child{background:#c9fe6e}.section-4 .content-card:first-child{color:#263919}.section-4 .cards-grid{grid-template-columns:1.2fr 1fr 1fr}.section-5{background:#f3f3f3;border-radius:25px;margin:0 -25px;padding:90px 25px}.case-track{display:flex;gap:16px;overflow-x:auto;padding:5px 0 22px;touch-action:pan-y;cursor:grab;scrollbar-width:none}.case-track::-webkit-scrollbar{display:none}.case-card{flex:0 0 calc((100% - 32px)/3);background:#fff;border-radius:19px;padding:30px;min-width:0}.case-card h3{font-size:21px;font-weight:500;letter-spacing:-.025em;margin:0 0 30px}.case-result{font-size:41px;letter-spacing:-.045em;font-weight:500;background:#f3f3f3;padding:45px 20px;text-align:center;border-radius:15px;margin-bottom:25px}.case-card p{font-size:14px;line-height:1.6;color:#6b6b6b}.case-card .supporting{font-size:11px}.case-link{display:inline-block;margin-top:30px;color:#171717;font-size:13px;text-underline-offset:6px;padding:8px 0}.case-details{background:white;margin:20px 0 32px;padding:30px;border-radius:18px;font-size:14px;line-height:1.7}.case-details[hidden]{display:none}.case-details summary{font-size:20px;font-weight:500;margin-bottom:20px;cursor:pointer}.case-details .step{padding:12px 0;border-bottom:1px solid #eee}.case-control{background:#f3f3f3;border:0;border-radius:100px;padding:13px 20px;margin-top:20px}.section-5 .cta,.section-7 .cta{font-family:Manrope;font-size:13px;text-transform:none;margin:28px 0 15px;white-space:normal}.section-5 .section-inner>.supporting,.section-7 .section-inner>.supporting{max-width:600px}
.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 55px;margin-top:55px}.rules-grid .content-card{border-top:1px solid #d5d5d5;padding-top:25px;color:#6b6b6b}.rules-grid h3{color:#0a0a0b}.section-6 .section-note{background:#f3f3f3;border-radius:16px;padding:30px;font-size:16px}.section-7{background:#0a0a0b;color:#fff;border-radius:25px;margin:0 -25px;padding:90px 65px}.section-7 .section-inner>p,.section-7 .supporting{color:#b0b0b0}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 55px}.process-grid .content-card{padding:28px 0;border-top:1px solid #3e3e3e;color:#b0b0b0;font-size:14px}.process-grid h3{color:#fff;font-size:23px}.section-8{padding-top:120px;padding-bottom:100px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px}.section-8 .two-col>div:first-child p{font-size:26px;letter-spacing:-.025em;line-height:1.35;max-width:470px}.section-8 .content-card{padding:35px;background:#f3f3f3;border-radius:20px}.section-8 .content-card h3{font-size:25px}.field-label{display:block;font-size:13px;line-height:1.5;margin-top:20px}.field{display:block;width:100%;border:1px solid #c8c8c8;border-radius:12px;padding:16px;background:white;margin-top:8px;font-size:15px;color:#161616}.field::placeholder{color:#6b6b6b}#consultation-form .cta{font-family:Manrope;font-size:13px;text-transform:none;white-space:normal;width:100%;margin-top:25px;padding:20px}.form-status{color:#6b6b6b;font-size:12px;line-height:1.5;margin-top:20px}.site-footer{padding:45px 65px 25px;background:#f3f3f3;display:grid;grid-template-columns:1fr 1fr;gap:20px}.site-footer>p{font-size:15px;color:#6b6b6b;margin:0}.footer-contact{justify-self:start;background:none;border:0;font-family:Manrope;font-size:25px;letter-spacing:-.03em;padding:0;text-decoration:underline;text-underline-offset:8px}.footer-meta{grid-column:1/-1;border-top:1px solid #ddd;margin-top:25px;padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:#6b6b6b}.skip-link{position:fixed;z-index:100;top:10px;left:10px;background:#c9fe6e;padding:12px 20px;border-radius:12px;transform:translateY(-200%);color:#111}.skip-link:focus{transform:none}
@media(max-width:1000px){.content-section{padding:75px 10px}.section-5{padding:75px 25px}.section-7{padding:75px 35px}.cards-grid{gap:15px}.section-4 .content-card{padding:24px}.content-card h3{font-size:21px}.two-col{gap:30px}.case-card{flex-basis:calc((100% - 16px)/2)}.section-heading{font-size:40px}.results-band{padding:15px 10px 55px}}
@media(max-width:650px){.section-heading{font-size:33px;margin-bottom:22px}.section-inner>p{font-size:14px;line-height:1.6;margin-bottom:32px}.content-section{padding:65px 0}.cards-grid,.section-4 .cards-grid,.rules-grid,.process-grid,.two-col{grid-template-columns:1fr}.results-band{padding:0 0 45px}.results-band .cards-grid{gap:25px}.results-band .content-card h3{min-height:0}.results-band .content-card>div:not(.supporting){font-size:28px}.tools-band{padding-top:50px}.tools-band .section-heading{font-size:26px}.tools-band .section-inner>p{font-size:13px}.logo-item{flex-basis:155px;height:70px}.section-5{margin:0 -18px;padding:65px 18px}.case-card{flex-basis:88%;padding:25px}.case-result{font-size:35px;padding:40px 15px}.rules-grid{gap:25px;margin-top:35px}.section-6 .section-note{padding:24px;font-size:14px}.section-7{margin:0 -18px;padding:65px 25px}.process-grid{gap:0}.process-grid h3{font-size:21px}.section-8 .two-col>div:first-child p{font-size:24px}.section-8 .content-card{padding:25px}.site-footer{padding:35px 20px 20px;grid-template-columns:1fr}.footer-contact{font-size:24px}.footer-meta{gap:20px;align-items:flex-end}.section-8 .section-heading{font-size:34px}.case-details{padding:22px}.header-actions nav{gap:24px}.section-4 .content-card{padding:28px}.section-5 .cta,.section-7 .cta{width:100%;font-size:12px}.results-band .section-heading{font-size:18px}.case-track{touch-action:pan-x}}

.case-photo{width:calc(100% + 60px);max-width:none;margin:-30px -30px 24px;display:block;height:230px;object-fit:cover;border-radius:19px 19px 0 0;filter:saturate(.65)}.demo-tag{font-size:10px;color:#6b6b6b;margin-bottom:12px}.case-card h3{margin-bottom:22px}.case-result{font-size:35px;line-height:1.15;background:none;padding:0;text-align:left;margin:0 0 14px;white-space:nowrap}.case-result span{color:#999}.case-metric{font-weight:500;color:#111!important}.case-card .supporting{min-height:35px}.demo-heading-note{font-size:11px;color:#6b6b6b;display:block;margin-top:10px;letter-spacing:0}.logo-item.model-item{font-size:23px}.model-item img{width:33px;height:33px}.case-card{overflow:hidden}.case-link:focus-visible{outline:2px solid #749a34;outline-offset:4px}
@media(max-width:650px){.case-photo{width:calc(100% + 50px);margin:-25px -25px 24px;height:200px}.case-result{font-size:32px}}

.demo>div:first-child>.label{color:#a5a5a5}.message.agent{color:#ededed}.flow-number{color:#b5b5b5}.flow-third .flow-number{color:#43562c}.visual-caption{color:#6b6b6b}.stage .number{color:#6b6b6b}.result .label,.result dt,.saved{color:#6b6b6b}.note{color:#6b6b6b}.hero h1,#title,.fact,.case-result{letter-spacing:-.04em}.tools-band .logo-track:focus-visible{outline-color:#659a20}

.logo-track,.case-track{touch-action:pan-x pan-y}

/* Approved refinement: silver conversation, ordered steps and original brand colors. */
:root{--silver:#e7e9eb;--silver-line:#d6dade;--soft-ink:#53585e}
.stages{gap:16px}
.stage{position:relative;background:#f5f6f7;border-radius:22px;padding:18px 18px 24px}
.stage-visual{height:224px;border-radius:16px;background:#e9ecef;padding:34px 14px 38px}
.stage:nth-child(2) .stage-visual{background:#e5e8ec}
.stage:nth-child(3) .stage-visual{background:#e4efda}
.stage:nth-child(4) .stage-visual{background:#e7e9ec}
.stage .number{position:absolute;top:30px;left:30px;margin:0;z-index:1;font-family:Manrope,Arial,sans-serif;color:#50565c}
.stage .number span{font-size:11px;font-weight:600;letter-spacing:0}
.stage h2{margin:22px 0 12px;min-height:70px;padding:0;font-size:18px;line-height:1.3}
.stage p{padding:0;font-size:13px;line-height:1.65;color:#62686e}
.visual-caption{font-family:Manrope,Arial,sans-serif;text-transform:none;letter-spacing:0;font-size:11px;color:#53585e;bottom:18px}
.visual-message{font-size:14px;padding:19px 16px;transform:rotate(-3deg);border-radius:13px;box-shadow:0 9px 24px #17212d0a}
.visual-tags{gap:7px;transform:rotate(-4deg)}
.visual-tags span{padding:11px 14px;font-size:12px}
.visual-tags span:last-child{background:#c9fe6e;color:#25331d}
.visual-time{font-size:49px;background:#fff;padding:23px 25px;border-radius:16px;letter-spacing:-.03em}
.visual-time span{color:#53585e;font-family:Manrope,Arial,sans-serif;text-transform:none;font-size:12px;letter-spacing:0;margin-top:12px}
.visual-crm{transform:rotate(3deg);padding:20px 25px;font-size:13px;box-shadow:0 9px 24px #17212d0a}
.visual-crm span:last-child{color:#62686e}
.demo>div:first-child{background:var(--silver);color:#0a0a0b;justify-content:flex-start;gap:26px}
.demo>div:first-child>.label{color:#53585e;margin:0;font-family:Manrope,Arial,sans-serif;font-size:11px;letter-spacing:.02em}
.messages{gap:12px}
.demo .message{background:#d2d8dd;color:#22272b}
.demo .message.client{background:#fff;color:#22272b}
.demo .message.agent{background:#d2d8dd;color:#22272b}
.demo .message:last-child{background:#c9fe6e;color:#26321c}
.result .label{font-family:Manrope,Arial,sans-serif;font-size:11px;letter-spacing:.02em}
.rules-grid{gap:16px;margin-top:45px}
.rules-grid .content-card{border:1px solid #e0e3e6;border-radius:20px;padding:28px 30px 30px;background:#fff;color:#62686e}
.rules-grid .content-card:first-child,.rules-grid .content-card:last-child{background:#f5f6f7}
.rule-symbol{display:flex;align-items:center;justify-content:center;width:54px;height:54px;background:#e8ebee;border-radius:14px;margin-bottom:28px}
.rule-symbol img{width:28px;height:28px}
.rules-grid .content-card:last-child .rule-symbol{background:#c9fe6e}
.rules-grid h3{max-width:420px;font-size:23px;margin-bottom:15px}
.rules-grid p{margin:0;font-size:14px;line-height:1.7;max-width:60ch}
.section-6 .section-note{background:#eef1ed;color:#404b3b;padding:30px 34px;margin-top:24px}
.section-7{background:#f1f3f5;color:#0a0a0b;padding:90px 65px}
.section-7 .section-inner>p,.section-7 .supporting{color:#62686e}
.process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:45px;position:relative;isolation:isolate}
.process-grid .content-card{background:#fff;border:1px solid #e0e3e6;border-radius:18px;padding:28px;color:#62686e;font-size:14px;line-height:1.7;position:relative}
.process-grid h3{font-size:21px;line-height:1.3;color:#0a0a0b;min-height:122px;margin:0 0 18px;padding-top:72px;letter-spacing:-.02em}
.step-number{position:absolute;top:28px;left:28px;display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#e9ecef;color:#40474d;border-radius:50%;font-size:14px;font-weight:600;letter-spacing:0;line-height:1}
.process-grid .content-card:last-child .step-number{background:#c9fe6e;color:#26321c}
.process-grid .content-card::after{content:"";position:absolute;top:48px;left:100%;width:19px;height:1px;background:#b7bec5;z-index:-1}
.process-grid .content-card:nth-child(3n)::after{display:none}
.logo-item img{filter:none;object-fit:contain}
.logo-item{background:#f4f5f6;border:1px solid #e8ebee;gap:12px}
.logo-item.model-item{flex-basis:200px}
.model-item img{width:36px;height:36px}
#logo-track .logo-item.logo-sheets{flex-basis:235px;font-size:21px;letter-spacing:-.025em}
.tools-band .supporting{margin:12px 4px 0}
@media(hover:hover) and (pointer:fine){.stage:hover .visual-message{transform:rotate(0) translateY(-4px)}.stage:hover .visual-tags,.stage:hover .visual-crm{transform:rotate(0) translateY(-4px)}}
@media(max-width:1100px){.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid .content-card:nth-child(3n)::after{display:block}.process-grid .content-card:nth-child(2n)::after{display:none}.stage h2{min-height:0}.section-7{padding:75px 35px}}
@media(max-width:1000px){.stage-visual{height:230px}.rules-grid .content-card{padding:25px}.process-grid .content-card{padding:25px}.step-number{top:25px;left:25px}.process-grid .content-card::after{top:45px}}
@media(max-width:650px){.rules-grid,.process-grid{grid-template-columns:1fr}.rules-grid{gap:14px;margin-top:32px}.rules-grid h3{font-size:21px}.rule-symbol{margin-bottom:22px}.rules-grid .content-card{padding:25px}.section-6 .section-note{padding:25px;font-size:14px}.section-7{padding:65px 18px}.process-grid{margin-top:32px;gap:18px}.process-grid .content-card{padding:25px}.process-grid h3{font-size:21px;min-height:0;padding-top:63px;margin-bottom:15px}.process-grid .content-card::after,.process-grid .content-card:nth-child(3n)::after{display:block;top:100%;left:45px;width:1px;height:19px}.process-grid .content-card:nth-child(2n)::after{display:block}.process-grid .content-card:last-child::after{display:none}.step-number{width:40px;height:40px}.logo-item.model-item{flex-basis:165px;font-size:22px}#logo-track .logo-item.logo-sheets{flex-basis:215px;font-size:19px}.demo>div:first-child{padding:23px 18px;gap:23px}.example{padding:25px 18px}.example-head{gap:14px}.example-head h2{font-size:22px}.replay{font-size:9px;padding:12px}.stage h2{min-height:0}}
@media(max-width:600px){.stage{min-width:295px;padding:16px 16px 24px}.stage-visual{height:226px}.stage .number{top:28px;left:28px}.stage h2{font-size:19px;margin-top:22px}.stage p{font-size:13px}.stages{gap:14px;padding-bottom:18px}}
@media(prefers-reduced-motion:reduce){.stage:hover .visual-message,.stage:hover .visual-tags,.stage:hover .visual-crm{transform:none}}

/* Light hero and problem section; coordinated, compositor-only scroll motion. */
.hero-demo{background:#e7e9eb;color:#0a0a0b}
.hero-demo-label,.flow-footer{color:#53585e}
.flow-item{background:#fff;color:#0a0a0b;animation-duration:900ms}
.flow-item small,.flow-number{color:#62686e}
.flow-second{animation-delay:200ms}
.flow-third{background:#c9fe6e;animation-delay:400ms}
.flow-third small,.flow-third .flow-number{color:#43562c}
.flow-line{border-color:#bcc3c9}
.pain{background:#eef0f2;color:#0a0a0b}
.pain-inner>p,.pain-inner>.pain-small{color:#62686e}
.pain-inner>.pain-strip{color:#0a0a0b}
.pain-card{background:#fff}
.pain-scenario{background:#f1f3f5}
.pain-grid:focus-visible{outline-color:#659a20}
.message.enter{animation-duration:800ms}
.result.enter{animation-duration:900ms}
html:has(dialog[open]){overflow:hidden}
.scroll-reveal{transition:opacity 800ms var(--ease),transform 800ms var(--ease);transition-delay:var(--reveal-delay,0ms)}
.scroll-reveal.motion-prepared:not(.is-revealed){opacity:.45;transform:translateY(18px)}
.scroll-reveal.reveal-soft.motion-prepared:not(.is-revealed){opacity:.7;transform:translateY(8px)}
.scroll-reveal.is-revealed{opacity:1;transform:translateY(0)}
.process-grid .scroll-reveal{transition-duration:900ms}
.scroll-reveal:focus-within{opacity:1!important;transform:none!important;transition-delay:0ms!important}
@media(max-width:650px){.scroll-reveal.motion-prepared:not(.is-revealed){transform:translateY(12px)}.scroll-reveal.reveal-soft.motion-prepared:not(.is-revealed){transform:translateY(6px)}}
@media(prefers-reduced-motion:reduce){.scroll-reveal,.scroll-reveal.is-revealed,.scroll-reveal.motion-prepared:not(.is-revealed),.scroll-reveal.reveal-soft.motion-prepared:not(.is-revealed){opacity:1;transform:none;transition:none}.flow-item,.message.enter,.result.enter{animation:none}}

/* An opaque sticky header avoids filtering every passing scroll frame. */
.site-header{background:#fff;backdrop-filter:none}