/* ══════════════════════════════════════════
     FULCRUM TECH CBE — HOMEPAGE
     Theme: Orange #FF6B00 + Navy #0B1A2E
  ══════════════════════════════════════════ */
  :root{
    --o:     #FF6B00;
    --o-lt:  #FF8C35;
    --o-dk:  #D95700;
    --y:     #FFB800;
    --navy:  #0B1A2E;
    --navy2: #122340;
    --navy3: #1A3155;
    --w:     #FFFFFF;
    --off:   #F5F7FA;
    --gray:  #8A9BB5;
    --text:  #2C3E55;
  }
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth;font-size:16px}
  body{font-family:'Outfit',sans-serif;background:var(--w);color:var(--text);overflow-x:hidden;line-height:1.7}
  h1,h2,h3,h4,h5{font-family:'Unbounded',sans-serif;line-height:1.2}
  a{text-decoration:none;color:inherit}
  img{max-width:100%;display:block}
  .container{max-width:1160px;margin:0 auto;padding:0 24px}
  .section{padding:88px 0}
  .section-dark{background:var(--navy);color:#fff}
  .section-alt{background:var(--off)}

  /* ── TAGS ── */
  .tag{display:inline-block;background:rgba(255,107,0,.12);color:var(--o);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:5px 16px;border-radius:50px;border:1px solid rgba(255,107,0,.3);margin-bottom:16px}
  .tag-dark{background:rgba(255,107,0,.2);border-color:rgba(255,107,0,.5)}

  /* ── BUTTONS ── */
  .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .25s;border:2px solid transparent;font-family:'Outfit',sans-serif}
  .btn-primary{background:var(--o);color:#fff;border-color:var(--o)}
  .btn-primary:hover{background:var(--o-lt);border-color:var(--o-lt);transform:translateY(-2px);box-shadow:0 10px 28px rgba(255,107,0,.4)}
  .btn-outline{background:transparent;color:var(--o);border-color:var(--o)}
  .btn-outline:hover{background:var(--o);color:#fff}
  .btn-white{background:#fff;color:var(--o);border-color:#fff}
  .btn-white:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
  .btn-ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.4)}
  .btn-ghost:hover{background:#fff;color:var(--o);border-color:#fff}
  .btn-full{width:100%;justify-content:center}

  /* ════════════════════════════════
     TOP BAR
  ════════════════════════════════ */
  .topbar{background:var(--navy);padding:9px 0;font-size:.8rem;color:#8da8cc}
  .topbar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
  .topbar a{color:var(--o-lt);transition:color .2s}
  .topbar a:hover{color:#fff}
  .top-right{display:flex;gap:20px;align-items:center}

  /* ════════════════════════════════
     STICKY NAV + MEGA DROPDOWN
  ════════════════════════════════ */
  nav{background:#fff;box-shadow:0 2px 20px rgba(11,26,46,.08);position:sticky;top:0;z-index:9999;transition:box-shadow .3s}
  nav.scrolled{box-shadow:0 4px 30px rgba(11,26,46,.15)}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 24px;max-width:1160px;margin:0 auto}

  /* Logo */
  .nav-logo{display:flex;align-items:center;gap:10px}
  .logo-mark{width:40px;height:40px;background:linear-gradient(135deg,var(--o),var(--y));border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-weight:900;font-size:1.1rem;color:#fff;flex-shrink:0}
  .logo-text{font-family:'Unbounded',sans-serif;font-size:1.1rem;font-weight:900;color:var(--navy);line-height:1.1}
  .logo-text span{color:var(--o)}
  .logo-sub{font-size:.58rem;color:var(--gray);font-family:'Outfit',sans-serif;font-weight:400;letter-spacing:.06em;text-transform:uppercase}

  /* Nav Links */
  .nav-links{display:flex;align-items:center;gap:4px;list-style:none}
  .nav-links > li{position:relative}
  .nav-links > li > a{display:flex;align-items:center;gap:5px;padding:10px 14px;font-size:.88rem;font-weight:500;color:var(--navy);border-radius:6px;transition:all .2s;white-space:nowrap}
  .nav-links > li > a:hover,.nav-links > li.active > a{color:var(--o);background:rgba(255,107,0,.07)}
  .nav-links > li > a .arrow{font-size:.6rem;transition:transform .25s}
  .nav-links > li:hover > a .arrow{transform:rotate(180deg)}
  /* invisible hover bridge */
.nav-links > li::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 20px;   /* bridge height */
}
  /* Hamburger */
  .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;border-radius:6px;transition:background .2s}
  .hamburger:hover{background:rgba(255,107,0,.08)}
  .hamburger span{display:block;width:24px;height:2px;background:var(--navy);border-radius:2px;transition:all .3s}
  .hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
  .hamburger.open span:nth-child(2){opacity:0}
  .hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

  /* ── MEGA DROPDOWN ── */
  .mega-menu{
    position:absolute;
    top:100%;   /* remove calc gap */
    left:50%;
    transform:translateX(-50%) translateY(8px);
    width:760px;
    background:#fff;
    border-radius:16px;
    box-shadow:0 20px 60px rgba(11,26,46,.18);
    border:1px solid rgba(11,26,46,.06);
    opacity:0;
    pointer-events:none;
    transition:all .25s cubic-bezier(.4,0,.2,1);
    z-index:9999;
    overflow:hidden;
  }
  .nav-links > li:hover .mega-menu{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}

  .mega-top{
    background:linear-gradient(135deg,var(--navy) 0%,var(--navy3) 100%);
    padding:20px 28px;
    display:flex;align-items:center;justify-content:space-between;
  }
  .mega-top-title{font-family:'Unbounded',sans-serif;font-size:.8rem;color:#fff;letter-spacing:.06em;text-transform:uppercase}
  .mega-top-badge{background:var(--o);color:#fff;font-size:.7rem;font-weight:600;padding:3px 12px;border-radius:50px}

  .mega-body{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;padding:8px}

  /* Category headers */
  .mega-cat{padding:16px 12px 8px;border-radius:8px}
  .mega-cat-label{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gray);margin-bottom:8px;padding:0 4px}
  .mega-item{
    display:flex;align-items:center;gap:10px;
    padding:9px 12px;border-radius:8px;
    transition:all .2s;cursor:pointer;
    font-size:.85rem;font-weight:500;color:var(--navy);
  }
  .mega-item:hover{background:rgba(255,107,0,.09);color:var(--o)}
  .mega-item-icon{
    width:32px;height:32px;border-radius:8px;
    display:flex;align-items:center;justify-content:center;
    font-size:1rem;flex-shrink:0;
    background:var(--off);transition:background .2s;
  }
  .mega-item:hover .mega-item-icon{background:rgba(255,107,0,.15)}
  .mega-item-text{}
  .mega-item-sub{font-size:.7rem;color:var(--gray);font-weight:400;line-height:1.2}

  .mega-divider{width:1px;background:linear-gradient(180deg,transparent,rgba(11,26,46,.08),transparent);margin:12px 0}

  .mega-footer{
    border-top:1px solid var(--off);
    padding:14px 20px;
    display:flex;align-items:center;justify-content:space-between;
    background:#fafbfd;
  }
  .mega-footer-text{font-size:.8rem;color:var(--gray)}
  .mega-footer-text strong{color:var(--navy)}

  /* Nav CTA */
  .nav-cta{background:var(--o);color:#fff;padding:9px 22px;border-radius:8px;font-size:.87rem;font-weight:600;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}
  .nav-cta:hover{background:var(--o-dk);transform:translateY(-1px);box-shadow:0 6px 20px rgba(255,107,0,.35)}

  /* ════════════════════════════════
     MOBILE NAV
  ════════════════════════════════ */
  .mobile-nav{
    display:none;
    position:fixed;inset:0;
    background:var(--navy);z-index:8888;
    overflow-y:auto;padding:80px 24px 40px;
    transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);
  }
  .mobile-nav.open{transform:translateX(0);display:block}
  .mobile-nav-section{margin-bottom:28px}
  .mobile-nav-label{font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gray);margin-bottom:10px}
  .mobile-nav-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:8px;color:#c5d8f0;font-size:.92rem;font-weight:500;transition:all .2s;margin-bottom:4px}
  .mobile-nav-item:hover{background:rgba(255,107,0,.12);color:var(--o)}
  .mobile-nav-main a{display:block;padding:12px 0;color:#fff;font-size:1rem;font-weight:600;border-bottom:1px solid rgba(255,255,255,.06)}
  .mobile-nav-main a:hover{color:var(--o)}

  /* ════════════════════════════════
     HERO
  ════════════════════════════════ */
  .hero{
    background:linear-gradient(140deg,#040d1c 0%,var(--navy) 55%,#0c2040 100%);
    min-height:92vh;display:flex;align-items:center;
    position:relative;overflow:hidden;padding:80px 0 60px;
  }
  /* Geometric accent shapes */
  .hero-shape-1{position:absolute;top:-120px;right:-80px;width:700px;height:700px;background:radial-gradient(circle,rgba(255,107,0,.18) 0%,transparent 62%);pointer-events:none}
  .hero-shape-2{position:absolute;bottom:-100px;left:-120px;width:500px;height:500px;background:radial-gradient(circle,rgba(255,184,0,.08) 0%,transparent 65%);pointer-events:none}
  .hero-shape-3{position:absolute;top:40%;right:20%;width:300px;height:300px;background:radial-gradient(circle,rgba(0,201,177,.06) 0%,transparent 65%);pointer-events:none}

  /* Animated grid */
  .hero-grid-bg{
    position:absolute;inset:0;
    background-image:linear-gradient(rgba(255,107,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,0,.04) 1px,transparent 1px);
    background-size:64px 64px;
    animation:gridDrift 30s linear infinite;
    pointer-events:none;
  }
  @keyframes gridDrift{0%{background-position:0 0}100%{background-position:64px 64px}}

  .hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}

  /* Floating labels */
  .hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,107,0,.14);border:1px solid rgba(255,107,0,.35);color:var(--o-lt);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:22px}
  .hero-eyebrow .dot{width:7px;height:7px;background:var(--o);border-radius:50%;animation:blink 1.4s ease infinite}
  @keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}

  .hero h1{font-size:clamp(2rem,4vw,3.2rem);color:#fff;margin-bottom:22px;line-height:1.15}
  .hero h1 .orange{color:var(--o)}
  .hero h1 .yellow{color:var(--y)}
  .hero-desc{color:#8da8cc;font-size:1.05rem;line-height:1.8;margin-bottom:32px;max-width:520px}

  /* Stats bar */
  .hero-stats{display:flex;gap:0;margin-bottom:36px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}
  .hero-stat{flex:1;text-align:center;padding:16px 12px;border-right:1px solid rgba(255,255,255,.07)}
  .hero-stat:last-child{border-right:none}
  .hero-stat-num{font-family:'Unbounded',sans-serif;font-size:1.5rem;font-weight:700;color:var(--o);line-height:1}
  .hero-stat-label{font-size:.7rem;color:#6d89aa;margin-top:4px;letter-spacing:.04em}

  .hero-btns{display:flex;gap:14px;flex-wrap:wrap}

  /* Course pills row */
  .hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
  .hero-pill{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#c0d4ee;font-size:.73rem;padding:5px 13px;border-radius:50px;transition:all .25s;cursor:default}
  .hero-pill:hover{background:rgba(255,107,0,.15);border-color:rgba(255,107,0,.4);color:var(--o-lt)}

  /* Enquiry Form Card */
  .hero-card{
    background:#fff;border-radius:20px;padding:36px 30px;
    box-shadow:0 24px 70px rgba(0,0,0,.4);
    position:relative;overflow:hidden;
    animation:slideUp .8s .2s both;
  }
  @keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
  .hero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--o),var(--y),#FF3D00)}
  .card-title{font-family:'Unbounded',sans-serif;font-size:1rem;color:var(--navy);margin-bottom:4px}
  .card-sub{font-size:.82rem;color:var(--gray);margin-bottom:20px}

  .form-row{margin-bottom:13px}
  .form-row label{display:block;font-size:.78rem;font-weight:600;color:var(--navy);margin-bottom:5px}
  .form-row input,.form-row select{
    width:100%;padding:11px 15px;
    border:1.5px solid #dce4f0;border-radius:8px;
    font-family:'Outfit',sans-serif;font-size:.9rem;color:var(--navy);
    background:#f8fafd;outline:none;transition:border .2s;
  }
  .form-row input:focus,.form-row select:focus{border-color:var(--o);background:#fff}
  .form-note{text-align:center;font-size:.74rem;color:var(--gray);margin-top:10px}
  .form-note span{color:var(--o);font-weight:600}

  /* ════════════════════════════════
     TRUST STRIP
  ════════════════════════════════ */
  .trust{background:var(--o);padding:16px 0}
  .trust-inner{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}
  .trust-item{display:flex;align-items:center;gap:9px;color:#fff;font-size:.85rem;font-weight:500}
  .trust-item .ti{width:30px;height:30px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}

  /* ════════════════════════════════
     ABOUT SECTION
  ════════════════════════════════ */
  .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
  .about-img-wrap{position:relative}
  .about-img-box{
    background:linear-gradient(135deg,var(--navy) 0%,var(--navy3) 100%);
    border-radius:24px;padding:40px;overflow:hidden;
    position:relative;aspect-ratio:1;
    display:flex;flex-direction:column;justify-content:flex-end;
  }
  .about-img-box::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(255,107,0,.22) 0%,transparent 70%);top:-150px;right:-150px}
  .about-img-box::after{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
  .about-big-num{font-family:'Unbounded',sans-serif;font-size:6rem;font-weight:900;color:rgba(255,107,0,.15);line-height:1;position:absolute;top:24px;right:24px}
  .about-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:2}
  .about-mini{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;text-align:center;transition:all .3s}
  .about-mini:hover{background:rgba(255,107,0,.15);border-color:rgba(255,107,0,.3);transform:translateY(-3px)}
  .about-mini-num{font-family:'Unbounded',sans-serif;font-size:1.4rem;font-weight:700;color:var(--o)}
  .about-mini-label{font-size:.73rem;color:#8da8cc;margin-top:3px}

  .section-label{display:flex;align-items:center;gap:10px;margin-bottom:12px}
  .section-label-line{width:40px;height:2px;background:var(--o)}
  .section-h{font-size:clamp(1.5rem,2.8vw,2.2rem);color:var(--navy);margin-bottom:16px}
  .section-h span{color:var(--o)}
  .section-h-white{color:#fff}
  .section-p{color:#5a6f8a;line-height:1.8;margin-bottom:24px;font-size:.97rem}

  .check-list{list-style:none}
  .check-list li{display:flex;align-items:flex-start;gap:12px;padding:9px 0;border-bottom:1px solid #eef2f8;font-size:.92rem;color:#3a4f6a}
  .check-list li:last-child{border:none}
  .chk{width:22px;height:22px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.65rem;flex-shrink:0;margin-top:2px}

  /* ════════════════════════════════
     COURSES GRID — ALL 14
  ════════════════════════════════ */
  .courses-section{}
  .courses-filter{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:44px}
  .filter-btn{padding:8px 20px;border-radius:50px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;border:1.5px solid #dce4f0;background:#fff;color:var(--navy);font-family:'Outfit',sans-serif}
  .filter-btn:hover,.filter-btn.active{background:var(--o);color:#fff;border-color:var(--o);box-shadow:0 4px 16px rgba(255,107,0,.3)}

  .courses-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}

  .course-card{
    background:#fff;border:1.5px solid #e8eef8;border-radius:18px;
    overflow:hidden;transition:all .3s;position:relative;
    display:flex;flex-direction:column;
  }
  .course-card:hover{transform:translateY(-6px);border-color:rgba(255,107,0,.3);box-shadow:0 16px 50px rgba(11,26,46,.14)}
  .course-card-top{
    padding:28px 22px 20px;
    position:relative;overflow:hidden;
    display:flex;flex-direction:column;align-items:flex-start;flex:1;
  }
  .course-card-top::before{
    content:'';position:absolute;top:0;right:0;
    width:120px;height:120px;
    border-radius:0 0 0 120px;
    opacity:.07;transition:opacity .3s;
  }
  .course-card:hover .course-card-top::before{opacity:.13}

  /* Category colour accents */
  .cat-creative .course-card-top::before{background:var(--o)}
  .cat-media    .course-card-top::before{background:#7C3AED}
  .cat-cad      .course-card-top::before{background:#0ea5e9}
  .cat-creative .course-badge{background:rgba(255,107,0,.1);color:var(--o)}
  .cat-media    .course-badge{background:rgba(124,58,237,.1);color:#7C3AED}
  .cat-cad      .course-badge{background:rgba(14,165,233,.1);color:#0ea5e9}

  .course-icon-wrap{
    width:54px;height:54px;border-radius:14px;
    display:flex;align-items:center;justify-content:center;
    font-size:1.7rem;margin-bottom:16px;
    background:var(--off);transition:all .3s;
    box-shadow:0 4px 12px rgba(11,26,46,.08);
  }
  .course-card:hover .course-icon-wrap{transform:scale(1.08);box-shadow:0 8px 20px rgba(255,107,0,.2)}

  .course-badge{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border-radius:50px;margin-bottom:10px}
  .course-name{font-family:'Unbounded',sans-serif;font-size:.88rem;color:var(--navy);margin-bottom:8px;line-height:1.3}
  .course-desc{font-size:.78rem;color:var(--gray);line-height:1.5;margin-bottom:14px;flex:1}
  .course-meta{display:flex;gap:12px;font-size:.72rem;color:var(--gray);margin-bottom:16px}
  .course-meta span{display:flex;align-items:center;gap:4px}

  .course-card-bottom{
    padding:14px 22px;border-top:1px solid #f0f4fb;
    display:flex;align-items:center;justify-content:space-between;
  }
  .course-mode{font-size:.72rem;font-weight:600;color:var(--gray);display:flex;align-items:center;gap:5px}
  .mode-dot{width:7px;height:7px;background:#22c55e;border-radius:50%;animation:pulse-g 2s ease infinite}
  @keyframes pulse-g{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{box-shadow:0 0 0 6px rgba(34,197,94,0)}}
  .course-link{font-size:.78rem;font-weight:600;color:var(--o);display:flex;align-items:center;gap:4px;transition:gap .2s}
  .course-link:hover{gap:8px}

  /* New badge */
  .new-badge{position:absolute;top:12px;right:12px;background:var(--o);color:#fff;font-size:.6rem;font-weight:700;padding:3px 9px;border-radius:50px;letter-spacing:.06em;text-transform:uppercase}

  /* ════════════════════════════════
     WHY CHOOSE US
  ════════════════════════════════ */
  .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
  .why-card{background:#fff;border:1.5px solid #e8eef8;border-radius:18px;padding:30px 24px;transition:all .3s;position:relative;overflow:hidden}
  .why-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y));transform:scaleX(0);transform-origin:left;transition:transform .35s}
  .why-card:hover{transform:translateY(-5px);box-shadow:0 14px 40px rgba(11,26,46,.1);border-color:rgba(255,107,0,.2)}
  .why-card:hover::after{transform:scaleX(1)}
  .why-icon{font-size:2.5rem;margin-bottom:18px}
  .why-title{font-size:1rem;color:var(--navy);margin-bottom:10px;font-weight:600}
  .why-desc{font-size:.83rem;color:var(--gray);line-height:1.65}

  /* ════════════════════════════════
     PLACEMENT STRIP
  ════════════════════════════════ */
  .placement-section{background:linear-gradient(135deg,var(--navy) 0%,var(--navy3) 100%)}
  .placement-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
  .p-steps{list-style:none}
  .p-step{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.06)}
  .p-num{width:40px;height:40px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0}
  .p-text h4{color:#fff;margin-bottom:3px;font-size:.9rem}
  .p-text p{color:#6d89aa;font-size:.81rem;line-height:1.5}
  .pstats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .pstat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s}
  .pstat:hover{background:rgba(255,107,0,.1);border-color:rgba(255,107,0,.3)}
  .pstat-n{font-family:'Unbounded',sans-serif;font-size:2rem;font-weight:700;color:var(--o);line-height:1;margin-bottom:5px}
  .pstat-l{color:#8da8cc;font-size:.78rem}

  /* ════════════════════════════════
     TESTIMONIALS
  ════════════════════════════════ */
  .testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
  .testi-card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 4px 20px rgba(11,26,46,.07);transition:all .3s;position:relative}
  .testi-card:hover{transform:translateY(-5px);box-shadow:0 14px 44px rgba(11,26,46,.13)}
  .testi-card::before{content:'"';position:absolute;top:16px;right:22px;font-size:4.5rem;color:var(--o);opacity:.1;font-family:'Unbounded',sans-serif;line-height:1}
  .stars{color:var(--y);font-size:.85rem;margin-bottom:12px}
  .testi-text{font-size:.86rem;color:#4a5f7a;line-height:1.75;margin-bottom:18px}
  .testi-author{display:flex;align-items:center;gap:12px}
  .tav{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;flex-shrink:0}
  .ta1{background:linear-gradient(135deg,var(--o),var(--y))}
  .ta2{background:linear-gradient(135deg,#1565C0,#42A5F5)}
  .ta3{background:linear-gradient(135deg,#2E7D32,#66BB6A)}
  .ta4{background:linear-gradient(135deg,#6A1B9A,#AB47BC)}
  .tname{font-weight:600;font-size:.87rem;color:var(--navy)}
  .trole{font-size:.73rem;color:var(--gray)}

  /* ════════════════════════════════
     COMPANY LOGOS MARQUEE
  ════════════════════════════════ */
  .marquee-section{}
  .marquee-wrap{overflow:hidden;position:relative;margin-top:40px}
  .marquee-wrap::before,.marquee-wrap::after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2}
  .marquee-wrap::before{left:0;background:linear-gradient(90deg,var(--off),transparent)}
  .marquee-wrap::after{right:0;background:linear-gradient(-90deg,var(--off),transparent)}
  .marquee-track{display:flex;gap:24px;animation:marquee 28s linear infinite;width:max-content}
  .marquee-track:hover{animation-play-state:paused}
  @keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
  .marquee-logo{
    background:#fff;border:1.5px solid #e2eaf6;border-radius:12px;
    padding:14px 28px;display:flex;align-items:center;justify-content:center;
    min-width:140px;height:60px;
    font-weight:700;font-size:.85rem;color:var(--navy);
    transition:all .2s;white-space:nowrap;box-shadow:0 2px 8px rgba(11,26,46,.05);
  }
  .marquee-logo:hover{border-color:var(--o);color:var(--o);box-shadow:0 4px 16px rgba(255,107,0,.12)}

  /* ════════════════════════════════
     ENQUIRY CTA BAND
  ════════════════════════════════ */
  .cta-band{
    background:linear-gradient(135deg,var(--o-dk) 0%,var(--o) 55%,var(--o-lt) 100%);
    padding:80px 0;text-align:center;position:relative;overflow:hidden;
  }
  .cta-band::before{content:'';position:absolute;width:600px;height:600px;background:rgba(255,255,255,.07);border-radius:50%;top:-300px;right:-200px}
  .cta-band::after{content:'';position:absolute;width:400px;height:400px;background:rgba(0,0,0,.07);border-radius:50%;bottom:-200px;left:-100px}
  .cta-band h2{font-size:clamp(1.6rem,3vw,2.4rem);color:#fff;margin-bottom:12px;position:relative;z-index:2}
  .cta-band p{color:rgba(255,255,255,.85);margin-bottom:36px;position:relative;z-index:2;font-size:1.05rem}
  .cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}

  /* ════════════════════════════════
     FOOTER
  ════════════════════════════════ */
  footer{background:var(--navy);color:#8da8cc;padding:56px 0 24px}
  .footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.2fr;gap:48px;margin-bottom:48px}
  .footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px}
  .footer-logo-mark{width:36px;height:36px;background:linear-gradient(135deg,var(--o),var(--y));border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-weight:900;font-size:.9rem;color:#fff}
  .footer-logo-text{font-family:'Unbounded',sans-serif;font-size:1.05rem;font-weight:900;color:#fff}
  .footer-logo-text span{color:var(--o)}
  .footer-about{font-size:.82rem;line-height:1.75;margin-bottom:18px}
  .fcontact{font-size:.8rem;display:flex;align-items:flex-start;gap:8px;margin-bottom:9px}
  .fcontact a{color:var(--o-lt);transition:color .2s}
  .fcontact a:hover{color:#fff}
  .fh{font-family:'Unbounded',sans-serif;font-size:.72rem;color:#fff;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}
  .flinks{list-style:none}
  .flinks li{margin-bottom:9px}
  .flinks a{font-size:.81rem;color:#8da8cc;transition:color .2s;display:flex;align-items:center;gap:6px}
  .flinks a:hover{color:var(--o)}
  .flinks a::before{content:'›';color:var(--o);font-size:.9rem;opacity:0;transform:translateX(-4px);transition:all .2s}
  .flinks a:hover::before{opacity:1;transform:translateX(0)}

  /* Newsletter */
  .newsletter-form{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}
  .newsletter-form input{flex:1;min-width:140px;padding:10px 14px;border:1.5px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.06);color:#fff;font-family:'Outfit',sans-serif;font-size:.85rem;outline:none;transition:border .2s}
  .newsletter-form input:focus{border-color:var(--o);background:rgba(255,255,255,.1)}
  .newsletter-form input::placeholder{color:#5a7090}
  .newsletter-form button{padding:10px 18px;background:var(--o);color:#fff;border:none;border-radius:8px;font-family:'Outfit',sans-serif;font-weight:600;font-size:.82rem;cursor:pointer;transition:all .2s;white-space:nowrap}
  .newsletter-form button:hover{background:var(--o-lt)}

  .footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:.77rem}
  .footer-bottom-links{display:flex;gap:20px}
  .footer-bottom-links a{color:#8da8cc;transition:color .2s}
  .footer-bottom-links a:hover{color:var(--o)}

  /* ════════════════════════════════
     RESPONSIVE
  ════════════════════════════════ */
  @media(max-width:1024px){
    .courses-grid{grid-template-columns:repeat(3,1fr)}
    .mega-menu{width:620px}
    .mega-body{grid-template-columns:1fr 1fr}
    .footer-grid{grid-template-columns:1fr 1fr}
  }
  @media(max-width:768px){
    .nav-links,.nav-cta{display:none}
    .hamburger{display:flex}
    .hero-inner{grid-template-columns:1fr}
    .hero{min-height:auto;padding:80px 0 60px}
    .about-grid,.placement-grid,.testi-grid{grid-template-columns:1fr}
    .why-grid{grid-template-columns:1fr 1fr}
    .courses-grid{grid-template-columns:repeat(2,1fr)}
    .hero-stats{flex-wrap:wrap}
    .footer-grid{grid-template-columns:1fr}
    .pstats{grid-template-columns:1fr 1fr}
  }
  @media(max-width:480px){
    .courses-grid{grid-template-columns:1fr}
    .why-grid{grid-template-columns:1fr}
    .hero-stats .hero-stat{padding:12px 8px}
    .hero-stat-num{font-size:1.2rem}
    .mega-menu{width:95vw;left:2.5vw;transform:none}
    .nav-links>li:hover .mega-menu{transform:none}
  }

  /* Entrance animations */
  @keyframes fadeUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
  .hero-text-wrap{animation:fadeUp .75s both}
  .hero-card{animation:fadeUp .75s .18s both}



:root{--o:#FF6B00;--o-lt:#FF8C35;--o-dk:#D95700;--y:#FFB800;--red:#FF3D00;--navy:#0B1A2E;--navy2:#122340;--navy3:#1A3155;--w:#FFFFFF;--off:#F5F7FA;--gray:#8A9BB5;--text:#2C3E55}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Outfit',sans-serif;background:var(--w);color:var(--text);overflow-x:hidden;line-height:1.7}
h1,h2,h3,h4{font-family:'Unbounded',sans-serif;line-height:1.2}
a{text-decoration:none;color:inherit}
.container{max-width:1160px;margin:0 auto;padding:0 24px}
.section{padding:88px 0}
.sec-dark{background:var(--navy)}
.sec-alt{background:var(--off)}
.tag{display:inline-block;background:rgba(255,107,0,.12);color:var(--o);font-size:.72rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;padding:5px 16px;border-radius:50px;border:1px solid rgba(255,107,0,.3);margin-bottom:16px}
.tag-dk{background:rgba(255,107,0,.2);border-color:rgba(255,107,0,.5)}
.sh{font-size:clamp(1.5rem,2.8vw,2.2rem);color:var(--navy);margin-bottom:16px}
.sh span{color:var(--o)}
.sh-w{color:#fff}
.sp{color:#5a6f8a;line-height:1.8;margin-bottom:24px;font-size:.96rem}
.tc{text-align:center}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .25s;border:2px solid transparent;font-family:'Outfit',sans-serif;white-space:nowrap}
.btn-primary{background:var(--o);color:#fff;border-color:var(--o)}
.btn-primary:hover{background:var(--o-lt);transform:translateY(-2px);box-shadow:0 10px 28px rgba(255,107,0,.4)}
.btn-outline{background:transparent;color:var(--o);border-color:var(--o)}
.btn-outline:hover{background:var(--o);color:#fff}
.btn-ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.35)}
.btn-ghost:hover{background:#fff;color:var(--o)}
.btn-white{background:#fff;color:var(--o);font-weight:700;border-color:#fff}
.btn-white:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.btn-full{width:100%;justify-content:center}

/* ═══════════════════════════════════════
   HERO — KINETIC / MOTION PATH AESTHETIC
   Signature: orbiting bezier path particles +
   animated bezier curve SVG + morphing shape +
   keyframe tick marks on the side
═══════════════════════════════════════ */
.hero{
  background:linear-gradient(140deg,#050a14 0%,#08121f 45%,#0c1a2e 100%);
  min-height:94vh;display:flex;align-items:center;
  padding:90px 0 60px;position:relative;overflow:hidden;
}
/* Animated bezier path SVG */
.hero-path-svg{
  position:absolute;right:0;top:0;bottom:0;width:55%;pointer-events:none;z-index:0;
  opacity:.35;
}
/* Keyframe tick marks — left edge like AE timeline */
.kf-ticks{position:absolute;left:0;top:0;bottom:0;width:28px;background:rgba(0,0,0,.3);display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:60px 0;z-index:1}
.kf-tick{width:10px;height:2px;background:rgba(255,107,0,.4);border-radius:1px}
.kf-tick.kf-key{width:8px;height:8px;background:var(--o);border-radius:50%;transform:rotate(45deg);opacity:.8}
/* Glows */
.h-glow1{position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(255,107,0,.14) 0%,transparent 65%);top:-250px;right:-200px;pointer-events:none}
.h-glow2{position:absolute;width:440px;height:440px;background:radial-gradient(circle,rgba(120,60,255,.06) 0%,transparent 65%);bottom:-180px;left:-100px;pointer-events:none}
/* Orbiting motion path dots */
.orbit-wrap{position:absolute;right:8%;top:50%;transform:translateY(-50%);width:340px;height:340px;pointer-events:none;z-index:1}
.orbit-ring{position:absolute;border-radius:50%;border:1px dashed rgba(255,107,0,.15);top:50%;left:50%;transform:translate(-50%,-50%)}
.or1{width:120px;height:120px}
.or2{width:220px;height:220px}
.or3{width:320px;height:320px}
.orbit-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--o);top:0;left:50%;margin-left:-4.5px;transform-origin:50% 160px}
.od1{animation:orbit 5s linear infinite;transform-origin:50% 60px}
.od2{animation:orbit 9s linear infinite reverse;transform-origin:50% 110px;background:var(--y);width:7px;height:7px}
.od3{animation:orbit 14s linear infinite;transform-origin:50% 160px;background:rgba(255,107,0,.5);width:6px;height:6px}
@keyframes orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
/* Central glow node */
.orbit-center{position:absolute;width:44px;height:44px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,107,0,.7),rgba(255,107,0,.1));border-radius:50%;animation:cPulse 2.5s ease infinite}
@keyframes cPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,107,0,.4)}50%{box-shadow:0 0 0 18px rgba(255,107,0,0)}}
/* Morphing background shape */
.morph-bg{position:absolute;right:18%;top:15%;width:200px;height:200px;background:linear-gradient(135deg,rgba(255,107,0,.08),rgba(255,184,0,.04));border-radius:60% 40% 55% 45%/45% 55% 40% 60%;animation:morph 8s ease infinite alternate;pointer-events:none;z-index:0}
@keyframes morph{0%{border-radius:60% 40% 55% 45%/45% 55% 40% 60%}50%{border-radius:40% 60% 30% 70%/60% 40% 70% 30%}100%{border-radius:70% 30% 60% 40%/30% 70% 45% 55%}}

.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center;padding-left:36px}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,107,0,.14);border:1px solid rgba(255,107,0,.38);color:var(--o-lt);font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:22px}
.e-dot{width:7px;height:7px;background:var(--o);border-radius:50%;animation:blink 1.4s ease infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-size:clamp(2rem,3.8vw,3.2rem);color:#fff;margin-bottom:22px;line-height:1.1}
.hero h1 .o{color:var(--o)}.hero h1 .y{color:var(--y)}
.hero-desc{color:#8da8cc;font-size:1.02rem;line-height:1.82;margin-bottom:30px;max-width:510px}
.hero-stats{display:flex;gap:0;margin-bottom:32px;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03)}
.hst{flex:1;text-align:center;padding:15px 10px;border-right:1px solid rgba(255,255,255,.06)}
.hst:last-child{border:none}
.hst-n{font-family:'Unbounded',sans-serif;font-size:1.45rem;font-weight:700;color:var(--o);line-height:1}
.hst-l{font-size:.67rem;color:#6d89aa;margin-top:4px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.hero-tools{display:flex;gap:8px;flex-wrap:wrap}
.htool{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#b8d0ee;font-size:.73rem;padding:5px 13px;border-radius:6px;transition:all .25s;font-weight:500}
.htool:hover{background:rgba(255,107,0,.15);border-color:rgba(255,107,0,.4);color:var(--o-lt)}

/* FORM CARD */
.hero-card{background:#fff;border-radius:20px;padding:34px 28px;box-shadow:0 24px 70px rgba(0,0,0,.5);position:relative;overflow:hidden;animation:slideUp .8s .15s both}
@keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.hero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--o),var(--y),var(--red))}
.card-h{font-family:'Unbounded',sans-serif;font-size:1rem;color:var(--navy);margin-bottom:5px}
.card-s{font-size:.82rem;color:var(--gray);margin-bottom:20px}
.fr{margin-bottom:12px}
.fr label{display:block;font-size:.78rem;font-weight:600;color:var(--navy);margin-bottom:5px}
.fr input,.fr select{width:100%;padding:11px 14px;border:1.5px solid #dce4f0;border-radius:8px;font-family:'Outfit',sans-serif;font-size:.9rem;color:var(--navy);background:#f8fafd;outline:none;transition:border .2s}
.fr input:focus,.fr select:focus{border-color:var(--o);background:#fff}
.form-note{text-align:center;font-size:.74rem;color:var(--gray);margin-top:10px}
.form-note span{color:var(--o);font-weight:600}

/* TRUST */
.trust{background:var(--o);padding:16px 0}
.trust-inner{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:9px;color:#fff;font-size:.85rem;font-weight:500}
.ti{width:30px;height:30px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}

/* ABOUT VISUAL — AE COMPOSITION PANEL */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.mg-visual{background:linear-gradient(135deg,#060f1e 0%,var(--navy3) 100%);border-radius:24px;padding:32px;position:relative;overflow:hidden}
.mg-visual::before{content:'';position:absolute;width:360px;height:360px;background:radial-gradient(circle,rgba(255,107,0,.2) 0%,transparent 65%);top:-140px;right:-140px;pointer-events:none}
.mg-visual::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y),var(--o))}
/* Mock AE composition */
.ae-mock{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px;margin-bottom:14px;position:relative;z-index:2}
.ae-top{display:flex;align-items:center;gap:6px;margin-bottom:14px}
.dot-r{width:9px;height:9px;border-radius:50%;background:#ff5f57}
.dot-y{width:9px;height:9px;border-radius:50%;background:#febc2e}
.dot-g{width:9px;height:9px;border-radius:50%;background:#28c840}
.ae-file{margin-left:8px;font-size:.68rem;color:rgba(255,255,255,.35);font-family:'Outfit',sans-serif}
/* Composition preview */
.ae-comp{width:100%;height:72px;background:linear-gradient(135deg,#0a0a1a,#111130);border-radius:8px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.ae-comp-txt{font-family:'Unbounded',sans-serif;font-size:.85rem;color:var(--o);animation:kineticPulse 2s ease infinite alternate;letter-spacing:.1em}
@keyframes kineticPulse{from{transform:scale(1);opacity:.6}to{transform:scale(1.06);opacity:1}}
.ae-comp::before{content:'';position:absolute;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,0,.25),transparent);animation:orbit 3s linear infinite}
/* Layer rows */
.ae-layers{display:flex;flex-direction:column;gap:5px}
.ae-layer{display:flex;align-items:center;gap:8px}
.ae-lname{font-size:.62rem;color:rgba(255,255,255,.4);width:64px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ae-lbar{flex:1;height:10px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden;position:relative}
.ae-lfill{height:100%;border-radius:3px;position:absolute;top:0;animation:layerSlide 3s ease infinite alternate}
@keyframes layerSlide{from{left:0;width:60%}to{left:10%;width:80%}}
.lf1{background:linear-gradient(90deg,var(--o),var(--o-lt))}
.lf2{background:linear-gradient(90deg,var(--y),var(--o));animation-delay:.4s}
.lf3{background:linear-gradient(90deg,rgba(100,160,255,.6),rgba(100,160,255,.3));animation-delay:.8s}
.lf4{background:linear-gradient(90deg,rgba(150,100,255,.5),rgba(150,100,255,.2));animation-delay:1.2s}
/* Keyframe diamonds on layer bar */
.ae-kf{position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:7px;height:7px;background:var(--y)}
/* Tool mini cards */
.tool-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:2;margin-top:14px}
.tm{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:14px 10px;text-align:center;transition:all .3s}
.tm:hover{border-color:rgba(255,107,0,.4);transform:translateY(-4px);background:rgba(255,107,0,.1)}
.tm-icon{font-size:1.7rem;margin-bottom:6px;display:block}
.tm-name{color:#fff;font-size:.75rem;font-weight:600}
.tm-type{color:var(--o-lt);font-size:.63rem;margin-top:2px}
.ck-list{list-style:none}
.ck-list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f8;font-size:.92rem;color:#3a4f6a}
.ck-list li:last-child{border:none}
.ck{width:22px;height:22px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.65rem;flex-shrink:0;margin-top:3px}

/* AI MOTION TOOLS STRIP */
.ai-strip{background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);padding:72px 0}
.ai-tools-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:48px}
.ait-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px 14px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.ait-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,107,0,.1),transparent);opacity:0;transition:opacity .3s}
.ait-card:hover{border-color:rgba(255,107,0,.4);transform:translateY(-6px);box-shadow:0 14px 40px rgba(0,0,0,.3)}
.ait-card:hover::before{opacity:1}
.ait-icon{font-size:2rem;margin-bottom:10px;display:block;position:relative;z-index:1}
.ait-name{color:#fff;font-size:.8rem;font-weight:700;margin-bottom:3px;position:relative;z-index:1}
.ait-use{color:var(--o-lt);font-size:.65rem;position:relative;z-index:1;line-height:1.4}
.ai-badge{display:inline-block;background:linear-gradient(90deg,var(--o),var(--y));color:#fff;font-size:.55rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:50px;margin-bottom:8px;position:relative;z-index:1}

/* DOMAINS */
.domains-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.domain-card{background:#fff;border:1.5px solid #e8eef8;border-radius:18px;padding:26px 20px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.domain-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.domain-card:hover{border-color:rgba(255,107,0,.25);transform:translateY(-5px);box-shadow:0 14px 40px rgba(255,107,0,.1)}
.domain-card:hover::after{transform:scaleX(1)}
.d-icon{font-size:2.3rem;margin-bottom:13px}
.d-title{font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:8px}
.d-desc{font-size:.78rem;color:var(--gray);line-height:1.55}

/* CURRICULUM */
.curr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mod{background:var(--navy2);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:28px 22px;transition:all .3s;position:relative;overflow:hidden}
.mod::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--o),var(--y));border-radius:4px 0 0 4px}
.mod:hover{border-color:rgba(255,107,0,.3);transform:translateY(-5px);box-shadow:0 18px 48px rgba(0,0,0,.32)}
.mod-num{font-family:'Unbounded',sans-serif;font-size:.63rem;color:var(--o);letter-spacing:.12em;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.mod-num::after{content:'';flex:1;height:1px;background:rgba(255,107,0,.2)}
.mod-title{color:#fff;font-size:.94rem;margin-bottom:14px}
.mod-list{list-style:none}
.mod-list li{color:#7a9abb;font-size:.8rem;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:flex-start;gap:8px;line-height:1.4}
.mod-list li::before{content:'▸';color:var(--o);font-size:.68rem;flex-shrink:0;margin-top:2px}
.mod-list li:last-child{border:none}
.mod.mod-ai{background:linear-gradient(135deg,#0a1628,#122340);border-color:rgba(255,107,0,.25)}
.mod.mod-ai::before{background:linear-gradient(180deg,var(--y),var(--o))}
.ai-mod-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(90deg,rgba(255,107,0,.25),rgba(255,184,0,.15));border:1px solid rgba(255,107,0,.4);color:var(--y);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:50px;margin-bottom:8px}

/* PILLS */
.pills-wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:48px}
.pill{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #e0e8f4;border-radius:50px;padding:11px 22px;font-weight:600;font-size:.86rem;color:var(--navy);transition:all .25s;box-shadow:0 2px 8px rgba(11,26,46,.05)}
.pill:hover{border-color:var(--o);color:var(--o);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,0,.15)}
.pill-icon{font-size:1.3rem}

/* CAREERS */
.career-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.cc{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:26px 22px;transition:all .3s;display:flex;align-items:flex-start;gap:16px}
.cc:hover{background:rgba(255,107,0,.08);border-color:rgba(255,107,0,.25);transform:translateY(-4px)}
.cc-icon{font-size:2.2rem;flex-shrink:0;line-height:1}
.cc-title{color:#fff;font-size:.92rem;font-weight:600;margin-bottom:4px}
.cc-sal{color:var(--o);font-size:.76rem;font-weight:600;margin-bottom:5px}
.cc-desc{color:#7a9abb;font-size:.78rem;line-height:1.55}

/* WHO */
.who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.who-card{background:#fff;border:1.5px solid #e8eef8;border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s}
.who-card:hover{border-color:var(--o);box-shadow:0 8px 30px rgba(255,107,0,.12);transform:translateY(-4px)}
.who-emoji{font-size:2.4rem;margin-bottom:14px}
.who-title{font-size:.93rem;font-weight:600;color:var(--navy);margin-bottom:8px}
.who-desc{font-size:.79rem;color:var(--gray);line-height:1.55}

/* PLACEMENT */
.plc-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.plc-steps{list-style:none}
.plc-step{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.plc-num{width:40px;height:40px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0}
.plc-h{color:#fff;margin-bottom:3px;font-size:.92rem;font-weight:600}
.plc-p{color:#6d89aa;font-size:.81rem;line-height:1.5}
.plc-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.plc-stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s}
.plc-stat:hover{background:rgba(255,107,0,.1);border-color:rgba(255,107,0,.3)}
.plc-n{font-family:'Unbounded',sans-serif;font-size:2rem;font-weight:700;color:var(--o);line-height:1;margin-bottom:5px}
.plc-l{color:#8da8cc;font-size:.78rem}

/* MARQUEE */
.marquee-wrap{overflow:hidden;position:relative;margin-top:44px}
.marquee-wrap::before,.marquee-wrap::after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2}
.marquee-wrap::before{left:0;background:linear-gradient(90deg,var(--off),transparent)}
.marquee-wrap::after{right:0;background:linear-gradient(-90deg,var(--off),transparent)}
.marquee-track{display:flex;gap:20px;animation:marquee 26s linear infinite;width:max-content}
.marquee-track:hover{animation-play-state:paused}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.m-logo{background:#fff;border:1.5px solid #e2eaf6;border-radius:12px;padding:12px 26px;min-width:130px;height:56px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.83rem;color:var(--navy);white-space:nowrap;transition:all .2s}
.m-logo:hover{border-color:var(--o);color:var(--o)}

/* TESTIMONIALS */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.t-card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 4px 20px rgba(11,26,46,.07);transition:all .3s;position:relative}
.t-card:hover{transform:translateY(-5px);box-shadow:0 14px 44px rgba(11,26,46,.13)}
.t-card::before{content:'"';position:absolute;top:14px;right:20px;font-size:4.5rem;color:var(--o);opacity:.1;font-family:'Unbounded',sans-serif;line-height:1}
.stars{color:var(--y);font-size:.85rem;margin-bottom:12px}
.tt{font-size:.86rem;color:#4a5f7a;line-height:1.75;margin-bottom:18px}
.tauthor{display:flex;align-items:center;gap:12px}
.tav{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;flex-shrink:0}
.ta1{background:linear-gradient(135deg,var(--o),var(--y))}.ta2{background:linear-gradient(135deg,#1565C0,#42A5F5)}.ta3{background:linear-gradient(135deg,#2E7D32,#66BB6A)}.ta4{background:linear-gradient(135deg,#7C3AED,#a78bfa)}.ta5{background:linear-gradient(135deg,#BF360C,#FF7043)}
.t-name{font-weight:600;font-size:.87rem;color:var(--navy)}.t-role{font-size:.73rem;color:var(--gray)}

/* FAQ */
.faq-list{max-width:820px;margin:48px auto 0}
.faq-item{border-bottom:1px solid #e2eaf6;overflow:hidden}
.faq-q{width:100%;background:none;border:none;padding:20px 0;text-align:left;font-family:'Outfit',sans-serif;font-size:.94rem;font-weight:600;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-arr{width:28px;height:28px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.72rem;flex-shrink:0;transition:transform .3s}
.faq-item.open .faq-arr{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s;font-size:.87rem;color:#5a6f8a;line-height:1.8}
.faq-item.open .faq-a{max-height:320px;padding-bottom:20px}

/* CTA */
.cta-band{background:linear-gradient(135deg,var(--o-dk) 0%,var(--o) 55%,var(--o-lt) 100%);padding:86px 0;text-align:center;position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;width:600px;height:600px;background:rgba(255,255,255,.08);border-radius:50%;top:-280px;right:-180px}
.cta-band::after{content:'';position:absolute;width:400px;height:400px;background:rgba(0,0,0,.08);border-radius:50%;bottom:-180px;left:-100px}
.cta-band h2{font-size:clamp(1.6rem,3vw,2.4rem);color:#fff;margin-bottom:14px;position:relative;z-index:2}
.cta-band p{color:rgba(255,255,255,.88);margin-bottom:36px;font-size:1.02rem;position:relative;z-index:2;max-width:520px;margin-left:auto;margin-right:auto}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}

/* FOOTER */


/* ── HERO — NEURAL NETWORK / AI AESTHETIC ── */
.hero{
  background:linear-gradient(140deg,#030811 0%,#060d1e 45%,#0a1630 100%);
  min-height:94vh;display:flex;align-items:center;
  padding:90px 0 60px;position:relative;overflow:hidden;
}
/* Animated neural-net node grid */
.hero-nodes{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.node{position:absolute;width:4px;height:4px;background:rgba(255,107,0,.4);border-radius:50%;animation:nodeP 6s ease infinite}
.node-line{position:absolute;height:1px;background:linear-gradient(90deg,rgba(255,107,0,.12),rgba(255,107,0,.04));transform-origin:left center}
@keyframes nodeP{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.9;transform:scale(1.8)}}
/* Pulsing concentric rings around hero */
.ai-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,107,0,.08);animation:aiPulse 4s ease infinite;transform:translate(-50%,-50%);left:72%;top:50%}
.ai-ring:nth-child(1){width:180px;height:180px;animation-delay:0s}
.ai-ring:nth-child(2){width:320px;height:320px;animation-delay:.8s}
.ai-ring:nth-child(3){width:500px;height:500px;animation-delay:1.6s}
.ai-ring:nth-child(4){width:700px;height:700px;animation-delay:2.4s}
@keyframes aiPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}
/* Orange glow core */
.h-glow1{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(255,107,0,.15) 0%,transparent 65%);top:-200px;right:-180px;pointer-events:none}
.h-glow2{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(120,80,255,.07) 0%,transparent 65%);bottom:-150px;left:-100px;pointer-events:none}
/* NEW badge glow */
.new-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,rgba(255,107,0,.25),rgba(255,184,0,.15));border:1px solid rgba(255,107,0,.5);color:var(--y);font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:22px;animation:badgeGlow 2.5s ease infinite}
@keyframes badgeGlow{0%,100%{box-shadow:0 0 0 0 rgba(255,107,0,0)}50%{box-shadow:0 0 16px 4px rgba(255,107,0,.3)}}
.nb-dot{width:7px;height:7px;background:var(--y);border-radius:50%;animation:blink 1.4s ease infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}

.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center}
.hero h1{font-size:clamp(2rem,3.8vw,3.3rem);color:#fff;margin-bottom:22px;line-height:1.1}
.hero h1 .o{color:var(--o)}
.hero h1 .y{color:var(--y)}
.hero-desc{color:#8da8cc;font-size:1.02rem;line-height:1.82;margin-bottom:30px;max-width:510px}
.hero-stats{display:flex;gap:0;margin-bottom:32px;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03)}
.hst{flex:1;text-align:center;padding:15px 10px;border-right:1px solid rgba(255,255,255,.06)}
.hst:last-child{border:none}
.hst-n{font-family:'Unbounded',sans-serif;font-size:1.45rem;font-weight:700;color:var(--o);line-height:1}
.hst-l{font-size:.67rem;color:#6d89aa;margin-top:4px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.hero-tools{display:flex;gap:8px;flex-wrap:wrap}
.htool{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#b8d0ee;font-size:.73rem;padding:5px 13px;border-radius:6px;transition:all .25s;font-weight:500}
.htool:hover{background:rgba(255,107,0,.15);border-color:rgba(255,107,0,.4);color:var(--o-lt)}
/* Form */
.hero-card{background:#fff;border-radius:20px;padding:34px 28px;box-shadow:0 24px 70px rgba(0,0,0,.55);position:relative;overflow:hidden;animation:slideUp .8s .15s both}
@keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.hero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--o),var(--y),var(--red))}
.card-h{font-family:'Unbounded',sans-serif;font-size:1rem;color:var(--navy);margin-bottom:5px}
.card-s{font-size:.82rem;color:var(--gray);margin-bottom:20px}
.fr{margin-bottom:12px}
.fr label{display:block;font-size:.78rem;font-weight:600;color:var(--navy);margin-bottom:5px}
.fr input,.fr select{width:100%;padding:11px 14px;border:1.5px solid #dce4f0;border-radius:8px;font-family:'Outfit',sans-serif;font-size:.9rem;color:var(--navy);background:#f8fafd;outline:none;transition:border .2s}
.fr input:focus,.fr select:focus{border-color:var(--o);background:#fff}
.form-note{text-align:center;font-size:.74rem;color:var(--gray);margin-top:10px}
.form-note span{color:var(--o);font-weight:600}

/* TRUST */
.trust{background:var(--o);padding:16px 0}
.trust-inner{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:9px;color:#fff;font-size:.85rem;font-weight:500}
.ti{width:30px;height:30px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}

/* ABOUT */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
/* AI Visual Panel */
.ai-visual{background:linear-gradient(135deg,#060f1e 0%,var(--navy3) 100%);border-radius:24px;padding:32px;position:relative;overflow:hidden}
.ai-visual::before{content:'';position:absolute;width:360px;height:360px;background:radial-gradient(circle,rgba(255,107,0,.2) 0%,transparent 65%);top:-140px;right:-140px;pointer-events:none}
.ai-visual::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y),var(--o))}
/* Mock AI chat */
.ai-chat{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px;margin-bottom:14px;position:relative;z-index:2}
.chat-head{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.chat-av{width:28px;height:28px;background:linear-gradient(135deg,var(--o),var(--y));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}
.chat-title{font-size:.75rem;color:rgba(255,255,255,.6);font-family:'Outfit',sans-serif}
.chat-status{width:7px;height:7px;background:#22c55e;border-radius:50%;margin-left:auto;animation:blink 2s infinite}
.msg-user{background:rgba(255,107,0,.15);border:1px solid rgba(255,107,0,.2);border-radius:10px 10px 3px 10px;padding:10px 14px;font-size:.77rem;color:#dce8f8;margin-bottom:8px;line-height:1.5}
.msg-ai{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:10px 10px 10px 3px;padding:10px 14px;font-size:.77rem;color:#8da8cc;line-height:1.5}
.msg-ai .typing{display:inline-flex;gap:3px;align-items:center}
.typing-dot{width:5px;height:5px;background:var(--o);border-radius:50%;animation:tdot 1.2s ease infinite}
.typing-dot:nth-child(2){animation-delay:.2s}
.typing-dot:nth-child(3){animation-delay:.4s}
@keyframes tdot{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
/* AI Tool Cards */
.ai-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:2}
.atc{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:14px 10px;text-align:center;transition:all .3s}
.atc:hover{border-color:rgba(255,107,0,.4);transform:translateY(-4px);background:rgba(255,107,0,.1)}
.atc-icon{font-size:1.7rem;margin-bottom:6px;display:block}
.atc-name{color:#fff;font-size:.75rem;font-weight:600}
.atc-type{color:var(--o-lt);font-size:.63rem;margin-top:2px}
.ck-list{list-style:none}
.ck-list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f8;font-size:.92rem;color:#3a4f6a}
.ck-list li:last-child{border:none}
.ck{width:22px;height:22px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.65rem;flex-shrink:0;margin-top:3px}

/* AI INDUSTRY STATS */
.ai-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.ai-stat{background:#fff;border:1.5px solid #e8eef8;border-radius:18px;padding:28px 20px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.ai-stat::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.ai-stat:hover{border-color:rgba(255,107,0,.25);transform:translateY(-5px);box-shadow:0 14px 40px rgba(255,107,0,.1)}
.ai-stat:hover::after{transform:scaleX(1)}
.as-num{font-family:'Unbounded',sans-serif;font-size:2rem;font-weight:700;color:var(--o);margin-bottom:6px;line-height:1}
.as-label{font-size:.85rem;font-weight:600;color:var(--navy);margin-bottom:5px}
.as-desc{font-size:.76rem;color:var(--gray);line-height:1.5}

/* DOMAINS */
.domains-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.domain-card{background:#fff;border:1.5px solid #e8eef8;border-radius:18px;padding:26px 20px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.domain-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.domain-card:hover{border-color:rgba(255,107,0,.25);transform:translateY(-5px);box-shadow:0 14px 40px rgba(255,107,0,.1)}
.domain-card:hover::after{transform:scaleX(1)}
.d-icon{font-size:2.3rem;margin-bottom:13px}
.d-title{font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:8px}
.d-desc{font-size:.78rem;color:var(--gray);line-height:1.55}

/* CURRICULUM */
.curr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mod{background:var(--navy2);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:28px 22px;transition:all .3s;position:relative;overflow:hidden}
.mod::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--o),var(--y));border-radius:4px 0 0 4px}
.mod:hover{border-color:rgba(255,107,0,.3);transform:translateY(-5px);box-shadow:0 18px 48px rgba(0,0,0,.32)}
.mod-num{font-family:'Unbounded',sans-serif;font-size:.63rem;color:var(--o);letter-spacing:.12em;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.mod-num::after{content:'';flex:1;height:1px;background:rgba(255,107,0,.2)}
.mod-title{color:#fff;font-size:.94rem;margin-bottom:14px}
.mod-list{list-style:none}
.mod-list li{color:#7a9abb;font-size:.8rem;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:flex-start;gap:8px;line-height:1.4}
.mod-list li::before{content:'▸';color:var(--o);font-size:.68rem;flex-shrink:0;margin-top:2px}
.mod-list li:last-child{border:none}

/* AI TOOLS SHOWCASE */
.tools-showcase{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:48px}
.tool-card{background:#fff;border:1.5px solid #e0e8f4;border-radius:16px;padding:20px 14px;text-align:center;transition:all .25s;box-shadow:0 2px 8px rgba(11,26,46,.05)}
.tool-card:hover{border-color:var(--o);transform:translateY(-4px);box-shadow:0 10px 30px rgba(255,107,0,.12)}
.tool-card-icon{font-size:2.2rem;margin-bottom:10px}
.tool-card-name{font-size:.84rem;font-weight:700;color:var(--navy);margin-bottom:4px}
.tool-card-type{font-size:.7rem;color:var(--gray)}

/* CAREERS */
.career-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.cc{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:26px 22px;transition:all .3s;display:flex;align-items:flex-start;gap:16px}
.cc:hover{background:rgba(255,107,0,.08);border-color:rgba(255,107,0,.25);transform:translateY(-4px)}
.cc-icon{font-size:2.2rem;flex-shrink:0;line-height:1}
.cc-title{color:#fff;font-size:.92rem;font-weight:600;margin-bottom:4px}
.cc-sal{color:var(--o);font-size:.76rem;font-weight:600;margin-bottom:5px}
.cc-desc{color:#7a9abb;font-size:.78rem;line-height:1.55}

/* WHO */
.who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.who-card{background:#fff;border:1.5px solid #e8eef8;border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s}
.who-card:hover{border-color:var(--o);box-shadow:0 8px 30px rgba(255,107,0,.12);transform:translateY(-4px)}
.who-emoji{font-size:2.4rem;margin-bottom:14px}
.who-title{font-size:.93rem;font-weight:600;color:var(--navy);margin-bottom:8px}
.who-desc{font-size:.79rem;color:var(--gray);line-height:1.55}

/* PLACEMENT */
.plc-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.plc-steps{list-style:none}
.plc-step{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.plc-num{width:40px;height:40px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0}
.plc-h{color:#fff;margin-bottom:3px;font-size:.92rem;font-weight:600}
.plc-p{color:#6d89aa;font-size:.81rem;line-height:1.5}
.plc-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.plc-stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s}
.plc-stat:hover{background:rgba(255,107,0,.1);border-color:rgba(255,107,0,.3)}
.plc-n{font-family:'Unbounded',sans-serif;font-size:2rem;font-weight:700;color:var(--o);line-height:1;margin-bottom:5px}
.plc-l{color:#8da8cc;font-size:.78rem}

/* MARQUEE */
.marquee-wrap{overflow:hidden;position:relative;margin-top:44px}
.marquee-wrap::before,.marquee-wrap::after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2}
.marquee-wrap::before{left:0;background:linear-gradient(90deg,var(--off),transparent)}
.marquee-wrap::after{right:0;background:linear-gradient(-90deg,var(--off),transparent)}
.marquee-track{display:flex;gap:20px;animation:marquee 26s linear infinite;width:max-content}
.marquee-track:hover{animation-play-state:paused}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.m-logo{background:#fff;border:1.5px solid #e2eaf6;border-radius:12px;padding:12px 26px;min-width:130px;height:56px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.83rem;color:var(--navy);white-space:nowrap;transition:all .2s;box-shadow:0 2px 8px rgba(11,26,46,.04)}
.m-logo:hover{border-color:var(--o);color:var(--o)}

/* TESTIMONIALS */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.t-card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 4px 20px rgba(11,26,46,.07);transition:all .3s;position:relative}
.t-card:hover{transform:translateY(-5px);box-shadow:0 14px 44px rgba(11,26,46,.13)}
.t-card::before{content:'"';position:absolute;top:14px;right:20px;font-size:4.5rem;color:var(--o);opacity:.1;font-family:'Unbounded',sans-serif;line-height:1}
.stars{color:var(--y);font-size:.85rem;margin-bottom:12px}
.tt{font-size:.86rem;color:#4a5f7a;line-height:1.75;margin-bottom:18px}
.tauthor{display:flex;align-items:center;gap:12px}
.tav{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;flex-shrink:0}
.ta1{background:linear-gradient(135deg,var(--o),var(--y))}.ta2{background:linear-gradient(135deg,#1565C0,#42A5F5)}.ta3{background:linear-gradient(135deg,#2E7D32,#66BB6A)}.ta4{background:linear-gradient(135deg,#7C3AED,#a78bfa)}.ta5{background:linear-gradient(135deg,#BF360C,#FF7043)}
.t-name{font-weight:600;font-size:.87rem;color:var(--navy)}
.t-role{font-size:.73rem;color:var(--gray)}

/* FAQ */
.faq-list{max-width:820px;margin:48px auto 0}
.faq-item{border-bottom:1px solid #e2eaf6;overflow:hidden}
.faq-q{width:100%;background:none;border:none;padding:20px 0;text-align:left;font-family:'Outfit',sans-serif;font-size:.94rem;font-weight:600;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-arr{width:28px;height:28px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.72rem;flex-shrink:0;transition:transform .3s}
.faq-item.open .faq-arr{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s;font-size:.87rem;color:#5a6f8a;line-height:1.8}
.faq-item.open .faq-a{max-height:320px;padding-bottom:20px}

/* CTA */
.cta-band{background:linear-gradient(135deg,var(--o-dk) 0%,var(--o) 55%,var(--o-lt) 100%);padding:86px 0;text-align:center;position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;width:600px;height:600px;background:rgba(255,255,255,.08);border-radius:50%;top:-280px;right:-180px}
.cta-band::after{content:'';position:absolute;width:400px;height:400px;background:rgba(0,0,0,.08);border-radius:50%;bottom:-180px;left:-100px}
.cta-band h2{font-size:clamp(1.6rem,3vw,2.4rem);color:#fff;margin-bottom:14px;position:relative;z-index:2}
.cta-band p{color:rgba(255,255,255,.88);margin-bottom:36px;font-size:1.02rem;position:relative;z-index:2;max-width:500px;margin-left:auto;margin-right:auto}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}



@media(max-width:1024px){.curr-grid{grid-template-columns:1fr 1fr}.career-grid{grid-template-columns:1fr 1fr}.domains-grid{grid-template-columns:1fr 1fr}.tools-showcase{grid-template-columns:repeat(3,1fr)}.ai-stats-grid{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.hero-inner,.about-grid,.plc-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:80px 0 50px}.testi-grid{grid-template-columns:1fr 1fr}.who-grid{grid-template-columns:1fr 1fr}.curr-grid{grid-template-columns:1fr}.plc-stats{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr}.tools-showcase{grid-template-columns:repeat(2,1fr)}.ai-ring{display:none}}
@media(max-width:480px){.section{padding:60px 0}.who-grid,.testi-grid,.career-grid,.domains-grid{grid-template-columns:1fr}.tools-showcase{grid-template-columns:1fr 1fr}}
@keyframes fadeUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
.hero-anim{animation:fadeUp .75s both}

.hero{
  background:linear-gradient(140deg,#030d1a 0%,#071525 45%,#0a1e30 100%);
  min-height:94vh;display:flex;align-items:center;
  padding:90px 0 60px;position:relative;overflow:hidden;
}
/* Radial grid lines — data-viz feel */
.hero-radar{
  position:absolute;right:-80px;top:50%;transform:translateY(-50%);
  width:520px;height:520px;pointer-events:none;z-index:0;
}
.radar-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,107,0,.07);top:50%;left:50%;transform:translate(-50%,-50%)}
.rr1{width:120px;height:120px;animation:rpulse 4s ease infinite}
.rr2{width:240px;height:240px;animation:rpulse 4s .6s ease infinite}
.rr3{width:360px;height:360px;animation:rpulse 4s 1.2s ease infinite}
.rr4{width:480px;height:480px;animation:rpulse 4s 1.8s ease infinite}
@keyframes rpulse{0%,100%{border-color:rgba(255,107,0,.07)}50%{border-color:rgba(255,107,0,.22)}}
/* Cross lines */
.radar-cross{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}
.radar-cross::before,.radar-cross::after{content:'';position:absolute;background:rgba(255,107,0,.06)}
.radar-cross::before{left:50%;top:0;width:1px;height:100%}
.radar-cross::after{top:50%;left:0;height:1px;width:100%}
/* Floating metric cards */
.met-card{position:absolute;background:rgba(255,255,255,.05);border:1px solid rgba(255,107,0,.2);border-radius:12px;padding:12px 16px;pointer-events:none;animation:metFloat 3s ease infinite alternate;z-index:1}
.met-card.mc1{top:14%;right:38%;animation-delay:0s}
.met-card.mc2{top:44%;right:26%;animation-delay:.7s}
.met-card.mc3{bottom:18%;right:34%;animation-delay:1.4s}
@keyframes metFloat{from{transform:translateY(0)}to{transform:translateY(-10px)}}
.mc-val{font-family:'Unbounded',sans-serif;font-size:1.1rem;font-weight:700;color:var(--o);line-height:1}
.mc-lbl{font-size:.62rem;color:rgba(255,255,255,.45);margin-top:3px;white-space:nowrap}
.mc-arrow{font-size:.7rem;color:#22c55e;margin-left:4px}
/* Orange glow */
.h-glow1{position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(255,107,0,.13) 0%,transparent 65%);top:-260px;right:-200px;pointer-events:none}
.h-glow2{position:absolute;width:420px;height:420px;background:radial-gradient(circle,rgba(255,184,0,.06) 0%,transparent 65%);bottom:-160px;left:-100px;pointer-events:none}
/* Animated bar chart — bottom right decoration */
.bar-chart-deco{position:absolute;bottom:0;right:10%;display:flex;align-items:flex-end;gap:6px;height:110px;z-index:1;opacity:.25}
.bc-bar{width:18px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--o),rgba(255,107,0,.3))}
.bc1{animation:barRise 2.5s 0s ease infinite alternate}
.bc2{animation:barRise 2.5s .2s ease infinite alternate}
.bc3{animation:barRise 2.5s .4s ease infinite alternate}
.bc4{animation:barRise 2.5s .6s ease infinite alternate}
.bc5{animation:barRise 2.5s .8s ease infinite alternate}
.bc6{animation:barRise 2.5s 1s ease infinite alternate}
.bc7{animation:barRise 2.5s 1.2s ease infinite alternate}
@keyframes barRise{from{height:20px}to{height:90px}}

.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,107,0,.14);border:1px solid rgba(255,107,0,.38);color:var(--o-lt);font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:22px}
.e-dot{width:7px;height:7px;background:var(--o);border-radius:50%;animation:blink 1.4s ease infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-size:clamp(2rem,3.8vw,3.2rem);color:#fff;margin-bottom:22px;line-height:1.1}
.hero h1 .o{color:var(--o)}.hero h1 .y{color:var(--y)}
.hero-desc{color:#8da8cc;font-size:1.02rem;line-height:1.82;margin-bottom:30px;max-width:510px}
.hero-stats{display:flex;gap:0;margin-bottom:32px;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03)}
.hst{flex:1;text-align:center;padding:15px 10px;border-right:1px solid rgba(255,255,255,.06)}
.hst:last-child{border:none}
.hst-n{font-family:'Unbounded',sans-serif;font-size:1.45rem;font-weight:700;color:var(--o);line-height:1}
.hst-l{font-size:.67rem;color:#6d89aa;margin-top:4px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.hero-tools{display:flex;gap:8px;flex-wrap:wrap}
.htool{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#b8d0ee;font-size:.73rem;padding:5px 13px;border-radius:6px;transition:all .25s;font-weight:500}
.htool:hover{background:rgba(255,107,0,.15);border-color:rgba(255,107,0,.4);color:var(--o-lt)}

/* FORM CARD */
.hero-card{background:#fff;border-radius:20px;padding:34px 28px;box-shadow:0 24px 70px rgba(0,0,0,.5);position:relative;overflow:hidden;animation:slideUp .8s .15s both}
@keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.hero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--o),var(--y),var(--red))}
.card-h{font-family:'Unbounded',sans-serif;font-size:1rem;color:var(--navy);margin-bottom:5px}
.card-s{font-size:.82rem;color:var(--gray);margin-bottom:20px}
.fr{margin-bottom:12px}
.fr label{display:block;font-size:.78rem;font-weight:600;color:var(--navy);margin-bottom:5px}
.fr input,.fr select{width:100%;padding:11px 14px;border:1.5px solid #dce4f0;border-radius:8px;font-family:'Outfit',sans-serif;font-size:.9rem;color:var(--navy);background:#f8fafd;outline:none;transition:border .2s}
.fr input:focus,.fr select:focus{border-color:var(--o);background:#fff}
.form-note{text-align:center;font-size:.74rem;color:var(--gray);margin-top:10px}
.form-note span{color:var(--o);font-weight:600}

/* ── TRUST ── */
.trust{background:var(--o);padding:16px 0}
.trust-inner{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:9px;color:#fff;font-size:.85rem;font-weight:500}
.ti{width:30px;height:30px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}

/* ── ABOUT — DASHBOARD VISUAL ── */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.dm-visual{background:linear-gradient(135deg,#060f1e 0%,var(--navy3) 100%);border-radius:24px;padding:32px;position:relative;overflow:hidden}
.dm-visual::before{content:'';position:absolute;width:360px;height:360px;background:radial-gradient(circle,rgba(255,107,0,.2) 0%,transparent 65%);top:-140px;right:-140px;pointer-events:none}
.dm-visual::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y),var(--o))}
/* Mock analytics dashboard */
.dash-mock{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px;margin-bottom:14px;position:relative;z-index:2}
.dash-top{display:flex;align-items:center;gap:6px;margin-bottom:14px}
.dot-r{width:9px;height:9px;border-radius:50%;background:#ff5f57}
.dot-y{width:9px;height:9px;border-radius:50%;background:#febc2e}
.dot-g{width:9px;height:9px;border-radius:50%;background:#28c840}
.dash-file{margin-left:8px;font-size:.68rem;color:rgba(255,255,255,.35);font-family:'Outfit',sans-serif}
/* Mini KPI cards */
.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.kpi{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:10px 8px;text-align:center}
.kpi-val{font-family:'Unbounded',sans-serif;font-size:.85rem;font-weight:700;color:var(--o);line-height:1}
.kpi-lbl{font-size:.56rem;color:rgba(255,255,255,.35);margin-top:3px;letter-spacing:.05em;text-transform:uppercase}
.kpi-up{font-size:.58rem;color:#22c55e;margin-top:2px}
/* Mini bar chart */
.mini-chart{display:flex;align-items:flex-end;gap:4px;height:44px;padding:0 4px}
.mb{border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--o),rgba(255,107,0,.3));transition:height .3s}
/* Funnel visualisation */
.funnel-wrap{display:flex;flex-direction:column;gap:5px;position:relative;z-index:2}
.fn-label{font-size:.6rem;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}
.fn-step{border-radius:6px;display:flex;align-items:center;justify-content:space-between;padding:7px 12px;font-size:.7rem;font-weight:600;color:#fff;transition:all .3s}
.fn-step:hover{transform:scaleX(1.02)}
.fn1{background:rgba(255,107,0,.7);width:100%}
.fn2{background:rgba(255,107,0,.55);width:85%;margin:0 auto}
.fn3{background:rgba(255,107,0,.4);width:68%;margin:0 auto}
.fn4{background:rgba(255,107,0,.28);width:50%;margin:0 auto}
.fn-pct{opacity:.7;font-size:.62rem}
/* Tool mini cards */
.tool-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:2;margin-top:14px}
.tm{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:14px 10px;text-align:center;transition:all .3s}
.tm:hover{border-color:rgba(255,107,0,.4);transform:translateY(-4px);background:rgba(255,107,0,.1)}
.tm-icon{font-size:1.7rem;margin-bottom:6px;display:block}
.tm-name{color:#fff;font-size:.75rem;font-weight:600}
.tm-type{color:var(--o-lt);font-size:.63rem;margin-top:2px}
.ck-list{list-style:none}
.ck-list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f8;font-size:.92rem;color:#3a4f6a}
.ck-list li:last-child{border:none}
.ck{width:22px;height:22px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.65rem;flex-shrink:0;margin-top:3px}

/* ── AI MARKETING TOOLS SECTION ── */
.ai-tools-strip{background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);padding:72px 0}
.ai-tools-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:48px}
.ait-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px 14px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.ait-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,107,0,.1),transparent);opacity:0;transition:opacity .3s}
.ait-card:hover{border-color:rgba(255,107,0,.4);transform:translateY(-6px);box-shadow:0 14px 40px rgba(0,0,0,.3)}
.ait-card:hover::before{opacity:1}
.ait-icon{font-size:2rem;margin-bottom:10px;display:block;position:relative;z-index:1}
.ait-name{color:#fff;font-size:.8rem;font-weight:700;margin-bottom:3px;position:relative;z-index:1}
.ait-use{color:var(--o-lt);font-size:.65rem;position:relative;z-index:1}
.ai-badge{display:inline-block;background:linear-gradient(90deg,var(--o),var(--y));color:#fff;font-size:.55rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:50px;margin-bottom:8px;position:relative;z-index:1}

/* ── CHANNELS GRID ── */
.channels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.ch-card{background:#fff;border:1.5px solid #e8eef8;border-radius:18px;padding:26px 20px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.ch-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.ch-card:hover{border-color:rgba(255,107,0,.25);transform:translateY(-5px);box-shadow:0 14px 40px rgba(255,107,0,.1)}
.ch-card:hover::after{transform:scaleX(1)}
.ch-icon{font-size:2.3rem;margin-bottom:13px}
.ch-title{font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:8px}
.ch-desc{font-size:.78rem;color:var(--gray);line-height:1.55}

/* ── CURRICULUM ── */
.curr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mod{background:var(--navy2);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:28px 22px;transition:all .3s;position:relative;overflow:hidden}
.mod::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--o),var(--y));border-radius:4px 0 0 4px}
.mod:hover{border-color:rgba(255,107,0,.3);transform:translateY(-5px);box-shadow:0 18px 48px rgba(0,0,0,.32)}
.mod-num{font-family:'Unbounded',sans-serif;font-size:.63rem;color:var(--o);letter-spacing:.12em;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.mod-num::after{content:'';flex:1;height:1px;background:rgba(255,107,0,.2)}
.mod-title{color:#fff;font-size:.94rem;margin-bottom:14px}
.mod-list{list-style:none}
.mod-list li{color:#7a9abb;font-size:.8rem;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:flex-start;gap:8px;line-height:1.4}
.mod-list li::before{content:'▸';color:var(--o);font-size:.68rem;flex-shrink:0;margin-top:2px}
.mod-list li:last-child{border:none}
/* AI module highlight */
.mod.mod-ai{background:linear-gradient(135deg,#0a1628,#122340);border-color:rgba(255,107,0,.25)}
.mod.mod-ai::before{background:linear-gradient(180deg,var(--y),var(--o))}
.ai-mod-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(90deg,rgba(255,107,0,.25),rgba(255,184,0,.15));border:1px solid rgba(255,107,0,.4);color:var(--y);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:50px;margin-bottom:8px}

/* ── CERTIFICATIONS ── */
.cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.cert-card{background:#fff;border:1.5px solid #e8eef8;border-radius:16px;padding:24px 18px;text-align:center;transition:all .3s}
.cert-card:hover{border-color:var(--o);box-shadow:0 8px 28px rgba(255,107,0,.12);transform:translateY(-4px)}
.cert-icon{font-size:2.4rem;margin-bottom:12px}
.cert-name{font-size:.85rem;font-weight:700;color:var(--navy);margin-bottom:5px}
.cert-by{font-size:.72rem;color:var(--o);font-weight:600;margin-bottom:5px}
.cert-desc{font-size:.74rem;color:var(--gray);line-height:1.5}

/* ── PILLS ── */
.pills-wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:48px}
.pill{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #e0e8f4;border-radius:50px;padding:11px 22px;font-weight:600;font-size:.86rem;color:var(--navy);transition:all .25s;box-shadow:0 2px 8px rgba(11,26,46,.05)}
.pill:hover{border-color:var(--o);color:var(--o);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,0,.15)}
.pill-icon{font-size:1.3rem}

/* ── CAREERS ── */
.career-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.cc{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:26px 22px;transition:all .3s;display:flex;align-items:flex-start;gap:16px}
.cc:hover{background:rgba(255,107,0,.08);border-color:rgba(255,107,0,.25);transform:translateY(-4px)}
.cc-icon{font-size:2.2rem;flex-shrink:0;line-height:1}
.cc-title{color:#fff;font-size:.92rem;font-weight:600;margin-bottom:4px}
.cc-sal{color:var(--o);font-size:.76rem;font-weight:600;margin-bottom:5px}
.cc-desc{color:#7a9abb;font-size:.78rem;line-height:1.55}

/* ── WHO ── */
.who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.who-card{background:#fff;border:1.5px solid #e8eef8;border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s}
.who-card:hover{border-color:var(--o);box-shadow:0 8px 30px rgba(255,107,0,.12);transform:translateY(-4px)}
.who-emoji{font-size:2.4rem;margin-bottom:14px}
.who-title{font-size:.93rem;font-weight:600;color:var(--navy);margin-bottom:8px}
.who-desc{font-size:.79rem;color:var(--gray);line-height:1.55}

/* ── PLACEMENT ── */
.plc-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.plc-steps{list-style:none}
.plc-step{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.plc-num{width:40px;height:40px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0}
.plc-h{color:#fff;margin-bottom:3px;font-size:.92rem;font-weight:600}
.plc-p{color:#6d89aa;font-size:.81rem;line-height:1.5}
.plc-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.plc-stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s}
.plc-stat:hover{background:rgba(255,107,0,.1);border-color:rgba(255,107,0,.3)}
.plc-n{font-family:'Unbounded',sans-serif;font-size:2rem;font-weight:700;color:var(--o);line-height:1;margin-bottom:5px}
.plc-l{color:#8da8cc;font-size:.78rem}

/* ── MARQUEE ── */
.marquee-wrap{overflow:hidden;position:relative;margin-top:44px}
.marquee-wrap::before,.marquee-wrap::after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2}
.marquee-wrap::before{left:0;background:linear-gradient(90deg,var(--off),transparent)}
.marquee-wrap::after{right:0;background:linear-gradient(-90deg,var(--off),transparent)}
.marquee-track{display:flex;gap:20px;animation:marquee 26s linear infinite;width:max-content}
.marquee-track:hover{animation-play-state:paused}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.m-logo{background:#fff;border:1.5px solid #e2eaf6;border-radius:12px;padding:12px 26px;min-width:130px;height:56px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.83rem;color:var(--navy);white-space:nowrap;transition:all .2s;box-shadow:0 2px 8px rgba(11,26,46,.04)}
.m-logo:hover{border-color:var(--o);color:var(--o)}

/* ── TESTIMONIALS ── */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.t-card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 4px 20px rgba(11,26,46,.07);transition:all .3s;position:relative}
.t-card:hover{transform:translateY(-5px);box-shadow:0 14px 44px rgba(11,26,46,.13)}
.t-card::before{content:'"';position:absolute;top:14px;right:20px;font-size:4.5rem;color:var(--o);opacity:.1;font-family:'Unbounded',sans-serif;line-height:1}
.stars{color:var(--y);font-size:.85rem;margin-bottom:12px}
.tt{font-size:.86rem;color:#4a5f7a;line-height:1.75;margin-bottom:18px}
.tauthor{display:flex;align-items:center;gap:12px}
.tav{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;flex-shrink:0}
.ta1{background:linear-gradient(135deg,var(--o),var(--y))}.ta2{background:linear-gradient(135deg,#1565C0,#42A5F5)}.ta3{background:linear-gradient(135deg,#2E7D32,#66BB6A)}.ta4{background:linear-gradient(135deg,#7C3AED,#a78bfa)}.ta5{background:linear-gradient(135deg,#BF360C,#FF7043)}
.t-name{font-weight:600;font-size:.87rem;color:var(--navy)}.t-role{font-size:.73rem;color:var(--gray)}

/* ── FAQ ── */
.faq-list{max-width:820px;margin:48px auto 0}
.faq-item{border-bottom:1px solid #e2eaf6;overflow:hidden}
.faq-q{width:100%;background:none;border:none;padding:20px 0;text-align:left;font-family:'Outfit',sans-serif;font-size:.94rem;font-weight:600;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-arr{width:28px;height:28px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.72rem;flex-shrink:0;transition:transform .3s}
.faq-item.open .faq-arr{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s;font-size:.87rem;color:#5a6f8a;line-height:1.8}
.faq-item.open .faq-a{max-height:320px;padding-bottom:20px}

/* ── CTA ── */
.cta-band{background:linear-gradient(135deg,var(--o-dk) 0%,var(--o) 55%,var(--o-lt) 100%);padding:86px 0;text-align:center;position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;width:600px;height:600px;background:rgba(255,255,255,.08);border-radius:50%;top:-280px;right:-180px}
.cta-band::after{content:'';position:absolute;width:400px;height:400px;background:rgba(0,0,0,.08);border-radius:50%;bottom:-180px;left:-100px}
.cta-band h2{font-size:clamp(1.6rem,3vw,2.4rem);color:#fff;margin-bottom:14px;position:relative;z-index:2}
.cta-band p{color:rgba(255,255,255,.88);margin-bottom:36px;font-size:1.02rem;position:relative;z-index:2;max-width:560px;margin-left:auto;margin-right:auto}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}

/* ── FOOTER ── */
footer{background:var(--navy);color:#8da8cc;padding:56px 0 24px}
.fg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;margin-bottom:44px}
.flogo{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.flm{width:36px;height:36px;background:linear-gradient(135deg,var(--o),var(--y));border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-weight:900;font-size:.9rem;color:#fff}
.flt{font-family:'Unbounded',sans-serif;font-size:1.05rem;font-weight:900;color:#fff}.flt span{color:var(--o)}
.fabout{font-size:.82rem;line-height:1.75;margin-bottom:16px}
.fc{font-size:.8rem;display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}
.fc a{color:var(--o-lt);transition:color .2s}.fc a:hover{color:#fff}
.fh{font-family:'Unbounded',sans-serif;font-size:.7rem;color:#fff;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}
.fl{list-style:none}.fl li{margin-bottom:8px}
.fl a{font-size:.81rem;color:#8da8cc;transition:color .2s;display:flex;align-items:center;gap:5px}
.fl a:hover{color:var(--o)}
.fl a::before{content:'›';color:var(--o);opacity:0;transform:translateX(-4px);transition:all .2s}
.fl a:hover::before{opacity:1;transform:translateX(0)}
.fbot{border-top:1px solid rgba(255,255,255,.06);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:.76rem}
.fbot-links{display:flex;gap:20px}
.fbot-links a{color:#8da8cc;transition:color .2s}.fbot-links a:hover{color:var(--o)}

/* ── RESPONSIVE ── */
@media(max-width:1024px){.curr-grid{grid-template-columns:1fr 1fr}.career-grid{grid-template-columns:1fr 1fr}.channels-grid{grid-template-columns:1fr 1fr}.ai-tools-grid{grid-template-columns:repeat(3,1fr)}.cert-grid{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.hero-inner,.about-grid,.plc-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:80px 0 50px}.testi-grid{grid-template-columns:1fr 1fr}.who-grid{grid-template-columns:1fr 1fr}.curr-grid{grid-template-columns:1fr}.plc-stats{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr}.met-card,.bar-chart-deco{display:none}.ai-tools-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.section{padding:60px 0}.who-grid,.testi-grid,.career-grid,.channels-grid{grid-template-columns:1fr}.ai-tools-grid{grid-template-columns:1fr 1fr}.cert-grid{grid-template-columns:1fr 1fr}}
@keyframes fadeUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
.hero-anim{animation:fadeUp .75s both}



/* Dot-grid revealed diagonally from bottom-right */
.hero-dots{
  position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(rgba(255,107,0,.22) 1px,transparent 1px);
  background-size:36px 36px;
  mask-image:linear-gradient(130deg,transparent 42%,black 76%);
  -webkit-mask-image:linear-gradient(130deg,transparent 42%,black 76%);
}
/* Warm glow blobs */
.h-blob1{position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(255,107,0,.17) 0%,transparent 65%);top:-260px;right:-200px;pointer-events:none}
.h-blob2{position:absolute;width:450px;height:450px;background:radial-gradient(circle,rgba(255,184,0,.07) 0%,transparent 65%);bottom:-180px;left:-120px;pointer-events:none}
/* Spinning geometric rings — design-tool vibes */
.ring{position:absolute;border-radius:50%;pointer-events:none}
.ring1{width:340px;height:340px;border:1.5px solid rgba(255,107,0,.18);top:5%;right:40%;animation:rspin 28s linear infinite}
.ring2{width:180px;height:180px;border:1.5px solid rgba(255,184,0,.14);top:52%;right:36%;animation:rspin 18s linear infinite reverse}
.ring3{width:90px;height:90px;border:1.5px solid rgba(255,107,0,.2);top:28%;right:32%;animation:rspin 14s linear infinite}
@keyframes rspin{from{transform:rotate(0)}to{transform:rotate(360deg)}}

.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center}

/* Eyebrow badge */
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,107,0,.14);border:1px solid rgba(255,107,0,.38);color:var(--o-lt);font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:22px}
.e-dot{width:7px;height:7px;background:var(--o);border-radius:50%;animation:blink 1.4s ease infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}

.hero h1{font-size:clamp(2rem,3.8vw,3.3rem);color:#fff;margin-bottom:22px;line-height:1.1}
.hero h1 .o{color:var(--o)}
.hero h1 .y{color:var(--y)}
.hero-desc{color:#8da8cc;font-size:1.02rem;line-height:1.82;margin-bottom:30px;max-width:510px}

/* Stat bar */
.hero-stats{display:flex;gap:0;margin-bottom:32px;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03)}
.hst{flex:1;text-align:center;padding:15px 10px;border-right:1px solid rgba(255,255,255,.06)}
.hst:last-child{border:none}
.hst-n{font-family:'Unbounded',sans-serif;font-size:1.45rem;font-weight:700;color:var(--o);line-height:1}
.hst-l{font-size:.67rem;color:#6d89aa;margin-top:4px}

.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}

/* Tool tags */
.hero-tools{display:flex;gap:8px;flex-wrap:wrap}
.htool{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#b8d0ee;font-size:.73rem;padding:5px 13px;border-radius:6px;transition:all .25s;font-weight:500}
.htool:hover{background:rgba(255,107,0,.15);border-color:rgba(255,107,0,.4);color:var(--o-lt)}

/* Hero Form Card */
.hero-card{background:#fff;border-radius:20px;padding:34px 28px;box-shadow:0 24px 70px rgba(0,0,0,.45);position:relative;overflow:hidden;animation:slideUp .8s .15s both}
@keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.hero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--o),var(--y),var(--red))}
.card-h{font-family:'Unbounded',sans-serif;font-size:1rem;color:var(--navy);margin-bottom:5px}
.card-s{font-size:.82rem;color:var(--gray);margin-bottom:20px}
.fr{margin-bottom:12px}
.fr label{display:block;font-size:.78rem;font-weight:600;color:var(--navy);margin-bottom:5px}
.fr input,.fr select{width:100%;padding:11px 14px;border:1.5px solid #dce4f0;border-radius:8px;font-family:'Outfit',sans-serif;font-size:.9rem;color:var(--navy);background:#f8fafd;outline:none;transition:border .2s}
.fr input:focus,.fr select:focus{border-color:var(--o);background:#fff}
.form-note{text-align:center;font-size:.74rem;color:var(--gray);margin-top:10px}
.form-note span{color:var(--o);font-weight:600}

/* ──────────────────────────────────
   TRUST STRIP
────────────────────────────────── */
.trust{background:var(--o);padding:16px 0}
.trust-inner{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:9px;color:#fff;font-size:.85rem;font-weight:500}
.ti{width:30px;height:30px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}

/* ──────────────────────────────────
   ABOUT COURSE — creative visual panel
────────────────────────────────── */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}

.design-visual{
  background:linear-gradient(135deg,#060f1e 0%,var(--navy3) 100%);
  border-radius:24px;padding:36px 32px;
  position:relative;overflow:hidden;
}
.design-visual::before{content:'';position:absolute;width:360px;height:360px;background:radial-gradient(circle,rgba(255,107,0,.22) 0%,transparent 65%);top:-130px;right:-130px;pointer-events:none}
.design-visual::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y),var(--o))}

/* Colour palette swatches */
.swatches{display:flex;gap:8px;margin-bottom:18px;position:relative;z-index:2}
.sw{width:38px;height:38px;border-radius:9px;flex-shrink:0;transition:transform .3s;cursor:default}
.sw:hover{transform:scale(1.2) translateY(-4px)}

/* Mock Photoshop canvas */
.canvas-mock{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px;margin-bottom:14px;position:relative;z-index:2}
.canvas-topbar{display:flex;align-items:center;gap:6px;margin-bottom:12px}
.dot-r{width:9px;height:9px;border-radius:50%;background:#ff5f57}
.dot-y{width:9px;height:9px;border-radius:50%;background:#febc2e}
.dot-g{width:9px;height:9px;border-radius:50%;background:#28c840}
.canvas-file{margin-left:8px;font-size:.68rem;color:rgba(255,255,255,.35);font-family:'Outfit',sans-serif}
.canvas-body{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}
.c-panel{background:rgba(255,107,0,.1);border:1px solid rgba(255,107,0,.2);border-radius:10px;padding:14px}
.c-panel.c-dk{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
.c-label{font-size:.6rem;color:rgba(255,255,255,.4);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.logo-mock{width:100%;height:52px;background:linear-gradient(135deg,var(--o),var(--y));border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-weight:900;font-size:1.1rem;color:#fff}
.bars{display:flex;flex-direction:column;gap:7px}
.bar{height:8px;border-radius:4px;background:rgba(255,255,255,.1);overflow:hidden}
.bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--o),var(--y));animation:bGrow 2.8s ease infinite alternate}
.bar-fill.b2{animation-delay:.5s}.bar-fill.b3{animation-delay:1s}
@keyframes bGrow{from{width:25%}to{width:88%}}

/* Tool mini-cards grid */
.tool-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:2}
.tm{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:14px 10px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.tm::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,107,0,.1),transparent);opacity:0;transition:opacity .3s}
.tm:hover{border-color:rgba(255,107,0,.4);transform:translateY(-4px)}
.tm:hover::before{opacity:1}
.tm-icon{font-size:1.7rem;margin-bottom:6px;display:block}
.tm-name{color:#fff;font-size:.75rem;font-weight:600}
.tm-type{color:var(--o-lt);font-size:.63rem;margin-top:2px}

/* Section checklist */
.ck-list{list-style:none}
.ck-list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f8;font-size:.92rem;color:#3a4f6a}
.ck-list li:last-child{border:none}
.ck{width:22px;height:22px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.65rem;flex-shrink:0;margin-top:3px}

/* ──────────────────────────────────
   DESIGN DOMAINS (What you can create)
────────────────────────────────── */
.domains-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.domain-card{background:#fff;border:1.5px solid #e8eef8;border-radius:18px;padding:26px 20px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.domain-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.domain-card:hover{border-color:rgba(255,107,0,.25);transform:translateY(-5px);box-shadow:0 14px 40px rgba(255,107,0,.1)}
.domain-card:hover::after{transform:scaleX(1)}
.d-icon{font-size:2.3rem;margin-bottom:13px}
.d-title{font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:8px}
.d-desc{font-size:.78rem;color:var(--gray);line-height:1.55}

/* ──────────────────────────────────
   CURRICULUM — 6 dark modules
────────────────────────────────── */
.curr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mod{background:var(--navy2);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:28px 22px;transition:all .3s;position:relative;overflow:hidden}
.mod::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--o),var(--y));border-radius:4px 0 0 4px}
.mod:hover{border-color:rgba(255,107,0,.3);transform:translateY(-5px);box-shadow:0 18px 48px rgba(0,0,0,.32)}
.mod-num{font-family:'Unbounded',sans-serif;font-size:.63rem;color:var(--o);letter-spacing:.12em;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.mod-num::after{content:'';flex:1;height:1px;background:rgba(255,107,0,.2)}
.mod-title{color:#fff;font-size:.94rem;margin-bottom:14px}
.mod-list{list-style:none}
.mod-list li{color:#7a9abb;font-size:.8rem;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:flex-start;gap:8px;line-height:1.4}
.mod-list li::before{content:'▸';color:var(--o);font-size:.68rem;flex-shrink:0;margin-top:2px}
.mod-list li:last-child{border:none}

/* ──────────────────────────────────
   SOFTWARE PILLS
────────────────────────────────── */
.pills-wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:48px}
.pill{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #e0e8f4;border-radius:50px;padding:11px 22px;font-weight:600;font-size:.86rem;color:var(--navy);transition:all .25s;box-shadow:0 2px 8px rgba(11,26,46,.05)}
.pill:hover{border-color:var(--o);color:var(--o);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,0,.15)}
.pill-icon{font-size:1.3rem}

/* ──────────────────────────────────
   CAREER PATHS
────────────────────────────────── */
.career-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.cc{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:26px 22px;transition:all .3s;display:flex;align-items:flex-start;gap:16px}
.cc:hover{background:rgba(255,107,0,.08);border-color:rgba(255,107,0,.25);transform:translateY(-4px)}
.cc-icon{font-size:2.2rem;flex-shrink:0;line-height:1}
.cc-title{color:#fff;font-size:.92rem;font-weight:600;margin-bottom:4px}
.cc-sal{color:var(--o);font-size:.76rem;font-weight:600;margin-bottom:5px}
.cc-desc{color:#7a9abb;font-size:.78rem;line-height:1.55}

/* ──────────────────────────────────
   WHO IS THIS FOR
────────────────────────────────── */
.who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.who-card{background:#fff;border:1.5px solid #e8eef8;border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s}
.who-card:hover{border-color:var(--o);box-shadow:0 8px 30px rgba(255,107,0,.12);transform:translateY(-4px)}
.who-emoji{font-size:2.4rem;margin-bottom:14px}
.who-title{font-size:.93rem;font-weight:600;color:var(--navy);margin-bottom:8px}
.who-desc{font-size:.79rem;color:var(--gray);line-height:1.55}

/* ──────────────────────────────────
   PLACEMENT
────────────────────────────────── */
.plc-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.plc-steps{list-style:none}
.plc-step{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.plc-num{width:40px;height:40px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0}
.plc-h{color:#fff;margin-bottom:3px;font-size:.92rem;font-weight:600}
.plc-p{color:#6d89aa;font-size:.81rem;line-height:1.5}
.plc-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.plc-stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s}
.plc-stat:hover{background:rgba(255,107,0,.1);border-color:rgba(255,107,0,.3)}
.plc-n{font-family:'Unbounded',sans-serif;font-size:2rem;font-weight:700;color:var(--o);line-height:1;margin-bottom:5px}
.plc-l{color:#8da8cc;font-size:.78rem}

/* ──────────────────────────────────
   MARQUEE
────────────────────────────────── */
.marquee-wrap{overflow:hidden;position:relative;margin-top:44px}
.marquee-wrap::before,.marquee-wrap::after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2}
.marquee-wrap::before{left:0;background:linear-gradient(90deg,var(--off),transparent)}
.marquee-wrap::after{right:0;background:linear-gradient(-90deg,var(--off),transparent)}
.marquee-track{display:flex;gap:20px;animation:marquee 26s linear infinite;width:max-content}
.marquee-track:hover{animation-play-state:paused}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.m-logo{background:#fff;border:1.5px solid #e2eaf6;border-radius:12px;padding:12px 26px;min-width:130px;height:56px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.83rem;color:var(--navy);white-space:nowrap;transition:all .2s;box-shadow:0 2px 8px rgba(11,26,46,.04)}
.m-logo:hover{border-color:var(--o);color:var(--o)}

/* ──────────────────────────────────
   TESTIMONIALS
────────────────────────────────── */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.t-card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 4px 20px rgba(11,26,46,.07);transition:all .3s;position:relative}
.t-card:hover{transform:translateY(-5px);box-shadow:0 14px 44px rgba(11,26,46,.13)}
.t-card::before{content:'"';position:absolute;top:14px;right:20px;font-size:4.5rem;color:var(--o);opacity:.1;font-family:'Unbounded',sans-serif;line-height:1}
.stars{color:var(--y);font-size:.85rem;margin-bottom:12px}
.tt{font-size:.86rem;color:#4a5f7a;line-height:1.75;margin-bottom:18px}
.tauthor{display:flex;align-items:center;gap:12px}
.tav{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;flex-shrink:0}
.ta1{background:linear-gradient(135deg,var(--o),var(--y))}
.ta2{background:linear-gradient(135deg,#1565C0,#42A5F5)}
.ta3{background:linear-gradient(135deg,#2E7D32,#66BB6A)}
.ta4{background:linear-gradient(135deg,#7C3AED,#a78bfa)}
.ta5{background:linear-gradient(135deg,#BF360C,#FF7043)}
.t-name{font-weight:600;font-size:.87rem;color:var(--navy)}
.t-role{font-size:.73rem;color:var(--gray)}

/* ──────────────────────────────────
   FAQ
────────────────────────────────── */
.faq-list{max-width:820px;margin:48px auto 0}
.faq-item{border-bottom:1px solid #e2eaf6;overflow:hidden}
.faq-q{width:100%;background:none;border:none;padding:20px 0;text-align:left;font-family:'Outfit',sans-serif;font-size:.94rem;font-weight:600;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-arr{width:28px;height:28px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.72rem;flex-shrink:0;transition:transform .3s}
.faq-item.open .faq-arr{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s;font-size:.87rem;color:#5a6f8a;line-height:1.8}
.faq-item.open .faq-a{max-height:320px;padding-bottom:20px}

/* ──────────────────────────────────
   CTA BAND
────────────────────────────────── */
.cta-band{background:linear-gradient(135deg,var(--o-dk) 0%,var(--o) 55%,var(--o-lt) 100%);padding:86px 0;text-align:center;position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;width:600px;height:600px;background:rgba(255,255,255,.08);border-radius:50%;top:-280px;right:-180px}
.cta-band::after{content:'';position:absolute;width:400px;height:400px;background:rgba(0,0,0,.08);border-radius:50%;bottom:-180px;left:-100px}
.cta-band h2{font-size:clamp(1.6rem,3vw,2.4rem);color:#fff;margin-bottom:14px;position:relative;z-index:2}
.cta-band p{color:rgba(255,255,255,.88);margin-bottom:36px;font-size:1.02rem;position:relative;z-index:2;max-width:500px;margin-left:auto;margin-right:auto}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}

/* ──────────────────────────────────
   FOOTER
────────────────────────────────── */
footer{background:var(--navy);color:#8da8cc;padding:56px 0 24px}
.fg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;margin-bottom:44px}
.flogo{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.flm{width:36px;height:36px;background:linear-gradient(135deg,var(--o),var(--y));border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-weight:900;font-size:.9rem;color:#fff}
.flt{font-family:'Unbounded',sans-serif;font-size:1.05rem;font-weight:900;color:#fff}
.flt span{color:var(--o)}
.fabout{font-size:.82rem;line-height:1.75;margin-bottom:16px}
.fc{font-size:.8rem;display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}
.fc a{color:var(--o-lt);transition:color .2s}
.fc a:hover{color:#fff}
.fh{font-family:'Unbounded',sans-serif;font-size:.7rem;color:#fff;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}
.fl{list-style:none}
.fl li{margin-bottom:8px}
.fl a{font-size:.81rem;color:#8da8cc;transition:color .2s;display:flex;align-items:center;gap:5px}
.fl a:hover{color:var(--o)}
.fl a::before{content:'›';color:var(--o);opacity:0;transform:translateX(-4px);transition:all .2s}
.fl a:hover::before{opacity:1;transform:translateX(0)}
.fbot{border-top:1px solid rgba(255,255,255,.06);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:.76rem}
.fbot-links{display:flex;gap:20px}
.fbot-links a{color:#8da8cc;transition:color .2s}
.fbot-links a:hover{color:var(--o)}

/* ──────────────────────────────────
   RESPONSIVE
────────────────────────────────── */
@media(max-width:1024px){
  .curr-grid{grid-template-columns:1fr 1fr}
  .career-grid{grid-template-columns:1fr 1fr}
  .domains-grid{grid-template-columns:1fr 1fr}
  .fg{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .hero-inner,.about-grid,.plc-grid{grid-template-columns:1fr}
  .hero{min-height:auto;padding:80px 0 50px}
  .testi-grid{grid-template-columns:1fr 1fr}
  .who-grid{grid-template-columns:1fr 1fr}
  .curr-grid{grid-template-columns:1fr}
  .plc-stats{grid-template-columns:1fr 1fr}
  .fg{grid-template-columns:1fr}
  .ring{display:none}
}
@media(max-width:480px){
  .section{padding:60px 0}
  .who-grid,.testi-grid,.career-grid,.domains-grid{grid-template-columns:1fr}
}
@keyframes fadeUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
.hero-anim{animation:fadeUp .75s both}

@media(max-width:900px){.nav-links{display:none}}

/* ═══ HERO — WIREFRAME / PRODUCT DESIGN AESTHETIC ═══ */
.hero{background:linear-gradient(140deg,#030d1e 0%,#081628 50%,#0a1e35 100%);min-height:94vh;display:flex;align-items:center;padding:90px 0 60px;position:relative;overflow:hidden}
/* Grid overlay — blueprint/wireframe feel */
.hero-grid{position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,107,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,0,.04) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(135deg,transparent 30%,black 70%);
  -webkit-mask-image:linear-gradient(135deg,transparent 30%,black 70%)}
/* Floating UI component shapes */
.ui-float{position:absolute;pointer-events:none;opacity:0;animation:floatIn 1s forwards}
@keyframes floatIn{to{opacity:1;transform:translateY(0)}}
.ui-card1{top:12%;right:5%;background:rgba(255,255,255,.04);border:1px solid rgba(255,107,0,.2);border-radius:12px;padding:12px 16px;width:160px;animation-delay:.5s;transform:translateY(20px)}
.ui-card2{top:42%;right:8%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;width:130px;animation-delay:.9s;transform:translateY(20px)}
.ui-card3{bottom:18%;right:4%;background:rgba(255,107,0,.08);border:1px solid rgba(255,107,0,.25);border-radius:10px;padding:10px 14px;width:120px;animation-delay:1.3s;transform:translateY(20px)}
.uc-label{font-size:.58rem;color:rgba(255,255,255,.4);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.uc-bar{height:6px;border-radius:3px;background:rgba(255,255,255,.08);margin-bottom:5px;overflow:hidden}
.uc-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--o),var(--y))}
.uc-btn{height:22px;border-radius:5px;background:var(--o);margin-top:8px;opacity:.7}
.uc-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--o),var(--y));display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;margin-bottom:6px}
.uc-line{height:5px;border-radius:3px;background:rgba(255,255,255,.1);margin-bottom:4px}
/* Glow blobs */
.h-glow1{position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(255,107,0,.15) 0%,transparent 65%);top:-280px;right:-220px;pointer-events:none}
.h-glow2{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(0,120,255,.06) 0%,transparent 65%);bottom:-150px;left:-100px;pointer-events:none}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,107,0,.14);border:1px solid rgba(255,107,0,.38);color:var(--o-lt);font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:22px}
.e-dot{width:7px;height:7px;background:var(--o);border-radius:50%;animation:blink 1.4s ease infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-size:clamp(2rem,3.8vw,3.3rem);color:#fff;margin-bottom:22px;line-height:1.1}
.hero h1 .o{color:var(--o)}.hero h1 .y{color:var(--y)}
.hero-desc{color:#8da8cc;font-size:1.02rem;line-height:1.82;margin-bottom:30px;max-width:510px}
.hero-stats{display:flex;gap:0;margin-bottom:32px;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03)}
.hst{flex:1;text-align:center;padding:15px 10px;border-right:1px solid rgba(255,255,255,.06)}
.hst:last-child{border:none}
.hst-n{font-family:'Unbounded',sans-serif;font-size:1.45rem;font-weight:700;color:var(--o);line-height:1}
.hst-l{font-size:.67rem;color:#6d89aa;margin-top:4px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.hero-tools{display:flex;gap:8px;flex-wrap:wrap}
.htool{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#b8d0ee;font-size:.73rem;padding:5px 13px;border-radius:6px;transition:all .25s;font-weight:500}
.htool:hover{background:rgba(255,107,0,.15);border-color:rgba(255,107,0,.4);color:var(--o-lt)}
.hero-card{background:#fff;border-radius:20px;padding:34px 28px;box-shadow:0 24px 70px rgba(0,0,0,.5);position:relative;overflow:hidden;animation:slideUp .8s .15s both}
@keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.hero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--o),var(--y),var(--red))}
.card-h{font-family:'Unbounded',sans-serif;font-size:1rem;color:var(--navy);margin-bottom:5px}
.card-s{font-size:.82rem;color:var(--gray);margin-bottom:20px}
.fr{margin-bottom:12px}
.fr label{display:block;font-size:.78rem;font-weight:600;color:var(--navy);margin-bottom:5px}
.fr input,.fr select{width:100%;padding:11px 14px;border:1.5px solid #dce4f0;border-radius:8px;font-family:'Outfit',sans-serif;font-size:.9rem;color:var(--navy);background:#f8fafd;outline:none;transition:border .2s}
.fr input:focus,.fr select:focus{border-color:var(--o);background:#fff}
.form-note{text-align:center;font-size:.74rem;color:var(--gray);margin-top:10px}
.form-note span{color:var(--o);font-weight:600}
/* TRUST */
.trust{background:var(--o);padding:16px 0}
.trust-inner{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:9px;color:#fff;font-size:.85rem;font-weight:500}
.ti{width:30px;height:30px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}
/* ABOUT */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
/* Figma-style mock UI panel */
.ux-visual{background:linear-gradient(135deg,#060f1e 0%,var(--navy3) 100%);border-radius:24px;padding:32px;position:relative;overflow:hidden}
.ux-visual::before{content:'';position:absolute;width:360px;height:360px;background:radial-gradient(circle,rgba(255,107,0,.2) 0%,transparent 65%);top:-140px;right:-140px;pointer-events:none}
.ux-visual::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y),var(--o))}
/* Figma mock frame */
.figma-mock{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px;margin-bottom:14px;position:relative;z-index:2}
.fig-top{display:flex;align-items:center;gap:6px;margin-bottom:14px}
.dot-r{width:9px;height:9px;border-radius:50%;background:#ff5f57}
.dot-y{width:9px;height:9px;border-radius:50%;background:#febc2e}
.dot-g{width:9px;height:9px;border-radius:50%;background:#28c840}
.fig-file{margin-left:8px;font-size:.68rem;color:rgba(255,255,255,.35);font-family:'Outfit',sans-serif}
.fig-body{display:grid;grid-template-columns:1fr 1fr;gap:10px}
/* Mobile wireframe */
.phone-frame{border:2px solid rgba(255,107,0,.3);border-radius:14px;padding:12px 10px;background:rgba(255,255,255,.03)}
.ph-notch{width:40px;height:5px;background:rgba(255,255,255,.1);border-radius:3px;margin:0 auto 10px}
.ph-hero{height:32px;background:linear-gradient(135deg,rgba(255,107,0,.3),rgba(255,184,0,.2));border-radius:6px;margin-bottom:7px}
.ph-row{display:flex;gap:5px;margin-bottom:6px}
.ph-box{flex:1;height:22px;background:rgba(255,255,255,.07);border-radius:5px}
.ph-box.accent{background:rgba(255,107,0,.25)}
.ph-btn{height:20px;background:rgba(255,107,0,.5);border-radius:6px;margin-top:5px}
/* Components panel */
.comp-panel{display:flex;flex-direction:column;gap:7px}
.comp-label{font-size:.58rem;color:rgba(255,255,255,.35);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.comp-item{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:7px;padding:7px 10px;font-size:.68rem;color:rgba(255,255,255,.6);display:flex;align-items:center;gap:7px}
.comp-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
/* Tool mini cards */
.tool-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:2}
.tm{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:14px 10px;text-align:center;transition:all .3s}
.tm:hover{border-color:rgba(255,107,0,.4);transform:translateY(-4px);background:rgba(255,107,0,.1)}
.tm-icon{font-size:1.7rem;margin-bottom:6px;display:block}
.tm-name{color:#fff;font-size:.75rem;font-weight:600}
.tm-type{color:var(--o-lt);font-size:.63rem;margin-top:2px}
.ck-list{list-style:none}
.ck-list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f8;font-size:.92rem;color:#3a4f6a}
.ck-list li:last-child{border:none}
.ck{width:22px;height:22px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.65rem;flex-shrink:0;margin-top:3px}
/* UX PROCESS — unique to this page */
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:48px;position:relative}
.process-grid::before{content:'';position:absolute;top:36px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--o),var(--y),var(--o));z-index:0}
.proc-step{text-align:center;position:relative;z-index:1;padding:0 10px}
.proc-num{width:72px;height:72px;background:#fff;border:3px solid var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-family:'Unbounded',sans-serif;font-weight:700;font-size:1.1rem;color:var(--o);transition:all .3s;box-shadow:0 4px 16px rgba(255,107,0,.15)}
.proc-step:hover .proc-num{background:var(--o);color:#fff;transform:scale(1.1);box-shadow:0 8px 28px rgba(255,107,0,.35)}
.proc-title{font-size:.82rem;font-weight:600;color:var(--navy);margin-bottom:5px}
.proc-desc{font-size:.72rem;color:var(--gray);line-height:1.5}
/* DOMAINS */
.domains-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.domain-card{background:#fff;border:1.5px solid #e8eef8;border-radius:18px;padding:26px 20px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.domain-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.domain-card:hover{border-color:rgba(255,107,0,.25);transform:translateY(-5px);box-shadow:0 14px 40px rgba(255,107,0,.1)}
.domain-card:hover::after{transform:scaleX(1)}
.d-icon{font-size:2.3rem;margin-bottom:13px}
.d-title{font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:8px}
.d-desc{font-size:.78rem;color:var(--gray);line-height:1.55}
/* CURRICULUM */
.curr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mod{background:var(--navy2);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:28px 22px;transition:all .3s;position:relative;overflow:hidden}
.mod::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--o),var(--y));border-radius:4px 0 0 4px}
.mod:hover{border-color:rgba(255,107,0,.3);transform:translateY(-5px);box-shadow:0 18px 48px rgba(0,0,0,.32)}
.mod-num{font-family:'Unbounded',sans-serif;font-size:.63rem;color:var(--o);letter-spacing:.12em;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.mod-num::after{content:'';flex:1;height:1px;background:rgba(255,107,0,.2)}
.mod-title{color:#fff;font-size:.94rem;margin-bottom:14px}
.mod-list{list-style:none}
.mod-list li{color:#7a9abb;font-size:.8rem;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:flex-start;gap:8px;line-height:1.4}
.mod-list li::before{content:'▸';color:var(--o);font-size:.68rem;flex-shrink:0;margin-top:2px}
.mod-list li:last-child{border:none}
/* PILLS */
.pills-wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:48px}
.pill{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #e0e8f4;border-radius:50px;padding:11px 22px;font-weight:600;font-size:.86rem;color:var(--navy);transition:all .25s;box-shadow:0 2px 8px rgba(11,26,46,.05)}
.pill:hover{border-color:var(--o);color:var(--o);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,0,.15)}
.pill-icon{font-size:1.3rem}
/* CAREERS */
.career-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.cc{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:26px 22px;transition:all .3s;display:flex;align-items:flex-start;gap:16px}
.cc:hover{background:rgba(255,107,0,.08);border-color:rgba(255,107,0,.25);transform:translateY(-4px)}
.cc-icon{font-size:2.2rem;flex-shrink:0;line-height:1}
.cc-title{color:#fff;font-size:.92rem;font-weight:600;margin-bottom:4px}
.cc-sal{color:var(--o);font-size:.76rem;font-weight:600;margin-bottom:5px}
.cc-desc{color:#7a9abb;font-size:.78rem;line-height:1.55}
/* WHO */
.who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.who-card{background:#fff;border:1.5px solid #e8eef8;border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s}
.who-card:hover{border-color:var(--o);box-shadow:0 8px 30px rgba(255,107,0,.12);transform:translateY(-4px)}
.who-emoji{font-size:2.4rem;margin-bottom:14px}
.who-title{font-size:.93rem;font-weight:600;color:var(--navy);margin-bottom:8px}
.who-desc{font-size:.79rem;color:var(--gray);line-height:1.55}
/* PLACEMENT */
.plc-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.plc-steps{list-style:none}
.plc-step{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.plc-num{width:40px;height:40px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0}
.plc-h{color:#fff;margin-bottom:3px;font-size:.92rem;font-weight:600}
.plc-p{color:#6d89aa;font-size:.81rem;line-height:1.5}
.plc-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.plc-stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s}
.plc-stat:hover{background:rgba(255,107,0,.1);border-color:rgba(255,107,0,.3)}
.plc-n{font-family:'Unbounded',sans-serif;font-size:2rem;font-weight:700;color:var(--o);line-height:1;margin-bottom:5px}
.plc-l{color:#8da8cc;font-size:.78rem}
/* MARQUEE */
.marquee-wrap{overflow:hidden;position:relative;margin-top:44px}
.marquee-wrap::before,.marquee-wrap::after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2}
.marquee-wrap::before{left:0;background:linear-gradient(90deg,var(--off),transparent)}
.marquee-wrap::after{right:0;background:linear-gradient(-90deg,var(--off),transparent)}
.marquee-track{display:flex;gap:20px;animation:marquee 26s linear infinite;width:max-content}
.marquee-track:hover{animation-play-state:paused}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.m-logo{background:#fff;border:1.5px solid #e2eaf6;border-radius:12px;padding:12px 26px;min-width:130px;height:56px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.83rem;color:var(--navy);white-space:nowrap;transition:all .2s;box-shadow:0 2px 8px rgba(11,26,46,.04)}
.m-logo:hover{border-color:var(--o);color:var(--o)}
/* TESTI */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.t-card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 4px 20px rgba(11,26,46,.07);transition:all .3s;position:relative}
.t-card:hover{transform:translateY(-5px);box-shadow:0 14px 44px rgba(11,26,46,.13)}
.t-card::before{content:'"';position:absolute;top:14px;right:20px;font-size:4.5rem;color:var(--o);opacity:.1;font-family:'Unbounded',sans-serif;line-height:1}
.stars{color:var(--y);font-size:.85rem;margin-bottom:12px}
.tt{font-size:.86rem;color:#4a5f7a;line-height:1.75;margin-bottom:18px}
.tauthor{display:flex;align-items:center;gap:12px}
.tav{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;flex-shrink:0}
.ta1{background:linear-gradient(135deg,var(--o),var(--y))}.ta2{background:linear-gradient(135deg,#1565C0,#42A5F5)}.ta3{background:linear-gradient(135deg,#2E7D32,#66BB6A)}.ta4{background:linear-gradient(135deg,#7C3AED,#a78bfa)}.ta5{background:linear-gradient(135deg,#BF360C,#FF7043)}
.t-name{font-weight:600;font-size:.87rem;color:var(--navy)}.t-role{font-size:.73rem;color:var(--gray)}
/* FAQ */
.faq-list{max-width:820px;margin:48px auto 0}
.faq-item{border-bottom:1px solid #e2eaf6;overflow:hidden}
.faq-q{width:100%;background:none;border:none;padding:20px 0;text-align:left;font-family:'Outfit',sans-serif;font-size:.94rem;font-weight:600;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-arr{width:28px;height:28px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.72rem;flex-shrink:0;transition:transform .3s}
.faq-item.open .faq-arr{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s;font-size:.87rem;color:#5a6f8a;line-height:1.8}
.faq-item.open .faq-a{max-height:320px;padding-bottom:20px}
/* CTA */
.cta-band{background:linear-gradient(135deg,var(--o-dk) 0%,var(--o) 55%,var(--o-lt) 100%);padding:86px 0;text-align:center;position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;width:600px;height:600px;background:rgba(255,255,255,.08);border-radius:50%;top:-280px;right:-180px}
.cta-band::after{content:'';position:absolute;width:400px;height:400px;background:rgba(0,0,0,.08);border-radius:50%;bottom:-180px;left:-100px}
.cta-band h2{font-size:clamp(1.6rem,3vw,2.4rem);color:#fff;margin-bottom:14px;position:relative;z-index:2}
.cta-band p{color:rgba(255,255,255,.88);margin-bottom:36px;font-size:1.02rem;position:relative;z-index:2;max-width:500px;margin-left:auto;margin-right:auto}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}

@media(max-width:1024px){.curr-grid{grid-template-columns:1fr 1fr}.career-grid{grid-template-columns:1fr 1fr}.domains-grid{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.process-grid::before{display:none}}
@media(max-width:768px){.hero-inner,.about-grid,.plc-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:80px 0 50px}.testi-grid{grid-template-columns:1fr 1fr}.who-grid{grid-template-columns:1fr 1fr}.curr-grid{grid-template-columns:1fr}.plc-stats{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr}.ui-float{display:none}}
@media(max-width:480px){.section{padding:60px 0}.who-grid,.testi-grid,.career-grid,.domains-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}}
@keyframes fadeUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
.hero-anim{animation:fadeUp .75s both}

/* Particle canvas */
#vfx-canvas{position:absolute;inset:0;z-index:0;pointer-events:none}
/* Lens flare / energy burst */
.lf-core{position:absolute;right:18%;top:50%;transform:translate(50%,-50%);z-index:1;pointer-events:none}
.lf-ring{position:absolute;border-radius:50%;border:2px solid;top:50%;left:50%;transform:translate(-50%,-50%);animation:lfPulse 3s ease infinite}
.lf-r1{width:60px;height:60px;border-color:rgba(255,107,0,.9);animation-delay:0s;background:radial-gradient(circle,rgba(255,107,0,.4),transparent)}
.lf-r2{width:130px;height:130px;border-color:rgba(255,107,0,.5);animation-delay:.4s}
.lf-r3{width:220px;height:220px;border-color:rgba(255,107,0,.25);animation-delay:.8s}
.lf-r4{width:340px;height:340px;border-color:rgba(255,107,0,.12);animation-delay:1.2s}
.lf-r5{width:480px;height:480px;border-color:rgba(255,107,0,.05);animation-delay:1.6s}
@keyframes lfPulse{0%,100%{transform:translate(-50%,-50%) scale(.95);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.05);opacity:1}}
/* Lens flare streak */
.lf-streak{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,107,0,.15),rgba(255,184,0,.25),rgba(255,107,0,.15),transparent);pointer-events:none}
.lf-streak2{transform:translate(-50%,-50%) rotate(35deg)}
/* Horizontal scan sweep */
.scan-sweep{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,107,0,.3),transparent);animation:sweepMove 5s linear infinite;z-index:1;pointer-events:none}
@keyframes sweepMove{0%{top:-1px;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}
/* Before/After split badge — floating right */
.ba-badge{position:absolute;right:5%;top:18%;z-index:2;background:rgba(0,0,0,.7);border:1px solid rgba(255,107,0,.3);border-radius:14px;overflow:hidden;width:170px;animation:baFloat 4s ease infinite alternate;pointer-events:none}
@keyframes baFloat{from{transform:translateY(0)}to{transform:translateY(-12px)}}
.ba-top{display:flex}
.ba-before{flex:1;padding:8px 10px;background:rgba(255,255,255,.04);border-right:1px solid rgba(255,107,0,.2)}
.ba-after{flex:1;padding:8px 10px;background:rgba(255,107,0,.08)}
.ba-label{font-size:.52rem;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-family:'Outfit',sans-serif}
.ba-bar{height:5px;border-radius:3px}
.ba-bar-b{background:rgba(255,255,255,.15);width:100%}
.ba-bar-a{background:linear-gradient(90deg,var(--o),var(--y));width:100%}
.ba-divider{width:3px;background:var(--o);position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%)}
/* VFX shot counter badge */
.shot-badge{position:absolute;right:5%;bottom:25%;z-index:2;background:rgba(255,107,0,.12);border:1px solid rgba(255,107,0,.35);border-radius:12px;padding:12px 16px;text-align:center;animation:baFloat 5s .5s ease infinite alternate;pointer-events:none}
.shot-n{font-family:'Unbounded',sans-serif;font-size:1.4rem;font-weight:700;color:var(--o);line-height:1}
.shot-l{font-size:.58rem;color:rgba(255,255,255,.4);margin-top:3px;text-transform:uppercase;letter-spacing:.1em;font-family:'Outfit',sans-serif}
/* Orange glows */
.h-glow1{position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(255,107,0,.12) 0%,transparent 65%);top:-320px;right:-250px;pointer-events:none}
.h-glow2{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(80,20,180,.06) 0%,transparent 65%);bottom:-150px;left:-100px;pointer-events:none}

.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,107,0,.14);border:1px solid rgba(255,107,0,.38);color:var(--o-lt);font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:22px}
.e-dot{width:7px;height:7px;background:var(--o);border-radius:50%;animation:blink 1.4s ease infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-size:clamp(2rem,3.8vw,3.3rem);color:#fff;margin-bottom:22px;line-height:1.1}
.hero h1 .o{color:var(--o)}.hero h1 .y{color:var(--y)}
.hero-desc{color:#8da8cc;font-size:1.02rem;line-height:1.82;margin-bottom:30px;max-width:510px}
.hero-stats{display:flex;gap:0;margin-bottom:32px;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03)}
.hst{flex:1;text-align:center;padding:15px 10px;border-right:1px solid rgba(255,255,255,.06)}
.hst:last-child{border:none}
.hst-n{font-family:'Unbounded',sans-serif;font-size:1.45rem;font-weight:700;color:var(--o);line-height:1}
.hst-l{font-size:.67rem;color:#6d89aa;margin-top:4px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.hero-tools{display:flex;gap:8px;flex-wrap:wrap}
.htool{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#b8d0ee;font-size:.73rem;padding:5px 13px;border-radius:6px;transition:all .25s;font-weight:500}
.htool:hover{background:rgba(255,107,0,.15);border-color:rgba(255,107,0,.4);color:var(--o-lt)}
/* FORM */
.hero-card{background:#fff;border-radius:20px;padding:34px 28px;box-shadow:0 24px 70px rgba(0,0,0,.6);position:relative;overflow:hidden;animation:slideUp .8s .15s both}
@keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.hero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--o),var(--y),var(--red))}
.card-h{font-family:'Unbounded',sans-serif;font-size:1rem;color:var(--navy);margin-bottom:5px}
.card-s{font-size:.82rem;color:var(--gray);margin-bottom:20px}
.fr{margin-bottom:12px}
.fr label{display:block;font-size:.78rem;font-weight:600;color:var(--navy);margin-bottom:5px}
.fr input,.fr select{width:100%;padding:11px 14px;border:1.5px solid #dce4f0;border-radius:8px;font-family:'Outfit',sans-serif;font-size:.9rem;color:var(--navy);background:#f8fafd;outline:none;transition:border .2s}
.fr input:focus,.fr select:focus{border-color:var(--o);background:#fff}
.form-note{text-align:center;font-size:.74rem;color:var(--gray);margin-top:10px}
.form-note span{color:var(--o);font-weight:600}

/* TRUST */
.trust{background:var(--o);padding:16px 0}
.trust-inner{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:9px;color:#fff;font-size:.85rem;font-weight:500}
.ti{width:30px;height:30px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}

/* ABOUT — NUKE COMPOSITOR VISUAL */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.vfx-visual{background:linear-gradient(135deg,#050c1a 0%,var(--navy3) 100%);border-radius:24px;padding:32px;position:relative;overflow:hidden}
.vfx-visual::before{content:'';position:absolute;width:380px;height:380px;background:radial-gradient(circle,rgba(255,107,0,.18) 0%,transparent 65%);top:-140px;right:-140px;pointer-events:none}
.vfx-visual::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y),var(--o))}
/* Nuke node graph mock */
.nuke-mock{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px;margin-bottom:14px;position:relative;z-index:2}
.nuke-top{display:flex;align-items:center;gap:6px;margin-bottom:14px}
.dot-r{width:9px;height:9px;border-radius:50%;background:#ff5f57}
.dot-y{width:9px;height:9px;border-radius:50%;background:#febc2e}
.dot-g{width:9px;height:9px;border-radius:50%;background:#28c840}
.nuke-file{margin-left:8px;font-size:.68rem;color:rgba(255,255,255,.35);font-family:'Outfit',sans-serif}
/* Node graph */
.node-graph{position:relative;height:110px;display:flex;align-items:center;justify-content:center}
.vnode{position:absolute;border-radius:8px;padding:6px 10px;font-size:.62rem;font-family:'Outfit',sans-serif;font-weight:600;color:#fff;text-align:center;cursor:default;transition:all .3s;white-space:nowrap}
.vnode:hover{transform:scale(1.08)}
.vn-read{background:rgba(100,160,80,.5);border:1px solid rgba(100,200,80,.4);top:8px;left:8px}
.vn-roto{background:rgba(80,130,200,.5);border:1px solid rgba(80,160,255,.4);top:8px;left:38%}
.vn-grade{background:rgba(200,120,40,.5);border:1px solid rgba(255,150,40,.4);top:8px;right:8px}
.vn-merge{background:rgba(180,80,180,.5);border:1px solid rgba(220,80,220,.4);bottom:8px;left:50%;transform:translateX(-50%)}
.vn-out{background:rgba(255,107,0,.5);border:1px solid rgba(255,107,0,.6);bottom:8px;right:8px}
/* SVG connector lines */
.node-svg{position:absolute;inset:0;pointer-events:none}
/* Waveform / histogram bar */
.vfx-hist{display:flex;align-items:flex-end;gap:3px;height:36px;padding:0 4px;margin-bottom:14px}
.vh-bar{border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--o),rgba(255,107,0,.3));animation:vhAnim 2s ease infinite alternate}
@keyframes vhAnim{from{opacity:.5}to{opacity:1}}
/* Tool mini cards */
.tool-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:2}
.tm{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:14px 10px;text-align:center;transition:all .3s}
.tm:hover{border-color:rgba(255,107,0,.4);transform:translateY(-4px);background:rgba(255,107,0,.1)}
.tm-icon{font-size:1.7rem;margin-bottom:6px;display:block}
.tm-name{color:#fff;font-size:.75rem;font-weight:600}
.tm-type{color:var(--o-lt);font-size:.63rem;margin-top:2px}
.ck-list{list-style:none}
.ck-list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f8;font-size:.92rem;color:#3a4f6a}
.ck-list li:last-child{border:none}
.ck{width:22px;height:22px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.65rem;flex-shrink:0;margin-top:3px}

/* AI VFX STRIP */
.ai-strip{background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);padding:72px 0}
.ai-tools-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:48px}
.ait-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px 14px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.ait-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,107,0,.1),transparent);opacity:0;transition:opacity .3s}
.ait-card:hover{border-color:rgba(255,107,0,.4);transform:translateY(-6px);box-shadow:0 14px 40px rgba(0,0,0,.35)}
.ait-card:hover::before{opacity:1}
.ait-icon{font-size:2rem;margin-bottom:10px;display:block;position:relative;z-index:1}
.ait-name{color:#fff;font-size:.8rem;font-weight:700;margin-bottom:3px;position:relative;z-index:1}
.ait-use{color:var(--o-lt);font-size:.65rem;position:relative;z-index:1;line-height:1.4}
.ai-badge{display:inline-block;background:linear-gradient(90deg,var(--o),var(--y));color:#fff;font-size:.55rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:50px;margin-bottom:8px;position:relative;z-index:1}

/* VFX PIPELINE — unique section */
.pipeline-wrap{margin-top:56px;position:relative}
.pipeline-wrap::before{content:'';position:absolute;top:40px;left:5%;right:5%;height:2px;background:linear-gradient(90deg,transparent,var(--o),var(--y),var(--o),transparent);z-index:0}
.pipeline-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;position:relative;z-index:1}
.pipe-step{text-align:center;padding:0 8px}
.pipe-num{width:80px;height:80px;background:#fff;border:3px solid var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:1.8rem;transition:all .3s;box-shadow:0 4px 16px rgba(255,107,0,.15)}
.pipe-step:hover .pipe-num{background:var(--o);transform:scale(1.1);box-shadow:0 8px 28px rgba(255,107,0,.35)}
.pipe-title{font-size:.8rem;font-weight:700;color:var(--navy);margin-bottom:5px;font-family:'Unbounded',sans-serif;font-size:.72rem}
.pipe-desc{font-size:.72rem;color:var(--gray);line-height:1.5}

/* DOMAINS */
.domains-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.domain-card{background:#fff;border:1.5px solid #e8eef8;border-radius:18px;padding:26px 20px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.domain-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.domain-card:hover{border-color:rgba(255,107,0,.25);transform:translateY(-5px);box-shadow:0 14px 40px rgba(255,107,0,.1)}
.domain-card:hover::after{transform:scaleX(1)}
.d-icon{font-size:2.3rem;margin-bottom:13px}
.d-title{font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:8px}
.d-desc{font-size:.78rem;color:var(--gray);line-height:1.55}

/* CURRICULUM */
.curr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mod{background:var(--navy2);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:28px 22px;transition:all .3s;position:relative;overflow:hidden}
.mod::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--o),var(--y));border-radius:4px 0 0 4px}
.mod:hover{border-color:rgba(255,107,0,.3);transform:translateY(-5px);box-shadow:0 18px 48px rgba(0,0,0,.32)}
.mod-num{font-family:'Unbounded',sans-serif;font-size:.63rem;color:var(--o);letter-spacing:.12em;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.mod-num::after{content:'';flex:1;height:1px;background:rgba(255,107,0,.2)}
.mod-title{color:#fff;font-size:.94rem;margin-bottom:14px}
.mod-list{list-style:none}
.mod-list li{color:#7a9abb;font-size:.8rem;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:flex-start;gap:8px;line-height:1.4}
.mod-list li::before{content:'▸';color:var(--o);font-size:.68rem;flex-shrink:0;margin-top:2px}
.mod-list li:last-child{border:none}
.mod.mod-ai{background:linear-gradient(135deg,#0a1628,#122340);border-color:rgba(255,107,0,.25)}
.mod.mod-ai::before{background:linear-gradient(180deg,var(--y),var(--o))}
.ai-mod-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(90deg,rgba(255,107,0,.25),rgba(255,184,0,.15));border:1px solid rgba(255,107,0,.4);color:var(--y);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:50px;margin-bottom:8px}

/* RESPONSIVE */
@media(max-width:1024px){.curr-grid{grid-template-columns:1fr 1fr}.career-grid{grid-template-columns:1fr 1fr}.domains-grid{grid-template-columns:1fr 1fr}.ai-tools-grid{grid-template-columns:repeat(3,1fr)}.pipeline-grid{grid-template-columns:repeat(3,1fr)}.pipeline-wrap::before{display:none}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.hero-inner,.about-grid,.plc-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:80px 0 50px}.testi-grid{grid-template-columns:1fr 1fr}.who-grid{grid-template-columns:1fr 1fr}.curr-grid{grid-template-columns:1fr}.plc-stats{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr}.ba-badge,.shot-badge{display:none}.ai-tools-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.section{padding:60px 0}.who-grid,.testi-grid,.career-grid,.domains-grid{grid-template-columns:1fr}.pipeline-grid{grid-template-columns:1fr 1fr}.ai-tools-grid{grid-template-columns:1fr 1fr}}
@keyframes fadeUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
.hero-anim{animation:fadeUp .75s both}

/* Film grain texture */
.hero-grain{position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
  background-size:200px;opacity:.4}
/* Widescreen letterbox bars */
.hero-bar-top{position:absolute;top:0;left:0;right:0;height:44px;background:rgba(0,0,0,.55);z-index:1;display:flex;align-items:center;padding:0 28px;gap:12px}
.hero-bar-bot{position:absolute;bottom:0;left:0;right:0;height:34px;background:rgba(0,0,0,.55);z-index:1}
.timecode{font-family:'Outfit',sans-serif;font-size:.65rem;color:rgba(255,107,0,.7);letter-spacing:.14em;font-weight:600}
.rec-dot{width:8px;height:8px;background:#FF3D00;border-radius:50%;animation:blink 1s infinite;margin-left:auto}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
/* Filmstrip holes left edge */
.filmstrip{position:absolute;left:0;top:0;bottom:0;width:36px;background:rgba(0,0,0,.4);z-index:1;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:50px 0}
.fs-hole{width:14px;height:20px;background:rgba(255,255,255,.06);border-radius:3px;border:1px solid rgba(255,255,255,.08)}
/* Orange sweep glow */
.h-glow1{position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(255,107,0,.14) 0%,transparent 65%);top:-300px;right:-250px;pointer-events:none}
.h-glow2{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(100,40,255,.08) 0%,transparent 65%);bottom:-200px;left:-150px;pointer-events:none}
/* Horizontal scan line */
.scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,107,0,.25),transparent);animation:scanMove 6s linear infinite;pointer-events:none;z-index:1}
@keyframes scanMove{0%{top:-2px}100%{top:100%}}

.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center;padding-left:44px}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,107,0,.14);border:1px solid rgba(255,107,0,.38);color:var(--o-lt);font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:22px}
.e-dot{width:7px;height:7px;background:#FF3D00;border-radius:50%;animation:blink 1s infinite}
.hero h1{font-size:clamp(2rem,3.8vw,3.3rem);color:#fff;margin-bottom:22px;line-height:1.1}
.hero h1 .o{color:var(--o)}
.hero h1 .y{color:var(--y)}
.hero-desc{color:#8da8cc;font-size:1.02rem;line-height:1.82;margin-bottom:30px;max-width:510px}
.hero-stats{display:flex;gap:0;margin-bottom:32px;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03)}
.hst{flex:1;text-align:center;padding:15px 10px;border-right:1px solid rgba(255,255,255,.06)}
.hst:last-child{border:none}
.hst-n{font-family:'Unbounded',sans-serif;font-size:1.45rem;font-weight:700;color:var(--o);line-height:1}
.hst-l{font-size:.67rem;color:#6d89aa;margin-top:4px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.hero-tools{display:flex;gap:8px;flex-wrap:wrap}
.htool{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#b8d0ee;font-size:.73rem;padding:5px 13px;border-radius:6px;transition:all .25s;font-weight:500}
.htool:hover{background:rgba(255,107,0,.15);border-color:rgba(255,107,0,.4);color:var(--o-lt)}
/* Form */
.hero-card{background:#fff;border-radius:20px;padding:34px 28px;box-shadow:0 24px 70px rgba(0,0,0,.55);position:relative;overflow:hidden;animation:slideUp .8s .15s both}
@keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.hero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--o),var(--y),var(--red))}
.card-h{font-family:'Unbounded',sans-serif;font-size:1rem;color:var(--navy);margin-bottom:5px}
.card-s{font-size:.82rem;color:var(--gray);margin-bottom:20px}
.fr{margin-bottom:12px}
.fr label{display:block;font-size:.78rem;font-weight:600;color:var(--navy);margin-bottom:5px}
.fr input,.fr select{width:100%;padding:11px 14px;border:1.5px solid #dce4f0;border-radius:8px;font-family:'Outfit',sans-serif;font-size:.9rem;color:var(--navy);background:#f8fafd;outline:none;transition:border .2s}
.fr input:focus,.fr select:focus{border-color:var(--o);background:#fff}
.form-note{text-align:center;font-size:.74rem;color:var(--gray);margin-top:10px}
.form-note span{color:var(--o);font-weight:600}

/* TRUST */
.trust{background:var(--o);padding:16px 0}
.trust-inner{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:9px;color:#fff;font-size:.85rem;font-weight:500}
.ti{width:30px;height:30px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}

/* ABOUT */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
/* Timeline / Edit Suite visual */
.edit-visual{background:linear-gradient(135deg,#060f1e 0%,var(--navy3) 100%);border-radius:24px;padding:32px;position:relative;overflow:hidden}
.edit-visual::before{content:'';position:absolute;width:380px;height:380px;background:radial-gradient(circle,rgba(255,107,0,.2) 0%,transparent 65%);top:-140px;right:-140px;pointer-events:none}
.edit-visual::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y),var(--o))}
/* Mock timeline */
.timeline-mock{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px;margin-bottom:14px;position:relative;z-index:2}
.tl-top{display:flex;align-items:center;gap:6px;margin-bottom:14px}
.dot-r{width:9px;height:9px;border-radius:50%;background:#ff5f57}
.dot-y{width:9px;height:9px;border-radius:50%;background:#febc2e}
.dot-g{width:9px;height:9px;border-radius:50%;background:#28c840}
.tl-file{margin-left:8px;font-size:.68rem;color:rgba(255,255,255,.35);font-family:'Outfit',sans-serif}
/* Track rows */
.tracks{display:flex;flex-direction:column;gap:7px}
.track{display:flex;align-items:center;gap:8px}
.track-label{font-size:.62rem;color:rgba(255,255,255,.35);width:26px;flex-shrink:0;text-align:right}
.track-bar{flex:1;height:14px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden;position:relative}
.track-fill{height:100%;border-radius:4px;position:absolute;top:0}
.tf-vid{background:linear-gradient(90deg,rgba(255,107,0,.6),rgba(255,107,0,.8));width:80%;left:0;animation:tAnim 3s ease infinite alternate}
.tf-vid2{background:linear-gradient(90deg,rgba(255,184,0,.4),rgba(255,184,0,.6));width:55%;left:20%;animation:tAnim 3.5s .5s ease infinite alternate}
.tf-aud{background:linear-gradient(90deg,rgba(100,180,255,.4),rgba(100,180,255,.6));width:90%;left:0;animation:tAnim 4s .3s ease infinite alternate}
.tf-aud2{background:linear-gradient(90deg,rgba(100,220,150,.3),rgba(100,220,150,.5));width:65%;left:10%;animation:tAnim 4.5s .8s ease infinite alternate}
@keyframes tAnim{from{opacity:.5}to{opacity:1}}
/* Playhead */
.playhead{position:absolute;left:65%;top:0;bottom:0;width:2px;background:rgba(255,107,0,.8);z-index:3}
.playhead::before{content:'▼';position:absolute;top:-2px;left:50%;transform:translateX(-50%);color:var(--o);font-size:.5rem}
/* Tool mini-cards */
.tool-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:2}
.tm{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:14px 10px;text-align:center;transition:all .3s}
.tm:hover{border-color:rgba(255,107,0,.4);transform:translateY(-4px);background:rgba(255,107,0,.1)}
.tm-icon{font-size:1.7rem;margin-bottom:6px;display:block}
.tm-name{color:#fff;font-size:.75rem;font-weight:600}
.tm-type{color:var(--o-lt);font-size:.63rem;margin-top:2px}
.ck-list{list-style:none}
.ck-list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f8;font-size:.92rem;color:#3a4f6a}
.ck-list li:last-child{border:none}
.ck{width:22px;height:22px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.65rem;flex-shrink:0;margin-top:3px}

/* DOMAINS */
.domains-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.domain-card{background:#fff;border:1.5px solid #e8eef8;border-radius:18px;padding:26px 20px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.domain-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.domain-card:hover{border-color:rgba(255,107,0,.25);transform:translateY(-5px);box-shadow:0 14px 40px rgba(255,107,0,.1)}
.domain-card:hover::after{transform:scaleX(1)}
.d-icon{font-size:2.3rem;margin-bottom:13px}
.d-title{font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:8px}
.d-desc{font-size:.78rem;color:var(--gray);line-height:1.55}





@media(max-width:1024px){.curr-grid{grid-template-columns:1fr 1fr}.career-grid{grid-template-columns:1fr 1fr}.domains-grid{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.hero-inner,.about-grid,.plc-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:80px 0 50px}.testi-grid{grid-template-columns:1fr 1fr}.who-grid{grid-template-columns:1fr 1fr}.curr-grid{grid-template-columns:1fr}.plc-stats{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr}.filmstrip{display:none}.hero-inner{padding-left:0}}
@media(max-width:480px){.section{padding:60px 0}.who-grid,.testi-grid,.career-grid,.domains-grid{grid-template-columns:1fr}}
@keyframes fadeUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
.hero-anim{animation:fadeUp .75s both}

/* Architectural floor plan grid overlay */
.fp-grid{
  position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:
    linear-gradient(rgba(200,149,108,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(200,149,108,.03) 1px,transparent 1px);
  background-size:40px 40px;
}

/* Animated floor plan SVG */
.fp-svg-wrap{
  position:absolute;right:2%;top:50%;transform:translateY(-50%);
  width:48%;height:90%;pointer-events:none;z-index:1;opacity:.22;
}

/* Perspective corner lines — like an interior room */
.room-corner{
  position:absolute;right:8%;top:50%;transform:translateY(-50%);
  width:280px;height:260px;pointer-events:none;z-index:1;
}
.rc-floor{
  position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,107,0,.25),transparent);
}
.rc-left{
  position:absolute;bottom:0;left:0;
  width:1px;height:180px;
  background:linear-gradient(180deg,transparent,rgba(255,107,0,.2));
}
.rc-right{
  position:absolute;bottom:0;right:0;
  width:1px;height:140px;
  background:linear-gradient(180deg,transparent,rgba(200,149,108,.2));
}
/* Diagonal perspective lines */
.rc-diag{
  position:absolute;pointer-events:none;
  border-top:1px solid rgba(255,107,0,.08);
  transform-origin:left top;
}

/* Floating material swatch cards */
.swatch-card{
  position:absolute;pointer-events:none;z-index:2;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,107,0,.2);
  border-radius:12px;padding:10px 14px;
  display:flex;align-items:center;gap:10px;
  animation:swatchFloat 4s ease infinite alternate;
}
.sc1{top:12%;right:40%;animation-delay:0s}
.sc2{top:48%;right:30%;animation-delay:1.4s}
.sc3{bottom:16%;right:36%;animation-delay:2.8s}
@keyframes swatchFloat{from{transform:translateY(0)}to{transform:translateY(-10px)}}
.sw-dot{width:28px;height:28px;border-radius:6px;flex-shrink:0}
.sw-d1{background:linear-gradient(135deg,#C8956C,#E8B896)}
.sw-d2{background:linear-gradient(135deg,#2C3E55,#4A6080)}
.sw-d3{background:linear-gradient(135deg,#F5E6D3,#E8CBA0)}
.sw-text{font-size:.62rem;color:rgba(255,255,255,.55);font-family:'Outfit',sans-serif;line-height:1.4}
.sw-text strong{display:block;color:rgba(255,220,180,.75);font-size:.68rem}

/* Golden ratio spiral (decorative) */
.golden-wrap{
  position:absolute;right:14%;top:50%;transform:translate(50%,-50%);
  width:200px;height:200px;pointer-events:none;z-index:1;opacity:.08;
}

/* Orange glows */
.h-glow1{position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(255,107,0,.11) 0%,transparent 65%);top:-260px;right:-200px;pointer-events:none}
.h-glow2{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(200,149,108,.07) 0%,transparent 65%);bottom:-200px;left:-100px;pointer-events:none}

.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,107,0,.14);border:1px solid rgba(255,107,0,.38);color:var(--o-lt);font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:22px}
.e-dot{width:7px;height:7px;background:var(--o);border-radius:50%;animation:blink 1.4s ease infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-size:clamp(1.9rem,3.5vw,3.1rem);color:#fff;margin-bottom:22px;line-height:1.1}
.hero h1 .o{color:var(--o)}.hero h1 .y{color:var(--y)}
.hero-desc{color:#8da8cc;font-size:1.02rem;line-height:1.82;margin-bottom:30px;max-width:510px}
.hero-stats{display:flex;gap:0;margin-bottom:32px;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03)}
.hst{flex:1;text-align:center;padding:15px 10px;border-right:1px solid rgba(255,255,255,.06)}
.hst:last-child{border:none}
.hst-n{font-family:'Unbounded',sans-serif;font-size:1.45rem;font-weight:700;color:var(--o);line-height:1}
.hst-l{font-size:.67rem;color:#6d89aa;margin-top:4px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.hero-tools{display:flex;gap:8px;flex-wrap:wrap}
.htool{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#b8d0ee;font-size:.73rem;padding:5px 13px;border-radius:6px;transition:all .25s;font-weight:500}
.htool:hover{background:rgba(255,107,0,.15);border-color:rgba(255,107,0,.4);color:var(--o-lt)}

/* FORM */
.hero-card{background:#fff;border-radius:20px;padding:34px 28px;box-shadow:0 24px 70px rgba(0,0,0,.6);position:relative;overflow:hidden;animation:slideUp .8s .15s both}
@keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.hero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--o),var(--y),var(--red))}
.card-h{font-family:'Unbounded',sans-serif;font-size:1rem;color:var(--navy);margin-bottom:5px}
.card-s{font-size:.82rem;color:var(--gray);margin-bottom:20px}
.fr{margin-bottom:12px}
.fr label{display:block;font-size:.78rem;font-weight:600;color:var(--navy);margin-bottom:5px}
.fr input,.fr select{width:100%;padding:11px 14px;border:1.5px solid #dce4f0;border-radius:8px;font-family:'Outfit',sans-serif;font-size:.9rem;color:var(--navy);background:#f8fafd;outline:none;transition:border .2s}
.fr input:focus,.fr select:focus{border-color:var(--o);background:#fff}
.form-note{text-align:center;font-size:.74rem;color:var(--gray);margin-top:10px}
.form-note span{color:var(--o);font-weight:600}

/* TRUST */
.trust{background:var(--o);padding:16px 0}
.trust-inner{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:9px;color:#fff;font-size:.85rem;font-weight:500}
.ti{width:30px;height:30px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}

/* ABOUT — REVIT / 3DS MAX VIEWPORT VISUAL */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.id-visual{background:linear-gradient(135deg,#050d1a 0%,var(--navy3) 100%);border-radius:24px;padding:32px;position:relative;overflow:hidden}
.id-visual::before{content:'';position:absolute;width:360px;height:360px;background:radial-gradient(circle,rgba(255,107,0,.18) 0%,transparent 65%);top:-140px;right:-140px;pointer-events:none}
.id-visual::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y),var(--o))}

/* 3ds Max viewport mock */
.max-mock{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px;margin-bottom:14px;position:relative;z-index:2}
.max-top{display:flex;align-items:center;gap:6px;margin-bottom:12px}
.dot-r{width:9px;height:9px;border-radius:50%;background:#ff5f57}
.dot-y{width:9px;height:9px;border-radius:50%;background:#febc2e}
.dot-g{width:9px;height:9px;border-radius:50%;background:#28c840}
.max-file{margin-left:8px;font-size:.68rem;color:rgba(255,255,255,.35);font-family:'Outfit',sans-serif}

/* Split 4-viewport like 3ds Max */
.max-viewports{
  display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;
  gap:2px;height:110px;margin-bottom:12px;border-radius:6px;overflow:hidden;
}
.vp{background:rgba(10,20,40,.8);position:relative;display:flex;align-items:center;justify-content:center}
.vp-label{font-size:.52rem;color:rgba(255,255,255,.25);font-family:'Outfit',sans-serif;position:absolute;top:4px;left:6px;text-transform:uppercase;letter-spacing:.08em}
/* Perspective viewport — mini room wireframe */
.vp-persp{background:linear-gradient(135deg,#080f1e,#0c1830)}
.room-wire{width:52px;height:36px;position:relative;border:1px solid rgba(255,107,0,.35);animation:wireFloat 4s ease infinite alternate}
@keyframes wireFloat{from{transform:perspective(100px) rotateX(10deg) rotateY(-8deg)}to{transform:perspective(100px) rotateX(14deg) rotateY(-12deg)}}
.room-wire::before{content:'';position:absolute;inset:-8px;border-bottom:1px solid rgba(255,107,0,.2);border-right:1px solid rgba(200,149,108,.2)}
/* Top view — floor plan lines */
.vp-top .fp-lines{display:flex;flex-direction:column;gap:3px;padding:4px}
.fp-line{height:1px;background:rgba(26,110,255,.35);border-radius:1px}
.fp-l1{width:80%}.fp-l2{width:50%;margin-left:20%}.fp-l3{width:70%}.fp-l4{width:40%;margin-left:10%}
/* Front / side — elevation lines */
.elev-lines{display:flex;flex-direction:column;gap:4px;padding:4px;align-items:center;justify-content:center}
.el-line{height:1px;background:rgba(200,149,108,.3)}

/* Material palette */
.mat-row{display:flex;gap:6px;margin-bottom:10px}
.mat-swatch{flex:1;height:22px;border-radius:5px;transition:transform .3s;cursor:default}
.mat-swatch:hover{transform:scaleY(1.3)}
.ms1{background:linear-gradient(90deg,#C8956C,#E8B896)}
.ms2{background:linear-gradient(90deg,#8B7355,#A08060)}
.ms3{background:linear-gradient(90deg,#E8E0D0,#F5EFE4)}
.ms4{background:linear-gradient(90deg,#2C3E55,#3D5A80)}
.ms5{background:linear-gradient(90deg,#4A7C59,#6A9E79)}
.ms6{background:linear-gradient(90deg,#1A1A2E,#3D3D5E)}

/* Tool mini cards */
.tool-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:2;margin-top:14px}
.tm{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:14px 10px;text-align:center;transition:all .3s}
.tm:hover{border-color:rgba(255,107,0,.4);transform:translateY(-4px);background:rgba(255,107,0,.1)}
.tm-icon{font-size:1.7rem;margin-bottom:6px;display:block}
.tm-name{color:#fff;font-size:.75rem;font-weight:600}
.tm-type{color:var(--o-lt);font-size:.63rem;margin-top:2px}
.ck-list{list-style:none}
.ck-list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f8;font-size:.92rem;color:#3a4f6a}
.ck-list li:last-child{border:none}
.ck{width:22px;height:22px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.65rem;flex-shrink:0;margin-top:3px}

/* AI STRIP */
.ai-strip{background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);padding:72px 0}
.ai-tools-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:48px}
.ait-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px 14px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.ait-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,107,0,.1),transparent);opacity:0;transition:opacity .3s}
.ait-card:hover{border-color:rgba(255,107,0,.4);transform:translateY(-6px);box-shadow:0 14px 40px rgba(0,0,0,.35)}
.ait-card:hover::before{opacity:1}
.ait-icon{font-size:2rem;margin-bottom:10px;display:block;position:relative;z-index:1}
.ait-name{color:#fff;font-size:.8rem;font-weight:700;margin-bottom:3px;position:relative;z-index:1}
.ait-use{color:var(--o-lt);font-size:.65rem;position:relative;z-index:1;line-height:1.4}
.ai-badge{display:inline-block;background:linear-gradient(90deg,var(--o),var(--y));color:#fff;font-size:.55rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:50px;margin-bottom:8px;position:relative;z-index:1}

/* DESIGN PROCESS */
.proc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:56px;position:relative}
.proc-grid::before{content:'';position:absolute;top:38px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,var(--o),var(--y),var(--o),transparent);z-index:0}
.proc-step{text-align:center;position:relative;z-index:1;padding:0 6px}
.proc-num{width:76px;height:76px;background:#fff;border:3px solid var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:1.8rem;transition:all .3s;box-shadow:0 4px 16px rgba(255,107,0,.15)}
.proc-step:hover .proc-num{background:var(--o);transform:scale(1.1);box-shadow:0 8px 28px rgba(255,107,0,.35)}
.proc-title{font-family:'Unbounded',sans-serif;font-size:.68rem;color:var(--navy);margin-bottom:5px;line-height:1.3}
.proc-desc{font-size:.7rem;color:var(--gray);line-height:1.5}

/* SOFTWARE SPOTLIGHT — 6 core software deep dive */
.sw-spotlight{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.sw-card{background:#fff;border:1.5px solid #e8eef8;border-radius:20px;padding:28px 24px;transition:all .3s;position:relative;overflow:hidden}
.sw-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--o),var(--y))}
.sw-card:hover{border-color:rgba(255,107,0,.25);transform:translateY(-5px);box-shadow:0 16px 44px rgba(255,107,0,.1)}
.sw-card-icon{font-size:2.4rem;margin-bottom:14px}
.sw-card-name{font-family:'Unbounded',sans-serif;font-size:.9rem;color:var(--navy);margin-bottom:6px}
.sw-card-tag{display:inline-block;background:rgba(255,107,0,.1);color:var(--o);font-size:.65rem;font-weight:600;padding:3px 10px;border-radius:50px;margin-bottom:12px}
.sw-card-desc{font-size:.81rem;color:var(--gray);line-height:1.6;margin-bottom:14px}
.sw-card-skills{display:flex;flex-wrap:wrap;gap:6px}
.sw-skill{background:var(--off);color:var(--navy);font-size:.68rem;font-weight:600;padding:4px 10px;border-radius:6px;border:1px solid #e0e8f4}

/* DOMAINS */
.domains-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.domain-card{background:#fff;border:1.5px solid #e8eef8;border-radius:18px;padding:26px 20px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.domain-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.domain-card:hover{border-color:rgba(255,107,0,.25);transform:translateY(-5px);box-shadow:0 14px 40px rgba(255,107,0,.1)}
.domain-card:hover::after{transform:scaleX(1)}
.d-icon{font-size:2.3rem;margin-bottom:13px}
.d-title{font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:8px}
.d-desc{font-size:.78rem;color:var(--gray);line-height:1.55}

/* CURRICULUM */
.curr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mod{background:var(--navy2);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:28px 22px;transition:all .3s;position:relative;overflow:hidden}
.mod::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--o),var(--y));border-radius:4px 0 0 4px}
.mod:hover{border-color:rgba(255,107,0,.3);transform:translateY(-5px);box-shadow:0 18px 48px rgba(0,0,0,.32)}
.mod-num{font-family:'Unbounded',sans-serif;font-size:.63rem;color:var(--o);letter-spacing:.12em;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.mod-num::after{content:'';flex:1;height:1px;background:rgba(255,107,0,.2)}
.mod-title{color:#fff;font-size:.94rem;margin-bottom:14px}
.mod-list{list-style:none}
.mod-list li{color:#7a9abb;font-size:.8rem;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:flex-start;gap:8px;line-height:1.4}
.mod-list li::before{content:'▸';color:var(--o);font-size:.68rem;flex-shrink:0;margin-top:2px}
.mod-list li:last-child{border:none}
.mod.mod-ai{background:linear-gradient(135deg,#0a1628,#122340);border-color:rgba(255,107,0,.25)}
.mod.mod-ai::before{background:linear-gradient(180deg,var(--y),var(--o))}
.ai-mod-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(90deg,rgba(255,107,0,.25),rgba(255,184,0,.15));border:1px solid rgba(255,107,0,.4);color:var(--y);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:50px;margin-bottom:8px}

/* PILLS */
.pills-wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:48px}
.pill{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #e0e8f4;border-radius:50px;padding:11px 22px;font-weight:600;font-size:.86rem;color:var(--navy);transition:all .25s;box-shadow:0 2px 8px rgba(11,26,46,.05)}
.pill:hover{border-color:var(--o);color:var(--o);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,0,.15)}
.pill-icon{font-size:1.3rem}

/* CERTIFICATIONS */
.cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.cert-card{background:#fff;border:1.5px solid #e8eef8;border-radius:16px;padding:24px 18px;text-align:center;transition:all .3s}
.cert-card:hover{border-color:var(--o);box-shadow:0 8px 28px rgba(255,107,0,.12);transform:translateY(-4px)}
.cert-icon{font-size:2.4rem;margin-bottom:12px}
.cert-name{font-size:.85rem;font-weight:700;color:var(--navy);margin-bottom:5px}
.cert-by{font-size:.72rem;color:var(--o);font-weight:600;margin-bottom:5px}
.cert-desc{font-size:.74rem;color:var(--gray);line-height:1.5}

/* CAREERS */
.career-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.cc{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:26px 22px;transition:all .3s;display:flex;align-items:flex-start;gap:16px}
.cc:hover{background:rgba(255,107,0,.08);border-color:rgba(255,107,0,.25);transform:translateY(-4px)}
.cc-icon{font-size:2.2rem;flex-shrink:0;line-height:1}
.cc-title{color:#fff;font-size:.92rem;font-weight:600;margin-bottom:4px}
.cc-sal{color:var(--o);font-size:.76rem;font-weight:600;margin-bottom:5px}
.cc-desc{color:#7a9abb;font-size:.78rem;line-height:1.55}

/* WHO */
.who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.who-card{background:#fff;border:1.5px solid #e8eef8;border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s}
.who-card:hover{border-color:var(--o);box-shadow:0 8px 30px rgba(255,107,0,.12);transform:translateY(-4px)}
.who-emoji{font-size:2.4rem;margin-bottom:14px}
.who-title{font-size:.93rem;font-weight:600;color:var(--navy);margin-bottom:8px}
.who-desc{font-size:.79rem;color:var(--gray);line-height:1.55}



/* RESPONSIVE */
@media(max-width:1024px){.curr-grid{grid-template-columns:1fr 1fr}.career-grid{grid-template-columns:1fr 1fr}.domains-grid{grid-template-columns:1fr 1fr}.ai-tools-grid{grid-template-columns:repeat(3,1fr)}.cert-grid{grid-template-columns:1fr 1fr}.sw-spotlight{grid-template-columns:1fr 1fr}.proc-grid{grid-template-columns:repeat(3,1fr)}.proc-grid::before{display:none}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.hero-inner,.about-grid,.plc-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:80px 0 50px}.testi-grid{grid-template-columns:1fr 1fr}.who-grid{grid-template-columns:1fr 1fr}.curr-grid{grid-template-columns:1fr}.plc-stats{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr}.swatch-card,.room-corner,.fp-svg-wrap{display:none}.ai-tools-grid{grid-template-columns:repeat(2,1fr)}.sw-spotlight{grid-template-columns:1fr}}
@media(max-width:480px){.section{padding:60px 0}.who-grid,.testi-grid,.career-grid,.domains-grid{grid-template-columns:1fr}.proc-grid{grid-template-columns:1fr 1fr}.ai-tools-grid{grid-template-columns:1fr 1fr}.cert-grid{grid-template-columns:1fr}}
@keyframes fadeUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
.hero-anim{animation:fadeUp .75s both}


/* Blueprint grid — engineering drawing paper */
.bp-grid{
  position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:
    linear-gradient(rgba(26,110,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(26,110,255,.04) 1px, transparent 1px),
    linear-gradient(rgba(26,110,255,.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(26,110,255,.015) 1px, transparent 1px);
  background-size: 80px 80px, 80px 80px, 16px 16px, 16px 16px;
}
/* Blueprint border — like a real technical drawing */
.bp-border{
  position:absolute;inset:20px;border:1px solid rgba(26,110,255,.12);
  pointer-events:none;z-index:0;
}
.bp-border::before{
  content:'';position:absolute;inset:6px;
  border:1px solid rgba(26,110,255,.06);
}
/* Title block corner — engineering drawing convention */
.bp-titleblock{
  position:absolute;bottom:24px;right:24px;
  border:1px solid rgba(26,110,255,.18);
  padding:8px 16px;z-index:1;pointer-events:none;
  background:rgba(26,110,255,.04);
}
.bpt-row{display:flex;gap:16px;align-items:center}
.bpt-cell{font-size:.55rem;color:rgba(255,255,255,.25);letter-spacing:.1em;text-transform:uppercase;line-height:1.8;font-family:'Outfit',sans-serif}
.bpt-cell strong{color:rgba(255,107,0,.6);display:block;font-size:.6rem}

/* Crosshair overlay */
.crosshair{
  position:absolute;right:22%;top:50%;transform:translate(50%,-50%);
  width:380px;height:380px;pointer-events:none;z-index:1;
}
.ch-h{position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(26,110,255,.15)}
.ch-v{position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(26,110,255,.15)}
.ch-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:rgba(255,107,0,.5);box-shadow:0 0 0 3px rgba(255,107,0,.15),0 0 12px rgba(255,107,0,.3)}

/* Animated CAD gear SVG */
.cad-svg-wrap{
  position:absolute;right:5%;top:50%;transform:translateY(-50%);
  width:320px;height:320px;pointer-events:none;z-index:1;opacity:.18;
}
/* Isometric 3D box wireframe */
.iso-box{
  position:absolute;right:12%;top:18%;
  width:120px;height:70px;
  transform:rotateX(55deg) rotateZ(45deg);
  border:1px solid rgba(255,107,0,.3);
  transform-style:preserve-3d;
  animation:isoFloat 6s ease infinite alternate;
  pointer-events:none;z-index:1;
}
@keyframes isoFloat{from{transform:rotateX(55deg) rotateZ(45deg) translateY(0)}to{transform:rotateX(55deg) rotateZ(45deg) translateY(-12px)}}
.iso-box::before{
  content:'';position:absolute;inset:-1px;
  border:1px solid rgba(255,107,0,.15);
  transform:translateZ(40px);
}
.iso-box::after{
  content:'';position:absolute;
  width:100%;height:100%;
  background:linear-gradient(135deg,rgba(255,107,0,.06),transparent);
}

/* Dimension annotation lines */
.dim-line{position:absolute;pointer-events:none;z-index:2}
.dim-h{height:1px;background:rgba(255,107,0,.25)}
.dim-v{width:1px;background:rgba(255,107,0,.25)}
.dim-tick::before,.dim-tick::after{content:'';position:absolute;background:rgba(255,107,0,.4)}
.dim-tick-h::before{left:0;top:-4px;width:1px;height:9px}
.dim-tick-h::after{right:0;top:-4px;width:1px;height:9px}
.dim-label{position:absolute;font-size:.55rem;color:rgba(255,107,0,.6);letter-spacing:.08em;font-family:'Outfit',sans-serif;background:rgba(5,15,30,.8);padding:1px 5px;white-space:nowrap}

/* Orange callout bubbles */
.callout{
  position:absolute;pointer-events:none;z-index:2;
  background:rgba(255,107,0,.1);border:1px solid rgba(255,107,0,.28);
  border-radius:8px;padding:6px 12px;
  font-size:.6rem;color:rgba(255,200,150,.8);font-family:'Outfit',sans-serif;
  letter-spacing:.05em;animation:callFloat 4s ease infinite alternate;
}
.callout::after{content:'';position:absolute;width:18px;height:1px;background:rgba(255,107,0,.3);top:50%}
.co1{top:14%;right:36%;animation-delay:0s}.co1::after{right:-18px}
.co2{top:55%;right:28%;animation-delay:1.2s}.co2::after{right:-18px}
.co3{bottom:20%;right:34%;animation-delay:2.4s}.co3::after{right:-18px}
@keyframes callFloat{from{transform:translateY(0)}to{transform:translateY(-8px)}}

/* Glows */
.h-glow1{position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(255,107,0,.11) 0%,transparent 65%);top:-280px;right:-220px;pointer-events:none}
.h-glow2{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(26,110,255,.05) 0%,transparent 65%);bottom:-150px;left:-80px;pointer-events:none}

.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,107,0,.14);border:1px solid rgba(255,107,0,.38);color:var(--o-lt);font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:22px}
.e-dot{width:7px;height:7px;background:var(--o);border-radius:50%;animation:blink 1.4s ease infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-size:clamp(1.9rem,3.6vw,3.2rem);color:#fff;margin-bottom:22px;line-height:1.1}
.hero h1 .o{color:var(--o)}.hero h1 .y{color:var(--y)}
.hero-desc{color:#8da8cc;font-size:1.02rem;line-height:1.82;margin-bottom:30px;max-width:510px}
.hero-stats{display:flex;gap:0;margin-bottom:32px;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03)}
.hst{flex:1;text-align:center;padding:15px 10px;border-right:1px solid rgba(255,255,255,.06)}
.hst:last-child{border:none}
.hst-n{font-family:'Unbounded',sans-serif;font-size:1.45rem;font-weight:700;color:var(--o);line-height:1}
.hst-l{font-size:.67rem;color:#6d89aa;margin-top:4px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.hero-tools{display:flex;gap:8px;flex-wrap:wrap}
.htool{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#b8d0ee;font-size:.73rem;padding:5px 13px;border-radius:6px;transition:all .25s;font-weight:500}
.htool:hover{background:rgba(255,107,0,.15);border-color:rgba(255,107,0,.4);color:var(--o-lt)}
/* FORM */
.hero-card{background:#fff;border-radius:20px;padding:34px 28px;box-shadow:0 24px 70px rgba(0,0,0,.6);position:relative;overflow:hidden;animation:slideUp .8s .15s both}
@keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.hero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--o),var(--y),var(--red))}
.card-h{font-family:'Unbounded',sans-serif;font-size:1rem;color:var(--navy);margin-bottom:5px}
.card-s{font-size:.82rem;color:var(--gray);margin-bottom:20px}
.fr{margin-bottom:12px}
.fr label{display:block;font-size:.78rem;font-weight:600;color:var(--navy);margin-bottom:5px}
.fr input,.fr select{width:100%;padding:11px 14px;border:1.5px solid #dce4f0;border-radius:8px;font-family:'Outfit',sans-serif;font-size:.9rem;color:var(--navy);background:#f8fafd;outline:none;transition:border .2s}
.fr input:focus,.fr select:focus{border-color:var(--o);background:#fff}
.form-note{text-align:center;font-size:.74rem;color:var(--gray);margin-top:10px}
.form-note span{color:var(--o);font-weight:600}

/* ── TRUST ── */
.trust{background:var(--o);padding:16px 0}
.trust-inner{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:9px;color:#fff;font-size:.85rem;font-weight:500}
.ti{width:30px;height:30px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}

/* ── ABOUT — CAD VIEWPORT VISUAL ── */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.mech-visual{background:linear-gradient(135deg,#040d1a 0%,var(--navy3) 100%);border-radius:24px;padding:32px;position:relative;overflow:hidden}
.mech-visual::before{content:'';position:absolute;width:360px;height:360px;background:radial-gradient(circle,rgba(255,107,0,.18) 0%,transparent 65%);top:-140px;right:-140px;pointer-events:none}
.mech-visual::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y),var(--o))}
/* SolidWorks viewport mock */
.sw-mock{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px;margin-bottom:14px;position:relative;z-index:2}
.sw-top{display:flex;align-items:center;gap:6px;margin-bottom:12px}
.dot-r{width:9px;height:9px;border-radius:50%;background:#ff5f57}
.dot-y{width:9px;height:9px;border-radius:50%;background:#febc2e}
.dot-g{width:9px;height:9px;border-radius:50%;background:#28c840}
.sw-file{margin-left:8px;font-size:.68rem;color:rgba(255,255,255,.35);font-family:'Outfit',sans-serif}
/* 3D viewport area */
.sw-viewport{
  background:linear-gradient(135deg,#0a1220,#0d1a30);
  border:1px solid rgba(255,255,255,.06);border-radius:8px;
  height:110px;position:relative;overflow:hidden;margin-bottom:10px;
  display:flex;align-items:center;justify-content:center;
}
/* Rotating isometric gear / part */
.sw-part{
  width:70px;height:70px;position:relative;
  border:2px solid rgba(255,107,0,.5);
  border-radius:8px;
  transform:perspective(200px) rotateX(25deg) rotateY(-20deg);
  animation:partSpin 10s linear infinite;
  background:linear-gradient(135deg,rgba(255,107,0,.12),rgba(255,184,0,.06));
}
@keyframes partSpin{0%{transform:perspective(200px) rotateX(25deg) rotateY(0deg)}100%{transform:perspective(200px) rotateX(25deg) rotateY(360deg)}}
.sw-part::before{
  content:'';position:absolute;inset:-6px;
  border:1px dashed rgba(26,110,255,.3);border-radius:12px;
}
.sw-part::after{
  content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:16px;height:16px;border-radius:50%;
  background:rgba(255,107,0,.4);border:2px solid rgba(255,107,0,.6);
}
/* Origin axis */
.sw-axis{position:absolute;bottom:8px;left:10px;display:flex;gap:2px;align-items:flex-end}
.ax{width:20px;height:2px;border-radius:1px;transform-origin:left center}
.ax-x{background:rgba(255,80,80,.6);transform:rotateZ(0)}
.ax-y{background:rgba(80,200,80,.6);transform:rotateZ(-45deg) translateY(-6px)}
.ax-z{background:rgba(80,130,255,.6);transform:rotateZ(90deg) translateX(4px)}
/* Feature tree rows */
.feat-tree{display:flex;flex-direction:column;gap:4px}
.ft-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.04);transition:all .3s}
.ft-row:hover{border-color:rgba(255,107,0,.2);background:rgba(255,107,0,.05)}
.ft-icon{font-size:.9rem;flex-shrink:0}
.ft-name{font-size:.68rem;color:rgba(255,255,255,.55);font-family:'Outfit',sans-serif}
.ft-dim{font-size:.62rem;color:rgba(255,107,0,.6);margin-left:auto;font-family:'Outfit',sans-serif}
/* Tool mini cards */
.tool-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:2;margin-top:14px}
.tm{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:14px 10px;text-align:center;transition:all .3s}
.tm:hover{border-color:rgba(255,107,0,.4);transform:translateY(-4px);background:rgba(255,107,0,.1)}
.tm-icon{font-size:1.7rem;margin-bottom:6px;display:block}
.tm-name{color:#fff;font-size:.75rem;font-weight:600}
.tm-type{color:var(--o-lt);font-size:.63rem;margin-top:2px}
.ck-list{list-style:none}
.ck-list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f8;font-size:.92rem;color:#3a4f6a}
.ck-list li:last-child{border:none}
.ck{width:22px;height:22px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.65rem;flex-shrink:0;margin-top:3px}

/* ── AI CAD STRIP ── */
.ai-strip{background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);padding:72px 0}
.ai-tools-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:48px}
.ait-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px 14px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.ait-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,107,0,.1),transparent);opacity:0;transition:opacity .3s}
.ait-card:hover{border-color:rgba(255,107,0,.4);transform:translateY(-6px);box-shadow:0 14px 40px rgba(0,0,0,.35)}
.ait-card:hover::before{opacity:1}
.ait-icon{font-size:2rem;margin-bottom:10px;display:block;position:relative;z-index:1}
.ait-name{color:#fff;font-size:.8rem;font-weight:700;margin-bottom:3px;position:relative;z-index:1}
.ait-use{color:var(--o-lt);font-size:.65rem;position:relative;z-index:1;line-height:1.4}
.ai-badge{display:inline-block;background:linear-gradient(90deg,var(--o),var(--y));color:#fff;font-size:.55rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:50px;margin-bottom:8px;position:relative;z-index:1}

/* ── DESIGN PROCESS — unique section ── */
.proc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:56px;position:relative}
.proc-grid::before{content:'';position:absolute;top:38px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,var(--o),var(--y),var(--o),transparent);z-index:0}
.proc-step{text-align:center;position:relative;z-index:1;padding:0 8px}
.proc-num{width:76px;height:76px;background:#fff;border:3px solid var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:1.9rem;transition:all .3s;box-shadow:0 4px 16px rgba(255,107,0,.15)}
.proc-step:hover .proc-num{background:var(--o);transform:scale(1.1);box-shadow:0 8px 28px rgba(255,107,0,.35)}
.proc-title{font-family:'Unbounded',sans-serif;font-size:.72rem;color:var(--navy);margin-bottom:5px}
.proc-desc{font-size:.72rem;color:var(--gray);line-height:1.5}

/* ── DOMAINS ── */
.domains-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.domain-card{background:#fff;border:1.5px solid #e8eef8;border-radius:18px;padding:26px 20px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.domain-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.domain-card:hover{border-color:rgba(255,107,0,.25);transform:translateY(-5px);box-shadow:0 14px 40px rgba(255,107,0,.1)}
.domain-card:hover::after{transform:scaleX(1)}
.d-icon{font-size:2.3rem;margin-bottom:13px}
.d-title{font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:8px}
.d-desc{font-size:.78rem;color:var(--gray);line-height:1.55}

/* ── CURRICULUM ── */
.curr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mod{background:var(--navy2);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:28px 22px;transition:all .3s;position:relative;overflow:hidden}
.mod::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--o),var(--y));border-radius:4px 0 0 4px}
.mod:hover{border-color:rgba(255,107,0,.3);transform:translateY(-5px);box-shadow:0 18px 48px rgba(0,0,0,.32)}
.mod-num{font-family:'Unbounded',sans-serif;font-size:.63rem;color:var(--o);letter-spacing:.12em;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.mod-num::after{content:'';flex:1;height:1px;background:rgba(255,107,0,.2)}
.mod-title{color:#fff;font-size:.94rem;margin-bottom:14px}
.mod-list{list-style:none}
.mod-list li{color:#7a9abb;font-size:.8rem;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:flex-start;gap:8px;line-height:1.4}
.mod-list li::before{content:'▸';color:var(--o);font-size:.68rem;flex-shrink:0;margin-top:2px}
.mod-list li:last-child{border:none}
.mod.mod-ai{background:linear-gradient(135deg,#0a1628,#122340);border-color:rgba(255,107,0,.25)}
.mod.mod-ai::before{background:linear-gradient(180deg,var(--y),var(--o))}
.ai-mod-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(90deg,rgba(255,107,0,.25),rgba(255,184,0,.15));border:1px solid rgba(255,107,0,.4);color:var(--y);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:50px;margin-bottom:8px}

/* ── CERTIFICATIONS ── */
.cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.cert-card{background:#fff;border:1.5px solid #e8eef8;border-radius:16px;padding:24px 18px;text-align:center;transition:all .3s}
.cert-card:hover{border-color:var(--o);box-shadow:0 8px 28px rgba(255,107,0,.12);transform:translateY(-4px)}
.cert-icon{font-size:2.4rem;margin-bottom:12px}
.cert-name{font-size:.85rem;font-weight:700;color:var(--navy);margin-bottom:5px}
.cert-by{font-size:.72rem;color:var(--o);font-weight:600;margin-bottom:5px}
.cert-desc{font-size:.74rem;color:var(--gray);line-height:1.5}

/* ── PILLS ── */
.pills-wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:48px}
.pill{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #e0e8f4;border-radius:50px;padding:11px 22px;font-weight:600;font-size:.86rem;color:var(--navy);transition:all .25s;box-shadow:0 2px 8px rgba(11,26,46,.05)}
.pill:hover{border-color:var(--o);color:var(--o);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,0,.15)}
.pill-icon{font-size:1.3rem}

/* ── CAREERS ── */
.career-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.cc{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:26px 22px;transition:all .3s;display:flex;align-items:flex-start;gap:16px}
.cc:hover{background:rgba(255,107,0,.08);border-color:rgba(255,107,0,.25);transform:translateY(-4px)}
.cc-icon{font-size:2.2rem;flex-shrink:0;line-height:1}
.cc-title{color:#fff;font-size:.92rem;font-weight:600;margin-bottom:4px}
.cc-sal{color:var(--o);font-size:.76rem;font-weight:600;margin-bottom:5px}
.cc-desc{color:#7a9abb;font-size:.78rem;line-height:1.55}

/* ── WHO ── */
.who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.who-card{background:#fff;border:1.5px solid #e8eef8;border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s}
.who-card:hover{border-color:var(--o);box-shadow:0 8px 30px rgba(255,107,0,.12);transform:translateY(-4px)}
.who-emoji{font-size:2.4rem;margin-bottom:14px}
.who-title{font-size:.93rem;font-weight:600;color:var(--navy);margin-bottom:8px}
.who-desc{font-size:.79rem;color:var(--gray);line-height:1.55}

/* ── PLACEMENT ── */
.plc-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.plc-steps{list-style:none}
.plc-step{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.plc-num{width:40px;height:40px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0}
.plc-h{color:#fff;margin-bottom:3px;font-size:.92rem;font-weight:600}
.plc-p{color:#6d89aa;font-size:.81rem;line-height:1.5}
.plc-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.plc-stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s}
.plc-stat:hover{background:rgba(255,107,0,.1);border-color:rgba(255,107,0,.3)}
.plc-n{font-family:'Unbounded',sans-serif;font-size:2rem;font-weight:700;color:var(--o);line-height:1;margin-bottom:5px}
.plc-l{color:#8da8cc;font-size:.78rem}



/* ── RESPONSIVE ── */
@media(max-width:1024px){.curr-grid{grid-template-columns:1fr 1fr}.career-grid{grid-template-columns:1fr 1fr}.domains-grid{grid-template-columns:1fr 1fr}.ai-tools-grid{grid-template-columns:repeat(3,1fr)}.cert-grid{grid-template-columns:1fr 1fr}.proc-grid{grid-template-columns:1fr 1fr 1fr}.proc-grid::before{display:none}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.hero-inner,.about-grid,.plc-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:80px 0 50px}.testi-grid{grid-template-columns:1fr 1fr}.who-grid{grid-template-columns:1fr 1fr}.curr-grid{grid-template-columns:1fr}.plc-stats{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr}.callout,.iso-box,.cad-svg-wrap,.bp-titleblock{display:none}.ai-tools-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.section{padding:60px 0}.who-grid,.testi-grid,.career-grid,.domains-grid{grid-template-columns:1fr}.proc-grid{grid-template-columns:1fr 1fr}.ai-tools-grid{grid-template-columns:1fr 1fr}.cert-grid{grid-template-columns:1fr}}
@keyframes fadeUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
.hero-anim{animation:fadeUp .75s both}

/* 
3d Animation */

.persp-grid{position:absolute;bottom:0;left:0;right:0;height:55%;pointer-events:none;z-index:0;
  background-image:linear-gradient(rgba(139,92,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.05) 1px,transparent 1px);
  background-size:60px 60px;transform:perspective(400px) rotateX(55deg);transform-origin:bottom center}
.horizon{position:absolute;bottom:42%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--pur),var(--cyan),var(--o),var(--cyan),var(--pur),transparent);opacity:.3;pointer-events:none;z-index:1}
.bokeh{position:absolute;border-radius:50%;pointer-events:none;z-index:1}
.bk1{width:200px;height:200px;top:8%;left:6%;background:radial-gradient(circle,rgba(139,92,246,.1),transparent 70%)}
.bk2{width:280px;height:280px;top:38%;left:18%;background:radial-gradient(circle,rgba(6,182,212,.07),transparent 70%)}
.bk3{width:220px;height:220px;bottom:18%;right:28%;background:radial-gradient(circle,rgba(236,72,153,.07),transparent 70%)}
.bk4{width:360px;height:360px;top:-120px;right:-100px;background:radial-gradient(circle,rgba(139,92,246,.09),transparent 65%)}
#animCanvas{position:absolute;inset:0;pointer-events:none;z-index:2}
/* 3D wireframe cube */
.cube-wrap{position:absolute;right:3%;top:50%;transform:translateY(-50%);width:360px;height:380px;pointer-events:none;z-index:3}
/* Floating stat cards */
.rstat{position:absolute;pointer-events:none;z-index:4;border-radius:12px;padding:8px 13px;display:flex;align-items:center;gap:9px;backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.22);background:rgba(4,2,14,.82);animation:rsFloat 4s ease infinite alternate}
.rs1{top:10%;right:40%;animation-delay:0s}.rs2{top:47%;right:26%;animation-delay:2s}.rs3{bottom:13%;right:33%;animation-delay:3.8s}
@keyframes rsFloat{from{transform:translateY(0)}to{transform:translateY(-12px)}}
.rs-ico{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}
.ico-p{background:rgba(139,92,246,.18);border:1px solid rgba(139,92,246,.35)}
.ico-c{background:rgba(6,182,212,.14);border:1px solid rgba(6,182,212,.3)}
.ico-o{background:rgba(255,107,0,.14);border:1px solid rgba(255,107,0,.3)}
.rs-lbl{font-size:.62rem;font-weight:700;color:var(--pur-lt);font-family:'Unbounded',sans-serif}
.rs-val{font-size:.55rem;color:rgba(255,255,255,.38)}
.hg1{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(139,92,246,.11) 0%,transparent 65%);top:-250px;right:-180px;pointer-events:none}
.hg2{position:absolute;width:480px;height:480px;background:radial-gradient(circle,rgba(255,107,0,.07) 0%,transparent 65%);bottom:-180px;left:-100px;pointer-events:none}
.hg3{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(6,182,212,.05) 0%,transparent 65%);top:30%;left:35%;pointer-events:none}
.hero-inner{position:relative;z-index:5;display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.36);color:var(--pur-lt);font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:22px}
.e-dot{width:7px;height:7px;background:var(--pur);border-radius:50%;animation:blink 1.4s ease infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-size:clamp(1.9rem,3.5vw,3.1rem);color:#fff;margin-bottom:22px;line-height:1.1}
.hero h1 .o{color:var(--o)}.hero h1 .y{color:var(--pur-lt)}
.hero-desc{color:#8da8cc;font-size:1.02rem;line-height:1.82;margin-bottom:30px;max-width:510px}
.hero-stats{display:flex;gap:0;margin-bottom:32px;border:1px solid rgba(139,92,246,.1);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03)}
.hst{flex:1;text-align:center;padding:15px 10px;border-right:1px solid rgba(139,92,246,.07)}.hst:last-child{border:none}
.hst-n{font-family:'Unbounded',sans-serif;font-size:1.45rem;font-weight:700;color:var(--o);line-height:1}.hst-l{font-size:.67rem;color:#6d89aa;margin-top:4px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.hero-tools{display:flex;gap:8px;flex-wrap:wrap}
.htool{background:rgba(139,92,246,.07);border:1px solid rgba(139,92,246,.16);color:#c8d8e8;font-size:.73rem;padding:5px 13px;border-radius:6px;transition:all .25s;font-weight:500}
.htool:hover{background:rgba(255,107,0,.15);border-color:rgba(255,107,0,.4);color:var(--o-lt)}
.hero-card{background:#fff;border-radius:20px;padding:34px 28px;box-shadow:0 24px 70px rgba(0,0,0,.75);position:relative;overflow:hidden;animation:slideUp .8s .15s both}
@keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.hero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--pur-dk),var(--pur),var(--o),var(--y))}
.card-h{font-family:'Unbounded',sans-serif;font-size:1rem;color:var(--navy);margin-bottom:5px}
.card-s{font-size:.82rem;color:var(--gray);margin-bottom:20px}
.fr{margin-bottom:12px}.fr label{display:block;font-size:.78rem;font-weight:600;color:var(--navy);margin-bottom:5px}
.fr input,.fr select{width:100%;padding:11px 14px;border:1.5px solid #dce4f0;border-radius:8px;font-family:'Outfit',sans-serif;font-size:.9rem;color:var(--navy);background:#f8fafd;outline:none;transition:border .2s}
.fr input:focus,.fr select:focus{border-color:var(--o);background:#fff}
.form-note{text-align:center;font-size:.74rem;color:var(--gray);margin-top:10px}.form-note span{color:var(--o);font-weight:600}
.trust{background:var(--o);padding:16px 0}
.trust-inner{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:9px;color:#fff;font-size:.85rem;font-weight:500}
.ti{width:30px;height:30px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}
/* ABOUT */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.anim-visual{background:linear-gradient(135deg,#04020e 0%,#09061a 100%);border-radius:24px;padding:32px;position:relative;overflow:hidden}
.anim-visual::before{content:'';position:absolute;width:380px;height:380px;background:radial-gradient(circle,rgba(139,92,246,.12) 0%,transparent 65%);top:-150px;right:-150px;pointer-events:none}
.anim-visual::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--pur-dk),var(--pur),var(--o),var(--y))}
.maya-mock{background:rgba(255,255,255,.04);border:1px solid rgba(139,92,246,.1);border-radius:12px;padding:18px;margin-bottom:14px;position:relative;z-index:2}
.mock-top{display:flex;align-items:center;gap:6px;margin-bottom:12px}
.dot-r{width:9px;height:9px;border-radius:50%;background:#ff5f57}.dot-y2{width:9px;height:9px;border-radius:50%;background:#febc2e}.dot-g{width:9px;height:9px;border-radius:50%;background:#28c840}
.mock-file{margin-left:8px;font-size:.68rem;color:rgba(139,92,246,.42);font-family:'Outfit',sans-serif}
.viewport-3d{background:radial-gradient(ellipse at center,#0a041e,#04020a);border:1px solid rgba(139,92,246,.07);border-radius:8px;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;position:relative;overflow:hidden}
/* Character rig CSS */
.char-rig{position:relative;width:64px;height:84px;animation:charFloat 3s ease infinite alternate}
@keyframes charFloat{from{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-8px) rotate(2deg)}}
.rig-head{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(139,92,246,.65);position:absolute;top:0;left:50%;transform:translateX(-50%);background:rgba(139,92,246,.06)}
.rig-body{width:30px;height:26px;border:1.5px solid rgba(255,107,0,.55);position:absolute;top:24px;left:50%;transform:translateX(-50%);border-radius:4px;background:rgba(255,107,0,.05)}
.rig-larm{width:8px;height:22px;border:1.5px solid rgba(6,182,212,.55);position:absolute;top:26px;left:2px;border-radius:4px;transform:rotate(-15deg)}
.rig-rarm{width:8px;height:22px;border:1.5px solid rgba(6,182,212,.55);position:absolute;top:26px;right:2px;border-radius:4px;transform:rotate(15deg)}
.rig-lleg{width:9px;height:26px;border:1.5px solid rgba(139,92,246,.5);position:absolute;bottom:0;left:9px;border-radius:3px;transform:rotate(5deg)}
.rig-rleg{width:9px;height:26px;border:1.5px solid rgba(139,92,246,.5);position:absolute;bottom:0;right:9px;border-radius:3px;transform:rotate(-5deg)}
.joint{width:5px;height:5px;border-radius:50%;background:var(--pur);position:absolute}
.j1{top:20px;left:50%;transform:translateX(-50%)}.j2{top:24px;left:8px}.j3{top:24px;right:8px}.j4{top:50px;left:8px}.j5{top:50px;right:8px}
/* Timeline */
.tl-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:rgba(0,0,0,.3);border-radius:6px;border:1px solid rgba(139,92,246,.1);margin-bottom:10px}
.tl-play{width:18px;height:18px;background:var(--pur);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.55rem;color:#fff;flex-shrink:0}
.tl-track{flex:1;height:4px;background:rgba(255,255,255,.08);border-radius:2px;position:relative;overflow:hidden}
.tl-fill{height:100%;background:linear-gradient(90deg,var(--pur),var(--o));width:42%;animation:tlAnim 3s ease infinite}
@keyframes tlAnim{0%{width:10%}50%{width:78%}100%{width:42%}}
.tl-time{font-size:.6rem;color:rgba(139,92,246,.6);white-space:nowrap}
/* Outliner */
.outliner{margin-bottom:10px}
.out-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;background:rgba(255,255,255,.03);border:1px solid rgba(139,92,246,.05);margin-bottom:4px;transition:all .3s}
.out-row:hover{background:rgba(139,92,246,.07);border-color:rgba(139,92,246,.22)}
.out-icon{width:13px;height:13px;border-radius:3px;flex-shrink:0}
.out-name{font-size:.68rem;color:rgba(255,255,255,.44);flex:1}
.out-type{font-size:.6rem;color:rgba(139,92,246,.44)}
/* Shader balls */
.sh-lbl{font-size:.6rem;color:rgba(255,255,255,.28);margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em}
.sh-balls{display:flex;gap:8px;flex-wrap:wrap}
.sb{width:30px;height:30px;border-radius:50%;cursor:default;transition:transform .3s;border:1px solid rgba(255,255,255,.08)}
.sb:hover{transform:scale(1.22)}
.sb1{background:radial-gradient(circle at 35% 35%,#FDBCB4,#C68642)}
.sb2{background:radial-gradient(circle at 35% 35%,#7B68EE,#3d2e80)}
.sb3{background:radial-gradient(circle at 35% 35%,#e8e8f0,#606070)}
.sb4{background:radial-gradient(circle at 35% 35%,#F0D060,#A88A20)}
.sb5{background:radial-gradient(circle at 35% 35%,rgba(180,230,255,.6),rgba(80,160,200,.2));border:1px solid rgba(180,230,255,.3)}
.sb6{background:radial-gradient(circle at 35% 35%,#FF8C35,#FF6B00);box-shadow:0 0 8px rgba(255,107,0,.45)}
/* Tool mini */
.tool-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;position:relative;z-index:2}
.tm{background:rgba(255,255,255,.05);border:1px solid rgba(139,92,246,.09);border-radius:11px;padding:14px 10px;text-align:center;transition:all .3s}
.tm:hover{border-color:rgba(255,107,0,.4);transform:translateY(-4px);background:rgba(255,107,0,.08)}
.tm-icon{font-size:1.7rem;margin-bottom:6px;display:block}.tm-name{color:#fff;font-size:.75rem;font-weight:600}.tm-type{color:var(--pur-lt);font-size:.63rem;margin-top:2px}
.ck-list{list-style:none}
.ck-list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f8;font-size:.92rem;color:#3a4f6a}
.ck-list li:last-child{border:none}
.ck{width:22px;height:22px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.65rem;flex-shrink:0;margin-top:3px}
/* AI STRIP */
.ai-strip{background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);padding:72px 0}
.ai-tools-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:48px}
.ait-card{background:rgba(255,255,255,.04);border:1px solid rgba(139,92,246,.07);border-radius:16px;padding:22px 14px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.ait-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(139,92,246,.07),transparent);opacity:0;transition:opacity .3s}
.ait-card:hover{border-color:rgba(255,107,0,.4);transform:translateY(-6px);box-shadow:0 14px 40px rgba(0,0,0,.35)}
.ait-card:hover::before{opacity:1}
.ait-icon{font-size:2rem;margin-bottom:10px;display:block;position:relative;z-index:1}
.ait-name{color:#fff;font-size:.8rem;font-weight:700;margin-bottom:3px;position:relative;z-index:1}
.ait-use{color:var(--o-lt);font-size:.65rem;position:relative;z-index:1;line-height:1.4}
.ai-badge{display:inline-block;background:linear-gradient(90deg,var(--pur-dk),var(--o));color:#fff;font-size:.55rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:50px;margin-bottom:8px;position:relative;z-index:1}
/* SOFTWARE */
.sw-spotlight{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.sw-card{background:#fff;border:1.5px solid #e8eef8;border-radius:20px;padding:28px 24px;transition:all .3s;position:relative;overflow:hidden}
.sw-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--pur-dk),var(--pur),var(--o))}
.sw-card:hover{border-color:rgba(139,92,246,.2);transform:translateY(-5px);box-shadow:0 16px 44px rgba(139,92,246,.08)}
.sw-card-icon{font-size:2.4rem;margin-bottom:14px}.sw-card-name{font-family:'Unbounded',sans-serif;font-size:.88rem;color:var(--navy);margin-bottom:6px}
.sw-card-tag{display:inline-block;background:rgba(139,92,246,.09);color:var(--pur-dk);font-size:.65rem;font-weight:600;padding:3px 10px;border-radius:50px;margin-bottom:12px}
.sw-card-desc{font-size:.81rem;color:var(--gray);line-height:1.6;margin-bottom:14px}
.sw-card-skills{display:flex;flex-wrap:wrap;gap:6px}
.sw-skill{background:var(--off);color:var(--navy);font-size:.68rem;font-weight:600;padding:4px 10px;border-radius:6px;border:1px solid #e0e8f4}
/* PIPELINE */
.proc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:56px;position:relative}
.proc-grid::before{content:'';position:absolute;top:38px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,var(--pur-dk),var(--o),var(--pur),var(--o),transparent);z-index:0}
.proc-step{text-align:center;position:relative;z-index:1;padding:0 6px}
.proc-num{width:76px;height:76px;background:#fff;border:3px solid var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:1.8rem;transition:all .3s;box-shadow:0 4px 16px rgba(139,92,246,.12)}
.proc-step:hover .proc-num{background:linear-gradient(135deg,var(--o),var(--y));transform:scale(1.1);box-shadow:0 8px 28px rgba(255,107,0,.3)}
.proc-title{font-family:'Unbounded',sans-serif;font-size:.68rem;color:var(--navy);margin-bottom:5px;line-height:1.3}
.proc-desc{font-size:.7rem;color:var(--gray);line-height:1.5}
/* INDUSTRY */
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.ind-card{background:#fff;border:1.5px solid #e8eef8;border-radius:18px;padding:28px 20px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.ind-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--pur-dk),var(--o));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.ind-card:hover{border-color:rgba(139,92,246,.25);transform:translateY(-5px);box-shadow:0 14px 40px rgba(139,92,246,.08)}
.ind-card:hover::after{transform:scaleX(1)}
.ind-icon{font-size:2.5rem;margin-bottom:13px;display:block}.ind-title{font-size:.9rem;font-weight:700;color:var(--navy);margin-bottom:8px}.ind-desc{font-size:.78rem;color:var(--gray);line-height:1.55}
/* CURRICULUM */
.curr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mod{background:var(--navy2);border:1px solid rgba(139,92,246,.07);border-radius:16px;padding:28px 22px;transition:all .3s;position:relative;overflow:hidden}
.mod::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--pur-dk),var(--o),var(--y));border-radius:4px 0 0 4px}
.mod:hover{border-color:rgba(139,92,246,.22);transform:translateY(-5px);box-shadow:0 18px 48px rgba(0,0,0,.32)}
.mod-num{font-family:'Unbounded',sans-serif;font-size:.63rem;color:var(--pur-lt);letter-spacing:.12em;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.mod-num::after{content:'';flex:1;height:1px;background:rgba(139,92,246,.12)}
.mod-title{color:#fff;font-size:.94rem;margin-bottom:14px}
.mod-list{list-style:none}
.mod-list li{color:#7a9abb;font-size:.8rem;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:flex-start;gap:8px;line-height:1.4}
.mod-list li::before{content:"\25C6";color:var(--pur);font-size:.46rem;flex-shrink:0;margin-top:5px}
.mod-list li:last-child{border:none}
.mod.mod-ai{background:linear-gradient(135deg,#080516,#0e0a22);border-color:rgba(139,92,246,.2)}
.mod.mod-ai::before{background:linear-gradient(180deg,var(--pur),var(--o))}
.ai-mod-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(90deg,rgba(139,92,246,.2),rgba(255,107,0,.12));border:1px solid rgba(139,92,246,.4);color:var(--pur-lt);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:50px;margin-bottom:8px}
/* PILLS */
.pills-wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:48px}
.pill{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #e0e8f4;border-radius:50px;padding:11px 22px;font-weight:600;font-size:.86rem;color:var(--navy);transition:all .25s;box-shadow:0 2px 8px rgba(11,26,46,.05)}
.pill:hover{border-color:var(--pur);color:var(--pur-dk);transform:translateY(-2px);box-shadow:0 6px 20px rgba(139,92,246,.12)}
.pill-icon{font-size:1.3rem}
/* CAREERS */
.career-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.cc{background:rgba(255,255,255,.04);border:1px solid rgba(139,92,246,.07);border-radius:16px;padding:26px 22px;transition:all .3s;display:flex;align-items:flex-start;gap:16px}
.cc:hover{background:rgba(139,92,246,.05);border-color:rgba(255,107,0,.22);transform:translateY(-4px)}
.cc-icon{font-size:2.2rem;flex-shrink:0;line-height:1}
.cc-title{color:#fff;font-size:.92rem;font-weight:600;margin-bottom:4px}.cc-sal{color:var(--o);font-size:.76rem;font-weight:600;margin-bottom:5px}.cc-desc{color:#7a9abb;font-size:.78rem;line-height:1.55}
/* WHO */
.who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.who-card{background:#fff;border:1.5px solid #e8eef8;border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s}
.who-card:hover{border-color:rgba(139,92,246,.28);box-shadow:0 8px 30px rgba(139,92,246,.07);transform:translateY(-4px)}
.who-emoji{font-size:2.4rem;margin-bottom:14px}.who-title{font-size:.93rem;font-weight:600;color:var(--navy);margin-bottom:8px}.who-desc{font-size:.79rem;color:var(--gray);line-height:1.55}


@media(max-width:1024px){.curr-grid,.sw-spotlight{grid-template-columns:1fr 1fr}.career-grid,.ind-grid{grid-template-columns:1fr 1fr}.ai-tools-grid{grid-template-columns:repeat(3,1fr)}.proc-grid{grid-template-columns:repeat(3,1fr)}.proc-grid::before{display:none}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.hero-inner,.about-grid,.plc-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:80px 0 50px}.testi-grid,.who-grid{grid-template-columns:1fr 1fr}.curr-grid{grid-template-columns:1fr}.plc-stats{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr}.rstat,.cube-wrap{display:none}.ai-tools-grid{grid-template-columns:repeat(2,1fr)}.sw-spotlight{grid-template-columns:1fr}}
@media(max-width:480px){.section{padding:60px 0}.who-grid,.testi-grid,.career-grid,.ind-grid{grid-template-columns:1fr}.proc-grid{grid-template-columns:1fr 1fr}.ai-tools-grid{grid-template-columns:1fr 1fr}}
@keyframes fadeUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
.hero-anim{animation:fadeUp .75s both}


/* Electrical CAD */

/* Circuit grid overlay */
.circuit-grid{position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:
    linear-gradient(rgba(0,191,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,191,255,.04) 1px,transparent 1px);
  background-size:48px 48px}
/* Electric border top */
.elec-border{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--elec),var(--volt),var(--o),var(--volt),var(--elec),transparent);animation:borderFlow 3s linear infinite;background-size:200% 100%}
@keyframes borderFlow{0%{background-position:0% 0%}100%{background-position:200% 0%}}
/* Canvas for electrical sparks */
#sparkCanvas{position:absolute;inset:0;pointer-events:none;z-index:1}
/* Circuit schematic SVG (right side) */
.circuit-wrap{position:absolute;right:3%;top:50%;transform:translateY(-50%);width:360px;height:380px;pointer-events:none;z-index:2}
/* Floating spec cards */
.spec-card{position:absolute;pointer-events:none;z-index:3;border-radius:14px;padding:9px 14px;display:flex;align-items:center;gap:10px;backdrop-filter:blur(8px);border:1px solid rgba(0,191,255,.18);background:rgba(4,8,15,.8);animation:specFloat 4s ease infinite alternate}
.sc1{top:11%;right:40%;animation-delay:0s}.sc2{top:46%;right:27%;animation-delay:1.8s}.sc3{bottom:14%;right:34%;animation-delay:3.4s}
@keyframes specFloat{from{transform:translateY(0)}to{transform:translateY(-10px)}}
.spec-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.si-blue{background:rgba(0,191,255,.15);border:1px solid rgba(0,191,255,.3)}
.si-volt{background:rgba(255,215,0,.12);border:1px solid rgba(255,215,0,.25)}
.si-orange{background:rgba(255,107,0,.15);border:1px solid rgba(255,107,0,.3)}
.spec-info .spec-label{font-size:.64rem;font-weight:700;color:var(--elec-lt);font-family:'Unbounded',sans-serif}
.spec-info .spec-val{font-size:.57rem;color:rgba(255,255,255,.4);font-family:'Outfit',sans-serif}
/* Glows */
.h-glow1{position:absolute;width:640px;height:640px;background:radial-gradient(circle,rgba(0,191,255,.07) 0%,transparent 65%);top:-280px;right:-200px;pointer-events:none}
.h-glow2{position:absolute;width:480px;height:480px;background:radial-gradient(circle,rgba(255,107,0,.07) 0%,transparent 65%);bottom:-200px;left:-100px;pointer-events:none}
.h-glow3{position:absolute;width:280px;height:280px;background:radial-gradient(circle,rgba(255,215,0,.04) 0%,transparent 65%);top:35%;left:38%;pointer-events:none}
.hero-inner{position:relative;z-index:4;display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(0,191,255,.1);border:1px solid rgba(0,191,255,.3);color:var(--elec-lt);font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:22px}
.e-dot{width:7px;height:7px;background:var(--elec);border-radius:50%;animation:blink 1.4s ease infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-size:clamp(1.9rem,3.5vw,3.1rem);color:#fff;margin-bottom:22px;line-height:1.1}
.hero h1 .o{color:var(--o)}.hero h1 .y{color:var(--volt-lt)}
.hero-desc{color:#8da8cc;font-size:1.02rem;line-height:1.82;margin-bottom:30px;max-width:510px}
.hero-stats{display:flex;gap:0;margin-bottom:32px;border:1px solid rgba(0,191,255,.1);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03)}
.hst{flex:1;text-align:center;padding:15px 10px;border-right:1px solid rgba(0,191,255,.07)}.hst:last-child{border:none}
.hst-n{font-family:'Unbounded',sans-serif;font-size:1.45rem;font-weight:700;color:var(--o);line-height:1}.hst-l{font-size:.67rem;color:#6d89aa;margin-top:4px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.hero-tools{display:flex;gap:8px;flex-wrap:wrap}
.htool{background:rgba(0,191,255,.06);border:1px solid rgba(0,191,255,.15);color:#c8d8e8;font-size:.73rem;padding:5px 13px;border-radius:6px;transition:all .25s;font-weight:500}
.htool:hover{background:rgba(255,107,0,.15);border-color:rgba(255,107,0,.4);color:var(--o-lt)}
/* Form */
.hero-card{background:#fff;border-radius:20px;padding:34px 28px;box-shadow:0 24px 70px rgba(0,0,0,.7);position:relative;overflow:hidden;animation:slideUp .8s .15s both}
@keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.hero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--elec-dk),var(--elec),var(--o),var(--y))}
.card-h{font-family:'Unbounded',sans-serif;font-size:1rem;color:var(--navy);margin-bottom:5px}
.card-s{font-size:.82rem;color:var(--gray);margin-bottom:20px}
.fr{margin-bottom:12px}.fr label{display:block;font-size:.78rem;font-weight:600;color:var(--navy);margin-bottom:5px}
.fr input,.fr select{width:100%;padding:11px 14px;border:1.5px solid #dce4f0;border-radius:8px;font-family:'Outfit',sans-serif;font-size:.9rem;color:var(--navy);background:#f8fafd;outline:none;transition:border .2s}
.fr input:focus,.fr select:focus{border-color:var(--o);background:#fff}
.form-note{text-align:center;font-size:.74rem;color:var(--gray);margin-top:10px}.form-note span{color:var(--o);font-weight:600}
/* TRUST */
.trust{background:var(--o);padding:16px 0}
.trust-inner{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:9px;color:#fff;font-size:.85rem;font-weight:500}
.ti{width:30px;height:30px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}
/* ABOUT */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
/* AutoCAD Electrical Visual */
.elec-visual{background:linear-gradient(135deg,#03060e 0%,#080f1e 100%);border-radius:24px;padding:32px;position:relative;overflow:hidden}
.elec-visual::before{content:'';position:absolute;width:380px;height:380px;background:radial-gradient(circle,rgba(0,191,255,.1) 0%,transparent 65%);top:-150px;right:-150px;pointer-events:none}
.elec-visual::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--elec-dk),var(--elec),var(--o),var(--y))}
.autocad-mock{background:rgba(255,255,255,.04);border:1px solid rgba(0,191,255,.1);border-radius:12px;padding:18px;margin-bottom:14px;position:relative;z-index:2}
.mock-top{display:flex;align-items:center;gap:6px;margin-bottom:12px}
.dot-r{width:9px;height:9px;border-radius:50%;background:#ff5f57}.dot-y2{width:9px;height:9px;border-radius:50%;background:#febc2e}.dot-g{width:9px;height:9px;border-radius:50%;background:#28c840}
.mock-file{margin-left:8px;font-size:.68rem;color:rgba(0,191,255,.4);font-family:'Outfit',sans-serif}
/* Schematic viewport */
.schem-viewport{background:linear-gradient(135deg,#030810,#06101e);border:1px solid rgba(0,191,255,.07);border-radius:8px;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;position:relative;overflow:hidden}
/* Animated circuit lines in viewport */
.schem-viewport svg{position:absolute;width:100%;height:100%}
/* Wire layers panel */
.wire-panel{margin-bottom:10px}
.wire-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;background:rgba(255,255,255,.03);border:1px solid rgba(0,191,255,.05);margin-bottom:4px;transition:all .3s}
.wire-row:hover{background:rgba(0,191,255,.06);border-color:rgba(0,191,255,.18)}
.wc{width:28px;height:8px;border-radius:2px;flex-shrink:0}
.wn{font-size:.68rem;color:rgba(255,255,255,.45);font-family:'Outfit',sans-serif;flex:1}
.wt{font-size:.6rem;color:rgba(0,191,255,.42);font-family:'Outfit',sans-serif}
/* Component legend */
.comp-legend{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.comp-chip{background:rgba(0,191,255,.07);border:1px solid rgba(0,191,255,.14);border-radius:6px;padding:4px 10px;font-size:.62rem;color:rgba(0,191,255,.7);font-family:'Outfit',sans-serif;transition:all .3s}
.comp-chip:hover{background:rgba(255,107,0,.1);border-color:rgba(255,107,0,.3);color:var(--o-lt)}
.comp-lbl{font-size:.6rem;color:rgba(255,255,255,.28);font-family:'Outfit',sans-serif;margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em}
/* Tool mini grid */
.tool-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:2;margin-top:14px}
.tm{background:rgba(255,255,255,.05);border:1px solid rgba(0,191,255,.09);border-radius:11px;padding:14px 10px;text-align:center;transition:all .3s}
.tm:hover{border-color:rgba(255,107,0,.4);transform:translateY(-4px);background:rgba(255,107,0,.08)}
.tm-icon{font-size:1.7rem;margin-bottom:6px;display:block}.tm-name{color:#fff;font-size:.75rem;font-weight:600}.tm-type{color:var(--elec-lt);font-size:.63rem;margin-top:2px}
.ck-list{list-style:none}
.ck-list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f8;font-size:.92rem;color:#3a4f6a}
.ck-list li:last-child{border:none}
.ck{width:22px;height:22px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.65rem;flex-shrink:0;margin-top:3px}
/* AI STRIP */
.ai-strip{background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);padding:72px 0}
.ai-tools-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:48px}
.ait-card{background:rgba(255,255,255,.04);border:1px solid rgba(0,191,255,.07);border-radius:16px;padding:22px 14px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.ait-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,191,255,.06),transparent);opacity:0;transition:opacity .3s}
.ait-card:hover{border-color:rgba(255,107,0,.4);transform:translateY(-6px);box-shadow:0 14px 40px rgba(0,0,0,.35)}
.ait-card:hover::before{opacity:1}
.ait-icon{font-size:2rem;margin-bottom:10px;display:block;position:relative;z-index:1}
.ait-name{color:#fff;font-size:.8rem;font-weight:700;margin-bottom:3px;position:relative;z-index:1}
.ait-use{color:var(--o-lt);font-size:.65rem;position:relative;z-index:1;line-height:1.4}
.ai-badge{display:inline-block;background:linear-gradient(90deg,var(--elec-dk),var(--o));color:#fff;font-size:.55rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:50px;margin-bottom:8px;position:relative;z-index:1}
/* SOFTWARE SPOTLIGHT */
.sw-spotlight{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.sw-card{background:#fff;border:1.5px solid #e8eef8;border-radius:20px;padding:28px 24px;transition:all .3s;position:relative;overflow:hidden}
.sw-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--elec-dk),var(--elec),var(--o))}
.sw-card:hover{border-color:rgba(0,191,255,.2);transform:translateY(-5px);box-shadow:0 16px 44px rgba(0,191,255,.08)}
.sw-card-icon{font-size:2.4rem;margin-bottom:14px}.sw-card-name{font-family:'Unbounded',sans-serif;font-size:.88rem;color:var(--navy);margin-bottom:6px}
.sw-card-tag{display:inline-block;background:rgba(0,191,255,.09);color:var(--elec-dk);font-size:.65rem;font-weight:600;padding:3px 10px;border-radius:50px;margin-bottom:12px}
.sw-card-desc{font-size:.81rem;color:var(--gray);line-height:1.6;margin-bottom:14px}
.sw-card-skills{display:flex;flex-wrap:wrap;gap:6px}
.sw-skill{background:var(--off);color:var(--navy);font-size:.68rem;font-weight:600;padding:4px 10px;border-radius:6px;border:1px solid #e0e8f4}
/* DESIGN PROCESS */
.proc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:56px;position:relative}
.proc-grid::before{content:'';position:absolute;top:38px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,var(--elec-dk),var(--o),var(--volt),var(--o),transparent);z-index:0}
.proc-step{text-align:center;position:relative;z-index:1;padding:0 6px}
.proc-num{width:76px;height:76px;background:#fff;border:3px solid var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:1.8rem;transition:all .3s;box-shadow:0 4px 16px rgba(0,191,255,.12)}
.proc-step:hover .proc-num{background:linear-gradient(135deg,var(--o),var(--y));transform:scale(1.1);box-shadow:0 8px 28px rgba(255,107,0,.3)}
.proc-title{font-family:'Unbounded',sans-serif;font-size:.68rem;color:var(--navy);margin-bottom:5px;line-height:1.3}
.proc-desc{font-size:.7rem;color:var(--gray);line-height:1.5}
/* INDUSTRY SECTORS */
.sec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.sec-card{background:#fff;border:1.5px solid #e8eef8;border-radius:18px;padding:28px 20px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.sec-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--elec-dk),var(--o));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.sec-card:hover{border-color:rgba(0,191,255,.25);transform:translateY(-5px);box-shadow:0 14px 40px rgba(0,191,255,.08)}
.sec-card:hover::after{transform:scaleX(1)}
.sec-icon{font-size:2.5rem;margin-bottom:13px;display:block}.sec-title{font-size:.9rem;font-weight:700;color:var(--navy);margin-bottom:8px}.sec-desc{font-size:.78rem;color:var(--gray);line-height:1.55}
/* CURRICULUM */
.curr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mod{background:var(--navy2);border:1px solid rgba(0,191,255,.07);border-radius:16px;padding:28px 22px;transition:all .3s;position:relative;overflow:hidden}
.mod::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--elec-dk),var(--o),var(--y));border-radius:4px 0 0 4px}
.mod:hover{border-color:rgba(0,191,255,.2);transform:translateY(-5px);box-shadow:0 18px 48px rgba(0,0,0,.32)}
.mod-num{font-family:'Unbounded',sans-serif;font-size:.63rem;color:var(--elec);letter-spacing:.12em;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.mod-num::after{content:'';flex:1;height:1px;background:rgba(0,191,255,.12)}
.mod-title{color:#fff;font-size:.94rem;margin-bottom:14px}
.mod-list{list-style:none}
.mod-list li{color:#7a9abb;font-size:.8rem;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:flex-start;gap:8px;line-height:1.4}
.mod-list li::before{content:"\25C6";color:var(--elec);font-size:.46rem;flex-shrink:0;margin-top:5px}
.mod-list li:last-child{border:none}
.mod.mod-ai{background:linear-gradient(135deg,#080e1a,#0e1c30);border-color:rgba(0,191,255,.16)}
.mod.mod-ai::before{background:linear-gradient(180deg,var(--elec),var(--o))}
.ai-mod-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(90deg,rgba(0,191,255,.15),rgba(255,107,0,.1));border:1px solid rgba(0,191,255,.35);color:var(--elec-lt);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:50px;margin-bottom:8px}
/* PILLS */
.pills-wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:48px}
.pill{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #e0e8f4;border-radius:50px;padding:11px 22px;font-weight:600;font-size:.86rem;color:var(--navy);transition:all .25s;box-shadow:0 2px 8px rgba(11,26,46,.05)}
.pill:hover{border-color:var(--elec);color:var(--elec-dk);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,191,255,.1)}
.pill-icon{font-size:1.3rem}
/* CAREERS */
.career-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.cc{background:rgba(255,255,255,.04);border:1px solid rgba(0,191,255,.07);border-radius:16px;padding:26px 22px;transition:all .3s;display:flex;align-items:flex-start;gap:16px}
.cc:hover{background:rgba(0,191,255,.04);border-color:rgba(255,107,0,.22);transform:translateY(-4px)}
.cc-icon{font-size:2.2rem;flex-shrink:0;line-height:1}
.cc-title{color:#fff;font-size:.92rem;font-weight:600;margin-bottom:4px}.cc-sal{color:var(--o);font-size:.76rem;font-weight:600;margin-bottom:5px}.cc-desc{color:#7a9abb;font-size:.78rem;line-height:1.55}
/* WHO */
.who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.who-card{background:#fff;border:1.5px solid #e8eef8;border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s}
.who-card:hover{border-color:rgba(0,191,255,.28);box-shadow:0 8px 30px rgba(0,191,255,.07);transform:translateY(-4px)}
.who-emoji{font-size:2.4rem;margin-bottom:14px}.who-title{font-size:.93rem;font-weight:600;color:var(--navy);margin-bottom:8px}.who-desc{font-size:.79rem;color:var(--gray);line-height:1.55}
/* PLACEMENT */
.plc-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.plc-steps{list-style:none}
.plc-step{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid rgba(0,191,255,.07)}
.plc-num{width:40px;height:40px;background:linear-gradient(135deg,var(--o),var(--y));border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0}
.plc-h{color:#fff;margin-bottom:3px;font-size:.92rem;font-weight:600}.plc-p{color:#6d89aa;font-size:.81rem;line-height:1.5}
.plc-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.plc-stat{background:rgba(0,191,255,.04);border:1px solid rgba(0,191,255,.1);border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s}
.plc-stat:hover{background:rgba(255,107,0,.08);border-color:rgba(255,107,0,.25)}
.plc-n{font-family:'Unbounded',sans-serif;font-size:2rem;font-weight:700;color:var(--o);line-height:1;margin-bottom:5px}.plc-l{color:#8da8cc;font-size:.78rem}

@media(max-width:1024px){.curr-grid,.sw-spotlight{grid-template-columns:1fr 1fr}.career-grid,.sec-grid{grid-template-columns:1fr 1fr}.ai-tools-grid{grid-template-columns:repeat(3,1fr)}.proc-grid{grid-template-columns:repeat(3,1fr)}.proc-grid::before{display:none}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.hero-inner,.about-grid,.plc-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:80px 0 50px}.testi-grid,.who-grid{grid-template-columns:1fr 1fr}.curr-grid{grid-template-columns:1fr}.plc-stats{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr}.spec-card,.circuit-wrap{display:none}.ai-tools-grid{grid-template-columns:repeat(2,1fr)}.sw-spotlight{grid-template-columns:1fr}}
@media(max-width:480px){.section{padding:60px 0}.who-grid,.testi-grid,.career-grid,.sec-grid{grid-template-columns:1fr}.proc-grid{grid-template-columns:1fr 1fr}.ai-tools-grid{grid-template-columns:1fr 1fr}}
@keyframes fadeUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
.hero-anim{animation:fadeUp .75s both}


/* fashion cad */

.fabric-tex{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(45deg,rgba(255,107,0,.012) 0px,rgba(255,107,0,.012) 1px,transparent 1px,transparent 12px)}
.stitch-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
@keyframes stitchDash{to{stroke-dashoffset:-40}}
.tape-strip{position:absolute;bottom:60px;left:0;right:0;height:22px;pointer-events:none;z-index:2;background:repeating-linear-gradient(90deg,transparent 0px,transparent 9px,rgba(255,107,0,.12) 9px,rgba(255,107,0,.12) 10px);border-top:1px solid rgba(255,107,0,.08);border-bottom:1px solid rgba(255,107,0,.08)}
.tape-strip::before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 49px,rgba(255,107,0,.22) 49px,rgba(255,107,0,.22) 50px)}
.needle{position:absolute;right:48%;top:22%;width:2px;height:60px;background:linear-gradient(180deg,rgba(255,184,0,.6),rgba(255,184,0,.1));border-radius:2px;transform:rotate(25deg);pointer-events:none;z-index:2;animation:needleSway 3s ease infinite alternate}
.needle::before{content:'';position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:rgba(255,184,0,.7)}
@keyframes needleSway{from{transform:rotate(22deg)}to{transform:rotate(28deg)}}
.fswatch{position:absolute;pointer-events:none;z-index:3;border-radius:14px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.45);animation:swatchFloat 4s ease infinite alternate;border:1px solid rgba(255,255,255,.1)}
.fs1{top:10%;right:38%;animation-delay:0s;width:90px;height:70px}.fs2{top:42%;right:25%;animation-delay:1.5s;width:80px;height:60px}.fs3{bottom:18%;right:32%;animation-delay:3s;width:85px;height:65px}
@keyframes swatchFloat{from{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-12px) rotate(2deg)}}
.fs-inner{width:100%;height:75%;position:relative}.fsc1{background:linear-gradient(135deg,#E8507A,#C83060)}.fsc2{background:linear-gradient(135deg,#FF6B00,#FFB800)}.fsc3{background:linear-gradient(135deg,#1A3155,#2A4A80)}
.fs-label{background:rgba(0,0,0,.4);padding:4px 8px;font-size:.52rem;color:rgba(255,255,255,.7);font-family:'Outfit',sans-serif;letter-spacing:.06em}
.h-glow1{position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(255,107,0,.11) 0%,transparent 65%);top:-260px;right:-200px;pointer-events:none}
.h-glow2{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(232,80,122,.06) 0%,transparent 65%);bottom:-200px;left:-100px;pointer-events:none}
.hero-inner{position:relative;z-index:4;display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,107,0,.14);border:1px solid rgba(255,107,0,.38);color:var(--o-lt);font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:22px}
.e-dot{width:7px;height:7px;background:var(--o);border-radius:50%;animation:blink 1.4s ease infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-size:clamp(1.9rem,3.5vw,3.1rem);color:#fff;margin-bottom:22px;line-height:1.1}
.hero h1 .o{color:var(--o)}.hero h1 .y{color:var(--y)}
.hero-desc{color:#8da8cc;font-size:1.02rem;line-height:1.82;margin-bottom:30px;max-width:510px}
.hero-stats{display:flex;gap:0;margin-bottom:32px;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03)}
.hst{flex:1;text-align:center;padding:15px 10px;border-right:1px solid rgba(255,255,255,.06)}.hst:last-child{border:none}
.hst-n{font-family:'Unbounded',sans-serif;font-size:1.45rem;font-weight:700;color:var(--o);line-height:1}.hst-l{font-size:.67rem;color:#6d89aa;margin-top:4px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.hero-tools{display:flex;gap:8px;flex-wrap:wrap}
.htool{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#b8d0ee;font-size:.73rem;padding:5px 13px;border-radius:6px;transition:all .25s;font-weight:500}
.htool:hover{background:rgba(255,107,0,.15);border-color:rgba(255,107,0,.4);color:var(--o-lt)}
.hero-card{background:#fff;border-radius:20px;padding:34px 28px;box-shadow:0 24px 70px rgba(0,0,0,.6);position:relative;overflow:hidden;animation:slideUp .8s .15s both}
@keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.hero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--o),var(--y),var(--rose))}
.card-h{font-family:'Unbounded',sans-serif;font-size:1rem;color:var(--navy);margin-bottom:5px}
.card-s{font-size:.82rem;color:var(--gray);margin-bottom:20px}
.fr{margin-bottom:12px}.fr label{display:block;font-size:.78rem;font-weight:600;color:var(--navy);margin-bottom:5px}
.fr input,.fr select{width:100%;padding:11px 14px;border:1.5px solid #dce4f0;border-radius:8px;font-family:'Outfit',sans-serif;font-size:.9rem;color:var(--navy);background:#f8fafd;outline:none;transition:border .2s}
.fr input:focus,.fr select:focus{border-color:var(--o);background:#fff}
.form-note{text-align:center;font-size:.74rem;color:var(--gray);margin-top:10px}.form-note span{color:var(--o);font-weight:600}
/* TRUST */
.trust{background:var(--o);padding:16px 0}
.trust-inner{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:9px;color:#fff;font-size:.85rem;font-weight:500}
.ti{width:30px;height:30px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}
/* ABOUT */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.fash-visual{background:linear-gradient(135deg,#050d1a 0%,var(--navy3) 100%);border-radius:24px;padding:32px;position:relative;overflow:hidden}
.fash-visual::before{content:'';position:absolute;width:360px;height:360px;background:radial-gradient(circle,rgba(255,107,0,.18) 0%,transparent 65%);top:-140px;right:-140px;pointer-events:none}
.fash-visual::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y),var(--rose))}
.lectra-mock{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px;margin-bottom:14px;position:relative;z-index:2}
.lectra-top{display:flex;align-items:center;gap:6px;margin-bottom:12px}
.dot-r{width:9px;height:9px;border-radius:50%;background:#ff5f57}.dot-y{width:9px;height:9px;border-radius:50%;background:#febc2e}.dot-g{width:9px;height:9px;border-radius:50%;background:#28c840}
.lectra-file{margin-left:8px;font-size:.68rem;color:rgba(255,255,255,.35);font-family:'Outfit',sans-serif}
.pattern-canvas{background:rgba(10,20,40,.8);border:1px solid rgba(255,255,255,.06);border-radius:8px;height:110px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;margin-bottom:10px}
.pp{border:1.5px solid;border-radius:3px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s}
.pp:hover{transform:scale(1.06)}
.pp-label{font-size:.45rem;font-family:'Outfit',sans-serif;text-align:center;opacity:.7;padding:2px}
.pp::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1px;height:70%;background:rgba(255,255,255,.2)}
.pp1{width:55px;height:80px;border-color:rgba(255,107,0,.5);background:rgba(255,107,0,.06);color:rgba(255,107,0,.6)}
.pp2{width:42px;height:68px;border-color:rgba(232,80,122,.5);background:rgba(232,80,122,.06);color:rgba(232,80,122,.6);transform:rotate(-5deg)}
.pp3{width:38px;height:55px;border-color:rgba(255,184,0,.5);background:rgba(255,184,0,.06);color:rgba(255,184,0,.6)}
.pp4{width:50px;height:40px;border-color:rgba(100,180,255,.4);background:rgba(100,180,255,.04);color:rgba(100,180,255,.6);transform:rotate(8deg)}
.sa-label{font-size:.55rem;color:rgba(255,107,0,.5);font-family:'Outfit',sans-serif;text-align:right;margin-bottom:8px;font-style:italic}
.grade-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}
.grade-ring{width:32px;height:40px;border-radius:50%;border:1.5px solid;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-family:'Outfit',sans-serif;font-weight:700;transition:transform .3s}
.grade-ring:hover{transform:scale(1.15)}
.gr-xs{border-color:rgba(255,107,0,.4);color:rgba(255,107,0,.7)}.gr-s{border-color:rgba(255,107,0,.55);color:rgba(255,107,0,.85)}
.gr-m{border-color:rgba(255,107,0,.8);color:var(--o);background:rgba(255,107,0,.1)}.gr-l{border-color:rgba(255,107,0,.55);color:rgba(255,107,0,.85)}
.gr-xl{border-color:rgba(255,107,0,.4);color:rgba(255,107,0,.7)}.gr-xxl{border-color:rgba(255,107,0,.3);color:rgba(255,107,0,.5)}
.grade-label{font-size:.6rem;color:rgba(255,255,255,.3);font-family:'Outfit',sans-serif;text-align:center}
.tool-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:2;margin-top:14px}
.tm{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:14px 10px;text-align:center;transition:all .3s}
.tm:hover{border-color:rgba(255,107,0,.4);transform:translateY(-4px);background:rgba(255,107,0,.1)}
.tm-icon{font-size:1.7rem;margin-bottom:6px;display:block}.tm-name{color:#fff;font-size:.75rem;font-weight:600}.tm-type{color:var(--o-lt);font-size:.63rem;margin-top:2px}
.ck-list{list-style:none}
.ck-list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f8;font-size:.92rem;color:#3a4f6a}
.ck-list li:last-child{border:none}
.ck{width:22px;height:22px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.65rem;flex-shrink:0;margin-top:3px}
/* AI STRIP */
.ai-strip{background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);padding:72px 0}
.ai-tools-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:48px}
.ait-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px 14px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.ait-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,107,0,.1),transparent);opacity:0;transition:opacity .3s}
.ait-card:hover{border-color:rgba(255,107,0,.4);transform:translateY(-6px);box-shadow:0 14px 40px rgba(0,0,0,.35)}
.ait-card:hover::before{opacity:1}
.ait-icon{font-size:2rem;margin-bottom:10px;display:block;position:relative;z-index:1}
.ait-name{color:#fff;font-size:.8rem;font-weight:700;margin-bottom:3px;position:relative;z-index:1}
.ait-use{color:var(--o-lt);font-size:.65rem;position:relative;z-index:1;line-height:1.4}
.ai-badge{display:inline-block;background:linear-gradient(90deg,var(--o),var(--y));color:#fff;font-size:.55rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:50px;margin-bottom:8px;position:relative;z-index:1}
/* SOFTWARE SPOTLIGHT */
.sw-spotlight{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.sw-card{background:#fff;border:1.5px solid #e8eef8;border-radius:20px;padding:28px 24px;transition:all .3s;position:relative;overflow:hidden}
.sw-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--o),var(--y))}
.sw-card:hover{border-color:rgba(255,107,0,.25);transform:translateY(-5px);box-shadow:0 16px 44px rgba(255,107,0,.1)}
.sw-card-icon{font-size:2.4rem;margin-bottom:14px}
.sw-card-name{font-family:'Unbounded',sans-serif;font-size:.88rem;color:var(--navy);margin-bottom:6px}
.sw-card-tag{display:inline-block;background:rgba(255,107,0,.1);color:var(--o);font-size:.65rem;font-weight:600;padding:3px 10px;border-radius:50px;margin-bottom:12px}
.sw-card-desc{font-size:.81rem;color:var(--gray);line-height:1.6;margin-bottom:14px}
.sw-card-skills{display:flex;flex-wrap:wrap;gap:6px}
.sw-skill{background:var(--off);color:var(--navy);font-size:.68rem;font-weight:600;padding:4px 10px;border-radius:6px;border:1px solid #e0e8f4}
/* PROCESS */
.proc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:56px;position:relative}
.proc-grid::before{content:'';position:absolute;top:38px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,var(--o),var(--y),var(--rose),var(--o),transparent);z-index:0}
.proc-step{text-align:center;position:relative;z-index:1;padding:0 6px}
.proc-num{width:76px;height:76px;background:#fff;border:3px solid var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:1.8rem;transition:all .3s;box-shadow:0 4px 16px rgba(255,107,0,.15)}
.proc-step:hover .proc-num{background:var(--o);transform:scale(1.1);box-shadow:0 8px 28px rgba(255,107,0,.35)}
.proc-title{font-family:'Unbounded',sans-serif;font-size:.68rem;color:var(--navy);margin-bottom:5px;line-height:1.3}
.proc-desc{font-size:.7rem;color:var(--gray);line-height:1.5}
/* FABRIC CARDS */
.fabric-cards{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;border-radius:20px;overflow:hidden;border:1px solid #e8eef8}
.fab-card{padding:28px 22px;text-align:center;transition:all .3s;border-right:1px solid #e8eef8;border-bottom:1px solid #e8eef8;position:relative;overflow:hidden}
.fab-card:nth-child(4n){border-right:none}.fab-card:nth-child(n+5){border-bottom:none}
.fab-card:hover{background:rgba(255,107,0,.04)}
.fab-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y));transform:scaleX(0);transform-origin:left;transition:transform .3s}
.fab-card:hover::before{transform:scaleX(1)}
.fab-icon{font-size:2.2rem;margin-bottom:12px;display:block}
.fab-title{font-size:.88rem;font-weight:700;color:var(--navy);margin-bottom:6px}
.fab-desc{font-size:.76rem;color:var(--gray);line-height:1.55}
/* CURRICULUM */
.curr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mod{background:var(--navy2);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:28px 22px;transition:all .3s;position:relative;overflow:hidden}
.mod::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--o),var(--y));border-radius:4px 0 0 4px}
.mod:hover{border-color:rgba(255,107,0,.3);transform:translateY(-5px);box-shadow:0 18px 48px rgba(0,0,0,.32)}
.mod-num{font-family:'Unbounded',sans-serif;font-size:.63rem;color:var(--o);letter-spacing:.12em;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.mod-num::after{content:'';flex:1;height:1px;background:rgba(255,107,0,.2)}
.mod-title{color:#fff;font-size:.94rem;margin-bottom:14px}
.mod-list{list-style:none}
.mod-list li{color:#7a9abb;font-size:.8rem;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:flex-start;gap:8px;line-height:1.4}
.mod-list li::before{content:"▸";color:var(--o);font-size:.68rem;flex-shrink:0;margin-top:2px}
.mod-list li:last-child{border:none}
.mod.mod-ai{background:linear-gradient(135deg,#0a1628,#122340);border-color:rgba(255,107,0,.25)}
.mod.mod-ai::before{background:linear-gradient(180deg,var(--y),var(--o))}
.ai-mod-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(90deg,rgba(255,107,0,.25),rgba(255,184,0,.15));border:1px solid rgba(255,107,0,.4);color:var(--y);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:50px;margin-bottom:8px}
/* PILLS */
.pills-wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:48px}
.pill{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #e0e8f4;border-radius:50px;padding:11px 22px;font-weight:600;font-size:.86rem;color:var(--navy);transition:all .25s;box-shadow:0 2px 8px rgba(11,26,46,.05)}
.pill:hover{border-color:var(--o);color:var(--o);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,0,.15)}
.pill-icon{font-size:1.3rem}
/* CAREERS */
.career-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.cc{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:26px 22px;transition:all .3s;display:flex;align-items:flex-start;gap:16px}
.cc:hover{background:rgba(255,107,0,.08);border-color:rgba(255,107,0,.25);transform:translateY(-4px)}
.cc-icon{font-size:2.2rem;flex-shrink:0;line-height:1}
.cc-title{color:#fff;font-size:.92rem;font-weight:600;margin-bottom:4px}
.cc-sal{color:var(--o);font-size:.76rem;font-weight:600;margin-bottom:5px}
.cc-desc{color:#7a9abb;font-size:.78rem;line-height:1.55}
/* WHO */
.who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.who-card{background:#fff;border:1.5px solid #e8eef8;border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s}
.who-card:hover{border-color:var(--o);box-shadow:0 8px 30px rgba(255,107,0,.12);transform:translateY(-4px)}
.who-emoji{font-size:2.4rem;margin-bottom:14px}
.who-title{font-size:.93rem;font-weight:600;color:var(--navy);margin-bottom:8px}
.who-desc{font-size:.79rem;color:var(--gray);line-height:1.55}
/* PLACEMENT */
.plc-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.plc-steps{list-style:none}
.plc-step{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.plc-num{width:40px;height:40px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0}
.plc-h{color:#fff;margin-bottom:3px;font-size:.92rem;font-weight:600}.plc-p{color:#6d89aa;font-size:.81rem;line-height:1.5}
.plc-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.plc-stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s}
.plc-stat:hover{background:rgba(255,107,0,.1);border-color:rgba(255,107,0,.3)}
.plc-n{font-family:'Unbounded',sans-serif;font-size:2rem;font-weight:700;color:var(--o);line-height:1;margin-bottom:5px}.plc-l{color:#8da8cc;font-size:.78rem}

/* RESPONSIVE */
@media(max-width:1024px){.curr-grid,.sw-spotlight{grid-template-columns:1fr 1fr}.career-grid{grid-template-columns:1fr 1fr}.ai-tools-grid{grid-template-columns:repeat(3,1fr)}.fabric-cards{grid-template-columns:1fr 1fr}.proc-grid{grid-template-columns:repeat(3,1fr)}.proc-grid::before{display:none}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.hero-inner,.about-grid,.plc-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:80px 0 50px}.testi-grid{grid-template-columns:1fr 1fr}.who-grid{grid-template-columns:1fr 1fr}.curr-grid{grid-template-columns:1fr}.plc-stats{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr}.fswatch,.needle,.tape-strip{display:none}.ai-tools-grid{grid-template-columns:repeat(2,1fr)}.sw-spotlight{grid-template-columns:1fr}}
@media(max-width:480px){.section{padding:60px 0}.who-grid,.testi-grid,.career-grid{grid-template-columns:1fr}.proc-grid{grid-template-columns:1fr 1fr}.ai-tools-grid{grid-template-columns:1fr 1fr}.fabric-cards{grid-template-columns:1fr}}
@keyframes fadeUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
.hero-anim{animation:fadeUp .75s both}

/* gamming design */

  /* Animated hex grid background */
  .hex-bg{
    position:absolute;inset:0;pointer-events:none;z-index:0;
    background-image:
      repeating-linear-gradient(60deg,rgba(255,107,0,.04) 0,rgba(255,107,0,.04) 1px,transparent 0,transparent 50%),
      repeating-linear-gradient(120deg,rgba(255,107,0,.04) 0,rgba(255,107,0,.04) 1px,transparent 0,transparent 50%),
      repeating-linear-gradient(180deg,rgba(255,107,0,.04) 0,rgba(255,107,0,.04) 1px,transparent 0,transparent 50%);
    background-size:40px 70px;
    animation:hexDrift 20s linear infinite;
  }
  @keyframes hexDrift{0%{background-position:0 0}100%{background-position:40px 70px}}

  /* Glows */
  .hero-glow-1{position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(255,107,0,.18) 0%,transparent 65%);top:-250px;right:-200px;pointer-events:none}
  .hero-glow-2{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(255,184,0,.08) 0%,transparent 65%);bottom:-200px;left:-150px;pointer-events:none}

  /* Scanline overlay for CRT feel */
  .scanlines{
    position:absolute;inset:0;pointer-events:none;z-index:1;
    background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);
  }

  .hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
  .hero-text{animation:fadeUp .75s both}
  @keyframes fadeUp{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}

  /* NEW badge */
  .hero-new{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px}
  .new-pill{background:var(--o);color:#fff;font-family:'Unbounded',sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 14px;border-radius:50px;animation:glow-pulse 2s ease infinite}
  @keyframes glow-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,107,0,.5)}50%{box-shadow:0 0 0 10px rgba(255,107,0,0)}}
  .new-label{color:#8da8cc;font-size:.8rem}

  .hero h1{font-size:clamp(2rem,4vw,3.4rem);color:#fff;margin-bottom:22px;line-height:1.1}
  .hero h1 .o{color:var(--o)}
  .hero h1 .y{color:var(--y)}
  .hero-desc{color:#8da8cc;font-size:1rem;line-height:1.8;margin-bottom:30px;max-width:510px}

  /* Stats row */
  .hero-stats{display:flex;gap:0;margin-bottom:32px;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03)}
  .hstat{flex:1;text-align:center;padding:16px 10px;border-right:1px solid rgba(255,255,255,.06)}
  .hstat:last-child{border:none}
  .hstat-n{font-family:'Unbounded',sans-serif;font-size:1.5rem;font-weight:700;color:var(--o);line-height:1}
  .hstat-l{font-size:.68rem;color:#6d89aa;margin-top:4px;letter-spacing:.04em}

  .hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}

  /* Floating tool tags */
  .hero-tags{display:flex;gap:8px;flex-wrap:wrap}
  .htag{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#b8d0ee;font-size:.72rem;padding:5px 13px;border-radius:6px;transition:all .25s;font-weight:500}
  .htag:hover{background:rgba(255,107,0,.15);border-color:rgba(255,107,0,.4);color:var(--o-lt)}

  /* ── Hero Form Card ── */
  .hero-card{background:#fff;border-radius:20px;padding:36px 30px;box-shadow:0 24px 70px rgba(0,0,0,.5);position:relative;overflow:hidden;animation:fadeUp .8s .18s both}
  .hero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--o),var(--y),var(--red))}
  .card-h{font-family:'Unbounded',sans-serif;font-size:1rem;color:var(--navy);margin-bottom:5px}
  .card-s{font-size:.82rem;color:var(--gray);margin-bottom:20px}
  .fr{margin-bottom:13px}
  .fr label{display:block;font-size:.78rem;font-weight:600;color:var(--navy);margin-bottom:5px}
  .fr input,.fr select{width:100%;padding:11px 15px;border:1.5px solid #dce4f0;border-radius:8px;font-family:'Outfit',sans-serif;font-size:.9rem;color:var(--navy);background:#f8fafd;outline:none;transition:border .2s}
  .fr input:focus,.fr select:focus{border-color:var(--o);background:#fff}
  .form-note{text-align:center;font-size:.74rem;color:var(--gray);margin-top:10px}
  .form-note span{color:var(--o);font-weight:600}

  /* ════════════════════════════════
     TRUST STRIP
  ════════════════════════════════ */
  .trust{background:var(--o);padding:16px 0}
  .trust-inner{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}
  .trust-item{display:flex;align-items:center;gap:9px;color:#fff;font-size:.85rem;font-weight:500}
  .ti{width:30px;height:30px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}

  /* ════════════════════════════════
     ABOUT SECTION
  ════════════════════════════════ */
  .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}

  /* Game controller visual */
  .game-visual{
    background:linear-gradient(135deg,#060e1c 0%,var(--navy3) 100%);
    border-radius:24px;padding:44px 36px;position:relative;overflow:hidden;
  }
  .game-visual::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(255,107,0,.2) 0%,transparent 68%);top:-150px;right:-150px}
  .game-visual::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y),var(--o))}

  .tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;position:relative;z-index:2}
  .tool-card{
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
    border-radius:13px;padding:18px 14px;text-align:center;
    transition:all .3s;cursor:default;position:relative;overflow:hidden;
  }
  .tool-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,107,0,.1),transparent);opacity:0;transition:opacity .3s}
  .tool-card:hover{border-color:rgba(255,107,0,.4);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.3)}
  .tool-card:hover::before{opacity:1}
  .tc-icon{font-size:2rem;margin-bottom:8px;display:block}
  .tc-name{color:#fff;font-size:.82rem;font-weight:600}
  .tc-type{color:var(--o-lt);font-size:.68rem;margin-top:2px}

  /* Level bar indicator */
  .level-bar{display:flex;gap:4px;justify-content:center;margin-top:6px}
  .lv{width:8px;height:4px;border-radius:2px;background:rgba(255,255,255,.15)}
  .lv.filled{background:var(--o)}

  .sh{font-size:clamp(1.5rem,2.8vw,2.2rem);color:var(--navy);margin-bottom:16px}
  .sh span{color:var(--o)}
  .sh-w{color:#fff}
  .sp{color:#5a6f8a;line-height:1.8;margin-bottom:24px;font-size:.96rem}

  .ck-list{list-style:none}
  .ck-list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f8;font-size:.92rem;color:#3a4f6a}
  .ck-list li:last-child{border:none}
  .ck{width:22px;height:22px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.65rem;flex-shrink:0;margin-top:3px}

  /* ════════════════════════════════
     CURRICULUM — 6 MODULES
  ════════════════════════════════ */
  .curr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .mod{
    background:var(--navy2);border:1px solid rgba(255,255,255,.06);
    border-radius:16px;padding:28px 22px;
    transition:all .3s;position:relative;overflow:hidden;
  }
  .mod::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--o),var(--y));border-radius:4px 0 0 4px}
  .mod:hover{border-color:rgba(255,107,0,.3);transform:translateY(-5px);box-shadow:0 18px 48px rgba(0,0,0,.35)}
  .mod-tag{font-family:'Unbounded',sans-serif;font-size:.64rem;color:var(--o);letter-spacing:.12em;margin-bottom:10px;display:flex;align-items:center;gap:6px}
  .mod-tag::after{content:'';flex:1;height:1px;background:rgba(255,107,0,.2)}
  .mod-title{color:#fff;font-size:.95rem;margin-bottom:14px}
  .mod-list{list-style:none}
  .mod-list li{color:#7a9abb;font-size:.8rem;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:center;gap:8px}
  .mod-list li::before{content:'▸';color:var(--o);font-size:.68rem;flex-shrink:0}
  .mod-list li:last-child{border:none}

  /* ════════════════════════════════
     SOFTWARE TOOLS PILLS
  ════════════════════════════════ */
  .pills-wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:48px}
  .pill{
    display:flex;align-items:center;gap:10px;
    background:#fff;border:1.5px solid #e0e8f4;border-radius:50px;
    padding:11px 22px;font-weight:600;font-size:.86rem;color:var(--navy);
    transition:all .25s;box-shadow:0 2px 8px rgba(11,26,46,.05);
  }
  .pill:hover{border-color:var(--o);color:var(--o);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,0,.15)}
  .pill-icon{font-size:1.3rem}

  /* ════════════════════════════════
     CAREER PATHS
  ════════════════════════════════ */
  .career-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
  .career-card{
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);
    border-radius:16px;padding:26px 22px;
    transition:all .3s;display:flex;align-items:flex-start;gap:16px;
  }
  .career-card:hover{background:rgba(255,107,0,.08);border-color:rgba(255,107,0,.25);transform:translateY(-4px)}
  .cc-icon{font-size:2.2rem;flex-shrink:0;line-height:1}
  .cc-title{color:#fff;font-size:.92rem;font-weight:600;margin-bottom:4px}
  .cc-sal{color:var(--o);font-size:.76rem;font-weight:600;margin-bottom:5px}
  .cc-desc{color:#7a9abb;font-size:.78rem;line-height:1.55}

  /* ════════════════════════════════
     INDIA GAMING INDUSTRY STATS
  ════════════════════════════════ */
  .industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
  .istat{
    background:#fff;border:1.5px solid #e8eef8;border-radius:16px;
    padding:28px 20px;text-align:center;transition:all .3s;position:relative;overflow:hidden;
  }
  .istat::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o),var(--y))}
  .istat:hover{border-color:rgba(255,107,0,.25);transform:translateY(-4px);box-shadow:0 12px 36px rgba(255,107,0,.1)}
  .istat-num{font-family:'Unbounded',sans-serif;font-size:1.8rem;font-weight:700;color:var(--o);line-height:1;margin-bottom:6px}
  .istat-label{font-size:.8rem;color:var(--text);font-weight:500;margin-bottom:4px}
  .istat-sub{font-size:.72rem;color:var(--gray)}

  /* ════════════════════════════════
     WHO IS THIS FOR
  ════════════════════════════════ */
  .who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
  .who-card{
    background:#fff;border:1.5px solid #e8eef8;border-radius:16px;
    padding:28px 20px;text-align:center;transition:all .3s;
  }
  .who-card:hover{border-color:var(--o);box-shadow:0 8px 30px rgba(255,107,0,.12);transform:translateY(-4px)}
  .who-emoji{font-size:2.4rem;margin-bottom:14px}
  .who-title{font-size:.93rem;font-weight:600;color:var(--navy);margin-bottom:8px}
  .who-desc{font-size:.79rem;color:var(--gray);line-height:1.55}

  /* ════════════════════════════════
     PLACEMENT
  ════════════════════════════════ */
  .plc-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
  .plc-steps{list-style:none}
  .plc-step{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.06)}
  .plc-num{width:40px;height:40px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0}
  .plc-h{color:#fff;margin-bottom:3px;font-size:.92rem}
  .plc-p{color:#6d89aa;font-size:.81rem;line-height:1.5}
  .plc-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .plc-stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s}
  .plc-stat:hover{background:rgba(255,107,0,.1);border-color:rgba(255,107,0,.3)}
  .plc-n{font-family:'Unbounded',sans-serif;font-size:2rem;font-weight:700;color:var(--o);line-height:1;margin-bottom:5px}
  .plc-l{color:#8da8cc;font-size:.78rem}


  /* ════════════════════════════════
     RESPONSIVE
  ════════════════════════════════ */
  @media(max-width:1024px){
    .curr-grid{grid-template-columns:1fr 1fr}
    .career-grid{grid-template-columns:1fr 1fr}
    .industry-grid{grid-template-columns:1fr 1fr}
    .fg{grid-template-columns:1fr 1fr}
  }
  @media(max-width:768px){
    .hero-inner,.about-grid,.plc-grid{grid-template-columns:1fr}
    .hero{min-height:auto;padding:80px 0 50px}
    .testi-grid{grid-template-columns:1fr 1fr}
    .who-grid{grid-template-columns:1fr 1fr}
    .curr-grid{grid-template-columns:1fr}
    .plc-stats{grid-template-columns:1fr 1fr}
    .fg{grid-template-columns:1fr}
  }
  @media(max-width:480px){
    .section{padding:60px 0}
    .who-grid,.testi-grid,.career-grid,.industry-grid{grid-template-columns:1fr}
  }

  /* jwellary cadd */

  /* Gold grain */
.velvet-grain{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(-45deg,rgba(212,175,55,.014) 0px,rgba(212,175,55,.014) 1px,transparent 1px,transparent 10px)}
/* Gold chain top */
.gold-chain{position:absolute;top:0;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,var(--gold) 0,var(--gold) 8px,transparent 8px,transparent 12px,var(--gold-lt) 12px,var(--gold-lt) 20px,transparent 20px,transparent 24px);opacity:.35}
/* Sparkles canvas */
#sparkCanvas{position:absolute;inset:0;pointer-events:none;z-index:1}
/* Rotating diamond SVG */
.diamond-wrap{position:absolute;right:4%;top:50%;transform:translateY(-50%);width:340px;height:340px;pointer-events:none;z-index:2}
@keyframes dRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
/* Floating gem cards */
.gem-card{position:absolute;pointer-events:none;z-index:3;border-radius:14px;padding:9px 14px;display:flex;align-items:center;gap:10px;backdrop-filter:blur(8px);border:1px solid rgba(212,175,55,.18);background:rgba(5,9,16,.78);animation:gemFloat 4s ease infinite alternate}
.gc1{top:10%;right:40%;animation-delay:0s}.gc2{top:47%;right:27%;animation-delay:1.8s}.gc3{bottom:14%;right:33%;animation-delay:3.5s}
@keyframes gemFloat{from{transform:translateY(0)}to{transform:translateY(-11px)}}
.gem-stone{width:26px;height:26px;border-radius:50%;flex-shrink:0;position:relative}
.gem-stone::after{content:'';position:absolute;top:4px;left:5px;width:8px;height:6px;background:rgba(255,255,255,.32);border-radius:50%;transform:rotate(-30deg)}
.gs-ruby{background:radial-gradient(circle at 35% 35%,#e74c3c,#7B0000)}
.gs-emerald{background:radial-gradient(circle at 35% 35%,#2ecc71,#145a32)}
.gs-diamond{background:radial-gradient(circle at 35% 35%,#dde8ec,#a8c0cc)}
.gem-name{font-size:.64rem;font-weight:700;color:var(--gold-lt);font-family:'Unbounded',sans-serif}
.gem-type{font-size:.57rem;color:rgba(255,255,255,.38);font-family:'Outfit',sans-serif}
/* Glows */
.h-glow1{position:absolute;width:640px;height:640px;background:radial-gradient(circle,rgba(212,175,55,.09) 0%,transparent 65%);top:-280px;right:-200px;pointer-events:none}
.h-glow2{position:absolute;width:480px;height:480px;background:radial-gradient(circle,rgba(255,107,0,.07) 0%,transparent 65%);bottom:-200px;left:-100px;pointer-events:none}
.h-glow3{position:absolute;width:260px;height:260px;background:radial-gradient(circle,rgba(212,175,55,.05) 0%,transparent 65%);top:35%;left:38%;pointer-events:none}
.hero-inner{position:relative;z-index:4;display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(212,175,55,.13);border:1px solid rgba(212,175,55,.38);color:var(--gold-lt);font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:22px}
.e-dot{width:7px;height:7px;background:var(--gold);border-radius:50%;animation:blink 1.4s ease infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-size:clamp(1.9rem,3.5vw,3.1rem);color:#fff;margin-bottom:22px;line-height:1.1}
.hero h1 .o{color:var(--o)}.hero h1 .y{color:var(--gold-lt)}
.hero-desc{color:#8da8cc;font-size:1.02rem;line-height:1.82;margin-bottom:30px;max-width:510px}
.hero-stats{display:flex;gap:0;margin-bottom:32px;border:1px solid rgba(212,175,55,.1);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03)}
.hst{flex:1;text-align:center;padding:15px 10px;border-right:1px solid rgba(212,175,55,.08)}.hst:last-child{border:none}
.hst-n{font-family:'Unbounded',sans-serif;font-size:1.45rem;font-weight:700;color:var(--o);line-height:1}.hst-l{font-size:.67rem;color:#6d89aa;margin-top:4px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.hero-tools{display:flex;gap:8px;flex-wrap:wrap}
.htool{background:rgba(212,175,55,.07);border:1px solid rgba(212,175,55,.16);color:#c8d8e8;font-size:.73rem;padding:5px 13px;border-radius:6px;transition:all .25s;font-weight:500}
.htool:hover{background:rgba(255,107,0,.15);border-color:rgba(255,107,0,.4);color:var(--o-lt)}
/* Form card */
.hero-card{background:#fff;border-radius:20px;padding:34px 28px;box-shadow:0 24px 70px rgba(0,0,0,.7);position:relative;overflow:hidden;animation:slideUp .8s .15s both}
@keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.hero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold-dk),var(--gold),var(--o),var(--y))}
.card-h{font-family:'Unbounded',sans-serif;font-size:1rem;color:var(--navy);margin-bottom:5px}
.card-s{font-size:.82rem;color:var(--gray);margin-bottom:20px}
.fr{margin-bottom:12px}.fr label{display:block;font-size:.78rem;font-weight:600;color:var(--navy);margin-bottom:5px}
.fr input,.fr select{width:100%;padding:11px 14px;border:1.5px solid #dce4f0;border-radius:8px;font-family:'Outfit',sans-serif;font-size:.9rem;color:var(--navy);background:#f8fafd;outline:none;transition:border .2s}
.fr input:focus,.fr select:focus{border-color:var(--o);background:#fff}
.form-note{text-align:center;font-size:.74rem;color:var(--gray);margin-top:10px}.form-note span{color:var(--o);font-weight:600}
/* TRUST */
.trust{background:var(--o);padding:16px 0}
.trust-inner{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:9px;color:#fff;font-size:.85rem;font-weight:500}
.ti{width:30px;height:30px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}
/* ABOUT */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.jwl-visual{background:linear-gradient(135deg,#040710 0%,#0c1830 100%);border-radius:24px;padding:32px;position:relative;overflow:hidden}
.jwl-visual::before{content:'';position:absolute;width:380px;height:380px;background:radial-gradient(circle,rgba(212,175,55,.13) 0%,transparent 65%);top:-150px;right:-150px;pointer-events:none}
.jwl-visual::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-dk),var(--gold),var(--o),var(--gold))}
.rhino-mock{background:rgba(255,255,255,.04);border:1px solid rgba(212,175,55,.1);border-radius:12px;padding:18px;margin-bottom:14px;position:relative;z-index:2}
.rhino-top{display:flex;align-items:center;gap:6px;margin-bottom:12px}
.dot-r{width:9px;height:9px;border-radius:50%;background:#ff5f57}.dot-y{width:9px;height:9px;border-radius:50%;background:#febc2e}.dot-g{width:9px;height:9px;border-radius:50%;background:#28c840}
.rhino-file{margin-left:8px;font-size:.68rem;color:rgba(212,175,55,.4);font-family:'Outfit',sans-serif}
/* Ring viewport */
.ring-viewport{background:radial-gradient(ellipse at center,#0a1628,#040810);border:1px solid rgba(212,175,55,.07);border-radius:8px;height:118px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;position:relative;overflow:hidden}
/* CSS 3D ring */
.ring-3d{width:70px;height:70px;border-radius:50%;border:8px solid transparent;border-top-color:rgba(212,175,55,.75);border-right-color:rgba(212,175,55,.42);border-bottom-color:rgba(212,175,55,.65);border-left-color:rgba(212,175,55,.28);position:relative;animation:rRot 8s linear infinite;box-shadow:0 0 20px rgba(212,175,55,.16)}
@keyframes rRot{from{transform:rotateY(0deg) rotateX(22deg)}to{transform:rotateY(360deg) rotateX(22deg)}}
.ring-3d::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e74c3c,#8B0000);box-shadow:0 0 8px rgba(231,76,60,.5)}
.ring-3d::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:1px dashed rgba(212,175,55,.15)}
/* Prong dots */
.prong-dots{position:absolute;width:90px;height:90px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.prong{position:absolute;width:5px;height:5px;border-radius:50%;background:rgba(212,175,55,.4);transform:translateX(-50%) translateY(-50%)}
.prong:nth-child(1){top:0%;left:50%}.prong:nth-child(2){top:25%;left:96%}.prong:nth-child(3){top:75%;left:96%}
.prong:nth-child(4){top:100%;left:50%}.prong:nth-child(5){top:75%;left:4%}.prong:nth-child(6){top:25%;left:4%}
/* Layer rows */
.layers-panel{margin-bottom:10px}
.layer-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;background:rgba(255,255,255,.03);border:1px solid rgba(212,175,55,.05);margin-bottom:4px;transition:all .3s}
.layer-row:hover{background:rgba(212,175,55,.07);border-color:rgba(212,175,55,.2)}
.lc{width:12px;height:12px;border-radius:3px;flex-shrink:0}
.ln{font-size:.68rem;color:rgba(255,255,255,.45);font-family:'Outfit',sans-serif;flex:1}
.lt{font-size:.6rem;color:rgba(212,175,55,.42);font-family:'Outfit',sans-serif}
/* Gem palette */
.gem-pal-lbl{font-size:.6rem;color:rgba(255,255,255,.28);font-family:'Outfit',sans-serif;margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em}
.gem-palette{display:flex;gap:8px;flex-wrap:wrap}
.gp{width:30px;height:30px;border-radius:6px;position:relative;cursor:default;transition:transform .3s;border:1px solid rgba(255,255,255,.08)}
.gp:hover{transform:scale(1.2) rotate(5deg)}
.gp::after{content:'';position:absolute;top:4px;left:5px;width:8px;height:6px;background:rgba(255,255,255,.28);border-radius:50%;transform:rotate(-30deg)}
.gp-r{background:radial-gradient(circle at 35% 35%,#e74c3c,#8B0000)}
.gp-e{background:radial-gradient(circle at 35% 35%,#2ecc71,#145a32)}
.gp-s{background:radial-gradient(circle at 35% 35%,#3498db,#0a2d5e)}
.gp-d{background:radial-gradient(circle at 35% 35%,#dde8ec,#a8c0cc)}
.gp-a{background:radial-gradient(circle at 35% 35%,#9b59b6,#5b2c6f)}
.gp-c{background:radial-gradient(circle at 35% 35%,#f39c12,#b7770d)}
/* Tool mini */
.tool-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:2;margin-top:14px}
.tm{background:rgba(255,255,255,.05);border:1px solid rgba(212,175,55,.09);border-radius:11px;padding:14px 10px;text-align:center;transition:all .3s}
.tm:hover{border-color:rgba(255,107,0,.4);transform:translateY(-4px);background:rgba(255,107,0,.08)}
.tm-icon{font-size:1.7rem;margin-bottom:6px;display:block}.tm-name{color:#fff;font-size:.75rem;font-weight:600}.tm-type{color:var(--gold-lt);font-size:.63rem;margin-top:2px}
.ck-list{list-style:none}
.ck-list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f8;font-size:.92rem;color:#3a4f6a}
.ck-list li:last-child{border:none}
.ck{width:22px;height:22px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.65rem;flex-shrink:0;margin-top:3px}
/* AI STRIP */
.ai-strip{background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);padding:72px 0}
.ai-tools-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:48px}
.ait-card{background:rgba(255,255,255,.04);border:1px solid rgba(212,175,55,.07);border-radius:16px;padding:22px 14px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.ait-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(212,175,55,.07),transparent);opacity:0;transition:opacity .3s}
.ait-card:hover{border-color:rgba(255,107,0,.4);transform:translateY(-6px);box-shadow:0 14px 40px rgba(0,0,0,.35)}
.ait-card:hover::before{opacity:1}
.ait-icon{font-size:2rem;margin-bottom:10px;display:block;position:relative;z-index:1}
.ait-name{color:#fff;font-size:.8rem;font-weight:700;margin-bottom:3px;position:relative;z-index:1}
.ait-use{color:var(--o-lt);font-size:.65rem;position:relative;z-index:1;line-height:1.4}
.ai-badge{display:inline-block;background:linear-gradient(90deg,var(--gold-dk),var(--o));color:#fff;font-size:.55rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:50px;margin-bottom:8px;position:relative;z-index:1}
/* SOFTWARE SPOTLIGHT */
.sw-spotlight{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.sw-card{background:#fff;border:1.5px solid #e8eef8;border-radius:20px;padding:28px 24px;transition:all .3s;position:relative;overflow:hidden}
.sw-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold-dk),var(--gold),var(--o))}
.sw-card:hover{border-color:rgba(212,175,55,.25);transform:translateY(-5px);box-shadow:0 16px 44px rgba(212,175,55,.1)}
.sw-card-icon{font-size:2.4rem;margin-bottom:14px}.sw-card-name{font-family:'Unbounded',sans-serif;font-size:.88rem;color:var(--navy);margin-bottom:6px}
.sw-card-tag{display:inline-block;background:rgba(212,175,55,.1);color:var(--gold-dk);font-size:.65rem;font-weight:600;padding:3px 10px;border-radius:50px;margin-bottom:12px}
.sw-card-desc{font-size:.81rem;color:var(--gray);line-height:1.6;margin-bottom:14px}
.sw-card-skills{display:flex;flex-wrap:wrap;gap:6px}
.sw-skill{background:var(--off);color:var(--navy);font-size:.68rem;font-weight:600;padding:4px 10px;border-radius:6px;border:1px solid #e0e8f4}
/* PROCESS */
.proc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:56px;position:relative}
.proc-grid::before{content:'';position:absolute;top:38px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,var(--gold-dk),var(--o),var(--gold),var(--o),transparent);z-index:0}
.proc-step{text-align:center;position:relative;z-index:1;padding:0 6px}
.proc-num{width:76px;height:76px;background:#fff;border:3px solid var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:1.8rem;transition:all .3s;box-shadow:0 4px 16px rgba(212,175,55,.14)}
.proc-step:hover .proc-num{background:linear-gradient(135deg,var(--o),var(--y));transform:scale(1.1);box-shadow:0 8px 28px rgba(212,175,55,.35)}
.proc-title{font-family:'Unbounded',sans-serif;font-size:.68rem;color:var(--navy);margin-bottom:5px;line-height:1.3}
.proc-desc{font-size:.7rem;color:var(--gray);line-height:1.5}
/* GEMSTONE SECTION - dark luxury */
.gem-section{background:linear-gradient(135deg,#030508,#060a14);padding:72px 0}
.gem-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:48px}
.gem-tile{border-radius:16px;padding:22px 10px;text-align:center;transition:all .3s;cursor:default;border:1px solid rgba(255,255,255,.06)}
.gem-tile:hover{transform:translateY(-7px) scale(1.04);box-shadow:0 16px 42px rgba(0,0,0,.45)}
.gem-orb{width:52px;height:52px;border-radius:50%;margin:0 auto 12px;position:relative}
.gem-orb::after{content:'';position:absolute;top:8px;left:10px;width:14px;height:11px;background:rgba(255,255,255,.3);border-radius:50%;transform:rotate(-30deg)}
.gem-tile-name{font-family:'Unbounded',sans-serif;font-size:.68rem;color:#fff;margin-bottom:4px}
.gem-tile-type{font-size:.6rem;color:rgba(255,255,255,.36);font-family:'Outfit',sans-serif}
.gt1{background:rgba(231,76,60,.07);border-color:rgba(231,76,60,.14)}.gt1 .gem-orb{background:radial-gradient(circle at 35% 35%,#e74c3c,#8B0000)}
.gt2{background:rgba(46,204,113,.07);border-color:rgba(46,204,113,.14)}.gt2 .gem-orb{background:radial-gradient(circle at 35% 35%,#2ecc71,#145a32)}
.gt3{background:rgba(52,152,219,.07);border-color:rgba(52,152,219,.14)}.gt3 .gem-orb{background:radial-gradient(circle at 35% 35%,#3498db,#0a2d5e)}
.gt4{background:rgba(212,175,55,.07);border-color:rgba(212,175,55,.14)}.gt4 .gem-orb{background:radial-gradient(circle at 35% 35%,#dde8ec,#a8c0cc)}
.gt5{background:rgba(155,89,182,.07);border-color:rgba(155,89,182,.14)}.gt5 .gem-orb{background:radial-gradient(circle at 35% 35%,#9b59b6,#5b2c6f)}
.gt6{background:rgba(243,156,18,.07);border-color:rgba(243,156,18,.14)}.gt6 .gem-orb{background:radial-gradient(circle at 35% 35%,#f39c12,#b7770d)}
/* JEWELLERY CATEGORIES */
.jcat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.jcat-card{background:#fff;border:1.5px solid #e8eef8;border-radius:18px;padding:28px 20px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.jcat-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-dk),var(--o));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.jcat-card:hover{border-color:rgba(212,175,55,.28);transform:translateY(-5px);box-shadow:0 14px 40px rgba(212,175,55,.1)}
.jcat-card:hover::after{transform:scaleX(1)}
.jc-icon{font-size:2.5rem;margin-bottom:13px;display:block}.jc-title{font-size:.9rem;font-weight:700;color:var(--navy);margin-bottom:8px}.jc-desc{font-size:.78rem;color:var(--gray);line-height:1.55}
/* CURRICULUM */
.curr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mod{background:var(--navy2);border:1px solid rgba(212,175,55,.07);border-radius:16px;padding:28px 22px;transition:all .3s;position:relative;overflow:hidden}
.mod::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--gold-dk),var(--o),var(--y));border-radius:4px 0 0 4px}
.mod:hover{border-color:rgba(212,175,55,.22);transform:translateY(-5px);box-shadow:0 18px 48px rgba(0,0,0,.32)}
.mod-num{font-family:'Unbounded',sans-serif;font-size:.63rem;color:var(--gold);letter-spacing:.12em;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.mod-num::after{content:'';flex:1;height:1px;background:rgba(212,175,55,.13)}
.mod-title{color:#fff;font-size:.94rem;margin-bottom:14px}
.mod-list{list-style:none}
.mod-list li{color:#7a9abb;font-size:.8rem;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:flex-start;gap:8px;line-height:1.4}
.mod-list li::before{content:"\25C6";color:var(--gold);font-size:.46rem;flex-shrink:0;margin-top:5px}
.mod-list li:last-child{border:none}
.mod.mod-ai{background:linear-gradient(135deg,#080e1a,#0e1c30);border-color:rgba(212,175,55,.18)}
.mod.mod-ai::before{background:linear-gradient(180deg,var(--gold),var(--o))}
.ai-mod-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(90deg,rgba(212,175,55,.18),rgba(255,107,0,.12));border:1px solid rgba(212,175,55,.38);color:var(--gold-lt);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:50px;margin-bottom:8px}
/* PILLS */
.pills-wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:48px}
.pill{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #e0e8f4;border-radius:50px;padding:11px 22px;font-weight:600;font-size:.86rem;color:var(--navy);transition:all .25s;box-shadow:0 2px 8px rgba(11,26,46,.05)}
.pill:hover{border-color:var(--gold);color:var(--gold-dk);transform:translateY(-2px);box-shadow:0 6px 20px rgba(212,175,55,.15)}
.pill-icon{font-size:1.3rem}
/* CAREERS */
.career-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.cc{background:rgba(255,255,255,.04);border:1px solid rgba(212,175,55,.07);border-radius:16px;padding:26px 22px;transition:all .3s;display:flex;align-items:flex-start;gap:16px}
.cc:hover{background:rgba(212,175,55,.05);border-color:rgba(255,107,0,.22);transform:translateY(-4px)}
.cc-icon{font-size:2.2rem;flex-shrink:0;line-height:1}
.cc-title{color:#fff;font-size:.92rem;font-weight:600;margin-bottom:4px}.cc-sal{color:var(--o);font-size:.76rem;font-weight:600;margin-bottom:5px}.cc-desc{color:#7a9abb;font-size:.78rem;line-height:1.55}
/* WHO */
.who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.who-card{background:#fff;border:1.5px solid #e8eef8;border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s}
.who-card:hover{border-color:rgba(212,175,55,.35);box-shadow:0 8px 30px rgba(212,175,55,.09);transform:translateY(-4px)}
.who-emoji{font-size:2.4rem;margin-bottom:14px}.who-title{font-size:.93rem;font-weight:600;color:var(--navy);margin-bottom:8px}.who-desc{font-size:.79rem;color:var(--gray);line-height:1.55}
/* PLACEMENT */
.plc-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.plc-steps{list-style:none}
.plc-step{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid rgba(212,175,55,.07)}
.plc-num{width:40px;height:40px;background:linear-gradient(135deg,var(--o),var(--y));border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0}
.plc-h{color:#fff;margin-bottom:3px;font-size:.92rem;font-weight:600}.plc-p{color:#6d89aa;font-size:.81rem;line-height:1.5}
.plc-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.plc-stat{background:rgba(212,175,55,.05);border:1px solid rgba(212,175,55,.1);border-radius:16px;padding:28px 20px;text-align:center;transition:all .3s}
.plc-stat:hover{background:rgba(255,107,0,.09);border-color:rgba(255,107,0,.28)}
.plc-n{font-family:'Unbounded',sans-serif;font-size:2rem;font-weight:700;color:var(--o);line-height:1;margin-bottom:5px}.plc-l{color:#8da8cc;font-size:.78rem}

/* RESPONSIVE */
@media(max-width:1024px){.curr-grid,.sw-spotlight{grid-template-columns:1fr 1fr}.career-grid,.jcat-grid{grid-template-columns:1fr 1fr}.ai-tools-grid{grid-template-columns:repeat(3,1fr)}.gem-grid{grid-template-columns:repeat(3,1fr)}.proc-grid{grid-template-columns:repeat(3,1fr)}.proc-grid::before{display:none}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.hero-inner,.about-grid,.plc-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:80px 0 50px}.testi-grid,.who-grid{grid-template-columns:1fr 1fr}.curr-grid{grid-template-columns:1fr}.plc-stats{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr}.gem-card,.diamond-wrap{display:none}.ai-tools-grid{grid-template-columns:repeat(2,1fr)}.sw-spotlight{grid-template-columns:1fr}.gem-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.section{padding:60px 0}.who-grid,.testi-grid,.career-grid,.jcat-grid{grid-template-columns:1fr}.proc-grid{grid-template-columns:1fr 1fr}.ai-tools-grid{grid-template-columns:1fr 1fr}}
@keyframes fadeUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
.hero-anim{animation:fadeUp .75s both}

/*----------------------- about ------------------------------------*/


/* ══ HERO ══ */
.about-hero{background:linear-gradient(150deg,#040108 0%,#080214 50%,#0c031c 100%);padding:100px 0 90px;position:relative;overflow:hidden;min-height:88vh;display:flex;align-items:center}
/* Background grid */
.ah-grid{position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,107,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,0,.03) 1px,transparent 1px);
  background-size:56px 56px}
/* Radial glows */
.ah-g1{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(255,107,0,.1),transparent 65%);top:-240px;right:-200px;pointer-events:none}
.ah-g2{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(255,184,0,.07),transparent 65%);bottom:-200px;left:-120px;pointer-events:none}
.ah-g3{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.05),transparent 65%);top:40%;left:40%;pointer-events:none}
/* Diagonal accent bar */
.ah-bar{position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,transparent,var(--o),var(--y),var(--o),transparent);opacity:.5}
/* Canvas for particles */
#aboutCanvas{position:absolute;inset:0;pointer-events:none;z-index:1}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,107,0,.12);border:1px solid rgba(255,107,0,.3);color:var(--o-lt);font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:6px 18px;border-radius:50px;margin-bottom:24px}
.e-dot{width:7px;height:7px;background:var(--o);border-radius:50%;animation:blink 1.4s ease infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.about-hero h1{font-size:clamp(2rem,3.8vw,3.2rem);color:#fff;margin-bottom:22px;line-height:1.08}
.about-hero h1 .o{color:var(--o)}.about-hero h1 .y{color:var(--y)}
.hero-desc{color:#8da8cc;font-size:1.02rem;line-height:1.85;margin-bottom:32px;max-width:520px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:36px}
/* Achievement pills in hero */
.hero-pills{display:flex;gap:10px;flex-wrap:wrap}
.hpill{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.72);font-size:.78rem;padding:7px 16px;border-radius:50px;transition:all .25s}
.hpill:hover{background:rgba(255,107,0,.12);border-color:rgba(255,107,0,.3);color:var(--o-lt)}
.hpill-dot{width:6px;height:6px;border-radius:50%;background:var(--o);flex-shrink:0}
/* Hero right side — institution visual */
.hero-visual{position:relative}
.inst-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,107,0,.14);border-radius:24px;padding:32px;backdrop-filter:blur(8px);position:relative;overflow:hidden;animation:floatCard 6s ease infinite alternate}
@keyframes floatCard{from{transform:translateY(0)}to{transform:translateY(-10px)}}
.inst-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o-dk),var(--o),var(--y))}
/* Year badge */
.year-badge{position:absolute;top:-7px;right:28px;background:linear-gradient(135deg,var(--o),var(--y));color:#fff;font-family:'Unbounded',sans-serif;font-size:.8rem;font-weight:700;padding:10px 20px;border-radius:3px;box-shadow:0 8px 24px rgba(255,107,0,.4)}
/* Institution logo big */
.big-logo{display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.big-mark{width:80px;height:80px;background:linear-gradient(135deg,var(--o),var(--y));border-radius:22px;display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-weight:900;font-size:2.4rem;color:#fff;box-shadow:0 12px 40px rgba(255,107,0,.35)}
.big-name{margin-left:16px}
.big-title{font-family:'Unbounded',sans-serif;font-size:1.1rem;font-weight:900;color:#fff;line-height:1.2}
.big-title span{color:var(--o)}
.big-sub{font-size:.72rem;color:rgba(255,255,255,.45);margin-top:4px;text-transform:uppercase;letter-spacing:.08em}
/* Stat grid in card */
.inst-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:22px}
.istat{background:rgba(255,255,255,.04);border:1px solid rgba(255,107,0,.08);border-radius:12px;padding:16px 14px;text-align:center;transition:all .3s}
.istat:hover{background:rgba(255,107,0,.08);border-color:rgba(255,107,0,.25)}
.istat-n{font-family:'Unbounded',sans-serif;font-size:1.6rem;font-weight:700;color:var(--o);line-height:1}
.istat-l{font-size:.67rem;color:rgba(255,255,255,.38);margin-top:4px}
/* Accreditation badges */
.accred{display:flex;gap:10px;flex-wrap:wrap}
.acc-badge{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.6);font-size:.68rem;font-weight:600;padding:6px 14px;border-radius:8px;display:flex;align-items:center;gap:6px}
/* Location pin card */
.loc-card{margin-top:16px;background:rgba(255,107,0,.06);border:1px solid rgba(255,107,0,.15);border-radius:12px;padding:14px 16px;display:flex;align-items:flex-start;gap:12px}
.loc-icon{font-size:1.4rem;flex-shrink:0}
.loc-addr{font-size:.78rem;color:rgba(255,255,255,.55);line-height:1.6}
.loc-addr strong{color:rgba(255,255,255,.85)}

/* ══ STORY SECTION ══ */
.story-section{padding:100px 0;background:#fff;position:relative;overflow:hidden}
/* Big decorative text behind */
.story-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Unbounded',sans-serif;font-size:16vw;font-weight:900;color:rgba(11,26,46,.03);white-space:nowrap;pointer-events:none;user-select:none;letter-spacing:-.02em}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:1}
.timeline{position:relative;padding-left:32px}
.timeline::before{content:'';position:absolute;left:8px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--o),var(--y),var(--o));border-radius:2px}
.tl-item{position:relative;margin-bottom:36px}
.tl-item:last-child{margin-bottom:0}
.tl-dot{position:absolute;left:-29px;top:4px;width:18px;height:18px;background:#fff;border:3px solid var(--o);border-radius:50%;z-index:1;transition:all .3s}
.tl-item:hover .tl-dot{background:var(--o);transform:scale(1.2);box-shadow:0 0 0 5px rgba(255,107,0,.15)}
.tl-year{font-family:'Unbounded',sans-serif;font-size:.7rem;color:var(--o);letter-spacing:.1em;margin-bottom:6px;font-weight:700}
.tl-title{font-family:'Unbounded',sans-serif;font-size:.95rem;color:var(--navy);margin-bottom:6px}
.tl-desc{font-size:.85rem;color:var(--gray);line-height:1.7}
/* Story text side */
.story-tag{display:inline-block;background:rgba(255,107,0,.1);color:var(--o);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 16px;border-radius:50px;border:1px solid rgba(255,107,0,.25);margin-bottom:18px}
.story-heading{font-size:clamp(1.6rem,3vw,2.4rem);color:var(--navy);margin-bottom:20px;line-height:1.15}
.story-heading span{color:var(--o)}
.story-body{font-size:.96rem;color:#4a5f7a;line-height:1.9;margin-bottom:22px}
.story-quote{border-left:4px solid var(--o);padding:18px 24px;background:rgba(255,107,0,.04);border-radius:0 12px 12px 0;margin-bottom:28px}
.sq-text{font-size:1.04rem;color:var(--navy);font-style:italic;line-height:1.7;margin-bottom:10px}
.sq-author{font-size:.8rem;color:var(--o);font-weight:600}

/* ══ MISSION / VISION / VALUES ══ */
.mvv-section{padding:88px 0;background:var(--navy);position:relative;overflow:hidden}
.mvv-glow{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(255,107,0,.08),transparent 65%);top:-200px;right:-150px;pointer-events:none}
.mvv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px}
.mvv-card{border-radius:22px;padding:36px 30px;position:relative;overflow:hidden;transition:all .35s;border:1px solid}
.mvv-card::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .35s}
.mvv-card:hover{transform:translateY(-7px)}
.mvv-card:hover::before{opacity:1}
.mvv-icon{font-size:2.8rem;margin-bottom:20px;display:block;position:relative;z-index:1}
.mvv-title{font-family:'Unbounded',sans-serif;font-size:1.1rem;margin-bottom:12px;position:relative;z-index:1}
.mvv-body{font-size:.88rem;line-height:1.8;position:relative;z-index:1}
.mvv-mission{background:rgba(255,107,0,.06);border-color:rgba(255,107,0,.15)}.mvv-mission::before{background:linear-gradient(135deg,rgba(255,107,0,.08),transparent)}.mvv-mission .mvv-title{color:var(--o)}.mvv-mission .mvv-body{color:#8da8cc}
.mvv-vision{background:rgba(255,184,0,.05);border-color:rgba(255,184,0,.12)}.mvv-vision::before{background:linear-gradient(135deg,rgba(255,184,0,.08),transparent)}.mvv-vision .mvv-title{color:var(--y)}.mvv-vision .mvv-body{color:#8da8cc}
.mvv-values{background:rgba(139,92,246,.05);border-color:rgba(139,92,246,.12)}.mvv-values::before{background:linear-gradient(135deg,rgba(139,92,246,.08),transparent)}.mvv-values .mvv-title{color:#C4B5FD}.mvv-values .mvv-body{color:#8da8cc}

/* ══ WHY CHOOSE US ══ */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px}
.why-card{background:#fff;border:1.5px solid #e8eef8;border-radius:20px;padding:32px 26px;transition:all .3s;position:relative;overflow:hidden}
.why-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o-dk),var(--o),var(--y));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.why-card:hover{border-color:rgba(255,107,0,.22);transform:translateY(-5px);box-shadow:0 16px 44px rgba(255,107,0,.07)}
.why-card:hover::after{transform:scaleX(1)}
.why-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:18px;background:rgba(255,107,0,.08);border:1.5px solid rgba(255,107,0,.15)}
.why-title{font-family:'Unbounded',sans-serif;font-size:.88rem;color:var(--navy);margin-bottom:10px}
.why-body{font-size:.84rem;color:var(--gray);line-height:1.75}

/* ══ FACULTY ══ */
.faculty-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:52px}
.faculty-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 4px 20px rgba(11,26,46,.07);transition:all .35s;text-align:center}
.faculty-card:hover{transform:translateY(-7px);box-shadow:0 18px 50px rgba(11,26,46,.13)}
.fc-avatar{height:160px;display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative}
.fc-avatar::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(0deg,rgba(11,26,46,.06),transparent)}
.fc-name{font-family:'Unbounded',sans-serif;font-size:.84rem;color:var(--navy);margin-bottom:5px;padding:0 20px}
.fc-role{font-size:.76rem;color:var(--o);font-weight:600;margin-bottom:8px;padding:0 20px}
.fc-exp{font-size:.74rem;color:var(--gray);padding:0 20px 14px;line-height:1.6}
.fc-specs{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding:0 16px 20px}
.fc-spec{background:var(--off);color:var(--text);font-size:.62rem;font-weight:600;padding:3px 10px;border-radius:6px;border:1px solid #e0e8f4}

/* ══ INFRASTRUCTURE ══ */
.infra-section{background:var(--navy);padding:88px 0;position:relative;overflow:hidden}
.infra-glow{position:absolute;width:450px;height:450px;background:radial-gradient(circle,rgba(255,107,0,.08),transparent 65%);bottom:-160px;left:-120px;pointer-events:none}
.infra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px}
.infra-card{border-radius:20px;padding:30px 24px;border:1px solid;transition:all .3s;position:relative;overflow:hidden}
.infra-card::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .3s}
.infra-card:hover::before{opacity:1}
.infra-card:hover{transform:translateY(-5px)}
.inf-ic{font-size:2.6rem;margin-bottom:16px;display:block;position:relative;z-index:1}
.inf-title{font-family:'Unbounded',sans-serif;font-size:.86rem;color:#fff;margin-bottom:8px;position:relative;z-index:1}
.inf-body{font-size:.82rem;color:#6d89aa;line-height:1.7;position:relative;z-index:1}
.inf-tag{margin-top:12px;display:inline-block;font-size:.65rem;font-weight:700;padding:3px 10px;border-radius:6px;position:relative;z-index:1}
.ic1{background:rgba(255,107,0,.06);border-color:rgba(255,107,0,.12)}.ic1::before{background:linear-gradient(135deg,rgba(255,107,0,.07),transparent)}.ic1 .inf-tag{background:rgba(255,107,0,.15);color:var(--o-lt)}
.ic2{background:rgba(255,184,0,.05);border-color:rgba(255,184,0,.1)}.ic2::before{background:linear-gradient(135deg,rgba(255,184,0,.07),transparent)}.ic2 .inf-tag{background:rgba(255,184,0,.15);color:var(--y)}
.ic3{background:rgba(139,92,246,.05);border-color:rgba(139,92,246,.1)}.ic3::before{background:linear-gradient(135deg,rgba(139,92,246,.07),transparent)}.ic3 .inf-tag{background:rgba(139,92,246,.15);color:#C4B5FD}
.ic4{background:rgba(34,197,94,.05);border-color:rgba(34,197,94,.1)}.ic4::before{background:linear-gradient(135deg,rgba(34,197,94,.07),transparent)}.ic4 .inf-tag{background:rgba(34,197,94,.15);color:#86EFAC}
.ic5{background:rgba(14,165,233,.05);border-color:rgba(14,165,233,.1)}.ic5::before{background:linear-gradient(135deg,rgba(14,165,233,.07),transparent)}.ic5 .inf-tag{background:rgba(14,165,233,.15);color:#BAE6FD}
.ic6{background:rgba(236,72,153,.05);border-color:rgba(236,72,153,.1)}.ic6::before{background:linear-gradient(135deg,rgba(236,72,153,.07),transparent)}.ic6 .inf-tag{background:rgba(236,72,153,.15);color:#FBCFE8}

/* ══ STATS BAND ══ */
.stats-band{background:linear-gradient(135deg,var(--o-dk),var(--o),var(--o-lt));padding:64px 0;position:relative;overflow:hidden}
.stats-band::before{content:'';position:absolute;width:400px;height:400px;background:rgba(255,255,255,.05);border-radius:50%;top:-180px;right:-120px}
.stats-band::after{content:'';position:absolute;width:300px;height:300px;background:rgba(0,0,0,.06);border-radius:50%;bottom:-120px;left:-80px}
.stats-inner{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;z-index:1}
.stat-item{text-align:center;padding:20px 10px;border-right:1px solid rgba(255,255,255,.2)}
.stat-item:last-child{border:none}
.stat-n{font-family:'Unbounded',sans-serif;font-size:2.4rem;font-weight:700;color:#fff;line-height:1;margin-bottom:6px}
.stat-l{font-size:.76rem;color:rgba(255,255,255,.8);font-weight:500}
.stat-sub{font-size:.68rem;color:rgba(255,255,255,.55);margin-top:3px}

/* ══ COURSES OFFERED ══ */
.courses-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
.course-chip{background:#fff;border:1.5px solid #e0e8f4;border-radius:14px;padding:18px 16px;transition:all .28s;text-align:center;cursor:pointer}
.course-chip:hover{border-color:var(--o);background:rgba(255,107,0,.04);transform:translateY(-3px);box-shadow:0 8px 24px rgba(255,107,0,.1)}
.cc-emoji{font-size:1.8rem;margin-bottom:8px;display:block}
.cc-name{font-family:'Unbounded',sans-serif;font-size:.7rem;color:var(--navy);line-height:1.3;margin-bottom:5px}
.cc-link{font-size:.68rem;color:var(--o);font-weight:600;opacity:0;transform:translateY(4px);transition:all .25s}
.course-chip:hover .cc-link{opacity:1;transform:translateY(0)}

/* ══ TESTIMONIALS ══ */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px}
.t-card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 4px 20px rgba(11,26,46,.07);transition:all .3s;position:relative}
.t-card:hover{transform:translateY(-5px);box-shadow:0 14px 44px rgba(11,26,46,.12)}
.t-card::before{content:'"';position:absolute;top:14px;right:20px;font-size:4.5rem;color:var(--o);opacity:.08;font-family:'Unbounded',sans-serif;line-height:1}
.stars{color:var(--y);font-size:.85rem;margin-bottom:12px}
.tt{font-size:.86rem;color:#4a5f7a;line-height:1.75;margin-bottom:18px}
.tauthor{display:flex;align-items:center;gap:12px}
.tav{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;flex-shrink:0}
.ta1{background:linear-gradient(135deg,var(--o),var(--y))}.ta2{background:linear-gradient(135deg,#8B5CF6,#6D28D9)}.ta3{background:linear-gradient(135deg,#22C55E,#15803D)}.ta4{background:linear-gradient(135deg,#E8507A,#C0345C)}.ta5{background:linear-gradient(135deg,#0EA5E9,#0369A1)}.ta6{background:linear-gradient(135deg,#EAB308,#CA8A04)}
.t-name{font-weight:600;font-size:.87rem;color:var(--navy)}.t-role{font-size:.73rem;color:var(--gray)}

/* ══ PLACEMENT PARTNERS ══ */
.marquee-wrap{overflow:hidden;position:relative;margin-top:44px}
.marquee-wrap::before,.marquee-wrap::after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2}
.marquee-wrap::before{left:0;background:linear-gradient(90deg,var(--off),transparent)}
.marquee-wrap::after{right:0;background:linear-gradient(-90deg,var(--off),transparent)}
.marquee-track{display:flex;gap:20px;animation:marquee 30s linear infinite;width:max-content}
.marquee-track:hover{animation-play-state:paused}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.m-logo{background:#fff;border:1.5px solid #e2eaf6;border-radius:12px;padding:12px 28px;min-width:150px;height:56px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.83rem;color:var(--navy);white-space:nowrap;transition:all .2s}
.m-logo:hover{border-color:var(--o);color:var(--o)}

/* ══ CTA ══ */
.cta-band{background:linear-gradient(135deg,#1a0800,var(--o-dk) 40%,var(--o) 70%,var(--o-lt));padding:88px 0;text-align:center;position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;width:500px;height:500px;background:rgba(255,255,255,.04);border-radius:50%;top:-220px;right:-150px}
.cta-band::after{content:'';position:absolute;width:350px;height:350px;background:rgba(0,0,0,.07);border-radius:50%;bottom:-140px;left:-80px}
.cta-band h2{font-size:clamp(1.6rem,3vw,2.4rem);color:#fff;margin-bottom:14px;position:relative;z-index:2}
.cta-band p{color:rgba(255,255,255,.88);margin-bottom:36px;font-size:1rem;position:relative;z-index:2;max-width:520px;margin-left:auto;margin-right:auto}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}

/* Breadcrumb */
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.79rem;color:rgba(255,255,255,.4);margin-bottom:28px}
.breadcrumb a{color:rgba(255,107,0,.75);transition:color .2s}.breadcrumb a:hover{color:var(--o)}
.breadcrumb span{color:rgba(255,255,255,.25)}

@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
.fu{animation:fadeUp .7s both}.fu1{animation-delay:.1s}.fu2{animation-delay:.2s}.fu3{animation-delay:.3s}
@media(max-width:1024px){.faculty-grid,.courses-grid{grid-template-columns:repeat(3,1fr)}.stats-inner{grid-template-columns:repeat(3,1fr)}.stat-item:nth-child(3){border-right:none}.fg{grid-template-columns:1fr 1fr}.mvv-grid,.why-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.hero-inner,.story-grid{grid-template-columns:1fr}.stats-inner{grid-template-columns:repeat(2,1fr)}.stat-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.15)}.stat-item:last-child{border:none}.testi-grid{grid-template-columns:1fr 1fr}.faculty-grid{grid-template-columns:1fr 1fr}.infra-grid{grid-template-columns:1fr 1fr}.courses-grid{grid-template-columns:repeat(3,1fr)}.fg{grid-template-columns:1fr}.mvv-grid,.why-grid{grid-template-columns:1fr}}
@media(max-width:480px){.section{padding:60px 0}.testi-grid,.courses-grid{grid-template-columns:1fr 1fr}.faculty-grid{grid-template-columns:1fr}.mvv-grid{grid-template-columns:1fr}.infra-grid{grid-template-columns:1fr}}


/*======================= blog ===============================*/
/* ══ HERO ══ */
.blog-hero{background:linear-gradient(150deg,#040108 0%,#090218 50%,#0c0320 100%);padding:90px 0 80px;position:relative;overflow:hidden}
/* Animated grid */
.hero-grid{position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,107,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,0,.04) 1px,transparent 1px);
  background-size:52px 52px}
/* Glows */
.hg1{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(255,107,0,.1),transparent 65%);top:-200px;right:-150px;pointer-events:none}
.hg2{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(255,184,0,.07),transparent 65%);bottom:-150px;left:-80px;pointer-events:none}
.blog-hero .hero-inner{position:relative;z-index:2;text-align:center;display: block;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,107,0,.12);border:1px solid rgba(255,107,0,.3);color:var(--o-lt);font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:6px 18px;border-radius:50px;margin-bottom:24px}
.e-dot{width:7px;height:7px;background:var(--o);border-radius:50%;animation:blink 1.4s ease infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.blog-hero h1{font-size:clamp(2rem,4vw,3.2rem);color:#fff;margin-bottom:18px}
.blog-hero h1 span{color:var(--o)}
.blog-hero .sub{color:#8da8cc;font-size:1.05rem;max-width:540px;margin:0 auto 40px;line-height:1.75}
/* Search bar */
.search-wrap{max-width:560px;margin:0 auto 44px;position:relative}
.search-wrap input{width:100%;padding:16px 60px 16px 22px;border-radius:50px;border:1.5px solid rgba(255,107,0,.3);background:rgba(255,255,255,.06);backdrop-filter:blur(8px);color:#fff;font-family:'Outfit',sans-serif;font-size:.96rem;outline:none;transition:all .3s}
.search-wrap input::placeholder{color:rgba(255,255,255,.3)}
.search-wrap input:focus{border-color:var(--o);background:rgba(255,107,0,.08);box-shadow:0 0 0 4px rgba(255,107,0,.1)}
.search-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:42px;height:42px;background:var(--o);border:none;border-radius:50%;cursor:pointer;color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s}
.search-btn:hover{background:var(--o-lt);transform:translateY(-50%) scale(1.08)}
/* Filter chips */
.filter-chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.chip{padding:8px 20px;border-radius:50px;font-size:.8rem;font-weight:600;cursor:pointer;border:1.5px solid rgba(255,255,255,.12);color:rgba(255,255,255,.55);background:rgba(255,255,255,.05);transition:all .25s;user-select:none}
.chip:hover{border-color:rgba(255,107,0,.4);color:var(--o-lt);background:rgba(255,107,0,.08)}
.chip.active{background:var(--o);border-color:var(--o);color:#fff;box-shadow:0 4px 16px rgba(255,107,0,.3)}
/* Blog stats strip */
.blog-stats{display:flex;justify-content:center;gap:48px;margin-top:44px;flex-wrap:wrap}
.bst{text-align:center}
.bst-n{font-family:'Unbounded',sans-serif;font-size:1.6rem;font-weight:700;color:var(--o);line-height:1}
.bst-l{font-size:.72rem;color:#6d89aa;margin-top:4px}

/* ══ MAIN CONTENT AREA ══ */
.blog-body{padding:72px 0 88px;background:var(--off)}
.blog-layout{display:grid;grid-template-columns:1fr 340px;gap:44px;align-items:start}

/* FEATURED POST */
.featured-label{display:flex;align-items:center;gap:10px;margin-bottom:24px}
.fl-line{flex:1;height:2px;background:linear-gradient(90deg,var(--o),transparent)}
.fl-txt{font-family:'Unbounded',sans-serif;font-size:.7rem;color:var(--o);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.featured-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 8px 40px rgba(11,26,46,.1);transition:all .35s;display:grid;grid-template-columns:1fr 1fr;margin-bottom:44px}
.featured-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(11,26,46,.15)}
.fc-img{position:relative;overflow:hidden;min-height:360px}
.fc-img-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:6rem}
.fc-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(11,26,46,.85),rgba(255,107,0,.15))}
.fc-cat-tag{position:absolute;top:20px;left:20px;z-index:2;background:var(--o);color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 14px;border-radius:50px}
.fc-content{padding:40px 36px;display:flex;flex-direction:column;justify-content:center}
.fc-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.fc-author-av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff;flex-shrink:0}
.fc-author-name{font-size:.82rem;font-weight:600;color:var(--navy)}
.fc-date{font-size:.76rem;color:var(--gray)}
.fc-read{font-size:.76rem;color:var(--gray)}
.fc-dot{width:4px;height:4px;border-radius:50%;background:var(--gray);flex-shrink:0}
.fc-content h2{font-size:1.32rem;color:var(--navy);margin-bottom:14px;line-height:1.3}
.fc-content h2:hover{color:var(--o)}
.fc-excerpt{font-size:.88rem;color:#5a6f8a;line-height:1.8;margin-bottom:24px}
.fc-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.ft{background:var(--off);color:var(--navy);font-size:.68rem;font-weight:600;padding:4px 12px;border-radius:6px;border:1px solid #e0e8f4;transition:all .2s}
.ft:hover{border-color:var(--o);color:var(--o);background:rgba(255,107,0,.05)}
.read-more{display:inline-flex;align-items:center;gap:8px;color:var(--o);font-weight:700;font-size:.88rem;transition:all .2s}
.read-more:hover{gap:14px;color:var(--o-dk)}
.rm-arr{width:28px;height:28px;background:var(--o);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;transition:all .2s}
.read-more:hover .rm-arr{background:var(--o-dk);transform:scale(1.12)}

/* BLOG GRID */
.section-hd{font-family:'Unbounded',sans-serif;font-size:.75rem;color:var(--navy);letter-spacing:.12em;text-transform:uppercase;margin-bottom:24px;display:flex;align-items:center;gap:12px}
.section-hd::after{content:'';flex:1;height:2px;background:linear-gradient(90deg,#e0e8f4,transparent)}
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:44px}
.blog-card{background:#fff;border-radius:var(--card-r);overflow:hidden;box-shadow:0 4px 20px rgba(11,26,46,.06);transition:all .32s;cursor:pointer;position:relative}
.blog-card:hover{transform:translateY(-5px);box-shadow:0 14px 44px rgba(11,26,46,.12)}
.bc-img{height:200px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.bc-emoji{font-size:5rem;z-index:1;position:relative}
.bc-gradient{position:absolute;inset:0}
.bc-cat{position:absolute;top:14px;left:14px;z-index:2;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border-radius:50px;color:#fff}
.bc-time{position:absolute;top:14px;right:14px;z-index:2;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);color:rgba(255,255,255,.85);font-size:.65rem;padding:3px 10px;border-radius:50px}
.bc-body{padding:22px 22px 24px}
.bc-meta{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.bc-av{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.72rem;color:#fff;flex-shrink:0}
.bc-author{font-size:.76rem;font-weight:600;color:var(--navy)}.bc-dot{width:3px;height:3px;background:var(--gray);border-radius:50%}.bc-date{font-size:.72rem;color:var(--gray)}
.bc-body h3{font-size:.97rem;color:var(--navy);margin-bottom:10px;line-height:1.35;transition:color .2s}
.blog-card:hover h3{color:var(--o)}
.bc-excerpt{font-size:.81rem;color:#5a6f8a;line-height:1.7;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bc-footer{display:flex;align-items:center;justify-content:space-between}
.bc-tag{font-size:.65rem;font-weight:600;padding:3px 10px;border-radius:6px;border:1px solid}
.bc-arrow{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:all .25s}
.blog-card:hover .bc-arrow{transform:translateX(4px)}

/* LOAD MORE */
.load-more-wrap{text-align:center;margin-bottom:48px}
.btn-load{display:inline-flex;align-items:center;gap:10px;padding:14px 36px;background:#fff;border:2px solid var(--o);color:var(--o);border-radius:50px;font-family:'Unbounded',sans-serif;font-size:.76rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .3s}
.btn-load:hover{background:var(--o);color:#fff;box-shadow:0 8px 28px rgba(255,107,0,.3);transform:translateY(-2px)}
.btn-load-spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;display:none}
@keyframes spin{to{transform:rotate(360deg)}}

/* CATEGORY SECTION */
.cat-section{margin-bottom:48px}
.cat-section .section-hd{margin-bottom:24px}
.cat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cat-card{border-radius:16px;padding:22px 18px;position:relative;overflow:hidden;cursor:pointer;transition:all .3s;border:1.5px solid transparent}
.cat-card:hover{transform:translateY(-4px)}
.cat-card::before{content:'';position:absolute;inset:0;opacity:.08;transition:opacity .3s}
.cat-card:hover::before{opacity:.15}
.cat-emoji{font-size:2rem;margin-bottom:10px;display:block;position:relative;z-index:1}
.cat-name{font-family:'Unbounded',sans-serif;font-size:.82rem;color:var(--navy);margin-bottom:4px;position:relative;z-index:1}
.cat-count{font-size:.74rem;color:var(--gray);position:relative;z-index:1}

/* SIDEBAR */
.sidebar{position:sticky;top:88px;display:flex;flex-direction:column;gap:28px}
.sb-widget{background:#fff;border-radius:var(--card-r);padding:28px;box-shadow:0 4px 20px rgba(11,26,46,.06)}
.sb-title{font-family:'Unbounded',sans-serif;font-size:.75rem;color:var(--navy);letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--off)}

/* Newsletter widget */
.newsletter-widget{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;position:relative;overflow:hidden}
.newsletter-widget::before{content:'';position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(255,107,0,.15),transparent);top:-80px;right:-60px;pointer-events:none}
.newsletter-widget .sb-title{color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.08)}
.nw-heading{font-family:'Unbounded',sans-serif;font-size:1rem;color:#fff;margin-bottom:10px;position:relative;z-index:1}
.nw-sub{font-size:.82rem;color:#8da8cc;margin-bottom:20px;line-height:1.7;position:relative;z-index:1}
.nw-input{width:100%;padding:11px 14px;border-radius:8px;border:1.5px solid rgba(255,255,255,.1);background:rgba(255,255,255,.07);color:#fff;font-family:'Outfit',sans-serif;font-size:.88rem;outline:none;margin-bottom:10px;transition:all .2s;position:relative;z-index:1}
.nw-input::placeholder{color:rgba(255,255,255,.3)}
.nw-input:focus{border-color:var(--o);background:rgba(255,107,0,.08)}
.nw-btn{width:100%;padding:12px;background:var(--o);border:none;border-radius:8px;color:#fff;font-family:'Unbounded',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s;position:relative;z-index:1}
.nw-btn:hover{background:var(--o-lt);box-shadow:0 6px 20px rgba(255,107,0,.4)}

/* Popular posts widget */
.pop-post{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--off);align-items:flex-start;transition:all .2s;cursor:pointer}
.pop-post:last-child{border:none;padding-bottom:0}
.pop-post:hover .pp-title{color:var(--o)}
.pp-num{font-family:'Unbounded',sans-serif;font-size:1.4rem;font-weight:700;color:rgba(11,26,46,.06);line-height:1;flex-shrink:0;width:28px;text-align:center;padding-top:4px}
.pp-title{font-size:.83rem;font-weight:600;color:var(--navy);margin-bottom:5px;line-height:1.35;transition:color .2s}
.pp-meta{font-size:.71rem;color:var(--gray);display:flex;align-items:center;gap:6px}
.pp-dot{width:3px;height:3px;background:var(--gray);border-radius:50%}

/* Tags cloud widget */
.tags-cloud{display:flex;flex-wrap:wrap;gap:8px}
.tc-tag{padding:6px 14px;border-radius:50px;font-size:.74rem;font-weight:600;background:var(--off);color:var(--navy);border:1.5px solid #e0e8f4;transition:all .22s;cursor:pointer}
.tc-tag:hover{background:var(--o);color:#fff;border-color:var(--o);transform:translateY(-2px)}

/* Courses CTA widget */
.courses-widget{background:linear-gradient(135deg,var(--o-dk),var(--o),var(--o-lt));color:#fff;position:relative;overflow:hidden;text-align:center}
.courses-widget::before{content:'';position:absolute;width:180px;height:180px;background:rgba(255,255,255,.06);border-radius:50%;top:-60px;right:-60px}
.cw-emoji{font-size:3rem;margin-bottom:14px;display:block;position:relative;z-index:1}
.cw-title{font-family:'Unbounded',sans-serif;font-size:.9rem;color:#fff;margin-bottom:10px;position:relative;z-index:1}
.cw-sub{font-size:.8rem;color:rgba(255,255,255,.85);margin-bottom:20px;line-height:1.65;position:relative;z-index:1}
.cw-btn{display:block;padding:12px 22px;background:#fff;color:var(--o);border-radius:8px;font-family:'Unbounded',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:center;transition:all .2s;position:relative;z-index:1}
.cw-btn:hover{background:var(--navy);color:#fff}

/* Social widget */
.social-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sl-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;font-size:.8rem;font-weight:600;transition:all .25s;cursor:pointer;border:1.5px solid #e0e8f4;background:var(--off)}
.sl-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(11,26,46,.1)}
.sl-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}

/* TRENDING TOPICS */
.trending-section{padding:72px 0;background:var(--navy)}
.trend-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.trend-card{border-radius:18px;padding:28px 22px;position:relative;overflow:hidden;cursor:pointer;transition:all .3s;border:1px solid rgba(255,255,255,.05)}
.trend-card:hover{transform:translateY(-6px)}
.trend-card::before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:left;transition:transform .35s}
.trend-card:hover::before{transform:scaleX(1)}
.trend-num{font-family:'Unbounded',sans-serif;font-size:2.4rem;font-weight:700;opacity:.1;position:absolute;top:14px;right:16px;line-height:1}
.trend-emoji{font-size:2.2rem;margin-bottom:14px;display:block;position:relative;z-index:1}
.trend-title{font-size:.88rem;font-weight:600;color:#fff;margin-bottom:8px;line-height:1.35;position:relative;z-index:1}
.trend-count{font-size:.73rem;color:#6d89aa;position:relative;z-index:1}

/* AUTHOR SPOTLIGHT */
.author-section{padding:72px 0;background:#fff}
.author-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}
.author-card{background:var(--off);border-radius:18px;padding:28px 20px;text-align:center;transition:all .3s;border:1.5px solid #e8eef8}
.author-card:hover{border-color:rgba(255,107,0,.25);transform:translateY(-5px);box-shadow:0 12px 36px rgba(255,107,0,.07)}
.au-avatar{width:72px;height:72px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#fff;border:3px solid rgba(255,107,0,.2)}
.au-name{font-family:'Unbounded',sans-serif;font-size:.8rem;color:var(--navy);margin-bottom:4px}
.au-role{font-size:.76rem;color:var(--gray);margin-bottom:12px}
.au-posts{display:inline-block;background:rgba(255,107,0,.08);color:var(--o);font-size:.68rem;font-weight:700;padding:4px 14px;border-radius:50px;border:1px solid rgba(255,107,0,.2)}

/* NEWSLETTER SECTION */
.newsletter-section{padding:80px 0;background:linear-gradient(135deg,#08020f 0%,var(--navy) 50%,#0d0520 100%);position:relative;overflow:hidden}
.ns-glow1{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(255,107,0,.1),transparent 65%);top:-200px;right:-150px}
.ns-glow2{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(255,184,0,.07),transparent 65%);bottom:-150px;left:-80px}
.ns-inner{position:relative;z-index:2;text-align:center;max-width:600px;margin:0 auto}
.ns-inner h2{font-size:clamp(1.6rem,3vw,2.3rem);color:#fff;margin-bottom:14px}
.ns-inner h2 span{color:var(--o)}
.ns-inner p{color:#8da8cc;font-size:1rem;margin-bottom:36px;line-height:1.75}
.ns-form{display:flex;gap:12px;max-width:480px;margin:0 auto}
.ns-input{flex:1;padding:14px 20px;border-radius:50px;border:1.5px solid rgba(255,107,0,.25);background:rgba(255,255,255,.06);color:#fff;font-family:'Outfit',sans-serif;font-size:.92rem;outline:none;transition:all .3s}
.ns-input::placeholder{color:rgba(255,255,255,.3)}
.ns-input:focus{border-color:var(--o);background:rgba(255,107,0,.07)}
.ns-btn{padding:14px 28px;background:var(--o);border:none;border-radius:50px;color:#fff;font-family:'Unbounded',sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:all .25s}
.ns-btn:hover{background:var(--o-lt);box-shadow:0 8px 28px rgba(255,107,0,.4)}
.ns-note{margin-top:14px;font-size:.76rem;color:#6d89aa}

/* PAGINATION */
.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}
.pg-btn{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .22s;border:1.5px solid #e0e8f4;background:#fff;color:var(--navy)}
.pg-btn:hover,.pg-btn.active{background:var(--o);border-color:var(--o);color:#fff;box-shadow:0 4px 14px rgba(255,107,0,.3)}
.pg-btn.pg-prev,.pg-btn.pg-next{font-size:.75rem;width:auto;padding:0 14px;gap:6px}

@media(max-width:1024px){.blog-layout{grid-template-columns:1fr}.sidebar{position:static}.featured-card{grid-template-columns:1fr}.fc-img{min-height:220px}.trend-grid{grid-template-columns:repeat(2,1fr)}.author-grid{grid-template-columns:repeat(2,1fr)}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.blog-grid{grid-template-columns:1fr}.cat-strip{grid-template-columns:1fr 1fr}.ns-form{flex-direction:column}.fg{grid-template-columns:1fr}}
@media(max-width:480px){.cat-strip{grid-template-columns:1fr}.trend-grid{grid-template-columns:1fr}.author-grid{grid-template-columns:1fr}}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.fade-up{animation:fadeUp .6s both}
.fade-up-1{animation-delay:.1s}.fade-up-2{animation-delay:.2s}.fade-up-3{animation-delay:.3s}


/*================= Contact page================================= */



/* ══ HERO ══ */
.contact-hero{background:linear-gradient(150deg,#040108 0%,#080216 50%,#0c031e 100%);padding:96px 0 80px;position:relative;overflow:hidden}
.ch-grid{position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,107,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,0,.035) 1px,transparent 1px);
  background-size:54px 54px}
.ch-g1{position:absolute;width:560px;height:560px;background:radial-gradient(circle,rgba(255,107,0,.11),transparent 65%);top:-230px;right:-170px;pointer-events:none}
.ch-g2{position:absolute;width:420px;height:420px;background:radial-gradient(circle,rgba(255,184,0,.07),transparent 65%);bottom:-160px;left:-100px;pointer-events:none}
.ch-g3{position:absolute;width:260px;height:260px;background:radial-gradient(circle,rgba(255,107,0,.05),transparent 65%);top:35%;left:38%;pointer-events:none}
/* Animated pulse ring around pin */
.pin-pulse{position:absolute;right:18%;top:45%;pointer-events:none;z-index:1}
.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(255,107,0,.4);animation:pulseOut 2.5s ease-out infinite}
.pr1{width:60px;height:60px;animation-delay:0s}
.pr2{width:100px;height:100px;animation-delay:.6s}
.pr3{width:148px;height:148px;animation-delay:1.2s}
.pr4{width:200px;height:200px;animation-delay:1.8s}
@keyframes pulseOut{0%{transform:translate(-50%,-50%) scale(.4);opacity:.8}100%{transform:translate(-50%,-50%) scale(1.1);opacity:0}}
.pin-icon{position:relative;z-index:2;font-size:3rem;display:block;animation:pinBounce 2s ease infinite alternate}
@keyframes pinBounce{from{transform:translateY(0)}to{transform:translateY(-10px)}}
#contactCanvas{position:absolute;inset:0;pointer-events:none;z-index:1}
.hero-inner-c{position:relative;z-index:2;text-align:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,107,0,.12);border:1px solid rgba(255,107,0,.3);color:var(--o-lt);font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:6px 18px;border-radius:50px;margin-bottom:24px}
.e-dot{width:7px;height:7px;background:var(--o);border-radius:50%;animation:blink 1.4s ease infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.contact-hero h1{font-size:clamp(2rem,4vw,3.2rem);color:#fff;margin-bottom:18px}
.contact-hero h1 span{color:var(--o)}
.contact-hero .sub{color:#8da8cc;font-size:1rem;max-width:540px;margin:0 auto 44px;line-height:1.8}
/* Quick contact pills */
.quick-pills{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:44px}
.qp{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.8);font-size:.85rem;padding:12px 22px;border-radius:50px;backdrop-filter:blur(6px);transition:all .25s;font-weight:500}
.qp:hover{background:rgba(255,107,0,.12);border-color:rgba(255,107,0,.35);color:#fff;transform:translateY(-2px)}
.qp-icon{font-size:1.1rem}
/* Hero stats */
.hero-stats-row{display:flex;gap:0;justify-content:center;max-width:680px;margin:0 auto;border:1px solid rgba(255,107,0,.1);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.03)}
.hst{flex:1;text-align:center;padding:18px 10px;border-right:1px solid rgba(255,107,0,.08)}
.hst:last-child{border:none}
.hst-n{font-family:'Unbounded',sans-serif;font-size:1.5rem;font-weight:700;color:var(--o);line-height:1}
.hst-l{font-size:.67rem;color:#6d89aa;margin-top:5px}

/* ══ MAIN CONTACT SECTION ══ */
.contact-main{padding:80px 0;background:var(--off)}
.contact-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:52px;align-items:start}

/* LEFT — info panels */
.info-panel{display:flex;flex-direction:column;gap:22px}
.info-card{background:#fff;border-radius:20px;padding:28px 26px;box-shadow:0 4px 22px rgba(11,26,46,.07);transition:all .3s;border:1.5px solid #e8eef8;position:relative;overflow:hidden}
.info-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--o-dk),var(--o),var(--y));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.info-card:hover{border-color:rgba(255,107,0,.2);box-shadow:0 12px 36px rgba(255,107,0,.08);transform:translateY(-3px)}
.info-card:hover::before{transform:scaleX(1)}
.ic-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.ic-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}
.ico-orange{background:rgba(255,107,0,.1);border:1.5px solid rgba(255,107,0,.2)}
.ico-navy{background:rgba(11,26,46,.07);border:1.5px solid rgba(11,26,46,.12)}
.ico-green{background:rgba(34,197,94,.1);border:1.5px solid rgba(34,197,94,.2)}
.ico-blue{background:rgba(14,165,233,.1);border:1.5px solid rgba(14,165,233,.2)}
.ic-title{font-family:'Unbounded',sans-serif;font-size:.82rem;color:var(--navy)}
.ic-sub{font-size:.74rem;color:var(--gray);margin-top:2px}
.ic-body{font-size:.9rem;color:var(--text);line-height:1.75}
.ic-link{display:inline-flex;align-items:center;gap:6px;color:var(--o);font-weight:600;font-size:.86rem;margin-top:10px;transition:gap .2s}
.ic-link:hover{gap:10px}
/* Hours table */
.hours-table{width:100%;border-collapse:collapse}
.hours-table tr{border-bottom:1px solid var(--off)}
.hours-table tr:last-child{border:none}
.hours-table td{font-size:.83rem;padding:7px 0;color:var(--text)}
.hours-table td:first-child{color:var(--gray);width:52%}
.hours-table td:last-child{font-weight:600;color:var(--navy);text-align:right}
.open-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);color:#15803D;font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:50px;margin-bottom:12px}
.open-dot{width:6px;height:6px;border-radius:50%;background:#22C55E;animation:blink 1.2s ease infinite}
/* Social row */
.social-row{display:flex;gap:12px;margin-top:10px}
.soc-btn{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.95rem;transition:all .25s;border:1.5px solid #e0e8f4;background:var(--off);cursor:pointer}
.soc-btn:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(11,26,46,.1)}

/* RIGHT — form card */
.form-card{background:#fff;border-radius:24px;padding:44px 40px;box-shadow:0 8px 44px rgba(11,26,46,.1);border:1.5px solid #e8eef8;position:relative;overflow:hidden}
.form-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--o-dk),var(--o),var(--y),var(--o-lt))}
.form-hd{font-family:'Unbounded',sans-serif;font-size:1.1rem;color:var(--navy);margin-bottom:6px}
.form-sub{font-size:.85rem;color:var(--gray);margin-bottom:28px;line-height:1.6}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fr{margin-bottom:18px}
.fr label{display:block;font-size:.78rem;font-weight:600;color:var(--navy);margin-bottom:6px;letter-spacing:.02em}
.fr label span{color:var(--o)}
.fr input,.fr select,.fr textarea{width:100%;padding:12px 16px;border:1.5px solid #dce4f0;border-radius:10px;font-family:'Outfit',sans-serif;font-size:.92rem;color:var(--navy);background:#f8fafd;outline:none;transition:all .25s;resize:none}
.fr input:focus,.fr select:focus,.fr textarea:focus{border-color:var(--o);background:#fff;box-shadow:0 0 0 3px rgba(255,107,0,.08)}
.fr input.error,.fr select.error,.fr textarea.error{border-color:#ef4444;background:#fff8f8}
.fr .err-msg{font-size:.72rem;color:#ef4444;margin-top:4px;display:none}
.fr.has-error .err-msg{display:block}
.fr.has-error input,.fr.has-error select,.fr.has-error textarea{border-color:#ef4444}
.char-count{font-size:.7rem;color:var(--gray);text-align:right;margin-top:3px}
.btn-submit{width:100%;padding:15px;background:linear-gradient(135deg,var(--o-dk),var(--o));border:none;border-radius:10px;color:#fff;font-family:'Unbounded',sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px}
.btn-submit:hover{background:linear-gradient(135deg,var(--o),var(--o-lt));box-shadow:0 10px 32px rgba(255,107,0,.4);transform:translateY(-2px)}
.btn-submit:active{transform:translateY(0)}
.btn-submit .spin{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:none}
@keyframes spin{to{transform:rotate(360deg)}}
.form-note{text-align:center;font-size:.75rem;color:var(--gray);margin-top:14px}
.form-note span{color:var(--o);font-weight:600}
/* Success state */
.form-success{display:none;text-align:center;padding:40px 20px}
.fs-icon{font-size:4rem;margin-bottom:18px;display:block}
.fs-title{font-family:'Unbounded',sans-serif;font-size:1.1rem;color:var(--navy);margin-bottom:10px}
.fs-sub{font-size:.9rem;color:var(--gray);line-height:1.7;margin-bottom:24px}
.fs-back{display:inline-flex;align-items:center;gap:8px;color:var(--o);font-weight:600;font-size:.88rem;cursor:pointer;transition:gap .2s}
.fs-back:hover{gap:12px}

/* ══ MAP SECTION ══ */
.map-section{padding:0}
.map-container{position:relative;overflow:hidden}
.map-header{background:var(--navy);padding:44px 0 28px}
.map-header-inner{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:20px}
.map-label{font-family:'Unbounded',sans-serif;font-size:.7rem;color:var(--o);letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px}
.map-title{font-size:clamp(1.3rem,2.5vw,1.9rem);color:#fff;line-height:1.2}
.map-title span{color:var(--o)}
.map-addr{font-size:.88rem;color:#8da8cc;line-height:1.7;margin-top:8px}
.map-directions{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:var(--o);color:#fff;border-radius:8px;font-weight:600;font-size:.85rem;transition:all .2s}
.map-directions:hover{background:var(--o-lt);transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,107,0,.35)}
.map-embed{width:100%;height:420px;border:none;display:block;filter:grayscale(15%) contrast(1.05);border-top:4px solid var(--o)}
/* Map overlay card */
.map-overlay{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);background:#fff;border-radius:16px;padding:18px 24px;box-shadow:0 12px 44px rgba(11,26,46,.18);display:flex;align-items:center;gap:16px;min-width:340px;max-width:480px;z-index:2;border-top:3px solid var(--o)}
.mo-icon{font-size:2rem;flex-shrink:0}
.mo-title{font-family:'Unbounded',sans-serif;font-size:.78rem;color:var(--navy);margin-bottom:3px}
.mo-addr{font-size:.76rem;color:var(--gray);line-height:1.55}

/* ══ QUICK LINKS ══ */
.quick-courses{padding:72px 0;background:var(--off)}
.qc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.qc-card{background:#fff;border:1.5px solid #e0e8f4;border-radius:16px;padding:22px 18px;text-align:center;transition:all .28s;cursor:pointer}
.qc-card:hover{border-color:var(--o);background:rgba(255,107,0,.03);transform:translateY(-4px);box-shadow:0 10px 28px rgba(255,107,0,.08)}
.qc-emoji{font-size:2rem;margin-bottom:10px;display:block}
.qc-name{font-family:'Unbounded',sans-serif;font-size:.72rem;color:var(--navy);line-height:1.3;margin-bottom:6px}
.qc-enroll{font-size:.7rem;color:var(--o);font-weight:600;opacity:0;transform:translateY(4px);transition:all .25s}
.qc-card:hover .qc-enroll{opacity:1;transform:translateY(0)}

/* ══ FAQ ══ */
.faq-section{padding:80px 0;background:var(--w)}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 64px;margin-top:52px}
.faq-item{border-bottom:1px solid #e2eaf6;overflow:hidden}
.faq-q{width:100%;background:none;border:none;padding:20px 0;text-align:left;font-family:'Outfit',sans-serif;font-size:.93rem;font-weight:600;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-arr{width:28px;height:28px;background:linear-gradient(135deg,var(--o),var(--y));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.72rem;flex-shrink:0;transition:transform .3s}
.faq-item.open .faq-arr{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s;font-size:.87rem;color:#5a6f8a;line-height:1.8}
.faq-item.open .faq-a{max-height:320px;padding-bottom:20px}

/* ══ CTA BAND ══ */
.cta-band{background:linear-gradient(135deg,#1a0800,var(--o-dk) 40%,var(--o) 70%,var(--o-lt));padding:86px 0;text-align:center;position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;width:500px;height:500px;background:rgba(255,255,255,.04);border-radius:50%;top:-220px;right:-150px}
.cta-band::after{content:'';position:absolute;width:350px;height:350px;background:rgba(0,0,0,.07);border-radius:50%;bottom:-140px;left:-80px}
.cta-band h2{font-size:clamp(1.6rem,3vw,2.3rem);color:#fff;margin-bottom:14px;position:relative;z-index:2}
.cta-band p{color:rgba(255,255,255,.88);margin-bottom:36px;font-size:1rem;position:relative;z-index:2;max-width:500px;margin-left:auto;margin-right:auto}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .25s;border:2px solid transparent;font-family:'Outfit',sans-serif}
.btn-white{background:#fff;color:var(--o);font-weight:700;border-color:#fff}.btn-white:hover{background:var(--navy);color:#fff}
.btn-ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.35)}.btn-ghost:hover{background:#fff;color:var(--o)}

@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
.fu{animation:fadeUp .7s both}.fu1{animation-delay:.1s}.fu2{animation-delay:.2s}.fu3{animation-delay:.3s}.fu4{animation-delay:.4s}

@media(max-width:1024px){.contact-grid{grid-template-columns:1fr}.fg{grid-template-columns:1fr 1fr}.qc-grid{grid-template-columns:repeat(3,1fr)}.faq-grid{grid-template-columns:1fr}}
@media(max-width:768px){.form-row{grid-template-columns:1fr}.map-overlay{min-width:280px;max-width:90vw}.qc-grid{grid-template-columns:repeat(2,1fr)}.fg{grid-template-columns:1fr}.hero-stats-row{flex-wrap:wrap;border:none;gap:16px}.hst{flex:1 0 40%;border:1px solid rgba(255,107,0,.08);border-radius:10px}}
@media(max-width:480px){.section{padding:60px 0}.qc-grid{grid-template-columns:repeat(2,1fr)}.quick-pills{flex-direction:column;align-items:center}.form-card{padding:32px 22px}}