/* ============================================================
   Learning Path page — page-specific styles only.
   Colors, fonts, buttons, .track-card, .section-head, etc. all
   come from front-page-style.css, loaded before this file.
   ============================================================ */

/* ===== Hero — white page, gradient-framed panel, cyan/blue restraint ===== */
.skai-home .lp-hero{ padding:70px 24px; background:#fff; position:relative; overflow:hidden; }
.skai-home .lp-hero::before, .skai-home .lp-hero::after{
  content:""; position:absolute; border-radius:50%; filter:blur(50px); z-index:0; pointer-events:none;
}
.skai-home .lp-hero::before{ top:-120px; left:-100px; width:380px; height:380px; background:#22D3EE; opacity:0.18; }
.skai-home .lp-hero::after{ bottom:-140px; right:-100px; width:420px; height:420px; background:#7C3AED; opacity:0.15; }
.skai-home .lp-hero .hero-frame{ position:relative; z-index:1; }
.skai-home .lp-hero{
  --lp-ink:#0b0f1f; --lp-dim:#5b6280; --lp-line:#eceef5;
}
.skai-home .lp-hero .hero-frame{
  background:linear-gradient(120deg,var(--cyan),var(--blue));
  border-radius:24px; padding:14px; max-width:1180px; margin:0 auto;
}
.skai-home .lp-hero .hero-panel{ background:#fff; border-radius:16px; padding:56px 44px; transform:scale(0.985); }
@keyframes heroPanelSettle{ from{ transform:scale(0.985); } to{ transform:scale(1); } }
.skai-home .lp-hero .hero-panel.in{ animation:heroPanelSettle 0.6s cubic-bezier(.2,.8,.2,1) forwards; }
.skai-home .lp-hero .hero-grid{ display:grid; grid-template-columns:1fr 1.1fr; gap:56px; align-items:flex-start; }
@media (max-width:880px){ .skai-home .lp-hero .hero-grid{ grid-template-columns:1fr; } }
@media (max-width:700px){ .skai-home .lp-hero .hero-frame{ padding:8px; border-radius:16px; } .skai-home .lp-hero .hero-panel{ padding:32px 24px; } }

@keyframes lpFadeUp{ from{ opacity:0; transform:translateY(10px) scale(0.98); filter:blur(3px); } to{ opacity:1; transform:translateY(0) scale(1); filter:blur(0); } }
.skai-home .lp-hero .fx{ opacity:0; }
.skai-home .lp-hero .hero-panel.in .fx{ animation:lpFadeUp 0.7s cubic-bezier(.2,.8,.2,1) forwards; }

.skai-home .badge-pill{
  display:inline-flex; align-items:center; gap:8px; background:rgba(34,211,238,0.12); border:1px solid rgba(34,211,238,0.3);
  color:#0c6478; font-family:'JetBrains Mono',monospace; font-weight:600; font-size:11px;
  letter-spacing:1.5px; padding:7px 15px; border-radius:100px; text-transform:uppercase;
}
.skai-home .badge-pill .dot{ width:6px; height:6px; border-radius:50%; background:#0c6478; display:inline-block; }
.skai-home .lp-hero h1{
  margin:20px 0 0; font-family:'Sora',sans-serif; font-weight:800; font-size:clamp(26px,3vw,33px);
  line-height:1.24; letter-spacing:-0.6px; color:var(--lp-ink);
}
.skai-home .lp-hero h1 .grad{
  background:linear-gradient(90deg,var(--blue),var(--cyan));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.skai-home .lp-hero .sub{ margin:18px 0 0; font-size:14.5px; color:var(--lp-dim); line-height:1.75; max-width:400px; }
.skai-home .lp-hero .cta-wrap{ margin-top:24px; }

.skai-home .cta-btn{
  position:relative; display:inline-flex; align-items:center; gap:10px;
  background:var(--lp-ink); color:#fff; font-family:'Sora',sans-serif; font-weight:700; font-size:13.5px;
  padding:13px 24px; border-radius:100px; overflow:hidden; cursor:pointer; text-decoration:none;
  transition:transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease;
}
.skai-home .cta-btn::before{
  content:""; position:absolute; inset:0; z-index:0;
  background:linear-gradient(120deg,var(--cyan),var(--blue),var(--purple),var(--cyan));
  background-size:300% 300%;
  transform:scaleX(0); transform-origin:left; transition:transform 0.45s cubic-bezier(.3,.7,.2,1);
}
.skai-home .cta-btn span{ position:relative; z-index:1; }
.skai-home .cta-btn .arrow{ display:inline-block; transition:transform 0.35s cubic-bezier(.3,.7,.2,1); }
.skai-home .cta-btn:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(37,99,235,0.3); }
.skai-home .cta-btn:hover::before{ transform:scaleX(1); animation:ctaGradientShift 3s ease infinite; }
.skai-home .cta-btn:hover .arrow{ transform:translateX(5px); }
@keyframes ctaGradientShift{ 0%{ background-position:0% 50%; } 50%{ background-position:100% 50%; } 100%{ background-position:0% 50%; } }

.skai-home .lp-hero .feature-row{ display:flex; gap:28px; margin-top:40px; flex-wrap:wrap; }
.skai-home .lp-hero .feature-row div{ text-align:center; }
.skai-home .lp-hero .feature-row svg{ margin:0 auto 7px; display:block; width:19px; height:19px; }
.skai-home .lp-hero .feature-row span{ font-size:11px; color:var(--lp-dim); }

.skai-home .hero-stats{ display:flex; margin-top:32px; padding-top:24px; border-top:1px solid #E2E7F0; max-width:420px; }
.skai-home .hero-stat{ flex:1; padding:0 18px; }
.skai-home .hero-stat:first-child{ padding-left:0; }
.skai-home .hero-stat + .hero-stat{ border-left:1px solid #E2E7F0; }
.skai-home .hero-stat-top{ display:flex; align-items:baseline; gap:6px; }
.skai-home .hero-stat-num{ font-family:'Sora',sans-serif; font-weight:800; font-size:22px; color:#0F1B2E; }
.skai-home .hero-stat-dot{ width:6px; height:6px; border-radius:50%; margin-bottom:3px; }
.skai-home .hero-stat-dot.stat-cyan{ background:var(--cyan); }
.skai-home .hero-stat-dot.stat-blue{ background:var(--blue); }
.skai-home .hero-stat-dot.stat-purple{ background:var(--purple); }
.skai-home .hero-stat-label{ font-size:11px; color:var(--lp-dim); margin-top:4px; line-height:1.4; }

/* ===== Structural stack diagram — hero right panel (dark schematic embedded in the light hero) =====
   Rebuilt as a single clean cascade: rows rise in one at a time, then the boundary outline
   fades in once they're all settled. No competing/overlapping decorative animations. */
@keyframes stackLayerRise{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:translateY(0); } }
@keyframes stackBoundaryFade{ from{ opacity:0; } to{ opacity:1; } }

.skai-home .stack-panel{
  background:#0A0E17; border-radius:16px; padding:8px 24px; position:relative; overflow:hidden;
  width:100%; box-sizing:border-box;
}
.skai-home .hero-right{ width:100%; }
.skai-home .stack-glow{
  position:absolute; inset:0; pointer-events:none; z-index:0;
  background:radial-gradient(380px circle at 50% 30%, rgba(34,211,238,0.28), rgba(124,58,237,0.14) 45%, transparent 75%);
}
.skai-home .stack-row{
  opacity:0; padding:14px 0; border-bottom:1px solid rgba(255,255,255,0.06);
  display:flex; align-items:center; gap:14px; position:relative; z-index:1;
}
.skai-home .stack-row-base{ border-bottom:none; padding-bottom:4px; }
.skai-home .stack-num{
  width:28px; height:28px; border-radius:50%; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:700;
}
.skai-home .stack-num-muted{ background:rgba(255,255,255,0.06); color:#5b6b8c; }
.skai-home .stack-num.track-foundation{ background:rgba(34,211,238,0.15); color:#22D3EE; }
.skai-home .stack-num.track-cloud{ background:rgba(111,163,255,0.15); color:#6FA3FF; }
.skai-home .stack-num.track-ai{ background:rgba(255,143,163,0.15); color:#FF8FA3; }
.skai-home .stack-lead{ display:flex; gap:10px; align-items:flex-start; min-width:0; flex:1; }
.skai-home .stack-icon{ width:18px; height:18px; flex-shrink:0; margin-top:1px; }
.skai-home .hero-panel.in .stack-row{ animation:stackLayerRise 0.45s ease both; }
.skai-home .hero-panel.in .stack-row[data-i="0"]{ animation-delay:0.05s; }
.skai-home .hero-panel.in .stack-row[data-i="1"]{ animation-delay:0.22s; }
.skai-home .hero-panel.in .stack-row[data-i="2"]{ animation-delay:0.39s; }
.skai-home .hero-panel.in .stack-row[data-i="3"]{ animation-delay:0.56s; }
.skai-home .hero-panel.in .stack-row[data-i="4"]{ animation-delay:0.73s; }
.skai-home .hero-panel.in .stack-row[data-i="5"]{ animation-delay:0.90s; }
.skai-home .hero-panel.in .stack-row[data-i="6"]{ animation-delay:1.07s; }
.skai-home .stack-name{ font-family:'Sora',sans-serif; font-size:14px; font-weight:700; color:#fff; }
.skai-home .stack-desc{ font-size:12px; color:#8B93B0; margin-top:2px; }
.skai-home .stack-tag{
  font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:0.5px;
  align-self:center; flex-shrink:0;
}
.skai-home .stack-tag.track-foundation{ color:#22D3EE; }
.skai-home .stack-tag.track-cloud{ color:#6FA3FF; }
.skai-home .stack-tag.track-ai{ color:#FF8FA3; }
.skai-home .stack-boundary-caption{
  position:relative; z-index:1; display:flex; align-items:center; justify-content:center; gap:6px;
  font-family:'JetBrains Mono',monospace; font-size:8.5px; letter-spacing:1px; color:#B794F6; margin-top:14px; padding-bottom:8px;
}

/* ===== Learning Environment — white page, backing panel, light cards ===== */
.skai-home .lp-env-section{ padding:80px 24px; background:linear-gradient(135deg,#F4FBFE,#F9F7FE); }
.skai-home .env-panel{
  background:#fff; border:1px solid #E2E7F0; border-radius:24px; padding:48px 40px;
  max-width:1020px; margin:0 auto; box-shadow:0 20px 50px rgba(15,27,46,0.07);
}
.skai-home .env-head{ text-align:center; max-width:680px; margin:0 auto 20px; }
.skai-home .env-head .eyebrow-mono{
  display:inline-block; background:rgba(34,211,238,0.12); border:1px solid rgba(34,211,238,0.3);
  color:#0c6478; padding:6px 14px; border-radius:100px; font-size:11px; letter-spacing:1.5px;
  margin-bottom:20px; font-family:'JetBrains Mono',monospace;
}
.skai-home .env-headline{
  font-family:'Sora',sans-serif; font-size:clamp(22px,3vw,26px); font-weight:800; color:#0F1B2E;
  margin:0 0 8px; line-height:1.3;
}
.skai-home .env-underline{
  width:64px; height:3px; border-radius:2px; margin:18px auto 22px; overflow:hidden;
  background:rgba(15,27,46,0.08);
}
.skai-home .env-underline-fill{
  width:100%; height:100%; background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple),var(--coral));
  transform:scaleX(0); transform-origin:left;
}
.skai-home .env-head.in .env-underline-fill{ animation:envDrawLine 0.9s ease 0.3s forwards; }
@keyframes envDrawLine{ to{ transform:scaleX(1); } }
.skai-home .env-lede{ font-size:14px; color:#5B6478; line-height:1.75; margin:0 0 10px; }
.skai-home .env-lede:last-child{ margin-bottom:0; }

.skai-home .env-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:14px; max-width:920px; margin:44px auto 0;
}
.skai-home .env-cell{
  padding:20px; border:1px solid #E2E7F0; border-top:3px solid transparent; border-radius:0 0 12px 12px;
  opacity:0; transition:box-shadow 0.25s ease, transform 0.25s ease;
  box-shadow:0 4px 14px rgba(15,27,46,0.05);
}
.skai-home .env-cell:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(15,27,46,0.1); }
@keyframes envCellFade{ from{ opacity:0; transform:translateY(12px); } to{ opacity:1; transform:translateY(0); } }
.skai-home .env-grid.in .env-cell{ animation:envCellFade 0.6s ease forwards; }
.skai-home .env-grid.in .env-cell:nth-child(1){ animation-delay:0.4s; }
.skai-home .env-grid.in .env-cell:nth-child(2){ animation-delay:0.5s; }
.skai-home .env-grid.in .env-cell:nth-child(3){ animation-delay:0.6s; }
.skai-home .env-grid.in .env-cell:nth-child(4){ animation-delay:0.7s; }
.skai-home .env-grid.in .env-cell:nth-child(5){ animation-delay:0.8s; }
.skai-home .env-grid.in .env-cell:nth-child(6){ animation-delay:0.9s; }

.skai-home .env-cell[data-c="cyan"]{ border-top-color:#22D3EE; background:linear-gradient(180deg,#EAFBFE,#ffffff 60%); }
.skai-home .env-cell[data-c="blue"]{ border-top-color:#3B82F6; background:linear-gradient(180deg,#E9F2FE,#ffffff 60%); }
.skai-home .env-cell[data-c="purple"]{ border-top-color:#B794F6; background:linear-gradient(180deg,#F3EEFE,#ffffff 60%); }
.skai-home .env-cell[data-c="coral"]{ border-top-color:#FF8FA3; background:linear-gradient(180deg,#FEECEF,#ffffff 60%); }

.skai-home .env-icon-chip{
  width:36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center;
  margin-bottom:14px; transition:transform 0.25s ease;
}
.skai-home .env-icon-chip svg{ width:17px; height:17px; }
.skai-home .env-cell:hover .env-icon-chip{ transform:scale(1.08); }
.skai-home .env-cell[data-c="cyan"] .env-icon-chip{ background:rgba(34,211,238,0.16); color:#0c6478; }
.skai-home .env-cell[data-c="blue"] .env-icon-chip{ background:rgba(59,130,246,0.14); color:#185FA5; }
.skai-home .env-cell[data-c="purple"] .env-icon-chip{ background:rgba(183,148,246,0.18); color:#534AB7; }
.skai-home .env-cell[data-c="coral"] .env-icon-chip{ background:rgba(255,143,163,0.18); color:#993C1D; }
.skai-home .env-cell h4{ font-family:'Sora',sans-serif; font-size:14.5px; font-weight:700; color:#0F1B2E; margin:0 0 6px; }
.skai-home .env-cell p{ font-size:12.5px; color:#5B6478; line-height:1.6; margin:0; }

.skai-home .env-cell-checks{
  display:flex; flex-direction:column; justify-content:center; background:#0A0E17; border:none;
  box-shadow:0 8px 20px rgba(15,27,46,0.18);
}
.skai-home .env-check-line{ display:flex; align-items:center; gap:8px; font-family:'JetBrains Mono',monospace; font-size:11.5px; color:#5DCAA5; line-height:1.9; }
.skai-home .env-check-line svg{ width:13px; height:13px; flex-shrink:0; }
.skai-home .check-stroke{ stroke-dasharray:20; stroke-dashoffset:20; }
.skai-home .env-grid.in .check-stroke{ animation:envCheckDraw 0.4s ease forwards; }
@keyframes envCheckDraw{ to{ stroke-dashoffset:0; } }

.skai-home .env-slider-wrap{
  position:relative; width:100%; margin-top:48px; padding:0 22px 22px 0;
}
.skai-home .env-slider-card-bg{
  position:absolute; right:0; bottom:0; left:22px; top:22px; border-radius:16px;
  background:linear-gradient(135deg,var(--cyan),var(--blue));
}
.skai-home .env-slider{
  position:relative; width:100%; border-radius:16px; overflow:hidden;
  height:400px; box-shadow:0 20px 40px rgba(0,0,0,0.5);
}
.skai-home .env-slide-track{ position:relative; width:100%; height:100%; }
.skai-home .env-slide{
  position:absolute; inset:0; opacity:0; transition:opacity 0.5s ease; pointer-events:none;
}
.skai-home .env-slide.is-active{ opacity:1; pointer-events:auto; }
.skai-home .env-slide img{ width:100%; height:100%; object-fit:cover; display:block; }
.skai-home .env-photo-caption{
  position:absolute; left:0; right:0; bottom:0; padding:18px 22px 14px;
  background:linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));
  font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:0.5px; color:#fff;
}
.skai-home .env-slide-nav{
  position:absolute; top:50%; transform:translateY(-50%); width:38px; height:38px;
  border-radius:50%; background:rgba(10,14,23,0.55); border:1px solid rgba(255,255,255,0.15);
  color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer;
  transition:background 0.2s ease, border-color 0.2s ease; z-index:2;
}
.skai-home .env-slide-nav:hover{ background:rgba(10,14,23,0.8); border-color:var(--cyan); }
.skai-home .env-slide-nav svg{ width:18px; height:18px; }
.skai-home .env-slide-nav.prev{ left:16px; }
.skai-home .env-slide-nav.next{ right:16px; }
.skai-home .env-slide-dots{
  position:absolute; right:20px; bottom:20px; display:flex; gap:7px; z-index:2;
}
.skai-home .env-dot{
  width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,0.3);
  border:none; cursor:pointer; padding:0; transition:background 0.2s ease, transform 0.2s ease;
}
.skai-home .env-dot.is-active{ background:linear-gradient(90deg,var(--cyan),var(--blue)); transform:scale(1.2); }

@media (max-width:700px){
  .skai-home .env-slider-wrap{ padding:0 12px 12px 0; }
  .skai-home .env-slider-card-bg{ left:12px; top:12px; border-radius:12px; }
  .skai-home .env-slider{ height:240px; border-radius:12px; }
  .skai-home .env-slide-nav{ width:32px; height:32px; }
}

@media (max-width:900px){
  .skai-home .env-grid{ grid-template-columns:1fr; }
  .skai-home .env-panel{ padding:32px 20px; }
}

/* ===== Vibrant leveled-journey section (gradient pattern-break, non-redundant content) ===== */
.skai-home .levels-section{
  padding:70px 0; position:relative; overflow:hidden;
  background:linear-gradient(115deg, var(--cyan) 0%, var(--blue) 55%, var(--purple) 100%);
}
.skai-home .levels-section::before{
  content:""; position:absolute; inset:0; opacity:0.5;
  background-image: radial-gradient(circle, rgba(255,255,255,0.25) 1.5px, transparent 1.5px);
  background-size: 26px 26px;
}
.skai-home .levels-section .wrap{ position:relative; z-index:1; }
.skai-home .levels-section .section-head h2{ color:#04101f; }
.skai-home .levels-section .section-head p{ color:rgba(4,16,31,0.75); }
.skai-home .levels-section .eyebrow-mono{ color:#04101f; opacity:0.7; }
.skai-home .level-row{
  display:flex; align-items:stretch; border-radius:12px; overflow:hidden; margin-bottom:14px;
  background:rgba(4,16,31,0.92); border:1px solid rgba(255,255,255,0.12);
}
.skai-home .level-num{
  font-family:'Sora',sans-serif; font-weight:900; font-size:52px; line-height:1; width:96px;
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.skai-home .level-row.l1 .level-num{ color:var(--cyan); background:rgba(34,211,238,0.12); }
.skai-home .level-row.l2 .level-num{ color:#6FA3FF; background:rgba(37,99,235,0.14); }
.skai-home .level-row.l3 .level-num{ color:#B794F6; background:rgba(124,58,237,0.14); }
.skai-home .level-body{ padding:20px 28px; }
.skai-home .level-body .stage-tag{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:1px; color:var(--dim); margin-bottom:4px; }
.skai-home .level-body h4{ font-family:'Sora',sans-serif; font-weight:700; font-size:18px; color:#fff; margin-bottom:4px; }
.skai-home .level-body p{ font-size:13.5px; color:var(--dim); }

/* ===== Foundation + branches structural diagram ===== */
.skai-home .structure-section{ padding:80px 0; position:relative; overflow:hidden; }
.skai-home .structure-section::before, .skai-home .structure-section::after{
  content:""; position:absolute; border-radius:50%; filter:blur(55px); z-index:0; pointer-events:none;
}
.skai-home .structure-section::before{ top:-100px; left:-80px; width:340px; height:340px; background:#22D3EE; opacity:0.22; }
.skai-home .structure-section::after{ bottom:-130px; right:-80px; width:380px; height:380px; background:#7C3AED; opacity:0.22; }
.skai-home .structure-section .wrap{ position:relative; z-index:1; }
.skai-home .structure-diagram{ position:relative; max-width:900px; margin:50px auto 0; }
.skai-home .found-block{
  background:linear-gradient(135deg, rgba(34,211,238,0.15), rgba(37,99,235,0.15));
  border:1px solid rgba(34,211,238,0.4); border-radius:16px; padding:26px 30px; text-align:center;
  max-width:420px; margin:0 auto;
}
.skai-home .found-block .tag{ font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--cyan); letter-spacing:1px; margin-bottom:8px; }
.skai-home .found-block h3{ font-family:'Sora',sans-serif; font-weight:700; font-size:19px; color:#fff; margin-bottom:8px; }
.skai-home .found-block p{ font-size:13px; color:var(--dim); line-height:1.6; }
.skai-home .branch-lines{ display:flex; justify-content:center; max-width:700px; margin:0 auto; }
.skai-home .branch-lines svg{ width:100%; height:50px; display:block; }
.skai-home .branch-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; max-width:900px; margin:0 auto; }
.skai-home .branch-card{ background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:20px; text-align:center; }
.skai-home .branch-card.c2{ border-top:3px solid var(--blue); }
.skai-home .branch-card.c3{ border-top:3px solid var(--purple); }
.skai-home .branch-card.c4{ border-top:3px solid var(--coral); }
.skai-home .branch-card h4{ font-family:'Sora',sans-serif; font-size:15px; font-weight:700; color:#fff; margin-bottom:6px; }
.skai-home .branch-card p{ font-size:12px; color:var(--dim); line-height:1.55; }
@media (max-width:900px){ .skai-home .branch-grid{ grid-template-columns:1fr; } .skai-home .branch-lines{ display:none; } }

/* ===== Core Infrastructure — deliberate light-card break (real 2x2 content) ===== */
.skai-home .light-break{ background:var(--bg); padding:80px 0; }
.skai-home .light-card{ background:#fff; border-radius:20px; padding:48px; box-shadow:0 30px 80px rgba(0,0,0,0.4); position:relative; overflow:hidden; }
.skai-home .light-card::before, .skai-home .light-card::after{
  content:""; position:absolute; border-radius:50%; filter:blur(50px); z-index:0; pointer-events:none;
}
.skai-home .light-card::before{ top:-90px; right:280px; width:280px; height:280px; background:#22D3EE; opacity:0.10; }
.skai-home .light-card::after{ bottom:-100px; left:-60px; width:260px; height:260px; background:#7C3AED; opacity:0.08; }
.skai-home .light-card-top, .skai-home .light-focus-grid{ position:relative; z-index:1; }
.skai-home .light-card-dots{ position:absolute; top:20px; left:20px; opacity:0.5; z-index:0; }
.skai-home .light-card-top{ display:grid; grid-template-columns:minmax(0,520px) 1fr; gap:40px; align-items:center; margin-bottom:8px; position:relative; z-index:1; }
.skai-home .light-card-intro{ max-width:520px; min-width:0; }
.skai-home .light-card .kicker{
  font-family:'JetBrains Mono',monospace; font-size:11.5px; letter-spacing:1.2px; color:var(--blue);
  background:rgba(37,99,235,0.1); display:inline-block; padding:6px 14px; border-radius:100px; margin-bottom:16px;
}
.skai-home .light-card h3{ font-family:'Sora',sans-serif; font-weight:800; font-size:27px; color:#0b0f1f; line-height:1.18; margin-bottom:14px; }
.skai-home .light-card p{ font-size:14.5px; color:#4b5268; line-height:1.7; margin-bottom:10px; }
.skai-home .light-card .focus-label{ font-style:italic; color:#5b6280; font-size:13.5px; margin:0; }
.skai-home .light-accent-line{ display:flex; align-items:center; gap:10px; margin:6px 0 20px; }
.skai-home .light-accent-fill{ flex:1; height:2px; border-radius:2px; background:linear-gradient(90deg, var(--blue), var(--purple)); }
.skai-home .light-accent-dot{ width:8px; height:8px; border-radius:50%; background:var(--purple); flex-shrink:0; }
.skai-home .light-card-photo-frame{
  position:relative; padding:3px; border-radius:16px;
  background:linear-gradient(135deg, var(--blue), var(--purple), var(--coral));
}
.skai-home .light-card-photo-glow{
  position:absolute; inset:-16px; z-index:-1;
  background:radial-gradient(circle, rgba(124,58,237,0.15), transparent 70%); filter:blur(20px);
}
.skai-home .light-card-photo-inner{ border-radius:14px; overflow:hidden; height:360px; background:#fff; }
.skai-home .light-card-photo-inner img{ width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
.skai-home .light-card-top .light-card-photo-frame{ width:fit-content; justify-self:end; }
.skai-home .light-card-top .light-card-photo-inner{ width:calc(360px * 832 / 1093); aspect-ratio:832/1093; }

.skai-home .light-focus-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; position:relative; z-index:1; }
.skai-home .light-focus-card{ border:1px solid #eceef5; border-radius:14px; padding:20px; display:flex; gap:14px; align-items:center; }
.skai-home .light-focus-card > div:nth-child(2){ flex:1; }
.skai-home .light-focus-arrow{ width:18px; height:18px; flex-shrink:0; color:var(--blue); }
.skai-home .light-focus-icon{ width:38px; height:38px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.skai-home .light-focus-icon svg{ width:17px; height:17px; }
.skai-home .light-focus-icon-blue{ background:#EAF1FE; color:var(--blue); }
.skai-home .light-focus-icon-purple{ background:#F1EBFE; color:var(--purple); }
.skai-home .light-focus-card h5{ font-family:'Sora',sans-serif; font-size:14.5px; font-weight:700; color:#0b0f1f; margin:0 0 5px; }
.skai-home .light-focus-card p{ font-size:12.5px; color:#5b6280; line-height:1.6; margin:0 !important; }
@media (max-width:900px){
  .skai-home .light-card{ padding:32px; }
  .skai-home .light-card-top{ grid-template-columns:minmax(0,1fr); }
  .skai-home .light-card-top .light-card-photo-frame{ margin:0 auto; }
  .skai-home .light-focus-grid{ grid-template-columns:1fr; }
}

/* ===== Real Tools — logo tiles (replaces old text-only pills) ===== */
.skai-home .tools-section{ padding:64px 0; background:var(--bg-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.skai-home .tool-tile-grid{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; max-width:920px; margin:0 auto; }
.skai-home .tool-tile{
  width:96px; background:var(--surface); border:1px solid var(--line); border-radius:14px;
  padding:16px 8px; text-align:center;
}
.skai-home .tool-tile.accent-purple{ border-color:rgba(124,58,237,0.35); }
.skai-home .tool-tile.accent-coral{ border-color:rgba(251,78,106,0.35); }
.skai-home .tool-logo-chip{
  width:38px; height:38px; margin:0 auto 10px; background:#fff; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
}
.skai-home .tool-logo-chip.transparent{ background:transparent; }
.skai-home .tool-tile span{ font-family:'JetBrains Mono',monospace; font-size:11px; color:#fff; font-weight:600; }

/* ===== Four modules — real curriculum content (Foundations / Cloud / Security / AI) ===== */
.skai-home .lp-tracks-section{ padding:80px 0; }
.skai-home .lp-tracks-section .tracks-grid{ gap:20px; }
.skai-home .track-card.c1{ border-top: 3px solid var(--cyan); }
.skai-home .track-card.c1 .track-icon-wrap{ color:var(--cyan); }
.skai-home .track-card p.track-deep-desc{ margin-bottom:14px; }
.skai-home .track-list{ list-style:none; margin:0; padding:0; }
.skai-home .track-list li{
  font-size:13px; color:var(--dim); line-height:1.9; padding-left:16px; position:relative;
}
.skai-home .track-list li::before{
  content:"•"; position:absolute; left:0; color:var(--dim); opacity:0.6;
}
.skai-home .track-boundary-note{
  font-size:12px; font-style:italic; color:#B794F6; margin-top:16px; padding-top:14px;
  border-top:1px dashed rgba(183,148,246,0.3); line-height:1.6;
}
@media (max-width:1100px){ .skai-home .lp-tracks-section .tracks-grid{ grid-template-columns:repeat(2,1fr) !important; } }
@media (max-width:640px){ .skai-home .lp-tracks-section .tracks-grid{ grid-template-columns:1fr !important; } }

/* ===== Gradient color-break banner ===== */
.skai-home .gradient-banner-section{ padding:60px 0; }
.skai-home .gradient-banner{
  position:relative; overflow:hidden; border-radius:24px;
  background:linear-gradient(100deg, var(--blue) 0%, var(--purple) 100%);
  padding:48px 56px; display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap;
}
.skai-home .gb-deco{ position:absolute; opacity:0.15; pointer-events:none; }
.skai-home .gb-deco-1{ left:-20px; top:-20px; transform:rotate(-15deg); }
.skai-home .gb-deco-2{ right:-30px; bottom:-30px; transform:rotate(12deg); }
.skai-home .gb-content{ position:relative; z-index:1; max-width:520px; }
.skai-home .gb-content h3{ font-family:'Sora',sans-serif; font-size:22px; font-weight:700; color:#fff; margin:0 0 10px; }
.skai-home .gb-content p{ font-size:14px; color:rgba(255,255,255,0.85); line-height:1.65; margin:0; }
.skai-home .gb-button{
  position:relative; z-index:1; display:inline-flex; align-items:center; gap:8px; white-space:nowrap;
  background:#fff; color:#1e1b4b; font-family:'Sora',sans-serif; font-weight:700; font-size:14px;
  padding:14px 26px; border-radius:100px; text-decoration:none; transition:transform 0.25s ease;
}
.skai-home .gb-button:hover{ transform:translateY(-2px); }
@media (max-width:700px){ .skai-home .gradient-banner{ padding:36px 28px; } }

/* ===== Hands-on Labs (no CTA — informational, not a curriculum reveal) ===== */
.skai-home .labs-section{ padding:70px 0; border-bottom:1px solid var(--line); position:relative; overflow:hidden; }
.skai-home .labs-section::before,
.skai-home .labs-section::after{
  content:''; position:absolute; border-radius:50%; filter:blur(90px); pointer-events:none; z-index:0;
}
.skai-home .labs-section::before{ width:420px; height:420px; background:var(--cyan); opacity:0.12; top:-140px; left:-120px; animation:labsDrift1 20s ease-in-out infinite; }
.skai-home .labs-section::after{ width:380px; height:380px; background:#B794F6; opacity:0.10; bottom:-160px; right:12%; animation:labsDrift2 24s ease-in-out infinite; }
@keyframes labsDrift1{ 0%,100%{ transform:translate(0,0); } 50%{ transform:translate(50px,35px); } }
@keyframes labsDrift2{ 0%,100%{ transform:translate(0,0); } 50%{ transform:translate(-40px,-45px); } }
.skai-home .labs-grid{ position:relative; z-index:1; }
.skai-home .labs-grid{
  display:grid; grid-template-columns:1fr auto; column-gap:56px; row-gap:40px;
  grid-template-areas:"head photo" "list photo";
  align-items:start;
}
.skai-home .labs-head{ grid-area:head; }
.skai-home .labs-head h2{ font-family:'Sora',sans-serif; font-size:24px; font-weight:700; color:#fff; margin:0 0 10px; }
.skai-home .labs-head p{ font-size:14px; color:var(--dim); margin:0 0 22px; max-width:380px; }
.skai-home .labs-caption{
  font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:1px; color:var(--dim);
  text-transform:uppercase; border-bottom:1px solid var(--line); padding-bottom:12px; display:inline-block; margin-bottom:20px;
}
.skai-home .labs-stats{ display:flex; gap:10px; flex-wrap:wrap; }
.skai-home .labs-stat-chip{
  display:flex; align-items:center; gap:8px; border-radius:100px; padding:8px 16px;
  font-family:'JetBrains Mono',monospace; font-size:11px; color:#c7cbe0;
}
.skai-home .labs-stat-chip svg{ width:14px; height:14px; flex-shrink:0; }
.skai-home .labs-stat-chip.c-cyan{ background:rgba(34,211,238,0.07); border:1px solid rgba(34,211,238,0.25); color:var(--cyan); }
.skai-home .labs-stat-chip.c-cyan span{ color:#c7cbe0; }
.skai-home .labs-stat-chip.c-purple{ background:rgba(183,148,246,0.07); border:1px solid rgba(183,148,246,0.25); color:#B794F6; }
.skai-home .labs-stat-chip.c-purple span{ color:#c7cbe0; }
.skai-home .labs-photo-frame{ grid-area:photo; position:relative; height:fit-content; }
.skai-home .labs-photo-frame .light-card-photo-inner{
  height:420px; width:232px; background:#11162b; position:relative;
}
.skai-home .labs-photo-frame .light-card-photo-inner img{
  width:100%; height:100%; object-fit:cover; object-position:center; display:block;
}
.skai-home .labs-photo-caption{
  position:absolute; left:0; right:0; bottom:0; padding:16px 14px 12px;
  background:linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0));
  font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:0.5px; color:#fff;
}
.skai-home .labs-list{ grid-area:list; display:grid; grid-template-columns:1fr 1fr; gap:22px 44px; }
@media (max-width:900px){
  .skai-home .labs-grid{ grid-template-columns:1fr; grid-template-areas:"head" "photo" "list"; }
  .skai-home .labs-photo-frame{ height:auto; margin:0 auto; }
  .skai-home .labs-photo-frame .light-card-photo-inner{ height:360px; width:199px; }
}
@media (max-width:700px){ .skai-home .labs-list{ grid-template-columns:1fr; } }
.skai-home .lab-item{ display:flex; gap:14px; align-items:center; }
.skai-home .lab-icon-chip{
  width:34px; height:34px; flex-shrink:0; background:#fff; border-radius:9px;
  display:flex; align-items:center; justify-content:center;
}
.skai-home .lab-icon-chip.transparent{ background:transparent; }
.skai-home .lab-item h4{ font-family:'Sora',sans-serif; font-size:14.5px; font-weight:700; color:#fff; margin:0 0 3px; }
.skai-home .lab-item p{ font-size:12.5px; color:var(--dim); margin:0; }

/* ===== Any Topic. Any Level. — tag cloud ===== */
.skai-home .topic-cloud-section{ padding:70px 0; text-align:center; }
.skai-home .topic-cloud-eyebrow{
  display:flex; align-items:center; justify-content:center; gap:16px; margin-bottom:14px;
  font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:1.5px; color:var(--dim); text-transform:uppercase;
}
.skai-home .topic-cloud-eyebrow .line{ width:40px; height:1px; background:var(--line); }
.skai-home .topic-cloud-heading{
  font-family:'Sora',sans-serif; font-size:clamp(24px,3.4vw,32px); font-weight:700; margin:0 0 28px;
  background:linear-gradient(90deg,var(--cyan),var(--blue)); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.skai-home .topic-tags{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; max-width:800px; margin:0 auto; }
.skai-home .topic-tag{ border:1px solid var(--line); color:#c7cbe0; font-size:12.5px; padding:9px 18px; border-radius:100px; }
.skai-home .topic-tag.highlight{ border-color:rgba(34,211,238,0.5); color:var(--cyan); }

/* ===== Clear Path + What's Next steps ===== */
.skai-home .clear-path-section{ padding:80px 0; background:var(--bg-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.skai-home .clear-path-grid{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.skai-home .clear-path-grid h2{ font-family:'Sora',sans-serif; font-size:clamp(26px,3.2vw,36px); font-weight:700; color:#fff; line-height:1.2; }
.skai-home .clear-path-grid h2 em{ font-style:italic; color:var(--cyan); }
.skai-home .clear-path-grid p{ margin-top:16px; font-size:15px; color:var(--dim); line-height:1.75; }
.skai-home .clear-path-photo{ border-radius:16px; overflow:hidden; aspect-ratio:4/3; background:var(--surface); border:1px solid var(--line); }
.skai-home .clear-path-photo img{ width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
@media (max-width:900px){ .skai-home .clear-path-grid{ grid-template-columns:1fr; } }

.skai-home .steps-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:56px; }
.skai-home .step-card{ text-align:center; }
.skai-home .step-card svg{ width:34px; height:34px; color:var(--cyan); margin:0 auto 16px; }
.skai-home .step-card h4{ font-family:'Sora',sans-serif; font-size:14px; font-weight:700; letter-spacing:0.5px; color:#fff; margin-bottom:10px; text-transform:uppercase; }
.skai-home .step-card p{ font-size:13px; color:var(--dim); line-height:1.65; }
@media (max-width:900px){ .skai-home .steps-grid{ grid-template-columns:1fr 1fr; } }

/* ===== FAQ section ===== */
.skai-home .faq-section{ padding:80px 0; }
.skai-home .faq-item{ border-bottom:1px solid var(--line); padding:24px 0; max-width:800px; margin:0 auto; }
.skai-home .faq-item:last-child{ border-bottom:none; }
.skai-home .faq-item h4{ font-family:'Sora',sans-serif; font-size:16px; font-weight:700; color:#fff; margin-bottom:10px; display:flex; gap:10px; }
.skai-home .faq-item h4 span{ color:var(--cyan); flex-shrink:0; }
.skai-home .faq-item p{ font-size:14px; color:var(--dim); line-height:1.7; }

/* ===== Start the Journey (form) ===== */
.skai-home .journey-form-section{
  padding:80px 0; background:var(--bg-2); border-top:1px solid var(--line);
  position:relative; overflow:hidden;
}
.skai-home .journey-form-section::before,
.skai-home .journey-form-section::after{
  content:''; position:absolute; border-radius:50%; filter:blur(100px); pointer-events:none; z-index:0;
}
.skai-home .journey-form-section::before{ width:460px; height:460px; background:var(--cyan); opacity:0.10; top:-160px; left:-140px; animation:formDrift1 22s ease-in-out infinite; }
.skai-home .journey-form-section::after{ width:420px; height:420px; background:#B794F6; opacity:0.10; bottom:-180px; right:-120px; animation:formDrift2 26s ease-in-out infinite; }
@keyframes formDrift1{ 0%,100%{ transform:translate(0,0); } 50%{ transform:translate(40px,30px); } }
@keyframes formDrift2{ 0%,100%{ transform:translate(0,0); } 50%{ transform:translate(-35px,-30px); } }
.skai-home .journey-form-section .wrap{ position:relative; z-index:1; }
.skai-home .journey-form-spotlight{
  position:absolute; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(600px circle at var(--spot-x,50%) var(--spot-y,20%), rgba(34,211,238,0.14), transparent 70%);
}
.skai-home .journey-grid{
  display:grid; grid-template-columns:0.8fr 1fr; gap:56px; align-items:start;
}
.skai-home .journey-intro .eyebrow-mono{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:1.5px; color:var(--cyan); text-transform:uppercase; }
.skai-home .journey-intro h2{ font-family:'Sora',sans-serif; font-weight:800; font-size:30px; color:#fff; margin:12px 0 0; line-height:1.15; }
.skai-home .journey-accent-line{
  width:80px; height:2px; margin:18px 0 26px; border-radius:2px;
  background:linear-gradient(90deg, var(--blue), #B794F6, #FF8FA3);
}
.skai-home .journey-lede{ font-size:14px; color:var(--dim); line-height:1.75; margin:0 0 32px; max-width:360px; }
.skai-home .journey-step{ display:flex; gap:14px; margin-bottom:24px; }
.skai-home .journey-step:last-child{ margin-bottom:0; }
.skai-home .journey-step-num{ font-family:'Sora',sans-serif; font-weight:800; font-size:14px; flex-shrink:0; width:24px; }
.skai-home .journey-step-num.c-cyan{ color:var(--cyan); }
.skai-home .journey-step-num.c-purple{ color:#B794F6; }
.skai-home .journey-step-num.c-coral{ color:#FF8FA3; }
.skai-home .journey-step-title{ font-family:'Sora',sans-serif; font-weight:700; font-size:14.5px; color:#fff; margin-bottom:4px; }
.skai-home .journey-step-desc{ font-size:13px; color:var(--dim); line-height:1.6; }
.skai-home .journey-contact{ margin-top:32px; padding-top:24px; border-top:1px solid rgba(255,255,255,0.08); }
.skai-home .journey-contact-label{
  font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:0.6px; color:var(--dim);
  text-transform:uppercase; margin-bottom:8px;
}
.skai-home .journey-contact-info{ font-size:13px; color:#c7cbe0; line-height:1.8; }

.skai-home .journey-form-frame{
  border-radius:22px; padding:1px;
  background:linear-gradient(135deg, rgba(59,130,246,0.5), rgba(183,148,246,0.5), rgba(255,143,163,0.5));
}
.skai-home .journey-form-card{
  background:rgba(15,20,38,0.55);
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  border-radius:21px; overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,0.5);
}
.skai-home .journey-form-card .wpforms-container{ padding:36px 40px; }
@media (max-width:900px){
  .skai-home .journey-grid{ grid-template-columns:1fr; gap:36px; }
  .skai-home .journey-lede{ max-width:none; }
}
@media (max-width:700px){
  .skai-home .journey-form-section{ padding:56px 0; }
  .skai-home .journey-form-card .wpforms-container{ padding:26px 22px; }
  .skai-home .journey-form-spotlight{
    background:radial-gradient(280px circle at var(--spot-x,50%) var(--spot-y,20%), rgba(34,211,238,0.14), transparent 70%);
  }
}

/* Force visibility on the embedded WPForms form — the site's global dark-theme text
   color rules can otherwise make labels/input text render invisible against the dark
   glass card. These overrides take priority regardless of theme-level color rules. */
.skai-home .journey-form-card .wpforms-container,
.skai-home .journey-form-card .wpforms-container *{
  color:#fff !important;
}
.skai-home .journey-form-card .wpforms-field{ margin-bottom:22px !important; }

.skai-home .journey-form-card .wpforms-field-label,
.skai-home .journey-form-card .wpforms-field-label-inline,
.skai-home .journey-form-card label{
  font-family:'Sora',sans-serif !important; font-weight:700 !important; font-size:13px !important;
  color:#fff !important; margin-bottom:8px !important; display:inline-block;
}
.skai-home .journey-form-card .wpforms-required-label{
  color:#FF8FA3 !important; font-weight:700 !important;
}
.skai-home .journey-form-card .wpforms-field-sublabel{
  font-family:'JetBrains Mono',monospace !important; font-size:10px !important; letter-spacing:0.6px !important;
  text-transform:uppercase !important; color:rgba(255,255,255,0.4) !important; font-weight:500 !important; margin-top:6px !important;
}
.skai-home .journey-form-card .wpforms-field-description{
  font-family:'Inter',sans-serif !important; font-size:12px !important; color:rgba(255,255,255,0.45) !important;
  font-style:italic !important; margin-top:8px !important;
}

/* Text inputs, textarea, select — translucent glass fields */
.skai-home .journey-form-card .wpforms-field-medium,
.skai-home .journey-form-card .wpforms-field-small,
.skai-home .journey-form-card .wpforms-field-large,
.skai-home .journey-form-card .wpforms-field-container{
  max-width:100% !important; width:100% !important;
}
.skai-home .journey-form-card input[type="text"],
.skai-home .journey-form-card input[type="email"],
.skai-home .journey-form-card input[type="tel"],
.skai-home .journey-form-card input[type="number"],
.skai-home .journey-form-card textarea,
.skai-home .journey-form-card select{
  background:rgba(255,255,255,0.06) !important;
  color:#fff !important;
  font-family:'Inter',sans-serif !important; font-size:14px !important;
  border:1.5px solid rgba(255,255,255,0.14) !important;
  border-radius:10px !important;
  padding:11px 14px !important;
  width:100% !important; box-sizing:border-box !important;
  transition:border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
}
.skai-home .journey-form-card input[type="text"]:focus,
.skai-home .journey-form-card input[type="email"]:focus,
.skai-home .journey-form-card input[type="tel"]:focus,
.skai-home .journey-form-card input[type="number"]:focus,
.skai-home .journey-form-card textarea:focus,
.skai-home .journey-form-card select:focus{
  outline:none !important;
  background:rgba(255,255,255,0.1) !important;
  border-color:var(--cyan) !important;
  box-shadow:0 0 0 4px rgba(34,211,238,0.16) !important;
}
.skai-home .journey-form-card input::placeholder,
.skai-home .journey-form-card textarea::placeholder{
  color:rgba(255,255,255,0.32) !important;
  opacity:1 !important;
}

/* Select dropdown — custom light chevron, since the native arrow reads dark-on-dark otherwise */
.skai-home .journey-form-card select{
  appearance:none !important; -webkit-appearance:none !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23ffffff' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  padding-right:38px !important;
}
.skai-home .journey-form-card select option{
  background:#141a30 !important; color:#fff !important;
}

/* WPForms Smart Phone field uses the intl-tel-input library — its flag button
   sits absolutely inside the field, so the input needs left padding to clear it. */
.skai-home .journey-form-card .iti{ width:100% !important; display:block !important; }
.skai-home .journey-form-card .iti input[type="tel"]{ padding-left:56px !important; }
.skai-home .journey-form-card .iti__flag-container{ padding-left:12px !important; }

/* Checkboxes and radios — fully custom brand-colored controls, not the native browser ones */
.skai-home .journey-form-card input[type="checkbox"],
.skai-home .journey-form-card input[type="radio"]{
  appearance:none !important; -webkit-appearance:none !important;
  width:20px !important; height:20px !important; flex-shrink:0 !important;
  border:1.5px solid rgba(255,255,255,0.22) !important; background:rgba(255,255,255,0.05) !important;
  position:relative !important; cursor:pointer !important;
  transition:border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
}
.skai-home .journey-form-card input[type="checkbox"]{ border-radius:6px !important; }
.skai-home .journey-form-card input[type="radio"]{ border-radius:50% !important; }

.skai-home .journey-form-card input[type="checkbox"]:hover,
.skai-home .journey-form-card input[type="radio"]:hover{
  border-color:var(--cyan) !important;
  box-shadow:0 0 0 3px rgba(34,211,238,0.14) !important;
}

.skai-home .journey-form-card input[type="checkbox"]:checked,
.skai-home .journey-form-card input[type="radio"]:checked{
  border-color:transparent !important;
  background:linear-gradient(135deg,var(--blue),var(--purple)) !important;
  animation:skaiCheckPop 0.32s cubic-bezier(.34,1.56,.64,1) !important;
}
@keyframes skaiCheckPop{
  0%{ transform:scale(0.8); }
  55%{ transform:scale(1.12); }
  100%{ transform:scale(1); }
}
.skai-home .journey-form-card input[type="checkbox"]:checked::after{
  content:'' !important; position:absolute !important; left:6px !important; top:2px !important;
  width:5px !important; height:10px !important;
  border:solid #fff !important; border-width:0 2px 2px 0 !important;
  transform:rotate(45deg) !important;
  animation:skaiTickIn 0.24s 0.05s cubic-bezier(.34,1.56,.64,1) both !important;
}
@keyframes skaiTickIn{
  0%{ opacity:0; transform:rotate(45deg) scale(0.3); }
  100%{ opacity:1; transform:rotate(45deg) scale(1); }
}
.skai-home .journey-form-card input[type="radio"]:checked::after{
  content:'' !important; position:absolute !important; top:50% !important; left:50% !important;
  width:8px !important; height:8px !important; border-radius:50% !important;
  background:#fff !important; transform:translate(-50%,-50%) !important;
  animation:skaiDotIn 0.22s 0.05s cubic-bezier(.34,1.56,.64,1) both !important;
}
@keyframes skaiDotIn{
  0%{ opacity:0; transform:translate(-50%,-50%) scale(0.2); }
  100%{ opacity:1; transform:translate(-50%,-50%) scale(1); }
}
.skai-home .journey-form-card input[type="checkbox"]:focus-visible,
.skai-home .journey-form-card input[type="radio"]:focus-visible{
  outline:none !important; box-shadow:0 0 0 4px rgba(34,211,238,0.2) !important;
}
.skai-home .journey-form-card .wpforms-field-checkbox ul li,
.skai-home .journey-form-card .wpforms-field-radio ul li{
  display:flex !important; align-items:center !important; gap:10px !important; margin-bottom:10px !important;
}
.skai-home .journey-form-card .wpforms-field-checkbox label,
.skai-home .journey-form-card .wpforms-field-radio label{
  font-family:'Inter',sans-serif !important; font-weight:500 !important; font-size:14px !important;
  color:rgba(255,255,255,0.85) !important; margin:0 !important; cursor:pointer !important; transition:color 0.15s ease !important;
}
.skai-home .journey-form-card .wpforms-field-checkbox li:hover label,
.skai-home .journey-form-card .wpforms-field-radio li:hover label{
  color:#fff !important;
}

/* Submit button — bright gradient pill so it reads clearly against the dark glass */
.skai-home .journey-form-card .wpforms-submit-container button,
.skai-home .journey-form-card button[type="submit"]{
  position:relative !important; overflow:hidden !important;
  background:linear-gradient(90deg,#3B82F6,#B794F6,#FF8FA3) !important;
  color:#0b0f1f !important;
  font-family:'Sora',sans-serif !important; font-weight:700 !important; font-size:14px !important;
  border:none !important;
  border-radius:100px !important;
  padding:13px 32px !important;
  cursor:pointer !important;
  transition:transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease !important;
}
.skai-home .journey-form-card .wpforms-submit-container button:hover,
.skai-home .journey-form-card button[type="submit"]:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 10px 28px rgba(34,211,238,0.35) !important;
}

/* ===== Contact / Admissions page additions ===== */
.skai-home .contact-lineart{
  position:absolute; inset:0; width:100%; height:100%; z-index:0; pointer-events:none;
}
.skai-home .contact-open-head{ text-align:center; max-width:640px; margin:0 auto; }
.skai-home .contact-open-head h2{
  font-family:'Sora',sans-serif; font-weight:800; font-size:clamp(24px,3vw,30px); color:#fff; margin:0 0 16px;
}
.skai-home .contact-open-sub{ font-size:13px; color:var(--dim); line-height:1.8; margin:0 0 4px; }
.skai-home .contact-open-sub strong{ color:#fff; }
@media (max-width:700px){
  .skai-home .contact-lineart{ opacity:0.6; }
}

/* ===== Contact page: admissions journey map ===== */
.skai-home .admissions-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;
  max-width:1020px; margin:0 auto;
}
.skai-home .admissions-intro .eyebrow-mono{ font-size:12.5px; padding:7px 16px; }
.skai-home .admissions-intro .env-headline{ font-size:clamp(30px,3.4vw,38px); }
.skai-home .admissions-intro .env-lede{ font-size:16px; line-height:1.8; }
.skai-home .admissions-reassure{ display:flex; gap:22px; margin-top:36px; border-top:1px solid #D9E1EC; padding-top:26px; }
.skai-home .reassure-item{ flex:1; }
.skai-home .reassure-icon{
  width:36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center;
  margin-bottom:12px;
}
.skai-home .reassure-icon svg{ width:17px; height:17px; }
.skai-home .reassure-icon.c-cyan{ background:rgba(34,211,238,0.16); color:#0c6478; }
.skai-home .reassure-icon.c-blue{ background:rgba(59,130,246,0.14); color:#185FA5; }
.skai-home .reassure-icon.c-purple{ background:rgba(124,58,237,0.14); color:#534AB7; }
.skai-home .reassure-title{ font-family:'Sora',sans-serif; font-weight:700; font-size:14.5px; color:#0F1B2E; margin-bottom:5px; }
.skai-home .reassure-sub{ font-size:12px; color:#5B6478; line-height:1.55; }
@media (max-width:600px){
  .skai-home .admissions-reassure{ flex-direction:column; gap:20px; }
}
@media (max-width:880px){
  .skai-home .admissions-grid{ grid-template-columns:1fr; }
}
.skai-home .journey-map-wrap{ position:relative; }
.skai-home .journey-map-frame{
  position:absolute; top:-14px; left:-14px; right:14px; bottom:14px;
  border-radius:20px; padding:1.5px;
  background:linear-gradient(135deg,#22D3EE,#7C3AED);
  -webkit-mask:linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:0.7; pointer-events:none;
}
.skai-home .journey-map-card{
  position:relative; background:linear-gradient(160deg,#161c30,#0a0d18 65%);
  border-radius:18px; padding:40px 32px; box-shadow:0 24px 60px rgba(15,27,46,0.2);
}
.skai-home .journey-map-kicker{ color:#8D9AB8; font-size:10.5px; font-family:'JetBrains Mono',monospace; letter-spacing:1.5px; margin-bottom:6px; }
.skai-home .journey-map-title{ color:#fff; font-weight:700; font-size:14.5px; margin-bottom:34px; font-family:'Sora',sans-serif; }
.skai-home .journey-map-list{ position:relative; padding-left:36px; }
.skai-home .journey-map-line{
  position:absolute; top:9px; bottom:9px; left:16px; width:1.5px;
  background:linear-gradient(180deg,#22D3EE,#3B82F6,#7C3AED,#B794F6,#FF8FA3); opacity:0.6;
}
.skai-home .journey-map-row{ display:flex; align-items:center; gap:14px; margin-bottom:32px; position:relative; }
.skai-home .journey-map-row:last-child{ margin-bottom:0; }
.skai-home .journey-map-icon{
  position:absolute; left:-36px; width:34px; height:34px; border-radius:50%;
  background:#0d111e; border:1.5px solid; display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
}
.skai-home .journey-map-icon svg{ width:14px; height:14px; }
.skai-home .journey-map-icon.c-cyan{ border-color:#22D3EE; color:#22D3EE; }
.skai-home .journey-map-icon.c-blue{ border-color:#3B82F6; color:#3B82F6; }
.skai-home .journey-map-icon.c-purple{ border-color:#7C3AED; color:#7C3AED; }
.skai-home .journey-map-icon.c-lav{ border-color:#B794F6; color:#B794F6; }
.skai-home .journey-map-icon.c-coral{ border-color:#FF8FA3; color:#FF8FA3; }
.skai-home .journey-map-icon.c-final{ background:linear-gradient(135deg,#FF8FA3,#7C3AED); border-color:transparent; }
.skai-home .journey-map-label{ color:#EDF0F7; font-size:13px; font-weight:500; }
.skai-home .journey-map-label-final{ color:#fff; font-size:13.5px; font-weight:700; }

.skai-home .contact-form-frame{ max-width:960px; margin:40px auto 0; }
@media (max-width:1040px){
  .skai-home .contact-form-frame{ max-width:100%; }
}