* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

     :root{
      --bbp-navy:#10253f;
      --bbp-navy-2:#173858;
      --bbp-blue:#1667d9;
      --bbp-blue-dark:#0d4fac;
      --bbp-blue-soft:#eaf3ff;
      --bbp-teal:#0f8c80;
      --bbp-text:#172536;
      --bbp-muted:#5d6c7b;
      --bbp-line:#dce4ec;
      --bbp-bg:#f7f9fc;
      --bbp-white:#ffffff;
      --bbp-success:#17745b;
      --bbp-success-soft:#eaf8f2;
      --bbp-shadow:0 18px 50px rgba(16,37,63,.08);
      --bbp-radius:22px;
      --bbp-max:1180px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--bbp-text);
      background:var(--bbp-white);
      font-family:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
      font-size:16px;
      line-height:1.65;
      -webkit-font-smoothing:antialiased;
    }

    a{color:inherit}
    img{max-width:100%;display:block}
    .container{width:min(var(--bbp-max), calc(100% - 40px));margin:0 auto}

    .site-header{
      position:sticky;
      top:0;
      z-index:100;
      background:rgba(255,255,255,.96);
      backdrop-filter:blur(14px);
      border-bottom:1px solid rgba(220,228,236,.9);
    }
    .nav{
      min-height:74px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:28px;
    }
    .brand{
      text-decoration:none;
      display:inline-flex;
      align-items:center;
      gap:10px;
      font-weight:800;
      color:var(--bbp-navy);
      font-size:20px;
      letter-spacing:-.35px;
      white-space:nowrap;
    }
    .brand-mark{
      width:34px;
      height:34px;
      border-radius:10px;
      background:linear-gradient(145deg,var(--bbp-blue),var(--bbp-teal));
      color:#fff;
      display:grid;
      place-items:center;
      font-size:15px;
      font-weight:800;
    }
    .nav-links{
      display:flex;
      align-items:center;
      gap:25px;
      margin-left:auto;
    }
    .nav-links a{
      text-decoration:none;
      color:#334457;
      font-size:14px;
      font-weight:650;
    }
    .nav-links a:hover,
    .nav-links a[aria-current="page"]{color:var(--bbp-blue)}
    .nav-actions{display:flex;align-items:center;gap:10px}
    .btn{
      min-height:44px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      padding:0 18px;
      border-radius:10px;
      text-decoration:none;
      font-size:14px;
      font-weight:750;
      transition:.2s ease;
      border:1px solid transparent;
    }
    .btn-primary{background:var(--bbp-blue);color:#fff;box-shadow:0 10px 24px rgba(22,103,217,.18)}
    .btn-primary:hover{background:var(--bbp-blue-dark);transform:translateY(-1px)}
    .btn-secondary{background:#fff;color:var(--bbp-navy);border-color:var(--bbp-line)}
    .btn-secondary:hover{border-color:#b8c8d9;background:#fbfcfe}
    .btn-light{background:#fff;color:var(--bbp-navy)}
    .btn-ghost-light{color:#fff;border-color:rgba(255,255,255,.35)}

    .breadcrumb{
      padding:22px 0 0;
      color:#6c7a89;
      font-size:13px;
    }
    .breadcrumb a{text-decoration:none;color:#516274}
    .breadcrumb span{margin:0 7px;color:#9aa6b2}

    .hero{
      padding:36px 0 78px;
      background:
        radial-gradient(circle at 88% 15%, rgba(22,103,217,.10), transparent 32%),
        radial-gradient(circle at 10% 80%, rgba(15,140,128,.08), transparent 30%),
        linear-gradient(180deg,#fff 0%,#f8fbff 100%);
      border-bottom:1px solid #e8edf3;
    }
    .hero-grid{
      display:grid;
      grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
      align-items:center;
      gap:64px;
      padding-top:42px;
    }
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      margin:0 0 16px;
      color:var(--bbp-blue-dark);
      font-size:12px;
      font-weight:800;
      letter-spacing:.12em;
      text-transform:uppercase;
    }
    .eyebrow:before{
      content:"";
      width:28px;
      height:2px;
      background:var(--bbp-blue);
      border-radius:20px;
    }
    h1,h2,h3{margin-top:0;color:var(--bbp-navy);letter-spacing:-.025em}
    h1{text-align: left;
      margin-bottom:21px;
      font-size:clamp(40px,5vw,62px);
      line-height:1.07;
      max-width:760px;
    }
    .hero-copy{
      margin:0;
      color:#506174;
      font-size:18px;
      line-height:1.72;
      max-width:720px;
    }
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
    .hero-note{
      display:flex;
      flex-wrap:wrap;
      gap:18px;
      margin-top:22px;
      color:#58697a;
      font-size:13px;
      font-weight:600;
    }
    .hero-note span{display:inline-flex;gap:7px;align-items:center}
    .tick{
      width:18px;height:18px;border-radius:50%;
      display:inline-grid;place-items:center;
      background:var(--bbp-success-soft);color:var(--bbp-success);
      font-size:11px;font-weight:900;
    }

    .security-console{
      position:relative;
      background:var(--bbp-navy);
      color:#fff;
      border-radius:28px;
      padding:30px;
      box-shadow:0 30px 65px rgba(16,37,63,.18);
      overflow:hidden;
    }
    .security-console:after{
      content:"";
      position:absolute;
      width:230px;height:230px;border-radius:50%;
      right:-95px;top:-105px;
      background:rgba(50,136,255,.18);
    }
    .console-top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;align-items:start}
    .shield{
      width:52px;height:52px;border-radius:16px;
      background:rgba(255,255,255,.11);
      border:1px solid rgba(255,255,255,.13);
      display:grid;place-items:center;font-size:24px;
    }
    .status{
      display:inline-flex;align-items:center;gap:7px;
      padding:7px 10px;
      border-radius:999px;
      background:rgba(20,194,139,.13);
      border:1px solid rgba(78,228,177,.25);
      color:#bdf4df;
      font-size:12px;font-weight:750;
    }
    .status-dot{width:7px;height:7px;border-radius:50%;background:#52d7ab}
    .security-console h2{color:#fff;font-size:26px;margin:25px 0 8px}
    .security-console > p{position:relative;z-index:1;color:#c8d6e5;margin:0 0 24px}
    .security-list{position:relative;z-index:1;display:grid;gap:10px}
    .security-row{
      display:grid;
      grid-template-columns:42px 1fr auto;
      align-items:center;
      gap:12px;
      padding:13px;
      border-radius:14px;
      background:rgba(255,255,255,.065);
      border:1px solid rgba(255,255,255,.08);
    }
    .security-icon{
      width:38px;height:38px;border-radius:11px;
      display:grid;place-items:center;
      background:rgba(255,255,255,.09);
      font-size:17px;
    }
    .security-row strong{display:block;font-size:14px;color:#fff}
    .security-row small{display:block;color:#aebfd0;margin-top:1px;font-size:12px}
    .security-row b{color:#bdf4df;font-size:11px;text-transform:uppercase;letter-spacing:.05em}

    .trust-strip{background:#fff;border-bottom:1px solid var(--bbp-line)}
    .trust-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      min-height:112px;
    }
    .trust-item{
      padding:26px 26px;
      border-right:1px solid var(--bbp-line);
    }
    .trust-item:first-child{padding-left:0}
    .trust-item:last-child{border-right:0}
    .trust-item strong{display:block;color:var(--bbp-navy);font-size:16px;margin-bottom:4px}
    .trust-item span{color:var(--bbp-muted);font-size:13px;line-height:1.5}

    section{padding:88px 0}
    .section-head{margin-bottom:46px}
    .section-head.center{margin-left:auto;margin-right:auto;text-align:center}
    .section-kicker{
    text-align: left;
      display:block;
      margin-bottom:10px;
      color:var(--bbp-blue);
      font-size:12px;
      font-weight:850;
      letter-spacing:.11em;
      text-transform:uppercase;
    }
    h2{font-size:clamp(31px,4vw,44px);line-height:1.14;margin-bottom:16px}
    h3{font-size:20px;line-height:1.3;margin-bottom:10px}
    .section-head p{margin:0;color:var(--bbp-muted);font-size:17px;line-height:1.7}

    .principles{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:20px;
    }
    .principle{
      padding:28px 0 5px;
      border-top:2px solid var(--bbp-line);
    }
    .principle-number{color:var(--bbp-blue);font-size:12px;font-weight:850;letter-spacing:.1em}
    .principle h3{margin-top:16px}
    .principle p{margin:0;color:var(--bbp-muted)}

    .soft{background:var(--bbp-bg)}
    .split{
      display:grid;
      grid-template-columns:.9fr 1.1fr;
      gap:72px;
      align-items:start;
    }
    .sticky-copy{position:sticky;top:118px}
    .sticky-copy p{color:var(--bbp-muted);font-size:17px}
    .feature-stack{display:grid;gap:16px}
    .feature-line{
      background:#fff;
      border:1px solid var(--bbp-line);
      border-radius:18px;
      padding:24px 25px;
      display:grid;
      grid-template-columns:46px 1fr;
      gap:16px;
      box-shadow:0 8px 24px rgba(16,37,63,.035);
    }
    .feature-line .ico{
      width:44px;height:44px;border-radius:13px;
      background:var(--bbp-blue-soft);
      color:var(--bbp-blue-dark);
      display:grid;place-items:center;
      font-weight:900;
    }
    .feature-line h3{font-size:18px;margin-bottom:5px}
    .feature-line p{margin:0;color:var(--bbp-muted);font-size:14px}

    .control-grid{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:18px;
    }
    .control-card{
      border:1px solid var(--bbp-line);
      border-radius:20px;
      padding:27px;
      background:#fff;
    }
    .control-card .label{
      display:inline-flex;
      padding:6px 9px;
      border-radius:999px;
      background:var(--bbp-blue-soft);
      color:var(--bbp-blue-dark);
      font-size:11px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.06em;
      margin-bottom:18px;
    }
    .control-card p{color:var(--bbp-muted);margin:0}

    .integrity-wrap{
      background:var(--bbp-navy);
      color:#fff;
      border-radius:30px;
      padding:54px;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:54px;
      align-items:center;
      box-shadow:var(--bbp-shadow);
    }
    .integrity-wrap h2,.integrity-wrap h3{color:#fff}
    .integrity-wrap p{color:#bed0e0}
    .integrity-items{display:grid;gap:14px}
    .integrity-item{
      display:flex;gap:13px;align-items:flex-start;
      padding:15px 0;
      border-bottom:1px solid rgba(255,255,255,.12);
    }
    .integrity-item:last-child{border-bottom:0}
    .integrity-check{
      margin-top:2px;
      flex:0 0 24px;
      width:24px;height:24px;border-radius:8px;
      display:grid;place-items:center;
      background:rgba(82,215,171,.12);
      color:#74e1bd;
      font-size:12px;font-weight:900;
    }
    .integrity-item strong{display:block;color:#fff;margin-bottom:3px}
    .integrity-item span{font-size:13px;color:#b7c7d7}

    .responsibility{
      display:grid;
      grid-template-columns:1fr 1fr;
      border:1px solid var(--bbp-line);
      border-radius:24px;
      overflow:hidden;
    }
    .responsibility > div{padding:36px}
    .responsibility > div + div{border-left:1px solid var(--bbp-line);background:#f9fbfd}
    .responsibility ul{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:12px}
    .responsibility li{position:relative;padding-left:26px;color:#506174}
    .responsibility li:before{
      content:"✓";position:absolute;left:0;top:0;color:var(--bbp-success);font-weight:900
    }

    .privacy-band{
      display:grid;
      grid-template-columns:1.15fr .85fr;
      gap:45px;
      align-items:center;
      padding:44px;
      border:1px solid #cfe1f6;
      background:linear-gradient(135deg,#eef6ff,#f8fbff);
      border-radius:26px;
    }
    .privacy-band p{margin:0;color:#536678}
    .link-list{display:grid;gap:10px}
    .link-list a{
      text-decoration:none;
      background:#fff;
      border:1px solid #d6e4f1;
      border-radius:12px;
      padding:14px 16px;
      font-size:14px;
      font-weight:700;
      color:var(--bbp-navy);
      display:flex;justify-content:space-between;gap:12px
    }

    .faq{max-width:100%;}
    .faq details{
      border-bottom:1px solid var(--bbp-line);
      padding:0;
    }
    .faq summary{
      list-style:none;
      cursor:pointer;
      padding:22px 4px;
      color:var(--bbp-navy);
      font-weight:750;
      position:relative;
      padding-right:40px;
    }
    .faq summary::-webkit-details-marker{display:none}
    .faq summary:after{
      content:"+";
      position:absolute;right:5px;top:17px;
      width:28px;height:28px;border-radius:8px;
      display:grid;place-items:center;
      background:#f1f5f9;color:var(--bbp-navy);font-size:20px;font-weight:400;
    }
    .faq details[open] summary:after{content:"–"}
    .faq .answer{padding:0 44px 22px 4px;color:var(--bbp-muted)}

    .cta{
      padding:78px 0;
      background:linear-gradient(135deg,var(--bbp-navy),#173e67);
      color:#fff;
    }
    .cta-row{
      display:flex;justify-content:space-between;align-items:center;gap:45px;
    }
    .cta h2{color:#fff;margin-bottom:10px}
    .cta p{margin:0;color:#c7d6e5;max-width:700px}
    .cta-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}

    footer{
      /* background:#0a1a2b;
      color:#c2cfdb; */
      padding:42px 0 28px;
    }
  

    @media (max-width:980px){
      .nav-links{display:none}
      .hero-grid,.split,.integrity-wrap,.privacy-band{grid-template-columns:1fr}
      .hero-grid{gap:40px}
      .sticky-copy{position:static}
      .trust-grid{grid-template-columns:repeat(2,1fr)}
      .trust-item:nth-child(2){border-right:0}
      .trust-item:nth-child(-n+2){border-bottom:1px solid var(--bbp-line)}
      .principles{grid-template-columns:1fr}
      .principle{padding-top:20px}
     
    }
    @media (max-width:680px){
      .container{width:min(100% - 28px,var(--bbp-max))}
      .site-header{position:relative}
      .nav{min-height:68px}
      .nav-actions .btn-secondary{display:none}
      .brand{font-size:17px}
      .brand-mark{width:31px;height:31px}
      .hero{padding-bottom:58px}
      .hero-grid{padding-top:28px}
      h1{font-size:39px}
      .hero-copy{font-size:16px}
      .security-console{padding:22px;border-radius:22px}
      .security-row{grid-template-columns:38px 1fr}
      .security-row b{display:none}
      .trust-grid{grid-template-columns:1fr}
      .trust-item,.trust-item:first-child{padding:20px 4px;border-right:0;border-bottom:1px solid var(--bbp-line)}
      .trust-item:last-child{border-bottom:0}
      section{padding:66px 0}
      .control-grid{grid-template-columns:1fr}
      .integrity-wrap{padding:30px 23px;border-radius:22px}
      .responsibility{grid-template-columns:1fr}
      .responsibility > div{padding:27px 22px}
      .responsibility > div + div{border-left:0;border-top:1px solid var(--bbp-line)}
      .privacy-band{padding:27px 22px}
      .cta-row{display:block}
      .cta-actions{justify-content:flex-start;margin-top:26px}
    
    }