:root{--navy:#061a44;--blue:#0656d9;--blue2:#0b83ff;--orange:#ff8a00;--yellow:#ffd400;--pink:#ff2d86;--green:#12b76a;--text:#183153;--muted:#5d708e;--line:#dcecff;--shadow:0 18px 55px rgba(6,26,68,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.top-strip{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:#fff;font-weight:900;padding:10px 16px;font-size:14px}.top-strip span+span:before{content:"•";color:var(--yellow);margin-right:14px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);display:flex;align-items:center;gap:22px;padding:14px clamp(16px,5vw,90px);border-bottom:3px solid transparent;box-shadow:0 8px 30px rgba(6,26,68,.08)}.brand img{width:205px;max-height:105px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(6,26,68,.16))}.main-nav{display:flex;gap:20px;align-items:center;justify-content:center;flex:1}.main-nav a{font-weight:900;color:#0b2a63;font-size:15px}.main-nav a.active,.main-nav a:hover{color:var(--blue)}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:1000}.header-cta{color:#071b3f;padding:15px 24px;box-shadow:0 16px 34px rgba(255,138,0,.22)}.menu-btn{display:none;border:0;background:#eef7ff;border-radius:14px;font-size:26px;padding:8px 12px;color:#0b2a63}.section{padding:80px clamp(18px,5vw,90px)}.container{max-width:1220px;margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--orange);font-weight:1000;text-transform:uppercase;letter-spacing:.1em;font-size:12px;margin:0 0 12px}.eyebrow:before{content:"";width:26px;height:3px;border-radius:99px;background:var(--orange)}h1,h2,h3{font-family:Poppins,Inter,sans-serif;color:var(--navy);letter-spacing:-.04em}h1{font-size:clamp(42px,6vw,78px);line-height:1.02;margin:0 0 18px}h2{font-size:clamp(30px,4vw,54px);line-height:1.06;margin:0 0 16px}h3{font-size:24px;margin:0 0 10px}p{line-height:1.72;color:var(--muted)}.lead{font-size:20px;max-width:760px}.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}.hero{position:relative;overflow:hidden;}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.hero h1 span{background-clip:text;-webkit-background-clip:text;color:transparent}.hero-actions,.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{padding:15px 22px}.btn.primary{color:#fff;box-shadow:0 18px 38px rgba(6,71,165,.2)}.btn.secondary{background:#fff;color:#0647a5;border:1px solid var(--line)}.btn.orange{color:#071b3f}.hero-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:30px;padding:14px;box-shadow:var(--shadow)}.hero-card img{border-radius:22px}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}.trust-row div,.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 12px 34px rgba(6,26,68,.07)}.trust-row strong{display:block;color:var(--blue);font-size:24px}.trust-row span{font-weight:900;color:#24436e}.banner-slider{position:relative;overflow:hidden;background:#fff}.slider-shell{position:relative;width:100%;aspect-ratio:1792/1024;background:#fff;overflow:hidden}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease}.slide.active{opacity:1;visibility:visible}.slide img{width:100%;height:100%;object-fit:contain;background:#fff}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);border:0;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.92);font-size:34px;font-weight:900;color:#0b2a63;box-shadow:0 12px 30px rgba(6,26,68,.18);cursor:pointer}.slider-arrow.prev{left:20px}.slider-arrow.next{right:20px}.slider-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:9px;background:rgba(255,255,255,.55);padding:8px 12px;border-radius:999px}.slider-dots button{width:11px;height:11px;border-radius:999px;border:0;background:#fff;cursor:pointer}.slider-dots button.active{width:30px;background:var(--blue)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.icon{font-size:34px;width:62px;height:62px;display:grid;place-items:center;border-radius:18px;}.course-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.course-card .tag{display:inline-flex;align-self:flex-start;background:#eef7ff;color:var(--blue);border-radius:999px;padding:8px 12px;font-weight:900;font-size:12px}.course-card ul,.check-list{padding:0;list-style:none;margin:10px 0}.course-card li,.check-list li{padding:8px 0 8px 30px;position:relative;color:#24436e;font-weight:800;line-height:1.5}.course-card li:before,.check-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:1000}.course-card .more{margin-top:auto;color:#fff;padding:13px 18px;border-radius:999px;font-weight:1000;text-align:center}.alt{}.color-band{color:#fff}.color-band h2,.color-band h3{color:#fff}.color-band p{color:rgba(255,255,255,.84)}.timeline{display:grid;gap:18px}.step{display:grid;grid-template-columns:70px 1fr;gap:16px;align-items:start}.step span{width:54px;height:54px;border-radius:50%;color:#fff;display:grid;place-items:center;font-weight:1000;font-size:20px}.step div{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 12px 34px rgba(6,26,68,.07)}.review-card video,.demo-card video{width:100%;border-radius:20px;background:#000;aspect-ratio:16/10;object-fit:cover}.review-card,.demo-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:var(--shadow)}.project-proof{display:grid;grid-template-columns:1fr 1fr;gap:20px}.proof-box{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.proof-note{background:#fff7e5;border:1px solid #ffe0a3;border-radius:22px;padding:18px;color:#714600;font-weight:800}.contact-card{display:grid;grid-template-columns:1fr 1fr;gap:28px;background:#fff;border:1px solid var(--line);border-radius:32px;padding:34px;box-shadow:var(--shadow)}.form-grid{display:grid;gap:14px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:16px;font:inherit;font-weight:700}.form-grid button{border:0;cursor:pointer}.site-footer{background:#061a44;color:#fff;display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:30px;padding:54px clamp(18px,5vw,90px)}.site-footer img{width:130px;background:#fff;border-radius:14px;padding:6px}.site-footer p,.site-footer a{color:rgba(255,255,255,.82);display:block;margin:8px 0}.site-footer h3{color:#fff}.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.show{opacity:1;transform:none}@media(max-width:1050px){.main-nav,.header-cta{display:none}.menu-btn{display:block;margin-left:auto}.site-header.open .main-nav{display:grid;position:absolute;left:16px;right:16px;top:88px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow);z-index:90}.hero-grid,.grid-2,.grid-3,.grid-4,.project-proof,.contact-card,.site-footer{grid-template-columns:1fr}.trust-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.top-strip{display:none}.brand img{width:205px;max-height:105px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(6,26,68,.16))}.section{padding:56px 16px}.trust-row{grid-template-columns:1fr}h1{font-size:38px}.slider-arrow{width:40px;height:40px}.slider-shell{aspect-ratio:16/10}.slide img{object-fit:cover}.site-header.open .main-nav{top:76px}.btn{width:100%}}

/* Subpage visual polish */
.hero-card img{width:100%;height:auto;object-fit:cover}
.hero .hero-card{align-self:center}
@media(max-width:1050px){.hero .hero-card{max-width:620px;margin:0 auto}}

/* Custom page-specific visual illustrations */
.custom-visual{
  position:relative;
  min-height:360px;
  border-radius:26px;
  overflow:hidden;
  
  display:grid;
  place-items:center;
}
.browser-card{
  width:76%;
  background:#061a44;
  border-radius:24px;
  padding:18px;
  box-shadow:0 24px 55px rgba(6,26,68,.22);
  transform:rotate(-2deg);
}
.browser-top{display:flex;gap:8px;margin-bottom:18px}
.browser-top span{width:13px;height:13px;border-radius:50%;background:#ff5f57}
.browser-top span:nth-child(2){background:#ffbd2e}.browser-top span:nth-child(3){background:#28c840}
.code-lines{display:grid;gap:12px;margin-bottom:18px}
.code-lines i{height:12px;border-radius:999px;display:block}
.mini-output{background:#fff;border-radius:18px;padding:18px;color:#061a44}
.mini-output b{display:block;font:900 24px Poppins,Inter,sans-serif}.mini-output small{font-weight:900;color:#5d708e}
.floating-badge,.course-chip,.local-chip{
  position:absolute;
  border-radius:999px;
  padding:12px 18px;
  font-weight:1000;
  color:#061a44;
  background:#ffd400;
  box-shadow:0 15px 35px rgba(6,26,68,.16);
}
.badge-one{top:28px;left:28px}.badge-two{right:26px;top:90px;background:#12b76a;color:#fff}.badge-three{bottom:34px;left:54px;background:#ff2d86;color:#fff}
.journey-path{width:86%;display:grid;gap:15px}.journey-path div{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #dcecff;border-radius:18px;padding:14px 16px;box-shadow:0 14px 30px rgba(6,26,68,.08)}.journey-path b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff}.journey-path span{font-weight:1000;color:#061a44}.rocket{position:absolute;right:32px;bottom:22px;font-size:56px;filter:drop-shadow(0 15px 20px rgba(0,0,0,.18))}
.syllabus-visual{display:block;padding:44px}.module-card{position:absolute;background:#fff;border:1px solid #dcecff;border-radius:22px;padding:18px 22px;font-weight:1000;color:#061a44;box-shadow:0 16px 36px rgba(6,26,68,.12)}.m1{top:38px;left:48px}.m2{top:104px;right:54px}.m3{top:172px;left:80px}.m4{bottom:78px;right:70px}.m5{bottom:28px;left:52px;background:#061a44;color:#fff}
.review-bubble{background:#fff;border:1px solid #dcecff;border-radius:24px;padding:20px 24px;font-weight:1000;color:#061a44;box-shadow:0 16px 34px rgba(6,26,68,.12);margin:10px}.review-bubble.big{font-size:28px;background:#061a44;color:#fff}.stars{font-size:34px;color:#ffb400;letter-spacing:4px;text-align:center;margin-top:8px}
.phone-card{width:210px;height:330px;border-radius:34px;background:#061a44;padding:18px;box-shadow:0 26px 55px rgba(6,26,68,.25)}.phone-screen{height:100%;border-radius:24px;background:#fff;padding:26px 18px;text-align:center;display:grid;align-content:center;gap:12px}.phone-screen b{font:900 23px Poppins,Inter,sans-serif;color:#061a44}.phone-screen p{margin:0}.phone-screen span{background:#ffd400;border-radius:999px;padding:11px;font-weight:1000;color:#061a44}.map-pin{position:absolute;right:40px;top:48px;background:#fff;border-radius:999px;padding:13px 18px;font-weight:1000;color:#061a44;box-shadow:0 15px 35px rgba(6,26,68,.16)}
.kid-card,.idea-card,.learn-card{position:absolute;background:#fff;border-radius:28px;box-shadow:0 20px 45px rgba(6,26,68,.15);display:grid;place-items:center;font-weight:1000}.kid-card{width:160px;height:160px;font-size:70px;left:58px;top:58px}.idea-card{width:120px;height:120px;font-size:56px;right:65px;top:82px}.learn-card{bottom:52px;left:50%;transform:translateX(-50%);padding:22px 28px;color:#061a44;font-size:22px;white-space:nowrap}
.city-card{font:900 46px Poppins,Inter,sans-serif;color:#fff;border-radius:30px;padding:34px 42px;box-shadow:0 26px 55px rgba(6,26,68,.18)}.local-chip{top:42px;left:44px}.local-chip.two{right:44px;left:auto;top:122px;background:#12b76a;color:#fff}.local-chip.three{bottom:48px;left:70px;background:#ff2d86;color:#fff}
.course-visual .screen-icon{font-size:86px;background:#fff;border-radius:34px;padding:34px;box-shadow:0 24px 55px rgba(6,26,68,.18)}.course-chip{top:38px;left:34px}.course-chip.two{top:112px;right:34px;left:auto;background:#12b76a;color:#fff}.course-chip.three{bottom:48px;left:48px;background:#ff2d86;color:#fff}.scratch-bg{}.web-bg{}.python-bg{}.ai-bg{}
@media(max-width:640px){.custom-visual{min-height:300px}.module-card{font-size:13px;padding:14px}.city-card{font-size:34px}.learn-card{font-size:16px}.browser-card{width:86%}}


/* Student work gallery */
.student-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}
.work-card{background:#fff;border:1px solid #dcecff;border-radius:24px;overflow:hidden;box-shadow:0 18px 45px rgba(6,26,68,.08);display:flex;flex-direction:column}
.work-content{padding:20px 22px 24px}
.work-content h3{margin:0 0 10px;font-size:1.35rem;color:#061a44}
.work-content p{margin:0;color:#4b5f7a;line-height:1.75}
.work-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;}
.work-image-grid img{width:100%;height:160px;object-fit:cover;border-radius:16px;border:1px solid #dcecff;background:#fff}
.website-preview{padding:18px;min-height:356px}
.web-top{display:flex;gap:8px;margin-bottom:16px}.web-top span{width:12px;height:12px;border-radius:50%;background:#ff5f57}.web-top span:nth-child(2){background:#ffbd2e}.web-top span:nth-child(3){background:#28c840}
.web-hero{height:110px;border-radius:18px;margin-bottom:16px}
.web-lines{display:grid;gap:10px;margin-bottom:16px}.web-lines i{display:block;height:12px;border-radius:999px;background:#cfe1ff}.web-lines i:nth-child(2){width:88%}.web-lines i:nth-child(3){width:70%}
.web-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.web-cards b{display:block;height:86px;border-radius:16px;background:#fff;border:1px solid #dcecff}
.python-preview{padding:18px;min-height:356px;color:#fff}
.term-bar{height:18px;border-radius:999px;opacity:.9;margin-bottom:16px}
.python-preview pre{white-space:pre-wrap;margin:0;font:700 15px/1.65 "Courier New",monospace;background:rgba(255,255,255,.06);padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.08)}
.term-output{margin-top:14px;background:#12b76a;color:#fff;font-weight:900;padding:12px 14px;border-radius:14px;display:inline-block}
@media(max-width:980px){.student-work-grid{grid-template-columns:1fr;}.website-preview,.python-preview{min-height:auto}.work-image-grid img{height:190px}}

/* Premium Student Work Page */
.student-hero h1 span{
  
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.student-lab-visual{
  min-height:380px;position:relative;border-radius:28px;overflow:hidden;
  
  display:grid;place-items:center;
}
.lab-screen{
  width:78%;background:#071b45;border-radius:28px;padding:20px;
  box-shadow:0 28px 60px rgba(6,26,68,.24);transform:rotate(-2deg);
}
.lab-dots{display:flex;gap:8px;margin-bottom:18px}
.lab-dots span{width:13px;height:13px;border-radius:50%;background:#ff5f57}
.lab-dots span:nth-child(2){background:#ffbd2e}.lab-dots span:nth-child(3){background:#28c840}
.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lab-grid div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:22px;color:#fff;font-weight:800}
.lab-grid b{font:900 24px Poppins,Inter,sans-serif;color:#ffd400}
.lab-chip{position:absolute;border-radius:999px;padding:12px 18px;font-weight:1000;box-shadow:0 16px 35px rgba(6,26,68,.15)}
.lab-chip.c1{top:34px;left:32px;background:#ffd400;color:#061a44}.lab-chip.c2{right:28px;top:92px;background:#12b76a;color:#fff}.lab-chip.c3{left:54px;bottom:42px;background:#ff2d86;color:#fff}
.premium-work-grid{display:grid;gap:28px;margin-top:34px}
.premium-work-card{
  display:grid;grid-template-columns:1.08fr .92fr;gap:0;overflow:hidden;
  background:#fff;border:1px solid #dcecff;border-radius:32px;box-shadow:0 20px 55px rgba(6,26,68,.09);
}
.premium-work-card.reverse{grid-template-columns:.92fr 1.08fr}
.premium-work-card.reverse .work-media{order:2}
.work-media{min-height:360px;padding:24px;display:grid;place-items:center;}
.work-copy{padding:42px;display:flex;flex-direction:column;justify-content:center}
.work-tag{align-self:flex-start;background:#eef7ff;color:#0656d9;border-radius:999px;padding:9px 14px;font-weight:1000;font-size:13px;margin-bottom:14px}
.work-copy h3{font-size:34px;line-height:1.05;margin-bottom:12px}
.work-copy p{font-size:17px;margin-top:0}
.mini-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.mini-checks li{background:#f6fbff;border:1px solid #dcecff;border-radius:14px;padding:11px 13px;color:#24436e;font-weight:900}
.scratch-gallery{grid-template-columns:1fr 1fr;gap:12px}
.scratch-gallery img{width:100%;height:145px;object-fit:cover;border-radius:18px;border:1px solid #dcecff;box-shadow:0 10px 24px rgba(6,26,68,.08)}
.website-showcase{}
.browser-preview{width:90%;background:#fff;border-radius:26px;padding:18px;box-shadow:0 22px 48px rgba(6,26,68,.16)}
.browser-dot-row{display:flex;gap:8px;margin-bottom:15px}.browser-dot-row span{width:12px;height:12px;border-radius:50%;background:#ff5f57}.browser-dot-row span:nth-child(2){background:#ffbd2e}.browser-dot-row span:nth-child(3){background:#28c840}
.site-nav-preview{height:28px;background:#eef7ff;border-radius:999px;margin-bottom:14px}
.site-hero-preview{height:140px;border-radius:20px;color:#fff;display:grid;place-items:center;text-align:center}
.site-hero-preview b{font:900 28px Poppins,Inter,sans-serif}.site-hero-preview small{font-weight:900;display:block;margin-top:-36px}
.site-card-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.site-card-row i{height:80px;border-radius:16px;background:#f6fbff;border:1px solid #dcecff}
.python-showcase{}
.terminal-window{width:92%;background:#061a44;border-radius:24px;padding:18px;box-shadow:0 24px 55px rgba(0,0,0,.22)}
.terminal-top{height:18px;border-radius:999px;margin-bottom:16px;width:120px}
.terminal-window pre{margin:0;white-space:pre-wrap;color:#e9f7ff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:18px;font:800 15px/1.7 "Courier New",monospace}
.terminal-result{display:inline-block;margin-top:14px;background:#12b76a;color:#fff;border-radius:14px;padding:12px 14px;font-weight:1000}
.ai-showcase{}
.ai-orbit{position:relative;width:270px;height:270px;border-radius:50%;border:3px dashed #b7d8ff;display:grid;place-items:center}
.ai-orbit span{width:118px;height:118px;border-radius:50%;color:#fff;display:grid;place-items:center;font:900 38px Poppins,Inter,sans-serif;box-shadow:0 18px 38px rgba(6,26,68,.2)}
.ai-orbit i{position:absolute;background:#fff;border:1px solid #dcecff;border-radius:999px;padding:10px 14px;font-weight:1000;color:#061a44;box-shadow:0 12px 28px rgba(6,26,68,.12);font-style:normal}
.ai-orbit .o1{top:-14px}.ai-orbit .o2{right:-24px;top:104px}.ai-orbit .o3{bottom:-12px}.ai-orbit .o4{left:-34px;top:112px}
.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.outcome-card{background:#fff;border:1px solid #dcecff;border-radius:24px;padding:26px;box-shadow:0 14px 34px rgba(6,26,68,.07)}
.outcome-card b{color:#0b83ff;font:900 28px Poppins,Inter,sans-serif}
.outcome-card h3{margin-top:8px}
@media(max-width:1000px){
  .premium-work-card,.premium-work-card.reverse{grid-template-columns:1fr}
  .premium-work-card.reverse .work-media{order:0}
  .outcome-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .work-copy{padding:28px 22px}.work-copy h3{font-size:27px}
  .mini-checks{grid-template-columns:1fr}.outcome-grid{grid-template-columns:1fr}
  .lab-grid{grid-template-columns:1fr}.student-lab-visual{min-height:430px}
  .scratch-gallery img{height:120px}
}

/* Production responsive + interaction cleanup — 2026-10-02 */
html,body{max-width:100%;overflow-x:hidden}
.site-header{min-height:88px;padding:10px clamp(16px,5vw,90px)}
.brand{display:flex;align-items:center;flex:0 0 auto;min-width:0}
.brand img{width:220px;max-width:22vw;height:auto;max-height:75px;object-fit:contain;filter:none;background:transparent;border-radius:0;padding:0;box-shadow:none}
.site-footer img{width:138px;height:auto;background:transparent;border-radius:0;padding:0;box-shadow:none}
.menu-btn{min-width:48px;min-height:48px;line-height:1;cursor:pointer;touch-action:manipulation}
.main-nav a,.header-cta,.btn,.course-card .more{min-height:44px}

/* Final homepage banner geometry. Source artwork is 1672x941; frame targets ~1600x650 without stretching. */
.slider-shell{aspect-ratio:1966/760;min-height:0;background:#eef4fb}
.slide img{width:100%;height:100%;object-fit:cover;object-position:center center;background:#eef4fb}
.slider-arrow{z-index:3}
.slider-dots{z-index:3}
.slider-dots button{min-width:12px;min-height:12px;padding:0}

/* Keep decorative visual systems self-contained and responsive. */
.hero-card,.custom-visual,.student-lab-visual,.work-media,.browser-preview,.terminal-window,.ai-orbit,.journey-path{min-width:0;max-width:100%}
.custom-visual,.student-lab-visual{width:100%;isolation:isolate}
.journey-path{width:min(92%,560px);margin:auto}
.syllabus-visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:center;padding:28px}
.syllabus-visual .module-card{position:static!important;min-width:0;text-align:center;white-space:normal}
.syllabus-visual .m5{grid-column:1/-1}

@media(max-width:1050px){
  .site-header{min-height:78px;justify-content:space-between}
  .brand img{width:185px;max-width:42vw;max-height:62px}
  .site-header.open .main-nav{top:calc(100% + 8px);left:16px;right:16px;max-height:calc(100vh - 110px);overflow:auto;gap:4px}
  .site-header.open .main-nav a{padding:12px 10px;border-radius:12px}
  .hero-grid{gap:30px}
  .hero .hero-card{width:min(100%,680px)}
}

@media(max-width:640px){
  .site-header{min-height:70px;padding:8px 14px;gap:10px}
  .brand{flex:1;justify-content:center;padding-left:48px}
  .brand img{width:148px;max-width:52vw;max-height:52px}
  .menu-btn{display:grid;place-items:center;margin-left:0;flex:0 0 48px;padding:6px 10px}
  .section{padding:52px 16px}
  h1{font-size:clamp(32px,10vw,40px);overflow-wrap:anywhere}
  h2{font-size:clamp(27px,8vw,34px);overflow-wrap:anywhere}
  h3{font-size:22px}
  .lead{font-size:17px}
  .hero-actions,.actions{gap:10px}
  .btn{width:100%;padding:13px 16px;text-align:center}
  .slider-shell{aspect-ratio:16/10}
  .slide img{object-fit:cover;object-position:center center}
  .slider-arrow{width:42px;height:42px;font-size:28px;background:rgba(255,255,255,.9)}
  .slider-arrow.prev{left:8px}.slider-arrow.next{right:8px}
  .slider-dots{bottom:8px;padding:7px 9px}
  .hero-card{border-radius:22px;padding:10px}
  .custom-visual,.student-lab-visual{min-height:330px;border-radius:20px}
  .browser-card{width:90%;transform:none;padding:14px}
  .journey-path{width:100%;padding:16px;gap:10px}
  .journey-path div{padding:12px;gap:10px}
  .journey-path b{width:36px;height:36px;flex:0 0 36px}
  .rocket{font-size:38px;right:14px;bottom:10px}
  .syllabus-visual{min-height:auto!important;display:grid;grid-template-columns:1fr;gap:10px;padding:18px}
  .syllabus-visual .module-card{grid-column:auto!important;font-size:14px;padding:14px 12px}
  .student-lab-visual{min-height:390px;padding:58px 14px 40px}
  .lab-screen{width:100%;transform:none;border-radius:20px;padding:14px}
  .lab-grid{grid-template-columns:1fr 1fr;gap:8px}
  .lab-grid div{padding:12px;font-size:13px}.lab-grid b{font-size:18px}
  .lab-chip{font-size:12px;padding:8px 11px}
  .lab-chip.c1{top:14px;left:14px}.lab-chip.c2{top:14px;right:14px}.lab-chip.c3{bottom:12px;left:14px}
  .kid-card{width:110px;height:110px;font-size:48px;left:18px;top:50px}
  .idea-card{width:90px;height:90px;font-size:40px;right:18px;top:74px}
  .learn-card{bottom:42px;width:calc(100% - 36px);padding:15px 12px;text-align:center;white-space:normal;font-size:16px}
  .phone-card{width:min(210px,72vw);height:310px}
  .map-pin{right:12px;top:16px;font-size:12px;padding:9px 12px}
  .city-card{font-size:clamp(28px,10vw,38px);padding:28px 22px;text-align:center;max-width:90%}
  .local-chip{font-size:12px;padding:8px 11px;top:14px;left:14px}.local-chip.two{top:14px;right:14px}.local-chip.three{bottom:14px;left:14px}
  .course-visual .screen-icon{font-size:58px;padding:24px}
  .course-chip{font-size:12px;padding:8px 11px;top:14px;left:14px}.course-chip.two{top:14px;right:14px}.course-chip.three{bottom:14px;left:14px}
  .review-bubble{padding:14px 16px;margin:6px}.review-bubble.big{font-size:21px}.stars{font-size:26px}
  .ai-orbit{width:220px;height:220px}.ai-orbit span{width:94px;height:94px;font-size:30px}.ai-orbit i{font-size:12px;padding:8px 10px}.ai-orbit .o2{right:-8px}.ai-orbit .o4{left:-8px}
  .work-media{min-height:300px;padding:16px}.browser-preview,.terminal-window{width:100%}
  .site-hero-preview{height:110px}.site-hero-preview b{font-size:22px}.site-card-row i{height:58px}
  .terminal-window pre,.python-preview pre{font-size:12px;padding:13px;overflow-wrap:anywhere}
  .contact-card{padding:20px}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px}
  .site-footer{padding:42px 20px}
}

@media(max-width:360px){
  .brand{padding-left:42px}.brand img{width:130px}.site-header{padding-inline:10px}
  .lab-grid{grid-template-columns:1fr}.student-lab-visual{min-height:460px}
  .slider-arrow{width:38px;height:38px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide,.reveal{transition:none!important}.reveal{opacity:1;transform:none}}

/* Sticky header + premium slider motion — 2026-10-02 */
.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  transition:min-height .28s ease,padding .28s ease,box-shadow .28s ease,background-color .28s ease,border-color .28s ease;
  will-change:min-height,padding;
}
.site-header.scrolled{
  min-height:72px;
  padding-top:6px;
  padding-bottom:6px;
  background:rgba(255,255,255,.985);
  box-shadow:0 12px 32px rgba(6,26,68,.14);
}
.site-header.scrolled .brand img{max-height:58px;width:190px}
.site-header.scrolled .header-cta{padding-top:12px;padding-bottom:12px}
section[id],main[id]{scroll-margin-top:92px}

.banner-slider{isolation:isolate}
.slider-shell{perspective:1200px}
.slide{
  opacity:0;
  visibility:hidden;
  transform:translate3d(26px,0,0);
  clip-path:inset(0 0 0 7%);
  transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .82s cubic-bezier(.22,.61,.36,1),clip-path .82s cubic-bezier(.22,.61,.36,1),visibility 0s linear .82s;
  z-index:0;
}
.slide.active{
  opacity:1;
  visibility:visible;
  transform:translate3d(0,0,0);
  clip-path:inset(0 0 0 0);
  transition-delay:0s;
  z-index:1;
}
.slide.from-prev{transform:translate3d(-26px,0,0);clip-path:inset(0 7% 0 0)}
.slide img{transform:none!important;animation:none!important}
.banner-slider::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
  
  transform:translateX(-140%);
  opacity:0;
}
.banner-slider.animate-sheen::after{animation:sliderSheen .9s ease-out}
@keyframes sliderSheen{
  0%{transform:translateX(-140%);opacity:0}
  20%{opacity:.7}
  100%{transform:translateX(140%);opacity:0}
}
.slider-arrow,.slider-dots{transition:opacity .25s ease,transform .25s ease,background-color .25s ease}
.slider-arrow:hover{transform:translateY(-50%) scale(1.06)}
.slider-dots button{transition:width .28s ease,background-color .28s ease,transform .28s ease}
.slider-dots button:hover{transform:scale(1.15)}

@media(max-width:1050px){
  .site-header.scrolled{min-height:68px}
  .site-header.scrolled .brand img{width:165px;max-height:54px}
}
@media(max-width:640px){
  .site-header,.site-header.scrolled{position:sticky;top:0}
  .site-header.scrolled{min-height:64px;padding-top:6px;padding-bottom:6px}
  .site-header.scrolled .brand img{width:138px;max-height:48px}
  .slide{transform:translate3d(16px,0,0);clip-path:inset(0 0 0 4%);transition-duration:.56s}
  .slide.from-prev{transform:translate3d(-16px,0,0);clip-path:inset(0 4% 0 0)}
  .banner-slider::after{display:none}
}
@media(prefers-reduced-motion:reduce){
  .site-header,.site-header *,.slide,.slider-arrow,.slider-dots button{transition:none!important}
  .banner-slider::after{display:none!important}
  .slide,.slide.from-prev{transform:none!important;clip-path:none!important}
}

/* Reliable fixed-on-scroll header + per-slide transition system — 2026-10-02 rev2 */
.header-placeholder{display:none;width:100%;height:0;pointer-events:none}
.header-placeholder.active{display:block}
.site-header{position:relative;top:auto;left:auto;right:auto;width:100%;z-index:1000}
.site-header.is-fixed{
  position:fixed;
  top:0;
  left:0;
  right:0;
  width:100%;
  min-height:72px;
  padding-top:6px;
  padding-bottom:6px;
  background:rgba(255,255,255,.985);
  box-shadow:0 12px 32px rgba(6,26,68,.16);
  animation:headerDrop .24s ease-out both;
}
.site-header.is-fixed .brand img{max-height:58px;width:190px}
.site-header.is-fixed .header-cta{padding-top:12px;padding-bottom:12px}
@keyframes headerDrop{from{transform:translateY(-8px);opacity:.94}to{transform:none;opacity:1}}

/* Disable the older generic transform/clip transition; each destination slide now owns its motion. */
.slide{
  opacity:0;
  visibility:hidden;
  transform:none;
  clip-path:none;
  z-index:0;
  transition:none;
  pointer-events:none;
}
.slide.active{
  opacity:1;
  visibility:visible;
  transform:none;
  clip-path:none;
  z-index:1;
  pointer-events:auto;
}
.slide.from-prev{transform:none;clip-path:none}
.slide.entering{will-change:opacity,transform,clip-path,filter}
.slide.effect-fade.entering{animation:tcitFade .72s ease both}
.slide.effect-left.entering{animation:tcitLeftReveal .82s cubic-bezier(.22,.61,.36,1) both}
.slide.effect-up.entering{animation:tcitUpReveal .82s cubic-bezier(.22,.61,.36,1) both}
.slide.effect-diagonal.entering{animation:tcitDiagonalReveal .9s cubic-bezier(.22,.61,.36,1) both}
@keyframes tcitFade{
  from{opacity:0;filter:brightness(.94)}
  to{opacity:1;filter:none}
}
@keyframes tcitLeftReveal{
  from{opacity:.35;clip-path:inset(0 100% 0 0);transform:translateX(18px)}
  to{opacity:1;clip-path:inset(0 0 0 0);transform:none}
}
@keyframes tcitUpReveal{
  from{opacity:.3;clip-path:inset(100% 0 0 0);transform:translateY(18px)}
  to{opacity:1;clip-path:inset(0 0 0 0);transform:none}
}
@keyframes tcitDiagonalReveal{
  from{opacity:.25;clip-path:polygon(0 0,0 0,0 100%,0 100%)}
  to{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
}
.slide img{transform:none!important;animation:none!important}
.banner-slider.transitioning .slider-arrow,.banner-slider.transitioning .slider-dots{pointer-events:none}

@media(max-width:1050px){
  .site-header.is-fixed{min-height:68px}
  .site-header.is-fixed .brand img{width:165px;max-height:54px}
  .site-header.is-fixed.open .main-nav{top:calc(100% + 8px)}
}
@media(max-width:640px){
  .site-header,.site-header.scrolled{position:relative;top:auto}
  .site-header.is-fixed{position:fixed;top:0;left:0;right:0;min-height:64px;padding-top:6px;padding-bottom:6px}
  .site-header.is-fixed .brand img{width:138px;max-height:48px}
  .slide.effect-left.entering{animation-duration:.64s}
  .slide.effect-up.entering{animation-duration:.64s}
  .slide.effect-diagonal.entering{animation-duration:.7s}
}
@media(prefers-reduced-motion:reduce){
  .site-header.is-fixed{animation:none!important}
  .slide.entering{animation:none!important;opacity:1!important;clip-path:none!important;transform:none!important;filter:none!important}
}

/* TCIT Jr visual polish: aligned navigation + colorful learning cards — 2026-10-02 rev3 */
.site-header{
  min-height:88px;
  align-items:center;
}
.brand{
  display:flex;
  align-items:center;
  flex:0 0 auto;
}
.main-nav{
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
}
.main-nav a{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border-radius:14px;
  line-height:1.2;
  white-space:nowrap;
  transition:background-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease;
}
.main-nav a:hover{
  background:#eef7ff;
  transform:translateY(-1px);
}
.main-nav a.active{
  color:#0647a5;
  
  box-shadow:inset 0 0 0 1px #d8eaff;
}
.header-cta{align-self:center;white-space:nowrap}

/* Softer, kid-tech color system. Keep text contrast high while removing the all-white-card feel. */
.card,.course-card,.proof-box,.review-card,.demo-card,.contact-card,.step div,.hero-card,.trust-row div{
  border-color:rgba(11,131,255,.14);
}
.hero-card{
  
}
.trust-row div:nth-child(4n+1){}
.trust-row div:nth-child(4n+2){}
.trust-row div:nth-child(4n+3){}
.trust-row div:nth-child(4n+4){}

.grid-3>.card:nth-child(3n+1),.grid-4>.card:nth-child(4n+1){}
.grid-3>.card:nth-child(3n+2),.grid-4>.card:nth-child(4n+2){}
.grid-3>.card:nth-child(3n+3),.grid-4>.card:nth-child(4n+3){}
.grid-4>.card:nth-child(4n+4){}

.course-card:nth-child(5n+1){border-top:4px solid #0b83ff}
.course-card:nth-child(5n+2){border-top:4px solid #ffb000}
.course-card:nth-child(5n+3){border-top:4px solid #12b76a}
.course-card:nth-child(5n+4){border-top:4px solid #ff2d86}
.course-card:nth-child(5n+5){border-top:4px solid #7c3aed}
.course-card .tag{background:rgba(255,255,255,.84);box-shadow:inset 0 0 0 1px rgba(11,131,255,.14)}

.timeline .step:nth-child(4n+1) div{}
.timeline .step:nth-child(4n+2) div{}
.timeline .step:nth-child(4n+3) div{}
.timeline .step:nth-child(4n+4) div{}

.project-proof>.proof-box:nth-child(odd){}
.project-proof>.proof-box:nth-child(even){}
.review-card:nth-child(3n+1),.demo-card:nth-child(3n+1){}
.review-card:nth-child(3n+2),.demo-card:nth-child(3n+2){}
.review-card:nth-child(3n+3),.demo-card:nth-child(3n+3){}
.contact-card{}
.form-grid input,.form-grid select,.form-grid textarea{background:rgba(255,255,255,.9);border-color:#cfe3f7}

/* Give common visual panels a subtle coding-class personality without reducing readability. */
.custom-visual,.journey-visual,.syllabus-visual,.student-lab-visual,.local-visual,.course-visual,.work-media{
  box-shadow:0 18px 46px rgba(6,26,68,.11);
}
.section.alt{}

@media(max-width:1180px) and (min-width:1051px){
  .site-header{padding-left:24px;padding-right:24px;gap:14px}
  .brand img{width:178px}
  .main-nav{gap:3px}
  .main-nav a{font-size:14px;padding:0 8px}
  .header-cta{padding:13px 17px}
}
@media(max-width:1050px){
  .site-header{min-height:76px}
  .main-nav{align-self:auto}
  .site-header.open .main-nav{
    align-items:stretch;
    gap:6px;
  }
  .site-header.open .main-nav a{
    width:100%;
    min-height:48px;
    justify-content:flex-start;
    padding:0 16px;
  }
}
@media(max-width:640px){
  .site-header{min-height:70px}
}

/* TCIT Jr vibrant learning palette + robust home navigation polish — 2026-10-02 rev4 */
:root{
  --kid-blue:#0b83ff;
  --kid-orange:#ff9d00;
  --kid-green:#19c979;
  --kid-pink:#ff3d91;
  --kid-purple:#7b45f5;
  --kid-yellow:#ffd426;
}

/* Keep cards lively and age-appropriate while preserving strong text contrast. */
.card,.course-card,.proof-box,.review-card,.demo-card,.contact-card,.step div,.hero-card,.trust-row div,.outcome-card{
  border-width:1px;
  box-shadow:0 16px 38px rgba(6,26,68,.09);
}
.hero-card{}

.trust-row div:nth-child(4n+1){border-color:#acd8ff}
.trust-row div:nth-child(4n+2){border-color:#ffd66a}
.trust-row div:nth-child(4n+3){border-color:#99e4bd}
.trust-row div:nth-child(4n+4){border-color:#ffb1d1}

.grid-3>.card:nth-child(3n+1),.grid-4>.card:nth-child(4n+1){border-color:#a8d4ff}
.grid-3>.card:nth-child(3n+2),.grid-4>.card:nth-child(4n+2){border-color:#ffd46a}
.grid-3>.card:nth-child(3n+3),.grid-4>.card:nth-child(4n+3){border-color:#9be1bb}
.grid-4>.card:nth-child(4n+4){border-color:#ffb2d2}

.course-card:nth-child(5n+1){border-color:#a6d4ff;border-top:5px solid var(--kid-blue)}
.course-card:nth-child(5n+2){border-color:#ffd369;border-top:5px solid var(--kid-orange)}
.course-card:nth-child(5n+3){border-color:#98e1bb;border-top:5px solid var(--kid-green)}
.course-card:nth-child(5n+4){border-color:#ffafd0;border-top:5px solid var(--kid-pink)}
.course-card:nth-child(5n+5){border-color:#c6afff;border-top:5px solid var(--kid-purple)}
.course-card .tag{background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px rgba(6,86,217,.16)}

.timeline .step:nth-child(4n+1) div{border-color:#aad6ff}
.timeline .step:nth-child(4n+2) div{border-color:#ffd46a}
.timeline .step:nth-child(4n+3) div{border-color:#9be1bb}
.timeline .step:nth-child(4n+4) div{border-color:#ffb2d2}

.project-proof>.proof-box:nth-child(odd){border-color:#abd7ff}
.project-proof>.proof-box:nth-child(even){border-color:#9ae2bb}
.review-card:nth-child(3n+1),.demo-card:nth-child(3n+1){border-color:#aad6ff}
.review-card:nth-child(3n+2),.demo-card:nth-child(3n+2){border-color:#ffd46a}
.review-card:nth-child(3n+3),.demo-card:nth-child(3n+3){border-color:#c7b1ff}
.contact-card{border-color:#b7d9f8}

.outcome-grid>.outcome-card:nth-child(4n+1){border-color:#abd7ff}
.outcome-grid>.outcome-card:nth-child(4n+2){border-color:#ffd46a}
.outcome-grid>.outcome-card:nth-child(4n+3){border-color:#9be1bb}
.outcome-grid>.outcome-card:nth-child(4n+4){border-color:#ffb2d2}

.icon{box-shadow:inset 0 0 0 1px rgba(11,131,255,.12)}
.section.alt{}

/* Navigation remains clean; stronger active state improves orientation. */
.main-nav a.active{
  color:#063c91;
  
  box-shadow:inset 0 0 0 1px #b9d9f7,0 6px 18px rgba(6,86,217,.08);
}
.main-nav a:hover{}

/* TCIT Jr mobile header hardening — 2026-10-02 rev5
   Keep this block LAST so later visual-polish rules cannot re-enable desktop nav on mobile. */
@media (max-width:1050px){
  .site-header,
  .site-header.scrolled,
  .site-header.is-fixed{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    column-gap:12px;
    min-height:72px;
    padding:8px 16px;
  }

  .site-header .brand{
    grid-column:1;
    grid-row:1;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:max-content;
    max-width:calc(100vw - 86px);
    padding:0;
    margin:0;
  }

  .site-header .brand img,
  .site-header.scrolled .brand img,
  .site-header.is-fixed .brand img{
    width:172px;
    max-width:46vw;
    height:auto;
    max-height:56px;
    object-fit:contain;
    margin:0;
  }

  .site-header .menu-btn{
    grid-column:2;
    grid-row:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    justify-self:end;
    width:48px;
    height:48px;
    min-width:48px;
    padding:0;
    margin:0;
    border:1px solid #d9e9f7;
    border-radius:15px;
    background:#eef7ff;
    color:#0b2a63;
    font-size:28px;
    line-height:1;
    cursor:pointer;
  }

  .site-header .header-cta{display:none!important}

  .site-header .main-nav{
    display:none!important;
    position:absolute;
    left:14px;
    right:14px;
    top:calc(100% + 8px);
    width:auto;
    max-height:calc(100dvh - 96px);
    overflow-y:auto;
    margin:0;
    padding:12px;
    gap:4px;
    align-items:stretch;
    justify-content:flex-start;
    background:rgba(255,255,255,.985);
    border:1px solid #d8e8f7;
    border-radius:22px;
    box-shadow:0 18px 50px rgba(6,26,68,.18);
    z-index:120;
  }

  .site-header.open .main-nav{display:grid!important}

  .site-header.open .main-nav a{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    min-height:48px;
    padding:0 16px;
    border-radius:12px;
    font-size:15px;
    line-height:1.2;
    white-space:normal;
  }

  .site-header.open .main-nav a.active{
    
  }
}

@media (max-width:640px){
  .site-header,
  .site-header.scrolled,
  .site-header.is-fixed{
    min-height:68px;
    padding:7px 12px;
  }
  .site-header .brand img,
  .site-header.scrolled .brand img,
  .site-header.is-fixed .brand img{
    width:152px;
    max-width:50vw;
    max-height:50px;
  }
  .site-header .menu-btn{
    width:46px;
    height:46px;
    min-width:46px;
    font-size:27px;
  }
  .site-header .main-nav{
    left:10px;
    right:10px;
    top:calc(100% + 6px);
    border-radius:20px;
    padding:10px;
  }
}

@media (max-width:360px){
  .site-header,
  .site-header.scrolled,
  .site-header.is-fixed{padding-inline:10px}
  .site-header .brand img,
  .site-header.scrolled .brand img,
  .site-header.is-fixed .brand img{width:138px;max-width:52vw}
  .site-header .menu-btn{width:44px;height:44px;min-width:44px}
}

/* TCIT Jr solid-color system — 2026-10-02 rev6
   No visual gradients: use clean, readable, student-friendly solid colors. */
:root{
  --solid-blue:#0877e8;
  --solid-navy:#08265c;
  --solid-orange:#ff9700;
  --solid-yellow:#ffd52a;
  --solid-green:#20c878;
  --solid-pink:#ff4b98;
  --solid-purple:#8155e8;
  --solid-sky:#e5f3ff;
  --solid-cream:#fff2c9;
  --solid-mint:#def8e9;
  --solid-rose:#ffe1ef;
  --solid-lilac:#ece3ff;
}

.top-strip{background:var(--solid-navy)}
.site-header{border-image:none;border-bottom:3px solid var(--solid-blue)}
.header-cta{background:var(--solid-yellow);color:#071b3f}
.hero{background:#f2f8ff}
.hero h1 span,.student-hero h1 span{background:none!important;color:var(--solid-blue)!important;-webkit-text-fill-color:var(--solid-blue);background-clip:border-box;-webkit-background-clip:border-box}
.btn.primary,.course-card .more{background:var(--solid-blue)}
.btn.orange{background:var(--solid-yellow)}
.color-band{background:var(--solid-navy)}
.alt,.section.alt{background:#f4f9ff}
.icon{background:var(--solid-sky)}
.step span{background:var(--solid-pink)}

.custom-visual,.student-lab-visual{background:#eef7ff}
.code-lines i{background:var(--solid-blue)}
.journey-path b{background:var(--solid-blue)}
.city-card{background:var(--solid-navy)}
.scratch-bg{background:#fff3c9}
.web-bg{background:#e7f4ff}
.python-bg{background:#fff0bf}
.ai-bg{background:#eee6ff}
.work-image-grid{background:#eaf5ff}
.website-preview{background:#fff1c7}
.web-hero{background:var(--solid-blue)}
.python-preview,.python-showcase{background:#0b2e68}
.term-bar,.terminal-top{background:#ff5f57}
.work-media{background:#eef7ff}
.website-showcase{background:#fff3cd}
.site-hero-preview{background:var(--solid-blue)}
.ai-showcase{background:#f2eaff}
.ai-orbit span{background:var(--solid-navy)}
.banner-slider::after{display:none!important;background:none!important}

.hero-card{background:#e8f4ff}
.trust-row div:nth-child(4n+1){background:#dff1ff;border-color:#acd8ff}
.trust-row div:nth-child(4n+2){background:#fff0bd;border-color:#ffd66a}
.trust-row div:nth-child(4n+3){background:#d9f8e9;border-color:#99e4bd}
.trust-row div:nth-child(4n+4){background:#ffe0ef;border-color:#ffb1d1}

.grid-3>.card:nth-child(3n+1),.grid-4>.card:nth-child(4n+1){background:#dcefff;border-color:#a8d4ff}
.grid-3>.card:nth-child(3n+2),.grid-4>.card:nth-child(4n+2){background:#fff0bd;border-color:#ffd46a}
.grid-3>.card:nth-child(3n+3),.grid-4>.card:nth-child(4n+3){background:#dcf8e9;border-color:#9be1bb}
.grid-4>.card:nth-child(4n+4){background:#ffe0ef;border-color:#ffb2d2}

.course-card:nth-child(5n+1){background:#d9eeff;border-color:#a6d4ff;border-top:5px solid var(--solid-blue)}
.course-card:nth-child(5n+2){background:#fff0bb;border-color:#ffd369;border-top:5px solid var(--solid-orange)}
.course-card:nth-child(5n+3){background:#d9f8e8;border-color:#98e1bb;border-top:5px solid var(--solid-green)}
.course-card:nth-child(5n+4){background:#ffdfef;border-color:#ffafd0;border-top:5px solid var(--solid-pink)}
.course-card:nth-child(5n+5){background:#e9dfff;border-color:#c6afff;border-top:5px solid var(--solid-purple)}
.course-card .tag{background:#fff;color:#075bb8}

.timeline .step:nth-child(4n+1) div{background:#dcefff;border-color:#aad6ff}
.timeline .step:nth-child(4n+2) div{background:#fff0bd;border-color:#ffd46a}
.timeline .step:nth-child(4n+3) div{background:#dcf8e9;border-color:#9be1bb}
.timeline .step:nth-child(4n+4) div{background:#ffe0ef;border-color:#ffb2d2}

.project-proof>.proof-box:nth-child(odd){background:#dcefff;border-color:#abd7ff}
.project-proof>.proof-box:nth-child(even){background:#dbf8e8;border-color:#9ae2bb}
.review-card:nth-child(3n+1),.demo-card:nth-child(3n+1){background:#dcefff;border-color:#aad6ff}
.review-card:nth-child(3n+2),.demo-card:nth-child(3n+2){background:#fff0bd;border-color:#ffd46a}
.review-card:nth-child(3n+3),.demo-card:nth-child(3n+3){background:#eadfff;border-color:#c7b1ff}
.contact-card{background:#e5f3ff;border-color:#b7d9f8}

.outcome-grid>.outcome-card:nth-child(4n+1){background:#dcefff;border-color:#abd7ff}
.outcome-grid>.outcome-card:nth-child(4n+2){background:#fff0bd;border-color:#ffd46a}
.outcome-grid>.outcome-card:nth-child(4n+3){background:#dcf8e9;border-color:#9be1bb}
.outcome-grid>.outcome-card:nth-child(4n+4){background:#ffe0ef;border-color:#ffb2d2}

.main-nav a.active{color:#063c91;background:#dff0ff;box-shadow:inset 0 0 0 1px #b9d9f7,0 6px 18px rgba(6,86,217,.08)}
.main-nav a:hover{background:#eef7ff}
@media (max-width:1050px){
  .site-header.open .main-nav a.active{background:#dff0ff}
}