.hero{position:relative;min-height:730px;gap:72px}.hero:before{position:absolute;z-index:-1;width:520px;height:520px;right:-170px;top:80px;border:1px solid rgba(143,136,255,.16);border-radius:50%;box-shadow:0 0 0 70px rgba(143,136,255,.035),0 0 0 140px rgba(143,136,255,.025);content:""}.hero h1{max-width:700px;font-weight:400}.hero .lead{max-width:540px;color:#bdc8d2}.availability{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04)}.availability:before{width:7px;height:7px;border-radius:50%;background:#65d3ae;box-shadow:0 0 0 4px rgba(101,211,174,.12);content:""}.reflection-card{border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,#171b36 0%,#39337f 56%,#6257c9 100%);transform:rotate(2deg)}.reflection-card:after{position:absolute;inset:16px;border:1px solid rgba(255,255,255,.13);border-radius:24px;content:"";pointer-events:none}.screen-grid{grid-template-columns:repeat(4,1fr)}.screen-card:nth-child(2),.screen-card:nth-child(3){margin-top:45px}.screen-card:nth-child(4){margin-top:90px}.screen-frame{background:linear-gradient(145deg,#242b3a,#12161e);border-color:rgba(255,255,255,.2)}
@media(max-width:900px){.screen-grid{grid-template-columns:repeat(2,1fr)}.screen-card:nth-child(4){margin-top:45px}}
@media(max-width:760px){.hero:before{right:-300px;top:360px}.hero{min-height:0}.screen-card:nth-child(2),.screen-card:nth-child(3),.screen-card:nth-child(4){margin-top:0}}