/* Reference composition: centered type, three overlapping devices, Avero palette. */
.hero.hero-match{padding:0;margin:8px 8px 0;border:1px solid #243040;border-radius:18px 18px 0 0;min-height:0;background:#111923}
.hero-match .hero-inner{width:100%;max-width:1600px;height:clamp(760px,65vw,1040px);min-height:0;padding:0;margin:auto;display:block;isolation:isolate;overflow:hidden}
.hero-match .hero-lights{height:100%;background:radial-gradient(ellipse at 36% 95%,#0055ff30,transparent 42%),radial-gradient(ellipse at 70% 100%,#ff5a0024,transparent 37%)}
.hero-match .hero-lights::before,.hero-match .hero-lights::after,.hero-match .hero-lights>*{display:none}
.hero-match .hero-copy{position:absolute;inset:18% 0 auto;width:100%;max-width:none;display:block;text-align:center;margin:0;z-index:1}
.hero-match h1{width:84%;max-width:1200px;margin:0 auto;font-size:clamp(74px,7.8vw,122px);font-weight:600;line-height:1.02;letter-spacing:-.065em;color:#f8fafc}
.hero-match h1 .hero-line{display:block}
.hero-match h1 .hero-line:nth-child(2){color:#8390a2}
.hero-match h1 .accent{color:#f8fafc}
.hero-match .hero-copy .hero-sub{position:absolute;top:calc(clamp(760px,65vw,1040px)*.47);left:4.5%;width:23%;max-width:310px;margin:0;text-align:left;font-size:14px;line-height:1.65;color:#b5c0cf}
.hero-match .hero-copy .ctas{position:absolute;top:calc(clamp(760px,65vw,1040px)*.59);left:4.5%;width:23%;margin:0;display:flex;align-items:flex-start;flex-direction:column;gap:10px}
.hero-match .ctas .btn{min-height:44px;font-size:11px;padding:0 18px;border-radius:999px;box-shadow:none}
.hero-match .ctas .btn:not(.primary){background:transparent;border-color:#ffffff29;color:#d4deeb}
.hero-match .hero-spotlight{position:absolute;top:55%;left:0;width:100%;height:65%;margin:0;display:block;z-index:2;pointer-events:none}
.hero-match .hero-spotlight::after{display:none}
.hero-match .module-stage,.hero-match .module-track{width:100%;height:100%;margin:0;perspective:none}
.hero-match .module-track{pointer-events:auto}
.hero-match .module-slide{width:34%;max-width:510px;aspect-ratio:9/18.5;border-radius:clamp(28px,4vw,62px);padding:7px;background:linear-gradient(132deg,#f4f7fb 0%,#c7cfdb 7%,#4d5a6e 24%,#141a24 44%,#0a0e16 56%,#5d6c83 78%,#eef2f8 94%,#ccd3dd 100%);box-shadow:0 0 0 1px #000,0 0 0 2px #ffffff17,0 18px 45px #0008;transform-origin:50% 0;filter:none!important;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .3s ease;container-type:inline-size}
.hero-match .module-face,.hero-match .module-slide.is-active .module-face{inset:6px;border-radius:inherit;background:#060c16;border:3px solid #060c16;box-shadow:inset 0 1px 0 #ffffff2e,inset 0 -1px 0 #00000045,inset 1px 0 0 #ffffff17,inset -1px 0 0 #00000038,inset 0 0 0 1px #ffffff12;backdrop-filter:none}
.hero-match .module-face::before{inset:0;z-index:4;background:linear-gradient(115deg,#ffffff24 0%,#ffffff05 13%,transparent 26%,transparent 68%,#ffffff09 85%,#ffffff1c 100%),linear-gradient(#04080fd9,transparent 16%);box-shadow:none}
.hero-match .module-face::after,.hero-match .module-slide.is-active .module-face::after{display:block;inset:14px auto auto 50%;width:25%;height:17px;border-radius:20px;transform:translateX(-50%);background:radial-gradient(circle 3.2px at 80% 50%,#212c40 62%,transparent 66%),#010306;box-shadow:inset 0 0 0 1px #ffffff14,0 1px 0 #ffffff12}.hero-match .module-slide::after{content:"";position:absolute;z-index:6;left:50%;bottom:15px;width:30%;max-width:132px;height:4px;border-radius:999px;background:#fffc;transform:translateX(-50%);box-shadow:0 0 6px #00000066;pointer-events:none}
.hero-match .module-slide .module-cover,.hero-match .module-slide.is-active .module-cover{width:100%;height:auto;top:42px;left:0;transform:none;object-fit:contain;object-position:50% 0;mix-blend-mode:normal;filter:none;mask-image:none;-webkit-mask-image:none}
.hero-match .spotlight-arrows{position:fixed;position:absolute;right:4.5%;top:32%;bottom:auto;z-index:20;pointer-events:auto}
.hero-match .spotlight-arrows button{width:42px;height:42px;background:#111923;border-color:#ffffff30;backdrop-filter:none}
.hero-match .module-dots{position:absolute;right:4.5%;top:44%;margin:0;width:92px;gap:0;pointer-events:auto;z-index:20}
.hero-match .module-dots button{width:18px;height:24px;border-radius:0;background:transparent;position:relative}
.hero-match .module-dots button::after{content:'';position:absolute;left:6px;top:9px;width:6px;height:6px;border-radius:50%;background:#637389}
.hero-match .module-dots button.is-active{box-shadow:none}
.hero-match .module-dots button.is-active::after{background:#ff5a00}
body:has(.hero-match) .header:not(.scrolled) .nav{background:transparent;border:0;box-shadow:none;backdrop-filter:none;width:calc(100% - 100px);max-width:1500px;padding:0}
body:has(.hero-match) .header:not(.scrolled) .navlinks{padding:6px;gap:0;border-radius:999px;background:#ffffff08}
body:has(.hero-match) .header:not(.scrolled) .navlinks a{padding:11px 19px;border-radius:999px;color:#b5c0cf}
body:has(.hero-match) .header:not(.scrolled) .navlinks a:first-child{background:#ffffff12;color:#fff}
body:has(.hero-match) .header:not(.scrolled) .navlinks a::after{display:none}
@media(max-width:1100px){.hero-match .hero-inner{height:850px}.hero-match .hero-copy{top:17%}.hero-match h1{font-size:clamp(65px,8.6vw,90px)}.hero-match .hero-spotlight{top:49%}.hero-match .module-slide{width:37%}.hero-match .hero-copy .hero-sub{top:440px;left:4%;width:25%;font-size:12px}.hero-match .hero-copy .ctas{top:560px;left:4%;width:27%}.hero-match .ctas .btn{font-size:10px;padding:0 12px}}
@media(max-width:767px){.hero.hero-match{margin:5px 5px 0;border-radius:14px 14px 0 0}.hero-match .hero-inner{height:850px}.hero-match .hero-copy{top:125px}.hero-match h1{width:96%;font-size:clamp(34px,8.8vw,64px);line-height:1.06;letter-spacing:-.06em}.hero-match .hero-copy .hero-sub{position:static;width:86%;max-width:400px;margin:20px auto 0;text-align:center;font-size:13px;line-height:1.6}.hero-match .hero-copy .ctas{position:static;width:auto;margin:20px auto 0;align-items:center;justify-content:center;flex-direction:row;gap:8px}.hero-match .ctas .btn{width:auto;font-size:10px;min-height:42px;padding:0 12px}.hero-match .hero-spotlight{top:460px;height:460px}.hero-match .module-slide{width:55%;border-radius:34px}.hero-match .module-face{inset:4px}.hero-match .module-face::after{top:10px;height:12px}.hero-match .spotlight-arrows{right:16px;top:315px;gap:5px}.hero-match .spotlight-arrows button{width:32px;height:32px}.hero-match .module-dots{right:auto;left:16px;top:320px}.hero-match .hero .trust{padding-top:24px}body:has(.hero-match) .header:not(.scrolled) .nav{width:calc(100% - 44px)}body:has(.hero-match) .header:not(.scrolled) .navlinks{padding:0}.hero-match .module-track{touch-action:pan-y}}
.hero-match .module-dots{left:auto;bottom:auto;transform:none}
@media(min-width:1101px){.hero-match .hero-copy .hero-sub{top:calc(clamp(760px,65vw,1040px)*.43);width:21%}.hero-match .hero-copy .ctas{top:calc(clamp(760px,65vw,1040px)*.56);width:190px}.hero-match .ctas .btn{font-size:10px;padding:0 12px}}
@media(max-width:767px){.hero-match .module-dots{left:16px;right:auto}.hero-match .module-slide .module-cover{top:28px}}
@media(prefers-reduced-motion:reduce){.hero-match .module-slide{transition:none!important}}