/* Three distinct editorial areas, each with its own expandable text. */
.about-overview{padding:80px 0}
body.has-icon-background .about-overview{background:linear-gradient(180deg,transparent,rgba(1,4,11,.68) 12%,rgba(1,4,11,.68) 88%,transparent)}
.about-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.about-column{min-width:0;padding:4px 32px}
.about-column:first-child{padding-left:0}
.about-column:last-child{padding-right:0}
.about-column+.about-column{border-left:1px solid rgba(156,168,183,.22)}
.about-column-heading{display:flex;align-items:baseline;gap:16px}
.about-column-heading h2{font-size:clamp(28px,2.7vw,38px);line-height:1.2;letter-spacing:-.04em}
.about-slash{flex:none;font-size:clamp(34px,3.1vw,44px);font-weight:400;line-height:1;color:#00c5f5}
.about-excerpt{margin-top:24px;font-size:16px;line-height:1.85}
.about-details{margin-top:24px}
.about-details>summary{display:flex;align-items:center;gap:18px;width:fit-content;max-width:100%;list-style:none;cursor:pointer;color:var(--ink);font-size:14px;line-height:1.5}
.about-details>summary::-webkit-details-marker{display:none}
.about-read-arrow{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid rgba(156,168,183,.45);border-radius:50%;transition:color .2s,border-color .2s}
.about-read-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s}
.about-details>summary:hover .about-read-arrow{color:#00d5ed;border-color:#00d5ed}
.about-details>summary:focus-visible{outline:2px solid #00d5ed;outline-offset:7px;border-radius:2px}
.about-read-less{display:none}
.about-details[open] .about-read-more{display:none}
.about-details[open] .about-read-less{display:inline}
.about-details[open] .about-read-arrow svg{transform:rotate(90deg)}
.about-full-copy{margin-top:22px;font-size:16px;line-height:1.85}
.about-full-copy p+p{margin-top:16px}
.about-services-list{margin:0;padding-left:20px;color:var(--muted)}
.about-services-list li+li{margin-top:16px}
.about-full-copy .about-services-note{margin-top:22px}
.about-products .about-product-card{border:1px solid rgba(156,168,183,.3);border-radius:14px;background:rgba(4,11,23,.5)}
.about-products .about-product-card+.about-product-card{margin-top:16px}
.about-products .about-product-card>summary{display:block;padding:20px;list-style:none;cursor:pointer;border-radius:13px}
.about-products .about-product-card>summary::-webkit-details-marker{display:none}
.about-products .about-product-card>summary:hover{background:rgba(25,66,102,.14)}
.about-products .about-product-card>summary:focus-visible{outline:2px solid #00c5f5;outline-offset:3px}
.about-products .about-product-title{display:block;font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.02em;color:#00c5f5}
.about-products .about-product-intro{display:block;margin:12px 0 18px;font-size:15px;line-height:1.7;color:var(--muted)}
.about-products .about-product-toggle{display:inline-flex;align-items:center;gap:12px;font-size:13px;line-height:1.5;color:var(--ink)}
.about-products .about-product-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.about-products .product-hide-features{display:none}
.about-products .about-product-card[open]>.about-product-content{border-top:1px solid rgba(156,168,183,.18)}
.about-products .about-product-card[open]>summary .product-show-features{display:none}
.about-products .about-product-card[open]>summary .product-hide-features{display:inline}
.about-products .about-product-card[open]>summary .about-product-toggle svg{transform:rotate(180deg)}
.about-products .about-product-content{padding:20px;font-size:16px;line-height:1.85}
@media(max-width:1100px){
  .about-column{padding-right:24px;padding-left:24px}
  .about-column-heading{gap:12px}
}
@media(max-width:900px){
  .about-overview{padding:56px 0}
  .about-columns{grid-template-columns:minmax(0,1fr);gap:32px}
  .about-column,.about-column:first-child,.about-column:last-child{padding:0 0 0 24px;border-left:1px solid rgba(156,168,183,.22)}
  .about-column-heading h2{font-size:32px}
  .about-excerpt{margin-top:18px;max-width:600px}
  .about-details{margin-top:18px}
}

/* Align the desktop form with the product-card column above it.
   Keep the existing contact grid tracks and copy width unchanged. */
@media(min-width:901px){
  body[data-flow=true] .contact-hero .contact-layout{--contact-product-inset:33px}
  body[data-flow=true] .contact-hero .contact-hero-copy{grid-column:1;grid-row:1}
  body[data-flow=true] .contact-hero .contact-panel{grid-column:1/-1;grid-row:1;width:calc(100% / 3 - var(--contact-product-inset));max-width:none;min-width:0;justify-self:end}
}
@media(min-width:901px) and (max-width:1100px){
  body[data-flow=true] .contact-hero .contact-layout{--contact-product-inset:25px}
}