body.bc-page #bc-main{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:#12325d;font-size:16px;line-height:1.7;overflow:hidden}#bc-main *{box-sizing:border-box}#bc-main .bc-container{width:min(1200px,calc(100% - 56px));margin:auto}#bc-main h1,#bc-main h2,#bc-main h3,#bc-main p{margin-top:0}#bc-main .bc-hero{background:linear-gradient(108deg,#fff 0%,#fff 43%,#e5f5ff 100%);padding:56px 0 48px}#bc-main .bc-hero-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:36px;align-items:center}#bc-main .bc-badge{display:inline-block;padding:7px 18px;border-radius:30px;background:#e7f2ff;color:#1264a6;font-weight:700;font-size:13px;margin:0 0 20px}#bc-main .bc-logo{display:block;width:min(470px,100%);height:auto;margin:0 0 12px;object-fit:contain}#bc-main .bc-category{background:#087bbd;color:white;font-weight:700;text-align:center;letter-spacing:.12em;font-size:14px;padding:5px 10px;width:min(470px,100%);margin-bottom:26px}#bc-main h1{font-size:clamp(29px,3vw,43px);line-height:1.46;letter-spacing:-.035em;color:#092958;font-weight:800;margin-bottom:22px}#bc-main h1 span{white-space:nowrap}#bc-main .bc-lead{max-width:580px;line-height:1.9;font-size:15px;margin-bottom:24px}#bc-main .bc-actions{display:flex;gap:12px;flex-wrap:wrap}#bc-main .bc-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-width:205px;padding:14px 20px;border-radius:35px;text-decoration:none!important;font-weight:700;font-size:15px;line-height:1.3;transition:transform .2s,background .2s}#bc-main .bc-button:hover{transform:translateY(-2px)}#bc-main .bc-button span{font-size:24px;line-height:14px}#bc-main .bc-button-primary{background:#087fc6;color:#fff!important;border:2px solid #087fc6}#bc-main .bc-button-outline{background:#fff;color:#0871ba!important;border:2px solid #087fc6}#bc-main .bc-hero-art{height:425px;position:relative;isolation:isolate;border-radius:26px;background:radial-gradient(circle at 58% 25%,#fff 0%,#e0f3ff 60%,#cbe7f8 100%);overflow:hidden}#bc-main .bc-art-skyline{position:absolute;inset:auto 0 0;height:56%;opacity:.42;background:repeating-linear-gradient(90deg,transparent 0 30px,#78b8e1 30px 70px,transparent 70px 95px);clip-path:polygon(0 50%,10% 50%,10% 18%,18% 18%,18% 65%,26% 65%,26% 0,39% 0,39% 40%,52% 40%,52% 15%,66% 15%,66% 55%,76% 55%,76% 5%,89% 5%,89% 45%,100% 45%,100% 100%,0 100%)}#bc-main .bc-art-cloud{position:absolute;width:110px;height:26px;border-radius:50px;background:#fff;opacity:.7;top:52px;left:28px}#bc-main .bc-art-cloud-b{left:auto;right:35px;top:95px;width:80px}#bc-main .bc-art-node{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:93px;height:93px;border-radius:50%;background:white;box-shadow:0 8px 25px #5795bd24;color:#087fc6}#bc-main .bc-art-node small{font-weight:700;font-size:12px;color:#12325d}#bc-main .bc-art-node-a{top:30px;left:24%}#bc-main .bc-art-node-b{top:14px;right:21%}#bc-main .bc-art-node-c{top:135px;right:4%}#bc-main .bc-art-node-d{top:150px;left:5%}#bc-main .bc-art-person{position:absolute;bottom:0;z-index:2}#bc-main .bc-person-main{left:25%;width:190px;height:250px}#bc-main .bc-person-side{right:6%;width:155px;height:195px}#bc-main .bc-face{position:absolute;width:74px;height:90px;left:54px;top:37px;border-radius:44% 44% 45% 45%;background:#ffd5b2;border:3px solid #285a84}#bc-main .bc-helmet{position:absolute;left:43px;top:16px;width:98px;height:48px;border:3px solid #285a84;border-radius:80px 80px 8px 8px;background:#fff;z-index:2}#bc-main .bc-helmet:after{content:"";position:absolute;bottom:-7px;left:-8px;width:110px;height:10px;border-radius:20px;background:#e6f3ff;border:2px solid #285a84}#bc-main .bc-body{position:absolute;bottom:-25px;width:100%;height:150px;border-radius:80px 80px 0 0;background:#a7d4f2;border:3px solid #285a84}#bc-main .bc-tablet{position:absolute;right:-8px;bottom:18px;width:88px;height:118px;background:#1c4772;border:6px solid #1c4772;border-radius:9px;transform:rotate(11deg);box-shadow:inset 0 0 0 3px #91b9d6}#bc-main .bc-person-side .bc-face{width:60px;height:72px;left:47px;top:35px}#bc-main .bc-person-side .bc-helmet{width:82px;left:36px}#bc-main .bc-person-side .bc-helmet:after{width:90px}#bc-main .bc-person-side .bc-body{height:120px;background:#427cab}#bc-main .bc-phone{position:absolute;right:2px;bottom:30px;width:35px;height:65px;background:#163c68;border:4px solid #163c68;border-radius:7px;transform:rotate(-12deg);box-shadow:inset 0 0 0 3px #9ed0ed}#bc-main .bc-benefits{padding:35px 0 42px;background:#eaf7fd}#bc-main .bc-benefits h2{text-align:center;font-size:24px;margin:0 0 22px}#bc-main .bc-benefits h2 strong{font-size:34px;color:#007ec7}#bc-main .bc-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}#bc-main .bc-benefit{background:white;border-radius:14px;padding:24px 18px;text-align:center;box-shadow:0 5px 16px #0e7db00c}#bc-main .bc-benefit-icon{width:74px;height:74px;border-radius:50%;background:#e2f1ff;display:flex;align-items:center;justify-content:center;color:#087fc6;margin:0 auto 13px}#bc-main .bc-benefit h3{font-size:18px;margin:0 0 8px}#bc-main .bc-benefit p{font-size:13px;line-height:1.8;margin:0}#bc-main .bc-section{padding:74px 0}#bc-main .bc-section-heading{text-align:center;margin:0 0 34px}#bc-main .bc-overline{color:#0781c8;font-weight:800;letter-spacing:.2em;font-size:12px;margin-bottom:8px}#bc-main .bc-section-heading h2{font-size:clamp(25px,2.5vw,34px);line-height:1.55;color:#092958;margin:0 0 12px}#bc-main .bc-section-heading h2 span{color:#087fc6}#bc-main .bc-section-heading p:last-child{font-size:15px}#bc-main .bc-case-table{border:1px solid #d7e7f3;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0a4b8310}#bc-main .bc-case-head,#bc-main .bc-case-row{display:grid;grid-template-columns:1fr 1.2fr}#bc-main .bc-case-head span{padding:16px 22px;font-weight:800;background:#e8f3fc}#bc-main .bc-case-head span:last-child{background:#e2f2fd;color:#087fc6}#bc-main .bc-case-row{border-top:1px solid #d7e7f3}#bc-main .bc-case-problem,#bc-main .bc-case-answer{display:flex;align-items:center;gap:15px;padding:21px 22px;font-size:15px}#bc-main .bc-case-problem{background:#fafcff}#bc-main .bc-case-answer{position:relative;background:#fff}#bc-main .bc-case-mini{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8f3ff;color:#087fc6;font-size:22px;font-weight:800}#bc-main .bc-case-arrow{position:absolute;left:-15px;background:white;color:#087fc6;font-size:22px;line-height:1}#bc-main .bc-case-icon{display:flex;align-items:center;color:#087fc6}#bc-main .bc-flow{background:#f1f9ff}#bc-main .bc-step-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}#bc-main .bc-step{min-width:0;text-align:center}#bc-main .bc-step-label{min-height:46px;border-radius:9px;background:#dceffc;display:flex;align-items:center;gap:6px;padding:5px;font-weight:700;font-size:12px;white-space:nowrap}#bc-main .bc-step-label b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#087fc6;color:white;font-size:16px;flex:0 0 auto}#bc-main .bc-step-visual{height:155px;border:1px solid #dceaf5;background:#fff;border-radius:11px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#087fc6;margin-top:10px}#bc-main .bc-step-screen{width:76%;height:36px;border:1px solid #a8d1ea;border-radius:4px;display:flex;flex-direction:column;gap:5px;padding:6px}#bc-main .bc-step-screen span{display:block;background:#c9e6f7;height:4px;border-radius:3px}#bc-main .bc-step-screen span:nth-child(2){width:75%}#bc-main .bc-step-screen span:nth-child(3){width:50%}#bc-main .bc-step p{font-size:12px;line-height:1.65;margin:10px 2px 0}#bc-main .bc-screen-note{font-size:12px;color:#54718a;text-align:center;margin:25px 0 0}#bc-main .bc-bottom{background:linear-gradient(110deg,#e7f5ff,#c5e7fc);padding:56px 0 0}#bc-main .bc-bottom-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:35px}#bc-main .bc-bottom h2{font-size:clamp(26px,2.8vw,36px);line-height:1.55;margin:0 0 15px}#bc-main .bc-bottom p{margin-bottom:24px}#bc-main .bc-bottom-illustration{position:relative;height:245px}#bc-main .bc-monitor{position:absolute;left:5%;bottom:18px;width:230px;height:156px;background:white;border:12px solid #1a4f7c;border-radius:12px;transform:skew(-4deg);box-shadow:0 16px 0 -8px #7eb2d4}#bc-main .bc-monitor-top{height:15px;background:#087fc6}#bc-main .bc-monitor-lines{padding:15px;display:grid;gap:10px}#bc-main .bc-monitor-lines i{display:block;height:9px;background:#d6eaf7;border-radius:5px}#bc-main .bc-monitor-lines i:nth-child(2){width:85%}#bc-main .bc-monitor-lines i:nth-child(3){width:70%}#bc-main .bc-monitor-lines i:nth-child(4){width:90%}#bc-main .bc-bottom-phone{position:absolute;left:51%;bottom:18px;width:65px;height:122px;border:7px solid #174c7b;background:white;border-radius:12px;display:grid;place-items:center;color:#087fc6}#bc-main .bc-bottom-worker{position:absolute;right:0;bottom:0;width:115px;height:205px}#bc-main .bc-worker-hat{position:absolute;top:6px;left:15px;width:80px;height:42px;border-radius:60px 60px 4px 4px;background:white;border:3px solid #266391;z-index:2}#bc-main .bc-worker-face{position:absolute;top:36px;left:27px;width:59px;height:75px;background:#ffdbbd;border:3px solid #266391;border-radius:45%}#bc-main .bc-worker-coat{position:absolute;bottom:0;width:115px;height:108px;border-radius:60px 60px 0 0;background:#a6d6f4;border:3px solid #266391}@media(max-width:1050px){#bc-main .bc-step-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:24px}#bc-main h1 span{white-space:normal}#bc-main .bc-hero-grid{gap:15px}}@media(max-width:760px){#bc-main .bc-container{width:min(100% - 32px,560px)}#bc-main .bc-hero{padding:35px 0 0}#bc-main .bc-hero-grid,#bc-main .bc-bottom-grid{grid-template-columns:1fr}#bc-main .bc-hero-art{height:330px;margin-top:10px}#bc-main .bc-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#bc-main .bc-section{padding:55px 0}#bc-main .bc-case-head{display:none}#bc-main .bc-case-row{grid-template-columns:1fr}#bc-main .bc-case-problem,#bc-main .bc-case-answer{padding:13px 16px}#bc-main .bc-case-arrow{display:none}#bc-main .bc-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#bc-main .bc-bottom-illustration{height:220px}#bc-main .bc-actions{gap:10px}}@media(max-width:430px){#bc-main .bc-button{min-width:0;flex:1 1 140px;padding:13px 10px;font-size:13px;gap:8px}#bc-main .bc-benefit{padding:18px 10px}#bc-main .bc-benefit h3{font-size:15px}#bc-main .bc-benefit p{font-size:12px}#bc-main .bc-art-node{transform:scale(.76)}#bc-main .bc-art-node-a{left:14%}#bc-main .bc-art-node-b{right:11%}#bc-main .bc-art-node-c{right:-5%}#bc-main .bc-art-node-d{left:-6%}#bc-main .bc-person-main{left:14%}#bc-main .bc-person-side{right:-5%}#bc-main .bc-step-label{font-size:11px}#bc-main .bc-bottom-illustration{transform:scale(.85);transform-origin:bottom left}}

/* v1.1: approved hero mockup — larger typography and real illustration asset */
@media(min-width:1060px){
 body.bc-page #bc-main .bc-container{width:min(1440px,calc(100% - 72px))}
 body.bc-page #bc-main .bc-hero{padding:24px 0 0;background:linear-gradient(100deg,#fff 0%,#fff 38%,#dff2ff 100%)}
 body.bc-page #bc-main .bc-hero-grid{grid-template-columns:minmax(0,0.93fr) minmax(0,1.07fr);gap:16px;min-height:515px}
 body.bc-page #bc-main .bc-hero-copy{padding:28px 0 34px}
 body.bc-page #bc-main .bc-logo{width:min(555px,100%);margin-bottom:10px}
 body.bc-page #bc-main .bc-category{width:min(555px,100%);font-size:17px;padding:6px 10px;margin-bottom:20px}
 body.bc-page #bc-main .bc-badge{margin-bottom:16px;font-size:14px}
 body.bc-page #bc-main h1{font-size:clamp(37px,3.2vw,53px);line-height:1.32;letter-spacing:-.035em;margin-bottom:16px}
 body.bc-page #bc-main .bc-lead{font-size:17px;line-height:1.85;max-width:630px;margin-bottom:22px}
 body.bc-page #bc-main .bc-button{min-width:240px;padding:16px 22px;font-size:17px}
 body.bc-page #bc-main .bc-benefits{padding:22px 0 36px}
 body.bc-page #bc-main .bc-benefits h2{font-size:28px;margin-bottom:15px}
 body.bc-page #bc-main .bc-benefit{padding:22px 20px}
 body.bc-page #bc-main .bc-benefit h3{font-size:21px}
 body.bc-page #bc-main .bc-benefit p{font-size:15px}
}
body.bc-page #bc-main .bc-hero-art{height:auto;min-height:420px;border-radius:0;background:transparent;overflow:hidden;align-self:stretch;display:flex;align-items:flex-end;justify-content:center}
body.bc-page #bc-main .bc-hero-art img{display:block;width:100%;height:auto;object-fit:contain;object-position:bottom center}
@media(min-width:1060px){body.bc-page #bc-main .bc-hero-art img{width:115%;max-width:none;transform:translateX(2%);margin-bottom:0}}
@media(min-width:761px) and (max-width:1059px){body.bc-page #bc-main .bc-hero-art{min-height:300px}}
@media(max-width:760px){body.bc-page #bc-main .bc-hero-art{height:auto;min-height:0;margin:12px -16px 0}body.bc-page #bc-main .bc-hero-art img{width:100%;height:auto}body.bc-page #bc-main .bc-hero{padding-bottom:0}body.bc-page #bc-main h1{font-size:clamp(28px,7vw,39px)}}

/* v1.2: soften the upper and left edges of the hero artwork into the page */
body.bc-page #bc-main .bc-hero-art img {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 19%, #000 100%), linear-gradient(to bottom, transparent 0%, #000 18%, #000 100%);
  mask-image: linear-gradient(to right, transparent 0%, #000 19%, #000 100%), linear-gradient(to bottom, transparent 0%, #000 18%, #000 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
@media (max-width:760px) {
  body.bc-page #bc-main .bc-hero-art img {
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 12%, #000 100%), linear-gradient(to bottom, transparent 0%, #000 12%, #000 100%);
    mask-image: linear-gradient(to right, transparent 0%, #000 12%, #000 100%), linear-gradient(to bottom, transparent 0%, #000 12%, #000 100%);
  }
}

/* v1.3: center the icon, heading and description in all four benefit cards */
body.bc-page #bc-main .bc-benefit {
  text-align: center;
}
body.bc-page #bc-main .bc-benefit-icon {
  margin-left: auto;
  margin-right: auto;
}
body.bc-page #bc-main .bc-benefit h3 {
  text-align: center;
  font-weight: 800;
  color: #092958;
}
body.bc-page #bc-main .bc-benefit p {
  text-align: center;
}

/* v1.4: Invoice comparison; scoped to Connect page */
body.bc-page #bc-main .bc-invoice-compare { background: #f2f9ff; }
body.bc-page #bc-main .bc-invoice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; max-width:1060px; margin:32px auto 0; }
body.bc-page #bc-main .bc-invoice-card { background:#fff; border:1px solid #d9eaf8; border-radius:20px; padding:32px; box-shadow:0 10px 28px rgba(15,79,132,.05); text-align:center; }
body.bc-page #bc-main .bc-invoice-label { display:inline-block; margin:0 0 18px; border-radius:99px; background:#e9f4ff; color:#096cae; padding:8px 18px; font-weight:700; font-size:14px; }
body.bc-page #bc-main .bc-invoice-icon { color:#087cbd; margin:0 auto 14px; }
body.bc-page #bc-main .bc-invoice-card h3 { color:#0b315d; font-weight:800; font-size:clamp(18px,2vw,24px); line-height:1.5; margin:0 0 14px; }
body.bc-page #bc-main .bc-invoice-card > p:last-child { color:#284564; line-height:1.85; margin:0; }
body.bc-page #bc-main .bc-invoice-note { text-align:center; color:#51657b; font-size:13px; margin:20px auto 0; }
@media(max-width:700px){body.bc-page #bc-main .bc-invoice-grid{grid-template-columns:1fr;gap:16px}body.bc-page #bc-main .bc-invoice-card{padding:24px 18px}}

/* v1.5: official Connect copy, feature presentation */
body.bc-page #bc-main .bc-outcome-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1050px;margin-inline:auto}
body.bc-page #bc-main .bc-outcome-grid .bc-benefit{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:205px}
body.bc-page #bc-main .bc-outcome-grid .bc-benefit h3{font-size:clamp(16px,1.55vw,21px);font-weight:800;text-align:center;line-height:1.65;margin:0}
body.bc-page #bc-main .bc-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
body.bc-page #bc-main .bc-feature-card{border:1px solid #d8eaf6;border-radius:20px;background:#fff;padding:30px 32px;box-shadow:0 8px 30px rgba(12,88,147,.06)}
body.bc-page #bc-main .bc-feature-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
body.bc-page #bc-main .bc-feature-number{font-size:40px;line-height:1;font-weight:800;color:#087fc6}
body.bc-page #bc-main .bc-feature-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:#e7f3ff;color:#087fc6}
body.bc-page #bc-main .bc-feature-card h3{font-size:23px;font-weight:800;color:#092958;margin:0 0 10px}
body.bc-page #bc-main .bc-feature-card p{font-size:15px;line-height:1.9;margin:0}
body.bc-page #bc-main .bc-connect-message{background:#f4faff;padding:52px 0}
body.bc-page #bc-main .bc-connect-panel{text-align:center}
body.bc-page #bc-main .bc-connect-symbol{color:#087fc6;margin-bottom:12px}
body.bc-page #bc-main .bc-connect-panel h2{font-size:clamp(25px,3vw,36px);font-weight:800;line-height:1.5;color:#092958;margin-bottom:12px}
body.bc-page #bc-main .bc-connect-panel p{font-size:16px;margin:0}
body.bc-page #bc-main .bc-hero h1 span{white-space:normal}
@media(max-width:760px){body.bc-page #bc-main .bc-feature-grid{grid-template-columns:1fr;gap:14px}body.bc-page #bc-main .bc-outcome-grid{grid-template-columns:1fr;gap:12px}body.bc-page #bc-main .bc-outcome-grid .bc-benefit{min-height:0;padding:22px}body.bc-page #bc-main .bc-feature-card{padding:23px}body.bc-page #bc-main .bc-feature-card h3{font-size:20px}body.bc-page #bc-main .bc-feature-number{font-size:32px}}

/* v1.6: two-line hero headline */
body.bc-page #bc-main .bc-hero h1 .bc-headline-primary{display:block;color:#092958;font-size:clamp(26px,2.1vw,34px);font-weight:800;letter-spacing:-.055em;line-height:1.4;white-space:nowrap}
body.bc-page #bc-main .bc-hero h1 .bc-headline-secondary{display:block;color:#0789d4;font-size:clamp(23px,1.85vw,30px);font-weight:800;letter-spacing:-.055em;line-height:1.5;white-space:nowrap;margin-top:4px}
@media(max-width:1059px){body.bc-page #bc-main .bc-hero h1 .bc-headline-primary,body.bc-page #bc-main .bc-hero h1 .bc-headline-secondary{white-space:normal}}
@media(max-width:760px){body.bc-page #bc-main .bc-hero h1 .bc-headline-primary{font-size:clamp(24px,5.5vw,34px)}body.bc-page #bc-main .bc-hero h1 .bc-headline-secondary{font-size:clamp(21px,5vw,29px)}}

/* v1.7: larger approved two-line headline, preserving the hero illustration */
@media (min-width:1060px) {
  body.bc-page #bc-main .bc-hero-copy { position:relative; z-index:2; }
  body.bc-page #bc-main .bc-hero-art { position:relative; z-index:1; }
  body.bc-page #bc-main .bc-hero h1 .bc-headline-primary {
    font-size:clamp(39px,2.9vw,46px); line-height:1.26;
    letter-spacing:-.065em; white-space:nowrap;
  }
  body.bc-page #bc-main .bc-hero h1 .bc-headline-secondary {
    font-size:clamp(35px,2.6vw,41px); line-height:1.3;
    letter-spacing:-.065em; white-space:nowrap; margin-top:8px;
  }
}
@media (min-width:761px) and (max-width:1059px) {
  body.bc-page #bc-main .bc-hero h1 .bc-headline-primary {font-size:clamp(31px,3.7vw,39px);}
  body.bc-page #bc-main .bc-hero h1 .bc-headline-secondary {font-size:clamp(27px,3.25vw,35px);}
}

/* v1.8: three equal-width horizontal benefit cards with approved descriptions */
body.bc-page #bc-main .bc-outcome-grid{
  width:100%; max-width:1200px; margin-inline:auto;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px;
}
body.bc-page #bc-main .bc-outcome-grid .bc-benefit{
  display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start;
  gap:16px; min-width:0; min-height:195px; padding:26px 22px;
  text-align:left;
}
body.bc-page #bc-main .bc-outcome-grid .bc-benefit-icon{
  flex:0 0 64px; width:64px; height:64px; margin:0;
}
body.bc-page #bc-main .bc-outcome-grid .bc-benefit-icon svg{width:34px;height:34px}
body.bc-page #bc-main .bc-outcome-grid .bc-benefit-copy{flex:1;min-width:0}
body.bc-page #bc-main .bc-outcome-grid .bc-benefit h3{
  font-size:clamp(16px,1.15vw,18px); line-height:1.55; font-weight:800;
  text-align:left; margin:0 0 11px; color:#092958;
}
body.bc-page #bc-main .bc-outcome-grid .bc-benefit p{
  font-size:14px; line-height:1.8; text-align:left; color:#415974; margin:0;
}
@media(max-width:1000px){
 body.bc-page #bc-main .bc-outcome-grid{grid-template-columns:1fr;max-width:720px;gap:12px}
 body.bc-page #bc-main .bc-outcome-grid .bc-benefit{min-height:0;padding:22px}
}
@media(max-width:430px){
 body.bc-page #bc-main .bc-outcome-grid .bc-benefit{gap:12px;padding:18px 14px}
 body.bc-page #bc-main .bc-outcome-grid .bc-benefit-icon{flex-basis:52px;width:52px;height:52px}
 body.bc-page #bc-main .bc-outcome-grid .bc-benefit h3{font-size:16px}
 body.bc-page #bc-main .bc-outcome-grid .bc-benefit p{font-size:13px}
}

/* v1.9: approved sections; existing hero deliberately untouched */
body.bc-page #bc-main .bc-problems{background:#eaf7fd;padding:38px 0 18px}
body.bc-page #bc-main .bc-problems-panel{display:grid;grid-template-columns: .9fr 1.3fr;gap:42px;align-items:center;padding:34px 48px;border-radius:22px;background:linear-gradient(110deg,#f7fcff,#fff);box-shadow:0 8px 24px #23669a0a}
body.bc-page #bc-main .bc-problems-intro h2{font-size:clamp(26px,2.4vw,35px);color:#092958;margin:0 0 10px;font-weight:800}
body.bc-page #bc-main .bc-problems-intro h2 span{color:#0789d4}
body.bc-page #bc-main .bc-problems-intro>p:not(.bc-overline){font-size:14px;margin:0}
body.bc-page #bc-main .bc-problem-list{list-style:none;margin:0;padding:0}
body.bc-page #bc-main .bc-problem-list li{display:flex;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid #d9e8f3;font-size:17px;font-weight:700;line-height:1.65}
body.bc-page #bc-main .bc-problem-list li:last-child{border:0}
body.bc-page #bc-main .bc-problem-check{flex:0 0 32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#0987d2;color:#fff;font-size:20px}
body.bc-page #bc-main .bc-problem-illustration{display:flex;align-items:center;gap:15px;margin:12px 0 -20px 45px;color:#0b7fc3}
body.bc-page #bc-main .bc-problem-person{font-size:72px;line-height:1.15}
body.bc-page #bc-main .bc-problem-symbols{display:flex;gap:8px;align-items:flex-start}
body.bc-page #bc-main .bc-problem-symbols span{width:38px;height:38px;border-radius:50%;background:#d7ecfc;display:grid;place-items:center;font-size:22px}
body.bc-page #bc-main .bc-workflow{padding:66px 0 70px;background:linear-gradient(180deg,#eaf7fd,#f7fcff)}
body.bc-page #bc-main .bc-workflow-visual{display:grid;grid-template-columns:1.15fr .65fr 1.3fr .65fr 1.15fr;gap:10px;align-items:center}
body.bc-page #bc-main .bc-workflow-party{background:#fff;border-radius:18px;padding:18px 12px 24px;text-align:center;box-shadow:0 8px 26px #23669a12;min-height:240px}
body.bc-page #bc-main .bc-workflow-scene{height:122px;display:flex;justify-content:center;align-items:end;gap:10px;border-radius:13px;background:linear-gradient(180deg,#eff9ff,#d5efff);overflow:hidden;margin-bottom:14px}
body.bc-page #bc-main .bc-scene-building{font-size:100px;line-height:1;color:#8bc8ec}
body.bc-page #bc-main .bc-scene-worker{font-size:65px;line-height:1.3}
body.bc-page #bc-main .bc-workflow-party-title{font-size:19px;font-weight:800;color:#092958}
body.bc-page #bc-main .bc-workflow-party p{font-size:13px;margin:4px 0 0}
body.bc-page #bc-main .bc-workflow-hub{text-align:center;padding:24px 12px;border-radius:20px;background:linear-gradient(145deg,#e0f3ff,#f5fbff);border:2px solid #8fcdf5}
body.bc-page #bc-main .bc-workflow-cloud{color:#087fc6}
body.bc-page #bc-main .bc-workflow-hub strong{display:block;font-size:clamp(18px,1.7vw,27px);color:#087fc6;white-space:nowrap}
body.bc-page #bc-main .bc-workflow-hub p{background:#087fc6;border-radius:30px;color:#fff;padding:6px;font-size:12px;margin:12px 0 0}
body.bc-page #bc-main .bc-workflow-link{text-align:center;color:#087fc6;min-width:0}
body.bc-page #bc-main .bc-workflow-doc{display:flex;flex-direction:column;align-items:center;gap:3px}
body.bc-page #bc-main .bc-workflow-doc small{font-size:11px;font-weight:700;color:#12325d}
body.bc-page #bc-main .bc-workflow-arrow{display:block;font-size:44px;line-height:1.1;font-weight:800}
body.bc-page #bc-main .bc-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.bc-page #bc-main .bc-feature-card{position:relative;text-align:center;padding:30px 20px 26px}
body.bc-page #bc-main .bc-feature-head{display:flex;justify-content:center;margin:0 0 14px}
body.bc-page #bc-main .bc-feature-icon{width:78px;height:78px}
body.bc-page #bc-main .bc-feature-number{position:absolute;top:13px;left:13px;background:#0789d4;color:white;font-size:16px;width:37px;height:37px;display:grid;place-items:center;border-radius:50%}
body.bc-page #bc-main .bc-feature-card h3{font-size:19px;line-height:1.5}
body.bc-page #bc-main .bc-feature-card p{font-size:14px;line-height:1.8}
@media(max-width:1000px){body.bc-page #bc-main .bc-workflow-visual{grid-template-columns:1fr;max-width:550px;margin:auto;gap:8px}body.bc-page #bc-main .bc-workflow-party{min-height:0}body.bc-page #bc-main .bc-workflow-link{display:flex;flex-direction:column-reverse;align-items:center}body.bc-page #bc-main .bc-workflow-arrow{transform:rotate(90deg)}body.bc-page #bc-main .bc-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body.bc-page #bc-main .bc-problems-panel{grid-template-columns:1fr;gap:12px;padding:25px 20px}body.bc-page #bc-main .bc-problem-list li{font-size:15px;padding:12px 0}body.bc-page #bc-main .bc-problem-illustration{margin:8px 0 0}body.bc-page #bc-main .bc-workflow{padding:48px 0}body.bc-page #bc-main .bc-feature-grid{grid-template-columns:1fr}body.bc-page #bc-main .bc-feature-card{padding:28px 24px}}

/* BALENA Connect v2.0: illustration-led sections; hero unchanged */
body.bc-page #bc-main .bc-problems{padding:54px 0 30px;background:#eaf7fd}
body.bc-page #bc-main .bc-problems-panel{grid-template-columns:1fr 1.08fr;gap:26px;padding:38px 48px;min-height:310px;overflow:hidden}
body.bc-page #bc-main .bc-problems-intro{position:relative;min-height:240px}
body.bc-page #bc-main .bc-problems-intro h2{font-size:clamp(28px,2.8vw,39px);position:relative;z-index:2}
body.bc-page #bc-main .bc-problems-intro>p:not(.bc-overline){position:relative;z-index:2;max-width:390px}
body.bc-page #bc-main .bc-problem-art-v2{position:absolute;bottom:-38px;right:-6px;width:290px;height:185px;display:block;pointer-events:none}
body.bc-page #bc-main .bc-problem-art-v2 img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
body.bc-page #bc-main .bc-problem-art-v2 .bc-problem-symbols{position:absolute;left:-10px;top:30px;display:flex;gap:8px}
body.bc-page #bc-main .bc-problem-art-v2 .bc-problem-symbols span{display:grid;place-items:center;background:#d8efff;color:#087fc6;width:38px;height:38px;border-radius:50%;font-size:19px}
body.bc-page #bc-main .bc-problem-list li{font-size:16px;font-weight:700;padding:17px 0;line-height:1.65}
body.bc-page #bc-main .bc-benefits{padding:32px 0 60px}
body.bc-page #bc-main .bc-outcome-grid .bc-benefit{min-height:205px;padding:28px 22px;box-shadow:0 14px 28px #2b7ca012}
body.bc-page #bc-main .bc-workflow{padding:60px 0 82px;background:linear-gradient(180deg,#eaf7fd,#f7fcff)}
body.bc-page #bc-main .bc-workflow .bc-section-heading{text-align:center;margin-bottom:32px}
body.bc-page #bc-main .bc-workflow .bc-section-heading h2{font-weight:800;font-size:clamp(29px,3vw,40px)}
body.bc-page #bc-main .bc-workflow-visual-v2{grid-template-columns:minmax(0,1.3fr) minmax(65px,.46fr) minmax(0,1.25fr) minmax(65px,.46fr) minmax(0,1.3fr);gap:12px;align-items:center}
body.bc-page #bc-main .bc-workflow-party-v2{padding:0 12px 22px;min-height:305px;overflow:hidden;background:linear-gradient(#f5fbff,#fff);border:1px solid #dceef9}
body.bc-page #bc-main .bc-workflow-people{width:calc(100% + 24px);max-width:none;margin:0 -12px 10px;height:220px;object-fit:contain;object-position:center bottom;background:linear-gradient(180deg,#e4f6ff,#f8fcff)}
body.bc-page #bc-main .bc-workflow-party-v2 .bc-workflow-party-title{font-size:22px}
body.bc-page #bc-main .bc-workflow-hub-v2{padding:38px 12px;box-shadow:0 15px 38px #1885c820;border-width:2px}
body.bc-page #bc-main .bc-workflow-hub-v2 strong{font-size:clamp(19px,1.7vw,25px)}
body.bc-page #bc-main .bc-workflow-link-v2 span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;font-weight:800;color:#17416a}
body.bc-page #bc-main .bc-workflow-link-v2 span svg{color:#087fc6}
body.bc-page #bc-main .bc-workflow-link-v2 strong{font-size:44px;line-height:1.1;color:#0789d4}
@media(max-width:1000px){body.bc-page #bc-main .bc-workflow-visual-v2{grid-template-columns:1fr;max-width:580px;gap:14px}body.bc-page #bc-main .bc-workflow-link-v2 strong{display:block;transform:rotate(90deg)}body.bc-page #bc-main .bc-workflow-party-v2{min-height:0}body.bc-page #bc-main .bc-workflow-people{height:230px}}
@media(max-width:760px){body.bc-page #bc-main .bc-problems-panel{grid-template-columns:1fr;padding:28px 24px;gap:15px}body.bc-page #bc-main .bc-problems-intro{min-height:260px}body.bc-page #bc-main .bc-problem-art-v2{right:0;bottom:-6px;width:240px;height:155px}body.bc-page #bc-main .bc-problem-list li{font-size:14px}body.bc-page #bc-main .bc-workflow{padding:45px 0 60px}}

/* v2.1: approved clean, borderless illustrations. Hero and benefits untouched. */
body.bc-page #bc-main .bc-workflow-party-v2{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;padding:0 0 12px!important;min-height:0!important}
body.bc-page #bc-main .bc-workflow-people{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;width:100%!important;max-width:100%!important;margin:0 auto 10px!important;height:235px!important;object-fit:contain!important;object-position:center bottom!important;filter:none!important}
body.bc-page #bc-main .bc-workflow-hub-v2{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:20px 4px!important}
body.bc-page #bc-main .bc-workflow-hub-v2 p{max-width:280px;margin:12px auto 0}
body.bc-page #bc-main .bc-workflow-party-v2 .bc-workflow-party-title{font-size:23px!important}
body.bc-page #bc-main .bc-workflow-visual-v2{gap:14px!important}
body.bc-page #bc-main .bc-problem-art-v2 img{filter:none!important;image-rendering:auto!important}
@media(max-width:1000px){body.bc-page #bc-main .bc-workflow-people{height:220px!important}}
@media(max-width:760px){body.bc-page #bc-main .bc-workflow-people{height:200px!important}}

/* v2.3: CHALLENGES illustration layout refinement */
@media (min-width: 761px) {
  body.bc-page #bc-main .bc-problems-panel {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr);
    gap: 32px;
    min-height: 370px;
    padding: 36px 48px 24px;
    overflow: visible;
  }
  body.bc-page #bc-main .bc-problems-intro {
    min-height: 305px;
    align-self: stretch;
  }
  body.bc-page #bc-main .bc-problems-intro > p:not(.bc-overline) {
    max-width: 430px;
  }
  body.bc-page #bc-main .bc-problem-art-v2 {
    width: 380px;
    height: 255px;
    max-width: 90%;
    right: 2px;
    bottom: -18px;
    margin: 0;
    z-index: 1;
  }
  body.bc-page #bc-main .bc-problem-art-v2 img {
    object-position: center bottom;
  }
  body.bc-page #bc-main .bc-problem-art-v2 .bc-problem-symbols {
    left: -4px;
    top: 42px;
  }
  body.bc-page #bc-main .bc-problem-list {
    position: relative;
    z-index: 2;
  }
}
@media (max-width: 760px) {
  body.bc-page #bc-main .bc-problems-panel { overflow: hidden; }
  body.bc-page #bc-main .bc-problems-intro { min-height: 295px; }
  body.bc-page #bc-main .bc-problem-art-v2 {
    width: 300px;
    max-width: 94%;
    height: 205px;
    right: 0;
    bottom: -4px;
    margin: 0;
  }
  body.bc-page #bc-main .bc-problem-art-v2 .bc-problem-symbols { top: 35px; }
}

/* v2.4: move the illustration and checklist together 5cm to the right on desktop. */
@media (min-width: 1101px) {
  body.bc-page #bc-main .bc-problem-art-v2,
  body.bc-page #bc-main .bc-problem-list {
    transform: translateX(189px);
  }
}

/* v2.5: three-column challenges layout matching annotated reference */
@media (min-width: 1101px) {
  body.bc-page #bc-main .bc-problems-panel {
    display:grid;
    grid-template-columns:minmax(0, 35%) minmax(0, 28%) minmax(0, 37%);
    gap:0;
    padding:38px 42px 30px;
    min-height:355px;
    overflow:hidden;
    align-items:center;
  }
  body.bc-page #bc-main .bc-problems-intro {
    display:contents;
  }
  body.bc-page #bc-main .bc-problems-intro > .bc-overline,
  body.bc-page #bc-main .bc-problems-intro > h2,
  body.bc-page #bc-main .bc-problems-intro > p:not(.bc-overline) {
    grid-column:1;
    position:relative;
    z-index:2;
    align-self:start;
    margin-right:12px;
  }
  body.bc-page #bc-main .bc-problems-intro > .bc-overline {grid-row:1;margin-top:0;margin-bottom:6px;align-self:end}
  body.bc-page #bc-main .bc-problems-intro > h2 {grid-row:2;margin-top:0;margin-bottom:10px;white-space:nowrap;font-size:clamp(25px,2.2vw,36px)}
  body.bc-page #bc-main .bc-problems-intro > p:not(.bc-overline) {grid-row:3;font-size:16px;line-height:1.9;max-width:unset;margin-top:0}
  body.bc-page #bc-main .bc-problem-art-v2 {
    grid-column:2;grid-row:1 / span 4;
    position:relative;right:auto;bottom:auto;top:auto;left:auto;
    width:100%;max-width:none;height:290px;margin:0;
    transform:none!important;align-self:end;z-index:1;
  }
  body.bc-page #bc-main .bc-problem-art-v2 img {object-fit:contain;object-position:center bottom}
  body.bc-page #bc-main .bc-problem-list {
    grid-column:3;grid-row:1 / span 4;
    transform:none!important;margin:0;padding:0 0 0 12px;
    min-width:0;align-self:center;
  }
  body.bc-page #bc-main .bc-problem-list li {font-size:clamp(13px,1vw,16px);line-height:1.6;padding:18px 0}
}

/* v2.6: approved CHALLENGES description typography */
@media (min-width: 1101px) {
  body.bc-page #bc-main .bc-problems-intro > p:not(.bc-overline) {
    font-size: 14px;
    line-height: 1.85;
    letter-spacing: 0;
  }
}

/* v2.7: CHALLENGES copy width and checklist fit (desktop only) */
@media (min-width: 1101px) {
  body.bc-page #bc-main .bc-problems-intro > p:not(.bc-overline) {
    font-size: 15px;
    line-height: 1.8;
    max-width: 100%;
    width: 100%;
    overflow-wrap: anywhere;
    margin-right: 16px;
  }
  body.bc-page #bc-main .bc-problem-list {
    padding-left: 18px;
    padding-right: 0;
    width: 100%;
    box-sizing: border-box;
  }
  body.bc-page #bc-main .bc-problem-list li {
    font-size: clamp(12px, .88vw, 14px);
    line-height: 1.55;
    gap: 10px;
    padding: 16px 0;
    overflow-wrap: anywhere;
  }
  body.bc-page #bc-main .bc-problem-check {
    flex: 0 0 29px;
    width: 29px;
    height: 29px;
    font-size: 18px;
  }
}

/* v2.8: CHALLENGES final copy and checklist adjustments (desktop only) */
@media (min-width: 1101px) {
  body.bc-page #bc-main .bc-problems-intro > p:not(.bc-overline) {
    font-size: 17px;
    line-height: 1.85;
    width: min(100%, 350px);
    max-width: 350px;
    margin-right: 0;
    overflow-wrap: normal;
    word-break: normal;
  }
  body.bc-page #bc-main .bc-problem-list {
    padding-left: 38px;
    padding-right: 0;
    min-width: 0;
    width: 100%;
  }
  body.bc-page #bc-main .bc-problem-list li {
    font-size: 16px;
    line-height: 1.6;
    gap: 12px;
    padding: 16px 0;
    overflow-wrap: normal;
  }
}


/* v2.9: Benefits section redesign ONLY; hero and challenges remain untouched */
body.bc-page #bc-main .bc-benefits-v29{padding:52px 0 72px;background:#eaf7fd}
body.bc-page #bc-main .bc-benefits-v29 .bc-benefits-heading{text-align:center;margin:0 0 30px}
body.bc-page #bc-main .bc-benefits-v29 .bc-benefits-heading .bc-overline{font-size:13px;letter-spacing:.18em;margin:0 0 10px;color:#0781c8}
body.bc-page #bc-main .bc-benefits-v29 .bc-benefits-heading h2{font-size:clamp(26px,2.35vw,34px);line-height:1.45;margin:0 0 9px;color:#092958;font-weight:800}
body.bc-page #bc-main .bc-benefits-v29 .bc-benefits-heading h2 strong{font-size:1.14em;color:#087fc6}
body.bc-page #bc-main .bc-benefits-v29 .bc-benefits-heading>p:last-child{font-size:15px;line-height:1.7;color:#526a80;margin:0}
body.bc-page #bc-main .bc-benefits-v29 .bc-outcome-grid{width:100%;max-width:1200px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:auto}
body.bc-page #bc-main .bc-benefits-v29 .bc-outcome-grid .bc-benefit{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:0;min-height:305px;padding:28px 28px 32px;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(24,94,145,.075)}
body.bc-page #bc-main .bc-benefits-v29 .bc-benefit-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
body.bc-page #bc-main .bc-benefits-v29 .bc-benefit-number{font-size:16px;font-weight:900;letter-spacing:.08em;color:#0781c8}
body.bc-page #bc-main .bc-benefits-v29 .bc-outcome-grid .bc-benefit-icon{display:grid;place-items:center;flex:none;width:68px;height:68px;margin:0;border-radius:50%;background:#e5f3fd;color:#087fc6}
body.bc-page #bc-main .bc-benefits-v29 .bc-outcome-grid .bc-benefit-icon svg{width:40px;height:40px}
body.bc-page #bc-main .bc-benefits-v29 .bc-benefit-copy{width:100%;flex:1;min-width:0}
body.bc-page #bc-main .bc-benefits-v29 .bc-outcome-grid .bc-benefit h3{font-size:clamp(23px,2vw,29px);line-height:1.4;letter-spacing:-.025em;font-weight:850;color:#092958;text-align:left;margin:0 0 9px}
body.bc-page #bc-main .bc-benefits-v29 .bc-outcome-grid .bc-benefit .bc-benefit-subtitle{font-size:16px;line-height:1.6;font-weight:800;color:#173f67;margin:0 0 12px;text-align:left}
body.bc-page #bc-main .bc-benefits-v29 .bc-outcome-grid .bc-benefit .bc-benefit-description{font-size:14px;line-height:1.85;color:#526a80;margin:0;text-align:left}
@media(max-width:1000px){body.bc-page #bc-main .bc-benefits-v29 .bc-outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body.bc-page #bc-main .bc-benefits-v29{padding:44px 0 56px}body.bc-page #bc-main .bc-benefits-v29 .bc-outcome-grid{grid-template-columns:1fr;gap:14px;max-width:580px}body.bc-page #bc-main .bc-benefits-v29 .bc-outcome-grid .bc-benefit{min-height:0;padding:24px}body.bc-page #bc-main .bc-benefits-v29 .bc-outcome-grid .bc-benefit h3{font-size:25px}body.bc-page #bc-main .bc-benefits-v29 .bc-benefits-heading>p:last-child{font-size:14px}}

/* v3.0: Center the BENEFITS introduction under the section title. */
body.bc-page #bc-main .bc-benefits-v29 .bc-benefits-heading > p:last-child {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  text-align: center;
}

/* v3.1: Emphasize only the number 3 in the BENEFITS heading. */
body.bc-page #bc-main .bc-benefits-v29 .bc-benefits-heading h2 strong {
  display: inline-block;
  color: #0789d4;
  font-size: 1.4em;
  font-weight: 900;
  line-height: 1;
  vertical-align: -0.045em;
  margin: 0 0.035em;
}

/* Connection approved visual v3.2 */
body.bc-page #bc-main .bc-workflow .bc-section-heading{text-align:left;margin-bottom:18px}
body.bc-page #bc-main .bc-workflow .bc-section-heading h2{font-weight:800}
body.bc-page #bc-main .bc-workflow-final{width:100%;margin:0 auto;max-width:1320px}
body.bc-page #bc-main .bc-workflow-final img{display:block;width:100%;height:auto;border:0;box-shadow:none;background:transparent}
@media(max-width:760px){body.bc-page #bc-main .bc-workflow-final{overflow-x:auto}body.bc-page #bc-main .bc-workflow-final img{width:850px;max-width:none}body.bc-page #bc-main .bc-workflow .bc-section-heading h2{font-size:28px}}

/* v3.3: approved four-illustration feature design; scoped to FEATURES only */
body.bc-page #bc-main .bc-features{background:#f5fbff}
body.bc-page #bc-main .bc-features .bc-section-heading h2{font-size:clamp(30px,3.1vw,48px);font-weight:800;line-height:1.3}
body.bc-page #bc-main .bc-features .bc-section-heading h2 span{color:#078bcf}
body.bc-page #bc-main .bc-features .bc-section-heading>p:last-child{font-size:clamp(15px,1.3vw,19px)}
body.bc-page #bc-main .bc-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
body.bc-page #bc-main .bc-feature-card{position:relative;min-width:0;padding:22px 18px 32px;text-align:left;border:1px solid #d7eafa;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(11,93,147,.05)}
body.bc-page #bc-main .bc-feature-number{position:absolute;top:16px;left:16px;z-index:1;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#078bcf;color:white;font-size:23px;font-weight:800;line-height:1}
body.bc-page #bc-main .bc-feature-art{height:182px;display:flex;align-items:flex-end;justify-content:center;margin:6px -5px 16px;overflow:hidden}
body.bc-page #bc-main .bc-feature-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
body.bc-page #bc-main .bc-feature-card h3{font-size:clamp(17px,1.3vw,22px);font-weight:800;line-height:1.5;margin:0 0 12px;color:#092958}
body.bc-page #bc-main .bc-feature-card>p{font-size:15px;line-height:1.85;margin:0;color:#173657}
@media(max-width:1050px){body.bc-page #bc-main .bc-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){body.bc-page #bc-main .bc-feature-grid{grid-template-columns:1fr;gap:15px}body.bc-page #bc-main .bc-feature-card{padding:22px 22px 26px}body.bc-page #bc-main .bc-feature-art{height:190px}body.bc-page #bc-main .bc-feature-card h3{font-size:20px}}

/* v3.4: transparent standalone illustrations */
body.bc-page #bc-main .bc-feature-art{height:200px;overflow:visible}
body.bc-page #bc-main .bc-feature-art img{object-fit:contain;object-position:center bottom}

/* v3.5: CTA only. Other completed sections unchanged. */
body.bc-page #bc-main .bc-cta-v35{background:linear-gradient(110deg,#f5fbff 0%,#e6f5ff 48%,#cdeaff 100%);padding:52px 0 0;overflow:hidden}
body.bc-page #bc-main .bc-cta-v35 .bc-bottom-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:12px;min-height:330px}
body.bc-page #bc-main .bc-cta-v35 h2{font-size:clamp(29px,2.8vw,42px);line-height:1.5;font-weight:800;letter-spacing:-.035em;margin:0 0 20px}
body.bc-page #bc-main .bc-cta-v35 h2 span{color:#0789ce}
body.bc-page #bc-main .bc-cta-v35 p{font-size:16px;line-height:1.9;margin-bottom:25px}
body.bc-page #bc-main .bc-cta-v35 .bc-actions{gap:14px}
body.bc-page #bc-main .bc-cta-v35 .bc-button{min-width:200px;padding:15px 20px}
body.bc-page #bc-main .bc-cta-art{height:330px;display:flex;align-items:end;justify-content:center;overflow:hidden}
body.bc-page #bc-main .bc-cta-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply}
@media(max-width:760px){body.bc-page #bc-main .bc-cta-v35{padding:42px 0 0}body.bc-page #bc-main .bc-cta-v35 .bc-bottom-grid{grid-template-columns:1fr;gap:8px}body.bc-page #bc-main .bc-cta-v35 h2{font-size:clamp(26px,6vw,34px)}body.bc-page #bc-main .bc-cta-art{height:260px}body.bc-page #bc-main .bc-cta-v35 .bc-button{min-width:0}}


/* v3.7: CTA finishing adjustments only */
@media (min-width: 1060px) {
  body.bc-page #bc-main .bc-cta-v35 .bc-bottom-grid {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, .9fr);
    gap: 18px;
    min-height: 350px;
  }
  body.bc-page #bc-main .bc-cta-v35 p {
    font-size: 18px;
    line-height: 1.8;
    white-space: nowrap;
  }
}
body.bc-page #bc-main .bc-cta-v35 .bc-cta-art {
  height: 360px;
  align-items: center;
  overflow: visible;
}
body.bc-page #bc-main .bc-cta-v35 .bc-cta-art img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  mix-blend-mode: normal;
  transform: translateY(-24px);
}
@media (max-width: 760px) {
  body.bc-page #bc-main .bc-cta-v35 p {
    font-size: 16px;
    white-space: normal;
  }
  body.bc-page #bc-main .bc-cta-v35 .bc-cta-art {
    height: 280px;
  }
  body.bc-page #bc-main .bc-cta-v35 .bc-cta-art img {
    transform: translateY(-10px);
  }
}

/* v3.8: final CTA layout, desktop one-line copy and larger artwork */
@media (min-width: 1060px) {
  body.bc-page #bc-main .bc-cta-v35 { padding-top: 38px; }
  body.bc-page #bc-main .bc-cta-v35 .bc-bottom-grid {
    grid-template-columns: minmax(0, 1.23fr) minmax(0, 1fr);
    gap: 0;
    min-height: 390px;
  }
  body.bc-page #bc-main .bc-cta-v35 p {
    font-size: 18px;
    line-height: 1.75;
    white-space: nowrap;
    letter-spacing: -0.035em;
  }
  body.bc-page #bc-main .bc-cta-v35 p br { display: none; }
  body.bc-page #bc-main .bc-cta-v35 .bc-cta-art {
    height: 390px;
    overflow: visible;
    justify-content: center;
  }
  body.bc-page #bc-main .bc-cta-v35 .bc-cta-art img {
    width: 120%;
    max-width: none;
    height: 100%;
    object-fit: contain;
    object-position: center;
    mix-blend-mode: normal;
    transform: translate(3%, -12px);
  }
}
@media (min-width: 761px) and (max-width: 1059px) {
  body.bc-page #bc-main .bc-cta-v35 p { font-size: 17px; }
  body.bc-page #bc-main .bc-cta-v35 .bc-cta-art img {
    width: 110%;
    max-width: none;
    mix-blend-mode: normal;
  }
}


/* v3.9: page-wide visual refinement based on approved design comp.
   Existing illustrations, content, navigation, and CTA v3.8 preserved. */
body.bc-page #bc-main { color:#102f59; }
body.bc-page #bc-main .bc-section-heading h2,
body.bc-page #bc-main .bc-benefits-heading h2 { letter-spacing:-.035em; }
body.bc-page #bc-main .bc-overline { letter-spacing:.15em; }
body.bc-page #bc-main .bc-hero {
  background:linear-gradient(105deg,#f7fcff 0%,#e9f6ff 52%,#d8efff 100%);
}
body.bc-page #bc-main .bc-problems {
  background:#fff;
  padding-top:66px;
  padding-bottom:66px;
}
body.bc-page #bc-main .bc-problems-panel {
  background:linear-gradient(115deg,#f8fcff,#eff8ff);
  box-shadow:0 12px 34px rgba(14,74,123,.045);
  border:1px solid #e4f0f8;
}
body.bc-page #bc-main .bc-benefits-v29 {
  background:#fff;
  padding-top:66px;
  padding-bottom:76px;
}
body.bc-page #bc-main .bc-benefits-v29 .bc-outcome-grid .bc-benefit {
  border:1px solid #e1eef8;
  box-shadow:0 12px 32px rgba(19,84,134,.06);
  transition:transform .2s ease,box-shadow .2s ease;
}
body.bc-page #bc-main .bc-benefits-v29 .bc-outcome-grid .bc-benefit:hover {
  transform:translateY(-3px);
  box-shadow:0 16px 36px rgba(19,84,134,.1);
}
body.bc-page #bc-main .bc-workflow {
  background:linear-gradient(180deg,#edf8ff,#f7fcff);
  padding-top:72px;
  padding-bottom:76px;
}
body.bc-page #bc-main .bc-features {
  background:#fff;
  padding-top:72px;
  padding-bottom:78px;
}
body.bc-page #bc-main .bc-feature-card {
  border-color:#e1edf7;
  box-shadow:0 10px 32px rgba(19,84,134,.055);
  transition:transform .2s ease,box-shadow .2s ease;
}
body.bc-page #bc-main .bc-feature-card:hover {
  transform:translateY(-3px);
  box-shadow:0 15px 36px rgba(19,84,134,.1);
}
body.bc-page #bc-main .bc-cta-v35 {
  background:linear-gradient(105deg,#f2faff 0%,#e4f4ff 55%,#cfeaff 100%);
}
@media(max-width:760px) {
  body.bc-page #bc-main .bc-problems,
  body.bc-page #bc-main .bc-benefits-v29,
  body.bc-page #bc-main .bc-workflow,
  body.bc-page #bc-main .bc-features { padding-top:48px;padding-bottom:52px; }
  body.bc-page #bc-main .bc-benefits-v29 .bc-outcome-grid .bc-benefit:hover,
  body.bc-page #bc-main .bc-feature-card:hover { transform:none; }
}
@media(prefers-reduced-motion:reduce) {
  body.bc-page #bc-main .bc-feature-card,
  body.bc-page #bc-main .bc-benefits-v29 .bc-outcome-grid .bc-benefit { transition:none; }
}
