/* UCS V3.7 connected-portfolio preview: additive only, no production styles */
.connect-band{position:relative;isolation:isolate;padding:clamp(72px,9vw,128px) 0;background:radial-gradient(ellipse at 12% 10%,rgba(54,118,148,.24),transparent 46%),linear-gradient(130deg,#091824,#122a36 58%,#0b1621);color:#f2f8fa;overflow:hidden}
.connect-band:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(179,218,233,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(179,218,233,.07) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.4),transparent);pointer-events:none;z-index:-1}
.connect-inner{width:min(1180px,calc(100% - 40px));margin:auto}
.connect-eyebrow{font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:#e8c89b;margin:0 0 18px}
.connect-head{display:flex;align-items:end;justify-content:space-between;gap:26px;flex-wrap:wrap;margin-bottom:30px}
.connect-head h2{font-size:clamp(34px,5vw,64px);line-height:1.05;letter-spacing:-.045em;max-width:700px;color:#f2f8fa;margin:0}
.connect-head h2 em{font-style:normal;color:#91d6dc}
.connect-head p{font-size:16px;color:#d0e0e8;line-height:1.7;max-width:350px;margin:0}
.connect-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.connect-card{min-width:0;border:1px solid #436474;border-radius:16px;padding:24px;background:linear-gradient(145deg,rgba(28,60,75,.92),rgba(7,22,34,.95));position:relative;display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 40px rgba(0,0,0,.12)}
.connect-card:before{content:attr(data-mark);position:absolute;right:18px;top:8px;font-size:58px;font-weight:800;opacity:.07;pointer-events:none}
.connect-card .connect-number{font-size:11px;letter-spacing:.14em;color:#edd4a7;text-transform:uppercase;font-weight:750}
.connect-card h3{font-size:clamp(20px,2.1vw,28px);line-height:1.16;color:#fff;margin:9px 0 3px;letter-spacing:-.02em}
.connect-card p{font-size:14px;color:#c1d5df;margin:0 0 12px;line-height:1.65}
.connect-card a{font-size:14px;color:#f5f8fa;font-weight:800;text-underline-offset:5px;align-self:flex-start;margin-top:auto}
.connect-card a:focus-visible,.connect-band button:focus-visible,.connect-band summary:focus-visible{outline:3px solid #edce89;outline-offset:5px;border-radius:5px}
.connect-card details{border-top:1px solid #45606d;padding-top:12px;margin-top:12px}
.connect-card summary{cursor:pointer;font-size:13px;color:#e6d0a8;font-weight:700;min-height:36px}
.connect-card details p{padding-top:8px;margin-bottom:4px;font-size:13px}
.connect-discovery{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;margin-top:28px;align-items:center;border:1px solid #47616f;border-radius:16px;padding:26px;background:rgba(7,20,33,.6)}
.connect-discovery h3{font-size:clamp(22px,3.4vw,34px);margin:0 0 8px;letter-spacing:-.03em;color:#fff}
.connect-discovery p{color:#c7dbe4;line-height:1.7;margin:0}
.connect-discovery button{background:#f4e6cd;color:#132d3b;border:0;border-radius:8px;font-weight:800;padding:13px 17px;cursor:pointer;margin-top:18px;min-height:44px}
.connect-reveal{border-left:2px solid #d6bc8a;padding:8px 0 8px 22px;min-height:120px}
.connect-reveal strong{color:#e9c991;letter-spacing:.08em;font-size:12px;text-transform:uppercase}
.connect-reveal p{margin:7px 0 13px;color:#fff}
.connect-reveal a{color:#9cdee6;text-underline-offset:4px;font-weight:700}
.connect-note{color:#afc4ce;font-size:12px;margin:20px 0 0}
@media(max-width:850px){.connect-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.connect-card:last-child{grid-column:1/-1}.connect-discovery{grid-template-columns:1fr}}
@media(max-width:590px){.connect-cards{grid-template-columns:1fr}.connect-card:last-child{grid-column:auto}.connect-inner{width:min(100% - 32px,1180px)}.connect-head p{max-width:100%}.connect-band{padding:66px 0}.connect-card{padding:21px}.connect-discovery{padding:20px}}
@media(prefers-reduced-motion:reduce){.connect-band *{scroll-behavior:auto;animation:none!important;transition:none!important}}

