.confirmation-page{background:#0b0b0b;color:#f5f5f2}.confirmation-page small{letter-spacing:.14em}.confirm-hero{min-height:100svh;padding:130px 7vw 70px;display:grid;grid-template-columns:1.1fr .8fr;gap:8vw;align-items:center;position:relative;overflow:hidden}.confirm-copy{position:relative;z-index:2}.confirm-copy>small,.receipt-intro>small,.deadline-copy>small,.payment-copy>small,.sequence-head>small,.agreement-copy>small,.calendar-copy>small,.confirmation-cta-copy>small{color:var(--primary);font-size:10px;font-weight:900}.confirm-copy h1,.receipt-intro h2,.deadline-copy h2,.payment-copy h2,.sequence-head h2,.agreement-copy h2,.calendar-copy h2,.confirmation-cta-copy h2{font-size:clamp(52px,7vw,112px);line-height:.88;letter-spacing:-.065em;margin:18px 0 24px}.confirm-copy h1 em,.confirmation-cta-copy h2 em{color:var(--primary);font-style:normal}.confirm-copy p,.receipt-intro p,.deadline-copy p,.agreement-copy p,.calendar-copy p,.confirmation-cta-copy p{max-width:520px;line-height:1.65;color:#aaa}.confirm-copy>a{display:inline-block;margin-top:18px;border-bottom:1px solid var(--primary);padding-bottom:7px;font-weight:800}.hero-ticket{height:470px;border:1px solid #ffffff28;border-radius:28px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;position:relative;background:linear-gradient(145deg,#161616,#0d0d0d);transform:rotate(4deg);box-shadow:0 50px 100px #0008}.hero-ticket>span,.hero-ticket>small{font-size:10px;letter-spacing:.18em;color:#999}.hero-ticket>strong{font-size:clamp(28px,4vw,58px);letter-spacing:-.04em}.hero-ticket>b{width:105px;height:105px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:var(--dark);font-size:50px;align-self:center;box-shadow:0 0 0 18px #14b8a610}.scan-line{position:absolute;left:0;right:0;height:2px;background:var(--primary);box-shadow:0 0 25px var(--primary);animation:scan 3s ease-in-out infinite}@keyframes scan{0%,100%{top:24%}50%{top:76%}}.hero-road{position:absolute;left:0;right:0;bottom:35px;height:55px;border-top:1px dashed #ffffff30}.hero-road i{position:absolute;inset:24px 0 auto;border-top:3px dashed #ffffff1c}.hero-road b{position:absolute;left:8%;top:2px;color:var(--primary);animation:rideAcross 7s linear infinite}@keyframes rideAcross{to{left:92%}}
.receipt-stage{background:var(--light);color:var(--dark);padding:100px 7vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;align-items:center}.receipt-intro p{color:#666}.mobility-receipt{background:#fff;border:1px solid #ccc;clip-path:polygon(0 0,100% 0,100% 92%,97% 94%,100% 96%,97% 98%,100% 100%,0 100%,3% 98%,0 96%,3% 94%,0 92%);padding:28px;box-shadow:0 35px 80px #0001}.mobility-receipt header,.mobility-receipt footer{display:flex;justify-content:space-between;gap:20px}.mobility-receipt header{padding-bottom:22px;border-bottom:2px solid #111}.mobility-receipt header span,.mobility-receipt footer span{font-size:10px;letter-spacing:.15em}.receipt-route{display:flex;align-items:center;gap:16px;padding:30px 0;border-bottom:1px dashed #aaa}.receipt-route i{width:12px;height:12px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px #14b8a640}.receipt-route b{flex:1;height:1px;background:#aaa;font-size:0}.mobility-receipt dl{margin:0}.mobility-receipt dl div{display:grid;grid-template-columns:.55fr 1fr;padding:18px 0;border-bottom:1px solid #ddd}.mobility-receipt dt{font-size:9px;color:#777;letter-spacing:.15em}.mobility-receipt dd{margin:0;font-weight:900}.mobility-receipt footer{padding-top:22px}.mobility-receipt footer strong{color:#14b8a6}
.deadline-stage{padding:100px 7vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.deadline-orbit{height:440px;display:grid;place-items:center}.orbit-ring{width:min(360px,80vw);aspect-ratio:1;border:1px solid #ffffff28;border-radius:50%;display:grid;place-items:center;position:relative}.orbit-ring:before,.orbit-ring:after{content:"";position:absolute;border:1px solid #ffffff18;border-radius:50%;inset:12%;}.orbit-ring:after{inset:28%}.orbit-ring i{position:absolute;width:20px;height:20px;border-radius:50%;background:var(--primary);top:8%;left:48%;box-shadow:0 0 0 10px #14b8a618;transform-origin:10px 152px;animation:orbit 6s linear infinite}@keyframes orbit{to{transform:rotate(360deg)}}.orbit-ring b{font-size:70px;letter-spacing:-.06em}.orbit-ring span{position:absolute;bottom:27%;font-size:9px;letter-spacing:.18em;color:#888}.deadline-line{display:grid;grid-template-columns:auto 1fr auto 1fr auto auto;align-items:center;gap:12px;margin-top:35px}.deadline-line i{height:1px;background:#ffffff35}.deadline-line span{font-size:10px;color:#888}.deadline-line strong{color:var(--primary)}
.payment-strip{background:var(--primary);color:var(--dark);padding:85px 7vw}.payment-copy h2{font-size:clamp(48px,6vw,90px);max-width:700px}.payment-copy>small{color:#111}.amount-track{display:flex;align-items:stretch;border-top:2px solid #111;border-bottom:2px solid #111}.amount-track>div{flex:1;padding:25px 18px}.amount-track>i{font-style:normal;display:grid;place-items:center;font-size:26px}.amount-track small,.amount-track strong{display:block}.amount-track small{font-size:9px}.amount-track strong{font-size:clamp(24px,3vw,45px);margin-top:8px}.amount-total{background:var(--dark);color:var(--light)}.payment-strip>p{font-size:10px;margin:14px 0 0}
.pickup-sequence{padding:100px 7vw;background:var(--light);color:var(--dark);overflow:hidden}.sequence-head>small{color:#14b8a6}.sequence-head h2{max-width:800px}.sequence-road{height:80px;border-bottom:6px solid #111;position:relative;margin:25px 0 35px}.sequence-road span{position:absolute;left:0;right:0;bottom:14px;border-top:2px dashed #999}.moving-scooter{position:absolute;left:2%;bottom:5px;font-size:30px;animation:sequenceRide 8s ease-in-out infinite;color:#111}@keyframes sequenceRide{50%{left:90%}}.pickup-sequence ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:4vw}.pickup-sequence li{border-top:1px solid #aaa;padding-top:18px}.pickup-sequence li b{color:#14b8a6}.pickup-sequence li strong,.pickup-sequence li span{display:block}.pickup-sequence li strong{font-size:20px;margin:15px 0 8px}.pickup-sequence li span{color:#666;line-height:1.5}
.agreement-stage{padding:100px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.agreement-paper{background:#f5f5f2;color:#111;min-height:500px;padding:32px;transform:rotate(-3deg);box-shadow:0 45px 90px #0008}.agreement-paper header,.agreement-paper footer{display:flex;justify-content:space-between;font-size:10px}.paper-lines{margin:70px 0}.paper-lines i{display:block;border-top:1px solid #bbb;margin:28px 0}.agreement-paper footer{margin-top:100px;border-top:1px solid #111;padding-top:15px}.agreement-copy button,.calendar-copy button{border:0;background:var(--primary);color:var(--dark);padding:15px 20px;border-radius:999px;font-weight:900;cursor:pointer}.agreement-copy>small:last-child,.calendar-copy>small:last-child{display:block;color:#aaa;margin-top:14px;min-height:16px}
.calendar-stage{background:#111;padding:100px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.calendar-visual{width:min(500px,100%);aspect-ratio:1.15;background:var(--light);color:var(--dark);padding:35px;display:grid;grid-template-columns:.4fr 1fr;align-content:center;gap:10px 25px;clip-path:polygon(0 4%,5% 0,10% 4%,15% 0,20% 4%,25% 0,30% 4%,35% 0,40% 4%,45% 0,50% 4%,55% 0,60% 4%,65% 0,70% 4%,75% 0,80% 4%,85% 0,90% 4%,95% 0,100% 4%,100% 100%,0 100%)}.calendar-visual>span{font-weight:900}.calendar-visual>strong{font-size:110px;line-height:.8;grid-row:1/3;grid-column:2}.calendar-visual>div{grid-column:1/-1;display:flex;gap:12px;align-items:center;border-top:1px solid #bbb;padding-top:15px}.calendar-visual i{width:10px;height:10px;border-radius:50%;background:var(--primary);border:2px solid #111}
.confirmation-cta{min-height:650px;padding:100px 7vw;position:relative;display:flex;align-items:flex-end;overflow:hidden}.cta-route{position:absolute;inset:40px 0 auto;height:250px}.cta-route svg{width:100%;height:100%}.cta-route path{fill:none;stroke:#ffffff22;stroke-width:3;stroke-dasharray:12 12}.cta-route b{position:absolute;left:10%;top:55%;color:var(--primary);font-size:30px;animation:ctaRide 7s ease-in-out infinite}@keyframes ctaRide{50%{left:86%;top:30%}}.confirmation-cta-copy{position:relative;z-index:2}.confirmation-cta-copy h2{font-size:clamp(55px,7vw,105px)}.confirmation-cta-copy div{display:flex;gap:20px;align-items:center;margin-top:30px}.primary-action{background:var(--primary);color:var(--dark);padding:16px 24px;border-radius:999px;font-weight:900}.confirmation-cta-copy div>a:last-child{border-bottom:1px solid #777;padding-bottom:6px}
@media(max-width:900px){.confirm-hero,.receipt-stage,.deadline-stage,.agreement-stage,.calendar-stage{grid-template-columns:1fr}.hero-ticket{height:350px}.receipt-stage,.deadline-stage,.agreement-stage,.calendar-stage,.pickup-sequence,.payment-strip{padding:80px 5vw}.amount-track{display:grid;grid-template-columns:1fr auto 1fr}.amount-total{grid-column:1/-1}.pickup-sequence ol{grid-template-columns:1fr 1fr}.pickup-sequence li:nth-child(3){grid-column:1/-1;width:50%;justify-self:center}.agreement-paper{min-height:420px}.calendar-visual{justify-self:center}}
@media(max-width:600px){.confirm-hero{padding:105px 5vw 55px;grid-template-columns:1fr}.confirm-copy h1{font-size:clamp(58px,17vw,88px)}.hero-ticket{height:300px;padding:22px}.hero-ticket>b{width:75px;height:75px;font-size:36px}.mobility-receipt{padding:20px}.receipt-route{gap:8px}.mobility-receipt dl div{grid-template-columns:1fr;gap:6px}.deadline-orbit{height:320px}.orbit-ring b{font-size:52px}.deadline-line{grid-template-columns:auto 1fr auto;row-gap:16px}.deadline-line i:nth-of-type(2){display:none}.amount-track{grid-template-columns:1fr}.amount-track>i{padding:3px}.pickup-sequence ol{grid-template-columns:1fr}.pickup-sequence li:nth-child(3){grid-column:auto;width:100%}.agreement-paper{min-height:360px;padding:22px}.calendar-visual{padding:24px}.calendar-visual>strong{font-size:82px}.confirmation-cta{min-height:600px;padding:80px 5vw}.confirmation-cta-copy div{align-items:flex-start;flex-direction:column}.confirmation-cta-copy h2{font-size:clamp(52px,15vw,80px)}}
@media(prefers-reduced-motion:reduce){.scan-line,.hero-road b,.orbit-ring i,.moving-scooter,.cta-route b{animation:none!important}}
