/* Dedicated to this template. Every selector is scoped to its main element. */
.balena-card-page{--bc-blue:#0073c6;color:#113462;background:#fff;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.65;overflow:hidden}
.balena-card-page *,.balena-card-page *::before,.balena-card-page *::after{box-sizing:border-box}
.balena-card-page :is(h1,h2,p,figure){margin:0}
.balena-card-page img{display:block;max-width:100%;height:auto}
.balena-card-page .bc-card-container{width:min(1440px,calc(100% - 64px));margin-inline:auto}
.balena-card-page .bc-card-hero{background:#fff;padding:40px 0 0}
.balena-card-page .bc-card-hero__grid{display:grid;grid-template-columns:minmax(0,43fr) minmax(0,57fr);align-items:center;gap:0}
.balena-card-page .bc-card-hero__copy{position:relative;z-index:1;padding-bottom:40px}
.balena-card-page .bc-card-brand{width:min(420px,100%)}
.balena-card-page .bc-card-brand img{width:100%}
.balena-card-page .bc-card-brand__strap{width:min(420px,100%);margin-top:5px;padding:2px 12px;background:var(--bc-blue);color:#fff;text-align:center;font-size:17px;font-weight:800;letter-spacing:.23em}
.balena-card-page .bc-card-hero h1{margin-top:24px;color:#082b58;font-size:clamp(26px,3.1vw,43px);font-weight:900;letter-spacing:-.055em;line-height:1.3}
.balena-card-page .bc-card-heading-line{display:block;white-space:nowrap}
.balena-card-page .bc-card-hero__lead{max-width:480px;margin-top:18px;font-size:16px;line-height:1.8}
.balena-card-page .bc-card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.balena-card-page .bc-card-button{display:inline-flex;min-height:52px;align-items:center;justify-content:space-between;gap:14px;padding:11px 24px;border:2px solid var(--bc-blue);border-radius:999px;background:#fff;color:var(--bc-blue);font-size:15px;font-weight:800;line-height:1.4;text-align:center;text-decoration:none;transition:background .15s}
.balena-card-page .bc-card-button span{font-size:24px;line-height:1}
.balena-card-page .bc-card-button--primary{background:var(--bc-blue);color:#fff}
.balena-card-page .bc-card-button:hover{background:#e8f5ff;color:#005da5}
.balena-card-page .bc-card-button--primary:hover{background:#005da5;color:#fff}
.balena-card-page .bc-card-button:focus-visible{outline:3px solid #e59a00;outline-offset:4px}
.balena-card-page .bc-card-hero__visual{align-self:end;width:110%;margin-left:-4%}
.balena-card-page .bc-card-benefits{background:#eaf6ff}
.balena-card-page .bc-card-benefits__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:24px}
.balena-card-page .bc-card-benefit{display:flex;flex-direction:column;align-items:center;padding:0 24px;border-right:1px solid #c8e5f6;text-align:center}
.balena-card-page .bc-card-benefit:last-child{border-right:0}
.balena-card-page .bc-card-benefit .bc-card-crop{width:110px;height:64px;margin-bottom:8px;background-repeat:no-repeat}
.balena-card-page .bc-card-benefit strong{font-size:18px;line-height:1.4}
.balena-card-page .bc-card-benefit>span{max-width:255px;margin-top:6px;font-size:14px;line-height:1.55}
.balena-card-page .bc-card-feature{padding:22px 0 18px;scroll-margin-top:150px}
.balena-card-page .bc-card-feature:nth-child(even){background:#eaf6ff}
.balena-card-page .bc-card-feature__grid{display:grid;grid-template-columns:minmax(0,36fr) minmax(0,21fr) minmax(0,43fr);gap:18px;align-items:center}
.balena-card-page .bc-card-feature__text{position:relative;align-self:start;padding-left:70px;min-width:0}
.balena-card-page .bc-card-feature__eyebrow{position:absolute;left:0;top:0}
.balena-card-page .bc-card-feature__eyebrow span{display:grid;place-items:center;width:52px;height:56px;border-radius:6px 6px 22px 22px;background:linear-gradient(120deg,#0095dd,#0064b4);color:#fff;font-size:23px;font-weight:800;line-height:1}
.balena-card-page .bc-card-feature h2{color:#006ab7;font-size:25px;font-weight:900;line-height:1.35;letter-spacing:-.04em}
.balena-card-page .bc-card-feature__description{margin-top:15px;font-size:15px;line-height:1.6}
.balena-card-page .bc-card-checks{margin:16px 0 0;padding:0;list-style:none}
.balena-card-page .bc-card-checks li{position:relative;padding-left:28px;margin-top:6px;font-size:14px;line-height:1.55}
.balena-card-page .bc-card-checks li::before{content:"✓";position:absolute;left:0;top:2px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--bc-blue);color:white;font-weight:900;font-size:12px;line-height:1}
.balena-card-page .bc-card-feature__illustration{align-self:end;min-width:0}
.balena-card-page .bc-card-feature__illustration .bc-card-illustration-slot{width:100%;max-width:300px;margin-inline:auto}
.balena-card-page .bc-card-feature__screens{min-width:0}
.balena-card-page .bc-card-screen{padding:7px;border:1px solid #cbdfe9;border-radius:9px;background:#fff;overflow:hidden}
.balena-card-page .bc-card-screen img{width:100%;border-radius:3px}
.balena-card-page .bc-card-screen figcaption{font-size:12px;text-align:center;color:#507596;margin-top:5px}
.balena-card-page .bc-card-closing{padding:50px 0;background:linear-gradient(120deg,#0077c9,#064677);color:#fff;text-align:center}
.balena-card-page .bc-card-closing__label{letter-spacing:.2em;font-size:13px}
.balena-card-page .bc-card-closing h2{font-size:32px;margin-top:8px;color:inherit}
.balena-card-page .bc-card-closing p{margin-top:12px}
.balena-card-page .bc-card-button--light{margin-top:22px;border-color:#fff}
@media(max-width:1100px){
.balena-card-page .bc-card-container{width:calc(100% - 48px)}
.balena-card-page .bc-card-hero h1{font-size:clamp(25px,3.4vw,35px)}
.balena-card-page .bc-card-hero__lead{font-size:14px;max-width:360px}
.balena-card-page .bc-card-brand{width:310px}
.balena-card-page .bc-card-brand__strap{width:310px;font-size:14px}
.balena-card-page .bc-card-button{font-size:13px;padding:10px 16px;min-height:46px}
.balena-card-page .bc-card-feature__text{padding-left:56px}
.balena-card-page .bc-card-feature__eyebrow span{width:42px;height:48px;font-size:20px}
.balena-card-page .bc-card-feature h2{font-size:21px}
.balena-card-page .bc-card-feature__description,.balena-card-page .bc-card-checks li{font-size:13px}
.balena-card-page .bc-card-benefit{padding-inline:12px}
.balena-card-page .bc-card-benefit strong{font-size:16px}
.balena-card-page .bc-card-benefit>span{font-size:12px}
}
@media(max-width:800px){
.balena-card-page .bc-card-container{width:calc(100% - 36px)}
.balena-card-page .bc-card-hero{padding-top:28px}
.balena-card-page .bc-card-hero__grid{grid-template-columns:minmax(0,1fr)}
.balena-card-page .bc-card-hero__copy{padding-bottom:22px}
.balena-card-page .bc-card-hero h1{font-size:clamp(22px,5.8vw,39px)}
.balena-card-page .bc-card-hero__lead{max-width:580px;font-size:15px}
.balena-card-page .bc-card-hero__visual{width:100%;margin:0 auto}
.balena-card-page .bc-card-actions{flex-wrap:nowrap}
.balena-card-page .bc-card-button{flex:1;min-width:0}
.balena-card-page .bc-card-benefits__grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:10px}
.balena-card-page .bc-card-benefit{padding:16px 10px}
.balena-card-page .bc-card-benefit:nth-child(even){border-right:0}
.balena-card-page .bc-card-benefit:nth-child(-n+2){border-bottom:1px solid #c8e5f6}
.balena-card-page .bc-card-feature{padding:28px 0}
.balena-card-page .bc-card-feature__grid{grid-template-columns:minmax(0,1fr);gap:20px}
.balena-card-page .bc-card-feature__text{padding-left:58px}
.balena-card-page .bc-card-feature h2{font-size:23px}
.balena-card-page .bc-card-feature__description,.balena-card-page .bc-card-checks li{font-size:14px}
.balena-card-page .bc-card-feature__illustration .bc-card-illustration-slot{max-width:270px}
.balena-card-page .bc-card-feature__screens{width:100%;max-width:650px;margin-inline:auto}
}
@media(max-width:420px){
.balena-card-page .bc-card-actions{flex-direction:column}
.balena-card-page .bc-card-button{width:100%;font-size:14px;min-height:50px}
.balena-card-page .bc-card-brand,.balena-card-page .bc-card-brand__strap{width:min(310px,100%)}
.balena-card-page .bc-card-hero h1{font-size:clamp(19px,5.8vw,24px)}
.balena-card-page .bc-card-feature h2{font-size:21px}
.balena-card-page .bc-card-benefit strong{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.balena-card-page .bc-card-button{transition:none}}

/* Native-resolution source artwork, independently placed text and actual app screens. */
.balena-card-page .bc-card-hero-art{position:relative;width:100%;aspect-ratio:1229/742;overflow:hidden}
.balena-card-page .bc-card-hero-source{position:absolute;max-width:none;width:158.584215%;height:auto;left:-58.584215%;top:0}
.balena-card-page .bc-card-icon-slot{margin-bottom:8px;height:55px;display:flex;align-items:center;justify-content:center}
.balena-card-page .bc-card-icon-slot img{width:100%;height:100%;object-fit:contain}
.balena-card-page .bc-card-icon-slot--1{width:129.8px}
.balena-card-page .bc-card-icon-slot--2{width:85.8px}
.balena-card-page .bc-card-icon-slot--3{width:92.4px}
.balena-card-page .bc-card-icon-slot--4{width:77px}
.balena-card-page .bc-card-illustration-slot{display:flex;align-items:center;justify-content:center}
.balena-card-page .bc-card-illustration-slot img{width:100%;height:100%;object-fit:contain}
.balena-card-page .bc-card-illustration-slot--1{aspect-ratio:193/194}
.balena-card-page .bc-card-illustration-slot--2{aspect-ratio:222/182}
.balena-card-page .bc-card-illustration-slot--3{aspect-ratio:179/178}
.balena-card-page .bc-card-illustration-slot--4{aspect-ratio:183/160}
.balena-card-page .bc-card-illustration-slot--5{aspect-ratio:167/115}

/* Compact PC rows; the artwork retains its original scale and proportions. */
@media(min-width:801px){
.balena-card-page :is(#bc-card-feature-01,#bc-card-feature-02,#bc-card-feature-03,#bc-card-feature-04) .bc-card-feature__grid{position:relative}
.balena-card-page #bc-card-feature-01 .bc-card-feature__illustration{align-self:end;margin-bottom:-18px}
.balena-card-page #bc-card-feature-01 .bc-card-illustration-slot{aspect-ratio:auto;align-items:flex-end}
.balena-card-page #bc-card-feature-01 .bc-card-illustration-slot img{height:auto}
.balena-card-page :is(#bc-card-feature-02,#bc-card-feature-03,#bc-card-feature-04) .bc-card-feature__grid{grid-template-columns:minmax(0,36fr) minmax(0,31.5fr) minmax(0,32.5fr)}
.balena-card-page :is(#bc-card-feature-02,#bc-card-feature-03,#bc-card-feature-04) .bc-card-feature__illustration{position:absolute;left:calc((100% - 36px)*.36 + 18px);bottom:-18px;width:calc((100% - 36px)*.315)}
.balena-card-page :is(#bc-card-feature-02,#bc-card-feature-03,#bc-card-feature-04) .bc-card-feature__screens{grid-column:3}
.balena-card-page :is(#bc-card-feature-02,#bc-card-feature-03,#bc-card-feature-04) .bc-card-illustration-slot{position:relative;overflow:hidden;max-width:450px}
.balena-card-page :is(#bc-card-feature-02,#bc-card-feature-03,#bc-card-feature-04) .bc-card-illustration-slot img{position:absolute;width:100%;height:auto;max-width:none}
.balena-card-page #bc-card-feature-02 .bc-card-illustration-slot{aspect-ratio:1536/815}
.balena-card-page #bc-card-feature-02 .bc-card-illustration-slot img{top:-13.128835%}
.balena-card-page #bc-card-feature-03 .bc-card-illustration-slot{aspect-ratio:1536/969}
.balena-card-page #bc-card-feature-03 .bc-card-illustration-slot img{top:-5.675955%}
.balena-card-page #bc-card-feature-04 .bc-card-illustration-slot{aspect-ratio:1536/916}
.balena-card-page #bc-card-feature-04 .bc-card-illustration-slot img{top:-5.895197%}
}

/* Text-only adjustment, including the numbered badges. */
.balena-card-page .bc-card-feature__text{margin-top:5mm}
.balena-card-page #bc-card-feature-05 .bc-card-feature__grid{container-type:inline-size}
.balena-card-page #bc-card-feature-05 h2{white-space:nowrap}
@media(min-width:801px){
.balena-card-page #bc-card-feature-05 h2{width:calc((100cqw - 36px)*.57 + 18px - 70px);font-size:clamp(16px,2cqw,25px)}
}
@media(min-width:801px) and (max-width:1100px){
.balena-card-page #bc-card-feature-05 h2{width:calc((100cqw - 36px)*.57 + 18px - 56px)}
}
@media(max-width:800px){
.balena-card-page #bc-card-feature-05 h2{width:100%;font-size:clamp(10px,3.7cqw,23px)}
}

/* TOP artwork edge blend. Original image and all geometry are retained. */
.balena-card-page .bc-card-hero-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,#fff,rgba(255,255,255,0)) left top/4% 100% no-repeat,linear-gradient(to bottom,#fff,rgba(255,255,255,0)) left top/100% .8% no-repeat}

/* Keep the former TOP button widths and wrapping after changing their labels. */
@media(min-width:1101px){
.balena-card-page .bc-card-actions .bc-card-button--primary{width:254.234375px}
.balena-card-page .bc-card-actions .bc-card-button--outline{width:179.671875px}
}
@media(min-width:801px) and (max-width:1100px){
.balena-card-page .bc-card-actions .bc-card-button--primary{width:214.296875px}
.balena-card-page .bc-card-actions .bc-card-button--outline{width:149.671875px}
}

/* Explicit weight and alignment for the four TOP benefit headings. */
#balena-card.balena-card-page .bc-card-benefit>strong{font-weight:800!important;text-align:center}
/* Center button labels independently of the right-hand arrows. */
#balena-card.balena-card-page .bc-card-actions .bc-card-button{position:relative;justify-content:center;align-items:center;text-align:center}
#balena-card.balena-card-page .bc-card-actions .bc-card-button>span[aria-hidden="true"]{position:absolute;right:24px;top:50%;transform:translateY(-50%)}

/* Keep the requested two-line description within the existing wide PC column. */
@media(min-width:1280px){
#balena-card.balena-card-page #bc-card-feature-01 .bc-card-feature__text{container-type:inline-size}
#balena-card.balena-card-page #bc-card-feature-01 .bc-card-feature__description{font-size:min(15px,2.95cqw);line-height:24px}
}

/* BALENA CARD responsive fixes, 2026-10-14. */
body.balena-card, body.balena-card #wrap { min-width: 0; }
@media screen and (max-width: 600px) {
  body.balena-card { margin-top: 0 !important; padding-top: 0 !important; }
  body.balena-card #balena-card { padding-top: var(--bc-card-header-offset, 140px); }
}
@media screen and (min-width: 601px) and (max-width: 1023px) {
  body.balena-card .gNavArea { min-width: 0; }
  body.balena-card .gNavRItem > li.gNavLinkHd { width: auto; flex: 1 1 0; min-width: 0; }
  body.balena-card .gNavRItem > li.gNavLinkHd > a.gNavLink.pc { font-size: clamp(12px, 1.7vw, 16px); }
  body.balena-card .gHeadRBox .bpo-sp-underheader { display: none !important; }
  body.balena-card .gHeadRBox .inqLink a { width: 140px; }
  body.balena-card .globalFooter { flex-wrap: wrap; gap: 24px; padding: 32px 24px; }
  body.balena-card .gFooterData { width: 100%; margin-right: 0; padding-right: 0; border-right: 0; }
  body.balena-card .gFooterNav { flex-wrap: wrap; gap: 24px; }
  body.balena-card .gFooterNavItem { margin-right: 0 !important; }
}

/* Allow the interim material inquiry label to fit beside its arrow. */
@media (min-width: 1101px) {
  #balena-card.balena-card-page .bc-card-actions .bc-card-button--outline { width: 220px; white-space: nowrap; }
}
@media (min-width: 801px) and (max-width: 1100px) {
  #balena-card.balena-card-page .bc-card-actions .bc-card-button--outline { width: 190px; white-space: nowrap; }
}