:root{
    --header-offset: 110px;

    /* =========================
       VISXP TYPOGRAPHY ROOT
    ========================= */
    --heading-font:'Exo 2', sans-serif;
    --body-font:'Roboto', sans-serif;
    --font-main:'Roboto', sans-serif;

    --fw-light:300;
    --fw-regular:400;
    --fw-medium:500;
    --fw-semibold:600;
    --fw-bold:700;
    --fw-extrabold:800;

    --fs-body:16px;
    --fs-small:14px;
    --fs-xs:12px;

    --fs-h1:52px;
    --fs-h2:44px;
    --fs-h3:32px;
    --fs-h4:24px;
    --fs-h5:20px;
    --fs-h6:18px;

    --lh-body:1.7;
    --lh-heading:1.18;
  }

  /* =========================
     GLOBAL TYPOGRAPHY
  ========================= */
  body{
    font-family:var(--font-main);
    font-size:var(--fs-body);
    font-weight:var(--fw-regular);
    line-height:var(--lh-body);
    margin-top: 1px !important;
  }

  p,
  span,
  a,
  li,
  button,
  input,
  textarea,
  label,
  small,
  time,
  div{
    font-family:var(--body-font);
  }

  p{
    font-size:var(--fs-body);
    font-weight:var(--fw-regular);
    line-height:var(--lh-body);
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6{
    font-family:var(--heading-font);
  }

  h1{
    font-size:var(--fs-h1);
    font-weight:var(--fw-extrabold);
    line-height:var(--lh-heading);
  }

  h2{
    font-size:var(--fs-h2);
    font-weight:var(--fw-extrabold);
    line-height:var(--lh-heading);
  }

  h3{
    font-size:var(--fs-h3);
    font-weight:var(--fw-bold);
    line-height:1.25;
  }

  h4{
    font-size:var(--fs-h4);
    font-weight:var(--fw-bold);
    line-height:1.3;
  }

  h5{
    font-size:var(--fs-h5);
    font-weight:var(--fw-semibold);
    line-height:1.35;
  }

  h6{
    font-size:var(--fs-h6);
    font-weight:var(--fw-semibold);
    line-height:1.4;
  }

  .brand-gradient{
    background: linear-gradient(135deg, #0066ff, #00dbde);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .btn{
    display:inline-block;
    padding:12px 30px;
    font-size:16px;
    font-weight:600;
    font-family:var(--body-font);
    text-decoration:none;
    border-radius:30px;
    transition:var(--transition);
    border:none;
    cursor:pointer;
  }

  .btn-glow{
    background:linear-gradient(135deg, #0066ff, #00dbde) !important;
    color:var(--text-light);
    box-shadow:0 1px 2px rgba(26, 202, 225, 0.3);
  }

  .btn-glow:hover{
    color:#fff;
  }

  .btn-outline-light{
    background:transparent;
    color:var(--text-light);
    border:2px solid var(--text-light);
  }

  .visxp-blog-hub{
    background:#ededed;
    padding:0 0 90px;
    overflow:hidden;
  }

  .visxp-blog-container{
    width:100%;
    max-width:1380px;
    margin:0 auto;
    padding:calc(var(--header-offset) + 10px) 20px 0;
  }

  /* FIRST VIEW FIT */
  .visxp-featured-wrap{
    min-height:calc(94vh - var(--header-offset));
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin-top:0;
    margin-bottom:55px;
  }

  .visxp-section-head{
    text-align:center;
    max-width:760px;
    margin:0 auto 18px;
    flex-shrink:0;
  }
  
  .short{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:10px;
    color:#8A2BE2;
    font-weight:600;
    font-size:12px;
    letter-spacing:.8px;
    text-transform:uppercase;
    font-family:var(--body-font);
  }

  .visxp-section-head h2{
    margin:0 0 8px;
    font-size:clamp(24px,3.3vw,34px);
    color:#0B2B3F;
    line-height:1.16;
    font-weight:700;
  }

  .visxp-section-head p{
    margin:0;
    color:#6c757d;
    font-size:14px;
    line-height:1.65;
    font-weight:400;
  }

  .visxp-carousel-shell{
    position:relative;
    background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.88));
    border-radius:30px;
    box-shadow:
      0 18px 44px rgba(11,43,63,.08),
      inset 0 1px 0 rgba(255,255,255,.86);
    backdrop-filter:blur(12px);
    overflow:hidden;
    flex:1;
    display:flex;
    flex-direction:column;
    min-height:0;
  }

  .visxp-carousel-track{
    position:relative;
    flex:1;
    min-height:0;
  }

  .visxp-feature-slide{
    display:none;
    grid-template-columns:1.08fr 1fr;
    align-items:stretch;
    height:100%;
  }

  .visxp-feature-slide.active{
    display:grid;
  }

  .visxp-feature-slide-image{
    min-height:0;
    height:100%;
    overflow:hidden;
    position:relative;
  }

  .visxp-feature-slide-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }

  .visxp-feature-slide-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(11,43,63,.12), transparent 46%);
    pointer-events:none;
  }

  .visxp-feature-slide-content{
    padding:24px 24px 20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  .visxp-feature-chip{
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:fit-content;
    padding:7px 13px;
    border-radius:999px;
    font-size:11px;
    font-weight:600;
    font-family:var(--body-font);
    color:#fff;
    background:linear-gradient(135deg, #0066ff, #00dbde) !important;
    margin-bottom:12px;
  }

  .visxp-feature-slide-content h3{
    margin:0 0 10px;
    font-size:clamp(20px,2.2vw,28px);
    line-height:1.2;
    font-weight:700;
  }

  .visxp-feature-slide-content h3 a{
    color:#0B2B3F;
    text-decoration:none;
  }

  .visxp-feature-slide-content p{
    margin:0 0 14px;
    color:#6c757d;
    font-size:14px;
    line-height:1.65;
    font-weight:400;
  }

  .visxp-meta-row,
  .visxp-story-meta{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    color:#6c757d;
    font-size:13px;
    font-weight:500;
    font-family:var(--body-font);
  }

  .visxp-meta-row{
    margin-bottom:18px;
  }

  .visxp-meta-row span,
  .visxp-story-meta span{
    display:inline-flex;
    align-items:center;
    gap:7px;
  }

  .visxp-readmore-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:fit-content;
    min-height:44px;
    padding:11px 18px;
    border-radius:14px;
    text-decoration:none;
    color:#fff;
    font-weight:600;
    font-size:13px;
    font-family:var(--body-font);
    background:linear-gradient(135deg, #0066ff, #00dbde) !important;
    transition:.3s ease;
    box-shadow:0 10px 22px rgba(138,43,226,.13);
  }

  .visxp-readmore-btn:hover{
    color:#fff;
    transform:translateY(-2px);
    background:linear-gradient(90deg,#8A2BE2,#1acae1);
  }

  .visxp-carousel-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:46px;
    height:46px;
    border:none;
    border-radius:50%;
    background:rgba(255,255,255,.90);
    box-shadow:0 12px 24px rgba(11,43,63,.12);
    color:#0B2B3F;
    font-size:15px;
    cursor:pointer;
    z-index:3;
    backdrop-filter:blur(8px);
  }

  .visxp-carousel-nav.prev{ left:16px; }
  .visxp-carousel-nav.next{ right:16px; }

  .visxp-carousel-dots{
    display:flex;
    justify-content:center;
    gap:10px;
    padding:14px 20px 18px;
    background:transparent;
    flex-shrink:0;
  }

  .visxp-carousel-dots button{
    width:9px;
    height:9px;
    border:none;
    border-radius:50%;
    background:#c9d0d6;
    cursor:pointer;
    transition:.3s ease;
  }

  .visxp-carousel-dots button.active{
    width:28px;
    border-radius:20px;
    background:linear-gradient(90deg,#1acae1,#8A2BE2);
  }

  .visxp-story-zone{
    margin-top:6px;
  }

  .visxp-story-layout{
    display:grid;
    grid-template-columns:1.3fr .9fr;
    gap:26px;
    margin-bottom:28px;
  }

  .visxp-story-feature,
  .visxp-story-mini,
  .visxp-editor-card{
    background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,255,255,.91));
    border-radius:28px;
    border:1px solid rgba(255,255,255,.72);
    box-shadow:
      0 18px 36px rgba(11,43,63,.07),
      inset 0 1px 0 rgba(255,255,255,.88);
    overflow:hidden;
    position:relative;
    transition:.35s ease;
    backdrop-filter:blur(12px);
  }

  .visxp-story-feature::before,
  .visxp-story-mini::before,
  .visxp-editor-card::before{
    content:"";
    position:absolute;
    inset:0;
    padding:1px;
    border-radius:28px;
    background:linear-gradient(135deg, rgba(26,202,225,.28), rgba(138,43,226,.18), rgba(255,255,255,0));
    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
            mask-composite:exclude;
    pointer-events:none;
  }

  .visxp-story-feature:hover,
  .visxp-story-mini:hover,
  .visxp-editor-card:hover{
    transform:translateY(-8px);
    box-shadow:
      0 28px 46px rgba(11,43,63,.12),
      inset 0 1px 0 rgba(255,255,255,.92);
  }

  .visxp-story-feature{
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:470px;
  }

  .visxp-story-feature-img,
  .visxp-story-mini-img,
  .visxp-editor-thumb,
  .visxp-editor-sideimg{
    display:block;
    overflow:hidden;
    position:relative;
  }

  .visxp-story-feature-img::after,
  .visxp-story-mini-img::after,
  .visxp-editor-thumb::after,
  .visxp-editor-sideimg::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(11,43,63,.14), transparent 48%);
    pointer-events:none;
  }

  .visxp-story-feature-img img,
  .visxp-story-mini-img img,
  .visxp-editor-thumb img,
  .visxp-editor-sideimg img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .55s ease;
  }

  .visxp-story-feature:hover img,
  .visxp-story-mini:hover img,
  .visxp-editor-card:hover img{
    transform:scale(1.06);
  }

  .visxp-story-feature-content{
    padding:34px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  .visxp-story-chip{
    display:inline-flex;
    align-items:center;
    gap:7px;
    width:fit-content;
    padding:8px 13px;
    border-radius:999px;
    background:rgba(26,202,225,.08);
    color:#0B2B3F;
    font-size:11px;
    font-weight:600;
    font-family:var(--body-font);
    border:1px solid rgba(26,202,225,.12);
    margin-bottom:14px;
  }

  .visxp-story-chip.small{
    padding:6px 11px;
    font-size:10px;
    margin-bottom:10px;
  }

  .visxp-story-chip.light{
    background:rgba(255,255,255,.16);
    color:#fff;
    border-color:rgba(255,255,255,.18);
  }

  .visxp-story-feature-content h3,
  .visxp-story-mini-content h3,
  .visxp-editor-body h3{
    margin:0 0 10px;
    font-size:clamp(19px,2vw,28px);
    line-height:1.3;
    font-weight:700;
  }

  .visxp-story-mini-content h3,
  .visxp-editor-body h3{
    font-size:20px;
  }

  .visxp-story-feature-content h2{
    margin:0 0 10px;
    font-size:clamp(22px,2.3vw,32px);
    line-height:1.24;
    font-weight:var(--fw-bold);
  }

  .visxp-story-feature-content h2 a{
    color:#0B2B3F;
    text-decoration:none;
  }

  .visxp-story-feature-content h3 a,
  .visxp-story-mini-content h3 a,
  .visxp-editor-body h3 a{
    color:#0B2B3F;
    text-decoration:none;
  }

  .visxp-story-feature-content p,
  .visxp-editor-body p{
    margin:0 0 16px;
    color:#6c757d;
    font-size:14px;
    line-height:1.8;
  }

  .visxp-story-link{
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:fit-content;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    font-family:var(--body-font);
    color:#8A2BE2;
  }

  .visxp-story-link:hover{
    color:#1acae1;
  }

  .visxp-story-link.light-link{
    color:#fff;
  }

  .visxp-story-stack{
    display:flex;
    flex-direction:column;
    gap:18px;
  }

  .visxp-story-mini{
    display:grid;
    grid-template-columns:150px 1fr;
    min-height:145px;
  }

  .visxp-story-mini-content{
    padding:18px 18px 16px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  .visxp-editorial-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
  }

  .visxp-editor-thumb{
    height:220px;
  }

  .visxp-editor-body{
    padding:22px;
  }

  .visxp-editor-card.dark-card{
    background:linear-gradient(180deg, #0f2434, #162c3d);
  }

  .visxp-editor-card.dark-card .visxp-editor-body h3 a,
  .visxp-editor-card.dark-card .visxp-editor-body p,
  .visxp-editor-card.dark-card .visxp-story-link{
    color:#fff;
  }

  .visxp-editor-card.dark-card .visxp-story-chip{
    background:rgba(255,255,255,.12);
    color:#fff;
    border-color:rgba(255,255,255,.12);
  }

  .visxp-editor-card.wide-style{
    grid-column:span 2;
    display:grid;
    grid-template-columns:1.1fr .95fr;
    min-height:320px;
  }

  .visxp-editor-sideimg{
    height:100%;
  }

  .visxp-editor-card.gradient-card{
    background:linear-gradient(135deg,#0B2B3F 0%, #284057 45%, #8A2BE2 100%);
  }

  .visxp-editor-card.gradient-card .visxp-editor-body h3 a,
  .visxp-editor-card.gradient-card .visxp-editor-body p{
    color:#fff;
  }

  .visxp-editor-card.quote-style{
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.95));
  }

  .visxp-quote-icon{
    position:absolute;
    top:18px;
    right:20px;
    width:44px;
    height:44px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(90deg,#1acae1,#8A2BE2);
    color:#fff;
    box-shadow:0 10px 20px rgba(138,43,226,.16);
    z-index:2;
  }

  .light-meta{
    color:rgba(255,255,255,.82);
    margin-bottom:16px;
  }

  @media (max-width:1199px){
    :root{
      --header-offset: 95px;
    }

    .visxp-blog-container{
      padding:calc(var(--header-offset) + 10px) 18px 0;
    }

    .visxp-featured-wrap{
      min-height:auto;
      display:block;
    }

    .visxp-feature-slide{
      grid-template-columns:1fr;
    }

    .visxp-feature-slide-image{
      min-height:230px;
      height:230px;
    }

    .visxp-story-layout{
      grid-template-columns:1fr;
    }

    .visxp-story-feature{
      min-height:auto;
    }

    .visxp-editorial-grid{
      grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .visxp-editor-card.wide-style{
      grid-column:span 2;
    }
  }

  @media(max-width:768px){
    :root{
      --fs-body:14px;
      --fs-h1:32px;
      --fs-h2:28px;
      --fs-h3:22px;
      --fs-h4:18px;
      --fs-h5:16px;
      --fs-h6:14px;
    }
  }

  @media (max-width:767px){
    :root{
      --header-offset: 82px;
    }

    .visxp-blog-hub{
      padding-top:40px;
      padding-bottom:65px;
      background:
        radial-gradient(circle at top left, rgba(26,202,225,.08), transparent 28%),
        radial-gradient(circle at top right, rgba(138,43,226,.08), transparent 28%),
        #ededed;
    }

    .visxp-blog-container{
      padding:calc(var(--header-offset) + 8px) 14px 0;
    }

    .visxp-featured-wrap{
      min-height:auto;
      margin-bottom:42px;
    }

    .visxp-section-head{
      margin-bottom:14px;
      padding:0 2px;
    }

    .short{
      font-size:11px;
      letter-spacing:.7px;
      margin-bottom:8px;
    }

    .visxp-section-head h2{
      font-size:var(--fs-h2) !important;
      line-height:1.16 !important;
      letter-spacing:-0.6px !important;
      font-weight:var(--fw-extrabold) !important;
      margin-bottom:8px;
    }

    .visxp-section-head p{
      font-size:var(--fs-body) !important;
      line-height:1.65 !important;
    }

    .visxp-carousel-shell{
      border-radius:24px;
      background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.84));
      box-shadow:
        0 14px 32px rgba(11,43,63,.08),
        inset 0 1px 0 rgba(255,255,255,.95);
      border:1px solid rgba(255,255,255,.65);
      backdrop-filter:blur(16px);
    }

    .visxp-feature-slide{
      grid-template-columns:1fr;
    }

    .visxp-feature-slide-image{
      min-height:210px;
      height:210px;
      border-bottom-left-radius:18px;
      border-bottom-right-radius:18px;
      overflow:hidden;
    }

    .visxp-feature-slide-image img{
      transform:scale(1.03);
    }

    .visxp-feature-slide-content{
      padding:18px 16px 16px;
    }

    .visxp-feature-chip{
      font-size:10px;
      padding:7px 12px;
      margin-bottom:10px;
      border-radius:999px;
      box-shadow:0 8px 18px rgba(138,43,226,.12);
    }

    .visxp-feature-slide-content h3{
      font-size:var(--fs-h3) !important;
      line-height:1.25 !important;
      font-weight:var(--fw-bold) !important;
      margin-bottom:10px;
    }

    .visxp-feature-slide-content p{
      font-size:var(--fs-body) !important;
      line-height:1.65 !important;
      margin-bottom:12px;
    }

    .visxp-meta-row{
      margin-bottom:14px;
      font-size:12px;
      gap:10px;
    }

    .visxp-readmore-btn{
      min-height:42px;
      padding:10px 16px;
      font-size:12px;
      border-radius:14px;
    }

    .visxp-carousel-nav{
      width:40px;
      height:40px;
      font-size:13px;
      background:rgba(255,255,255,.92);
      box-shadow:0 10px 20px rgba(11,43,63,.12);
    }

    .visxp-carousel-nav.prev{ left:10px; }
    .visxp-carousel-nav.next{ right:10px; }

    .visxp-carousel-dots{
      padding:12px 16px 16px;
    }

    .visxp-carousel-dots button{
      width:8px;
      height:8px;
    }

    .visxp-carousel-dots button.active{
      width:24px;
    }

    .visxp-story-layout{
      grid-template-columns:1fr;
      gap:16px;
      margin-bottom:18px;
    }

    .visxp-story-feature,
    .visxp-story-mini,
    .visxp-editor-card{
      border-radius:22px;
      background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.88));
      box-shadow:
        0 14px 28px rgba(11,43,63,.07),
        inset 0 1px 0 rgba(255,255,255,.92);
    }

    .visxp-story-feature::before,
    .visxp-story-mini::before,
    .visxp-editor-card::before{
      border-radius:22px;
    }

    .visxp-story-feature{
      grid-template-columns:1fr;
    }

    .visxp-story-feature-img{
      min-height:230px;
    }

    .visxp-story-feature-content{
      padding:18px 16px 16px;
    }

    .visxp-story-feature-content h2{
      font-size:var(--fs-h3) !important;
      line-height:1.28 !important;
      font-weight:var(--fw-bold) !important;
      margin-bottom:10px;
    }

    .visxp-story-feature-content p,
    .visxp-editor-body p{
      font-size:var(--fs-body) !important;
      line-height:1.65 !important;
    }

    .visxp-story-chip{
      padding:7px 11px;
      font-size:10px;
      margin-bottom:10px;
    }

    .visxp-story-mini{
      grid-template-columns:110px 1fr;
      min-height:120px;
    }

    .visxp-story-mini-content{
      padding:14px;
    }

    .visxp-story-mini-content h3,
    .visxp-editor-body h3{
      font-size:var(--fs-h4) !important;
      line-height:1.32 !important;
      font-weight:var(--fw-bold) !important;
      margin-bottom:8px;
    }

    .visxp-story-meta{
      font-size:12px;
      gap:10px;
    }

    .visxp-story-link{
      font-size:13px;
      gap:7px;
    }

    .visxp-editorial-grid{
      grid-template-columns:1fr;
      gap:18px;
    }

    .visxp-editor-card.wide-style{
      grid-column:auto;
      grid-template-columns:1fr;
      min-height:auto;
    }

    .visxp-editor-sideimg{
      min-height:220px;
      order:-1;
    }

    .visxp-editor-thumb{
      height:210px;
    }

    .visxp-editor-body{
      padding:16px;
    }

    .visxp-quote-icon{
      width:40px;
      height:40px;
      top:14px;
      right:14px;
      border-radius:12px;
      font-size:13px;
    }

    .light-meta{
      margin-bottom:12px;
      font-size:12px;
    }
  }

  @media (max-width:480px){
    .visxp-section-head h2{
      font-size:var(--fs-h2) !important;
    }

    .visxp-feature-slide-content h3{
      font-size:var(--fs-h3) !important;
    }

    .visxp-story-feature-content h2{
      font-size:var(--fs-h3) !important;
    }

    .visxp-story-mini{
      grid-template-columns:1fr;
    }

    .visxp-story-mini-img{
      min-height:170px;
    }

    .visxp-story-mini-content{
      padding:15px;
    }
  }