/* Awsy visual reference. Exact source font is not disclosed in the film.

   Instrument Sans is the current visual approximation, not an attribution. */

:root{

 --paper:#ffffff;--ink:#252525;--muted:#666666;--line:#e2e5e7;

 --display:Instrument,Arial,sans-serif;

 --reference-blue:#135c85;--reference-sky:#80c5e7;
 --accent-amber:#f6b833;--accent-amber-hover:#ffc951;--accent-ink:#382500;

 --orange:var(--reference-blue);--orange-ink:var(--reference-blue);

}

body{font-family:Instrument,Arial,sans-serif;font-weight:400;color:var(--ink)}

h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.035em}

em{color:inherit}

.header{background:#fff;border-bottom-color:#eceff0}

.header nav,.button{font-weight:400}

.button-orange,.button-dark{background:var(--reference-blue);color:#fff}

.button-orange:hover,.button-dark:hover{background:#0c486b}

.contact{background:#fff;color:var(--ink)}

.contact h2 em,.contact em{color:var(--ink)}

.contact label,.contact label span,.contact .form-heading{color:var(--ink)}

.contact input,.contact textarea,.contact select{background:#f5f6f7;border:1px solid #dce2e5;color:var(--ink)}

.contact input::placeholder,.contact textarea::placeholder{color:#666}

.contact input:focus,.contact textarea:focus,.contact select:focus{border-color:var(--reference-blue)}

.contact .button-orange{color:#fff;background:var(--reference-blue)}

.contact-copy p,.fit-heading p,.faq-list details p,.form-note{color:var(--muted)}

.ride-stage,.ride-static,.ride-loading{background:#f4f7f9;color:var(--ink)}

.ride-shade{background:linear-gradient(90deg,#f4f7f9f5 0%,#f4f7f9bd 24%,#f4f7f900 44%)}

.ride-copy #hero-title,.ride-reading h2{font-weight:400;letter-spacing:-.035em}

.ride-copy em,.ride-reading em{color:var(--ink)}

.ride-copy p,.ride-reading p,.ride-hint{color:#4e5353}

.ride-route button,.ride-footer,.phone-close .ride-route button,.phone-close .ride-footer{color:#4e5353}

.ride-route button.active,.ride-route button.active span,

.phone-close .ride-route button.active,.phone-close .ride-route button.active span{color:var(--reference-blue)}

.ride-progress,.phone-close .ride-progress{background:#a7b9c233}

.ride-progress i{background:var(--reference-blue)}

.ride-footer{font-size:11px}

.phone-source .phone-inner{--phone-scale:inherit}

.phone-source .phone-shell{width:276px;height:574px}

/* White typography is reserved for the agreed full-bleed footage sections. */

[data-on-media], [data-on-media] h1, [data-on-media] h2,

[data-on-media] p, [data-on-media] em{color:#fff}

::selection{background:#135c85;color:#fff}

:focus-visible{outline-color:var(--reference-blue)}

@media(max-width:760px){

 .ride-shade{background:linear-gradient(180deg,#f4f7f9f5,#f4f7f9b0 22%,#f4f7f900 40%)}

 .ride-footer{font-size:10px}.ride-footer>span{max-width:175px}
 .ride-footer a{font-size:12px;min-height:32px}

 .ride-reading p,.ride-copy p{font-size:14px;line-height:1.5}

 .ride-reading h2 br{display:initial}.ride-reading h2 em:before{content:none}

 .ride-route button{font-size:11px}

}



.ride-copy #hero-title{font-size:clamp(42px,5.4vw,76px);line-height:1.04}

.phone-source .verified{width:13px;height:13px;display:inline-block;vertical-align:middle}

.phone-source .sample-profile{display:block;font-size:7px;line-height:1.4;color:#a6b2b8;margin-top:4px}

.phone-source .profile-stats{justify-content:space-between;gap:8px}

.phone-source .profile-stats>div{flex:1;text-align:center}

.phone-source .profile-stats b{font-size:12px}.phone-source .profile-stats span{font-size:8px}
.phone-source .phone-shell{background:#10171c;border-color:#5c6870;box-shadow:-3px 1px 0 #aab5bc,4px 2px 0 #7c8891,9px 14px 0 #323a40,15px 30px 40px #202a3340}
.phone-source .phone-screen{background:#10171c;color:#f7fafc}
.phone-source .profile-actions span{background:#313d45;font-weight:400}
.phone-source .profile-actions span:first-child{background:#135c85;color:#fff}
.phone-source .profile-stats>img{border-color:#80c5e7;object-fit:cover}

.phone-source .social-post img{width:100%;height:100%;object-fit:cover}

.phone-source .social-post{aspect-ratio:4/5;background:#edf3f7}
.phone-source .trade-post{position:relative;overflow:hidden}
.phone-source .trade-post img{position:absolute;width:375%;height:300%;max-width:none;object-fit:fill}
.phone-source .profile-top b{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.phone-source .profile-bio>b{font-size:12px;line-height:1.2;min-height:15px}

.phone-source .social-post strong{font-family:Instrument,Arial,sans-serif;font-weight:400;letter-spacing:-.035em;font-size:17px;line-height:1.05}

.phone-source .social-post small{font-size:5.5px;letter-spacing:.04em;margin-bottom:9px}

.phone-source .tile-sky{background:#80c5e7;color:#172b38}.phone-source .tile-white{background:#fff;color:#252525}

.phone-source .tile-blue{background:#135c85;color:white}.phone-source .tile-pale{background:#e4f0f7;color:#252525}.phone-source .tile-charcoal{background:#252a2d;color:white}

.phone-source [class*="tile-"]{display:flex;flex-direction:column;align-items:flex-start;padding:10px 7px;text-align:left}

@media(max-width:760px){.ride-copy #hero-title{font-size:34px;max-width:350px}.ride-copy p{font-size:13px}.ride-copy{top:24px}}


.ride-footer{justify-content:flex-end}