/* ETC Connect pages: scoped to the product section. */
.etc{--ink:#172027;--muted:#5d6975;--line:#dce2e9;--blue:#3265ef;--paper:#f6f7f9;margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.etc *{box-sizing:border-box}.etc a{color:inherit}.etc button,.etc input{font:inherit}.etc a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.etc ::selection{background:#d1deff}.etc h1,.etc h2,.etc h3,.etc p,.etc figure{margin:0}.etc p,.etc li{line-height:1.7}.etc .ec-wrap{width:min(1180px,100%);margin:auto;padding:0 56px}.etc .ec-skip{position:fixed;top:-70px;left:16px;padding:12px 20px;background:var(--ink);color:white;z-index:10}.etc .ec-skip:focus{top:12px}
.etc .ec-header{min-height:108px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.etc .ec-brand{text-decoration:none;display:flex;flex-direction:column;gap:7px}.etc .ec-brand strong{font-size:23px;font-weight:650;letter-spacing:-1px;display:flex;align-items:center;gap:8px}.etc .ec-brand strong:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue)}.etc .ec-brand span{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted)}.etc .ec-nav{display:flex;gap:25px;align-items:center;flex-wrap:wrap;font-size:12px}.etc .ec-nav a{text-decoration:none;padding:12px 0}.etc .ec-nav a:hover,.etc .ec-nav a[aria-current]{color:var(--blue)}.etc .ec-nav a[aria-current]{box-shadow:inset 0 -2px var(--blue)}
.etc .ec-hero{padding-top:80px;padding-bottom:75px;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.etc .ec-eyebrow{font-size:10px;font-weight:650;letter-spacing:1.7px;text-transform:uppercase;color:var(--blue);margin-bottom:22px;display:flex;gap:10px;align-items:center}.etc .ec-eyebrow:before{content:"";width:20px;height:2px;background:currentColor}.etc h1{font-size:clamp(42px,5.8vw,70px);line-height:1.05;font-weight:550;letter-spacing:-3px}.etc .ec-lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:530px;margin-top:27px}.etc .ec-status{display:flex;align-items:flex-start;gap:11px;margin-top:27px;font-size:12px;line-height:1.6;color:#3b5378}.etc .ec-status svg{width:20px;min-width:20px;margin-top:1px}.etc .ec-actions{display:flex;gap:19px;flex-wrap:wrap;align-items:center;margin-top:30px}.etc .ec-button{padding:15px 22px;background:var(--ink);color:#fff;text-decoration:none;border-radius:30px;font-size:12px;display:inline-flex;align-items:center;gap:17px;min-height:48px}.etc .ec-button:hover{background:#324354}.etc .ec-link{font-size:12px;text-underline-offset:5px;line-height:1.5}.etc .ec-diagram{background:#eaf0fc;border:1px solid #d9e3f5;border-radius:4px;padding:28px 25px}.etc .ec-figure-label{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#546b91;margin-bottom:23px}.etc .ec-flow{display:grid;gap:12px}.etc .ec-flow-row{display:grid;grid-template-columns:45px 1fr;gap:15px;align-items:center}.etc .ec-icon{width:44px;height:44px;border:1px solid #c0d1f8;border-radius:12px;background:#f8faff;display:grid;place-items:center;color:var(--blue)}.etc .ec-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.etc .ec-flow h2{font-size:18px;letter-spacing:-.4px;font-weight:600;margin-bottom:3px}.etc .ec-flow p{font-size:12px;color:#54647e}.etc .ec-arrow{margin-left:20px;color:#7392cd;line-height:1}.etc figcaption{font-size:10px;line-height:1.6;color:#61718b;margin-top:22px;border-top:1px solid #d2ddf1;padding-top:16px}
.etc .ec-section{padding-top:62px;padding-bottom:62px;border-top:1px solid var(--line)}.etc .ec-section-head{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:end;margin-bottom:36px}.etc h2{font-size:34px;font-weight:500;letter-spacing:-1.2px;line-height:1.15}.etc .ec-section-head>p{font-size:14px;color:var(--muted);max-width:490px}.etc .ec-features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.etc .ec-feature{padding-top:23px;border-top:2px solid #d5deed}.etc .ec-number{color:var(--blue);font-size:24px;display:block;margin-bottom:18px}.etc h3{font-size:19px;font-weight:550;letter-spacing:-.4px;line-height:1.3}.etc .ec-feature p{font-size:13px;color:var(--muted);margin-top:12px}.etc .ec-note{margin-top:30px;font-size:12px;color:var(--muted);padding:20px 22px;background:#edf0f4;border-left:2px solid #a8b5c7}.etc .ec-example{display:grid;grid-template-columns:1fr 1fr;gap:45px}.etc .ec-example blockquote{font-size:23px;line-height:1.6;letter-spacing:-.3px;margin:22px 0 0;color:#344258}.etc .ec-example ol{list-style:none;padding:0;margin:0;display:grid;gap:22px}.etc .ec-example li{display:grid;grid-template-columns:30px 1fr;gap:11px;font-size:13px;color:var(--muted)}.etc .ec-example li>span{font-size:22px;color:var(--blue);line-height:1.3}.etc .ec-example li strong{display:block;color:var(--ink);font-weight:600}.etc .ec-closing{background:#eaf0fc;border-radius:4px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:60px}.etc .ec-closing h2{font-size:26px}.etc .ec-closing p{font-size:13px;color:var(--muted);margin-top:10px}.etc .ec-closing .ec-button{flex-shrink:0}
.etc .ec-document{max-width:850px;padding-top:68px;padding-bottom:70px}.etc .ec-document h1{font-size:52px}.etc .ec-document .ec-lead{font-size:17px;max-width:none}.etc .ec-date{font-size:11px;color:var(--muted);margin-top:20px}.etc .ec-document section{padding-top:31px;margin-top:30px;border-top:1px solid var(--line)}.etc .ec-document section h2{font-size:24px;letter-spacing:-.6px;margin-bottom:15px}.etc .ec-document section p,.etc .ec-document section li{font-size:14px;color:#53616e;margin-top:12px}.etc .ec-document section a{color:#2456cc;text-underline-offset:3px;overflow-wrap:anywhere}.etc .ec-document ul,.etc .ec-document ol{padding-left:22px}.etc .ec-contact{margin-top:29px;background:#eaf0fc;border:1px solid #d6e1f5;border-radius:4px;padding:25px}.etc .ec-contact>p{font-size:14px;color:var(--muted);margin-bottom:15px}.etc .ec-contact .ec-button{font-size:15px}.etc .ec-contact a{overflow-wrap:anywhere}.etc .ec-footer{padding-top:28px;padding-bottom:33px;border-top:1px solid var(--line);display:flex;gap:25px;justify-content:space-between;align-items:flex-start;font-size:10px;color:var(--muted)}.etc .ec-footer nav{display:flex;gap:20px;flex-wrap:wrap}.etc .ec-footer a{text-decoration:none;min-height:24px;display:inline-flex;align-items:center}.etc .ec-footer a:hover{color:var(--blue)}.etc .ec-footer strong{font-weight:600;color:var(--ink)}.etc .ec-footer p{margin-top:4px}
@media(max-width:850px){.etc .ec-wrap{padding-left:30px;padding-right:30px}.etc .ec-hero{gap:30px}.etc h1{letter-spacing:-2px}.etc .ec-features{gap:22px}.etc .ec-example{gap:30px}.etc .ec-nav{gap:18px}}
@media(max-width:650px){.etc .ec-wrap{padding-left:23px;padding-right:23px}.etc .ec-header{min-height:120px;align-items:flex-start;flex-direction:column;justify-content:center;gap:12px;padding-top:22px;padding-bottom:15px}.etc .ec-brand strong{font-size:22px}.etc .ec-nav{gap:24px;font-size:11px}.etc .ec-nav a{padding:8px 0}.etc .ec-hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:47px;gap:35px}.etc h1{font-size:47px;letter-spacing:-2px}.etc .ec-lead{font-size:16px;margin-top:22px}.etc .ec-eyebrow{font-size:9px;margin-bottom:20px}.etc .ec-diagram{padding:24px}.etc .ec-section{padding-top:44px;padding-bottom:44px}.etc .ec-section-head{grid-template-columns:1fr;gap:20px;margin-bottom:29px}.etc h2{font-size:31px}.etc .ec-features{grid-template-columns:1fr;gap:24px}.etc .ec-feature{display:grid;grid-template-columns:35px 1fr;gap:0 10px;padding-top:21px}.etc .ec-number{grid-row:1 / 3;font-size:23px}.etc .ec-feature p{margin-top:8px}.etc .ec-example{grid-template-columns:1fr;gap:28px}.etc .ec-example blockquote{font-size:21px}.etc .ec-closing{margin-bottom:42px;padding:27px 23px;align-items:flex-start;flex-direction:column;gap:22px}.etc .ec-document{padding-top:44px;padding-bottom:48px}.etc .ec-document h1{font-size:42px}.etc .ec-document .ec-lead{font-size:16px}.etc .ec-document section h2{font-size:23px}.etc .ec-contact{padding:21px}.etc .ec-footer{flex-direction:column;gap:16px;padding-top:25px;padding-bottom:25px}.etc .ec-footer nav{gap:24px}}
@media(prefers-reduced-motion:reduce){.etc{scroll-behavior:auto}}@media print{.etc{background:white}.etc .ec-nav,.etc .ec-skip{display:none}.etc .ec-wrap{padding-left:0;padding-right:0}.etc .ec-document{padding-top:30px}.etc a{color:inherit}}