.showcase-front{display:block!important;min-height:100svh;background:#050a10!important;overflow-x:hidden!important}
.showcase-front .login-visual{position:relative;min-height:740px!important;padding:24px clamp(24px,5vw,70px) 42px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;background:linear-gradient(90deg,rgba(2,7,12,.96) 0%,rgba(3,8,14,.8) 42%,rgba(3,8,14,.12) 78%),linear-gradient(0deg,rgba(3,7,11,.9),transparent 55%),url("assets/gosom-city-car-hero.png") center 59%/cover no-repeat!important;border-radius:0!important}
.showcase-front .login-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(8,15,25,.25),transparent 45%);pointer-events:none}
.showcase-front .login-visual:after{display:none!important}
.showcase-top{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%}
.showcase-menu{display:grid;gap:5px;width:32px}.showcase-menu i{display:block;height:3px;border-radius:3px;background:#fff}.showcase-menu i:last-child{width:21px}
.showcase-front .login-logo{grid-column:2;width:250px!important;height:94px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.showcase-front .login-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 12px #0008)}
.showcase-language{display:none!important}
.showcase-front .showcase-top .login-language{position:static!important;grid-column:3;justify-self:end;width:auto;max-width:105px;padding:9px 24px 9px 10px;border:1px solid #ffffff55;border-radius:99px;background:#101a28;color:#fff;font:800 10px DM Sans}
.showcase-front .front-hero{position:relative;z-index:2;max-width:570px;margin:60px 0 28px!important;text-align:left!important}
.showcase-front .front-hero .eyebrow{margin:0 0 15px;color:#ffc31c!important;font-size:11px!important;letter-spacing:.24em!important}
.showcase-front .front-hero h1{display:grid;margin:0;font-size:clamp(58px,7vw,96px)!important;line-height:.81!important;letter-spacing:-.065em!important}.showcase-front .front-hero h1 span,.showcase-front .front-hero h1 em{display:block;color:#fff;font-style:normal}.showcase-front .front-hero h1 em{color:#ffc31c}
.showcase-front .front-hero h2{margin:25px 0 8px;color:#fff;font:800 clamp(20px,2vw,28px) Manrope}.showcase-front .front-hero>p:not(.eyebrow){max-width:480px;margin:0!important;color:#e3e7ec!important;font-size:16px!important;line-height:1.5!important}
.showcase-benefits{position:relative;z-index:2;display:flex;gap:65px;margin-top:auto}.showcase-benefits>span{display:flex;align-items:center;gap:11px;color:#fff}.showcase-benefits b{font-size:12px;line-height:1.15}.showcase-benefits i{position:relative;width:45px;height:45px;display:grid;place-items:center;border:2px solid #d79e00;border-radius:50%;background:#09111b;box-shadow:0 0 0 5px #d79e0020}.showcase-benefits i:after{color:#ffc31c;font-style:normal;font-weight:900}.benefit-shield:after{content:"✓"}.benefit-pin:after{content:"●"}.benefit-clock:after{content:"24";font-size:10px}
.showcase-front .login-panel{position:relative;z-index:4;width:min(940px,calc(100% - 36px));margin:-28px auto 0;padding:34px 26px 0!important;display:block!important;border-radius:28px 28px 0 0;background:linear-gradient(160deg,#fff,#fffdf8)!important;box-shadow:0 -18px 50px #0005!important}
.showcase-front .login-panel form{width:min(760px,100%)!important;margin:0 auto!important}.showcase-front .front-panel-heading{max-width:none!important;margin-bottom:23px!important;text-align:center}.showcase-front .front-panel-heading h2{margin:0;color:#0d1930;font-size:31px!important;letter-spacing:-1.2px!important}.showcase-front .front-panel-intro{margin:7px 0 0!important;color:#77869b!important;font-size:13px!important}
.showcase-front .login-type-switch{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin-bottom:27px!important;padding:0!important;border:0!important;background:transparent!important}.showcase-front .login-type{min-height:82px;grid-template-columns:50px 1fr 24px!important;padding:14px 17px!important;border:1px solid #d9dfe7!important;border-radius:17px!important;background:#fafbfd!important}.showcase-front .login-type.active{border-color:#efb400!important;background:#fffdf6!important;box-shadow:0 8px 25px #d39b0018!important}.showcase-front .login-type-icon{width:48px!important;height:48px!important;border-radius:50%!important;background:#e8edf3!important}.showcase-front .login-type.active .login-type-icon{background:#ffc31c!important}.showcase-front .login-type b{font-size:16px!important}.showcase-front .login-type small{font-size:10px!important}
.showcase-front .login-panel h3{margin:0 0 5px;color:#101a2d;font:800 21px Manrope}.showcase-front .login-panel #loginDescription{margin:0 0 16px!important;color:#77869b;font-size:11px!important}.showcase-front .google-fallback{height:58px!important;border:1px solid #d8dee7!important;border-radius:15px!important;font-size:15px!important}.showcase-front .google-fallback b{margin-left:auto;font-size:24px}.showcase-front .front-secure-line{margin:17px 0 10px!important;font-size:9px!important}.showcase-front .login-panel form>small{display:block;text-align:center;font-size:8px!important}.showcase-front #googleButton{width:100%!important;max-width:100%!important;overflow:hidden;border-radius:15px}.showcase-front #googleButton>div,.showcase-front #googleButton iframe{width:100%!important;max-width:100%!important}
.showcase-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:0;width:calc(100% + 52px);margin:30px -26px 0;padding:25px 28px;border-radius:25px 25px 0 0;background:linear-gradient(135deg,#0b1119,#151d27);color:#fff}.showcase-proof span{display:grid;gap:3px;text-align:center;border-right:1px solid #ffffff20;font-size:9px;color:#c7cdd4}.showcase-proof span:last-child{border:0}.showcase-proof b{color:#ffc31c;font-size:17px}.showcase-skyline{width:calc(100% + 52px);height:100px;margin:0 -26px;display:flex;align-items:flex-end;justify-content:center;padding:0 0 16px;background:linear-gradient(0deg,#02060a,#0b1119);color:#aeb9c7;font-size:8px;font-weight:800;letter-spacing:.35em}
@media(max-width:760px){.showcase-front .login-visual{min-height:540px!important;padding:max(12px,env(safe-area-inset-top)) 18px 44px!important;background-position:58% center!important}.showcase-top{grid-template-columns:30px minmax(0,1fr) 42px}.showcase-menu{width:25px;gap:4px}.showcase-menu i{height:2px}.showcase-front .login-logo{grid-column:2;justify-self:center;width:160px!important;height:62px!important;max-width:48vw!important;overflow:visible!important}.showcase-language{padding:0!important;border:0!important;font-size:9px}.showcase-front .front-hero{width:100%;max-width:315px;margin:32px 0 18px!important}.showcase-front .front-hero .eyebrow{margin-bottom:9px!important;font-size:7px!important}.showcase-front .front-hero h1{width:100%;max-width:100%!important;font-size:42px!important;line-height:.84!important;letter-spacing:-2.6px!important}.showcase-front .front-hero h2{margin:18px 0 5px;font-size:15px}.showcase-front .front-hero>p:not(.eyebrow){max-width:285px;font-size:10px!important;line-height:1.42!important}.showcase-benefits{gap:0;justify-content:space-between;width:min(285px,82%)}.showcase-benefits>span{display:grid;justify-items:center;gap:7px;text-align:center}.showcase-benefits i{width:35px;height:35px}.showcase-benefits b{font-size:8px}.showcase-front .login-panel{width:calc(100% - 20px);margin:-25px auto 0;padding:25px 16px 0!important;border-radius:24px 24px 0 0}.showcase-front .front-panel-heading{margin-bottom:18px!important}.showcase-front .front-panel-heading h2{font-size:25px!important;white-space:normal!important}.showcase-front .front-panel-intro{font-size:10px!important}.showcase-front .login-type-switch{gap:9px!important;margin-bottom:21px!important}.showcase-front .login-type{min-height:67px;grid-template-columns:38px 1fr!important;padding:10px!important}.showcase-front .login-type-icon{width:37px!important;height:37px!important}.showcase-front .login-type b{font-size:13px!important}.showcase-front .login-type small{font-size:8px!important}.showcase-front .login-panel h3{font-size:18px!important}.showcase-front .login-panel #loginDescription{font-size:9px!important}.showcase-front .google-fallback{height:50px!important}.showcase-proof{width:calc(100% + 32px);margin:25px -16px 0;padding:20px 8px}.showcase-proof b{font-size:13px}.showcase-proof span{font-size:7px}.showcase-skyline{width:calc(100% + 32px);height:74px;margin:0 -16px;font-size:6px}.showcase-front .front-secure-line{font-size:7.5px!important}}
@media(max-width:370px){.showcase-front .login-visual{min-height:510px!important}.showcase-front .front-hero{margin-top:24px!important}.showcase-front .front-hero h1{font-size:42px!important}.showcase-front .login-type{padding:8px!important}}
@media(max-width:760px){.showcase-front .showcase-top{grid-template-columns:30px minmax(0,1fr) 80px!important}.showcase-front .showcase-top .login-language{max-width:80px!important;padding:8px 20px 8px 8px!important;font-size:8px!important}}

/* Compact one-screen mobile landing */
@media(max-width:760px){
  .showcase-front .login-visual{min-height:395px!important;padding:max(8px,env(safe-area-inset-top)) 16px 28px!important;background-position:58% 62%!important}
  .showcase-front .showcase-top{min-height:48px;grid-template-columns:28px minmax(0,1fr) 76px!important}
  .showcase-front .login-logo{width:136px!important;height:50px!important;max-width:42vw!important}
  .showcase-front .showcase-top .login-language{max-width:76px!important;padding:7px 18px 7px 7px!important}
  .showcase-front .front-hero{max-width:300px;margin:15px 0 10px!important}
  .showcase-front .front-hero .eyebrow{margin-bottom:5px!important;font-size:6px!important}
  .showcase-front .front-hero h1{font-size:35px!important;line-height:.83!important;letter-spacing:-2.1px!important}
  .showcase-front .front-hero h2{margin:11px 0 3px!important;font-size:12px!important}
  .showcase-front .front-hero>p:not(.eyebrow){max-width:260px;font-size:8px!important;line-height:1.35!important}
  .showcase-benefits{width:270px;max-width:88%;margin-top:auto!important}
  .showcase-benefits>span{grid-template-columns:27px auto;align-items:center;justify-items:start;gap:6px;text-align:left}
  .showcase-benefits i{width:27px;height:27px;border-width:1px;box-shadow:0 0 0 3px #d79e0018}
  .showcase-benefits b{font-size:7px!important}
  .showcase-front .login-panel{margin:-19px auto 0;padding:19px 14px 0!important;border-radius:21px 21px 0 0}
  .showcase-front .front-panel-heading{margin-bottom:12px!important}
  .showcase-front .front-panel-heading h2{font-size:21px!important}
  .showcase-front .front-panel-intro{margin-top:4px!important;font-size:8.5px!important}
  .showcase-front .login-type-switch{gap:8px!important;margin-bottom:14px!important}
  .showcase-front .login-type{min-height:57px!important;grid-template-columns:34px 1fr!important;padding:8px 10px!important;border-radius:14px!important}
  .showcase-front .login-type-icon{position:relative;width:34px!important;height:34px!important;font-size:0!important}
  .showcase-front .login-type[data-login-type="customer"] .login-type-icon:before{content:"";position:absolute;left:12px;top:7px;width:10px;height:10px;border-radius:50%;background:#0b1724}
  .showcase-front .login-type[data-login-type="customer"] .login-type-icon:after{content:"";position:absolute;left:8px;bottom:6px;width:18px;height:10px;border-radius:10px 10px 4px 4px;background:#0b1724}
  .showcase-front .login-type[data-login-type="driver"] .login-type-icon:before{content:"";position:absolute;left:7px;top:11px;width:20px;height:12px;border-radius:5px 5px 3px 3px;background:#0b1724}
.showcase-front .login-type[data-login-type="driver"] .login-type-icon:after{content:"";position:absolute;left:10px;bottom:7px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:9px 0 #fff}
  .showcase-front .login-type.active{border-color:#ffc31c!important;outline:2px solid #ffc31c!important;outline-offset:-2px!important;box-shadow:0 7px 20px #d39b0015!important}
  .showcase-front .login-type b{font-size:12px!important}.showcase-front .login-type small{font-size:7px!important}
  .showcase-front .login-panel h3{margin-bottom:3px!important;font-size:15px!important}
  .showcase-front .login-panel #loginDescription{margin-bottom:10px!important;font-size:8px!important}
  .showcase-front #googleButton{height:50px!important;min-height:50px!important;max-height:50px!important;border:2px solid #ffc31c!important;border-radius:14px!important;box-shadow:0 9px 24px #d39b0025!important;background:#fff;overflow:hidden!important}
  .showcase-front #googleButton>div,.showcase-front #googleButton iframe{height:46px!important;min-height:46px!important;max-height:46px!important}
  .showcase-front .google-fallback{height:48px!important;border:2px solid #ffc31c!important;box-shadow:0 9px 24px #d39b0025!important}
  .showcase-front .front-secure-line{margin:11px 0 7px!important;font-size:7px!important}
  .showcase-proof{margin-top:17px!important;padding:13px 6px!important;border-radius:18px 18px 0 0!important}
  .showcase-proof b{font-size:11px!important}.showcase-proof span{font-size:6px!important}
  .showcase-proof span:last-child{font-size:0!important}.showcase-proof span:last-child b{font-size:11px!important}.showcase-proof span:last-child:after{content:"Every day";font-size:6px;color:#c7cdd4}
  .showcase-skyline{height:42px!important;padding-bottom:10px!important;font-size:5px!important}
}
@media(max-width:370px){.showcase-front .login-visual{min-height:380px!important}.showcase-front .front-hero h1{font-size:33px!important}.showcase-benefits{max-width:95%}}
.showcase-front .login-type-icon svg{width:25px;height:25px;fill:none;stroke:#0b1724;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.showcase-front .login-type[data-login-type="driver"] .login-type-icon svg{width:31px;height:22px}.showcase-front .login-type[data-login-type="customer"] .login-type-icon:before,.showcase-front .login-type[data-login-type="customer"] .login-type-icon:after,.showcase-front .login-type[data-login-type="driver"] .login-type-icon:before,.showcase-front .login-type[data-login-type="driver"] .login-type-icon:after{display:none!important}.showcase-front .login-type[data-login-type="driver"] .login-type-icon{background:linear-gradient(145deg,#f2f5f8,#dce3e9)!important;box-shadow:inset 0 -2px 0 #cbd3da}.showcase-front .login-type[data-login-type="driver"].active .login-type-icon{background:linear-gradient(145deg,#ffd652,#efad00)!important;box-shadow:0 4px 12px #d99a0038}.showcase-front .natural-driver-car{fill:#fff;stroke:#101827;stroke-width:2}.showcase-front .natural-driver-car circle{fill:#101827}.showcase-front .login-type[data-login-type="driver"].active .natural-driver-car{fill:#fff8d7}