@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
.product-screen{position:relative;z-index:1;display:block;width:min(760px,100%);border:1px solid #fff8;border-radius:16px;box-shadow:0 35px 70px #322f6648}
@media(max-width:620px){.product-screen{border-radius:10px}}
:root{--ink:#172022;--muted:#647072;--paper:#fbfbf8;--line:#e8e8e2;--orange:#f06448;--purple:#6555da;--mint:#d7f0e9;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{text-decoration:none;color:inherit}.site-header{height:82px;max-width:1320px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:9px;font-size:20px;font-weight:700;letter-spacing:-.06em}.brand>span:last-child span{color:var(--orange)}.brand-mark{display:grid!important;place-items:center;width:29px;height:29px;border-radius:9px 9px 3px;color:#fff;background:var(--ink);font-family:var(--serif);font-size:19px;font-style:italic}.site-header nav{display:flex;gap:32px;font-size:13px;font-weight:600;color:#4d5859}.site-header nav a:hover{color:var(--orange)}.header-cta{font-size:13px;font-weight:700}.header-cta span,.text-link span{color:var(--orange);margin-left:8px;font-size:18px}
.hero{position:relative;min-height:690px;max-width:1320px;margin:0 auto;padding:76px 34px 48px;display:grid;grid-template-columns:43% 57%;gap:24px;overflow:hidden;background:radial-gradient(circle at 88% 36%,#e3e1ff 0,transparent 31%),linear-gradient(130deg,#fbfbf8 0 42%,#f1f0ff 100%)}.hero-copy{position:relative;z-index:2;align-self:center}.eyebrow{margin:0 0 19px;text-transform:uppercase;letter-spacing:.13em;font:500 10px var(--mono);color:var(--orange)}.eyebrow i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1{max-width:590px;margin-bottom:26px;font:600 clamp(49px,5.1vw,74px)/.98 var(--serif);letter-spacing:-.07em}.hero h1 em,.final-cta em{color:var(--orange);font-weight:500}.hero-text{max-width:490px;color:var(--muted);font-size:16px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:35px}.button{display:inline-flex;align-items:center;gap:23px;padding:15px 18px;border-radius:8px;font-size:13px;font-weight:700}.button-primary{color:#fff;background:var(--ink);box-shadow:0 12px 28px #17202222}.button-primary:hover{background:var(--orange)}.button span{font-size:18px}.text-link{font-size:13px;font-weight:700}.hero-proof{display:flex;align-items:center;gap:10px;margin-top:45px}.hero-proof p{margin:0;color:#788180;font-size:11px;line-height:1.5}.hero-proof strong{color:var(--ink)}.pulse-dot{width:12px;height:12px;border-radius:50%;background:#69d0ae;box-shadow:0 0 0 6px #69d0ae33;animation:pulse 1.7s infinite}
.showcase-stage{position:relative;align-self:center;min-height:510px;padding:46px 0 26px 32px}.stage-glow{position:absolute;inset:25px 0 25px 15%;border-radius:38px;background:linear-gradient(135deg,#7669ee,#b6b2ff 55%,#ffb19f);filter:blur(0);opacity:.93;transform:rotate(-4deg)}.chatwoot-screen{position:relative;z-index:1;display:block;width:min(760px,100%);border:1px solid #fff8;border-radius:16px;box-shadow:0 35px 70px #322f6648}.image-credit{position:relative;z-index:2;margin:10px 0 0 8px;color:#4b4978;font:400 9px var(--mono)}.explore-card{position:absolute;z-index:3;right:27px;bottom:54px;width:300px;padding:24px;border:1px solid #ffffffa8;border-radius:16px;background:#fffffff2;box-shadow:0 20px 55px #1f1b583d;backdrop-filter:blur(10px);animation:cardFloat 4s ease-in-out infinite}.card-kicker{margin-bottom:11px;color:#6555da;font:500 9px var(--mono);letter-spacing:.12em}.explore-card h2{margin-bottom:10px;font:600 27px/1.02 var(--serif);letter-spacing:-.055em}.explore-card>p:not(.card-kicker){min-height:52px;margin-bottom:17px;color:#5f6372;font-size:12px;line-height:1.48}.tour-progress{display:flex;gap:5px;margin-bottom:17px}.tour-progress span{display:block;width:23px;height:3px;border-radius:4px;background:#deddea;transition:.4s}.tour-progress .active{background:#6555da;width:47px}.tour-button{width:100%;padding:10px;border:0;border-radius:8px;background:#171927;color:#fff;font:600 11px var(--sans);cursor:pointer}.tour-button span{margin-left:6px;color:#b8b5ff}.tour-pin{position:absolute;z-index:2;width:15px;height:15px;border:3px solid #fff;border-radius:50%;background:#f06448;box-shadow:0 0 0 7px #f0644840;animation:pinPulse 1.8s infinite}.pin-one{top:30%;left:30%}.pin-two{top:52%;left:59%;opacity:0}.pin-three{top:67%;left:82%;opacity:0}.showcase-stage[data-step="2"] .pin-one,.showcase-stage[data-step="3"] .pin-one{opacity:0}.showcase-stage[data-step="2"] .pin-two,.showcase-stage[data-step="3"] .pin-two{opacity:1}.showcase-stage[data-step="3"] .pin-three{opacity:1}.showcase-stage:not(.tour-running) .explore-card,.showcase-stage:not(.tour-running) .tour-pin{animation-play-state:paused}
.logos{max-width:1210px;margin:36px auto 0;padding:25px 34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.logos p{color:#8a9390;font-size:10px}.logos div{display:flex;justify-content:space-between;align-items:center;color:#687370;font-size:17px;font-weight:700}.logos div span:nth-child(2){font-size:18px;font-weight:600}.logos div span:nth-child(3){font-size:14px}.logos div span:nth-child(4){font-size:15px}.story-section{max-width:1210px;margin:0 auto;padding:145px 34px 58px;display:flex;justify-content:space-between}.section-intro h2{font:600 clamp(37px,4vw,55px)/1.05 var(--serif);letter-spacing:-.06em}.section-lead{max-width:380px;padding-top:32px;color:var(--muted);font-size:15px;line-height:1.7}.journey{max-width:1210px;margin:auto;padding:20px 34px 130px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.journey article{position:relative;min-height:280px;padding:27px;border:1px solid var(--line);border-radius:12px;background:#fff}.step{position:absolute;right:24px;color:#adb4b1;font:400 9px var(--mono)}.journey-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;font-size:20px}.coral{background:#fde4dc;color:#e95d3d}.purple{background:#e8e7fc;color:#6054ce}.gold{background:#fdf0d1;color:#c28924}.journey h3{margin:31px 0 10px;font:600 23px/1.12 var(--serif);letter-spacing:-.04em}.journey p{max-width:290px;color:var(--muted);font-size:12px;line-height:1.65}.journey a{position:absolute;bottom:23px;font-size:11px;font-weight:700}.journey a span{color:var(--orange);margin-left:7px}.feature-split{max-width:1210px;margin:0 auto;padding:115px 34px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.feature-split.reverse{padding-top:65px}.feature-copy h2{margin-bottom:17px;font:600 clamp(35px,3.7vw,49px)/1.05 var(--serif);letter-spacing:-.06em}.feature-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.7}.feature-copy ul{margin:27px 0;padding:0;list-style:none}.feature-copy li{margin:12px 0;font-size:12px;font-weight:600}.feature-copy li i{display:inline-grid;place-items:center;width:17px;height:17px;margin-right:8px;border-radius:50%;color:#268466;background:#d7f0e9;font-size:9px;font-style:normal}.feature-visual{min-height:370px;border-radius:14px;overflow:hidden}.live-screen{position:relative;background:#24233e;padding:32px 18px 18px}.live-screen img{display:block;width:100%;border-radius:8px;box-shadow:0 16px 36px #0007}.live-screen span{position:absolute;top:13px;left:18px;color:#dedcff;font:400 8px var(--mono);letter-spacing:.08em}.metrics-card{padding:30px;background:#1b2927;color:#fff}.metric-top{display:flex;justify-content:space-between;color:#98aaa6;font-size:9px}.metric-top p{margin:0}.metric-top b{font-size:8px;color:#d3e0dd}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:34px}.stat-grid div{padding:15px;border-radius:8px;background:#243936}.stat-grid span,.stat-grid b,.stat-grid small{display:block}.stat-grid span{color:#94a6a2;font-size:8px}.stat-grid b{margin:9px 0 4px;font:500 25px var(--mono);letter-spacing:-.07em}.stat-grid small{color:#6dd0b4;font-size:8px}.chart{display:flex;align-items:end;gap:12px;height:133px;margin-top:38px;padding:0 10px;border-bottom:1px solid #41534f}.chart i{display:block;flex:1;max-width:22px;border-radius:4px 4px 0 0;background:linear-gradient(#66cfb0,#356e60)}.metric-foot{display:flex;justify-content:space-between;padding:9px 10px;color:#7f948f;font:400 7px var(--mono)}.final-cta{position:relative;overflow:hidden;margin:70px 24px 0;padding:112px 30px;border-radius:15px;text-align:center;color:#fff;background:#1b2927}.final-cta:before,.final-cta:after{position:absolute;border:1px solid #ffffff0d;border-radius:50%;content:""}.final-cta:before{width:570px;height:570px;top:-415px;left:-170px;box-shadow:0 0 0 65px #ffffff07,0 0 0 130px #ffffff04}.final-cta:after{width:480px;height:480px;bottom:-390px;right:-120px;box-shadow:0 0 0 55px #ffffff07}.final-cta>*{position:relative;z-index:1}.final-cta .eyebrow{color:#85d7c0}.final-cta h2{margin-bottom:20px;font:600 clamp(43px,5vw,66px)/1 var(--serif);letter-spacing:-.065em}.final-cta h2 em{color:#83d9c1}.final-cta>p:not(.eyebrow){max-width:480px;margin:0 auto 28px;color:#a9bab5;font-size:14px;line-height:1.65}.button-light{color:#152321;background:#fff}.button-light:hover{background:#e0f4ed}footer{max-width:1210px;margin:auto;padding:43px 34px;display:flex;align-items:center;justify-content:space-between;color:#7c8683;font-size:10px}footer p{margin:0;font-size:11px}footer .brand{color:var(--ink)}footer>span{font-size:9px}@keyframes pulse{50%{box-shadow:0 0 0 11px #69d0ae00}}@keyframes cardFloat{50%{transform:translateY(-10px)}}@keyframes pinPulse{50%{box-shadow:0 0 0 13px #f0644800}}@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:54px}.showcase-stage{max-width:760px;width:100%;padding-left:0}.story-section{display:block;padding-top:100px}.section-lead{padding-top:0}.feature-split{gap:50px}}@media(max-width:620px){.site-header{height:70px;padding:0 18px}.header-cta{font-size:0}.header-cta span{font-size:20px}.hero{padding:48px 18px 15px;min-height:0}.hero h1{font-size:49px}.hero-actions{align-items:flex-start;flex-direction:column}.showcase-stage{min-height:390px;padding:33px 0 14px}.chatwoot-screen{border-radius:10px}.explore-card{right:8px;bottom:29px;width:min(280px,82%);padding:19px}.explore-card h2{font-size:23px}.image-credit{font-size:8px}.logos{margin-top:20px;padding:20px 18px;overflow:hidden}.logos div{gap:25px;width:max-content;font-size:14px}.story-section{padding:85px 18px 35px}.journey{grid-template-columns:1fr;padding:20px 18px 70px}.journey article{min-height:250px}.feature-split,.feature-split.reverse{grid-template-columns:1fr;padding:70px 18px;gap:35px}.feature-split.reverse .feature-copy{order:-1}.feature-visual{min-height:320px}.final-cta{margin:20px 12px 0;padding:80px 18px}.final-cta h2{font-size:44px}footer{flex-wrap:wrap;gap:20px;padding:35px 18px}footer p{order:3;width:100%}}