:root{--tino-navy:#071426;--tino-green:#22c55e;--tino-text:#10213d;--tino-muted:#718097;--tino-line:#e3e9f1}
.tino-public-nav{position:relative;z-index:1000;background:rgba(7,20,38,.97);border-bottom:1px solid rgba(255,255,255,.08)}
.tino-public-nav .tpn-wrap{max-width:1180px;height:86px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:28px}
.tino-public-nav .tpn-brand{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}.tino-public-nav .tpn-brand img{width:145px;height:auto;display:block}
.tino-public-nav .tpn-links{display:flex;align-items:center;gap:8px;margin-left:auto}.tino-public-nav .tpn-links a{color:#b8c6d9;text-decoration:none;font:700 12px/1 Poppins,system-ui,sans-serif;padding:11px 12px;border-radius:10px;white-space:nowrap}.tino-public-nav .tpn-links a:hover,.tino-public-nav .tpn-links a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.07)}
.tino-public-nav .tpn-actions{display:flex;align-items:center;gap:8px}.tino-public-nav .tpn-login,.tino-public-nav .tpn-trial{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:11px;padding:12px 16px;font:800 12px/1 Poppins,system-ui,sans-serif;white-space:nowrap}.tino-public-nav .tpn-login{color:#fff;border:1px solid rgba(255,255,255,.18)}.tino-public-nav .tpn-trial{background:var(--tino-green);color:#062d19}
.tino-contextbar{background:#0a1b35;color:#95a7c0;border-bottom:1px solid rgba(255,255,255,.06);font:600 11px/1.2 Poppins,system-ui,sans-serif}.tino-contextbar .tcb-wrap{max-width:1180px;margin:auto;padding:9px 24px}.tino-contextbar b{color:#dfe8f5}.tino-contextbar span{color:#4ade80}
@media(max-width:900px){.tino-public-nav .tpn-wrap{height:72px;padding:0 16px}.tino-public-nav .tpn-brand img{width:124px}.tino-public-nav .tpn-links{display:none}.tino-public-nav .tpn-login{display:none}.tino-public-nav .tpn-trial{padding:11px 13px}.tino-contextbar .tcb-wrap{padding:8px 16px}}

.tino-landing-proof{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px;color:#b8c6d9;font:700 11px/1.4 Poppins,system-ui,sans-serif}.tino-landing-proof span{display:inline-flex;align-items:center;gap:6px}.tino-landing-proof span:before{content:'✓';color:#4ade80;font-weight:900}
@media(max-width:900px){.tino-landing-proof{gap:10px 14px}}

/* Public website: browser-native scrolling. The logged-in app keeps its own fixed shell. */
html{
  height:auto !important;
  min-height:100%;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior-y:auto;
  scroll-behavior:smooth;
}
body{
  position:relative !important;
  inset:auto !important;
  width:100%;
  height:auto !important;
  min-height:100%;
  max-height:none !important;
  overflow-x:hidden !important;
  overflow-y:visible !important;
  touch-action:pan-y pinch-zoom;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:auto;
}
.tino-public-nav{
  position:sticky;
  top:0;
  width:100%;
}
@media(max-width:900px){
  html,body{
    height:auto !important;
    min-height:100%;
    max-height:none !important;
    overflow-y:auto !important;
  }
  body{
    position:relative !important;
    touch-action:pan-y pinch-zoom !important;
  }
}

/* Tino Visual System 2026 · RC7 */
:root{
  --tino-surface:#ffffff;
  --tino-surface-soft:#f5f8fc;
  --tino-focus:0 0 0 4px rgba(34,197,94,.20);
  --tino-shadow-sm:0 10px 30px -22px rgba(7,20,38,.40);
  --tino-shadow-lg:0 28px 70px -36px rgba(7,20,38,.55);
  --tino-radius-sm:12px;
  --tino-radius-md:18px;
  --tino-radius-lg:26px;
}
::selection{background:rgba(34,197,94,.28);color:#071426}
:where(a,button,input,select,textarea,summary):focus-visible{
  outline:2px solid #22c55e !important;
  outline-offset:3px !important;
  box-shadow:var(--tino-focus) !important;
}
.tino-public-nav{
  background:linear-gradient(90deg,rgba(7,20,38,.97),rgba(10,28,54,.94));
  box-shadow:0 12px 40px -30px rgba(0,0,0,.9);
  backdrop-filter:blur(18px) saturate(1.15);
}
.tino-public-nav .tpn-wrap{height:84px}
.tino-public-nav .tpn-brand img{width:154px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.12))}
.tino-public-nav .tpn-links a,.tino-public-nav .tpn-login,.tino-public-nav .tpn-trial{
  min-height:44px;
  transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;
}
.tino-public-nav .tpn-trial{box-shadow:0 12px 26px -14px rgba(34,197,94,.75)}
.tino-public-nav .tpn-trial:hover{background:#4ade80;transform:translateY(-1px)}
.tino-public-nav .tpn-login:hover{border-color:rgba(74,222,128,.55);background:rgba(255,255,255,.06)}
.tino-contextbar{background:rgba(7,20,38,.96)}
.tino-landing-proof span{
  min-height:34px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(255,255,255,.045);
}
@media(hover:hover){
  :where(.btn,.plan,.feat,.solution-card,.persona-card,.tino-product-card){
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
  }
  :where(.solution-card,.persona-card,.tino-product-card):hover{transform:translateY(-4px);box-shadow:var(--tino-shadow-lg)}
}
@media(max-width:900px){
  .tino-public-nav .tpn-wrap{height:74px}
  .tino-public-nav .tpn-brand img{width:132px}
  .tino-public-nav .tpn-trial{min-height:42px}
}
@media(max-width:520px){
  .tino-public-nav .tpn-wrap{padding-inline:14px}
  .tino-public-nav .tpn-brand img{width:118px}
  .tino-public-nav .tpn-trial{font-size:11px;padding-inline:12px}
  .tino-landing-proof{display:grid;grid-template-columns:1fr}
  .tino-landing-proof span{width:max-content;max-width:100%}
}
@media(max-width:760px){
  .hero .wrap{
    display:block !important;
    grid-template-columns:minmax(0,1fr) !important;
    padding-top:48px !important;
    padding-bottom:64px !important;
  }
  .hero .hero-phone,.hero .mock{display:none !important}
  .hero h1{max-width:10ch !important;text-wrap:balance}
  .hero .sub,.hero .lead{max-width:34ch !important}
  .hero .cta{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;width:100% !important}
  .hero .cta .btn{width:100% !important;white-space:normal !important;text-align:center}
  .hero .trust{display:grid !important;gap:10px !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}
}