.hero{position:relative;display:block;min-height:500px;padding:72px 0 58px}.hero-copy{position:absolute;z-index:2;top:132px;left:48px;width:min(58%,650px);color:#fff}.hero-copy .label{color:#bec8ff}.hero h1{max-width:none;color:#fff;font-size:clamp(43px,5.7vw,74px);text-wrap:balance}.hero-copy>p:not(.label){max-width:620px;color:#d7dcf4}.hero-links a{color:#fff;border-color:#b8c4ff}.route-ticket{position:relative;display:flex;min-height:430px;width:100%;flex-direction:column;padding:30px 34px;overflow:hidden;background:radial-gradient(circle at 78% 25%,rgba(120,93,239,.58),transparent 23%),radial-gradient(circle at 85% 75%,rgba(82,104,223,.42),transparent 28%),linear-gradient(130deg,#111733 0%,#17234f 53%,#111733 100%);box-shadow:12px 12px 0 var(--purple)}.route-ticket:before{position:absolute;right:-80px;bottom:-105px;width:430px;height:430px;border:1px solid rgba(207,216,255,.3);border-radius:50%;box-shadow:0 0 0 42px rgba(207,216,255,.05),0 0 0 85px rgba(207,216,255,.04);content:""}.route-ticket:after{position:absolute;top:89px;right:40px;width:31%;height:1px;background:rgba(211,218,255,.4);box-shadow:0 42px 0 rgba(211,218,255,.2),0 84px 0 rgba(211,218,255,.15),0 126px 0 rgba(211,218,255,.1);content:""}.ticket-head,.ticket-body,.ticket-code,.route-ticket>a{position:relative;z-index:1}.ticket-body{width:31%;margin:75px 0 0 auto;padding:0 0 20px}.ticket-body strong{font-size:34px}.ticket-body p{font-size:13px}.ticket-code{width:31%;margin:0 0 22px auto}.route-ticket>a{margin-left:auto;width:31%}@media(max-width:800px){.hero{min-height:0;padding:38px 0 34px}.route-ticket{min-height:500px;padding:23px}.hero-copy{position:relative;top:auto;left:auto;width:100%;padding:29px 24px 0}.hero h1{font-size:clamp(39px,11vw,58px)}.hero-copy>p:not(.label){font-size:14px}.route-ticket{margin-top:-1px}.ticket-head{margin-top:-420px}.ticket-body{width:min(68%,280px);margin:71px 0 0 auto}.ticket-code,.route-ticket>a{width:min(68%,280px)}.route-ticket:after{right:24px;width:42%}}@media(max-width:520px){.hero{padding-top:25px}.route-ticket{min-height:455px}.hero-copy{padding:24px 18px 0}.hero h1{font-size:40px}.hero-copy>p:not(.label){margin:14px 0}.ticket-head{margin-top:-382px;font-size:8px}.ticket-body{width:48%;margin-top:68px}.ticket-body strong{font-size:24px}.ticket-body p{font-size:10px}.ticket-code,.route-ticket>a{width:48%}.route-ticket>a{font-size:11px}}
