body{margin:0;background:#F4F1EA}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
a{color:#152B38}a:hover{color:#486B67}
.t-root{font-family:"Hanken Grotesk",ui-sans-serif,system-ui,sans-serif;color:#152B38;-webkit-font-smoothing:antialiased}
.t-root *{box-sizing:border-box}
.serif{font-family:"Fraunces",Georgia,"Times New Roman",serif;font-optical-sizing:auto;font-variation-settings:"SOFT" 100,"WONK" 0;letter-spacing:-0.015em}
.btn{transition:transform .35s cubic-bezier(.2,.7,.2,1),background-color .35s ease,box-shadow .35s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary:hover{background-color:#1F3C4D !important;color:#F4F1EA !important;box-shadow:0 10px 30px -12px rgba(21,43,56,.55)}
.btn-ivory:hover{background-color:#FFFFFF !important;color:#152B38 !important}
.btn-ghost:hover{background-color:rgba(21,43,56,.06) !important;color:#152B38 !important}
.nav-link{text-decoration:none;transition:color .25s ease}
.nav-link:hover{color:#486B67}
.card-lift{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease}
.card-lift:hover{transform:translateY(-4px);box-shadow:0 24px 48px -28px rgba(21,43,56,.35)}
.tab{font:inherit;font-size:14px;min-height:44px;padding:0 18px;border-radius:999px;cursor:pointer;transition:background-color .35s ease,color .35s ease,border-color .35s ease}
.tab-on{background:#F4F1EA;color:#152B38;border:1px solid #F4F1EA}
.tab-off{background:transparent;color:rgba(244,241,234,.82);border:1px solid rgba(244,241,234,.22)}
.tab-off:hover{border-color:rgba(244,241,234,.5);color:#F4F1EA}
.arrow{width:44px;height:44px;flex:none;border:0;padding:0;background:transparent;color:rgba(244,241,234,.32);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .3s ease}
.arrow:hover{color:rgba(244,241,234,.75)}
.dot{width:24px;height:24px;border:0;padding:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}
.dot span{display:block;height:6px;border-radius:999px;transition:width .5s cubic-bezier(.2,.7,.2,1),background-color .4s ease}
.dot-on span{width:20px;background:#9FBDB9}
.dot-off span{width:6px;background:rgba(244,241,234,.3)}
.chat-scroll{scrollbar-width:none}
.chat-scroll::-webkit-scrollbar{display:none}
@keyframes t-ring{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}25%{opacity:.55}100%{transform:translate(-50%,-50%) scale(1.6);opacity:0}}
@keyframes t-rise{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:translateY(0)}}
@keyframes t-dot{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}
@keyframes t-live{0%,100%{box-shadow:0 0 0 0 rgba(115,154,150,.55)}60%{box-shadow:0 0 0 8px rgba(115,154,150,0)}}
@keyframes t-slide{0%{opacity:0;transform:translateX(28px)}100%{opacity:1;transform:translateX(0)}}
.ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(115,154,150,.55);animation:t-ring 6s cubic-bezier(.2,.6,.3,1) infinite}
.rise-1{animation:t-rise 1s cubic-bezier(.2,.7,.2,1) .4s both}
.rise-2{animation:t-rise 1s cubic-bezier(.2,.7,.2,1) 1.1s both}
.rise-3{animation:t-rise 1s cubic-bezier(.2,.7,.2,1) 1.8s both}
.slide-in{animation:t-slide .8s cubic-bezier(.2,.7,.2,1) both}
.typing span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#739A96;animation:t-dot 1.4s ease-in-out infinite}
.typing span:nth-child(2){animation-delay:.2s}
.typing span:nth-child(3){animation-delay:.4s}
.live{animation:t-live 2.6s ease-out infinite}
.still .ring,.still .rise-1,.still .rise-2,.still .rise-3,.still .typing span,.still .live,.still .slide-in{animation:none}
.still .ring{opacity:.35;transform:translate(-50%,-50%) scale(1)}
@media (prefers-reduced-motion: reduce){.ring,.rise-1,.rise-2,.rise-3,.typing span,.live,.slide-in{animation:none !important}.ring{opacity:.35;transform:translate(-50%,-50%) scale(1)}}
@media (max-width: 720px){.nav-links{display:none !important}}
.m-only{display:none}
@media (max-width: 640px){
.m-only{display:flex}
#topo h1{font-size:38px !important;line-height:1.05 !important}
#topo a.btn{flex:1 1 100%;justify-content:center}
.t-root section h2{font-size:31px !important;line-height:1.12 !important}
#comecar h2{font-size:34px !important}
.t-root section p.serif[style*="font-weight: 300"]{font-size:32px !important}
.phone-row{flex-wrap:wrap !important;gap:4px 28px !important}
.phone-row > [role="img"]{flex:1 1 100% !important;max-width:100% !important;order:-1;padding:6px !important;border-radius:28px !important}
.hscroll{grid-template-columns:none !important;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:76%;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px !important;margin-inline:-20px;padding:4px 20px 8px;scroll-padding-inline:20px;scrollbar-width:none}
.hscroll::-webkit-scrollbar{display:none}
.hscroll > *{scroll-snap-align:start}
.hscroll > .card-lift{padding:20px 18px 22px !important;gap:10px !important;border-radius:20px !important}
.hscroll h3{font-size:19px !important}
.hscroll p{font-size:14px !important;line-height:1.5 !important}
.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
.benefits-grid > .card-lift{padding:18px 14px 20px !important;gap:10px !important;border-radius:20px !important}
.benefits-grid > .card-lift > div:first-child{width:38px !important;height:38px !important}
.benefits-grid svg{width:20px;height:20px}
.benefits-grid h3{font-size:17px !important}
.benefits-grid p{font-size:12.5px !important;line-height:1.5 !important}
.assets-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;column-gap:16px}
.assets-grid > div{padding:20px 0 !important}
.assets-grid .serif{font-size:20px !important}
.assets-grid .serif + div{font-size:13.5px !important}
#como-funciona div[aria-hidden="true"]{display:none}
#como-funciona div[style*="minmax(260px"]{gap:28px !important}
#como-funciona div[style*="minmax(260px"] > div{display:grid !important;grid-template-columns:44px minmax(0,1fr);column-gap:16px;row-gap:6px !important;align-items:start}
#como-funciona div[style*="minmax(260px"] > div > div:first-child{grid-row:span 2;width:44px !important;height:44px !important;font-size:18px !important}
#como-funciona h3{font-size:22px !important}
}

/* Static conversion: only one conversation scenario is visible at a time (replaces the canvas runtime's sc-if). */
[data-scenario][hidden]{display:none !important}