:root{--blue:#062b78;--blue2:#0b4bbb;--yellow:#f7d117;--dark:#111827;--muted:#5d6675;--line:#e6ebf3;--soft:#f4f7fb;--white:#fff;--shadow:0 20px 50px rgba(5,28,72,.12);--radius:22px}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,92%);margin:auto}.topbar{background:#031b4e;color:#eaf1ff;font-size:13px;padding:8px 0}.topbar .wrap{display:flex;justify-content:space-between;gap:16px;align-items:center}.notice{font-weight:900;color:var(--yellow)}header{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);z-index:50;border-bottom:1px solid var(--line)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--blue)}.mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:var(--yellow);display:grid;place-items:center;font-size:21px;box-shadow:var(--shadow)}.brand small{display:block;color:var(--muted);font-weight:700;font-size:12px;margin-top:-4px}.links{display:flex;gap:18px;align-items:center;font-weight:800;font-size:14px}.links a{color:#24334d}.links a:hover{color:var(--blue2)}.menu-btn{display:none;border:0;background:var(--blue);color:#fff;border-radius:12px;padding:10px 13px;font-weight:900}.hero{background:radial-gradient(circle at top right,#ffe66b 0,#fff2a6 16%,#f6f9ff 42%,#fff 74%);padding:76px 0 54px}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:34px;align-items:center}.badge{display:inline-flex;align-items:center;gap:8px;background:#eef4ff;color:var(--blue);border:1px solid #d9e7ff;padding:8px 13px;border-radius:999px;font-weight:900;font-size:13px}.hero h1{font-size:clamp(34px,5vw,60px);line-height:1.04;margin:18px 0;color:#061f5c;letter-spacing:-1.5px}.hero p{font-size:18px;color:#344154;margin:0 0 24px;max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:13px 18px;font-weight:900;border:1px solid transparent}.primary{background:var(--blue);color:#fff}.secondary{background:#fff;color:var(--blue);border-color:#cdd9ef}.hero-card,.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.hero-card h2,.card h3{margin:0 0 12px;color:var(--blue)}.list{padding:0;margin:18px 0 0;list-style:none}.list li{padding:10px 0 10px 32px;border-bottom:1px solid #edf1f7;position:relative}.list li:before{content:'✓';position:absolute;left:0;top:10px;color:var(--blue2);font-weight:900}.section{padding:64px 0}.section.alt{background:var(--soft)}.head{max-width:850px;margin:0 0 30px}.head h2{font-size:34px;line-height:1.15;color:#061f5c;margin:0 0 10px}.head p{color:var(--muted);font-size:17px;margin:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card p{margin:0 0 10px;color:#465265}.icon{width:48px;height:48px;border-radius:15px;background:#fff8cc;color:var(--blue);display:grid;place-items:center;font-size:23px;margin-bottom:14px}.step{position:relative;padding-top:64px}.step:before{content:'✓';position:absolute;left:24px;top:20px;width:38px;height:38px;border-radius:14px;background:var(--blue);color:var(--yellow);font-weight:900;display:grid;place-items:center}.keyword-box{background:linear-gradient(135deg,var(--blue),#123f98);color:#fff;border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}.keyword-box h2{margin:0 0 14px;color:#fff}.keyword-box p{color:#e8efff}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.chip{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:8px 12px;font-weight:900;font-size:13px}.strong{border-top:6px solid var(--yellow)}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-list article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.feature-list h3{margin:0 0 8px;color:var(--blue)}.feature-list p{margin:0;color:#465265}.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-bottom:12px}.faq summary{cursor:pointer;font-weight:900;color:var(--blue)}.faq p{color:#465265;margin:12px 0 0}.page-hero{background:linear-gradient(135deg,#f6f9ff,#fff7bf);padding:52px 0}.page-hero h1{font-size:42px;line-height:1.1;color:#061f5c;margin:0 0 12px}.content{max-width:930px}.content h2{color:#061f5c;margin-top:34px}.content p,.content li{color:#465265}.safe-alert{border-left:5px solid var(--yellow);background:#fffbe7;padding:16px 18px;border-radius:14px;color:#3e3510;margin:20px 0;font-weight:800}.footer{background:#061f5c;color:#dfe8ff;padding:38px 0}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:26px}.footer h3{color:#fff;margin:0 0 12px}.footer a{display:block;color:#dfe8ff;margin:6px 0}.copy{border-top:1px solid rgba(255,255,255,.14);margin-top:26px;padding-top:18px;font-size:13px;color:#b9c7e8}@media(max-width:860px){.topbar .wrap{display:block}.menu-btn{display:block}.links{position:absolute;top:74px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:flex-start;padding:18px 4%;box-shadow:var(--shadow)}.links.open{display:flex}.hero{padding:44px 0}.hero-grid,.grid-3,.grid-2,.feature-list,.footer-grid{grid-template-columns:1fr}.nav{height:68px}.brand small{display:none}.section{padding:44px 0}.head h2{font-size:28px}.page-hero h1{font-size:34px}}@media(max-width:520px){.wrap{width:92%}.actions .btn{width:100%}.hero-card,.card,.keyword-box{padding:20px}.hero h1{font-size:33px}.topbar{font-size:12px}.page-hero h1{font-size:30px}.links{top:68px}}
.expanded-content .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.expanded-content .service-cards .card{height:100%}.checklist{display:grid;gap:12px;margin:20px 0;padding:0;list-style:none}.checklist li{background:#fff;border:1px solid rgba(21,33,61,.10);border-radius:16px;padding:16px;box-shadow:0 10px 24px rgba(12,24,50,.05)}@media (max-width:980px){.expanded-content .grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.expanded-content .grid-4{grid-template-columns:1fr}}



:root{
  --bb-blue:#062b66;
  --bb-blue-dark:#05265a;
  --bb-yellow:#ffe100;
  --bb-text:#10213f;
  --bb-muted:#47556f;
  --bb-border:#dbe3f0;
  --bb-bg:#eef3f8;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  color:var(--bb-text);
  background:var(--bb-bg);
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:1.55;
}
img,svg,video{max-width:100%;height:auto}
main,.container,.wrap,.content,.section .wrap{
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
}
section{padding-top:26px;padding-bottom:26px}
h1{
  font-size:clamp(30px,4vw,54px);
  line-height:1.08;
  margin:0 0 14px;
  letter-spacing:-.04em;
}
h2{font-size:clamp(20px,2.2vw,28px);line-height:1.22;margin:0 0 12px}
h3{font-size:clamp(16px,1.5vw,20px);margin:0 0 10px}
p{margin:0 0 13px}
.topbar,.header-top,.pre-header{
  font-size:12px;
  line-height:1.2;
  padding:7px 16px;
}
.hero-summary,.top-summary{
  width:100%;
  margin:0;
  padding:18px 16px;
  border:0;
  border-radius:0;
  background:#082a63;
  text-align:center;
  box-shadow:none;
}
.hero-summary h2,.top-summary h2{
  margin:0 0 7px;
  color:#fff;
  font-size:clamp(22px,2.3vw,34px);
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.02em;
}
.hero-summary p,.top-summary p{
  max-width:1120px;
  margin:0 auto;
  color:#fff;
  font-size:clamp(12px,1vw,14px);
  line-height:1.45;
}
.hero,.main-hero,.banner,.intro{
  padding-top:38px;
  padding-bottom:42px;
}
.hero .wrap,.main-hero .wrap,.banner .wrap,.intro .wrap{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.75fr);
  gap:32px;
  align-items:center;
}
.hero p,.main-hero p,.banner p,.intro p{max-width:640px}
.badge,.pill,.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:100%;
  padding:7px 12px;
  border-radius:999px;
  font-size:13px;
  line-height:1.2;
  white-space:normal;
}
.card,.topic-card,.service-card,details{
  border:1px solid var(--bb-border);
  border-radius:12px;
  background:#fff;
  box-shadow:0 8px 24px rgba(13,48,107,.05);
}
.cards,.grid,.services,.topics-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.card,.service-card{padding:16px}
.topic-card{padding:22px}
.topic-card li,.topic-card p{font-size:14px;line-height:1.45}
details{padding:14px 16px;margin:0 0 10px}
summary{cursor:pointer;font-weight:800;color:#062b66;line-height:1.35}
details p{margin-top:10px}
footer{font-size:13px}
footer a[href*="sitemap"],footer a[href="sitemap.xml"],footer a[href="/sitemap.xml"]{display:none!important}

@media(max-width:900px){
  main,.container,.wrap,.content,.section .wrap{
    max-width:100%;
    padding-left:18px;
    padding-right:18px;
  }
  .hero .wrap,.main-hero .wrap,.banner .wrap,.intro .wrap{
    grid-template-columns:1fr;
    gap:22px;
  }
  .cards,.grid,.services,.topics-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:640px){
  body{font-size:13.5px}
  section{padding-top:20px;padding-bottom:20px}
  h1{font-size:clamp(28px,10vw,40px);line-height:1.08}
  h2{font-size:clamp(19px,7vw,25px)}
  .hero-summary,.top-summary{padding:15px 12px}
  .hero-summary h2,.top-summary h2{font-size:clamp(19px,6vw,26px)}
  .hero-summary p,.top-summary p{font-size:12.5px}
  .hero,.main-hero,.banner,.intro{padding-top:26px;padding-bottom:28px}
  .cards,.grid,.services,.topics-grid{grid-template-columns:1fr}
  .card,.service-card,.topic-card{padding:14px}
  nav ul,.nav ul,.menu,.navbar ul{
    flex-wrap:wrap;
    justify-content:center;
    gap:8px 12px;
  }
  nav a,.nav a,.menu a,.navbar a{font-size:13px}
}


.links a.active{color:var(--bb-yellow);position:relative}
.links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:3px;background:var(--bb-yellow);border-radius:3px}
.inner-page{background:linear-gradient(180deg,#edf4ff 0,#f8fbff 36%,#fff 100%)}
.inner-page header{background:#062b66;border-bottom-color:rgba(255,225,0,.32)}
.inner-page .brand,.inner-page .links a{color:#fff}
.inner-page .brand small{color:#dfeaff}
.inner-page .menu-btn{background:var(--bb-yellow);color:#062b66}
.inner-page .page-hero{
  position:relative;
  overflow:hidden;
  padding:58px 0 54px;
  background:
    linear-gradient(112deg,rgba(4,35,92,.98),rgba(7,69,150,.94)),
    radial-gradient(circle at 88% 18%,rgba(255,225,0,.34),transparent 26%);
  border-bottom:8px solid var(--bb-yellow);
}
.inner-page .page-hero:before{
  content:"";
  position:absolute;
  width:320px;
  height:320px;
  right:-90px;
  top:-160px;
  border:1px solid rgba(255,225,0,.34);
  transform:rotate(45deg);
}
.inner-page .page-hero h1{color:#fff;max-width:800px}
.inner-page .page-hero p{color:#e9f1ff;font-size:18px;max-width:790px}
.page-kicker{
  display:inline-block;
  margin-bottom:12px;
  color:var(--bb-yellow);
  font-size:13px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.inner-page .section>.wrap.content,
.inner-page .section>.wrap:not(.grid-2):not(.grid-3){
  background:#fff;
  border:1px solid var(--bb-border);
  border-radius:20px;
  padding:clamp(24px,4vw,44px);
  box-shadow:0 18px 46px rgba(6,43,102,.09);
}
.inner-page .content h2{padding-left:15px;border-left:5px solid var(--bb-yellow)}
.inner-page .content ol,.inner-page .content ul{padding-left:24px}
.inner-page .content li{margin-bottom:10px}
.topic-panel{
  background:linear-gradient(145deg,#05265a,#0b4bbb);
  color:#fff;
  border-radius:var(--radius);
  padding:32px;
  box-shadow:var(--shadow);
}
.topic-panel h2{color:#fff}
.topic-panel p{color:#e8efff}
.topic-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.topic-tags span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:8px 12px;font-weight:900;font-size:13px}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.contact-card{
  position:relative;
  padding:26px 26px 24px 84px;
  border:1px solid var(--bb-border);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 32px rgba(6,43,102,.08);
}
.contact-card h2{color:#062b66;margin:0 0 10px}
.contact-card p{color:#47556f}
.contact-card .phone{font-size:24px;font-weight:900;color:#062b66;margin:8px 0 0}
.contact-icon{
  position:absolute;
  left:24px;
  top:26px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:var(--bb-yellow);
  color:#062b66;
  font-weight:900;
  font-size:20px;
}
.contact-highlight{background:linear-gradient(145deg,#062b66,#0b4bbb)}
.contact-highlight h2,.contact-highlight p{color:#fff}
.service-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);
  gap:28px;
  align-items:center;
  margin-top:24px;
  padding:30px;
  border-radius:22px;
  background:linear-gradient(135deg,#062b66,#0b4bbb);
  color:#fff;
  box-shadow:var(--shadow);
}
.service-panel h2,.service-panel p{color:#fff}
.service-panel img{width:100%;max-height:260px;object-fit:cover;border-radius:16px;border:4px solid var(--bb-yellow)}
.inner-page .grid-3 .card{border-top:5px solid var(--bb-yellow)}
.footer-premium{border-top:5px solid var(--bb-yellow)}
@media(max-width:860px){
  .inner-page header{position:sticky}
  .inner-page .links{background:#062b66}
  .inner-page .links a{color:#fff}
  .links a.active:after{display:none}
  .contact-grid,.service-panel{grid-template-columns:1fr}
}
@media(max-width:560px){
  .contact-grid{grid-template-columns:1fr}
  .contact-card{padding:76px 20px 22px}
  .contact-icon{left:20px;top:20px}
  .inner-page .page-hero{padding:38px 0 34px}
}



.hero-summary,
.top-summary{
  padding:10px 12px !important;
  min-height:0 !important;
}

.hero-summary h2,
.top-summary h2{
  font-size:clamp(18px,1.65vw,24px) !important;
  line-height:1.18 !important;
  margin:0 0 5px 0 !important;
  letter-spacing:-.01em !important;
}

.hero-summary p,
.top-summary p{
  max-width:980px !important;
  font-size:clamp(11.5px,.9vw,13px) !important;
  line-height:1.35 !important;
  margin:0 auto !important;
}

.card,
.service-card,
.topic-card{
  position:relative !important;
  overflow:visible !important;
}

.card h3,
.service-card h3,
.topic-card h3{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  line-height:1.25 !important;
  margin-top:0 !important;
  padding-left:0 !important;
}

.card h3 .check,
.service-card h3 .check,
.topic-card h3 .check,
.card h3 .icon-check,
.service-card h3 .icon-check,
.topic-card h3 .icon-check{
  position:static !important;
  transform:none !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  flex:0 0 24px !important;
  border-radius:50% !important;
  font-size:13px !important;
  line-height:24px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
}

.card > .check:first-child,
.service-card > .check:first-child,
.topic-card > .check:first-child,
.card > .icon-check:first-child,
.service-card > .icon-check:first-child,
.topic-card > .icon-check:first-child{
  position:static !important;
  transform:none !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  margin:0 8px 0 0 !important;
  display:inline-flex !important;
  vertical-align:middle !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:13px !important;
  line-height:24px !important;
}

.card h3:first-of-type,
.service-card h3:first-of-type,
.topic-card h3:first-of-type{
  margin-bottom:8px !important;
}

@media(max-width:640px){
  .hero-summary,
  .top-summary{
    padding:9px 10px !important;
  }

  .hero-summary h2,
  .top-summary h2{
    font-size:clamp(17px,5.2vw,22px) !important;
  }

  .hero-summary p,
  .top-summary p{
    font-size:11.8px !important;
    line-height:1.35 !important;
  }

  .card h3,
  .service-card h3,
  .topic-card h3{
    gap:7px !important;
  }
}



.hero h1,
.main-hero h1,
.banner h1,
.intro h1,
h1{
  font-size:clamp(26px,3.1vw,42px) !important;
  line-height:1.12 !important;
  letter-spacing:-.025em !important;
  margin-bottom:12px !important;
  max-width:760px !important;
}

.hero,
.main-hero,
.banner,
.intro{
  padding-top:30px !important;
  padding-bottom:34px !important;
}

@media(max-width:900px){
  .hero h1,
  .main-hero h1,
  .banner h1,
  .intro h1,
  h1{
    font-size:clamp(25px,7vw,36px) !important;
    line-height:1.14 !important;
    max-width:100% !important;
  }
}

@media(max-width:640px){
  .hero h1,
  .main-hero h1,
  .banner h1,
  .intro h1,
  h1{
    font-size:clamp(24px,8vw,32px) !important;
    line-height:1.16 !important;
  }
}


.site-logo-img,
.logo img,
.brand img,
.header-logo img{
  width:44px !important;
  height:44px !important;
  border-radius:10px !important;
  object-fit:cover !important;
  display:block !important;
  flex:0 0 44px !important;
}
@media(max-width:640px){
  .site-logo-img,
  .logo img,
  .brand img,
  .header-logo img{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
  }
}


.brand-mark.site-logo-img,
.site-logo-img{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  border-radius:10px !important;
  object-fit:cover !important;
  display:block !important;
}
@media(max-width:640px){
  .brand-mark.site-logo-img,
  .site-logo-img{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
  }
}



.site-logo-img,
.brand-mark.site-logo-img{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  border-radius:10px !important;
  object-fit:cover !important;
  display:block !important;
}
.hero-real-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);
  gap:28px;
  align-items:center;
}
.hero-real-media{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  min-height:260px;
  box-shadow:0 18px 45px rgba(7,39,91,.15);
  background:#062b66;
}
.hero-real-media img{
  width:100%;
  height:100%;
  min-height:260px;
  object-fit:cover;
  display:block;
}
.hero-real-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(6,43,102,.38),rgba(6,43,102,.03));
  pointer-events:none;
}
.real-image-section{
  margin:14px auto 24px;
}
.real-image-panel{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(280px,1fr);
  gap:22px;
  align-items:center;
  padding:20px;
  border:1px solid rgba(13,48,107,.12);
  border-radius:16px;
  background:linear-gradient(135deg,#ffffff 0%,#f4f8ff 100%);
  box-shadow:0 12px 30px rgba(13,48,107,.07);
}
.real-image-panel img{
  width:100%;
  border-radius:14px;
  display:block;
  box-shadow:0 12px 30px rgba(13,48,107,.12);
}
.real-image-panel h2{
  margin-top:0;
}
@media(max-width:900px){
  .hero-real-layout,
  .real-image-panel{
    grid-template-columns:1fr;
  }
  .hero-real-media,
  .hero-real-media img{
    min-height:220px;
  }
}
@media(max-width:640px){
  .site-logo-img,
  .brand-mark.site-logo-img{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
  }
  .hero-real-media,
  .hero-real-media img{
    min-height:180px;
    border-radius:15px;
  }
  .real-image-panel{
    padding:14px;
    border-radius:14px;
  }
}



.hero-real-layout{
  display:initial !important;
}

.hero-real-media{
  display:none !important;
}

.real-image-section{
  margin:18px auto 24px !important;
}

.real-image-panel{
  max-width:980px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 320px !important;
  gap:20px !important;
  align-items:center !important;
  padding:18px !important;
  border:1px solid rgba(13,48,107,.12) !important;
  border-radius:16px !important;
  background:#ffffff !important;
  box-shadow:0 10px 28px rgba(13,48,107,.06) !important;
}

.real-image-panel img{
  width:100% !important;
  max-height:210px !important;
  object-fit:contain !important;
  border-radius:12px !important;
  background:#f3f6fb !important;
  box-shadow:none !important;
}

.real-image-panel h2{
  font-size:clamp(20px,2vw,26px) !important;
  margin:0 0 8px !important;
}

.real-image-panel p{
  font-size:14px !important;
  line-height:1.55 !important;
}

@media(max-width:800px){
  .real-image-panel{
    grid-template-columns:1fr !important;
  }

  .real-image-panel img{
    max-height:180px !important;
  }
}


.image-feature-strip{
  max-width:980px;
  margin:18px auto 28px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.image-feature-card{
  background:#ffffff;
  border:1px solid rgba(13,48,107,.12);
  border-radius:14px;
  padding:12px;
  box-shadow:0 8px 22px rgba(13,48,107,.05);
}
.image-feature-card img{
  width:100%;
  height:135px;
  object-fit:cover;
  border-radius:10px;
  display:block;
  background:#f3f6fb;
}
.image-feature-card h3{
  margin:10px 0 6px;
  font-size:18px;
  line-height:1.25;
  color:#062b66;
}
.image-feature-card p{
  margin:0;
  font-size:13.5px;
  line-height:1.45;
}
.site-logo-img,
.brand-mark.site-logo-img{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  object-fit:cover!important;
  border-radius:10px!important;
  display:block!important;
}
@media(max-width:820px){
  .image-feature-strip{
    grid-template-columns:1fr;
    padding-left:18px;
    padding-right:18px;
  }
  .image-feature-card img{
    height:170px;
  }
}
@media(max-width:640px){
  .site-logo-img,
  .brand-mark.site-logo-img{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
  }
}


.check,
.icon-check,
.card > .check,
.service-card > .check,
.topic-card > .check,
.feature-card > .check{
  position:static !important;
  transform:none !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  margin:0 8px 0 0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  vertical-align:middle !important;
  font-size:13px !important;
  line-height:24px !important;
  flex:0 0 24px !important;
}

.card h3,
.service-card h3,
.topic-card h3,
.feature-card h3{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin-top:0 !important;
  line-height:1.25 !important;
}

.card h3 .check,
.service-card h3 .check,
.topic-card h3 .check,
.feature-card h3 .check,
.card h3 .icon-check,
.service-card h3 .icon-check,
.topic-card h3 .icon-check,
.feature-card h3 .icon-check{
  margin:0 !important;
}

.info-card-image,
.routine-card-image{
  width:100% !important;
  max-height:230px !important;
  object-fit:contain !important;
  display:block !important;
  margin-top:18px !important;
  border-radius:12px !important;
  background:#f3f6fb !important;
}

.image-feature-strip{
  margin-top:22px !important;
}


.card,
.service-card,
.topic-card,
.feature-card{
  position:relative !important;
  overflow:hidden !important;
}

.card > .check,
.service-card > .check,
.topic-card > .check,
.feature-card > .check,
.card > .icon-check,
.service-card > .icon-check,
.topic-card > .icon-check,
.feature-card > .icon-check{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  transform:none !important;
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  margin:0 8px 0 0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  vertical-align:middle !important;
  font-size:12px !important;
  line-height:22px !important;
  z-index:1 !important;
}

.card h3,
.service-card h3,
.topic-card h3,
.feature-card h3{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin-top:0 !important;
  line-height:1.25 !important;
  padding-left:0 !important;
}

.card h3 .check,
.service-card h3 .check,
.topic-card h3 .check,
.feature-card h3 .check,
.card h3 .icon-check,
.service-card h3 .icon-check,
.topic-card h3 .icon-check,
.feature-card h3 .icon-check{
  position:static !important;
  transform:none !important;
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:12px !important;
  line-height:22px !important;
  flex:0 0 22px !important;
}


.benefit-card,
.info-card,
.mini-card{
  position:relative !important;
}

.benefit-card .check,
.info-card .check,
.mini-card .check{
  position:static !important;
  transform:none !important;
  margin-right:8px !important;
}

.site-logo-img,
.brand-mark.site-logo-img{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  object-fit:cover !important;
  border-radius:10px !important;
  display:block !important;
}


.cards .card,
.services .card,
.service-card,
.topic-card,
.feature-card,
.info-card,
.mini-card{
  position:relative !important;
  overflow:hidden !important;
}

.cards .card > .check,
.cards .card > .icon-check,
.service-card > .check,
.service-card > .icon-check,
.topic-card > .check,
.topic-card > .icon-check,
.feature-card > .check,
.feature-card > .icon-check,
.info-card > .check,
.info-card > .icon-check,
.mini-card > .check,
.mini-card > .icon-check{
  position:static !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  transform:none !important;
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  flex:0 0 22px !important;
  margin:0 8px 0 0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  vertical-align:middle !important;
  font-size:12px !important;
  line-height:22px !important;
  z-index:1 !important;
}

.cards .card h3,
.service-card h3,
.topic-card h3,
.feature-card h3,
.info-card h3,
.mini-card h3{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin-top:0 !important;
  margin-bottom:8px !important;
  padding-left:0 !important;
  line-height:1.25 !important;
}

.cards .card h3 .check,
.service-card h3 .check,
.topic-card h3 .check,
.feature-card h3 .check,
.info-card h3 .check,
.mini-card h3 .check,
.cards .card h3 .icon-check,
.service-card h3 .icon-check,
.topic-card h3 .icon-check,
.feature-card h3 .icon-check,
.info-card h3 .icon-check,
.mini-card h3 .icon-check{
  position:static !important;
  top:auto !important;
  left:auto !important;
  transform:none !important;
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  flex:0 0 22px !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:12px !important;
  line-height:22px !important;
}

.routine-card-image{
  width:100% !important;
  max-width:360px !important;
  max-height:230px !important;
  object-fit:contain !important;
  display:block !important;
  margin:22px auto 0 auto !important;
  border-radius:12px !important;
  background:#f3f6fb !important;
}

.routine-image-caption{
  margin:8px 0 0 !important;
  text-align:center !important;
  font-size:12.5px !important;
  line-height:1.35 !important;
  color:#4a5874 !important;
  font-weight:700 !important;
}



.benefit-card .check,
.info-card .check,
.mini-card .check,
.card .check,
.service-card .check,
.topic-card .check,
.feature-card .check,
.icon-check{
display:none !important;
visibility:hidden !important;
}



.card::before,
.card::after,
.service-card::before,
.service-card::after,
.topic-card::before,
.topic-card::after,
.feature-card::before,
.feature-card::after,
.info-card::before,
.info-card::after,
.mini-card::before,
.mini-card::after{
  content:none !important;
  display:none !important;
}

.card [class*="check"],
.card [class*="icon"],
.card [class*="badge"],
.card [class*="tick"],
.card [class*="mark"],
.service-card [class*="check"],
.service-card [class*="icon"],
.service-card [class*="badge"],
.service-card [class*="tick"],
.service-card [class*="mark"],
.topic-card [class*="check"],
.topic-card [class*="icon"],
.topic-card [class*="badge"],
.topic-card [class*="tick"],
.topic-card [class*="mark"],
.feature-card [class*="check"],
.feature-card [class*="icon"],
.feature-card [class*="badge"],
.feature-card [class*="tick"],
.feature-card [class*="mark"],
.info-card [class*="check"],
.info-card [class*="icon"],
.info-card [class*="badge"],
.info-card [class*="tick"],
.info-card [class*="mark"],
.mini-card [class*="check"],
.mini-card [class*="icon"],
.mini-card [class*="badge"],
.mini-card [class*="tick"],
.mini-card [class*="mark"]{
  display:none !important;
}

.card h3,
.service-card h3,
.topic-card h3,
.feature-card h3,
.info-card h3,
.mini-card h3{
  padding-left:0 !important;
  margin-left:0 !important;
  text-indent:0 !important;
  position:relative !important;
  z-index:2 !important;
}


.hero,
.main-hero,
.banner,
.intro{
  padding-top:34px !important;
  padding-bottom:38px !important;
}

.hero .wrap,
.main-hero .wrap,
.banner .wrap,
.intro .wrap{
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr) !important;
  gap:32px !important;
  align-items:center !important;
}

.hero h1,
.main-hero h1,
.banner h1,
.intro h1{
  font-size:clamp(30px,3.2vw,48px) !important;
  line-height:1.12 !important;
  max-width:720px !important;
}

.hero-digital-image{
  margin-top:18px !important;
  padding:10px !important;
  border:1px solid rgba(13,48,107,.12) !important;
  border-radius:16px !important;
  background:#ffffff !important;
  box-shadow:0 8px 22px rgba(13,48,107,.05) !important;
}

.hero-digital-image img{
  width:100% !important;
  height:170px !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:12px !important;
  display:block !important;
}

.image-feature-strip{
  margin-top:22px !important;
}

@media(max-width:900px){
  .hero .wrap,
  .main-hero .wrap,
  .banner .wrap,
  .intro .wrap{
    grid-template-columns:1fr !important;
    gap:24px !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .hero-digital-image img{
    height:190px !important;
  }
}

@media(max-width:640px){
  .hero,
  .main-hero,
  .banner,
  .intro{
    padding-top:24px !important;
    padding-bottom:28px !important;
  }

  .hero h1,
  .main-hero h1,
  .banner h1,
  .intro h1{
    font-size:clamp(26px,8vw,36px) !important;
  }

  .hero-digital-image img{
    height:165px !important;
  }
}


.footer-premium{
  background:radial-gradient(circle at top left,rgba(15,75,155,.55),transparent 34%),linear-gradient(135deg,#061f53 0%,#082c6d 52%,#041b46 100%);
  color:#fff;
  padding:48px 18px 26px;
  margin-top:42px;
}
.footer-wrap{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(280px,1.35fr) .7fr .8fr .7fr;
  gap:34px;
  align-items:start;
}
.footer-logo-row{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}
.footer-logo{
  width:56px;
  height:56px;
  border-radius:12px;
  object-fit:cover;
  display:block;
}
.footer-brand h2{
  margin:0;
  font-size:24px;
  line-height:1.15;
  color:#fff;
}
.footer-brand span{
  display:block;
  color:#d7e5ff;
  font-size:14px;
  margin-top:4px;
}
.footer-brand p{
  margin:0 0 20px;
  max-width:520px;
  color:#eef4ff;
  line-height:1.65;
  font-size:15px;
}
.footer-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.footer-badges span{
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.08);
  border-radius:999px;
  padding:7px 11px;
  font-size:12px;
  font-weight:700;
  color:#fff;
}
.footer-col{
  border-left:1px solid rgba(255,255,255,.18);
  padding-left:24px;
}
.footer-col h3{
  margin:0 0 16px;
  color:#ffdf00;
  text-transform:uppercase;
  font-size:15px;
  letter-spacing:.03em;
}
.footer-col a{
  display:block;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  line-height:1.45;
  margin:0 0 12px;
}
.footer-col a:hover{
  color:#ffdf00;
}
.footer-bottom{
  max-width:1180px;
  margin:34px auto 0;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.18);
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:#eef4ff;
  font-size:14px;
}
.footer-bottom p{
  margin:0;
}
@media(max-width:900px){
  .footer-wrap{
    grid-template-columns:1fr 1fr;
    gap:28px;
  }
  .footer-brand{
    grid-column:1/-1;
  }
  .footer-bottom{
    flex-direction:column;
  }
}
@media(max-width:640px){
  .footer-premium{
    padding:34px 16px 24px;
  }
  .footer-wrap{
    grid-template-columns:1fr;
  }
  .footer-col{
    border-left:0;
    padding-left:0;
    border-top:1px solid rgba(255,255,255,.14);
    padding-top:18px;
  }
  .footer-logo{
    width:48px;
    height:48px;
  }
  .footer-brand h2{
    font-size:21px;
  }
}

:root{
  --bb-blue:#071d4f;
  --bb-blue-2:#073b8f;
  --bb-blue-3:#0a55c7;
  --bb-yellow:#ffdf00;
  --bb-yellow-2:#fff19a;
  --bb-ink:#081a43;
  --bb-muted:#475875;
  --bb-line:#d7e2f2;
  --bb-pale:#edf5ff;
  --bb-white:#ffffff;
  --bb-shadow:0 18px 45px rgba(3,22,65,.13);
}

html{scroll-behavior:smooth}
body{
  color:var(--bb-ink) !important;
  background:var(--bb-pale) !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:16px !important;
  line-height:1.65 !important;
}
main{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}
.wrap,
.section .wrap,
.footer-wrap,
.footer-bottom{
  width:min(1180px,92%) !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.topbar{
  padding:8px 0 !important;
  background:#04153d !important;
  color:#fff !important;
  border-bottom:1px solid rgba(255,223,0,.25) !important;
}
.topbar .wrap{
  padding:0 !important;
  font-size:12px !important;
  letter-spacing:.02em !important;
}
.topbar strong{color:var(--bb-yellow) !important}

header{
  top:0 !important;
  background:linear-gradient(105deg,#061943 0%,#082b69 58%,#061943 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 8px 28px rgba(1,13,43,.16) !important;
}
.nav{
  height:82px !important;
  padding:0 !important;
}
.brand{
  color:#fff !important;
  font-size:20px !important;
  letter-spacing:-.02em !important;
}
.brand small{
  color:#d7e5ff !important;
  margin-top:-2px !important;
}
.brand .site-logo-img{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  padding:4px !important;
  border-radius:12px !important;
  background:var(--bb-yellow) !important;
  box-shadow:0 10px 25px rgba(0,0,0,.22) !important;
}
.links{gap:8px !important}
.links a{
  position:relative !important;
  padding:10px 13px !important;
  color:#fff !important;
  border-radius:10px !important;
}
.links a:first-child,
.links a:hover{
  color:var(--bb-yellow) !important;
  background:rgba(255,255,255,.07) !important;
}
.links a:first-child::after{
  content:"" !important;
  position:absolute !important;
  left:13px !important;
  right:13px !important;
  bottom:3px !important;
  height:3px !important;
  border-radius:3px !important;
  background:var(--bb-yellow) !important;
}
.menu-btn{
  background:var(--bb-yellow) !important;
  color:var(--bb-blue) !important;
}

.hero-summary{
  padding:13px 16px !important;
  background:linear-gradient(90deg,#ffcf00,#ffe600 55%,#ffd400) !important;
  border-bottom:1px solid rgba(4,31,83,.18) !important;
}
.hero-summary h2{
  color:var(--bb-blue) !important;
  font-size:clamp(20px,1.7vw,27px) !important;
  margin:0 0 4px !important;
}
.hero-summary p{
  color:#10275b !important;
  font-size:13px !important;
  font-weight:700 !important;
}

.hero{
  position:relative !important;
  overflow:hidden !important;
  padding:58px 0 60px !important;
  background:
    radial-gradient(circle at 76% 14%,rgba(33,115,226,.34),transparent 28%),
    linear-gradient(125deg,#041946 0%,#07347e 52%,#061f55 100%) !important;
}
.hero::before{
  content:"" !important;
  position:absolute !important;
  width:310px !important;
  height:310px !important;
  left:-205px !important;
  top:52px !important;
  transform:rotate(45deg) !important;
  border:32px solid var(--bb-yellow) !important;
  border-radius:32px !important;
  opacity:.96 !important;
}
.hero::after{
  content:"" !important;
  position:absolute !important;
  width:360px !important;
  height:360px !important;
  right:-150px !important;
  bottom:-230px !important;
  border:1px solid rgba(255,223,0,.34) !important;
  border-radius:50% !important;
  box-shadow:0 0 0 42px rgba(255,223,0,.06),0 0 0 84px rgba(255,223,0,.035) !important;
}
.hero .wrap{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(390px,.92fr) !important;
  gap:52px !important;
  align-items:center !important;
  padding:0 !important;
}
.hero .badge{
  padding:7px 0 !important;
  color:#fff !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  text-transform:uppercase !important;
  letter-spacing:.045em !important;
}
.hero .badge strong{color:var(--bb-yellow) !important}
.hero h1{
  max-width:690px !important;
  margin:12px 0 20px !important;
  color:#fff !important;
  font-size:clamp(43px,5vw,70px) !important;
  line-height:.98 !important;
  letter-spacing:-.045em !important;
}
.hero h1 strong{color:#fff !important}
.hero h1 span{color:var(--bb-yellow) !important}
.hero p{
  max-width:680px !important;
  margin:0 0 15px !important;
  color:#eef5ff !important;
  font-size:17px !important;
  line-height:1.62 !important;
}
.hero p strong{color:#fff !important}
.hero .actions{margin-top:24px !important}
.hero .btn{
  min-height:50px !important;
  padding:13px 22px !important;
  border-radius:11px !important;
}
.hero .primary{
  color:var(--bb-blue) !important;
  background:linear-gradient(135deg,#ffe900,#ffd000) !important;
  box-shadow:0 10px 26px rgba(255,215,0,.22) !important;
}
.hero .secondary{
  color:var(--bb-yellow) !important;
  background:rgba(3,22,62,.28) !important;
  border:2px solid var(--bb-yellow) !important;
}
.hero-card{
  position:relative !important;
  overflow:hidden !important;
  padding:0 26px 22px !important;
  border:1px solid rgba(255,223,0,.85) !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:0 25px 55px rgba(1,13,43,.3) !important;
}
.hero-card h2{
  margin:0 -26px 8px !important;
  padding:18px 26px !important;
  color:var(--bb-blue) !important;
  background:linear-gradient(90deg,#ffe400,#ffd400) !important;
  font-size:24px !important;
}
.hero-card .list{margin:5px 0 0 !important}
.hero-card .list li{
  min-height:60px !important;
  padding:14px 34px 14px 56px !important;
  color:#263756 !important;
  border-bottom:1px solid var(--bb-line) !important;
}
.hero-card .list li::before{
  content:"✓" !important;
  top:12px !important;
  left:4px !important;
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  color:var(--bb-blue-2) !important;
  background:#edf4ff !important;
  border-radius:10px !important;
}
.hero-card .list li:last-child{border-bottom:0 !important}
.hero-card strong{color:var(--bb-blue) !important}
.hero-digital-image{
  margin-top:14px !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid var(--bb-line) !important;
  border-radius:11px !important;
  background:#fff !important;
}
.hero-digital-image img{
  width:100% !important;
  height:132px !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:0 !important;
}

.section{
  padding:62px 0 !important;
  background:#f8fbff !important;
}
.section.alt{
  background:linear-gradient(180deg,#eaf3ff 0%,#f5f9ff 100%) !important;
}
.section .head{
  max-width:900px !important;
  margin-bottom:30px !important;
}
.section .head h2,
.content h2{
  color:var(--bb-blue) !important;
  letter-spacing:-.025em !important;
}
.section .head h2{
  font-size:clamp(29px,3vw,40px) !important;
}
.section .head h2::after,
.content > h2::after{
  content:"" !important;
  display:block !important;
  width:52px !important;
  height:4px !important;
  margin-top:12px !important;
  border-radius:4px !important;
  background:var(--bb-yellow) !important;
}
.head p,
.content p,
.content li{
  color:var(--bb-muted) !important;
  font-size:16px !important;
}
.grid-3,
.grid-4,
.feature-list{
  gap:20px !important;
}
.card,
.feature-list article,
.faq details{
  border:1px solid var(--bb-line) !important;
  border-radius:15px !important;
  background:#fff !important;
  box-shadow:0 12px 32px rgba(5,31,80,.08) !important;
}
.card{
  padding:24px !important;
  border-top:4px solid var(--bb-yellow) !important;
}
.card > .icon{
  width:50px !important;
  height:50px !important;
  display:grid !important;
  place-items:center !important;
  margin-bottom:16px !important;
  border-radius:13px !important;
  background:linear-gradient(135deg,#fff6ad,#ffe16a) !important;
  color:var(--bb-blue) !important;
  font-size:24px !important;
}
.card h3,
.feature-list h3{
  color:var(--bb-blue) !important;
}
.keyword-box{
  padding:34px !important;
  background:
    radial-gradient(circle at top right,rgba(29,107,220,.42),transparent 36%),
    linear-gradient(135deg,#041943,#073b8f) !important;
  border:1px solid rgba(255,223,0,.35) !important;
  border-radius:16px !important;
  box-shadow:var(--bb-shadow) !important;
}
.keyword-box h2,
.keyword-box p{color:#fff !important}
.chip{
  color:#fff !important;
  background:rgba(255,255,255,.1) !important;
  border-color:rgba(255,223,0,.35) !important;
}
.chip strong{color:var(--bb-yellow) !important}
.card.strong{border-top:5px solid var(--bb-yellow) !important}
.feature-list article{
  position:relative !important;
  padding:26px 26px 26px 30px !important;
}
.feature-list article::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:22px !important;
  bottom:22px !important;
  width:5px !important;
  border-radius:5px !important;
  background:var(--bb-yellow) !important;
}
.expanded-content .service-cards .card{
  background:linear-gradient(180deg,#fff,#f6f9ff) !important;
}
.checklist li{
  border-left:5px solid var(--bb-yellow) !important;
  background:#fff !important;
}
.real-image-section{
  margin:0 !important;
  padding:58px 0 !important;
  background:linear-gradient(120deg,#061b4b,#073d91) !important;
}
.real-image-panel{
  padding:30px !important;
  border:1px solid rgba(255,223,0,.38) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.08) !important;
  box-shadow:0 20px 50px rgba(1,13,43,.26) !important;
}
.real-image-panel h2,
.real-image-panel p{color:#fff !important}
.real-image-panel img{
  border:5px solid var(--bb-yellow) !important;
  border-radius:14px !important;
  background:#fff !important;
}
.faq details{
  padding:18px 22px !important;
  border-left:5px solid var(--bb-yellow) !important;
}
.faq summary{color:var(--bb-blue) !important}
.breadcrumb{
  padding:18px 0 8px !important;
  color:var(--bb-muted) !important;
  font-size:14px !important;
}
.breadcrumb a{
  color:var(--bb-blue) !important;
  font-weight:800 !important;
}
.pj-hero{
  padding:52px 0 58px !important;
  color:#fff !important;
  background:
    radial-gradient(circle at 80% 20%,rgba(24,106,221,.5),transparent 28%),
    linear-gradient(120deg,#03143e 0%,#063985 62%,#021239 100%) !important;
  border-bottom:7px solid var(--bb-yellow) !important;
}
.pj-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr) !important;
  gap:34px !important;
  align-items:center !important;
}
.pj-hero .badge{
  display:inline-flex !important;
  padding:8px 12px !important;
  color:var(--bb-blue) !important;
  background:var(--bb-yellow) !important;
  border-radius:999px !important;
  font-size:13px !important;
}
.pj-hero h1{
  max-width:760px !important;
  margin:17px 0 !important;
  color:#fff !important;
  font-size:clamp(38px,5vw,62px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
}
.pj-hero p{
  max-width:760px !important;
  color:#e7efff !important;
  font-size:17px !important;
}
.pj-links{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin-top:24px !important;
}
.pj-links a{
  display:inline-flex !important;
  align-items:center !important;
  min-height:48px !important;
  padding:12px 18px !important;
  color:#fff !important;
  border:2px solid var(--bb-yellow) !important;
  border-radius:10px !important;
  font-weight:800 !important;
}
.pj-links .primary-official{
  color:var(--bb-blue) !important;
  background:var(--bb-yellow) !important;
}
.pj-topic-card{
  padding:24px !important;
  color:var(--bb-blue) !important;
  background:#fff !important;
  border:2px solid var(--bb-yellow) !important;
  border-radius:18px !important;
  box-shadow:0 22px 55px rgba(0,0,0,.26) !important;
}
.pj-topic-card h2{
  margin-top:0 !important;
  color:var(--bb-blue) !important;
}
.pj-topic-card ul{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.pj-topic-card li{
  padding:10px 0 10px 24px !important;
  color:var(--bb-muted) !important;
  border-bottom:1px solid var(--bb-line) !important;
  position:relative !important;
}
.pj-topic-card li::before{
  content:"✓" !important;
  position:absolute !important;
  left:0 !important;
  color:#0756cb !important;
  font-weight:900 !important;
}
.pj-topic-card img{
  display:block !important;
  width:100% !important;
  height:180px !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#fff !important;
  border:1px solid var(--bb-line) !important;
  border-radius:12px !important;
}
.service-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}
.service-grid article{
  padding:23px !important;
  background:#fff !important;
  border:1px solid var(--bb-line) !important;
  border-top:4px solid var(--bb-yellow) !important;
  border-radius:14px !important;
  box-shadow:0 12px 30px rgba(5,31,80,.08) !important;
}
.service-grid h3{
  margin-top:0 !important;
  color:var(--bb-blue) !important;
}
.image-panel{
  display:grid !important;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr) !important;
  gap:30px !important;
  align-items:center !important;
  padding:30px !important;
  background:linear-gradient(125deg,#041943,#073d91) !important;
  border:2px solid var(--bb-yellow) !important;
  border-radius:18px !important;
  box-shadow:var(--bb-shadow) !important;
}
.image-panel h2,
.image-panel p{color:#fff !important}
.image-panel img{
  display:block !important;
  width:100% !important;
  max-height:330px !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#fff !important;
  border:5px solid var(--bb-yellow) !important;
  border-radius:14px !important;
}
.comparison-table{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid var(--bb-line) !important;
  border-radius:14px !important;
  box-shadow:0 12px 32px rgba(5,31,80,.08) !important;
}
.comparison-table th,
.comparison-table td{
  padding:15px !important;
  text-align:left !important;
  vertical-align:top !important;
  border-bottom:1px solid var(--bb-line) !important;
}
.comparison-table th{
  color:var(--bb-blue) !important;
  background:var(--bb-yellow) !important;
}
.topic-tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:9px !important;
  margin-top:24px !important;
}
.topic-tags span{
  padding:8px 12px !important;
  color:var(--bb-blue) !important;
  background:#fff !important;
  border:1px solid #b9cae5 !important;
  border-radius:999px !important;
  font-size:13px !important;
  font-weight:750 !important;
}

.footer-premium{
  margin-top:0 !important;
  padding:48px 18px 25px !important;
  background:
    radial-gradient(circle at 14% 0,rgba(10,84,199,.45),transparent 28%),
    linear-gradient(125deg,#03123a 0%,#062964 58%,#03143d 100%) !important;
  border-top:6px solid var(--bb-yellow) !important;
}
.footer-logo{
  padding:4px !important;
  background:var(--bb-yellow) !important;
}
.footer-col h3{color:var(--bb-yellow) !important}
.footer-col a:hover{color:var(--bb-yellow) !important}
.footer-badges span{
  border-color:rgba(255,223,0,.36) !important;
  background:rgba(255,223,0,.08) !important;
}

@media(max-width:980px){
  body{font-size:15px !important}
  .nav{height:72px !important}
  .links{
    top:72px !important;
    padding:18px 4% !important;
    background:#061f55 !important;
    border-bottom:3px solid var(--bb-yellow) !important;
  }
  .links a{width:100% !important}
  .hero{padding:44px 0 !important}
  .hero .wrap{
    grid-template-columns:1fr !important;
    gap:30px !important;
  }
  .hero h1{font-size:clamp(40px,8vw,58px) !important}
  .hero-card{max-width:700px !important}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .grid-2{grid-template-columns:1fr !important}
  .pj-hero-grid,
  .image-panel{grid-template-columns:1fr !important}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}

@media(max-width:640px){
  body{font-size:14px !important}
  .wrap,
  .section .wrap,
  .footer-wrap,
  .footer-bottom{
    width:min(92%,1180px) !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .topbar .wrap{
    display:block !important;
    text-align:center !important;
  }
  .topbar .wrap span:last-child{
    display:none !important;
  }
  .brand{font-size:17px !important}
  .brand .site-logo-img{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
  }
  .hero-summary{padding:11px 12px !important}
  .hero-summary h2{font-size:19px !important}
  .hero-summary p{font-size:11.5px !important}
  .hero{
    padding:34px 0 38px !important;
  }
  .hero::before{
    width:180px !important;
    height:180px !important;
    left:-145px !important;
    border-width:20px !important;
  }
  .hero h1{
    margin-top:10px !important;
    font-size:clamp(35px,12vw,48px) !important;
  }
  .hero p{font-size:15px !important}
  .hero .actions .btn{width:100% !important}
  .hero-card{padding:0 18px 16px !important}
  .hero-card h2{
    margin:0 -18px 6px !important;
    padding:15px 18px !important;
    font-size:21px !important;
  }
  .hero-card .list li{
    padding-left:50px !important;
  }
  .hero-digital-image img{height:150px !important}
  .section{padding:42px 0 !important}
  .grid-3,
  .expanded-content .grid-4,
  .feature-list{
    grid-template-columns:1fr !important;
  }
  .section .head h2{font-size:28px !important}
  .head p,
  .content p,
  .content li{font-size:15px !important}
  .card,
  .keyword-box{padding:21px !important}
  .real-image-panel{
    grid-template-columns:1fr !important;
    padding:20px !important;
  }
  .service-grid{grid-template-columns:1fr !important}
  .comparison-table{
    display:block !important;
    overflow-x:auto !important;
  }
  .pj-links a{width:100% !important}
  .footer-wrap{grid-template-columns:1fr !important}
}
/* Ajustes solicitados na home: cartões com altura natural e texto legível. */
.home-page .grid-3,
.home-page .feature-list{
  align-items:start !important;
}

.home-page .grid-3 > .card,
.home-page .feature-list > article{
  height:auto !important;
  min-height:0 !important;
  align-self:start !important;
}

.home-page .hero-card{
  align-self:start !important;
}

.home-page .hero-card .seo-context{
  display:block !important;
  max-width:none !important;
  margin:14px 0 16px !important;
  color:#465265 !important;
  font-size:14px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
}

.home-page .hero-card .seo-context strong{
  color:#062b66 !important;
}

.home-page .card .seo-context,
.home-page .feature-list .seo-context{
  margin-top:12px !important;
}

/* Conteúdo adicional das páginas Como Acessar e FAQ. */
.access-updated .grid-3{
  align-items:start !important;
}

.access-updated .grid-3 > .card{
  height:auto !important;
  min-height:0 !important;
  align-self:start !important;
}

.access-updated .card h3{
  display:block !important;
}

.access-updated .service-panel{
  margin-top:28px !important;
}

.faq-extra-head{
  margin:34px 0 18px;
  padding-top:26px;
  border-top:1px solid #dbe3f0;
}

.faq-extra-head h2{
  margin:0 0 8px;
  color:#062b66;
  font-size:clamp(24px,2.5vw,34px);
}

.faq-extra-head p{
  margin:0;
  color:#47556f;
}

@media(max-width:640px){
  .home-page .hero-card .seo-context{
    font-size:14px !important;
  }
}