:root{
      --text:#f5fbff;
      --muted:rgba(232,246,255,.74);
      --cyan:#9deeff;
      --line:rgba(190,231,255,.26);
      --glass:rgba(1,16,31,.58);
    }

    .bluev2 *{box-sizing:border-box}
    .bluev2, .bluev2{
      color:var(--text);
      font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    }

    .bluev2 button{font:inherit}

    .bluev2 .site{
      position:relative;
      width:100%;
      height:100dvh;
      min-height:560px;
      overflow:hidden;
      isolation:isolate;
      background:transparent;
      z-index:5;
    }

    .bluev2 .ocean{
      position:fixed;
      inset:0;
      z-index:0;
      overflow:hidden;
      pointer-events:none;
    }

    .bluev2 .ocean::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(180deg,#7eb8d0 0%,#4a8ebc 48%,#2a6aa0 100%);
    }

    .bluev2 .caustic{
      position:absolute;
      inset:0;
      opacity:.55;
      mix-blend-mode:screen;
      overflow:hidden;
    }

    .bluev2 .caustic::before, .bluev2 .caustic::after{
      content:"";
      position:absolute;
      border-radius:50%;
      filter:blur(40px);
      animation:oceanDrift 30s ease-in-out infinite;
    }

    .bluev2 .caustic::before{
      top:-34%;
      left:-14%;
      width:66%;
      height:66%;
      background:radial-gradient(ellipse at center,rgba(206,244,250,.5),transparent 60%);
    }

    .bluev2 .caustic::after{
      top:-26%;
      right:-14%;
      width:58%;
      height:60%;
      background:radial-gradient(ellipse at center,rgba(178,226,240,.42),transparent 60%);
      animation-duration:36s;
      animation-delay:3s;
    }

    .bluev2 .caustic-mid{
      position:absolute;
      top:8%;
      left:24%;
      width:52%;
      height:46%;
      background:radial-gradient(ellipse at center,rgba(196,238,246,.3),transparent 62%);
      filter:blur(44px);
      animation:oceanDrift 36s ease-in-out 6s infinite;
    }

    .bluev2 .rays{
      position:absolute;
      inset:0;
      opacity:1;
      mix-blend-mode:screen;
      overflow:hidden;
    }

    .bluev2 .rays canvas{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      display:block;
      filter:blur(15px);
    }

    .bluev2 .particles, .bluev2 .particles::before, .bluev2 .particles::after{
      position:absolute;
      inset:0;
      content:"";
    }

    .bluev2 .particles{
      opacity:.24;
    }

    .bluev2 .particles::before, .bluev2 .particles::after{
      background-image:
        radial-gradient(circle,rgba(235,251,255,.66) 0 1px,transparent 1.5px),
        radial-gradient(circle,rgba(181,228,246,.4) 0 1.3px,transparent 1.8px);
      background-size:74px 74px,122px 122px;
      background-position:0 0,30px 24px;
      animation:particlesRise 26s linear infinite;
    }

    .bluev2 .particles::before{
      opacity:.55;
      transform:scale(1.2);
      animation-duration:34s;
    }

    .bluev2 .particles::after{
      opacity:.35;
      transform:scale(.82);
      animation-duration:22s;
    }

    .bluev2 .vignette{
      position:fixed;
      inset:0;
      z-index:3;
      pointer-events:none;
      background:radial-gradient(ellipse 78% 70% at 50% 42%,transparent 46%,rgba(0,4,10,.72) 100%);
    }

    .bluev2 .topbar{
      position:absolute;
      inset:0 0 auto;
      z-index:10;
      display:flex;
      justify-content:space-between;
      align-items:center;
      padding:24px clamp(20px,4vw,60px);
    }

    .bluev2 .brand{
      color:#fff;
      text-decoration:none;
      font-family:Georgia,"Times New Roman",serif;
      font-size:clamp(24px,2.2vw,34px);
      line-height:1;
      letter-spacing:-.04em;
      text-shadow:0 8px 24px rgba(0,0,0,.3);
    }


    .bluev2 .brand-logo{
      display:flex;
      align-items:center;
      width:auto;
      height:auto;
    }

    .bluev2 .brand-logo img{
      display:block;
      width:clamp(180px,16vw,270px);
      height:auto;
      object-fit:contain;
    }

    @media(max-width:760px){
      .bluev2 .brand-logo img{
        width:clamp(145px,43vw,190px);
      }
    }



    /* ===== REFERENCE-STYLE TOP-LEFT LOGO ===== */
    .bluev2 .topbar{
      align-items:flex-start;
    }

    .bluev2 .brand-logo{
      position:absolute;
      left:clamp(24px,2.4vw,44px);
      top:0;
      display:block;
      width:auto;
      height:auto;
      z-index:20;
    }

    .bluev2 .brand-logo img{
      display:block;
      width:clamp(108px,7.8vw,154px);
      height:auto;
      object-fit:contain;
    }

    @media(max-width:760px){
      .bluev2 .brand-logo{
        left:24px;
        top:0;
      }

      .bluev2 .brand-logo img{
        width:72px;
      }
    }


    .bluev2 .sound-orb{
      width:42px;
      height:42px;
      border:1px solid rgba(255,255,255,.28);
      border-radius:50%;
      background:rgba(2,20,38,.25);
      color:#fff;
      display:grid;
      place-items:center;
      backdrop-filter:blur(12px);
      cursor:pointer;
    }

    .bluev2 .sound-orb svg{width:18px;height:18px}

    .bluev2 .hero{
      position:absolute;
      left:clamp(24px,6vw,92px);
      top:50%;
      transform:translateY(-50%);
      z-index:5;
      width:min(620px,58vw);
    }

    .bluev2 .eyebrow{
      margin-bottom:16px;
      color:var(--cyan);
      font-size:11px;
      font-weight:800;
      letter-spacing:.18em;
      text-transform:uppercase;
    }

    .bluev2 h1{
      margin:0;
      font-family:Georgia,"Times New Roman",serif;
      font-size:clamp(68px,8vw,128px);
      line-height:.86;
      font-weight:400;
      letter-spacing:-.075em;
      text-shadow:0 18px 48px rgba(0,6,17,.34);
    }

    .bluev2 .intro{
      width:min(500px,100%);
      margin:26px 0 0;
      color:var(--muted);
      font-size:clamp(16px,1.4vw,21px);
      line-height:1.55;
    }

    .bluev2 .legend-row{
      display:flex;
      align-items:center;
      gap:14px;
      margin-top:28px;
    }

    .bluev2 .legend-label{
      font-size:12px;
      font-weight:800;
      letter-spacing:.12em;
      text-transform:uppercase;
    }

    .bluev2 .legend-toggle{
      position:relative;
      width:38px;
      height:38px;
      flex:0 0 38px;
      border:1px solid rgba(203,239,255,.42);
      border-radius:50%;
      background:rgba(2,19,36,.3);
      backdrop-filter:blur(12px);
      cursor:pointer;
      transition:.25s ease;
    }

    .bluev2 .legend-toggle:hover{transform:scale(1.05);background:rgba(2,19,36,.5)}
    .bluev2 .legend-toggle::before, .bluev2 .legend-toggle::after{
      content:"";
      position:absolute;
      top:50%;
      left:50%;
      width:12px;
      height:1px;
      background:#fff;
      transform:translate(-50%,-50%);
      transition:.25s ease;
    }
    .bluev2 .legend-toggle::after{transform:translate(-50%,-50%) rotate(90deg)}
    .bluev2 .legend-toggle[aria-expanded="true"]::after{transform:translate(-50%,-50%) rotate(0)}

    .bluev2 .legend-panel{
      position:absolute;
      left:clamp(24px,6vw,92px);
      bottom:clamp(22px,4vh,48px);
      z-index:20;
      width:min(530px,calc(100vw - 48px));
      padding:22px 54px 21px 24px;
      border:1px solid var(--line);
      border-radius:22px;
      background:linear-gradient(180deg,rgba(3,28,52,.72),rgba(1,15,30,.86));
      backdrop-filter:blur(18px);
      box-shadow:0 24px 70px rgba(0,7,18,.48);
      opacity:0;
      pointer-events:none;
      transform:translateY(16px) scale(.98);
      transition:.28s ease;
    }

    .bluev2 .legend-panel.open{
      opacity:1;
      pointer-events:auto;
      transform:translateY(0) scale(1);
    }

    .bluev2 .legend-panel h2{
      margin:0 0 9px;
      font-family:Georgia,"Times New Roman",serif;
      font-size:25px;
      font-weight:400;
    }

    .bluev2 .legend-panel p{
      margin:0;
      color:rgba(235,247,255,.73);
      font-size:14px;
      line-height:1.65;
    }

    .bluev2 .legend-close{
      position:absolute;
      top:14px;
      right:14px;
      width:32px;
      height:32px;
      border:1px solid rgba(255,255,255,.22);
      border-radius:50%;
      background:rgba(255,255,255,.04);
      color:#fff;
      cursor:pointer;
      font-size:18px;
    }

    .bluev2 .blue-character{
      position:absolute;
      right:clamp(6px,2.5vw,40px);
      bottom:clamp(6px,2vw,30px);
      z-index:15;
      width:clamp(175px,18vw,300px);
      aspect-ratio:1.5/1;
      border:0;
      padding:0;
      background:transparent;
      cursor:pointer;
      filter:drop-shadow(0 24px 38px rgba(0,6,18,.48));
      animation:blueFloat 5.8s ease-in-out infinite;
      transition:.25s ease;
    }

    .bluev2 .blue-character:hover{
      transform:translateY(-5px) scale(1.03);
      filter:drop-shadow(0 30px 48px rgba(0,6,18,.58));
    }

    .bluev2 .blue-character :is(video,img,canvas){
      display:block;
      width:100%;
      height:100%;
      object-fit:contain;
      pointer-events:none;
    }

    .bluev2 .blue-label{
      position:absolute;
      right:12%;
      bottom:2%;
      padding:9px 13px 8px;
      border:1px solid rgba(180,236,255,.54);
      border-radius:999px;
      background:rgba(1,14,28,.62);
      color:#fff;
      backdrop-filter:blur(12px);
      font-size:10px;
      line-height:1;
      font-weight:800;
      letter-spacing:.11em;
      text-transform:uppercase;
      white-space:nowrap;
    }

    .bluev2 .call-panel{
      position:absolute;
      right:clamp(16px,3vw,48px);
      bottom:clamp(162px,18vw,286px);
      z-index:25;
      width:min(320px,calc(100vw - 32px));
      padding:20px;
      border:1px solid rgba(185,232,255,.3);
      border-radius:22px;
      background:linear-gradient(180deg,rgba(4,27,49,.82),rgba(1,14,28,.93));
      backdrop-filter:blur(18px);
      box-shadow:0 24px 70px rgba(0,7,18,.5);
      opacity:0;
      pointer-events:none;
      transform:translateY(14px) scale(.97);
      transition:.28s ease;
    }

    .bluev2 .call-panel.open{
      opacity:1;
      pointer-events:auto;
      transform:translateY(0) scale(1);
    }

    .bluev2 .call-top{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:14px;
    }

    .bluev2 .call-title{
      margin:0;
      font-family:Georgia,"Times New Roman",serif;
      font-size:24px;
      font-weight:400;
    }

    .bluev2 .call-status{
      margin-top:5px;
      color:rgba(203,237,255,.72);
      font-size:10px;
      font-weight:800;
      letter-spacing:.11em;
      text-transform:uppercase;
    }

    .bluev2 .call-close{
      width:30px;
      height:30px;
      border:1px solid rgba(255,255,255,.22);
      border-radius:50%;
      background:transparent;
      color:#fff;
      cursor:pointer;
    }

    .bluev2 .call-copy{
      margin:14px 0 16px;
      color:rgba(239,248,255,.72);
      font-size:13px;
      line-height:1.5;
    }

    .bluev2 .start-call{
      width:100%;
      min-height:46px;
      border:1px solid rgba(160,230,255,.72);
      border-radius:999px;
      background:rgba(89,204,255,.12);
      color:#fff;
      cursor:pointer;
      font-size:11px;
      font-weight:800;
      letter-spacing:.11em;
      text-transform:uppercase;
    }

    .bluev2 .start-call.live{
      border-color:rgba(107,255,188,.72);
      background:rgba(73,218,151,.16);
    }

    .bluev2 .waves{
      display:none;
      align-items:flex-end;
      justify-content:center;
      gap:4px;
      height:24px;
      margin-top:13px;
    }

    .bluev2 .call-panel.live .waves{display:flex}
    .bluev2 .waves i{
      width:3px;
      height:7px;
      border-radius:99px;
      background:#9deeff;
      animation:wave .8s ease-in-out infinite;
    }
    .bluev2 .waves i:nth-child(2){animation-delay:.1s}
    .bluev2 .waves i:nth-child(3){animation-delay:.2s}
    .bluev2 .waves i:nth-child(4){animation-delay:.3s}
    .bluev2 .waves i:nth-child(5){animation-delay:.4s}

    @keyframes oceanDrift{
      0%,100%{transform:translate3d(0,0,0) scale(1)}
      50%{transform:translate3d(-3%,2%,0) scale(1.06)}
    }
    @keyframes causticMove{
      from{background-position:0 0}
      to{background-position:180px 120px}
    }
    @keyframes raysMove{
      0%{transform:translateX(-2%) skewX(-2deg)}
      100%{transform:translateX(3%) skewX(2deg)}
    }
    @keyframes particlesRise{
      from{background-position:0 80px,30px 120px}
      to{background-position:0 -280px,30px -360px}
    }
    @keyframes blueFloat{
      0%,100%{translate:0 0;rotate:-.5deg}
      50%{translate:0 -8px;rotate:.8deg}
    }
    @keyframes wave{
      0%,100%{height:7px;opacity:.45}
      50%{height:22px;opacity:1}
    }

    @media(max-width:760px){
      .bluev2 .site{min-height:520px}
      .bluev2 .topbar{padding:18px}
      .bluev2 .hero{
        left:20px;
        top:41%;
        width:calc(100vw - 40px);
      }
      .bluev2 h1{font-size:clamp(56px,17vw,86px)}
      .bluev2 .intro{
        width:min(88vw,440px);
        margin-top:20px;
        font-size:15px;
      }
      .bluev2 .legend-row{margin-top:22px}
      .bluev2 .legend-panel{
        left:14px;
        bottom:150px;
        width:calc(100vw - 28px);
        padding:19px 50px 19px 19px;
      }
      .bluev2 .blue-character{
        right:4px;
        bottom:10%;
        width:182px;
      }
      .bluev2 .blue-label{
        right:8%;
        font-size:8px;
        padding:7px 10px 6px;
      }
      .bluev2 .call-panel{
        right:12px;
        bottom:132px;
      }
      .bluev2 .sound-orb{width:38px;height:38px}
    }

    @media(max-height:680px) and (min-width:761px){
      .bluev2 .hero{top:46%}
      .bluev2 h1{font-size:78px}
      .bluev2 .intro{margin-top:18px}
      .bluev2 .legend-row{margin-top:18px}
      .bluev2 .legend-panel{bottom:18px}
    }

    @media(prefers-reduced-motion:reduce){
      .bluev2 *, .bluev2 *::before, .bluev2 *::after{animation:none!important;transition:none!important}
    }
  


    /* ===== LANDING USE-CASE HOTSPOTS ===== */
    .bluev2 .hero h1{
      font-size:clamp(46px,5.4vw,84px);
      line-height:.92;
    }

    .bluev2 .use-cases{
      position:absolute;
      inset:0;
      z-index:12;
      pointer-events:none;
    }

    .bluev2 .use-case{
      position:absolute;
      display:flex;
      align-items:center;
      gap:12px;
      pointer-events:auto;
    }

    .bluev2 .use-case:nth-child(1){left:52%;top:24%}
    .bluev2 .use-case:nth-child(2){left:61%;top:47%}
    .bluev2 .use-case:nth-child(3){left:45%;top:69%}

    .bluev2 .use-case-btn{
      position:relative;
      width:42px;
      height:42px;
      flex:0 0 42px;
      border:1px solid rgba(193,239,255,.52);
      border-radius:50%;
      background:rgba(3,25,45,.42);
      color:#fff;
      backdrop-filter:blur(14px);
      box-shadow:0 12px 30px rgba(0,8,20,.26);
      cursor:pointer;
      transition:.25s ease;
    }

    .bluev2 .use-case-btn::before, .bluev2 .use-case-btn::after{
      content:"";
      position:absolute;
      left:50%;
      top:50%;
      width:13px;
      height:1.5px;
      border-radius:4px;
      background:#fff;
      transform:translate(-50%,-50%);
      transition:.25s ease;
    }

    .bluev2 .use-case-btn::after{transform:translate(-50%,-50%) rotate(90deg)}
    .bluev2 .use-case.active .use-case-btn::after{transform:translate(-50%,-50%) rotate(0)}
    .bluev2 .use-case-btn:hover{transform:scale(1.08);background:rgba(21,69,96,.6)}

    .bluev2 .use-case-label{
      max-width:180px;
      color:rgba(242,250,255,.9);
      font-size:12px;
      font-weight:700;
      line-height:1.35;
      letter-spacing:.02em;
      text-shadow:0 4px 16px rgba(0,8,20,.7);
    }

    .bluev2 .use-case-card{
      position:absolute;
      z-index:30;
      width:min(360px,calc(100vw - 32px));
      padding:22px 52px 22px 22px;
      border:1px solid rgba(188,233,255,.28);
      border-radius:22px;
      background:linear-gradient(180deg,rgba(5,35,61,.88),rgba(1,16,31,.94));
      backdrop-filter:blur(20px);
      box-shadow:0 24px 70px rgba(0,7,18,.5);
      opacity:0;
      pointer-events:none;
      transform:translateY(12px) scale(.97);
      transition:.25s ease;
    }

    .bluev2 .use-case-card.open{
      opacity:1;
      pointer-events:auto;
      transform:translateY(0) scale(1);
    }

    .bluev2 .use-case-card h3{
      margin:0 0 10px;
      font-family:Georgia,"Times New Roman",serif;
      font-size:25px;
      font-weight:400;
    }

    .bluev2 .use-case-card p{
      margin:0;
      color:rgba(235,247,255,.74);
      font-size:14px;
      line-height:1.6;
    }

    .bluev2 .use-case-card .mini-cta{
      margin-top:16px;
      min-height:42px;
      padding:0 18px;
      border:1px solid rgba(147,235,242,.7);
      border-radius:999px;
      background:rgba(100,225,232,.13);
      color:#fff;
      cursor:pointer;
      font-size:11px;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .bluev2 .use-case-close{
      position:absolute;
      top:13px;
      right:13px;
      width:30px;
      height:30px;
      border:1px solid rgba(255,255,255,.2);
      border-radius:50%;
      background:transparent;
      color:#fff;
      cursor:pointer;
      font-size:18px;
    }

    .bluev2 #useCaseCard1{left:50%;top:30%}
    .bluev2 #useCaseCard2{right:5%;top:49%}
    .bluev2 #useCaseCard3{left:39%;bottom:7%}

    @media(max-width:760px){
      .bluev2 .hero{
        top:35%;
      }

      .bluev2 .hero h1{
        font-size:clamp(42px,12vw,58px);
        letter-spacing:-.055em;
      }

      .bluev2 .intro{
        max-width:82vw;
        margin-top:14px;
        font-size:14px;
        line-height:1.45;
      }

      .bluev2 .legend-row{margin-top:15px}

      .bluev2 .use-cases{
        position:absolute;
        left:18px;
        right:18px;
        top:56%;
        bottom:auto;
        display:grid;
        gap:9px;
        pointer-events:none;
      }

      .bluev2 .use-case, .bluev2 .use-case:nth-child(1), .bluev2 .use-case:nth-child(2), .bluev2 .use-case:nth-child(3){
        position:relative;
        left:auto;
        top:auto;
        width:max-content;
        max-width:calc(100vw - 36px);
      }

      .bluev2 .use-case:nth-child(2){margin-left:9vw}
      .bluev2 .use-case:nth-child(3){margin-left:3vw}

      .bluev2 .use-case-btn{
        width:34px;
        height:34px;
        flex-basis:34px;
      }

      .bluev2 .use-case-label{
        max-width:245px;
        font-size:11px;
      }

      .bluev2 .use-case-card, .bluev2 #useCaseCard1, .bluev2 #useCaseCard2, .bluev2 #useCaseCard3{
        position:fixed;
        left:14px;
        right:14px;
        top:auto;
        bottom:18px;
        width:auto;
        z-index:80;
      }

      .bluev2 .blue-character{
        bottom:7%;
      }
    }

    @media(max-width:380px){
      .bluev2 .hero{top:32%}
      .bluev2 .use-cases{top:54%}
      .bluev2 .use-case-label{max-width:210px;font-size:10px}
      .bluev2 .blue-character{width:168px}
    }


    /* ===== PRODUCT APP LAYER ===== */
    .bluev2 .app-menu-btn{
      width:42px;height:42px;border:1px solid rgba(255,255,255,.28);border-radius:50%;
      background:rgba(2,20,38,.25);color:#fff;display:grid;place-items:center;
      backdrop-filter:blur(12px);cursor:pointer;margin-left:10px;
    }
    .bluev2 .top-actions{display:flex;align-items:center}
    .bluev2 .app-menu-btn span, .bluev2 .app-menu-btn::before, .bluev2 .app-menu-btn::after{
      content:"";display:block;width:17px;height:1.5px;background:#fff;border-radius:3px;
    }
    .bluev2 .app-menu-btn span{margin:4px 0}


    /* ===== CLEAN LOGO + COMMON MENU ===== */
    .bluev2 .brand-logo{
      background:transparent!important;
      border:0!important;
      box-shadow:none!important;
      overflow:visible;
    }

    .bluev2 .brand-logo img{
      background:transparent!important;
      box-shadow:none!important;
      mix-blend-mode:multiply;
    }

    .bluev2 .top-actions{
      position:absolute;
      top:24px;
      right:clamp(20px,4vw,60px);
      display:flex;
      align-items:center;
      gap:16px;
    }

    .bluev2 .app-menu-btn{
      width:auto!important;
      height:auto!important;
      min-width:0!important;
      margin:0!important;
      padding:8px 0!important;
      border:0!important;
      border-radius:0!important;
      background:transparent!important;
      box-shadow:none!important;
      backdrop-filter:none!important;
      color:#fff!important;
      font-size:12px!important;
      font-weight:800!important;
      line-height:1!important;
      letter-spacing:.14em!important;
      text-transform:uppercase!important;
    }

    .bluev2 .app-menu-btn::before, .bluev2 .app-menu-btn::after{
      display:none!important;
      content:none!important;
    }

    .bluev2 .app-menu-btn:hover{
      opacity:.72;
    }

    @media(max-width:760px){
      .bluev2 .top-actions{
        top:18px;
        right:18px;
        gap:12px;
      }

      .bluev2 .app-menu-btn{
        font-size:11px!important;
      }

      .bluev2 .brand-logo img{
        mix-blend-mode:multiply;
      }
    }



    /* ===== MOBILE HOTSPOT REFINEMENT ===== */
    @media(max-width:760px){
      .bluev2 .brand-logo img{
        width:76px!important;
      }

      .bluev2 .use-cases{
        position:absolute!important;
        inset:0!important;
        display:block!important;
        pointer-events:none;
      }

      .bluev2 .use-case, .bluev2 .use-case:nth-child(1), .bluev2 .use-case:nth-child(2), .bluev2 .use-case:nth-child(3){
        position:absolute!important;
        width:max-content!important;
        max-width:calc(100vw - 34px)!important;
        margin:0!important;
      }

      .bluev2 .use-case:nth-child(1){
        left:7%!important;
        top:55%!important;
      }

      .bluev2 .use-case:nth-child(2){
        left:21%!important;
        top:64.5%!important;
      }

      .bluev2 .use-case:nth-child(3){
        left:10%!important;
        top:73.5%!important;
      }

      .bluev2 .use-case-label{
        max-width:230px!important;
        font-size:11.6px!important;
        line-height:1.3!important;
      }
    }

    @media(max-width:380px){
      .bluev2 .brand-logo img{
        width:76px!important;
      }

      .bluev2 .use-case:nth-child(1){
        left:6%!important;
        top:54.5%!important;
      }

      .bluev2 .use-case:nth-child(2){
        left:17%!important;
        top:63.5%!important;
      }

      .bluev2 .use-case:nth-child(3){
        left:8%!important;
        top:72.5%!important;
      }

      .bluev2 .use-case-label{
        max-width:205px!important;
        font-size:11.3px!important;
      }
    }



    /* ===== MOBILE WHALE FINAL ADJUSTMENT ===== */
    @media(max-width:760px){
      .bluev2 .blue-character{
        width:191px!important;
        bottom:2%!important;
      }
    }

    @media(max-width:380px){
      .bluev2 .blue-character{
        width:176px!important;
        bottom:2%!important;
      }
    }



    /* ===== PLUS BUTTON BUBBLES ===== */
    .bluev2 .bubble-burst{
      position:fixed;
      left:0;
      top:0;
      width:0;
      height:0;
      pointer-events:none;
      z-index:120;
      overflow:visible;
    }

    .bluev2 .bubble-burst span{
      position:absolute;
      left:0;
      top:0;
      width:var(--size,12px);
      height:var(--size,12px);
      margin-left:calc(var(--size,12px) * -0.5);
      margin-top:calc(var(--size,12px) * -0.5);
      border-radius:50%;
      border:1px solid rgba(214,246,255,.72);
      background:
        radial-gradient(circle at 32% 30%,rgba(255,255,255,.88) 0 12%,rgba(196,243,255,.55) 13% 42%,rgba(104,208,240,.14) 43% 66%,rgba(104,208,240,0) 67% 100%);
      box-shadow:
        inset 0 0 10px rgba(255,255,255,.12),
        0 0 10px rgba(154,229,248,.18);
      opacity:0;
      transform:translate3d(0,0,0) scale(.7);
      animation:bubbleRise var(--dur,1.8s) ease-out forwards;
      animation-delay:var(--delay,0s);
      will-change:transform,opacity;
    }

    @keyframes bubbleRise{
      0%{
        opacity:0;
        transform:translate3d(0,6px,0) scale(.55);
      }
      10%{
        opacity:var(--opacity,.92);
      }
      80%{
        opacity:calc(var(--opacity,.92) * .72);
      }
      100%{
        opacity:0;
        transform:translate3d(var(--dx,0px),var(--dy,-110px),0) scale(1.14);
      }
    }

    @media (prefers-reduced-motion: reduce){
      .bluev2 .bubble-burst{display:none!important;}
    }



    /* ===== +10% WHALE AND HOTSPOT LABELS ===== */
    @media(min-width:761px){
      .bluev2 .blue-character{
        width:clamp(193px,19.8vw,330px)!important;
      }

      .bluev2 .use-case-label{
        font-size:13.2px!important;
      }
    }

    @media(max-width:760px){
      .bluev2 .blue-character{
        width:210px!important;
      }

      .bluev2 .use-case-label{
        font-size:12.8px!important;
      }
    }

    @media(max-width:380px){
      .bluev2 .blue-character{
        width:194px!important;
      }

      .bluev2 .use-case-label{
        font-size:12.4px!important;
      }
    }



    /* ===== SINGLE-LINE HOTSPOT LABELS ===== */
    .bluev2 .use-case, .bluev2 .use-case:nth-child(1), .bluev2 .use-case:nth-child(2), .bluev2 .use-case:nth-child(3){
      max-width:none!important;
    }

    .bluev2 .use-case-label{
      max-width:none!important;
      white-space:nowrap!important;
    }


    .bluev2 .drawer-backdrop, .bluev2 .modal-backdrop{
      position:fixed;inset:0;background:rgba(0,8,18,.56);backdrop-filter:blur(8px);
      opacity:0;pointer-events:none;transition:.25s ease;z-index:90;
    }
    .bluev2 .drawer-backdrop.open, .bluev2 .modal-backdrop.open{opacity:1;pointer-events:auto}
    .bluev2 .drawer{
      position:fixed;top:0;right:0;height:100dvh;width:min(420px,100vw);
      z-index:100;padding:24px;display:flex;flex-direction:column;
      background:linear-gradient(180deg,rgba(5,30,54,.98),rgba(1,13,27,.99));
      border-left:1px solid rgba(180,230,255,.16);box-shadow:-20px 0 70px rgba(0,0,0,.4);
      transform:translateX(105%);transition:.3s cubic-bezier(.2,.75,.25,1);
    }
    .bluev2 .drawer.open{transform:translateX(0)}
    .bluev2 .drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
    .bluev2 .drawer-title{font-family:Georgia,serif;font-size:30px;font-weight:400}
    .bluev2 .icon-close{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;font-size:22px;cursor:pointer}
    .bluev2 .drawer-nav{display:grid;gap:8px}
    .bluev2 .drawer-link{width:100%;text-align:left;padding:15px 16px;border-radius:15px;border:1px solid transparent;background:transparent;color:#eaf7ff;font-size:15px;cursor:pointer}
    .bluev2 .drawer-link:hover{background:rgba(120,215,255,.08);border-color:rgba(170,230,255,.13)}
    .bluev2 .drawer-divider{height:1px;background:rgba(255,255,255,.1);margin:18px 0}
    .bluev2 .drawer-actions{margin-top:auto;display:grid;gap:10px}
    .bluev2 .primary-btn, .bluev2 .secondary-btn{
      min-height:48px;border-radius:999px;padding:0 20px;font-weight:800;letter-spacing:.03em;cursor:pointer;
    }
    .bluev2 .primary-btn{border:0;background:linear-gradient(90deg,#79e7ea,#66cfe8);color:#052033}
    .bluev2 .secondary-btn{border:1px solid rgba(180,235,255,.32);background:rgba(255,255,255,.03);color:#fff}

    .bluev2 .product-app{
      position:fixed;inset:0;z-index:70;display:none;background:#071d32;color:#f4fbff;
    }
    .bluev2 .product-app.open{display:block}
    .bluev2 .app-shell{height:100dvh;display:grid;grid-template-columns:240px minmax(0,1fr)}
    .bluev2 .app-sidebar{padding:22px 16px;border-right:1px solid rgba(180,230,255,.12);background:rgba(3,18,34,.86);display:flex;flex-direction:column;gap:18px}
    .bluev2 .app-brand{display:flex;align-items:center;gap:11px;padding:0 4px}
    .bluev2 .app-brand-mark{width:40px;height:40px;border-radius:12px;border:1px solid rgba(122,237,239,.35);display:grid;place-items:center;color:#77e7e9}
    .bluev2 .app-brand-name{font-family:Georgia,serif;font-size:20px}
    .bluev2 .app-brand-sub{font-size:10px;letter-spacing:.18em;color:#90a9ba}
    .bluev2 .app-nav{display:grid;gap:7px}
    .bluev2 .app-nav button{border:0;background:transparent;color:#a9bfd0;text-align:left;padding:13px 14px;border-radius:13px;cursor:pointer;font-size:14px}
    .bluev2 .app-nav button.active, .bluev2 .app-nav button:hover{background:rgba(104,208,238,.12);color:#fff}
    .bluev2 .minutes-card{margin-top:auto;padding:14px;border:1px solid rgba(170,225,255,.14);border-radius:16px;background:rgba(255,255,255,.03)}
    .bluev2 .minutes-row{display:flex;justify-content:space-between;font-size:12px}
    .bluev2 .progress{height:5px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden;margin:9px 0}
    .bluev2 .progress i{display:block;height:100%;width:78%;background:linear-gradient(90deg,#66dce2,#7eeeff)}
    .bluev2 .profile-row{display:flex;align-items:center;gap:10px;padding:6px 4px}
    .bluev2 .avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#76dce8;color:#062033;font-weight:800}

    .bluev2 .app-main{overflow:auto;padding:24px clamp(18px,3vw,42px) 40px;background:
      radial-gradient(circle at 75% 0%,rgba(86,176,220,.14),transparent 34%),
      linear-gradient(180deg,#0b2d4b,#071d32 70%)}
    .bluev2 .app-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}
    .bluev2 .app-top h2{font-family:Georgia,serif;font-size:clamp(30px,3vw,46px);font-weight:400;margin:0}
    .bluev2 .app-top p{color:#9eb4c4;margin:7px 0 0}
    .bluev2 .status-pill{padding:10px 14px;border:1px solid rgba(105,234,220,.24);border-radius:999px;color:#87ebe0;background:rgba(96,220,208,.07);font-size:12px;white-space:nowrap}
    .bluev2 .mobile-app-head{display:none}

    .bluev2 .page{display:none}.bluev2 .page.active{display:block}
    .bluev2 .hero-card{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid rgba(180,230,255,.14);border-radius:22px;overflow:hidden;background:rgba(5,34,58,.52);min-height:320px}
    .bluev2 .hero-card-copy{padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;justify-content:center}
    .bluev2 .hero-card-copy h3{font-family:Georgia,serif;font-size:clamp(32px,4vw,54px);font-weight:400;margin:0 0 14px}
    .bluev2 .hero-card-copy h3 em{display:block;color:#87e9e6;font-weight:400}
    .bluev2 .hero-card-copy p{color:#a9bdca;max-width:500px;line-height:1.65}
    .bluev2 .call-btn{margin-top:18px;width:max-content;padding:15px 28px;border:0;border-radius:999px;background:linear-gradient(90deg,#78e6e8,#65cde8);color:#062033;font-weight:800;cursor:pointer}
    .bluev2 .free-note{font-size:12px;color:#8399aa;margin-top:10px}
    .bluev2 .hero-card-media{min-height:300px;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,7,16,.45));display:flex;align-items:center;justify-content:center;overflow:hidden}
    .bluev2 .hero-card-media video{width:100%;height:100%;object-fit:contain;max-height:360px}

    .bluev2 .dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
    .bluev2 .dash-card{min-height:176px;padding:22px;border:1px solid rgba(180,230,255,.13);border-radius:20px;background:rgba(255,255,255,.035)}
    .bluev2 .dash-label{font-size:11px;letter-spacing:.16em;color:#7f9aae;text-transform:uppercase}
    .bluev2 .dash-card blockquote{font-family:Georgia,serif;font-size:20px;line-height:1.4;margin:14px 0}
    .bluev2 .dash-card p{color:#adc0cd;line-height:1.55}
    .bluev2 .card-link{border:0;background:transparent;color:#7ee7e5;padding:0;font-weight:700;cursor:pointer}
    .bluev2 .mood-days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:34px 0 12px;color:#6f8ba0;font-size:11px;text-align:center}
    .bluev2 .mood-summary{color:#78e4df;font-weight:700}
    .bluev2 .recent{margin-top:24px}.bluev2 .recent h3{font-size:18px}
    .bluev2 .conversation{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:15px 18px;border:1px solid rgba(180,230,255,.11);border-radius:15px;background:rgba(255,255,255,.025);margin-top:9px}
    .bluev2 .conv-icon{width:42px;height:42px;border-radius:12px;background:rgba(109,192,236,.14);display:grid;place-items:center}
    .bluev2 .conv-title{font-weight:700}.bluev2 .conv-meta{font-size:12px;color:#7891a4;margin-top:4px}.bluev2 .conv-quote{color:#8098aa;font-style:italic;font-size:13px}

    .bluev2 .section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}
    .bluev2 .section-head h3{font-family:Georgia,serif;font-size:34px;font-weight:400;margin:0}.bluev2 .section-head p{color:#8fa7b8;margin:5px 0 0}
    .bluev2 .panel{border:1px solid rgba(180,230,255,.14);border-radius:20px;background:rgba(255,255,255,.035);padding:20px}
    .bluev2 textarea, .bluev2 input{font:inherit}
    .bluev2 .bottle-text{width:100%;min-height:180px;resize:vertical;border:1px solid rgba(170,225,255,.13);border-radius:16px;background:rgba(0,11,24,.26);color:#fff;padding:18px;outline:none}
    .bluev2 .bottle-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}
    .bluev2 .switch-row{display:flex;align-items:center;gap:10px;color:#9fb4c3;font-size:12px}
    .bluev2 .switch{position:relative;width:42px;height:24px;border-radius:99px;background:#3b6172;cursor:pointer;border:0}.bluev2 .switch::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s}.bluev2 .switch.on{background:#67d9d9}.bluev2 .switch.on::after{left:21px}
    .bluev2 .list{display:grid;gap:10px;margin-top:16px}.bluev2 .list-item{padding:15px 16px;border:1px solid rgba(180,230,255,.1);border-radius:14px;background:rgba(255,255,255,.025);display:flex;justify-content:space-between;gap:16px}.bluev2 .list-item small{color:#718ca0}.bluev2 .danger-link{color:#ff9b9b;border:0;background:transparent;cursor:pointer}
    .bluev2 .memory-form{display:grid;grid-template-columns:1fr auto;gap:10px}.bluev2 .text-input{width:100%;min-height:46px;border:1px solid rgba(170,225,255,.14);border-radius:13px;background:rgba(0,11,24,.28);color:#fff;padding:0 14px;outline:none}
    .bluev2 .mood-picker{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.bluev2 .mood-chip{border:1px solid rgba(170,225,255,.15);background:rgba(255,255,255,.03);color:#c5d8e4;border-radius:999px;padding:10px 14px;cursor:pointer}.bluev2 .mood-chip.selected{border-color:#75e4e1;color:#75e4e1;background:rgba(117,228,225,.08)}
    .bluev2 .legal-content{max-width:850px}.bluev2 .legal-content h4{font-family:Georgia,serif;font-size:26px;font-weight:400;margin:26px 0 8px}.bluev2 .legal-content p, .bluev2 .legal-content li{color:#a9bdca;line-height:1.7}

    .bluev2 .app-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:18px;opacity:0;pointer-events:none;transition:.2s}.bluev2 .app-modal.open{opacity:1;pointer-events:auto}.bluev2 .app-modal-card{width:min(520px,100%);max-height:90dvh;overflow:auto;border:1px solid rgba(180,230,255,.16);border-radius:22px;background:linear-gradient(180deg,#0c3152,#071b2f);padding:24px;box-shadow:0 30px 100px rgba(0,0,0,.5)}
    .bluev2 .modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.bluev2 .modal-head h3{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:0}
    .bluev2 .form-stack{display:grid;gap:12px}.bluev2 .form-stack label{font-size:12px;color:#92a9b9}.bluev2 .form-stack input{width:100%;height:48px;border:1px solid rgba(170,225,255,.15);border-radius:13px;background:rgba(0,0,0,.16);color:#fff;padding:0 14px}
    .bluev2 .modal-note{font-size:12px;color:#7992a4;line-height:1.5}

    @media(max-width:900px){
      .bluev2 .app-shell{grid-template-columns:1fr}.bluev2 .app-sidebar{display:none}.bluev2 .app-main{padding:72px 16px 100px}.bluev2 .mobile-app-head{display:flex;position:fixed;top:0;left:0;right:0;height:58px;z-index:75;align-items:center;justify-content:space-between;padding:0 14px;background:rgba(3,18,34,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(180,230,255,.1)}
      .bluev2 .mobile-menu-open{border:0;background:transparent;color:#fff;font-size:24px}.bluev2 .mobile-brand{font-family:Georgia,serif}.bluev2 .mobile-close-app{border:0;background:transparent;color:#fff;font-size:13px}
      .bluev2 .app-top{display:none}.bluev2 .hero-card{grid-template-columns:1fr}.bluev2 .hero-card-media{order:-1;min-height:220px}.bluev2 .hero-card-copy{padding:24px}.bluev2 .dashboard-grid{grid-template-columns:1fr}.bluev2 .conversation{grid-template-columns:auto 1fr}.bluev2 .conv-quote{display:none}.bluev2 .bottle-actions{align-items:flex-start;flex-direction:column}.bluev2 .memory-form{grid-template-columns:1fr}.bluev2 .section-head{align-items:flex-start;flex-direction:column}
      .bluev2 .mobile-bottom-nav{display:grid!important;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:78;background:rgba(3,18,34,.94);backdrop-filter:blur(14px);border-top:1px solid rgba(180,230,255,.11);padding:8px 6px calc(8px + env(safe-area-inset-bottom))}
      .bluev2 .mobile-bottom-nav button{border:0;background:transparent;color:#7892a5;padding:8px 3px;font-size:11px}.bluev2 .mobile-bottom-nav button.active{color:#78e6e2}
      .bluev2 .mobile-side-sheet{display:block!important;position:fixed;inset:58px 0 0 auto;width:min(310px,86vw);z-index:80;background:#061a2d;border-left:1px solid rgba(180,230,255,.1);padding:18px;transform:translateX(102%);transition:.25s}.bluev2 .mobile-side-sheet.open{transform:translateX(0)}
    }
    @media(min-width:901px){.bluev2 .mobile-bottom-nav, .bluev2 .mobile-side-sheet{display:none!important}}

  

    /* ===== TALK TO BLUE FULL PRODUCT V16 ===== */
    .bluev2 .sound-orb{display:none!important}
    .bluev2 .coin-pill, .bluev2 .member-wallet, .bluev2 .call-coins{
      display:flex;align-items:center;gap:7px;border:1px solid rgba(202,240,255,.34);border-radius:999px;
      background:rgba(3,25,45,.34);color:#fff;padding:8px 12px;backdrop-filter:blur(14px);cursor:pointer;
      font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
    }
    .bluev2 .coin-pill b, .bluev2 .member-wallet b, .bluev2 .call-coins b{font-size:14px}.bluev2 .coin-mark{display:inline-grid;place-items:center;width:21px;height:21px;border:1px solid rgba(185,239,255,.7);border-radius:50%;background:rgba(101,218,232,.15);font-size:9px;font-weight:900}
    .bluev2 .whale-donation{position:absolute;z-index:14;left:clamp(22px,4vw,62px);bottom:18px;max-width:520px;margin:0;color:rgba(232,247,255,.66);font-size:9px;line-height:1.45;letter-spacing:.025em}

    .bluev2 .centered-close, .bluev2 .use-case-close, .bluev2 .legend-close, .bluev2 .call-close, .bluev2 .icon-close{display:grid!important;place-items:center!important;padding:0!important;line-height:0!important}
    .bluev2 .centered-close{position:relative;width:40px;height:40px;border:1px solid rgba(194,235,255,.3);border-radius:50%;background:rgba(6,31,53,.38);color:#fff;cursor:pointer}
    .bluev2 .centered-close span{position:absolute;left:50%;top:50%;width:15px;height:1.5px;background:currentColor;border-radius:3px;transform:translate(-50%,-50%) rotate(45deg)}
    .bluev2 .centered-close span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}
    .bluev2 .use-case-close, .bluev2 .legend-close, .bluev2 .call-close, .bluev2 .icon-close{font-size:0!important;position:relative}
    .bluev2 .use-case-close::before, .bluev2 .use-case-close::after, .bluev2 .legend-close::before, .bluev2 .legend-close::after, .bluev2 .call-close::before, .bluev2 .call-close::after, .bluev2 .icon-close::before, .bluev2 .icon-close::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:1.5px;background:currentColor;border-radius:2px;transform:translate(-50%,-50%) rotate(45deg)}
    .bluev2 .use-case-close::after, .bluev2 .legend-close::after, .bluev2 .call-close::after, .bluev2 .icon-close::after{transform:translate(-50%,-50%) rotate(-45deg)}

    .bluev2 .drawer{width:min(470px,100vw);padding:28px;background:linear-gradient(180deg,rgba(7,39,66,.99),rgba(2,16,31,.995))}
    .bluev2 .drawer-head{margin-bottom:18px}.bluev2 .drawer-logo{width:116px;height:auto}.bluev2 .drawer-account{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid rgba(183,231,255,.15);border-radius:18px;background:rgba(255,255,255,.035);margin-bottom:16px}.bluev2 .drawer-account small{display:block;color:#829bad;font-size:9px;letter-spacing:.15em}.bluev2 .drawer-balance{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:12px}.bluev2 .drawer-balance b{font-size:18px}.bluev2 .drawer-topup{border:1px solid rgba(121,230,234,.62);border-radius:999px;background:rgba(103,222,230,.12);color:#9ef1ed;padding:9px 14px;font-weight:800;cursor:pointer}.bluev2 .drawer-nav{gap:0;border-top:1px solid rgba(255,255,255,.1)}.bluev2 .drawer-link{display:flex;align-items:center;justify-content:space-between;padding:16px 4px;border-radius:0;border-bottom:1px solid rgba(255,255,255,.1);font-family:Georgia,serif;font-size:27px;font-weight:400}.bluev2 .drawer-link i{font-family:Inter,sans-serif;font-size:13px;font-style:normal;color:#79e6e5}.bluev2 .drawer-small-links{display:flex;flex-wrap:wrap;gap:11px 18px;padding:17px 0}.bluev2 .drawer-small-links button{border:0;background:none;color:#8da8ba;padding:0;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.bluev2 .drawer-actions{grid-template-columns:1fr 1fr;margin-top:auto}.bluev2 .drawer-actions .primary-btn, .bluev2 .drawer-actions .secondary-btn{min-height:44px}

    .bluev2 .member-overlay, .bluev2 .topup-overlay, .bluev2 .faq-overlay{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:18px;background:rgba(0,9,20,.66);backdrop-filter:blur(15px);opacity:0;visibility:hidden;pointer-events:none;transition:.23s ease}.bluev2 .member-overlay.open, .bluev2 .topup-overlay.open, .bluev2 .faq-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.bluev2 .member-shell{width:min(1120px,100%);height:min(790px,calc(100dvh - 36px));display:grid;grid-template-rows:auto auto 1fr;overflow:hidden;border:1px solid rgba(178,229,255,.22);border-radius:26px;background:linear-gradient(180deg,#0b3150,#071d32);box-shadow:0 35px 120px rgba(0,0,0,.55)}
    .bluev2 .member-head{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:19px 22px;border-bottom:1px solid rgba(184,229,255,.13)}.bluev2 .member-identity{display:flex;align-items:center;gap:14px}.bluev2 .member-identity img{width:86px;height:auto}.bluev2 .member-identity>span{color:#86a1b3;font-size:11px}.bluev2 .member-wallet{background:rgba(255,255,255,.035)}.bluev2 .member-wallet em{margin-left:7px;color:#84ece5;font-style:normal}.bluev2 .member-tabs{display:flex;gap:0;padding:0 22px;border-bottom:1px solid rgba(184,229,255,.13);overflow:auto}.bluev2 .member-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#7994a7;padding:14px 18px 11px;font-size:14px;font-weight:800;cursor:pointer}.bluev2 .member-tabs button.active{border-color:#7ce6e4;color:#fff}.bluev2 .member-content{overflow:auto;padding:27px 30px 36px}.bluev2 .member-page{display:none}.bluev2 .member-page.active{display:block}.bluev2 .member-kicker{color:#77dfdf;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.bluev2 .member-page h2{margin:6px 0 23px;font-family:Georgia,serif;font-size:clamp(40px,5vw,68px);font-weight:400}.bluev2 .member-summary, .bluev2 .activity-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.bluev2 .member-summary article, .bluev2 .activity-metrics article, .bluev2 .member-card, .bluev2 .balance-hero{padding:18px;border:1px solid rgba(180,230,255,.14);border-radius:18px;background:rgba(255,255,255,.035)}.bluev2 .member-summary small, .bluev2 .activity-metrics small, .bluev2 .member-card>small, .bluev2 .balance-hero small{display:block;color:#7895a8;font-size:9px;letter-spacing:.13em}.bluev2 .member-summary strong, .bluev2 .activity-metrics strong{display:block;margin-top:9px;font-family:Georgia,serif;font-size:20px;font-weight:400;overflow-wrap:anywhere}.bluev2 .member-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px}.bluev2 .member-card h3{margin:6px 0 14px;font-family:Georgia,serif;font-size:26px;font-weight:400}.bluev2 .member-card label{display:grid;gap:6px;margin-top:11px;color:#9fb4c3;font-size:10px;font-weight:800;text-transform:uppercase}.bluev2 .member-card input, .bluev2 .member-card select{height:44px;border:1px solid rgba(180,230,255,.17);border-radius:12px;background:rgba(0,10,22,.32);color:#fff;padding:0 12px;outline:none}.bluev2 .member-card .secondary-btn{color:#fff}.bluev2 .danger-actions{display:flex;gap:14px;margin-top:17px;padding-top:15px;border-top:1px solid rgba(180,230,255,.12)}.bluev2 .danger-actions button{border:0;background:none;color:#ff9b9b;padding:0;font-size:11px;font-weight:800;cursor:pointer}.bluev2 .activity-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:13px}.bluev2 .activity-list{display:grid;gap:9px}.bluev2 .activity-row, .bluev2 .ledger-row, .bluev2 .payment-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 17px;border:1px solid rgba(180,230,255,.13);border-radius:16px;background:rgba(255,255,255,.035)}.bluev2 .activity-row strong{font-size:15px}.bluev2 .activity-row p, .bluev2 .activity-row small{margin:4px 0 0;color:#7e99ab;font-size:11px}.bluev2 .activity-row button{border:1px solid rgba(126,231,230,.5);border-radius:999px;background:transparent;color:#86ece8;padding:9px 14px;font-weight:800;cursor:pointer}.bluev2 .balance-hero{display:flex;align-items:center;justify-content:space-between;gap:20px}.bluev2 .balance-hero strong{display:block;margin-top:7px;font-family:Georgia,serif;font-size:40px;font-weight:400}.bluev2 .balance-hero p{color:#819aab;font-size:11px}.bluev2 .ledger-card{margin-top:13px}.bluev2 .ledger-row, .bluev2 .payment-row{border:0;border-top:1px solid rgba(180,230,255,.1);border-radius:0;background:transparent;padding:13px 0}.bluev2 .ledger-row:first-child, .bluev2 .payment-row:first-child{border-top:0}.bluev2 .ledger-value.negative{color:#ffb1b1}.bluev2 .ledger-value.positive{color:#85ebe3}.bluev2 .payment-card-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.bluev2 .payment-card-head .primary-btn{margin:0}

    .bluev2 .topup-card, .bluev2 .faq-card{width:min(720px,100%);max-height:calc(100dvh - 36px);overflow:auto;border:1px solid rgba(180,230,255,.22);border-radius:26px;background:linear-gradient(180deg,#0b3150,#071d32);box-shadow:0 35px 120px rgba(0,0,0,.55);padding:24px}.bluev2 .topup-card header, .bluev2 .faq-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.bluev2 .topup-card header img, .bluev2 .faq-card header img{width:86px}.bluev2 .topup-card h2, .bluev2 .faq-card h2{margin:15px 0 8px;font-family:Georgia,serif;font-size:clamp(40px,6vw,62px);font-weight:400}.bluev2 .topup-card header p, .bluev2 .faq-card header p{color:#8ca5b6}.bluev2 .coin-packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:22px}.bluev2 .coin-packages button{position:relative;min-height:135px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:12px;border:1px solid rgba(180,230,255,.18);border-radius:18px;background:rgba(255,255,255,.04);color:#fff;padding:17px;cursor:pointer}.bluev2 .coin-packages button:hover{border-color:#7ee8e6;transform:translateY(-2px)}.bluev2 .coin-packages button.featured{background:linear-gradient(145deg,rgba(95,218,229,.19),rgba(255,255,255,.04));border-color:#7ce7e5}.bluev2 .coin-packages strong{display:flex;align-items:center;gap:7px;font-size:18px}.bluev2 .coin-packages b{font-family:Georgia,serif;font-size:30px;font-weight:400}.bluev2 .coin-packages i{position:absolute;right:12px;top:12px;border-radius:999px;background:#7ce7e5;color:#062033;padding:5px 8px;font-size:8px;font-style:normal;font-weight:900}.bluev2 .topup-note{color:#7e98aa;text-align:center;font-size:10px;line-height:1.5;margin:15px 0 0}.bluev2 .faq-list{display:grid;gap:9px;margin-top:22px}.bluev2 .faq-item{border:1px solid rgba(180,230,255,.15);border-radius:17px;background:rgba(255,255,255,.035);overflow:hidden}.bluev2 .faq-item>button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;border:0;background:transparent;color:#fff;padding:16px 17px;text-align:left;font-family:Georgia,serif;font-size:21px;cursor:pointer}.bluev2 .faq-item>button i{font-family:Inter,sans-serif;font-size:23px;font-style:normal;transition:.2s}.bluev2 .faq-item>button[aria-expanded="true"] i{transform:rotate(45deg)}.bluev2 .faq-item>div{padding:0 17px 17px;color:#99afbd;line-height:1.6;font-size:13px}

    .bluev2 .full-call{position:fixed;inset:0;z-index:240;display:none;overflow:hidden;background:linear-gradient(180deg,#4b91bc 0%,#1b5e91 55%,#05233e 100%);color:#fff}.bluev2 .full-call.open{display:block}.bluev2 .call-ocean{position:absolute;inset:0;overflow:hidden;pointer-events:none}.bluev2 .call-ocean::before{content:"";position:absolute;inset:-15%;background:radial-gradient(ellipse at 50% 0%,rgba(214,248,255,.45),transparent 42%);filter:blur(30px);animation:oceanDrift 24s ease-in-out infinite}.bluev2 .call-ocean span{position:absolute;border:1px solid rgba(210,244,255,.18);border-radius:50%;animation:callBubble 10s linear infinite}.bluev2 .call-ocean span:nth-child(1){left:18%;bottom:-40px;width:10px;height:10px}.bluev2 .call-ocean span:nth-child(2){left:72%;bottom:-30px;width:15px;height:15px;animation-delay:-4s}.bluev2 .call-ocean span:nth-child(3){left:48%;bottom:-20px;width:7px;height:7px;animation-delay:-7s}@keyframes callBubble{to{transform:translateY(-110vh);opacity:0}}.bluev2 .full-call-head{position:absolute;z-index:5;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:flex-start;padding:18px clamp(18px,3vw,42px)}.bluev2 .full-call-head>img{width:92px}.bluev2 .full-call-head-right{display:flex;align-items:center;gap:12px}.bluev2 .call-exit{border:0;background:transparent;color:#fff;padding:10px 0;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.bluev2 .call-stage{position:relative;z-index:2;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:90px 18px 28px;text-align:center}.bluev2 .call-status-line{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.bluev2 .live-dot{width:8px;height:8px;border-radius:50%;background:#86eee5;box-shadow:0 0 0 5px rgba(129,237,228,.12);animation:pulse 1.5s infinite}.bluev2 .call-video-wrap{position:relative;width:min(600px,70vw);height:min(56vh,540px);display:grid;place-items:center;margin:7px auto}.bluev2 .call-video-wrap :is(video,img,canvas){position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 36px rgba(0,14,30,.35))}.bluev2 .call-rings i{position:absolute;left:50%;top:50%;width:45%;aspect-ratio:1;border:1px solid rgba(190,241,255,.17);border-radius:50%;transform:translate(-50%,-50%);animation:ringPulse 3s ease-out infinite}.bluev2 .call-rings i:nth-child(2){animation-delay:1s}.bluev2 .call-rings i:nth-child(3){animation-delay:2s}@keyframes ringPulse{0%{opacity:.6;transform:translate(-50%,-50%) scale(.5)}100%{opacity:0;transform:translate(-50%,-50%) scale(2)}}.bluev2 .call-time{font-family:Georgia,serif;font-size:32px}.bluev2 .call-note{margin:6px 0 14px;color:rgba(240,250,255,.7);font-size:12px}.bluev2 .call-controls-new{display:flex;align-items:center;gap:12px}.bluev2 .call-controls-new button{min-width:110px;height:46px;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:rgba(0,21,39,.28);color:#fff;font-weight:800;cursor:pointer}.bluev2 .call-controls-new .end-call{border-color:rgba(255,143,143,.75);background:rgba(130,20,25,.45)}.bluev2 .post-call{position:relative;z-index:3;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 18px 30px;text-align:center}.bluev2 .post-call[hidden]{display:none}.bluev2 .post-whale{width:min(280px,56vw);height:190px}.bluev2 .post-whale :is(video,img,canvas){width:100%;height:100%;object-fit:contain}.bluev2 .post-call>span{font-size:9px;font-weight:900;letter-spacing:.17em;color:#8bece4}.bluev2 .post-call blockquote{max-width:720px;margin:16px 0 11px;font-family:Georgia,serif;font-size:clamp(28px,4vw,48px);line-height:1.18}.bluev2 .post-call>p{color:rgba(237,249,255,.72)}.bluev2 .post-call>div:last-child{display:flex;gap:10px;margin-top:22px}.bluev2 .post-call .secondary-btn{color:#fff}

    @media(max-width:900px){
      .bluev2 .whale-donation{left:18px;right:18px;bottom:7px;max-width:none;text-align:center;font-size:7.5px}.bluev2 .drawer{width:100vw;padding:22px 18px calc(20px + env(safe-area-inset-bottom))}.bluev2 .drawer-logo{width:98px}.bluev2 .drawer-link{font-size:28px;padding:14px 4px}.bluev2 .drawer-account{padding:13px}.bluev2 .drawer-small-links{gap:9px 15px}.bluev2 .drawer-actions{grid-template-columns:1fr 1fr}.bluev2 .member-overlay, .bluev2 .topup-overlay, .bluev2 .faq-overlay{padding:0}.bluev2 .member-shell{width:100vw;height:100dvh;border:0;border-radius:0}.bluev2 .member-head{grid-template-columns:1fr auto;padding:calc(14px + env(safe-area-inset-top)) 15px 13px}.bluev2 .member-identity img{width:72px}.bluev2 .member-identity>span{display:none}.bluev2 .member-wallet{grid-row:2;grid-column:1/3;width:max-content;padding:7px 10px}.bluev2 .member-close{position:absolute;right:15px;top:calc(14px + env(safe-area-inset-top))}.bluev2 .member-tabs{padding:0 6px}.bluev2 .member-tabs button{padding:12px 10px 9px;font-size:12px}.bluev2 .member-content{padding:21px 15px calc(28px + env(safe-area-inset-bottom))}.bluev2 .member-page h2{font-size:46px}.bluev2 .member-summary{grid-template-columns:1fr 1fr}.bluev2 .member-summary article:last-child{grid-column:1/3}.bluev2 .member-grid{grid-template-columns:1fr}.bluev2 .activity-row{grid-template-columns:1fr}.bluev2 .activity-row button{width:100%}.bluev2 .balance-hero{align-items:flex-start;flex-direction:column}.bluev2 .topup-card, .bluev2 .faq-card{width:100vw;max-height:100dvh;min-height:100dvh;border:0;border-radius:0;padding:calc(18px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom))}.bluev2 .topup-card header img, .bluev2 .faq-card header img{width:74px}.bluev2 .coin-packages{gap:8px}.bluev2 .coin-packages button{min-height:124px;padding:12px}.bluev2 .coin-packages strong{font-size:14px}.bluev2 .coin-packages b{font-size:24px}.bluev2 .faq-item>button{font-size:19px}.bluev2 .full-call-head{padding:calc(12px + env(safe-area-inset-top)) 14px 10px}.bluev2 .full-call-head>img{width:72px}.bluev2 .call-coins{padding:6px 8px;font-size:9px}.bluev2 .call-exit{font-size:9px}.bluev2 .call-stage{padding-top:86px}.bluev2 .call-video-wrap{width:95vw;height:48vh;margin:12px auto}.bluev2 .call-time{font-size:27px}.bluev2 .post-whale{height:160px}.bluev2 .post-call blockquote{font-size:29px}.bluev2 .post-call>div:last-child{flex-direction:column;width:min(330px,100%)}.bluev2 .post-call .primary-btn, .bluev2 .post-call .secondary-btn{width:100%}
    }

  :root{--font-display:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"Roboto Mono",monospace}
  .bluev2, .bluev2, .bluev2 button, .bluev2 input, .bluev2 select, .bluev2 textarea{font-family:var(--font-body)!important}
  .bluev2 h1, .bluev2 h2, .bluev2 h3, .bluev2 .drawer-link, .bluev2 .drawer-title, .bluev2 .app-top h2, .bluev2 .hero-card-copy h3, .bluev2 .member-page h2, .bluev2 .member-card h3, .bluev2 .coin-packages b, .bluev2 .post-call blockquote, .bluev2 .auth-card h3, .bluev2 .faq-item>button{font-family:var(--font-display)!important}
  .bluev2 .eyebrow, .bluev2 .legend-label, .bluev2 .drawer-account small, .bluev2 .drawer-small-links, .bluev2 .member-kicker, .bluev2 .member-summary small, .bluev2 .activity-metrics small, .bluev2 .call-status-line, .bluev2 .post-call>span, .bluev2 .auth-tabs, .bluev2 .auth-form label, .bluev2 .gift-head small{font-family:var(--font-mono)!important}

  /* Menu is fully scrollable and the logo is attached to the top edge. */
  .bluev2 .drawer{padding:0 24px max(24px,env(safe-area-inset-bottom))!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-width:thin;scrollbar-color:rgba(135,231,233,.45) transparent}
  .bluev2 .drawer:not(.open){pointer-events:none!important}.bluev2 .drawer.open{pointer-events:auto!important}
  .bluev2 .drawer-head{position:relative;min-height:174px;margin:0!important;align-items:flex-start!important}
  .bluev2 .drawer-logo{display:block;width:146px!important;height:auto;margin:0!important;align-self:flex-start}
  .bluev2 #drawerClose{position:absolute;right:0;top:28px}
  .bluev2 .drawer-account{margin:0 0 18px!important}
  .bluev2 .drawer-nav{display:grid!important;gap:0!important;border-top:1px solid rgba(255,255,255,.11);margin-bottom:14px}
  .bluev2 .drawer-link{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:66px;padding:11px 4px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.11)!important;border-radius:0!important;font-size:clamp(27px,2.3vw,37px)!important;font-weight:700!important;line-height:1!important;letter-spacing:-.025em}
  .bluev2 .drawer-link i{font-family:var(--font-body);font-size:14px;font-style:normal;color:#84ece5}
  .bluev2 .drawer-small-links{display:flex!important;flex-wrap:wrap!important;gap:12px 18px!important;margin:14px 0 0!important;padding:0 0 4px!important}
  .bluev2 .drawer-small-links button{font-size:9px!important}
  .bluev2 .drawer-actions{position:relative!important;margin:18px 0 0!important;padding-bottom:4px!important}
  .bluev2 .drawer-signout{display:none;border:0;background:none;color:#8cebe5;font:700 9px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
  .bluev2.is-authenticated .drawer-signout{display:inline-block}
  .bluev2:not(.is-authenticated) .drawer-account{display:none!important}
  .bluev2.is-authenticated .drawer-actions{display:none!important}
  .bluev2:not(.is-authenticated) #headerCoinButton{display:none!important}
  .bluev2.is-authenticated #headerCoinButton{display:flex!important}

  /* Authentication modal based on donor flow, recolored for Talk to Blue. */
  .bluev2 .auth-modal.open{display:grid!important}
  .bluev2 .auth-card{position:relative;width:min(430px,calc(100vw - 28px))!important;max-height:calc(100dvh - 28px)!important;overflow:auto!important;padding:72px 22px 22px!important}
  .bluev2 .auth-tabs{position:absolute;left:22px;top:22px;display:flex;gap:18px}
  .bluev2 .auth-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#718da1;padding:0 0 5px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
  .bluev2 .auth-tabs button.active{color:#8cebe5;border-color:#8cebe5}
  .bluev2 .auth-close{position:absolute!important;right:18px;top:17px}
  .bluev2 .auth-logo{width:112px;margin:0 0 15px}
  .bluev2 .auth-card h3{margin:0;font-size:38px;font-weight:700;line-height:.95;letter-spacing:-.025em}
  .bluev2 .auth-copy{margin:11px 0 0;color:#9eb4c4;font-size:13px;line-height:1.5}
  .bluev2 .google-auth{width:100%;min-height:48px;margin-top:19px;border:1px solid rgba(184,229,255,.28);border-radius:999px;background:rgba(255,255,255,.05);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;cursor:pointer}
  .bluev2 .google-auth svg{width:19px;height:19px}
  .bluev2 .auth-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:15px 0;color:#718da1;font:700 9px var(--font-mono);text-transform:uppercase}
  .bluev2 .auth-divider:before, .bluev2 .auth-divider:after{content:"";height:1px;background:rgba(184,229,255,.16)}
  .bluev2 .auth-form{display:grid;gap:10px}
  .bluev2 .auth-form label{display:grid;gap:6px;color:#89a4b6;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
  .bluev2 .auth-form input{height:46px;border:1px solid rgba(184,229,255,.24);border-radius:13px;background:rgba(255,255,255,.045);color:#fff;padding:0 13px;font-size:14px;outline:none}
  .bluev2 .auth-form input:focus{border-color:#82e9e7;box-shadow:0 0 0 3px rgba(126,232,230,.12)}
  .bluev2 .auth-error{min-height:18px;color:#ffaaa8;font-size:11px;font-weight:700}
  .bluev2 .auth-switch{margin:13px 0 0;text-align:center;color:#819caf;font-size:11px}
  .bluev2 .auth-switch button{border:0;background:none;color:#8cebe5;padding:0;font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

  /* Call controls, functional close and gift/donation control. */
  .bluev2 .call-controls-new{position:relative;z-index:5;flex-wrap:wrap;justify-content:center}
  .bluev2 .call-controls-new button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
  .bluev2 .gift-call svg{width:19px;height:19px}
  .bluev2 .gift-call.active{border-color:#8cebe5!important;background:rgba(112,226,229,.18)!important}
  .bluev2 .gift-popover{position:absolute;z-index:8;left:50%;bottom:84px;width:min(390px,calc(100vw - 28px));transform:translateX(-50%);padding:16px;border:1px solid rgba(185,235,255,.24);border-radius:20px;background:rgba(5,32,54,.97);box-shadow:0 24px 80px rgba(0,0,0,.42);backdrop-filter:blur(18px);text-align:left}
  .bluev2 .gift-popover[hidden]{display:none!important}
  .bluev2 .gift-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
  .bluev2 .gift-head small{display:block;color:#78deda;font-size:8px;letter-spacing:.14em}
  .bluev2 .gift-head strong{display:block;margin-top:4px;font-family:var(--font-display);font-size:23px}
  .bluev2 .gift-head button{width:30px;height:30px;min-width:30px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:none;color:#fff;font-size:19px;line-height:1;cursor:pointer}
  .bluev2 .gift-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}
  .bluev2 .gift-options button{min-height:64px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border:1px solid rgba(185,235,255,.15);border-radius:14px;background:rgba(255,255,255,.035);color:#fff;padding:10px 12px;cursor:pointer}
  .bluev2 .gift-options button:hover{border-color:#82e9e7;background:rgba(112,226,229,.1)}
  .bluev2 .gift-options span{font-size:12px;font-weight:700}.bluev2 .gift-options b{margin-top:4px;color:#8cebe5;font-size:12px}
  .bluev2 .topup-overlay{z-index:280!important}
  .bluev2 .coin-packages .featured i{text-transform:uppercase}

  @media(max-width:900px){
    .bluev2 .drawer{padding:0 18px calc(20px + env(safe-area-inset-bottom))!important}
    .bluev2 .drawer-head{min-height:154px!important}
    .bluev2 .drawer-logo{width:122px!important}
    .bluev2 #drawerClose{top:26px!important}
    .bluev2 .drawer-link{min-height:61px!important;font-size:31px!important;padding:9px 4px!important}
    .bluev2 .drawer-account{padding:13px!important}
    .bluev2 .drawer-actions{grid-template-columns:1fr 1fr!important}
    .bluev2 .auth-card{width:min(390px,calc(100vw - 20px))!important;max-height:calc(100dvh - 20px)!important;padding:68px 16px 17px!important}
    .bluev2 .auth-tabs{left:16px}.bluev2 .auth-close{right:14px;top:14px}.bluev2 .auth-logo{width:98px}.bluev2 .auth-card h3{font-size:34px}
    .bluev2 .gift-popover{position:fixed;left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));width:auto;transform:none}
    .bluev2 .call-controls-new button{min-width:94px!important}
  }
  @media(max-width:380px){
    .bluev2 .drawer-link{min-height:57px!important;font-size:28px!important}
    .bluev2 .drawer-head{min-height:146px!important}.bluev2 .drawer-logo{width:114px!important}
    .bluev2 .drawer-small-links{gap:9px 13px!important}.bluev2 .drawer-actions{gap:8px!important}
  }

  :root{
    --tb-bg:#061a2c;
    --tb-bg-2:#0a2b48;
    --tb-panel:#08223a;
    --tb-panel-2:#0b3150;
    --tb-text:#f5fbff;
    --tb-muted:rgba(235,247,255,.62);
    --tb-line:rgba(190,231,255,.22);
    --tb-line-strong:rgba(190,231,255,.42);
    --tb-accent:#8cebe5;
    --tb-accent-2:#9deeff;
    --tb-red:#ff5757;
    --tb-dark:#03111f;
    --font-display:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-body:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-mono:"Roboto Mono",monospace;
    --donor-radius:5px;
    --donor-ease:cubic-bezier(.65,.01,.05,.99);
  }

  .bluev2 [hidden]{display:none!important}
  .bluev2, .bluev2, .bluev2 button, .bluev2 input, .bluev2 select, .bluev2 textarea{font-family:var(--font-body)!important}
  .bluev2 h1, .bluev2 h2, .bluev2 h3, .bluev2 .drawer-link, .bluev2 .drawer-title, .bluev2 .app-brand-name, .bluev2 .app-top h2, .bluev2 .hero-card-copy h3, .bluev2 .member-page h2, .bluev2 .member-card h3, .bluev2 .topup-card h2, .bluev2 .faq-card h2, .bluev2 .faq-item>button, .bluev2 .auth-card h3, .bluev2 .post-call blockquote, .bluev2 .primary-btn, .bluev2 .secondary-btn, .bluev2 .start-call, .bluev2 .mini-cta{
    font-family:var(--font-display)!important;
  }
  .bluev2 .eyebrow, .bluev2 .legend-label, .bluev2 .drawer-account small, .bluev2 .drawer-small-links, .bluev2 .member-kicker, .bluev2 .member-summary small, .bluev2 .activity-metrics small, .bluev2 .call-status-line, .bluev2 .post-call>span, .bluev2 .auth-tabs, .bluev2 .topup-card header p, .bluev2 .faq-card header p, .bluev2 .coin-packages i{
    font-family:var(--font-mono)!important;
  }

  .bluev2 button{transition:transform .18s var(--donor-ease),background .18s ease,border-color .18s ease,color .18s ease}
  .bluev2 button:hover{transform:translateY(-1px)}
  .bluev2 button:active{transform:translateY(0)}

  /* Main controls and cards inherit the donor's compact, angular language. */
  .bluev2 .primary-btn, .bluev2 .secondary-btn, .bluev2 .start-call, .bluev2 .mini-cta, .bluev2 .drawer-actions button, .bluev2 .member-card input, .bluev2 .member-card select, .bluev2 .auth-form input, .bluev2 .google-auth, .bluev2 .coin-packages button, .bluev2 .faq-item, .bluev2 .app-modal-card, .bluev2 .member-card, .bluev2 .member-summary article, .bluev2 .activity-metrics article, .bluev2 .balance-hero, .bluev2 .drawer-account, .bluev2 .status-pill, .bluev2 .minutes-card{
    border-radius:var(--donor-radius)!important;
  }
  .bluev2 .primary-btn, .bluev2 .start-call, .bluev2 .mini-cta{
    border:1px solid var(--tb-accent)!important;
    background:var(--tb-accent)!important;
    color:var(--tb-dark)!important;
    box-shadow:none!important;
  }
  .bluev2 .secondary-btn{
    border:1px solid var(--tb-line-strong)!important;
    background:rgba(255,255,255,.025)!important;
    color:var(--tb-text)!important;
    box-shadow:none!important;
  }

  /* Menu copied from the donor structure, recolored to Talk to Blue. */
  .bluev2 .drawer-backdrop{background:rgba(0,7,16,.58)!important;backdrop-filter:blur(12px)!important}
  .bluev2 .drawer{
    width:min(520px,100vw)!important;
    height:100svh!important;
    min-height:0!important;
    padding:0 28px max(24px,env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    background:linear-gradient(180deg,var(--tb-bg-2),var(--tb-bg))!important;
    border-left:1px solid var(--tb-line)!important;
    box-shadow:-24px 0 90px rgba(0,0,0,.46)!important;
  }
  .bluev2 .drawer-head{
    position:relative!important;
    flex:0 0 auto!important;
    min-height:176px!important;
    margin:0!important;
    align-items:flex-start!important;
    padding-top:0!important;
    border-bottom:1px solid var(--tb-line)!important;
  }
  .bluev2 .drawer-logo{
    width:146px!important;
    height:auto!important;
    align-self:flex-start!important;
    margin:0!important;
    border-radius:0!important;
  }
  .bluev2 #drawerClose, .bluev2 .icon-close, .bluev2 .centered-close, .bluev2 .member-close, .bluev2 .auth-close{
    border:1px solid var(--tb-line-strong)!important;
    border-radius:50%!important;
    background:transparent!important;
    color:var(--tb-text)!important;
    box-shadow:none!important;
  }
  .bluev2 #drawerClose{position:absolute!important;right:0!important;top:44px!important}
  .bluev2 .drawer-nav{display:grid!important;gap:0!important;margin-top:10px!important}
  .bluev2 .drawer-link{
    min-height:70px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 6px!important;
    border:0!important;
    border-bottom:1px solid var(--tb-line)!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--tb-text)!important;
    font-size:clamp(27px,3.2vw,42px)!important;
    font-weight:750!important;
    line-height:.95!important;
    letter-spacing:-.03em!important;
  }
  .bluev2 .drawer-link:hover{background:rgba(140,235,229,.08)!important;color:var(--tb-accent)!important}
  .bluev2 .drawer-link::after{content:"↗";font-family:var(--font-body);font-size:.42em;color:var(--tb-accent)}
  .bluev2 .drawer-divider{margin:18px 0!important;background:var(--tb-line)!important}
  .bluev2 .drawer-account{border:1px solid var(--tb-line)!important;background:rgba(255,255,255,.025)!important;padding:16px!important}
  .bluev2 .drawer-small-links{display:flex!important;flex-wrap:wrap!important;gap:12px 22px!important;padding:16px 0 4px!important;color:var(--tb-muted)!important;font-size:9px!important;letter-spacing:.06em!important}
  .bluev2 .drawer-actions{margin-top:18px!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding-bottom:4px!important}
  .bluev2 .drawer-actions button{min-height:46px!important}

  /* Account, profile, activity, payments and app shell. */
  .bluev2 .product-app, .bluev2 .member-overlay, .bluev2 .topup-overlay, .bluev2 .faq-overlay, .bluev2 .auth-modal{color:var(--tb-text)!important}
  .bluev2 .app-shell{background:var(--tb-bg)!important}
  .bluev2 .app-sidebar{background:var(--tb-bg)!important;border-right:1px solid var(--tb-line)!important}
  .bluev2 .app-main{background:linear-gradient(180deg,var(--tb-bg-2),var(--tb-bg))!important}
  .bluev2 .app-nav button{border-radius:var(--donor-radius)!important;font-family:var(--font-display)!important;font-size:16px!important}
  .bluev2 .app-nav button.active, .bluev2 .app-nav button:hover{background:var(--tb-accent)!important;color:var(--tb-dark)!important}
  .bluev2 .hero-card, .bluev2 .dashboard-card, .bluev2 .list-item, .bluev2 .bottle-box, .bluev2 .memory-card, .bluev2 .mood-card{border-radius:var(--donor-radius)!important}

  .bluev2 .member-overlay, .bluev2 .topup-overlay, .bluev2 .faq-overlay, .bluev2 .auth-modal{background:rgba(0,7,16,.68)!important;backdrop-filter:blur(12px)!important}
  .bluev2 .member-shell, .bluev2 .topup-card, .bluev2 .faq-card, .bluev2 .app-modal-card{
    border:1px solid var(--tb-line-strong)!important;
    border-radius:var(--donor-radius)!important;
    background:linear-gradient(180deg,var(--tb-bg-2),var(--tb-bg))!important;
    box-shadow:0 30px 100px rgba(0,0,0,.48)!important;
  }
  .bluev2 .member-shell{height:min(820px,calc(100svh - 32px))!important;min-height:0!important;overflow:hidden!important}
  .bluev2 .member-head{border-bottom:1px solid var(--tb-line)!important}
  .bluev2 .member-tabs{border-bottom:1px solid var(--tb-line)!important}
  .bluev2 .member-tabs button{font-family:var(--font-display)!important;border-radius:0!important}
  .bluev2 .member-tabs button.active{color:var(--tb-accent)!important;border-color:var(--tb-accent)!important}
  .bluev2 .member-content{min-height:0!important;overflow-y:auto!important}
  .bluev2 .member-card, .bluev2 .member-summary article, .bluev2 .activity-metrics article{
    border:1px solid var(--tb-line)!important;
    background:rgba(255,255,255,.025)!important;
  }
  .bluev2 .member-card input, .bluev2 .member-card select, .bluev2 .auth-form input{
    border:1px solid var(--tb-line-strong)!important;
    background:rgba(255,255,255,.035)!important;
    color:var(--tb-text)!important;
  }
  .bluev2 .member-card input:focus, .bluev2 .member-card select:focus, .bluev2 .auth-form input:focus{border-color:var(--tb-accent)!important;box-shadow:0 0 0 3px rgba(140,235,229,.12)!important}

  .bluev2 .topup-card, .bluev2 .faq-card{width:min(660px,calc(100vw - 32px))!important;max-height:calc(100svh - 32px)!important;overflow-y:auto!important}
  .bluev2 .topup-card header, .bluev2 .faq-card header{border-bottom:1px solid var(--tb-line)!important;padding-bottom:18px!important}
  .bluev2 .coin-packages{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .bluev2 .coin-packages button{
    min-height:132px!important;
    border:1px solid var(--tb-line)!important;
    background:rgba(255,255,255,.025)!important;
    color:var(--tb-text)!important;
    text-align:left!important;
  }
  .bluev2 .coin-packages button:hover{border-color:var(--tb-accent)!important;background:rgba(140,235,229,.07)!important}
  .bluev2 .coin-packages .featured{background:var(--tb-accent)!important;color:var(--tb-dark)!important;border-color:var(--tb-accent)!important}
  .bluev2 .coin-packages .featured i{background:var(--tb-dark)!important;color:var(--tb-accent)!important;border-radius:0!important}
  .bluev2 .faq-item{border:1px solid var(--tb-line)!important;background:rgba(255,255,255,.025)!important}
  .bluev2 .faq-item>button{font-size:22px!important;border-radius:0!important}
  .bluev2 .faq-item>button i{font-family:var(--font-body)!important;color:var(--tb-accent)!important}

  .bluev2 .auth-card{width:min(430px,calc(100vw - 24px))!important;border-radius:var(--donor-radius)!important}
  .bluev2 .auth-tabs button{font-family:var(--font-display)!important}
  .bluev2 .google-auth{border:1px solid var(--tb-line-strong)!important;background:rgba(255,255,255,.035)!important;color:var(--tb-text)!important}

  /* Call screen directly mirrors the donor's hierarchy and control language. */
  .bluev2 .full-call.donor-call{
    position:fixed!important;inset:0!important;z-index:240!important;display:none!important;
    place-items:center!important;padding:24px!important;overflow:hidden!important;
    background:rgba(0,7,16,.84)!important;color:var(--tb-text)!important;backdrop-filter:blur(12px)!important;
  }
  .bluev2 .full-call.donor-call.open{display:grid!important}
  .bluev2 .donor-call-shell{
    position:relative;width:min(1040px,calc(100vw - 48px));height:min(720px,calc(100svh - 48px));min-height:590px;
    display:grid;grid-template-columns:minmax(340px,43%) minmax(430px,57%);overflow:hidden;
    border:1px solid var(--tb-line-strong);border-radius:var(--donor-radius);background:var(--tb-bg);
    box-shadow:0 28px 100px rgba(0,0,0,.58);
  }
  .bluev2 .donor-video-pane{position:relative;min-width:0;overflow:hidden;background:linear-gradient(180deg,#5da0c2,var(--tb-bg-2) 60%,var(--tb-bg))}
  .bluev2 .donor-call-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center 54%;filter:drop-shadow(0 26px 34px rgba(0,0,0,.32))}
  .bluev2 .donor-video-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(2,13,26,.82),transparent 46%,rgba(3,17,30,.28));pointer-events:none}
  .bluev2 .donor-video-brand{position:absolute;top:0;left:24px;width:126px;z-index:3}.bluev2 .donor-video-brand img{width:100%;display:block}
  .bluev2 .donor-video-caption{position:absolute;left:24px;bottom:22px;z-index:3;font-family:var(--font-mono);font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--tb-muted)}
  .bluev2 .donor-control-pane{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 30%),var(--tb-bg)}
  .bluev2 .donor-call-head{flex:0 0 68px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--tb-line)}
  .bluev2 .donor-mode-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--tb-muted)}
  .bluev2 .donor-mode-chip span{width:7px;height:7px;border-radius:50%;background:var(--tb-accent);box-shadow:0 0 12px rgba(140,235,229,.72)}
  .bluev2 .donor-call-head-right{display:flex;align-items:center;gap:14px}
  .bluev2 .call-coins{display:flex!important;align-items:center!important;gap:6px!important;padding:6px 9px!important;border:1px solid var(--tb-line)!important;border-radius:999px!important;background:rgba(255,255,255,.025)!important;font-family:var(--font-mono)!important;font-size:9px!important;text-transform:uppercase!important}
  .bluev2 .call-exit{border:0!important;background:none!important;color:var(--tb-muted)!important;font-family:var(--font-display)!important;font-weight:750!important;text-transform:uppercase!important;letter-spacing:.06em!important}
  .bluev2 .call-exit:hover{color:var(--tb-text)!important}
  .bluev2 .call-stage{position:relative!important;flex:1!important;min-height:0!important;height:auto!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important;padding:34px 34px 170px!important;text-align:left!important}
  .bluev2 .donor-voice-summary{width:100%;max-width:520px}
  .bluev2 .call-status-line{display:flex;align-items:center;gap:9px;color:var(--tb-accent);font-family:var(--font-mono)!important;font-size:10px!important;letter-spacing:.08em;text-transform:uppercase}
  .bluev2 .call-status-line .live-dot{width:8px;height:8px;border-radius:50%;background:var(--tb-accent);box-shadow:0 0 14px rgba(140,235,229,.66)}
  .bluev2 .donor-voice-summary h1{margin:20px 0 0;font-family:var(--font-display)!important;font-size:clamp(52px,6vw,80px)!important;line-height:.86!important;letter-spacing:-.04em!important}
  .bluev2 .donor-voice-summary blockquote{position:relative;margin:26px 0 0;padding-left:20px;border-left:1px solid var(--tb-line-strong);font-family:var(--font-display);font-size:clamp(22px,2.2vw,31px);line-height:1.08;color:var(--tb-text)}
  .bluev2 .call-time{margin-top:24px;font-family:var(--font-display)!important;font-size:38px!important;letter-spacing:.05em;font-variant-numeric:tabular-nums}
  .bluev2 .call-note{margin:6px 0 0!important;color:var(--tb-muted)!important;font-size:12px!important}
  .bluev2 .donor-call-dock{position:absolute;left:34px;right:34px;bottom:28px}
  .bluev2 .donor-volume-row{height:30px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;padding:0 12px;border:1px solid var(--tb-line-strong);border-radius:999px;background:rgba(255,255,255,.025)}
  .bluev2 .donor-volume-row svg{width:15px;height:15px;color:var(--tb-text)}
  .bluev2 .donor-volume-row input[type="range"]{width:100%;accent-color:var(--tb-accent)}
  .bluev2 .donor-action-row{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important;margin-top:14px!important}
  .bluev2 .donor-action-btn{
    min-width:0!important;height:70px!important;border:1px solid var(--tb-line-strong)!important;border-radius:15px!important;
    background:rgba(255,255,255,.035)!important;color:var(--tb-text)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;
  }
  .bluev2 .donor-action-btn svg{width:23px!important;height:23px!important}.bluev2 .donor-action-btn span{display:none!important}
  .bluev2 .donor-action-btn:hover, .bluev2 .donor-action-btn.is-active{border-color:var(--tb-accent)!important;background:rgba(140,235,229,.12)!important;color:var(--tb-accent)!important}
  .bluev2 .donor-action-btn.is-end{background:var(--tb-red)!important;border-color:var(--tb-red)!important;color:#fff!important}
  .bluev2 .donor-action-btn.is-gift{background:var(--tb-accent)!important;border-color:var(--tb-accent)!important;color:var(--tb-dark)!important}

  .bluev2 .gift-popover{position:absolute!important;z-index:30!important;left:50%!important;bottom:122px!important;width:min(400px,calc(100vw - 30px))!important;transform:translateX(-50%)!important;padding:16px!important;border:1px solid var(--tb-line-strong)!important;border-radius:var(--donor-radius)!important;background:rgba(5,29,49,.98)!important;box-shadow:0 24px 80px rgba(0,0,0,.46)!important}
  .bluev2 .gift-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important}.bluev2 .gift-head small{font-family:var(--font-mono)!important;color:var(--tb-accent)!important;font-size:8px!important;letter-spacing:.12em!important}.bluev2 .gift-head strong{font-family:var(--font-display)!important;font-size:24px!important}
  .bluev2 .gift-head button{position:relative!important;width:32px!important;height:32px!important;min-width:32px!important;border:1px solid var(--tb-line)!important;border-radius:50%!important;background:transparent!important;color:var(--tb-text)!important}
  .bluev2 .gift-head button span{position:absolute;left:50%;top:50%;width:14px;height:1px;background:currentColor}.bluev2 .gift-head button span:first-child{transform:translate(-50%,-50%) rotate(45deg)}.bluev2 .gift-head button span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}
  .bluev2 .gift-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:14px!important}.bluev2 .gift-options button{min-height:64px!important;border:1px solid var(--tb-line)!important;border-radius:var(--donor-radius)!important;background:rgba(255,255,255,.025)!important;color:var(--tb-text)!important;text-align:left!important;padding:10px 12px!important}.bluev2 .gift-options button:hover{border-color:var(--tb-accent)!important}.bluev2 .gift-options b{color:var(--tb-accent)!important}

  .bluev2 .post-call{position:absolute!important;inset:0!important;z-index:40!important;display:grid!important;place-items:center!important;align-content:center!important;padding:34px!important;text-align:center!important;background:linear-gradient(180deg,var(--tb-bg-2),var(--tb-bg))!important}
  .bluev2 .post-call[hidden]{display:none!important}
  .bluev2 .post-whale{width:min(260px,60vw)!important;height:170px!important}.bluev2 .post-whale :is(video,img,canvas){width:100%!important;height:100%!important;object-fit:contain!important}
  .bluev2 .post-call>span{color:var(--tb-accent)!important;font-size:9px!important;letter-spacing:.16em!important}
  .bluev2 .post-call blockquote{max-width:620px!important;margin:16px auto 0!important;font-size:clamp(30px,4vw,50px)!important;line-height:1.05!important;letter-spacing:-.025em!important}
  .bluev2 .post-call>p{color:var(--tb-muted)!important;margin:12px 0 0!important}.bluev2 .post-call-actions{display:flex!important;gap:10px!important;margin-top:24px!important}.bluev2 .post-call-actions button{min-width:160px!important}

  @media(max-width:900px){
    .bluev2 .drawer{width:100vw!important;padding:0 18px max(18px,env(safe-area-inset-bottom))!important}
    .bluev2 .drawer-head{min-height:150px!important}.bluev2 .drawer-logo{width:124px!important}.bluev2 #drawerClose{top:30px!important}
    .bluev2 .drawer-link{min-height:58px!important;font-size:30px!important}
    .bluev2 .drawer-actions{grid-template-columns:1fr 1fr!important}
    .bluev2 .drawer-small-links{padding-bottom:14px!important}
    .bluev2 .member-overlay, .bluev2 .topup-overlay, .bluev2 .faq-overlay{padding:0!important}
    .bluev2 .member-shell{width:100vw!important;height:100svh!important;border:0!important;border-radius:0!important}
    .bluev2 .topup-card, .bluev2 .faq-card{width:100vw!important;max-height:100svh!important;min-height:100svh!important;border:0!important;border-radius:0!important;padding:calc(18px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom))!important}
    .bluev2 .coin-packages{grid-template-columns:1fr 1fr!important}

    .bluev2 .full-call.donor-call{padding:0!important;background:var(--tb-bg)!important;backdrop-filter:none!important}
    .bluev2 .donor-call-shell{width:100vw!important;height:100svh!important;min-height:0!important;display:block!important;border:0!important;border-radius:0!important}
    .bluev2 .donor-video-pane{position:absolute!important;inset:0!important}
    .bluev2 .donor-call-video{object-position:center 60%!important;padding:42px 0 150px!important}
    .bluev2 .donor-video-shade{background:linear-gradient(to top,rgba(2,13,26,.96) 0%,rgba(2,13,26,.38) 35%,rgba(2,13,26,.08) 67%,rgba(2,13,26,.55) 100%)!important}
    .bluev2 .donor-video-brand{left:18px!important;width:92px!important}.bluev2 .donor-video-caption{display:none!important}
    .bluev2 .donor-control-pane{position:absolute!important;inset:0!important;background:transparent!important;pointer-events:none!important}
    .bluev2 .donor-call-head{position:absolute!important;top:max(18px,env(safe-area-inset-top))!important;right:14px!important;left:auto!important;z-index:10!important;width:auto!important;height:auto!important;display:flex!important;gap:10px!important;padding:0!important;border:0!important;pointer-events:auto!important}
    .bluev2 .donor-mode-chip{display:none!important}.bluev2 .donor-call-head-right{gap:10px!important}.bluev2 .call-coins{background:rgba(3,17,31,.56)!important;backdrop-filter:blur(10px)!important}.bluev2 .call-exit{padding:9px 0!important;font-size:10px!important}
    .bluev2 .call-stage{position:absolute!important;inset:0!important;padding:0!important;display:block!important;pointer-events:none!important}
    .bluev2 .donor-voice-summary{position:absolute!important;left:18px!important;right:18px!important;top:calc(max(18px,env(safe-area-inset-top)) + 104px)!important;max-width:none!important;text-align:center!important}
    .bluev2 .call-status-line{justify-content:center!important}.bluev2 .donor-voice-summary h1{display:none!important}.bluev2 .donor-voice-summary blockquote{display:none!important}.bluev2 .call-time{font-size:32px!important;margin-top:10px!important}.bluev2 .call-note{font-size:11px!important}
    .bluev2 .donor-call-dock{left:14px!important;right:14px!important;bottom:calc(max(18px,env(safe-area-inset-bottom)) + 18px)!important;pointer-events:auto!important}
    .bluev2 .donor-volume-row{height:28px!important;padding:0 10px!important;background:rgba(3,17,31,.62)!important;backdrop-filter:blur(10px)!important}
    .bluev2 .donor-action-row{gap:9px!important;margin-top:12px!important}.bluev2 .donor-action-btn{height:64px!important;border-radius:14px!important;background:rgba(3,17,31,.62)!important;backdrop-filter:blur(10px)!important}.bluev2 .donor-action-btn.is-end{background:var(--tb-red)!important}.bluev2 .donor-action-btn.is-gift{background:var(--tb-accent)!important}
    .bluev2 .gift-popover{bottom:104px!important}
    .bluev2 .post-call{position:absolute!important;inset:0!important;pointer-events:auto!important;padding:calc(70px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom))!important}.bluev2 .post-whale{height:150px!important}.bluev2 .post-call blockquote{font-size:30px!important}.bluev2 .post-call-actions{width:min(340px,100%)!important;flex-direction:column!important}.bluev2 .post-call-actions button{width:100%!important}
  }

  @media(max-width:390px){
    .bluev2 .drawer-link{min-height:54px!important;font-size:27px!important}
    .bluev2 .donor-action-btn{height:58px!important}.bluev2 .donor-action-row{gap:7px!important}.bluev2 .donor-call-video{padding-bottom:136px!important}
  }

  /* Clean menu hierarchy: no logo, one arrow, no cropped footer actions. */
  .bluev2 .drawer{display:flex!important;flex-direction:column!important}
  .bluev2 .drawer-head{
    min-height:92px!important;height:92px!important;flex:0 0 92px!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    padding:0!important;margin:0!important;border-bottom:1px solid var(--tb-line)!important;
  }
  .bluev2 .drawer-head-label{
    font-family:var(--font-mono)!important;font-size:10px!important;font-weight:700!important;
    letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--tb-muted)!important;
  }
  .bluev2 #drawerClose{position:relative!important;right:auto!important;top:auto!important;margin:0!important}
  .bluev2 .drawer-nav{margin-top:14px!important;flex:0 0 auto!important}
  .bluev2 .drawer-link i{display:none!important}
  .bluev2 .drawer-link::after{content:"↗"!important;display:block!important;font-family:var(--font-body)!important;font-size:.42em!important;color:var(--tb-accent)!important}
  .bluev2 .drawer-account{flex:0 0 auto!important;margin:16px 0 0!important}
  .bluev2 .drawer-small-links{flex:0 0 auto!important;margin-top:4px!important}
  .bluev2 .drawer-actions{flex:0 0 auto!important;margin-top:auto!important;padding-top:18px!important}

  /* Exact centering for every circular close control. */
  .bluev2 .centered-close, .bluev2 .use-case-close, .bluev2 .legend-close, .bluev2 .call-close, .bluev2 .icon-close, .bluev2 .auth-close, .bluev2 .member-close, .bluev2 #drawerClose, .bluev2 #topupClose, .bluev2 #faqClose, .bluev2 #giftClose, .bluev2 #callExit{
    position:relative!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;
    padding:0!important;line-height:0!important;transform:none!important;overflow:hidden!important;
  }
  .bluev2 .centered-close:hover, .bluev2 .use-case-close:hover, .bluev2 .legend-close:hover, .bluev2 .call-close:hover, .bluev2 .icon-close:hover, .bluev2 .auth-close:hover, .bluev2 .member-close:hover, .bluev2 #drawerClose:hover, .bluev2 #topupClose:hover, .bluev2 #faqClose:hover, .bluev2 #giftClose:hover, .bluev2 #callExit:hover{
    transform:none!important;border-color:var(--tb-accent)!important;color:var(--tb-accent)!important;
  }
  .bluev2 .centered-close span, .bluev2 #drawerClose span, .bluev2 #topupClose span, .bluev2 #faqClose span, .bluev2 #giftClose span, .bluev2 #callExit span{
    position:absolute!important;left:50%!important;top:50%!important;width:15px!important;height:1.6px!important;
    margin:0!important;background:currentColor!important;border-radius:3px!important;transform:translate(-50%,-50%) rotate(45deg)!important;
  }
  .bluev2 .centered-close span:last-child, .bluev2 #drawerClose span:last-child, .bluev2 #topupClose span:last-child, .bluev2 #faqClose span:last-child, .bluev2 #giftClose span:last-child, .bluev2 #callExit span:last-child{
    transform:translate(-50%,-50%) rotate(-45deg)!important;
  }
  .bluev2 .use-case-close::before, .bluev2 .use-case-close::after, .bluev2 .legend-close::before, .bluev2 .legend-close::after, .bluev2 .call-close::before, .bluev2 .call-close::after, .bluev2 .icon-close::before, .bluev2 .icon-close::after, .bluev2 .auth-close::before, .bluev2 .auth-close::after{
    left:50%!important;top:50%!important;width:14px!important;height:1.6px!important;margin:0!important;
    transform:translate(-50%,-50%) rotate(45deg)!important;
  }
  .bluev2 .use-case-close::after, .bluev2 .legend-close::after, .bluev2 .call-close::after, .bluev2 .icon-close::after, .bluev2 .auth-close::after{
    transform:translate(-50%,-50%) rotate(-45deg)!important;
  }

  /* Use-case and story popups now read as deliberate foreground objects. */
  .bluev2 .use-case-card{
    position:fixed!important;left:auto!important;right:clamp(24px,5vw,78px)!important;top:50%!important;bottom:auto!important;
    width:min(430px,calc(100vw - 36px))!important;padding:30px 72px 28px 28px!important;
    border:1.5px solid rgba(157,238,255,.62)!important;border-radius:22px!important;
    background:linear-gradient(180deg,rgba(7,42,70,.97),rgba(2,18,34,.985))!important;
    box-shadow:0 34px 110px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.045) inset!important;
    backdrop-filter:blur(24px)!important;transform:translate(18px,-50%) scale(.97)!important;
  }
  .bluev2 .use-case-card.open{transform:translate(0,-50%) scale(1)!important}
  .bluev2 .use-case-card h3{margin:0 0 12px!important;padding:0!important;font-size:clamp(28px,2.3vw,36px)!important;line-height:1.02!important;letter-spacing:-.025em!important}
  .bluev2 .use-case-card p{font-size:15px!important;line-height:1.58!important;color:rgba(239,249,255,.78)!important}
  .bluev2 .use-case-card .mini-cta{margin-top:20px!important;min-height:48px!important;padding:0 20px!important}
  .bluev2 .use-case-close{top:18px!important;right:18px!important;width:38px!important;height:38px!important;border-color:rgba(190,231,255,.38)!important;background:rgba(1,13,27,.34)!important}

  .bluev2 .legend-panel{
    position:fixed!important;left:clamp(22px,5vw,74px)!important;bottom:clamp(22px,4vh,46px)!important;
    width:min(560px,calc(100vw - 36px))!important;padding:28px 72px 26px 28px!important;
    border:1.5px solid rgba(157,238,255,.58)!important;border-radius:22px!important;
    background:linear-gradient(180deg,rgba(7,42,70,.97),rgba(2,18,34,.985))!important;
    box-shadow:0 34px 110px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.045) inset!important;
    backdrop-filter:blur(24px)!important;
  }
  .bluev2 .legend-panel h2{font-size:31px!important;line-height:1.04!important}.bluev2 .legend-panel p{font-size:14px!important;line-height:1.62!important}
  .bluev2 .legend-close{top:18px!important;right:18px!important;width:38px!important;height:38px!important}

  /* Stronger foreground separation for all modal layers. */
  .bluev2 .member-overlay, .bluev2 .topup-overlay, .bluev2 .faq-overlay, .bluev2 .app-modal, .bluev2 .modal-backdrop{
    background:rgba(0,7,16,.78)!important;backdrop-filter:blur(17px) saturate(.84)!important;
  }
  .bluev2 .member-shell, .bluev2 .topup-card, .bluev2 .faq-card, .bluev2 .app-modal-card{
    border:1.5px solid rgba(157,238,255,.52)!important;
    box-shadow:0 40px 130px rgba(0,0,0,.66),0 0 0 1px rgba(255,255,255,.04) inset!important;
  }
  .bluev2 .topup-card, .bluev2 .faq-card, .bluev2 .app-modal-card{position:relative!important}
  .bluev2 .topup-card header, .bluev2 .faq-card header, .bluev2 .modal-head{position:relative!important;padding-right:58px!important}
  .bluev2 #topupClose, .bluev2 #faqClose{position:absolute!important;right:20px!important;top:20px!important;width:40px!important;height:40px!important}
  .bluev2 .modal-head .icon-close{position:absolute!important;right:0!important;top:0!important;width:38px!important;height:38px!important}

  /* Full-ocean call screen from the earlier version, with the latest four donor buttons. */
  .bluev2 .full-call.ocean-call{
    position:fixed!important;inset:0!important;z-index:240!important;display:none!important;overflow:hidden!important;
    background:linear-gradient(180deg,#69a9c8 0%,#397fae 42%,#155181 72%,#041b31 100%)!important;color:#fff!important;
  }
  .bluev2 .full-call.ocean-call.open{display:block!important}
  .bluev2 .full-call.ocean-call::after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(ellipse 72% 64% at 50% 38%,transparent 42%,rgba(0,8,20,.58) 100%);
  }
  .bluev2 .ocean-call-head{
    position:absolute;z-index:20;left:0;right:0;top:0;display:flex;align-items:flex-start;justify-content:space-between;
    padding:0 clamp(18px,3vw,42px) 0;
  }
  .bluev2 .ocean-call-logo{width:clamp(92px,8vw,126px)!important;height:auto!important;display:block!important}
  .bluev2 .ocean-call-head-right{display:flex;align-items:center;gap:12px;padding-top:22px}
  .bluev2 .ocean-call .call-coins{background:rgba(2,20,38,.48)!important;backdrop-filter:blur(14px)!important;border-color:rgba(220,247,255,.34)!important}
  .bluev2 .ocean-call .call-exit{width:42px!important;height:42px!important;border:1px solid rgba(220,247,255,.38)!important;border-radius:50%!important;background:rgba(2,20,38,.32)!important;color:#fff!important}

  .bluev2 .ocean-call .call-stage{
    position:relative!important;z-index:5!important;width:100%!important;height:100svh!important;min-height:0!important;
    display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;justify-items:center!important;align-items:center!important;
    padding:92px 20px 168px!important;text-align:center!important;pointer-events:auto!important;
  }
  .bluev2 .ocean-call .call-status-line{justify-content:center!important;color:#dffcff!important;text-shadow:0 3px 18px rgba(0,10,25,.55)!important}
  .bluev2 .ocean-call .call-video-wrap{
    position:relative!important;width:min(660px,68vw)!important;height:100%!important;min-height:260px!important;display:grid!important;place-items:center!important;margin:0!important;
  }
  .bluev2 .ocean-call .call-video-wrap :is(video,img,canvas){
    position:relative!important;z-index:2!important;width:100%!important;height:100%!important;object-fit:contain!important;
    filter:drop-shadow(0 34px 44px rgba(0,12,28,.42))!important;
  }
  .bluev2 .ocean-call .call-rings i{border-color:rgba(226,249,255,.2)!important}
  .bluev2 .call-meta{position:relative;z-index:5;text-align:center}
  .bluev2 .ocean-call .call-time{margin:0!important;font-size:34px!important;color:#fff!important;text-shadow:0 3px 18px rgba(0,10,25,.55)!important}
  .bluev2 .ocean-call .call-note{margin:5px 0 0!important;color:rgba(244,251,255,.78)!important}

  .bluev2 .ocean-call .donor-call-dock{
    position:absolute!important;z-index:18!important;left:50%!important;right:auto!important;bottom:24px!important;
    width:min(520px,calc(100vw - 36px))!important;transform:translateX(-50%)!important;
  }
  .bluev2 .ocean-call .donor-volume-row{background:rgba(2,20,38,.48)!important;backdrop-filter:blur(14px)!important;border-color:rgba(220,247,255,.42)!important}
  .bluev2 .ocean-call .donor-action-btn{background:rgba(2,20,38,.48)!important;backdrop-filter:blur(14px)!important;border-color:rgba(220,247,255,.42)!important}
  .bluev2 .ocean-call .donor-action-btn.is-end{background:var(--tb-red)!important;border-color:var(--tb-red)!important}
  .bluev2 .ocean-call .donor-action-btn.is-gift{background:#dfff38!important;border-color:#dfff38!important;color:#062033!important}
  .bluev2 .ocean-call .gift-popover{bottom:116px!important;background:rgba(3,25,45,.985)!important;border-color:rgba(157,238,255,.54)!important;box-shadow:0 30px 100px rgba(0,0,0,.62)!important}

  .bluev2 .ocean-call .post-call{
    position:absolute!important;inset:0!important;z-index:30!important;display:grid!important;place-items:center!important;align-content:center!important;
    padding:70px 20px 30px!important;background:linear-gradient(180deg,rgba(42,112,155,.98),rgba(3,25,45,.995))!important;text-align:center!important;
  }
  .bluev2 .ocean-call .post-call[hidden]{display:none!important}

  @media(max-width:900px){
    .bluev2 .drawer-head{min-height:78px!important;height:78px!important;flex-basis:78px!important}
    .bluev2 .drawer-link{min-height:58px!important;font-size:30px!important}
    .bluev2 .drawer-actions{padding-bottom:max(4px,env(safe-area-inset-bottom))!important}

    .bluev2 .use-case-card{
      left:14px!important;right:14px!important;top:auto!important;bottom:16px!important;width:auto!important;
      padding:26px 62px 24px 22px!important;transform:translateY(18px) scale(.98)!important;
    }
    .bluev2 .use-case-card.open{transform:translateY(0) scale(1)!important}
    .bluev2 .use-case-card h3{font-size:30px!important;max-width:calc(100% - 8px)!important}
    .bluev2 .use-case-close{top:14px!important;right:14px!important;width:36px!important;height:36px!important}
    .bluev2 .legend-panel{left:12px!important;right:12px!important;bottom:14px!important;width:auto!important;padding:24px 60px 22px 22px!important}
    .bluev2 .legend-close{top:14px!important;right:14px!important;width:36px!important;height:36px!important}

    .bluev2 .topup-overlay, .bluev2 .faq-overlay, .bluev2 .app-modal{padding:12px!important}
    .bluev2 .topup-card, .bluev2 .faq-card{width:100%!important;min-height:0!important;max-height:calc(100svh - 24px)!important;border:1.5px solid rgba(157,238,255,.52)!important;border-radius:18px!important}
    .bluev2 .app-modal-card{width:min(430px,100%)!important;max-height:calc(100svh - 24px)!important;border-radius:18px!important}
    .bluev2 #topupClose, .bluev2 #faqClose{right:14px!important;top:14px!important;width:38px!important;height:38px!important}

    .bluev2 .ocean-call-head{padding:0 14px}.bluev2 .ocean-call-logo{width:78px!important}.bluev2 .ocean-call-head-right{padding-top:max(14px,env(safe-area-inset-top));gap:9px}
    .bluev2 .ocean-call .call-exit{width:38px!important;height:38px!important}.bluev2 .ocean-call .call-coins{padding:6px 8px!important}
    .bluev2 .ocean-call .call-stage{padding:76px 12px 154px!important;grid-template-rows:auto minmax(0,1fr) auto!important}
    .bluev2 .ocean-call .call-video-wrap{width:100vw!important;height:100%!important;min-height:210px!important}
    .bluev2 .ocean-call .call-video-wrap :is(video,img,canvas){width:95vw!important;height:100%!important}
    .bluev2 .ocean-call .call-time{font-size:29px!important}.bluev2 .ocean-call .call-note{font-size:11px!important}
    .bluev2 .ocean-call .donor-call-dock{bottom:calc(14px + env(safe-area-inset-bottom))!important;width:calc(100vw - 24px)!important}
    .bluev2 .ocean-call .donor-action-row{gap:8px!important;margin-top:10px!important}.bluev2 .ocean-call .donor-action-btn{height:62px!important;border-radius:14px!important}
    .bluev2 .ocean-call .gift-popover{left:12px!important;right:12px!important;bottom:calc(102px + env(safe-area-inset-bottom))!important;width:auto!important;transform:none!important}
    .bluev2 .ocean-call .post-call{padding:calc(62px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom))!important}
  }

  @media(max-width:390px){
    .bluev2 .drawer-link{min-height:54px!important;font-size:27px!important}
    .bluev2 .ocean-call .call-stage{padding-bottom:144px!important}
    .bluev2 .ocean-call .donor-action-btn{height:56px!important}.bluev2 .ocean-call .donor-action-row{gap:6px!important}
    .bluev2 .ocean-call .call-video-wrap{min-height:190px!important}
  }

  /* Short, single-line conservation note on mobile. */
  @media(max-width:900px){
    .bluev2 .whale-donation{
      left:50%!important;right:auto!important;bottom:7px!important;
      width:max-content!important;max-width:calc(100vw - 18px)!important;
      transform:translateX(-50%)!important;white-space:nowrap!important;
      text-align:center!important;font-size:clamp(6.7px,1.82vw,8px)!important;
      line-height:1!important;letter-spacing:0!important;
    }
  }

  /* Top-up cards: centered content and a clear clickable price control. */
  .bluev2 .coin-packages button{
    align-items:center!important;justify-content:center!important;text-align:center!important;
    gap:13px!important;padding:34px 16px 16px!important;
  }
  .bluev2 .coin-packages strong{
    width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;
    margin:0!important;text-align:center!important;
  }
  .bluev2 .coin-packages b{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-width:112px!important;min-height:42px!important;margin:0!important;padding:7px 15px!important;
    border:1.5px solid var(--tb-accent)!important;border-radius:999px!important;
    background:rgba(140,235,229,.10)!important;color:var(--tb-text)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.18)!important;cursor:pointer!important;
    transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease!important;
  }
  .bluev2 .coin-packages button:hover b, .bluev2 .coin-packages button:focus-visible b{
    background:var(--tb-accent)!important;color:var(--tb-dark)!important;border-color:var(--tb-accent)!important;
    transform:translateY(-1px)!important;
  }
  .bluev2 .coin-packages button.featured b{background:var(--tb-accent)!important;color:var(--tb-dark)!important}
  @media(max-width:900px){
    .bluev2 .coin-packages button{padding:30px 10px 12px!important;gap:10px!important}
    .bluev2 .coin-packages strong{font-size:15px!important}
    .bluev2 .coin-packages b{min-width:92px!important;min-height:36px!important;padding:6px 11px!important;font-size:21px!important}
  }

  /* Call header without a logo. */
  .bluev2 .ocean-call-head{justify-content:flex-end!important}
  .bluev2 .ocean-call-logo{display:none!important}

  /* Call dock is approximately half the former visual size. */
  .bluev2 .ocean-call .call-stage{padding-bottom:105px!important}
  .bluev2 .ocean-call .donor-call-dock{
    width:min(270px,calc(100vw - 24px))!important;bottom:16px!important;
  }
  .bluev2 .ocean-call .donor-volume-row{
    height:18px!important;min-height:18px!important;max-height:18px!important;
    grid-template-columns:10px minmax(0,1fr)!important;gap:5px!important;
    padding:0 7px!important;border-width:1px!important;
  }
  .bluev2 .ocean-call .donor-volume-row svg{width:8px!important;height:8px!important}
  .bluev2 .ocean-call .donor-volume-row input[type="range"]{height:12px!important;margin:0!important}
  .bluev2 .ocean-call .donor-action-row{gap:5px!important;margin-top:6px!important}
  .bluev2 .ocean-call .donor-action-btn{
    height:36px!important;min-height:36px!important;border-radius:8px!important;border-width:1px!important;
  }
  .bluev2 .ocean-call .donor-action-btn svg{width:13px!important;height:13px!important}
  .bluev2 .ocean-call .donor-action-btn.is-gift{
    background:#73e5df!important;border-color:#73e5df!important;color:#062033!important;
    box-shadow:0 0 0 2px rgba(115,229,223,.12)!important;
  }
  .bluev2 .ocean-call .donor-action-btn.is-gift:hover, .bluev2 .ocean-call .donor-action-btn.is-gift.is-active{
    background:#9af1ec!important;border-color:#9af1ec!important;color:#03111f!important;
  }
  @media(max-width:900px){
    .bluev2 .ocean-call .call-stage{padding-bottom:96px!important}
    .bluev2 .ocean-call .donor-call-dock{width:min(260px,calc(100vw - 20px))!important;bottom:calc(10px + env(safe-area-inset-bottom))!important}
    .bluev2 .ocean-call .donor-action-row{gap:4px!important;margin-top:5px!important}
    .bluev2 .ocean-call .donor-action-btn{height:34px!important;min-height:34px!important;border-radius:7px!important}
    .bluev2 .ocean-call .donor-action-btn svg{width:12px!important;height:12px!important}
  }

  /* Donor-style gift selector, recolored to the Talk to Blue ocean palette. */
  .bluev2 .ocean-call .gift-popover{
    position:fixed!important;inset:0!important;z-index:420!important;
    width:auto!important;height:auto!important;display:grid!important;place-items:center!important;
    padding:18px!important;background:rgba(0,7,16,.72)!important;
    backdrop-filter:blur(14px) saturate(.9)!important;transform:none!important;text-align:left!important;
  }
  .bluev2 .ocean-call .gift-popover[hidden]{display:none!important}
  .bluev2 .gift-card{
    position:relative;width:min(520px,100%);max-height:calc(100svh - 36px);overflow:auto;
    padding:22px;border:1.5px solid rgba(157,238,255,.58);border-radius:22px;
    background:linear-gradient(180deg,#0b3150,#071d32);color:var(--tb-text);
    box-shadow:0 34px 110px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.04) inset;
  }
  .bluev2 .gift-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:20px!important;padding-right:58px!important}
  .bluev2 .gift-head small{font:700 9px var(--font-mono)!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--tb-accent)!important}
  .bluev2 .gift-head h2{margin:6px 0 0!important;font-family:var(--font-display)!important;font-size:46px!important;line-height:.88!important;letter-spacing:-.035em!important}
  .bluev2 .gift-close{position:absolute!important;right:16px!important;top:16px!important;width:40px!important;height:40px!important;border-color:rgba(157,238,255,.48)!important;background:rgba(255,255,255,.035)!important}
  .bluev2 .gift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}
  .bluev2 .gift-option{
    position:relative;min-height:100px;display:grid;place-content:center;gap:3px;
    border:1.5px solid rgba(157,238,255,.20);border-radius:14px;
    background:rgba(255,255,255,.035);color:var(--tb-text);text-align:center;cursor:pointer;
  }
  .bluev2 .gift-option:hover{transform:translateY(-2px);border-color:var(--tb-accent)}
  .bluev2 .gift-option.is-selected{border-color:var(--tb-accent);background:rgba(115,229,223,.12);box-shadow:inset 0 0 0 1px rgba(115,229,223,.28)}
  .bluev2 .gift-option>b{display:none;position:absolute;right:10px;top:-1px;min-width:30px;height:20px;place-items:center;border-radius:0 0 7px 7px;background:var(--tb-accent);color:var(--tb-dark);font-size:11px}
  .bluev2 .gift-option.is-selected>b{display:grid}
  .bluev2 .gift-option strong{display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-display);font-size:23px}
  .bluev2 .gift-option i, .bluev2 .gift-balance i{display:inline-grid;place-items:center;width:22px;height:22px;border:1.5px solid var(--tb-accent);border-radius:50%;background:rgba(115,229,223,.12);color:var(--tb-accent);font:800 9px var(--font-mono);font-style:normal}
  .bluev2 .gift-option>span{font:700 10px var(--font-mono);letter-spacing:.10em;text-transform:uppercase;color:var(--tb-muted)}
  .bluev2 .gift-balance{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:16px;font-size:14px;color:var(--tb-muted)}
  .bluev2 .gift-balance strong{color:var(--tb-text);font-family:var(--font-display);font-size:19px}
  .bluev2 .gift-error{min-height:18px;margin:6px 0 0;text-align:center;color:#ffaaa8;font-size:12px;font-weight:800}
  .bluev2 .gift-send{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:10px;border:1.5px solid var(--tb-accent);border-radius:12px;background:var(--tb-accent);color:var(--tb-dark);font-family:var(--font-display);font-size:19px;font-weight:800;cursor:pointer}
  .bluev2 .gift-send svg{width:21px;height:21px}
  .bluev2 .gift-send:hover{background:#9af1ec;border-color:#9af1ec}
  @media(max-width:767px){
    .bluev2 .ocean-call .gift-popover{padding:10px!important}
    .bluev2 .gift-card{width:min(430px,calc(100vw - 20px));max-height:calc(100svh - 20px);padding:18px 13px max(15px,env(safe-area-inset-bottom));border-radius:18px}
    .bluev2 .gift-head{padding-right:50px!important}.bluev2 .gift-head h2{font-size:39px!important}
    .bluev2 .gift-close{right:13px!important;top:13px!important;width:38px!important;height:38px!important}
    .bluev2 .gift-grid{gap:7px;margin-top:16px}.bluev2 .gift-option{min-height:88px;border-radius:12px}
    .bluev2 .gift-option strong{font-size:19px;gap:4px}.bluev2 .gift-option i, .bluev2 .gift-balance i{width:20px;height:20px;font-size:8px}
    .bluev2 .gift-option>span{font-size:8px}.bluev2 .gift-send{min-height:50px;font-size:17px}
  }

  .bluev2 .ocean-call .donor-action-row{
    position:static!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    transform:none!important;
  }

  .bluev2 .ocean-call .donor-action-row .donor-action-btn{
    min-width:0!important;
    width:auto!important;
  }

  /* Call controls: equal square buttons with rounded corners. */
  .bluev2 .ocean-call .donor-action-row{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    width:100%!important;
    margin-top:8px!important;
  }
  .bluev2 .ocean-call .donor-action-row .donor-action-btn{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
    flex:0 0 48px!important;
    aspect-ratio:1 / 1!important;
    padding:0!important;
    border-radius:12px!important;
  }
  .bluev2 .ocean-call .donor-action-btn svg{
    width:17px!important;
    height:17px!important;
  }

  /* Volume control: approximately 50% shorter and 50% thinner. */
  .bluev2 .ocean-call .donor-volume-row{
    width:50%!important;
    max-width:135px!important;
    min-width:118px!important;
    height:14px!important;
    min-height:14px!important;
    max-height:14px!important;
    margin:0 auto!important;
    grid-template-columns:8px minmax(0,1fr)!important;
    gap:4px!important;
    padding:0 6px!important;
    border-radius:999px!important;
  }
  .bluev2 .ocean-call .donor-volume-row svg{
    width:7px!important;
    height:7px!important;
  }
  .bluev2 .ocean-call .donor-volume-row input[type="range"]{
    width:100%!important;
    height:10px!important;
    margin:0!important;
    padding:0!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    background:transparent!important;
  }
  .bluev2 .ocean-call .donor-volume-row input[type="range"]::-webkit-slider-runnable-track{
    height:3px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.34)!important;
  }
  .bluev2 .ocean-call .donor-volume-row input[type="range"]::-webkit-slider-thumb{
    width:11px!important;
    height:11px!important;
    margin-top:-4px!important;
    border:0!important;
    border-radius:50%!important;
    background:var(--tb-accent)!important;
    -webkit-appearance:none!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.7)!important;
  }
  .bluev2 .ocean-call .donor-volume-row input[type="range"]::-moz-range-track{
    height:3px!important;
    border:0!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.34)!important;
  }
  .bluev2 .ocean-call .donor-volume-row input[type="range"]::-moz-range-thumb{
    width:11px!important;
    height:11px!important;
    border:0!important;
    border-radius:50%!important;
    background:var(--tb-accent)!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.7)!important;
  }

  /* Every popup close control sits in the popup's upper-right corner. */
  .bluev2 .use-case-card, .bluev2 .legend-panel, .bluev2 .call-panel, .bluev2 .app-modal-card, .bluev2 .auth-card, .bluev2 .member-shell, .bluev2 .topup-card, .bluev2 .faq-card, .bluev2 .gift-card{
    position:relative!important;
  }

  .bluev2 .use-case-card > .use-case-close, .bluev2 .legend-panel > .legend-close, .bluev2 .call-panel .call-close, .bluev2 .auth-card > .auth-close, .bluev2 .member-shell .member-close, .bluev2 .topup-card #topupClose, .bluev2 .faq-card #faqClose, .bluev2 .gift-card .gift-close{
    position:absolute!important;
    left:auto!important;
    bottom:auto!important;
    right:16px!important;
    top:16px!important;
    margin:0!important;
    transform:none!important;
    z-index:20!important;
  }

  .bluev2 .app-modal-card > .modal-head{
    position:static!important;
    padding-right:54px!important;
  }
  .bluev2 .app-modal-card > .modal-head .icon-close{
    position:absolute!important;
    left:auto!important;
    bottom:auto!important;
    right:16px!important;
    top:16px!important;
    margin:0!important;
    transform:none!important;
    z-index:20!important;
  }

  .bluev2 .topup-card > header, .bluev2 .faq-card > header{
    position:static!important;
    padding-right:58px!important;
  }
  .bluev2 .member-head{
    padding-right:78px!important;
  }
  .bluev2 .call-top{
    padding-right:48px!important;
  }

  /* Registration popup without the logo and with a clean compact hierarchy. */
  .bluev2 .auth-logo{
    display:none!important;
  }
  .bluev2 .auth-card{
    padding-top:78px!important;
  }
  .bluev2 .auth-card > .auth-close{
    width:38px!important;
    height:38px!important;
  }

  /* Strong blurred backdrop behind the gift/donation popup. */
  .bluev2 .ocean-call .gift-popover{
    background:rgba(0,7,16,.82)!important;
    -webkit-backdrop-filter:blur(22px) saturate(.72)!important;
    backdrop-filter:blur(22px) saturate(.72)!important;
    isolation:isolate!important;
  }
  .bluev2 .ocean-call .gift-popover::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:rgba(0,12,25,.30);
    pointer-events:none;
  }
  .bluev2 .gift-card{
    z-index:2!important;
    box-shadow:
      0 38px 120px rgba(0,0,0,.72),
      0 0 0 1px rgba(255,255,255,.055) inset!important;
  }

  @media(max-width:900px){
    .bluev2 .ocean-call .donor-action-row{
      gap:7px!important;
      margin-top:7px!important;
    }
    .bluev2 .ocean-call .donor-action-row .donor-action-btn{
      width:46px!important;
      height:46px!important;
      min-width:46px!important;
      min-height:46px!important;
      max-width:46px!important;
      max-height:46px!important;
      flex-basis:46px!important;
      border-radius:11px!important;
    }
    .bluev2 .ocean-call .donor-action-btn svg{
      width:16px!important;
      height:16px!important;
    }
    .bluev2 .ocean-call .donor-volume-row{
      width:50%!important;
      max-width:130px!important;
      min-width:112px!important;
      height:13px!important;
      min-height:13px!important;
      max-height:13px!important;
    }

    .bluev2 .use-case-card > .use-case-close, .bluev2 .legend-panel > .legend-close, .bluev2 .call-panel .call-close, .bluev2 .auth-card > .auth-close, .bluev2 .member-shell .member-close, .bluev2 .topup-card #topupClose, .bluev2 .faq-card #faqClose, .bluev2 .gift-card .gift-close, .bluev2 .app-modal-card > .modal-head .icon-close{
      right:13px!important;
      top:13px!important;
    }

    .bluev2 .auth-card{
      padding-top:72px!important;
    }
    .bluev2 .member-head{
      padding-right:68px!important;
    }
  }

  @media(max-width:380px){
    .bluev2 .ocean-call .donor-action-row .donor-action-btn{
      width:43px!important;
      height:43px!important;
      min-width:43px!important;
      min-height:43px!important;
      max-width:43px!important;
      max-height:43px!important;
      flex-basis:43px!important;
      border-radius:10px!important;
    }
  }

  /* Use-case cards open beside the pressed plus and always stay inside the viewport. */
  .bluev2 .use-case-card{
    position:fixed!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:min(390px,calc(100vw - 28px))!important;
    max-height:calc(100svh - 28px)!important;
    overflow:auto!important;
    z-index:190!important;
    padding:28px 62px 25px 24px!important;
    border:1.5px solid rgba(157,238,255,.58)!important;
    box-shadow:
      0 34px 110px rgba(0,0,0,.66),
      0 0 0 1px rgba(255,255,255,.045) inset!important;
    transform:translateY(10px) scale(.985)!important;
  }
  .bluev2 .use-case-card.open{
    transform:translateY(0) scale(1)!important;
  }
  .bluev2 .use-case-card > .use-case-close{
    position:absolute!important;
    top:15px!important;
    right:15px!important;
    left:auto!important;
    bottom:auto!important;
  }

  /* No service logo inside any popup. */
  .bluev2 .auth-logo, .bluev2 .topup-card header img, .bluev2 .faq-card header img, .bluev2 .member-identity img, .bluev2 .app-modal-card > img{
    display:none!important;
  }
  .bluev2 .topup-card h2, .bluev2 .faq-card h2{
    margin-top:0!important;
  }
  .bluev2 .member-identity{
    min-height:42px!important;
  }

  /* Make the popular package and its price control unmistakable. */
  .bluev2 .coin-packages button.featured{
    border:2px solid var(--tb-accent)!important;
    box-shadow:
      0 0 0 3px rgba(140,235,229,.10),
      inset 0 0 0 1px rgba(255,255,255,.055)!important;
  }
  .bluev2 .coin-packages button.featured b{
    border:2px solid rgba(225,255,255,.92)!important;
    background:rgba(2,20,38,.72)!important;
    color:#fff!important;
    box-shadow:0 7px 22px rgba(0,0,0,.30)!important;
  }

  /* Call screen: only elapsed seconds are shown, no coin counter. */
  .bluev2 .ocean-call .call-coins{
    display:none!important;
  }

  /* Lift the complete control dock by about 10% of the viewport height. */
  .bluev2 .ocean-call .donor-call-dock{
    bottom:calc(28px + 10vh)!important;
  }

  /* Volume slider with a real filled and unfilled track. */
  .bluev2 .ocean-call #callVolume{
    --volume-pct:72%;
    appearance:none!important;
    -webkit-appearance:none!important;
    height:10px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
  }
  .bluev2 .ocean-call #callVolume::-webkit-slider-runnable-track{
    height:3px!important;
    border-radius:999px!important;
    background:
      linear-gradient(
        to right,
        var(--tb-accent) 0,
        var(--tb-accent) var(--volume-pct),
        rgba(255,255,255,.30) var(--volume-pct),
        rgba(255,255,255,.30) 100%
      )!important;
  }
  .bluev2 .ocean-call #callVolume::-moz-range-track{
    height:3px!important;
    border:0!important;
    border-radius:999px!important;
    background:
      linear-gradient(
        to right,
        var(--tb-accent) 0,
        var(--tb-accent) var(--volume-pct),
        rgba(255,255,255,.30) var(--volume-pct),
        rgba(255,255,255,.30) 100%
      )!important;
  }

  /* Thank-you screen is always able to replace the live-call stage. */
  .bluev2 .ocean-call .post-call{
    position:absolute!important;
    inset:0!important;
    z-index:60!important;
  }
  .bluev2 .ocean-call .post-call:not([hidden]){
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .bluev2 .ocean-call .post-call[hidden]{
    display:none!important;
  }
  .bluev2 .ocean-call .call-stage[hidden]{
    display:none!important;
  }

  @media(max-width:900px){
    .bluev2 .use-case-card{
      width:calc(100vw - 28px)!important;
      max-height:calc(100svh - 24px)!important;
      padding:25px 58px 22px 21px!important;
    }
    .bluev2 .use-case-card h3{
      font-size:29px!important;
      line-height:1.02!important;
    }
    .bluev2 .use-case-card > .use-case-close{
      top:13px!important;
      right:13px!important;
    }

    .bluev2 .ocean-call .donor-call-dock{
      bottom:calc(14px + env(safe-area-inset-bottom) + 10vh)!important;
    }
  }

  @media(max-height:680px){
    .bluev2 .ocean-call .donor-call-dock{
      bottom:calc(10px + env(safe-area-inset-bottom) + 6vh)!important;
    }
  }

  /* Gift popup: close control is anchored to the real popup corner. */
  .bluev2 .ocean-call #giftPopover .gift-card{
    position:relative!important;
  }
  .bluev2 .ocean-call #giftPopover .gift-card > .gift-head{
    position:static!important;
    padding-right:72px!important;
  }
  .bluev2 .ocean-call #giftPopover #giftClose{
    position:absolute!important;
    left:auto!important;
    right:18px!important;
    top:18px!important;
    bottom:auto!important;
    margin:0!important;
    transform:none!important;
    z-index:30!important;
  }

  /* Separate zones for whale, timer and call controls. */
  .bluev2 .ocean-call .call-stage{
    grid-template-rows:auto minmax(0,1fr)!important;
    padding:72px 20px calc(150px + 10vh)!important;
  }
  .bluev2 .ocean-call .call-meta{
    position:absolute!important;
    left:50%!important;
    bottom:calc(28px + 10vh + 84px)!important;
    width:min(520px,calc(100vw - 32px))!important;
    transform:translateX(-50%)!important;
    z-index:22!important;
    pointer-events:none!important;
  }
  .bluev2 .ocean-call .donor-call-dock{
    bottom:calc(28px + 10vh)!important;
    z-index:24!important;
  }

  /* Desktop whale is 20% smaller. */
  @media(min-width:901px){
    .bluev2 .ocean-call .call-video-wrap{
      width:min(528px,54.4vw)!important;
      height:min(56vh,500px)!important;
      min-height:220px!important;
      max-height:500px!important;
    }
    .bluev2 .ocean-call .call-video-wrap :is(video,img,canvas){
      width:100%!important;
      height:100%!important;
      max-width:528px!important;
    }
  }

  /* Mobile: nothing can overlap the timer or helper copy. */
  @media(max-width:900px){
    .bluev2 .ocean-call #giftPopover #giftClose{
      right:14px!important;
      top:14px!important;
    }
    .bluev2 .ocean-call #giftPopover .gift-card > .gift-head{
      padding-right:58px!important;
    }

    .bluev2 .ocean-call .call-stage{
      grid-template-rows:auto minmax(0,1fr)!important;
      padding:58px 12px calc(142px + 10vh + env(safe-area-inset-bottom))!important;
    }
    .bluev2 .ocean-call .call-video-wrap{
      width:92vw!important;
      height:min(43vh,340px)!important;
      min-height:170px!important;
      max-height:340px!important;
      margin:0 auto!important;
    }
    .bluev2 .ocean-call .call-video-wrap :is(video,img,canvas){
      width:92vw!important;
      height:100%!important;
      max-height:340px!important;
    }
    .bluev2 .ocean-call .call-meta{
      bottom:calc(14px + env(safe-area-inset-bottom) + 10vh + 78px)!important;
      width:calc(100vw - 28px)!important;
    }
    .bluev2 .ocean-call .call-time{
      font-size:29px!important;
      line-height:1!important;
    }
    .bluev2 .ocean-call .call-note{
      margin-top:7px!important;
      line-height:1.3!important;
    }
    .bluev2 .ocean-call .donor-call-dock{
      bottom:calc(14px + env(safe-area-inset-bottom) + 10vh)!important;
    }
  }

  @media(max-width:390px){
    .bluev2 .ocean-call .call-stage{
      padding-bottom:calc(136px + 8vh + env(safe-area-inset-bottom))!important;
    }
    .bluev2 .ocean-call .call-video-wrap{
      height:min(39vh,285px)!important;
      min-height:150px!important;
    }
    .bluev2 .ocean-call .call-video-wrap :is(video,img,canvas){
      max-height:285px!important;
    }
    .bluev2 .ocean-call .call-meta{
      bottom:calc(12px + env(safe-area-inset-bottom) + 8vh + 74px)!important;
    }
    .bluev2 .ocean-call .donor-call-dock{
      bottom:calc(12px + env(safe-area-inset-bottom) + 8vh)!important;
    }
  }

  @media(max-height:680px){
    .bluev2 .ocean-call .call-stage{
      padding-top:52px!important;
      padding-bottom:calc(126px + 4vh + env(safe-area-inset-bottom))!important;
    }
    .bluev2 .ocean-call .call-video-wrap{
      height:min(39vh,270px)!important;
      min-height:145px!important;
    }
    .bluev2 .ocean-call .call-meta{
      bottom:calc(10px + env(safe-area-inset-bottom) + 4vh + 72px)!important;
    }
    .bluev2 .ocean-call .donor-call-dock{
      bottom:calc(10px + env(safe-area-inset-bottom) + 4vh)!important;
    }
  }

  /* Compact top-up heading on mobile. */
  @media(max-width:900px){
    .bluev2 .topup-card > header{
      padding-right:52px!important;
    }
    .bluev2 .topup-card h2{
      margin:0 0 7px!important;
      font-size:34px!important;
      line-height:1!important;
      letter-spacing:-.025em!important;
      white-space:nowrap!important;
    }
    .bluev2 .topup-card header p{
      max-width:250px!important;
      margin:0!important;
      font-size:10.5px!important;
      line-height:1.42!important;
      letter-spacing:.015em!important;
    }
  }

  /* Profile actions no longer stick to the fields above them. */
  .bluev2 #saveProfile, .bluev2 #changePassword{
    width:max-content!important;
    min-width:0!important;
    min-height:40px!important;
    height:40px!important;
    margin-top:18px!important;
    padding:0 16px!important;
    font-size:15px!important;
    line-height:1!important;
  }

  @media(max-width:900px){
    .bluev2 #saveProfile, .bluev2 #changePassword{
      min-height:38px!important;
      height:38px!important;
      margin-top:16px!important;
      padding:0 14px!important;
      font-size:14px!important;
    }
  }

  /* The 52 Hz story popup uses the same safe positioning system as the plus popups. */
  .bluev2 .legend-panel{
    position:fixed!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:min(430px,calc(100vw - 28px))!important;
    max-height:calc(100svh - 28px)!important;
    overflow:auto!important;
    z-index:195!important;
    padding:25px 58px 23px 23px!important;
    border:1.5px solid rgba(157,238,255,.58)!important;
    box-shadow:
      0 34px 110px rgba(0,0,0,.66),
      0 0 0 1px rgba(255,255,255,.045) inset!important;
  }
  .bluev2 .legend-panel > .legend-close{
    position:absolute!important;
    top:14px!important;
    right:14px!important;
    left:auto!important;
    bottom:auto!important;
  }

  @media(max-width:900px){
    .bluev2 .legend-panel{
      width:calc(100vw - 28px)!important;
      max-height:calc(100svh - 24px)!important;
      padding:23px 54px 21px 20px!important;
    }
    .bluev2 .legend-panel h2{
      font-size:26px!important;
      line-height:1.03!important;
    }
    .bluev2 .legend-panel p{
      font-size:13px!important;
      line-height:1.52!important;
    }
    .bluev2 .legend-panel > .legend-close{
      top:12px!important;
      right:12px!important;
    }
  }

  /* The old internal dashboard is removed from the user flow. */
  .bluev2 .product-app{
    display:none!important;
  }

  /* Profile summary: only Email and Available coins, stacked in two rows. */
  .bluev2 .member-page[data-member-page="profile"] .member-summary{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .bluev2 .member-page[data-member-page="profile"] .member-summary article{
    min-width:0!important;
  }
  .bluev2 #profileEmailSummary{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    font-size:clamp(18px,2.15vw,27px)!important;
  }

  /* Immersive bottle experience. */
  .bluev2 .bottle-experience{
    position:fixed;
    inset:0;
    z-index:360;
    display:grid;
    place-items:center;
    padding:18px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .25s ease,visibility .25s ease;
  }
  .bluev2 .bottle-experience.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  .bluev2 .bottle-experience__backdrop{
    position:absolute;
    inset:0;
    background:rgba(0,7,16,.72);
    -webkit-backdrop-filter:blur(18px) saturate(.78);
    backdrop-filter:blur(18px) saturate(.78);
  }
  .bluev2 .bottle-experience__shell{
    position:relative;
    z-index:2;
    width:min(1180px,100%);
    height:min(760px,calc(100svh - 36px));
    display:grid;
    grid-template-columns:minmax(360px,.9fr) minmax(430px,1.1fr);
    overflow:hidden;
    border:1.5px solid rgba(157,238,255,.58);
    border-radius:28px;
    background:
      radial-gradient(circle at 78% 8%,rgba(128,224,238,.17),transparent 28%),
      linear-gradient(145deg,#0b3658 0%,#082942 46%,#031729 100%);
    color:#f5fbff;
    box-shadow:
      0 46px 150px rgba(0,0,0,.68),
      inset 0 0 0 1px rgba(255,255,255,.04);
  }
  .bluev2 .bottle-experience__close{
    position:absolute!important;
    top:20px!important;
    right:20px!important;
    left:auto!important;
    bottom:auto!important;
    z-index:30!important;
  }
  .bluev2 .bottle-experience__copy{
    position:relative;
    z-index:6;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    padding:64px clamp(28px,4vw,62px);
  }
  .bluev2 .bottle-experience__eyebrow{
    color:#88ece7;
    font:700 10px var(--font-mono);
    letter-spacing:.16em;
    text-transform:uppercase;
  }
  .bluev2 .bottle-experience__copy h2{
    margin:12px 0 16px;
    font-family:var(--font-display)!important;
    font-size:clamp(52px,6vw,88px);
    line-height:.84;
    letter-spacing:-.045em;
  }
  .bluev2 .bottle-experience__copy > p{
    max-width:520px;
    margin:0;
    color:#9fb8c8;
    font-size:15px;
    line-height:1.6;
  }
  .bluev2 .bottle-composer{
    margin-top:27px;
    padding:16px;
    border:1px solid rgba(172,232,247,.20);
    border-radius:20px;
    background:rgba(0,13,27,.34);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
    transition:opacity .24s ease,transform .24s ease;
  }
  .bluev2 .bottle-composer textarea{
    display:block;
    width:100%;
    min-height:170px;
    resize:none;
    border:0;
    outline:0;
    background:transparent;
    color:#fff;
    padding:4px;
    font:600 15px/1.55 var(--font-body);
  }
  .bluev2 .bottle-composer textarea::placeholder{
    color:rgba(205,228,238,.42);
  }
  .bluev2 .bottle-composer__footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:14px;
    padding-top:14px;
    border-top:1px solid rgba(178,229,255,.12);
  }
  .bluev2 .bottle-copy-toggle{
    display:flex;
    align-items:center;
    gap:9px;
    color:#94adbd;
    font-size:11px;
    font-weight:700;
    cursor:pointer;
  }
  .bluev2 .bottle-copy-toggle input{
    position:absolute;
    opacity:0;
    pointer-events:none;
  }
  .bluev2 .bottle-copy-toggle__control{
    position:relative;
    width:38px;
    height:22px;
    flex:0 0 38px;
    border-radius:999px;
    background:#385c70;
    transition:.2s ease;
  }
  .bluev2 .bottle-copy-toggle__control::after{
    content:"";
    position:absolute;
    left:3px;
    top:3px;
    width:16px;
    height:16px;
    border-radius:50%;
    background:#fff;
    transition:.2s ease;
  }
  .bluev2 .bottle-copy-toggle input:checked + .bottle-copy-toggle__control{
    background:#74dfdf;
  }
  .bluev2 .bottle-copy-toggle input:checked + .bottle-copy-toggle__control::after{
    left:19px;
    background:#052033;
  }
  .bluev2 .bottle-release-btn{
    min-height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    border:0;
    border-radius:14px;
    background:#85e7e5;
    color:#052033;
    padding:0 18px;
    font:800 14px var(--font-display);
    cursor:pointer;
    transition:transform .2s ease,filter .2s ease;
  }
  .bluev2 .bottle-release-btn:hover{
    transform:translateY(-2px);
    filter:brightness(1.04);
  }
  .bluev2 .bottle-release-btn:disabled{
    opacity:.5;
    cursor:not-allowed;
    transform:none;
  }
  .bluev2 .bottle-release-btn i{
    font-style:normal;
    font-size:16px;
  }

  .bluev2 .bottle-release-result{
    margin-top:28px;
    padding:24px;
    border:1px solid rgba(157,238,255,.30);
    border-radius:20px;
    background:rgba(0,16,31,.32);
  }
  .bluev2 .bottle-release-result[hidden]{
    display:none!important;
  }
  .bluev2 .bottle-release-result > span{
    color:#88ece7;
    font:700 9px var(--font-mono);
    letter-spacing:.14em;
    text-transform:uppercase;
  }
  .bluev2 .bottle-release-result h3{
    margin:8px 0 10px;
    font-family:var(--font-display)!important;
    font-size:clamp(30px,3vw,44px);
    line-height:.95;
  }
  .bluev2 .bottle-release-result p{
    margin:0;
    color:#9fb8c8;
    font-size:14px;
    line-height:1.55;
  }
  .bluev2 .bottle-release-result .secondary-btn{
    width:max-content;
    min-height:42px;
    margin-top:18px;
    padding:0 16px;
  }

  .bluev2 .bottle-scene{
    position:relative;
    min-width:0;
    overflow:hidden;
    background:
      linear-gradient(180deg,rgba(111,187,218,.22),rgba(26,98,145,.10) 46%,rgba(1,20,39,.22) 47%,rgba(0,11,25,.48));
  }
  .bluev2 .bottle-scene::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      radial-gradient(circle at 50% -10%,rgba(229,251,255,.34),transparent 42%),
      linear-gradient(180deg,rgba(163,223,239,.10),transparent 55%);
  }
  .bluev2 .bottle-scene__light{
    position:absolute;
    left:12%;
    top:-20%;
    width:34%;
    height:86%;
    transform:rotate(10deg);
    background:linear-gradient(180deg,rgba(220,250,255,.24),rgba(220,250,255,0));
    filter:blur(18px);
    opacity:.74;
  }
  .bluev2 .bottle-scene__horizon{
    position:absolute;
    left:-10%;
    right:-10%;
    top:55%;
    height:2px;
    background:linear-gradient(90deg,transparent,rgba(205,246,255,.56),transparent);
    box-shadow:0 0 20px rgba(161,231,244,.20);
  }
  .bluev2 .bottle-object{
    position:absolute;
    z-index:8;
    left:50%;
    top:46%;
    width:min(420px,72%);
    transform:translate(-50%,-50%) rotate(-12deg);
    filter:drop-shadow(0 28px 34px rgba(0,10,25,.46));
    transform-origin:52% 50%;
  }
  .bluev2 .bottle-object svg{
    display:block;
    width:100%;
    height:auto;
  }
  .bluev2 .bottle-scene.is-releasing .bottle-object{
    animation:bottleFlight 2.25s cubic-bezier(.35,.02,.22,1) forwards;
  }
  @keyframes bottleFlight{
    0%{
      opacity:1;
      transform:translate(-50%,-50%) rotate(-12deg) scale(1);
    }
    34%{
      opacity:1;
      transform:translate(-76%,-125%) rotate(18deg) scale(.88);
    }
    68%{
      opacity:1;
      transform:translate(-18%,-22%) rotate(52deg) scale(.58);
    }
    100%{
      opacity:0;
      transform:translate(38%,54%) rotate(115deg) scale(.14);
    }
  }
  .bluev2 .bottle-impact{
    position:absolute;
    left:68%;
    top:61%;
    width:90px;
    height:90px;
    transform:translate(-50%,-50%);
    opacity:0;
  }
  .bluev2 .bottle-impact i{
    position:absolute;
    inset:0;
    border:2px solid rgba(211,248,255,.68);
    border-radius:50%;
    transform:scale(.15);
    opacity:0;
  }
  .bluev2 .bottle-scene.is-releasing .bottle-impact{
    animation:impactShow 2.25s linear forwards;
  }
  .bluev2 .bottle-scene.is-releasing .bottle-impact i{
    animation:impactRing .9s ease-out 1.55s forwards;
  }
  .bluev2 .bottle-scene.is-releasing .bottle-impact i:nth-child(2){
    animation-delay:1.66s;
  }
  .bluev2 .bottle-scene.is-releasing .bottle-impact i:nth-child(3){
    animation-delay:1.78s;
  }
  @keyframes impactShow{
    0%,66%{opacity:0}
    67%,100%{opacity:1}
  }
  @keyframes impactRing{
    0%{opacity:.8;transform:scale(.12)}
    100%{opacity:0;transform:scale(1.5)}
  }
  .bluev2 .bottle-scene__bubbles i{
    position:absolute;
    bottom:-20px;
    width:10px;
    height:10px;
    border:1px solid rgba(213,247,255,.55);
    border-radius:50%;
    animation:bottleBubble 8s linear infinite;
  }
  .bluev2 .bottle-scene__bubbles i:nth-child(1){left:15%;animation-delay:-1s}
  .bluev2 .bottle-scene__bubbles i:nth-child(2){left:34%;width:6px;height:6px;animation-delay:-5s}
  .bluev2 .bottle-scene__bubbles i:nth-child(3){left:52%;width:14px;height:14px;animation-delay:-3s}
  .bluev2 .bottle-scene__bubbles i:nth-child(4){left:70%;width:7px;height:7px;animation-delay:-6s}
  .bluev2 .bottle-scene__bubbles i:nth-child(5){left:84%;width:11px;height:11px;animation-delay:-2s}
  .bluev2 .bottle-scene__bubbles i:nth-child(6){left:94%;width:5px;height:5px;animation-delay:-7s}
  @keyframes bottleBubble{
    from{transform:translateY(0);opacity:0}
    12%{opacity:.6}
    to{transform:translateY(-110vh);opacity:0}
  }
  .bluev2 .bottle-scene__water{
    position:absolute;
    left:-5%;
    right:-5%;
    bottom:0;
    height:44%;
    opacity:.72;
    overflow:hidden;
  }
  .bluev2 .bottle-scene__water span{
    position:absolute;
    left:-10%;
    width:120%;
    height:44px;
    border-top:1px solid rgba(192,240,250,.30);
    border-radius:50%;
    animation:waterDrift 5.8s ease-in-out infinite;
  }
  .bluev2 .bottle-scene__water span:nth-child(1){top:18%}
  .bluev2 .bottle-scene__water span:nth-child(2){top:40%;animation-delay:-1.8s}
  .bluev2 .bottle-scene__water span:nth-child(3){top:64%;animation-delay:-3.4s}
  @keyframes waterDrift{
    0%,100%{transform:translateX(-2%) scaleX(1)}
    50%{transform:translateX(2%) scaleX(1.05)}
  }

  .bluev2 .bottle-experience.is-releasing .bottle-composer{
    opacity:.18;
    transform:translateY(8px);
    pointer-events:none;
  }

  @media(max-width:900px){
    .bluev2 .bottle-experience{
      padding:0;
    }
    .bluev2 .bottle-experience__shell{
      width:100vw;
      height:100svh;
      grid-template-columns:1fr;
      grid-template-rows:minmax(0,1fr) 36vh;
      border:0;
      border-radius:0;
    }
    .bluev2 .bottle-experience__copy{
      justify-content:flex-start;
      padding:calc(64px + env(safe-area-inset-top)) 18px 22px;
      overflow:auto;
    }
    .bluev2 .bottle-experience__copy h2{
      margin-top:9px;
      font-size:clamp(46px,14vw,68px);
    }
    .bluev2 .bottle-experience__copy > p{
      font-size:13px;
      line-height:1.52;
    }
    .bluev2 .bottle-composer{
      margin-top:18px;
      padding:13px;
    }
    .bluev2 .bottle-composer textarea{
      min-height:120px;
      font-size:14px;
    }
    .bluev2 .bottle-composer__footer{
      align-items:stretch;
      flex-direction:column;
    }
    .bluev2 .bottle-release-btn{
      width:100%;
    }
    .bluev2 .bottle-experience__close{
      top:calc(14px + env(safe-area-inset-top))!important;
      right:14px!important;
    }
    .bluev2 .bottle-scene{
      min-height:230px;
    }
    .bluev2 .bottle-object{
      top:42%;
      width:min(310px,72vw);
    }
    .bluev2 .bottle-scene__horizon{
      top:58%;
    }
    .bluev2 .bottle-impact{
      left:70%;
      top:64%;
    }
    @keyframes bottleFlight{
      0%{
        opacity:1;
        transform:translate(-50%,-50%) rotate(-12deg) scale(1);
      }
      34%{
        opacity:1;
        transform:translate(-80%,-112%) rotate(20deg) scale(.84);
      }
      68%{
        opacity:1;
        transform:translate(-8%,-12%) rotate(58deg) scale(.54);
      }
      100%{
        opacity:0;
        transform:translate(42%,58%) rotate(122deg) scale(.12);
      }
    }
  }

  @media(max-width:390px){
    .bluev2 .bottle-experience__shell{
      grid-template-rows:minmax(0,1fr) 33vh;
    }
    .bluev2 .bottle-experience__copy{
      padding-left:15px;
      padding-right:15px;
    }
    .bluev2 .bottle-experience__copy h2{
      font-size:43px;
    }
    .bluev2 .bottle-composer textarea{
      min-height:104px;
    }
  }

  .bluev2 .bottle-release-video{
    position:absolute;
    inset:0;
    z-index:12;
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    background:#082a45;
  }

  /* The generated video replaces the old SVG bottle animation. */
  .bluev2 .bottle-scene__light, .bluev2 .bottle-scene__horizon, .bluev2 .bottle-object, .bluev2 .bottle-impact, .bluev2 .bottle-scene__bubbles, .bluev2 .bottle-scene__water{
    display:none!important;
  }

  .bluev2 .bottle-scene::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:13;
    pointer-events:none;
    background:
      linear-gradient(90deg,rgba(1,17,31,.16),transparent 30%),
      linear-gradient(180deg,rgba(2,20,35,.04),rgba(1,15,28,.18));
  }

  .bluev2 .bottle-experience.is-releasing .bottle-experience__copy{
    opacity:0;
    pointer-events:none;
    transform:translateY(8px);
  }

  .bluev2 .bottle-experience__copy{
    transition:opacity .28s ease,transform .28s ease;
  }

  @media(min-width:901px){
    .bluev2 .bottle-release-video{
      object-fit:cover;
      object-position:center;
    }
  }

  @media(max-width:900px){
    .bluev2 .bottle-experience__shell{
      position:relative!important;
      display:block!important;
    }

    .bluev2 .bottle-scene{
      position:absolute!important;
      inset:0!important;
      width:100%!important;
      height:100%!important;
      min-height:0!important;
    }

    .bluev2 .bottle-release-video{
      object-fit:cover;
      object-position:center;
    }

    .bluev2 .bottle-scene::after{
      background:
        linear-gradient(180deg,rgba(1,13,25,.36) 0%,rgba(1,13,25,.16) 38%,rgba(1,13,25,.52) 100%);
    }

    .bluev2 .bottle-experience__copy{
      position:relative;
      z-index:20;
      width:100%;
      height:100%;
      justify-content:flex-start;
      background:
        linear-gradient(180deg,rgba(2,22,39,.76) 0%,rgba(2,22,39,.48) 48%,rgba(2,18,33,.84) 100%);
    }

    .bluev2 .bottle-composer, .bluev2 .bottle-release-result{
      -webkit-backdrop-filter:blur(16px);
      backdrop-filter:blur(16px);
      background:rgba(2,21,38,.66)!important;
      box-shadow:0 22px 70px rgba(0,0,0,.36);
    }
  }

  .bluev2 .bottle-privacy-note{
    color:#91aabb;
    font-size:10px;
    line-height:1.4;
  }

  /* The throw video takes over the entire viewport. */
  .bluev2 .bottle-experience.is-releasing, .bluev2 .bottle-experience.release-complete{
    padding:0!important;
  }

  .bluev2 .bottle-experience.is-releasing .bottle-experience__shell, .bluev2 .bottle-experience.release-complete .bottle-experience__shell{
    width:100vw!important;
    height:100svh!important;
    max-width:none!important;
    max-height:none!important;
    border:0!important;
    border-radius:0!important;
  }

  .bluev2 .bottle-experience.is-releasing .bottle-scene, .bluev2 .bottle-experience.release-complete .bottle-scene{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    z-index:10!important;
  }

  .bluev2 .bottle-experience.is-releasing .bottle-release-video, .bluev2 .bottle-experience.release-complete .bottle-release-video{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }

  .bluev2 .bottle-experience.is-releasing .bottle-experience__copy{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /* Keep the last video frame full-screen and show the result over it. */
  .bluev2 .bottle-experience.release-complete .bottle-experience__copy{
    position:absolute!important;
    inset:0!important;
    z-index:22!important;
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:100%!important;
    padding:24px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    background:rgba(0,12,24,.34)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    backdrop-filter:blur(8px)!important;
  }

  .bluev2 .bottle-experience.release-complete .bottle-experience__eyebrow, .bluev2 .bottle-experience.release-complete .bottle-experience__copy > h2, .bluev2 .bottle-experience.release-complete .bottle-experience__copy > p, .bluev2 .bottle-experience.release-complete .bottle-composer{
    display:none!important;
  }

  .bluev2 .bottle-experience.release-complete .bottle-release-result{
    display:block!important;
    width:min(520px,calc(100vw - 32px))!important;
    margin:0!important;
    padding:26px!important;
    border:1.5px solid rgba(157,238,255,.52)!important;
    background:rgba(4,29,49,.84)!important;
    -webkit-backdrop-filter:blur(20px)!important;
    backdrop-filter:blur(20px)!important;
    box-shadow:0 34px 110px rgba(0,0,0,.58)!important;
  }

  .bluev2 .bottle-experience.release-complete .bottle-experience__close{
    z-index:40!important;
  }

  @media(max-width:900px){
    .bluev2 .bottle-composer__footer{
      gap:12px!important;
    }

    .bluev2 .bottle-privacy-note{
      text-align:center;
    }

    .bluev2 .bottle-experience.release-complete .bottle-experience__copy{
      padding:16px!important;
    }

    .bluev2 .bottle-experience.release-complete .bottle-release-result{
      width:calc(100vw - 28px)!important;
      padding:22px!important;
    }
  }

  .bluev2 .coin-mark.coin-image, .bluev2 .coin-image{
    display:inline-block!important;
    flex:0 0 auto!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    object-fit:contain!important;
    object-position:center!important;
    vertical-align:middle!important;
    box-shadow:
      0 2px 7px rgba(0,0,0,.26),
      0 0 0 1px rgba(210,245,255,.12)!important;
  }

  .bluev2 .coin-pill .coin-image, .bluev2 .drawer-balance .coin-image, .bluev2 .member-wallet .coin-image, .bluev2 .call-coins .coin-image{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
  }

  .bluev2 .minutes-row .coin-image, .bluev2 .member-summary .coin-image, .bluev2 .balance-hero .coin-image{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    min-height:27px!important;
  }

  .bluev2 .coin-packages .coin-image{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    margin-right:4px!important;
  }

  .bluev2 .gift-option .gift-coin-image, .bluev2 .gift-balance .gift-coin-image{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:0 2px 7px rgba(0,0,0,.24)!important;
  }

  .bluev2 .gift-option strong, .bluev2 .gift-balance{
    align-items:center!important;
  }

  @media(max-width:900px){
    .bluev2 .coin-mark.coin-image, .bluev2 .coin-image{
      width:22px!important;
      height:22px!important;
      min-width:22px!important;
      min-height:22px!important;
    }

    .bluev2 .coin-pill .coin-image, .bluev2 .drawer-balance .coin-image, .bluev2 .member-wallet .coin-image{
      width:23px!important;
      height:23px!important;
      min-width:23px!important;
      min-height:23px!important;
    }

    .bluev2 .coin-packages .coin-image, .bluev2 .gift-option .gift-coin-image, .bluev2 .gift-balance .gift-coin-image{
      width:22px!important;
      height:22px!important;
      min-width:22px!important;
      min-height:22px!important;
    }
  }

  /* Increase every coin icon and its related value/label by approximately 10%. */
  .bluev2 .coin-mark.coin-image, .bluev2 .coin-image{
    width:26.4px!important;
    height:26.4px!important;
    min-width:26.4px!important;
    min-height:26.4px!important;
  }

  .bluev2 .coin-pill .coin-image, .bluev2 .drawer-balance .coin-image, .bluev2 .member-wallet .coin-image, .bluev2 .call-coins .coin-image{
    width:27.5px!important;
    height:27.5px!important;
    min-width:27.5px!important;
    min-height:27.5px!important;
  }

  .bluev2 .minutes-row .coin-image, .bluev2 .member-summary .coin-image, .bluev2 .balance-hero .coin-image{
    width:29.7px!important;
    height:29.7px!important;
    min-width:29.7px!important;
    min-height:29.7px!important;
  }

  .bluev2 .coin-packages .coin-image, .bluev2 .gift-option .gift-coin-image, .bluev2 .gift-balance .gift-coin-image{
    width:27.5px!important;
    height:27.5px!important;
    min-width:27.5px!important;
    min-height:27.5px!important;
  }

  .bluev2 .coin-pill, .bluev2 .member-wallet, .bluev2 .call-coins{
    font-size:12.1px!important;
    gap:7.7px!important;
  }

  .bluev2 .coin-pill b, .bluev2 .member-wallet b, .bluev2 .call-coins b{
    font-size:15.4px!important;
  }

  .bluev2 .drawer-balance{
    font-size:13.2px!important;
    gap:6.6px!important;
  }

  .bluev2 .drawer-balance b{
    font-size:19.8px!important;
  }

  .bluev2 .minutes-row{
    font-size:13.2px!important;
  }

  .bluev2 .minutes-row b{
    font-size:13.2px!important;
  }

  .bluev2 .member-page[data-member-page="profile"] .member-summary article:nth-child(2) small, .bluev2 .balance-hero small{
    font-size:9.9px!important;
  }

  .bluev2 .member-page[data-member-page="profile"] .member-summary article:nth-child(2) strong{
    font-size:22px!important;
  }

  .bluev2 .balance-hero strong{
    font-size:44px!important;
  }

  .bluev2 .coin-packages strong{
    font-size:19.8px!important;
    gap:7.7px!important;
  }

  .bluev2 .gift-option strong{
    font-size:25.3px!important;
    gap:6.6px!important;
  }

  .bluev2 .gift-option > span{
    font-size:9.9px!important;
  }

  .bluev2 .gift-balance{
    font-size:15.4px!important;
    gap:7.7px!important;
  }

  .bluev2 .gift-balance strong{
    font-size:20.9px!important;
  }

  @media(max-width:900px){
    .bluev2 .coin-mark.coin-image, .bluev2 .coin-image{
      width:24.2px!important;
      height:24.2px!important;
      min-width:24.2px!important;
      min-height:24.2px!important;
    }

    .bluev2 .coin-pill .coin-image, .bluev2 .drawer-balance .coin-image, .bluev2 .member-wallet .coin-image{
      width:25.3px!important;
      height:25.3px!important;
      min-width:25.3px!important;
      min-height:25.3px!important;
    }

    .bluev2 .minutes-row .coin-image, .bluev2 .member-summary .coin-image, .bluev2 .balance-hero .coin-image{
      width:26.4px!important;
      height:26.4px!important;
      min-width:26.4px!important;
      min-height:26.4px!important;
    }

    .bluev2 .coin-packages .coin-image, .bluev2 .gift-option .gift-coin-image, .bluev2 .gift-balance .gift-coin-image{
      width:24.2px!important;
      height:24.2px!important;
      min-width:24.2px!important;
      min-height:24.2px!important;
    }

    .bluev2 .coin-pill, .bluev2 .member-wallet{
      font-size:11px!important;
    }

    .bluev2 .coin-pill b, .bluev2 .member-wallet b{
      font-size:15.4px!important;
    }

    .bluev2 .coin-packages strong{
      font-size:19.8px!important;
    }

    .bluev2 .gift-option strong{
      font-size:20.9px!important;
    }

    .bluev2 .gift-option > span{
      font-size:8.8px!important;
    }

    .bluev2 .gift-balance{
      font-size:15.4px!important;
    }

    .bluev2 .gift-balance strong{
      font-size:20.9px!important;
    }
  }

  .bluev2 .legal-content a, .bluev2 .topup-note a{
    color:var(--tb-accent,#8cebe5);
    text-underline-offset:3px;
  }
  .bluev2 .legal-content h3{
    margin:24px 0 8px;
    font-family:var(--font-display)!important;
    font-size:22px;
    line-height:1.15;
  }
  .bluev2 .legal-content p{
    margin:0 0 12px;
  }
  .bluev2 .legal-check{
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:#9fb4c3;
    font-size:11px;
    line-height:1.48;
    text-transform:none;
    cursor:pointer;
  }
  .bluev2 .legal-check input{
    width:17px!important;
    height:17px!important;
    min-width:17px;
    margin:2px 0 0;
    accent-color:var(--tb-accent,#8cebe5);
  }
  .bluev2 .auth-form .legal-check{
    margin-top:3px;
  }
  .bluev2 .inline-legal-link{
    display:inline;
    border:0;
    background:none;
    color:var(--tb-accent,#8cebe5);
    padding:0;
    font:inherit;
    font-weight:800;
    text-decoration:underline;
    text-underline-offset:3px;
    cursor:pointer;
  }
  .bluev2 .topup-consent{
    margin:16px 2px 0;
    padding:13px;
    border:1px solid rgba(180,230,255,.16);
    border-radius:10px;
    background:rgba(255,255,255,.025);
    text-align:left;
  }
  .bluev2 .coin-packages button[aria-disabled="true"]{
    opacity:.48;
  }
  @media(max-width:900px){
    .bluev2 .legal-content h3{font-size:20px}
    .bluev2 .legal-check{font-size:10.5px}
    .bluev2 .topup-consent{margin-top:13px;padding:11px}
  }

  .bluev2 #infoModal{
    padding:14px!important;
  }
  .bluev2 #infoModal .info-modal-card{
    width:min(880px,100%)!important;
    height:min(820px,calc(100svh - 28px))!important;
    max-height:calc(100svh - 28px)!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    padding:0!important;
  }
  .bluev2 #infoModal .info-modal-head{
    position:relative!important;
    flex:0 0 auto!important;
    min-height:72px!important;
    display:flex!important;
    align-items:center!important;
    padding:18px 72px 16px 22px!important;
    margin:0!important;
    border-bottom:1px solid rgba(190,231,255,.20)!important;
    background:rgba(7,29,50,.98)!important;
    z-index:12!important;
  }
  .bluev2 #infoModal .info-modal-head h3{
    margin:0!important;
    font-size:clamp(25px,3vw,34px)!important;
    line-height:1!important;
  }
  .bluev2 #infoModal .info-modal-close{
    position:absolute!important;
    top:50%!important;
    right:18px!important;
    width:40px!important;
    height:40px!important;
    transform:translateY(-50%)!important;
    z-index:20!important;
  }
  .bluev2 #infoModal .info-modal-close:hover{
    transform:translateY(-50%)!important;
  }
  .bluev2 #infoModal .info-modal-body{
    flex:1 1 auto!important;
    min-height:0!important;
    max-width:none!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;
    padding:22px 24px 28px!important;
    outline:none!important;
  }
  .bluev2 #infoModal .info-modal-body h3:first-of-type{
    margin-top:4px!important;
  }
  .bluev2 #infoModal .info-modal-footer{
    flex:0 0 auto!important;
    display:flex!important;
    justify-content:flex-end!important;
    padding:13px 18px!important;
    border-top:1px solid rgba(190,231,255,.20)!important;
    background:rgba(7,29,50,.98)!important;
    z-index:12!important;
  }
  .bluev2 #infoModal .info-modal-footer button{
    min-height:42px!important;
    padding:0 18px!important;
  }

  .bluev2 .whale-donation{
    left:50%!important;
    right:auto!important;
    bottom:12px!important;
    width:min(760px,calc(100vw - 36px))!important;
    max-width:none!important;
    display:grid!important;
    gap:4px!important;
    transform:translateX(-50%)!important;
    text-align:center!important;
    line-height:1.25!important;
    white-space:normal!important;
  }
  .bluev2 .whale-donation strong{
    color:rgba(235,252,255,.92)!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:.04em!important;
  }
  .bluev2 .whale-donation span{
    color:rgba(232,247,255,.64)!important;
    font-size:8.5px!important;
  }

  @media(max-width:900px){
    .bluev2 #infoModal{padding:0!important;}
    .bluev2 #infoModal .info-modal-card{
      width:100vw!important;
      height:100svh!important;
      max-height:100svh!important;
      border:0!important;
      border-radius:0!important;
    }
    .bluev2 #infoModal .info-modal-head{
      min-height:calc(64px + env(safe-area-inset-top))!important;
      padding:calc(14px + env(safe-area-inset-top)) 62px 14px 16px!important;
    }
    .bluev2 #infoModal .info-modal-head h3{
      font-size:25px!important;
    }
    .bluev2 #infoModal .info-modal-close{
      right:13px!important;
      top:calc(50% + env(safe-area-inset-top)/2)!important;
      width:38px!important;
      height:38px!important;
    }
    .bluev2 #infoModal .info-modal-body{
      padding:18px 17px 24px!important;
    }
    .bluev2 #infoModal .info-modal-footer{
      padding:11px 14px calc(11px + env(safe-area-inset-bottom))!important;
    }
    .bluev2 #infoModal .info-modal-footer button{
      width:100%!important;
    }
    .bluev2 .blue-character{
      bottom:5%!important;
    }
    .bluev2 .whale-donation{
      bottom:7px!important;
      width:calc(100vw - 22px)!important;
      gap:3px!important;
    }
    .bluev2 .whale-donation strong{
      font-size:clamp(8px,2.25vw,9.5px)!important;
    }
    .bluev2 .whale-donation span{
      font-size:clamp(6.8px,1.8vw,8px)!important;
    }
  }

  /* Menu+ as a compact superscript mark. Desktop text is 10% larger; mobile stays unchanged. */
  .bluev2 .app-menu-btn{
    font-size:13.2px!important;
    display:inline-flex!important;
    align-items:flex-start!important;
    gap:1px!important;
  }
  .bluev2 .app-menu-btn sup{
    position:relative;
    top:-.28em;
    font-size:.66em;
    line-height:1;
    font-weight:900;
    letter-spacing:0;
  }

  /* Compact purchase consent without a wall of text. */
  .bluev2 .topup-consent{
    align-items:flex-start!important;
    font-size:11px!important;
    line-height:1.42!important;
  }

  /* First-call acceptance gate. */
  .bluev2 .call-consent-overlay{
    position:fixed;
    inset:0;
    z-index:85;
    display:grid;
    place-items:center;
    padding:18px;
    background:rgba(0,7,16,.76);
    -webkit-backdrop-filter:blur(17px) saturate(.82);
    backdrop-filter:blur(17px) saturate(.82);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.22s ease;
  }
  .bluev2 .call-consent-overlay.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  .bluev2 .call-consent-card{
    position:relative;
    width:min(470px,100%);
    padding:25px;
    border:1.5px solid rgba(157,238,255,.56);
    border-radius:20px;
    background:linear-gradient(180deg,#0b3150,#061a2c);
    color:#f5fbff;
    box-shadow:0 38px 120px rgba(0,0,0,.68),inset 0 0 0 1px rgba(255,255,255,.04);
  }
  .bluev2 .call-consent-kicker{
    display:block;
    color:var(--tb-accent);
    font:700 9px var(--font-mono);
    letter-spacing:.14em;
    text-transform:uppercase;
  }
  .bluev2 .call-consent-card h2{
    max-width:360px;
    margin:7px 0 12px;
    font-family:var(--font-display)!important;
    font-size:clamp(35px,5vw,48px);
    line-height:.92;
    letter-spacing:-.035em;
  }
  .bluev2 .call-consent-copy{
    margin:0;
    color:rgba(235,247,255,.72);
    font-size:13px;
    line-height:1.55;
  }
  .bluev2 .call-trial-note{
    margin:15px 0 0;
    padding:12px 13px;
    border:1px solid rgba(140,235,229,.22);
    border-radius:11px;
    background:rgba(140,235,229,.07);
    color:#dffdfa;
    font-size:12px;
    line-height:1.45;
  }
  .bluev2 .call-consent-check{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:10px;
    align-items:flex-start;
    margin-top:15px;
    color:#dcecf5;
    font-size:12px;
    line-height:1.45;
    cursor:pointer;
  }
  .bluev2 .call-consent-check input{
    width:18px;
    height:18px;
    margin:1px 0 0;
    accent-color:var(--tb-accent);
  }
  .bluev2 .call-consent-check button{
    border:0;
    background:none;
    color:var(--tb-accent);
    padding:0;
    font:inherit;
    font-weight:800;
    text-decoration:underline;
    text-underline-offset:3px;
    cursor:pointer;
  }
  .bluev2 .call-consent-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
    margin-top:17px;
  }
  .bluev2 #acceptCallConsent{
    width:100%;
    min-height:49px;
  }
  .bluev2 #acceptCallConsent:disabled{
    opacity:.46;
    cursor:not-allowed;
    transform:none!important;
  }
  .bluev2 #callConsentClose{
    position:absolute!important;
    top:15px!important;
    right:15px!important;
    width:38px!important;
    height:38px!important;
  }

  @media(max-width:760px){
    .bluev2 .app-menu-btn{font-size:11px!important;}
    .bluev2 .call-consent-overlay{padding:10px;}
    .bluev2 .call-consent-card{
      width:calc(100vw - 20px);
      padding:22px 17px 17px;
      border-radius:17px;
    }
    .bluev2 .call-consent-card h2{font-size:37px;max-width:290px;}
    .bluev2 #callConsentClose{top:12px!important;right:12px!important;width:36px!important;height:36px!important;}
  }

  /* Use-case labels: +15%, one line on desktop and mobile. */
  .bluev2 .use-case-label{
    max-width:none!important;
    white-space:nowrap!important;
    font-size:15.2px!important;
  }

  /* Donation statement only: +15%. */
  .bluev2 .whale-donation strong{
    font-size:11.5px!important;
  }

  /* Call action buttons: +20%, with timer spacing preserved. */
  .bluev2 .ocean-call .donor-action-row .donor-action-btn{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
    max-width:58px!important;
    max-height:58px!important;
    flex-basis:58px!important;
    border-radius:14px!important;
  }
  .bluev2 .ocean-call .donor-action-btn svg{
    width:20px!important;
    height:20px!important;
  }
  .bluev2 .ocean-call .call-meta{
    bottom:calc(28px + 10vh + 96px)!important;
  }

  @media(max-width:760px){
    .bluev2 .use-case-label{
      font-size:14.7px!important;
    }
  }

  @media(max-width:900px){
    .bluev2 .whale-donation strong{
      font-size:clamp(9.2px,2.59vw,10.9px)!important;
    }
    .bluev2 .ocean-call .donor-action-row .donor-action-btn{
      width:55px!important;
      height:55px!important;
      min-width:55px!important;
      min-height:55px!important;
      max-width:55px!important;
      max-height:55px!important;
      flex-basis:55px!important;
      border-radius:13px!important;
    }
    .bluev2 .ocean-call .donor-action-btn svg{
      width:19px!important;
      height:19px!important;
    }
    .bluev2 .ocean-call .call-meta{
      bottom:calc(14px + env(safe-area-inset-bottom) + 10vh + 90px)!important;
    }
  }

  @media(max-width:390px){
    .bluev2 .use-case-label{
      font-size:14.3px!important;
    }
    .bluev2 .ocean-call .donor-action-row .donor-action-btn{
      width:52px!important;
      height:52px!important;
      min-width:52px!important;
      min-height:52px!important;
      max-width:52px!important;
      max-height:52px!important;
      flex-basis:52px!important;
      border-radius:12px!important;
    }
    .bluev2 .ocean-call .call-meta{
      bottom:calc(12px + env(safe-area-inset-bottom) + 8vh + 86px)!important;
    }
  }

  @media(max-height:680px){
    .bluev2 .ocean-call .call-meta{
      bottom:calc(10px + env(safe-area-inset-bottom) + 4vh + 84px)!important;
    }
  }

  /* FAQ supporting copy is 25% smaller than the previous 16px default. */
  .bluev2 .faq-card header p{
    max-width:360px!important;
    margin:7px 0 0!important;
    font-size:12px!important;
    line-height:1.42!important;
  }

  /* Menu+ keeps the plus in superscript, now at twice its former size. */
  .bluev2 .app-menu-btn sup{
    top:-.42em!important;
    margin-left:1px!important;
    font-size:1.32em!important;
    line-height:.7!important;
    font-weight:900!important;
  }

  /* Signed-in email is visible immediately in the menu header. */
  .bluev2 .drawer-head-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:7px;
  }
  .bluev2 .drawer-user-email{
    display:block;
    max-width:min(330px,calc(100vw - 120px));
    overflow:hidden;
    color:rgba(235,247,255,.72);
    font-family:var(--font-body)!important;
    font-size:12px;
    font-weight:650;
    line-height:1.2;
    letter-spacing:0;
    text-transform:none;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .bluev2 .drawer-user-email[hidden]{display:none!important;}

  /* How it works is an informational panel, not a legal document. */
  .bluev2 #infoModal.info-type-how .info-modal-footer{
    display:none!important;
  }
  .bluev2 #infoModal.info-type-how .info-modal-body{
    padding-bottom:30px!important;
  }

  /* No redundant kicker above the 18+ heading. */
  .bluev2 .call-consent-card h2{
    margin-top:0!important;
    padding-right:48px!important;
  }

  @media(max-width:900px){
    .bluev2 .faq-card header p{
      max-width:255px!important;
      font-size:12px!important;
      line-height:1.38!important;
    }
    .bluev2 .drawer-head-copy{gap:6px;}
    .bluev2 .drawer-user-email{
      max-width:calc(100vw - 105px);
      font-size:11px;
    }
  }

  /* FAQ: no secondary copy below the title. */
  .bluev2 .faq-card > header{
    align-items:center!important;
    padding-bottom:16px!important;
  }
  .bluev2 .faq-card > header > div{
    min-width:0!important;
  }
  .bluev2 .faq-card #faqTitle{
    margin:0!important;
  }

  /* Signed-in Sign out action is a real full-width button at the bottom. */
  .bluev2 .drawer-signout-button{
    display:none!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-height:46px!important;
    margin-top:auto!important;
    padding:0 18px!important;
    border:1px solid rgba(255,142,142,.58)!important;
    border-radius:5px!important;
    background:rgba(128,28,35,.17)!important;
    color:#ffb4b4!important;
    font-family:var(--font-display)!important;
    font-size:15px!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
    text-align:center!important;
    cursor:pointer!important;
  }
  .bluev2.is-authenticated .drawer-signout-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .bluev2 .drawer-signout-button:hover{
    border-color:#ffb4b4!important;
    background:rgba(128,28,35,.28)!important;
  }

  /* One-button first-call acceptance. */
  .bluev2 .call-consent-card h2{
    max-width:none!important;
    white-space:nowrap!important;
  }
  .bluev2 .call-consent-actions{
    margin-top:17px!important;
  }
  .bluev2 #acceptCallConsent{
    width:100%!important;
    min-height:50px!important;
  }
  .bluev2 .call-consent-legal{
    margin:10px 2px 0!important;
    color:rgba(222,238,247,.66)!important;
    font-size:10.5px!important;
    line-height:1.46!important;
    text-align:left!important;
  }
  .bluev2 .call-consent-legal strong{
    color:rgba(245,251,255,.88)!important;
  }
  .bluev2 .call-consent-legal button{
    display:inline!important;
    border:0!important;
    background:none!important;
    color:var(--tb-accent)!important;
    padding:0!important;
    font:inherit!important;
    font-weight:800!important;
    text-decoration:underline!important;
    text-underline-offset:2px!important;
    cursor:pointer!important;
    transform:none!important;
  }

  /* Desktop top-up modal: approximately 10% smaller overall. */
  @media(min-width:901px){
    .bluev2 .topup-card{
      width:min(594px,calc(100vw - 40px))!important;
      max-height:calc(100svh - 44px)!important;
      padding:21px!important;
    }
    .bluev2 .topup-card h2{
      font-size:clamp(38px,5.1vw,56px)!important;
    }
    .bluev2 .topup-card header p{
      font-size:9px!important;
    }
    .bluev2 .coin-packages{
      gap:9px!important;
      margin-top:18px!important;
    }
    .bluev2 .coin-packages button{
      min-height:119px!important;
      padding:29px 14px 13px!important;
      gap:10px!important;
    }
    .bluev2 .coin-packages strong{
      font-size:17.8px!important;
    }
    .bluev2 .coin-packages b{
      min-height:38px!important;
      min-width:101px!important;
      font-size:27px!important;
      padding:6px 13px!important;
    }
    .bluev2 .topup-consent{
      margin-top:12px!important;
      padding:10px!important;
    }
    .bluev2 .topup-note{
      margin-top:12px!important;
    }
  }

  /* Mobile coin cards: one consistent amount line and one consistent price line. */
  @media(max-width:900px){
    .bluev2 .coin-packages{
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
      gap:8px!important;
    }
    .bluev2 .coin-packages button{
      min-width:0!important;
      min-height:142px!important;
      display:grid!important;
      grid-template-rows:minmax(38px,1fr) auto!important;
      align-content:center!important;
      justify-items:center!important;
      gap:9px!important;
      padding:29px 7px 12px!important;
    }
    .bluev2 .coin-packages strong{
      width:100%!important;
      min-width:0!important;
      min-height:38px!important;
      display:flex!important;
      align-items:center!important;
      justify-content:center!important;
      gap:5px!important;
      margin:0!important;
      font-size:clamp(14px,4.15vw,17px)!important;
      line-height:1!important;
      text-align:center!important;
      white-space:nowrap!important;
    }
    .bluev2 .coin-packages strong .coin-image{
      width:21px!important;
      height:21px!important;
      min-width:21px!important;
      min-height:21px!important;
      margin:0!important;
    }
    .bluev2 .coin-packages b{
      min-width:96px!important;
      min-height:38px!important;
      margin:0!important;
      padding:6px 10px!important;
      font-size:21px!important;
      line-height:1!important;
      white-space:nowrap!important;
    }
    .bluev2 .coin-packages i{
      top:8px!important;
      right:8px!important;
      font-size:7px!important;
      padding:4px 7px!important;
    }
    .bluev2 .call-consent-card h2{
      padding-right:44px!important;
      font-size:clamp(26px,7vw,31px)!important;
      letter-spacing:-.025em!important;
    }
    .bluev2 .call-consent-copy{
      font-size:12.5px!important;
    }
    .bluev2 .call-consent-legal{
      font-size:10px!important;
      line-height:1.42!important;
    }
    .bluev2 .drawer-signout-button{
      min-height:44px!important;
      margin-top:18px!important;
      margin-bottom:max(2px,env(safe-area-inset-bottom))!important;
      font-size:14px!important;
    }
  }

  @media(max-width:360px){
    .bluev2 .coin-packages strong{
      font-size:13.5px!important;
      gap:4px!important;
    }
    .bluev2 .coin-packages strong .coin-image{
      width:19px!important;
      height:19px!important;
      min-width:19px!important;
      min-height:19px!important;
    }
    .bluev2 .coin-packages b{
      min-width:88px!important;
      font-size:19px!important;
    }
    .bluev2 .call-consent-card h2{
      font-size:25px!important;
    }
  }

  .bluev2{
    scroll-behavior:smooth;
  }
  .bluev2:has(.drawer.open), .bluev2:has(.member-overlay.open), .bluev2:has(.topup-overlay.open), .bluev2:has(.faq-overlay.open), .bluev2:has(.auth-modal.open), .bluev2:has(.call-consent-overlay.open), .bluev2:has(.full-call.open), .bluev2:has(.legal-overlay.open), .bluev2:has(#infoModal.open), .bluev2:has(.app-modal.open){
    overflow:hidden!important;
  }
  .bluev2 .site{
    position:relative!important;
    height:100svh!important;
    min-height:620px!important;
    overflow:hidden!important;
  }
  .bluev2 .hero{
    top:47%!important;
    width:min(660px,58vw)!important;
  }
  .bluev2 .hero .eyebrow{
    margin-bottom:13px!important;
  }
  .bluev2 .hero .intro{
    max-width:570px!important;
    color:rgba(239,249,255,.82)!important;
  }
  .bluev2 .hero-conversion{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:9px;
    margin-top:25px;
  }
  .bluev2 .hero-call-cta{
    min-height:58px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    padding:0 25px;
    border:1.5px solid #9deeff;
    border-radius:999px;
    background:#9deeff;
    color:#03111f;
    font-family:var(--font-display)!important;
    font-size:18px;
    font-weight:800;
    letter-spacing:-.015em;
    cursor:pointer;
    box-shadow:0 18px 48px rgba(0,13,28,.28);
  }
  .bluev2 .hero-call-cta:hover{
    transform:translateY(-2px) scale(1.015);
    background:#c6f7ff;
  }
  .bluev2 .hero-call-icon{
    font-family:var(--font-body)!important;
    font-size:18px;
  }
  .bluev2 .hero-call-arrow{
    margin-left:3px;
    font-family:var(--font-body)!important;
    font-size:22px;
    line-height:1;
  }
  .bluev2 .hero-conversion p{
    margin:0 0 0 13px;
    color:rgba(234,248,255,.69);
    font-size:11px;
    font-weight:700;
  }
  .bluev2 .legend-row{
    margin-top:18px!important;
  }

  .bluev2 .cold-landing{
    position:relative;
    z-index:8;
    overflow:hidden;
    background:#061628;
    color:#f5fbff;
  }
  .bluev2 .cold-section{
    position:relative;
    padding:clamp(86px,10vw,150px) 24px;
    border-top:1px solid rgba(190,231,255,.11);
  }
  .bluev2 .cold-container{
    width:min(1180px,100%);
    margin:0 auto;
  }
  .bluev2 .cold-kicker{
    display:block;
    margin-bottom:16px;
    color:#8cebe5;
    font:700 10px var(--font-mono);
    letter-spacing:.15em;
    text-transform:uppercase;
  }
  .bluev2 .cold-section h2{
    margin:0;
    font-family:var(--font-display)!important;
    font-size:clamp(43px,5.7vw,82px);
    line-height:.93;
    letter-spacing:-.045em;
  }
  .bluev2 .cold-section h2 em{
    color:#9deeff;
    font-style:normal;
  }
  .bluev2 .cold-section p{
    color:rgba(230,244,252,.70);
    line-height:1.65;
  }
  .bluev2 .story-section{
    background:
      radial-gradient(circle at 70% 8%,rgba(109,199,225,.10),transparent 30%),
      linear-gradient(180deg,#07182b,#061628);
  }
  .bluev2 .story-intro{
    max-width:920px;
    text-align:center;
  }
  .bluev2 .story-intro>p{
    max-width:760px;
    margin:28px auto 0;
    font-size:17px;
  }
  .bluev2 .flow-block{
    margin-top:clamp(100px,13vw,180px);
    text-align:center;
  }
  .bluev2 .flow-block>h2{
    font-size:clamp(40px,5vw,70px);
  }
  .bluev2 .flow-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    margin-top:56px;
  }
  .bluev2 .flow-card, .bluev2 .trust-card{
    border:1px solid rgba(157,238,255,.16);
    border-radius:24px;
    background:rgba(255,255,255,.028);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
  }
  .bluev2 .flow-card{
    min-height:280px;
    padding:34px 29px;
    text-align:left;
  }
  .bluev2 .flow-icon, .bluev2 .trust-icon{
    width:50px;
    height:50px;
    display:grid;
    place-items:center;
    border-radius:15px;
    background:#9deeff;
    color:#03111f;
    font-size:22px;
    font-weight:900;
  }
  .bluev2 .flow-card h3, .bluev2 .trust-card h3{
    margin:23px 0 9px;
    font-family:var(--font-display)!important;
    font-size:25px;
    letter-spacing:-.025em;
  }
  .bluev2 .flow-card p, .bluev2 .trust-card p{
    margin:0;
    font-size:14px;
  }

  .bluev2 .topics-section{
    background:#071527;
  }
  .bluev2 .narrow-center{
    max-width:900px;
    text-align:center;
  }
  .bluev2 .narrow-center>p{
    max-width:690px;
    margin:20px auto 0;
    font-size:17px;
  }
  .bluev2 .topic-chips{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:12px;
    margin-top:35px;
  }
  .bluev2 .topic-chips span{
    display:inline-flex;
    align-items:center;
    min-height:42px;
    padding:0 18px;
    border:1px solid rgba(115,229,223,.28);
    border-radius:999px;
    background:rgba(115,229,223,.035);
    color:rgba(235,249,255,.86);
    font-size:13px;
    font-weight:800;
  }
  .bluev2 .trust-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    margin-top:clamp(78px,10vw,130px);
  }
  .bluev2 .trust-card{
    min-height:300px;
    padding:38px;
  }
  .bluev2 .trust-card button{
    margin-top:21px;
    padding:0;
    border:0;
    border-bottom:1px solid currentColor;
    background:transparent;
    color:#8cebe5;
    font-weight:800;
    cursor:pointer;
  }
  .bluev2 .trust-card .crisis-copy{
    margin-top:14px;
    color:rgba(255,211,211,.78);
    font-size:12px;
  }

  .bluev2 .final-cta-section{
    padding-top:clamp(90px,11vw,150px);
    padding-bottom:clamp(90px,11vw,150px);
    background:
      radial-gradient(circle at 50% 28%,rgba(127,220,235,.19),transparent 38%),
      linear-gradient(180deg,#0a2d49,#061628);
    text-align:center;
  }
  .bluev2 .final-cta-inner{
    max-width:820px;
  }
  .bluev2 .final-cta-inner>p{
    max-width:650px;
    margin:22px auto 31px;
    font-size:16px;
  }
  .bluev2 .final-call-cta{
    margin:0 auto;
  }

  .bluev2 .inline-faq-section{
    background:#061426;
  }
  .bluev2 .inline-faq-section .cold-kicker{
    margin-bottom:10px;
  }
  .bluev2 .inline-faq-section h2{
    font-size:clamp(42px,5vw,66px);
  }
  .bluev2 .inline-faq-section h2 em{
    color:#8cebe5;
  }
  .bluev2 .inline-faq-list{
    margin-top:40px;
    border-top:1px solid rgba(190,231,255,.12);
  }
  .bluev2 .inline-faq-list details{
    border-bottom:1px solid rgba(190,231,255,.12);
  }
  .bluev2 .inline-faq-list summary{
    position:relative;
    list-style:none;
    padding:27px 58px 27px 0;
    color:#f5fbff;
    font-family:var(--font-display)!important;
    font-size:21px;
    font-weight:800;
    cursor:pointer;
  }
  .bluev2 .inline-faq-list summary::-webkit-details-marker{
    display:none;
  }
  .bluev2 .inline-faq-list summary::after{
    content:"+";
    position:absolute;
    right:0;
    top:50%;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    transform:translateY(-50%);
    border:1px solid rgba(190,231,255,.28);
    border-radius:50%;
    color:#8cebe5;
    font-family:var(--font-body)!important;
    font-size:21px;
    font-weight:400;
  }
  .bluev2 .inline-faq-list details[open] summary::after{
    content:"×";
  }
  .bluev2 .inline-faq-list details p{
    max-width:850px;
    margin:-5px 0 26px;
    font-size:14px;
  }
  .bluev2 .faq-contact{
    margin:32px 0 0!important;
    text-align:center;
    font-size:13px;
  }
  .bluev2 .faq-contact a{
    color:#8cebe5;
  }

  .bluev2 .cold-footer{
    position:relative;
    z-index:8;
    padding:42px 24px 28px;
    border-top:1px solid rgba(190,231,255,.13);
    background:#03101e;
  }
  .bluev2 .footer-grid{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:start;
    gap:32px;
  }
  .bluev2 .footer-grid strong{
    font-family:var(--font-display)!important;
    font-size:24px;
  }
  .bluev2 .footer-grid p{
    max-width:520px;
    margin:8px 0 0;
    color:rgba(230,244,252,.55);
    font-size:11px;
    line-height:1.55;
  }
  .bluev2 .footer-links{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:16px;
  }
  .bluev2 .footer-links button, .bluev2 .footer-links a{
    padding:0;
    border:0;
    background:transparent;
    color:rgba(230,244,252,.67);
    font-size:10px;
    font-weight:800;
    text-decoration:none;
    text-transform:uppercase;
    cursor:pointer;
  }
  .bluev2 .footer-links button:hover, .bluev2 .footer-links a:hover{
    color:#8cebe5;
  }
  .bluev2 .conservation-line{
    margin-top:30px;
    padding-top:20px;
    border-top:1px solid rgba(190,231,255,.10);
    color:#8cebe5;
    font-size:12px;
    font-weight:800;
    text-align:center;
  }

  .bluev2 .coin-packages .package-time{
    display:block;
    min-height:18px;
    color:rgba(235,247,255,.66);
    font:700 9px var(--font-mono)!important;
    letter-spacing:.06em;
    text-transform:uppercase;
  }
  .bluev2 .coin-packages .featured .package-time{
    color:rgba(3,17,31,.70);
  }

  @media(max-width:900px){
    .bluev2 .site{
      min-height:700px!important;
    }
    .bluev2 .hero{
      top:34%!important;
      width:calc(100vw - 36px)!important;
    }
    .bluev2 .hero h1{
      font-size:clamp(44px,13vw,64px)!important;
    }
    .bluev2 .hero .intro{
      max-width:84vw!important;
      font-size:14px!important;
    }
    .bluev2 .hero-conversion{
      margin-top:18px;
      gap:7px;
    }
    .bluev2 .hero-call-cta{
      min-height:52px;
      padding:0 20px;
      font-size:16px;
    }
    .bluev2 .hero-conversion p{
      margin-left:8px;
      font-size:10px;
    }
    .bluev2 .legend-row{
      display:none!important;
    }
    .bluev2 .use-case:nth-child(1){top:61%!important}
    .bluev2 .use-case:nth-child(2){top:68.5%!important}
    .bluev2 .use-case:nth-child(3){top:76%!important}
    .bluev2 .blue-character{
      bottom:1%!important;
    }
    .bluev2 .whale-donation{
      bottom:5px!important;
    }

    .bluev2 .cold-section{
      padding:76px 16px;
    }
    .bluev2 .cold-section h2{
      font-size:clamp(39px,11.5vw,58px);
    }
    .bluev2 .story-intro>p, .bluev2 .narrow-center>p{
      font-size:14px;
    }
    .bluev2 .flow-block{
      margin-top:92px;
    }
    .bluev2 .flow-grid, .bluev2 .trust-grid{
      grid-template-columns:1fr;
    }
    .bluev2 .flow-grid{
      gap:12px;
      margin-top:34px;
    }
    .bluev2 .flow-card, .bluev2 .trust-card{
      min-height:0;
      padding:25px 22px;
      border-radius:20px;
    }
    .bluev2 .flow-icon, .bluev2 .trust-icon{
      width:44px;
      height:44px;
      border-radius:13px;
      font-size:19px;
    }
    .bluev2 .flow-card h3, .bluev2 .trust-card h3{
      margin-top:18px;
      font-size:23px;
    }
    .bluev2 .topic-chips{
      gap:8px;
      margin-top:27px;
    }
    .bluev2 .topic-chips span{
      min-height:38px;
      padding:0 14px;
      font-size:11px;
    }
    .bluev2 .trust-grid{
      gap:12px;
      margin-top:72px;
    }
    .bluev2 .inline-faq-list{
      margin-top:28px;
    }
    .bluev2 .inline-faq-list summary{
      padding:23px 50px 23px 0;
      font-size:18px;
    }
    .bluev2 .inline-faq-list summary::after{
      width:32px;
      height:32px;
      font-size:20px;
    }
    .bluev2 .footer-grid{
      grid-template-columns:1fr;
    }
    .bluev2 .footer-links{
      justify-content:flex-start;
    }
    .bluev2 .coin-packages .package-time{
      font-size:8px!important;
    }
  }

  @media(max-width:390px){
    .bluev2 .site{
      min-height:680px!important;
    }
    .bluev2 .hero{
      top:32%!important;
    }
    .bluev2 .hero-conversion{
      margin-top:15px;
    }
    .bluev2 .hero-call-cta{
      min-height:48px;
      font-size:15px;
    }
    .bluev2 .use-case:nth-child(1){top:59.5%!important}
    .bluev2 .use-case:nth-child(2){top:67%!important}
    .bluev2 .use-case:nth-child(3){top:74.5%!important}
    .bluev2 .cold-section{
      padding:66px 14px;
    }
    .bluev2 .cold-section h2{
      font-size:38px;
    }
    .bluev2 .topic-chips span{
      font-size:10px;
    }
  }

  @keyframes depthMote{0%{transform:translateY(10px);opacity:0}20%{opacity:.9}100%{transform:translateY(-80px);opacity:0}}
  @keyframes depthBubble{0%{transform:translateY(20px);opacity:0}12%{opacity:.7}100%{transform:translateY(-120px);opacity:0}}
  @keyframes depthCaustic{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-4%,2%) scale(1.08)}}

  .bluev2 #depth-sky{position:fixed;inset:0;z-index:0;background:linear-gradient(180deg,#7eb8d0 0%,#4a8ebc 48%,#2a6aa0 100%)}
  .bluev2 #depth-caustics{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.55;mix-blend-mode:screen}
  .bluev2 #depth-caustics>div{position:absolute;filter:blur(40px);animation:depthCaustic 30s ease-in-out infinite}
  .bluev2 #depth-caustics>div:nth-child(1){top:-34%;left:-14%;width:66%;height:66%;background:radial-gradient(ellipse at center,rgba(206,244,250,.5),transparent 60%);filter:blur(36px);animation-duration:24s}
  .bluev2 #depth-caustics>div:nth-child(2){top:-26%;right:-14%;width:58%;height:60%;background:radial-gradient(ellipse at center,rgba(178,226,240,.42),transparent 60%);animation-delay:3s}
  .bluev2 #depth-caustics>div:nth-child(3){top:8%;left:24%;width:52%;height:46%;background:radial-gradient(ellipse at center,rgba(196,238,246,.3),transparent 62%);filter:blur(44px);animation-duration:36s;animation-delay:6s}
  .bluev2 #depth-rays{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;mix-blend-mode:screen}
  .bluev2 #depth-ray-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;filter:blur(15px)}
  .bluev2 #depth-particles{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:0}
  .bluev2 #depth-particles i, .bluev2 #depth-particles b{position:absolute;display:block;border-radius:50%}
  .bluev2 #depth-particles i{width:2px;height:2px;background:rgba(200,232,250,.68);animation:depthMote 20s linear infinite}
  .bluev2 #depth-particles i:nth-child(1){left:8%;top:80%;width:3px;height:3px;box-shadow:0 0 8px 2px rgba(160,210,255,.5);animation-duration:15s}
  .bluev2 #depth-particles i:nth-child(2){left:22%;top:90%;animation-duration:19s;animation-delay:3s}
  .bluev2 #depth-particles i:nth-child(3){left:37%;top:85%;width:2.5px;height:2.5px;box-shadow:0 0 7px 2px rgba(120,210,220,.4);animation-duration:17s;animation-delay:6s}
  .bluev2 #depth-particles i:nth-child(4){left:54%;top:95%;animation-duration:21s;animation-delay:1s}
  .bluev2 #depth-particles i:nth-child(5){left:69%;top:82%;width:3px;height:3px;box-shadow:0 0 8px 2px rgba(150,205,255,.4);animation-duration:16s;animation-delay:8s}
  .bluev2 #depth-particles i:nth-child(6){left:83%;top:92%;animation-duration:23s;animation-delay:4s}
  .bluev2 #depth-particles i:nth-child(7){left:30%;top:55%;width:2.5px;height:2.5px;box-shadow:0 0 7px 2px rgba(150,210,235,.4);animation-delay:2s}
  .bluev2 #depth-particles i:nth-child(8){left:64%;top:50%;animation-duration:24s;animation-delay:9s}
  .bluev2 #depth-particles i:nth-child(9){left:12%;top:44%;animation-duration:26s;animation-delay:5s}
  .bluev2 #depth-particles b{width:9px;height:9px;border:1px solid rgba(190,225,255,.38);animation:depthBubble 22s ease-in infinite}
  .bluev2 #depth-particles b:nth-of-type(1){left:15%;top:70%;animation-duration:20s;animation-delay:2s}
  .bluev2 #depth-particles b:nth-of-type(2){left:48%;top:75%;width:6px;height:6px;animation-duration:24s;animation-delay:7s}
  .bluev2 #depth-particles b:nth-of-type(3){left:78%;top:68%;width:11px;height:11px;animation-duration:27s;animation-delay:12s}
  .bluev2 #depth-vignette{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(ellipse 78% 70% at 50% 42%,transparent 46%,rgba(0,4,10,.72) 100%)}
  .bluev2 .site, .bluev2 .cold-landing, .bluev2 .cold-section, .bluev2 .story-section, .bluev2 .topics-section, .bluev2 .final-cta-section, .bluev2 .inline-faq-section, .bluev2 .cold-footer{background:transparent!important}
  .bluev2 .cold-landing{overflow:visible!important}
  .bluev2 .cold-section{background:linear-gradient(180deg,rgba(2,16,31,.10),rgba(2,16,31,.22))!important}
  .bluev2 .cold-footer{background:rgba(2,13,25,.28)!important}
  .bluev2 .cold-section h2, .bluev2 .cold-section h3, .bluev2 .cold-section p, .bluev2 .cold-kicker, .bluev2 .cold-footer{position:relative;text-shadow:0 3px 20px rgba(0,8,20,.34)}
  .bluev2 .trust-card, .bluev2 .flow-card, .bluev2 .inline-faq-list details{background:rgba(3,22,39,.48)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}

  .bluev2 .blue-character{
    position:fixed!important;
    right:clamp(6px,2vw,30px)!important;
    bottom:clamp(10px,2.5vh,28px)!important;
    z-index:20!important;
    width:clamp(190px,17vw,275px)!important;
    opacity:.94;
  }
  .bluev2 .blue-character:hover{opacity:1}

  .bluev2 .hero-action-row{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
  .bluev2 .voice-preview-btn{
    min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:10px;
    padding:0 21px;border:1.5px solid rgba(220,248,255,.62);border-radius:999px;
    background:rgba(2,24,43,.32);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
    font-family:var(--font-display)!important;font-size:16px;font-weight:800;cursor:pointer;
  }
  .bluev2 .voice-preview-btn:hover{border-color:#9deeff;background:rgba(4,35,60,.55)}
  .bluev2 .voice-preview-btn.is-playing{border-color:#9deeff;color:#9deeff;background:rgba(4,35,60,.62)}
  .bluev2 .voice-preview-icon{font-family:var(--font-body)!important;font-size:13px}
  .bluev2 .voice-preview-status{min-height:15px;margin-left:13px;color:rgba(232,247,255,.68);font-size:10px;font-weight:700}
  .bluev2 #voicePreviewAudio{display:none}

  .bluev2 .whale-donation{
    left:clamp(24px,6vw,92px)!important;right:auto!important;bottom:12px!important;
    width:min(620px,calc(100vw - 48px))!important;transform:none!important;text-align:left!important;align-items:start!important;
  }
  .bluev2 .whale-donation strong, .bluev2 .whale-donation span{text-align:left!important}

  @media(max-width:900px){
    .bluev2 .blue-character{right:2px!important;bottom:12px!important;width:164px!important;opacity:.90}
    .bluev2 .hero-action-row{align-items:flex-start;flex-direction:column;gap:8px}
    .bluev2 .voice-preview-btn{min-height:48px;padding:0 17px;font-size:14px}
    .bluev2 .voice-preview-status{margin-left:8px}
    .bluev2 .whale-donation{left:18px!important;right:auto!important;bottom:7px!important;width:calc(100vw - 190px)!important;max-width:none!important;transform:none!important;text-align:left!important;white-space:normal!important}
    .bluev2 .whale-donation strong{font-size:9px!important}.bluev2 .whale-donation span{font-size:7.4px!important}
  }
  @media(max-width:390px){
    .bluev2 .blue-character{width:146px!important}
    .bluev2 .whale-donation{width:calc(100vw - 158px)!important;left:12px!important}
  }
  @media(prefers-reduced-motion:reduce){.bluev2 #depth-caustics>div, .bluev2 #depth-particles i, .bluev2 #depth-particles b{animation:none!important}}

  :root{
    --landing-left:clamp(24px,6vw,92px);
  }

  /* Unify the visible typography language across the landing and menu. */
  .bluev2 h1, .bluev2 .cold-section h2, .bluev2 .drawer-link, .bluev2 .inline-faq-list summary, .bluev2 .use-case-label, .bluev2 .app-menu-btn, .bluev2 .legend-label{
    font-family:var(--font-display)!important;
  }

  .bluev2 .topbar{
    padding-top:28px!important;
  }
  .bluev2 .brand-logo{
    left:clamp(22px,2.6vw,46px)!important;
    top:0!important;
  }
  .bluev2 .brand-logo img{
    width:clamp(100px,8vw,146px)!important;
    height:auto!important;
  }
  .bluev2 .top-actions{
    top:26px!important;
    right:clamp(18px,4vw,56px)!important;
    gap:16px!important;
    align-items:center!important;
  }
  .bluev2 .app-menu-btn{
    white-space:nowrap!important;
    font-size:13px!important;
    letter-spacing:.12em!important;
  }
  .bluev2 .app-menu-btn sup{
    margin-left:2px!important;
    font-size:1.9em!important;
    line-height:0!important;
    vertical-align:super!important;
  }

  .bluev2 .hero{
    left:var(--landing-left)!important;
    top:clamp(148px,19vh,194px)!important;
    transform:none!important;
    width:min(660px,calc(100vw - 48px))!important;
  }
  .bluev2 .eyebrow{
    margin-bottom:14px!important;
  }
  .bluev2 h1{
    font-size:clamp(64px,7.2vw,116px)!important;
    line-height:.92!important;
    letter-spacing:-.055em!important;
  }
  .bluev2 .intro{
    max-width:570px!important;
    margin-top:24px!important;
    font-size:clamp(16px,1.5vw,21px)!important;
    line-height:1.48!important;
  }
  .bluev2 .hero-conversion{
    margin-top:30px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:10px!important;
  }
  .bluev2 .hero-action-row{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    flex-wrap:nowrap!important;
  }
  .bluev2 .hero-call-cta, .bluev2 .voice-preview-btn{
    min-height:56px!important;
    padding:0 22px!important;
    white-space:nowrap!important;
  }
  .bluev2 .hero-call-cta{
    gap:10px!important;
  }
  .bluev2 .hero-call-icon{
    font-size:18px!important;
    line-height:1!important;
  }
  .bluev2 .hero-call-arrow{
    display:none!important;
  }
  .bluev2 .voice-preview-btn{
    font-size:15px!important;
  }
  .bluev2 .voice-preview-icon{
    font-size:14px!important;
  }
  .bluev2 .hero-conversion p, .bluev2 .voice-preview-status{
    margin-left:10px!important;
  }
  .bluev2 .legend-row{
    margin-top:34px!important;
  }

  /* Floating use-case pills stay inside their own glass background. */
  .bluev2 .use-case{
    gap:10px!important;
    padding:8px 16px 8px 8px!important;
    border:1px solid rgba(190,231,255,.14)!important;
    border-radius:999px!important;
    background:rgba(4,24,44,.18)!important;
    -webkit-backdrop-filter:blur(9px)!important;
    backdrop-filter:blur(9px)!important;
    box-shadow:0 12px 34px rgba(0,8,20,.14)!important;
    max-width:min(300px,calc(100vw - 48px))!important;
  }
  .bluev2 .use-case:nth-child(1){left:53%!important;top:25%!important}
  .bluev2 .use-case:nth-child(2){left:61%!important;top:48%!important}
  .bluev2 .use-case:nth-child(3){left:47%!important;top:70%!important}
  .bluev2 .use-case-label{
    max-width:184px!important;
    font-size:11px!important;
    line-height:1.28!important;
    letter-spacing:.01em!important;
  }

  /* Seamless page background. */
  .bluev2 .cold-landing, .bluev2 .story-section, .bluev2 .topics-section, .bluev2 .final-cta-section, .bluev2 .inline-faq-section, .bluev2 .cold-footer{
    background:transparent!important;
  }
  .bluev2 .cold-section, .bluev2 .cold-footer{
    border-top:0!important;
  }
  .bluev2 .cold-section{
    padding:clamp(74px,9vw,118px) 24px!important;
  }
  .bluev2 .cold-container{
    width:min(1120px,100%)!important;
  }
  .bluev2 .story-intro, .bluev2 .narrow-center, .bluev2 .final-cta-inner{
    max-width:860px!important;
    text-align:left!important;
  }
  .bluev2 .story-intro > p, .bluev2 .narrow-center > p, .bluev2 .final-cta-inner > p{
    max-width:760px!important;
    margin:20px 0 0!important;
  }
  .bluev2 .cold-kicker{
    margin-bottom:14px!important;
  }
  .bluev2 .cold-section h2{
    font-size:clamp(34px,4.5vw,64px)!important;
    line-height:1.02!important;
    letter-spacing:-.03em!important;
    text-align:left!important;
  }
  .bluev2 .cold-section p, .bluev2 .trust-card p, .bluev2 .faq-contact{
    text-align:left!important;
  }
  .bluev2 .topic-chips{
    justify-content:flex-start!important;
    gap:11px!important;
  }
  .bluev2 .topic-chips span{
    font-family:var(--font-body)!important;
  }
  .bluev2 .trust-grid{
    margin-top:36px!important;
  }
  .bluev2 .inline-faq-list{
    margin-top:28px!important;
  }
  .bluev2 .inline-faq-list summary{
    padding:24px 72px 24px 0!important;
    font-size:clamp(18px,2.1vw,24px)!important;
    line-height:1.14!important;
  }
  .bluev2 .inline-faq-list summary::after{
    right:8px!important;
  }
  .bluev2 .inline-faq-list details p{
    max-width:760px!important;
    margin:-4px 0 24px!important;
    padding-right:28px!important;
  }
  .bluev2 .faq-contact{
    margin-top:26px!important;
  }
  .bluev2 .footer-grid, .bluev2 .footer-links, .bluev2 .conservation-line{
    text-align:left!important;
    justify-content:flex-start!important;
  }

  /* Keep Blue visible while preventing text from showing through the transparent asset. */
  .bluev2 .blue-character{
    position:fixed!important;
    right:clamp(6px,2.2vw,32px)!important;
    bottom:clamp(10px,2.2vw,28px)!important;
    width:clamp(185px,18vw,290px)!important;
    animation:none!important;
    isolation:isolate!important;
  }
  .bluev2 .blue-character::before{
    content:"";
    position:absolute;
    inset:10% 10% 12% 10%;
    border-radius:50%;
    background:radial-gradient(ellipse at center, rgba(8,24,44,.98) 0%, rgba(8,24,44,.98) 52%, rgba(8,24,44,.88) 66%, rgba(8,24,44,0) 82%);
    z-index:-1;
    pointer-events:none;
  }
  .bluev2 .blue-character :is(video,img,canvas){
    opacity:1!important;
    filter:saturate(1.03) contrast(1.05)!important;
  }
  .bluev2 .blue-label{
    background:rgba(5,16,30,.92)!important;
  }

  @media (max-width: 900px){
    .bluev2 .use-case:nth-child(1){left:50%!important;top:57%!important}
    .bluev2 .use-case:nth-child(2){left:54%!important;top:66%!important}
    .bluev2 .use-case:nth-child(3){left:46%!important;top:75%!important}
  }

  @media (max-width: 760px){
    .bluev2 .site{
      height:auto!important;
      min-height:930px!important;
      overflow:hidden!important;
    }
    .bluev2 .topbar{
      padding:16px 18px 0!important;
    }
    .bluev2 .brand-logo{
      left:18px!important;
      top:8px!important;
    }
    .bluev2 .brand-logo img{
      width:96px!important;
    }
    .bluev2 .top-actions{
      top:18px!important;
      right:18px!important;
      gap:10px!important;
      align-items:flex-start!important;
    }
    .bluev2 .coin-pill{
      min-height:48px!important;
      padding:0 12px!important;
      gap:8px!important;
    }
    .bluev2 .coin-pill b{
      font-size:13px!important;
    }
    .bluev2 .coin-pill span{
      font-size:12px!important;
    }
    .bluev2 .app-menu-btn{
      font-size:12px!important;
      letter-spacing:.1em!important;
      align-self:center!important;
    }
    .bluev2 .app-menu-btn sup{
      font-size:1.75em!important;
    }

    .bluev2 .hero{
      left:18px!important;
      right:18px!important;
      width:auto!important;
      top:136px!important;
    }
    .bluev2 h1{
      font-size:clamp(42px,13vw,60px)!important;
      line-height:.95!important;
    }
    .bluev2 .intro{
      max-width:none!important;
      margin-top:16px!important;
      padding-right:10px!important;
      font-size:clamp(16px,4.7vw,18px)!important;
      line-height:1.42!important;
    }
    .bluev2 .hero-conversion{
      margin-top:20px!important;
      gap:9px!important;
    }
    .bluev2 .hero-action-row{
      display:grid!important;
      grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
      gap:10px!important;
      width:100%!important;
    }
    .bluev2 .hero-call-cta, .bluev2 .voice-preview-btn{
      min-height:54px!important;
      padding:0 12px!important;
      font-size:12px!important;
      gap:7px!important;
      width:100%!important;
    }
    .bluev2 .hero-call-icon, .bluev2 .voice-preview-icon{
      font-size:15px!important;
    }
    .bluev2 .hero-conversion p, .bluev2 .voice-preview-status{
      margin-left:0!important;
      padding-left:8px!important;
      font-size:11px!important;
    }
    .bluev2 .legend-row{
      margin-top:22px!important;
    }

    .bluev2 .use-case{
      max-width:calc(100vw - 36px)!important;
      padding:10px 14px 10px 10px!important;
    }
    .bluev2 .use-case:nth-child(1){left:18px!important;top:67%!important}
    .bluev2 .use-case:nth-child(2){left:18px!important;top:75%!important}
    .bluev2 .use-case:nth-child(3){left:18px!important;top:83%!important}
    .bluev2 .use-case-label{
      max-width:none!important;
      font-size:14px!important;
      line-height:1.18!important;
    }

    .bluev2 .blue-character{
      width:clamp(154px,42vw,194px)!important;
      right:-2px!important;
      bottom:16px!important;
    }
    .bluev2 .blue-character::before{
      inset:8% 6% 11% 8%!important;
    }
    .bluev2 .blue-label{
      font-size:8px!important;
      right:8%!important;
      bottom:4%!important;
    }

    .bluev2 .cold-section{
      padding:56px 18px!important;
    }
    .bluev2 .cold-section h2{
      font-size:clamp(30px,8.4vw,42px)!important;
    }
    .bluev2 .topic-chips span{
      font-size:13px!important;
    }
    .bluev2 .inline-faq-list summary{
      padding:22px 54px 22px 0!important;
      font-size:clamp(14px,6vw,22px)!important;
    }
    .bluev2 .inline-faq-list summary::after{
      width:38px!important;
      height:38px!important;
      right:0!important;
    }
    .bluev2 .inline-faq-list details p{
      padding-right:0!important;
      font-size:13px!important;
    }
  }

  /* Restore the donor geometry for the fixed Blue character, without any backing shape. */
  .bluev2 .blue-character{
    position:fixed!important;
    right:clamp(6px,2.5vw,40px)!important;
    bottom:clamp(6px,2vw,30px)!important;
    width:clamp(193px,19.8vw,330px)!important;
    opacity:1!important;
    isolation:auto!important;
    animation:none!important;
    background:transparent!important;
  }
  .bluev2 .blue-character::before{
    content:none!important;
    display:none!important;
    background:none!important;
  }
  .bluev2 .blue-character :is(video,img,canvas){
    opacity:1!important;
    background:transparent!important;
  }

  /* Donor-style scattered hotspots: no pill backing, only plus and label. */
  .bluev2 .use-case{
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
    max-width:none!important;
    gap:12px!important;
  }
  .bluev2 .use-case:nth-child(1){left:52%!important;top:24%!important}
  .bluev2 .use-case:nth-child(2){left:61%!important;top:47%!important}
  .bluev2 .use-case:nth-child(3){left:45%!important;top:69%!important}
  .bluev2 .use-case-label{
    max-width:none!important;
    white-space:nowrap!important;
  }
  @media(min-width:761px){
    .bluev2 .use-case-label{
      font-size:15.84px!important;
      line-height:1.3!important;
    }
  }

  /* Superscript plus exactly follows the attached donor file. */
  .bluev2 .app-menu-btn{
    font-size:13.2px!important;
    display:inline-flex!important;
    align-items:flex-start!important;
    gap:1px!important;
  }
  .bluev2 .app-menu-btn sup{
    position:relative!important;
    top:-.42em!important;
    margin-left:1px!important;
    font-size:1.32em!important;
    line-height:.7!important;
    font-weight:900!important;
    letter-spacing:0!important;
    vertical-align:baseline!important;
  }

  /* Green, vector phone icon instead of a platform-dependent colored emoji. */
  .bluev2 .hero-call-icon{
    display:inline-grid!important;
    place-items:center!important;
    color:#52df91!important;
  }
  .bluev2 .hero-call-icon svg{
    display:block!important;
    width:20px!important;
    height:20px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.9!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  /* Clear, recognizable line icons for privacy and boundaries. */
  .bluev2 .trust-icon{
    display:grid!important;
    place-items:center!important;
  }
  .bluev2 .trust-icon svg{
    width:25px!important;
    height:25px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  /* Increase the conservation statement by 40% on both landing placements. */
  .bluev2 .whale-donation strong{
    font-size:16.1px!important;
    line-height:1.22!important;
    letter-spacing:.015em!important;
  }
  .bluev2 .conservation-line{
    font-size:16.8px!important;
    line-height:1.3!important;
  }

  /* Give the final call-to-action breathing room. */
  .bluev2 .final-call-cta{
    margin:34px 0 0!important;
  }

  /* FAQ without card backings. Separators remain for scanning. */
  .bluev2 .inline-faq-list details{
    background:transparent!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
    border-radius:0!important;
  }
  .bluev2 .faq-list{
    gap:0!important;
  }
  .bluev2 .faq-item{
    border:0!important;
    border-bottom:1px solid rgba(190,231,255,.14)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .bluev2 .faq-item>button{
    padding-left:0!important;
    padding-right:0!important;
  }
  .bluev2 .faq-item>div{
    padding-left:0!important;
    padding-right:0!important;
  }

  @media(max-width:760px){
    .bluev2 .blue-character{
      right:4px!important;
      bottom:2%!important;
      width:210px!important;
    }
    .bluev2 .use-case:nth-child(1){left:7%!important;top:55%!important}
    .bluev2 .use-case:nth-child(2){left:21%!important;top:64.5%!important}
    .bluev2 .use-case:nth-child(3){left:10%!important;top:73.5%!important}
    .bluev2 .use-case-label{
      font-size:12.8px!important;
      line-height:1.3!important;
    }
    .bluev2 .app-menu-btn{font-size:11px!important}
    .bluev2 .whale-donation strong{
      font-size:clamp(12.9px,3.45vw,15.3px)!important;
      line-height:1.24!important;
    }
    .bluev2 .whale-donation span{
      font-size:clamp(8px,2.15vw,9.5px)!important;
      line-height:1.3!important;
    }
    .bluev2 .conservation-line{
      font-size:15px!important;
    }
    .bluev2 .final-call-cta{
      margin-top:28px!important;
    }
    .bluev2 .hero-call-icon svg{
      width:17px!important;
      height:17px!important;
    }
  }

  @media(max-width:380px){
    .bluev2 .blue-character{
      width:194px!important;
      bottom:2%!important;
    }
    .bluev2 .use-case:nth-child(1){left:6%!important;top:54.5%!important}
    .bluev2 .use-case:nth-child(2){left:17%!important;top:63.5%!important}
    .bluev2 .use-case:nth-child(3){left:8%!important;top:72.5%!important}
    .bluev2 .use-case-label{font-size:12.4px!important}
  }

  /* Main logo touches the top edge on desktop and mobile. */
  .bluev2 .brand-logo{
    top:0!important;
    margin-top:0!important;
  }
  .bluev2 .brand-logo img{
    margin-top:0!important;
  }

  /* Conservation statement now belongs to the hero flow, directly below the 52 Hz control. */
  .bluev2 .hero .whale-donation{
    position:static!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:auto!important;
    max-width:none!important;
    margin:18px 0 0!important;
    transform:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:4px!important;
    text-align:left!important;
  }
  .bluev2 .hero .whale-donation strong{
    white-space:nowrap!important;
    font-size:clamp(12px,1.08vw,16.1px)!important;
    line-height:1.15!important;
  }
  .bluev2 .hero .whale-donation span{
    font-size:clamp(8.5px,.72vw,10px)!important;
    line-height:1.25!important;
  }

  /* The trust cards were repetitive and are intentionally removed. */
  .bluev2 .trust-grid{display:none!important;}

  /* Supplied horizontal footer logo replaces the plain wordmark. */
  .bluev2 .footer-logo{
    display:block!important;
    width:clamp(190px,18vw,270px)!important;
    height:auto!important;
    object-fit:contain!important;
  }
  .bluev2 .footer-brand-block p{
    margin-top:12px!important;
  }

  /* Larger CTA label inside the final call button. */
  .bluev2 .final-call-cta{
    min-height:62px!important;
    padding-left:28px!important;
    padding-right:28px!important;
  }
  .bluev2 .final-call-cta > span:not(.hero-call-icon):not(.hero-call-arrow){
    font-size:23.4px!important;
    line-height:1!important;
  }
  .bluev2 .final-call-cta .hero-call-icon{
    color:#52df91!important;
  }

  /* Footer content sits above a clear depth zone so the fixed whale never covers legal links. */
  .bluev2 .cold-footer{
    padding-bottom:390px!important;
  }
  .bluev2 .footer-grid{
    grid-template-columns:1fr!important;
    justify-items:start!important;
  }
  .bluev2 .footer-links{
    justify-content:flex-start!important;
    margin-top:8px!important;
  }
  .bluev2 .conservation-line{
    text-align:left!important;
  }

  @media(min-width:901px){
    /* Every content section starts on the same vertical axis as the hero title. */
    .bluev2 .cold-container{
      width:auto!important;
      max-width:none!important;
      margin-left:var(--landing-left)!important;
      margin-right:clamp(310px,25vw,390px)!important;
    }
    .bluev2 .story-intro, .bluev2 .narrow-center, .bluev2 .final-cta-inner{
      max-width:none!important;
      margin-left:0!important;
      margin-right:0!important;
      text-align:left!important;
    }
    .bluev2 .cold-section h2{
      max-width:none!important;
      white-space:nowrap!important;
      text-align:left!important;
      font-size:clamp(31px,3.55vw,54px)!important;
    }
    .bluev2 .story-intro > p, .bluev2 .narrow-center > p, .bluev2 .final-cta-inner > p{
      margin-left:0!important;
      margin-right:0!important;
      text-align:left!important;
    }
    .bluev2 .final-call-cta{
      margin-left:0!important;
      margin-right:0!important;
    }
    .bluev2 .inline-faq-list, .bluev2 .faq-contact{
      text-align:left!important;
    }
  }

  @media(max-width:900px){
    .bluev2 .brand-logo{
      top:0!important;
      left:18px!important;
    }
    .bluev2 .brand-logo img{
      margin-top:0!important;
    }

    /* Restore the 52 Hz story control directly below the two hero buttons. */
    .bluev2 .legend-row{
      display:flex!important;
      margin-top:20px!important;
    }
    .bluev2 .hero .whale-donation{
      margin-top:14px!important;
      gap:3px!important;
    }
    .bluev2 .hero .whale-donation strong{
      width:100%!important;
      max-width:100%!important;
      overflow:hidden!important;
      white-space:nowrap!important;
      text-overflow:clip!important;
      font-size:clamp(9.7px,2.7vw,12.4px)!important;
      letter-spacing:-.01em!important;
    }
    .bluev2 .hero .whale-donation span{
      font-size:clamp(7.7px,2.05vw,9px)!important;
    }

    /* Bring the scattered plus controls closer to the hero information. */
    .bluev2 .use-case:nth-child(1){top:58%!important}
    .bluev2 .use-case:nth-child(2){top:66.5%!important}
    .bluev2 .use-case:nth-child(3){top:75%!important}

    .bluev2 .footer-logo{
      width:min(225px,72vw)!important;
    }
    .bluev2 .cold-footer{
      padding-bottom:285px!important;
    }
    .bluev2 .footer-links{
      max-width:calc(100vw - 36px)!important;
      gap:14px!important;
    }
    .bluev2 .conservation-line{
      max-width:calc(100vw - 36px)!important;
    }
    .bluev2 .final-call-cta > span:not(.hero-call-icon):not(.hero-call-arrow){
      font-size:20.8px!important;
    }
  }

  :root{
    --landing-axis:clamp(24px,6vw,92px);
    --ui-radius:14px;
  }

  /* All desktop sections begin on exactly the same axis as the hero title. */
  @media(min-width:901px){
    .bluev2 .cold-section, .bluev2 .cold-footer{
      padding-left:var(--landing-axis)!important;
      padding-right:clamp(320px,25vw,400px)!important;
    }
    .bluev2 .cold-section > .cold-container, .bluev2 .cold-footer > .cold-container{
      width:100%!important;
      max-width:none!important;
      margin-left:0!important;
      margin-right:0!important;
    }
    .bluev2 .story-intro, .bluev2 .narrow-center, .bluev2 .final-cta-inner, .bluev2 .inline-faq-section .cold-container{
      width:100%!important;
      max-width:none!important;
      margin-left:0!important;
      margin-right:0!important;
    }
  }

  /* Compact footer: clear the whale only where it actually sits. */
  .bluev2 .cold-footer{
    padding-top:42px!important;
    padding-bottom:88px!important;
  }
  .bluev2 .footer-grid{
    width:min(760px,100%)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:18px!important;
  }
  .bluev2 .footer-brand-block p{
    margin-top:10px!important;
  }
  .bluev2 .footer-links{
    margin-top:0!important;
    justify-content:flex-start!important;
    gap:14px 20px!important;
  }
  .bluev2 .conservation-line{
    width:min(760px,100%)!important;
    margin-top:24px!important;
    padding-top:18px!important;
  }

  /* Top-up has one radius system and no duration sublabels. */
  .bluev2 .topup-card{
    border-radius:var(--ui-radius)!important;
  }
  .bluev2 .topup-card > header{
    min-height:58px!important;
    padding-bottom:15px!important;
  }
  .bluev2 .topup-card h2{
    margin:0!important;
  }
  .bluev2 .coin-packages{
    margin-top:17px!important;
  }
  .bluev2 .coin-packages button, .bluev2 .topup-consent, .bluev2 .coin-packages b{
    border-radius:var(--ui-radius)!important;
  }
  .bluev2 .coin-packages button{
    min-height:118px!important;
    grid-template-rows:1fr auto!important;
    padding-top:25px!important;
  }
  .bluev2 .coin-packages .package-time{
    display:none!important;
  }
  .bluev2 .coin-packages i{
    border-radius:7px!important;
  }
  .bluev2 .topup-note{
    margin-top:13px!important;
  }

  @media(max-width:900px){
    .bluev2 .cold-footer{
      padding:34px 18px 205px!important;
    }
    .bluev2 .cold-footer > .cold-container{
      width:100%!important;
      max-width:none!important;
      margin:0!important;
    }
    .bluev2 .footer-grid{
      width:100%!important;
      gap:16px!important;
    }
    .bluev2 .footer-links{
      max-width:100%!important;
      gap:13px 17px!important;
    }
    .bluev2 .conservation-line{
      width:100%!important;
      max-width:100%!important;
      margin-top:22px!important;
    }
    .bluev2 .topup-card{
      border-radius:0!important;
    }
    .bluev2 .coin-packages button{
      min-height:126px!important;
      grid-template-rows:1fr auto!important;
      padding:25px 8px 12px!important;
    }
    .bluev2 .coin-packages b, .bluev2 .topup-consent{
      border-radius:var(--ui-radius)!important;
    }
  }

  @media(max-width:390px){
    .bluev2 .cold-footer{
      padding-bottom:190px!important;
    }
  }

  :root{
    --section-space-desktop:88px;
    --section-space-mobile:56px;
  }

  /* One vertical rhythm for every content section. */
  .bluev2 .cold-section{
    padding-top:var(--section-space-desktop)!important;
    padding-bottom:var(--section-space-desktop)!important;
  }
  .bluev2 .cold-footer{
    padding-top:var(--section-space-desktop)!important;
  }
  .bluev2 .cold-kicker{
    margin-bottom:14px!important;
  }
  .bluev2 .cold-section h2{
    margin-bottom:0!important;
  }
  .bluev2 .story-intro > p, .bluev2 .narrow-center > p, .bluev2 .final-cta-inner > p{
    margin-top:20px!important;
  }
  .bluev2 .topic-chips{
    margin-top:28px!important;
  }
  .bluev2 .inline-faq-list{
    margin-top:28px!important;
  }

  @media(max-width:900px){
    /* The first screen ends with the last hotspot, then uses the same section gap. */
    .bluev2 .site{
      min-height:max(840px,100svh)!important;
    }
    .bluev2 .use-case:nth-child(1){
      top:auto!important;
      bottom:180px!important;
    }
    .bluev2 .use-case:nth-child(2){
      top:auto!important;
      bottom:108px!important;
    }
    .bluev2 .use-case:nth-child(3){
      top:auto!important;
      bottom:36px!important;
    }

    .bluev2 .cold-section{
      padding-top:var(--section-space-mobile)!important;
      padding-bottom:var(--section-space-mobile)!important;
    }
    .bluev2 .cold-footer{
      padding-top:var(--section-space-mobile)!important;
    }
    .bluev2 .story-intro > p, .bluev2 .narrow-center > p, .bluev2 .final-cta-inner > p{
      margin-top:18px!important;
    }
    .bluev2 .topic-chips, .bluev2 .inline-faq-list{
      margin-top:24px!important;
    }
  }

  @media(max-width:390px){
    .bluev2 .site{
      min-height:max(820px,100svh)!important;
    }
    .bluev2 .use-case:nth-child(1){bottom:168px!important;}
    .bluev2 .use-case:nth-child(2){bottom:100px!important;}
    .bluev2 .use-case:nth-child(3){bottom:32px!important;}
  }

  /* Unified production logo on the header and footer. */
  .bluev2 .brand-logo img, .bluev2 .footer-logo{
    mix-blend-mode:normal!important;
    background:transparent!important;
    object-fit:contain!important;
  }

  .bluev2 .brand-logo img{
    width:clamp(110px,8.7vw,158px)!important;
    height:auto!important;
  }

  .bluev2 .footer-logo{
    width:clamp(138px,11vw,184px)!important;
    height:auto!important;
  }

  @media(max-width:900px){
    .bluev2 .brand-logo img{
      width:82px!important;
    }
    .bluev2 .footer-logo{
      width:132px!important;
    }
  }

  /* Final logo placement: balanced safe area on desktop and mobile. */
  .bluev2 .brand-logo{
    top:22px!important;
    left:clamp(30px,3.2vw,54px)!important;
    margin:0!important;
  }
  .bluev2 .brand-logo img{
    display:block!important;
    width:clamp(112px,8.6vw,156px)!important;
    height:auto!important;
    margin:0!important;
  }

  @media (max-width:900px){
    .bluev2 .brand-logo{
      top:18px!important;
      left:22px!important;
    }
    .bluev2 .brand-logo img{
      width:86px!important;
    }
  }

  @media (max-width:480px){
    .bluev2 .brand-logo{
      top:18px!important;
      left:22px!important;
    }
    .bluev2 .brand-logo img{
      width:84px!important;
    }
  }

  /* Desktop only: center the header logo. Mobile/tablet placement stays unchanged. */
  @media (min-width:901px){
    .bluev2 .brand-logo{
      left:50%!important;
      right:auto!important;
      top:22px!important;
      transform:translateX(-50%)!important;
      margin:0!important;
    }
  }

  .bluev2 .footer-company{
    max-width:760px;
    margin-top:16px;
    padding-top:16px;
    border-top:1px solid rgba(190,231,255,.12);
    color:rgba(230,244,252,.62);
    font-size:11px;
    line-height:1.55;
  }
  .bluev2 .footer-company p, .bluev2 .footer-company address{
    max-width:none!important;
    margin:3px 0 0!important;
    color:inherit!important;
    font:inherit!important;
    font-style:normal!important;
  }
  .bluev2 .footer-company strong{
    color:rgba(240,249,255,.82);
    font-weight:800;
  }
  .bluev2 .footer-company a{
    color:#8cebe5;
    text-decoration:none;
  }
  .bluev2 .footer-company a:hover{
    text-decoration:underline;
  }
  @media(max-width:900px){
    .bluev2 .footer-company{
      width:100%;
      max-width:100%;
      margin-top:14px;
      padding-top:14px;
      font-size:10.5px;
      line-height:1.5;
    }
  }

  .bluev2 .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

  .bluev2 .hero-whale-anchor{display:none}
  .bluev2 .hotspot-section-title{position:absolute;left:calc(100% + clamp(30px,4vw,76px));top:-10px;width:min(390px,34vw);z-index:14}
  .bluev2 .hotspot-section-title span{display:block;margin-bottom:9px;color:#8cebe5;font:700 9px var(--font-mono);letter-spacing:.14em;text-transform:uppercase}
  .bluev2 .hotspot-section-title h2{margin:0;font-family:var(--font-display)!important;font-size:clamp(25px,2.5vw,38px);line-height:.95;letter-spacing:-.035em;text-shadow:0 8px 28px rgba(0,8,20,.35)}

  .bluev2 .companion-choice-panel{width:min(390px,calc(100vw - 32px))!important}
  .bluev2 .companion-choice-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
  .bluev2 .companion-choice-actions button{min-height:50px;border-radius:12px;font-family:var(--font-display)!important;font-weight:800;cursor:pointer}
  .bluev2 .companion-choice-primary{border:1px solid #8cebe5!important;background:#8cebe5!important;color:#03111f!important}
  .bluev2 .companion-choice-secondary{border:1px solid rgba(190,231,255,.42);background:rgba(255,255,255,.035);color:#fff}
  .bluev2 .choice-note{margin:12px 0 0;color:rgba(235,247,255,.55);font-size:10px;line-height:1.45}

  .bluev2 .section-lead{max-width:790px;margin:22px 0 0!important;font-size:16px}
  .bluev2 .conversion-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:42px}
  .bluev2 .conversion-card{min-height:265px;display:flex;flex-direction:column;padding:26px;border:1px solid rgba(157,238,255,.18);border-radius:20px;background:rgba(3,22,39,.38);backdrop-filter:blur(12px)}
  .bluev2 .conversion-card-number{color:#8cebe5;font:700 9px var(--font-mono);letter-spacing:.14em}
  .bluev2 .conversion-card h3{margin:22px 0 8px;font-family:var(--font-display)!important;font-size:29px;line-height:1}
  .bluev2 .conversion-card p{margin:0!important;font-size:14px}
  .bluev2 .conversion-card button{width:max-content;margin-top:auto;padding:0;border:0;background:none;color:#9deeff;font-weight:800;cursor:pointer}

  .bluev2 .memory-layout, .bluev2 .demo-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:clamp(42px,7vw,96px);align-items:center}
  .bluev2 .memory-copy>p, .bluev2 .demo-copy>p{max-width:700px;margin:22px 0 0!important}
  .bluev2 .memory-points{display:grid;gap:12px;margin:28px 0 0;padding:0;list-style:none}
  .bluev2 .memory-points li{position:relative;padding-left:27px;color:rgba(238,248,255,.86);font-weight:700}
  .bluev2 .memory-points li::before{content:"";position:absolute;left:0;top:.48em;width:9px;height:9px;border-radius:50%;background:#8cebe5;box-shadow:0 0 0 5px rgba(140,235,229,.10)}
  .bluev2 .memory-example{padding:30px;border:1px solid rgba(157,238,255,.25);border-radius:22px;background:linear-gradient(155deg,rgba(11,49,80,.76),rgba(3,22,39,.58));box-shadow:0 28px 90px rgba(0,7,18,.28)}
  .bluev2 .memory-example>span{color:#8cebe5;font:700 9px var(--font-mono);letter-spacing:.14em}
  .bluev2 .memory-example blockquote{margin:20px 0 18px;font-family:var(--font-display);font-size:clamp(26px,3vw,42px);line-height:1.05;letter-spacing:-.03em}
  .bluev2 .memory-example p{margin:0!important;font-size:11px!important;color:rgba(230,244,252,.52)!important}

  .bluev2 .demo-chat{display:grid;gap:12px;padding:26px;border:1px solid rgba(157,238,255,.18);border-radius:22px;background:rgba(3,22,39,.48);backdrop-filter:blur(14px)}
  .bluev2 .demo-bubble{max-width:82%;padding:14px 16px;border-radius:16px;font-size:14px;line-height:1.48}
  .bluev2 .user-demo{justify-self:end;background:#9deeff;color:#03111f;border-bottom-right-radius:5px}
  .bluev2 .blue-demo{justify-self:start;background:rgba(255,255,255,.07);border:1px solid rgba(190,231,255,.14);border-bottom-left-radius:5px;color:#f5fbff}
  .bluev2 .demo-chat small{margin-top:4px;color:rgba(230,244,252,.48)}
  .bluev2 .secondary-chat-cta{min-height:50px;margin-top:28px;padding:0 20px;border:1px solid rgba(190,231,255,.44);border-radius:999px;background:rgba(3,22,39,.25);color:#fff;font-family:var(--font-display)!important;font-weight:800;cursor:pointer}

  .bluev2 .boundary-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:36px;border-top:1px solid rgba(190,231,255,.16)}
  .bluev2 .boundary-points>div{display:grid;grid-template-columns:minmax(140px,.45fr) 1fr;gap:24px;padding:24px 0;border-bottom:1px solid rgba(190,231,255,.16)}
  .bluev2 .boundary-points>div:nth-child(odd){padding-right:26px}
  .bluev2 .boundary-points>div:nth-child(even){padding-left:26px}
  .bluev2 .boundary-points strong{font-family:var(--font-display);font-size:20px}
  .bluev2 .boundary-points span{color:rgba(230,244,252,.68);font-size:13px;line-height:1.55}

  .bluev2 .final-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}
  .bluev2 .final-actions .final-call-cta{margin:0!important}
  .bluev2 .final-chat-cta{margin:0!important;min-height:62px!important;padding:0 28px!important;font-size:20px!important}

  .bluev2 .chat-overlay{position:fixed;inset:0;z-index:410;display:grid;place-items:center;padding:18px;background:rgba(0,7,16,.78);backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transition:.22s ease}
  .bluev2 .chat-overlay.open{opacity:1;visibility:visible;pointer-events:auto}
  .bluev2 .chat-shell{width:min(680px,100%);height:min(760px,calc(100svh - 36px));display:grid;grid-template-rows:auto 1fr auto auto;overflow:hidden;border:1.5px solid rgba(157,238,255,.50);border-radius:22px;background:linear-gradient(180deg,#0b3150,#061a2c);box-shadow:0 38px 120px rgba(0,0,0,.66)}
  .bluev2 .chat-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid rgba(190,231,255,.16)}
  .bluev2 .chat-head span{color:#8cebe5;font:700 8px var(--font-mono);letter-spacing:.14em}
  .bluev2 .chat-head h2{margin:5px 0 0;font-family:var(--font-display)!important;font-size:32px;line-height:1}
  .bluev2 .chat-close{width:40px!important;height:40px!important}
  .bluev2 .chat-messages{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:24px}
  .bluev2 .chat-message{max-width:78%;padding:13px 15px;border-radius:15px;font-size:14px;line-height:1.5}
  .bluev2 .blue-message{align-self:flex-start;background:rgba(255,255,255,.07);border:1px solid rgba(190,231,255,.14);border-bottom-left-radius:5px}
  .bluev2 .user-message{align-self:flex-end;background:#9deeff;color:#03111f;border-bottom-right-radius:5px}
  .bluev2 .chat-composer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 18px;border-top:1px solid rgba(190,231,255,.16)}
  .bluev2 .chat-composer textarea{width:100%;min-height:52px;max-height:150px;resize:none;border:1px solid rgba(190,231,255,.24);border-radius:13px;background:rgba(0,10,22,.28);color:#fff;padding:14px;outline:none}
  .bluev2 .chat-composer button{min-width:92px;border:1px solid #8cebe5;border-radius:13px;background:#8cebe5;color:#03111f;font-family:var(--font-display);font-weight:800;cursor:pointer}
  .bluev2 .chat-disclaimer{margin:0;padding:0 20px 16px;color:rgba(230,244,252,.48);font-size:9px!important;text-align:center}

  @media(min-width:901px){
    .bluev2 .hero-whale-anchor{display:block!important;width:0!important;height:0!important;margin:0!important}
    .bluev2 .hero-whale-anchor .blue-character{position:fixed!important;right:clamp(6px,2.5vw,40px)!important;bottom:clamp(6px,2vw,30px)!important;left:auto!important;width:clamp(193px,19.8vw,330px)!important;margin:0!important;z-index:20!important}
  }

  @media(max-width:900px){
    .bluev2 .site{height:auto!important;min-height:860px!important}
    .bluev2 .hero{top:128px!important}
    .bluev2 .hero-whale-anchor{display:flex;align-items:center;justify-content:center;min-height:clamp(270px,74vw,340px);margin:4px 0 8px;position:relative;z-index:12}
    .bluev2 .hero-whale-anchor .blue-character{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:min(88vw,360px)!important;height:auto!important;margin:0 auto!important;transform:none!important;z-index:16!important;transition:opacity .2s ease}
    .bluev2 .hero-whale-anchor .blue-character.is-docked{position:fixed!important;left:auto!important;right:5px!important;top:auto!important;bottom:14px!important;width:170px!important;margin:0!important;z-index:80!important}
    .bluev2 .hero-whale-anchor .blue-character.is-docked .blue-label{font-size:7.5px!important}
    .bluev2 .hotspot-section-title{position:static!important;width:auto!important;margin-top:26px;padding-right:12px}
    .bluev2 .hotspot-section-title span{font-size:8px}
    .bluev2 .hotspot-section-title h2{font-size:clamp(27px,8vw,36px)}
    .bluev2 .legend-row{margin-top:18px!important}
    .bluev2 .hero .whale-donation{margin-top:13px!important}
    .bluev2 .use-cases{position:absolute!important;left:18px!important;right:18px!important;top:auto!important;bottom:34px!important;display:grid!important;gap:16px!important;pointer-events:none}
    .bluev2 .use-case, .bluev2 .use-case:nth-child(1), .bluev2 .use-case:nth-child(2), .bluev2 .use-case:nth-child(3){position:relative!important;left:auto!important;top:auto!important;bottom:auto!important;width:max-content!important;max-width:calc(100vw - 36px)!important;margin:0!important}
    .bluev2 .use-case:nth-child(2){margin-left:8vw!important}
    .bluev2 .use-case:nth-child(3){margin-left:3vw!important}
    .bluev2 .use-case-label{font-size:13px!important}

    .bluev2 .conversion-card-grid{grid-template-columns:1fr;margin-top:30px}
    .bluev2 .conversion-card{min-height:220px;padding:22px}
    .bluev2 .memory-layout, .bluev2 .demo-layout{grid-template-columns:1fr;gap:34px}
    .bluev2 .memory-example{padding:23px}
    .bluev2 .boundary-points{grid-template-columns:1fr}
    .bluev2 .boundary-points>div, .bluev2 .boundary-points>div:nth-child(odd), .bluev2 .boundary-points>div:nth-child(even){grid-template-columns:1fr;gap:7px;padding:20px 0}
    .bluev2 .final-actions{align-items:stretch;flex-direction:column;width:100%}
    .bluev2 .final-actions button{width:100%!important}
    .bluev2 .final-chat-cta{min-height:54px!important;font-size:17px!important}
    .bluev2 .companion-choice-actions{grid-template-columns:1fr}
    .bluev2 .chat-overlay{padding:0}
    .bluev2 .chat-shell{width:100vw;height:100svh;border:0;border-radius:0}
    .bluev2 .chat-head{padding:calc(16px + env(safe-area-inset-top)) 15px 14px}
    .bluev2 .chat-messages{padding:18px 14px}
    .bluev2 .chat-composer{grid-template-columns:1fr;padding:12px 14px}
    .bluev2 .chat-composer button{min-height:48px}
    .bluev2 .chat-disclaimer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
  }

  @media(max-width:390px){
    .bluev2 .site{min-height:840px!important}
    .bluev2 .hero-whale-anchor{min-height:250px}
    .bluev2 .hero-whale-anchor .blue-character{width:min(90vw,330px)!important}
    .bluev2 .hero-whale-anchor .blue-character.is-docked{width:150px!important;right:2px!important;bottom:10px!important}
    .bluev2 .use-case-label{font-size:12px!important}
  }

  @media(prefers-reduced-motion:reduce){.bluev2 .blue-character{transition:none!important}}

  :root{
    --ticker-h:36px;
    --page-gutter:clamp(20px,5vw,72px);
    --content-max:1180px;
  }

  .bluev2{scroll-padding-top:calc(var(--ticker-h) + 18px)!important}

  /* Permanent conservation ticker. */
  .bluev2 .conservation-ticker{
    position:fixed;
    inset:0 0 auto;
    z-index:220;
    height:var(--ticker-h);
    display:flex;
    align-items:center;
    overflow:hidden;
    background:#dfff38;
    color:#041323;
    border-bottom:1px solid rgba(3,17,31,.28);
    box-shadow:0 7px 22px rgba(0,8,20,.18);
    font:800 11px/1 var(--font-mono);
    letter-spacing:.08em;
    text-transform:uppercase;
    white-space:nowrap;
  }
  .bluev2 .conservation-ticker__track{
    width:max-content;
    display:flex;
    align-items:center;
    gap:54px;
    padding-left:54px;
    animation:conservationMarquee 26s linear infinite;
    will-change:transform;
  }
  .bluev2 .conservation-ticker__track span::after{
    content:"•";
    margin-left:54px;
  }
  @keyframes conservationMarquee{
    to{transform:translateX(-25%)}
  }

  /* The uploaded donor background remains one continuous fixed ocean. */
  .bluev2 .cold-landing, .bluev2 .cold-section, .bluev2 .cold-footer{
    border:0!important;
    box-shadow:none!important;
  }
  .bluev2 .cold-landing{overflow:visible!important}
  .bluev2 .cold-section{overflow:visible!important}
  .bluev2 #depth-sky{background:linear-gradient(180deg,#7eb8d0 0%,#4a8ebc 48%,#2a6aa0 100%)}

  /* Keep the hero layer above ordinary page content so Blue is never hidden by sections. */
  .bluev2 .site{
    z-index:50!important;
    min-height:760px!important;
    height:100svh!important;
    overflow:visible!important;
  }
  .bluev2 .cold-landing{z-index:8!important}
  .bluev2 .topbar{top:var(--ticker-h)!important}

  .bluev2 .hero{
    left:var(--page-gutter)!important;
    top:calc(var(--ticker-h) + clamp(92px,13vh,138px))!important;
    width:min(610px,48vw)!important;
    transform:none!important;
  }
  .bluev2 .hero h1{max-width:610px!important}
  .bluev2 .hero .intro{max-width:570px!important}
  .bluev2 .hero .whale-donation{display:none!important}

  /* One current character everywhere. Large in hero, compact after the hero. */
  .bluev2 .hero-whale-anchor{
    position:fixed!important;
    top:calc(var(--ticker-h) + 62px)!important;
    right:clamp(18px,3.6vw,62px)!important;
    width:min(47vw,660px)!important;
    height:calc(100svh - var(--ticker-h) - 92px)!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    z-index:178!important;
    pointer-events:none!important;
  }
  .bluev2 .hero-whale-anchor .blue-character{
    position:relative!important;
    inset:auto!important;
    width:min(100%,650px)!important;
    height:auto!important;
    max-height:76svh!important;
    margin:0!important;
    z-index:180!important;
    opacity:1!important;
    pointer-events:auto!important;
    isolation:isolate!important;
    animation:blueFloat 5.8s ease-in-out infinite!important;
    transition:none!important;
  }
  .bluev2 .hero-whale-anchor .blue-character :is(video,img,canvas){
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    opacity:1!important;
    background:transparent!important;
  }
  .bluev2 .hero-whale-anchor .blue-character.is-docked{
    position:fixed!important;
    inset:auto 16px 16px auto!important;
    width:clamp(190px,17vw,260px)!important;
    height:auto!important;
    max-height:none!important;
    z-index:180!important;
  }
  .bluev2 .blue-character, .bluev2 .blue-character.is-docked{
    filter:drop-shadow(0 26px 42px rgba(0,8,20,.50))!important;
  }
  .bluev2 .blue-character:hover{
    filter:drop-shadow(0 32px 50px rgba(0,8,20,.58))!important;
  }

  /* Plus controls are a separate section below the hero, never layered over its copy. */
  .bluev2 .hotspot-cold-section{
    min-height:560px;
    padding:clamp(100px,11vw,150px) var(--page-gutter)!important;
  }
  .bluev2 .hotspot-content{
    width:min(var(--content-max),100%)!important;
    margin:0 auto!important;
  }
  .bluev2 .hotspot-cold-section .hotspot-section-title{
    position:static!important;
    width:auto!important;
    max-width:820px!important;
    margin:0!important;
  }
  .bluev2 .hotspot-cold-section .hotspot-section-title span{
    margin-bottom:14px!important;
    font-size:10px!important;
  }
  .bluev2 .hotspot-cold-section .hotspot-section-title h2{
    margin:0!important;
    max-width:820px!important;
    font-family:var(--font-display)!important;
    font-size:clamp(46px,6vw,82px)!important;
    line-height:.93!important;
    letter-spacing:-.045em!important;
    white-space:normal!important;
  }
  .bluev2 .hotspot-cold-section .use-cases{
    position:relative!important;
    inset:auto!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:clamp(22px,4vw,54px)!important;
    margin-top:64px!important;
    pointer-events:none!important;
  }
  .bluev2 .hotspot-cold-section .use-case, .bluev2 .hotspot-cold-section .use-case:nth-child(1), .bluev2 .hotspot-cold-section .use-case:nth-child(2), .bluev2 .hotspot-cold-section .use-case:nth-child(3){
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  .bluev2 .hotspot-cold-section .use-case-btn{
    width:54px!important;
    height:54px!important;
    flex:0 0 54px!important;
    background:rgba(5,35,61,.46)!important;
  }
  .bluev2 .hotspot-cold-section .use-case-label{
    min-width:0!important;
    max-width:230px!important;
    white-space:normal!important;
    font-size:clamp(16px,1.55vw,21px)!important;
    line-height:1.25!important;
  }

  /* Normalize all content widths and remove legacy no-wrap rules that caused collisions. */
  .bluev2 .cold-section{
    padding:clamp(92px,10vw,144px) var(--page-gutter)!important;
  }
  .bluev2 .cold-container{
    width:min(var(--content-max),100%)!important;
    max-width:var(--content-max)!important;
    margin:0 auto!important;
  }
  .bluev2 .cold-section h2, .bluev2 .story-intro h2, .bluev2 .narrow-center h2, .bluev2 .final-cta-inner h2, .bluev2 .memory-example blockquote{
    max-width:900px!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  .bluev2 .story-intro, .bluev2 .narrow-center, .bluev2 .final-cta-inner{
    max-width:960px!important;
    margin:0!important;
    text-align:left!important;
  }
  .bluev2 .story-intro>p, .bluev2 .narrow-center>p, .bluev2 .final-cta-inner>p{
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
  }
  .bluev2 .memory-layout, .bluev2 .demo-layout{
    grid-template-columns:minmax(0,1fr) minmax(380px,.9fr)!important;
    gap:clamp(46px,7vw,92px)!important;
    align-items:center!important;
  }
  .bluev2 .memory-copy, .bluev2 .demo-copy{
    min-width:0!important;
  }
  .bluev2 .memory-example, .bluev2 .demo-chat{
    min-width:0!important;
    max-width:640px!important;
    width:100%!important;
    justify-self:end!important;
  }
  .bluev2 .memory-example blockquote{
    font-size:clamp(28px,3.2vw,46px)!important;
  }
  .bluev2 .boundary-points{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .bluev2 .boundary-points>div{
    grid-template-columns:minmax(140px,.42fr) 1fr!important;
  }

  .bluev2 .cold-footer{
    padding:100px var(--page-gutter) 280px!important;
  }
  .bluev2 .footer-grid{
    width:min(var(--content-max),100%)!important;
    margin:0 auto!important;
  }
  .bluev2 .conservation-line{display:none!important}

  @media(min-width:901px) and (max-width:1100px){
    .bluev2 .hero-whale-anchor .blue-character.is-docked{
      width:160px!important;
      right:-5px!important;
      bottom:8px!important;
    }
  }

  @media(max-width:1100px){
    .bluev2 .memory-layout, .bluev2 .demo-layout{
      grid-template-columns:1fr!important;
      gap:42px!important;
    }
    .bluev2 .memory-example, .bluev2 .demo-chat{
      justify-self:start!important;
      max-width:760px!important;
    }
    .bluev2 .boundary-points{
      grid-template-columns:1fr!important;
    }
    .bluev2 .boundary-points>div, .bluev2 .boundary-points>div:nth-child(odd), .bluev2 .boundary-points>div:nth-child(even){
      padding-left:0!important;
      padding-right:0!important;
    }
  }

  @media(max-width:900px){
    :root{--ticker-h:31px;--page-gutter:18px}
    .bluev2 .conservation-ticker{
      font-size:9px;
      letter-spacing:.055em;
    }
    .bluev2 .conservation-ticker__track{
      gap:34px;
      padding-left:34px;
      animation-duration:22s;
    }
    .bluev2 .conservation-ticker__track span::after{margin-left:34px}

    .bluev2 .site{
      height:auto!important;
      min-height:100svh!important;
      padding:calc(var(--ticker-h) + 92px) 0 72px!important;
      overflow:visible!important;
    }
    .bluev2 .topbar{top:var(--ticker-h)!important}
    .bluev2 .hero{
      position:relative!important;
      inset:auto!important;
      width:auto!important;
      margin:0 var(--page-gutter)!important;
      transform:none!important;
    }
    .bluev2 .hero h1{
      max-width:100%!important;
      font-size:clamp(50px,14vw,70px)!important;
    }
    .bluev2 .hero .intro{
      max-width:100%!important;
      margin-top:18px!important;
    }
    .bluev2 .hero-whale-anchor{
      position:relative!important;
      inset:auto!important;
      width:100%!important;
      height:auto!important;
      min-height:clamp(250px,72vw,350px)!important;
      margin:5px 0 8px!important;
      display:grid!important;
      place-items:center!important;
      pointer-events:none!important;
    }
    .bluev2 .hero-whale-anchor .blue-character{
      position:relative!important;
      inset:auto!important;
      width:min(92vw,390px)!important;
      max-height:none!important;
      margin:0 auto!important;
      pointer-events:auto!important;
    }
    .bluev2 .hero-whale-anchor .blue-character.is-docked{
      position:fixed!important;
      inset:auto 5px 10px auto!important;
      width:158px!important;
      margin:0!important;
      z-index:180!important;
    }
    .bluev2 .hero-conversion{margin-top:22px!important}
    .bluev2 .legend-row{margin-top:20px!important}

    .bluev2 .hotspot-cold-section{
      min-height:0!important;
      padding:88px var(--page-gutter)!important;
    }
    .bluev2 .hotspot-cold-section .hotspot-section-title h2{
      font-size:clamp(40px,11vw,56px)!important;
    }
    .bluev2 .hotspot-cold-section .use-cases{
      grid-template-columns:1fr!important;
      gap:31px!important;
      margin-top:44px!important;
    }
    .bluev2 .hotspot-cold-section .use-case:nth-child(2){margin-left:9vw!important}
    .bluev2 .hotspot-cold-section .use-case:nth-child(3){margin-left:3vw!important}
    .bluev2 .hotspot-cold-section .use-case-btn{
      width:49px!important;
      height:49px!important;
      flex-basis:49px!important;
    }
    .bluev2 .hotspot-cold-section .use-case-label{
      max-width:calc(100vw - 105px)!important;
      font-size:18px!important;
    }

    .bluev2 .cold-section{padding:82px var(--page-gutter)!important}
    .bluev2 .cold-section h2{
      max-width:100%!important;
      font-size:clamp(39px,11vw,58px)!important;
      line-height:.94!important;
    }
    .bluev2 .conversion-card-grid{grid-template-columns:1fr!important}
    .bluev2 .memory-example, .bluev2 .demo-chat{max-width:100%!important}
    .bluev2 .memory-example blockquote{font-size:clamp(28px,8.5vw,39px)!important}
    .bluev2 .boundary-points>div{
      grid-template-columns:1fr!important;
      gap:8px!important;
    }
    .bluev2 .cold-footer{padding:82px var(--page-gutter) 230px!important}
  }

  @media(max-width:390px){
    .bluev2 .hero-whale-anchor .blue-character{width:min(94vw,350px)!important}
    .bluev2 .hero-whale-anchor .blue-character.is-docked{width:145px!important;right:2px!important;bottom:8px!important}
    .bluev2 .hotspot-cold-section .use-case-label{font-size:16.5px!important}
  }

  @media(max-width:900px){
    .bluev2 .hero-action-row{
      display:flex!important;
      width:100%!important;
      flex-direction:column!important;
      align-items:stretch!important;
      gap:10px!important;
    }
    .bluev2 .hero-call-cta, .bluev2 .voice-preview-btn{
      width:100%!important;
      justify-content:center!important;
    }
  }

  @media(prefers-reduced-motion:reduce){
    .bluev2 .conservation-ticker__track{animation:none!important;transform:none!important}
  }

  :root{--ticker-h:34px!important}

  /* Calm brand ticker, visible on the landing only. */
  .bluev2 .conservation-ticker{
    background:#8cebe5!important;
    color:#041323!important;
    border-bottom-color:rgba(3,17,31,.22)!important;
  }
  .bluev2.menu-open .conservation-ticker, .bluev2:has(.drawer.open) .conservation-ticker, .bluev2:has(.member-overlay.open) .conservation-ticker, .bluev2:has(.topup-overlay.open) .conservation-ticker, .bluev2:has(.faq-overlay.open) .conservation-ticker, .bluev2:has(.chat-overlay.open) .conservation-ticker, .bluev2:has(.call-panel.open) .conservation-ticker, .bluev2:has(.full-call.open) .conservation-ticker{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  .bluev2 .drawer-backdrop{z-index:300!important}
  .bluev2 .drawer{z-index:310!important}

  /* Compact rhythm. Sections are separated by typography, not empty space. */
  .bluev2 .site{min-height:680px!important}
  .bluev2 .cold-section{padding:clamp(58px,6.4vw,88px) var(--page-gutter)!important}
  .bluev2 .hotspot-cold-section{
    min-height:0!important;
    padding:clamp(58px,6vw,82px) var(--page-gutter)!important;
  }
  .bluev2 .hotspot-cold-section .use-cases{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:clamp(16px,2.2vw,30px)!important;
    margin-top:38px!important;
  }
  .bluev2 .hotspot-cold-section .use-case{gap:11px!important}
  .bluev2 .hotspot-cold-section .use-case-btn{
    width:48px!important;height:48px!important;flex-basis:48px!important;
  }
  .bluev2 .hotspot-cold-section .use-case-label{
    max-width:210px!important;
    font-size:clamp(14px,1.28vw,18px)!important;
  }
  .bluev2 .story-section{padding-top:58px!important;padding-bottom:58px!important}
  .bluev2 .conversion-card-grid{margin-top:38px!important}
  .bluev2 .memory-layout, .bluev2 .demo-layout{gap:clamp(34px,5vw,66px)!important}
  .bluev2 .cold-footer{padding:62px var(--page-gutter) 112px!important}

  /* V48 docked character dimensions, always over ordinary content. */
  .bluev2 .hero-whale-anchor .blue-character.is-docked{
    width:clamp(193px,19.8vw,330px)!important;
    right:clamp(6px,2.5vw,40px)!important;
    bottom:clamp(6px,2vw,30px)!important;
    z-index:205!important;
  }
  .bluev2 .blue-character{z-index:205!important}

  /* Choice popup must remain visible wherever the trigger is pressed. */
  .bluev2 .call-panel.companion-choice-panel{
    position:fixed!important;
    left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;
    width:min(460px,calc(100vw - 28px))!important;
    max-height:calc(100svh - 28px)!important;
    overflow:auto!important;
    padding:22px!important;
    z-index:270!important;
    transform:translate(-50%,-46%) scale(.98)!important;
  }
  .bluev2 .call-panel.companion-choice-panel.open{
    transform:translate(-50%,-50%) scale(1)!important;
  }
  .bluev2 .call-panel.companion-choice-panel .call-close{
    position:absolute!important;right:15px!important;top:15px!important;
    width:38px!important;height:38px!important;z-index:5!important;
  }
  .bluev2 .companion-mode-switch, .bluev2 .chat-mode-switch{
    display:grid;
    grid-template-columns:1fr 1fr;
    padding:3px;
    border:1.5px solid rgba(157,238,255,.62);
    border-radius:999px;
    background:rgba(2,20,38,.28);
  }
  .bluev2 .companion-mode-switch{margin:0 50px 24px 0}
  .bluev2 .companion-mode-tab, .bluev2 .chat-mode-switch button{
    min-height:44px;
    border:0;
    border-radius:999px;
    background:transparent;
    color:rgba(239,249,255,.72);
    font-family:var(--font-display)!important;
    font-size:16px;
    font-weight:800;
    text-transform:none;
    cursor:pointer;
  }
  .bluev2 .companion-mode-tab.active, .bluev2 .chat-mode-switch button.active{
    background:#8cebe5;
    color:#03111f;
  }
  .bluev2 .companion-mode-pane[hidden]{display:none!important}
  .bluev2 .companion-mode-pane .call-title{font-size:34px!important;margin:0!important}
  .bluev2 .companion-mode-pane .call-status{margin-top:7px!important}
  .bluev2 .companion-mode-pane .call-copy{margin:15px 0 18px!important}
  .bluev2 .companion-mode-pane .start-call, .bluev2 .companion-mode-pane .start-chat{
    width:100%!important;
    min-height:50px!important;
  }
  .bluev2 .choice-note{margin:14px 0 0!important}

  /* The plus-card actions are real controls, not decoration. */
  .bluev2 .use-case-card .mini-cta{
    pointer-events:auto!important;
    cursor:pointer!important;
    position:relative!important;
    z-index:3!important;
  }

  /* Unified chat/call switching. */
  .bluev2 .chat-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto 42px!important;align-items:center!important}
  .bluev2 .chat-mode-switch{width:210px}
  .bluev2 .chat-mode-switch button{min-height:38px;font-size:14px}
  .bluev2 .chat-message.typing{opacity:.68;font-style:italic}
  .bluev2 .chat-message.error{border-color:rgba(255,150,150,.42)!important;color:#ffd0d0!important}

  @media(max-width:1100px) and (min-width:901px){
    .bluev2 .hotspot-cold-section .use-cases{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  }

  @media(max-width:900px){
    :root{--ticker-h:30px!important}
    .bluev2 .site{
      min-height:0!important;
      height:auto!important;
      padding:calc(var(--ticker-h) + 78px) 0 30px!important;
    }
    .bluev2 .hero-whale-anchor{
      min-height:210px!important;
      margin:-2px 0 0!important;
    }
    .bluev2 .hero-whale-anchor.is-docked-anchor{
      min-height:0!important;
      height:0!important;
      margin:0!important;
      overflow:visible!important;
    }
    .bluev2 .hero-whale-anchor .blue-character{width:min(86vw,340px)!important}
    .bluev2 .hero-whale-anchor .blue-character.is-docked{
      width:210px!important;
      right:4px!important;
      bottom:2%!important;
    }
    .bluev2 .hero-conversion{margin-top:14px!important}
    .bluev2 .legend-row{margin-top:13px!important}
    .bluev2 .cold-section{padding:48px var(--page-gutter)!important}
    .bluev2 .hotspot-cold-section{padding:46px var(--page-gutter)!important}
    .bluev2 .hotspot-cold-section .use-cases{
      grid-template-columns:1fr!important;
      gap:20px!important;
      margin-top:28px!important;
    }
    .bluev2 .hotspot-cold-section .use-case:nth-child(n){margin-left:0!important}
    .bluev2 .hotspot-cold-section .use-case-btn{
      width:45px!important;height:45px!important;flex-basis:45px!important;
    }
    .bluev2 .hotspot-cold-section .use-case-label{
      max-width:calc(100vw - 96px)!important;
      font-size:16px!important;
    }
    .bluev2 .story-section{padding-top:46px!important;padding-bottom:46px!important}
    .bluev2 .conversion-card-grid{margin-top:28px!important}
    .bluev2 .cold-footer{padding:50px var(--page-gutter) 108px!important}

    .bluev2 .call-panel.companion-choice-panel{
      width:calc(100vw - 20px)!important;
      padding:18px!important;
    }
    .bluev2 .companion-mode-switch{margin-right:46px;margin-bottom:20px}
    .bluev2 .companion-mode-tab{min-height:42px;font-size:15px}
    .bluev2 .chat-head{
      grid-template-columns:1fr 40px!important;
      gap:12px!important;
    }
    .bluev2 .chat-head-copy{grid-column:1/2}
    .bluev2 .chat-mode-switch{grid-column:1/3;grid-row:2;width:100%!important}
    .bluev2 .chat-close{grid-column:2/3;grid-row:1}
  }

  @media(max-width:380px){
    .bluev2 .hero-whale-anchor .blue-character.is-docked{width:194px!important;right:4px!important;bottom:2%!important}
    .bluev2 .cold-section{padding-top:42px!important;padding-bottom:42px!important}
    .bluev2 .cold-footer{padding-bottom:98px!important}
  }

  /* The current production character is the only whale used across the site. */
  .bluev2 .blue-character :is(video,img,canvas), .bluev2 .hero-card-media video, .bluev2 .call-video-wrap :is(video,img,canvas), .bluev2 .post-whale :is(video,img,canvas){
    background:transparent!important;
  }

  /* The conservation ticker belongs to the landing page only. */
  .bluev2 .conservation-ticker{
    transition:opacity .16s ease,visibility .16s ease!important;
  }
  .bluev2.overlay-open .conservation-ticker, .bluev2.menu-open .conservation-ticker, .bluev2:has(.drawer.open) .conservation-ticker, .bluev2:has(.member-overlay.open) .conservation-ticker, .bluev2:has(.topup-overlay.open) .conservation-ticker, .bluev2:has(.faq-overlay.open) .conservation-ticker, .bluev2:has(.chat-overlay.open) .conservation-ticker, .bluev2:has(.call-panel.open) .conservation-ticker, .bluev2:has(.full-call.open) .conservation-ticker, .bluev2:has(.auth-modal.open) .conservation-ticker, .bluev2:has(.call-consent-overlay.open) .conservation-ticker, .bluev2:has(.app-modal.open) .conservation-ticker, .bluev2:has(.legal-overlay.open) .conservation-ticker, .bluev2:has(.bottle-experience.open) .conservation-ticker, .bluev2:has(.product-app.open) .conservation-ticker{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /* Every popup and document sits above Blue and clearly separates from the page. */
  .bluev2 .drawer-backdrop, .bluev2 .modal-backdrop, .bluev2 .member-overlay, .bluev2 .topup-overlay, .bluev2 .faq-overlay, .bluev2 .chat-overlay, .bluev2 .auth-modal, .bluev2 .call-consent-overlay, .bluev2 .legal-overlay, .bluev2 .app-modal, .bluev2 .bottle-experience__backdrop{
    background:rgba(0,8,18,.72)!important;
    -webkit-backdrop-filter:blur(24px) saturate(.72)!important;
    backdrop-filter:blur(24px) saturate(.72)!important;
  }
  .bluev2 .drawer-backdrop{z-index:500!important}
  .bluev2 .drawer{z-index:510!important}
  .bluev2 .call-panel, .bluev2 .use-case-card, .bluev2 .legend-panel{z-index:520!important}
  .bluev2 .member-overlay, .bluev2 .topup-overlay, .bluev2 .faq-overlay, .bluev2 .chat-overlay, .bluev2 .auth-modal, .bluev2 .call-consent-overlay, .bluev2 .legal-overlay, .bluev2 .app-modal{z-index:530!important}
  .bluev2 .full-call{z-index:600!important}
  .bluev2 .bottle-experience{z-index:620!important}

  .bluev2 .member-shell, .bluev2 .topup-card, .bluev2 .faq-card, .bluev2 .chat-shell, .bluev2 .auth-card, .bluev2 .call-consent-card, .bluev2 #infoModal .info-modal-card, .bluev2 .app-modal-card, .bluev2 .use-case-card, .bluev2 .legend-panel, .bluev2 .call-panel{
    border-color:rgba(157,238,255,.56)!important;
    box-shadow:0 38px 120px rgba(0,0,0,.68),inset 0 0 0 1px rgba(255,255,255,.045)!important;
  }

  /* More breathing room above the hero title without recreating the old empty areas. */
  @media(min-width:901px){
    .bluev2 .hero{
      top:calc(var(--ticker-h) + clamp(108px,14.5vh,154px))!important;
    }
    .bluev2 .cold-footer{
      padding-bottom:110px!important;
    }
    .bluev2 .cold-footer .footer-grid{
      padding-right:clamp(230px,22vw,350px)!important;
    }
  }

  /* Keep the docked whale clear of company details and footer links. */
  @media(max-width:900px){
    .bluev2 .site{
      padding-top:calc(var(--ticker-h) + 46px)!important;
      padding-bottom:0!important;
      min-height:0!important;
      height:auto!important;
    }
    .bluev2 .hero{
      margin-top:0!important;
      padding-bottom:0!important;
    }
    .bluev2 .hero-whale-anchor.is-docked-anchor{
      display:block!important;
      min-height:0!important;
      height:0!important;
      margin:0!important;
    }
    .bluev2 .cold-landing{
      margin-top:0!important;
    }
    .bluev2 .cold-footer{
      padding-top:56px!important;
      padding-bottom:235px!important;
    }
    .bluev2 .cold-footer .footer-grid{
      padding-right:0!important;
    }

    /* Legal and information documents remain visible as real modal cards. */
    .bluev2 #infoModal{
      padding:12px!important;
    }
    .bluev2 #infoModal .info-modal-card{
      width:calc(100vw - 24px)!important;
      height:calc(100svh - 24px)!important;
      max-height:calc(100svh - 24px)!important;
      border:1.5px solid rgba(157,238,255,.56)!important;
      border-radius:18px!important;
      overflow:hidden!important;
    }
  }

  @media(max-width:380px){
    .bluev2 .cold-footer{padding-bottom:220px!important}
  }

  /* Two clear communication choices. Memory is explained only in its dedicated section. */
  .bluev2 .connection-section .conversion-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-width:880px!important;
  }

  /* Footer navigation and home controls. */
  .bluev2 .footer-home-link{
    display:inline-block;
    width:max-content;
    line-height:0;
  }
  .bluev2 .footer-home-link:focus-visible, .bluev2 .back-to-top:focus-visible{
    outline:2px solid #9deeff;
    outline-offset:5px;
  }
  .bluev2 .back-to-top{
    color:#9deeff!important;
    font-weight:800!important;
    white-space:nowrap;
  }

  /* Keep the mobile hero layout stable while the same whale animates into its docked state. */
  @media(max-width:900px){
    .bluev2 .hero-whale-anchor.is-docked-anchor{
      min-height:210px!important;
      height:auto!important;
      margin:-2px 0 0!important;
      overflow:visible!important;
    }
    .bluev2 .connection-section .conversion-card-grid{
      grid-template-columns:1fr!important;
      max-width:none!important;
    }
  }

  @media(max-width:380px){
    .bluev2 .hero-whale-anchor.is-docked-anchor{
      min-height:190px!important;
    }
  }

  /* The page already explains call, chat and continuity. A separate How it works menu popup was duplicate content. */
  @media(max-width:900px){
    .bluev2 .hero-action-row{
      display:grid!important;
      grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
      align-items:stretch!important;
      width:100%!important;
      gap:8px!important;
    }
    .bluev2 .hero-call-cta, .bluev2 .voice-preview-btn{
      width:100%!important;
      min-width:0!important;
      min-height:48px!important;
      padding:0 8px!important;
      gap:6px!important;
      border-radius:999px!important;
      font-size:clamp(10.5px,3.05vw,13px)!important;
      line-height:1!important;
      white-space:nowrap!important;
      justify-content:center!important;
    }
    .bluev2 .hero-call-icon svg{
      width:15px!important;
      height:15px!important;
    }
    .bluev2 .voice-preview-icon{
      font-size:12px!important;
    }
    .bluev2 .hero-conversion>p, .bluev2 .voice-preview-status{
      width:100%!important;
      margin-left:0!important;
      text-align:center!important;
    }

    .bluev2 .final-actions{
      display:grid!important;
      grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
      align-items:stretch!important;
      width:100%!important;
      gap:8px!important;
    }
    .bluev2 .final-actions .final-call-cta, .bluev2 .final-actions .final-chat-cta{
      width:100%!important;
      min-width:0!important;
      min-height:50px!important;
      margin:0!important;
      padding:0 10px!important;
      border-radius:999px!important;
      font-size:clamp(11px,3.15vw,14px)!important;
      line-height:1!important;
      white-space:nowrap!important;
      justify-content:center!important;
    }
    .bluev2 .final-actions .final-call-cta .hero-call-icon svg{
      width:15px!important;
      height:15px!important;
    }
  }

  @media(max-width:350px){
    .bluev2 .hero-action-row, .bluev2 .final-actions{
      gap:6px!important;
    }
    .bluev2 .hero-call-cta, .bluev2 .voice-preview-btn{
      padding:0 6px!important;
      font-size:10px!important;
    }
    .bluev2 .final-actions .final-call-cta, .bluev2 .final-actions .final-chat-cta{
      padding:0 7px!important;
      font-size:10.5px!important;
    }
  }

  @media(max-width:900px){
    .bluev2 .final-actions .final-call-cta, .bluev2 .final-actions .final-chat-cta{
      font-family:var(--font-display)!important;
      font-size:14px!important;
      font-weight:800!important;
      line-height:1!important;
      letter-spacing:-.01em!important;
    }
    .bluev2 .final-actions .final-call-cta > span:not(.hero-call-icon):not(.hero-call-arrow){
      font-family:var(--font-display)!important;
      font-size:14px!important;
      font-weight:800!important;
      line-height:1!important;
      letter-spacing:-.01em!important;
    }
  }
  @media(max-width:350px){
    .bluev2 .final-actions .final-call-cta, .bluev2 .final-actions .final-chat-cta, .bluev2 .final-actions .final-call-cta > span:not(.hero-call-icon):not(.hero-call-arrow){
      font-size:12.5px!important;
    }
  }