*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --navy:      #050B1A;
      --blue:      #2563FF;
      --deep-blue: #1A4FD8;
      --cyan:      #0EA5E9;
      --white:     #FFFFFF;
      --off-white: #F5F5F5;
      --near-black:#0A0A0A;
      --white-70:  rgba(255,255,255,0.70);
      --white-40:  rgba(255,255,255,0.40);
      --white-12:  rgba(255,255,255,0.12);
      --white-06:  rgba(255,255,255,0.06);
      --glass-bg:  rgba(255,255,255,0.06);
      --glass-bdr: rgba(255,255,255,0.12);
      --radius:    14px;
      --radius-sm: 8px;
    }

    html { scroll-behavior: smooth; }

    body {
      font-family: 'Inter', sans-serif;
      background: var(--navy);
      color: var(--white);
      overflow-x: hidden;
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
      cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><circle cx='11' cy='11' r='8' fill='none' stroke='%232563FF' stroke-width='2'/><line x1='17' y1='17' x2='25' y2='25' stroke='%232563FF' stroke-width='2' stroke-linecap='round'/></svg>") 0 0, auto;
    }
    h1,h2,h3,h4 { font-family: 'DM Sans', sans-serif; }

    /* ─── Orbs ─── */
    .orb { position:absolute; border-radius:50%; filter:blur(120px); opacity:0.32; pointer-events:none; z-index:0; }
    .orb-blue   { background:radial-gradient(circle,#2563FF,transparent 70%); width:600px; height:600px; }
    .orb-indigo { background:radial-gradient(circle,#4F46E5,transparent 70%); width:500px; height:500px; }
    .orb-cyan   { background:radial-gradient(circle,#0EA5E9,transparent 70%); width:400px; height:400px; }

    /* ─── Glass ─── */
    .glass {
      background: var(--glass-bg);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border: 1px solid var(--glass-bdr);
      border-radius: var(--radius);
    }

    .container { max-width:1200px; margin:0 auto; padding:0 24px; }

    /* ─── Buttons ─── */
    .btn {
      display:inline-flex; align-items:center; gap:8px;
      padding:11px 22px; border-radius:50px;
      font-family:'DM Sans',sans-serif; font-weight:600; font-size:0.9rem;
      cursor:pointer; border:none; text-decoration:none;
      transition:transform 0.2s,box-shadow 0.2s,opacity 0.2s;
      white-space:nowrap;
    }
    .btn:hover { transform:translateY(-2px); }
    .btn-blue { background:linear-gradient(135deg,var(--blue),var(--deep-blue)); color:#fff; box-shadow:0 4px 18px rgba(37,99,255,0.4); }
    .btn-blue:hover { box-shadow:0 8px 28px rgba(37,99,255,0.55); }
    .btn-outline { background:transparent; color:var(--white); border:1.5px solid rgba(255,255,255,0.35); }
    .btn-outline:hover { background:rgba(255,255,255,0.06); }
    .btn-linkedin { background:#0A66C2; color:#fff; box-shadow:0 4px 16px rgba(10,102,194,0.3); }
    .btn-linkedin:hover { box-shadow:0 8px 24px rgba(10,102,194,0.5); }
    .li-icon { width:17px; height:17px; fill:currentColor; flex-shrink:0; }

    /* ════════════════════════════════════════
       NAV
    ════════════════════════════════════════ */
    #nav {
      position:fixed; top:0; left:0; right:0; z-index:1000;
      padding:18px 0;
      background:rgba(5,11,26,0.96);
      backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
      border-bottom:1px solid var(--glass-bdr);
      transition:padding 0.3s;
    }
    #nav.scrolled { padding:13px 0; }
    .nav-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; }
    .nav-logo { display:flex; align-items:center; gap:10px; text-decoration:none; flex-shrink:0; }
    .logo-svg { width:34px; height:34px; flex-shrink:0; }
    .nav-logo-text { font-family:'DM Sans',sans-serif; font-weight:700; font-size:0.95rem; color:var(--white); letter-spacing:0.05em; line-height:1.2; }
    .nav-logo-text span { display:block; font-size:0.6rem; font-weight:400; letter-spacing:0.14em; color:var(--white-40); text-transform:uppercase; white-space:nowrap; }
    .nav-links { display:flex; align-items:center; gap:28px; list-style:none; }
    .nav-links a { color:var(--white-70); text-decoration:none; font-size:0.88rem; font-weight:500; transition:color 0.2s; }
    .nav-links a:hover { color:var(--white); }
    .nav-actions { display:flex; align-items:center; gap:10px; flex-shrink:0; }
    .nav-actions .btn { padding:9px 18px; font-size:0.85rem; }
    .hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:4px; background:none; border:none; }
    .hamburger span { display:block; width:23px; height:2px; background:var(--white); border-radius:2px; transition:all 0.3s; }
    .hamburger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
    .hamburger.open span:nth-child(2) { opacity:0; }
    .hamburger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
    .mobile-menu { display:none; position:fixed; inset:0; background:rgba(5,11,26,0.97); backdrop-filter:blur(20px); z-index:999; flex-direction:column; align-items:center; justify-content:center; gap:28px; }
    .mobile-menu.open { display:flex; }
    .mobile-menu a { color:var(--white); text-decoration:none; font-family:'DM Sans',sans-serif; font-size:1.4rem; font-weight:600; transition:color 0.2s; }
    .mobile-menu a:hover { color:var(--blue); }
    .mobile-menu-actions { display:flex; flex-direction:column; align-items:center; gap:12px; margin-top:8px; }

    /* ════════════════════════════════════════
       HERO
    ════════════════════════════════════════ */
    #hero {
      position:relative; min-height:100vh; display:flex; flex-direction:column; align-items:center;
      overflow:hidden; background:var(--navy); padding:140px 0 60px;
    }
    .hero-content { position:relative; z-index:2; text-align:center; max-width:820px; margin:0 auto; }
    .hero-badge {
      display:inline-flex; align-items:center; gap:8px;
      padding:7px 18px; border-radius:50px;
      font-size:0.8rem; font-weight:500; letter-spacing:0.05em;
      color:var(--white-70); margin-bottom:28px;
    }
    .hero-badge::before {
      content:''; width:6px; height:6px; border-radius:50%;
      background:var(--blue); box-shadow:0 0 8px var(--blue);
      animation:pulse-dot 2s infinite;
    }
    @keyframes pulse-dot {
      0%,100% { box-shadow:0 0 4px var(--blue); }
      50% { box-shadow:0 0 12px var(--blue),0 0 20px rgba(37,99,255,0.4); }
    }
    .hero-headline { font-size:clamp(2.8rem,6vw,5rem); font-weight:800; color:var(--white); line-height:1.1; margin-bottom:20px; letter-spacing:-0.02em; }
    .hero-headline .accent { color:var(--blue); }
    .hero-sub { font-size:clamp(0.95rem,2vw,1.15rem); font-weight:300; color:var(--white-70); max-width:560px; margin:0 auto 36px; line-height:1.75; }
    .hero-ctas { display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; margin-bottom:60px; }
    .hero-ctas .btn { padding:15px 32px; font-size:1rem; }

    /* Our Story video — full-bleed banner filling remaining hero space */
    .hero-video-card { width:100%; margin:20px 0 0; text-align:center; position:relative; flex:1; display:flex; flex-direction:column; }
    .story-video { width:100%; flex:1; min-height:0; display:block; background:#000; object-fit:cover; }
    .play-btn-wrap {
      width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--deep-blue));
      display:flex;align-items:center;justify-content:center;margin:0 auto;
      box-shadow:0 0 30px rgba(37,99,255,0.5);cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;
      position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    }
    .play-btn-wrap:hover { transform:translate(-50%,-50%) scale(1.08); box-shadow:0 0 44px rgba(37,99,255,0.7); }
    .play-btn-wrap.hidden { display:none; }
    .play-icon { width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:19px solid #fff;margin-left:4px; }
    .video-card-title { font-family:'DM Sans',sans-serif;font-size:1.05rem;font-weight:600;color:var(--white);margin-top:14px;padding:0 24px; }

    /* ════════════════════════════════════════
       OUR STORY
    ════════════════════════════════════════ */
    #story { background:linear-gradient(160deg,#EEF4FF 0%,#F7F9FF 50%,#EDF2FF 100%); padding:100px 0; }
    .section-label { font-size:0.72rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--blue);margin-bottom:12px; }
    .section-heading-dark { font-family:'DM Sans',sans-serif;font-size:clamp(2rem,4vw,2.8rem);font-weight:800;line-height:1.15;letter-spacing:-0.02em;color:var(--near-black);margin-bottom:16px; }
    .section-heading-light { font-family:'DM Sans',sans-serif;font-size:clamp(2rem,4vw,2.8rem);font-weight:800;line-height:1.15;letter-spacing:-0.02em;color:var(--white);margin-bottom:16px; }

    .founders-block { text-align:center; margin-bottom:60px; }
    .founders-block .section-label { text-align:center; }
    .founders-block .section-heading-dark { text-align:center; }
    .founders-photo-row { display:flex; justify-content:center; gap:32px; margin:40px 0 48px; flex-wrap:wrap; }

    /* LinkedIn-style profile card */
    .founder-photo-card {
      display:flex; flex-direction:column; align-items:center;
      text-decoration:none; width:250px;
      background:var(--navy);
      border:1px solid rgba(255,255,255,0.08);
      border-radius:20px; overflow:hidden;
      padding:0; gap:0;
      transition:transform 0.25s, box-shadow 0.25s;
      box-shadow:0 20px 60px rgba(5,11,26,0.35);
    }
    .founder-photo-card:hover { transform:translateY(-5px); box-shadow:0 32px 80px rgba(5,11,26,0.55); border-color:rgba(37,99,255,0.35); }

    /* Banner header — official UCT brand banner */
    .founder-photo-card::before {
      content:''; display:block; width:100%; height:88px; flex-shrink:0;
      background:url("assets/img-f79a8061.jpg") no-repeat center center / cover;
      border-bottom:1px solid rgba(37,99,255,0.18);
    }

    /* Photo overlaps the banner */
    .founder-photo-wrap {
      width:96px; height:96px; border-radius:50%;
      overflow:hidden;
      border:3px solid var(--navy);
      box-shadow:0 0 0 2.5px var(--blue), 0 8px 28px rgba(37,99,255,0.3);
      margin-top:-48px; flex-shrink:0;
    }
    .founder-photo-wrap img { width:100%; height:100%; object-fit:cover; object-position:center top; }
    .founders-photo-row .founder-photo-card:last-child .founder-photo-wrap img { object-position:center 5%; transform:scale(1.05); }
    .founder-photo-initials {
      width:96px; height:96px; border-radius:50%;
      background:linear-gradient(135deg,#4F46E5,#7C3AED);
      display:flex; align-items:center; justify-content:center;
      font-family:'DM Sans',sans-serif; font-size:2.4rem; font-weight:800; color:#fff;
      border:3px solid var(--navy);
      box-shadow:0 0 0 2.5px var(--blue);
      margin-top:-48px; flex-shrink:0;
    }

    .founder-info-name { font-family:'DM Sans',sans-serif; font-size:1.05rem; font-weight:700; color:var(--white); margin-top:14px; }
    .founder-info-title { font-size:0.7rem; font-weight:600; color:var(--blue); letter-spacing:0.12em; text-transform:uppercase; margin-top:4px; }
    .founder-info-role { font-size:0.82rem; color:rgba(255,255,255,0.42); margin-top:3px; }
    .founder-li-link { display:inline-flex;align-items:center;gap:5px;font-size:0.8rem;color:var(--blue);font-weight:600;margin-top:14px;margin-bottom:24px;padding:7px 18px;border:1px solid rgba(37,99,255,0.35);border-radius:50px;transition:background 0.2s,border-color 0.2s; }
    .founder-li-link:hover { background:rgba(37,99,255,0.15); border-color:var(--blue); }

    .story-text-block {
      max-width:900px; margin:0 auto;
      background:var(--navy);
      border:1px solid rgba(255,255,255,0.08);
      border-radius:24px;
      overflow:hidden;
      box-shadow:0 24px 80px rgba(5,11,26,0.4);
    }
    /* Top accent bar */
    .story-text-block::before {
      content:'';display:block;height:3px;
      background:linear-gradient(90deg,var(--blue),#7C3AED,#0EA5E9);
    }
    .story-text-inner { padding:0; display:grid; grid-template-columns:1fr 1.6fr; }
    .story-left {
      padding:40px 36px;
      border-right:1px solid rgba(255,255,255,0.07);
      display:flex; flex-direction:column; justify-content:space-between;
      background:rgba(37,99,255,0.05);
    }
    .story-left-quote {
      font-family:'DM Sans',sans-serif;
      font-size:clamp(1.3rem,2.5vw,1.7rem);
      font-weight:800; color:var(--white);
      line-height:1.3; letter-spacing:-0.02em;
    }
    .story-left-quote span { color:var(--blue); }
    .story-left-attr {
      font-size:0.72rem; font-weight:600; letter-spacing:0.18em;
      text-transform:uppercase; color:rgba(255,255,255,0.25);
      margin-top:28px;
    }
    .story-right { padding:40px 40px; }
    .story-text-block p {
      font-size:0.95rem; color:rgba(255,255,255,0.68); line-height:1.9;
      margin-bottom:16px; text-align:left;
    }
    .story-text-block p:last-of-type { margin-bottom:0; }
    .story-text-block p.italic-quote {
      font-style:italic; color:rgba(255,255,255,0.45);
      border-left:2px solid var(--blue);
      padding-left:16px; margin-top:20px; font-size:0.9rem;
    }
    @media(max-width:768px){
      .story-text-inner { grid-template-columns:1fr; }
      .story-left { border-right:none; border-bottom:1px solid rgba(255,255,255,0.07); }
    }
    .story-li-cta { text-align:center; margin-top:40px; display:flex; flex-direction:column; align-items:center; gap:10px; }
    .story-li-cta p { font-size:0.82rem; color:rgba(255,255,255,0.4); }

    /* Tagline strip */
    .tagline-strip {
      background:var(--blue); padding:18px 0; overflow:hidden;
      -webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);
      mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);
    }
    .tagline-track { display:flex; gap:0; animation:marquee 32s linear infinite; width:max-content; }
    .tagline-track:hover { animation-play-state:paused; }
    @keyframes marquee { 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} }
    .tagline-item { font-family:'DM Sans',sans-serif;font-size:0.82rem;font-weight:600;color:rgba(255,255,255,0.85);padding:0 24px;white-space:nowrap;letter-spacing:0.06em;text-transform:uppercase; }
    .tagline-sep { color:rgba(255,255,255,0.4);font-size:0.5rem;align-self:center; }

    /* ════════════════════════════════════════
       INDUSTRIES
    ════════════════════════════════════════ */
    #industries { background:linear-gradient(160deg,#EEF4FF 0%,#F7F9FF 50%,#EDF2FF 100%); padding:100px 0; }
    .industries-header { text-align:center; margin-bottom:52px; }
    .industries-header p { font-size:0.95rem; color:#555; max-width:560px; margin:12px auto 0; line-height:1.7; }
    .national-badge {
      display:inline-flex; align-items:center; gap:8px;
      background:#F0F7FF; border:1px solid #C7DCFF;
      border-radius:50px; padding:6px 16px;
      font-size:0.78rem; font-weight:600; color:var(--blue);
      letter-spacing:0.05em; margin-bottom:20px;
    }
    .collar-sections { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
    .collar-section {
      background:var(--navy);
      border:1px solid rgba(255,255,255,0.08);
      border-radius:24px;
      overflow:hidden;
      box-shadow:0 20px 60px rgba(5,11,26,0.3);
    }
    .collar-section-inner { padding:32px; }
    .white-collar-section::before {
      content:'';display:block;height:3px;
      background:linear-gradient(90deg,rgba(255,255,255,0.6),rgba(255,255,255,0.1));
    }
    .blue-collar-section::before {
      content:'';display:block;height:3px;
      background:linear-gradient(90deg,var(--blue),rgba(37,99,255,0.2));
    }
    .collar-header {
      display:flex; align-items:center; gap:12px;
      margin-bottom:20px; padding-bottom:16px;
      border-bottom:2px solid;
    }
    .collar-header.white-collar { border-color:rgba(255,255,255,0.1); }
    .collar-header.blue-collar  { border-color:rgba(37,99,255,0.35); }
    .collar-section.white-collar-section { border-left:4px solid var(--near-black); }
    .collar-section.blue-collar-section  { border-left:4px solid var(--blue); }
    .collar-icon {
      width:42px; height:42px; border-radius:10px;
      display:flex; align-items:center; justify-content:center; flex-shrink:0;
    }
    .collar-icon.white { background:var(--near-black); }
    .collar-icon.blue  { background:var(--blue); }
    .collar-icon svg { width:22px; height:22px; fill:none; stroke:#fff; stroke-width:2; }
    .collar-title { font-family:'DM Sans',sans-serif; font-size:1.05rem; font-weight:700; color:var(--white); }
    .collar-subtitle { font-size:0.78rem; color:rgba(255,255,255,0.4); margin-top:2px; }
    .industry-list { list-style:none; display:flex; flex-wrap:wrap; gap:8px; margin-top:4px; }
    .industry-list li {
      display:inline-flex; align-items:center; gap:7px;
      font-size:0.82rem; color:rgba(255,255,255,0.75); line-height:1;
      background:rgba(255,255,255,0.06);
      border:1px solid rgba(255,255,255,0.1);
      border-radius:50px; padding:8px 14px;
      transition:background 0.2s, border-color 0.2s;
    }
    .industry-list li:hover { background:rgba(37,99,255,0.18); border-color:rgba(37,99,255,0.4); color:#fff; }
    .industry-list li::before {
      content:''; width:5px; height:5px; border-radius:50%;
      background:var(--blue); flex-shrink:0;
    }

    /* ════════════════════════════════════════
       TESTIMONIALS
    ════════════════════════════════════════ */
    #testimonials { position:relative; background:var(--navy); padding:100px 0 80px; overflow:hidden; }
    .testimonials-header { text-align:center; margin-bottom:52px; position:relative; z-index:1; }
    .testimonials-header p { font-size:0.95rem; color:var(--white-70); margin-top:12px; }
    .carousel-wrap { position:relative; z-index:1; overflow:hidden; }
    .carousel-track { display:flex; transition:transform 0.5s cubic-bezier(0.4,0,0.2,1); }
    .testimonial-card { min-width:100%; padding:36px 40px; }
    @media (min-width:900px) { .testimonial-card { min-width:calc(100% / 3); } }
    .quote-mark { font-family:'DM Sans',sans-serif;font-size:3rem;font-weight:800;color:var(--blue);line-height:1;margin-bottom:10px;opacity:0.7; }
    .testimonial-card blockquote { font-size:0.93rem;color:var(--white-70);line-height:1.8;margin-bottom:22px;font-style:italic; }
    .testimonial-author { display:flex;align-items:center;gap:12px; }
    .author-avatar { width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#4F46E5);display:flex;align-items:center;justify-content:center;font-family:'DM Sans',sans-serif;font-weight:700;font-size:0.9rem;color:#fff;flex-shrink:0; }
    .author-name { font-family:'DM Sans',sans-serif;font-size:0.93rem;font-weight:700;color:var(--blue); }
    .author-role { font-size:0.76rem;color:var(--white-40); }
    .carousel-controls { display:flex;align-items:center;justify-content:center;gap:14px;margin-top:32px;position:relative;z-index:1; }
    .carousel-btn { width:38px;height:38px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-bdr);color:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s,border-color 0.2s;backdrop-filter:blur(10px); }
    .carousel-btn:hover { background:rgba(37,99,255,0.2);border-color:rgba(37,99,255,0.4); }
    .carousel-btn svg { width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2; }
    .carousel-dots { display:flex;gap:7px; }
    .dot { width:7px;height:7px;border-radius:50%;background:var(--glass-bdr);cursor:pointer;transition:background 0.2s,transform 0.2s; border:none; }
    .dot.active { background:var(--blue);transform:scale(1.3); }
    .marquee-wrap { position:relative;z-index:1;margin-top:60px;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%); }
    .marquee-track { display:flex;gap:0;animation:marquee 28s linear infinite;width:max-content; }
    .marquee-track:hover { animation-play-state:paused; }
    .marquee-item { font-family:'DM Sans',sans-serif;font-size:0.82rem;font-weight:500;color:var(--white-40);padding:0 26px;white-space:nowrap;letter-spacing:0.08em;text-transform:uppercase; }
    .marquee-sep { color:var(--blue);font-size:0.5rem;opacity:0.5;align-self:center; }

    /* ════════════════════════════════════════
       HOW IT WORKS
    ════════════════════════════════════════ */
    #how-it-works { background:#FFFFFF; padding:100px 0; }
    .how-header { text-align:center; margin-bottom:36px; }
    .how-header p { font-size:0.95rem; color:#555; max-width:500px; margin:12px auto 0; line-height:1.7; }
    .tab-toggle-wrap { text-align:center; margin-bottom:44px; }
    .tab-toggle { display:inline-flex; background:#F1F5F9; border-radius:50px; padding:5px; }
    .tab-btn { padding:10px 28px;border-radius:50px;border:none;background:transparent;font-family:'DM Sans',sans-serif;font-size:0.88rem;font-weight:600;color:#666;cursor:pointer;transition:all 0.25s; }
    .tab-btn.active { background:var(--blue);color:#fff;box-shadow:0 4px 14px rgba(37,99,255,0.35); }
    .steps-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:22px; }
    .step-card { background:#fff;border:1px solid #E5EEFF;border-radius:var(--radius);padding:30px 26px;transition:transform 0.2s,box-shadow 0.2s; }
    .step-card:hover { transform:translateY(-4px);box-shadow:0 12px 36px rgba(37,99,255,0.1); }
    .step-num { width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--deep-blue));color:#fff;font-family:'DM Sans',sans-serif;font-size:1rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 4px 14px rgba(37,99,255,0.3); }
    .step-card h4 { font-family:'DM Sans',sans-serif;font-size:1rem;font-weight:700;color:var(--near-black);margin-bottom:10px; }
    .step-card p { font-size:0.84rem;color:#666;line-height:1.7; }
    .steps-panel { display:none; }
    .steps-panel.active { display:block; }

    /* ════════════════════════════════════════
       CONTACT
    ════════════════════════════════════════ */
    #contact { position:relative;background:var(--navy);padding:100px 0;overflow:hidden; }
    .contact-glass { position:relative;z-index:1;padding:52px 46px; }
    .contact-grid { display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start; }
    .contact-left h2 { font-family:'DM Sans',sans-serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;color:var(--white);margin-bottom:6px;line-height:1.2; }
    .contact-left h2 span { color:var(--blue); }
    .contact-tagline { font-family:'DM Sans',sans-serif;font-size:1rem;font-weight:500;color:var(--white-70);margin-bottom:20px;line-height:1.6; }
    .contact-left p.desc { font-size:0.88rem;color:var(--white-40);line-height:1.8;margin-bottom:26px; }
    .contact-details { display:flex;flex-direction:column;gap:13px;margin-bottom:26px; }
    .contact-detail { display:flex;align-items:flex-start;gap:11px;font-size:0.86rem;color:var(--white-70); }
    .contact-detail-icon { width:34px;height:34px;background:rgba(37,99,255,0.1);border:1px solid rgba(37,99,255,0.2);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px; }
    .contact-detail-icon svg { width:15px;height:15px;fill:none;stroke:var(--blue);stroke-width:2; }
    .contact-detail a { color:var(--white-70);text-decoration:none;transition:color 0.2s; }
    .contact-detail a:hover { color:var(--blue); }
    .contact-detail-label { font-size:0.72rem;color:var(--white-40);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:2px; }
    .form-row { display:grid;grid-template-columns:1fr 1fr;gap:14px; }
    .form-group { margin-bottom:14px; }
    .form-group label { display:block;font-size:0.78rem;font-weight:500;color:var(--white-70);margin-bottom:5px; }
    .form-control { width:100%;padding:12px 15px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);border-radius:9px;color:var(--white);font-family:'Inter',sans-serif;font-size:0.88rem;outline:none;transition:border-color 0.2s,background 0.2s,box-shadow 0.2s; }
    .form-control::placeholder { color:var(--white-40); }
    .form-control:focus { border-color:var(--blue);background:rgba(37,99,255,0.06);box-shadow:0 0 0 3px rgba(37,99,255,0.14); }
    select.form-control option { background:#0e1a30;color:var(--white); }
    .btn-form { width:100%;justify-content:center;padding:14px 24px;font-size:0.95rem;border-radius:9px; }
    .form-success { display:none;margin-top:14px;padding:13px 17px;background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.22);border-radius:9px;color:#34D399;font-size:0.84rem;text-align:center; }

    /* ════════════════════════════════════════
       FOOTER
    ════════════════════════════════════════ */
    #footer { background:var(--navy);border-top:1px solid var(--glass-bdr);padding:60px 0 30px; }
    .footer-inner { display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px; }
    .footer-brand .nav-logo { margin-bottom:14px; }
    .footer-brand p { font-size:0.82rem;color:var(--white-40);line-height:1.7;max-width:260px;margin-bottom:20px; }
    .footer-col h5 { font-family:'DM Sans',sans-serif;font-size:0.8rem;font-weight:700;color:var(--white);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:16px; }
    .footer-col ul { list-style:none;display:flex;flex-direction:column;gap:10px; }
    .footer-col a { color:var(--white-40);text-decoration:none;font-size:0.84rem;transition:color 0.2s; }
    .footer-col a:hover { color:var(--white); }
    .footer-bottom { display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--glass-bdr);flex-wrap:wrap;gap:10px; }
    .footer-bottom p { font-size:0.76rem;color:var(--white-40); }
    .footer-bottom a { color:var(--white-40);text-decoration:none;transition:color 0.2s; }
    .footer-bottom a:hover { color:var(--white); }

    /* ─── Scroll reveal ─── */
    .reveal { opacity:0;transform:translateY(26px);transition:opacity 0.7s ease,transform 0.7s ease; }
    .reveal.visible { opacity:1;transform:translateY(0); }
    .reveal-d1 { transition-delay:0.1s; }
    .reveal-d2 { transition-delay:0.2s; }
    .reveal-d3 { transition-delay:0.3s; }
    .reveal-d4 { transition-delay:0.4s; }

    /* ─── Responsive ─── */
    @media (max-width:1024px) {
      .collar-sections { grid-template-columns:1fr; }
      .footer-inner { grid-template-columns:1fr 1fr;gap:32px; }
      .contact-grid { grid-template-columns:1fr;gap:40px; }
    }
    @media (max-width:768px) {
      .nav-links,.nav-actions { display:none; }
      .hamburger { display:flex; }
      .steps-grid { grid-template-columns:1fr; }
      .form-row { grid-template-columns:1fr; }
      .contact-glass { padding:30px 22px; }
      .footer-inner { grid-template-columns:1fr;gap:28px; }
      .footer-bottom { flex-direction:column;text-align:center; }
      .founders-photo-row { gap:28px; }
      .founder-photo-wrap,.founder-photo-initials { width:140px;height:140px; }
      .nav-logo-text span { display:none; }
    }
    @media (max-width:520px) {
      .hero-headline { font-size:2.5rem; }
      .founders-photo-row { flex-direction:column; align-items:center; }
    }