.proposal-demo{max-width:400px;justify-self:center}.demo-heading{max-width:340px;margin:0 auto 18px}.phone-device{--rim:10px;position:relative;width:min(100%,330px);margin-inline:auto;padding:var(--rim);border:1px solid #777b80;border-radius:49px;background:linear-gradient(110deg,#919397 0%,#323538 5%,#17191c 45%,#4d5155 91%,#95989a 100%);box-shadow:inset 0 0 0 2px #272a2d,inset 0 0 0 3px #55595d,0 24px 44px rgb(0 0 0 / 40%)}.phone-device::before,.phone-device::after{content:"";position:absolute;width:3px;background:linear-gradient(90deg,#25272a,#888b8e,#34373b);border-radius:2px}.phone-device::before{left:-4px;top:145px;height:42px;box-shadow:0 55px 0 #55595d}.phone-device::after{right:-4px;top:189px;height:66px}.phone-speaker{position:absolute;top:20px;left:50%;transform:translateX(-50%);height:23px;width:88px;border-radius:20px;background:#030405;box-shadow:inset 0 0 0 1px #181a1e;z-index:4;pointer-events:none}.phone-speaker::after{content:"";position:absolute;right:9px;top:8px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#263e50,#080e15 65%);box-shadow:0 0 0 2px #0c1015}.phone-screen{height:auto;aspect-ratio:9/19.5;overflow-y:auto;overflow-x:hidden;border-radius:39px;background:var(--panel);scrollbar-width:none;outline-offset:5px;box-shadow:0 0 0 2px #050608}.phone-screen::-webkit-scrollbar{display:none}.phone-status{position:sticky;top:0;z-index:3;height:47px;display:flex;align-items:center;justify-content:space-between;direction:ltr;padding:0 22px;font:600 12px var(--font-brand);color:var(--paper);background:var(--panel)}.phone-status svg{width:47px;height:12px}.phone-home{width:100px;height:4px;background:var(--paper);opacity:.8;border-radius:8px;position:absolute;bottom:18px;left:50%;transform:translateX(-50%);pointer-events:none;z-index:4}.phone-screen .itinerary{padding-bottom:16px}
.proposal-demo .itinerary{border:0;border-radius:0;background:var(--panel)}.proposal-demo .itinerary-top{padding:12px 16px;font-size:10px}.proposal-demo .itinerary-photo{height:170px}.proposal-demo .itinerary-photo h3{font-size:23px}.proposal-demo .itinerary-photo>div{inset:auto 16px 18px}.proposal-demo .day-tabs{margin-inline:16px;gap:24px}.proposal-demo .day-content{padding:8px 16px;min-height:260px}.proposal-demo .day-content>div{gap:12px;padding-block:16px}.proposal-demo .day-content strong{font-size:14px}.proposal-demo .day-content p{font-size:12px}.proposal-demo .day-content time{font-size:11px}.phone-extra{padding:20px 16px 24px;border-top:1px solid var(--line)}.phone-section-label{font-size:11px;margin-bottom:12px}.phone-extra img{height:130px;border-radius:8px}.phone-extra h4{font-size:15px;font-weight:500;margin:16px 0 8px}.phone-extra>p:last-child{font-size:12px;line-height:1.7}.phone-disclosure{font-size:11px;text-align:center;line-height:1.6;margin-top:8px;color:var(--muted)}.demo-hint{margin-top:18px} @media(max-width:480px){.phone-device{max-width:300px;border-radius:45px}.phone-screen{border-radius:35px}.proposal-demo{width:100%}.demo-heading{font-size:13px;gap:8px}}