@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap");

    :root{color-scheme:dark;--bg:#101211;--panel:#191c19;--lime:#c9eb49;--white:#f7f8f2;--muted:#b8beb3;--line:#3a4038;font-family:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white)}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}header{position:sticky;top:0;z-index:10;background:rgba(16,18,17,.94);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff16}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{width:54px;height:54px;border-radius:11px;object-fit:cover}.brand span{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.04rem;line-height:1.08;letter-spacing:-.04em}.brand small{display:block;font-size:.66rem;letter-spacing:.18em;color:var(--lime);margin-top:4px}.links{display:flex;align-items:center;gap:32px;font-size:.92rem;font-weight:600}.links a:hover,.footer a:hover{color:var(--lime)}.navcta,.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:4px;background:var(--lime);color:#11150c;font-weight:700;min-height:50px;padding:0 22px;transition:transform .2s,background .2s}.navcta:hover,.button:hover{background:#defb6a;transform:translateY(-2px)}.hero{position:relative;overflow:hidden;min-height:670px;display:flex;align-items:center;background:radial-gradient(ellipse at 73% 48%,#344327 0%,#171e17 26%,#101211 62%)}.hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 13.9%,#d5f58d0b 14%,transparent 14.2%);pointer-events:none}.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;position:relative;padding:95px 0 110px}.eyebrow{color:var(--lime);font-size:.83rem;letter-spacing:.22em;font-weight:700;text-transform:uppercase;margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(3.3rem,6.6vw,6.8rem);line-height:.99;letter-spacing:-.075em;max-width:770px;margin-bottom:28px}h1 em{font-style:normal;color:var(--lime)}.intro{color:#d4dacd;line-height:1.7;font-size:1.18rem;max-width:570px;margin-bottom:38px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.text-link{font-weight:700;border-bottom:1px solid var(--lime);padding-bottom:7px}.mark-stage{display:grid;place-items:center;min-height:430px;position:relative}.mark-stage:before{content:'';position:absolute;width:min(440px,100%);aspect-ratio:1;border:1px solid #c9eb4939;border-radius:50%;box-shadow:0 0 0 40px #c9eb4907,0 0 0 100px #c9eb4905}.mark-stage img{width:230px;height:230px;object-fit:cover;border-radius:26px;position:relative;box-shadow:0 30px 90px #0009,0 0 60px #c9eb4922;image-rendering:auto}.mark-stage .caption{position:absolute;right:0;bottom:16px;color:var(--lime);font-size:.75rem;letter-spacing:.17em;text-transform:uppercase;writing-mode:vertical-rl}.strip{background:var(--lime);color:#11150c;padding:16px 0;font-family:'Space Grotesk';font-weight:700;letter-spacing:.1em;text-transform:uppercase}.strip .wrap{display:flex;justify-content:space-between;gap:20px;font-size:.78rem}.section{padding:110px 0}.section-title{font-size:clamp(2.5rem,4vw,4.2rem);letter-spacing:-.06em;line-height:1.08;max-width:790px}.section-copy{color:var(--muted);font-size:1.1rem;line-height:1.75;max-width:650px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--panel);border:1px solid var(--line);padding:34px;min-height:300px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .2s,transform .2s}.card:hover{border-color:var(--lime);transform:translateY(-4px)}.card .num{font:700 .85rem 'Space Grotesk';color:var(--lime)}.card h3{font-size:1.65rem;letter-spacing:-.04em;margin:0 0 14px}.card p{color:var(--muted);line-height:1.65;margin:0}.about{background:#1b2019;border-block:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-art{min-height:420px;border:1px solid #657a42;display:grid;place-items:center;background:linear-gradient(135deg,#283620,#141914 72%);position:relative;overflow:hidden}.about-art:after{content:'i9';font:700 clamp(11rem,25vw,22rem)/1 'Space Grotesk';letter-spacing:-.13em;color:#c9eb4917;position:absolute;bottom:-.13em;right:.05em}.about-art img{width:175px;height:175px;position:relative;z-index:1;border-radius:18px;box-shadow:0 24px 70px #0008}.contact{background:var(--lime);color:#11150c}.contact .eyebrow{color:#465520}.contact-grid{display:flex;justify-content:space-between;align-items:end;gap:30px}.contact h2{max-width:800px;margin-bottom:0}.contact .button{background:#11150c;color:white;white-space:nowrap}.contact .button:hover{background:#303b25}.footer{padding:38px 0;color:#b9c1b3}.footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer p{margin:0;font-size:.9rem}.footer a{font-weight:700}@media(max-width:900px){.hero .wrap{grid-template-columns:1fr 300px;gap:10px}.mark-stage img{width:185px;height:185px}.about-grid{gap:35px}}@media(max-width:700px){.wrap{width:min(100% - 36px,1180px)}.nav{min-height:72px}.brand img{width:46px;height:46px}.links{gap:15px}.links a:not(.navcta){display:none}.navcta{padding:0 13px;min-height:42px;font-size:.82rem}.hero{min-height:0}.hero .wrap{display:flex;flex-direction:column;align-items:stretch;padding:75px 0 80px;gap:26px}h1{font-size:clamp(3.15rem,12vw,5rem)}.intro{font-size:1.05rem}.mark-stage{min-height:255px}.mark-stage:before{width:225px}.mark-stage img{width:154px;height:154px}.mark-stage .caption{right:15px}.strip .wrap{justify-content:center;text-align:center}.strip span:nth-child(n+2){display:none}.section{padding:75px 0}.section-top,.contact-grid{display:block}.cards{grid-template-columns:1fr}.card{min-height:220px}.about-grid{grid-template-columns:1fr}.about-art{min-height:300px;order:-1}.contact .button{margin-top:30px}.footer .wrap{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
  .promo-banner{display:block;width:100%;height:auto}.region-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.region-links .button{background:#11150c;color:white;text-align:center;white-space:normal}.region-links .button:hover{background:#303b25}.contact-grid{align-items:center}@media(max-width:700px){.region-links{flex-direction:column}.region-links .button{margin-top:0}.promo-banner{min-height:210px;object-fit:cover;object-position:center}} .product-stage{position:relative;min-width:0}.product-stage img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 22px 80px #0008}.contact-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:40px}.contact-option{display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:150px;padding:24px;background:#11150c;color:#f7f8f2;border:1px solid #394a29;border-radius:8px;transition:transform .2s,border-color .2s}.contact-option:hover{transform:translateY(-3px);border-color:#f7f8f2}.contact-option span{color:#c9eb49;font-size:.9rem}.contact-option strong{font-size:clamp(1rem,1.6vw,1.3rem);overflow-wrap:anywhere}@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}.product-stage{max-width:760px}.contact-options{grid-template-columns:1fr 1fr}}@media(max-width:700px){.product-stage{width:100%}.contact-options{grid-template-columns:1fr;margin-top:26px}.contact-option{min-height:112px;gap:14px}.promo-banner{min-height:0;object-fit:contain}.hero .wrap{padding-top:55px}} .about-art{padding:28px;background:#111511;border:1px solid #4f6432}.about-art:after{content:none}.about-art img{display:block;width:min(100%,460px);height:auto;max-height:460px;object-fit:contain;border-radius:0;box-shadow:none}@media(max-width:700px){.about-art{min-height:0;padding:18px}.about-art img{width:min(100%,360px);max-height:none}} .gallery-section{background:#111511}.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}.gallery-heading h2{margin-bottom:0}.gallery-heading p:last-child{color:var(--muted);font-size:.9rem}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gallery-grid a{display:block;overflow:hidden;border:1px solid #33402c;border-radius:8px;background:#1b2019;aspect-ratio:4/5}.gallery-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery-grid a:hover img{transform:scale(1.035)}.gallery-grid a:focus-visible{outline-offset:4px}@media(max-width:700px){.gallery-heading{display:block}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media(max-width:460px){.gallery-grid{grid-template-columns:1fr}.gallery-grid a{aspect-ratio:4/4.4}.gallery-grid img{object-position:center 46%}} .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px;justify-items:center}.gallery-grid figure{width:min(100%,220px);aspect-ratio:1;margin:0;border-radius:50%;overflow:hidden;border:3px solid #7fa52e;box-shadow:0 12px 36px #0008;background:#1b2019}.gallery-grid figure img{width:100%;height:100%;object-fit:cover;object-position:center 54%;transform:scale(1.02)}.gallery-grid figure:hover img{transform:scale(1.02)}@media(max-width:700px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gallery-grid figure{width:min(100%,180px)}}@media(max-width:460px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-grid figure{width:min(100%,150px);aspect-ratio:1}.gallery-grid figure img{object-position:center 54%}} .product-stage,.gallery-grid figure{position:relative}.product-stage:after,.gallery-grid figure:after{content:"";position:absolute;pointer-events:none;background:url("assets/logo-i9-original-20260925.jpg") center/contain no-repeat;mix-blend-mode:screen;opacity:.25;filter:grayscale(.2)}.product-stage:after{width:26%;aspect-ratio:1;right:3%;bottom:3%}.gallery-grid figure:after{width:42%;aspect-ratio:1;right:3%;bottom:3%;opacity:.3}@media(max-width:700px){.product-stage:after{width:25%}.gallery-grid figure:after{width:45%}} .hero h1{font-size:clamp(2.7rem,4.8vw,4.9rem);line-height:1.05;letter-spacing:-.06em;max-width:650px}.product-stage:after{top:3%;bottom:auto;right:3%;width:23%}@media(max-width:700px){.hero h1{font-size:clamp(2.45rem,9vw,3.8rem)}.product-stage:after{top:3%;bottom:auto;width:24%}} .legal-note{display:block;margin-top:18px;color:#aeb9a4;font-size:.82rem;line-height:1.5} 
.staff-link{width:42px;height:42px;border:1px solid #587232;border-radius:50%;display:inline-grid;place-items:center;color:#c9eb49;flex:none}.staff-link:hover{background:#c9eb4920;color:#f7f8f2}@media(max-width:700px){.links .staff-link{display:inline-grid!important}}

/* Exibe a logomarca completa no cabeçalho e na seção Sobre. */
.brand img{width:64px;height:64px;object-fit:contain;object-position:center;border-radius:0;flex:none}
.about-art img{width:min(100%,520px);height:auto;max-height:none;object-fit:contain;object-position:center}
@media(max-width:700px){.brand img{width:54px;height:54px}.about-art img{width:min(100%,380px)}}

.brand img{width:68px;height:68px;object-fit:contain;object-position:center;background:#111;border-radius:6px}
.about-art{display:flex;align-items:center;justify-content:center;min-height:0;padding:0;overflow:visible;background:#111}
.about-art img{display:block;width:min(100%,540px);height:auto;max-height:none;object-fit:contain;box-shadow:none;border-radius:0}
@media(max-width:700px){.brand img{width:54px;height:54px}.about-art img{width:100%}}

/* Logomarca em destaque e bicicleta Enova na seção Quem somos. */
.product-stage{display:flex;align-items:center;justify-content:center}
.product-stage img{width:min(100%,490px);height:auto;max-height:530px;object-fit:contain;box-shadow:none;border-radius:12px}
.product-stage:after{display:none}
.about-art img{width:100%;max-width:540px;height:auto;max-height:none;object-fit:contain;border-radius:10px}
@media(max-width:700px){.product-stage img{width:min(100%,390px);max-height:none}.about-art img{width:100%}}

/* Ajuste de ritmo, hierarquia e interação — prévia para aprovação. */
:root{--ease-out:cubic-bezier(.22,1,.36,1)}
.nav{min-height:76px}
.hero{min-height:0}
.hero .wrap{padding:64px 0 72px;gap:38px}
.hero .eyebrow{margin-bottom:16px}
.hero h1{margin-bottom:20px}
.hero .intro{margin-bottom:0;line-height:1.55}
.section{padding:68px 0}
.section .eyebrow{margin-bottom:15px}
.section-title{margin-bottom:20px}
.gallery-heading{margin-bottom:25px}
.gallery-grid{gap:22px 18px}
.about-grid{gap:48px}
.about .section-copy{line-height:1.62;margin-bottom:0}
.contact .section-title{max-width:760px;margin-bottom:25px}
.contact-options{gap:0;margin-top:0;padding:10px;background:#141914;border:1px solid #536630;border-radius:16px;box-shadow:0 15px 38px #11150c24}
.contact-option{min-height:124px;gap:12px;padding:22px;border:0;border-radius:10px;background:transparent}
.contact-option+.contact-option{border-left:1px solid #394a29;border-radius:0}
.contact-option span{font-size:.88rem;line-height:1.3}
.contact-option strong{font-size:clamp(1.2rem,1.7vw,1.45rem);line-height:1.25;letter-spacing:-.025em}
.footer{padding:25px 0}
.nav a,.brand,.staff-link,.navcta,.contact-option,.gallery-grid figure img{transition:color .24s var(--ease-out),background-color .24s var(--ease-out),border-color .24s var(--ease-out),box-shadow .24s var(--ease-out),transform .24s var(--ease-out)}
.brand:hover,.gallery-grid figure:hover img{transform:translateY(-2px)}
.staff-link:hover{border-color:var(--lime);transform:translateY(-2px)}
.contact-option:hover,.contact-option:focus-visible{transform:translateY(-2px);background:#222c1a;box-shadow:0 10px 24px #0003;border-color:transparent}
.contact-option:focus-visible,.nav a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media(max-width:900px){.hero .wrap{gap:25px}.about-grid{gap:32px}.contact-options{grid-template-columns:1fr 1fr}.contact-option:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid #394a29;border-radius:0}}
@media(max-width:700px){
 .wrap{width:min(100% - 32px,1180px)}
 .nav{min-height:68px;gap:10px}
 .brand{gap:8px}.brand img{width:48px;height:48px}.brand span{font-size:.88rem}.brand small{font-size:.58rem}
 .links{gap:10px}.navcta{min-height:40px;padding:0 10px;font-size:.75rem}.staff-link{width:38px;height:38px}
 .hero .wrap{padding:40px 0 44px;gap:25px}
 .hero h1{font-size:clamp(2.3rem,10vw,3.65rem);line-height:1.08}
 .hero .intro{font-size:1rem}
 .product-stage img{width:min(100%,350px)}
 .section{padding:48px 0}
 .section-title{font-size:clamp(2rem,8vw,2.8rem)}
 .gallery-heading{margin-bottom:22px}.gallery-grid{gap:17px 12px}
 .about-grid{gap:24px}.about-art{order:0}
 .contact .section-title{margin-bottom:20px}
 .contact-options{grid-template-columns:1fr;padding:7px;border-radius:14px}
 .contact-option{min-height:86px;gap:6px;padding:14px 16px}
 .contact-option+.contact-option,.contact-option:nth-child(3){grid-column:auto;border-left:0;border-top:1px solid #394a29;border-radius:0}
 .contact-option strong{font-size:1.16rem}
 .footer{padding:22px 0}
}
@media(max-width:380px){.navcta{padding:0 8px;font-size:.7rem}.brand span{font-size:.77rem}.brand img{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.nav a,.brand,.staff-link,.navcta,.contact-option,.gallery-grid figure img{transition:none!important;transform:none!important}}

/* Revisão solicitada: seções mais próximas e tipografia dos contatos. */
.hero .wrap{padding-top:46px;padding-bottom:50px}
.section{padding-top:48px;padding-bottom:48px}
.gallery-heading{margin-bottom:18px}
.gallery-grid{row-gap:16px}
.about-grid{gap:36px}
.contact .section-title{margin-bottom:18px}
.contact-options{margin-top:0}
.brand span,.brand small,.contact-option strong{font-family:'Outfit','Space Grotesk',sans-serif}
.brand span{font-size:1.16rem;font-weight:700;letter-spacing:-.045em;line-height:1.05}
.brand small{font-size:.68rem;font-weight:600;letter-spacing:.23em;margin-top:5px}
.contact-option strong{font-size:clamp(1.2rem,1.9vw,1.55rem);font-weight:600;letter-spacing:-.015em}
@media(max-width:700px){
 .hero .wrap{padding-top:30px;padding-bottom:32px}
 .section{padding-top:36px;padding-bottom:36px}
 .gallery-heading{margin-bottom:14px}.gallery-grid{row-gap:12px}
 .about-grid{gap:18px}
 .brand span{font-size:.94rem}.brand small{font-size:.59rem;letter-spacing:.18em}
 .contact-option strong{font-size:1.22rem}
}
@media(max-width:380px){.brand span{font-size:.83rem}.brand small{font-size:.55rem}}