
:root{--kv-navy:#071d3a;--kv-blue:#1557c0;--kv-green:#16a765;--kv-text:#0b1d34;--kv-muted:#617086;--kv-line:#e2e9f2;--kv-bg:#f7faff}
*{box-sizing:border-box}.container{width:min(1160px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e9eef5}.navbar{min-height:68px;display:flex;align-items:center;gap:25px}.logo{display:flex;align-items:center;gap:9px;color:var(--kv-navy);font-weight:950;line-height:.82;text-decoration:none}.logo-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:8px;background:var(--kv-navy);color:#fff;font-weight:950}.logo small{display:block;letter-spacing:4px;font-size:8px;margin-top:5px}.nav-links{display:flex;align-items:center;gap:21px;margin-left:auto}.nav-links a,.mobile-nav a{font-size:12px;font-weight:850;color:#22334a;text-decoration:none;position:relative}.nav-links a:hover,.nav-links a.active,.mobile-nav a.active{color:var(--kv-blue)}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-24px;height:3px;background:var(--kv-blue);border-radius:3px}.nav-cta{background:var(--kv-blue)!important;color:#fff!important;padding:11px 17px;border-radius:7px}.menu-btn{display:none;border:0;background:transparent;font-size:24px;color:var(--kv-navy)}.mobile-nav{display:none}
.page-hero.image-hero{background-size:cover;background-position:center;position:relative;color:#fff;padding:74px 0 64px;min-height:255px;display:flex;align-items:center}.image-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061a34c9,#061a3466)}.image-hero>.container{position:relative;z-index:1}.image-hero h1{font-size:clamp(36px,5vw,58px);line-height:1.04;margin:10px 0}.image-hero p{max-width:690px;margin:0 auto;color:#e1eaf5}.center{text-align:center}.breadcrumb{font-size:11px;font-weight:800;opacity:.8}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:950;color:#1598da}.image-hero .eyebrow{color:#8edcff}
.section{padding:65px 0}.section.alt{background:var(--kv-bg)}.section-head{margin-bottom:28px}.section-head h2{font-size:clamp(27px,3.4vw,42px);line-height:1.1;margin:9px 0}.section-head p{color:var(--kv-muted);max-width:730px}.section-head.center p{margin-left:auto;margin-right:auto}.grid{display:grid;gap:18px}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--kv-line);border-radius:14px;padding:21px;box-shadow:0 10px 35px rgba(8,29,58,.05)}.card:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(8,29,58,.09);transition:.2s}.card h3{margin:10px 0 8px;color:var(--kv-text)}.card p{color:var(--kv-muted);font-size:13px;line-height:1.65}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:12px 18px;font-weight:900;font-size:12px;text-decoration:none;border:1px solid transparent}.btn-primary{background:var(--kv-blue);color:#fff}.btn-green{background:var(--kv-green);color:#fff}.btn-outline{border-color:#c9d7e7;color:var(--kv-navy);background:#fff}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.visual-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:11px}.visual-card h3{text-align:center;margin-bottom:3px}.visual-card p{text-align:center}.service-card{overflow:hidden;padding:0}.service-card .service-body{padding:20px;text-align:center}.service-card img{display:block;width:100%;aspect-ratio:16/8;object-fit:cover;background:#f3f7fb}.service-card .link{display:inline-flex;margin-top:10px;color:var(--kv-blue);font-weight:900;font-size:12px;text-decoration:none}
.project-filter{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-bottom:25px}.project-filter button{border:1px solid var(--kv-line);background:#fff;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:900;color:#40516a;cursor:pointer}.project-filter button.active{background:#edf5ff;color:var(--kv-blue);border-color:#b8d5fa}.project-card{overflow:hidden;padding:0}.project-card[hidden]{display:none}.project-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.project-card .project-body{text-align:center;padding:14px}.project-card h3{font-size:13px;margin:0 0 5px}.project-card p{font-size:11px;margin:0}
.about-hero{background-image:url("../images/heroes/about-hero.jpg")}.about-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:stretch}.about-panel{background:#fff;border:1px solid var(--kv-line);border-radius:18px;padding:30px}.about-panel.dark{background:var(--kv-navy);color:#fff}.about-panel.dark p{color:#c5d4e5}.value-card{text-align:center}.value-card .value-icon{width:54px;height:54px;margin:0 auto 12px;border-radius:16px;background:#edf5ff;display:grid;place-items:center;color:var(--kv-blue);font-size:25px;font-weight:950}
.partner-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:start}.flow-card{text-align:center;padding:10px}.flow-card .icon{width:68px;height:68px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;border:1px solid #d9e4ef;background:#fff;color:var(--kv-blue);font-size:28px;box-shadow:0 7px 22px #0b234410}.flow-card h3{font-size:13px}.flow-card p{font-size:11px;color:var(--kv-muted);line-height:1.5}.partner-shell{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.partner-benefits{text-align:left}.benefit{display:flex;gap:12px;align-items:flex-start;margin:15px 0}.benefit i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e7f8f0;color:var(--kv-green);font-style:normal;font-weight:950;flex:0 0 auto}.form-card{background:#fff;border:1px solid var(--kv-line);border-radius:16px;padding:25px;box-shadow:0 12px 35px #0b23440b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:900;color:#263950}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #d7e1eb;border-radius:8px;background:#fff;font:inherit;font-size:12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#5c9eea;box-shadow:0 0 0 3px #1557c012}.phone-row{display:grid;grid-template-columns:170px 1fr;gap:8px}.checkline{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:8px;font-weight:700!important}.checkline input{width:auto!important;margin-top:3px}.partner-actions{display:flex;gap:10px;flex-wrap:wrap}
.saas-card{text-align:center;padding:22px}.saas-icon{width:72px;height:72px;margin:0 auto 14px;border-radius:20px;display:grid;place-items:center;font-size:38px;font-weight:950;background:#f0f6ff;color:var(--kv-blue)}.saas-card h3{text-align:center}.saas-card p{text-align:center;min-height:48px}.saas-card .btn{margin-top:5px}.bundle-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:11px}.bundle-card{text-align:center}.addon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.addon{text-align:center;border:1px solid var(--kv-line);border-radius:13px;padding:17px;background:#fff}.addon .icon{font-size:28px;color:var(--kv-blue);margin-bottom:7px}
.bootcamp-register-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.track-card{text-align:center;border:1px solid var(--kv-line);background:#fff;border-radius:15px;padding:24px}.track-card .icon{font-size:34px;color:var(--kv-blue);margin-bottom:8px}.bootcamp-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.flow-box{background:#fff;border:1px solid var(--kv-line);border-radius:14px;padding:20px;text-align:center}.flow-box strong{display:block}.flow-box p{font-size:12px;color:var(--kv-muted)}
.site-footer{background:var(--kv-navy);color:#fff;padding:48px 0 20px}.site-footer .logo{color:#fff}.site-footer .logo-mark{background:#fff;color:var(--kv-navy)}.site-footer p{color:#afc1d4;font-size:12px;line-height:1.6}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.footer-title{font-weight:950;margin-bottom:13px}.footer-links{display:grid;gap:8px}.footer-links a{font-size:12px;color:#c2d0df;text-decoration:none}.footer-bottom{margin-top:28px;padding-top:18px;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;gap:15px;color:#93a9c0;font-size:10px}.footer-bottom a{color:#c7d5e2}.wa{position:fixed;right:20px;bottom:20px;width:52px;height:52px;border-radius:50%;background:#16a765;color:#fff;display:grid;place-items:center;text-decoration:none;box-shadow:0 10px 30px #0003;z-index:120;font-size:27px}
@media(max-width:1050px){.nav-links{gap:13px}.nav-links a{font-size:10px}.g4{grid-template-columns:repeat(2,1fr)}.addon-grid{grid-template-columns:repeat(3,1fr)}.partner-flow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.container{width:min(100% - 28px,600px)}.nav-links{display:none}.menu-btn{display:block;margin-left:auto}.mobile-nav{display:none;flex-direction:column;padding:10px 14px 18px;background:#fff;border-top:1px solid var(--kv-line)}.mobile-nav.open{display:flex}.mobile-nav a{padding:12px 7px;border-bottom:1px solid #eef2f6}.image-hero{min-height:300px!important;padding:60px 0!important}.section{padding:48px 0}.g3,.g4,.track-grid,.bootcamp-register-grid,.about-intro,.partner-shell{grid-template-columns:1fr}.partner-flow{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.phone-row{grid-template-columns:1fr}.addon-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{display:grid}.actions{justify-content:center}}
@media(max-width:460px){.partner-flow,.addon-grid,.footer-grid{grid-template-columns:1fr}.image-hero h1{font-size:35px}.saas-icon{width:66px;height:66px;font-size:34px}}

/* FINAL POLISH */
.section-head.center{text-align:center;margin-left:auto;margin-right:auto}
.section-head.center p{margin-left:auto;margin-right:auto;text-align:center}
.partner-form-card,.bootcamp-form-card{border:2px solid #0b4b70;box-shadow:0 14px 40px rgba(7,29,58,.08)}
.partner-benefits{text-align:left!important}
.partner-benefits .section-head,.partner-benefits .section-head h2,.partner-benefits .section-head p{text-align:left}
.consent-row{display:flex;align-items:flex-start;justify-content:flex-start;gap:10px;padding:12px 0 2px}
.consent-row input{width:18px!important;height:18px;flex:0 0 auto;margin:2px 0 0}
.consent-row span{font-size:11px;line-height:1.5;font-weight:700;text-align:left}
.track-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}
.track-option{display:flex;align-items:center;gap:10px;border:1px solid #d7e1eb;border-radius:10px;padding:13px 14px;background:#fff;cursor:pointer;font-size:12px;font-weight:800;line-height:1.35}
.track-option:hover{border-color:#5c9eea;background:#f7fbff}
.track-option input{width:18px;height:18px;flex:0 0 auto;margin:0}
.wa{background:#16b968!important}
.wa svg{width:28px;height:28px;display:block}
.services-card-image-label,.project-category-label{display:none!important}
.nav-links a.bootcamp-current{background:#16a765!important;color:#fff!important}
.nav-links a.bootcamp-current:hover{background:#13965b!important;color:#fff!important}
.nav-links a.bootcamp-current:after{display:none!important}
.footer-links a{background:transparent!important;color:#c2d0df!important;padding:0!important;border-radius:0!important}
.footer-links a:hover{color:#fff!important}
@media(max-width:780px){.track-options{grid-template-columns:1fr}.partner-form-card,.bootcamp-form-card{border-width:2px}.consent-row{align-items:flex-start}}

.project-card{display:block;color:inherit;text-decoration:none}
.project-card h3{color:var(--kv-text)}

/* TARGETED HOTFIX: Bootcamp is styled only when it is the current page. */
.nav-links a.bootcamp-nav{background:transparent!important;color:#22334a!important;padding:9px 10px!important;border-radius:9px!important;box-shadow:none!important}
.nav-links a.bootcamp-nav:hover{background:#edf6ff!important;color:var(--kv-blue)!important}
.nav-links a.bootcamp-nav.bootcamp-current{background:#16a765!important;color:#fff!important;padding:10px 15px!important;border-radius:10px!important;box-shadow:0 8px 22px rgba(22,167,101,.22)!important}
.nav-links a.bootcamp-nav.bootcamp-current:hover{background:#13965b!important;color:#fff!important}

/* MOBILE LAYOUT FIXES — preserve desktop layout. */
@media (max-width: 760px){
  /* Mobile hero follows the natural reading order: copy first, visual second. */
  .hero-grid{display:grid;grid-template-columns:1fr!important;}
  .hero-grid > div:first-child{order:1!important;}
  .hero-grid .hero-art,.hero-grid .hero-image{order:2!important;}

  /* Multi-column content stacks vertically on small screens. */
  .split,.g2,.g3,.g4,.about-intro,.partner-shell,.form-shell,.bootcamp-register-grid,
  .media-grid,.industry-grid,.project-grid,.saas-grid,.bundle-grid,.pricing-grid,
  .track-grid,.bootcamp-flow,.admin-stats{grid-template-columns:1fr!important;}
  .addon-grid{grid-template-columns:1fr!important;}

  .section-head,.section-head.center{text-align:center!important;margin-left:auto!important;margin-right:auto!important;}
  .section-head p,.section-head.center p{text-align:center!important;margin-left:auto!important;margin-right:auto!important;}
  .feature,.card,.visual-card,.service-card,.project-card,.saas-card,.bundle-card,.addon,.flow-box,.track-card{text-align:center;}

  .footer-bottom{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;gap:8px!important;}
  .footer-bottom span{display:block;text-align:center;}
}

/* Targeted mobile footer alignment — no desktop changes. */
@media (max-width: 780px){
  .site-footer .footer-grid > div:first-child{
    text-align:center !important;
  }
  .site-footer .footer-grid > div:first-child .logo{
    justify-content:center !important;
    margin-inline:auto;
  }
  .site-footer .footer-bottom{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    gap:8px !important;
  }
  .site-footer .footer-bottom > span:first-child{
    white-space:nowrap !important;
  }
}
