:root{--mg-deep:#0f352c;--mg-forest:#245d47;--mg-leaf:#79ad69;--mg-water:#9fc8d6;--mg-cream:#F7F9F7;--mg-mist:#edf3ef;--mg-ink:#202724;--mg-shadow:0 22px 60px rgba(16,63,66,.16)}
.megamo27-body{background:linear-gradient(180deg,#EDF4F3 0,#fbfaf6 28%,#f5f2e9 100%);color:var(--mg-ink)}
.megamo27-hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;overflow:hidden;background:#0e3027}
.megamo27-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,31,25,.92) 0%,rgba(8,31,25,.72) 43%,rgba(8,31,25,.2) 72%,rgba(8,31,25,.45) 100%),linear-gradient(180deg,transparent 35%,rgba(9,37,29,.82) 100%),url('../assets/bikes/products/megamo-reason-my27.jpg') center 44%/cover no-repeat;transform:scale(1.035);animation:mgHero 16s ease-in-out infinite alternate}
.megamo27-hero::after{content:"";position:absolute;inset:auto -15% -42% 35%;height:72%;background:radial-gradient(circle,rgba(159,200,214,.24),transparent 65%)}
@keyframes mgHero{to{transform:scale(1.09) translate3d(-1.2%,0,0)}}
.megamo27-hero-inner{position:relative;z-index:2;width:min(1180px,calc(100% - 38px));margin:0 auto;padding:150px 0 78px}
.megamo27-kicker{display:inline-flex;align-items:center;gap:10px;color:#cce5d6;letter-spacing:.18em;font-size:.77rem;font-weight:800;text-transform:uppercase}.megamo27-kicker::before{content:"";width:46px;height:1px;background:#8ecb7b}
.megamo27-hero h1{max-width:850px;margin:18px 0;color:white;font-size:clamp(3.1rem,7vw,6.8rem);line-height:.88;letter-spacing:-.055em}.megamo27-hero h1 strong{display:block;color:#a8d68e}
.megamo27-hero p{max-width:680px;margin:0 0 28px;color:#e3eee7;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.7}.megamo27-actions{display:flex;gap:12px;flex-wrap:wrap}
.megamo27-actions a{display:inline-flex;align-items:center;gap:9px;padding:13px 19px;border-radius:999px;text-decoration:none;font-weight:800;transition:.25s ease}.megamo27-actions .primary{background:#89c776;color:#102c24;box-shadow:0 12px 30px rgba(137,199,118,.24)}.megamo27-actions .secondary{border:1px solid rgba(255,255,255,.38);color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}.megamo27-actions a:hover{transform:translateY(-3px)}
.megamo27-intro{width:min(1180px,calc(100% - 38px));margin:0 auto;padding:70px 0 28px}.megamo27-intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:end}
.megamo27-intro h2,.megamo27-platform h2{font-size:clamp(2.1rem,4vw,4rem);line-height:1;letter-spacing:-.04em;color:#173e32;margin:10px 0 18px}.megamo27-intro p{font-size:1.08rem;line-height:1.8;color:#53655c;margin:0}
.megamo27-statbar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.megamo27-stat{padding:18px;border:1px solid rgba(36,93,71,.12);background:rgba(255,255,255,.68);border-radius:18px;box-shadow:0 10px 30px rgba(16,63,66,.07)}.megamo27-stat b{display:block;font-size:1.4rem;color:#245d47}.megamo27-stat span{font-size:.78rem;color:#63756c;text-transform:uppercase;letter-spacing:.1em}
.megamo27-platforms{width:min(1180px,calc(100% - 38px));margin:0 auto;padding:36px 0 84px}.megamo27-platform{display:grid;grid-template-columns:1.02fr .98fr;min-height:540px;margin:26px 0 42px;border-radius:32px;overflow:hidden;background:#fff;box-shadow:var(--mg-shadow);border:1px solid rgba(16,63,66,.08)}.megamo27-platform:nth-child(even){grid-template-columns:.98fr 1.02fr}.megamo27-platform:nth-child(even) .megamo27-visual{order:2}
.megamo27-visual{position:relative;min-height:480px;background:linear-gradient(145deg,#dfece4,#a9c8d0)}.megamo27-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.megamo27-platform:hover .megamo27-visual img{transform:scale(1.035)}
.megamo27-visual.placeholder{display:flex;align-items:flex-end;padding:34px;background:linear-gradient(180deg,rgba(15,53,44,.05),rgba(15,53,44,.86)),url('../assets/hero/experience-vibrant.jpg') center/cover no-repeat}.megamo27-visual.placeholder.road{background:linear-gradient(180deg,rgba(15,53,44,.03),rgba(15,53,44,.82)),url('../assets/hero/experience.jpg') center/cover no-repeat}.megamo27-visual-label{position:relative;color:white;max-width:370px}.megamo27-visual-label b{display:block;font-size:1.65rem}.megamo27-visual-label small{opacity:.84;line-height:1.55}
.megamo27-copy{padding:54px 48px;display:flex;flex-direction:column;justify-content:center}.megamo27-eyebrow{display:inline-flex;width:max-content;padding:7px 11px;border-radius:999px;background:#e7f0e9;color:#326a50;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.megamo27-copy>p{color:#586a60;line-height:1.75;margin:0 0 20px}
.megamo27-chips{display:flex;flex-wrap:wrap;gap:8px;margin:7px 0 22px}.megamo27-chips span{padding:8px 10px;border-radius:999px;background:#f0f5f1;color:#355548;font-size:.78rem;font-weight:800}.megamo27-specs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:2px 0 23px}.megamo27-specs div{padding:13px 14px;border-radius:14px;background:#f8f7f1;border:1px solid rgba(30,70,56,.08)}.megamo27-specs small{display:block;text-transform:uppercase;letter-spacing:.09em;color:#79877f;font-size:.65rem;margin-bottom:3px}.megamo27-specs b{color:#263d33;font-size:.91rem}.megamo27-link{display:inline-flex;align-items:center;gap:8px;color:#245d47;font-weight:900;text-decoration:none}.megamo27-link:hover{gap:13px}
.megamo27-models{width:min(1180px,calc(100% - 38px));margin:0 auto 82px}.megamo27-models-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.megamo27-models-head h2{font-size:clamp(2rem,3.5vw,3.5rem);letter-spacing:-.04em;color:#173e32;margin:0}.megamo27-models-head p{max-width:560px;color:#64766d;line-height:1.65;margin:0}.megamo27-modelgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.megamo27-model{padding:22px;border-radius:20px;background:rgba(255,255,255,.78);border:1px solid rgba(16,63,66,.1);box-shadow:0 10px 35px rgba(16,63,66,.07);transition:.25s ease}.megamo27-model:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(16,63,66,.13)}.megamo27-model small{color:#6b7c73;font-weight:800;letter-spacing:.08em}.megamo27-model h3{margin:8px 0 10px;color:#1d4336}.megamo27-model p{margin:0;color:#596b62;font-size:.91rem;line-height:1.55}
.megamo27-adventure{position:relative;min-height:480px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(10,43,34,.91),rgba(10,43,34,.42)),url('../assets/hero/hero-desktop.jpg') center/cover no-repeat;background-attachment:fixed}.megamo27-adventure .inner{width:min(1180px,calc(100% - 38px));margin:auto;color:#fff}.megamo27-adventure h2{max-width:780px;font-size:clamp(2.6rem,5vw,5.2rem);line-height:.96;letter-spacing:-.05em;margin:10px 0 18px}.megamo27-adventure p{max-width:650px;color:#e3eee7;font-size:1.08rem;line-height:1.75}.megamo27-note{width:min(1180px,calc(100% - 38px));margin:0 auto;padding:36px 0 78px;color:#64766d;font-size:.85rem;line-height:1.65}
@media(max-width:900px){.megamo27-intro-grid,.megamo27-platform,.megamo27-platform:nth-child(even){grid-template-columns:1fr}.megamo27-platform:nth-child(even) .megamo27-visual{order:0}.megamo27-visual{min-height:380px}.megamo27-copy{padding:34px 26px}.megamo27-modelgrid{grid-template-columns:1fr 1fr}.megamo27-adventure{background-attachment:scroll}}
@media(max-width:620px){.megamo27-hero{min-height:72vh}.megamo27-hero-inner{padding-bottom:54px}.megamo27-statbar{grid-template-columns:1fr}.megamo27-modelgrid{grid-template-columns:1fr}.megamo27-models-head{display:block}.megamo27-models-head p{margin-top:12px}.megamo27-specs{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.megamo27-hero::before{animation:none}.megamo27-platform *{transition:none!important}.megamo27-adventure{background-attachment:scroll}}