:root{
      --br-bg:#07162E;
      --br-bg2:#041128;
      --br-blue:#1E90FF;
      --br-cyan:#00C2FF;
      --br-text:#f0f4ff;
      --br-muted:rgba(160,185,230,.52);
      /* ✅ FIX #8: --br-border ahora se usa en .brnd-panel y .brnd-svc-card */
      --br-border:rgba(0,194,255,.12);
    }
 
    .brnd-wrap{background:var(--br-bg);font-family:'Inter',system-ui,sans-serif;color:var(--br-text);overflow-x:hidden}
 
    /* ── Animaciones ── */
    @keyframes brnd-fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
    @keyframes brnd-glow{0%,100%{opacity:.5}50%{opacity:1}}
    @keyframes brnd-scan{from{transform:translateX(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateX(600%);opacity:0}}
    @keyframes brnd-dot{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}
    @keyframes brnd-shimmer{0%{background-position:-200% center}100%{background-position:200% center}}
    @keyframes brnd-pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,194,255,.4)}50%{box-shadow:0 0 0 8px rgba(0,194,255,.0)}}
 
    /* ══════════════════════════════════════
       HERO
    ══════════════════════════════════════ */
    .brnd-hero{
      position:relative;min-height:90vh;display:flex;align-items:center;overflow:hidden;
      background-image:url('../img/branding-hero.webp');
      background-size:cover;background-position:center right;background-repeat:no-repeat;
      background-color:var(--br-bg);
    }
    .brnd-hero::before{
      content:'';position:absolute;inset:0;
      background:linear-gradient(100deg,rgba(4,17,40,.96) 0%,rgba(4,17,40,.88) 38%,rgba(4,17,40,.55) 62%,rgba(4,17,40,.12) 100%);
      z-index:1;
    }
    .brnd-hero__grid{
      position:absolute;inset:0;z-index:2;
      background-image:linear-gradient(rgba(0,194,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(0,194,255,.028) 1px,transparent 1px);
      background-size:52px 52px;pointer-events:none;
    }
    .brnd-hero__glow-l{
      position:absolute;top:-10%;left:-8%;z-index:2;width:700px;height:700px;
      background:radial-gradient(ellipse,rgba(30,144,255,.14) 0%,transparent 65%);
      pointer-events:none;animation:brnd-glow 8s ease-in-out infinite;
    }
    .brnd-hero__glow-b{
      position:absolute;bottom:-10%;left:18%;z-index:2;width:500px;height:300px;
      background:radial-gradient(ellipse,rgba(0,194,255,.08) 0%,transparent 70%);
      pointer-events:none;animation:brnd-glow 6s ease-in-out 2s infinite;
    }
    .brnd-hero__scan{
      position:absolute;top:42%;left:0;z-index:3;width:260px;height:1px;
      background:linear-gradient(90deg,transparent,rgba(0,194,255,.5),transparent);
      animation:brnd-scan 5s ease-in-out 1s infinite;pointer-events:none;
    }
    .brnd-hero__line{
      position:absolute;left:0;top:0;bottom:0;z-index:3;width:3px;
      background:linear-gradient(to bottom,transparent 0%,var(--br-blue) 30%,var(--br-cyan) 60%,transparent 100%);
      opacity:.5;
    }
    .brnd-hero__inner{
      position:relative;z-index:10;width:100%;max-width:1200px;margin:0 auto;
      padding:clamp(5rem,10vw,8rem) clamp(1.5rem,5vw,4rem);
      display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2.5rem,6vw,5rem);
    }
 
    /* Copy */
    .brnd-hero__copy{animation:brnd-fadeUp .7s cubic-bezier(.22,1,.36,1) .1s both}
    .brnd-hero__chip{
      display:inline-flex;align-items:center;gap:10px;
      background:rgba(0,194,255,.08);border:1px solid rgba(0,194,255,.25);
      border-radius:40px;padding:8px 18px;
      font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
      color:var(--br-cyan);margin-bottom:28px;backdrop-filter:blur(6px);
    }
    .brnd-hero__chip-dot{
      width:7px;height:7px;border-radius:50%;background:var(--br-cyan);
      animation:brnd-dot 2s ease-in-out infinite;flex-shrink:0;
    }
    .brnd-hero__title{
      font-family:'Syne',sans-serif;font-size:clamp(2.5rem,4.5vw,4.4rem);
      font-weight:900;line-height:1.05;letter-spacing:-.035em;color:#fff;margin-bottom:22px;
      text-shadow:0 2px 40px rgba(0,0,0,.5);
    }
    .brnd-hero__title .brnd-accent{
      background:linear-gradient(110deg,var(--br-blue) 10%,var(--br-cyan) 90%);
      -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
      filter:drop-shadow(0 0 20px rgba(0,194,255,.4));
    }
    .brnd-hero__desc{
      font-size:clamp(15px,1.4vw,17px);line-height:1.8;color:rgba(255,255,255,.85);
      max-width:480px;margin-bottom:40px;font-weight:300;
      text-shadow:0 1px 20px rgba(0,0,0,.6);
    }
    .brnd-hero__btns{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:52px}
 
    .brnd-btn-primary{
      display:inline-flex;align-items:center;gap:10px;padding:16px 30px;
      font-size:15px;font-weight:700;color:#fff!important;text-decoration:none!important;
      border-radius:12px;
      background:linear-gradient(135deg,#0f5ee0,#00b4f0);
      box-shadow:0 6px 40px rgba(0,160,255,.5),0 1px 0 rgba(255,255,255,.18) inset,0 -1px 0 rgba(0,0,0,.15) inset;
      position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s;
    }
    .brnd-btn-primary::before{
      content:'';position:absolute;inset:0;
      background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);
      background-size:200% 100%;animation:brnd-shimmer 3s ease-in-out 1.5s infinite;
    }
    .brnd-btn-primary::after{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:rgba(255,255,255,.45)}
    .brnd-btn-primary:hover{transform:translateY(-4px);box-shadow:0 14px 56px rgba(0,160,255,.65),0 1px 0 rgba(255,255,255,.18) inset}
    .brnd-btn-primary span,.brnd-btn-primary i{position:relative;z-index:1}
    .brnd-btn-primary i{transition:transform .2s}
    .brnd-btn-primary:hover i{transform:translateX(5px)}
 
    .brnd-btn-ghost{
      display:inline-flex;align-items:center;gap:12px;padding:15px 24px;
      font-size:15px;font-weight:600;color:rgba(255,255,255,.7)!important;text-decoration:none!important;
      border-radius:12px;border:1px solid rgba(255,255,255,.15);
      background:rgba(255,255,255,.04);backdrop-filter:blur(8px);transition:all .2s;
    }
    .brnd-btn-ghost:hover{border-color:rgba(0,194,255,.45);color:#fff!important;background:rgba(0,194,255,.09);transform:translateY(-3px)}
 
    /* Features hero */
    .brnd-hero__feats{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;animation:brnd-fadeUp .6s cubic-bezier(.22,1,.36,1) .5s both}
    .brnd-hero__feat{
      display:flex;align-items:center;gap:10px;
      background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
      border-radius:12px;padding:10px 14px;backdrop-filter:blur(8px);
      transition:border-color .2s,background .2s;
    }
    .brnd-hero__feat:hover{border-color:rgba(0,194,255,.25);background:rgba(0,194,255,.06)}
    .brnd-hero__feat-icon{
      width:34px;height:34px;border-radius:9px;background:rgba(0,194,255,.1);
      border:1px solid rgba(0,194,255,.18);display:flex;align-items:center;justify-content:center;
      font-size:14px;color:var(--br-cyan);flex-shrink:0;
    }
    .brnd-hero__feat-text strong{display:block;font-size:12.5px;font-weight:700;color:rgba(255,255,255,.75)}
    .brnd-hero__feat-text span{font-size:11px;color:rgba(255,255,255,.35)}
 
    /* Panel derecho — preview de branding */
    .brnd-hero__visual{animation:brnd-fadeUp .7s cubic-bezier(.22,1,.36,1) .25s both}
    .brnd-panel{
      /* ✅ FIX #8: usando --br-border */
      background:#0d1a32;border:1px solid var(--br-border);border-radius:20px;
      overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(0,194,255,.06);
    }
    .brnd-panel__bar{
      background:#091426;padding:13px 18px;display:flex;align-items:center;gap:8px;
      border-bottom:1px solid rgba(255,255,255,.05);
    }
    .brnd-panel__dot{width:10px;height:10px;border-radius:50%}
    .brnd-panel__dot--r{background:#ff5f56}.brnd-panel__dot--y{background:#febc2e}.brnd-panel__dot--g{background:#27c93f}
    .brnd-panel__tab{margin-left:10px;font-size:11px;color:rgba(255,255,255,.3);letter-spacing:.04em}
    .brnd-panel__body{padding:20px}
 
    /* Color palette mock */
    .brnd-mock-label{font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(0,194,255,.45);margin-bottom:10px}
    .brnd-mock-palette{display:flex;gap:6px;margin-bottom:16px}
    .brnd-mock-swatch{
      flex:1;height:36px;border-radius:8px;position:relative;overflow:hidden;cursor:default;
    }
    /* ✅ FIX #4: display:block en lugar de display:flex en ::after (es pseudo-elemento) */
    .brnd-mock-swatch::after{
      content:attr(data-hex);
      position:absolute;bottom:3px;left:0;right:0;
      display:block;
      text-align:center;
      font-size:8px;font-weight:600;letter-spacing:.04em;
    }
    /* ✅ FIX #2: color de texto legible según luminosidad del swatch */
    .brnd-mock-swatch--dark::after { color:rgba(255,255,255,.65); }
    .brnd-mock-swatch--light::after { color:rgba(0,0,0,.55); }
 
    /* Typography mock */
    .brnd-mock-typo{
      background:#0a1428;border:1px solid rgba(255,255,255,.06);border-radius:10px;
      padding:14px 16px;margin-bottom:14px;
    }
    .brnd-mock-typo-h{font-family:'Syne',sans-serif;font-size:20px;font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1}
    .brnd-mock-typo-sub{font-size:11px;color:rgba(255,255,255,.3);margin-top:4px;font-weight:300}
 
    /* Logo area mock */
    .brnd-mock-logo{
      background:linear-gradient(135deg,rgba(30,144,255,.08) 0%,rgba(0,194,255,.04) 100%);
      border:1px solid rgba(0,194,255,.12);border-radius:10px;
      padding:16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;
    }
    .brnd-mock-logo-mark{
      width:38px;height:38px;border-radius:10px;
      background:linear-gradient(135deg,var(--br-blue),var(--br-cyan));
      display:flex;align-items:center;justify-content:center;
      font-size:18px;color:#07162E;font-weight:900;font-family:'Syne',sans-serif;
    }
    .brnd-mock-logo-text{text-align:right}
    .brnd-mock-logo-name{font-family:'Syne',sans-serif;font-size:14px;font-weight:800;color:#fff}
    .brnd-mock-logo-tag{font-size:10px;color:rgba(255,255,255,.3);font-weight:300}
 
    /* Deliverables mock */
    .brnd-mock-pills{display:flex;flex-wrap:wrap;gap:6px}
    .brnd-mock-pill{
      display:inline-flex;align-items:center;gap:5px;padding:5px 11px;
      background:rgba(0,194,255,.07);border:1px solid rgba(0,194,255,.2);
      border-radius:100px;font-size:10px;color:rgba(0,194,255,.8);font-weight:500;
    }
    .brnd-mock-pill i{font-size:11px}
 
    /* ══════════════════════════════════════
       SERVICIOS
    ══════════════════════════════════════ */
    .brnd-services{
      background:#050E1F;
      padding:clamp(4rem,7vw,6rem) clamp(1.5rem,4vw,3rem);
      position:relative;overflow:hidden;
    }
    .brnd-services::before{
      content:'';position:absolute;inset:0;
      background-image:linear-gradient(rgba(0,80,200,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(0,80,200,.022) 1px,transparent 1px);
      background-size:52px 52px;pointer-events:none;
    }
    .brnd-services::after{
      content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);
      width:800px;height:280px;pointer-events:none;
      background:radial-gradient(ellipse,rgba(0,100,255,.07) 0%,transparent 65%);
    }
    .brnd-section-inner{position:relative;z-index:2;max-width:1180px;margin:0 auto}
    .brnd-section-head{text-align:center;margin-bottom:56px}
    .brnd-eyebrow{
      font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
      color:rgba(0,194,255,.75);display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;
    }
    .brnd-eyebrow::before,.brnd-eyebrow::after{content:'';display:block;width:28px;height:1px;background:rgba(0,194,255,.3);flex-shrink:0}
    .brnd-section-title{
      font-family:'Syne',sans-serif;font-size:clamp(1.9rem,3vw,2.8rem);font-weight:800;
      color:var(--br-text);letter-spacing:-.035em;
    }
    .brnd-section-title span{
      background:linear-gradient(110deg,var(--br-blue),var(--br-cyan));
      -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
    }
    .brnd-section-sub{font-size:15px;color:rgba(255,255,255,.76);line-height:1.7;max-width:480px;font-weight:300;margin:.75rem auto 0}
 
    .brnd-services__grid{
      display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
      /* ✅ FIX #8: usando --br-border para el background del grid gap */
      background:rgba(255,255,255,.06);border-radius:20px;overflow:hidden;
      border:1px solid rgba(255,255,255,.06);
    }
    .brnd-svc-card{
      background:#060F22;padding:40px 30px;display:flex;flex-direction:column;
      gap:16px;transition:background .3s;position:relative;overflow:hidden;
    }
    .brnd-svc-card::after{
      content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
      background:linear-gradient(90deg,transparent,rgba(0,194,255,.4),transparent);
      transform:scaleX(0);transition:transform .4s;transform-origin:center;
    }
    .brnd-svc-card:hover{background:#08132A}.brnd-svc-card:hover::after{transform:scaleX(1)}
    .brnd-svc-card__num{font-size:10px;font-weight:700;color:rgba(0,194,255,.35);letter-spacing:.15em;margin-bottom:4px}
    .brnd-svc-card__icon{
      width:52px;height:52px;border-radius:14px;background:rgba(0,194,255,.07);
      border:1px solid rgba(0,194,255,.15);display:flex;align-items:center;justify-content:center;
      font-size:23px;color:var(--br-cyan);transition:all .3s;
    }
    .brnd-svc-card:hover .brnd-svc-card__icon{background:rgba(0,194,255,.14);border-color:rgba(0,194,255,.3);box-shadow:0 0 22px rgba(0,194,255,.18)}
    .brnd-svc-card__title{font-family:'Syne',sans-serif;font-size:16px;font-weight:700;color:#EEF2FF;line-height:1.3}
    .brnd-svc-card__desc{font-size:13px;color:var(--br-muted);line-height:1.75;font-weight:300;flex:1}
    .brnd-svc-card__tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
    .brnd-svc-card__tag{
      font-size:10px;padding:3px 10px;border-radius:100px;
      background:rgba(0,194,255,.07);border:1px solid rgba(0,194,255,.16);color:rgba(0,194,255,.65);
    }
 
    /* ══════════════════════════════════════
       PROCESO
    ══════════════════════════════════════ */
    .brnd-process{
      background:var(--br-bg2);padding:clamp(4rem,7vw,6rem) clamp(1.5rem,4vw,3rem);
      border-top:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;
    }
    .brnd-process__grid{
      display:grid;grid-template-columns:repeat(5,1fr);gap:0;
      position:relative;margin-top:52px;
    }
    .brnd-process__grid::before{
      content:'';position:absolute;top:28px;left:10%;right:10%;height:1px;
      background:linear-gradient(90deg,transparent,rgba(0,194,255,.25),rgba(0,194,255,.25),transparent);z-index:0;
    }
    .brnd-proc-step{text-align:center;padding:0 14px;position:relative;z-index:1}
    .brnd-proc-step__bubble{
      width:56px;height:56px;border-radius:50%;background:#091426;
      border:1px solid rgba(0,194,255,.28);display:flex;align-items:center;justify-content:center;
      margin:0 auto 18px;font-size:21px;color:var(--br-cyan);
      box-shadow:0 0 0 8px rgba(0,194,255,.04);position:relative;
      animation:brnd-pulse 3s ease-in-out infinite;
    }
    /* ✅ FIX #7: display:flex + centrado correcto para el número del paso */
    .brnd-proc-step__bubble::after{
      content:attr(data-n);
      position:absolute;top:-5px;right:-5px;
      width:18px;height:18px;border-radius:50%;
      background:linear-gradient(135deg,var(--br-blue),var(--br-cyan));
      font-size:9px;font-weight:700;color:#041128;
      display:flex;align-items:center;justify-content:center;
    }
    .brnd-proc-step__title{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;color:#e8e0ff;margin-bottom:7px}
    .brnd-proc-step__desc{font-size:11.5px;color:var(--br-muted);line-height:1.7;font-weight:300}
 
    /* ══════════════════════════════════════
       POR QUÉ BRANDING
    ══════════════════════════════════════ */
    .brnd-why{
      background:#050E1F;padding:clamp(4rem,7vw,6rem) clamp(1.5rem,4vw,3rem);
      border-top:1px solid rgba(255,255,255,.05);
      position:relative;overflow:hidden;
    }
    .brnd-why::before{
      content:'';position:absolute;top:-80px;left:-60px;
      width:500px;height:400px;pointer-events:none;
      background:radial-gradient(ellipse,rgba(255,50,50,.04) 0%,transparent 65%);
    }
    .brnd-why::after{
      content:'';position:absolute;top:-60px;right:-80px;
      width:500px;height:400px;pointer-events:none;
      background:radial-gradient(ellipse,rgba(0,160,255,.06) 0%,transparent 65%);
    }
    .brnd-why__grid{
      display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;
      margin-top:52px;position:relative;z-index:2;
    }
    .brnd-why__col{padding:0 28px}
    .brnd-why__col-eyebrow{
      display:inline-flex;align-items:center;gap:8px;font-size:9px;font-weight:700;
      letter-spacing:.28em;text-transform:uppercase;margin-bottom:18px;
    }
    .brnd-why__col-eyebrow-prob{color:rgba(255,80,80,.7)}
    .brnd-why__col-eyebrow-sol{color:rgba(0,194,255,.7)}
    .brnd-why__col-eyebrow-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;animation:brnd-dot 2s ease-in-out infinite}
    .brnd-why__col-eyebrow-prob .brnd-why__col-eyebrow-dot{background:rgba(255,80,80,.8)}
    .brnd-why__col-eyebrow-sol .brnd-why__col-eyebrow-dot{background:#00C2FF;box-shadow:0 0 8px #00C2FF}
    .brnd-why__col-title{font-family:'Syne',sans-serif;font-size:clamp(18px,2vw,24px);font-weight:900;letter-spacing:-.03em;line-height:1.15;color:#fff;margin-bottom:26px}
    .brnd-why__items{display:flex;flex-direction:column;gap:13px}
    .brnd-why__item{display:flex;align-items:flex-start;gap:13px;font-size:13.5px;color:rgba(255,255,255,.45);font-weight:300;line-height:1.55}
    .brnd-why__icon{width:24px;height:24px;border-radius:50%;flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;font-size:12px}
    .brnd-why__icon--x{background:rgba(255,50,50,.08);border:1px solid rgba(255,50,50,.18);color:rgba(255,90,90,.85)}
    .brnd-why__icon--ok{background:rgba(0,194,255,.08);border:1px solid rgba(0,194,255,.2);color:#00C2FF}
 
    /* Orb central */
    .brnd-why__orb-col{display:flex;flex-direction:column;align-items:center;justify-content:center;height:240px}
    .brnd-why__orb-wrap{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
    .brnd-why__ring{position:absolute;border-radius:50%;border:1px solid rgba(0,160,255,.35);width:80px;height:80px}
    .brnd-why__ring--1{animation:brnd-glow 3s ease-out infinite}
    .brnd-why__ring--2{border-color:rgba(0,160,255,.2);width:96px;height:96px;animation:brnd-glow 3s ease-out .8s infinite}
    .brnd-why__orb{
      width:64px;height:64px;border-radius:50%;
      background:linear-gradient(135deg,#0a3fa0 0%,#0d74d4 45%,#00b4f0 100%);
      border:1px solid rgba(100,200,255,.3);
      box-shadow:0 0 0 1px rgba(0,140,255,.15),0 0 20px rgba(0,140,255,.5),inset 0 1px 0 rgba(255,255,255,.2);
      display:flex;align-items:center;justify-content:center;position:relative;z-index:2;
    }
    .brnd-why__orb i{color:#fff;font-size:24px;text-shadow:0 0 12px rgba(255,255,255,.6)}
 
    /* ══════════════════════════════════════
       HERRAMIENTAS
    ══════════════════════════════════════ */
    .brnd-tools{
      background:var(--br-bg2);padding:clamp(3rem,5vw,4.5rem) clamp(1.5rem,4vw,3rem);
      border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);
    }
    .brnd-tools__grid{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:26px}
    .brnd-tools__item{
      display:flex;align-items:center;gap:8px;padding:10px 20px;
      background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
      border-radius:100px;font-size:13px;color:rgba(255,255,255,.55);font-weight:500;
      transition:all .25s;cursor:default;position:relative;overflow:hidden;
    }
    .brnd-tools__item::before{content:'';position:absolute;inset:0;background:rgba(0,194,255,.07);transform:scaleX(0);transform-origin:left;transition:transform .3s}
    .brnd-tools__item:hover{border-color:rgba(0,194,255,.3);color:#fff}.brnd-tools__item:hover::before{transform:scaleX(1)}
    .brnd-tools__item i{font-size:17px;color:var(--br-cyan);position:relative;z-index:1}
    .brnd-tools__item span{position:relative;z-index:1}
 
    /* ══════════════════════════════════════
       CTA
    ══════════════════════════════════════ */
    .brnd-cta{
      position:relative;
      background-image:url('../img/fondo-futu.webp');
      background-size:cover;background-position:center;overflow:hidden;
    }
    .brnd-cta__overlay{
      position:absolute;inset:0;
      background:linear-gradient(90deg,rgba(3,8,30,.96) 0%,rgba(3,8,30,.7) 50%,rgba(3,8,30,.5) 100%);
    }
    .brnd-cta__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:350px;background:radial-gradient(ellipse,rgba(30,144,255,.15) 0%,transparent 65%);pointer-events:none}
    .brnd-cta__ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(0,194,255,.07);pointer-events:none}
    .brnd-cta__ring--sm{width:500px;height:500px}
    .brnd-cta__ring--lg{width:850px;height:850px;border-color:rgba(0,194,255,.03)}
    .brnd-cta__inner{position:relative;z-index:2;text-align:center;max-width:580px;margin:0 auto;padding:clamp(5rem,9vw,7rem) clamp(1.5rem,4vw,3rem)}
    .brnd-cta__badge{
      display:inline-flex;align-items:center;gap:8px;padding:7px 16px;
      background:rgba(0,194,255,.07);border:1px solid rgba(0,194,255,.22);
      border-radius:40px;font-size:11px;color:rgba(0,194,255,.85);
      font-weight:600;letter-spacing:.08em;margin-bottom:28px;text-transform:uppercase;
    }
    .brnd-cta__inner h2{font-family:'Syne',sans-serif;font-size:clamp(1.9rem,3.5vw,3rem);font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:-.04em;line-height:1.1}
    .brnd-cta__inner h2 em{font-style:normal;background:linear-gradient(120deg,var(--br-blue),var(--br-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .brnd-cta__inner p{font-size:14px;color:rgba(255,255,255,.4);margin-bottom:36px;line-height:1.8;font-weight:300}
 
    /* RESPONSIVE */
    @media(max-width:960px){
      .brnd-hero__inner{grid-template-columns:1fr}
      .brnd-hero__visual{display:none}
      .brnd-services__grid{grid-template-columns:repeat(2,1fr)}
      .brnd-process__grid{grid-template-columns:repeat(3,1fr);gap:24px}
      .brnd-process__grid::before{display:none}
      .brnd-why__grid{grid-template-columns:1fr;gap:28px}
      .brnd-why__orb-col{height:auto;flex-direction:row;justify-content:center}
      .brnd-why__col{padding:0}
    }
    @media(max-width:560px){
      .brnd-services__grid{grid-template-columns:1fr}
      .brnd-process__grid{grid-template-columns:repeat(2,1fr)}
    }