/* IMAGENS: todo conteúdo usa .media com position:relative, aspect-ratio e overflow:hidden.
   A imagem interna usa position:absolute, width/height:100% e object-fit:cover.
   Arquivo                       | Local                  | Proporção | Resolução sugerida
   hero-passageiro.jpg            | Home / Passageiro      | 1:1       | 1254 x 1254
   viajar-kirido.png              | Home                   | 1:1       | 1254 x 1254
   motorista.png                 | Motorista              | 1:1       | 1254 x 1254
   equipe-quemsomos.jpg           | Quem somos             | 16:9      | 1600 x 900
   kirido-moto.jpg                | Categorias             | 1:1       | 1254 x 1254
   kirido-moto-mulher.jpg         | Categorias             | 1:1       | 1254 x 1254
   kirido-car-essencial.jpg       | Categorias             | 1:1       | 1254 x 1254
   kirido-car-premium.jpg         | Categorias             | 1:1       | 1254 x 1254
   kirido-car-mulher.jpg          | Categorias             | 1:1       | 1254 x 1254
   kirido-entrega-moto.jpg        | Categorias             | 1:1       | 1254 x 1254
   kirido-entrega-car.jpg         | Categorias             | 1:1       | 1254 x 1254
   app-passageiro.jpg             | Apps                   | 1:2       | 800 x 1600
   app-motorista.jpg              | Apps                   | 1:2       | 800 x 1600
   app-entregador.jpg             | Apps                   | 4:3       | 1448 x 1086
   logo-completa.jpg              | Cabeçalho / Rodapé     | original  | 1456 x 728
   favicon-16.png / favicon-32.png| Favicon                | 1:1       | 16 / 32 px
   apple-touch-icon.png           | Ícone Apple            | 1:1       | 180 x 180
   Logos e badges são marcas, não fotos: object-fit:contain, sem recortes.
   Badges oficiais: caixas idênticas de 172 x 56 px, imagem sem distorção.
*/
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--black:#0D0D0D;--yellow:#FFC107;--surface:#1A1A1A;--muted:#b6b6b6;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:white;font:16px/1.65 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12}h1,h2{font-family:'Archivo Black',Arial,sans-serif;font-weight:400;letter-spacing:-.045em}h1{font-size:clamp(3rem,6.8vw,6.4rem);margin-bottom:26px}h2{font-size:clamp(2rem,3.8vw,3.7rem)}h3{font-size:1.3rem}p{color:var(--muted)}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.skip{position:fixed;top:-100px;background:var(--yellow);color:black;padding:15px;z-index:50}.skip:focus{top:0}.site-header{height:100px;display:flex;align-items:center;border-bottom:1px solid #2a2a2a}.header-inner{display:flex;align-items:center;gap:28px}.brand{display:inline-block;flex-shrink:0;line-height:1}.brand img{width:156px;height:52px;object-fit:contain}.brand-fallback{font-size:29px;font-weight:800;letter-spacing:-1.7px}.brand-fallback em{font-style:normal;color:var(--yellow)}.brand small{display:block;font-size:10px;letter-spacing:.35px;font-weight:500;margin-top:7px}.nav{display:flex;gap:28px;margin-left:auto;font-size:14px;font-weight:600}.nav a:hover,.nav a[aria-current=page]{color:var(--yellow)}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:52px;padding:12px 23px;background:var(--yellow);color:var(--black);border:1px solid var(--yellow);border-radius:5px;font-weight:700;line-height:1.4}.button:hover{background:#ffcf3c}.button.dark{background:var(--black);border-color:var(--black);color:white}.button.outline{background:transparent;border-color:#555;color:white}.menu-toggle{display:none;background:none;border:0;color:white;width:38px;padding:6px}.menu-toggle span{display:block;background:currentColor;height:2px;margin:5px 0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:var(--yellow);margin-bottom:24px}.hero{padding:66px 0 70px;display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}.hero h1 span{color:var(--yellow)}.hero p{max-width:450px;font-size:18px}.hero .hero-foot{font-size:12px;margin-top:24px;color:#a8a8a8}.hero-art{position:relative}.hero-art .media{border-radius:8px 80px 8px 8px;aspect-ratio:4/3}.hero-tag{position:absolute;bottom:-24px;left:-24px;background:var(--yellow);color:var(--black);padding:20px 25px;border-radius:4px;font-weight:800;max-width:85%;line-height:1.3}.hero-tag small{display:block;font-weight:500;margin-top:6px}.media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#303030;color:#aaa;display:grid;place-items:center}.media img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.media::before{content:attr(data-file);font-size:13px;text-align:center;padding:20px;overflow-wrap:anywhere}.media:not(.missing)::before{visibility:hidden}.ticker{background:var(--yellow);color:var(--black);padding:18px 0;font-weight:800;font-size:15px;letter-spacing:.07em}.ticker .wrap{display:flex;justify-content:space-between;gap:20px}.section{padding:86px 0}.section.alt{background:var(--surface)}.section.white{background:white;color:var(--black)}.white p{color:#626262}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-head h2{margin-bottom:0}.section-head p{max-width:330px;margin:0}.carousel-controls{display:flex;gap:9px}.circle{width:45px;height:45px;border:1px solid #555;border-radius:50%;color:white;background:transparent;font-size:20px}.carousel{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px;scrollbar-width:thin;scrollbar-color:#FFC107 #282828}.category{flex:0 0 276px;scroll-snap-align:start;background:var(--surface);border:1px solid #303030;border-radius:8px;overflow:hidden}.category .copy{padding:24px}.category h3{margin-bottom:12px}.category p{font-size:14px;margin-bottom:0}.category .number{color:var(--yellow);font-size:12px;font-weight:700}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.split.center{align-items:center}.steps{list-style:none;padding:0;margin:30px 0 0;counter-reset:steps}.steps li{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid #ddd;counter-increment:steps}.steps li:before{content:'0' counter(steps);color:#8b6800;font-size:18px;font-weight:800}.steps h3{margin:0 0 8px}.steps p{font-size:14px;margin:0}.trust{padding:36px;background:#f3f3f3;border-radius:8px}.trust-item{margin-top:27px}.trust-item h3{font-size:18px;margin-bottom:8px}.trust-item p{font-size:14px;margin-bottom:0}.check{color:#8b6800;margin-right:10px}.photo-section .media{border-radius:8px}.text-link{font-weight:700;color:var(--yellow);display:inline-block;margin-top:15px}.download{background:var(--yellow);color:var(--black)}.download p{color:#3a310e}.download .eyebrow{color:#493800}.store-row{display:flex;flex-wrap:wrap;gap:12px}.store-button{display:flex;align-items:center;justify-content:center;flex:0 0 172px;width:172px;height:56px;padding:0;background:#000;border:1px solid #666;border-radius:7px;overflow:hidden;color:white}.store-button img{width:100%;height:100%;object-fit:contain}.store-note{font-size:13px;margin-top:14px!important}.driver-callout{padding:48px;border:1px solid #484848;display:grid;grid-template-columns:1.5fr 1fr;gap:60px;border-radius:8px}.driver-callout h2{font-size:clamp(2rem,3vw,3rem)}.driver-callout ul{padding-left:20px;color:#ddd}.site-footer{border-top:1px solid #333;padding:52px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.footer-grid h3{font-size:14px}.footer-grid a:not(.brand){display:block;color:var(--muted);font-size:14px;margin:8px 0}.footer-bottom{border-top:1px solid #333;margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#aaa}.page-intro{padding:70px 0 30px;max-width:850px}.page-intro h1{font-size:clamp(2.7rem,5vw,4.8rem)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid #333;background:var(--surface);padding:30px;border-radius:8px}.card p{font-size:15px}.pill{display:inline-block;font-size:12px;font-weight:700;border:1px solid #6d5a16;background:#332b0e;color:#ffdb70;padding:4px 10px;border-radius:30px;margin-bottom:20px}.pill.neutral{color:#ddd;border-color:#555;background:#2c2c2c}.notice{border-left:4px solid var(--yellow);background:#242116;padding:28px;margin-top:32px}.notice p:last-child{margin-bottom:0}.apps-grid .card{padding:0;overflow:hidden}.apps-grid .copy{padding:28px}.apps-grid ul{padding-left:20px;font-size:14px;color:#ccc;min-height:140px}.apps-grid .store-row{gap:10px}.legal{max-width:850px;padding-bottom:80px}.legal h2{font-family:Inter,Arial,sans-serif;font-size:24px;letter-spacing:0;margin-top:40px}.legal a{text-decoration:underline}.contact-card{max-width:660px;margin:30px auto 90px}.contact-card a.contact{display:block;padding:22px 0;border-bottom:1px solid #404040;overflow-wrap:anywhere}.contact-card small{display:block;color:var(--yellow);font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:6px}.contact-card strong{font-size:clamp(1rem,3vw,1.3rem)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#fff;color:#111;box-shadow:0 8px 50px #0008;padding:20px 26px;border-radius:8px;max-width:calc(100% - 32px);width:480px;z-index:30}.toast[hidden]{display:none}.toast button{float:right;background:transparent;border:0;font-size:22px;margin-left:16px}.toast p{color:#222;margin:0;font-size:14px}
.hero h1{font-size:clamp(3rem,5.5vw,5.2rem)}
@media(max-width:1100px){.nav{gap:15px}.header-inner{gap:18px}.hero{gap:35px}.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.wrap{width:calc(100% - 36px)}.site-header{height:80px;position:relative;z-index:10}.header-inner{gap:12px}.brand img{width:110px;height:43px}.brand-fallback{font-size:24px}.brand small{font-size:8px}.header-download{margin-left:auto;min-height:42px;padding:10px 13px;font-size:13px;white-space:nowrap}.menu-toggle{display:block;flex-shrink:0}.nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--surface);padding:24px;box-shadow:0 15px 20px #0005;margin:0;border-bottom:1px solid #555}.nav.open{display:flex;flex-direction:column;gap:22px}.hero{grid-template-columns:1fr;padding:44px 0 55px;gap:30px}.hero h1{font-size:clamp(3.1rem,11vw,5.5rem)}.hero p{font-size:16px}.hero-art{margin:0 0 15px 12px}.hero-tag{left:-12px;bottom:-16px;padding:16px 20px}.ticker .wrap{flex-wrap:wrap;justify-content:center;font-size:12px;gap:12px 25px}.section{padding:55px 0}.section-head{align-items:start;flex-wrap:wrap;gap:20px}.section-head p{max-width:none}.split{grid-template-columns:1fr;gap:35px}.trust{padding:26px}.driver-callout{grid-template-columns:1fr;gap:12px;padding:28px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:8px}.page-intro{padding-top:45px}.grid{grid-template-columns:1fr}.category{flex-basis:260px}.apps-grid ul{min-height:0}.download h2{max-width:600px}.store-row{gap:8px}.contact-card{margin-bottom:55px}.card{padding:25px}}
/* Enquadramentos dos arquivos recuperados: categorias 1:1 (1254 x 1254),
   apps Passageiro/Motorista 1:2 (800 x 1600), Entregador 4:3 (1448 x 1086).
   As proporções abaixo correspondem aos arquivos originais recuperados.
   Mantemos a composição integral das fotos; o tamanho muda no layout, não no original.
   Na logo, o recorte CSS remove apenas as margens vazias, preservando símbolo e slogan. */
.media.media-square,.hero-art .media.media-square{aspect-ratio:1/1}
.media.media-wide{aspect-ratio:16/9}
.media.media-phone{aspect-ratio:1/2;width:50%;margin:0 auto}
.apps-grid .card>.media{border-radius:0}
.apps-grid .card{background:#111;align-self:start}
.apps-grid .copy{background:var(--surface)}
.hero-art .media{border-radius:8px 40px 8px 8px}
.brand{width:190px;height:64px;overflow:hidden;position:relative}
.brand img{position:absolute;width:230px;height:115px;max-width:none;left:-29px;top:-22px;object-fit:contain}
.brand img[hidden]{display:none}
.brand-fallback{display:block;padding:8px}
.brand-fallback[hidden]{display:none}
.site-header{background:#000}
.site-footer .brand{background:#000;border-radius:4px}
@media(max-width:900px){.brand{width:122px;height:44px}.brand img{width:153px;height:76.5px;left:-20px;top:-15px}.hero-art .media{border-radius:8px 30px 8px 8px}.media.media-phone{width:60%;max-width:240px}.apps-grid{max-width:560px}.apps-grid .copy{padding:25px}}
.apps-grid .card{display:flex;flex-direction:column;align-self:stretch}
.apps-grid .card>.media{width:100%;max-width:none;aspect-ratio:4/3;margin:0}
.apps-grid .copy{flex:1;display:flex;flex-direction:column}
.apps-grid .copy .pill{align-self:flex-start}
.apps-grid .copy .store-row{margin-top:auto}
/* Revisão: app-passageiro-v2.png e app-motorista-v2.png, 1448 x 1086, 4:3.
   Logo final: logo-transparente.png, 2172 x 724, 3:1, PNG com canal alpha.
   Logo exibida integralmente, sem recorte e sem fundo aplicado. */
.brand img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
.site-footer .brand{background:transparent}
.site-header{background:var(--black)}
.value-number{display:block;color:var(--yellow);font-size:32px;font-weight:800;margin-bottom:25px;line-height:1}
.values-grid .card{background:var(--black)}
#motorista{scroll-margin-top:25px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
