.connect-opening{display:grid;grid-template-columns:minmax(0,1fr) 480px;align-items:center;gap:48px;padding-block:44px 36px;min-height:304px}.connect-heading h1{font:200 clamp(100px,10.6vw,152px)/.9 var(--sans);letter-spacing:-.04em;margin:0 0 24px;text-wrap:balance}.connect-heading>p{font:400 24px/1.3 var(--serif);max-width:36ch;margin:0}.connect-art{position:relative;isolation:isolate;align-self:stretch;display:flex;align-items:center}.connect-art img{width:100%;height:auto;filter:var(--plate-filter);mix-blend-mode:normal}.connect-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 52% 45%,transparent 38%,var(--paper) 78%)}.clients-section,.access-section{scroll-margin-top:88px}.client-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;border:1px solid var(--rule)}.client-card{min-width:0;display:grid;grid-template-rows:auto 104px 1fr auto auto;padding:26px 24px 16px;scroll-margin-top:88px}.client-card+.client-card{border-left:1px solid var(--rule)}.client-card h2{font:300 40px/1.05 var(--sans);letter-spacing:-.035em;margin:0 0 18px;text-align:left;text-wrap:nowrap}.client-intro,.client-setup p{font-size:16px;line-height:1.45;margin:0 0 16px}.client-setup{min-height:190px;min-width:0;padding-block:16px 12px;border-top:1px solid var(--rule)}.client-setup pre{font:400 14px/1.7 var(--mono);letter-spacing:-.035em;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--wash);padding:12px;margin:0 0 14px;border:1px solid var(--rule);user-select:all}.client-setup code{font-size:14px;overflow-wrap:anywhere}.client-setup .undocumented{font-size:18px;line-height:1.35;margin:0 0 18px}.client-intro code,.access-grid code{font-size:14px;overflow-wrap:anywhere}.client-action .button{display:flex;width:100%;min-height:48px;padding-inline:10px;font-weight:500;font-size:16px;gap:8px}.copy-status{font-size:14px;line-height:1.4;min-height:60px;margin:10px 0 0;color:var(--muted)}.client-fallbacks{border-top:1px solid var(--rule);padding-top:8px;display:flex;flex-direction:column;align-items:start}.client-fallbacks a{font-size:15px;line-height:1.3;display:flex;align-items:center;min-height:44px}.client-note{font-size:16px;line-height:1.5;max-width:78ch;margin:20px 0 0;color:var(--muted)}.client-note a{display:inline-block;min-height:24px}.access-section{padding-block:60px 52px}.access-heading{display:flex;gap:24px;align-items:baseline;justify-content:space-between;margin-bottom:24px}.access-heading h2{font:300 48px/1.1 var(--sans);letter-spacing:-.035em}.access-heading>a{font-size:16px;display:flex;align-items:center;min-height:44px;flex:none}.access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;border-block:1px solid var(--rule);padding-block:24px}.access-grid h3{font:400 28px/1.15 var(--serif);letter-spacing:0;margin:0 0 14px}.access-grid p{font-size:18px;line-height:1.5;max-width:42ch;margin:0 0 12px}.access-grid a{display:inline-flex;align-items:center;min-height:44px;font-size:16px}.key-note{font-size:16px;color:var(--muted);margin:20px 0 0}.footer-top{align-items:start}.connect-footer{display:flex;flex-direction:column;align-items:start;gap:0!important;flex:none}.connect-footer>span{font-size:18px;margin-bottom:8px}.connect-footer>a{display:flex;align-items:center;min-height:44px}[hidden]{display:none!important}@media(hover:hover){.client-action .button:hover{background:var(--muted);border-color:var(--muted);color:var(--paper)}}@media(max-width:1100px){.connect-opening{grid-template-columns:minmax(0,1fr) 40%;gap:24px}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-card{grid-template-rows:auto 76px 1fr auto auto}.client-card:nth-child(3){border-left:0}.client-card:nth-child(n+3){border-top:1px solid var(--rule)}.client-setup{min-height:180px}.access-grid{gap:28px}}@media(max-width:700px){.header .wrap{gap:6px}.header .wordmark,.header .wordmark img{width:96px}.header .button{display:inline-flex;min-width:68px;padding:8px 10px;margin-left:auto}.header .theme-switch{margin-left:0}.connect-opening{position:relative;display:block;min-height:0;padding-block:28px 28px}.connect-heading h1{font-size:80px;margin-bottom:18px}.connect-heading>p{font-size:21px;line-height:1.3;max-width:19ch;min-height:82px;position:relative;z-index:1}.connect-art{position:absolute;right:10px;bottom:16px;width:140px;height:110px;opacity:.8}.connect-art:after{background:linear-gradient(90deg,var(--paper),transparent 48%),radial-gradient(ellipse,transparent 25%,var(--paper) 78%)}.client-grid{grid-template-columns:minmax(0,1fr)}.client-card{grid-template-rows:auto auto 1fr auto auto;padding:24px 20px 14px;scroll-margin-top:80px}.client-card+.client-card{border-left:0;border-top:1px solid var(--rule)}.client-card h2{font-size:38px;margin-bottom:16px}.client-intro{min-height:70px;margin-bottom:0}.client-setup{min-height:176px;padding-block:16px 4px}.client-action .button{min-height:48px}.copy-status{min-height:60px}.client-fallbacks{flex-direction:row;flex-wrap:wrap;gap:0 24px}.client-note{font-size:16px;margin-top:20px}.client-note a{min-height:32px}.access-section{padding-block:40px}.access-heading{display:block;margin-bottom:16px}.access-heading h2{font-size:40px;margin-bottom:8px}.access-grid{grid-template-columns:minmax(0,1fr);gap:24px}.access-grid section+section{padding-top:24px;border-top:1px solid var(--rule)}.access-grid p{font-size:18px}.footer-top{flex-wrap:wrap;gap:28px}.clients-section{scroll-margin-top:80px}}@media(forced-colors:active){.connect-art{display:none}.client-grid,.client-card,.client-setup,.client-fallbacks,.access-grid{border-color:CanvasText}.client-action .button{background:ButtonFace;color:ButtonText;border-color:ButtonText}}@media print{.header,.mnav-dock,.client-action button{display:none}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-card{break-inside:avoid}.connect-art{display:none}}
