.wea-hero {
	--bg1: #2a1630; --bg2: #17111d;
	--h1: rgba(242, 140, 56, .16); --h2: rgba(215, 81, 119, .20); --h3: rgba(120, 80, 220, .14);
	--eyebrow: #ebb5c5; --accent: #f6b8ca; --glow: rgba(215, 81, 119, .55);
	--btn: linear-gradient(110deg, #f28c38, #e0567f 35%, #b44fc9 65%, #7a5cf0, #f28c38);
	--btn-shadow: rgba(224, 86, 127, .65); --btn-glow: rgba(180, 79, 201, .55);
	--l1: #ffd2a6; --l2: #ff8fb1; --l3: #b79bff; --f1: #f28c38; --f2: #d75177; --f3: #7a50dc;
	position: relative;
	overflow: hidden;
	background: radial-gradient(120% 90% at 50% 30%, var(--bg1) 0%, var(--bg2) 45%, #0c0c10 100%);
}
.wea-phase-extended .wea-hero {
	--bg1: #33161a; --bg2: #1c1013;
	--h1: rgba(255, 170, 70, .20); --h2: rgba(255, 77, 94, .22); --h3: rgba(224, 53, 111, .14);
	--eyebrow: #ffc8a8; --accent: #ffb38f; --glow: rgba(255, 106, 61, .6);
	--btn: linear-gradient(110deg, #ffb347, #ff7a3d 35%, #ff4d5e 65%, #e0356f, #ffb347);
	--btn-shadow: rgba(255, 106, 61, .65); --btn-glow: rgba(255, 77, 94, .55);
	--l1: #ffe0a6; --l2: #ff9a6b; --l3: #ff6f8f; --f1: #ffb347; --f2: #ff6a3d; --f3: #e0356f;
}
.wea-phase-closed .wea-hero {
	--bg1: #181a38; --bg2: #10111f;
	--h1: rgba(61, 107, 224, .18); --h2: rgba(106, 76, 255, .20); --h3: rgba(47, 166, 201, .12);
	--eyebrow: #c3c8f5; --accent: #b9c3ff; --glow: rgba(106, 76, 255, .6);
	--btn: linear-gradient(110deg, #6a4cff, #3d6be0 35%, #2fa6c9 65%, #a58bff, #6a4cff);
	--btn-shadow: rgba(106, 76, 255, .6); --btn-glow: rgba(47, 166, 201, .5);
	--l1: #c9d6ff; --l2: #a58bff; --l3: #7fd3e8; --f1: #6a4cff; --f2: #3d6be0; --f3: #2fa6c9;
}
.wea-phase-announced .wea-hero {
	--bg1: #2e1a24; --bg2: #1a1016;
	--h1: rgba(255, 210, 122, .20); --h2: rgba(255, 111, 154, .18); --h3: rgba(255, 176, 74, .14);
	--eyebrow: #ffe2a8; --accent: #ffd27a; --glow: rgba(255, 176, 74, .6);
	--btn: linear-gradient(110deg, #e8892a, #e0567f 40%, #c4407e 70%, #e8892a);
	--btn-shadow: rgba(255, 140, 90, .65); --btn-glow: rgba(255, 210, 122, .5);
	--l1: #fff0c8; --l2: #ffd27a; --l3: #ff8fb1; --f1: #ffd27a; --f2: #ffb04a; --f3: #e04f8f;
}

.wea-hero__layer { position: absolute; inset: 0; width: 100%; height: 100%; display: block; pointer-events: none; transition: opacity .8s; }
.wea-hero__layer.is-wait { opacity: 0; }
.wea-hero__sky, .wea-hero__horizon, .wea-hero__wave { z-index: 0; }
.wea-hero__front { z-index: 2; transition: opacity .4s; }
.wea-hero__front.is-off { opacity: 0; }
.wea-hero__front.is-idle { visibility: hidden; }
.wea-hero__horizon { left: -10%; right: -10%; top: 52%; width: auto; height: 30%;
	background: radial-gradient(60% 50% at 30% 50%, var(--h1), transparent 70%),
		radial-gradient(55% 50% at 70% 50%, var(--h2), transparent 70%),
		radial-gradient(40% 40% at 50% 60%, var(--h3), transparent 70%);
	animation: wea-hero-drift 18s ease-in-out infinite alternate; }
@keyframes wea-hero-drift { from { transform: translateX(-3%); } to { transform: translateX(3%); } }
.wea-hero > .splide__track { position: relative; z-index: 1; }
.wea-hero > .splide__arrows, .wea-hero .splide__arrow, .wea-hero > .splide__pagination { z-index: 3; }

.wea-hero .wea-hero-slide { background: transparent; }
.wea-hero .wea-hero-content { position: relative; top: -7vh; }
.wea-hero .wea-hero-eyebrow { font: 600 13px/1.4 Poppins, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: var(--eyebrow); text-align: center; }
.wea-hero .wea-hero-title { margin: 12px 0 10px; font: 700 clamp(30px, 6vw, 76px)/1.05 Poppins, sans-serif; letter-spacing: -.01em; text-transform: none; color: #fff; text-align: center; text-wrap: balance; }
.wea-hero .wea-hero-lead { margin: 0; max-width: 620px; font: 400 clamp(15px, 1.5vw, 19px)/1.6 Poppins, sans-serif; color: rgba(255, 255, 255, .86); text-align: center; text-wrap: balance; }

.wea-hero .wea-hero-features { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; gap: 14px; width: 100%; max-width: 1000px; margin-top: 26px; }
.wea-hero .wea-hero-feature { justify-content: flex-start; height: auto; padding: 20px 18px; border-radius: 12px; text-align: left; background: linear-gradient(rgba(255, 255, 255, .07), rgba(255, 255, 255, .04)), rgba(14, 10, 22, .45); box-shadow: 0 0 0 1px rgba(255, 255, 255, .12) inset; }
.wea-hero .wea-hero-feature h3 { margin: 0 0 6px; font: 600 15px/1.35 Poppins, sans-serif; letter-spacing: 0; text-transform: none; color: #fff; }
.wea-hero .wea-hero-feature p { margin: 0; font: 400 13px/1.5 Poppins, sans-serif; color: rgba(255, 255, 255, .78); }
.wea-hero .wea-hero-feature h3::before { content: ""; display: block; width: 22px; height: 2px; margin-bottom: 12px; border-radius: 2px; background: var(--btn) 0 0 / 300% 100%; }

.wea-ring { position: relative; width: 150px; height: 150px; margin: 22px auto 0; }
.wea-ring__glass { position: absolute; inset: 10px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, rgba(255, 255, 255, .10), rgba(255, 255, 255, .04) 70%), rgba(14, 10, 22, .35); }
.wea-ring svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.wea-ring__l1 { stop-color: var(--l1); } .wea-ring__l2 { stop-color: var(--l2); } .wea-ring__l3 { stop-color: var(--l3); }
.wea-ring__f1 { stop-color: var(--f1); stop-opacity: .22; } .wea-ring__f2 { stop-color: var(--f2); stop-opacity: .18; } .wea-ring__f3 { stop-color: var(--f3); stop-opacity: .22; }
.wea-ring__num { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.wea-ring__num i { margin-bottom: 6px; font: 600 9px/1 Poppins, sans-serif; font-style: normal; letter-spacing: .18em; text-transform: uppercase; color: rgba(255, 255, 255, .7); }
.wea-ring__num b { font: 700 52px/1 Poppins, sans-serif; color: #fff; text-shadow: 0 2px 18px var(--glow); }
.wea-ring__num b.is-word { font-size: 36px; }
.wea-ring__num span { margin-top: 6px; font: 600 10px/1 Poppins, sans-serif; letter-spacing: .16em; text-transform: uppercase; color: var(--accent); }

.wea-hero .wea-hero-btn { position: relative; overflow: hidden; margin-top: 24px; display: inline-block; padding: 16px 36px; border: 0; border-radius: 6px; color: #fff;
	font: 600 14px/1 Poppins, sans-serif; letter-spacing: .12em; text-transform: uppercase; text-decoration: none;
	background: var(--btn) 0 0 / 300% 100%;
	box-shadow: 0 6px 24px -6px var(--btn-shadow), 0 0 0 1px rgba(255, 255, 255, .18) inset;
	animation: wea-hero-btnflow 8s linear infinite; transition: transform .25s cubic-bezier(.2, .7, .2, 1), box-shadow .25s; }
.wea-hero .wea-hero-btn::after { content: ""; position: absolute; top: 0; bottom: 0; left: -60%; width: 40%; transform: skewX(-20deg);
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .45), transparent); animation: wea-hero-btnshine 4.5s ease-in-out infinite; }
.wea-hero .wea-hero-btn:hover, .wea-hero .wea-hero-btn:focus-visible { transform: translateY(-2px) scale(1.03); color: #fff; outline: none;
	box-shadow: 0 10px 34px -6px var(--btn-shadow), 0 0 22px var(--btn-glow), 0 0 0 1px rgba(255, 255, 255, .35) inset; }
.wea-hero .wea-hero-btn:hover::after { animation-duration: 1.1s; }
@keyframes wea-hero-btnflow { to { background-position: 300% 0; } }
@keyframes wea-hero-btnshine { 0%, 60% { left: -60%; } 100% { left: 130%; } }

@media (min-width: 768px) and (max-width: 1250px) {
	.wea-hero .wea-hero-content { padding-inline: 90px !important; }
}
@media (max-width: 767px) {
	.wea-ring { width: 124px; height: 124px; }
	.wea-ring__num b { font-size: 42px; }
	.wea-ring__num b.is-word { font-size: 30px; }
	.wea-hero .wea-hero-content { top: -9vh; }
	.wea-hero .wea-hero-features { grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 18px; }
	.wea-hero .wea-hero-feature { padding: 14px 12px; }
	.wea-hero .wea-hero-feature h3 { font-size: 13px; }
	.wea-hero .wea-hero-feature p { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.wea-hero__horizon, .wea-hero .wea-hero-btn, .wea-hero .wea-hero-btn::after { animation: none; }
}