@layer public-site{.site-header{z-index:40;background:linear-gradient(180deg,color-mix(in srgb,var(--text)88%,transparent),color-mix(in srgb,var(--text)46%,transparent));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;padding:18px 0;position:fixed;top:0;left:0}.site-header-inner{grid-template-columns:auto auto;justify-content:space-between;align-items:center;gap:24px;display:grid}.site-brand{color:var(--bg);font-size:var(--type-button-size);font-weight:var(--type-button-weight);line-height:var(--type-button-line);letter-spacing:var(--type-button-track);align-items:center;gap:12px;display:inline-flex}.site-brand-logo{object-fit:contain;width:42px;height:42px}.site-client-link{white-space:nowrap;gap:8px}.site-mobile-menu-button{z-index:82;cursor:pointer;width:76px;height:76px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;display:block;position:fixed;top:42px;left:52px}.site-mobile-menu-button__label{z-index:2;opacity:1;color:var(--bg);font-size:var(--type-nav-header-size);font-weight:var(--type-nav-header-weight);letter-spacing:var(--type-nav-header-track);white-space:nowrap;line-height:1;transition:color .18s,opacity .18s,transform .18s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)translate(0)}.site-mobile-menu-button--tone-light .site-mobile-menu-button__label{color:var(--text)}.site-mobile-menu-button--tone-dark .site-mobile-menu-button__label,.site-mobile-menu-button.is-open .site-mobile-menu-button__label{color:var(--bg)}.site-mobile-menu-button__logo{z-index:1;object-fit:contain;width:76px;height:76px;display:block;position:relative}.site-mobile-menu-overlay{z-index:80;background:color-mix(in srgb,var(--text)30%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;border:0;transition:opacity .18s;position:fixed;inset:0}.site-mobile-menu-overlay.is-open{opacity:1;pointer-events:auto}.site-mobile-menu-panel{z-index:81;width:min(220px,100vw - 36px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;opacity:0;pointer-events:none;background:0 0;border:0;border-radius:0;justify-items:stretch;gap:8px;padding:0;transition:transform .18s,opacity .18s;display:grid;position:fixed;top:142px;left:52px;transform:translateY(-8px)scale(.98)}.site-mobile-menu-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.site-mobile-menu-nav{gap:8px;margin-top:0;transition:filter .22s,transform .28s;display:grid}.site-mobile-menu-nav a,.site-mobile-contact-group,.site-mobile-client-link{opacity:0;transition:transform .28s,opacity .28s;transform:translateY(-10px)}.site-mobile-menu-nav a{border:1px solid color-mix(in srgb,var(--text)8%,transparent);background:var(--bg);color:var(--text);font-size:var(--type-nav-item-size);font-weight:var(--type-nav-item-weight);line-height:var(--type-nav-item-line);letter-spacing:var(--type-nav-item-track);border-radius:14px;padding:12px 14px;display:block}.site-mobile-contact-group{gap:0;margin-top:0;display:grid}.site-mobile-contact-trigger-shell{opacity:1;max-height:48px;transition:opacity .24s;overflow:hidden}.site-mobile-contact-trigger-shell.is-hidden{opacity:0;max-height:0}.site-mobile-contact-button{justify-content:center;align-items:center;gap:8px;width:100%;display:inline-flex}.site-mobile-contact-links{opacity:0;gap:8px;max-height:0;transition:opacity .26s;display:grid;overflow:hidden}.site-mobile-contact-links.is-open{opacity:1;max-height:104px}.site-mobile-client-link{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:0;transition:filter .22s,transform .28s;display:inline-flex}.site-mobile-menu-panel--contact-focus .site-mobile-menu-nav,.site-mobile-menu-panel--contact-focus .site-mobile-client-link{filter:blur(4px)}.site-mobile-menu-panel.is-open .site-mobile-menu-nav a,.site-mobile-menu-panel.is-open .site-mobile-contact-group,.site-mobile-menu-panel.is-open .site-mobile-client-link{opacity:1;transform:translateY(0)}.site-mobile-menu-panel.is-open .site-mobile-menu-nav a:first-child{transition-delay:50ms}.site-mobile-menu-panel.is-open .site-mobile-menu-nav a:nth-child(2){transition-delay:90ms}.site-mobile-menu-panel.is-open .site-mobile-menu-nav a:nth-child(3){transition-delay:.13s}.site-mobile-menu-panel.is-open .site-mobile-menu-nav a:nth-child(4){transition-delay:.17s}.site-mobile-menu-panel.is-open .site-mobile-contact-group{transition-delay:.21s}.site-mobile-menu-panel.is-open .site-mobile-client-link{transition-delay:.25s}.hero{border-bottom:1px solid var(--line);background:linear-gradient(to left,color-mix(in srgb,var(--text)64%,transparent)0%,color-mix(in srgb,var(--text)40%,transparent)45%,color-mix(in srgb,var(--text)14%,transparent)100%),url(/frotista/assets/pneu1.webp);background-position:50%;background-size:cover;padding:160px 0 272px;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;position:absolute}.hero:before{background:radial-gradient(circle,color-mix(in srgb,var(--text)7%,transparent),color-mix(in srgb,var(--text)0%,transparent)70%);border-radius:50%;width:540px;height:540px;top:-190px;left:-220px}.hero:after{background:radial-gradient(circle,color-mix(in srgb,var(--text)6%,transparent),color-mix(in srgb,var(--text)0%,transparent)70%);border-radius:50%;width:500px;height:500px;bottom:-210px;right:-170px}.hero-grid{z-index:1;grid-template-columns:minmax(360px,700px);justify-content:end;display:grid;position:relative}.hero-copy{text-align:right}.hero-text-block{transform:translateY(-40px)}.hero-title-row{flex-direction:column;align-items:flex-end;gap:14px;margin-left:auto;display:flex}.hero-title-logo{object-fit:contain;width:96px;height:96px}.hero-copy h1{font-family:var(--font-heading),"Segoe UI",sans-serif;font-size:var(--type-hero-xl-size);font-weight:var(--type-hero-xl-weight);line-height:var(--type-hero-xl-line);letter-spacing:var(--type-hero-xl-track);max-width:18ch;color:var(--bg)}.lead{max-width:60ch;font-size:var(--type-lead-text-size);font-weight:var(--type-lead-text-weight);line-height:var(--type-lead-text-line);letter-spacing:var(--type-lead-text-track);color:var(--bg);margin-top:16px;margin-left:auto}.section{padding:72px 0}.section-soft{background:linear-gradient(180deg,var(--bg)0%,var(--surface)100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section h2{font-family:var(--font-heading),"Segoe UI",sans-serif;font-size:var(--type-h2-size);font-weight:var(--type-h2-weight);line-height:var(--type-h2-line);letter-spacing:var(--type-h2-track);max-width:24ch}.section p{color:var(--muted);margin-top:16px}.benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.benefits article{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);box-shadow:var(--shadow);padding:16px}.benefits-icon{object-fit:contain;width:46px;height:46px;margin-bottom:12px}.benefits h3{font-family:var(--font-heading),"Segoe UI",sans-serif;font-size:var(--type-h6-size);font-weight:var(--type-h6-weight);line-height:var(--type-h6-line);letter-spacing:var(--type-h6-track)}.benefits p{font-size:var(--type-body-small-size);font-weight:var(--type-body-small-weight);line-height:var(--type-body-small-line);letter-spacing:var(--type-body-small-track);margin-top:8px}.measure-sections{gap:16px;margin-top:22px;display:grid}.measure-section{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);overflow:hidden}.measure-layout{grid-template-columns:minmax(240px,38%) 1fr;display:grid}.measure-media{background-image:url(/frotista/assets/carreta.webp);background-position:100%;background-repeat:no-repeat;background-size:200%;min-height:220px}.measure-media--caminhao{background-image:url(/frotista/assets/caminhao.webp)}.measure-media--caminhonete{background-image:url(/frotista/assets/caminhonete.webp)}.measure-media--van{background-image:url(/frotista/assets/van.webp)}.measure-content{flex-direction:column;gap:16px;padding:20px;display:flex}.measure-content h3{font-family:var(--font-heading),"Segoe UI",sans-serif;font-size:var(--type-h5-size);font-weight:var(--type-h5-weight);line-height:var(--type-h5-line);letter-spacing:var(--type-h5-track)}.measure-tool-grid{grid-template-columns:minmax(210px,300px) minmax(260px,1fr);gap:14px;display:grid}.measure-tire-picker,.measure-pattern-picker,.measure-visual-pane{flex-direction:column;gap:10px;display:flex}.measure-chip-list{flex-wrap:wrap;gap:8px;display:flex}.measure-tire-picker .measure-chip-list{flex-direction:column;align-items:flex-start}.measure-chip{appearance:none;border:1px solid var(--line);background:var(--bg);color:var(--text);min-height:34px;font-size:var(--type-button-size);font-weight:var(--type-button-weight);line-height:var(--type-button-line);letter-spacing:var(--type-button-track);cursor:pointer;border-radius:999px;padding:0 12px}.measure-chip.is-active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.measure-visual-pane.is-awaiting-pattern .measure-preview{display:none}.measure-preview{border:1px dashed var(--line);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:220px;padding:18px;display:flex}.measure-preview img{object-fit:contain;max-height:220px}.measure-preview__text{color:var(--muted);text-align:center}.measure-nav{align-items:center;gap:10px;display:flex}.measure-nav-arrow{border:1px solid color-mix(in srgb,var(--text)18%,transparent);background:color-mix(in srgb,var(--bg)85%,transparent);width:34px;height:34px;font-size:var(--type-button-size);line-height:var(--type-button-line);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}#processo{position:relative;overflow:hidden}#processo:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(90deg,color-mix(in srgb,var(--surface)100%,transparent)0%,color-mix(in srgb,var(--surface)100%,transparent)40%,color-mix(in srgb,var(--surface)94%,transparent)48%,color-mix(in srgb,var(--surface)74%,transparent)56%,color-mix(in srgb,var(--surface)42%,transparent)62%,color-mix(in srgb,var(--surface)14%,transparent)66%,color-mix(in srgb,var(--surface)0%,transparent)70%),url(/frotista/assets/pneu2.webp);background-position:0,right -360px center;background-repeat:no-repeat,no-repeat;background-size:100% 100%,cover;position:absolute;inset:0}#processo .container{z-index:1;position:relative}.timeline{counter-reset:step;gap:12px;margin-top:22px;display:grid}.timeline li{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);grid-template-columns:82px minmax(0,1fr) 74px;grid-template-areas:"icon title num""icon desc num";align-items:start;gap:4px 12px;width:100%;max-width:760px;padding:16px;display:grid;position:relative}.timeline-image{object-fit:contain;grid-area:icon;width:74px;height:74px}.timeline li:before{counter-increment:step;content:counter(step,decimal-leading-zero);border-left:1px solid var(--line);font-family:var(--font-heading),"Segoe UI",sans-serif;font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);line-height:var(--type-h3-line);letter-spacing:var(--type-h3-track);color:var(--muted);grid-area:num;justify-content:center;align-self:stretch;align-items:center;display:flex}.timeline strong{grid-area:title}.timeline p{grid-area:desc;margin-top:0}.site-footer{background:var(--footer-bg);border-top:1px solid var(--footer-bg);color:var(--accent-soft);padding:68px 0 22px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.footer-grid h2{font-family:var(--font-heading),"Segoe UI",sans-serif;font-size:var(--type-h5-size);font-weight:var(--type-h5-weight);line-height:var(--type-h5-line);letter-spacing:var(--type-h5-track);color:var(--bg)}.footer-grid ul{gap:8px;margin-top:12px;display:grid}.footer-grid li,.footer-grid p{color:var(--line);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);letter-spacing:var(--type-body-track);margin-top:8px}.footer-grid li span{color:var(--surface);font-size:var(--type-body-small-size);font-weight:var(--type-body-small-weight);line-height:var(--type-body-small-line);letter-spacing:var(--type-body-small-track)}.footer-grid a{color:var(--surface)}.footer-bottom{border-top:1px solid var(--muted);color:var(--line);font-size:var(--type-footer-text-size);font-weight:var(--type-footer-text-weight);line-height:var(--type-footer-text-line);letter-spacing:var(--type-footer-text-track);margin-top:18px;padding-top:16px}}
