@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');
:root{--purple:#4d167c;--pink:#ff4baf}*{box-sizing:border-box}body{margin:0;background:var(--purple);font-family:Manrope,Arial,sans-serif;color:#fff}.hero{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 83% 32%,#7d32af 0%,#4d167c 37%,#300653 100%);padding:0 clamp(23px,8vw,145px)}nav{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.2)}.logo{font-weight:800;font-size:26px;letter-spacing:-1.5px;color:#fff;text-decoration:none}.logo span{color:var(--pink);font-size:12px;letter-spacing:1px;margin-left:4px}nav p,footer{font-size:11px;letter-spacing:.6px;color:#dfc9f1}.copy{padding:clamp(65px,11vh,130px) 0 70px;max-width:720px;position:relative;z-index:2}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--pink);margin:0 0 20px}.pale{color:#e9d9ff}.copy h1{margin:0;font-size:clamp(46px,6vw,89px);line-height:.98;letter-spacing:-4px;font-weight:800}.copy h1 em{color:#f5d9ff;font-family:'Playfair Display',serif;font-weight:700}.subtitle{font-size:16px;line-height:1.6;max-width:420px;color:#e7d8f0;margin:28px 0}.button{display:inline-flex;align-items:center;gap:9px;padding:18px 22px;border-radius:3px;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.5px}.passenger{background:var(--pink);color:#fff}.icon{font-size:18px}.driver-card{border-radius:7px;background:linear-gradient(114deg,#2a0648,#6a218f);min-height:390px;position:relative;overflow:hidden;display:flex;align-items:center;padding:clamp(30px,5vw,78px);margin:0 0 40px}.driver-copy{max-width:470px;position:relative;z-index:2}.driver-copy h2{font-size:clamp(31px,3.4vw,52px);line-height:1.02;letter-spacing:-2px;margin:0}.driver-copy>p:not(.eyebrow){font-size:14px;line-height:1.6;color:#e0c8f3;margin:20px 0 26px}.white{background:#fff;color:#3d0a67}.taxi-art{position:absolute;inset:0 0 0 auto;width:54%;overflow:hidden;background:radial-gradient(circle at 70% 25%,rgba(236,196,255,.2),transparent 32%)}.moon{position:absolute;right:19%;top:12%;width:100px;height:100px;border-radius:50%;background:#ffb5e6;box-shadow:0 0 55px #fa9ed6}.spark{position:absolute;color:#f9d0ff;font-size:24px}.s1{top:19%;left:18%}.s2{right:8%;top:48%;font-size:15px}.building{position:absolute;bottom:85px;background:rgba(201,153,255,.24);width:75px}.b1{height:160px;right:8%}.b2{height:235px;right:25%;width:110px}.road{height:88px;position:absolute;bottom:0;left:0;right:0;background:#1d0434;transform:skewY(-5deg);transform-origin:right}.road:after{content:'';display:block;border-top:4px dashed #cc99ee;position:absolute;left:0;right:0;top:44px}.car{position:absolute;right:12%;bottom:52px;width:310px;height:112px;background:#ff4baf;border-radius:63px 67px 20px 20px;box-shadow:0 15px 0 #ba1878}.roof{position:absolute;background:#ff79c3;width:190px;height:73px;left:59px;top:-47px;border-radius:110px 110px 3px 3px}.window{position:absolute;top:-37px;height:54px;background:#42136a;z-index:2;transform:skew(-9deg)}.w1{left:78px;width:70px}.w2{left:155px;width:72px;transform:skew(9deg)}.door{position:absolute;right:62px;top:21px;height:75px;border-left:2px solid #c71c7e}.headlight{position:absolute;right:5px;top:25px;width:17px;height:28px;background:#fff4af;border-radius:9px}.wheel{position:absolute;width:56px;height:56px;bottom:-26px;border-radius:50%;background:#190128;border:11px solid #eee2ff}.x1{left:48px}.x2{right:47px}.car b{position:absolute;left:34px;top:30px;font-size:28px;font-style:italic;color:#fff;letter-spacing:-3px}footer{display:flex;justify-content:space-between;padding:14px 0 30px;border-top:1px solid rgba(255,255,255,.2)}@media(max-width:720px){.hero{min-height:100svh;padding:0 21px}.copy{padding:58px 0 56px}.copy h1{font-size:clamp(43px,12.5vw,63px);line-height:1;letter-spacing:-2.8px}.subtitle{font-size:15px;margin:23px 0 26px}.button{justify-content:center;width:100%;min-height:57px;padding:17px 16px;font-size:10px}.driver-card{min-height:590px;padding:32px 24px 260px;margin-bottom:27px}.driver-copy h2{font-size:clamp(31px,9.4vw,44px);letter-spacing:-1.7px}.driver-copy>p:not(.eyebrow){font-size:13px;margin:17px 0 22px}.taxi-art{width:100%;height:280px;top:auto;bottom:0}.car{transform:scale(.74);transform-origin:bottom right;right:-23px;bottom:43px}.building{bottom:64px}.b1{height:100px}.b2{height:135px}nav{height:72px}nav p{font-size:9px}footer{font-size:9px;padding:13px 0 22px}.moon{width:72px;height:72px;right:15%}}@media(max-width:360px){.hero{padding:0 17px}.copy h1{font-size:42px}.driver-card{padding-left:20px;padding-right:20px}.car{transform:scale(.65);right:-42px}.logo{font-size:23px}}