@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b1713;--panel:#14271f;--accent:#69dfac;--ink:#f1f8f4;--muted:#a2b9ad;--line:#294438}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:15px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.wrap{max-width:1240px;width:calc(100% - 100px);margin:auto}header{height:90px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0b1713ed;position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;font:800 23px Manrope,sans-serif;letter-spacing:-1px}.brand>span:last-child{font-weight:400;color:var(--accent)}.brand-icon{color:var(--accent);font-size:28px;margin-right:10px}nav{display:flex;gap:30px;color:#c0c2ba;font-size:13px}nav a:hover,.text-link:hover{color:var(--accent)}.nav-cta{border:1px solid #37654b;padding:12px 18px;border-radius:6px;font-size:13px}.nav-cta span{margin-left:20px}.hero{display:grid;grid-template-columns:1fr 1.15fr;gap:45px;align-items:center;padding-top:70px;padding-bottom:90px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--accent);display:block}.eyebrow>span{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--accent);margin-right:6px}h1,h2,h3,p{margin:0}h1{font:600 clamp(45px,4.7vw,68px)/1.08 Manrope,sans-serif;letter-spacing:-3px;margin:25px 0}em{font-style:normal;color:var(--accent)}.hero-copy>p{color:var(--muted);line-height:1.8;max-width:440px;font-size:15px}.actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:30px}.button{background:var(--accent);color:#092418;padding:17px 23px;border-radius:5px;display:inline-flex;gap:28px;align-items:center;font-weight:700;font-size:13px;transition:background .2s,transform .2s}.button:hover{background:#9aefca;transform:translateY(-2px)}.text-link{font-size:12px}.hero-note{display:flex;gap:23px;font-size:10px;color:var(--muted);margin-top:22px}.hero-visual{min-width:0;background:radial-gradient(ellipse at 60% 50%,#194c38 0,transparent 70%);position:relative;padding:30px 0}.visual-top,.visual-bottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.8px;color:#8f957e}.visual-top{margin-bottom:40px}.visual-bottom{margin-top:40px}.app{border:1px solid #345b48;background:#10251c;border-radius:12px;overflow:hidden;box-shadow:0 30px 80px #0006;transform:perspective(1800px) rotateY(-5deg)}.app-head{height:47px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 18px;font-size:10px}.mini-brand{color:var(--accent)}.avatar{display:grid;place-items:center;background:#214b35;border-radius:50%;width:24px;height:24px;font-size:8px}.app-body{display:grid;grid-template-columns:112px 1fr}.app aside{border-right:1px solid var(--line);padding:18px 8px;display:flex;flex-direction:column;gap:8px;font-size:8px;color:#999f92}.app aside span{padding:9px 5px}.side-active{background:#69dfac14;color:var(--accent);border-radius:3px}.side-bottom{margin-top:auto}.app-main{padding:24px 16px;min-width:0}.app-main>small{font-size:6px;letter-spacing:1px;color:var(--muted)}.app-main h3{font-size:14px;margin:9px 0 20px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.kpis>div{border:1px solid var(--line);padding:12px 8px;border-radius:5px}.kpis small{font-size:6px;color:#a3aa9c;display:block}.kpis strong{display:block;font-size:16px;margin-top:9px}.kpis i{font-style:normal;font-size:5px;color:#8d9685}.agenda-top{margin-top:25px;display:flex;justify-content:space-between;font-size:8px;margin-bottom:10px}.agenda-top>span{color:#9da691}.appointment{display:flex;align-items:center;gap:8px;border-top:1px solid #284b38;padding:13px 0;font-size:7px}.appointment time{color:#a1aa96}.initial{border-radius:50%;width:24px;height:24px;background:#214b35;display:grid;place-items:center;color:#9be8bf;font-size:7px}.appointment b{display:block;font-size:8px}.appointment small{display:block;color:#929b87;font-size:6px;margin-top:4px}.status{margin-left:auto;color:#a6c49a;background:#a6c49a12;font-size:6px;padding:4px;border-radius:3px}.pending{color:#c3d5cc}.week{height:90px;display:flex;justify-content:space-around;align-items:end;padding-top:10px;gap:12px}.week span{display:flex;flex-direction:column-reverse;gap:7px;align-items:center;font-size:6px;color:#88917e;flex:1}.week i{display:block;background:#43bd8255;width:100%;border-radius:2px}.week span:nth-child(4) i{background:var(--accent)}.floating{position:relative;margin:-3px -10px 0 80px;padding:19px 20px;background:#183c2b;border:1px solid #326448;border-radius:8px;display:flex;align-items:center;gap:14px;box-shadow:0 15px 35px #0005}.check{display:grid;place-items:center;width:32px;height:32px;background:#69dfac15;color:var(--accent);border-radius:50%}.floating b{font-size:11px}.floating small{font-size:9px;color:#a3ac98;display:block;margin-top:5px}.illustration{font-size:9px;color:#828b79;margin:17px 0;text-align:right}.strip{border-block:1px solid var(--line);padding:27px 0}.strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:9px;font-weight:600;letter-spacing:1.2px;color:#b3b7a9}.strip i{color:var(--accent);font-size:16px}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}h2{font:500 clamp(30px,3.2vw,44px)/1.2 Manrope,sans-serif;letter-spacing:-1.6px;margin-top:20px}.section-heading>p{max-width:300px;color:var(--muted);line-height:1.8;font-size:14px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:30px;margin-bottom:40px}.tabs button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:17px 10px;cursor:pointer;font-size:13px}.tabs button[aria-current=step]{border-color:var(--accent);color:var(--accent)}.module{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center;min-height:300px}.module h3{font:500 30px/1.2 Manrope,sans-serif;letter-spacing:-1px;margin:15px 0}.module p{color:var(--muted);line-height:1.9;font-size:14px}.module ul{list-style:none;padding:0;color:#d1d6c9;font-size:13px}.module li{margin:14px 0}.module li:before{content:'✓';margin-right:12px;color:var(--accent)}.module-preview{background:#112b20;border:1px solid #30523f;padding:30px;border-radius:10px}.preview-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:23px}.preview-head span{color:var(--accent);font-size:10px}.preview-row{border-top:1px solid #30523f;padding:18px 0;display:flex;gap:20px;align-items:center}.preview-row>span{font-size:11px;color:var(--accent);min-width:40px}.preview-row b{font-size:13px}.preview-row small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.preview-row i{font-style:normal;margin-left:auto;font-size:10px;color:#b6c7a6}.preview-label{font-size:9px;color:#8a927f;margin-top:16px}.resources{background:#102219;border-block:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.feature-grid article{padding:32px 30px 32px 0;border-top:1px solid #294c39;margin-right:34px}.icon{color:var(--accent);font-size:25px;display:block;margin-bottom:20px}.feature-grid h3{font-size:17px;margin-bottom:13px;font-weight:500}.feature-grid p{font-size:13px;line-height:1.9;color:var(--muted)}.journey{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-bottom:1px solid var(--line)}.journey>div>p{max-width:350px;margin:25px 0;color:var(--muted);line-height:1.8}.journey ol{padding:0;list-style:none}.journey li{display:flex;gap:26px;padding:25px 0;border-bottom:1px solid var(--line)}.journey li:last-child{border:0}.journey li>span{color:var(--accent);font-size:12px;padding-top:4px}.journey h3{font-weight:500;font-size:19px}.journey li p{font-size:13px;color:var(--muted);line-height:1.7;margin-top:10px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{list-style:none;cursor:pointer;font-size:14px;display:flex;justify-content:space-between;gap:15px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:var(--accent)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:17px}.closing{text-align:center;background:#133f2b;border:1px solid #2c7150;border-radius:12px;padding:65px 20px;margin-bottom:80px}.closing h2{font-size:46px}.closing p{margin:25px 0;color:var(--muted);font-size:14px}footer{display:flex;align-items:center;justify-content:space-between;padding-bottom:40px;color:#9ba38f}footer .brand{font-size:19px}footer>span,footer small{font-size:11px}@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:110px}}@media(max-width:950px){.wrap{width:calc(100% - 48px)}header nav{display:none}.hero{gap:25px;grid-template-columns:1fr 1fr}h1{font-size:48px}.app-body{grid-template-columns:1fr}.app aside{display:none}.hero-note{gap:12px}.strip .wrap{flex-wrap:wrap;justify-content:center}.module{gap:30px}.section-heading{gap:25px}.journey{gap:40px}.faq{gap:35px}.feature-grid article{margin-right:15px;padding-right:15px}}@media(max-width:650px){header{height:75px;padding:0 20px}.brand{font-size:19px}.nav-cta{padding:10px;font-size:10px}.nav-cta span{margin-left:6px}.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:40px;gap:15px}h1{font-size:54px;letter-spacing:-2.5px}h1 br:nth-child(2){display:none}.hero-copy>p{font-size:14px}.hero-visual{margin-top:15px}.visual-top{margin-bottom:22px}.app-body{grid-template-columns:90px 1fr}.app aside{display:flex;font-size:6px}.app-main{padding:18px 10px}.app-main h3{font-size:11px}.kpis strong{font-size:13px}.appointment{gap:5px}.appointment b{font-size:7px}.floating{margin-left:25px;margin-right:0}.visual-bottom{margin-top:20px}.strip{padding:20px 0}.strip .wrap{font-size:8px;gap:10px}.strip i{display:none}.section{padding:60px 0}.section-heading{display:block}.section-heading>p{margin-top:22px;max-width:none}.tabs{gap:0;justify-content:space-between}.tabs button{font-size:10px;padding:16px 5px}.module{grid-template-columns:1fr;gap:25px}.module-preview{padding:22px}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid article{padding:25px 10px 25px 0;margin-right:10px}.feature-grid h3{font-size:15px}.feature-grid p{font-size:12px}.journey,.faq{grid-template-columns:1fr;gap:25px}.journey ol{margin-top:0}.closing{padding:45px 18px;margin-bottom:45px}.closing h2{font-size:33px}footer{flex-wrap:wrap;gap:20px}footer>span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.billing{border-top:1px solid var(--line)}.billing-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.soon{display:inline-block;background:#69dfac16;border:1px solid #69dfac55;color:var(--accent);font-size:10px;letter-spacing:1.5px;border-radius:30px;padding:8px 13px;margin-bottom:20px}.billing-copy>p{color:var(--muted);line-height:1.9;margin-top:22px;font-size:15px}.billing-copy .billing-note{font-size:12px}.chat-demo{background:#10281e;border:1px solid #305a42;border-radius:16px;overflow:hidden}.chat-title{padding:20px 24px;border-bottom:1px solid #305a42;display:flex;gap:12px;align-items:center}.chat-title .check{background:#69dfac;color:#092418}.chat-title small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.chat-body{padding:24px;display:flex;flex-direction:column;gap:15px}.bubble{background:#214531;border-radius:0 12px 12px 12px;padding:15px 17px;font-size:13px;line-height:1.7;max-width:88%}.bubble.customer{align-self:flex-end;background:#306d4b;border-radius:12px 0 12px 12px}.bubble p{margin-top:8px}.pix-demo{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px;border:1px dashed #6db38a;border-radius:7px}.pix-demo span{font-size:26px;color:var(--accent)}.pix-demo small{display:block;font-size:10px;color:#b4d3bf}.chat-result{display:flex;align-items:center;gap:12px;border:1px solid #69dfac55;background:#69dfac12;border-radius:8px;padding:14px;font-size:12px}.chat-result small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.billing-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:45px}.billing-steps article{border-top:1px solid #365c46;padding-top:22px}.billing-steps span{color:var(--accent);font-size:12px}.billing-steps h3{font-size:16px;margin:15px 0 10px;font-weight:500}.billing-steps p{color:var(--muted);font-size:12px;line-height:1.8}@media(max-width:650px){.billing-intro{grid-template-columns:1fr;gap:30px}.billing-steps{grid-template-columns:1fr 1fr;gap:20px}.chat-body{padding:18px}.bubble{max-width:95%}.billing h2{font-size:33px}}

/* Motion and interaction layer. All content stays readable without JavaScript. */
:root{--ease-out:cubic-bezier(.22,1,.36,1)}
body{overflow-x:clip}
.reading-progress{position:fixed;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#259363,#a2ffce);transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}
header{transition:background .35s,box-shadow .35s,border-color .35s}
header.scrolled{background:#0b1713f5;border-color:#40745a;box-shadow:0 12px 35px #0003}
nav a{position:relative;padding:10px 0;transition:color .25s}
nav a:after{content:'';height:1px;position:absolute;bottom:3px;left:0;right:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out)}
nav a:hover:after,nav a:focus-visible:after{transform:scaleX(1)}
.nav-cta{transition:background .25s,border-color .25s,box-shadow .25s}
.nav-cta:hover{background:#69dfac13;border-color:var(--accent);box-shadow:0 0 24px #69dfac0e}
.hero{position:relative;isolation:isolate}
.hero:before{content:'';position:absolute;inset:0 -3% 0 20%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 65% 30%,#37b9821a,transparent 65%);animation:ambient-drift 10s ease-in-out 2 alternate}
.hero-copy>*{animation:hero-enter .85s var(--ease-out) both}
.hero-copy>h1{animation-delay:90ms}.hero-copy>p{animation-delay:180ms}.hero-copy>.actions{animation-delay:270ms}.hero-copy>.hero-note{animation-delay:360ms}
.hero h1 em{background:linear-gradient(110deg,#a1f6cd 5%,#69dfac 40%,#36a978 75%,#a1f6cd);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:title-light 7s ease-in-out 2 alternate}
.hero-visual{animation:hero-enter 1.1s .2s var(--ease-out) both}
.floating{animation:float-card 5s 1.2s ease-in-out 3}
.week i{transform-origin:bottom;animation:chart-grow 1s .7s var(--ease-out) backwards}
.week span:nth-child(2) i{animation-delay:.8s}.week span:nth-child(3) i{animation-delay:.9s}.week span:nth-child(4) i{animation-delay:1s}.week span:nth-child(5) i{animation-delay:1.1s}.week span:nth-child(6) i{animation-delay:1.2s}
.button{position:relative;overflow:hidden;isolation:isolate;transition:transform .3s var(--ease-out),background .3s,box-shadow .3s}
.button:before{content:'';position:absolute;inset:-60% auto -60% -60%;width:35%;background:linear-gradient(90deg,transparent,#ffffff75,transparent);transform:rotate(25deg);transition:left .65s var(--ease-out);pointer-events:none}
.button:hover:before{left:130%}.button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #69dfac26}.button:active{transform:translateY(0)}
.button span,.nav-cta span{display:inline-block;transition:transform .3s var(--ease-out)}.button:hover span,.nav-cta:hover span{transform:translate(3px,-3px)}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s var(--ease-out) var(--reveal-delay,0ms),transform .75s var(--ease-out) var(--reveal-delay,0ms)}
.reveal.revealed{opacity:1;transform:translateY(0)}
.tabs{position:relative}.tabs button{transition:color .25s,background .25s}.tabs button:hover{background:#69dfac08;color:var(--ink)}
.tabs:has(.tab-marker) button{border-bottom-color:transparent}.tab-marker{position:absolute;bottom:-1px;left:0;height:2px;background:var(--accent);box-shadow:0 -4px 14px #69dfac45;transition:transform .45s var(--ease-out),width .45s var(--ease-out);pointer-events:none}
.feature-grid{gap:14px}.feature-grid article{margin-right:0;padding:28px;border:1px solid #294c39;border-radius:12px;position:relative;overflow:hidden;background:#102219}
.feature-grid article:before,.module-preview:before,.closing:before{content:'';position:absolute;inset:0;background:radial-gradient(350px circle at var(--glow-x,50%) var(--glow-y,50%),#69dfac12,transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}
.feature-grid article:hover:before,.module-preview:hover:before,.closing:hover:before{opacity:1}
.feature-grid article.revealed{transition:opacity .75s var(--ease-out),transform .35s var(--ease-out),border-color .35s,box-shadow .35s}
.feature-grid article.revealed:hover{transform:translateY(-6px);border-color:#69dfac77;box-shadow:0 15px 30px #0002}
.feature-grid .icon{transition:transform .4s var(--ease-out),color .4s}.feature-grid article:hover .icon{transform:translateY(-3px) rotate(-7deg);color:#b5ffdc}
.module-preview{position:relative;overflow:hidden;transition:border-color .3s}.module-preview:hover{border-color:#69dfac77}
.billing-steps article{position:relative}.billing-steps article:before{content:'';position:absolute;top:-1px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--accent),#69dfac15);transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease-out) var(--reveal-delay,0ms)}.billing-steps article.revealed:before{transform:scaleX(1)}
.chat-demo{box-shadow:0 25px 80px #0003}.chat-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 24px 20px}.chat-controls>span{color:var(--muted);font-size:9px}.replay-chat{background:#69dfac0c;border:1px solid #69dfac35;color:var(--accent);padding:10px 13px;border-radius:6px;font-size:11px;cursor:pointer;transition:background .25s,border-color .25s}.replay-chat:hover{background:#69dfac20;border-color:var(--accent)}.replay-chat span{display:inline-block;margin-left:6px;transition:transform .4s}.replay-chat:hover span{transform:rotate(90deg)}
.journey li{transition:padding-left .3s var(--ease-out),border-color .3s}.journey li:hover{padding-left:10px;border-color:var(--accent)}
.faq details{overflow:hidden}.faq summary{transition:color .25s}.faq summary:hover,.faq details[open] summary{color:var(--accent)}.faq summary:after{content:'+'!important;font-size:20px;line-height:1;transition:transform .3s}.faq details[open] summary:after{transform:rotate(45deg)}
.closing{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 110%,#246a46,transparent 70%),#102d20;box-shadow:0 30px 80px #0002}.closing>*{position:relative}
@keyframes hero-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes chart-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes ambient-drift{from{transform:translate(-2%,-2%) scale(.96);opacity:.55}to{transform:translate(2%,2%) scale(1.04);opacity:1}}
@keyframes title-light{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes float-card{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:650px){.feature-grid{gap:10px}.feature-grid article{padding:21px 15px;margin:0}.chat-controls{padding:0 18px 18px;flex-wrap:wrap}.module{min-height:560px}.hero:before{inset:0 -2% 0 0}.reveal{transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.floating,.feature-grid article.revealed:hover{transform:none}.hero h1 em{background:none;color:var(--accent)}.billing-steps article:before{transform:scaleX(1)}}
@media print{.reveal{opacity:1;transform:none}.reading-progress,.replay-chat{display:none}}
