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

    :root{
      /* Neutros */
      --white:      #ffffff;
      --bg:         #f4f7fc;   /* fundo suave geral */
      --charcoal:   #111827;   /* títulos mais fortes */
      --text:       #1f2933;
      --muted:      #6b7280;
      --subtle:     #9ca3af;
      --border:     #dde5f4;

      /* Marca principal – AZUL DIGITAL */
      --blue:       #2563eb;   /* primária (botões outline, links, números) */
      --blue-dark:  #1d4ed8;   /* gradiente, hover, CTAs */
      --blue-light: #dbeafe;   /* fundos de chips, cards suaves */

      /* Ação / performance – VERDE */
      --green:       #22c55e;
      --green-dark:  #16a34a;
      --green-light: #dcfce7;

      /* Destaque criativo – LARANJA */
      --accent:      #f97316;  /* use no #sobre e detalhes pequenos */
      --accent-soft: #ffedd5;

      /* Raio e sombras (mantive a base, só deixei as sombras um pouco mais “modernas”) */
      --r-sm:       8px;
      --r-md:       16px;
      --r-lg:       24px;
      --r-xl:       32px;

      --sh-sm:      0 8px 20px rgba(15,23,42,.06);
      --sh-md:      0 14px 40px rgba(15,23,42,.10);
      --sh-lg:      0 24px 70px rgba(15,23,42,.16);

      --ease:       0.3s cubic-bezier(.4,0,.2,1);
    }

    html{scroll-behavior:smooth}
    body{background:var(--white);color:var(--text);font-family:'Inter',sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
    ::selection{background:var(--green);color:#fff}
    ::-webkit-scrollbar{width:5px}
    ::-webkit-scrollbar-track{background:var(--bg)}
    ::-webkit-scrollbar-thumb{background:var(--blue);border-radius:3px}

    /* ══ NAV ══════════════════════════════════════════════ */
 
    nav {
      position: fixed;
      top: 0; left: 0; right: 0;
      z-index: 200;
      padding: .9rem 0;
      background: rgba(255,255,255,.93);
      backdrop-filter: blur(18px);
      border-bottom: 1px solid transparent;
      transition: border-color var(--ease), box-shadow var(--ease);
    }

    nav .container {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    nav.scrolled{border-bottom-color:var(--border);box-shadow:var(--sh-sm)}

    /* Logo */
    .logo{display:flex;align-items:center;gap:0;text-decoration:none;user-select:none}
    .logo-ideia{
      font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.55rem;
      color:var(--charcoal);letter-spacing:-.04em;line-height:1
    }
    .logo-d-wrap{
      position:relative;display:inline-flex;align-items:center;justify-content:center;
      width:1.6rem;height:1.6rem;margin-left:2px
    }
    .logo-d-bg{
      position:absolute;inset:0;
      background:var(--blue);
      border-radius:3px 14px 14px 3px;
    }
    .logo-d-letter{
      position:relative;z-index:1;
      font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.55rem;
      color:#fff;letter-spacing:-.04em;line-height:1
    }
    .logo-chameleon{
      position:absolute;top:-14px;right:-8px;font-size:1.1rem;z-index:2;
      animation:sway 3s ease-in-out infinite;transform-origin:bottom center
    }
    @keyframes sway{
      0%,100%{transform:rotate(-4deg)}
      50%{transform:rotate(4deg)}
    }

    .nav-links{display:flex;gap:1.75rem;list-style:none}
    .nav-links a{
      color:var(--muted);text-decoration:none;font-size:.84rem;font-weight:500;
      transition:color var(--ease)
    }
    .nav-links a:hover{color:var(--blue)}
    .nav-cta{
      background:var(--green)!important;color:#fff!important;
      padding:.5rem 1.3rem;border-radius:50px;font-weight:700!important;
      box-shadow:0 3px 14px rgba(61,181,74,.3)!important;
      transition:background var(--ease),transform var(--ease)!important
    }
    .nav-cta:hover{background:var(--green-dark)!important;transform:translateY(-1px)}

    .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}
    .hamburger span{display:block;width:24px;height:2px;background:var(--charcoal);border-radius:2px;transition:var(--ease)}
    .mobile-menu{
      display:none;position:fixed;inset:0;z-index:199;
      background:var(--white);flex-direction:column;align-items:center;justify-content:center;gap:2rem
    }
    .mobile-menu.open{display:flex}
    .mobile-menu a{
      font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.6rem;
      color:var(--text);text-decoration:none;transition:color var(--ease)
    }
    .mobile-menu a:hover{color:var(--green)}
    .mobile-close{
      position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;
      font-size:1.5rem;cursor:pointer;color:var(--muted)
    }

    /* ══ HERO ═════════════════════════════════════════════ */
    #hero{
      min-height:100vh;display:flex;align-items:center;
      padding:7rem 2rem 4rem;
      background:var(--white);
      position:relative;overflow:hidden
    }

    /* Círculo decorativo azul-claro (canto sup. esq.) */
    .deco-circle{
      position:absolute;top:-180px;left:-180px;
      width:520px;height:520px;
      border-radius:50%;
      border:90px solid var(--blue-light);
      opacity:.55;pointer-events:none
    }

    /* Faixa verde direita */
    .deco-stripe{
      position:absolute;right:0;top:0;bottom:0;
      width:14px;background:var(--green)
    }

    .hero-inner{
      max-width:1140px;margin:0 auto;
      display:grid;grid-template-columns:1fr 1fr;
      gap:3rem;align-items:center;position:relative;z-index:1;width:100%
    }

    /* Esquerda */
    .hero-tag{
      display:inline-flex;align-items:center;gap:.5rem;
      background:var(--green-light);border:1px solid rgba(61,181,74,.25);
      border-radius:50px;padding:.38rem 1rem;margin-bottom:1.5rem;
      font-size:.72rem;font-weight:700;color:var(--green-dark);
      letter-spacing:.07em;text-transform:uppercase
    }
    .hero-tag i{font-size:.65rem}

    .hero-headline{
      font-family:'Montserrat',sans-serif;
      font-size:clamp(1.6rem,3.2vw,2.6rem);
      font-weight:400;letter-spacing:-.02em;line-height:1.2;
      color:var(--charcoal);margin-bottom:1.5rem
    }
    .hero-headline strong{font-weight:900;color:var(--charcoal)}
    .hero-headline .hl-green{font-weight:900;color:var(--green)}

    .hero-sub{
      font-size:.96rem;color:var(--muted);line-height:1.85;
      max-width:480px;margin-bottom:2.25rem
    }

    .hero-btns{display:flex;gap:.85rem;flex-wrap:wrap}

    .btn-green{
      display:inline-flex;align-items:center;gap:.5rem;
      background:var(--green);color:#fff;
      padding:.85rem 1.75rem;border-radius:50px;
      font-weight:700;font-size:.88rem;text-decoration:none;
      box-shadow:0 4px 18px rgba(61,181,74,.3);
      transition:background var(--ease),transform var(--ease),box-shadow var(--ease)
    }
    .btn-green:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 8px 28px rgba(61,181,74,.4)}

    .btn-outline-blue{
      display:inline-flex;align-items:center;gap:.5rem;
      border:2px solid var(--blue);color:var(--blue);
      padding:.85rem 1.75rem;border-radius:50px;
      font-weight:600;font-size:.88rem;text-decoration:none;
      transition:background var(--ease),color var(--ease),transform var(--ease)
    }
    .btn-outline-blue:hover{background:var(--blue);color:#fff;transform:translateY(-2px)}

    .hero-stats{display:flex;gap:2rem;margin-top:2.5rem;flex-wrap:wrap}
    .stat-num{
      font-family:'Montserrat',sans-serif;font-size:2rem;font-weight:900;
      color:var(--blue);line-height:1
    }
    .stat-lbl{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.2rem}
    .stat-sep{width:1px;background:var(--border);align-self:stretch}

    /* Direita — mockup visual */
    .hero-visual{
      position:relative;display:flex;align-items:center;justify-content:center
    }

    .hero-img-wrap{
      width:100%;max-width:420px;border-radius:var(--r-xl);overflow:hidden;
      box-shadow:var(--sh-lg);position:relative;
      background:linear-gradient(135deg,var(--charcoal),#1a2535)
    }

    /* Imagem placeholder (tom profissional) */
    .hero-img-placeholder{
      width:100%;aspect-ratio:4/5;
      background:linear-gradient(145deg,#1e2a38 0%,#2d3a4a 40%,#3a4a5e 100%);
      display:flex;flex-direction:column;align-items:center;justify-content:center;
      gap:1rem;color:rgba(255,255,255,.15);font-size:.8rem;
      position:relative;overflow:hidden
    }

    .hero-img-placeholder i{font-size:3rem;opacity:.25}

    /* Overlay gradiente no placeholder */
    .hero-img-overlay{
      position:absolute;inset:0;
      background:linear-gradient(to top,rgba(58,107,191,.4) 0%,transparent 60%)
    }

    /* Bolhas de ícones flutuando */
    .float-icon{
      position:absolute;
      background:var(--white);
      border-radius:50%;
      display:flex;align-items:center;justify-content:center;
      box-shadow:0 6px 20px rgba(0,0,0,.18);
      animation:float-anim 4s ease-in-out infinite;
    }
    .float-icon:nth-child(1){width:52px;height:52px;top:10%;right:-20px;animation-delay:0s;color:#1877f2;font-size:1.4rem}
    .float-icon:nth-child(2){width:44px;height:44px;top:28%;right:-30px;animation-delay:.6s;color:#e1306c;font-size:1.2rem}
    .float-icon:nth-child(3){width:48px;height:48px;top:48%;right:-18px;animation-delay:1.1s;color:#ff0000;font-size:1.25rem}
    .float-icon:nth-child(4){width:42px;height:42px;top:65%;right:-26px;animation-delay:.3s;color:#0a66c2;font-size:1.1rem}
    .float-icon:nth-child(5){width:50px;height:50px;top:80%;right:-14px;animation-delay:.9s;color:#000;font-size:1.3rem}
    .float-icon:nth-child(6){width:40px;height:40px;top:20%;left:-16px;animation-delay:.5s;color:#25d366;font-size:1.1rem}
    .float-icon:nth-child(7){width:46px;height:46px;top:55%;left:-22px;animation-delay:1.4s;color:#4267b2;font-size:1.2rem}

    @keyframes float-anim{
      0%,100%{transform:translateY(0)}
      50%{transform:translateY(-10px)}
    }

    /* Card flutuante — info */
    .hero-card-float{
      position:absolute;bottom:-1rem;left:-2rem;
      background:var(--white);border:1px solid var(--border);
      border-radius:var(--r-md);padding:1rem 1.25rem;
      box-shadow:var(--sh-lg);display:flex;align-items:center;gap:.85rem;
      min-width:200px
    }
    .hero-card-float-icon{
      width:42px;height:42px;border-radius:var(--r-sm);
      background:var(--green-light);display:flex;align-items:center;justify-content:center;
      color:var(--green-dark);font-size:1.1rem;flex-shrink:0
    }
    .hero-card-float h4{font-size:.85rem;font-weight:700;color:var(--text)}
    .hero-card-float p{font-size:.72rem;color:var(--muted);margin-top:.1rem}

    /* ══ SECTIONS BASE ════════════════════════════════════ */
    section{padding:5.5rem 2rem}
    .container{max-width:1140px;margin:0 auto}

    .sec-label{
      font-size:.68rem;font-weight:700;letter-spacing:.18em;
      text-transform:uppercase;color:var(--text);
    }
    .sec-title{
      font-family:'Montserrat',sans-serif;
      font-size:clamp(1.7rem,3.2vw,2.6rem);
      font-weight:900;letter-spacing:-.025em;line-height:1.1;
      color:var(--text);margin-top:.5rem
    }
    .sec-title .hl{color:#FFF;}
    .sec-title .hlg{color:var(--green)}
    .sec-desc{color:var(--muted);font-size:.93rem;line-height:1.85;max-width:520px;margin-top:.75rem}
    .sec-divider{width:42px;height:4px;background:var(--green);border-radius:2px;margin-top:1.25rem}

    /* ══ SOBRE ════════════════════════════════════════════ */
    #sobre{background:#22C55E}

    .about-grid{
      display:grid;grid-template-columns:1fr 1fr;
      gap:5rem;align-items:center
    }

    /* Visual lado */
    .about-visual{position:relative;padding:0 1rem 2.5rem 1rem}

    .about-card-main{
      background:var(--white);border:1px solid var(--border);
      border-radius:var(--r-lg);padding:2.5rem;
      box-shadow:var(--sh-md);position:relative;overflow:hidden
    }
    .about-card-main::before{
      content:'';position:absolute;top:0;left:0;right:0;height:4px;
      background:linear-gradient(90deg,var(--green),var(--blue))
    }
    .about-icon-wrap{
      width:58px;height:58px;border-radius:var(--r-sm);
      background:var(--green-light);display:flex;align-items:center;justify-content:center;
      color:var(--green-dark);font-size:1.5rem;margin-bottom:1.25rem
    }
    .about-card-main h3{
      font-family:'Montserrat',sans-serif;font-size:1.2rem;font-weight:800;
      color:var(--text);margin-bottom:.75rem
    }
    .about-card-main p{color:var(--muted);font-size:.9rem;line-height:1.8}

    .about-badge-float{
      position:absolute;bottom:0;right:1.5rem;
      background:var(--blue);color:#fff;
      padding:.9rem 1.35rem;border-radius:var(--r-md);
      font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.6rem;
      line-height:1;box-shadow:var(--sh-md)
    }
    .about-badge-float small{
      display:block;font-family:'Inter',sans-serif;font-size:.62rem;
      font-weight:500;letter-spacing:.06em;opacity:.85;margin-top:.2rem
    }

    /* Mini card decorativo */
    .about-mini-card{
      position:absolute;top:1.5rem;left:-1rem;
      background:var(--white);border:1px solid var(--border);
      border-radius:var(--r-md);padding:.85rem 1rem;
      box-shadow:var(--sh-md);display:flex;align-items:center;gap:.7rem
    }
    .about-mini-icon{
      width:36px;height:36px;border-radius:6px;
      background:var(--blue-light);display:flex;align-items:center;justify-content:center;
      color:var(--blue);font-size:.95rem;flex-shrink:0
    }
    .about-mini-card span{font-size:.8rem;font-weight:700;color:var(--text)}

    /* Texto lado */
    .about-text p{color:#FFF;font-size:.93rem;line-height:1.9;margin-bottom:.9rem}

    .pills{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}
    .pill-g{
      background:var(--green-light);border:1px solid rgba(61,181,74,.25);
      color:var(--green-dark);padding:.32rem .9rem;border-radius:50px;
      font-size:.73rem;font-weight:600
    }
    .pill-b{
      background:var(--blue-light);border:1px solid rgba(58,107,191,.25);
      color:var(--blue-dark);padding:.32rem .9rem;border-radius:50px;
      font-size:.73rem;font-weight:600
    }

    /* ══ EQUIPE ═══════════════════════════════════════════ */
    #equipe{background:var(--white)}

    .team-grid{
      display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
      gap:1.5rem
    }

    .team-card{
      background:var(--white);border:1px solid var(--border);
      border-radius:var(--r-lg);padding:2rem;
      box-shadow:var(--sh-sm);position:relative;overflow:hidden;
      transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease)
    }
    .team-card::after{
      content:'';position:absolute;bottom:0;left:0;right:0;height:4px;
      background:linear-gradient(90deg,var(--green),var(--blue));
      transform:scaleX(0);transform-origin:left;transition:transform var(--ease)
    }
    .team-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:var(--blue-light)}
    .team-card:hover::after{transform:scaleX(1)}

    .team-avatar{
      width:62px;height:62px;border-radius:50%;
      display:flex;align-items:center;justify-content:center;
      font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.15rem;
      margin-bottom:1.25rem
    }
    .av-blue{background:var(--blue);color:#fff}
    .av-green{background:var(--green);color:#fff}
    .av-blue-lt{background:var(--blue-light);color:var(--blue-dark)}
    .av-green-lt{background:var(--green-light);color:var(--green-dark)}

    .team-card h3{font-size:.98rem;font-weight:700;color:var(--text);margin-bottom:.25rem}
    .team-role{
      font-size:.68rem;font-weight:700;text-transform:uppercase;
      letter-spacing:.09em;color:var(--green);margin-bottom:1rem
    }
    .team-card p{font-size:.82rem;color:var(--muted);line-height:1.7}

    /* ══ SOLUÇÕES ═════════════════════════════════════════ */
    #solucoes{background:var(--bg)}

    .sol-grid{
      display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));
      gap:1.5rem
    }

    .sol-card{
      background:var(--white);border:1px solid var(--border);
      border-radius:var(--r-lg);padding:2rem;
      box-shadow:var(--sh-sm);position:relative;overflow:hidden;
      transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease)
    }
    .sol-card:hover{transform:translateY(-5px);box-shadow:var(--sh-lg);border-color:var(--blue-light)}

    .sol-card-top{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}

    .sol-icon{
      width:52px;height:52px;border-radius:var(--r-sm);
      display:flex;align-items:center;justify-content:center;
      font-size:1.3rem;flex-shrink:0
    }
    .si-green{background:var(--green-light);color:var(--green-dark)}
    .si-blue{background:var(--blue-light);color:var(--blue-dark)}

    .sol-tag{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--green)}
    .sol-card h3{font-size:.98rem;font-weight:700;color:var(--text);margin-top:.15rem}

    .sol-list{list-style:none;display:flex;flex-direction:column;gap:.55rem}
    .sol-list li{
      display:flex;align-items:flex-start;gap:.6rem;
      font-size:.82rem;color:var(--muted);line-height:1.5
    }
    .sol-list li i{color:var(--green);flex-shrink:0;margin-top:.2rem;font-size:.75rem}

    /* ══ CTA BANNER ═══════════════════════════════════════ */
    .cta-section{
      background:linear-gradient(135deg,#FD7D00 0%,#FD7D00 100%);
      padding:5rem 2rem;text-align:center;position:relative;overflow:hidden
    }
    .cta-section::before{
      content:'';position:absolute;top:-100px;right:-100px;
      width:350px;height:350px;border-radius:50%;
      border:60px solid rgba(255,255,255,.06)
    }
    .cta-section::after{
      content:'';position:absolute;bottom:-80px;left:-80px;
      width:280px;height:280px;border-radius:50%;
      border: 50px solid rgba(255, 255, 255, .06);
    }
    .cta-section h2{
      font-family:'Montserrat',sans-serif;font-weight:900;
      font-size:clamp(1.6rem,3vw,2.4rem);color:#fff;
      margin-bottom:.9rem;position:relative;z-index:1
    }
    .cta-section p{
      color:rgba(255,255,255,.75);max-width:480px;margin:0 auto 2rem;
      font-size:.93rem;position:relative;z-index:1;line-height:1.8
    }
    .cta-section .btn-green{position:relative;z-index:1}

    /* ══ CONTATO ══════════════════════════════════════════ */
    #contato{background:var(--white)}

    .contact-grid{
      display:grid;grid-template-columns:1fr 1.25fr;
      gap:4rem;align-items:start
    }

    .contact-info h2{
      font-family:'Montserrat',sans-serif;font-weight:900;
      font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.02em;
      color:var(--text);margin-top:.5rem;margin-bottom:1rem;line-height:1.15
    }
    .contact-info>p{color:var(--muted);font-size:.93rem;line-height:1.85;margin-bottom:2rem}

    .contact-links{display:flex;flex-direction:column;gap:.85rem}
    .c-link{
      display:flex;align-items:center;gap:1rem;
      background:var(--bg);border:1px solid var(--border);
      border-radius:var(--r-md);padding:1rem 1.25rem;
      text-decoration:none;color:var(--text);
      transition:border-color var(--ease),transform var(--ease),box-shadow var(--ease)
    }
    .c-link:hover{border-color:var(--green);transform:translateX(5px);box-shadow:var(--sh-sm)}
    .c-link-icon{
      width:42px;height:42px;border-radius:var(--r-sm);
      background:var(--green-light);display:flex;align-items:center;justify-content:center;
      color:var(--green-dark);font-size:1rem;flex-shrink:0
    }
    .c-link small{display:block;font-size:.67rem;color:var(--subtle);text-transform:uppercase;letter-spacing:.07em}
    .c-link span{font-size:.88rem;font-weight:600;color:var(--text)}

    /* Formulário */
    .form-card{
      background:var(--white);border:1px solid var(--border);
      border-radius:var(--r-lg);padding:2.5rem;box-shadow:var(--sh-md)
    }
    .form-card h3{
      font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.2rem;
      color:var(--text);margin-bottom:.25rem
    }
    .form-card>p{font-size:.83rem;color:var(--muted);margin-bottom:1.75rem}

    .fg{margin-bottom:1.1rem}
    .fg label{
      display:block;font-size:.72rem;font-weight:600;color:var(--muted);
      margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.06em
    }
    .fg input,.fg select,.fg textarea{
      width:100%;background:var(--bg);border:1.5px solid var(--border);
      border-radius:var(--r-sm);padding:.75rem 1rem;
      color:var(--text);font-family:'Inter',sans-serif;font-size:.88rem;
      outline:none;transition:border-color var(--ease),box-shadow var(--ease);
      appearance:none
    }
    .fg input:focus,.fg select:focus,.fg textarea:focus{
      border-color:var(--green);box-shadow:0 0 0 3px rgba(61,181,74,.12)
    }
    .fg input::placeholder,.fg textarea::placeholder{color:var(--subtle)}
    .fg textarea{resize:vertical;min-height:95px}
    .fg-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}

    .btn-submit{
      width:100%;background:var(--green);color:#fff;border:none;
      padding:.9rem;border-radius:var(--r-sm);
      font-family:'Inter',sans-serif;font-weight:700;font-size:.9rem;
      cursor:pointer;margin-top:.25rem;
      box-shadow:0 4px 18px rgba(61,181,74,.25);
      transition:background var(--ease),transform var(--ease),box-shadow var(--ease)
    }
    .btn-submit:hover{
      background:var(--green-dark);transform:translateY(-1px);
      box-shadow:0 8px 26px rgba(61,181,74,.35)
    }
    .error{background:#ff0000 !important;}

    /* ══ FOOTER ═══════════════════════════════════════════ */
    footer{
      background:var(--charcoal);color:rgba(255,255,255,.7);
      padding:2.5rem 2rem
    }
    .footer-inner{
      max-width:1140px;margin:0 auto;
      display:flex;justify-content:space-between;align-items:center;
      flex-wrap:wrap;gap:1rem
    }
    .footer-logo{
      font-family:'Montserrat',sans-serif;font-weight:900;
      font-size:1.4rem;color:#fff;letter-spacing:-.03em;
      display:flex;align-items:center
    }
    .footer-d{
      background:var(--blue);padding:.08em .28em;
      border-radius:3px 10px 10px 3px;margin-left:2px
    }
    .footer-links{display:flex;gap:1.5rem;list-style:none;flex-wrap:wrap}
    .footer-links a{
      color:rgba(255,255,255,.5);text-decoration:none;font-size:.82rem;
      transition:color var(--ease)
    }
    .footer-links a:hover{color:var(--green)}
    .footer-copy{font-size:.76rem;color:rgba(255,255,255,.35)}

    /* ══ FADE-UP ══════════════════════════════════════════ */
    .fu{opacity:0;transform:translateY(28px);transition:opacity .55s ease,transform .55s ease}
    .fu.on{opacity:1;transform:translateY(0)}
    .fu:nth-child(2){transition-delay:.1s}
    .fu:nth-child(3){transition-delay:.2s}
    .fu:nth-child(4){transition-delay:.3s}
    .fu:nth-child(5){transition-delay:.4s}

    /* ══ RESPONSIVE ═══════════════════════════════════════ */
    @media(max-width:980px){
      .hero-inner{grid-template-columns:1fr}
      .hero-visual{display:none}
      .about-grid{grid-template-columns:1fr;gap:3rem}
      .contact-grid{grid-template-columns:1fr;gap:3rem}
    }
    @media(max-width:640px){
      nav{padding:.85rem 1.25rem}
      .nav-links{display:none}
      .hamburger{display:flex}
      section{padding:4rem 1.25rem}
      .fg-row{grid-template-columns:1fr}
      .hero-stats{gap:1.5rem}
      .footer-inner{flex-direction:column;text-align:center}
      .footer-links{justify-content:center}
    }