.connect-page {
  --connect-ink: #17352a;
  --connect-deep: #0a2119;
  --connect-green: #143c2e;
  --connect-green-soft: #315b49;
  --connect-gold: #e4b968;
  --connect-gold-soft: #f5d89c;
  --connect-berry: #a84568;
  --connect-cream: #fbf7ef;
  --connect-paper: #fffdf8;
  --connect-muted: #706a61;
  --connect-line: rgba(116, 94, 61, .24);
  overflow-x: clip;
  background:
    radial-gradient(circle at 10% 4%, rgba(168, 69, 104, .075), transparent 31rem),
    radial-gradient(circle at 93% 9%, rgba(77, 126, 102, .11), transparent 36rem),
    var(--connect-cream);
  color: var(--connect-ink);
}

.connect-page main { overflow: hidden; }
.connect-page .moreos-site-header { position: relative; z-index: 30; }
.connect-container { width: var(--moreos-shell-content-size); margin-inline: auto; }
.connect-page h1,
.connect-page h2,
.connect-page h3,
.connect-page p { text-wrap: balance; }

.connect-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  color: #8c6731;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 2.1px;
  text-transform: uppercase;
}
.connect-eyebrow i { width: 34px; height: 1px; flex: 0 0 auto; background: currentColor; }
.connect-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; color: rgba(241,245,240,.58); font-size: 13px; }
.connect-breadcrumb a { color: inherit; }
.connect-breadcrumb strong { color: var(--connect-gold-soft); }

.connect-button {
  display: inline-flex;
  min-height: 62px;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 0 25px;
  border: 1px solid transparent;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 850;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}
.connect-button:hover { transform: translateY(-2px); }
.connect-button span { font-size: 20px; }
.connect-button-primary { border-color: #c99343; background: linear-gradient(135deg, #f5d494, #dca64f); color: #21352a; box-shadow: 0 17px 40px rgba(217,165,79,.23); }
.connect-button-secondary { border-color: rgba(255,255,255,.24); background: rgba(255,255,255,.055); color: #f5f5ed; }
.connect-button:focus-visible,
.connect-faq summary:focus-visible { outline: 3px solid var(--connect-gold); outline-offset: 4px; }

.connect-hero {
  position: relative;
  display: grid;
  width: min(1760px, calc(100% - 30px));
  min-height: 900px;
  grid-template-columns: minmax(0, 1fr) minmax(560px, .96fr);
  align-items: center;
  gap: clamp(54px, 6vw, 105px);
  margin-top: 18px;
  padding: clamp(70px, 7vw, 116px) clamp(42px, 6vw, 104px);
  overflow: hidden;
  border: 1px solid rgba(228,185,104,.44);
  border-radius: 52px;
  background:
    radial-gradient(circle at 92% 7%, rgba(168,69,104,.28), transparent 31%),
    radial-gradient(circle at 4% 96%, rgba(103,136,79,.19), transparent 30%),
    linear-gradient(135deg, #0b261c 0%, #14372a 56%, #32292a 125%);
  color: #fffdf8;
  box-shadow: 0 48px 120px rgba(20,43,32,.23);
}
.connect-hero::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.021) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.021) 1px, transparent 1px); background-size: 68px 68px; content: ""; pointer-events: none; }
.connect-hero::after { position: absolute; top: -330px; right: -280px; width: 780px; height: 780px; border: 1px solid rgba(245,216,156,.12); border-radius: 50%; box-shadow: 0 0 0 80px rgba(245,216,156,.018), 0 0 0 165px rgba(245,216,156,.012); content: ""; }
.connect-hero-copy,
.connect-command { position: relative; z-index: 2; }
.connect-hero .connect-eyebrow { margin-top: 44px; color: var(--connect-gold-soft); }
.connect-hero h1 { max-width: 880px; margin: 27px 0 0; font: 500 clamp(64px, 6vw, 108px)/.92 Georgia, serif; letter-spacing: -4.7px; }
.connect-hero h1 em { color: #efbdd0; font-style: italic; }
.connect-lead { max-width: 790px; margin: 34px 0 0; color: #cbd5ce; font-size: clamp(19px, 1.45vw, 24px); line-height: 1.64; }
.connect-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 38px; }
.connect-assurances { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1px; margin: 42px 0 0; padding: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: rgba(255,255,255,.13); list-style: none; }
.connect-assurances li { display: grid; min-height: 105px; grid-template-columns: 30px minmax(0,1fr); align-items: center; gap: 9px; padding: 17px; background: rgba(7,29,21,.72); color: #c2cec6; font-size: 12px; line-height: 1.5; }
.connect-assurances li > b { color: var(--connect-gold); font-size: 10px; }
.connect-assurances li strong { display: block; color: #f7f5ee; font-size: 13px; }

.connect-command { min-width: 0; padding: 28px; overflow: hidden; border: 1px solid rgba(245,216,156,.36); border-radius: 38px; background: linear-gradient(145deg, rgba(44,72,57,.94), rgba(18,33,27,.96)); box-shadow: 0 40px 90px rgba(3,15,10,.36), inset 0 1px 0 rgba(255,255,255,.08); }
.connect-command-orbit i { position: absolute; border: 1px solid rgba(245,216,156,.1); border-radius: 50%; }
.connect-command-orbit i:first-child { top: -200px; right: -150px; width: 520px; height: 520px; }
.connect-command-orbit i:last-child { right: -50px; bottom: -260px; width: 480px; height: 480px; box-shadow: 0 0 0 65px rgba(245,216,156,.018); }
.connect-command > header,
.connect-command > footer { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.connect-command > header { padding-bottom: 23px; border-bottom: 1px solid rgba(255,255,255,.14); color: #e8eee9; font-size: 11px; font-weight: 900; letter-spacing: 1.6px; }
.connect-command > header span { display: inline-flex; align-items: center; gap: 10px; }
.connect-command > header i { width: 8px; height: 8px; border-radius: 50%; background: var(--connect-gold); box-shadow: 0 0 0 7px rgba(228,185,104,.11); }
.connect-command > header b { padding: 8px 12px; border: 1px solid rgba(245,216,156,.2); border-radius: 999px; color: var(--connect-gold-soft); font-size: 10px; }
.connect-question { position: relative; z-index: 1; margin-top: 28px; padding: 25px; border: 1px solid rgba(255,255,255,.13); border-radius: 21px; background: rgba(255,255,255,.05); }
.connect-question small,
.connect-answer small { color: var(--connect-gold); font-size: 10px; font-weight: 900; letter-spacing: 1.55px; }
.connect-question p { margin: 12px 0 0; color: #fff; font: 500 clamp(24px, 2.2vw, 37px)/1.18 Georgia, serif; }
.connect-route { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 26px 1fr 26px 1fr; align-items: center; gap: 7px; margin: 18px 0; }
.connect-route > span { display: grid; min-height: 118px; place-items: center; align-content: center; gap: 6px; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; background: rgba(255,255,255,.035); text-align: center; }
.connect-route > span.is-core { border-color: rgba(228,185,104,.4); background: rgba(228,185,104,.09); }
.connect-route i { display: grid; width: 39px; height: 39px; place-items: center; border: 1px solid rgba(245,216,156,.24); border-radius: 12px; color: var(--connect-gold-soft); font: 700 12px/1 Georgia, serif; }
.connect-route b { color: #eef2ee; font-size: 12px; }
.connect-route small { color: #98aaa0; font-size: 10px; }
.connect-route em { color: var(--connect-gold); font-size: 19px; font-style: normal; text-align: center; }
.connect-answer { position: relative; z-index: 1; display: grid; grid-template-columns: 45px minmax(0,1fr); align-items: center; gap: 16px; padding: 24px; border-radius: 21px; background: #f7f1e4; color: var(--connect-ink); }
.connect-answer-mark { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 14px; background: var(--connect-green); color: var(--connect-gold); font-weight: 900; }
.connect-answer strong { display: block; margin-top: 7px; font: 500 24px/1.08 Georgia, serif; }
.connect-answer p { margin: 7px 0 0; color: #6a685f; font-size: 12px; line-height: 1.5; }
.connect-command > footer { margin-top: 17px; padding: 16px 3px 2px; color: #aebbb3; font-size: 10px; }
.connect-command > footer span { display: inline-flex; align-items: center; gap: 8px; }
.connect-command > footer i { width: 7px; height: 7px; border-radius: 50%; background: #91b083; box-shadow: 0 0 0 5px rgba(145,176,131,.12); }
.connect-command > footer b { color: #edbed0; }

.connect-section-heading { max-width: 1050px; }
.connect-section-heading h2,
.connect-examples-copy h2,
.connect-refresh h2,
.connect-closing h2 { margin: 19px 0 0; color: var(--connect-ink); font: 500 clamp(48px, 5vw, 82px)/.98 Georgia, serif; letter-spacing: -3px; }
.connect-section-heading h2 em,
.connect-closing h2 em { color: var(--connect-berry); font-style: italic; }
.connect-section-heading > p,
.connect-examples-copy > p,
.connect-refresh > div > p,
.connect-closing > div > p { max-width: 880px; margin: 27px 0 0; color: var(--connect-muted); font-size: clamp(17px, 1.35vw, 21px); line-height: 1.72; }

.connect-outcome { padding: clamp(110px, 10vw, 165px) 0; }
.connect-outcome-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; margin-top: 60px; }
.connect-outcome-grid article { position: relative; min-height: 390px; padding: 31px; overflow: hidden; border: 1px solid var(--connect-line); border-radius: 28px; background: rgba(255,253,248,.8); box-shadow: 0 22px 54px rgba(50,42,30,.06); }
.connect-outcome-grid article::after { position: absolute; right: -85px; bottom: -105px; width: 230px; height: 230px; border: 1px solid rgba(168,69,104,.1); border-radius: 50%; box-shadow: 0 0 0 34px rgba(168,69,104,.02); content: ""; }
.connect-outcome-grid article > span { color: #9b8060; font-size: 11px; font-weight: 900; }
.connect-outcome-grid article > i { display: grid; width: 58px; height: 58px; margin-top: 27px; place-items: center; border-radius: 18px; background: var(--connect-green); color: var(--connect-gold-soft); font: 500 24px/1 Georgia, serif; }
.connect-outcome-grid h3 { margin: 39px 0 0; font: 500 30px/1.08 Georgia, serif; }
.connect-outcome-grid p { margin: 17px 0 0; color: #66675f; font-size: 16px; line-height: 1.62; }
.connect-outcome-grid small { position: absolute; right: 31px; bottom: 29px; left: 31px; z-index: 1; color: #8b6d48; font-size: 12px; font-weight: 800; }

.connect-examples { display: grid; grid-template-columns: minmax(0,.78fr) minmax(620px,1.22fr); align-items: center; gap: clamp(60px,8vw,130px); padding: 40px 0 145px; }
.connect-source-legend { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 31px; }
.connect-source-legend span { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid var(--connect-line); border-radius: 999px; color: #69665d; font-size: 11px; font-weight: 750; }
.connect-source-legend i { width: 7px; height: 7px; border-radius: 50%; background: #71916f; }
.connect-example-stack { display: grid; gap: 13px; }
.connect-example-stack article { padding: 27px; border: 1px solid var(--connect-line); border-radius: 24px; background: var(--connect-paper); box-shadow: 0 18px 45px rgba(53,45,34,.055); }
.connect-example-stack header,
.connect-example-stack footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.connect-example-stack header span { color: #9b7135; font-size: 11px; font-weight: 900; letter-spacing: 1.5px; }
.connect-example-stack header b { color: #a49784; font-size: 11px; }
.connect-example-stack article > p { max-width: 830px; margin: 22px 0; color: var(--connect-ink); font: 500 27px/1.28 Georgia, serif; }
.connect-example-stack footer { padding-top: 16px; border-top: 1px solid #e7dece; color: #777168; font-size: 11px; }
.connect-example-stack footer b { color: var(--connect-berry); }

.connect-setup { position: relative; padding: 135px 0 145px; overflow: hidden; background: radial-gradient(circle at 90% 5%, rgba(168,69,104,.25), transparent 30rem), linear-gradient(145deg,#11352a,#08241b 76%); color: #fff; }
.connect-setup::before { position: absolute; top: -320px; left: -260px; width: 720px; height: 720px; border: 1px solid rgba(245,216,156,.1); border-radius: 50%; box-shadow: 0 0 0 80px rgba(245,216,156,.018); content: ""; }
.connect-setup .connect-container { position: relative; z-index: 1; }
.connect-section-heading-light .connect-eyebrow { color: var(--connect-gold-soft); }
.connect-section-heading-light h2 { color: #fffdf8; }
.connect-section-heading-light h2 em { color: #f1bfd1; }
.connect-section-heading-light > p { color: #c6d2ca; }
.connect-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px; margin: 64px 0 0; padding: 0; list-style: none; }
.connect-steps li { position: relative; min-height: 360px; padding: 28px; border: 1px solid rgba(245,216,156,.2); border-radius: 25px; background: linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025)); }
.connect-steps li:not(:last-child)::after { position: absolute; top: 41px; right: -22px; z-index: 3; color: var(--connect-gold); content: "→"; font-size: 23px; }
.connect-steps li > span { display: grid; width: 50px; height: 50px; place-items: center; border: 1px solid rgba(245,216,156,.42); border-radius: 16px; color: var(--connect-gold-soft); font-size: 11px; font-weight: 900; }
.connect-steps li > div { margin-top: 53px; }
.connect-steps small { color: var(--connect-gold); font-size: 10px; font-weight: 900; letter-spacing: 1.5px; }
.connect-steps h3 { margin: 12px 0 0; color: #fffdf8; font: 500 27px/1.1 Georgia, serif; }
.connect-steps p { margin: 18px 0 0; color: #b8c6bd; font-size: 14px; line-height: 1.65; }
.connect-steps p strong { color: #eef2ee; }
.connect-endpoint { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 20px; padding: 25px 28px; border: 1px solid rgba(245,216,156,.3); border-radius: 21px; background: rgba(5,24,16,.38); }
.connect-endpoint > div { display: grid; gap: 8px; }
.connect-endpoint small { color: var(--connect-gold); font-size: 10px; font-weight: 900; letter-spacing: 1.45px; }
.connect-endpoint code { color: #fff; font-size: 18px; }
.connect-endpoint > span { display: inline-flex; align-items: center; gap: 10px; color: #c5d2ca; font-size: 13px; }
.connect-endpoint > span i { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: rgba(145,176,131,.14); color: #a8c59b; font-style: normal; }

.connect-boundaries { padding: 145px 0; }
.connect-boundary-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 17px; margin-top: 60px; }
.connect-boundary-grid article { padding: 35px; border: 1px solid var(--connect-line); border-radius: 29px; background: linear-gradient(145deg,#f2eae1,#fffaf6); }
.connect-boundary-grid article.is-allowed { border-color: rgba(90,124,81,.35); background: linear-gradient(145deg,#e5eee0,#f8f7ed); }
.connect-boundary-grid header { display: flex; align-items: center; gap: 15px; padding-bottom: 26px; border-bottom: 1px solid rgba(115,92,59,.17); }
.connect-boundary-grid header > span { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 15px; background: var(--connect-green); color: var(--connect-gold); font-size: 18px; }
.connect-boundary-grid small { color: #8b6736; font-size: 10px; font-weight: 900; letter-spacing: 1.45px; }
.connect-boundary-grid h3 { margin: 5px 0 0; font: 500 27px/1.05 Georgia,serif; }
.connect-boundary-grid ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 30px; margin: 15px 0 0; padding: 0; list-style: none; }
.connect-boundary-grid li { position: relative; padding: 18px 0 18px 21px; border-bottom: 1px solid rgba(115,92,59,.12); color: #5f625b; font-size: 14px; line-height: 1.5; }
.connect-boundary-grid li::before { position: absolute; top: 25px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--connect-gold); content: ""; }
.connect-rule { display: grid; grid-template-columns: 52px minmax(0,1fr) auto; align-items: center; gap: 18px; margin-top: 18px; padding: 22px 26px; border: 1px solid var(--connect-line); border-radius: 19px; background: var(--connect-paper); }
.connect-rule > span { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 15px; background: var(--connect-green); color: var(--connect-gold); font-size: 11px; font-weight: 900; }
.connect-rule p { margin: 0; color: #66665f; font-size: 15px; line-height: 1.55; }
.connect-rule strong { display: block; color: var(--connect-ink); }
.connect-rule > b { padding: 9px 12px; border-radius: 999px; background: #e8eee1; color: #4d6749; font-size: 10px; letter-spacing: 1px; }

.connect-refresh { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(380px,.8fr); align-items: center; gap: 70px; padding: 72px; border: 1px solid var(--connect-line); border-radius: 38px; background: linear-gradient(145deg,#fffdf8,#eee8dc); box-shadow: 0 28px 70px rgba(43,39,31,.08); }
.connect-refresh h2 { font-size: clamp(40px,4vw,64px); }
.connect-refresh ol { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.connect-refresh li { display: grid; min-height: 76px; grid-template-columns: 44px minmax(0,1fr); align-items: center; gap: 14px; padding: 15px 18px; border: 1px solid var(--connect-line); border-radius: 16px; background: rgba(255,255,255,.65); color: #535c54; font-size: 14px; font-weight: 800; }
.connect-refresh li b { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 13px; background: var(--connect-green); color: var(--connect-gold); font-size: 10px; }

.connect-faq { padding: 140px 0; }
.connect-faq-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; margin-top: 56px; }
.connect-faq details { border: 1px solid var(--connect-line); border-radius: 20px; background: rgba(255,253,248,.8); }
.connect-faq summary { display: grid; min-height: 91px; grid-template-columns: minmax(0,1fr) 35px; align-items: center; gap: 20px; padding: 23px 25px; color: var(--connect-ink); font-size: 16px; font-weight: 850; cursor: pointer; list-style: none; }
.connect-faq summary::-webkit-details-marker { display: none; }
.connect-faq summary span { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--connect-line); border-radius: 50%; color: #9c7134; font-size: 20px; transition: transform .2s ease; }
.connect-faq details[open] summary span { transform: rotate(45deg); }
.connect-faq details p { margin: 0; padding: 0 25px 26px; color: #6d6a62; font-size: 15px; line-height: 1.7; }

.connect-closing { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 60px; padding: 84px; overflow: hidden; border-radius: 46px; background: radial-gradient(circle at 92% 5%,rgba(168,69,104,.28),transparent 32%),linear-gradient(140deg,#11382b,#0a241b 72%); color: #fff; }
.connect-closing .connect-eyebrow { color: var(--connect-gold-soft); }
.connect-closing h2 { color: #fffdf8; }
.connect-closing h2 em { color: #f0bdd0; }
.connect-closing > div > p { color: #bfccc3; }
.connect-closing-actions { display: grid; gap: 10px; min-width: 260px; }
.connect-closing-actions .connect-button { width: 100%; }
.connect-transparency { display: grid; grid-template-columns: 190px minmax(0,1fr); gap: 28px; margin-top: 18px; margin-bottom: 35px; padding: 23px 28px; border: 1px solid var(--connect-line); border-radius: 18px; background: rgba(255,253,248,.72); }
.connect-transparency span { color: #8b6736; font-size: 11px; font-weight: 900; letter-spacing: 1.4px; text-transform: uppercase; }
.connect-transparency p { margin: 0; color: #777168; font-size: 13px; line-height: 1.6; }

@media (max-width: 1180px) {
  .connect-hero { grid-template-columns: 1fr; }
  .connect-command { width: min(850px,100%); justify-self: end; }
  .connect-examples { grid-template-columns: 1fr; }
  .connect-examples-copy { max-width: 900px; }
  .connect-steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .connect-steps li:not(:last-child)::after { display: none; }
  .connect-refresh { grid-template-columns: 1fr; }
  .connect-closing { grid-template-columns: 1fr; align-items: start; }
  .connect-closing-actions { width: min(520px,100%); }
}

@media (max-width: 820px) {
  .connect-hero { width: calc(100% - 16px); min-height: auto; margin-top: 8px; padding: 75px 22px; border-radius: 31px; }
  .connect-hero h1 { font-size: clamp(51px,13vw,70px); letter-spacing: -2.8px; }
  .connect-lead { font-size: 18px; }
  .connect-actions { display: grid; }
  .connect-button { width: 100%; }
  .connect-assurances,
  .connect-outcome-grid,
  .connect-boundary-grid,
  .connect-faq-grid { grid-template-columns: 1fr; }
  .connect-assurances li { min-height: 75px; }
  .connect-command { padding: 17px; border-radius: 25px; }
  .connect-route { grid-template-columns: 1fr; }
  .connect-route em { transform: rotate(90deg); }
  .connect-command > footer { align-items: flex-start; flex-direction: column; }
  .connect-outcome { padding-block: 92px; }
  .connect-outcome-grid article { min-height: 340px; }
  .connect-examples { min-width: 0; padding-bottom: 92px; }
  .connect-section-heading h2,
  .connect-examples-copy h2,
  .connect-closing h2 { font-size: clamp(43px,11vw,61px); letter-spacing: -2px; }
  .connect-setup { padding-block: 94px; }
  .connect-steps { grid-template-columns: 1fr; }
  .connect-steps li { min-height: auto; }
  .connect-steps li > div { margin-top: 36px; }
  .connect-endpoint { align-items: flex-start; flex-direction: column; }
  .connect-endpoint code { font-size: 13px; word-break: break-all; }
  .connect-boundaries { padding-block: 92px; }
  .connect-boundary-grid ul { grid-template-columns: 1fr; }
  .connect-rule { grid-template-columns: 46px minmax(0,1fr); }
  .connect-rule > b { grid-column: 2; justify-self: start; }
  .connect-refresh { padding: 46px 24px; border-radius: 29px; }
  .connect-faq { padding-block: 92px; }
  .connect-closing { padding: 59px 24px; border-radius: 31px; }
  .connect-transparency { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  .connect-eyebrow { font-size: 10px; letter-spacing: 1.55px; }
  .connect-breadcrumb { font-size: 11px; }
  .connect-question p { font-size: 23px; }
  .connect-answer { grid-template-columns: 1fr; }
  .connect-example-stack article > p { font-size: 23px; }
  .connect-example-stack footer { align-items: flex-start; flex-direction: column; }
  .connect-boundary-grid article { padding: 25px; }
  .connect-faq summary { font-size: 15px; }
}

@media (prefers-reduced-motion: reduce) {
  .connect-button,
  .connect-faq summary span { transition: none; }
}