/* TurnoCerto · Homepage premium 2026
   Entrada pública mais leve, humana e coerente com o produto. */

:root{
  --home-bg:#f6f8fb;
  --home-bg-soft:#eef3f9;
  --home-surface:rgba(255,255,255,.88);
  --home-surface-solid:#fff;
  --home-ink:#121722;
  --home-muted:#667085;
  --home-line:rgba(23,35,56,.09);
  --home-blue:#3478f6;
  --home-blue-soft:#eaf2ff;
  --home-mint:#25a875;
  --home-mint-soft:#e8f8f1;
  --home-amber:#d98b18;
  --home-amber-soft:#fff4df;
  --home-lilac:#7567d8;
  --home-lilac-soft:#f0edff;
  --home-coral:#d96f62;
  --home-coral-soft:#fff0ed;
  --home-shadow:0 24px 70px rgba(30,45,70,.10);
  --home-shadow-soft:0 12px 34px rgba(30,45,70,.07);
}

:root[data-theme="dark"]{
  --home-bg:#0f1218;
  --home-bg-soft:#151a23;
  --home-surface:rgba(24,29,39,.88);
  --home-surface-solid:#181d27;
  --home-ink:#f5f7fb;
  --home-muted:#a5afbf;
  --home-line:rgba(255,255,255,.085);
  --home-blue:#6aa2ff;
  --home-blue-soft:rgba(74,137,247,.14);
  --home-mint:#55d59e;
  --home-mint-soft:rgba(58,193,135,.13);
  --home-amber:#f5bd62;
  --home-amber-soft:rgba(230,162,47,.13);
  --home-lilac:#b2a5ff;
  --home-lilac-soft:rgba(141,122,244,.14);
  --home-coral:#f19286;
  --home-coral-soft:rgba(231,110,96,.13);
  --home-shadow:0 28px 80px rgba(0,0,0,.32);
  --home-shadow-soft:0 12px 36px rgba(0,0,0,.22);
}

html,body{background:var(--home-bg)!important;color:var(--home-ink)!important}
body{
  background:
    radial-gradient(circle at 6% 18%,color-mix(in srgb,var(--home-blue) 9%,transparent),transparent 27rem),
    radial-gradient(circle at 93% 30%,color-mix(in srgb,var(--home-mint) 8%,transparent),transparent 30rem),
    var(--home-bg)!important;
}

.container{
  max-width:1320px;
  padding-right:max(clamp(22px,4vw,56px),env(safe-area-inset-right));
  padding-left:max(clamp(22px,4vw,56px),env(safe-area-inset-left));
}

/* Cabeçalho */
.public-header.header{
  height:76px;
  padding:0!important;
  border-color:var(--home-line)!important;
  background:color-mix(in srgb,var(--home-bg) 78%,transparent)!important;
  transition:background-color .2s ease,box-shadow .2s ease;
}
.public-header.is-scrolled{
  background:color-mix(in srgb,var(--home-bg) 92%,transparent)!important;
  box-shadow:0 12px 34px rgba(23,35,56,.06)!important;
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  width:100%;
  max-width:1420px;
  height:100%;
  margin:0 auto;
  padding:0 clamp(18px,3vw,44px);
}
.public-header .logo,
.drawer-logo,
.footer-logo{
  background-image:url('/app/shared/assets/images/logo-intra.png')!important;
}
:root[data-theme="dark"] .public-header .logo,
:root[data-theme="dark"] .drawer-logo,
:root[data-theme="dark"] .footer-logo{
  background-image:url('/app/shared/assets/images/logo_branco.png')!important;
}
.public-header .logo{width:158px;height:40px}
.public-header .nav{
  display:flex;
  align-items:center;
  gap:3px;
  margin-left:auto;
  padding:5px;
  border:1px solid var(--home-line);
  border-radius:17px;
  background:color-mix(in srgb,var(--home-surface-solid) 76%,transparent);
}
.public-header .nav a{
  min-height:38px;
  padding:0 14px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  color:var(--home-muted)!important;
  font-size:.78rem!important;
  font-weight:720!important;
  letter-spacing:-.01em;
}
.public-header .nav a:hover{
  background:var(--home-bg-soft);
  color:var(--home-ink)!important;
}
.public-header .header-actions{gap:8px}
.public-header .header-language{
  display:inline-flex;
  align-items:center;
  min-width:0;
}
.public-header .tc-i18n-switcher{
  z-index:120!important;
}
.public-header .tc-i18n-trigger{
  min-width:54px!important;
  min-height:42px!important;
  height:42px!important;
  padding:0 10px!important;
  gap:6px!important;
  border-color:var(--home-line)!important;
  border-radius:13px!important;
  background:color-mix(in srgb,var(--home-surface-solid) 82%,transparent)!important;
  color:var(--home-ink)!important;
  box-shadow:none!important;
  letter-spacing:0!important;
  font-size:.72rem!important;
  font-weight:720!important;
}
.public-header .tc-i18n-trigger .tc-i18n-flag{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
}
.public-header .tc-i18n-trigger:hover{
  background:var(--home-bg-soft)!important;
}
.public-header .tc-i18n-menu{
  border-color:var(--home-line)!important;
  background:color-mix(in srgb,var(--home-surface-solid) 96%,transparent)!important;
  color:var(--home-ink)!important;
  box-shadow:0 18px 48px rgba(2,6,23,.18)!important;
}
.public-header .tc-i18n-option{
  border-radius:11px!important;
}
.public-header .tc-i18n-option:hover,
.public-header .tc-i18n-option[aria-checked="true"]{
  background:var(--home-bg-soft)!important;
}
.public-header .btn,
.public-header .icon-btn,
.public-header .lang-static{
  min-height:42px!important;
  height:42px!important;
  border-color:var(--home-line)!important;
  border-radius:13px!important;
  background:color-mix(in srgb,var(--home-surface-solid) 82%,transparent)!important;
}
.public-header .icon-btn{width:42px!important}
.public-header .btn-primary{
  padding:0 18px!important;
  border-color:rgba(45,212,191,.32)!important;
  background:linear-gradient(135deg,#0b1220 0%,#111827 58%,#12251f 100%)!important;
  color:#f8fafc!important;
  box-shadow:0 14px 32px rgba(2,6,23,.22),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.public-header .btn-primary:hover{background:linear-gradient(135deg,#111827 0%,#172033 52%,#17362b 100%)!important;color:#fff!important;border-color:rgba(52,211,153,.62)!important;box-shadow:0 18px 38px rgba(2,6,23,.28),0 0 0 3px rgba(45,212,191,.10),inset 0 1px 0 rgba(255,255,255,.12)!important}

/* Menu móvel */
.drawer-backdrop{background:rgba(10,14,22,.50)!important;backdrop-filter:blur(12px)!important}
.drawer-panel{
  max-width:520px;
  margin-left:auto;
  padding:18px!important;
  border-color:var(--home-line)!important;
  border-radius:28px!important;
  background:color-mix(in srgb,var(--home-surface-solid) 94%,transparent)!important;
  box-shadow:var(--home-shadow)!important;
}
.drawer-top{align-items:flex-start;margin-bottom:12px;padding:3px 2px 13px;border-bottom:1px solid var(--home-line)}
.drawer-logo{width:142px;height:34px;background-position:left center!important}
.drawer-kicker{display:block;margin-top:5px;color:var(--home-muted);font-size:.7rem;font-weight:650}
.drawer-links{gap:2px!important;margin:8px 0 14px!important}
.drawer-links a{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 12px;
  align-items:center;
  min-height:52px!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:14px!important;
  background:transparent!important;
  color:var(--home-ink)!important;
  font-size:.88rem;
  font-weight:720;
}
.drawer-links a>i{
  width:32px;
  height:32px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:var(--home-blue-soft);
  color:var(--home-blue);
  font-size:.78rem;
}
.drawer-links a:nth-child(3)>i,.drawer-links a:nth-child(6)>i{background:var(--home-amber-soft);color:var(--home-amber)}
.drawer-links a:nth-child(4)>i{background:var(--home-mint-soft);color:var(--home-mint)}
.drawer-links a:nth-child(5)>i{background:var(--home-lilac-soft);color:var(--home-lilac)}
.drawer-links a:nth-child(7)>i{background:var(--home-coral-soft);color:var(--home-coral)}
.drawer-links a:hover{background:var(--home-bg-soft)!important}
.drawer-links a::after{color:var(--home-muted)!important}
.drawer-actions{grid-template-columns:1fr 1.15fr!important;gap:8px!important;padding-top:0!important}
.drawer-actions .btn{min-height:48px!important;border-radius:14px!important}

/* Hero */
.hero{
  min-height:720px!important;
  padding:clamp(54px,7vw,92px) 0 clamp(52px,7vw,90px)!important;
  overflow:hidden;
  background:transparent!important;
}
.hero-bg{display:none!important}
.hero-orb{position:absolute;z-index:0;border-radius:50%;filter:blur(2px);pointer-events:none}
.hero-orb-blue{width:480px;height:480px;right:-170px;top:-190px;background:radial-gradient(circle,color-mix(in srgb,var(--home-blue) 15%,transparent),transparent 70%)}
.hero-orb-mint{width:430px;height:430px;left:30%;bottom:-290px;background:radial-gradient(circle,color-mix(in srgb,var(--home-mint) 12%,transparent),transparent 70%)}
.hero-shell{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  align-items:center;
  gap:clamp(48px,7vw,96px);
  width:100%;
}
.hero-content{max-width:690px;padding:0!important}
.badge{
  min-height:34px;
  margin-bottom:24px!important;
  padding:8px 13px!important;
  border:1px solid color-mix(in srgb,var(--home-mint) 21%,transparent)!important;
  border-radius:999px!important;
  background:var(--home-mint-soft)!important;
  color:var(--home-mint)!important;
  font-size:.7rem!important;
  letter-spacing:.045em!important;
}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--home-mint);box-shadow:0 0 0 5px color-mix(in srgb,var(--home-mint) 14%,transparent);animation:homePulse 1.9s ease-in-out infinite}
@keyframes homePulse{50%{box-shadow:0 0 0 8px transparent}}
.hero h1{
  max-width:760px;
  margin-bottom:25px!important;
  color:var(--home-ink);
  font-size:clamp(3.45rem,5.8vw,6.25rem)!important;
  font-weight:830!important;
  line-height:.94!important;
  letter-spacing:-.072em!important;
}
.hero h1 span{color:var(--home-blue)!important}
.hero p{
  max-width:640px!important;
  margin-bottom:28px!important;
  color:var(--home-muted)!important;
  font-size:clamp(1rem,1.5vw,1.16rem)!important;
  line-height:1.68!important;
}
.hero-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:650px}
.hero-choice{
  position:relative;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 16px;
  align-items:center;
  gap:11px;
  min-height:82px;
  padding:12px 14px;
  border:1px solid transparent;
  border-radius:20px;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.hero-choice.company{background:var(--home-blue-soft);border-color:color-mix(in srgb,var(--home-blue) 13%,transparent)}
.hero-choice.worker{background:var(--home-mint-soft);border-color:color-mix(in srgb,var(--home-mint) 14%,transparent)}
.hero-choice:hover{transform:translateY(-2px);box-shadow:var(--home-shadow-soft)}
.choice-icon{
  width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:var(--home-surface-solid);box-shadow:0 7px 20px rgba(25,40,65,.07)
}
.company .choice-icon,.company .choice-arrow{color:var(--home-blue)}
.worker .choice-icon,.worker .choice-arrow{color:var(--home-mint)}
.hero-choice small,.hero-choice strong{display:block}
.hero-choice small{margin-bottom:4px;color:var(--home-muted);font-size:.67rem;font-weight:650}
.hero-choice strong{color:var(--home-ink);font-size:.88rem;line-height:1.2}
.choice-arrow{font-size:.72rem}
.hero-proof{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px;color:var(--home-muted);font-size:.72rem;font-weight:680}
.hero-proof span{display:inline-flex;align-items:center;gap:6px}
.hero-proof span i{color:var(--home-mint)}
.hero-proof a{margin-left:auto;color:var(--home-blue);font-weight:780}
.hero-proof a i{margin-left:5px;font-size:.65rem}

.hero-visual{
  position:relative;
  min-height:570px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--home-line) 85%,transparent);
  border-radius:44px;
  background:var(--home-bg-soft);
  box-shadow:var(--home-shadow);
}
.hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,16,27,.08) 25%,rgba(10,16,27,.18) 52%,rgba(10,16,27,.82) 100%)}
.visual-topline{position:absolute;top:18px;right:18px;left:18px;display:flex;justify-content:space-between;gap:10px}
.visual-live,.visual-distance{
  min-height:38px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  background:rgba(12,18,29,.64);
  color:#fff;
  backdrop-filter:blur(14px);
  font-size:.7rem;
  font-weight:760;
}
.visual-live i{color:#7bdcb2}.visual-distance i{color:#91baff}
.visual-shift-card{
  position:absolute;
  right:18px;
  bottom:18px;
  left:18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  min-height:108px;
  padding:14px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:24px;
  background:rgba(14,20,32,.76);
  color:#fff;
  backdrop-filter:blur(20px);
  box-shadow:0 22px 46px rgba(0,0,0,.24);
}
.visual-shift-main{display:flex;align-items:center;gap:12px;min-width:0}
.visual-shift-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:rgba(71,131,245,.22);color:#9ec2ff}
.visual-shift-copy{min-width:0}
.visual-shift-copy small,.visual-shift-copy strong,.visual-shift-copy em{display:block}
.visual-shift-copy>small{margin-bottom:4px;color:#b6c1d2;font-size:.66rem}
.visual-shift-copy strong{font-size:1rem}.visual-shift-copy em{margin-top:4px;color:#c6ced9;font-size:.72rem;font-style:normal}
.visual-shift-meta{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:max-content}
.visual-match{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:rgba(123,220,178,.13);color:#a8ebcd;font-size:.62rem;font-weight:720;white-space:nowrap}
.visual-price{color:#fff;font-size:1.3rem;font-weight:820;text-align:right}.visual-price small{margin-top:3px;color:#b8c2d1;font-size:.58rem;font-weight:620}

/* Benefícios em faixa, sem card pesado. */
.features-strip{margin-top:0!important}
.feature-panel{
  padding:22px 0!important;
  border-top:1px solid var(--home-line)!important;
  border-bottom:1px solid var(--home-line)!important;
  border-radius:0!important;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0!important;
  background:transparent!important;
}
.feature-item{min-width:0;padding:8px clamp(12px,2vw,24px)!important;transition:background-color .18s ease}
.feature-item+.feature-item{border-left:1px solid var(--home-line)}
.feature-item:hover{background:color-mix(in srgb,var(--home-surface-solid) 55%,transparent);border-radius:18px}
.feature-icon{width:48px!important;height:48px!important;border-radius:15px!important;font-size:1rem!important}
.feature-icon.blue{background:var(--home-blue-soft)!important;color:var(--home-blue)!important}
.feature-icon.green{background:var(--home-mint-soft)!important;color:var(--home-mint)!important}
.feature-icon.purple{background:var(--home-lilac-soft)!important;color:var(--home-lilac)!important}
.feature-icon.amber{background:var(--home-amber-soft)!important;color:var(--home-amber)!important}
.feature-item h3{color:var(--home-ink);font-size:.88rem!important}.feature-item p{color:var(--home-muted)!important;font-size:.76rem!important}

/* Secções */
.section{padding:clamp(68px,8vw,108px) 0!important}
.kicker{color:var(--home-blue)!important;font-size:.7rem!important;letter-spacing:.11em!important}
.section h2,.text-block h2{color:var(--home-ink);font-weight:800!important;letter-spacing:-.055em!important}
.section-head p,.text-block p{color:var(--home-muted)!important}
.section-head{margin-bottom:clamp(36px,5vw,58px)!important}

.how-grid{position:relative;gap:0!important;border-top:1px solid var(--home-line);border-bottom:1px solid var(--home-line)}
.how-card{
  min-height:260px;
  padding:30px clamp(18px,2.4vw,30px)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.how-card+.how-card{border-left:1px solid var(--home-line)!important}
.how-card:hover{background:color-mix(in srgb,var(--home-surface-solid) 52%,transparent)!important;transform:none!important}
.how-card::after{display:none}
.how-num{width:42px!important;height:42px!important;border-radius:14px!important}
.how-card h3{font-size:1.03rem!important}.how-card p{color:var(--home-muted)!important}.card-more{margin-top:24px!important}
.saber-mais-row{justify-content:center}.text-block .saber-mais-row{justify-content:flex-start}

#empresas{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--home-blue) 4%,transparent),transparent)}
#colaboradores{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--home-mint) 4%,transparent),transparent)}
.photo-card{min-height:540px!important;border:0!important;border-radius:38px!important;background:var(--home-bg-soft)!important;box-shadow:var(--home-shadow-soft)!important}
.photo-card::after{background:linear-gradient(180deg,transparent 48%,rgba(9,15,26,.60))!important}
.photo-badge{border-color:rgba(255,255,255,.18)!important;border-radius:20px!important;background:rgba(17,23,34,.74)!important;color:#fff!important;backdrop-filter:blur(16px)}
.photo-badge .muted{color:#c8d0db!important;font-size:.72rem}
.photo-badge i{background:rgba(81,205,150,.17)!important;color:#71e0ae!important}
.check{font-weight:650!important}.check i{background:var(--home-mint-soft)!important;color:var(--home-mint)!important}

.live-section{
  position:relative;
  padding:clamp(26px,4vw,54px)!important;
  overflow:hidden;
  border:1px solid var(--home-line);
  border-radius:36px!important;
  background:color-mix(in srgb,var(--home-surface-solid) 84%,transparent)!important;
  box-shadow:var(--home-shadow-soft);
}
.live-section::before{content:"";position:absolute;width:360px;height:360px;right:-160px;top:-190px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--home-blue) 14%,transparent),transparent 70%)}
.live-feed{border:1px solid var(--home-line)!important;border-radius:24px!important;background:var(--home-bg-soft)!important;box-shadow:none!important}
.feed-item{border-color:var(--home-line)!important}.feed-time{color:var(--home-blue)!important}.feed-item span,.demo-note{color:var(--home-muted)!important}
.big-map{border:0!important;border-radius:24px!important;box-shadow:none!important}

.ops-grid{gap:12px!important}
.ops-card{border:0!important;border-radius:20px!important;box-shadow:none!important}
.ops-card:nth-child(1){background:var(--home-mint-soft)!important}.ops-card:nth-child(2){background:var(--home-blue-soft)!important}.ops-card:nth-child(3){background:var(--home-amber-soft)!important}.ops-card:nth-child(4){background:var(--home-lilac-soft)!important}
.ops-card p{color:var(--home-muted)!important}
.timeline-demo{border:1px solid var(--home-line)!important;border-radius:24px!important;background:color-mix(in srgb,var(--home-surface-solid) 72%,transparent)!important;box-shadow:none!important}

.plans-redirect{border:1px solid var(--home-line)!important;border-radius:28px!important;background:color-mix(in srgb,var(--home-surface-solid) 86%,transparent)!important;box-shadow:var(--home-shadow-soft)!important}
.plans-redirect p{color:var(--home-muted)!important}
.security-grid{gap:12px!important}.security-card{border:0!important;border-radius:18px!important;background:var(--home-bg-soft)!important}.security-card:nth-child(2){background:var(--home-blue-soft)!important}.security-card:nth-child(3){background:var(--home-mint-soft)!important}.security-card span{color:var(--home-muted)!important}

.testimonials{gap:14px!important}.test-card{border:1px solid var(--home-line)!important;border-radius:24px!important;background:color-mix(in srgb,var(--home-surface-solid) 82%,transparent)!important;box-shadow:none!important}.test-card:nth-child(2){transform:translateY(-12px)}.test-card p{color:var(--home-ink)}.test-user span{color:var(--home-muted)!important}

.cta-box{
  padding:clamp(38px,6vw,64px)!important;
  border:1px solid color-mix(in srgb,var(--home-blue) 36%,var(--home-line))!important;
  border-radius:30px!important;
  background:linear-gradient(135deg,#101b2f 0%,#132844 58%,#123934 125%)!important;
  box-shadow:0 24px 64px rgba(7,17,31,.22)!important;
}
.cta-box::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--home-blue),var(--home-mint));z-index:2}
.cta-box::after{width:360px!important;height:360px!important;right:-170px!important;top:-210px!important;background:radial-gradient(circle,rgba(96,165,250,.20),transparent 68%)!important}
.cta-box h2{letter-spacing:-.048em!important;max-width:760px!important}
.cta-box .btn-primary{min-height:52px!important;padding-inline:24px!important;border:1px solid rgba(45,212,191,.32)!important;border-radius:14px!important;background:linear-gradient(135deg,#0b1220 0%,#111827 58%,#12251f 100%)!important;color:#f8fafc!important;box-shadow:0 14px 32px rgba(2,6,23,.24),inset 0 1px 0 rgba(255,255,255,.10)!important}
.cta-box .btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 16px 36px rgba(0,0,0,.2)!important}
}

.footer{border-color:var(--home-line)!important;background:linear-gradient(180deg,transparent,var(--home-bg-soft))!important}.footer::before{background:linear-gradient(90deg,transparent,var(--home-blue),var(--home-mint),transparent)!important}.footer p,.footer a,.copyright{color:var(--home-muted)!important}

@media(max-width:1180px){
  .public-header .nav a{padding:0 10px}
  .hero-shell{grid-template-columns:minmax(0,1fr) minmax(370px,.82fr);gap:42px}
  .hero-visual{min-height:520px}
}

@media(max-width:1020px){
  .public-header .nav{display:none}
  .mobile-menu{display:inline-flex!important}
  .hero-shell{grid-template-columns:1fr .82fr;gap:28px}
  .hero-choice-grid{grid-template-columns:1fr}
  .hero-proof a{width:100%;margin-left:0}
  .feature-panel{grid-template-columns:repeat(2,1fr)!important}
  .feature-item:nth-child(3){border-left:0!important;border-top:1px solid var(--home-line)}
  .feature-item:nth-child(4){border-top:1px solid var(--home-line)}
}

@media(max-width:780px){
  .public-header.header{height:calc(66px + var(--safe-top));padding:var(--safe-top) 0 0!important}
  .header-inner{gap:8px;padding-right:max(14px,env(safe-area-inset-right));padding-left:max(14px,env(safe-area-inset-left))}
  .public-header .logo{width:132px;height:34px}
  .public-header .lang-static{display:none!important}
  .public-header .desktop-only{display:none!important}
  .public-header .btn-join{min-width:94px;padding:0 12px!important;font-size:.68rem!important}
  .drawer-panel{top:max(8px,env(safe-area-inset-top))!important;right:max(8px,env(safe-area-inset-right))!important;bottom:auto!important;left:max(8px,env(safe-area-inset-left))!important;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:26px!important;padding:14px 14px calc(15px + var(--safe-bottom))!important}
  .drawer-panel::before{background:var(--home-muted)!important;opacity:.55}

  .container{padding-right:max(16px,env(safe-area-inset-right));padding-left:max(16px,env(safe-area-inset-left))}

  .hero{min-height:auto!important;padding:42px 0 56px!important}
  .hero-shell{grid-template-columns:1fr;gap:32px}
  .hero-content{max-width:none}
  .badge{margin-bottom:20px!important;font-size:.62rem!important}
  .hero h1{font-size:clamp(2.35rem,10.8vw,2.85rem)!important;line-height:.98!important;letter-spacing:-.055em!important;overflow-wrap:anywhere}
  .hero p{font-size:.94rem!important;line-height:1.55!important}
  .hero-choice-grid{grid-template-columns:1fr;gap:8px}
  .hero-choice{min-height:74px;border-radius:18px}
  .hero-proof{gap:10px 16px;margin-top:18px}.hero-proof a{width:100%}
  .hero-visual{min-height:430px;border-radius:30px}
  .visual-topline{top:12px;right:12px;left:12px}.visual-live,.visual-distance{min-height:34px;padding:0 10px;font-size:.62rem}
  .visual-shift-card{right:12px;bottom:12px;left:12px;grid-template-columns:1fr;gap:12px;min-height:116px;padding:12px;border-radius:20px}.visual-shift-icon{width:40px;height:40px}.visual-shift-copy strong{font-size:.9rem}.visual-shift-meta{flex-direction:row;align-items:center;justify-content:space-between;min-width:0}.visual-price{font-size:1.08rem}

  .features-strip{padding:0 0 10px}.feature-panel{grid-template-columns:1fr 1fr!important;padding:12px 0!important}.feature-item{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:14px 10px!important}.feature-item:nth-child(odd){border-left:0!important}.feature-item:nth-child(n+3){border-top:1px solid var(--home-line)}.feature-icon{width:40px!important;height:40px!important;border-radius:13px!important}.feature-item h3{font-size:.78rem!important}.feature-item p{font-size:.68rem!important;line-height:1.4!important}

  .section{padding:52px 0!important}.section h2{font-size:clamp(1.7rem,7.2vw,2.05rem)!important;line-height:1.08!important;letter-spacing:-.04em!important;overflow-wrap:anywhere}.section-head{text-align:left!important;margin-bottom:24px!important}.section-head p{font-size:.9rem!important;line-height:1.55!important}
  .how-grid{grid-template-columns:1fr!important}.how-card{min-height:auto;padding:22px 4px!important;border-left:0!important}.how-card+.how-card{border-top:1px solid var(--home-line)!important}.how-card{display:grid;grid-template-columns:50px minmax(0,1fr);column-gap:12px}.how-card .how-num{grid-row:1/4}.how-card h3,.how-card p,.how-card .card-more{grid-column:2}.how-card .card-more{margin-top:13px!important}
  .saber-mais-row{justify-content:flex-start!important}.saber-mais-row .btn{flex:1 1 140px}
  .split{gap:32px!important}.photo-card{min-height:390px!important;border-radius:28px!important}.photo-badge{right:14px;bottom:14px;left:14px!important;padding:12px!important}
  .live-section{padding:20px!important;border-radius:28px!important}.live-grid{gap:14px!important}.big-map{height:340px!important}
  .ops-grid{grid-template-columns:1fr 1fr!important}.ops-card{padding:20px!important}.timeline-demo{padding:20px!important}
  .testimonials{grid-template-columns:1fr!important}.test-card:nth-child(2){transform:none}
  .plans-redirect{padding:24px!important}.security-grid{grid-template-columns:1fr!important}
  .cta{padding:48px 0!important}.cta-box{padding:28px 20px!important;border-radius:28px!important}.cta-box h2{font-size:1.75rem!important;line-height:1.08!important;letter-spacing:-.04em!important}.cta-box p{font-size:.9rem;line-height:1.5}.cta-box .btn{width:100%}
}

@media(max-width:430px){
  .public-header .logo{width:120px}
  .public-header #themeToggle{display:none}
  .public-header .btn-join{min-width:88px}
  .header-inner{gap:6px;padding-right:max(12px,env(safe-area-inset-right));padding-left:max(12px,env(safe-area-inset-left))}
  .hero-visual{min-height:390px}
  .feature-panel{grid-template-columns:1fr!important}.feature-item,.feature-item:nth-child(3),.feature-item:nth-child(4){border-left:0!important;border-top:1px solid var(--home-line)}.feature-item:first-child{border-top:0!important}
  .ops-grid{grid-template-columns:1fr!important}
}

@media(max-width:350px){
  .header-inner{gap:4px;padding-right:max(8px,env(safe-area-inset-right));padding-left:max(8px,env(safe-area-inset-left))}
  .public-header .logo{width:92px}
  .public-header .header-actions{gap:4px}
  .public-header .tc-i18n-trigger{width:38px!important;min-width:38px!important;min-height:40px!important;height:40px!important;padding:0!important}
  .public-header .btn-join{min-width:72px;padding:0 8px!important;font-size:.62rem!important}
  .public-header .mobile-menu{width:42px!important;height:42px!important;padding:0!important}
  .container{padding-right:max(14px,env(safe-area-inset-right));padding-left:max(14px,env(safe-area-inset-left))}
  .hero{padding-top:34px!important}
  .hero h1{font-size:2.2rem!important;line-height:1!important}
  .hero-choice{min-height:68px;padding:10px 12px}
  .visual-topline{gap:6px}
  .visual-live,.visual-distance{padding:0 8px;font-size:.56rem}
}

@media(prefers-reduced-motion:reduce){
  .live-dot{animation:none}
  .hero-choice,.feature-item,.public-header{transition:none}
}

/* TurnoCerto clean product pass · pequeno toque visual no inicio */
.public-header .nav,
.public-header .btn,
.public-header .icon-btn,
.hero-choice,
.feature-icon,
.how-num,
.photo-badge,
.live-feed,
.big-map,
.timeline-demo,
.plans-redirect,
.security-card,
.test-card{
  border-radius:12px!important;
}

.public-header .nav a,
.btn,
.icon-btn,
.hero-choice small,
.hero-choice strong,
.hero-proof,
.feature-item h3,
.how-card h3,
.card-more,
.check,
.feed-time,
.feed-item strong{
  letter-spacing:0!important;
}

.btn,
.icon-btn{
  font-weight:650!important;
  box-shadow:none!important;
}

.btn-primary{
  border-color:rgba(148,163,184,.18)!important;
  background:linear-gradient(180deg,#161d2b 0%,#0b1220 100%)!important;
  color:#f8fafc!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(2,6,23,.18)!important;
}

.btn-primary:hover{
  border-color:rgba(85,213,158,.45)!important;
  background:linear-gradient(180deg,#1b2535 0%,#0d1726 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 26px rgba(2,6,23,.22)!important;
}

.public-header .btn-primary,
.drawer-actions .btn-primary,
.cta-box .btn-primary{
  border-color:rgba(96,165,250,.58)!important;
  background:linear-gradient(135deg,#2563eb 0%,#3b82f6 58%,#60a5fa 100%)!important;
  color:#f8fafc!important;
  font-weight:650!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 26px rgba(37,99,235,.24)!important;
}

.public-header .btn-primary:hover,
.drawer-actions .btn-primary:hover,
.cta-box .btn-primary:hover{
  border-color:rgba(191,219,254,.74)!important;
  background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 56%,#3b82f6 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 14px 30px rgba(37,99,235,.32)!important;
}

.pwa-footer-popover{
  position:fixed;
  right:max(16px,env(safe-area-inset-right));
  top:max(92px,calc(env(safe-area-inset-top) + 84px));
  bottom:auto;
  z-index:5000;
  width:min(560px,calc(100vw - 32px));
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:10px 14px;
  padding:12px;
  padding-right:52px;
  border:1px solid color-mix(in srgb,var(--home-line) 86%,transparent);
  border-radius:14px;
  background:color-mix(in srgb,var(--home-surface-solid) 94%,transparent);
  box-shadow:0 16px 46px rgba(2,6,23,.20);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}

.pwa-footer-popover.is-hidden{
  opacity:0;
  pointer-events:none;
  transform:translateY(-14px) scale(.985);
  visibility:hidden;
}

.pwa-footer-close{
  position:absolute;
  top:8px;
  right:8px;
  width:44px;
  height:44px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:var(--home-muted);
  display:grid;
  place-items:center;
  cursor:pointer;
}

.pwa-footer-close:hover{
  background:color-mix(in srgb,var(--home-muted) 10%,transparent);
  color:var(--home-ink);
}

.pwa-footer-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:var(--home-blue);
  background:var(--home-blue-soft);
  border:1px solid color-mix(in srgb,var(--home-blue) 16%,transparent);
  box-shadow:none;
}

.pwa-footer-copy{
  min-width:0;
  display:grid;
  gap:3px;
  align-self:center;
}

.pwa-footer-copy strong{
  color:var(--home-ink);
  font-size:.88rem;
  font-weight:660;
  letter-spacing:0!important;
}

.pwa-footer-copy span,
.pwa-footer-copy small{
  display:block;
  color:var(--home-muted);
  font-size:.74rem;
  line-height:1.32;
}

.pwa-footer-copy small{
  margin-top:1px;
}

.pwa-footer-copy small:empty{
  display:none;
}

.pwa-footer-actions{
  grid-column:auto;
  display:flex;
}

.pwa-footer-actions .btn-primary{
  width:auto;
  white-space:nowrap;
  min-height:42px!important;
  border-radius:11px!important;
  border-color:rgba(148,163,184,.20)!important;
  background:linear-gradient(180deg,#151c2b 0%,#0d1422 100%)!important;
  color:#f8fafc!important;
  font-size:.76rem!important;
  font-weight:680!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}

.pwa-footer-actions .btn-primary:hover{
  border-color:rgba(96,165,250,.42)!important;
  background:linear-gradient(180deg,#1b2535 0%,#0d1726 100%)!important;
}

.pwa-footer-actions .btn-primary:disabled{
  opacity:.58;
  cursor:default;
  transform:none!important;
}

.privacy-consent-popover{
  position:fixed;
  left:50%;
  bottom:max(16px,env(safe-area-inset-bottom));
  z-index:4900;
  width:min(920px,calc(100vw - 32px));
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:16px;
  border:1px solid color-mix(in srgb,var(--home-line) 92%,transparent);
  border-radius:18px;
  background:color-mix(in srgb,var(--home-surface-solid) 96%,transparent);
  box-shadow:0 22px 64px rgba(2,6,23,.24);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  transform:translateX(-50%);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}

.privacy-consent-popover.is-hidden{
  opacity:0;
  pointer-events:none;
  visibility:hidden;
  transform:translate(-50%,14px) scale(.985);
}

.privacy-consent-icon{
  width:44px;
  height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:#059669;
  background:color-mix(in srgb,#10b981 13%,var(--home-surface-solid));
  border:1px solid color-mix(in srgb,#10b981 22%,transparent);
}

.privacy-consent-copy{
  min-width:0;
  display:grid;
  gap:4px;
}

.privacy-consent-copy strong{
  color:var(--home-ink);
  font-size:.9rem;
  font-weight:700;
  letter-spacing:-.01em;
}

.privacy-consent-copy > span{
  color:var(--home-muted);
  font-size:.76rem;
  line-height:1.45;
}

.privacy-consent-copy nav{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:2px;
}

.privacy-consent-copy nav a{
  color:var(--home-blue);
  font-size:.72rem;
  font-weight:650;
}

.privacy-consent-copy nav a:hover{text-decoration:underline}

.privacy-consent-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.privacy-consent-actions button{
  min-height:42px;
  padding:0 15px;
  border-radius:12px;
  font:inherit;
  font-size:.75rem;
  font-weight:700;
  white-space:nowrap;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;
}

.privacy-consent-actions button:hover{transform:translateY(-1px)}

.privacy-consent-secondary{
  border:1px solid var(--home-line);
  background:transparent;
  color:var(--home-ink);
}

.privacy-consent-secondary:hover{background:color-mix(in srgb,var(--home-muted) 8%,transparent)}

.privacy-consent-primary{
  border:1px solid color-mix(in srgb,#10b981 34%,transparent);
  background:#0f9f73;
  color:#fff;
  box-shadow:0 10px 24px rgba(5,150,105,.18);
}

.privacy-consent-primary:hover{background:#0b8b65}

@media(max-width:780px){
  .public-header .tc-i18n-trigger{
    min-width:42px!important;
    padding:0 8px!important;
    gap:0!important;
    font-size:0!important;
  }
  .pwa-footer-popover{
    right:max(12px,calc(env(safe-area-inset-right) + 8px));
    left:max(12px,calc(env(safe-area-inset-left) + 8px));
    top:max(76px,calc(env(safe-area-inset-top) + 70px));
    bottom:auto;
    width:auto;
    max-height:calc(100dvh - 100px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    overflow-y:auto;
    grid-template-columns:40px minmax(0,1fr);
    gap:10px 12px;
    padding:12px;
    padding-right:52px;
    border-radius:14px;
  }
  .pwa-footer-actions{
    grid-column:1 / -1;
  }
  .pwa-footer-actions .btn-primary{
    width:100%;
  }
  .pwa-footer-icon{
    width:40px;
    height:40px;
    border-radius:12px;
  }
  .pwa-footer-copy strong{font-size:.86rem}
  .pwa-footer-copy span,
  .pwa-footer-copy small{font-size:.72rem}
  .pwa-footer-actions .btn-primary{min-height:42px!important}
  .privacy-consent-popover{
    right:max(12px,calc(env(safe-area-inset-right) + 8px));
    left:max(12px,calc(env(safe-area-inset-left) + 8px));
    bottom:max(12px,env(safe-area-inset-bottom));
    width:auto;
    max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    overflow-y:auto;
    grid-template-columns:40px minmax(0,1fr);
    gap:10px 12px;
    padding:13px;
    border-radius:16px;
    transform:none;
  }
  .privacy-consent-icon{
    width:40px;
    height:40px;
    border-radius:12px;
  }
  .privacy-consent-actions{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:1fr 1.1fr;
  }
  .privacy-consent-actions button{
    width:100%;
    padding:0 10px;
  }
}

@media(max-width:460px){
  .privacy-consent-copy > span{font-size:.72rem}
  .privacy-consent-copy nav{gap:10px}
  .privacy-consent-actions{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .pwa-footer-popover,
  .privacy-consent-popover{transition:none}
}

@media(display-mode:standalone){
  html,body{min-height:100dvh}
  .footer{padding-bottom:calc(34px + var(--safe-bottom))!important}
}

.badge,
.kicker{
  text-transform:none!important;
  letter-spacing:0!important;
  font-weight:600!important;
}

.badge{
  background:color-mix(in srgb,var(--home-surface-solid) 74%,transparent)!important;
  border-color:var(--home-line)!important;
  color:var(--home-ink)!important;
}

.hero h1,
.section h2,
.text-block h2,
.cta-box h2{
  font-weight:720!important;
  letter-spacing:-.046em!important;
}

.hero p,
.section-head p,
.text-block p{
  font-weight:400!important;
}

.hero-choice{
  --choice-accent:var(--home-blue);
  min-height:78px!important;
  border-color:color-mix(in srgb,var(--choice-accent) 38%,var(--home-line))!important;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--home-surface-solid) 78%,var(--choice-accent) 22%),
    color-mix(in srgb,var(--home-surface-solid) 92%,var(--choice-accent) 8%)
  )!important;
  box-shadow:none!important;
}

.hero-choice.company{--choice-accent:#3b82f6}
.hero-choice.worker{--choice-accent:#22c55e}

.hero-choice:hover{
  border-color:color-mix(in srgb,var(--choice-accent) 62%,var(--home-line))!important;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--home-surface-solid) 70%,var(--choice-accent) 30%),
    color-mix(in srgb,var(--home-surface-solid) 88%,var(--choice-accent) 12%)
  )!important;
  box-shadow:0 14px 34px color-mix(in srgb,var(--choice-accent) 18%,transparent)!important;
  transform:translateY(-1px)!important;
}

.choice-icon{
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--choice-accent) 18%,var(--home-surface-solid))!important;
  color:var(--choice-accent)!important;
  box-shadow:none!important;
}

.choice-arrow{
  color:var(--choice-accent)!important;
}

.hero-choice strong{
  font-weight:640!important;
}

.hero-proof{
  font-weight:500!important;
}

.hero-visual{
  border-radius:28px!important;
  box-shadow:0 18px 54px rgba(15,23,42,.10)!important;
}

:root[data-theme="dark"] .hero-visual{
  box-shadow:0 22px 58px rgba(0,0,0,.24)!important;
}

.visual-live,
.visual-distance,
.visual-shift-card{
  border-radius:12px!important;
  box-shadow:none!important;
}

.visual-shift-card strong,
.visual-price{
  font-weight:680!important;
}

.visual-price{
  display:inline-flex!important;
  align-items:baseline!important;
  justify-content:flex-end!important;
  gap:4px!important;
  white-space:nowrap!important;
  letter-spacing:0!important;
}

.visual-price small{
  display:inline!important;
  margin:0!important;
  color:#b8c2d1!important;
  font-size:.66rem!important;
  font-weight:500!important;
}

.feature-panel,
.how-grid{
  border-color:color-mix(in srgb,var(--home-line) 82%,transparent)!important;
}

.how-grid{
  border:0!important;
  gap:12px!important;
}

.how-card{
  border:1px solid var(--home-line)!important;
  border-radius:14px!important;
  background:color-mix(in srgb,var(--home-surface-solid) 58%,transparent)!important;
}

.how-card+.how-card{
  border-left:1px solid var(--home-line)!important;
}

.feature-item:hover,
.how-card:hover{
  background:color-mix(in srgb,var(--home-surface-solid) 42%,transparent)!important;
}

.feature-icon{
  width:42px!important;
  height:42px!important;
}

.feature-item h3,
.how-card h3,
.ops-card h3,
.security-card strong,
.test-user strong{
  font-weight:650!important;
}

.card-more{
  color:var(--home-muted)!important;
  font-weight:600!important;
}

.card-more i{
  color:var(--home-blue)!important;
}

.photo-card{
  border-radius:26px!important;
  box-shadow:none!important;
}

.photo-badge{
  background:rgba(14,20,31,.66)!important;
}

.live-section,
.plans-redirect,
.test-card,
.timeline-demo{
  box-shadow:none!important;
}

.saber-mais-row .btn{
  min-height:42px!important;
  border-radius:10px!important;
  font-size:.84rem!important;
}

.cta-box{
  border-radius:24px!important;
  box-shadow:0 18px 48px rgba(7,17,31,.18)!important;
}

@media(max-width:780px){
  .hero h1{letter-spacing:-.052em!important}
  .hero-visual{border-radius:22px!important}
  .hero-choice{border-radius:12px!important}
  .feature-panel{border-radius:0!important}
  .photo-card{border-radius:22px!important}
  .how-grid{gap:10px!important}
  .how-card{border:1px solid var(--home-line)!important;border-radius:14px!important;padding:18px!important;grid-template-columns:46px minmax(0,1fr)!important}
  .how-card+.how-card{border-top:1px solid var(--home-line)!important;border-left:1px solid var(--home-line)!important}
  .how-num{margin:0!important}
}