/* Tino Public Product System · SENIORBUILD RC8 */
:root{
  --tino-navy:#071426;
  --tino-navy-soft:#10294c;
  --tino-green:#159b55;
  --tino-green-bright:#22c55e;
  --tino-text:#10213d;
  --tino-muted:#63738a;
  --tino-line:#dfe6ef;
  --tino-paper:#f4f7fb;
  --tino-surface:#fff;
  --tino-radius-sm:10px;
  --tino-radius-md:14px;
  --tino-radius-lg:18px;
  --tino-radius-xl:24px;
  --tino-shadow-sm:0 1px 2px rgba(7,20,38,.03),0 12px 30px -24px rgba(7,20,38,.4);
  --tino-shadow-lg:0 28px 72px -34px rgba(7,20,38,.52);
  --tino-container:1180px;
  --tino-focus:0 0 0 4px rgba(21,155,85,.16);
  --font-sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:78px}
body{font-family:var(--font-sans)!important;color:var(--tino-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
img,svg{max-width:100%}
.tino-inline-icon-v8{display:inline-grid;place-items:center;width:1.2em;height:1.2em;flex:0 0 auto;vertical-align:-.2em;color:currentColor}.tino-inline-icon-v8 svg{width:100%;height:100%;display:block}.pay,.login-product,.login-wa,#su_tg_pf{gap:7px}.mc-ico .tino-inline-icon-v8,.sc-row .ic .tino-inline-icon-v8,.erp-module .eico .tino-inline-icon-v8{width:24px;height:24px}.fld button[onclick^="togglePw"] .tino-inline-icon-v8,.fld button[onclick^="togglePw"] svg{width:19px;height:19px;display:block}
.hx-chip{display:inline-flex!important;align-items:center;gap:7px}.tino-referral-icon{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 8px;color:#4ade80}.tino-referral-icon .tino-inline-icon-v8{width:30px;height:30px}
::selection{background:rgba(34,197,94,.24);color:var(--tino-navy)}
:where(a,button,input,select,textarea,summary,[role="button"]):focus-visible{outline:2px solid var(--tino-green)!important;outline-offset:3px!important;box-shadow:var(--tino-focus)!important}
.wrap{max-width:var(--tino-container)!important;padding-inline:24px!important}
.section{padding-block:clamp(64px,7.5vw,104px)!important}
h1,h2,h3,h4{font-family:var(--font-sans)!important;text-wrap:balance;letter-spacing:-.035em!important}
p{text-wrap:pretty}

.tino-public-nav{position:sticky!important;top:0!important;background:rgba(7,20,38,.96)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;backdrop-filter:blur(16px) saturate(1.1)!important}
.tino-public-nav .tpn-wrap{max-width:var(--tino-container)!important;height:76px!important;padding-inline:24px!important;gap:20px!important}
.tino-public-nav .tpn-brand img{width:138px!important;filter:none!important}
.tino-public-nav .tpn-links{gap:2px!important}
.tino-public-nav .tpn-links a{min-height:42px!important;display:inline-flex;align-items:center;padding:10px 11px!important;border-radius:9px!important;font-family:var(--font-sans)!important;font-size:12px!important;font-weight:650!important;transition:background-color .14s,color .14s!important}
.tino-public-nav .tpn-actions{gap:8px!important}
.tino-public-nav .tpn-login,.tino-public-nav .tpn-trial{min-height:42px!important;padding:10px 14px!important;border-radius:10px!important;font-family:var(--font-sans)!important;font-size:12px!important;font-weight:750!important;box-shadow:none!important;transition:background-color .14s,border-color .14s,color .14s!important}
.tino-public-nav .tpn-trial{background:var(--tino-green-bright)!important;color:#062d19!important}
.tino-public-nav .tpn-trial:hover{background:#4ade80!important;transform:none!important}
.tino-contextbar{background:#0a1a31!important;font-family:var(--font-sans)!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
.tino-contextbar .tcb-wrap{max-width:var(--tino-container)!important;padding:8px 24px!important}

.tpn-menu-btn{display:none;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:transparent;color:#fff;cursor:pointer}
.tpn-menu-btn svg{width:20px;height:20px}
.tpn-mobile-panel{display:none;position:fixed;z-index:1100;top:74px;left:12px;right:12px;padding:10px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:#0b1d37;box-shadow:0 28px 70px rgba(0,0,0,.38)}
.tpn-mobile-panel.open{display:grid;gap:4px}
.tpn-mobile-panel a{display:flex;align-items:center;min-height:46px;padding:10px 12px;border-radius:9px;color:#d6e0ef;text-decoration:none;font-size:13px;font-weight:650}
.tpn-mobile-panel a:hover,.tpn-mobile-panel a[aria-current="page"]{background:rgba(255,255,255,.07);color:#fff}
.tpn-mobile-panel .tpn-mobile-login{margin-top:4px;border:1px solid rgba(255,255,255,.14);justify-content:center}

.btn,.tpop-cta,.wa-btn{min-height:46px!important;border-radius:var(--tino-radius-sm)!important;font-family:var(--font-sans)!important;font-weight:750!important;box-shadow:none!important;transition:background-color .14s,border-color .14s,color .14s!important}
.btn:hover,.tpop-cta:hover,.wa-btn:hover{transform:none!important}
.btn.gold{background:var(--tino-green)!important;color:#fff!important}
.btn.gold:hover{background:#128749!important}
.btn.line{border-color:var(--tino-line)!important}.btn.line:hover{background:var(--tino-paper)!important;border-color:#aebbc9!important}

.hero{background:radial-gradient(760px 420px at 88% 0,rgba(34,197,94,.15),transparent 68%),var(--tino-navy)!important}
.hero::after{height:64px!important}
.hero .wrap{gap:clamp(36px,5vw,64px)!important;padding-top:clamp(54px,7vw,84px)!important}
.hero h1{font-size:clamp(2.45rem,4.7vw,4rem)!important;line-height:1.02!important;letter-spacing:-.055em!important}
.hero .sub,.hero .lead{font-size:clamp(1rem,1.5vw,1.16rem)!important;line-height:1.65!important}
.hero .cta{margin-top:28px!important}
.badge-ia,.eyebrow{font-family:var(--font-sans)!important}
.mock .win{border-radius:var(--tino-radius-lg)!important;transform:none!important;box-shadow:var(--tino-shadow-lg)!important}
.mock .float{box-shadow:var(--tino-shadow-sm)!important}

.shead{max-width:700px!important}.shead h2{font-size:clamp(1.9rem,3.3vw,2.65rem)!important}.shead p{color:var(--tino-muted)!important;line-height:1.7!important}
.feat-grid,.plan-grid,.steps{gap:16px!important}
.feat,.plan,.step,.solution-card,.persona-card,.tino-product-card{border-color:var(--tino-line)!important;border-radius:var(--tino-radius-md)!important;box-shadow:none!important}
.feat:hover,.plan:hover,.step:hover,.solution-card:hover,.persona-card:hover,.tino-product-card:hover{transform:none!important;box-shadow:none!important;border-color:#aebbc9!important}
.plan.feat{transform:none!important;border-color:var(--tino-green)!important;box-shadow:0 0 0 3px rgba(21,155,85,.08)!important}
.plan.feat:hover{transform:none!important}
.sobre-card,.cta-band{border-radius:var(--tino-radius-xl)!important;box-shadow:none!important}
.tino-landing-proof{font-family:var(--font-sans)!important}.tino-landing-proof span{min-height:32px!important;padding:6px 10px!important;background:transparent!important;border-color:rgba(255,255,255,.13)!important}
footer{background:#071426!important}.foot-logo{max-width:160px;height:auto!important}

input,select,textarea{min-height:48px;border:1px solid var(--tino-line);border-radius:var(--tino-radius-sm);padding:10px 12px;background:#fff;color:var(--tino-text)}
input:focus,select:focus,textarea:focus{border-color:var(--tino-green);box-shadow:var(--tino-focus);outline:0}

@media(max-width:900px){
  .tino-public-nav .tpn-wrap{height:74px!important;padding-inline:16px!important;gap:10px!important}
  .tino-public-nav .tpn-brand img{width:124px!important}
  .tino-public-nav .tpn-links,.tino-public-nav .tpn-login{display:none!important}
  .tpn-menu-btn{display:grid}
  .tino-public-nav .tpn-actions{margin-left:auto!important}
  .tino-public-nav .tpn-trial{min-height:42px!important;padding-inline:12px!important}
  .tino-contextbar .tcb-wrap{padding-inline:16px!important}
  .wrap{padding-inline:18px!important}
}
@media(max-width:760px){
  .section{padding-block:58px!important}
  .hero .wrap{padding-top:48px!important;padding-bottom:70px!important}
  .hero h1{font-size:clamp(2.25rem,11vw,3.25rem)!important;max-width:12ch!important}
  .hero .cta{display:grid!important;width:100%!important}.hero .cta .btn{width:100%!important}
  .plan-grid,.feat-grid,.steps{gap:12px!important}
  .cd-grid{grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important}
  .cd-grid>*,.cd-chips,.cd-chip{min-width:0!important;max-width:100%!important}
}
@media(max-width:430px){
  .tino-public-nav .tpn-wrap{padding-inline:12px!important}
  .tino-public-nav .tpn-brand img{width:112px!important}
  .tino-public-nav .tpn-trial{font-size:10.5px!important;padding-inline:10px!important}
  .wrap{padding-inline:14px!important}
}
@media(max-width:360px){
  .tino-public-nav .tpn-trial{display:none!important}
  .tino-public-nav .tpn-actions{margin-left:auto!important}
  .btn{white-space:normal!important;text-align:center}
  .cd-grid .ph-top>div{min-width:0!important;overflow:hidden!important}
  .cd-grid .ph-top b{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .cd-grid .ph-top .vf{display:none!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}