/* Primavera BiduLog — novembro de 2026. Camada visual exclusiva da página inicial. */
:root{--bg:#08140f;--panel:#101f19;--panel2:#142a20;--line:#2b493a;--blue:#70db9b;--cyan:#d6b9ff;--gat-blue:#78dda3;--gat-blue2:#b0f0c8;--gat-panel:#101f19;--gat-panel2:#142a20;--gat-border:#2b493a;--gat-muted:#a5bcb0}
body{background:radial-gradient(ellipse at 75% 0,#1d3c2a 0,transparent 42%),#08140f}
.topbar{background:rgba(7,19,13,.96);border-bottom-color:#294735}
.brand span,.eyebrow,.hero-main .eyebrow,.hero-kicker b{color:#a5e8bc}
.topbar nav a{color:#bbccc1}.topbar nav a:hover{color:#fff}
.topbar nav .top-my-work,.btn.primary{background:linear-gradient(135deg,#24774a,#39985e);border-color:#77d99b;color:#fff!important;box-shadow:0 6px 24px #173e2566}
.btn.primary:hover{background:linear-gradient(135deg,#2e8a56,#3ca568)}
.account-btn,.btn.ghost{background:#12271c;border-color:#3d664d;color:#e0f4e7}
.btn:focus-visible,.topbar a:focus-visible,.account-btn:focus-visible{outline:3px solid #e3c3ff;outline-offset:4px}
.home-hero{background:#0b1b12;border-color:#37553e;min-height:590px}
.home-hero:before{background:linear-gradient(90deg,#0b1b12 0%,#0b1b12 39%,rgba(11,27,18,.72) 49%,transparent 70%);z-index:1;pointer-events:none}
.home-hero:after{display:none}
.hero-main{max-width:570px;margin-left:clamp(26px,4vw,76px)}
.hero-main h1{font-size:clamp(36px,3.5vw,54px);max-width:570px}
.hero-main h1 strong{color:#b5e9a1}
.hero-main .lead{color:#c1d2c5;max-width:515px}
.spring-season{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;padding:8px 13px;border:1px solid #6a8062;border-radius:999px;background:#213326;color:#e6eac6;font-size:10px;font-weight:800;letter-spacing:1.2px}
.spring-season span{color:#e3c3ff;font-size:16px;line-height:1}
.hero .truck-scene{position:absolute;right:0;bottom:0;width:58%;height:100%;min-height:590px;opacity:1;background-image:url('assets/bidulog-primavera-2026.jpg');background-size:cover;background-position:62% center;background-repeat:no-repeat;border-radius:0;filter:none}
.hero .truck-scene .road,.hero .truck-scene .truck{display:none}
.hero-actions .btn.primary{box-shadow:0 10px 30px #153d2455}
.hero-kicker{color:#b7cbbb;flex-wrap:wrap}
.platform-home{margin-top:20px}
.ecosystem-banner{border-color:#34523d;background:radial-gradient(circle at 84% 30%,#34523966,transparent 36%),linear-gradient(135deg,#15271c,#0c1b13)}
.ecosystem-copy h2 strong{color:#b9e8a9}
.ecosystem-copy p,.ecosystem-signoff{color:#aec9b6}
.ecosystem-copy blockquote{border-left-color:#b8a2d7;color:#e2d9ed}
.ecosystem-signoff b{background:none;color:#c7efb4;animation:none}
.ecosystem-banner:before{border-color:#81ac7d33}
.journey-icon{color:#e0c5f7;border-color:#716180;background:radial-gradient(circle,#3b2c48,#19251d 75%);box-shadow:0 0 18px #b3a0cb22}
.journey-step b{background:#15271b;border-color:#416348;color:#c4e5b5}
.ecosystem-journey>i{color:#abd28b}.journey-route{background:linear-gradient(90deg,transparent,#b0d69080,transparent);box-shadow:none}
.why-title h2{color:#c2d4c4}.why-title:before,.why-title:after{background:#81aa74}
.why-card,.downloads-panel{border-color:#34523d;background:linear-gradient(150deg,#15271c,#0d1c14)}
.why-card .why-icon{color:#dec2f4}.why-card p{color:#adc4b4}
.community-panel{border-color:#556049;background:radial-gradient(circle at 92% 22%,#79814d55,transparent 48%),linear-gradient(135deg,#263b26,#14271c)}
.community-panel p{color:#d0dfcf}
.download-mini{background:#102318;border-color:#365c40}.download-mini span{color:#abc8b2}.download-mini b{color:#bce9ab;border-color:#4c714a}
.home-footer-strip{background:#102016;border-color:#34513b}.home-footer-strip span{color:#bad0be}.footer{color:#adc3b1}
@media(max-width:1050px){.hero-main{max-width:53%;margin-left:24px}.hero-main h1{font-size:42px}.hero .truck-scene{width:61%;opacity:1}.hero-main .lead{font-size:14px}}
@media(max-width:820px){
.home-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:0}
.home-hero:before{display:none}
.hero-main{max-width:none;margin:0;padding:30px 25px 26px}
.hero-main h1{font-size:clamp(33px,6vw,45px);max-width:650px;letter-spacing:-1.3px}
.hero-main .lead{max-width:650px;font-size:14px}
.hero .truck-scene{position:relative;right:auto;bottom:auto;width:100%;height:340px;min-height:0;background-position:center 52%;opacity:1}
.hero-kicker{font-size:10px;line-height:1.5}.spring-season{margin-bottom:8px}
}
@media(max-width:480px){.hero-main{padding:26px 20px}.hero .truck-scene{height:260px;background-position:60% center}.hero-main h1{font-size:34px}.hero-actions{gap:8px}.hero-actions .btn{padding:0 13px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.journey-icon,.journey-route{animation:none!important}}

.hero-main>.eyebrow{display:block;margin-top:0;margin-bottom:12px;line-height:1.7}

@media(max-width:820px){
.topbar{display:flex;flex-wrap:wrap;gap:10px 12px;height:auto;min-height:0;padding:12px 18px;max-width:100%;align-items:center}
.topbar .brand{order:1;flex:1;min-width:0}.topbar .brand b{font-size:22px}
.topbar #accountButton{order:2;flex:0 0 auto;font-size:9px;padding:9px 10px}
.topbar .eco-wallet-nav{order:3;flex:0 0 100%;font-size:10px;color:#d0e6d5}
.topbar nav{order:4;display:flex;flex:0 0 100%;width:100%;min-width:0;flex-wrap:nowrap;overflow-x:auto;gap:18px;padding:4px 0 9px;align-items:center;scrollbar-width:thin}
.topbar nav a{flex:0 0 auto;white-space:nowrap}
}
@media(max-width:820px){.topbar .brand b{display:inline!important}.topbar nav{flex-wrap:nowrap!important;overflow-x:auto!important;max-width:100%;justify-content:flex-start!important}}