/* ========== V2P DESIGN SYSTEM — sync.blue DS ========== */
  .v2p{
    /* ---- sync.blue DS tokens ---- */
    --navy:      #00026A;
    --navy-80:   rgba(0,2,106,.8);
    --navy-60:   rgba(0,2,106,.6);
    --navy-20:   rgba(0,2,106,.2);
    --accent:    #0288FC;
    --accent-hover:#0070d6;
    --blob:      #9AC0FE;
    /* Brand surfaces sampled from the live homepage (www.sync.blue):
       light-blue card/section surface + near-white card on blue sections */
    --tint:      #DEECFD;
    --tint-card: #F7FBFF;

    /* neutrals */
    --n-800:#0E0E0E;
    --n-700:#424242;
    --n-600:#777777;
    --n-500:#939393;
    --n-400:#AEAEAE;
    --n-300:#C8C8C8;
    --n-200:#F8F8F8;
    --n-100:#FFFFFF;

    /* state */
    --error:  #FF5252;
    --warning:#FB8C00;
    --success:#4CAF50;
    --info:   #2196F3;

    /* shadows */
    --shadow-card: 0px 6px 20px 0px rgba(19,23,48,.11);
    --shadow-xl:   0px 20px 60px -16px rgba(0,2,106,.20);
    --shadow-hair: 0px 1px 12px 0px rgba(0,2,106,.20);

    /* radii */
    --r-xs: 6px;
    --r-sm: 12px;
    --r-md: 24px;
    --r-lg: 36px;
    --r-card: 20px; /* homepage card radius (--sb-radius-card) */
    --r-pill: 999px;

    --maxw: 980px;

    font-family:"Titillium Web", system-ui, sans-serif;
    color:var(--navy);
    font-size:16px;
    line-height:24px;
    -webkit-font-smoothing:antialiased;
  }
  .v2p a{color:var(--accent);text-decoration:none}
  .v2p a:hover{color:var(--accent-hover);text-decoration:underline}

  /* ---------- layout ---------- */
  .v2p-wrap{max-width:var(--maxw);margin:0 auto;padding:0 30px}
  .v2p .eyebrow{
    font-family:"PT Sans", sans-serif; font-weight:700;
    font-size:20px; letter-spacing:.18em;
    color:var(--accent);
  }
  .v2p .mono{font-family:"PT Sans", sans-serif; font-weight:700; letter-spacing:.02em}
  .v2p h1,.v2p h2,.v2p h3,.v2p h4{font-family:"PT Sans", sans-serif; font-weight:700; color:var(--navy); letter-spacing:-0.01em; margin:0}
  .v2p h1{font-size:clamp(50px, 4vw, 57px); line-height:1.14}
  .v2p h2{font-size:36px; line-height:1.2}
  .v2p h3{font-size:23px; line-height:30px}
  .v2p h4{font-size:20px; line-height:28px}
  .v2p p{margin-top:30px}
  .v2p p.body-text{margin:0; font-family:"Titillium Web"; font-size:16px; line-height:24px; color:var(--navy-80); text-wrap:pretty}
  /* section label w/ DS 3-px accent underline */
  .v2p .label{
    display:inline-block; padding-bottom:14px; margin-bottom:24px;
    position:relative;
    font-family:"PT Sans", sans-serif; font-weight:700;
    font-size:36px; line-height:1.2; color:var(--navy);
  }
  .v2p .label::after{
    content:""; position:absolute; left:0; bottom:0;
    width:140px; height:3px; background:var(--accent);
  }

  /* ---------- DS buttons ---------- */
  .v2p .btn-v2{
    display:inline-flex;align-items:center;gap:8px;
    padding:14px 28px; border-radius:var(--r-pill);
    font-family:"PT Sans", sans-serif; font-weight:700;
    font-size:15px; letter-spacing:.02em;
    border:2px solid transparent; cursor:pointer;
    transition:transform .15s ease, background .2s, box-shadow .2s, color .2s, border-color .2s;
    text-decoration:none;
  }
  .v2p .btn-v2:hover{text-decoration:none}
  .v2p .btn-v2-blue{background:var(--accent); color:#fff}
  .v2p .btn-v2-blue:hover{background:var(--accent-hover); color:#fff; transform:translateY(-1px)}
  .v2p .btn-v2-orange{background:var(--warning); color:#fff}
  .v2p .btn-v2-orange:hover{background:#e67e00; color:#fff; transform:translateY(-1px)}
  .v2p .btn-v2-grey{background:#999998; color:#fff}
  .v2p .btn-v2-grey:hover{background:#888887; color:#fff; transform:translateY(-1px)}
  .v2p .btn-v2-ghost{background:transparent; color:var(--navy); border-color:var(--navy)}
  .v2p .btn-v2-ghost:hover{background:var(--navy); color:#fff}
  .v2p .btn-v2-lg{padding:16px 34px; font-size:16px}
  .v2p .btn-v2-sm{padding:10px 20px; font-size:14px}

  /* ---------- HERO ---------- */
  /* -- DS Background 01: white, two #9AC0FE blobs, soft blur overlay -- */
  .v2p-hero{
    position:relative; overflow:hidden;
    padding:64px 0 60px;
    background:#fff;
    width:100vw; position:relative; left:50%; transform:translateX(-50%);
  }
  .v2p-hero .bg-blobs{
    position:absolute; inset:0; z-index:0; pointer-events:none;
    overflow:hidden;
  }
  .v2p-hero .bg-blobs .blob{
    position:absolute; width:239px; height:239px; border-radius:50%;
    background:var(--blob);
  }
  .v2p-hero .bg-blobs .blob-l{left:8%; top:280px}
  .v2p-hero .bg-blobs .blob-r{right:-60px; top:135px}
  .v2p-hero .bg-blobs .blur-layer{
    position:absolute; inset:0;
    background:rgba(255,255,255,.01);
    backdrop-filter:blur(80px);
    -webkit-backdrop-filter:blur(80px);
  }
  .v2p-hero .v2p-wrap{position:relative; z-index:2}
  .v2p-hero .hero-grid{display:grid; grid-template-columns: 3fr 2fr; gap:40px; align-items:center}
  @media (max-width:780px){ .v2p-hero .hero-grid{grid-template-columns:1fr; gap:56px} }
  .v2p-hero h1{margin-top:24px}
  .v2p-hero h1 em{font-style:normal; color:var(--accent)}
  .v2p-pill-cycle{
    position:relative; height:38px; width:auto;
    display:inline-flex; align-items:center;
    margin:28px 0 0;
  }
  .v2p-pill-cycle .v2p-pill-slot{
    position:relative; height:38px; min-width:220px;
    display:inline-flex; align-items:center;
  }
  .v2p-pill-cycle .v2p-pill{
    position:absolute; top:0; left:0;
    opacity:0; transform:translateY(8px);
    transition: opacity .5s ease, transform .5s ease;
    pointer-events:none; white-space:nowrap;
  }
  .v2p-pill-cycle .v2p-pill.is-active{
    opacity:1; transform:translateY(0);
    position:relative;
  }
  .v2p-pill-cycle .v2p-pill .dot{
    animation: v2pPillPulse 2.4s ease-in-out infinite;
  }
  @keyframes v2pPillPulse{
    0%,100%{box-shadow:0 0 0 0 currentColor; opacity:1}
    50%    {box-shadow:0 0 0 6px transparent; opacity:.7}
  }
  .v2p-pill{
    display:inline-flex; gap:8px; align-items:center;
    padding:8px 16px; border-radius:var(--r-pill);
    background:#fff; border:1px solid rgba(0,2,106,.12);
    font-family:"Titillium Web"; font-size:14px; font-weight:600; color:var(--navy);
    box-shadow:0 4px 12px -6px rgba(0,2,106,.15);
  }
  .v2p-pill .dot{width:8px;height:8px;border-radius:50%; background:var(--success)}
  .v2p-hero p.lede{
    font-family:"Titillium Web"; font-weight:400;
    font-size:18px; line-height:28px; color:var(--navy-80);
    max-width:560px; margin-top:30px;
  }
  .v2p-hero .status-tag{
    display:inline-flex; align-items:center; gap:8px; margin-top:24px;
    padding:8px 18px; border-radius:999px;
    background:rgba(255,255,255,.85); box-shadow:0 1px 4px rgba(0,2,106,.08);
    font-family:"Titillium Web"; font-size:14px; font-weight:600; color:var(--navy);
  }
  .v2p-hero .status-tag-dot{
    width:12px; height:12px; border-radius:50%; flex-shrink:0;
  }
  .v2p-hero .status-tag--available .status-tag-dot{background:#4CAF50}
  .v2p-hero .status-tag--in_development .status-tag-dot{background:#FB8C00}
  .v2p-hero .status-tag--planned .status-tag-dot{background:#9E9E9E}
  .v2p-hero .cta-row{display:flex; gap:16px; margin-top:40px; align-items:center; flex-wrap:wrap}
  .v2p-hero .micro{
    display:flex; gap:20px; flex-wrap:wrap; margin-top:22px;
    font-family:"Titillium Web"; font-size:13px; color:var(--navy-60);
  }
  .v2p-hero .micro span{display:inline-flex;gap:8px;align-items:center}
  .flag-de{
    width:18px; height:12px; border-radius:2px; overflow:hidden; display:inline-block;
    background:linear-gradient(to bottom, #000 0 33%, #FF0000 33% 66%, #FFCC00 66% 100%);
    border:1px solid rgba(0,0,0,.08);
  }


  /* ---------- integration diagram ---------- */
  .v2p-diagram{
    position:relative; width:100%; max-width:520px; aspect-ratio:1;
    margin-inline:auto;
  }
  .v2p-diagram .dot-bg{
    position:absolute; inset:0; border-radius:var(--r-md);
    background:
      radial-gradient(circle at center, #fff 0%, rgba(255,255,255,.6) 55%, transparent 80%),
      radial-gradient(rgba(0,2,106,.14) 1px, transparent 1.5px) 0 0 / 20px 20px;
    z-index:0;
  }
  .v2p-diagram svg.lines{
    position:absolute; inset:0; width:100%; height:100%;
    z-index:1; pointer-events:none;
  }
  .v2p-node{
    position:absolute; z-index:2;
    width:108px; height:108px; border-radius:24px;
    background:#fff; overflow:hidden;
    display:flex; flex-direction:column; justify-content:center; align-items:center;
    text-align:center; padding:10px;
    box-shadow:var(--shadow-card);
    font-family:"Titillium Web"; font-weight:600; font-size:13px; color:var(--navy);
    line-height:1.3;
  }
  .v2p-node .glyph{
    width:auto; height:40px; margin-bottom:6px;
    display:flex; justify-content:center; align-items:center; gap:4px;
    color:var(--accent); font-size:22px;
  }
  .v2p-node .glyph img{
    width:28px; height:28px; object-fit:contain; border-radius:4px;
  }
  .v2p-node.pipedrive{top:0; left:50%; transform:translateX(-50%); border:2px solid var(--accent)}
  .v2p-node.app-node{ top:0; left:50%; transform:translateX(-50%); border:2px solid var(--accent)}
  .v2p-node.app-node .glyph{color:var(--accent)}
  .v2p-node.app-node img{width:40px; height:40px; object-fit:contain; border-radius:6px}
  .v2p-node.phones{ top:50%; left:0; transform:translateY(-50%)}
  .v2p-node.email { top:50%; right:0; transform:translateY(-50%)}
  .v2p-node.cloud { bottom:8%; left:12%; }
  .v2p-node.pbx   { bottom:8%; right:12%; }
  .v2p-node.center{
    top:50%; left:50%; transform:translate(-50%,-50%);
    width:140px; height:140px; border-radius:32px;
    background:var(--navy); color:#fff; z-index:3;
    border:none;
  }
  .v2p-node.center .glyph{color:#fff; font-size:12px; letter-spacing:.08em}
  .v2p-node.center .sub{font-size:9px; opacity:.7; font-family:"PT Sans", sans-serif; letter-spacing:.1em; text-transform:uppercase}
  .v2p-node.center-wrap{top:50%; left:50%; transform:translate(-50%,-50%)}
  .v2p-node.center .logo-img{
    width:124px; height:auto; display:block;
    filter: brightness(0) invert(1);
  }
  .v2p-node.center .tag{
    margin-top:10px; padding:4px 10px; border-radius:var(--r-pill);
    background:var(--accent); color:#fff;
    font-family:"PT Sans", sans-serif; font-size:9px; letter-spacing:.14em; text-transform:uppercase;
  }
  .v2p-diagram .tag{
    position:absolute; font-family:"PT Sans", sans-serif; font-size:9px; letter-spacing:.08em;
    text-transform:uppercase; color:var(--accent); background:#fff; border:1px solid rgba(0,2,106,.12);
    padding:2px 7px; border-radius:var(--r-pill);
  }
  .v2p-diagram .tag.two-way{top:50%; left:50%; transform:translate(-50%, 50px)}

  /* ---------- node cycling slides ---------- */
  .v2p-node-slot{position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%}
  .v2p-node-slide{position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; opacity:0; transform:translateY(6px); transition:opacity .45s ease, transform .45s ease; pointer-events:none}
  .v2p-node-slide.is-active{opacity:1; transform:translateY(0); position:relative; pointer-events:auto}
  .v2p-node-slide img.node-logo{width:36px; height:36px; object-fit:contain; border-radius:6px; margin-bottom:4px}
  .v2p-node-slide .node-label{font-family:"Titillium Web"; font-weight:600; font-size:13px; line-height:1.3; color:var(--navy); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
  .v2p-node-slide-link{display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; text-decoration:none; color:inherit; width:100%; height:100%}
  .v2p-node-slide-link:hover{text-decoration:none; color:inherit}

  /* Scaled-down diagram for 3fr/2fr hero grid on desktop */
  @media(min-width:781px){
    .v2p-diagram{max-width:340px}
    .v2p-node{width:76px; height:76px; border-radius:18px; font-size:10px; padding:7px}
    .v2p-node .glyph{height:28px; margin-bottom:3px}
    .v2p-node .glyph img{width:20px; height:20px}
    .v2p-node.app-node img{width:28px; height:28px}
    .v2p-node.center{width:100px; height:100px; border-radius:24px}
    .v2p-node.center .logo-img{width:84px}
    .v2p-diagram svg.lines g{stroke-width:1.6; opacity:.85}
    .v2p-node-slide img.node-logo{width:24px; height:24px; margin-bottom:2px}
    .v2p-node-slide .node-label{font-size:10px}
  }

  /* ---------- TRUST BAR ---------- */
  .v2p-trust{padding:60px 0; background:#fff; border-top:1px solid rgba(0,2,106,.06); border-bottom:1px solid rgba(0,2,106,.06); width:100vw; position:relative; left:50%; transform:translateX(-50%)}

  /* ---------- INTRO PULL QUOTE ---------- */
  .v2p-quote{
    margin:0 auto;
    max-width:680px;
    padding:8px 0 8px 28px;
    border-left:2px solid var(--accent);
    font-family:"Titillium Web", sans-serif;
    font-style:italic; font-weight:400;
    font-size:19px; line-height:1.6;
    color:var(--navy-80);
    text-align:left; text-wrap:pretty;
  }
  .v2p-quote p{margin:0}
  .v2p-quote strong{font-style:normal; color:var(--navy); font-weight:600}
  @media(max-width:780px){
    .v2p-quote{padding-left:20px; font-size:17px}
  }

  /* ---------- section scaffolding ---------- */
  .v2p section.block{padding:60px 0; position:relative}
  .v2p section.block.tight{padding:60px 0}
  .v2p section.block.tinted{background:var(--tint); width:100vw; position:relative; left:50%; transform:translateX(-50%)}
  .v2p .sec-head{
    display:flex; justify-content:space-between; align-items:flex-end;
    gap:60px; margin-bottom:40px; flex-wrap:wrap;
  }
  .v2p .sec-head .left{}
  .v2p .sec-head h2{margin-top:10px}
  .v2p .sec-head p{font-size:17px; line-height:26px; color:var(--navy-80)}

  /* ---------- PERSONA SWITCHER ---------- */
  .v2p-persona{
    background:#fff; border-radius:var(--r-lg); overflow:hidden;
    box-shadow:var(--shadow-xl);
    border:1px solid rgba(0,2,106,.06);
  }
  .v2p-persona-tabs{
    display:grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    border-bottom:1px solid rgba(0,2,106,.1);
    background:#fff;
  }
  .v2p-persona-tab{
    text-align:left; padding:26px 28px;
    background:transparent; border:0; border-right:1px solid rgba(0,2,106,.08);
    cursor:pointer; transition:background .2s;
    display:flex; flex-direction:column; gap:6px; position:relative;
    font-family:"Titillium Web";
  }
  .v2p-persona-tab:last-child{border-right:0}
  .v2p-persona-tab:hover{background:var(--n-200)}
  .v2p-persona-tab .role{
    font-family:"PT Sans", sans-serif; font-weight:700; font-size:11px;
    letter-spacing:.18em; text-transform:uppercase; color:var(--n-500);
  }
  .v2p-persona-tab .who{
    font-family:"PT Sans", sans-serif; font-weight:700; font-size:16px;
    color:var(--navy); line-height:1.3;
  }
  .v2p-persona-tab[aria-selected="true"]{background:var(--tint)}
  .v2p-persona-tab[aria-selected="true"]::after{
    content:""; position:absolute; left:0; right:0; bottom:-1px; height:3px;
    background:var(--accent);
  }
  .v2p-persona-tab[aria-selected="true"] .role{color:var(--accent)}
  @media (max-width:780px){
    .v2p-persona-tabs{grid-template-columns:repeat(2, 1fr)}
    .v2p-persona-tab:nth-child(2){border-right:0}
  }

  .v2p-persona-panel{display:none; padding:48px; gap:44px; grid-template-columns: minmax(0,1fr) minmax(0,1fr)}
  .v2p-persona-panel.active{display:grid}
  @media (max-width:900px){.v2p-persona-panel{grid-template-columns:1fr; padding:28px}}

  .v2p-pcol h4{
    font-family:"PT Sans", sans-serif; font-weight:700; font-size:16px;
    color:var(--navy);
    margin-bottom:20px; display:flex; gap:8px; align-items:center;
  }
  .v2p-pcol ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:18px}
  .v2p-pcol li{
    display:flex; gap:14px;
    font-family:"Titillium Web"; font-size:15px; line-height:23px; color:var(--navy);
    overflow-wrap:break-word; word-break:break-word; min-width:0;
  }
  .v2p-pcol li .icn{
    flex-shrink:0; width:24px; height:24px; border-radius:6px;
    display:grid; place-items:center;
    font-family:"PT Sans", sans-serif; font-weight:700; font-size:13px;
    margin-top:1px;
  }
  .v2p-pcol li:nth-child(n+6){display:none}
  .v2p-pcol.pain li .icn{background:rgba(255,82,82,.12); color:var(--error)}
  .v2p-pcol.fix  li .icn{background:rgba(2,136,252,.12); color:var(--accent)}
  .v2p-pcol.win  li .icn{background:rgba(76,175,80,.12); color:var(--success)}
  @media (min-width:901px){
    .v2p-persona-panel{column-gap:44px; row-gap:18px; grid-auto-flow:dense}
    .v2p-pcol{display:contents}
    .v2p-pcol ul{display:contents}
    .v2p-pcol.pain h4, .v2p-pcol.pain li{grid-column:1}
    .v2p-pcol.fix h4, .v2p-pcol.fix li{grid-column:2}
    .v2p-pcol h4{margin-bottom:2px}
  }
  .hl-wrap{display:block;}
  .hl-context{display:block; font-size:13px; line-height:19px; color:#5a6177; margin-top:2px;}

  .v2p-persona-cta{
    background:var(--navy); color:#fff;
    padding:32px 48px;
    display:flex; justify-content:space-between; align-items:center;
    gap:28px; flex-wrap:wrap;
  }
  .v2p-persona-cta .q{
    font-family:"PT Sans",sans-serif; font-size:20px; font-weight:700; color:#fff;
    line-height:1.4; margin:0;
  }
  .v2p-persona-cta .q em{color:var(--blob); font-style:normal; font-weight:600}
  .v2p-persona-cta .q-sub{
    font-family:"Titillium Web"; font-size:16px; font-weight:400; color:#fff;
    line-height:1.5; margin-top:8px;
  }

  /* ---------- STEP CARDS (general_landingpage _three_steps) ---------- */
  .v2p-howitworks{display:grid; grid-template-columns:repeat(4,1fr); gap:24px}
  @media(max-width:900px){.v2p-howitworks{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:520px){.v2p-howitworks{grid-template-columns:1fr}}
  .v2p-step{
    background:var(--tint); border-radius:var(--r-card); padding:32px 28px;
    position:relative;
  }
  .v2p-step .n{
    font-family:"PT Sans", sans-serif; font-weight:700; font-size:12px; letter-spacing:.18em;
    color:var(--accent); margin-bottom:20px; text-transform:uppercase;
  }
  .v2p-step h3{margin-bottom:10px; font-size:22px; line-height:1.25}
  .v2p-step p{font-size:15px; line-height:23px; margin:0}

  /* ---------- ROLE CARDS (post-CTA persona teasers) ---------- */
  .v2p-roles-grid{
    display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
    gap:16px; margin-bottom:32px;
  }
  .v2p-role-card{
    text-align:left; cursor:pointer;
    background:#fff; border:1px solid rgba(0,2,106,.08); border-radius:var(--r-sm);
    padding:24px 22px; display:flex; flex-direction:column; gap:8px;
    font-family:"Titillium Web", sans-serif;
    transition:border-color .15s, box-shadow .15s, transform .15s;
    position:relative;
  }
  .v2p-role-card:hover{border-color:rgba(2,136,252,.4); box-shadow:var(--shadow-card); transform:translateY(-2px)}
  .v2p-role-card.active{border-color:var(--accent); box-shadow:var(--shadow-card)}
  .v2p-role-card .role-eyebrow{
    font-family:"PT Sans", sans-serif; font-weight:700; font-size:11px;
    letter-spacing:.18em; text-transform:uppercase; color:var(--n-500);
  }
  .v2p-role-card.active .role-eyebrow{color:var(--accent)}
  .v2p-role-card .role-who{
    font-family:"PT Sans", sans-serif; font-weight:700; font-size:18px;
    color:var(--navy); line-height:1.3; margin:0;
  }
  .v2p-role-card .role-arrow{
    position:absolute; top:22px; right:22px; color:var(--navy-20);
    font-size:18px; transition:color .15s, transform .15s;
  }
  .v2p-role-card:hover .role-arrow,
  .v2p-role-card.active .role-arrow{color:var(--accent); transform:translateX(2px)}

  .v2p-roles-details{position:relative}
  .v2p-role-detail{display:none; animation:v2pRoleFade .25s ease}
  .v2p-role-detail.active{display:block}
  @keyframes v2pRoleFade{
    from{opacity:0; transform:translateY(6px)}
    to{opacity:1; transform:none}
  }

  /* ---------- HOW IT WORKS ---------- */
  .v2p-flow{display:grid; grid-template-columns:minmax(200px,280px) 90px 220px 90px 220px; justify-content:center; align-items:center; margin-bottom:18px}
  .v2p-flow-src{grid-column:1; grid-row:1; display:flex; flex-direction:column; justify-content:center; align-items:center}
  .v2p-flow .fk{font-family:"PT Sans",sans-serif; font-weight:700; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--accent); margin-bottom:12px}
  .v2p-flow-src .fk{text-align:center; margin-bottom:22px}
  .v2p-srcgrid{display:grid; grid-template-columns:repeat(3,84px); gap:10px 16px; justify-content:center}
  .v2p-srcapp{display:flex; flex-direction:column; align-items:center; gap:7px}
  .v2p-srcapp .tile{width:56px; height:56px; border-radius:15px; background:#fff; border:1px solid rgba(0,2,106,.1); box-shadow:var(--shadow-hair); display:flex; align-items:center; justify-content:center; font-family:"PT Sans",sans-serif; font-weight:700; font-size:17px; letter-spacing:.01em; color:var(--accent)}
  .v2p-srcapp .tile.sm{font-size:13px}
  .v2p-srcapp .tile img{width:38px; height:38px; object-fit:contain}
  .v2p-srcapp .t{font-family:"PT Sans",sans-serif; font-weight:700; font-size:11.5px; color:var(--navy-60)}
  .v2p-srcapp.more .tile{background:transparent; border:1px dashed var(--navy-20); box-shadow:none; color:var(--navy-60)}
  .v2p-flow-link{grid-column:2; grid-row:1; display:flex; align-items:center; width:90px; justify-self:center}
  .v2p-flow-link .track{position:relative; width:100%; height:2px; background:var(--navy-20)}
  .v2p-flow-link .track::before{content:""; position:absolute; inset:0; background:repeating-linear-gradient(90deg, var(--accent) 0 9px, transparent 9px 20px); animation:v2pDash 1s linear infinite}
  .v2p-flow-link .track::after{content:""; position:absolute; right:-1px; top:50%; transform:translateY(-50%); border-left:9px solid var(--accent); border-top:6px solid transparent; border-bottom:6px solid transparent}
  @keyframes v2pDash{to{background-position:20px 0}}
  .v2p-flow-phone{grid-column:5; grid-row:1; justify-self:center; width:220px; background:#fff; border:2px solid rgba(0,2,106,.14); border-radius:30px; box-shadow:var(--shadow-card); padding:16px 16px 18px}
  .v2p-flow-phone .notch{width:66px; height:16px; border-radius:var(--r-pill); background:rgba(0,2,106,.12); margin:0 auto 14px}
  .v2p-flow-phone .fk{text-align:center; margin-bottom:10px}
  .v2p-contact{display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:8px; background:var(--n-200)}
  .v2p-contact + .v2p-contact{margin-top:6px}
  .v2p-contact .av{width:28px; height:28px; border-radius:50%; background:var(--tint); color:var(--accent); font-family:"PT Sans",sans-serif; font-weight:700; font-size:11px; display:flex; align-items:center; justify-content:center; flex:0 0 auto}
  .v2p-contact .l1{display:block; height:7px; width:70%; border-radius:4px; background:var(--navy-20)}
  .v2p-contact .l2{display:block; height:6px; width:45%; border-radius:4px; background:rgba(0,2,106,.1); margin-top:5px}
  .v2p-flow-phone .ok{display:flex; align-items:center; justify-content:center; gap:6px; margin-top:14px; font-family:"PT Sans",sans-serif; font-weight:700; font-size:12px; color:var(--success)}
  .v2p-flow-phone .ok .dot{width:8px; height:8px; border-radius:50%; background:var(--success)}
  .v2p-server{grid-column:3; grid-row:1; justify-self:center; width:220px; background:#fff; border:1px solid rgba(0,2,106,.1); border-radius:14px; box-shadow:var(--shadow-card); padding:16px 18px; text-align:center}
  .v2p-server .slot{display:flex; align-items:center; gap:9px; background:var(--n-200); border-radius:6px; padding:8px 11px}
  .v2p-server .slot + .slot{margin-top:5px}
  .v2p-server .led{width:7px; height:7px; border-radius:50%; background:var(--success); flex:0 0 auto; animation:v2pLed 2s ease infinite}
  .v2p-server .slot + .slot .led{animation-delay:1s}
  .v2p-server .bar{height:6px; width:68%; border-radius:3px; background:var(--navy-20)}
  .v2p-server .srv-name{margin-top:13px; font-family:"PT Sans",sans-serif; font-weight:700; font-size:14.5px; color:var(--navy)}
  .v2p-server .srv-sub{font-size:12.5px; color:var(--navy-60)}
  @keyframes v2pLed{0%,100%{opacity:1}50%{opacity:.3}}
  .v2p-vlink{grid-column:4; grid-row:1; justify-self:center; position:relative; width:64px; height:2px; background:var(--navy-20)}
  .v2p-vlink::before{content:""; position:absolute; inset:0; background:repeating-linear-gradient(90deg, var(--accent) 0 9px, transparent 9px 20px); animation:v2pDash 1s linear infinite}
  .v2p-vlink::after{content:""; position:absolute; right:-1px; top:50%; transform:translateY(-50%); border-left:9px solid var(--accent); border-top:6px solid transparent; border-bottom:6px solid transparent}
  .v2p-vlink .pkt{position:absolute; top:50%; margin-top:-13px; left:-12px; width:26px; height:26px; border-radius:50%; background:var(--accent); color:#fff; font-family:"PT Sans",sans-serif; font-weight:700; font-size:10.5px; display:flex; align-items:center; justify-content:center; box-shadow:var(--shadow-hair); opacity:0; animation:v2pPkt 4s ease-in-out infinite}
  @keyframes v2pPkt{0%,6%{left:-14px;opacity:0}16%{left:-4px;opacity:1}50%{left:50px;opacity:1}58%,100%{left:50px;opacity:0}}
  @keyframes v2pPktV{0%,6%{top:-14px;opacity:0}16%{top:-4px;opacity:1}50%{top:46px;opacity:1}58%,100%{top:46px;opacity:0}}
  .v2p-contact.new{opacity:0; animation:v2pRowIn 4s ease infinite}
  @keyframes v2pRowIn{0%,52%{opacity:0; transform:translateY(-6px)}62%,88%{opacity:1; transform:translateY(0)}96%,100%{opacity:0}}
  .v2p-flow-note{text-align:center; font-size:14.5px; color:var(--navy-60); margin:0 0 48px}
  .v2p-paths{display:grid; grid-template-columns:1fr 1fr; gap:24px}
  .v2p-path{background:#fff; border:1px solid rgba(0,2,106,.08); border-radius:var(--r-sm); box-shadow:var(--shadow-card); padding:26px 28px; display:flex; flex-direction:column; gap:14px}
  .v2p-path .head{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap}
  .v2p-path .badge{font-family:"PT Sans",sans-serif; font-weight:700; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); background:var(--tint); border-radius:var(--r-pill); padding:5px 12px}
  .v2p-path .who{font-size:13.5px; color:var(--navy-60)}
  .v2p-path h3{font-size:21px; line-height:1.3}
  .v2p-mini{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px}
  .v2p-mini li{display:flex; gap:12px; font-size:15px; line-height:22px; color:var(--navy-80)}
  .v2p-mini .num{flex:0 0 auto; width:22px; height:22px; border-radius:50%; background:var(--tint); color:var(--accent); font-family:"PT Sans",sans-serif; font-weight:700; font-size:12px; display:flex; align-items:center; justify-content:center; margin-top:1px}
  .v2p-crumbs{display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:7px; font-family:"PT Sans",sans-serif; font-weight:700; font-size:12.5px; color:var(--navy)}
  .v2p-crumbs span{background:var(--n-200); border:1px solid rgba(0,2,106,.08); border-radius:6px; padding:4px 9px}
  .v2p-crumbs i{font-style:normal; color:var(--navy-20)}
  .v2p-path .link{margin-top:auto; font-family:"PT Sans",sans-serif; font-weight:700; font-size:14.5px}
  .v2p-mdm-links{margin-top:auto; display:flex; flex-wrap:wrap; gap:6px 20px}
  .v2p-mdm-links .link{margin-top:0}
  @media(max-width:860px){
    .v2p-flow{grid-template-columns:1fr; justify-items:center}
    .v2p-flow-src,.v2p-flow-link,.v2p-server,.v2p-vlink,.v2p-flow-phone{grid-column:1; grid-row:auto}
    .v2p-flow-link{width:2px; height:72px; margin:6px 0}
    .v2p-flow-link .track{width:2px; height:100%}
    .v2p-flow-link .track::before{background:repeating-linear-gradient(180deg, var(--accent) 0 9px, transparent 9px 20px); animation:v2pDashV 1s linear infinite}
    .v2p-flow-link .track::after{right:auto; top:auto; bottom:-1px; left:50%; transform:translateX(-50%); border-left:6px solid transparent; border-right:6px solid transparent; border-top:9px solid var(--accent); border-bottom:none}
    .v2p-vlink{width:2px; height:64px; margin:6px 0}
    .v2p-vlink::before{background:repeating-linear-gradient(180deg, var(--accent) 0 9px, transparent 9px 20px); animation:v2pDashV 1s linear infinite}
    .v2p-vlink::after{right:auto; left:50%; top:auto; bottom:-1px; transform:translateX(-50%); border-left:6px solid transparent; border-right:6px solid transparent; border-top:9px solid var(--accent); border-bottom:none}
    .v2p-vlink .pkt{left:50%; margin-left:-13px; top:-12px; margin-top:0; animation-name:v2pPktV}
    .v2p-paths{grid-template-columns:1fr}
  }
  @keyframes v2pDashV{to{background-position:0 20px}}

  /* ---------- USE CASES (accordion) ---------- */
  .v2p-uc-list{display:flex; flex-direction:column; gap:16px; margin-top:8px}
  .v2p-uc-block{
    background:#fff; border:1px solid rgba(0,2,106,.08);
    border-radius:var(--r-md);
    transition: border-color .15s ease, box-shadow .15s ease;
  }
  .v2p-uc-block[open]{
    border-color:rgba(0,2,106,.16);
    box-shadow:0 6px 24px rgba(0,2,106,.06);
  }
  .v2p-uc-block > summary{
    list-style:none; cursor:pointer;
    padding:24px 40px; display:grid;
    grid-template-columns: 1fr auto; align-items:center; gap:24px;
  }
  .v2p-uc-block > summary::-webkit-details-marker{display:none}
  .v2p-uc-block > summary:focus-visible{
    outline:2px solid var(--accent); outline-offset:-2px; border-radius:var(--r-md);
  }
  .v2p-uc-block > summary:hover h3{color:var(--accent)}
  .v2p-uc-block .v2p-uc-meta{
    display:flex; align-items:center; gap:14px; margin-bottom:8px;
  }
  .v2p-uc-block .v2p-uc-num{
    font-family:"PT Sans", sans-serif; font-weight:700; font-size:11px;
    letter-spacing:.18em; text-transform:uppercase; color:var(--accent);
  }
  .v2p-uc-block h3{
    font-family:"PT Sans", sans-serif; font-weight:700;
    font-size:22px; line-height:1.25; color:var(--navy);
    margin:0; letter-spacing:-.015em; text-wrap:pretty;
    transition: color .15s ease;
  }
  .v2p-uc-block .v2p-uc-chevron{
    flex:none; width:32px; height:32px; border-radius:50%;
    background:var(--tint); color:var(--accent);
    display:inline-flex; align-items:center; justify-content:center;
    transition: transform .2s ease, background .15s ease;
  }
  .v2p-uc-block[open] > summary .v2p-uc-chevron{transform:rotate(180deg)}
  .v2p-uc-block > summary:hover .v2p-uc-chevron{background:rgba(0,53,171,.14)}
  .v2p-uc-block .v2p-uc-content{
    padding:0 40px 32px;
  }
  .v2p-uc-block .v2p-uc-body{
    font-family:"Titillium Web", sans-serif; font-size:17px; line-height:1.65;
    color:var(--navy-80);
  }
  .v2p-uc-block .v2p-uc-body p{margin:0}
  .v2p-uc-block .v2p-uc-body p + p{margin-top:14px}
  .v2p-uc-block .v2p-uc-body .v2p-uc-value{
    margin-top:14px; padding-top:14px;
    border-top:1px solid rgba(0,2,106,.12);
  }
  .v2p-uc-block .v2p-uc-body em{color:var(--accent); font-style:normal}
  .v2p-uc-block .v2p-uc-body strong{color:var(--navy); font-weight:700}
  .v2p-uc-block .tagrow{display:flex; gap:6px; margin-top:20px; flex-wrap:wrap}
  .v2p-uc-block .tagrow .t{
    font-family:"PT Sans", sans-serif; font-weight:700;
    font-size:10px; letter-spacing:.12em; text-transform:uppercase;
    background:var(--tint); color:var(--accent);
    padding:6px 12px; border-radius:var(--r-pill);
  }
  @media(max-width:780px){
    .v2p-uc-block > summary{padding:20px 24px; gap:16px}
    .v2p-uc-block .v2p-uc-content{padding:0 24px 24px}
    .v2p-uc-block h3{font-size:19px}
  }
  @media (prefers-reduced-motion: reduce){
    .v2p-uc-block,
    .v2p-uc-block > summary h3,
    .v2p-uc-block .v2p-uc-chevron{transition:none}
  }

  /* ---------- USE CASES CTA BANNER (full-width navy band) ---------- */
  .v2p-uc-cta{
    width:100vw; position:relative; left:50%; transform:translateX(-50%);
    background:var(--navy);
    overflow:hidden;
  }
  .v2p-uc-cta-inner{
    max-width:var(--maxw); margin:0 auto; padding:28px 30px;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:20px; text-align:center;
    position:relative; z-index:1;
    color:#fff;
  }
  .v2p-uc-cta-inner > *{position:relative; z-index:1}
  .v2p-uc-cta-inner .eyebrow{display:none}
  .v2p-uc-cta-inner h3{
    font-family:"PT Sans",sans-serif; font-weight:700;
    font-size:20px; line-height:1.3; color:#fff;
    margin:0; letter-spacing:-.01em;
  }
  .v2p-uc-cta-sub{display:none}
  .v2p-uc-cta-meta{
    display:flex; gap:18px; flex-wrap:wrap;
    color:rgba(255,255,255,.75); font-family:"Titillium Web",sans-serif;
    font-size:13px; font-weight:600;
  }
  .v2p-uc-cta-meta span{display:inline-flex; align-items:center; gap:6px}
  .v2p-uc-cta-meta svg{flex:none}
  .v2p-uc-cta-action{
    display:flex; flex-direction:column; align-items:center; gap:8px;
    margin-top:20px;
  }
  .v2p-uc-cta-action .btn-ceo svg{transition:transform .15s ease}
  .v2p-uc-cta-action .btn-ceo:hover svg{transform:translateX(3px)}
  .v2p-uc-cta-fine{
    color:rgba(255,255,255,.5); font-family:"Titillium Web",sans-serif;
    font-size:12px; white-space:nowrap;
  }
  @media(max-width:780px){
    .v2p-uc-cta-inner{padding:24px; gap:20px}
    .v2p-uc-cta-inner h3{font-size:17px}
    .v2p-uc-cta-action{width:100%}
  }

  /* ---------- TRUST BADGES inside CTA banner ---------- */
  .v2p-uc-cta-trust{
    max-width:var(--maxw); margin:0 auto; padding:48px 30px 0;
    position:relative; z-index:1;
    text-align:center; color:#fff;
  }
  .v2p-uc-cta-trust h2{color:#fff}
  .v2p-uc-cta-trust p{color:#fff}

  /* -- DS Background 02: navy, tiled ribbon SVG overlay -- */
  .v2p-security{
    background:var(--navy);
    color:#fff;
    border-radius:var(--r-lg);
    padding:72px;
    display:grid; grid-template-columns: 1.2fr 1fr; gap:56px; align-items:center;
    position:relative; overflow:hidden;
  }
  .v2p-security::before{
    content:""; position:absolute; inset:0;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1667' height='500' viewBox='0 0 1667.594 500.032' fill='none'><path d='M 1667.594 0 L 1667.594 65.493 C 1667.594 87.124 1658.266 108.786 1639.586 118.309 L 1455.078 212.381 L 944.172 472.916 C 873.297 509.071 794.273 509.071 723.398 472.916 L 212.492 212.381 L 28.008 118.309 C 9.344 108.786 0 87.124 0 65.493 L 0 0 C 0 21.631 9.344 43.293 28.008 52.816 L 212.492 146.878 L 723.398 407.422 C 944.172 407.422 944.172 407.422 944.172 407.422 L 1455.078 146.878 L 1639.586 52.816 C 1658.266 43.293 1667.594 21.631 1667.594 0 L 1667.594 0 Z' fill='%230035AB' fill-rule='nonzero'/></svg>");
    background-size: 1667px 500px;
    background-repeat: repeat;
    opacity:.55;
  }
  .v2p-security::after{
    content:""; position:absolute; inset:0;
    background: radial-gradient(ellipse at center, transparent 0%, var(--navy) 85%);
  }
  @media(max-width:900px){.v2p-security{grid-template-columns:1fr; padding:44px}}
  .v2p-security > *{position:relative; z-index:1}
  .v2p-security h2{color:#fff}
  .v2p-security .eyebrow{color:var(--blob)}
  .v2p-security p{color:rgba(255,255,255,.78); font-size:17px; line-height:26px; margin-bottom:0}
  .v2p-security .stats{display:grid; grid-template-columns:1fr 1fr; gap:20px}
  .v2p-security .stat{
    border-radius:var(--r-sm);
    padding:24px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.12);
  }
  .v2p-security .stat .big{
    font-family:"PT Sans", sans-serif; font-weight:700; font-size:28px;
    color:#fff; letter-spacing:-.02em; line-height:1.1;
  }
  .v2p-security .stat .lbl{
    font-family:"PT Sans", sans-serif; font-weight:700; font-size:11px;
    color:var(--blob); letter-spacing:.15em; text-transform:uppercase;
    margin-top:8px;
  }
  .v2p-security .cta-row{display:flex; gap:14px; margin-top:40px; flex-wrap:wrap}
  .v2p-security .btn-v2-ghost{color:#fff; border-color:rgba(255,255,255,.4)}
  .v2p-security .btn-v2-ghost:hover{background:#fff; color:var(--navy); border-color:#fff}

  /* ---------- DATA PROTECTION (light theme, matching sync.blue main page) ---------- */
  .v2p-dp{
    background:#fff; padding:0; text-align:center;
  }
  .v2p-dp .sec-head{
    text-align:center; display:block; margin-bottom:40px;
  }
  .v2p-dp .sec-head h2{
    font-family:"PT Sans",sans-serif; font-weight:700;
    font-size:36px; line-height:1.15; color:var(--navy); margin:0;
    letter-spacing:-.01em;
  }
  .v2p-dp .sec-head p.lead{
    font-family:"Titillium Web",sans-serif; font-size:18px;
    color:var(--navy); margin:30px 0 0;
  }
  .v2p-dp-pillars{
    display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
    margin-bottom:40px;
  }
  @media(max-width:900px){.v2p-dp-pillars{grid-template-columns:1fr}}
  .v2p-dp-pillar{
    background:var(--tint); border-radius:var(--r-card);
    padding:36px 28px 32px; display:flex; flex-direction:column;
    align-items:center; justify-content:flex-start; gap:22px;
    min-height:320px;
  }
  .v2p-dp-pillar .pico{
    width:170px; height:170px; display:flex; align-items:center; justify-content:center;
    color:var(--navy);
  }
  .v2p-dp-pillar .pico svg{width:100%; height:100%}
  .v2p-dp-pillar .pico img{max-width:100%; max-height:100%; object-fit:contain}
  .v2p-dp-pillar h3{
    font-family:"PT Sans",sans-serif; font-weight:700; font-size:22px;
    line-height:1.3; color:var(--navy); margin:0;
    text-align:center; max-width:240px;
  }
  .v2p-dp .body-copy{
    font-family:"Titillium Web",sans-serif; font-size:16px;
    line-height:1.6; color:var(--navy);
    text-align:justify; margin:48px auto 0;
  }

  /* ---------- CEO CTA ---------- */
  .v2p-ceo-cta{
    padding:60px 0 60px; background:#fff;
    width:100vw; position:relative; left:50%; transform:translateX(-50%);
  }
  .v2p-ceo-card{
    display:grid; grid-template-columns:220px 1fr; gap:56px;
    align-items:start;
  }
  @media(max-width:760px){.v2p-ceo-card{grid-template-columns:1fr; gap:24px; justify-items:center}}
  .v2p-ceo-photo{display:flex; flex-direction:column; align-items:center; gap:18px}
  .v2p-ceo-photo img{
    width:173px; height:173px; border-radius:50%;
    object-fit:cover; display:block;
  }
  .v2p-ceo-name{
    font-family:"Titillium Web",sans-serif; font-size:16px; line-height:1.5;
    color:var(--navy); margin:0; text-align:center;
  }
  .v2p-ceo-name strong{font-weight:700}
  .v2p-ceo-body{text-align:left}
  @media(max-width:760px){.v2p-ceo-body{text-align:center}}
  .v2p-ceo-body h2{
    font-family:"PT Sans",sans-serif; font-weight:700;
    font-size:36px; line-height:1.3; color:var(--navy);
    margin:0 0 20px; letter-spacing:-.005em; text-wrap:pretty;
  }
  .v2p-ceo-body p{
    font-family:"Titillium Web",sans-serif; font-size:16px; line-height:1.4;
    color:var(--navy); margin:0 0 28px; max-width:none;
    text-align:justify;
  }
  @media(max-width:760px){.v2p-ceo-body p{text-align:left}}
  .v2p-ceo-body p a{color:var(--accent); font-weight:700; text-decoration:none}
  .v2p-ceo-body p a:hover{text-decoration:underline}
  .v2p-ceo-actions{display:flex; gap:14px; flex-wrap:wrap; margin-top:40px}
  @media(max-width:760px){.v2p-ceo-actions{justify-content:center}}

  /* -- shared pill button (CEO CTA + hero) -- */
  .v2p .btn-ceo{
    display:inline-flex; align-items:center; justify-content:center;
    height:44px; padding:0 32px; white-space:nowrap;
    border-radius:52px;
    font-family:"Titillium Web",sans-serif; font-weight:700; font-size:16px;
    text-decoration:none; border:0; cursor:pointer;
    transition:filter .2s;
  }
  .v2p .btn-ceo:hover{text-decoration:none}
  .v2p .btn-ceo-orange{background:#FB8C00; color:#fff}
  .v2p .btn-ceo-orange:hover{background:#e67e00; color:#fff}
  .v2p .btn-ceo-blue{background:var(--accent); color:#fff}
  .v2p .btn-ceo-blue:hover{background:var(--accent-hover); color:#fff}

  /* ---------- FAQ ---------- */
  .v2p-faq{
    background:linear-gradient(135deg,#fff 0%,#fff 55%,var(--tint) 100%);
    padding:60px 0 60px;
    width:100vw; position:relative; left:50%; transform:translateX(-50%);
  }
  .v2p-faq-head{
    display:grid; grid-template-columns:1fr 1fr; gap:60px;
    align-items:flex-start; margin-bottom:80px;
  }
  @media(max-width:860px){
    .v2p-faq-head{grid-template-columns:1fr; gap:32px; margin-bottom:48px}
  }
  .v2p-faq-title{
    font-family:"PT Sans", sans-serif; font-weight:700;
    font-size:clamp(56px,7vw,96px); line-height:1;
    color:var(--navy); letter-spacing:-.02em; margin:0;
  }
  .v2p-faq-search{
    position:relative; align-self:flex-end; max-width:560px; width:100%;
    justify-self:end;
  }
  @media(max-width:860px){.v2p-faq-search{justify-self:start}}
  .v2p-faq-search input{
    width:100%; border:0; background:transparent;
    border-bottom:1px solid var(--accent);
    padding:12px 40px 12px 0;
    font-family:"Titillium Web", sans-serif; font-size:18px;
    color:var(--navy); outline:none;
  }
  .v2p-faq-search input::placeholder{color:var(--navy-60)}
  .v2p-faq-search input:focus{border-bottom-color:var(--navy)}
  .v2p-faq-search .sb-icn{
    position:absolute; right:0; top:50%; transform:translateY(-50%);
    color:var(--navy); pointer-events:none;
  }
  .v2p-faq-list{display:flex; flex-direction:column}
  .v2p details.faq{border-bottom:1px solid rgba(0,2,106,.18)}
  .v2p details.faq:first-child{border-top:1px solid rgba(0,2,106,.18)}
  .v2p details.faq summary{
    list-style:none; cursor:pointer;
    display:flex; justify-content:space-between; align-items:center; gap:32px;
    padding:32px 4px;
    font-family:"PT Sans", sans-serif; font-weight:700;
    font-size:18px; color:var(--navy); line-height:1.4;
  }
  .v2p details.faq summary:hover{color:var(--accent)}
  .v2p details.faq summary::-webkit-details-marker{display:none}
  .v2p details.faq summary .faq-chev{
    flex-shrink:0; width:24px; height:24px; color:var(--navy);
    transition:transform .25s ease;
    display:grid; place-items:center;
  }
  .v2p details.faq[open] summary .faq-chev{transform:rotate(180deg)}
  .v2p details.faq .faq-a{
    padding:0 4px 40px;
    font-family:"Titillium Web", sans-serif; font-size:16px; line-height:1.6;
    color:var(--navy); max-width:88%;
  }
  .v2p details.faq .faq-a a{color:var(--accent); text-decoration:underline}
  .v2p-faq-empty{
    padding:48px 4px; color:var(--navy-60);
    font-family:"Titillium Web"; font-size:16px; display:none;
  }
  .v2p-faq-empty.show{display:block}

  /* ---------- BLOG TEASER ---------- */
  .v2p-blog{
    padding:60px 0 60px;
    width:100vw; position:relative; left:50%; transform:translateX(-50%);
  }
  .v2p-blog h2{
    font-family:"PT Sans",sans-serif; font-weight:700;
    font-size:36px; line-height:1.25; color:var(--navy);
    text-align:center; margin:0 auto 56px;
    letter-spacing:-.01em; text-wrap:balance;
  }
  .v2p-blog-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:25px;
    margin:0 auto;
  }
  @media(max-width:860px){.v2p-blog-grid{grid-template-columns:1fr}}
  .v2p-blog-card{
    border:1px solid var(--accent);
    background:#fff;
    display:flex; flex-direction:column;
    text-decoration:none;
    transition:transform .15s ease;
  }
  .v2p-blog-card:hover{transform:translateY(-2px); text-decoration:none}
  .v2p-blog-card .img{
    width:100%; aspect-ratio:310/175;
    background:#0c1736 center/cover no-repeat;
    display:block;
  }
  .v2p-blog-card .body{padding:18px 20px 28px}
  .v2p-blog-card .cat{
    font-family:"Titillium Web",sans-serif; font-size:14px;
    color:var(--accent); margin-bottom:14px;
  }
  .v2p-blog-card .ttl{
    font-family:"PT Sans",sans-serif; font-weight:700;
    font-size:22px; line-height:1.35; color:var(--navy);
    margin:0;
  }
  .v2p-blog-cta{display:flex; justify-content:center; margin-top:40px}

  /* ---------- Final CTA ---------- */
  .v2p-final-cta{
    position:relative; overflow:hidden;
    background:var(--tint);
    border-radius:var(--r-lg);
    padding:72px; text-align:center;
  }
  .v2p-final-cta::before{
    content:""; position:absolute; left:-80px; top:-80px;
    width:260px; height:260px; border-radius:50%;
    background:var(--blob); opacity:.6;
  }
  .v2p-final-cta::after{
    content:""; position:absolute; right:-100px; bottom:-100px;
    width:320px; height:320px; border-radius:50%;
    background:rgba(2,136,252,.15);
  }
  .v2p-final-cta > *{position:relative; z-index:1}
  .v2p-final-cta h2{margin:0 auto}
  .v2p-final-cta p{max-width:640px; margin:16px auto 0; font-size:17px; color:var(--navy-80)}
  .v2p-final-cta .cta-row{justify-content:center; margin-top:40px}

  /* ---------- Related apps ---------- */
  .v2p-related-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
  @media(max-width:780px){.v2p-related-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:620px){.v2p-related-grid{grid-template-columns:1fr}}
  .v2p-related-card{
    background:#fff; border:1px solid rgba(0,2,106,.06); border-radius:var(--r-sm);
    padding:22px; display:flex; gap:16px; align-items:start;
    transition:border-color .2s, box-shadow .2s;
    text-decoration:none; color:var(--navy);
  }
  .v2p-related-card:hover{border-color:rgba(2,136,252,.3); box-shadow:var(--shadow-card); text-decoration:none; color:var(--navy)}
  .v2p-related-card img{width:48px; height:48px; border-radius:12px; object-fit:contain; flex-shrink:0; border:1px solid rgba(0,2,106,.06); padding:4px; background:#fff}
  .v2p-related-card .info h5{font-size:15px; font-weight:700; color:var(--navy); margin:0 0 4px}
  .v2p-related-card .info p{font-size:13px; color:var(--navy-80); margin:0; line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
  .v2p-related-hidden{display:none!important}

  /* ---------- Keyword badges (SEO, visually hidden) ---------- */
  .v2p-sr-only{
    position:absolute; width:1px; height:1px; padding:0; margin:-1px;
    overflow:hidden; clip:rect(0,0,0,0); border:0;
  }

  /* ---------- MOBILE RESPONSIVE ---------- */
  @media(max-width:780px){
    /* Mobile heading sizes (match other pages) */
    .v2p h1{font-size:26px; line-height:1.2}
    .v2p h2{font-size:22px; line-height:1.25}

    /* Hero section */
    .v2p-hero{padding:40px 0 36px}
    .v2p-hero p.lede{font-size:16px; line-height:24px}

    /* Hide integration diagram on mobile */
    .v2p-diagram{display:none}

    /* Persona selector: stack tabs vertically on small screens */
    .v2p-persona-tab{padding:18px 20px}
    .v2p-persona-tab .who{font-size:14px}

    /* Persona CTA bar */
    .v2p-persona-cta{padding:24px; flex-direction:column; text-align:center}
    .v2p-persona-cta .q{font-size:17px}
  }

  @media(max-width:480px){
    /* Persona selector: single column on phones */
    .v2p-persona-tabs{grid-template-columns:1fr}
    .v2p-persona-tab{border-right:0; border-bottom:1px solid rgba(0,2,106,.08)}
    .v2p-persona-tab:last-child{border-bottom:0}
  }

  /* ---------- reusable content sections ---------- */
  .v2p-cs-intro{
    max-width:760px; margin:0 auto 28px;
    padding:14px 20px;
    border-left:3px solid var(--accent);
    background:#fff; border-radius:var(--r-xs);
    color:var(--navy-80); font-size:1.05rem;
  }
  .v2p-cs-body{
    max-width:760px; margin:0 auto;
    background:#fff; border-radius:var(--r-md);
    border:1px solid rgba(0,2,106,.06);
    box-shadow:var(--shadow-card);
    padding:28px 32px;
  }
  .v2p-cs-body p{margin:0 0 14px; color:var(--navy-80)}
  .v2p-cs-body p:last-child{margin-bottom:0}
  .v2p-cs-body ul{margin:0; padding-left:20px; color:var(--navy-80)}
  .v2p-cs-body ul li{margin:6px 0}
  .v2p-cs-table-wrap{overflow-x:auto; margin-top:8px}
  .v2p-cs-table{width:100%; border-collapse:collapse; font-size:.95rem}
  .v2p-cs-table th, .v2p-cs-table td{
    text-align:left; padding:10px 12px;
    border-bottom:1px solid rgba(0,2,106,.1);
    color:var(--navy-80); vertical-align:top;
  }
  .v2p-cs-table th{color:var(--navy); font-family:"PT Sans",sans-serif}
  .v2p-cs-table code{
    background:var(--tint); color:var(--navy);
    padding:2px 6px; border-radius:4px; font-size:.9em;
  }

  /* ---------- BRAND SURFACE HARMONIZATION (www.sync.blue homepage look) ----------
     Homepage language: flat light-blue cards (--tint) on white sections,
     near-white cards (--tint-card) on light-blue sections; no card borders
     or drop shadows. Values sampled from the live homepage. */

  .v2p-persona{background:var(--tint); border:none; box-shadow:none}
  .v2p-persona-tabs{background:transparent}
  .v2p-persona-tab[aria-selected="true"]{background:var(--tint-card)}

  .v2p-related-card{background:var(--tint); border:none; border-radius:var(--r-card)}
  .v2p-related-card:hover{box-shadow:none; background:#D2E4FB}

  .v2p-cs-body{background:var(--tint); border:none; box-shadow:none; border-radius:var(--r-card)}
  .v2p-cs-intro{background:var(--tint)}

  .v2p-path{background:var(--tint-card); border:none; box-shadow:none; border-radius:var(--r-card)}

  .v2p-blog-card{border-color:transparent; background:var(--tint); border-radius:var(--r-card); overflow:hidden}

  .v2p .block.tinted .v2p-related-card{background:var(--tint-card)}
  .v2p .block.tinted .v2p-related-card:hover{background:#fff}
  .v2p .block.tinted .v2p-cs-body{background:var(--tint-card)}
  .v2p .block.tinted .v2p-cs-intro{background:var(--tint-card)}
  .v2p .block.tinted .v2p-blog-card{background:var(--tint-card)}