Descrição
:root {
–bg: #0b0b0e;
–bg-2: #131318;
–bg-3: #1a1a21;
–ink: #f4f4f1;
–ink-2: #b9b9b5;
–ink-3: #6f6f70;
–line: rgba(244,244,241,0.08);
–line-2: rgba(244,244,241,0.14);
–laser: #ff3030;
–accent: #00ff88;
–radius: 14px;
–radius-lg: 22px;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { background: var(–bg); color: var(–ink); font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, sans-serif; }
body { overflow-x: hidden; line-height: 1.5; }
.wrap { max-width: 1280px; margin: 0 auto; padding: 0 20px; }
/* NAV */
nav.nav {
position: fixed;
top: 0;
left: 0;
right: 0;
backdrop-filter: blur(10px);
background: rgba(11, 11, 14, 0.7);
border-bottom: 1px solid var(–line);
z-index: 1000;
height: 60px;
display: flex;
align-items: center;
}
.nav-inner {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.logo {
font-size: 18px;
font-weight: 600;
display: flex;
align-items: center;
gap: 8px;
}
.logo-dot {
width: 8px;
height: 8px;
background: var(–laser);
border-radius: 50%;
}
.nav-links {
display: flex;
gap: 32px;
flex: 1;
margin-left: 60px;
}
.nav-links a {
color: var(–ink-2);
text-decoration: none;
font-size: 14px;
transition: color 0.2s;
}
.nav-links a:hover {
color: var(–ink);
}
.nav-cta {
background: white;
color: var(–bg);
padding: 10px 20px;
border-radius: 24px;
text-decoration: none;
font-size: 14px;
font-weight: 600;
transition: all 0.2s;
}
.nav-cta:hover {
transform: scale(1.05);
}
/* HERO */
.hero {
margin-top: 60px;
padding: 80px 0;
position: relative;
min-height: 100vh;
display: flex;
align-items: center;
}
.hero-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
.hero-eyebrow {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 24px;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px;
color: var(–ink-3);
}
.pulse {
width: 8px;
height: 8px;
background: var(–laser);
border-radius: 50%;
animation: pulse 2s infinite;
}
@keyframes pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.5; }
}
h1 {
font-size: 72px;
line-height: 1.1;
font-weight: 700;
margin-bottom: 24px;
letter-spacing: -2px;
}
.grad {
color: var(–ink);
}
.laser {
color: var(–laser);
}
.hero-sub {
font-size: 18px;
color: var(–ink-2);
max-width: 500px;
margin-bottom: 32px;
line-height: 1.6;
}
.hero-actions {
display: flex;
gap: 16px;
margin-bottom: 60px;
flex-wrap: wrap;
}
.btn {
padding: 14px 28px;
border-radius: 28px;
border: none;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s;
display: inline-flex;
align-items: center;
gap: 8px;
}
.btn-primary {
background: var(–laser);
color: white;
}
.btn-primary:hover {
background: #ff5555;
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(255, 48, 48, 0.3);
}
.btn-ghost {
background: transparent;
color: var(–ink);
border: 1px solid var(–line-2);
}
.btn-ghost:hover {
background: var(–bg-2);
border-color: var(–ink-2);
}
.hero-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.stat {
padding: 16px;
background: var(–bg-2);
border-radius: var(–radius);
border: 1px solid var(–line);
}
.num {
font-size: 36px;
font-weight: 700;
margin-bottom: 4px;
}
.unit {
font-size: 14px;
color: var(–ink-3);
margin-left: 8px;
}
.lbl {
font-size: 13px;
color: var(–ink-3);
}
/* HERO VISUAL */
.hero-visual {
position: relative;
aspect-ratio: 1;
background: radial-gradient(ellipse at center, var(–bg-2) 0%, var(–bg) 100%);
border-radius: var(–radius-lg);
border: 1px solid var(–line);
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.product-svg {
width: 100%;
height: 100%;
filter: drop-shadow(0 20px 40px rgba(255, 48, 48, 0.15));
}
.hv-tag {
position: absolute;
background: var(–bg);
border: 1px solid var(–line-2);
padding: 8px 12px;
border-radius: 8px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.hv-tag-1 { top: 20px; left: 20px; }
.hv-tag-2 { top: 20px; right: 20px; }
.hv-tag-3 { bottom: 20px; right: 20px; }
/* MARQUEE */
.marquee {
background: var(–bg-2);
border-top: 1px solid var(–line);
border-bottom: 1px solid var(–line);
overflow: hidden;
padding: 16px 0;
margin: 60px 0;
}
.marquee-track {
display: flex;
gap: 32px;
white-space: nowrap;
animation: scroll 20s linear infinite;
}
@keyframes scroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
.marquee-track span {
font-size: 14px;
color: var(–ink-2);
flex-shrink: 0;
}
/* SECTIONS */
section {
padding: 80px 0;
border-bottom: 1px solid var(–line);
}
section:last-child {
border-bottom: none;
}
.section-head {
margin-bottom: 60px;
}
.section-head .left {
margin-bottom: 20px;
}
.section-head .mono {
display: block;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
color: var(–laser);
margin-bottom: 12px;
}
.section-head h2 {
font-size: 48px;
line-height: 1.2;
margin-bottom: 20px;
max-width: 600px;
}
.section-head p {
font-size: 16px;
color: var(–ink-2);
max-width: 600px;
line-height: 1.6;
}
/* FEATURES */
.features {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}
.feat {
background: var(–bg-2);
border: 1px solid var(–line);
padding: 32px;
border-radius: var(–radius);
position: relative;
}
.feat.feat-lg {
grid-column: 1 / 3;
}
.feat-lg .feat-visual {
margin-top: 24px;
height: 200px;
background: var(–bg-3);
border-radius: var(–radius);
position: relative;
}
.feat h3 {
font-size: 24px;
margin-bottom: 16px;
margin-top: 8px;
}
.feat p {
font-size: 15px;
color: var(–ink-2);
line-height: 1.6;
}
/* SPECS */
.specs-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
.spec {
display: grid;
grid-template-columns: 160px 1fr;
gap: 16px;
padding: 16px;
background: var(–bg-2);
border-radius: var(–radius);
align-items: center;
}
.spec .k {
font-weight: 600;
color: var(–laser);
font-size: 14px;
}
.spec .v {
font-size: 14px;
color: var(–ink-2);
}
/* REVIEWS */
.reviews {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.review {
background: var(–bg-2);
border: 1px solid var(–line);
padding: 24px;
border-radius: var(–radius);
}
.review .stars {
color: #ffd700;
font-size: 16px;
margin-bottom: 12px;
}
.review p {
font-size: 14px;
color: var(–ink-2);
line-height: 1.6;
margin-bottom: 16px;
font-style: italic;
}
.review .who {
display: flex;
gap: 12px;
align-items: center;
}
.review .av {
width: 40px;
height: 40px;
background: var(–bg-3);
border-radius: 50%;
}
.review .name {
font-weight: 600;
font-size: 14px;
}
.review .role {
font-size: 12px;
color: var(–ink-3);
}
/* FAQ */
.faq {
background: var(–bg-2);
border-radius: var(–radius);
border: 1px solid var(–line);
overflow: hidden;
}
.faq-item {
border-bottom: 1px solid var(–line);
}
.faq-item:last-child {
border-bottom: none;
}
.faq-q {
width: 100%;
padding: 20px;
background: transparent;
border: none;
text-align: left;
cursor: pointer;
font-size: 15px;
font-weight: 600;
color: var(–ink);
display: flex;
justify-content: space-between;
align-items: center;
transition: background 0.2s;
}
.faq-q:hover {
background: var(–bg-3);
}
.faq-icon {
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
color: var(–laser);
transition: transform 0.2s;
}
.faq-item.open .faq-icon {
transform: rotate(45deg);
}
.faq-a {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s;
}
.faq-item.open .faq-a {
max-height: 200px;
}
.faq-a p {
padding: 0 20px 20px;
color: var(–ink-2);
font-size: 14px;
line-height: 1.6;
}
/* FINAL CTA */
.final-cta {
text-align: center;
padding: 40px;
background: var(–bg-2);
border-radius: var(–radius-lg);
border: 1px solid var(–line);
}
.final-cta h2 {
font-size: 48px;
margin-bottom: 16px;
}
.final-cta > p {
font-size: 16px;
color: var(–ink-2);
margin-bottom: 24px;
}
.final-cta .price {
font-size: 32px;
font-weight: 700;
color: var(–laser);
margin-top: 24px;
}
.final-cta .price s {
color: var(–ink-3);
text-decoration: line-through;
font-size: 24px;
margin-right: 12px;
}
/* FOOTER */
footer {
background: var(–bg-2);
border-top: 1px solid var(–line);
padding: 60px 0;
}
.foot-grid {
display: grid;
grid-template-columns: 1.5fr 1fr 1fr 1fr;
gap: 48px;
margin-bottom: 40px;
}
footer h5 {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 16px;
color: var(–ink);
}
footer ul {
list-style: none;
}
footer li {
font-size: 14px;
color: var(–ink-2);
margin-bottom: 12px;
cursor: pointer;
transition: color 0.2s;
}
footer li:hover {
color: var(–ink);
}
.foot-bottom {
display: flex;
justify-content: space-between;
padding-top: 24px;
border-top: 1px solid var(–line);
font-size: 13px;
color: var(–ink-3);
}
@media (max-width: 768px) {
h1 { font-size: 48px; }
.hero-grid { grid-template-columns: 1fr; gap: 40px; }
.features { grid-template-columns: 1fr; }
.feat.feat-lg { grid-column: 1; }
.specs-grid { grid-template-columns: 1fr; }
.reviews { grid-template-columns: 1fr; }
.foot-grid { grid-template-columns: 1fr; }
}
A sua via.
Projetada
no chão.
Luz traseira a laser com 29 LEDs ultra-brilhantes, comando sem fios e faixa virtual no asfalto. Pedale visível, pedale com confiança — de dia, de noite ou à chuva.
Cada detalhe pensado para a sua segurança.
Combinamos iluminação de alta potência, sinalização inteligente e projeção laser num único dispositivo discreto e robusto.
29 LEDs. Visível a centenas de metros.
Uma matriz densa de díodos de alta potência produz um halo intenso e contínuo. Mesmo com chuva, neblina ou luz forte, é impossível passar despercebido.
Controlo na ponta dos dedos.
Comando sem fios montado no guiador. Ative piscas, modo de emergência e a faixa laser sem tirar as mãos do guiador.
IPX5. Pronta para a chuva.
Caixa em policarbonato vedada, resistente a salpicos, lama e poeira.
USB-C. Até 8 horas.
Carrega em duas horas. Indicador de bateria em tempo real no comando.
Encaixe em qualquer bicicleta.
BTT, estrada, urbana ou pista. Suporte ajustável incluído.
Tudo que precisa saber.
1284 ciclistas. 4,8/5 estrelas.
“Pedalo todos os dias para o trabalho em Lisboa. A faixa laser fez os carros darem-me espaço real. Já não troco.”
“O comando é discreto e funciona sempre. Os piscas são uma evolução enorme face ao gesto com a mão.”
“Comprei para a minha filha adolescente. A bateria dura uma semana de viagens à escola. Tranquilidade total.”
Esclareça-se antes de pedalar.
Sim. Tem classificação IPX5, resistente à chuva e salpicos em pedaladas urbanas e em trilhos. Não é, no entanto, recomendada para submersão.
Até 8 horas em modo contínuo e 14 horas em modo intermitente. Carrega via USB-C em cerca de 2 horas, com um cabo incluído na embalagem.
O comando opera a 2,4 GHz com alcance até 10 metros, sem necessidade de telemóvel ou app. Liga em menos de um segundo e a comunicação é direta com a luz traseira.
Sim. O suporte ajustável adapta-se a espigões de selim com 25 a 34 mm — cobre praticamente qualquer bicicleta de estrada, BTT ou urbana. Instalação rápida sem ferramentas.
Envio gratuito em todo o território português continental e ilhas, com entrega em 2 a 4 dias úteis (24h em Lisboa).
Sim. Oferecemos garantia de 24 meses contra defeitos de fabrico e direito de devolução gratuita em 30 dias, sem questões.
Pedale visível. Pedale com estilo.
Inclui luz traseira, comando sem fios, suporte universal, cabo USB-C e manual em português.
Envio grátis · Garantia 24 meses · Devolução gratuita em 30 dias
Avaliações
Ainda não existem avaliações.