/* Scoped to the homepage hero; the remaining homepage retains its existing styles. */
.sky-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;min-height:660px;overflow:hidden;background:radial-gradient(ellipse at 55% 90%,#cce8ff 0,transparent 46%),linear-gradient(110deg,#f6faff,#eff8ff);font-family:'Ubuntu',sans-serif;color:#080964;padding:54px 32px 42px;box-sizing:border-box}
.sky-hero *{box-sizing:border-box}
.sky-hero:before{content:"";position:absolute;z-index:-1;width:70%;height:140%;left:49%;top:-21%;border-radius:50%;border-top:9px solid #ffd137;background:linear-gradient(128deg,#005bfa 4%,#032eaa 50%,#002292 70%,#2684ff 98%);transform:rotate(-22deg);box-shadow:-20px 45px 70px #006dff38}
.sky-hero:after{content:"";position:absolute;z-index:3;pointer-events:none;right:-12%;bottom:3%;width:57%;height:25%;border-bottom:17px solid #ffcf22;border-radius:0 0 70% 45%;transform:rotate(-18deg)}
.sky-hero__copy{position:relative;z-index:4;align-self:center}
.sky-hero .sky-hero__eyebrow{margin:0 0 30px;padding-left:17px;border-left:5px solid #ffc400;font-size:18px;line-height:1.4;color:#080964;max-width:620px}
.sky-hero__pill{display:inline-block;border-radius:40px;background:linear-gradient(#1453fc,#1834c8);color:#fff;font-size:25px;font-weight:500;padding:7px 23px;line-height:1.15}
.sky-hero h1{position:relative;width:max-content;max-width:100%;margin:18px 0 34px;padding:0 0 16px;font-family:inherit;font-size:clamp(36px,3.8vw,68px);font-weight:700;letter-spacing:-2.1px;line-height:1.07;color:#03045e;background:none;-webkit-text-fill-color:#03045e}
.sky-hero h1:before{display:none}
.sky-hero h1:after{content:"";position:absolute;bottom:-7px;right:12%;width:40%;height:19px;border-top:6px solid #ffc000;border-radius:50%;transform:rotate(-3deg)}
.sky-hero .sky-hero__description{font-size:21px;line-height:1.4;color:#272e58;margin:0 0 27px}
.sky-hero a{text-decoration:none!important}
.sky-hero .sky-hero__cta{display:inline-flex;align-items:center;gap:23px;padding:13px 24px;border-radius:15px;background:linear-gradient(#ff8b0b,#ff5c00);color:white!important;font-size:28px;font-weight:500;line-height:1.4;box-shadow:inset 0 1px 0 #ffbb56;transition:transform .25s,box-shadow .25s}
.sky-hero__cta span{font-size:39px;line-height:1}
.sky-hero__stores{display:flex;align-items:center;gap:9px;margin-top:28px}
.sky-hero__stores>a{width:145px;height:46px;display:flex;transition:transform .25s}
.sky-hero__stores img{display:block;width:100%;height:100%;object-fit:fill;border-radius:9px}
.sky-hero .sky-hero__windows{align-items:center;justify-content:center;gap:10px;background:#080808;border:1px solid #555;border-radius:9px;color:white!important;font-size:18px;line-height:1.05}
.sky-hero__windows small{display:block;font-size:10px;line-height:1.2}
.sky-hero__windows-icon{display:grid;grid-template-columns:repeat(2,12px);grid-template-rows:repeat(2,12px);gap:2px;transform:perspective(50px) rotateY(-12deg)}
.sky-hero__windows-icon i{background:#00b7ef}
.sky-hero__stats{display:flex;align-items:center;gap:15px;margin-top:23px;font-size:16px;white-space:nowrap;color:#080964}
.sky-hero__stats strong{font-weight:700}
.sky-hero__visual{position:relative;min-width:0;align-self:stretch}
.sky-hero__cards{position:absolute;top:10px;left:24%;right:0;display:flex;gap:20px}
.sky-hero .sky-hero__card{position:relative;display:flex;flex-direction:column;flex:1;min-width:0;gap:7px;padding:25px 19px 29px;border:1px solid white;border-radius:24px;background:linear-gradient(115deg,white,#e3f2ff);color:#05065f!important;transform:skewY(-5deg);overflow:hidden;transition:translate .3s,box-shadow .3s}
.sky-hero__card:after{content:"";position:absolute;bottom:0;right:0;width:85%;height:32px;background:linear-gradient(100deg,#ffe898,#ffd25b);clip-path:polygon(100% 0,100% 100%,0 100%)}
.sky-hero__card>strong{font-size:35px;line-height:1.1;white-space:nowrap;letter-spacing:-1px;transform:skewY(5deg)}
.sky-hero__card>span{font-size:21px;line-height:1.15;transform:skewY(5deg)}
.sky-hero .sky-hero__card-button{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;border-radius:12px;padding:12px 10px;font-size:16px;font-weight:500;background:linear-gradient(#ff8c0a,#ff6000);color:#fff;white-space:nowrap}
.sky-hero__card-button b{font-size:25px;font-weight:400;line-height:1}
.sky-hero .sky-hero__card--nine .sky-hero__card-button{background:#ffc400;color:#070866}
.sky-hero__tablet{position:absolute;width:75%;right:0;bottom:27px;animation:sky-hero-float 7s ease-in-out infinite;filter:drop-shadow(0 16px 9px #00155466)}
.sky-hero__tablet>img{display:block;width:100%;height:auto}
.sky-hero__dashboard{position:absolute;inset:6.4% 9.2% 6.4% 9.2%;background:linear-gradient(120deg,#fff,#deedff);color:#070866;overflow:hidden;font-size:10px}
.sky-hero__dashboard-top{height:17%;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #e0e8ff}
.sky-hero__dashboard-top>b{font-size:16px;letter-spacing:-.8px;color:#071ad3}
.sky-hero__dashboard-top>b span{color:#ffae00}
.sky-hero__dashboard-body{display:flex;height:83%;padding:3%}
.sky-hero__sidebar{display:flex;flex-direction:column;gap:12px;width:29%;padding-right:10px;font-size:8px}
.sky-hero__sidebar>b{background:#1239ea;color:white;border-radius:5px;padding:6px}
.sky-hero__courses{flex:1;padding:3px 0 0 8px}
.sky-hero__courses>b{font-size:15px}
.sky-hero__courses>div{display:flex;gap:9px;margin-top:14px}
.sky-hero__courses>div>span{position:relative;flex:1;background:linear-gradient(130deg,#263ffa,#4c72ff);border-radius:9px;padding:13px 10px;color:white;font-size:14px;line-height:1.2}
.sky-hero__courses>div>span+span{background:linear-gradient(120deg,#d6e8ff,#83b5ff);color:#080964}
.sky-hero__courses small{font-size:11px}.sky-hero__courses i{position:absolute;right:6px;top:40%;font-size:9px}
.sky-hero__phone{position:absolute;z-index:2;width:32%;height:auto;left:1%;bottom:-12px;border-radius:10%;box-shadow:0 14px 14px #00134e55;animation:sky-hero-float 6s ease-in-out infinite;animation-delay:-2s}
.sky-hero a:focus-visible{outline:3px solid #ffbd00;outline-offset:5px}
.sky-hero__cta:hover,.sky-hero__stores>a:hover{transform:translateY(-3px)}
.sky-hero__card:hover{translate:0 -4px;box-shadow:0 12px 25px #00195d55}
@keyframes sky-hero-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
/* The reference aligns the copy with the header, while artwork extends right.
   Own the hero container geometry so global container breakpoints cannot squeeze it. */
.sky-hero{display:block;min-height:0;padding:0;margin-bottom:6.4rem}
.sky-hero .sky-hero__inner{--hero-left:max(32px,calc((100% - 1256px)/2));display:grid;grid-template-columns:1fr 1fr;gap:0;width:calc(100% - var(--hero-left) - 44px);max-width:none;margin:0 44px 0 var(--hero-left);padding:64px 0 30px;min-height:744px}
.sky-hero__copy{align-self:start;min-width:0;padding-right:30px}
.sky-hero .sky-hero__eyebrow{font-size:22px;line-height:1.4;max-width:690px;margin-bottom:34px}
.sky-hero__pill{font-size:30px;padding:7px 26px}
.sky-hero h1{font-size:clamp(44px,4vw,76px);line-height:1.07;letter-spacing:-2.5px;margin:23px 0 32px;padding-bottom:16px}
.sky-hero .sky-hero__description{font-size:25px;line-height:1.35;margin-bottom:32px}
.sky-hero .sky-hero__cta{font-size:28px;padding:13px 27px;gap:27px}
.sky-hero__stores{margin-top:33px;gap:11px}
.sky-hero__stores>a{width:166px;height:54px}
.sky-hero .sky-hero__windows{font-size:22px}
.sky-hero__windows small{font-size:12px}
.sky-hero__stats{font-size:19px;gap:18px;margin-top:25px}
.sky-hero__visual{height:650px;align-self:start}
.sky-hero__cards{top:12px;left:28%;right:0;gap:23px;height:240px}
.sky-hero .sky-hero__card{padding:27px 22px 30px;gap:8px;justify-content:flex-start}
.sky-hero__card>strong{font-size:44px}
.sky-hero__card>span{font-size:24px}
.sky-hero .sky-hero__card-button{font-size:18px;margin-top:12px;padding:12px 11px}
.sky-hero__tablet{width:65%;height:auto;aspect-ratio:1.6;right:2%;bottom:50px}
.sky-hero__tablet>img{width:100%;height:100%;object-fit:fill}
.sky-hero__phone{width:29%;left:0;bottom:0}
.sky-hero:before{left:51%;width:65%;height:145%;top:-24%;background:linear-gradient(128deg,#005bfa 4%,#032eaa 44%,#002292 69%,#2684ff 95%)}
.sky-hero:after{right:-8%;bottom:2%;width:46%;height:24%;border-bottom-width:23px;transform:rotate(-17deg)}
@media(min-width:1921px){.sky-hero .sky-hero__inner{--hero-left:8%;max-width:1800px;margin-left:auto;margin-right:auto;width:92%}}
@media(min-width:901px) and (max-width:1599px){
 .sky-hero .sky-hero__inner{--hero-left:max(32px,calc((100% - 1256px)/2));width:calc(100% - var(--hero-left) - 32px);margin-right:32px;padding-top:46px;padding-bottom:30px;min-height:640px}
 .sky-hero__visual{height:564px}
 .sky-hero .sky-hero__eyebrow{font-size:18px;max-width:560px;margin-bottom:25px}
 .sky-hero__pill{font-size:25px}.sky-hero h1{margin-top:22px;margin-bottom:30px;letter-spacing:-1.8px}
 .sky-hero .sky-hero__description{font-size:20px;margin-bottom:28px}
 .sky-hero .sky-hero__cta{font-size:27px;padding:12px 23px}
 .sky-hero__stores{margin-top:27px;gap:8px}.sky-hero__stores>a{width:143px;height:47px}
 .sky-hero .sky-hero__windows{font-size:19px}.sky-hero__stats{font-size:16px;gap:13px;margin-top:23px}
 .sky-hero__cards{height:210px;left:24%;gap:16px}
 .sky-hero .sky-hero__card{padding:24px 15px 25px}.sky-hero__card>strong{font-size:34px}.sky-hero__card>span{font-size:21px}
 .sky-hero .sky-hero__card-button{font-size:15px;padding:11px 8px}
 .sky-hero__tablet{bottom:40px;width:65%}.sky-hero__phone{width:29%;bottom:0}
}
@media(min-width:901px) and (max-width:1199px){
 .sky-hero .sky-hero__inner{grid-template-columns:48% 52%;--hero-left:24px;width:calc(100% - 48px);margin-right:24px}
 .sky-hero__copy{padding-right:20px}.sky-hero h1{font-size:clamp(36px,4vw,46px)}
 .sky-hero .sky-hero__eyebrow{font-size:16px}.sky-hero .sky-hero__description{font-size:18px}.sky-hero__desktop-break{display:none}
 .sky-hero__stores>a{width:calc((100% - 16px)/3);height:40px}.sky-hero .sky-hero__windows{font-size:15px}.sky-hero__windows small{font-size:9px}
 .sky-hero__stats{font-size:13px;gap:9px}.sky-hero__cards{left:15%;gap:12px;height:205px}
 .sky-hero__card>strong{font-size:29px}.sky-hero__card>span{font-size:19px}.sky-hero .sky-hero__card-button{font-size:13px}
 .sky-hero__tablet{bottom:60px;width:67%}.sky-hero__phone{width:32%;bottom:20px}
}
@media(max-width:900px){
 .sky-hero .sky-hero__inner{display:flex;flex-direction:column;gap:40px;width:calc(100% - 48px);max-width:680px;margin:0 auto;padding:36px 0 25px;min-height:0}
 .sky-hero__copy{width:100%;padding:0; text-align: center;}.sky-hero .sky-hero__eyebrow{font-size:18px;margin-bottom:24px}.sky-hero__pill{font-size:25px}
 .sky-hero h1{font-size:clamp(38px,7vw,60px);letter-spacing:-1.5px;margin:22px 0 28px}
 .sky-hero .sky-hero__description{font-size:21px}.sky-hero__desktop-break{display:none}
 .sky-hero__visual{width:100%;height:auto;aspect-ratio:1.12}
 .sky-hero__cards{left:24%;top:12px;height:38%;gap:16px}.sky-hero .sky-hero__card{padding:22px 15px 26px}
 .sky-hero__card>strong{font-size:34px}.sky-hero__card>span{font-size:21px}.sky-hero .sky-hero__card-button{font-size:15px}
 .sky-hero__phone{width:30%;bottom:0}.sky-hero__tablet{width:65%;bottom:30px;right:0}
 .sky-hero:before{left:-5%;top:49%;width:140%;height:85%;transform:rotate(-15deg)}
 .sky-hero:after{width:85%;right:-16%;height:12%;bottom:1%;border-bottom-width:14px}
}
@media(max-width:540px){
 .sky-hero .sky-hero__inner{width:calc(100% - 36px);gap:38px;padding-top:28px}
 .sky-hero .sky-hero__eyebrow{font-size:14px;padding-left:11px;margin-bottom:18px}.sky-hero__pill{font-size:21px;padding:7px 20px}
 .sky-hero h1{font-size:clamp(30px,8.8vw,46px);letter-spacing:-1px;margin:15px auto}
 .sky-hero .sky-hero__description{font-size:16px;margin-bottom:18px}
 .sky-hero .sky-hero__cta{font-size:20px;padding:10px 22px;gap:22px}
 .sky-hero__stores{gap:7px;margin-top:26px}.sky-hero__stores>a{width:calc((100% - 14px)/3);height:39px}
 .sky-hero .sky-hero__windows{font-size:15px;gap:7px}.sky-hero__windows small{font-size:8px}.sky-hero__windows-icon{grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px)}
 .sky-hero__stats{font-size:12px;gap:7px;justify-content:space-between;margin-top:20px}
 .sky-hero__visual{aspect-ratio:auto;height:calc(200px + 52vw)}.sky-hero__cards{left:8%;height:170px;gap:12px;top:8px}
 .sky-hero .sky-hero__card{padding:18px 11px 22px;gap:6px;border-radius:18px}.sky-hero__card>strong{font-size:24px}
 .sky-hero__card>span{font-size:14px}
 .sky-hero .sky-hero__card-button{font-size:11px;margin-top:7px;padding:9px 7px;gap:4px}.sky-hero__card-button b{font-size:18px}
 .sky-hero__phone{width:29%;bottom:0}.sky-hero__tablet{width:66%;bottom:22px}
 .sky-hero__dashboard-top>b{font-size:11px}.sky-hero__sidebar{font-size:5px;gap:7px;padding-right:3px}.sky-hero__sidebar>b{padding:3px}
 .sky-hero__courses{padding-left:4px}.sky-hero__courses>b{font-size:10px}.sky-hero__courses>div{gap:5px;margin-top:8px}.sky-hero__courses>div>span{font-size:9px;padding:9px 5px}.sky-hero__courses small{font-size:7px}.sky-hero__courses i{font-size:6px;right:3px}
 .sky-hero:before{top:52%}
}
@media(max-width:380px){.sky-hero__cards{left:0;gap:9px}.sky-hero__card>strong{font-size:20px}.sky-hero__stats{font-size:10px;gap:5px}.sky-hero__visual{height:340px}}
@media(prefers-reduced-motion:reduce){.sky-hero__phone,.sky-hero__tablet{animation:none}.sky-hero a{transition:none}}