/* Native image + heading + paragraph blocks, styled as technology callouts. */
:where(.tech-showcase,.tech-showcase-inner,.tech-showcase-heading,.tech-callout-list,.tech-callout,.tech-callout-copy,.tech-sidebar-section,.tech-sidebar-visual,.tech-sidebar-points,.tech-sidebar-point,.tech-sidebar-point-copy)>.wp-block-group__inner-container{display:contents}
.tech-showcase{position:relative;isolation:isolate;overflow:hidden;background:#031b20;color:#e9f7ef}
.home-tech-showcase{margin:0;scroll-margin-top:0}
.tech-showcase .tech-showcase-background{position:absolute;z-index:-2;inset:0;margin:0!important;border:0!important;border-radius:0!important;background:#031b20}
.tech-showcase .tech-showcase-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:left center}
.tech-showcase .tech-showcase-background figcaption{position:absolute;bottom:16px;left:50px;color:#9fc3b9;font-size:10px;line-height:1.4}
.tech-showcase::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#031b2012 0%,#031b2020 38%,#031b20d9 62%,#031b20f2 100%),linear-gradient(180deg,#031b2045,transparent 35%,#031b2030)}
.tech-showcase-inner{position:relative;max-width:1320px;width:calc(100% - 100px);min-height:650px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.9fr);gap:48px;padding:48px 0}
.tech-showcase-heading{align-self:start;padding-top:4px;text-shadow:0 2px 15px #00171d}
.tech-showcase-heading .tech-section-kicker{font-size:11px;line-height:1.6;color:#a2e3c3;letter-spacing:.17em;font-weight:600;margin:0 0 14px}
.tech-showcase-heading h2{font-size:clamp(30px,2.7vw,42px);line-height:1.1;letter-spacing:-.035em;color:#f0f9f3;max-width:510px;margin:0;text-wrap:balance}
.tech-showcase-heading p:not(.tech-section-kicker){font-size:13px;line-height:1.8;color:#bed7cf;margin:19px 0 0;max-width:425px}
.tech-callout-list{counter-reset:tech-callout;align-self:center;margin:0!important;display:flex;flex-direction:column;gap:0}
.tech-callout{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;align-items:start;padding:14px 0;border-bottom:1px solid #579a882f;background:transparent}
.tech-callout:last-child{border-bottom:0}
.tech-callout .tech-callout-icon,.tech-sidebar-section .tech-point-symbol{width:48px;height:48px;display:flex;align-items:center;justify-content:center;align-self:start;flex-shrink:0;margin:1px 0 0!important;border-radius:50%!important;border:1px solid #d8ffe250!important;background:#c0eddb!important;box-shadow:0 0 24px #9de3bf18}
.tech-callout .tech-callout-icon img,.tech-sidebar-section .tech-point-symbol img{display:block;width:29px;height:29px;max-height:none;object-fit:contain}
.tech-callout h3{font-size:17px;line-height:1.3;letter-spacing:.015em;font-weight:600;color:#edf8f0;margin:0;text-transform:uppercase}
.tech-callout h3::before{counter-increment:tech-callout;content:counter(tech-callout,decimal-leading-zero) '. ';color:#6bbda5;margin-right:5px;font-size:13px}
.tech-callout p{font-size:12px;line-height:1.65;color:#b5d3c8;margin:6px 0 0}
.tech-callout p a{color:#8edcb9;font-size:11px;line-height:1.5;font-weight:600;text-decoration:none}
.tech-callout p a:hover{color:#d0ffe5;text-decoration:underline}
.tech-callout a:focus-visible{outline:2px solid #b5efc9;outline-offset:5px}
.tech-overview-showcase{margin:28px 0 55px;border:1px solid #43766a80;border-radius:12px}
.tech-overview-showcase .tech-showcase-inner{width:calc(100% - 68px);gap:30px;padding:35px 0;min-height:650px;grid-template-columns:minmax(0,1fr) minmax(320px,1fr)}
.tech-overview-showcase .tech-showcase-heading h2{font-size:31px}
.tech-overview-showcase .tech-showcase-heading p{max-width:330px}
.tech-feature-section.tech-sidebar-section{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:42px;margin:30px 0 60px!important;padding:38px;border-radius:12px;border:1px solid #3e756980;background:radial-gradient(ellipse at 20% 40%,#0c424944,transparent 62%),linear-gradient(135deg,#06242d,#031c23);color:#c3dfd5}
.tech-sidebar-visual .tech-kicker{font-size:10px;line-height:1.6;font-weight:600;letter-spacing:.14em;color:#84cbb2;margin:0 0 12px}
.tech-sidebar-visual h2{font-size:30px;line-height:1.16;color:#edf8f0;margin:0;letter-spacing:-.025em}
.tech-sidebar-visual>p,.tech-sidebar-visual>.wp-block-group__inner-container>p:not(.tech-kicker){font-size:13px;line-height:1.8;color:#b6d3c9;margin:17px 0 0}
.tech-sidebar-section .tech-diagram-figure{margin:25px 0 0!important;border:1px solid #3e75694d!important;border-radius:9px!important;background:#041d25;overflow:hidden}
.tech-sidebar-section .tech-diagram-figure img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.tech-sidebar-section .tech-diagram-figure figcaption{padding:12px 14px;margin:0;font-size:10px;line-height:1.5;color:#93b7aa}
.tech-feature-points.tech-sidebar-points{display:flex!important;flex-direction:column;gap:0;margin:0!important;counter-reset:tech-point}
.tech-feature-point.tech-sidebar-point{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;align-items:start;border:0;border-bottom:1px solid #579a883b;padding:22px 0}
.tech-feature-point.tech-sidebar-point:first-child{padding-top:0}
.tech-feature-point.tech-sidebar-point:last-child{border-bottom:0;padding-bottom:0}
.tech-sidebar-point h3{font-size:18px;line-height:1.3;color:#e7f8ed;margin:0 0 9px}
.tech-sidebar-point h3::before{counter-increment:tech-point;content:counter(tech-point,decimal-leading-zero) '. ';font-size:12px;color:#79bca4;margin-right:4px}
.tech-sidebar-point p{font-size:13px;line-height:1.8;color:#b8d4c9;margin:0}
@media(max-width:1100px) and (min-width:901px){
 .tech-showcase-inner{width:calc(100% - 64px);gap:25px;grid-template-columns:minmax(0,1fr) minmax(340px,1fr)}
 .tech-showcase-heading h2{font-size:33px}
 .tech-feature-section.tech-sidebar-section{padding:28px;gap:28px}
 .tech-sidebar-visual h2{font-size:27px}
 .tech-sidebar-point h3{font-size:16px}.tech-sidebar-point p{font-size:12px}
}
@media(max-width:900px){
 .tech-showcase::after{background:linear-gradient(180deg,transparent 0%,#031b201a 220px,#031b20 340px,#031b20 100%)}
 .tech-showcase .tech-showcase-background{position:relative;height:340px;inset:auto;width:100%;z-index:-2}
 .tech-showcase .tech-showcase-background img{object-fit:cover;object-position:left 56%}
 .tech-showcase .tech-showcase-background figcaption{left:28px;bottom:13px;z-index:1}
 .tech-showcase-inner,.tech-overview-showcase .tech-showcase-inner{width:calc(100% - 56px);min-height:0;display:grid;grid-template-columns:1fr;gap:26px;padding:20px 0 36px}
 .tech-showcase-heading h2,.tech-overview-showcase .tech-showcase-heading h2{font-size:32px;max-width:600px}
 .tech-showcase-heading p:not(.tech-section-kicker){max-width:600px}
 .tech-callout{grid-template-columns:48px minmax(0,1fr);padding:17px 0}
 .tech-callout p{font-size:13px}.tech-callout p a{font-size:12px}
 .tech-overview-showcase{margin-top:26px}
 .tech-feature-section.tech-sidebar-section{grid-template-columns:1fr;gap:32px;padding:28px}
 .tech-sidebar-visual h2{font-size:29px}
 .tech-sidebar-section .tech-diagram-figure{max-width:620px;margin-left:auto!important;margin-right:auto!important}
 .tech-feature-point.tech-sidebar-point{padding:20px 0}
}
@media(max-width:500px){
 .home-tech-showcase{scroll-margin-top:0}
 .tech-showcase .tech-showcase-background{height:250px}
 .tech-showcase .tech-showcase-background img{object-position:left center}
 .tech-showcase::after{background:linear-gradient(180deg,transparent 0%,#031b201a 160px,#031b20 250px,#031b20 100%)}
 .tech-showcase-inner,.tech-overview-showcase .tech-showcase-inner{width:calc(100% - 40px);padding-top:21px;gap:22px}
 .tech-showcase-heading h2,.tech-overview-showcase .tech-showcase-heading h2{font-size:29px;line-height:1.13}
 .tech-showcase-heading .tech-section-kicker{font-size:10px;margin-bottom:10px}
 .tech-showcase-heading p:not(.tech-section-kicker){font-size:12px;line-height:1.75;margin-top:15px}
 .tech-callout{gap:14px;grid-template-columns:43px minmax(0,1fr);padding:17px 0}
 .tech-callout .tech-callout-icon,.tech-sidebar-section .tech-point-symbol{width:43px;height:43px}
 .tech-callout .tech-callout-icon img,.tech-sidebar-section .tech-point-symbol img{width:27px;height:27px}
 .tech-callout h3{font-size:15px;line-height:1.4;letter-spacing:0}
 .tech-callout p{font-size:12px;line-height:1.65}.tech-callout p a{font-size:11px}
 .tech-feature-section.tech-sidebar-section{padding:20px;margin-top:24px!important;gap:28px}
 .tech-sidebar-visual h2{font-size:26px}
 .tech-sidebar-visual>p,.tech-sidebar-visual>.wp-block-group__inner-container>p:not(.tech-kicker){font-size:12px;line-height:1.8}
 .tech-feature-point.tech-sidebar-point{grid-template-columns:43px minmax(0,1fr);gap:13px}
 .tech-sidebar-point h3{font-size:16px}.tech-sidebar-point p{font-size:12px;line-height:1.75}
}
@media(prefers-reduced-motion:no-preference){.tech-callout .tech-callout-icon,.tech-sidebar-section .tech-point-symbol{transition:box-shadow 250ms,transform 250ms}.tech-callout:hover .tech-callout-icon,.tech-sidebar-point:hover .tech-point-symbol{transform:translateY(-2px);box-shadow:0 0 25px #9de3bf35}}
