/* Page-scoped Box Build landing page styles. Shared header/footer remain in common.css. */
.bb-page{overflow-x:hidden;background:#fff;color:var(--ink)}
.bb-page *{box-sizing:border-box}
.bb-page img{max-width:100%}
.bb-hero-grid>*,.bb-split>*,.bb-test-grid>*,.bb-dark-grid>*,.bb-io-grid>*,.bb-profile-grid>*,.bb-boundary>*{min-width:0}
.bb-skip{position:fixed;left:16px;top:-80px;z-index:120;background:#fff;color:#071833;padding:12px 16px;border-radius:6px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.bb-skip:focus{top:16px}
.bb-page main{overflow:hidden}
.bb-page a:focus-visible,.bb-page summary:focus-visible{outline:3px solid #f3d27e;outline-offset:3px}

.bb-hero{position:relative;display:flex;align-items:center;min-height:580px;padding:92px 0;background:linear-gradient(135deg,var(--navy-950),var(--navy-900));color:#fff;overflow:hidden}
.bb-hero:before{content:"";position:absolute;right:-180px;top:50%;width:560px;height:560px;border:1px solid rgba(211,25,32,.3);border-radius:50%;box-shadow:0 0 0 78px rgba(211,25,32,.065),0 0 0 156px rgba(211,25,32,.032);transform:translateY(-50%)}
.bb-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}
.bb-crumb{font-family:var(--mono);font-size:11px;letter-spacing:.8px;color:#9fb3d2;margin-bottom:22px}
.bb-crumb a{color:#dbe7f8;text-decoration:none}
.bb-kicker,.bb-eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;color:var(--red-500);font-weight:700}
.bb-kicker{color:#f3d27e;margin-bottom:14px}
.bb-kicker:before,.bb-eyebrow:before{content:"";width:20px;height:2px;background:currentColor;flex:0 0 auto}
.bb-hero h1{max-width:660px;margin:0;font-family:var(--disp);font-size:clamp(44px,4.6vw,60px);line-height:1.04;letter-spacing:-1.5px;color:#fff}
.bb-hero .bb-lead{max-width:670px;margin:22px 0 28px;color:#c5d3e8;font-size:18px;line-height:1.7}
.bb-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.bb-actions .btn{min-height:48px}
.bb-actions .btn-ghost{border-color:rgba(255,255,255,.4);color:#fff}
.bb-actions .btn-ghost:hover{background:#fff;color:var(--navy-950)}
.bb-response{margin-top:18px;color:#9fb3d2;font-family:var(--mono);font-size:11.5px;line-height:1.7}
.bb-hero-figure{margin:0;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#081833;box-shadow:0 26px 64px rgba(0,0,0,.32)}
.bb-hero-figure img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.bb-hero-figure figcaption{padding:13px 16px;color:#aebed6;background:#081833;font-size:11.5px;line-height:1.5}

.bb-proof{position:relative;z-index:2;margin-top:-1px;background:#fff;border-bottom:1px solid var(--line)}
.bb-proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.bb-proof-item{min-height:116px;padding:25px 24px;border-right:1px solid var(--line)}
.bb-proof-item:first-child{border-left:1px solid var(--line)}
.bb-proof-item b{display:block;color:var(--navy-900);font-family:var(--disp);font-size:25px;line-height:1.15}
.bb-proof-item span{display:block;margin-top:7px;color:var(--sub);font-size:12.8px;line-height:1.45}
.bb-proof-note{padding:11px 0 18px;color:#68758b;font-size:11.5px;text-align:right}

.bb-section{padding:92px 0}
.bb-section-muted{background:#f4f7fb}
.bb-section-dark{background:var(--navy-950);color:#fff}
.bb-heading{max-width:820px;margin-bottom:38px}
.bb-heading h2{margin:12px 0 14px;color:var(--navy-950);font-family:var(--disp);font-size:clamp(34px,3.5vw,48px);line-height:1.12;letter-spacing:-.7px}
.bb-heading p{max-width:760px;margin:0;color:var(--sub);font-size:17px;line-height:1.75}
.bb-section-dark .bb-eyebrow{color:#f3d27e}
.bb-section-dark .bb-heading h2{color:#fff}
.bb-section-dark .bb-heading p{color:#b9c7e0}

.bb-split{display:grid;grid-template-columns:.94fr 1.06fr;gap:58px;align-items:stretch}
.bb-media{position:relative;min-height:520px;margin:0;border-radius:18px;overflow:hidden;background:#dfe6ef;box-shadow:0 18px 44px rgba(7,24,51,.14)}
.bb-media img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover}
.bb-media figcaption{position:absolute;left:0;right:0;bottom:0;padding:42px 22px 18px;color:#fff;background:linear-gradient(transparent,rgba(7,24,51,.9));font-size:12px;line-height:1.5}
.bb-list{border-top:1px solid var(--line)}
.bb-list-item{display:grid;grid-template-columns:56px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}
.bb-list-item .num{font-family:var(--mono);font-size:11px;color:var(--red-500);padding-top:4px}
.bb-list-item h3{margin:0 0 7px;color:var(--navy-950);font-family:var(--disp);font-size:19px;line-height:1.3}
.bb-list-item p{margin:0;color:var(--sub);font-size:14.5px;line-height:1.65}

.bb-io-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#fff}
.bb-io{padding:34px 36px}
.bb-io+.bb-io{border-left:1px solid var(--line)}
.bb-io-label{font-family:var(--mono);font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--red-500);margin-bottom:14px}
.bb-io h3{margin:0 0 18px;color:var(--navy-950);font-family:var(--disp);font-size:25px}
.bb-clean-list{list-style:none;margin:0;padding:0}
.bb-clean-list li{position:relative;padding:11px 0 11px 24px;border-top:1px solid #edf0f4;color:#334056;font-size:14.5px;line-height:1.55}
.bb-clean-list li:before{content:"";position:absolute;left:0;top:18px;width:8px;height:8px;border:2px solid var(--red-500);border-radius:50%}

.bb-table-wrap{overflow-x:auto;border:1px solid var(--line);background:#fff;-webkit-overflow-scrolling:touch}
.bb-table{width:100%;min-width:860px;border-collapse:collapse}
.bb-table th{padding:17px 18px;background:var(--navy-950);color:#fff;text-align:left;font-family:var(--disp);font-size:13.5px}
.bb-table td{padding:17px 18px;border-top:1px solid var(--line);vertical-align:top;color:#3c4960;font-size:13.8px;line-height:1.55}
.bb-table td:first-child{color:var(--navy-950);font-weight:800}
.bb-table tr:nth-child(even) td{background:#f8fafc}

.bb-test-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}
.bb-test-photo{margin:0;border-radius:18px;overflow:hidden;background:#dfe6ef;box-shadow:0 18px 44px rgba(7,24,51,.14)}
.bb-test-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.bb-test-photo figcaption{padding:12px 16px;background:#fff;color:#68758b;font-size:11.5px;line-height:1.5}
.bb-test-stack{border-top:1px solid var(--line)}
.bb-test-item{padding:20px 0;border-bottom:1px solid var(--line)}
.bb-test-item h3{margin:0 0 7px;color:var(--navy-950);font-family:var(--disp);font-size:18px}
.bb-test-item p{margin:0;color:var(--sub);font-size:14px;line-height:1.65}
.bb-test-item small{display:block;margin-top:7px;color:#68758b;font-family:var(--mono);font-size:10.5px;line-height:1.5}

.bb-dark-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.bb-dark-copy h2{margin:12px 0 18px;color:#fff;font-family:var(--disp);font-size:clamp(34px,3.5vw,48px);line-height:1.12}
.bb-dark-copy p{margin:0;color:#b9c7e0;font-size:16px;line-height:1.75}
.bb-trace-list{border-top:1px solid rgba(255,255,255,.17)}
.bb-trace-row{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.17)}
.bb-trace-row b{color:#f3d27e;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.8px}
.bb-trace-row span{color:#d7e1ef;font-size:14px;line-height:1.55}

.bb-process{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);background:#fff}
.bb-step{position:relative;min-height:230px;padding:28px 24px;border-right:1px solid var(--line)}
.bb-step:last-child{border-right:0}
.bb-step .step-no{display:block;margin-bottom:34px;color:var(--red-500);font-family:var(--mono);font-size:11px;letter-spacing:1px}
.bb-step h3{margin:0 0 10px;color:var(--navy-950);font-family:var(--disp);font-size:18px;line-height:1.3}
.bb-step p{margin:0;color:var(--sub);font-size:13.5px;line-height:1.6}

.bb-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bb-profile{display:flex;flex-direction:column;min-height:390px;padding:30px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--navy-900)}
.bb-profile:nth-child(2){border-top-color:var(--red-500)}
.bb-profile:nth-child(3){border-top-color:#c89b2a}
.bb-profile .profile-label{font-family:var(--mono);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--red-500)}
.bb-profile h3{margin:18px 0 12px;color:var(--navy-950);font-family:var(--disp);font-size:23px;line-height:1.25}
.bb-profile>p{margin:0 0 20px;color:var(--sub);font-size:14px;line-height:1.65}
.bb-profile dl{margin:auto 0 0;padding-top:18px;border-top:1px solid var(--line)}
.bb-profile dl div{display:grid;grid-template-columns:82px 1fr;gap:14px;padding:7px 0}
.bb-profile dt{color:var(--navy-950);font-size:12px;font-weight:800}
.bb-profile dd{margin:0;color:#5d6a80;font-size:12.5px;line-height:1.45}
.bb-disclaimer{margin-top:18px;color:#68758b;font-size:11.5px;line-height:1.6}

.bb-boundary{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.18)}
.bb-boundary>div{padding:38px}
.bb-boundary>div+div{border-left:1px solid rgba(255,255,255,.18)}
.bb-boundary h3{margin:0 0 14px;color:#fff;font-family:var(--disp);font-size:24px}
.bb-boundary p{margin:0;color:#b9c7e0;font-size:14.5px;line-height:1.75}
.bb-boundary a{display:inline-block;margin-top:18px;color:#f3d27e;font-weight:800;text-decoration:none}

.bb-commercial{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff}
.bb-commercial-item{padding:28px 24px;border-right:1px solid var(--line)}
.bb-commercial-item:last-child{border-right:0}
.bb-commercial-item span{display:block;color:var(--red-500);font-family:var(--mono);font-size:10px;letter-spacing:1.2px;margin-bottom:16px}
.bb-commercial-item h3{margin:0 0 10px;color:var(--navy-950);font-family:var(--disp);font-size:18px;line-height:1.3}
.bb-commercial-item p{margin:0;color:var(--sub);font-size:13.5px;line-height:1.65}

.bb-inline-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:34px;padding:24px 28px;background:var(--navy-950);color:#fff}
.bb-inline-cta b{display:block;font-family:var(--disp);font-size:19px}
.bb-inline-cta span{display:block;margin-top:5px;color:#b9c7e0;font-size:13px;line-height:1.5}
.bb-inline-cta .btn{flex:0 0 auto}

.bb-faq{max-width:940px;margin:0 auto}
.bb-faq .bb-heading{text-align:center;margin-left:auto;margin-right:auto}
.bb-faq .bb-eyebrow{justify-content:center}

.bb-final{padding:86px 0;background:linear-gradient(135deg,var(--navy-950),var(--navy-900));color:#fff;text-align:center}
.bb-final h2{max-width:850px;margin:0 auto;color:#fff;font-family:var(--disp);font-size:clamp(36px,4vw,52px);line-height:1.1}
.bb-final p{max-width:760px;margin:18px auto 28px;color:#c4d2e6;font-size:17px;line-height:1.7}
.bb-final .bb-actions{justify-content:center}
.bb-final-note{margin-top:18px;color:#9fb3d2;font-family:var(--mono);font-size:11px;line-height:1.6}

@media (max-width:1100px){
  .bb-split,.bb-test-grid,.bb-dark-grid{grid-template-columns:1fr;gap:38px}
  .bb-proof-grid{grid-template-columns:repeat(2,1fr)}
  .bb-proof-item:nth-child(2){border-right:0}
  .bb-proof-item:nth-child(n+3){border-top:1px solid var(--line)}
  .bb-media,.bb-media img{min-height:420px}
  .bb-process{grid-template-columns:repeat(2,1fr)}
  .bb-step{border-bottom:1px solid var(--line)}
  .bb-step:nth-child(2n){border-right:0}
  .bb-step:last-child{border-bottom:0}
  .bb-profile-grid{grid-template-columns:1fr}
  .bb-profile{min-height:0}
  .bb-commercial{grid-template-columns:repeat(2,1fr)}
  .bb-commercial-item:nth-child(2){border-right:0}
  .bb-commercial-item:nth-child(n+3){border-top:1px solid var(--line)}
}

@media (max-width:900px){
  .bb-hero-grid{grid-template-columns:1fr;gap:38px}
  .bb-hero{min-height:0}
  .bb-hero-figure{width:100%;max-width:780px}
}

@media (max-width:760px){
  .bb-page .wrap{width:100%;max-width:100%;padding-left:20px;padding-right:20px}
  .bb-hero{padding:72px 0}
  .bb-hero h1{font-size:38px;letter-spacing:-.6px;overflow-wrap:anywhere}
  .bb-hero .bb-lead{font-size:16px}
  .bb-actions{display:grid;grid-template-columns:1fr;width:100%}
  .bb-actions .btn{width:100%;justify-content:center}
  .bb-hero-figure img{aspect-ratio:4/3}
  .bb-proof-grid{grid-template-columns:1fr 1fr}
  .bb-proof-item{min-height:126px;padding:22px 18px}
  .bb-proof-item b{font-size:21px}
  .bb-proof-note{text-align:left}
  .bb-section{padding:72px 0}
  .bb-heading{margin-bottom:30px}
  .bb-heading h2{font-size:34px}
  .bb-heading p{font-size:16px}
  .bb-media,.bb-media img{min-height:300px}
  .bb-list-item{grid-template-columns:42px 1fr}
  .bb-io-grid,.bb-boundary{grid-template-columns:1fr}
  .bb-io{padding:28px 22px}
  .bb-io+.bb-io,.bb-boundary>div+div{border-left:0;border-top:1px solid var(--line)}
  .bb-boundary>div+div{border-top-color:rgba(255,255,255,.18)}
  .bb-boundary>div{padding:30px 24px}
  .bb-table{min-width:760px}
  .bb-dark-grid{gap:38px}
  .bb-trace-row{grid-template-columns:1fr;gap:7px}
  .bb-process,.bb-commercial{grid-template-columns:1fr}
  .bb-step,.bb-commercial-item{min-height:0;border-right:0;border-bottom:1px solid var(--line)}
  .bb-step .step-no{margin-bottom:16px}
  .bb-commercial-item:nth-child(n+3){border-top:0}
  .bb-inline-cta{display:grid;padding:24px}
  .bb-inline-cta .btn{width:100%;justify-content:center}
  .bb-final{padding:72px 0}
  .bb-final p{font-size:16px}
}

@media (max-width:430px){
  .bb-page .topbar{font-size:10px}
  .bb-page .topbar-inner{gap:5px}
  .bb-page .topbar-contact{gap:7px;flex-wrap:nowrap}
  .bb-page .topbar-item{gap:4px}
  .bb-page .topbar-icon,.bb-page .topbar-icon svg{width:12px;height:12px}
  .bb-page .lang-select{min-width:72px;max-width:76px;padding-left:7px;padding-right:18px}
  .bb-page .nav{justify-content:space-between}
  .bb-proof-grid{grid-template-columns:1fr}
  .bb-proof-item{border-right:0;border-top:1px solid var(--line)}
  .bb-proof-item:first-child{border-top:0;border-left:0}
  .bb-hero h1{font-size:34px}
  .bb-media,.bb-media img{min-height:260px}
}

@media (prefers-reduced-motion:reduce){
  .bb-page *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}
