.top{display:flex;align-items:center;justify-content:center;gap:9px}.top span{width:8px;height:8px;border-radius:50%;background:#41e2ca;box-shadow:0 0 0 5px #41e2ca1f}.nav-cta{padding:10px 17px!important;color:#fff!important}.hero-live{position:relative;isolation:isolate;padding:82px 0 92px;background:radial-gradient(circle at 82% 18%,#29dbc73d,transparent 25%),radial-gradient(circle at 10% 80%,#167fac38,transparent 32%),linear-gradient(128deg,#031527 0%,#073d5c 60%,#087d89 100%)}.hero-live:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.08;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000,transparent)}.hero-live-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:72px;align-items:center}.hero-copy{position:relative;z-index:3}.launch-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #ffffff30;border-radius:999px;background:#ffffff0d;color:#dffffa;font-weight:750;font-size:.8rem;letter-spacing:.04em}.launch-pill span{width:8px;height:8px;border-radius:50%;background:#38e3c8;box-shadow:0 0 0 5px #38e3c820}.hero-live h1{font-size:clamp(3.2rem,5.8vw,6rem);max-width:750px;margin:22px 0 24px}.hero-live h1 em,.driver-section h2 em{font-style:normal;color:#52e1cd}.hero-live p{max-width:650px}.btn-bright{background:#37dbc4;color:#042139}.btn-ghost{background:#ffffff12;color:white;border:1px solid #ffffff45}.hero-trust{margin-top:36px;padding-top:24px;border-top:1px solid #ffffff24;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;color:#a9cbd4;font-size:.78rem;line-height:1.35}.hero-trust b{display:block;color:#fff;font-size:.88rem}.product-stage{position:relative;min-height:610px;display:grid;place-items:center}.stage-orbit{position:absolute;border:1px solid #7cf2e63b;border-radius:50%;pointer-events:none}.orbit-one{width:560px;height:560px}.orbit-two{width:430px;height:430px}.live-shot{position:relative;margin:0;width:min(440px,82%);height:560px;border:10px solid #ffffff10;border-radius:44px;overflow:hidden;box-shadow:0 45px 100px #00101d90;transform:rotate(2deg);background:#05101a}.live-shot:after{content:"";position:absolute;inset:0;border:1px solid #ffffff38;border-radius:34px;pointer-events:none}.live-shot img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block}.floating-note{position:absolute;z-index:3;display:flex;gap:11px;align-items:center;background:#fff;color:#0b2b40;padding:13px 16px;border-radius:17px;box-shadow:0 16px 45px #00152261}.floating-note>span{width:34px;height:34px;border-radius:11px;background:#dff9f4;color:#078b7f;display:grid;place-items:center;font-weight:900}.floating-note b,.floating-note small{display:block}.floating-note b{font-size:.9rem}.floating-note small{font-size:.72rem;color:#647887}.note-top{top:76px;right:-4px}.note-bottom{bottom:68px;left:-8px}.proof-strip{padding:0;border-bottom:1px solid var(--line);background:#fff}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-grid>div{display:flex;gap:12px;align-items:center;padding:27px 20px;border-right:1px solid var(--line)}.proof-grid>div:first-child{padding-left:0}.proof-grid>div:last-child{border-right:0}.proof-grid strong{font-size:1.85rem;color:#087e8d;letter-spacing:-.04em}.proof-grid span{font-size:.78rem;color:#667a88;line-height:1.35}.passenger-section{padding-top:110px}.section-head.roomy{max-width:none;display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:70px;margin-bottom:45px}.section-head.roomy h2,.split-title h2,.showcase-copy h2,.safety-copy h2,.faq-grid h2,.future-inner h2{font-size:clamp(2.6rem,4.8vw,4.6rem);line-height:1;letter-spacing:-.052em;margin:12px 0 0}.section-head.roomy>p{color:var(--muted);font-size:1.05rem}.teal{color:#087e8d!important}.aqua{color:#58e6d3!important}.mobility-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mobility-card{min-height:490px;border-radius:32px;padding:34px;display:flex;flex-direction:column;position:relative;overflow:hidden}.mobility-card:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-110px;top:-120px;background:#fff;opacity:.07}.mobility-auto{background:linear-gradient(145deg,#061d33,#0a6485);color:#fff}.mobility-moto{background:linear-gradient(145deg,#dffff9,#9fe4d9);color:#062b3e}.mobility-index{font-size:4.8rem;font-weight:950;line-height:1;letter-spacing:-.07em;opacity:.17}.mobility-icon{align-self:flex-end;border:1px solid currentColor;border-radius:999px;padding:7px 12px;font-size:.72rem;font-weight:900;letter-spacing:.13em;opacity:.75}.mobility-card>div:last-child{margin-top:auto;position:relative;z-index:1}.mobility-card h3{font-size:2.05rem;line-height:1;margin:0 0 14px}.mobility-card p{color:inherit;opacity:.78}.mobility-card ul{list-style:none;margin:20px 0 0;padding:0}.mobility-card li{padding:9px 0;border-top:1px solid currentColor;opacity:.72;font-size:.9rem}.fare-note{max-width:850px;margin:24px auto 0;text-align:center;color:#647787;font-size:.88rem}.how-section{background:#f1f7f7}.split-title{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:50px;margin-bottom:40px}.split-title>p{color:var(--muted);max-width:520px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cfe1e3;border:1px solid #cfe1e3;border-radius:26px;overflow:hidden}.steps-grid article{background:#fff;padding:34px;min-height:250px}.steps-grid span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#dff7f3;color:#087e8d;font-weight:900}.steps-grid h3{margin:52px 0 8px;font-size:1.3rem}.steps-grid p{margin:0;color:var(--muted)}.app-showcase{background:#061d33;color:#fff;overflow:hidden}.showcase-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:85px;align-items:center}.showcase-copy h2{margin-bottom:23px}.showcase-copy>p{color:#b9d0d8;font-size:1.04rem}.mini-features{margin-top:28px;border-top:1px solid #ffffff24}.mini-features>div{display:grid;grid-template-columns:45px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid #ffffff24}.mini-features span{color:#52e1cd;font-weight:900}.mini-features p{margin:0;color:#bed1d8}.mini-features b{color:#fff}.beta-note{font-size:.78rem!important;color:#88a7b1!important}.app-photo-stack{position:relative;min-height:650px}.app-photo{position:absolute;margin:0;width:330px;background:#fff;padding:9px;border-radius:34px;box-shadow:0 35px 80px #0009}.app-photo img{display:block;width:100%;height:475px;object-fit:cover;border-radius:26px}.app-photo figcaption{color:#0a2437;padding:13px 12px 11px;display:flex;flex-direction:column}.app-photo figcaption span{font-size:.78rem;color:#6c7b87}.photo-map{left:0;top:54px;transform:rotate(-6deg)}.photo-map img{object-position:center}.photo-login{right:0;top:0;transform:rotate(6deg)}.photo-login img{object-position:center 48%}.driver-section{background:#f4f9f9;color:#071a2d;padding:105px 0}.driver-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:85px;align-items:center}.driver-section .eyebrow{color:#087e8d}.driver-section h2{font-size:clamp(3.2rem,5.7vw,5.7rem);line-height:.95;letter-spacing:-.058em;margin:18px 0 25px}.driver-section>div>div:first-child>p{color:#5f7483;max-width:540px;margin-bottom:28px}.driver-section h2 em{color:#0c9b8c}.driver-link{color:#075e75;font-weight:850;text-decoration:none;align-self:center}.driver-benefits{border-top:1px solid #c9dcdf}.driver-benefits article{display:grid;grid-template-columns:125px 1fr;gap:28px;padding:30px 0;border-bottom:1px solid #c9dcdf;align-items:center}.driver-benefits strong{font-size:2.8rem;color:#0ca794;letter-spacing:-.05em}.driver-benefits b{font-size:1.16rem}.driver-benefits p{color:#607887;margin:4px 0 0}.safety-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.safety-copy{position:sticky;top:120px}.safety-copy>p,.faq-grid>div:first-child>p{color:var(--muted);font-size:1.06rem}.text-link{display:inline-flex;gap:16px;margin-top:18px;color:#076d80;font-weight:800;text-decoration:none}.text-link span{transition:transform .2s}.text-link:hover span{transform:translateX(5px)}.safety-list{border-top:1px solid var(--line)}.safety-list article{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.safety-list span{font-weight:900;color:#11a999}.safety-list h3{margin:0 0 5px;font-size:1.25rem}.safety-list p{margin:0;color:var(--muted)}.city-story{padding-top:0}.city-story-card{display:grid;grid-template-columns:1fr 1fr;gap:0;background:linear-gradient(135deg,#097a8e,#0d998c);color:#fff;border-radius:34px;overflow:hidden}.city-story-copy{padding:52px;align-self:center}.city-story-copy h2{font-size:clamp(2.8rem,5vw,4.8rem);line-height:1;margin:13px 0}.city-story-copy p{color:#d2f4ef}.city-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.city-pills span{border:1px solid #ffffff3d;background:#ffffff12;border-radius:999px;padding:8px 13px;font-size:.78rem;font-weight:800}.city-visual{margin:0;min-height:450px}.city-visual img{width:100%;height:100%;object-fit:cover;display:block}.faq-section{background:#f5f9f9}.faq-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}.faq-list{border-top:1px solid #cddfe1}.faq-list details{border-bottom:1px solid #cddfe1;padding:0}.faq-list summary{list-style:none;cursor:pointer;padding:24px 0;font-weight:800;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:1.35rem;color:#159a8d}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:0;padding:0 45px 24px 0;color:var(--muted)}.future-section{padding:90px 0;background:#fff}.future-inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:80px}.future-inner p{color:var(--muted);font-size:1.05rem}.download-section{padding:0 0 82px}.download-card{border-radius:34px;padding:52px;background:radial-gradient(circle at 80% 10%,#41e3cd35,transparent 35%),#08253f;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px}.download-card h2{font-size:clamp(2.3rem,4vw,4rem);line-height:1;margin:12px 0}.download-card p{color:#bcd1d9}.app-buttons{display:flex;gap:12px;flex-wrap:wrap}.app-buttons span{min-width:180px;border:1px solid #ffffff32;background:#ffffff0e;border-radius:16px;padding:14px 18px;display:flex;flex-direction:column}.app-buttons small{font-size:.65rem;color:#54e4d0;letter-spacing:.12em}.app-buttons b{font-size:1.04rem}.footgrid-v2{grid-template-columns:1.5fr 1fr 1fr 1fr}

@media(max-width:1050px){.hero-live-grid{grid-template-columns:1fr;gap:30px}.product-stage{min-height:600px;max-width:700px;width:100%;margin:auto}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid>div:nth-child(2){border-right:0}.proof-grid>div:first-child{padding-left:20px}.showcase-grid{grid-template-columns:1fr;gap:50px}.app-photo-stack{max-width:720px;width:100%;margin:auto}.driver-grid,.safety-grid,.faq-grid{grid-template-columns:1fr;gap:48px}.safety-copy{position:static}.footgrid-v2{grid-template-columns:1.5fr 1fr 1fr}.footgrid-v2>div:last-child{grid-column:2}}
@media(max-width:760px){.hero-live{padding:54px 0 72px}.hero-live h1{font-size:clamp(2.8rem,13.5vw,4.4rem)}.hero-trust{grid-template-columns:1fr 1fr}.hero-trust span:last-child{display:none}.product-stage{min-height:480px}.orbit-one{width:420px;height:420px}.orbit-two{width:330px;height:330px}.live-shot{height:440px;width:min(330px,77%);border-radius:34px}.note-top{top:42px;right:0}.note-bottom{bottom:30px;left:0}.floating-note{padding:10px 12px}.floating-note b{font-size:.78rem}.floating-note small{font-size:.67rem}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid>div{padding:20px 12px;gap:8px}.proof-grid>div:first-child{padding-left:12px}.proof-grid strong{font-size:1.4rem}.section-head.roomy,.mobility-grid,.split-title,.steps-grid,.future-inner,.city-story-card{grid-template-columns:1fr}.section-head.roomy{gap:16px}.mobility-card{min-height:420px}.split-title{gap:16px}.steps-grid{gap:1px}.steps-grid article{min-height:215px}.app-photo-stack{min-height:570px}.app-photo{width:245px}.app-photo img{height:380px}.photo-map{left:0;top:75px}.photo-login{right:0}.driver-grid{gap:48px}.driver-benefits article{grid-template-columns:92px 1fr}.driver-benefits strong{font-size:2rem}.city-story-copy{padding:35px 26px}.city-visual{min-height:300px}.download-card{padding:35px 25px;align-items:flex-start;flex-direction:column}.faq-grid h2{font-size:2.8rem}.footgrid-v2{grid-template-columns:1fr}.footgrid-v2>div:last-child{grid-column:auto}.app-buttons{width:100%}.app-buttons span{flex:1}.nav-cta{font-size:0!important;padding:10px 13px!important}.nav-cta:after{content:"App";font-size:.85rem}}
@media(max-width:480px){.hero-live h1{font-size:2.75rem}.launch-pill{font-size:.7rem}.product-stage{min-height:435px}.live-shot{height:410px;width:78%}.orbit-one{width:350px;height:350px}.orbit-two{width:275px;height:275px}.floating-note>span{display:none}.note-top{top:26px}.note-bottom{bottom:18px}.proof-grid>div{align-items:flex-start;flex-direction:column}.app-photo-stack{min-height:500px}.app-photo{width:210px;padding:7px}.app-photo img{height:335px}.photo-map{top:72px}.app-photo figcaption{padding:9px}.mobility-card{padding:27px}.mobility-index{font-size:4rem}}

/* Clean product presentation: real screens, without cables or damaged-device edges. */
.ui-phone{position:absolute;margin:0;width:285px;height:535px;padding:10px;background:#071421;border:1px solid #ffffff35;border-radius:42px;overflow:hidden;box-shadow:0 42px 95px #00101d99}.ui-phone:before{content:"";position:absolute;z-index:3;top:16px;left:50%;width:72px;height:19px;transform:translateX(-50%);background:#071421;border-radius:0 0 14px 14px}.ui-phone img{display:block;width:100%;height:100%;object-fit:cover;border-radius:32px}.ui-phone-driver{left:8%;top:30px;transform:rotate(-5deg);z-index:1}.ui-phone-driver img{object-position:center}.ui-phone-passenger{right:7%;bottom:25px;transform:rotate(6deg);z-index:2;background:#eef7f7}.ui-phone-passenger img{width:220%;max-width:none;height:122%;margin-left:-111%;margin-top:-10%;object-fit:cover;object-position:78% 48%}.phone-label{position:absolute;z-index:4;left:22px;right:22px;bottom:20px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 13px;border-radius:14px;background:#071f33e8;color:#fff;font-size:.76rem;font-weight:850;letter-spacing:.04em;backdrop-filter:blur(10px)}.phone-label span{width:7px;height:7px;border-radius:50%;background:#42dec7;box-shadow:0 0 0 4px #42dec720}.photo-passenger{right:0;top:0;transform:rotate(6deg);overflow:hidden}.photo-passenger>img{width:220%;max-width:none;height:475px;margin-left:-111%;object-fit:cover;object-position:78% 48%}.city-visual{position:relative}.city-visual img{object-position:center}

@media(max-width:760px){.ui-phone{width:230px;height:440px;border-radius:35px}.ui-phone-driver{left:3%;top:22px}.ui-phone-passenger{right:3%;bottom:15px}.ui-phone img{border-radius:27px}.phone-label{left:16px;right:16px;bottom:15px}.photo-passenger>img{height:380px}.city-visual img{object-position:62% center}}
@media(max-width:480px){.ui-phone{width:178px;height:365px;padding:7px}.ui-phone-driver{left:2%;top:35px}.ui-phone-passenger{right:2%;bottom:20px}.ui-phone:before{top:12px;width:52px;height:14px}.phone-label{left:10px;right:10px;bottom:10px;padding:8px;font-size:.66rem}.photo-passenger>img{height:335px}.city-visual:after{right:12px;bottom:12px}}

/* Full, uncropped real-device photograph and wide El Vigía location story. */
.devices-shot{position:relative;z-index:2;width:min(520px,96%);height:600px;margin:0;padding:12px;border:1px solid #ffffff30;border-radius:38px;background:linear-gradient(145deg,#0a1825,#02070b);box-shadow:0 44px 100px #00101d99;overflow:hidden;transform:rotate(1deg)}.devices-shot:after{content:"";position:absolute;inset:11px;border:1px solid #ffffff24;border-radius:28px;pointer-events:none}.devices-shot img{display:block;width:100%;height:100%;object-fit:contain;border-radius:28px}.city-story-card{grid-template-columns:1fr}.city-story-copy{max-width:900px;padding:48px 52px 40px}.city-visual{min-height:0;aspect-ratio:16/9;background:#071d2f}.city-visual img{width:100%;height:100%;object-fit:contain;object-position:center}

.social-section{padding:0 0 82px}.social-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;border-top:1px solid var(--line);padding-top:78px}.social-inner h2{font-size:clamp(2.4rem,4.5vw,4.2rem);line-height:1;letter-spacing:-.05em;margin:12px 0 18px}.social-inner>div:first-child>p{color:var(--muted);max-width:520px}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.social-card{min-height:150px;border:1px solid var(--line);border-radius:24px;padding:22px;background:#f7fbfb;display:flex;flex-direction:column;justify-content:space-between}.social-card>span{width:42px;height:42px;border-radius:14px;background:#08253f;color:#fff;display:grid;place-items:center;font-size:1.3rem;font-weight:900}.social-card b,.social-card small{display:block}.social-card b{font-size:1rem;color:#08253f}.social-card small{margin-top:4px;color:#70838f;font-size:.72rem;line-height:1.35}

@media(max-width:760px){.devices-shot{height:520px;width:min(440px,94%);padding:9px}.devices-shot:after{inset:8px}.city-story-copy{padding:35px 26px 30px}.city-visual{aspect-ratio:16/10}.city-visual img{object-position:center}.social-inner{grid-template-columns:1fr;gap:30px;padding-top:60px}.social-grid{grid-template-columns:1fr}.social-card{min-height:110px;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}.social-card>div{flex:1}}
@media(max-width:480px){.product-stage{min-height:465px}.devices-shot{height:435px;width:94%;border-radius:30px}.devices-shot img{border-radius:22px}.note-top{top:22px}.note-bottom{bottom:18px}}

/* Hero principal: dos teléfonos reales con tarjetas de viaje en movimiento. */
.hero-live-grid{grid-template-columns:.9fr 1.1fr;gap:42px}
.product-stage{min-height:650px;isolation:isolate}
.hero-phone{position:absolute;margin:0;width:270px;height:555px;padding:8px;border-radius:48px;background:linear-gradient(145deg,#24384a,#02070c);border:1px solid #ffffff52;box-shadow:0 42px 95px #00101db3;overflow:hidden}
.hero-phone:before{content:"";position:absolute;z-index:4;top:12px;left:50%;width:82px;height:22px;transform:translateX(-50%);border-radius:0 0 15px 15px;background:#050b11}
.hero-phone:after{content:"";position:absolute;inset:7px;border:1px solid #ffffff24;border-radius:40px;pointer-events:none}
.hero-phone img{width:100%;height:100%;display:block;border-radius:39px;object-fit:cover;object-position:center}
.hero-phone-route{left:10%;top:28px;z-index:2;transform:rotate(-5deg);animation:phoneFloatLeft 7s ease-in-out infinite}
.hero-phone-arrived{right:8%;bottom:25px;z-index:3;transform:rotate(5deg);animation:phoneFloatRight 7.8s ease-in-out infinite}

.app-float{position:absolute;z-index:6;display:flex;align-items:center;gap:11px;min-width:185px;padding:12px 14px;border:1px solid #ffffff62;border-radius:17px;background:#f9ffffed;color:#0a263c;box-shadow:0 18px 44px #00121f6b;backdrop-filter:blur(12px);animation:cardDrift 5.5s ease-in-out infinite}
.app-float b,.app-float small,.app-float em{display:block;line-height:1.25}
.app-float b{font-size:.85rem}
.app-float small{font-size:.69rem;color:#657887}
.app-float em{margin-top:3px;color:#0b9d8d;font-size:.64rem;font-style:normal;font-weight:850}
.app-float i{margin-left:auto;color:#087e8d;font-size:1.25rem;font-style:normal;font-weight:900}
.float-icon,.avatar{flex:0 0 auto;width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#54ead7,#1bb8ad);color:#05283b;font-size:.58rem;font-weight:950;letter-spacing:.03em}
.avatar{border-radius:50%;background:linear-gradient(145deg,#163f59,#0c8091);color:#fff;font-size:.72rem}
.avatar-teal{background:linear-gradient(145deg,#24d6c1,#087b8d)}
.pin-icon{font-size:1.15rem}.route-icon{font-size:1rem}
.float-transport{left:0;top:118px;animation-delay:-1.2s}
.float-moto{left:3%;top:215px;animation-delay:-3.1s}
.float-driver{right:-2%;top:54px;min-width:205px;animation-delay:-2.3s}
.float-welcome{left:2%;bottom:52px;animation-delay:-4.4s}
.float-destination{right:-1%;top:240px;animation-delay:-.6s}
.float-tracking{right:0;bottom:73px;animation-delay:-3.7s}

@keyframes phoneFloatLeft{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-3.5deg) translateY(-10px)}}
@keyframes phoneFloatRight{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(3.5deg) translateY(11px)}}
@keyframes cardDrift{0%,100%{translate:0 0}50%{translate:0 -8px}}

@media(max-width:1050px){
  .hero-live-grid{grid-template-columns:1fr;gap:30px}
  .product-stage{min-height:650px;max-width:690px}
}

@media(max-width:760px){
  .product-stage{min-height:550px;max-width:540px}
  .hero-phone{width:220px;height:455px;border-radius:39px}
  .hero-phone:before{width:65px;height:18px}
  .hero-phone:after,.hero-phone img{border-radius:32px}
  .hero-phone-route{left:8%;top:35px}
  .hero-phone-arrived{right:7%;bottom:25px}
  .app-float{min-width:155px;padding:9px 11px;border-radius:14px}
  .app-float b{font-size:.72rem}.app-float small{font-size:.61rem}.app-float em{font-size:.57rem}
  .float-icon,.avatar{width:31px;height:31px;border-radius:10px;font-size:.5rem}.avatar{border-radius:50%;font-size:.64rem}
  .float-transport{left:0;top:104px}.float-moto{left:1%;top:182px}
  .float-driver{right:0;top:48px;min-width:174px}.float-destination{right:0;top:202px}
  .float-welcome{left:1%;bottom:36px}.float-tracking{right:0;bottom:50px}
}

@media(max-width:480px){
  .product-stage{min-height:485px;width:calc(100% + 8px);margin-left:-4px}
  .hero-phone{width:178px;height:375px;padding:6px;border-radius:33px}
  .hero-phone:before{top:9px;width:52px;height:14px}
  .hero-phone:after{inset:5px}.hero-phone:after,.hero-phone img{border-radius:27px}
  .hero-phone-route{left:2%;top:55px}.hero-phone-arrived{right:1%;bottom:48px}
  .app-float{min-width:0;max-width:155px;gap:7px;padding:8px 9px}
  .app-float b{font-size:.67rem}.app-float small{font-size:.56rem}.app-float em{display:none}
  .float-icon,.avatar{width:28px;height:28px}
  .float-transport{left:0;top:90px}.float-moto{left:0;top:162px}
  .float-driver{right:0;top:24px}.float-destination{right:0;top:184px}
  .float-welcome{left:0;bottom:30px}.float-tracking{right:0;bottom:66px}
}

@media(prefers-reduced-motion:reduce){.hero-phone,.app-float{animation:none}}
.social-card{text-decoration:none;cursor:pointer;touch-action:manipulation}.social-card:hover{border-color:#087e8d;background:#edf7f8}.social-card:focus-visible{outline:3px solid #087e8d;outline-offset:4px}.social-card:active{transform:translateY(1px)}