.elementor-10 .elementor-element.elementor-element-25aa9a8:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-25aa9a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-10 .elementor-element.elementor-element-25aa9a8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-25aa9a8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10 .elementor-element.elementor-element-99df5b6 > .elementor-element-populated{margin:-86px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-25aa9a8{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-c15fcc3 *//* =====================================================
     BRAND COLORS — teal blue + black
     Change these 6 values to re-theme the entire page.
  ===================================================== */
  :root{
    --teal-900:#063C47;   /* deepest teal — headers on dark, footer */
    --teal-700:#00879E;   /* primary brand teal — buttons, dark sections */
    --teal-500:#00D9F0;   /* brand accent blue (from your swatch) — links, tags, icons, hovers */
    --teal-100:#E3FBFF;   /* pale tint of brand blue — section backgrounds */
    --white:#000000;
    --black:#000000;      /* page/surface background */
    --ink:#00D9F0;        /* body + heading text color (was dark ink, now brand blue) */
    --line:rgba(0,217,240,0.15);
    --serif:'Fraunces', serif;
    --sans:'Inter', sans-serif;
    --mono:'JetBrains Mono', monospace;
  }

  *{ box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  body{
    margin:0;
    background:var(--black);
    color:var(--ink);
    font-family:var(--sans);
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }

  @media (prefers-reduced-motion: reduce){
    *{ animation-duration:0.01ms !important; transition-duration:0.01ms !important; }
  }

  a{ color:inherit; }
  :focus-visible{ outline:2px solid var(--teal-700); outline-offset:3px; }
  img{ max-width:100%; display:block; }

  .wrap{ max-width:1180px; margin:0 auto; padding:0 32px; }

  /* ---------- Header ---------- */
  header{
    position:sticky; top:0; z-index:50;
    background:rgba(0,0,0,0.9);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  .nav{ display:flex; align-items:center; justify-content:space-between; padding:20px 32px; }
  .brand{ font-family:var(--serif); font-weight:600; font-size:20px; letter-spacing:0.01em; display:flex; align-items:baseline; gap:8px; color:var(--ink); }
  .brand small{ font-family:var(--mono); font-size:10px; letter-spacing:0.14em; color:var(--teal-700); text-transform:uppercase; font-weight:500; }
  .nav-links{ display:flex; gap:30px; font-size:14px; }
  .nav-links a{ text-decoration:none; opacity:0.75; transition:opacity 0.2s; }
  .nav-links a:hover{ opacity:1; }
  .nav-cta{
    font-family:var(--mono); font-size:12px; letter-spacing:0.04em;
    padding:10px 20px; border:1px solid var(--teal-700); border-radius:100px;
    text-decoration:none; white-space:nowrap; color:var(--teal-700);
    transition:background 0.2s ease, color 0.2s ease;
  }
  .nav-cta:hover{ background:var(--teal-700); color:var(--ink); }

  /* ---------- Hero ---------- */
  .hero{ position:relative; overflow:hidden; padding:96px 0 64px; border-bottom:1px solid var(--line); }

  /* ---------- HERO VIDEO BACKGROUND ---------- */
  .hero-bg-video{
    position:absolute;
    top:0; left:0;
    width:100%; height:100%;
    object-fit:cover;
    z-index:0;
  }
  .hero-video-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.75) 100%);
    z-index:1;
  }
  .hero .wrap.hero-grid{
    position:relative;
    z-index:2;
  }

  .hero-grid{ display:grid; grid-template-columns:1.1fr 0.9fr; gap:56px; align-items:center; }
  .eyebrow{
    font-family:var(--mono); font-size:11px; letter-spacing:0.18em; text-transform:uppercase;
    color:var(--teal-700); margin-bottom:22px; display:flex; align-items:center; gap:10px;
  }
  .eyebrow::before{ content:''; width:22px; height:2px; background:var(--teal-500); display:inline-block; border-radius:1px; }
  h1.headline{ font-family:var(--serif); font-weight:500; font-size:clamp(34px, 5vw, 58px); line-height:1.06; letter-spacing:-0.01em; margin:0 0 26px; color:var(--ink); }
  h1.headline em{ font-style:italic; font-weight:400; color:var(--teal-500); }
  .sub{ font-size:17px; line-height:1.65; max-width:48ch; color:var(--ink); margin:0 0 36px; }
  .hero-ctas{ display:flex; gap:16px; flex-wrap:wrap; }
  .btn-primary{
    background:var(--teal-700); color:var(--ink); font-family:var(--sans);
    font-weight:600; font-size:14px; padding:15px 28px; border-radius:4px;
    text-decoration:none; display:inline-flex; align-items:center; gap:10px;
    transition:background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
  }
  .btn-primary:hover{ background:var(--teal-900); transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,217,240,0.25); }
  .btn-secondary{
    font-family:var(--sans); font-weight:600; font-size:14px; padding:15px 24px;
    text-decoration:none; border-bottom:1px solid var(--teal-900); display:inline-flex; align-items:center; gap:8px;
    transition:color 0.2s ease, border-color 0.2s ease, gap 0.2s ease;
  }
  .btn-secondary:hover{ color:var(--teal-700); border-color:var(--teal-500); gap:12px; }

  /* ---------- HERO IMAGE (Sushrutha) ---------- */
  .hero-image-frame{
    position:relative; border-radius:8px; overflow:hidden;
    border:1px solid var(--line);
    background:var(--teal-100);
    aspect-ratio:4/5;
  }
  .hero-image-frame img{
    width:100%; height:100%; object-fit:cover; object-position:center top;
  }
  .hero-image-frame::after{
    content:'';
    position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(10,46,54,0) 55%, rgba(10,46,54,0.55) 100%);
  }
  .hero-image-caption{
    position:absolute; left:20px; right:20px; bottom:16px; z-index:2;
    font-family:var(--mono); font-size:10px; letter-spacing:0.08em;
    text-transform:uppercase; color:var(--ink);
  }

  /* ---------- Section shell ---------- */
  section{ padding:84px 0; border-bottom:1px solid var(--line); }
  .section-head{ max-width:680px; margin-bottom:44px; }
  .section-head .eyebrow{ margin-bottom:16px; }
  h2.section-title{ font-family:var(--serif); font-weight:500; font-size:clamp(26px, 3.4vw, 38px); line-height:1.15; margin:0 0 14px; color:var(--ink); position:relative; }
  h2.section-title::after{ content:''; display:block; width:46px; height:3px; background:var(--teal-500); border-radius:2px; margin-top:14px; }
  .section-body{ font-size:16px; color:var(--ink); margin-top:16px; max-width:62ch; line-height:1.7; }
  .section-body + .section-body{ margin-top:14px; }

  .text-split{ display:grid; grid-template-columns:0.7fr 1.3fr; gap:56px; }
  .text-split .section-head{ margin-bottom:0; max-width:none; }
  .text-split .section-body{ max-width:64ch; }

  /* image + text split (About section) */
  .img-text-split{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:56px; align-items:center; }
  .about-image{ border-radius:8px; overflow:hidden; border:1px solid var(--line); aspect-ratio:4/3; background:var(--teal-100); }
  .about-image img{ width:100%; height:100%; object-fit:cover; }

  /* ---------- Heritage (dark navy band) ---------- */
  .heritage{ background:#0B1A3D; color:#FFFFFF; border-bottom:1px solid #0B1A3D; }
  .heritage .eyebrow{ color:#7FB2FF; }
  .heritage .eyebrow::before{ background:#7FB2FF; }
  .heritage-grid{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:64px; align-items:center; }
  .heritage h2{ font-family:var(--serif); font-weight:500; font-size:clamp(28px,3.6vw,42px); line-height:1.15; margin:0 0 22px; color:#FFFFFF; }
  .heritage p{ font-size:16px; line-height:1.7; color:rgba(255,255,255,0.85); max-width:54ch; }
  .heritage .tag-line{ font-family:var(--serif); font-style:italic; font-size:18px; margin-top:26px; color:#5AC8FA; }
  .heritage-image{ border-radius:8px; overflow:hidden; border:1px solid rgba(90,200,250,0.25); aspect-ratio:3/4; background:rgba(0,0,0,0.4); }
  .heritage-image img{ width:100%; height:100%; object-fit:cover; }

  /* ---------- Vision / Mission ---------- */
  .vm-grid{ display:grid; grid-template-columns:1fr 1fr; gap:2px; background:var(--line); border:1px solid var(--line); border-radius:6px; overflow:hidden; }
  .vm-card{ background:var(--black); padding:44px; }
  .vm-card .label{ font-family:var(--mono); font-size:11px; letter-spacing:0.14em; text-transform:uppercase; color:var(--teal-700); margin-bottom:18px; display:block; }
  .vm-card p{ font-size:16px; line-height:1.7; margin:0; color:var(--ink); }

  /* ---------- Why NUCA ---------- */
  .why-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
  .why-card{ background:var(--black); padding:34px 28px; min-height:190px; display:flex; flex-direction:column; gap:14px; }
  .why-icon{
    width:48px; height:48px; border-radius:50%; background:var(--teal-100);
    display:flex; align-items:center; justify-content:center; padding:11px;
  }
  .why-icon svg{ width:100%; height:100%; stroke:var(--teal-700); fill:none; stroke-width:1.4; }
  .why-card h3{ font-family:var(--serif); font-size:17px; font-weight:600; margin:0; color:var(--ink); }
  .why-card p{ font-size:14px; color:var(--ink); margin:0; line-height:1.55; }

  /* ---------- Commitment ---------- */
  .commit-line{ font-family:var(--serif); font-size:clamp(22px, 3vw, 32px); font-weight:400; line-height:1.35; max-width:22ch; margin:0 0 34px; color:var(--ink); }
  .tags{ display:flex; flex-wrap:wrap; gap:12px; }
  .tag{
    font-family:var(--mono); font-size:12px; letter-spacing:0.04em; border:1px solid var(--teal-700);
    color:var(--teal-700); border-radius:100px; padding:9px 18px; cursor:default;
    transition:background 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  }
  .tag:hover{
    background:var(--teal-700); color:var(--ink); transform:translateY(-3px);
    box-shadow:0 6px 16px rgba(0,135,158,0.25); border-color:var(--teal-700);
  }

  /* ---------- Equipment Carousel ---------- */
  .carousel-section{ background:var(--teal-100); padding:36px 0; }
  .carousel-wrap{ position:relative; }
  .carousel-track{
    display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory;
    padding-bottom:6px; scrollbar-width:none; -ms-overflow-style:none;
  }
  .carousel-track::-webkit-scrollbar{ display:none; }
  .carousel-card{
    flex:0 0 auto; width:220px; height:150px; scroll-snap-align:start;
    border-radius:8px; overflow:hidden; border:1px solid var(--line);
    background:var(--teal-100);
  }
  .carousel-card img{ width:100%; height:100%; object-fit:cover; }

  /* ---------- Founder ---------- */
  .founder{ background:var(--teal-100); }
  .founder-grid{ display:grid; grid-template-columns:auto 1fr auto; gap:40px; align-items:flex-start; }
  .quote-mark{ font-family:var(--serif); font-size:80px; line-height:0.8; color:var(--teal-500); font-weight:500; }
  blockquote{ margin:0; font-family:var(--serif); font-size:clamp(22px, 2.8vw, 30px); font-weight:400; font-style:italic; line-height:1.4; max-width:34ch; color:var(--ink); }
  .founder-body p.role{ margin:22px 0 0; font-family:var(--sans); font-size:15px; color:var(--ink); max-width:56ch; line-height:1.7; }
  .founder-name{ font-family:var(--mono); font-size:13px; letter-spacing:0.04em; margin-top:20px; display:block; }
  .founder-name span{ color:var(--teal-700); }
  .founder-photo{ width:120px; height:120px; border-radius:50%; overflow:hidden; border:2px solid var(--ink); background:var(--black); }
  .founder-photo img{ width:100%; height:100%; object-fit:cover; }

  /* ---------- Closing CTA ---------- */
  .closing{ background:var(--teal-700); color:var(--ink); border-bottom:none; text-align:center; padding:100px 0; }
  .closing .eyebrow{ justify-content:center; color:var(--teal-100); }
  .closing .eyebrow::before{ background:var(--teal-100); }
  .closing-quote{ font-family:var(--serif); font-weight:400; font-style:italic; font-size:clamp(22px, 3.4vw, 34px); line-height:1.4; max-width:24ch; margin:16px auto 40px; color:#FFFFFF; }
  .closing-ctas{ display:flex; gap:18px; justify-content:center; flex-wrap:wrap; }
  .btn-light{
    background:var(--black); color:var(--ink); font-weight:600; font-size:14px;
    padding:15px 28px; border-radius:4px; text-decoration:none;
    transition:background 0.2s ease, transform 0.2s ease;
  }
  .btn-light:hover{ background:var(--teal-900); transform:translateY(-2px); }
  .btn-outline-light{
    border:1px solid rgba(255,255,255,0.5); color:var(--ink); font-weight:600; font-size:14px;
    padding:15px 28px; border-radius:4px; text-decoration:none;
    transition:background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
  }
  .btn-outline-light:hover{ background:rgba(255,255,255,0.12); border-color:#FFFFFF; transform:translateY(-2px); }

  footer{ padding:40px 0; background:var(--teal-900); color:rgba(0,217,240,0.7); }
  footer .brand{ color:var(--ink); }
  footer .brand small{ color:var(--teal-100); }
  .footer-logo{ height:32px; width:auto; display:block; }
  .footer-contact{ font-size:13px; line-height:1.7; text-align:right; }
  .footer-contact a{ color:rgba(0,217,240,0.7); text-decoration:none; }
  .footer-contact a:hover{ color:var(--ink); }
  @media (max-width:720px){
    .footer-row{ flex-direction:column; align-items:flex-start; text-align:left; }
    .footer-contact{ text-align:left; }
  }
  .footer-row{ display:flex; justify-content:space-between; align-items:center; font-size:13px; flex-wrap:wrap; gap:12px; }

  /* ---------- Responsive ---------- */
  @media (max-width: 900px){
    .hero-grid, .heritage-grid, .founder-grid, .text-split, .img-text-split{ grid-template-columns:1fr; }
    .heritage-grid, .img-text-split{ gap:40px; }
    .text-split{ gap:24px; }
    .why-grid{ grid-template-columns:repeat(2, 1fr); }
    .vm-grid{ grid-template-columns:1fr; }
    .nav-links{ display:none; }
    .founder-grid{ text-align:center; justify-items:center; }
  }
  @media (max-width: 560px){
    .wrap{ padding:0 20px; }
    .why-grid{ grid-template-columns:1fr; }
    section{ padding:56px 0; }
    .hero{ padding:56px 0 40px; }
  }/* End custom CSS */