.ride-page{background:var(--dopa-ink,#080a0b);color:var(--dopa-paper,#eff0ec);overflow-x:hidden}
.ride-page *{box-sizing:border-box}
.ride-skip{position:absolute;left:1rem;top:-5rem;z-index:100;padding:.8rem 1rem;background:#eff0ec;color:#080a0b}
.ride-skip:focus{top:1rem}
.ride-page :focus-visible{outline:3px solid var(--dopa-lime,#b8ff32);outline-offset:4px}
.ride-hero{position:relative;min-height:min(860px,calc(100svh - 80px));display:flex;align-items:flex-end;isolation:isolate;overflow:hidden}
.ride-hero-image,.ride-hero-shade{position:absolute;inset:0;z-index:-1}
.ride-hero-image{background:#1d2428 url('/assets/urban-dawn-hero.webp') center 43%/cover no-repeat}
.ride-hero-shade{background:linear-gradient(90deg,rgba(4,7,8,.9) 0%,rgba(4,7,8,.74) 35%,rgba(4,7,8,.16) 78%),linear-gradient(0deg,rgba(4,7,8,.68),transparent 52%)}
.ride-hero-content{padding-top:4rem;padding-bottom:3.6rem}
.ride-eyebrow{color:var(--dopa-lime,#b8ff32)}
.ride-hero h1,.ride-instrument h2,.ride-devices h2,.ride-watch h2,.ride-continuity h2,.ride-next h2{font-family:'Roboto Condensed','Arial Narrow',Impact,sans-serif;font-weight:900;line-height:.88;letter-spacing:-.045em;text-transform:uppercase;margin:0}
.ride-hero h1{font-size:clamp(4.4rem,8vw,7rem);white-space:nowrap;margin:1.2rem 0 1.6rem}
.ride-hero h1 em,.ride-next h2 em{font-style:normal;color:var(--dopa-lime,#b8ff32)}
.ride-hero-lead{font-size:clamp(1.05rem,1.8vw,1.42rem);line-height:1.45;max-width:37rem;margin:0 0 2rem}
.ride-actions{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}
.ride-text-link{color:var(--dopa-paper,#eff0ec);text-decoration:underline!important;text-underline-offset:.3em;font-weight:650}
.ride-image-note{position:absolute;right:2rem;bottom:1.5rem;max-width:16rem;color:#d5d6d2;font:500 .62rem/1.4 'JetBrains Mono',monospace;text-align:right;text-transform:uppercase;letter-spacing:.08em}
.ride-instrument{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);align-items:center;gap:clamp(2rem,7vw,8rem);padding-top:clamp(5rem,11vw,10rem);padding-bottom:clamp(5rem,11vw,10rem)}
.ride-instrument h2{font-size:clamp(3.8rem,6.8vw,7.8rem);margin:1.5rem 0 2.5rem}
.ride-instrument h2 span{color:var(--dopa-lime,#b8ff32)}
.ride-instrument-copy>p:not(.dopa-eyebrow){max-width:34rem;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.55;color:#d0d3cd}
.ride-fact-row{border-top:1px solid #626762;border-bottom:1px solid #626762;display:flex;justify-content:space-between;gap:1rem;max-width:35rem;padding:1.2rem 0;margin:2.5rem 0;font:600 .75rem/1.3 'JetBrains Mono',monospace;letter-spacing:.09em;color:var(--dopa-lime,#b8ff32)}
.ride-instrument-copy .ride-capture-note{font-size:.82rem!important;color:#9fa59e!important;max-width:26rem!important}
.ride-inline-link{display:inline-flex;gap:2rem;margin-top:.2rem;padding-bottom:.45rem;border-bottom:2px solid var(--dopa-lime,#b8ff32);font-weight:800;color:var(--dopa-paper,#eff0ec)}
.ride-phone{margin:0;justify-self:center;width:min(100%,410px);transform:rotate(2deg)}
.ride-phone-frame{padding:.55rem;background:#202529;border:1px solid #616865;border-radius:2.3rem;box-shadow:0 2rem 6rem rgba(0,0,0,.55);overflow:hidden}
.ride-phone img{display:block;width:100%;height:auto;border-radius:1.8rem}
.ride-phone figcaption{font:600 .65rem/1.5 'JetBrains Mono',monospace;letter-spacing:.07em;color:#aeb4ac;margin-top:1.25rem;max-width:24rem}
.ride-devices{scroll-margin-top:5rem;background:#dce6d7;color:#101715;padding:clamp(5rem,9vw,9rem) 0}
.ride-devices-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(3rem,8vw,9rem);align-items:center}
.ride-devices .dopa-eyebrow{color:#4a6448}.ride-devices h2{font-size:clamp(3.4rem,6.2vw,7rem);margin:1.3rem 0 1.8rem}.ride-devices h2 em{font-style:normal;color:#4b7830}.ride-devices-copy>p:last-child{max-width:39rem;font-size:clamp(1.1rem,1.5vw,1.3rem);line-height:1.52;color:#344239}
.ride-devices-list{border-top:2px solid #263b2a}.ride-devices-list>div{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.4rem 1.1rem;padding:1.2rem 0;border-bottom:1px solid #8c9e89}.ride-devices-list span{grid-row:1/3;font:700 .7rem 'JetBrains Mono',monospace;color:#53754a}.ride-devices-list strong{font:900 clamp(1.5rem,2.4vw,2.5rem)/1 'Roboto Condensed',Impact,sans-serif;text-transform:uppercase}.ride-devices-list small{font-size:.92rem;line-height:1.4;color:#405048}
.ride-watch{scroll-margin-top:5rem;padding:clamp(5rem,9vw,9rem) 0;background:radial-gradient(circle at 76% 46%,#314033,#101715 49%,#080a0b 80%)}.ride-watch-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:clamp(2rem,6vw,7rem);align-items:center}.ride-watch .dopa-eyebrow{color:var(--dopa-lime,#b8ff32)}.ride-watch h2{font-size:clamp(3.8rem,6.7vw,7.4rem);margin:1.2rem 0 1.8rem}.ride-watch h2 em{font-style:normal;color:var(--dopa-lime,#b8ff32)}.ride-watch-lead{max-width:37rem;font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.5;color:#e0e7db}.ride-watch-platforms{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3rem;border-top:1px solid #58675a}.ride-watch-platforms p{margin:0;padding-top:1rem;line-height:1.45}.ride-watch-platforms strong,.ride-watch-platforms span{display:block}.ride-watch-platforms strong{margin-bottom:.5rem;color:var(--dopa-lime,#b8ff32);font:800 1.2rem 'Roboto Condensed',sans-serif;text-transform:uppercase}.ride-watch-platforms span{color:#c3cec3;font-size:.93rem}
.ride-watch-art{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:510px;position:relative}.ride-watch-strap{width:122px;height:96px;border:2px solid #80927f;border-bottom:0;border-radius:35px 35px 0 0;background:repeating-linear-gradient(90deg,#202e24 0 8px,#243328 8px 13px)}.ride-watch-strap:nth-of-type(3){transform:rotate(180deg)}.ride-watch-face{display:flex;flex-direction:column;justify-content:space-between;width:260px;height:290px;padding:34px;border:9px solid #7f937e;border-radius:65px;box-shadow:0 0 0 2px #233526,0 25px 70px #0009;background:linear-gradient(145deg,#1e2b23,#0c120e);transform:rotate(8deg)}.ride-watch-glyph{color:var(--dopa-lime,#b8ff32);font:900 6rem/1 'Roboto Condensed',Impact,sans-serif}.ride-watch-label{color:#e0e8da;font:900 1.6rem/.92 'Roboto Condensed',Impact,sans-serif;letter-spacing:-.02em}.ride-watch-art-note{position:absolute;bottom:-1.6rem;color:#aeb8ae;font:600 .62rem 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.04em}
.ride-continuity{background:var(--dopa-paper,#eff0ec);color:var(--dopa-ink,#080a0b);padding:clamp(5rem,10vw,9rem) 0}
.ride-continuity .dopa-eyebrow{color:#36503d}
.ride-continuity-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,8vw,9rem)}
.ride-continuity-grid>*,.ride-instrument>*,.ride-next-grid>*{min-width:0}
.ride-continuity h2{font-size:clamp(3.6rem,6.2vw,7rem);margin:1.4rem 0 0}
.ride-continuity-detail{border-left:1px solid #89908a;padding-left:clamp(1.5rem,4vw,4rem);align-self:end}
.ride-continuity-detail p{font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.55;margin:0 0 1.4rem}
.ride-continuity-detail a{display:inline-block;margin-top:.5rem;color:#080a0b;font-weight:750;text-decoration:underline!important;text-underline-offset:.3em}
.ride-next{padding-top:clamp(5rem,10vw,9rem);padding-bottom:clamp(5rem,10vw,9rem)}
.ride-next-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:3rem;align-items:end}
.ride-next h2{font-size:clamp(3.8rem,6.8vw,7.5rem);margin:1.5rem 0 0}
.ride-next-grid p{font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.55;max-width:30rem;margin:0 0 1rem;color:#cbd0c9}
.ride-next-grid .ride-next-condition{font-size:.85rem;color:#a3aaa2;margin:1.5rem 0 0}
.ride-compare{margin:clamp(3rem,6vw,6rem) 0 2rem;padding:clamp(1.1rem,3vw,2.2rem);background:#151b1a;border:1px solid #414a45}
.ride-compare-top{display:flex;justify-content:space-between;gap:1rem;color:#c9cec6;font:700 .7rem/1.4 'JetBrains Mono',monospace;letter-spacing:.08em}
.ride-compare-stage{position:relative;margin-top:1rem;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#334038 calc(25% - 1px),#334038 25%);height:clamp(210px,27vw,325px);overflow:hidden}
.ride-compare-stage svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.ride-compare-track,.ride-compare-trace{fill:none;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.ride-compare-track--past{stroke:#8a948a;stroke-dasharray:3 14}.ride-compare-track--new{stroke:#4a584b}.ride-compare-trace{stroke:var(--dopa-lime,#b8ff32);stroke-width:7}
.ride-compare-cursor{stroke:#c5d0be;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
.ride-compare-marker--past{fill:#c3cbc0;stroke:#141a18;stroke-width:5}.ride-compare-marker--new{fill:var(--dopa-lime,#b8ff32);stroke:#141a18;stroke-width:5}
.ride-compare-side{position:absolute;left:.5rem;color:#d0d5cd;font:700 .65rem/1 'JetBrains Mono',monospace;letter-spacing:.08em}.ride-compare-side--past{top:15%}.ride-compare-side--new{top:49%;color:var(--dopa-lime,#b8ff32)}
.ride-compare-control{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:1rem;row-gap:.5rem;align-items:center;margin-top:1.5rem;font:700 .72rem/1.4 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.04em}
.ride-compare-control input{grid-row:2;grid-column:1/-1;width:100%;margin:.3rem 0;accent-color:var(--dopa-lime,#b8ff32);cursor:pointer}
.ride-compare-control output{color:var(--dopa-lime,#b8ff32);text-align:right}
.ride-compare figcaption{font:.7rem/1.45 'JetBrains Mono',monospace;color:#a9b0a6;margin-top:1rem}
.ride-next-link{margin-top:1rem}
@media(max-width:760px){.ride-hero{min-height:700px}.ride-hero-image{background-position:59% center}.ride-hero-shade{background:linear-gradient(0deg,rgba(4,7,8,.97) 0%,rgba(4,7,8,.72) 42%,rgba(4,7,8,.17) 100%)}.ride-hero-content{padding-top:22rem;padding-bottom:4rem}.ride-hero h1{font-size:clamp(3.5rem,12vw,6rem)}.ride-image-note{display:none}.ride-instrument,.ride-continuity-grid,.ride-next-grid{grid-template-columns:1fr}.ride-instrument{gap:3.5rem}.ride-instrument h2,.ride-continuity h2,.ride-next h2{font-size:clamp(3.7rem,12vw,6rem)}.ride-phone{width:min(80%,360px);transform:none}.ride-continuity-detail{border-left:0;border-top:1px solid #89908a;padding:1.5rem 0 0}.ride-compare-control{grid-template-columns:1fr}.ride-compare-control output{text-align:left;grid-row:3}.ride-compare-control input{grid-row:2}}
@media(max-width:390px){.ride-hero{min-height:650px}.ride-hero-content{padding-top:18rem;padding-bottom:3.5rem}.ride-hero h1{font-size:clamp(2.45rem,9.8vw,3.2rem)}.ride-actions{align-items:flex-start;flex-direction:column}.ride-phone{width:88%}.ride-fact-row{font-size:.61rem;gap:.4rem}.ride-instrument h2,.ride-next h2{font-size:clamp(2.8rem,10.6vw,4rem)}.ride-continuity h2{font-size:clamp(2.55rem,9.8vw,3.5rem)}.ride-continuity-detail p{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){.ride-page *, .ride-page *::before, .ride-page *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
@media(max-width:760px){.ride-devices-grid,.ride-watch-grid{grid-template-columns:1fr}.ride-devices h2,.ride-watch h2{font-size:clamp(3.4rem,11vw,6rem)}.ride-watch-art{min-height:440px}.ride-watch-platforms{margin-top:2rem}}
@media(max-width:390px){.ride-devices h2,.ride-watch h2{font-size:clamp(2.8rem,10vw,4rem)}.ride-watch-platforms{grid-template-columns:1fr;gap:.8rem}.ride-watch-art{min-height:390px;transform:scale(.78);margin:-1rem 0}.ride-devices-list strong{font-size:1.5rem}}