:root{
    --accent:#06AED4;
    --accent-dark:#058CAC;
    --navy:#0B4A6F;
    --text:#212529;
    --text-soft:#5B6470;
    --line:#E5E8EC;
    --tint:#F4F8FA;
    --tint2:#EAF6FA;
    --paper:#FFFFFF;
    --radius:4px;
    --maxw:1180px;
    --header-h:91px;
  }
.lp-v2 {
  font-family: var(--lp-font, 'Inter', Lato, system-ui, sans-serif);
  color: var(--text);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
  padding-top: var(--header-h, 110px);
}
.lp-v2 h1, .lp-v2 h2, .lp-v2 h3, .lp-v2 h4 {
  font-family: var(--lp-font, 'Inter', Lato, system-ui, sans-serif);
  margin: 0;
  font-weight: 700;
}
.lp-v2 .section-head h2,
.lp-v2 .final-cta h2 {
  font-family: var(--lp-font-display, 'Playfair Display', Georgia, serif);
}
.lp-v2 p {
  margin: 0;
  line-height: 1.65;
  color: var(--text-soft);
  font-size: 18px;
}
.lp-v2 img { max-width: 100%; display: block; }
.lp-v2 a { text-decoration: none;  }
.lp-v2 * { box-sizing: border-box; }
.lp-v2 section { padding: 80px 0; }
@media (max-width: 720px) { .lp-v2 section { padding: 48px 0; } }
.lp-v2 .wrap { max-width: 100%; width: 100%; margin: 0; padding-left: var(--lp-gutter-x, 5rem); padding-right: var(--lp-gutter-x, 5rem); }
*{box-sizing:border-box;}
  
  
  h1,h2,h3,h4{font-family:'Lato',sans-serif;margin:0;font-weight:700;}
  p{margin:0;line-height:1.6;color:var(--text-soft);font-size:16px;}
  img{max-width:100%;display:block;}
  a{text-decoration:none;color:inherit;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 40px;}
  @media (max-width:720px){ .wrap{padding:0 20px;} }
  section{padding:80px 0;}
  @media (max-width:720px){ section{padding:48px 0;} }

  /* ---- buttons matching live cta-btn ---- */
  .btn{
    display:inline-flex;align-items:center;justify-content:center;
    font-family:'Lato',sans-serif;font-weight:600;font-size:14px;
    padding:11px 22px;border-radius:var(--radius);cursor:pointer;border:none;
    transition:background .15s ease, transform .15s ease;
  }
  .btn-primary{background:var(--accent);color:#fff;}
  .btn-primary:hover{background:var(--accent-dark);}
  .btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--line);}
  .btn-outline:hover{border-color:var(--accent);color:var(--accent);}
  .btn-navy{background:var(--navy);color:#fff;}

  

  /* ===== UTILITY SEARCH BAND (repositioned guide search) ===== */
  .search-band{background:var(--tint2);border-bottom:3px solid var(--accent);padding:16px 0;}
  .search-band .wrap{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;}
  .search-band-label{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--navy);white-space:nowrap;}
  .search-band-label svg{flex-shrink:0;}
  .search-band .search-box{display:flex;width:100%;max-width:440px;border:1.5px solid var(--accent);border-radius:var(--radius);overflow:hidden;background:#fff;}
  .search-band .search-box input{flex:1;border:none;padding:11px 16px;font-family:'Lato',sans-serif;font-size:14px;outline:none;}
  .search-band .search-box button{border:none;background:var(--accent);color:#fff;padding:0 20px;font-weight:700;font-size:14px;cursor:pointer;}
  .search-band .search-box button:hover{background:var(--accent-dark);}

  /* ===== HERO ===== */
  .hero{
    position:relative;padding:90px 0 70px;
    background:linear-gradient(rgba(11,26,38,.72),rgba(11,26,38,.72)), url('../../newimages/newfigma/m-v-b.png') center/cover no-repeat;
    color:#fff;
  }
  .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center;}
  @media (max-width:920px){ .hero-grid{grid-template-columns:1fr;} }
  .hero h1{font-size:40px;line-height:1.15;font-weight:600;margin-bottom:18px;color:#fff;}
  @media (max-width:540px){ .hero h1{font-size:30px;} }
  .hero p.sub{font-size:18px;color:#D9E4EA;max-width:520px;margin-bottom:28px;}

  .toggle{
    display:inline-flex;background:rgba(255,255,255,.08);border-radius:var(--radius);padding:4px;margin-bottom:24px;
    border:1px solid rgba(255,255,255,.2);
  }
  .toggle button{
    font-family:'Lato',sans-serif;font-weight:600;font-size:14px;
    padding:10px 18px;border-radius:3px;border:none;background:transparent;
    color:#D9E4EA;cursor:pointer;transition:.2s;
  }
  .toggle button.active{background:var(--accent);color:#fff;}

  .hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px;}
  .hero-tagline{font-weight:700;font-size:14px;letter-spacing:.02em;color:#fff;}

  .trust-row{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:34px;}
  .trust-row img{height:20px;filter:brightness(0) invert(1);opacity:.8;}
  .trust-label{font-size:12px;letter-spacing:.06em;color:#B7C6CE;text-transform:uppercase;font-weight:700;}

  .hero-mock-wrap{position:relative;}
  .hero-mock-wrap .tag{
    position:absolute;top:-14px;left:20px;font-size:11px;font-weight:700;letter-spacing:.04em;
    background:var(--accent);border-radius:999px;padding:5px 12px;color:#fff;z-index:2;
  }
  .hero-mock{
    background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px -16px rgba(0,0,0,.45);
  }
  .hero-mock-bar{height:30px;background:#F1F3F5;display:flex;align-items:center;gap:6px;padding:0 12px;}
  .hero-mock-bar span{width:8px;height:8px;border-radius:50%;background:#D7DCE2;}
  .hero-mock-body{padding:22px;display:flex;flex-direction:column;gap:18px;}
  .hero-mock-qr-row{display:flex;align-items:center;gap:14px;}
  .hero-mock-title{font-size:15px;font-weight:700;color:var(--text);}
  .hero-mock-url{font-size:12px;color:var(--text-soft);}
  .hero-mock-list{display:flex;flex-direction:column;gap:10px;}
  .hero-mock-item{
    display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:var(--text);
    background:var(--tint);border-radius:6px;padding:10px 12px;
  }
  .hero-mock-caption{color:#D9E4EA;font-size:14px;margin-top:16px;}
  .hero-proof-badge{
    margin-top:14px;background:rgba(6,174,212,.15);border:1px solid rgba(6,174,212,.4);
    border-radius:6px;padding:10px 14px;font-size:13px;color:#fff;
  }
  .hero-proof-badge b{color:#7FE6F5;}
  .qr-block{width:54px;height:54px;flex-shrink:0;border-radius:6px;box-shadow:0 4px 14px -6px rgba(11,74,111,.35);}

  /* ===== TRUST LOGO BAR ===== */
  .logobar{background:var(--tint);padding:32px 0;border-bottom:1px solid var(--line);}
  .logobar .wrap{display:flex;gap:40px;align-items:center;justify-content:center;flex-wrap:wrap;}
  .logobar img{height:22px;opacity:.65;}

  /* ===== SECTION HEAD ===== */
  .section-head{margin-bottom:42px;max-width:640px;}
  .section-head.center{text-align:center;margin-left:auto;margin-right:auto;}
  .eyebrow{
    display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
    color:var(--accent-dark);margin-bottom:12px;
  }
  .section-head h2{font-size:30px;color:var(--text);}
  .section-head p{margin-top:12px;font-size:16px;}

  /* ===== TWO PILLARS ===== */
  .cycle-rotor{animation:cycleRotate 6s linear infinite;transform-origin:210px 210px;}
  @keyframes cycleRotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
  .cycle-node{animation:cycleNodePulse 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center;}
  @keyframes cycleNodePulse{0%,100%{stroke-width:2;}50%{stroke-width:4;stroke:var(--navy);}}
  @media (prefers-reduced-motion:reduce){ .cycle-rotor,.cycle-node{animation:none;} }
  .pillar-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
  @media (max-width:760px){ .pillar-grid{grid-template-columns:1fr;} }
  .pillar-card{border-radius:8px;padding:32px;border:1px solid var(--line);background:#fff;transition:transform .25s ease,box-shadow .25s ease;}
  .pillar-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px -16px rgba(11,74,111,.25);}
  .pillar-card h3{font-size:22px;margin-bottom:10px;color:var(--navy);}
  .pillar-card ul{margin:18px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:11px;}
  .pillar-card li{font-size:14.5px;color:var(--text-soft);padding-left:22px;position:relative;}
  .pillar-card li::before{content:"✓";position:absolute;left:0;top:0;color:var(--accent);font-weight:700;}

  /* ===== BACKGROUND DEPTH BLOBS + TEXTURE ===== */
  .bg-blob{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0;}
  .bg-blob-1{width:420px;height:420px;background:radial-gradient(circle,rgba(6,174,212,.18),transparent 70%);top:-120px;right:-140px;}
  .bg-blob-2{width:380px;height:380px;background:radial-gradient(circle,rgba(11,74,111,.14),transparent 70%);bottom:-140px;left:-120px;}
  .bg-blob-3{width:300px;height:300px;background:radial-gradient(circle,rgba(124,92,252,.12),transparent 70%);}
  .bg-blob-4{width:340px;height:340px;background:radial-gradient(circle,rgba(6,174,212,.14),transparent 70%);}
  section .wrap{position:relative;z-index:1;}

  .bg-dotgrid{
    position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
    background-image:radial-gradient(circle, rgba(11,74,111,.14) 1.4px, transparent 1.4px);
    background-size:26px 26px;
    -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%, #000 40%, transparent 85%);
    mask-image:radial-gradient(ellipse 70% 60% at 50% 40%, #000 40%, transparent 85%);
  }
  .bg-dotgrid-dark{
    background-image:radial-gradient(circle, rgba(255,255,255,.16) 1.4px, transparent 1.4px);
  }
  .bg-mesh{
    position:absolute;inset:0;z-index:0;pointer-events:none;
    background:
      radial-gradient(ellipse 480px 320px at 12% 10%, rgba(6,174,212,.14), transparent 60%),
      radial-gradient(ellipse 420px 340px at 90% 25%, rgba(124,92,252,.10), transparent 60%),
      radial-gradient(ellipse 460px 380px at 50% 100%, rgba(11,74,111,.10), transparent 60%);
  }

  /* ===== TEXT HIGHLIGHTS ===== */
  .hl{
    position:relative;color:var(--navy);white-space:normal;
    background:linear-gradient(180deg,transparent 62%,rgba(6,174,212,.30) 62%);
    padding:0 2px;
    overflow-wrap:break-word;
  }
  .hl-dark{color:#7FE6F5;background:linear-gradient(180deg,transparent 62%,rgba(127,230,245,.22) 62%);}
  .hl-underline{
    color:inherit;border-bottom:3px solid var(--accent);padding-bottom:1px;
  }
  .stat-chip{
    display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;
    background:var(--tint2);color:var(--navy);border:1px solid rgba(6,174,212,.3);
    border-radius:999px;padding:6px 13px;
  }
  .stat-chip b{color:var(--accent-dark);}

  /* ===== QR POWER STORY (scan animates into a populating mini site) ===== */
  .qr-power-story{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;}
  .qr-power-scan{display:flex;flex-direction:column;align-items:center;gap:10px;}
  .scan-qr-icon{
    width:64px;height:64px;border-radius:8px;flex-shrink:0;
    border:4px solid #fff;box-shadow:0 4px 14px -6px rgba(11,74,111,.4);
    animation:scanPulse 8s ease-in-out infinite;
  }
  @keyframes scanPulse{
    0%,3%{box-shadow:0 0 0 0 rgba(6,174,212,.5),0 4px 14px -6px rgba(11,74,111,.4);}
    7%{box-shadow:0 0 0 10px rgba(6,174,212,0),0 4px 14px -6px rgba(11,74,111,.4);}
    10%,100%{box-shadow:0 4px 14px -6px rgba(11,74,111,.4);}
  }
  .qr-power-scan-label{font-size:12.5px;font-weight:700;color:var(--navy);}

  .qr-power-phone{
    width:260px;background:#fff;border-radius:14px;box-shadow:0 18px 44px -16px rgba(11,74,111,.4);
    border:1px solid var(--line);position:relative;overflow:visible;
  }
  .qr-power-phone-bar{height:28px;background:var(--tint);border-radius:14px 14px 0 0;display:flex;align-items:center;gap:6px;padding:0 12px;}
  .qr-power-phone-bar span{width:7px;height:7px;border-radius:50%;background:var(--line);}
  .qr-power-phone-body{padding:18px 16px;min-height:200px;position:relative;display:flex;flex-direction:column;gap:10px;}

  .story-item{
    opacity:0;transform:translateY(8px);font-size:12px;font-weight:700;color:var(--text);
    background:var(--tint);border-radius:6px;padding:8px 12px;
  }
  .story-badge{opacity:0;position:absolute;font-size:11px;font-weight:700;border-radius:999px;padding:6px 12px;white-space:nowrap;}
  .story-badge-chat{top:78px;right:-22px;background:var(--accent);color:#fff;box-shadow:0 8px 18px -8px rgba(6,174,212,.55);}
  .story-banner{
    bottom:-16px;left:12px;right:12px;background:var(--navy);color:#fff;border-radius:6px;text-align:center;
    padding:9px 10px;white-space:normal;
  }
  .story-stat{top:-14px;right:14px;background:#fff;border:1.5px solid var(--accent);color:var(--navy);box-shadow:0 6px 16px -8px rgba(11,74,111,.3);}

  .story-anim-1{animation:storyFade1 10s ease-in-out infinite;}
  .story-anim-2{animation:storyFade2 10s ease-in-out infinite;}
  .story-anim-3b{animation:storyFade3b 10s ease-in-out infinite;}
  .story-anim-loyalty{animation:storyLoyalty 10s ease-in-out infinite;}
  .story-anim-3{animation:storyPop3 10s ease-in-out infinite;}
  .story-anim-4{animation:storySlide4 10s ease-in-out infinite;}
  .story-anim-5{animation:storyPop5 10s ease-in-out infinite;}

  @keyframes storyFade1{
    0%,2%{opacity:0;transform:translateY(8px);}
    6%,88%{opacity:1;transform:translateY(0);}
    93%,100%{opacity:0;transform:translateY(8px);}
  }
  @keyframes storyFade2{
    0%,13%{opacity:0;transform:translateY(8px);}
    17%,88%{opacity:1;transform:translateY(0);}
    93%,100%{opacity:0;transform:translateY(8px);}
  }
  @keyframes storyFade3b{
    0%,24%{opacity:0;transform:translateY(8px);}
    28%,88%{opacity:1;transform:translateY(0);}
    93%,100%{opacity:0;transform:translateY(8px);}
  }
  @keyframes storyLoyalty{
    0%,35%{opacity:0;transform:translateY(8px);}
    39%,88%{opacity:1;transform:translateY(0);}
    93%,100%{opacity:0;transform:translateY(8px);}
  }
  @keyframes storyPop3{
    0%,46%{opacity:0;transform:scale(.6);}
    50%,88%{opacity:1;transform:scale(1);}
    93%,100%{opacity:0;transform:scale(.6);}
  }
  @keyframes storySlide4{
    0%,57%{opacity:0;transform:translateY(14px);}
    61%,88%{opacity:1;transform:translateY(0);}
    93%,100%{opacity:0;transform:translateY(14px);}
  }
  @keyframes storyPop5{
    0%,68%{opacity:0;transform:scale(.5);}
    72%,88%{opacity:1;transform:scale(1);}
    93%,100%{opacity:0;transform:scale(.5);}
  }
  @media (prefers-reduced-motion:reduce){
    .scan-qr-icon,.story-anim-1,.story-anim-2,.story-anim-3b,.story-anim-3,.story-anim-4,.story-anim-5{animation:none;opacity:1;transform:none;}
  }

  /* ===== BUILD GRAPHIC (Product Mini Site) ===== */
  .build-graphic{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;margin-bottom:54px;}
  .build-phone{
    width:200px;background:#fff;border-radius:14px;box-shadow:0 16px 40px -16px rgba(11,74,111,.35);
    border:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:8px;
  }
  .build-phone-bar{width:40%;height:5px;border-radius:3px;background:var(--line);margin:0 auto 6px;}
  .build-block{
    font-size:11.5px;font-weight:700;color:var(--text);background:var(--tint);border-radius:6px;padding:8px 10px;
    opacity:0;transform:translateY(10px);animation:blockIn .5s ease forwards;
  }
  .build-block-1{animation-delay:.2s;}
  .build-block-2{animation-delay:.7s;}
  .build-block-3{animation-delay:1.2s;}
  .build-block-4{animation-delay:1.7s;}
  .build-block-5{animation-delay:2.2s;}
  @keyframes blockIn{to{opacity:1;transform:translateY(0);}}
  .build-arrow{font-size:26px;color:var(--accent);font-weight:700;}
  .build-qr-out{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12.5px;font-weight:700;color:var(--navy);}
  .build-dashboard{
    width:340px;background:#fff;border-radius:14px;box-shadow:0 16px 40px -16px rgba(11,74,111,.35);
    border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:10px;
  }
  .build-dashboard-title{font-size:12.5px;font-weight:700;color:var(--navy);}
  .build-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
  @media (max-width:420px){ .build-dashboard{width:260px;} .build-check-grid{grid-template-columns:1fr;} }
  .build-check{
    font-size:11px;font-weight:600;color:var(--text);background:var(--tint2);border-radius:6px;padding:7px 8px;
    opacity:0;transform:translateX(-8px);animation:checkIn .4s ease forwards;
  }
  .build-check-1{animation-delay:.3s;}
  .build-check-2{animation-delay:.6s;}
  .build-check-3{animation-delay:.9s;}
  .build-check-4{animation-delay:1.2s;}
  .build-check-5{animation-delay:1.5s;}
  .build-check-6{animation-delay:1.8s;}
  .build-check-7{animation-delay:2.1s;}
  .build-check-8{animation-delay:2.4s;}
  @keyframes checkIn{to{opacity:1;transform:translateX(0);}}
  @media (max-width:600px){ .build-arrow{transform:rotate(90deg);} }
  /* ===== MARKETING TOOLKIT FLOW (scan becomes a usable tool) ===== */
  .marketing-toolkit-block{background:var(--tint2);border-radius:14px;padding:36px 24px;margin-bottom:50px;}
  .toolkit-flow{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;}
  @media (max-width:760px){ .toolkit-flow{flex-direction:column;} .toolkit-flow .flow-line{width:2px !important;height:30px;} }
  .toolkit-card{
    background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;text-align:center;width:160px;
    box-shadow:0 10px 24px -16px rgba(11,74,111,.25);
  }
  .toolkit-card-icon{font-size:24px;margin-bottom:8px;}
  .toolkit-card h4{font-size:13px;margin-bottom:4px;}
  .toolkit-card p{font-size:11px;line-height:1.4;}
  .toolkit-result{border-color:var(--accent);}

  .toolkit-tools{
    display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#fff;border:1.5px solid var(--accent);
    border-radius:12px;padding:16px;box-shadow:0 14px 30px -16px rgba(6,174,212,.35);
  }
  .toolkit-tool{
    display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--navy);
    background:var(--tint);border-radius:8px;padding:12px 8px;width:96px;
    animation:toolPulse 4s ease-in-out infinite;
  }
  .toolkit-tool span{font-size:10.5px;}
  .toolkit-tool-1{animation-delay:0s;}
  .toolkit-tool-2{animation-delay:1s;}
  .toolkit-tool-3{animation-delay:2s;}
  .toolkit-tool-4{animation-delay:3s;}
  @keyframes toolPulse{
    0%,10%{box-shadow:0 0 0 0 rgba(6,174,212,.4);background:var(--tint);}
    20%{box-shadow:0 0 0 6px rgba(6,174,212,0);background:var(--tint2);}
    30%,100%{box-shadow:none;background:var(--tint);}
  }
  @media (prefers-reduced-motion:reduce){ .toolkit-tool{animation:none;} }

  .module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
  @media (max-width:920px){ .module-grid{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:520px){ .module-grid{grid-template-columns:1fr;} }
  .module-card{border:1px solid var(--line);border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:8px;background:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
  .module-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -14px rgba(11,74,111,.3);border-color:var(--accent);}
  .module-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);}
  .module-card h4{font-size:14.5px;font-weight:700;}
  .module-card p{font-size:13px;}

  .builder-block{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
  @media (max-width:820px){ .builder-block{grid-template-columns:1fr;} }
  .video-frame{border-radius:8px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/9;background:#000;}
  .video-frame iframe{width:100%;height:100%;border:0;}
  .video-placeholder{
    border:1.5px dashed var(--line);border-radius:8px;aspect-ratio:16/9;
    display:flex;align-items:center;justify-content:center;background:#fff;
    font-size:13px;color:var(--text-soft);text-align:center;padding:20px;
  }

  /* ===== SERVICE SITE ===== */
  .service-section{background:var(--tint);border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden;}
  .booking-flow{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:0;margin-bottom:54px;}
  .flow-step{display:flex;flex-direction:column;align-items:center;gap:8px;width:108px;}
  .flow-icon{
    width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid var(--accent);
    display:flex;align-items:center;justify-content:center;font-size:22px;
    animation:flowIconPulse 2.4s ease-in-out infinite;
  }
  .flow-step-final .flow-icon{border-color:var(--navy);animation:none;}
  @keyframes flowIconPulse{0%,100%{box-shadow:0 0 0 0 rgba(6,174,212,.4);}50%{box-shadow:0 0 0 10px rgba(6,174,212,0);}}
  .flow-step span{font-size:12px;font-weight:700;color:var(--text);text-align:center;max-width:90px;min-height:30px;}
  .flow-line{width:50px;height:2px;background:var(--line);position:relative;margin-top:27px;flex-shrink:0;}
  @media (max-width:760px){ .flow-line{width:2px;height:30px;margin:6px 0;} .booking-flow{flex-direction:column;align-items:center;} }
  .flow-line-dot{
    position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:var(--accent);
    animation:flowDotMove 1.8s linear infinite;
  }
  @keyframes flowDotMove{0%{left:0;opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{left:calc(100% - 8px);opacity:0;}}
  @media (prefers-reduced-motion:reduce){ .flow-icon,.flow-line-dot{animation:none;} }
  .service-icon{
    width:36px;height:36px;border-radius:8px;background:#fff;color:var(--navy);border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:4px;
  }
  .new-badge{
    font-size:11px;font-weight:700;background:var(--navy);color:#fff;padding:3px 9px;border-radius:999px;
    margin-left:8px;letter-spacing:.04em;vertical-align:middle;
  }

  /* ===== PATENT SECTION ===== */
  .patent-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
  @media (max-width:920px){ .patent-grid{grid-template-columns:1fr;} }

  /* ---- Patent graphic animation ---- */
  .patent-hub-glow{animation:hubPulse 3s ease-in-out infinite;transform-origin:260px 230px;}
  @keyframes hubPulse{0%,100%{opacity:.55;transform:scale(1);}50%{opacity:.85;transform:scale(1.1);}}
  .patent-hub-core{animation:hubBreathe 3s ease-in-out infinite;transform-origin:260px 230px;}
  @keyframes hubBreathe{0%,100%{transform:scale(1);}50%{transform:scale(1.04);}}
  .flow-dot{offset-rotate:0deg;animation:flowMove 2.4s linear infinite;}
  @keyframes flowMove{
    0%{offset-distance:0%;opacity:0;}
    8%{opacity:1;}
    92%{opacity:1;}
    100%{offset-distance:100%;opacity:0;}
  }
  .patent-node{animation:nodeGlow 2.6s ease-in-out infinite;}
  @keyframes nodeGlow{0%,100%{stroke-opacity:.6;}50%{stroke-opacity:1;}}
  .graph-dot-pulse{animation:dotPulse 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center;}
  @keyframes dotPulse{0%,100%{opacity:.4;transform:scale(1);}50%{opacity:1;transform:scale(1.4);}}
  @media (prefers-reduced-motion:reduce){
    .patent-hub-glow,.patent-hub-core,.flow-dot,.patent-node,.graph-dot-pulse{animation:none;}
  }
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:50px;position:relative;}
  @media (max-width:820px){ .steps{grid-template-columns:1fr;} }
  .steps-line{position:absolute;top:18px;left:16.5%;right:16.5%;height:2px;background:var(--line);z-index:0;overflow:hidden;}
  @media (max-width:820px){ .steps-line{display:none;} }
  .steps-line-fill{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,var(--accent),var(--navy));animation:lineFill 3.2s ease-in-out infinite;transform-origin:left;}
  @keyframes lineFill{0%{transform:scaleX(0);}60%{transform:scaleX(1);}100%{transform:scaleX(1);}}
  .step{position:relative;z-index:1;}
  .step-num{
    width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;
    display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;margin-bottom:14px;
    animation:stepPop 3.2s ease-in-out infinite;
  }
  @keyframes stepPop{0%,20%{transform:scale(1);box-shadow:0 0 0 0 rgba(6,174,212,.5);}30%{transform:scale(1.18);box-shadow:0 0 0 8px rgba(6,174,212,0);}45%,100%{transform:scale(1);}}
  @media (prefers-reduced-motion:reduce){ .steps-line-fill,.step-num{animation:none;} }
  .step h4{font-size:17px;margin-bottom:8px;}

  /* ===== REPLACE TOOLS ===== */
  .replace-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;min-width:0;}
  @media (max-width:860px){ .replace-grid{grid-template-columns:1fr;gap:28px;} }
  .replace-grid > *{min-width:0;max-width:100%;}
  .tool-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;max-width:100%;}
  .tool-chip{font-size:13.5px;padding:7px 13px;border-radius:999px;background:#fff;color:var(--text-soft);border:1px solid var(--line);text-decoration:line-through;}
  .one-tool{border-radius:8px;background:var(--navy);color:#fff;padding:34px;text-align:center;position:relative;z-index:2;}
  .one-tool h3{font-size:21px;margin-bottom:8px;color:#fff;}
  .one-tool p{color:#C3D6E0;}
  .converge-graphic{position:relative;display:flex;align-items:center;justify-content:center;min-height:360px;padding:20px 0;overflow:visible;max-width:100%;}
  .converge-orbit{position:absolute;width:100%;height:100%;top:0;left:0;}
  .converge-icon{
    position:absolute;top:50%;left:50%;width:40px;height:40px;border-radius:50%;background:#fff;
    border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:17px;
    box-shadow:0 6px 16px -8px rgba(11,74,111,.3);
    animation:convergeMove 3.2s ease-in-out infinite;
  }
  @keyframes convergeMove{
    0%{transform:translate(-50%,-50%) rotate(var(--a)) translateX(150px) rotate(calc(var(--a) * -1)) scale(1);opacity:.9;}
    70%{transform:translate(-50%,-50%) rotate(var(--a)) translateX(150px) rotate(calc(var(--a) * -1)) scale(1);opacity:.9;}
    100%{transform:translate(-50%,-50%) translateX(0) translateY(0) scale(.3);opacity:0;}
  }
  @media (prefers-reduced-motion:reduce){ .converge-icon{animation:none;} }
  @media (max-width:600px){ .converge-graphic{min-height:200px;} .converge-icon{transform:translate(-50%,-50%) rotate(var(--a)) translateX(90px) rotate(calc(var(--a) * -1));} }

  /* ===== AI TOOLS (rebuilt clear cards) ===== */
  .ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  @media (max-width:820px){ .ai-grid{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:560px){ .ai-grid{grid-template-columns:1fr;} }
  .ai-card{border:1px solid var(--line);border-radius:8px;padding:22px;display:flex;gap:14px;align-items:flex-start;background:#fff;transition:transform .2s ease,box-shadow .2s ease;}
  .ai-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px -16px rgba(11,74,111,.3);}
  .ai-icon{
    width:42px;height:42px;border-radius:8px;background:var(--tint2);color:var(--accent-dark);
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
    transition:background .2s ease,color .2s ease,transform .2s ease;
  }
  .ai-card:hover .ai-icon{background:var(--accent);color:#fff;transform:scale(1.08);}
  .ai-card h4{font-size:14.5px;font-weight:700;margin-bottom:5px;}
  .ai-card p{font-size:13px;}

  /* ===== PRICING TEASER ===== */
  .pricing-teaser{display:flex;justify-content:center;}
  .price-card{
    border:1px solid var(--line);border-radius:8px;padding:32px;display:flex;flex-direction:column;gap:14px;
    text-align:center;max-width:320px;width:100%;background:#fff;
    transition:transform .25s ease,box-shadow .25s ease;
  }
  .price-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px -18px rgba(11,74,111,.3);}
  .price-card .amt{font-size:30px;font-weight:800;color:var(--navy);}
  .price-card .amt span{font-size:13px;font-weight:600;color:var(--text-soft);}
  .price-card ul{list-style:none;padding:0;margin:6px 0;text-align:left;display:flex;flex-direction:column;gap:8px;}
  .price-card li{font-size:13.5px;color:var(--text-soft);padding-left:20px;position:relative;}
  .price-card li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700;}
  .see-all-link{font-size:14px;font-weight:700;color:var(--accent-dark);margin-top:6px;}
  .see-all-link:hover{text-decoration:underline;}

  /* ===== TESTIMONIAL CAROUSEL ===== */
  .testi-wrap{max-width:680px;margin:0 auto;position:relative;}
  .testi-track-outer{overflow:hidden;border-radius:8px;}
  .testi-track{display:flex;transition:transform .4s ease;}
  .testi-slide{min-width:100%;background:var(--tint);padding:42px;text-align:center;}
  .testi-avatar{width:56px;height:56px;border-radius:50%;margin:0 auto 18px;object-fit:cover;border:3px solid #fff;}
  .testi-slide p.quote{font-size:16px;color:var(--text);font-weight:600;margin-bottom:16px;line-height:1.55;}
  .testi-slide .who{font-size:13.5px;color:var(--text-soft);}
  .testi-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:18px;}
  .testi-arrow{
    width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;
    display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-soft);
  }
  .testi-arrow:hover{border-color:var(--accent);color:var(--accent);}
  .testi-dots{display:flex;gap:8px;}
  .testi-dot{width:8px;height:8px;border-radius:50%;background:var(--line);cursor:pointer;border:none;padding:0;}
  .testi-dot.active{background:var(--accent);}
  .testi-note{font-size:12px;color:var(--text-soft);text-align:center;margin-top:14px;font-style:italic;}

  /* ===== FINAL CTA ===== */
  .final-cta{background:var(--navy);border-radius:10px;color:#fff;padding:54px;text-align:center;}
  .final-cta h2{font-size:28px;margin-bottom:14px;color:#fff;}
  .final-cta p{color:#C3D6E0;margin-bottom:26px;}

  

  [data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease;}
  [data-reveal].in{opacity:1;transform:translateY(0);}
  @media (prefers-reduced-motion:reduce){ [data-reveal]{opacity:1;transform:none;transition:none;} }

  /* ===== SMART QR™ BRAND BADGE ===== */
  .smart-qr-badge{
    display:inline-flex;align-items:center;gap:6px;font-family:"Lato",sans-serif;font-size:12px;
    font-weight:700;letter-spacing:.06em;text-transform:uppercase;
    background:linear-gradient(135deg,var(--accent),var(--navy));
    color:#fff;border-radius:999px;padding:5px 13px;
  }
  .smart-qr-badge-inline{
    display:inline-flex;align-items:center;font-size:inherit;font-weight:700;
    color:var(--accent-dark);border-bottom:2px solid var(--accent);padding-bottom:1px;
  }

  /* ===== HERO CENTRED (new) ===== */
  .hero-centered{text-align:center;}
  .hero-centered .wrap{width:100%;max-width:100%;}
  .hero-eyebrow-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;color:rgba(255,255,255,.75);font-size:13.5px;font-weight:600;}
  .hero-centered h1{font-size:48px;line-height:1.1;font-weight:800;margin-bottom:22px;color:#fff;}
  @media (max-width:640px){.hero-centered h1{font-size:32px;}}

  .hero-journey{
    display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;
    margin-bottom:34px;
  }
  .journey-step{
    font-size:12.5px;font-weight:700;color:#fff;background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 13px;
    backdrop-filter:blur(4px);
  }
  .journey-arrow{color:rgba(255,255,255,.5);font-size:14px;font-weight:700;}

  .hero-search-center{width:100%;max-width:680px;margin:0 auto 28px;display:flex;flex-direction:column;align-items:center;}
  .hero-search-box{
    display:flex;width:100%;max-width:100%;margin:0;
    border:2px solid rgba(255,255,255,.35);border-radius:10px;overflow:hidden;
    background:rgba(255,255,255,.95);box-shadow:0 20px 50px -16px rgba(0,0,0,.45);
  }
  .hero-search-box input{flex:1 1 auto;width:100%;min-width:0;border:none;padding:14px 18px;font-family:"Lato",sans-serif;font-size:15px;outline:none;background:transparent;}
  .hero-search-box button{flex-shrink:0;width:auto;border:none;background:var(--navy);color:#fff;padding:0 24px;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap;}
  .hero-search-box button:hover{background:var(--accent);}
  .hero-search-hint{font-size:12px;color:rgba(255,255,255,.6);margin-top:9px;}

  .hero-cta-center{justify-content:center;}
  .hero-tagline-center{text-align:center;}

  .hero-mini-qr{
    display:inline-flex;flex-direction:column;align-items:center;gap:8px;
    margin-top:30px;opacity:.72;
  }
  .hero-mini-qr img{width:54px;height:54px;border-radius:6px;box-shadow:0 4px 14px -6px rgba(0,0,0,.5);}
  .hero-mini-qr span{font-size:11px;color:rgba(255,255,255,.65);font-weight:600;}

  /* ===== PRODUCTS & SERVICES SPLIT SECTION ===== */
  .ps-section{background:var(--paper);overflow:hidden;position:relative;}
  .ps-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px;}
  @media (max-width:840px){.ps-grid{grid-template-columns:1fr;}}
  .ps-card{
    border-radius:16px;padding:36px;border:1px solid var(--line);position:relative;overflow:hidden;
    transition:transform .25s ease,box-shadow .25s ease;
  }
  .ps-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px -20px rgba(11,74,111,.25);}
  .ps-card-product{background:linear-gradient(160deg,#EAF6FA,#fff);}
  .ps-card-service{background:linear-gradient(160deg,#F3EEFF,#fff);}
  .ps-badge{
    display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;
    border-radius:999px;padding:5px 13px;margin-bottom:16px;
  }
  .ps-badge-product{background:var(--tint2);color:var(--navy);border:1px solid rgba(6,174,212,.35);}
  .ps-badge-service{background:#EDE9FE;color:#5E3FE0;border:1px solid rgba(124,92,252,.3);}
  .ps-card h3{font-size:22px;margin-bottom:10px;}
  .ps-card > p{font-size:14.5px;color:var(--text-soft);margin-bottom:18px;}
  .ps-for-label{font-size:11.5px;font-weight:700;color:var(--text-soft);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;}
  .ps-for-grid{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px;}
  .ps-for-chip{font-size:12px;font-weight:600;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px;color:var(--text);}
  .ps-powered{text-align:center;margin-top:24px;font-size:13px;color:var(--text-soft);}
  .ps-powered b{color:var(--navy);}

  .ps-visual{
    border-radius:10px;padding:18px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:14px;
    min-height:80px;
  }
  .ps-visual-product{background:var(--tint);}
  .ps-visual-service{background:#EDE9FE;}
  .ps-visual-icon{font-size:32px;}
  .ps-visual-arrow{font-size:18px;color:var(--accent);}
  .ps-visual-phone{
    width:44px;height:64px;border-radius:6px;border:2px solid var(--accent);
    background:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;
  }

  /* ===== LOYALTY CLUB MODULE ===== */
  .loyalty-callout{
    background:linear-gradient(135deg,#EAF6FA,#EDE9FE);border:1px solid rgba(6,174,212,.3);
    border-radius:12px;padding:24px;display:flex;align-items:center;gap:18px;margin-top:14px;
  }
  .loyalty-callout-icon{font-size:32px;flex-shrink:0;}
  .loyalty-callout h4{font-size:16px;margin-bottom:6px;}
  .loyalty-callout p{font-size:13.5px;}
  .loyalty-callout ul{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:8px;}
  .loyalty-callout li{font-size:12px;font-weight:600;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 11px;}



  /* ===== HOW MYQRGUIDE WORKS — Visual Journey ===== */
  .journey-section{background:var(--paper);padding:80px 0;}
  @media (max-width:720px){.journey-section{padding:52px 0;}}

  /* Gateway: Product → Smart QR™ → AI Product Mini Site */
  .journey-gateway{
    display:flex;align-items:center;justify-content:center;
    flex-wrap:wrap;gap:0;margin:40px 0 0;
  }
  .gateway-node{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;min-width:110px;}
  .gateway-icon-wrap{
    width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;
    border:1px solid var(--line);box-shadow:0 6px 16px -8px rgba(11,74,111,.25);
  }
  .gateway-icon-product{background:#FEF3E2;border-color:#F2A33D;}
  .gateway-icon-site{background:var(--tint2);border-color:var(--accent);}
  .gateway-node-label{font-size:13px;font-weight:700;color:var(--navy);}
  .gateway-node-sub{font-size:11px;color:var(--text-soft);max-width:100px;}
  .gateway-qr-wrap{
    width:72px;height:72px;border-radius:10px;overflow:hidden;
    box-shadow:0 8px 20px -8px rgba(11,74,111,.4);border:2px solid var(--accent);
  }
  .gateway-qr-img{width:100%;height:100%;object-fit:cover;}
  .gateway-connector{
    width:70px;height:2px;background:var(--line);position:relative;flex-shrink:0;
    margin:0 4px;margin-bottom:36px;overflow:hidden;
  }
  @media (max-width:640px){.gateway-connector{width:34px;}}
  @media (max-width:420px){.gateway-connector{display:none;}}
  .gateway-line-fill{
    position:absolute;top:0;left:0;height:100%;width:100%;
    background:linear-gradient(90deg,var(--accent),var(--navy));
    transform-origin:left;animation:gwLineFill 2.4s ease-in-out infinite;
  }
  @keyframes gwLineFill{
    0%{transform:scaleX(0);opacity:0;}15%{opacity:1;}
    65%{transform:scaleX(1);opacity:1;}80%,100%{transform:scaleX(1);opacity:0;}
  }
  .gateway-traveling-dot{
    position:absolute;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--accent);
    box-shadow:0 0 6px rgba(6,174,212,.8);
    animation:gwDot 2.4s linear infinite;
  }
  @keyframes gwDot{
    0%{left:-5px;opacity:0;}8%{opacity:1;}88%{opacity:1;}
    95%,100%{left:calc(100% + 5px);opacity:0;}
  }

  /* Down arrow connector */
  .journey-expand{display:flex;flex-direction:column;align-items:center;gap:6px;margin:20px 0 16px;}
  .journey-expand-line{
    width:2px;height:40px;background:linear-gradient(var(--accent),var(--navy));position:relative;overflow:hidden;
  }
  .journey-expand-dot{
    position:absolute;top:-6px;left:-4px;width:10px;height:10px;border-radius:50%;
    background:var(--accent);animation:expandDot 1.6s linear infinite;
  }
  @keyframes expandDot{0%{top:-6px;opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{top:calc(100%+6px);opacity:0;}}
  .journey-expand-label{font-size:12px;font-weight:700;color:var(--text-soft);letter-spacing:.04em;text-transform:uppercase;}

  /* Experience nodes grid */
  .journey-nodes{
    display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;
  }
  @media (max-width:900px){.journey-nodes{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:520px){.journey-nodes{grid-template-columns:1fr;}}
  .jnode{
    background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;
    opacity:0;transform:translateY(12px);
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
  }
  .jnode:hover{transform:translateY(-4px) !important;box-shadow:0 14px 28px -16px rgba(11,74,111,.3);border-color:var(--accent);}
  .jnode.jn-visible{opacity:1;transform:translateY(0);}
  .jnode-icon{font-size:26px;margin-bottom:9px;}
  .jnode h4{font-size:14px;font-weight:700;margin-bottom:5px;}
  .jnode p{font-size:12px;line-height:1.45;}

  /* Product Intelligence Center — full width premium */
  .journey-intelligence{
    background:linear-gradient(135deg,#0B1F3A 0%,var(--navy) 100%);
    border-radius:16px;padding:36px 40px;display:grid;
    grid-template-columns:1fr 1.5fr;gap:40px;align-items:center;position:relative;overflow:hidden;
  }
  @media (max-width:780px){.journey-intelligence{grid-template-columns:1fr;padding:28px;}}
  .journey-intelligence::before{
    content:"";position:absolute;right:-60px;top:-60px;width:300px;height:300px;
    border-radius:50%;background:radial-gradient(circle,rgba(6,174,212,.18),transparent 70%);
    pointer-events:none;
  }
  .ji-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7FE6F5;margin-bottom:10px;}
  .ji-left h3{font-size:22px;color:#fff;margin-bottom:12px;}
  .ji-left p{color:#C3D6E0;font-size:14px;margin-bottom:20px;}
  .ji-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;}
  @media (max-width:900px){.ji-grid{grid-template-columns:repeat(2,1fr);}}
  .ji-item{
    background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
    border-radius:8px;padding:10px 11px;font-size:11.5px;font-weight:600;color:#fff;
    line-height:1.35;
    transition:background .2s ease;
  }
  .ji-item:hover{background:rgba(255,255,255,.14);}



  /* ===== JOURNEY V2 — Customer Story + Business Outcomes ===== */

  /* Updated section heading */
  .journey-section-v2 h2{font-size:32px;}

  /* Experience wrap — relative container for intelligence particles */
  .journey-experience-wrap{position:relative;margin-bottom:0;}

  /* 6-node grid replacing old 8-node grid */
  .journey-nodes-v2{
    display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
    position:relative;z-index:2;
  }
  @media (max-width:860px){.journey-nodes-v2{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:480px){.journey-nodes-v2{grid-template-columns:1fr;}}
  .jnode2{
    background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;
    opacity:0;transform:translateY(12px);
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
    position:relative;z-index:2;
  }
  .jnode2.jn-visible{opacity:1;transform:translateY(0);}
  .jnode2:hover{transform:translateY(-4px) !important;box-shadow:0 14px 28px -16px rgba(11,74,111,.3);border-color:var(--accent);}
  .jnode2-icon{font-size:24px;margin-bottom:8px;}
  .jnode2 h4{font-size:14px;font-weight:700;margin-bottom:5px;}
  .jnode2 p{font-size:12px;line-height:1.45;}

  /* Intelligence layer — behind the experience nodes */
  .intel-layer{
    position:relative;margin-top:18px;border-radius:10px;
    background:linear-gradient(135deg,rgba(11,74,111,.06),rgba(6,174,212,.06));
    border:1px solid rgba(6,174,212,.2);padding:14px 20px;overflow:hidden;z-index:1;
  }
  .intel-layer-inner{
    display:flex;align-items:center;gap:16px;flex-wrap:wrap;position:relative;z-index:2;
  }
  .intel-layer-title{
    font-size:12px;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:7px;white-space:nowrap;
  }
  .intel-layer-chips{display:flex;flex-wrap:wrap;gap:7px;}
  .intel-chip{
    font-size:11px;font-weight:600;background:#fff;border:1px solid var(--line);
    border-radius:999px;padding:4px 11px;color:var(--text-soft);
    animation:chipFade 4s ease-in-out infinite;
  }
  .ic1{animation-delay:0s;} .ic2{animation-delay:.6s;} .ic3{animation-delay:1.2s;}
  .ic4{animation-delay:1.8s;} .ic5{animation-delay:2.4s;} .ic6{animation-delay:3.0s;}
  @keyframes chipFade{
    0%,5%{opacity:.4;background:#fff;}
    15%,30%{opacity:1;background:var(--tint2);border-color:var(--accent);}
    45%,100%{opacity:.4;background:#fff;border-color:var(--line);}
  }
  /* Particle dots rising from interaction to intelligence */
  .intel-particle{
    position:absolute;bottom:14px;width:5px;height:5px;border-radius:50%;
    background:var(--accent);opacity:0;animation:particleRise 3.6s ease-in-out infinite;z-index:1;
  }
  .ip1{left:12%;animation-delay:0s;}
  .ip2{left:26%;animation-delay:.6s;}
  .ip3{left:40%;animation-delay:1.2s;}
  .ip4{left:55%;animation-delay:1.8s;}
  .ip5{left:70%;animation-delay:2.4s;}
  .ip6{left:84%;animation-delay:3.0s;}
  @keyframes particleRise{
    0%{opacity:0;transform:translateY(0) scale(.8);}
    20%{opacity:.9;}
    80%{opacity:.5;}
    100%{opacity:0;transform:translateY(-60px) scale(.4);}
  }
  @media (prefers-reduced-motion:reduce){
    .intel-chip,.intel-particle{animation:none;opacity:1;}
  }

  /* Journey down connector — reusable */
  .journey-down{
    display:flex;flex-direction:column;align-items:center;gap:4px;
    padding:18px 0 14px;
  }
  .journey-down-line{
    width:2px;height:38px;
    background:linear-gradient(var(--accent),var(--navy));position:relative;overflow:hidden;
  }
  .journey-down-dot{
    position:absolute;top:-5px;left:-4px;width:10px;height:10px;
    border-radius:50%;background:var(--accent);
    animation:downDot 1.8s linear infinite;
  }
  @keyframes downDot{0%{top:-5px;opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{top:100%;opacity:0;}}
  .journey-down-label{font-size:11.5px;font-weight:700;color:var(--text-soft);letter-spacing:.04em;}

  /* Happy Customer node */
  .journey-happy{
    background:linear-gradient(135deg,var(--tint2),#fff);border:2px solid var(--accent);
    border-radius:16px;padding:28px 32px;text-align:center;max-width:320px;margin:0 auto;
    box-shadow:0 16px 36px -18px rgba(6,174,212,.35);
    animation:happyPulse 3.5s ease-in-out infinite;
  }
  @keyframes happyPulse{
    0%,100%{box-shadow:0 16px 36px -18px rgba(6,174,212,.35);}
    50%{box-shadow:0 20px 44px -16px rgba(6,174,212,.55);}
  }
  .journey-happy-icon{font-size:38px;margin-bottom:8px;}
  .journey-happy h4{font-size:18px;color:var(--navy);margin-bottom:4px;}
  .journey-happy p{font-size:12.5px;}
  @media (prefers-reduced-motion:reduce){.journey-happy{animation:none;}}

  /* Business Growth */
  .journey-growth{
    background:linear-gradient(160deg,var(--navy),#0d2e50);
    border-radius:16px;padding:32px;position:relative;overflow:hidden;
  }
  .journey-growth::before{
    content:"";position:absolute;right:-40px;top:-40px;width:220px;height:220px;
    border-radius:50%;background:radial-gradient(circle,rgba(6,174,212,.20),transparent 70%);
    pointer-events:none;
  }
  .journey-growth-title{
    text-align:center;margin-bottom:22px;color:#fff;
    font-size:20px;font-family:"Lato",sans-serif;font-weight:700;
  }
  .journey-growth-title span{display:block;font-size:32px;margin-bottom:4px;}
  .growth-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
  @media (max-width:720px){.growth-grid{grid-template-columns:repeat(2,1fr);}}
  .growth-chip{
    background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);
    border-radius:10px;padding:16px 12px;text-align:center;
    transition:background .2s ease,transform .2s ease;
  }
  .growth-chip:hover{background:rgba(255,255,255,.18);transform:translateY(-2px);}
  .growth-chip-icon{font-size:22px;margin-bottom:6px;}
  .growth-chip span{display:block;font-size:12px;font-weight:700;color:#fff;}
  .growth-chip p{font-size:11px;color:rgba(255,255,255,.65);margin-top:3px;}