/* 2026-10-06: direção editorial aprovada para as quatro landing pages. */
:root{--tio-paper:#f4f1e9;--tio-paper-2:#eae5da;--tio-ink:#111719;--tio-blue:#215cf3;--tio-line:#d4d0c6}
.site-page{background:var(--tio-ink)}
.site-header{background:#101719;border-bottom-color:#ffffff24;width:100%;padding-inline:max(32px,calc((100vw - 1280px)/2))}
.site-header .site-nav a,.site-header .header-action{color:#f7f5ef}
.hero-section,.dealership-hero,.franchise-hero,.traffic-hero{background:var(--tio-paper)!important;color:var(--tio-ink);min-height:0;padding:150px 0 82px}
.hero-section:before,.dealership-grid,.franchise-hero:before,.traffic-hero:before{display:none!important}
.hero-layout,.dealership-hero-layout,.franchise-hero-layout,.traffic-hero-layout{grid-template-columns:minmax(0,1.14fr) minmax(340px,.86fr);align-items:center;gap:clamp(36px,6vw,108px);min-height:0}
.hero-copy,.dealership-copy,.franchise-copy,.traffic-hero-copy{position:relative;z-index:1}
.hero-copy .eyebrow,.dealership-copy .eyebrow,.franchise-copy .eyebrow,.traffic-hero-copy .eyebrow{color:var(--tio-blue);font-size:.7rem;letter-spacing:.11em}
.hero-copy h1,.dealership-copy h1,.franchise-copy h1,.traffic-hero-copy h1{color:var(--tio-ink);max-width:760px;margin-top:24px;font-size:clamp(3.2rem,4vw,4.55rem);font-weight:700;letter-spacing:-.066em;line-height:1.015}
.hero-copy h1 span,.dealership-copy h1 span,.franchise-copy h1 span,.traffic-hero-copy h1 span{color:var(--tio-blue)}
.hero-description,.dealership-copy>p:not(.eyebrow),.franchise-copy>p:not(.eyebrow),.traffic-hero-copy>p:not(.eyebrow){color:#4c5658;max-width:620px;margin-top:24px;font-size:1.04rem;line-height:1.6}
.hero-actions,.traffic-hero-actions,.franchise-hero-actions,.dealership-hero-actions{margin-top:30px}
.hero-section .button--primary,.dealership-hero .button--primary,.franchise-hero .button--primary,.traffic-hero .button--primary,.dealership-button{color:#fff;background:var(--tio-blue);border-color:var(--tio-blue);min-height:54px;padding-inline:22px}
.hero-section .button--primary:hover,.dealership-hero .button--primary:hover,.franchise-hero .button--primary:hover,.traffic-hero .button--primary:hover,.dealership-button:hover{background:#1648cb}
.hero-section .button--secondary,.dealership-hero .button--secondary,.franchise-hero .button--secondary,.traffic-hero .button--secondary,.hero-section .button--quiet,.dealership-hero .button--quiet,.franchise-hero .button--quiet,.traffic-hero .button--quiet{color:var(--tio-ink);border-color:#aeb4b0;background:transparent;min-height:54px}
.hero-floor,.dealership-benefits,.franchise-benefits,.traffic-benefits,.traffic-hero-benefits{color:#58615e}
.hero-floor{margin-top:30px}
.hero-floor>span:first-child{color:var(--tio-blue)}
.hero-floor p{color:#58615e}
.hero-floor .hero-floor-line{background:#b9bdb7}
.dealership-benefits svg,.franchise-benefits svg,.traffic-benefits svg{color:var(--tio-blue)}
.traffic-hero-benefits li:before{color:var(--tio-blue)}

/* O quadro comunica critérios reais de decisão, sem métricas ou resultados simulados. */
.hero-system,.automotive-panel,.territory-map,.traffic-signal-board{aspect-ratio:auto!important;width:min(100%,455px)!important;min-height:420px;margin:0!important;padding:27px;background:#111719!important;border:1px solid #111719!important;box-shadow:17px 17px 0 #d9d3c7;justify-self:end;overflow:visible!important;transform:none!important}
.tio-decision-board{display:flex;flex-direction:column;gap:0}
.tio-board-top{color:#adbbc0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:25px;border-bottom:1px solid #3e4748;font:500 .65rem/1.4 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}
.tio-board-dot{background:var(--tio-blue);border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 6px #215cf322;flex:none}
.tio-board-title{color:#f5f3ed;max-width:340px;margin:30px 0 20px;font-size:clamp(1.5rem,2.3vw,2.1rem);font-weight:600;letter-spacing:-.055em;line-height:1.05}
.tio-board-row{display:grid;grid-template-columns:38px 1fr;gap:13px;align-items:start;padding:16px 0;border-top:1px solid #3e4748}
.tio-board-row>span{color:#7c9fff;font:500 .7rem/1.5 'DM Mono',monospace}
.tio-board-row strong{color:#fff;font-size:.92rem;font-weight:600;line-height:1.2;display:block}
.tio-board-row small{color:#a9b8b7;font-size:.78rem;line-height:1.5;display:block;margin-top:4px}
.tio-board-foot{color:#a9b8b7;border-top:1px solid #3e4748;padding-top:15px;margin-top:auto;font:500 .62rem/1.5 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}

/* Alternância editorial e prova contextual junto à oferta. */
.method-section,.dealership-method,.franchise-method,.traffic-method{background:#111719}
.solutions-section,.dealership-pains,.franchise-challenges,.traffic-diagnosis{background:#eae5da;color:var(--tio-ink)}
.solutions-section .section-heading h2,.dealership-pains h2,.franchise-challenges h2,.traffic-diagnosis h2{color:var(--tio-ink)}
.solutions-section .section-heading>p,.dealership-section-head>p,.franchise-section-head>p,.traffic-section-head>p{color:#4d5755}
.solutions-section .eyebrow,.dealership-pains .eyebrow,.franchise-challenges .eyebrow,.traffic-diagnosis .eyebrow{color:var(--tio-blue)}
.solution-card,.dealership-pain-grid article,.challenge-card{background:#f5f2eb!important;border-color:#d2cfc7!important;color:var(--tio-ink)}
.solution-card h3,.dealership-pain-grid h3,.challenge-card h3{color:var(--tio-ink)}
.solution-card p,.dealership-pain-grid p,.challenge-card p{color:#4d5755}
.solution-card ul,.solution-card li,.dealership-pain-grid article button,.challenge-card button{color:#273432}
.solution-card li svg,.solution-card-top,.dealership-pain-grid article>div,.challenge-card>div{color:var(--tio-blue)}
.solution-card-top>span,.dealership-pain-grid article>div span,.challenge-card>div span{color:#58615e}
.traffic-diagnosis .traffic-section-head h2 em,.dealership-pains .dealership-section-head h2 em,.franchise-challenges .franchise-section-head h2 em{color:var(--tio-blue)}
.traffic-diagnosis .pain-list,.traffic-diagnosis .pain-row{border-color:#c8c7be}
.traffic-diagnosis .pain-row>span{color:var(--tio-blue)}
.traffic-diagnosis .pain-row p{color:#4d5755}
.traffic-diagnosis .pain-row button{color:var(--tio-blue);border-color:#aeb4b0}
.experience-section{background:#eae5da;color:var(--tio-ink)}
.experience-section .eyebrow{color:var(--tio-blue)}
.experience-layout h2{color:var(--tio-ink)}
.experience-layout h2 em{color:var(--tio-blue)}
.experience-layout p:not(.eyebrow){color:#4d5755}
.experience-marker{border:0;padding:0;max-width:300px;display:flex;flex-direction:column;gap:10px}
.experience-marker .tio-portrait{display:block;aspect-ratio:4/5;width:min(100%,265px);object-fit:cover;object-position:center 30%;filter:grayscale(100%);border:1px solid #bfc2b9}
.experience-marker span{color:var(--tio-blue)}
.experience-marker small{color:#47504e}
.tio-case-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.tio-case-links a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid currentColor;color:inherit;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s}
.tio-case-links a:hover{color:#fff;background:var(--tio-blue);border-color:var(--tio-blue)}
.lead-section{background:#111719}
.lead-form{background:#1c2526;border-color:#6682db70;box-shadow:12px 12px 0 #215cf329}
.lead-section .button--primary{color:#fff;background:var(--tio-blue);border-color:var(--tio-blue)}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #6588ff;outline-offset:3px}

@media(max-width:980px){
 .site-header{padding-inline:24px}
 .hero-layout,.dealership-hero-layout,.franchise-hero-layout,.traffic-hero-layout{grid-template-columns:1fr;gap:45px}
 .hero-system,.automotive-panel,.territory-map,.traffic-signal-board{justify-self:start;width:min(100%,580px)!important;min-height:0}
}
@media(max-width:700px){
 .site-header{padding-inline:20px}
 .hero-section,.dealership-hero,.franchise-hero,.traffic-hero{padding:111px 0 65px}
 .hero-copy h1,.dealership-copy h1,.franchise-copy h1,.traffic-hero-copy h1{font-size:clamp(2.8rem,11vw,4.3rem);line-height:1.02}
 .hero-description,.dealership-copy>p:not(.eyebrow),.franchise-copy>p:not(.eyebrow),.traffic-hero-copy>p:not(.eyebrow){font-size:.96rem;line-height:1.58}
 .hero-system,.automotive-panel,.territory-map,.traffic-signal-board{width:100%!important;padding:23px;box-shadow:10px 10px 0 #d9d3c7}
 .tio-board-title{font-size:1.55rem}
 .tio-case-links{flex-direction:column;align-items:stretch}
 .tio-case-links a{justify-content:center;text-align:center}
 .experience-marker .tio-portrait{width:min(100%,280px)}
 .lead-form{box-shadow:8px 8px 0 #215cf329}
}
@media(max-width:420px){.site-header{padding-inline:16px}.hero-copy h1,.dealership-copy h1,.franchise-copy h1,.traffic-hero-copy h1{font-size:clamp(2.65rem,11vw,3.55rem)}.tio-board-row{padding:13px 0}.tio-board-title{margin:24px 0 17px}}