








.fs-webform-container .fserv-container {
    box-shadow: 0 0 0 !important;
    max-width: 100% !important;
}

.h4title {
    font-size: 25px;
    margin: 0;
    font-weight: 600;
}

.fs-webform-container .fserv-container {
    margin: 0 !important;
    padding: 0 !important;
}

.fserv-container label {
    margin: 0 !important;
    padding: 0 !important;
}

.fserv-container input {
    border: 1px solid #aaa !important;
    padding: 10px !important;
    border-radius: 5px !important;
}

body div .fs-webform-container .fserv-input-text, div .iti__tel-input {
    border: 1px solid #c7c7c7 !important;
}

div .fserv-button-submit {
    width: 100% !important;
    border-radius: 5px !important;
    background: linear-gradient(90deg, #02509a, #da187b) !important;
    padding: 8px 20px !important;
    height: auto !important;
}

body div .fs-webform-container .fserv-field+div:not(.fserv-field) {
    border-top: 0px solid #e5e5e5 !important;
    margin-top: 0 !important;
    padding: 5px 30px 15px !important;
}

.iti input.iti__tel-input, .iti input.iti__tel-input[type=text], .iti input.iti__tel-input[type=tel] {
    border: 1px solid #c7c7c7 !important;
}

div .fs-webform-container .fserv-container .fserv-label, div .fs-webform-container .fserv-container button {
    font-size: 15px !important;
}

.iti--container {
    z-index: 99999 !important;
}

.freshworks_form_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 99999;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
}

.freshworks_form_overlay_content {
    background: #fff;
    border-radius: 16px;
    max-width: 400px;
    width: 100%;
    margin: auto;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    position: relative;
}

.freshworks_form_overlay_header {
    padding: 20px 60px 20px 30px;
    border-bottom: 1px solid #e0e0e0;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 10;
    border-radius: 16px 16px 0 0;
}

.freshworks_form_overlay_close_button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #f0f0f0;
    border: 2px solid #ddd;
    font-size: 24px;
    cursor: pointer;
    color: #666;
    line-height: 1;
    padding: 5px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: 20;
    font-weight: bold;
    transition: all 0.2s;
}

.content_caller {
    justify-content: center;
}

.close_call_btn_caller {
    background-image: linear-gradient(-225deg, #0d70bb 20%, #ca0063);
}

.trydemo:after, .trydemo:before {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.modal-open, .trydemo, .tryinner {
    overflow: hidden;
}

.trydemo {
    border: none;
    border-radius: 75vh;
    color: #000;
    cursor: pointer;
    font-family: poppins;
    font-weight: 700;
    line-height: normal;
    padding: 24px 85px;
    top: 18px
}

.trydemo:before {
    animation: 2s linear infinite a;
    aspect-ratio: 1/1;
    background: conic-gradient(#ffad05 0,#000 3%,#409 60%,#ffad05 100%);
    border-radius: 50%;
    content: "";
    height: auto;
    width: 150%
}

.trydemo:hover:after,.tryinner .trydemo:hover:after {
    background: #223a6a
}

.trydemo:hover i,.trydemo:hover span {
    background: linear-gradient(271deg,#fff,#fff)
}

.trydemo:after {
    backdrop-filter: blur(10vh);
    background: #fff;
    border-radius: 75vh;
    content: "";
    height: calc(100% - 1.2vh);
    width: calc(100% - 1.2vh)
}

.trydemo span {
    align-items: center;
    background-clip: text!important;
    -webkit-background-clip: text!important;
    -webkit-background-clip: text;
    display: flex;
    gap: 10px;
    text-wrap: nowrap;
    z-index: 1;
    background: linear-gradient(271deg,#ffad05,#233e74);
    font-weight: 800
}

@keyframes a {
    0% {
        transform: translate(-50%,-50%) rotate(0)
    }

    to {
        transform: translate(-50%,-50%) rotate(1turn)
    }
}

.trylink {
    overflow: hidden;
    border-radius: 50px;
    margin-right: 10px !important;
    margin-left: 20px !important;
}

.trydemo span {
    position: relative;
    z-index: 1;
    font-weight: 500;
}

:root{
    --ink:#0E0A14; --ink2:#3B2E4A; --mute:#6B5E74; --hint:#B8ADB8;
    --paper:#FFFFFF; --canvas:#F0EEE9; --warm:#F7F2EC; --rule:#E7E1DA;
    --blue:#1F3FCF; --violet:#6B1FB8; --magenta:#C7197A;
    --ok:#2E9E6A; --warn:#D9534F; --ochre:#C69A3A;
    --grad: linear-gradient(90deg, var(--blue) 0%, var(--violet) 55%, var(--magenta) 100%);
    --grad45: linear-gradient(135deg, var(--blue) 0%, var(--violet) 55%, var(--magenta) 100%);
  }
  *{box-sizing:border-box}
  html,body{margin:0;padding:0;background:var(--canvas);color:var(--ink);font-family:'Inter Tight',system-ui,sans-serif;-webkit-font-smoothing:antialiased;}
  a{color:inherit;text-decoration:none}
  button{font-family:inherit}
  .wrap{max-width:1280px;margin:0 auto;padding:0 40px}
  .eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);font-weight:500}
  .pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(107,31,184,.08);border:1px solid rgba(107,31,184,.2);color:var(--violet);font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
  .pill .dot{width:7px;height:7px;border-radius:99px;background:var(--ok);box-shadow:0 0 10px var(--ok)}
  .grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
  .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:10px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:transform .15s ease, box-shadow .15s ease}
  .btn:hover{transform:translateY(-1px)}
  .btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 20px rgba(107,31,184,.25)}
  .btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--rule)}
  .btn-ink{background:var(--ink);color:#fff}
  .card{background:#fff;border:1px solid var(--rule);border-radius:12px}
  .rule{height:1px;background:var(--rule);width:100%}

  /* NAV */
  .nav{position:sticky;top:0;z-index:30;background:rgba(240,238,233,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--rule)}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
  .brand{display:flex;align-items:center;gap:12px}
  .brand img{width:40px;height:40px;object-fit:contain}
  .brand-name{font-weight:700;font-size:17px;letter-spacing:-.01em}
  .nav-links{display:flex;gap:26px;font-size:13.5px;color:var(--ink2);font-weight:500}
  .nav-links a{position:relative;padding:4px 0}
  .nav-links a:hover{color:var(--violet)}
  .nav-cta{display:flex;gap:10px;align-items:center}
  .nav-cta .signin{font-size:13.5px;color:var(--ink2);font-weight:500}
  .nav-btn{padding:9px 16px;border-radius:999px;background:var(--ink);color:#fff;font-size:13px;font-weight:600;border:none;cursor:pointer}

  /* HERO */
  .hero{padding:56px 0 72px;position:relative;overflow:hidden}
  .hero::before{content:"";position:absolute;top:-200px;right:-120px;width:520px;height:520px;background:var(--grad45);opacity:.18;filter:blur(140px);z-index:0;pointer-events:none}
  .hero-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:56px;align-items:center;position:relative;z-index:1}
  .hero h1{font-family:'Inter Tight';font-weight:800;font-size:88px;line-height:1.0;letter-spacing:-.028em;margin:20px 0 0;color:var(--ink)}
  .hero .sub{font-size:17px;color:var(--ink2);line-height:1.55;max-width:560px;margin-top:22px}
  .hero-ctas{display:flex;gap:12px;align-items:center;margin-top:30px;flex-wrap:wrap}
  .hero-ctas .or{font-size:13px;color:var(--mute)}
  .proof{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;padding-top:24px;border-top:1px solid var(--rule)}
  .proof .n{font-weight:800;font-size:32px;letter-spacing:-.02em;line-height:1}
  .proof .l{font-size:12.5px;color:var(--mute);margin-top:6px}

  /* Hero side — enrolling stack */
  .enroll-stack{display:flex;flex-direction:column;gap:10px}
  .enroll-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
  .enroll-item{background:#fff;border:1px solid var(--rule);border-radius:12px;padding: 20px 16px;display:flex;align-items:center;gap:12px;justify-content:space-between;transition:border-color .15s, transform .15s}
  .enroll-item:hover{border-color:var(--violet);transform:translateX(-2px)}
  .enroll-item .stripe{width:6px;height:34px;border-radius:3px;background:var(--rule);flex-shrink:0}
  .enroll-item.hot .stripe{background:var(--grad)}
  .enroll-item .n{font-weight:600;font-size:14px}
  .enroll-item .d{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--mute)}
  .enroll-item .hot-pill{display:inline-block;padding:2px 8px;border-radius:99px;background:rgba(199,25,122,.1);color:var(--magenta);font-size:9.5px;letter-spacing:.12em;font-weight:600;font-family:'JetBrains Mono',monospace;margin-left:8px}

  /* Partner marquee */
  .partners{background:#fff;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
  .partners-inner{display:flex;align-items:center;gap:42px;padding:22px 0}
  .partners .eyebrow{flex-shrink:0}
  .partner-track{display:flex;gap:54px;align-items:center;flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
  .partner-track .row{display:flex;gap:54px;animation:scroll 40s linear infinite;align-items:center}
  .partner-track .row span{font-weight:600;font-size:16px;color:var(--mute);letterspacing:-.01em;white-space:nowrap}
  @keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

  /* SECTION CHROME */
  .section{padding:96px 0}
  .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}
  .section-head h2{font-family:'Inter Tight';font-weight:800;font-size:52px;line-height:1.02;letter-spacing:-.025em;margin:10px 0 0;max-width:780px}
  .section-head .kicker{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;color:var(--violet);text-transform:uppercase}
  .step-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:99px;background:var(--ink);color:#fff;font-family:'JetBrains Mono',monospace;font-weight:600;font-size:13px;margin-right:14px}

  /* PROGRAMS */
  .tracks{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
  .track-chip{padding:9px 16px;border-radius:999px;font-size:13px;font-weight:500;cursor:pointer;background:#fff;border:1px solid var(--rule);color:var(--ink2);transition:all .15s}
  .track-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}
  .track-chip:hover:not(.active){border-color:var(--violet);color:var(--violet)}
  .prog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .prog-card{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:12px;position:relative;transition:transform .18s ease, box-shadow .18s ease;border-top:3px solid var(--blue)}
  .prog-card.t-data{border-top-color:var(--violet)}
  .prog-card.t-eng{border-top-color:var(--magenta)}
  .prog-card.t-agile{border-top-color:var(--ochre)}
  .prog-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(20,15,10,.08)}
  .prog-top{display:flex;justify-content:space-between;align-items:center}
  .prog-top .track-tag{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--blue)}
  .prog-card.t-data .track-tag{color:var(--violet)}
  .prog-card.t-eng .track-tag{color:var(--magenta)}
  .prog-card.t-agile .track-tag{color:var(--ochre)}
  .prog-name{font-weight:700;font-size:17px;letter-spacing:-.012em;line-height:1.2;color:var(--ink)}
  .prog-desc{font-size:13px;line-height:1.55;color:var(--ink2)}
  .prog-meta{display:flex;justify-content:space-between;align-items:center;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--mute);letter-spacing:.06em;padding-top:10px;border-top:1px dashed var(--rule)}
  .prog-cta{display:flex;justify-content:space-between;align-items:center;margin-top:4px}
  .prog-cta .curr{font-size:12.5px;color:var(--violet);text-decoration:underline;cursor:pointer}
  .prog-cta .enr{padding:9px 14px;font-size:12px;border:none;border-radius:8px;background:var(--ink);color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
  .prog-cta .enr:hover{background:var(--violet)}
  .hot-pill{padding:2px 8px;border-radius:99px;background:rgba(199,25,122,.1);color:var(--magenta);font-size:9.5px;letter-spacing:.12em;font-weight:600;font-family:'JetBrains Mono',monospace}
  .view-all{text-align:center;margin-top:32px}

  /* PROJECTS (Real-time) */
  .proj-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;grid-auto-rows:minmax(260px,auto)}
  .proj{border-radius:16px;padding:26px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:320px;color:#fff}
  .proj.a{background:linear-gradient(135deg,#1F3FCF 0%, #6B1FB8 100%);grid-row:span 2}
  .proj.b{background:var(--ink)}
  .proj.c{background:linear-gradient(135deg,#C7197A 0%, #6B1FB8 100%)}
  .proj.d{background:var(--warm);color:var(--ink);border:1px solid var(--rule);grid-column:span 2}
  .proj .tag{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.16em;opacity:.75;text-transform:uppercase}
  .proj h3{font-family:'Inter Tight';font-weight:700;font-size:28px;letter-spacing:-.015em;line-height:1.1;margin:10px 0 0}
  .proj p{font-size:13.5px;line-height:1.5;margin:12px 0 0;opacity:.82;max-width:420px}
  .proj .chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
  .proj .chips span{background:rgba(255,255,255,.14);padding:5px 10px;border-radius:99px;font-size:11px;font-family:'JetBrains Mono',monospace;letter-spacing:.05em}
  .proj.d .chips span{background:rgba(20,15,10,.06)}
  .proj .link{margin-top:18px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;text-decoration:underline;text-underline-offset:4px}

  /* CERTIFICATE */
  .cert-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
  .cert-visual{background:#fff;border:1px solid var(--rule);border-radius:18px;padding:40px;aspect-ratio:1.4/1;position:relative;box-shadow:0 20px 48px rgba(20,15,10,.08);background-image:radial-gradient(circle at 100% 0%, rgba(199,25,122,.08), transparent 50%), radial-gradient(circle at 0% 100%, rgba(31,63,207,.06), transparent 50%)}
  .cert-visual .corner{position:absolute;width:50px;height:50px;border:2px solid var(--ink)}
  .cert-visual .tl{top:14px;left:14px;border-right:none;border-bottom:none}
  .cert-visual .tr{top:14px;right:14px;border-left:none;border-bottom:none}
  .cert-visual .bl{bottom:14px;left:14px;border-right:none;border-top:none}
  .cert-visual .br{bottom:14px;right:14px;border-left:none;border-top:none}
  .cert-visual .title{font-family:'Instrument Serif',serif;font-size:28px;color:var(--ink);margin-bottom:8px}
  .cert-visual .award{font-family:'Instrument Serif',serif;font-style:italic;font-size:44px;color:var(--ink);line-height:1;margin:14px 0 18px;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .cert-visual .name{font-weight:700;font-size:22px;letter-spacing:-.01em;border-bottom:1px solid var(--rule);padding-bottom:8px;display:inline-block;min-width:240px}
  .cert-visual .desc{font-size:13px;color:var(--ink2);margin-top:12px;line-height:1.5;max-width:340px}
  .cert-visual .foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:28px}
  .cert-visual .seal{width:62px;height:62px;border-radius:99px;background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.15em;font-weight:600;text-align:center;line-height:1.2}
  .cert-visual .cert-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center}
  .cert-features{display:grid;gap:16px}
  .cert-feat{display:flex;gap:14px;align-items:flex-start}
  .cert-feat .num{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--violet);letter-spacing:.1em;padding-top:3px;font-weight:600;min-width:32px}
  .cert-feat .t{font-weight:600;font-size:15px;margin-bottom:4px}
  .cert-feat .d{font-size:13px;color:var(--ink2);line-height:1.5}

  /* PLACEMENT */
  .placement{background:var(--ink);color:#fff;border-radius:22px;padding:56px;position:relative;overflow:hidden}
  .placement::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 20%, rgba(199,25,122,.2), transparent 50%);pointer-events:none}
  .placement-head{display:flex;justify-content:space-between;gap:40px;position:relative;z-index:1;margin-bottom:40px}
  .placement-head h2{font-family:'Inter Tight';font-weight:800;font-size:48px;letter-spacing:-.025em;line-height:1.05;margin:10px 0 0;max-width:500px;color:#fff}
  .placement-head .eyebrow{color:rgba(255,255,255,.55)}
  .placement-head .desc{max-width:400px;color:rgba(255,255,255,.72);font-size:15px;line-height:1.55}
  .placement-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative;z-index:1}
  .pstep{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:24px}
  .pstep .n{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--magenta);letter-spacing:.16em;font-weight:600}
  .pstep h4{font-size:18px;font-weight:700;letter-spacing:-.01em;margin:10px 0 8px}
  .pstep p{font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.7);margin:0}

  /* TOOLS */
  .tools-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
  .tool{background:#fff;border:1px solid var(--rule);border-radius:12px;padding:22px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:border-color .15s}
  .tool:hover{border-color:var(--violet)}
  .tool .ti{width:42px;height:42px;border-radius:10px;background:var(--canvas);display:flex;align-items:center;justify-content:center;font-family:'Instrument Serif',serif;font-size:22px;font-weight:600;color:var(--ink)}
  .tool .tn{font-size:12.5px;font-weight:600}
  .tool .td{font-size:10.5px;color:var(--mute);text-align:center;line-height:1.4}

  /* ALUMNI */
  .alum-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  .alum{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:14px;transition:transform .18s, box-shadow .18s}
  .alum:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,15,10,.08)}
  .alum .av{width:56px;height:56px;border-radius:99px;background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;letter-spacing:-.01em}
  .alum .n{font-weight:700;font-size:15px;letter-spacing:-.01em}
  .alum .r{font-size:13px;color:var(--ink2);line-height:1.4}
  .alum .l{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--mute);letter-spacing:.08em}
  .alum .co{margin-top:auto;padding-top:12px;border-top:1px dashed var(--rule);font-weight:600;font-size:13px;color:var(--ink)}

  /* LOCATIONS */
  .loc-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px}
  .loc{background:#fff;border:1px solid var(--rule);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
  .loc-img{height:220px;background:linear-gradient(135deg,#3B2E4A 0%, #0E0A14 100%);position:relative;overflow:hidden}
  .loc-img::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 30% 40%, rgba(199,25,122,.3), transparent 40%), radial-gradient(circle at 70% 70%, rgba(31,63,207,.3), transparent 40%)}
  .loc-img .tag{position:absolute;top:16px;left:16px;background:rgba(255,255,255,.95);color:var(--ink);padding:6px 12px;border-radius:99px;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.12em;font-weight:600;z-index:2}
  .loc-img .city{position:absolute;bottom:20px;left:20px;color:#fff;font-family:'Instrument Serif',serif;font-size:36px;letter-spacing:-.01em;z-index:2}
  .loc-body{padding:24px;flex:1;display:flex;flex-direction:column;gap:14px}
  .loc-body .addr{font-size:14px;color:var(--ink2);line-height:1.55}
  .loc-body .row{display:flex;gap:18px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--rule)}
  .loc-body .row div{display:flex;flex-direction:column;gap:2px}
  .loc-body .row .k{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--mute);letter-spacing:.1em;text-transform:uppercase}
  .loc-body .row .v{font-weight:600;font-size:13.5px}

  /* CTA STRIP */
  .cta-strip{background:var(--grad);border-radius:22px;padding:56px;color:#fff;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;position:relative;overflow:hidden}
  .cta-strip::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0%, rgba(255,255,255,.2), transparent 40%);pointer-events:none}
  .cta-strip h2{font-family:'Inter Tight';font-weight:800;font-size:52px;letter-spacing:-.025em;line-height:1.02;margin:0;color:#fff;position:relative;z-index:1}
  .cta-strip h2 i{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
  .cta-strip .right{display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}
  .cta-strip .right p{font-size:15px;line-height:1.55;color:rgba(255,255,255,.85);margin:0}
  .cta-strip .btns{display:flex;gap:10px;flex-wrap:wrap}
  .cta-strip .btn-white{background:#fff;color:var(--ink)}
  .cta-strip .btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}

  /* FOOTER */
  footer{background:var(--ink);color:#fff;padding:64px 0 28px}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:40px}
  .foot-brand{display:flex;flex-direction:column;gap:16px}
  .foot-brand .b{display:flex;align-items:center;gap:12px}
  .foot-brand .b img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(199,25,122,.3))}
  .foot-brand .b span{font-weight:700;font-size:18px;letter-spacing:-.01em}
  .foot-brand p{font-size:13.5px;color:rgba(255,255,255,.6);line-height:1.6;max-width:320px;margin:0}
  .foot-brand .mission{font-family:'Instrument Serif',serif;font-size:20px;line-height:1.3;color:#fff;font-style:italic;border-left:2px solid var(--magenta);padding-left:14px;margin-top:10px}
  .foot-col h5{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.16em;color:rgba(255,255,255,.45);text-transform:uppercase;margin:0 0 14px;font-weight:500}
  .foot-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
  .foot-col a{font-size:13.5px;color:rgba(255,255,255,.75)}
  .foot-col a:hover{color:#fff}
  .foot-bottom{margin-top:56px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:rgba(255,255,255,.5)}
  .foot-bottom .socials{display:flex;gap:14px}
  .foot-bottom .socials a{width:34px;height:34px;border-radius:99px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;font-size:13px;color:rgba(255,255,255,.75)}
  .foot-bottom .socials a:hover{background:var(--magenta);color:#fff}


  
@media (max-width: 767px) {
  .rbt-testimonial-box .description {
    margin-top: 8px;
  }
}

.rbt-testimonial-box .description p {
  margin-bottom: 0;
}

.rbt-testimonial-box .description .rbt-btn-link {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .rbt-testimonial-box .description .rbt-btn-link {
    margin-top: 10px;
  }
}

/* --- Style 2 Variation --- */
.rbt-testimonial-box.style-2 .inner {
  text-align: center;
}

.rbt-testimonial-box.style-2 .inner::before {
  background-image: url(../images/icons/quote.svg);
}

.rbt-testimonial-box.style-2 .icons {
  display: flex;
  align-items: center;
  justify-content: center;
}

.rbt-testimonial-box.style-2 .icons img {
  max-height: 50px;
}

.rbt-testimonial-box.style-2 .clint-info-wrapper {
  display: flex;
  align-items: center;
  margin-top: 22px;
  justify-content: center;
}

@media (max-width: 767px) {
  .rbt-testimonial-box.style-2 .clint-info-wrapper {
    display: block;
  }
}

.rbt-testimonial-box.style-2 .clint-info-wrapper .thumb {
  height: 40px;
  padding: 2px;
  min-width: 40px;
}

.rbt-testimonial-box.style-2 .clint-info-wrapper .client-info {
  padding-left: 15px;
}

@media (max-width: 767px) {
  .rbt-testimonial-box.style-2 .clint-info-wrapper .client-info {
    padding-left: 0;
    margin-top: 15px;
  }
}

.rbt-testimonial-box.style-2 .clint-info-wrapper .client-info .title { 
  font-size: 16px;
  font-weight: 500;
}

.rbt-testimonial-box.style-2 .clint-info-wrapper .client-info .title span {
  line-height: inherit;
  display: inline-block;
  font-size: inherit;
}

.rbt-testimonial-box.text-white .title {
  color: var(--color-white);
}

.rbt-testimonial-box.text-white .designation {
  color: var(--color-white-off);
}

/* --- Keyframes --- */
@-webkit-keyframes scroll {
  0% { -webkit-transform: translateX(0); transform: translateX(0); }
  to { -webkit-transform: translateX(-webkit-calc(-250px * 7)); transform: translateX(calc(-250px * 7)); }
}

@keyframes scroll {
  0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }
  to { -webkit-transform: translateX(-webkit-calc(-250px * 7)); -moz-transform: translateX(-moz-calc(-250px * 7)); transform: translateX(calc(-250px * 7)); }
}

@-webkit-keyframes scrollLeft {
  0% { -webkit-transform: translateX(-webkit-calc(-250px * 7)); transform: translateX(calc(-250px * 7)); }
  to { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes scrollLeft {
  0% { -webkit-transform: translateX(-webkit-calc(-250px * 7)); -moz-transform: translateX(-moz-calc(-250px * 7)); transform: translateX(calc(-250px * 7)); }
  to { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }
}

/* --- Shapes --- */
.rbt-testimonial-shapes-2 {
  position: relative;
}

.rbt-testimonial-shapes-2 .shapes .star {
  position: absolute;
  top: 142px;
  right: 162px;
}

@media (max-width: 1199px), (max-width: 991px), (max-width: 767px) {
  .rbt-testimonial-shapes-2 .shapes .star,
  .rbt-testimonial-shapes-2 .shapes .dubble-shape,
  .testimonial-section-02 .shape-1 {
    display: none;
  }
}

.rbt-testimonial-shapes-2 .shapes .dubble-shape {
  position: absolute;
  left: 113px;
  bottom: 256px;
  max-width: 100px;
}

.testimonial-section-02 {
  position: relative;
}

.testimonial-section-02 .shape-1 {
  position: absolute;
  left: 64px;
  bottom: 72px;
}
.bg-theme-gradient-odd:nth-child(odd) .rbt-testimonial-box .inner{background: linear-gradient(218.15deg, #b866e5 0%, #0d6efd 100%);color: #fff;}
 .rbt-testimonial-box .inner {
    position: relative;
    padding: 50px 40px;
    z-index: 2;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 13px 48px 0 rgba(215, 216, 222, 0.44);
}


/* --- Scroll Animation Wrapper --- */
.scroll-animation-wrapper {
  position: relative;
  z-index: 1;
}

.scroll-animation-wrapper::before,
.scroll-animation-wrapper::after {
  position: absolute;
  height: 100%;
  width: 100px;
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0, 0%, 100%, 0)));
  background: -webkit-linear-gradient(left, #fff, hsla(0, 0%, 100%, 0));
  background: -moz-linear-gradient(left, #fff 0, hsla(0, 0%, 100%, 0) 100%);
  background: linear-gradient(90deg, #fff 0, hsla(0, 0%, 100%, 0));
  z-index: 2;
  content: "";
}

/* sm-layout breakpoint */
@media (max-width: 767px) {
  .scroll-animation-wrapper::before,
  .scroll-animation-wrapper::after {
    width: 50px;
  }
}

.scroll-animation-wrapper::before {
  top: 0;
  left: 0;
}

.scroll-animation-wrapper::after {
  top: 0;
  right: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.scroll-animation-wrapper.no-overlay::before,
.scroll-animation-wrapper.no-overlay::after {
  display: none;
}

/* --- Scroll Animation Container --- */
.scroll-animation {
  display: flex;
  width: -webkit-calc((420px * 16) + (30px * 16));
  width: -moz-calc((420px * 16) + (30px * 16));
  width: calc((420px * 16) + (30px * 16));
  position: relative;
}

.scroll-animation.scroll-right-left {
  -webkit-animation: scroll 80s linear infinite;
  -moz-animation: scroll 80s linear infinite;
  animation: scroll 80s linear infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.scroll-animation.scroll-left-right {
  -webkit-animation: scrollLeft 80s linear infinite;
  -moz-animation: scrollLeft 80s linear infinite;
  animation: scrollLeft 80s linear infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.scroll-animation .single-column-20 {
  width: 500px;
  padding: 0 15px;
}

@media (max-width: 767px) {
  .scroll-animation .single-column-20 {
    width: 310px;
    padding: 0 10px;
  }
}

.rbt-testimonial-box .clint-info-wrapper .thumb img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    border-radius: 100%;
}
.mt--30 {
    margin-top: 30px !important;
} 
.overflow-hidden {
    overflow: hidden !important;
}
.rbt-testimonial-area{ padding: 100px 0;}
.text-center{ text-align: center;}
.justcenter{justify-content: center !important;}
.bg-theme-gradient-even:nth-child(even) .rbt-testimonial-box .inner {
    background: linear-gradient(218.15deg, #b866e5 0%, #0d6efd 100%); color: #fff;
}
.btn_whatsapp:hover {
    transform: scale(1.05);
}
.btn_whatsapp span {
    position: absolute;
    width: 130px;
    right: 90%; background: #fff;
    padding: 5px 15px;
    border: 1px solid #25d366;
    border-radius: 10px 0 0 10px;
    font-size: 14px;z-index: -1;
}

:root{
    --ink:#0E0A14; --ink2:#3B2E4A; --mute:#6B5E74; --hint:#B8ADB8;
    --paper:#FFFFFF; --canvas:#F0EEE9; --warm:#F7F2EC; --rule:#E7E1DA;
    --blue:#1F3FCF; --violet:#6B1FB8; --magenta:#C7197A;
    --ok:#2E9E6A; --warn:#D9534F; --ochre:#C69A3A;
    --grad: linear-gradient(90deg, var(--blue) 0%, var(--violet) 55%, var(--magenta) 100%);
    --grad45: linear-gradient(135deg, var(--blue) 0%, var(--violet) 55%, var(--magenta) 100%);
  }
  *{box-sizing:border-box}
  html,body{margin:0;padding:0;background:var(--canvas);color:var(--ink);font-family:'Inter Tight',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}
  button{font-family:inherit}
  .wrap{max-width:1280px;margin:0 auto;padding:0 40px}
  .eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);font-weight:500}
  .grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
  .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:10px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:transform .15s ease, box-shadow .15s ease}
  .btn:hover{transform:translateY(-1px)}
  .btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 20px rgba(107,31,184,.25)}
  .btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--rule)}
  .btn-ink{background:var(--ink);color:#fff}
  .btn-outline-light{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}
  .pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(107,31,184,.08);border:1px solid rgba(107,31,184,.2);color:var(--violet);font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
  .pill .dot{width:7px;height:7px;border-radius:99px;background:var(--ok);box-shadow:0 0 10px var(--ok)}

  /* NAV */
  .nav{position:sticky;top:0;z-index:30;background:rgba(240,238,233,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--rule)}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
  .brand{display:flex;align-items:center;gap:12px}
  .brand img{width:40px;height:40px;object-fit:contain}
  .brand-name{font-weight:700;font-size:17px;letter-spacing:-.01em}
  .nav-links{display:flex;gap:26px;font-size:13.5px;color:var(--ink2);font-weight:500}
  .nav-links a:hover{color:var(--violet)}
  .nav-cta{display:flex;gap:10px;align-items:center}
  .nav-cta .signin{font-size:13.5px;color:var(--ink2);font-weight:500}
  .nav-btn{padding:9px 16px;border-radius:999px;background:var(--ink);color:#fff;font-size:13px;font-weight:600;border:none;cursor:pointer}

  /* BREADCRUMB */
  .crumbs{padding:22px 0 0;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--mute);letter-spacing:.08em;display:flex;gap:10px;align-items:center}
  .crumbs a:hover{color:var(--violet)}
  .crumbs .sep{color:var(--hint)}

  /* HERO — dark slab with inline curriculum rails */
  .hero{padding:28px 0 0;position:relative}
  .hero-card{background:var(--ink);color:#fff;border-radius:24px;padding:56px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.45fr 1fr;gap:48px}
  .hero-card::before{content:"";position:absolute;top:-160px;right:-140px;width:520px;height:520px;background:var(--grad45);opacity:.35;filter:blur(120px);pointer-events:none}
  .hero-card::after{content:"";position:absolute;bottom:-180px;left:30%;width:400px;height:400px;background:radial-gradient(circle, rgba(31,63,207,.4), transparent 60%);filter:blur(100px);pointer-events:none}
  .hero-left{position:relative;z-index:1;display:flex;flex-direction:column}
  .hero-left .pill{background:rgba(199,25,122,.14);border:1px solid rgba(199,25,122,.3);color:#fff}
  .hero-left .pill .dot{background:var(--magenta);box-shadow:0 0 12px var(--magenta)}
  .hero-left h1{font-family:'Inter Tight';font-weight:800;font-size:72px;line-height:1.0;letter-spacing:-.028em;margin:18px 0 0;color:#fff}
  .hero-left .sub{font-size:16.5px;color:rgba(255,255,255,.75);line-height:1.55;max-width:560px;margin-top:20px}
  .hero-stats{display:grid;grid-template-columns:repeat(4,auto);gap:32px;margin-top:32px;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.1)}
  .hero-stats .s{display:flex;flex-direction:column}
  .hero-stats .n{font-family:'Inter Tight';font-weight:800;font-size:28px;letter-spacing:-.02em;line-height:1}
  .hero-stats .n .unit{color:rgba(255,255,255,.5);font-size:16px;margin-left:2px}
  .hero-stats .l{font-size:11.5px;color:rgba(255,255,255,.55);margin-top:6px;letter-spacing:.04em;font-family:'JetBrains Mono',monospace}
  .hero-ctas{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap} 

  /* hero right — "what you'll be able to do" stack */
  .hero-right{position:relative;z-index:1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:14px}
  .hero-right .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
  .hero-right .head .label{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55)}
  .hero-right .head .cohort{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--magenta);letter-spacing:.12em}
  .hr-row{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.08)}
  .hr-row:last-child{border-bottom:none}
  .hr-row .chk{width:22px;height:22px;border-radius:99px;flex-shrink:0;background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;margin-top:2px}
  .hr-row .t{font-size:14px;font-weight:600;line-height:1.35}
  .hr-row .d{font-size:12.5px;color:rgba(255,255,255,.6);line-height:1.45;margin-top:2px}

  /* PARTNERS STRIP — same bones as home */
  .partners{background:#fff;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top: 70px;padding: 30px 0;}
  .partners-inner{display:flex;align-items:center;gap:42px;padding:22px 0}
  .partners .eyebrow{flex-shrink:0}
  .partner-track{display:flex;gap:54px;flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
  .partner-track .row{display:flex;gap:54px;animation:scroll 40s linear infinite;align-items:center;background: var(--grad);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
  .partner-track .row span{font-weight:600;font-size:16px;color:var(--mute);letterspacing:-.01em;white-space:nowrap}
  @keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

  /* SECTION CHROME */
  .section{padding:88px 0}
  .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:36px}
  .section-head h2{font-family:'Inter Tight';font-weight:800;font-size:44px;line-height:1.05;letter-spacing:-.025em;margin:10px 0 0;max-width:780px}
  .section-head .kicker{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;color:var(--violet);text-transform:uppercase}
  .section-head .sub{font-size:15px;color:var(--ink2);line-height:1.55;max-width:380px;margin:0}

  /* OUTCOMES BAR */
  .outcomes{background:var(--paper);border:1px solid var(--rule);border-radius:18px;padding:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;overflow:hidden}
  .outcome{padding:8px 26px;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:8px}
  .outcome:last-child{border-right:none}
  .outcome:first-child{padding-left:8px}
  .outcome .ic{width:34px;height:34px;border-radius:10px;background:var(--canvas);display:flex;align-items:center;justify-content:center;color:var(--violet);font-family:'JetBrains Mono',monospace;font-weight:700;font-size:14px}
  .outcome .t{font-weight:700;font-size:16px;letter-spacing:-.01em}
  .outcome .d{font-size:13px;color:var(--ink2);line-height:1.5}

  /* CURRICULUM — the star of this page */
  .curr-wrap{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start}
  .curr-side{position:sticky;top:96px}
  .curr-side h5{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin:0 0 12px;font-weight:500}
  .curr-nav{display:flex;flex-direction:column;gap:4px}
  .curr-navitem{background:transparent;border:none;text-align:left;padding:12px 14px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;font-family:inherit;color:var(--ink2);font-weight:500;font-size:14px;transition:background .12s, color .12s}
  .curr-navitem .num{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--mute);letter-spacing:.06em;font-weight:600;flex-shrink:0}
  .curr-navitem .nm{flex:1;line-height:1.3}
  .curr-navitem .ct{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--mute);letter-spacing:.06em}
  .curr-navitem.active{background:var(--ink);color:#fff}
  .curr-navitem.active .num{color:var(--magenta)}
  .curr-navitem.active .ct{color:rgba(255,255,255,.55)}
  .curr-navitem:hover:not(.active){background:var(--warm)}

  .curr-main .curr-sec{background:var(--paper);border:1px solid var(--rule);border-radius:16px;padding:32px;margin-bottom:18px}
  .curr-sec .sec-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--rule)}
  .curr-sec .sec-num{font-family:'Instrument Serif',serif;font-size:56px;line-height:1;color:var(--violet);letter-spacing:-.01em}
  .curr-sec h3{font-family:'Inter Tight';font-weight:700;font-size:28px;letter-spacing:-.015em;margin:0;line-height:1.15}
  .curr-sec .sec-desc{font-size:14px;color:var(--ink2);line-height:1.55;margin-top:8px;max-width:600px}
  .curr-sec .sec-meta{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--mute);letter-spacing:.08em;white-space:nowrap;text-align:right}
  .modules{display:flex;flex-direction:column;gap:10px}
  .module{border:1px solid var(--rule);border-radius:12px;background:var(--warm);overflow:hidden;transition:border-color .15s}
  .module.open{border-color:var(--violet)}
  .mhead{display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;width:100%;background:transparent;border:none;text-align:left;font-family:inherit}
  .mhead .mnum{width:32px;height:32px;border-radius:8px;background:#fff;border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;color:var(--violet);letter-spacing:-.02em;flex-shrink:0}
  .module.open .mhead .mnum{background:var(--grad);color:#fff;border-color:transparent}
  .mhead .mtitle{flex:1;font-weight:600;font-size:15px;color:var(--ink);line-height:1.3}
  .mhead .mtag{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--mute);letter-spacing:.08em;white-space:nowrap;padding:3px 8px;border-radius:99px;background:var(--canvas)}
  .mhead .mtag.ai{color:var(--magenta);background:rgba(199,25,122,.08)}
  .mhead .chev{width:26px;height:26px;border-radius:99px;background:var(--canvas);display:flex;align-items:center;justify-content:center;color:var(--ink);font-size:14px;transition:transform .2s, background .15s}
  .module.open .mhead .chev{transform:rotate(45deg);background:var(--ink);color:#fff}
  .mbody{padding:0 18px 18px 18px;display:none}
  .module.open .mbody{display:block}
  .mbody .topics{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;margin-top:6px}
  .mbody .topic{font-size:13px;color:var(--ink2);line-height:1.45;padding:4px 0;display:flex;align-items:flex-start;gap:8px}
  .mbody .topic::before{content:"";width:4px;height:4px;border-radius:99px;background:var(--violet);margin-top:8px;flex-shrink:0}
  .mbody .tech{margin-top:14px;padding:12px;background:var(--canvas);border-radius:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
  .mbody .tech .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--mute);letter-spacing:.1em;margin-right:4px}
  .mbody .tech span.chip{background:#fff;border:1px solid var(--rule);padding:3px 9px;border-radius:99px;font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:500;color:var(--ink)}

  /* ROADMAP / WEEK BY WEEK */
  .roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .wblock{background:var(--paper);border:1px solid var(--rule);border-radius:14px;padding:24px;position:relative}
  .wblock::before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:var(--grad);border-radius:14px 0 0 14px}
  .wblock .ph{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--violet);letter-spacing:.12em;font-weight:600}
  .wblock h4{font-family:'Inter Tight';font-weight:700;font-size:20px;letter-spacing:-.01em;margin:8px 0 12px;line-height:1.25}
  .wblock ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
  .wblock li{font-size:13.5px;color:var(--ink2);line-height:1.5;display:flex;gap:10px;align-items:flex-start}
  .wblock li::before{content:"→";color:var(--violet);font-weight:600;flex-shrink:0}
  .wblock .ship{margin-top:16px;padding:12px;background:var(--canvas);border-radius:8px;font-size:12.5px;color:var(--ink2)}
  .wblock .ship b{color:var(--ink);display:block;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;margin-bottom:4px}

  /* TOOLS YOU'LL MASTER */
  .toolbar{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
  .toolbar .tl{background:var(--paper);border:1px solid var(--rule);border-radius:12px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:border-color .15s, transform .15s}
  .toolbar .tl:hover{border-color:var(--violet);transform:translateY(-2px)}
  .toolbar .tl .em{font-family:'Instrument Serif',serif;font-size:22px;color:var(--ink);background:var(--canvas);width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600}
  .toolbar .tl .nm{font-size:12px;font-weight:600;text-align:center}

  /* PROJECTS — bento */
  .proj-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;grid-auto-rows:minmax(260px,auto)}
  .proj{border-radius:16px;padding:26px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:300px;color:#fff;position:relative}
  .proj.a{background:linear-gradient(135deg,#1F3FCF 0%, #6B1FB8 100%);grid-row:span 2}
  .proj.b{background:var(--ink)}
  .proj.c{background:linear-gradient(135deg,#C7197A 0%, #6B1FB8 100%)}
  .proj.d{background:var(--warm);color:var(--ink);border:1px solid var(--rule);grid-column:span 2}
  .proj .tag{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.16em;opacity:.75;text-transform:uppercase}
  .proj h3{font-family:'Inter Tight';font-weight:700;font-size:26px;letter-spacing:-.015em;line-height:1.1;margin:10px 0 0}
  .proj p{font-size:13.5px;line-height:1.55;margin:12px 0 0;opacity:.82;max-width:420px}
  .proj .chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
  .proj .chips span{background:rgba(255,255,255,.14);padding:5px 10px;border-radius:99px;font-size:11px;font-family:'JetBrains Mono',monospace;letter-spacing:.05em}
  .proj.d .chips span{background:rgba(20,15,10,.06)}

  /* INSTRUCTOR */
  .inst-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}
  .inst-card{background:var(--paper);border:1px solid var(--rule);border-radius:18px;padding:34px;display:flex;flex-direction:column;gap:18px}
  .inst-head{display:flex;gap:18px;align-items:center}
  .inst-av{width:80px;height:80px;border-radius:18px;background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:30px;letter-spacing:-.01em}
  .inst-head .nm{font-weight:700;font-size:22px;letter-spacing:-.01em}
  .inst-head .rl{font-size:13.5px;color:var(--ink2)}
  .inst-head .pr{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--mute);letter-spacing:.08em;margin-top:4px}
  .inst-quote{font-family:'Instrument Serif',serif;font-size:22px;line-height:1.3;color:var(--ink);font-style:italic;padding-left:14px;border-left:2px solid var(--magenta)}
  .inst-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:16px;border-top:1px solid var(--rule)}
  .inst-stats .n{font-weight:800;font-size:22px;letter-spacing:-.015em}
  .inst-stats .l{font-size:11.5px;color:var(--mute);font-family:'JetBrains Mono',monospace;letter-spacing:.08em;margin-top:4px}

  /* FAQ */
  .faq-list{display:flex;flex-direction:column;gap:10px}
  .faq{background:var(--paper);border:1px solid var(--rule);border-radius:12px;overflow:hidden}
  .faq.open{border-color:var(--violet)}
  .faq button.qhead{width:100%;background:transparent;border:none;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;font-family:inherit;text-align:left}
  .faq .q{font-weight:600;font-size:15.5px;color:var(--ink);letter-spacing:-.005em;line-height:1.3}
  .faq .chev{width:28px;height:28px;border-radius:99px;background:var(--canvas);display:flex;align-items:center;justify-content:center;font-size:14px;transition:transform .2s, background .15s;flex-shrink:0}
  .faq.open .chev{transform:rotate(45deg);background:var(--ink);color:#fff}
  .faq .qbody{padding:0 24px 22px;display:none;font-size:14px;color:var(--ink2);line-height:1.6}
  .faq.open .qbody{display:block}

  /* PRICING / CTA RAIL */
  .enroll-bar{position:sticky;bottom:0;z-index:20;background:var(--ink);color:#fff;padding:14px 0;border-top:1px solid rgba(255,255,255,.08)}
  .enroll-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
  .enroll-inner .price{display:flex;align-items:baseline;gap:12px}
  .enroll-inner .price .amt{font-weight:800;font-size:26px;letter-spacing:-.02em}
  .enroll-inner .price .old{font-size:14px;color:rgba(255,255,255,.5);text-decoration:line-through}
  .enroll-inner .price .tag{padding:3px 10px;border-radius:99px;background:rgba(46,158,106,.18);color:var(--ok);font-size:11px;font-family:'JetBrains Mono',monospace;letter-spacing:.1em;font-weight:600}
  .enroll-inner .meta{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:rgba(255,255,255,.65);letter-spacing:.08em}
  .enroll-inner .btns{display:flex;gap:10px}

  /* FINAL CTA */
  .cta-strip{background:var(--grad);border-radius:22px;padding:48px;color:#fff;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;position:relative;overflow:hidden}
  .cta-strip::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0%, rgba(255,255,255,.2), transparent 40%);pointer-events:none}
  .cta-strip h2{font-family:'Inter Tight';font-weight:800;font-size:42px;letter-spacing:-.025em;line-height:1.05;margin:0;color:#fff;position:relative;z-index:1}
  .cta-strip h2 i{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
  .cta-strip .right{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px}
  .cta-strip .right p{font-size:15px;line-height:1.55;color:rgba(255,255,255,.88);margin:0}
  .cta-strip .btns{display:flex;gap:10px;flex-wrap:wrap}

  footer{background:var(--ink);color:rgba(255,255,255,.6);padding:30px 0;font-size:13px;border-top:1px solid rgba(255,255,255,.08)}
  .foot-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.brand a{display: flex;
    align-items: center;
    gap: 12px;}


    :root{
  --ink:#0E0A14; --ink2:#3B2E4A; --mute:#6B5E74; --hint:#B8ADB8;
  --paper:#FFFFFF; --canvas:#F0EEE9; --warm:#F7F2EC; --rule:#E7E1DA;
  --blue:#1F3FCF; --violet:#6B1FB8; --magenta:#C7197A;
  --ok:#2E9E6A; --warn:#D9534F; --ochre:#C69A3A;
  --grad: linear-gradient(90deg, var(--blue) 0%, var(--violet) 55%, var(--magenta) 100%);
  --grad45: linear-gradient(135deg, var(--blue) 0%, var(--violet) 55%, var(--magenta) 100%);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--canvas);color:var(--ink);font-family:'Inter Tight',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
.wrap{max-width:1280px;margin:0 auto;padding:0 40px}
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);font-weight:500}
.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(107,31,184,.08);border:1px solid rgba(107,31,184,.2);color:var(--violet);font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.pill .dot{width:7px;height:7px;border-radius:99px;background:var(--ok);box-shadow:0 0 10px var(--ok)}
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:10px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:transform .15s ease, box-shadow .15s ease;font-family:inherit}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 20px rgba(107,31,184,.25)}
.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--rule)}
.btn-ink{background:var(--ink);color:#fff}
.btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}
.btn-white{background:#fff;color:var(--ink)}
.card{background:#fff;border:1px solid var(--rule);border-radius:12px}
.rule{height:1px;background:var(--rule);width:100%}
.kicker{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;color:var(--violet);text-transform:uppercase;display:flex;align-items:center;gap:14px;font-weight:500}
.step-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:99px;background:var(--ink);color:#fff;font-family:'JetBrains Mono',monospace;font-weight:600;font-size:13px;margin-right:14px}
.hot-pill{display:inline-block;padding:2px 8px;border-radius:99px;background:rgba(199,25,122,.1);color:var(--magenta);font-size:9.5px;letter-spacing:.12em;font-weight:600;font-family:'JetBrains Mono',monospace}

/* NAV */
.nav{position:sticky;top:0;z-index:30;background:rgba(240,238,233,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--rule)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding: 0px 0;}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:40px;height:40px;object-fit:contain}
.brand-name{font-weight:700;font-size:17px;letter-spacing:-.01em}
.nav-links{display:flex;gap: 30px;font-size:13.5px;color:var(--ink2);font-weight:500;list-style-type: none;margin: 0;padding: 0;}
.nav-links a{position:relative;padding: 25px 0;display: block;text-transform: uppercase;}
.nav-links a:hover{color:var(--violet)}
.nav-links a.active{color: #6b1fb8;}
.nav-links a.active::after{content:"";position:absolute;left:0;right:0;bottom: 0;height:2px;background:var(--grad);border-radius:2px; display: none;}
.nav-cta{display:flex;gap:10px;align-items:center}
.nav-cta .signin{font-size:13.5px;color:var(--ink2);font-weight:500}
.nav-btn{padding:9px 16px;border-radius:999px;background:var(--ink);color:#fff;font-size:13px;font-weight:600;border:none;cursor:pointer;background: var(--grad);}

/* PAGE HERO (compact, subtitle layout) */
.page-hero{padding:64px 0 48px;position:relative;overflow:hidden}
.page-hero::before{content:"";position:absolute;top:-160px;right:-100px;width:480px;height:480px;background:var(--grad45);opacity:.15;filter:blur(140px);z-index:0;pointer-events:none}
.page-hero .inner{position:relative;z-index:1;display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:end}
.page-hero h1{font-family:'Inter Tight';font-weight:800;font-size:80px;line-height:1.0;letter-spacing:-.03em;margin:18px 0 0;color:var(--ink)}
.page-hero h1 i{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
.page-hero .sub{font-size:16px;color:var(--ink2);line-height:1.55;max-width:420px}
.crumb{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.16em;color:var(--mute);text-transform:uppercase;margin-bottom:14px}
.crumb a:hover{color:var(--violet)}
.crumb span{color:var(--ink2)}

/* SECTION CHROME */
.section{padding:72px 0}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:36px}
.section-head h2{font-family:'Inter Tight';font-weight:800;font-size:44px;line-height:1.04;letter-spacing:-.022em;margin:10px 0 0;max-width:780px}

/* FOOTER */
footer{background:var(--ink);color:#fff;padding:64px 0 28px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:40px}
.foot-brand{display:flex;flex-direction:column;gap:16px}
.foot-brand .b{display:flex;align-items:center;gap:12px}
.foot-brand .b img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(199,25,122,.3))}
.foot-brand .b span{font-weight:700;font-size:18px;letter-spacing:-.01em}
.foot-brand p{font-size:13.5px;color:rgba(255,255,255,.6);line-height:1.6;max-width:320px;margin:0}
.foot-brand .mission{font-family:'Instrument Serif',serif;font-size:20px;line-height:1.3;color:#fff;font-style:italic;border-left:2px solid var(--magenta);padding-left:14px;margin-top:10px}
.foot-col h5{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.16em;color:rgba(255,255,255,.45);text-transform:uppercase;margin:0 0 14px;font-weight:500}
.foot-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.foot-col a{font-size:13.5px;color:rgba(255,255,255,.75)}
.foot-col a:hover{color:#fff}
.foot-bottom{margin-top:56px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:rgba(255,255,255,.5)}
.foot-bottom .socials{display:flex;gap:14px}
.foot-bottom .socials a{width:34px;height:34px;border-radius:99px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;font-size:13px;color:rgba(255,255,255,.75)}
.foot-bottom .socials a:hover{background:var(--magenta);color:#fff}

/* CTA STRIP (shared) */
.cta-strip{background:var(--grad);border-radius:22px;padding:48px;color:#fff;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;position:relative;overflow:hidden;margin-bottom:48px}
.cta-strip::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0%, rgba(255,255,255,.2), transparent 40%);pointer-events:none}
.cta-strip h2{font-family:'Inter Tight';font-weight:800;font-size:42px;letter-spacing:-.025em;line-height:1.04;margin:0;color:#fff;position:relative;z-index:1}
.cta-strip h2 i{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
.cta-strip .right{display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}
.cta-strip .right p{font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.85);margin:0}
.cta-strip .btns{display:flex;gap:10px;flex-wrap:wrap}

.proj-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}
.proj-stat{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:22px 24px}
.proj-stat .n{font-family:'Inter Tight';font-weight:800;font-size:42px;letter-spacing:-.02em;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.proj-stat .l{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.14em;color:var(--mute);text-transform:uppercase;margin-top:8px}

.flag-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:18px;grid-auto-rows:minmax(280px,auto)}
.flag{border-radius:18px;padding:32px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;min-height:380px}
.flag.lms{background:linear-gradient(135deg,#1F3FCF 0%, #6B1FB8 100%);grid-row:span 2}
.flag.hrms{background:var(--ink)}
.flag.crm{background:linear-gradient(135deg,#C7197A 0%, #6B1FB8 100%)}
.flag.cap{background:var(--warm);color:var(--ink);border:1px solid var(--rule);grid-column:span 2}
.flag .tag{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.16em;opacity:.75;text-transform:uppercase}
.flag h3{font-family:'Inter Tight';font-weight:700;font-size:30px;letter-spacing:-.018em;line-height:1.1;margin:10px 0 0}
.flag p{font-size:14px;line-height:1.55;margin:14px 0 0;opacity:.86;max-width:420px}
.flag .modules{display:flex;flex-direction:column;gap:8px;margin-top:18px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em;opacity:.78}
.flag .modules span{display:flex;gap:8px;align-items:center}
.flag .modules span::before{content:"";width:6px;height:6px;border-radius:99px;background:currentColor;opacity:.6}
.flag .chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.flag .chips span{background:rgba(255,255,255,.14);padding:5px 10px;border-radius:99px;font-size:11px;font-family:'JetBrains Mono',monospace;letter-spacing:.05em}
.flag.cap .chips span{background:rgba(20,15,10,.06)}
.flag .link{margin-top:14px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;text-decoration:underline;text-underline-offset:4px}

.cap-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.cap{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:12px;border-top:3px solid var(--violet);transition:transform .18s, box-shadow .18s}
.cap:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(20,15,10,.08)}
.cap.t-sf{border-top-color:var(--blue)}
.cap.t-sn{border-top-color:var(--magenta)}
.cap.t-data{border-top-color:var(--violet)}
.cap.t-eng{border-top-color:var(--ochre)}
.cap-top{display:flex;justify-content:space-between;align-items:center;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;color:var(--mute);text-transform:uppercase}
.cap-top .tk{color:var(--violet);font-weight:600}
.cap.t-sf .cap-top .tk{color:var(--blue)}
.cap.t-sn .cap-top .tk{color:var(--magenta)}
.cap.t-eng .cap-top .tk{color:var(--ochre)}
.cap h4{font-family:'Inter Tight';font-weight:700;font-size:18px;letter-spacing:-.012em;line-height:1.25;margin:0}
.cap p{font-size:13px;line-height:1.55;color:var(--ink2);margin:0}
.cap .meta{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px dashed var(--rule);font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--mute)}
.cap .meta b{color:var(--ink);font-weight:600}

.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:36px;position:relative}
.timeline::before{content:"";position:absolute;top:18px;left:0;right:0;height:2px;background:var(--rule);z-index:0}
.tstep{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:36px 18px 22px;text-align:center;position:relative;z-index:1}
.tstep .num{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:36px;height:36px;border-radius:99px;background:var(--ink);color:#fff;font-family:'JetBrains Mono',monospace;font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;border:3px solid var(--canvas)}
.tstep.active .num{background:var(--grad)}
.tstep h5{font-family:'Inter Tight';font-weight:700;font-size:15px;letter-spacing:-.01em;margin:0 0 6px}
.tstep p{font-size:12px;color:var(--ink2);line-height:1.45;margin:0}
.tstep .wk{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--violet);letter-spacing:.12em;margin-top:10px;font-weight:600}

.tools-row{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:32px}
.tool-pill{background:#fff;border:1px solid var(--rule);border-radius:10px;padding:14px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.04em;color:var(--ink2);font-weight:500;transition:border-color .15s, color .15s}
.tool-pill:hover{border-color:var(--violet);color:var(--violet)}
.pl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}
.pl-stat{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:24px}
.pl-stat .n{font-family:'Inter Tight';font-weight:800;font-size:48px;letter-spacing:-.025em;line-height:.95;color:var(--ink)}
.pl-stat .n.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pl-stat .l{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.14em;color:var(--mute);text-transform:uppercase;margin-top:8px}
.pl-stat .d{font-size:13px;color:var(--ink2);line-height:1.5;margin-top:12px;padding-top:12px;border-top:1px dashed var(--rule)}

.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:36px;position:relative}
.proc{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:26px 24px;display:flex;flex-direction:column;gap:10px;position:relative;min-height:260px}
.proc .n{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.14em;color:var(--violet);text-transform:uppercase;font-weight:600}
.proc h4{font-family:'Inter Tight';font-weight:700;font-size:18px;letter-spacing:-.012em;line-height:1.2;margin:0}
.proc p{font-size:13px;color:var(--ink2);line-height:1.55;margin:0}
.proc ul{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--mute);letter-spacing:.04em;line-height:1.7;list-style:none;padding:0;margin:auto 0 0;border-top:1px dashed var(--rule);padding-top:12px}
.proc ul li{display:flex;gap:6px;align-items:center}
.proc ul li::before{content:"→";color:var(--violet)}

.dark-strip{background:var(--ink);color:#fff;border-radius:22px;padding:48px;position:relative;overflow:hidden}
.dark-strip::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 20%, rgba(199,25,122,.2), transparent 50%);pointer-events:none}
.dark-strip h2{font-family:'Inter Tight';font-weight:800;font-size:42px;letter-spacing:-.025em;line-height:1.05;margin:10px 0 28px;color:#fff;max-width:680px;position:relative;z-index:1}
.dark-strip h2 i{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dark-strip .eyebrow{color:rgba(255,255,255,.55)}
.fairs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:1}
.fair{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:24px}
.fair .d{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;color:#FFB9DC;text-transform:uppercase;font-weight:600}
.fair h4{font-family:'Inter Tight';font-weight:700;font-size:18px;letter-spacing:-.01em;margin:8px 0 6px;color:#fff}
.fair p{font-size:13px;color:rgba(255,255,255,.7);line-height:1.5;margin:0}
.fair .hr{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);font-family:'JetBrains Mono',monospace;font-size:10.5px;color:rgba(255,255,255,.55);letter-spacing:.06em;display:flex;justify-content:space-between}
.fair .hr b{color:#fff;font-weight:600}

.partners-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:32px}
.pwall{background:#fff;border:1px solid var(--rule);border-radius:10px;padding:18px;text-align:center;font-family:'Inter Tight';font-weight:700;font-size:15px;letter-spacing:-.005em;color:var(--ink2);transition:border-color .15s, color .15s}
.pwall:hover{border-color:var(--violet);color:var(--ink)}

.outcomes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:36px}
.out-card{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:14px;position:relative;border-left:4px solid var(--grad)}
.out-card.gradline{border-left:none}
.out-card.gradline::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--grad)}
.out-card .quote{font-family:'Instrument Serif',serif;font-style:italic;font-size:24px;line-height:1.35;color:var(--ink);margin:0}
.out-card .who{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding-top:14px;border-top:1px dashed var(--rule)}
.out-card .av{width:48px;height:48px;border-radius:99px;background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}
.out-card .meta .nm{font-weight:700;font-size:14.5px}
.out-card .meta .rl{font-size:12.5px;color:var(--ink2)}
.out-card .co{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.14em;color:var(--violet);text-transform:uppercase;font-weight:600;text-align:right}

.faq{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:36px}
.faq-item{background:var(--paper);border:1px solid var(--rule);border-radius:12px;padding:22px 26px}
.faq-item h5{font-family:'Inter Tight';font-weight:700;font-size:16px;letter-spacing:-.01em;margin:0 0 8px;line-height:1.3}
.faq-item p{font-size:13.5px;color:var(--ink2);line-height:1.6;margin:0}
.al-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}
.al-stat{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:22px 24px}
.al-stat .n{font-family:'Inter Tight';font-weight:800;font-size:46px;letter-spacing:-.025em;line-height:.95;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.al-stat .l{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.14em;color:var(--mute);text-transform:uppercase;margin-top:8px}

/* Filter bar */
.filt{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 28px}
.filt button{background:#fff;border:1px solid var(--rule);border-radius:99px;padding:8px 14px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em;color:var(--ink2);cursor:pointer;font-weight:500;transition:all .15s}
.filt button:hover{border-color:var(--violet);color:var(--violet)}
.filt button.on{background:var(--ink);color:#fff;border-color:var(--ink)}

/* Alumni cards */
.al-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.al-card{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:14px;transition:transform .18s, box-shadow .18s}
.al-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(20,15,10,.08)}
.al-card .top{display:flex;gap:14px;align-items:center}
.al-card .av{width:54px;height:54px;border-radius:99px;background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0}
.al-card .av.v2{background:linear-gradient(135deg,#1F3FCF,#6B1FB8)}
.al-card .av.v3{background:linear-gradient(135deg,#C7197A,#6B1FB8)}
.al-card .av.v4{background:linear-gradient(135deg,#2E9E6A,#1F3FCF)}
.al-card .nm{font-weight:700;font-size:16px;letter-spacing:-.01em;line-height:1.2}
.al-card .rl{font-size:13px;color:var(--ink2);line-height:1.4;margin-top:2px}
.al-card .row{display:flex;justify-content:space-between;align-items:center;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--mute);letter-spacing:.06em}
.al-card .row b{color:var(--ink);font-weight:600}
.al-card .arrow{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--violet);font-weight:600;padding:10px 14px;background:rgba(107,31,184,.06);border-radius:8px}
.al-card .arrow .from{color:var(--mute);font-weight:500}
.al-card .arrow .to{font-weight:700}
.al-card .quote{font-size:13.5px;color:var(--ink2);line-height:1.55;font-style:italic;border-left:2px solid var(--rule);padding-left:12px}
.al-card .meta{display:flex;justify-content:space-between;padding-top:12px;border-top:1px dashed var(--rule);font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--mute);letter-spacing:.1em}

/* Spotlight (large alumni story) */
.spot{display:grid;grid-template-columns:1.1fr 1fr;gap:0;background:var(--ink);color:#fff;border-radius:22px;overflow:hidden;margin-top:32px}
.spot .l{padding:48px;display:flex;flex-direction:column;gap:20px;justify-content:center;position:relative;overflow:hidden}
.spot .l::before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:var(--grad45);opacity:.2;filter:blur(100px)}
.spot .eyebrow{color:rgba(255,255,255,.5)}
.spot blockquote{font-family:'Instrument Serif',serif;font-size:34px;line-height:1.25;font-style:italic;margin:0;color:#fff;position:relative;z-index:1}
.spot blockquote i{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-style:italic}
.spot .by{display:flex;gap:16px;align-items:center;position:relative;z-index:1}
.spot .by .av{width:64px;height:64px;border-radius:99px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px}
.spot .by .nm{font-weight:700;font-size:18px}
.spot .by .rl{color:rgba(255,255,255,.65);font-size:14px;margin-top:2px}
.spot .r{background:linear-gradient(135deg,rgba(31,63,207,.4),rgba(199,25,122,.4)),var(--ink);padding:48px;display:flex;flex-direction:column;justify-content:center;gap:18px}
.spot .r h3{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.16em;color:rgba(255,255,255,.55);text-transform:uppercase;font-weight:500;margin:0}
.spot .journey{display:flex;flex-direction:column;gap:14px}
.spot .step{display:grid;grid-template-columns:60px 1fr;gap:14px;align-items:start}
.spot .step .yr{font-family:'JetBrains Mono',monospace;font-size:12px;color:#FFB9DC;letter-spacing:.06em;font-weight:600;padding-top:2px}
.spot .step .what b{display:block;font-size:15px;font-weight:600;margin-bottom:2px}
.spot .step .what span{font-size:13px;color:rgba(255,255,255,.7);line-height:1.5}

/* Community grid */
.com{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.com-card{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:12px;border-top:3px solid var(--violet)}
.com-card.b1{border-top-color:var(--blue)}
.com-card.b2{border-top-color:var(--magenta)}
.com-card .ic{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.16em;color:var(--violet);text-transform:uppercase;font-weight:600}
.com-card.b1 .ic{color:var(--blue)} .com-card.b2 .ic{color:var(--magenta)}
.com-card h4{font-family:'Inter Tight';font-weight:700;font-size:20px;letter-spacing:-.012em;line-height:1.2;margin:0}
.com-card p{font-size:13.5px;color:var(--ink2);line-height:1.55;margin:0}
.com-card .stat{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--mute);letter-spacing:.06em;padding-top:14px;border-top:1px dashed var(--rule);display:flex;justify-content:space-between}
.com-card .stat b{color:var(--ink);font-weight:700}

/* Geo strip */
.geo{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:24px}
.geo-pill{background:#fff;border:1px solid var(--rule);border-radius:10px;padding:14px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.06em;color:var(--ink2);font-weight:500}
.geo-pill b{display:block;font-size:18px;font-family:'Inter Tight';font-weight:700;color:var(--ink);letter-spacing:-.01em;margin-bottom:4px}


.loc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}
.loc-stat{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:22px 24px}
.loc-stat .n{font-family:'Inter Tight';font-weight:800;font-size:46px;letter-spacing:-.025em;line-height:.95;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.loc-stat .l{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.14em;color:var(--mute);text-transform:uppercase;margin-top:8px}

/* HQ Hero card */
.hq{display:grid;grid-template-columns:1.2fr 1fr;gap:0;background:var(--ink);color:#fff;border-radius:22px;overflow:hidden;margin-top:24px;min-height:520px}
.hq .l{padding:48px;display:flex;flex-direction:column;gap:18px;justify-content:space-between;position:relative;overflow:hidden}
.hq .l::before{content:"";position:absolute;top:-100px;right:-80px;width:380px;height:380px;background:var(--grad45);opacity:.18;filter:blur(120px)}
.hq .eyebrow{color:#FFB9DC;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.16em;font-weight:600;text-transform:uppercase;position:relative;z-index:1}
.hq h2{font-family:'Inter Tight';font-weight:800;font-size:56px;line-height:1.02;letter-spacing:-.028em;margin:0;position:relative;z-index:1}
.hq h2 i{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hq .addr{font-size:15px;line-height:1.6;color:rgba(255,255,255,.78);font-family:'JetBrains Mono',monospace;letter-spacing:.02em;position:relative;z-index:1}
.hq .addr b{color:#fff;display:block;margin-bottom:6px;font-family:'Inter Tight';font-size:14px;letter-spacing:.04em}
.hq .actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}
.hq .r{position:relative;background:linear-gradient(135deg,#1F3FCF 0%,#6B1FB8 60%,#C7197A 100%);display:flex;align-items:center;justify-content:center;padding:48px}
.hq .r::before{content:"";position:absolute;inset:24px;border:1px dashed rgba(255,255,255,.3);border-radius:14px}
.hq .map{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;color:#fff}
.hq .map .pin{display:flex;align-items:center;justify-content:center;font-size:48px;font-family:'Instrument Serif',serif;font-style:italic;flex:1}
.hq .map .pin span{display:flex;flex-direction:column;align-items:center;gap:8px}
.hq .map .pin .dot{width:18px;height:18px;background:#fff;border-radius:99px;box-shadow:0 0 0 8px rgba(255,255,255,.2),0 0 0 22px rgba(255,255,255,.08)}
.hq .map .pin .lbl{font-family:'JetBrains Mono',monospace;font-style:normal;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;background:rgba(0,0,0,.3);padding:6px 12px;border-radius:99px}
.hq .map .coords{display:flex;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;color:rgba(255,255,255,.7)}

/* Branch cards */
.br-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.br-card{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:14px;transition:transform .18s, box-shadow .18s;position:relative;overflow:hidden;min-height:300px}
.br-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad)}
.br-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(20,15,10,.08)}
.br-card .top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.br-card h3{font-family:'Inter Tight';font-weight:700;font-size:24px;letter-spacing:-.018em;line-height:1.1;margin:0}
.br-card .badge{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;color:var(--violet);background:rgba(107,31,184,.08);padding:4px 9px;border-radius:99px;text-transform:uppercase;font-weight:600;white-space:nowrap}
.br-card .badge.new{color:var(--magenta);background:rgba(199,25,122,.08)}
.br-card .addr{font-size:13.5px;color:var(--ink2);line-height:1.55;font-family:'JetBrains Mono',monospace;letter-spacing:.02em}
.br-card .meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:14px;border-top:1px dashed var(--rule)}
.br-card .meta div{display:flex;flex-direction:column;gap:2px}
.br-card .meta .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;color:var(--mute);text-transform:uppercase}
.br-card .meta .val{font-size:14px;font-weight:600;color:var(--ink);letter-spacing:-.005em}
.br-card .links{display:flex;gap:12px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin-top:auto}
.br-card .links a{color:var(--violet)}
.br-card .links a:hover{text-decoration:underline;text-underline-offset:3px}

/* Online */
.online{background:linear-gradient(135deg,#0E0A14 0%,#3B2E4A 100%);color:#fff;border-radius:22px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:32px;position:relative;overflow:hidden}
.online::before{content:"";position:absolute;top:-100px;left:-100px;width:300px;height:300px;background:var(--grad);opacity:.25;filter:blur(120px)}
.online::after{content:"";position:absolute;bottom:-100px;right:-100px;width:300px;height:300px;background:var(--grad);opacity:.2;filter:blur(120px)}
.online h2{font-family:'Inter Tight';font-weight:800;font-size:48px;line-height:1.04;letter-spacing:-.025em;margin:14px 0 16px;color:#fff;position:relative;z-index:1}
.online h2 i{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.online p{font-size:15px;color:rgba(255,255,255,.78);line-height:1.6;margin:0;max-width:440px;position:relative;z-index:1}
.online .stack{display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative;z-index:1}
.online .item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:18px}
.online .item .v{font-family:'Inter Tight';font-weight:700;font-size:24px;letter-spacing:-.015em;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.online .item .l{font-size:12px;color:rgba(255,255,255,.6);margin-top:6px;line-height:1.4}

/* Franchise */
.fran{background:var(--warm);border-radius:22px;padding:48px;display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center;border:1px solid var(--rule);margin-top:32px}
.fran h3{font-family:'Inter Tight';font-weight:800;font-size:42px;line-height:1.04;letter-spacing:-.022em;margin:14px 0 14px;color:var(--ink)}
.fran h3 i{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.fran p{font-size:14.5px;color:var(--ink2);line-height:1.6;margin:0 0 22px}
.fran .pkg{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--rule);border-radius:16px;padding:28px}
.fran .pkg h5{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.16em;color:var(--violet);text-transform:uppercase;margin:0;font-weight:600}
.fran .pkg .what{font-family:'Inter Tight';font-weight:700;font-size:22px;letter-spacing:-.012em;line-height:1.2;margin-top:4px}
.fran .pkg ul{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:9px}
.fran .pkg li{font-size:13.5px;color:var(--ink2);line-height:1.5;display:flex;gap:10px;align-items:flex-start}
.fran .pkg li::before{content:"→";color:var(--violet);font-weight:700}

/* Visit / contact */
.visit{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.visit-card{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:10px}
.visit-card .ic{width:46px;height:46px;border-radius:12px;background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Instrument Serif',serif;font-style:italic;font-size:22px;font-weight:600}
.visit-card h4{font-family:'Inter Tight';font-weight:700;font-size:18px;letter-spacing:-.012em;margin:8px 0 0}
.visit-card p{font-size:13.5px;color:var(--ink2);line-height:1.55;margin:0}
.visit-card .v{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--ink);letter-spacing:.02em;font-weight:600;margin-top:8px}
 .arrow {
    width: 8px;
    height: 8px;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    transform: rotate(45deg);
    transition: 0.3s;
    margin-left: auto;
    display: inline-block;
    position: relative;
    top: -4px;
    margin-left: 4px;
}
#omni-widget-component{width: 100px;
    height: 100px;
    border-radius: 30px;padding: 6px;
    position: fixed;
    left: 20px;
    bottom: 20px;}

    .has-mega-menu:hover .arrow {
        transform: rotate(-135deg); top: 3px;
    }
/* --- Mobile Responsive Styles --- */
@media screen and (max-width: 768px) {
    /* 1. Container Padding */
    .container, .wrapper {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }

    /* 2. Navigation - Stack or Hide */
    .navbar {
        padding: 15px 0;
    }
    .nav-links {
        display: none; /* Hide standard links; consider a hamburger menu */
    }

    /* 3. Hero Section - Stack Content */
    .hero {
        flex-direction: column;
        text-align: center;
        padding-top: 60px;
    }
    .hero-content h1 {
        font-size: 2.5rem; /* Shrink large titles */
        line-height: 1.2;
    }
    .hero-image {
        margin-top: 30px;
        width: 100%;
    }

    /* 4. Feature Cards - 1 Column Layout */
    .features-grid, .cards-container {
        grid-template-columns: 1fr !important; /* Force single column */
        gap: 20px;
    }

    /* 5. Buttons - Full Width */
    .btn-primary, .btn-secondary {
        width: 100%;
        margin-bottom: 10px;
    }

    /* 6. Footer - Stack Links */
    .footer-content {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }
}

/* --- Mobile Responsive Styles --- */
@media screen and (max-width: 768px) {
    /* 1. Container Padding */
    .container, .wrapper {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }

    /* 2. Navigation - Stack or Hide */
    .navbar {
        padding: 15px 0;
    }
    .nav-links {
        display: none; /* Hide standard links; consider a hamburger menu */
    }

    /* 3. Hero Section - Stack Content */
    .hero {
        flex-direction: column;
        text-align: center;
        padding-top: 60px;
    }
    .hero-content h1 {
        font-size: 2.5rem; /* Shrink large titles */
        line-height: 1.2;
    }
    .hero-image {
        margin-top: 30px;
        width: 100%;
    }

    /* 4. Feature Cards - 1 Column Layout */
    .features-grid, .cards-container {
        grid-template-columns: 1fr !important; /* Force single column */
        gap: 20px;
    }

    /* 5. Buttons - Full Width */
    .btn-primary, .btn-secondary {
        width: 100%;
        margin-bottom: 10px;
    }

    /* 6. Footer - Stack Links */
    .footer-content {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }
}
@media screen and (max-width: 480px) {
    /* Adjustments for small phones */
    .section-title {
        font-size: 1.8rem;
    }
    
    /* Ensure images don't overflow */
    img {
        max-width: 100%;
        height: auto;
    }
    
    /* Stack flex items that might be cramped */
    .flex-row {
        flex-direction: column !important;
    }
}
@media screen and (max-width: 768px) {
    /* Responsive Font Sizes */
    h1 {
        font-size: clamp(2rem, 8vw, 2.8rem) !important;
        line-height: 1.1;
    }
    
    h2 {
        font-size: 1.75rem !important;
    }

    p, li, span {
        font-size: 1rem !important; /* Prevents text from being too small/large */
    }
}
@media screen and (max-width: 768px) {
    /* Force Grid to 1 Column */
    .grid-container, 
    .section-wrapper, 
    .features-list,
    [class*="grid"]{ 
        grid-template-columns: 1fr !important; 
        display: flex !important;
        flex-direction: column !important;
    }

    /* Adjust any fixed widths that might prevent stacking */
    .column, .col-6, .left-side, .right-side {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
        padding: 10px 0;
    }
    .nav{ padding: 10px 0;}.nav-links{ gap: 0;}
    .main-nav{ display: none;}
     .main-nav.active{ display: block;}
         .nav-links li { 
        border-bottom: 1px solid #bebebe;
    }
}

/* Mobile Menu Styles */
@media screen and (max-width: 991px) {
    .nav-container {
        position: fixed;
        top: 70px;
        left: -100%; /* Hidden by default */
        width: 100%;
        height: calc(100vh - 70px);
        background: #fff;
        transition: all 0.4s ease;
        overflow-y: auto;
        display: block;
    }

    .nav-container.active {
        left: 0;
    }

    .nav-list {
        flex-direction: column;
        padding: 20px;
    }

    .nav-list li {
        width: 100%;
        border-bottom: 1px solid #eee;
    }

    /* Submenu Logic */
    .submenu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-out;
        background: #f9f9f9;
        list-style: none;
        padding-left: 20px;
    }

    .dropdown.open .submenu {
        max-height: 500px; /* Large enough to fit content */
    }

    /* Arrow Rotation */
   

    .dropdown-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 0;
    }
}
.container {
    max-width: 1200px; /* Adjust based on your design */
    margin: 0 auto;
    padding: 0 15px;
}
/* Mega Menu Position */
.has-mega-menu {
    position: static; /* Important: Allows mega-menu to reference the whole header */
}

.mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%; /* Spans full width */
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    padding: 40px 0;
    border-top: 1px solid #eee;
    z-index: 1000;
}

.has-mega-menu:hover .mega-menu {
    opacity: 1;
    visibility: visible;
}

/* The Grid inside the container */
.mega-menu-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 3 columns */
    gap: 30px;
}

.mega-column h3 {
    font-size: 1.1rem;
    color: #333;
    margin-bottom: 15px;
    border-bottom: 1px solid #6b1fb887; /* Accent color */
    padding-bottom: 5px;
    margin: 0 0 5px;
    display: inline-block;
    padding: 0 0 5px;
    color: #6c1ebb9e;
}
.mega-column ul{margin: 0;padding: 0;list-style-type: none;}
.mega-column ul li a {
    padding: 8px 0;
    display: block;
    color: #666;
    transition: 0.2s;
    /* color: #007bff; */
    text-transform: unset;
}

.mega-column ul li a:hover {
    color: #007bff;
    padding-left: 5px;
}
@media screen and (max-width: 991px) {
    .mega-menu {
        position: relative; /* Stays in the flow of the menu */
        box-shadow: none;
        padding: 0;
        display: none; /* Toggle this with JS class .active */
    }
    
    .mega-menu-grid {
        grid-template-columns: 1fr !important; /* Force 1 column */
        gap: 15px;
        padding: 15px 0;
    }

    .has-mega-menu.open .mega-menu {
        display: block;
        opacity: 1;
        visibility: visible;
    }
    
    .mega-column h3 {
        font-size: 1rem;
        margin-top: 10px;
    }
}

/* --- Desktop Reset for Mega Menu --- */
@media screen and (min-width: 992px) {
  .menu-btn { display: none; }
  .has-mega-menu:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

/* --- Mobile Styles --- */
@media screen and (max-width: 991px) {
  /* 1. Header Layout */
  .nav-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
  }

  .nav-cta { display: none; } /* Hide CTAs on mobile to save space */

  /* 2. Sidebar Navigation */
  .main-nav {
    position: fixed;
    top: 60px;
    right: 0; /* Hidden off-screen */ 
    background: #fff;
    box-shadow: -5px 0 15px rgba(0,0,0,0.1);
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 999;
    padding: 20px;  left: 0;
  }

  .main-nav.active {
    right: 0; /* Slide in */
  }

  .nav-links {
    flex-direction: column;
    display: flex;
  }

  .nav-links li {
    width: 100%;
    border-bottom: 1px solid #eee;
  }

  .nav-links li a {
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    color: #333;
  }

  /* 3. Mega Menu Mobile Fix */
  .mega-menu {
    display: none; /* Toggle via JS */
    position: relative;
    width: 100%;
    background: #f9f9f9;
    padding: 0 15px;
    box-shadow: none;
  }

  .mega-menu-grid {
    display: block !important; /* Force vertical stack */
  }

  .mega-column h3 {
    font-size: 14px;
    padding: 10px 0;
    color: #007bff;
  }

  /* 4. Hamburger Button Styles */
  .menu-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 1000;
  }

  .menu-btn__burger, .menu-btn__burger::before, .menu-btn__burger::after {
    width: 28px;
    height: 3px;
    background: #333;
    border-radius: 5px;
    transition: all .3s ease-in-out;
  }

  .menu-btn__burger::before, .menu-btn__burger::after {
    content: '';
    position: absolute;
  }

  .menu-btn__burger::before { transform: translateY(-10px); }
  .menu-btn__burger::after { transform: translateY(10px); }

  /* Animation when menu is open */
  .menu-btn.open .menu-btn__burger {
    transform: translateX(-50px);
    background: transparent;
  }

  .menu-btn.open .menu-btn__burger::before {
    transform: rotate(45deg) translate(35px, -35px);
  }

  .menu-btn.open .menu-btn__burger::after {
    transform: rotate(-45deg) translate(35px, 35px);
  }
  .cert-wrap{ display: block !important;}
  .placement-steps, .placement-head, .section-head, .cta-strip, .loc-wrap, .partners-inner{ display: block !important;}
  .wrap{ padding: 0 15px;}
  .eyebrow{ text-align: center; padding: 0 0 10px;}
 

}


.btn_caller {
    display: block;
    position: fixed;
    right: 16px;
    bottom: 80px;
    width: 60px;
    height: 60px;
    box-shadow: 0 5px 4px 0 rgba(0,0,0,.26);
    border-radius: 34px 34px 34px 8px;
    padding: 7px 10px 10px;
    background: linear-gradient(45deg,#02509a,#da187b);
    color: #fff!important;
    border-color: transparent #f58220 transparent transparent;
    line-height: 48px;
    cursor: pointer
}

.btn_caller img {
    position: absolute;
    top: 20px;
    left: 20px;
    animation: 2s infinite bounce;
    -webkit-animation: 2s infinite bounce;
    -moz-animation: 2s infinite bounce;
    -o-animation: 2s infinite bounce
}

.modal_caller {
    position: fixed;
    width: 320px;
    height: 130px;
    bottom: 120px;
    right: 17px;
    z-index: 99999999;
    background: #fff;
    display: none;
    border-bottom: 1px solid #e2dfdf;
    box-shadow: 0 5px 40px rgba(0,0,0,.1);
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out;
    border-radius: 30px
}

.head_caller {
    width: 100%;
    height: 20px;
    padding: 1.5em 5%;
    overflow: hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-image: linear-gradient(-225deg,#0d70bb 55%,#ca0063)
}
.btn_caller span {
    position: absolute;
    width: 115px;
    right: 101%;
    z-index: 2;
    color: #000;
    display: block;
    background: #fff;
    padding: 0 !important;
    border: 1px solid #324494;
    border-radius: 10px 0 0 10px;
    top: 22px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    border-right: 0 !important; text-align: center;
}.modal_caller.active{ display: block;}

.close_call_btn_caller {
    background-image: linear-gradient(-225deg, #0d70bb 20%, #ca0063);
}
.close_call_btn_caller {
    display: block;
    position: fixed;
    right: 16px;
    bottom: 80px;
    z-index: 999;
    width: 60px;
    height: 60px;
    box-shadow: 0 5px 4px 0 rgba(0, 0, 0, .26);
    cursor: pointer;
    border-radius: 34px 34px 34px 8px;
    padding: 7px 10px 10px;
    background-color: #006bbc !important;
    color: #fff !important;
    border-color: transparent #f58220 transparent transparent;
}.contact_txt_caller {
    position: relative;
    color: #fff;
    font-size: 18px;
    top: -13px;
    left: 14px;
}.content_caller {
    justify-content: center;
}
.content_caller {
    flex-direction: row !important;
    gap: 10px;
    align-items: center;
}
.content_caller {
    padding: 5%;
}
.content_caller {
    display: flex;
    flex-direction: column;
}.imgwh, .ourlocations img {
    width: unset !important;
    height: unset !important;
}.close_call_btn_caller img {
    position: absolute;
    top: 30%;
    left: 30%;
}