.hero{background:radial-gradient(ellipse at 75% 65%,#47245f4a,transparent 50%),var(--night);color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.07fr 1fr;align-items:center;gap:62px;padding-top:64px;padding-bottom:76px;min-height:700px}.hero-copy h1{font-size:clamp(52px,5.3vw,78px);line-height:1.08;max-width:680px;font-weight:750}.hero-copy h1 span{display:block;background:linear-gradient(105deg,#b478ff 5%,#e77ac7 65%,#ffad84);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-copy>p{font-size:16px;color:#afb1c5;max-width:445px;margin-top:27px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:34px}.hero-actions .button{padding-inline:25px}.hero-footnote{display:flex;align-items:center;gap:15px;color:#9698b0;font-size:11px;line-height:1.7;margin-top:49px}.hero-footnote strong{color:#bdc0d2;font-weight:450}.tiny-star{font-size:33px;line-height:1;color:#c18eff}.hero-visual{position:relative;padding:14px 4px 0 0}.hero-image{position:relative;height:515px;border-radius:95px 20px 95px 20px;overflow:hidden;background:#282940;isolation:isolate}.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:51% center;filter:saturate(.85)}.hero-image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0c1021d9);pointer-events:none}.hero-image-caption{position:absolute;bottom:40px;left:36px;right:32px;display:flex;justify-content:space-between;align-items:center;z-index:2}.hero-image-caption>span{font-size:11px;letter-spacing:2px;line-height:1.5}.hero-image-caption strong{font-size:33px;letter-spacing:-1.2px;font-weight:600}.hero-image-caption>img{width:62px;height:62px;object-fit:contain}.hero-orbit{position:absolute;top:-15px;right:-15px;display:flex;flex-direction:column;justify-content:center;width:116px;height:116px;border-radius:50%;text-align:center;font-size:10px;letter-spacing:2px;line-height:1.9;background:#171c30;color:#e2c1ff;border:1px solid #a76eed77;transform:rotate(12deg);box-shadow:0 8px 30px #0002}.hero-orbit b{font-size:11px;font-weight:600}.disciplines{background:#f9f7fc;border-bottom:1px solid var(--line)}.disciplines>.container{display:grid;grid-template-columns:repeat(4,1fr)}.disciplines .container>div{display:flex;align-items:center;gap:18px;padding:30px 26px;border-right:1px solid var(--line)}.disciplines .container>div:first-child{padding-left:0}.disciplines .container>div:last-child{border:0}.disciplines span{font-size:10px;color:#9b98a9}.disciplines strong{font-size:14px;letter-spacing:2px;font-weight:700}.disciplines i,.disciplines svg{margin-left:auto;font-size:15px;color:var(--brand)}
@media(max-width:1100px){.hero-grid{gap:38px;min-height:610px;padding-top:48px;padding-bottom:58px}.hero-copy h1{font-size:60px}.hero-image{height:475px;border-radius:65px 16px 65px 16px}.hero-orbit{right:-7px;width:100px;height:100px}.hero-actions{gap:22px}.hero-actions .text-link{font-size:12px}.hero-footnote{margin-top:30px}.disciplines .container>div{padding:24px 18px}.disciplines strong{font-size:11px;letter-spacing:1.6px}.disciplines span{display:none}}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr;gap:36px}.hero-copy h1{font-size:clamp(45px,7.7vw,70px);max-width:700px}.hero-copy>p{max-width:550px}.hero-footnote{display:none}.hero-visual{max-width:650px;width:100%;padding:5px 6px 0}.hero-image{height:390px;border-radius:55px 16px 55px 16px}.hero-orbit{top:-24px;right:0;width:91px;height:91px;font-size:8px}.hero-orbit b{font-size:9px}.hero-image-caption{bottom:26px}.hero-image-caption strong{font-size:30px}}
@media(max-width:520px){.hero-grid{padding-top:40px;padding-bottom:40px;gap:40px}.hero-copy h1{font-size:48px;line-height:1.1;letter-spacing:-2.6px}.hero-copy>p{font-size:14px;margin-top:22px}.hero-actions{gap:19px;margin-top:27px}.hero-actions .button{font-size:12px;padding:15px 19px;gap:12px}.hero-actions .text-link{font-size:11px;gap:10px}.hero-image{height:315px}.hero-image-caption{left:25px;right:24px}.hero-image-caption>span{font-size:9px}.hero-image-caption strong{font-size:26px}.hero-image-caption>img{width:48px;height:48px}.disciplines>.container{grid-template-columns:repeat(2,1fr)}.disciplines .container>div{padding:18px 15px;border-bottom:1px solid var(--line)}.disciplines .container>div:nth-child(2){border-right:0}.disciplines .container>div:nth-child(3){padding-left:0;border-bottom:0}.disciplines strong{font-size:11px}.hero-orbit{right:-2px}}
