.ebike-landing{background:var(--white)}

.ebike-hero{align-items:center;background:linear-gradient(135deg,var(--blue-deep),var(--blue) 65%),radial-gradient(circle at 85% 20%,rgba(26,166,98,.22),transparent 55%);border-radius:var(--radius-lg);color:#fff;display:grid;gap:32px;grid-template-columns:1.05fr 0.95fr;min-height:600px;overflow:hidden;padding:56px 48px}
.ebike-hero-copy{display:flex;flex-direction:column;gap:18px}
.ebike-hero .eyebrow{color:rgba(255,255,255,.78)}
.ebike-hero h1{font-family:var(--font-heading);font-size:clamp(3.2rem,6vw,5.8rem);line-height:1.02;margin:0}
.ebike-hero p{color:rgba(255,255,255,.86);font-size:1.05rem;line-height:1.6;margin:0;max-width:46ch}
.ebike-hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}
.ebike-cta-primary{align-items:center;background:var(--green);border-radius:999px;color:#fff;display:inline-flex;font-weight:700;justify-content:center;min-height:44px;padding:14px 26px;text-decoration:none;transition:transform .2s ease,background .2s ease}
.ebike-cta-primary:hover{background:var(--green-deep);transform:translateY(-2px)}
.ebike-cta-secondary{align-items:center;background:transparent;border:1.5px solid rgba(255,255,255,.7);border-radius:999px;color:#fff;display:inline-flex;font-weight:600;justify-content:center;min-height:44px;padding:14px 26px;text-decoration:none;transition:background .2s ease}
.ebike-cta-secondary:hover{background:rgba(255,255,255,.12)}
.ebike-cta-primary:focus-visible,.ebike-cta-secondary:focus-visible{outline:3px solid #fff;outline-offset:3px}

.ebike-trust-bar{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin:-46px auto 0;max-width:calc(var(--max) - 80px);padding:26px;position:relative;z-index:2}
.ebike-trust-grid{display:grid;gap:18px;grid-template-columns:repeat(6,1fr);list-style:none;margin:0;padding:0}
.ebike-trust-card{display:flex;flex-direction:column;gap:4px}
.ebike-trust-card strong{color:var(--ink);font-size:.98rem}
.ebike-trust-card span{color:var(--muted);font-size:.86rem}

.ebike-quiz{margin-top:48px}
.ebike-quiz-shell{background:#151a22;background-image:radial-gradient(circle at 15% 10%,rgba(25,37,141,.55),transparent 55%);border-radius:var(--radius-lg);color:#fff;display:grid;gap:36px;grid-template-columns:0.85fr 1.15fr;padding:44px}
.ebike-quiz-shell[data-quiz-open="false"]{grid-template-columns:1fr;padding:32px 44px}
.ebike-quiz-intro{display:flex;flex-direction:column;gap:14px}
.ebike-quiz-shell[data-quiz-open="false"] .ebike-quiz-intro{align-items:center;display:grid;gap:8px 28px;grid-template-columns:minmax(0,1fr) auto}
.ebike-quiz-shell[data-quiz-open="false"] .ebike-quiz-intro .eyebrow,.ebike-quiz-shell[data-quiz-open="false"] .ebike-quiz-intro h2,.ebike-quiz-shell[data-quiz-open="false"] .ebike-quiz-intro p{grid-column:1}
.ebike-quiz-shell[data-quiz-open="false"] .ebike-quiz-toggle{grid-column:2;grid-row:1 / span 3}
.ebike-quiz-intro .eyebrow{color:var(--green)}
.ebike-quiz-toggle{align-items:center;align-self:flex-start;background:var(--green);border:1px solid var(--green);border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:10px;justify-content:center;min-height:44px;padding:12px 22px;transition:background .2s ease,transform .2s ease}
.ebike-quiz-toggle:hover{background:var(--green-deep);transform:translateY(-1px)}
.ebike-quiz-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}
.ebike-quiz-toggle-icon{display:inline-block;transition:transform .2s ease}
.ebike-quiz-shell[data-quiz-open="true"] .ebike-quiz-toggle-icon{transform:rotate(-90deg)}
.ebike-quiz-form{background:var(--white);border-radius:var(--radius-md);color:var(--ink);display:flex;flex-direction:column;gap:22px;padding:28px}
.ebike-quiz-form[hidden]{display:none}
.quiz-progress{background:rgba(21,26,34,.1);border-radius:999px;height:6px;overflow:hidden}
.quiz-progress-bar{background:var(--green);height:100%;transition:width .22s ease;width:0}
.quiz-step{border:none;margin:0;padding:0}
.quiz-step legend{font-family:var(--font-heading);font-size:1.1rem;margin-bottom:12px}
.quiz-options{display:grid;gap:10px}
.quiz-option{align-items:center;border:1px solid var(--line);border-radius:14px;cursor:pointer;display:flex;gap:10px;padding:12px 16px;transition:border-color .2s ease,background .2s ease}
.quiz-option input:checked{accent-color:var(--green)}
.quiz-option:has(input:checked){background:var(--surface-blue);border-color:var(--blue)}
.quiz-actions{display:flex;flex-wrap:wrap;gap:10px}
.quiz-btn{background:var(--surface);border:1px solid var(--line);border-radius:999px;color:var(--ink);cursor:pointer;font-weight:600;min-height:44px;padding:12px 22px;transition:background .2s ease}
.quiz-btn-resultado{background:var(--green);border-color:var(--green);color:#fff}
.quiz-btn:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.quiz-btn:disabled,.quiz-btn[disabled]{cursor:not-allowed;opacity:.45}
.quiz-resultado{display:grid;gap:16px}

.ebike-resultado-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}
.ebike-resultado-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:10px;height:100%;padding:18px}
.ebike-resultado-card img{aspect-ratio:4 / 3;object-fit:contain;width:100%}

.ebike-regras-uso{background:var(--surface);border-radius:var(--radius-md);margin-top:24px;padding:24px}
.ebike-regras-uso h3{font-family:var(--font-heading);margin-top:0}

.ebike-disponiveis,.ebike-esgotados{margin-top:48px}

.ebike-processo{background:linear-gradient(135deg,var(--blue-deep),var(--dark));border-radius:var(--radius-lg);color:#fff;margin-top:48px;padding:44px}
.ebike-processo-lista{counter-reset:passo;display:flex;gap:24px;list-style:none;margin:24px 0 0;padding:0}
.ebike-processo-passo{align-items:flex-start;display:flex;flex:1;gap:14px}
.ebike-processo-numero{align-items:center;background:var(--green);border-radius:50%;color:#fff;display:flex;font-weight:700;height:36px;justify-content:center;min-width:36px}

.ebike-faq{margin-top:48px}
.ebike-faq .faq-list{column-gap:32px;columns:2}
.ebike-faq details{break-inside:avoid;margin-bottom:14px}
.ebike-faq summary:focus-visible{outline:3px solid var(--blue);outline-offset:2px}

.ebike-cta-final{margin-top:48px}

@media(prefers-reduced-motion:reduce){
.ebike-cta-primary,.ebike-cta-secondary,.ebike-quiz-toggle,.ebike-quiz-toggle-icon,.quiz-progress-bar,.quiz-option,.quiz-btn{transition:none}
html{scroll-behavior:auto}
.ebike-landing .category-showcase--protagonista a,.ebike-landing .category-showcase--protagonista a:hover,.ebike-landing .category-showcase--protagonista a:focus-visible,.ebike-landing .category-showcase--protagonista img,.ebike-landing .ebike-showcase-bike,.ebike-landing .category-showcase--protagonista a:hover .ebike-showcase-bike,.ebike-landing .category-showcase--protagonista a:focus-visible .ebike-showcase-bike,.ebike-landing .category-showcase--protagonista a:hover img,.ebike-landing .category-showcase--protagonista a:focus-visible img,.ebike-showcase-cta span[aria-hidden="true"]{animation:none;transform:none;transition:none}
}

@media(max-width:1024px){
.ebike-quiz-shell{grid-template-columns:1fr}
.ebike-resultado-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:900px){
.ebike-hero{grid-template-columns:1fr;min-height:0;padding:36px 22px}
.ebike-hero h1{font-size:clamp(2.45rem,12vw,3.6rem)}
.ebike-hero-ctas{flex-direction:column}
.ebike-hero-ctas a{width:100%}
.ebike-trust-bar{margin-top:24px}
.ebike-trust-grid{grid-template-columns:repeat(2,1fr)}
.ebike-quiz-shell{padding:32px 22px}
.ebike-quiz-shell[data-quiz-open="false"]{padding:28px 22px}
.ebike-quiz-shell[data-quiz-open="false"] .ebike-quiz-intro{align-items:stretch;grid-template-columns:1fr}
.ebike-quiz-shell[data-quiz-open="false"] .ebike-quiz-toggle{grid-column:1;grid-row:auto;margin-top:8px;width:100%}
.ebike-faq .faq-list{columns:1}
.ebike-processo-lista{flex-direction:column}
}

@media(max-width:600px){
.ebike-resultado-grid{grid-template-columns:1fr}
}

@media(max-width:360px){
.ebike-trust-grid{grid-template-columns:1fr}
}

@keyframes ebike-showcase-enter{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes ebike-showcase-bike-enter{from{opacity:.82;transform:translateX(-14px) scale(.98)}to{opacity:1;transform:none}}

.ebike-landing .category-showcase--protagonista a{animation:ebike-showcase-enter 560ms cubic-bezier(.22,1,.36,1) backwards;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.ebike-landing .category-showcase--protagonista a:nth-child(1){animation-delay:60ms}
.ebike-landing .category-showcase--protagonista a:nth-child(2){animation-delay:160ms}
.ebike-landing .category-showcase--protagonista a:nth-child(3){animation-delay:240ms}
.ebike-landing .category-showcase--protagonista a:focus-visible{transform:translateY(-4px);box-shadow:0 18px 46px rgba(7,15,61,.16);outline:3px solid var(--green);outline-offset:3px}
@media(hover:hover) and (pointer:fine){
.ebike-landing .category-showcase--protagonista a:hover{transform:translateY(-4px);box-shadow:0 18px 46px rgba(7,15,61,.16)}
}

.ebike-landing .category-showcase--protagonista img{transition:transform .28s ease}
.ebike-landing .ebike-showcase-bike{animation:ebike-showcase-bike-enter 720ms cubic-bezier(.22,1,.36,1) backwards;animation-delay:130ms}
.ebike-landing .category-showcase--protagonista a.showcase-destaque:focus-visible .ebike-showcase-bike{transform:translateX(4px) scale(1.035)}
.ebike-landing .category-showcase--protagonista a.showcase-mini:focus-visible img{transform:scale(1.025)}
@media(hover:hover) and (pointer:fine){
.ebike-landing .category-showcase--protagonista a.showcase-destaque:hover .ebike-showcase-bike{transform:translateX(4px) scale(1.035)}
.ebike-landing .category-showcase--protagonista a.showcase-mini:hover img{transform:scale(1.025)}
}

.ebike-showcase-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:2px}
.ebike-showcase-chips span{background:rgba(25,37,141,.1);border-radius:999px;color:var(--blue);font-size:.74rem;font-weight:700;padding:3px 10px}
.ebike-showcase-cta{color:var(--green);font-size:.85rem;font-weight:700;margin-top:2px}
.ebike-showcase-cta span[aria-hidden="true"]{display:inline-block;transition:transform .2s ease}
.ebike-landing .category-showcase--protagonista a.showcase-destaque:focus-visible .ebike-showcase-cta span[aria-hidden="true"]{transform:translateX(3px)}
@media(hover:hover) and (pointer:fine){
.ebike-landing .category-showcase--protagonista a.showcase-destaque:hover .ebike-showcase-cta span[aria-hidden="true"]{transform:translateX(3px)}
}
