/* Section 1: home hero and benefit cards. Intrinsic image proportions are preserved. */
body.bt-ref-design .ref-home-hero{background:#eaf7fd;box-shadow:0 0 0 100vmax #eaf7fd;clip-path:inset(0 -100vmax)}
body.bt-ref-design .ref-home-hero h1{font-weight:900;letter-spacing:-1.4px;text-wrap:balance;max-inline-size:570px}
body.bt-ref-design .ref-home-hero .ref-lead{max-inline-size:540px}
body.bt-ref-design .ref-home-hero h1:after,body.bt-ref-design .ref-home-hero h1 span:after{content:none!important;display:none!important}
body.bt-ref-design h1 .ref-heading-tail{display:inline!important;white-space:nowrap}
body.bt-ref-design h1 .ref-heading-dot{display:inline-block!important;inline-size:.165em;block-size:.165em;margin-inline-start:.09em;background:#f51f3d;border-radius:50%;vertical-align:baseline;position:relative;top:-.025em}
body.bt-ref-design .ref-trust>div{gap:22px;box-shadow:0 9px 26px rgba(16,38,55,.065);border:1px solid #edf2f6}
body.bt-ref-design .ref-trust .ref-line-icon{width:64px!important;height:64px!important;stroke-width:1.9}
body.bt-ref-design .ref-trust h3{letter-spacing:-.2px;margin-bottom:7px}
@media(min-width:1024px){body.bt-ref-design .ref-home-hero{min-height:520px;padding-block:16px 24px}body.bt-ref-design .ref-trust{margin-top:-46px;position:relative;z-index:2}}
@media(min-width:1200px){body.bt-ref-design .ref-home-hero .ref-hero-art img{width:680px}body.bt-ref-design .ref-trust{margin-top:-34px}}
@media(max-width:767px){body.bt-ref-design .ref-home-hero h1{letter-spacing:-.6px;max-inline-size:100%}body.bt-ref-design .ref-home-hero .ref-lead{max-inline-size:100%}body.bt-ref-design .ref-trust{margin-top:0}body.bt-ref-design .ref-trust .ref-line-icon{width:56px!important;height:56px!important}body.bt-ref-design .ref-trust>div{gap:20px}}

/* Section 2: service list, optical icon scale, and the reference's opposite rounded corners. */
body.bt-ref-design .ref-services{row-gap:20px;column-gap:48px}
body.bt-ref-design .ref-services>.ref-services-copy{display:contents}
body.bt-ref-design .ref-services-heading{grid-row:1;grid-column:1/-1;margin-bottom:0}
body.bt-ref-design .ref-services-heading h2{margin-bottom:10px;letter-spacing:-.4px}
body.bt-ref-design .ref-services-heading p{margin-bottom:0}
body.bt-ref-design .ref-services>figure{grid-column:1;grid-row:2}
body.bt-ref-design .ref-service-rows{grid-column:2;grid-row:2}
body.bt-ref-design .ref-services>figure img{border-radius:0 96px 0 76px;object-position:50% center}
body.bt-ref-design .ref-service-rows>a{grid-template-columns:72px minmax(0,1fr) 40px;gap:22px;min-height:118px;padding-block:18px;align-items:center}
body.bt-ref-design .ref-service-rows .ref-line-icon{width:72px!important;height:72px!important;stroke-width:2}
body.bt-ref-design .ref-service-rows h3{font-weight:900;letter-spacing:-.2px;margin-bottom:6px}
body.bt-ref-design .ref-service-rows p{line-height:1.6}
body.bt-ref-design .ref-service-rows .ref-circle-arrow{width:40px;height:40px;border-color:#f51f3d}
@media(min-width:768px) and (max-width:1199px){body.bt-ref-design .ref-services{column-gap:30px}body.bt-ref-design .ref-service-rows>a{grid-template-columns:56px minmax(0,1fr) 34px;gap:14px}body.bt-ref-design .ref-service-rows .ref-line-icon{width:56px!important;height:56px!important}}
@media(max-width:767px){body.bt-ref-design .ref-services{row-gap:22px;grid-template-columns:minmax(0,1fr)}body.bt-ref-design .ref-services-heading{grid-column:1;grid-row:1}body.bt-ref-design .ref-service-rows{grid-column:1;grid-row:2}body.bt-ref-design .ref-services>figure{grid-column:1;grid-row:3}body.bt-ref-design .ref-services>figure img{border-radius:0 64px 0 54px}body.bt-ref-design .ref-service-rows>a{grid-template-columns:56px minmax(0,1fr) 34px;column-gap:16px;padding-block:20px}body.bt-ref-design .ref-service-rows .ref-line-icon{width:56px!important;height:56px!important}body.bt-ref-design .ref-service-rows h3{font-size:21px}}

/* Section 3: the original overlapping artwork, at its intended image/text proportion. */
body.bt-ref-design .ref-about{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#e3eff7 0%,#edf5fa 68%);padding-block:50px}
body.bt-ref-design .ref-about>.ref-container{position:relative;z-index:1}
body.bt-ref-design .ref-about .ref-grid{grid-template-columns:minmax(0,44fr) minmax(0,56fr);gap:48px}
body.bt-ref-design .ref-about figure{width:100%;align-self:center}
body.bt-ref-design .ref-about figure img{width:100%;height:auto;max-height:none;object-fit:contain}
body.bt-ref-design .ref-about:before{content:'';position:absolute;z-index:0;left:calc(50% - 25px);bottom:-72px;width:180px;height:180px;border:25px solid rgba(166,195,215,.19);border-radius:50%;pointer-events:none}
body.bt-ref-design .ref-about h2{letter-spacing:-.35px;text-wrap:balance}
body.bt-ref-design .ref-about .ref-button{min-width:190px;justify-content:space-between;margin-top:14px}
@media(min-width:768px) and (max-width:1023px){body.bt-ref-design .ref-about .ref-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}}
@media(max-width:767px){body.bt-ref-design .ref-about{padding-block:40px}body.bt-ref-design .ref-about .ref-grid{grid-template-columns:minmax(0,1fr);gap:28px}body.bt-ref-design .ref-about .ref-button{min-width:180px}body.bt-ref-design .ref-about:before{left:auto;right:-52px;bottom:-50px;width:150px;height:150px;border-width:20px}}

/* Section 4: full photo fields, with one consistent live HTML label over the supplied label area. */
body.bt-ref-design .ref-projects .ref-section-heading{margin-bottom:18px;align-items:center}
body.bt-ref-design .ref-projects h2{letter-spacing:-.35px;margin-bottom:8px!important}
body.bt-ref-design .ref-projects h2:before{margin-bottom:12px}
body.bt-ref-design .ref-projects .ref-section-heading p{margin:0;line-height:1.6}
body.bt-ref-design .ref-projects .ref-section-heading>a{margin-top:0}
body.bt-ref-design .ref-project-grid img,body.bt-ref-design .ref-project-grid>a:first-child img,body.bt-ref-design .ref-project-grid>a:last-child img{object-position:right bottom}
body.bt-ref-design .ref-project-grid figcaption{right:10px;bottom:8px;min-width:156px;height:48px;min-height:48px;display:flex;align-items:center;justify-content:center;padding:8px 16px;background:#0c2232;color:#fff;border:1px solid rgba(255,255,255,.8);border-radius:999px;font-size:15px;font-weight:700;line-height:1.4;text-align:center}
@media(max-width:767px){body.bt-ref-design .ref-projects .ref-section-heading{margin-bottom:20px}body.bt-ref-design .ref-projects .ref-section-heading>a{margin-top:14px}body.bt-ref-design .ref-project-grid figcaption{right:10px;bottom:8px;min-width:156px}}

/* Section 5: service introduction. The composite keeps its intrinsic aspect ratio. */
body.bt-ref-design .ref-service-hero h1{font-weight:900;letter-spacing:-.8px;text-wrap:balance}
body.bt-ref-design .ref-service-hero h1:after{content:none!important;display:none!important}
body.bt-ref-design .ref-service-hero .ref-lead{max-inline-size:570px}
body.bt-ref-design .ref-service-hero .ref-anchor-nav{border-color:#d5e0e9}
@media(min-width:1200px){body.bt-ref-design .ref-service-hero{grid-template-columns:minmax(0,48fr) minmax(0,52fr);padding-block:20px 24px;min-height:470px}body.bt-ref-design .ref-service-hero .ref-hero-art img{width:640px}}
@media(max-width:767px){body.bt-ref-design .ref-service-hero h1{letter-spacing:-.35px}}

/* Section 6: stronger usage icons and a coherent, centered desktop row. */
body.bt-ref-design .ref-usage-card{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;row-gap:0;padding:24px 18px 18px}
body.bt-ref-design .ref-usage-card .ref-line-icon{grid-row:auto;width:64px!important;height:64px!important;stroke-width:1.9;margin:0 0 16px}
body.bt-ref-design .ref-usage-card h3{margin-bottom:8px;letter-spacing:-.15px}
body.bt-ref-design .ref-usage-card>div{max-inline-size:480px}
body.bt-ref-design .ref-usage-cards{row-gap:20px}
@media(max-width:767px){body.bt-ref-design .ref-usage-card,body.bt-ref-design .ref-usage-card:nth-child(n+4){grid-template-columns:56px minmax(0,1fr);text-align:right;justify-items:start;column-gap:20px;padding:24px 0}body.bt-ref-design .ref-usage-card .ref-line-icon{grid-row:span 2;width:56px!important;height:56px!important;margin:2px 0 0}}

/* Section 7: four preparation facts beside the photo; source details follow below. */
body.bt-ref-design .ref-preparation{padding-block:52px;background:#eaf3f9}
body.bt-ref-design .ref-preparation-cards{gap:30px 24px;margin-top:30px}
body.bt-ref-design .ref-preparation-cards>div{grid-template-columns:56px minmax(0,1fr);column-gap:18px}
body.bt-ref-design .ref-preparation-cards .ref-line-icon{width:56px!important;height:56px!important;stroke-width:1.9}
body.bt-ref-design .ref-preparation-overview figure img{height:360px;border-radius:16px;object-position:center}
body.bt-ref-design .ref-preparation-supplement{margin-top:40px;padding-top:32px;border-top-color:#cadde9}
body.bt-ref-design .ref-preparation-checklist{border-radius:14px;border-color:#d5e3ed;box-shadow:0 5px 18px rgba(16,38,55,.025)}
@media(max-width:767px){body.bt-ref-design .ref-preparation{padding-block:40px}body.bt-ref-design .ref-preparation-cards{gap:28px 20px}body.bt-ref-design .ref-preparation-overview figure img{height:260px}body.bt-ref-design .ref-preparation-supplement{margin-top:30px;padding-top:26px}}

/* Section 8: restrained table, information and accordion details. */
body.bt-ref-design .ref-factors-table{border-collapse:separate;border-spacing:0}
body.bt-ref-design .ref-factors-table thead th:first-child{border-radius:0 4px 0 0;border-left:1px solid #6b7e8c}
body.bt-ref-design .ref-factors-table thead th:last-child{border-radius:4px 0 0 0}
body.bt-ref-design .ref-factors-table tbody th,body.bt-ref-design .ref-factors-table td{padding-block:15px}
body.bt-ref-design .ref-pricing-copy>p:nth-of-type(3){border-radius:8px;padding:18px 22px;background:linear-gradient(100deg,#f4f8fb,#eaf2f8)}
body.bt-ref-design .ref-faq details{border:1px solid #cbd9e5;border-radius:12px;margin-bottom:10px;overflow:hidden;background:#fff}
body.bt-ref-design .ref-faq summary{padding:15px 20px;gap:20px;align-items:center}
body.bt-ref-design .ref-faq details[open]{border-color:#adbfce;box-shadow:0 3px 12px rgba(16,38,55,.035)}
body.bt-ref-design .ref-faq details>div{padding:0 20px 20px}
@media(max-width:767px){body.bt-ref-design .ref-faq summary{padding:14px 16px;gap:16px}body.bt-ref-design .ref-faq details>div{padding:0 16px 18px}}