/* Product Marketing, Agencies and Connect page families. */
:where(.f360-marketing-page,.f360-product-marketing) {
  --f360-market-ink: #071b31;
  --f360-market-muted: #536579;
  --f360-market-blue: #1677d2;
  --f360-market-blue-dark: #0d5fae;
  --f360-market-pale: #eaf4ff;
  --f360-market-soft: #f7fafc;
  --f360-market-line: #dce6ef;
  background: #fff;
  color: var(--f360-market-ink);
  font-family: Inter, system-ui, sans-serif;
}

.f360-marketing-page main,
.f360-marketing-page main :where(h1,h2,h3,h4,h5,h6,p,a,span,label,input,select,textarea,button,li) { font-family: Inter, system-ui, sans-serif; }
.f360-marketing-page main { overflow-x: clip; }
.f360-marketing-container { width: min(1200px,calc(100% - 48px)); margin-inline: auto; }
.f360-marketing-breadcrumbs { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 22px; color: #718196; font-size: 12px; line-height: 1.5; }
.f360-marketing-breadcrumbs a { color: #50657a; text-decoration: none; }
.f360-marketing-breadcrumbs a:hover,.f360-marketing-breadcrumbs a:focus-visible { color: var(--f360-market-blue-dark); }
.f360-marketing-eyebrow { display: inline-block; margin-bottom: 12px; color: var(--f360-market-blue); font-size: 11px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.f360-marketing-page main h1 { margin: 0; color: var(--f360-market-ink); font-size: clamp(42px,5.2vw,68px); font-weight: 300; letter-spacing: -.048em; line-height: .98; }
.f360-marketing-page main h2 { margin: 0; color: var(--f360-market-ink); font-size: clamp(28px,3.1vw,42px); font-weight: 300; letter-spacing: -.035em; line-height: 1.08; }
.f360-marketing-page main h3 { margin: 0; color: var(--f360-market-ink); font-weight: 500; letter-spacing: -.018em; }

/* Agency archive and detail headings follow the same canonical marketing type rules. */
body.f360-agencies-overview main :where(h1,h2),
body.f360-agency-detail main :where(h1,h2) {
  font-family: Inter,system-ui,sans-serif !important;
  font-style: normal;
  font-synthesis: none;
  font-weight: 300 !important;
}
.f360-marketing-page main p { color: var(--f360-market-muted); line-height: 1.7; }
.f360-marketing-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.f360-marketing-button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; padding: 0 19px; border: 1px solid var(--f360-market-blue); border-radius: 7px; background: var(--f360-market-blue); color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; cursor: pointer; }
.f360-marketing-button:hover,.f360-marketing-button:focus-visible { border-color: var(--f360-market-blue-dark); background: var(--f360-market-blue-dark); color: #fff; }
.f360-marketing-button--secondary { border-color: #c5d4e2; background: #fff; color: var(--f360-market-ink); }
.f360-marketing-button--secondary:hover,.f360-marketing-button--secondary:focus-visible { border-color: #90bce4; background: var(--f360-market-pale); color: var(--f360-market-blue-dark); }
.f360-marketing-button--light { border-color: #fff; background: #fff; color: var(--f360-market-blue-dark); }
.f360-icon-wrap { display: inline-grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: var(--f360-market-pale); color: var(--f360-market-blue); }
.f360-icon-wrap svg { width: 20px; height: 20px; }
.f360-icon-wrap--large { width: 72px; height: 72px; }
.f360-icon-wrap--large svg { width: 34px; height: 34px; }
.f360-marketing-page .f360-card-title-row { display: flex; min-width: 0; align-items: center; gap: 14px; }
.f360-marketing-page .f360-card-title-row .f360-icon-wrap,
.f360-marketing-page .f360-card-title-row :where(h2,h3,h4) { margin: 0 !important; }
.f360-check-list { display: grid; gap: 11px; margin: 22px 0 0; padding: 0; list-style: none; }
.f360-check-list li { position: relative; padding-left: 28px; color: var(--f360-market-ink); font-size: 14px; line-height: 1.55; }
.f360-check-list li::before { position: absolute; top: 2px; left: 0; display: grid; width: 17px; height: 17px; place-items: center; border: 1px solid #71b0eb; border-radius: 50%; color: var(--f360-market-blue); content: "✓"; font-size: 11px; }

/* Agencies overview and child pages */
.f360-agency-main { background: #fff; }
.f360-agency-shell { display: grid; width: min(1200px,calc(100% - 48px)); min-height: 760px; margin-inline: auto; grid-template-columns: 190px minmax(0,1fr) 190px; }
.f360-agency-shell--detail { grid-template-columns: 190px minmax(0,1fr); }
.f360-agency-sidebar { padding: 48px 22px 72px 0; border-right: 1px solid var(--f360-market-line); }
.f360-agency-sidebar__label { display: block; margin: 0 0 10px; color: var(--f360-market-ink); font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.f360-agency-sidebar nav { display: grid; gap: 2px; }
.f360-agency-sidebar nav a,.f360-agency-sidebar__group>a { display: block; padding: 9px 11px; border-radius: 6px; color: #294058; font-size: 12px; line-height: 1.35; text-decoration: none; }
.f360-agency-sidebar nav a:hover,.f360-agency-sidebar nav a:focus-visible,.f360-agency-sidebar nav a.is-active { background: #eef5ff; color: var(--f360-market-blue-dark); }
.f360-agency-sidebar__group { display: grid; margin-top: 32px; }
.f360-agency-help { display: flex; gap: 12px; margin-top: 34px; padding: 16px; border: 1px solid var(--f360-market-line); border-radius: 10px; }
.f360-agency-help .f360-icon-wrap { width: 32px; height: 32px; }
.f360-agency-help strong { display: block; font-size: 12px; }
.f360-agency-help p { margin: 5px 0 8px; font-size: 11px; line-height: 1.5; }
.f360-agency-help a { color: var(--f360-market-blue-dark); font-size: 11px; text-decoration: none; }
.f360-agency-sidebar__mobile { display: none; }
.f360-agency-content { min-width: 0; padding: 48px 38px 82px; }
.f360-agency-hero { max-width: 700px; }
.f360-agency-hero h1 { max-width: 780px; }
.f360-agencies-overview .f360-agency-hero h1 { font-size: clamp(38px,4vw,52px); }
.f360-agencies-overview .f360-agency-hero h1 { font-weight: 300 !important; }
.f360-agency-hero>p,.f360-agency-child-hero__copy>p { max-width: 630px; margin: 18px 0 0; font-size: 16px; }
.f360-agency-section { margin-top: 64px; scroll-margin-top: 110px; }
.f360-agency-section>h2 { margin-bottom: 22px; }
.f360-section-intro { max-width: 640px; margin: -10px 0 23px; font-size: 14px; }
.f360-benefit-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
.f360-benefit-grid article { min-width: 0; padding: 0 22px; border-right: 1px solid var(--f360-market-line); }
.f360-benefit-grid article:first-child { padding-left: 0; }
.f360-benefit-grid article:last-child { padding-right: 0; border-right: 0; }
.f360-benefit-grid h3 { margin-top: 18px; font-size: 16px; }
.f360-benefit-grid p { margin: 8px 0 0; font-size: 13px; }
.f360-agency-problem-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.f360-agency-problem-grid article { min-height: 220px; padding: 26px; border: 1px solid var(--f360-market-line); border-radius: 10px; background: var(--f360-market-soft); }
.f360-agency-problem-grid h3 { margin-top: 18px; font-size: 18px; }
.f360-agency-problem-grid p { margin: 10px 0 0; font-size: 13px; }
.f360-agency-work { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(230px,.6fr); gap: 32px; align-items: start; }
.f360-agency-work>div>p { max-width: 620px; margin: 12px 0 0; font-size: 14px; }
.f360-agency-work aside { padding: 24px; border-radius: 10px; background: var(--f360-market-pale); }
.f360-agency-work aside h3 { margin-top: 18px; font-size: 16px; }
.f360-agency-work aside p { margin: 10px 0 16px; font-size: 13px; }
.f360-agency-work aside a { color: var(--f360-market-blue-dark); font-size: 12px; font-weight: 600; text-decoration: none; }
.f360-pathway-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.f360-pathway-grid--three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.f360-pathway-grid>a,.f360-pathway-grid>article { display: flex; min-height: 215px; flex-direction: column; padding: 20px; border: 1px solid var(--f360-market-line); border-radius: 10px; background: #fff; color: var(--f360-market-ink); text-decoration: none; }
.f360-pathway-grid>a:hover,.f360-pathway-grid>a:focus-visible { border-color: #9bc4e8; box-shadow: 0 12px 26px rgba(7,27,49,.06); }
.f360-pathway-grid h3 { margin-top: 16px; font-size: 15px; line-height: 1.35; }
.f360-pathway-grid p { margin: 9px 0 18px; font-size: 12px; }
.f360-pathway-grid>a>span:last-child { margin-top: auto; color: var(--f360-market-blue-dark); font-size: 12px; font-weight: 600; }
.f360-agency-pathways__close { margin: 30px 0 0; color: var(--f360-market-ink); font-size: 14px; }
.f360-agency-pathways__close a { color: var(--f360-market-blue-dark); font-weight: 600; text-decoration: none; }
.f360-agency-pathways__close a:hover,.f360-agency-pathways__close a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.f360-partner-callout { display: grid; margin-top: 64px; padding: 24px; grid-template-columns: auto minmax(0,1fr) auto; gap: 18px; align-items: center; border: 1px solid #b9d7f1; border-radius: 10px; background: #fbfdff; scroll-margin-top: 110px; }
.f360-partner-callout h2 { font-size: 24px; }
.f360-partner-callout p { margin: 6px 0 0; font-size: 13px; }
.f360-next-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
.f360-next-grid>a { display: flex; gap: 14px; min-width: 0; padding: 0 20px; border-right: 1px solid var(--f360-market-line); color: var(--f360-market-ink); text-decoration: none; }
.f360-next-grid>a:first-child { padding-left: 0; }
.f360-next-grid>a:last-child { border-right: 0; }
.f360-next-grid h3 { font-size: 14px; }
.f360-next-grid p { margin: 6px 0 8px; font-size: 12px; }
.f360-next-grid a span:last-child { color: var(--f360-market-blue-dark); font-size: 11px; font-weight: 600; }
.f360-agency-toc { padding: 48px 0 70px 18px; }
.f360-agency-toc>div { display: grid; gap: 4px; padding: 17px; border: 1px solid var(--f360-market-line); border-radius: 9px; }
.f360-agency-toc>div>span { margin-bottom: 8px; color: var(--f360-market-ink); font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.f360-agency-toc a { padding: 7px 0; color: #294058; font-size: 11px; line-height: 1.35; text-decoration: none; }
.f360-agency-toc a:hover,.f360-agency-toc a:focus-visible { color: var(--f360-market-blue-dark); }
.f360-agency-toc .f360-agency-toc__contact { margin-top: 14px; }
.f360-agency-toc__contact strong { font-size: 12px; }
.f360-agency-toc__contact p { margin: 6px 0; font-size: 11px; }
.f360-agency-child-hero { display: grid; grid-template-columns: minmax(0,1fr) 190px; gap: 36px; align-items: center; }
.f360-agency-child-hero__copy h1 { max-width: 780px; font-size: clamp(42px,4.6vw,60px); }
.f360-agency-child-hero__mark { display: grid; min-height: 180px; place-items: center; align-content: center; gap: 18px; border: 1px solid var(--f360-market-line); border-radius: 12px; background: var(--f360-market-soft); color: var(--f360-market-ink); font-size: 14px; font-weight: 600; }
.f360-agency-child-hero__mark img { display: block; max-width: 100px; max-height: 54px; object-fit: contain; }
.f360-agency-context { display: flex; gap: 18px; margin-top: 54px; padding: 24px; border: 1px solid #bfd9f0; border-radius: 10px; background: #fbfdff; }
.f360-agency-context h2 { font-size: 25px; }
.f360-agency-context p { margin: 8px 0 0; font-size: 13px; }
.f360-agency-why { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.8fr); gap: 42px; align-items: start; padding: 30px; border-radius: 12px; background: var(--f360-market-soft); }
.f360-agency-why .f360-check-list { margin: 0; }
.f360-agency-system-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 22px; }
.f360-agency-system-grid>a { display: grid; min-height: 92px; padding: 18px; grid-template-columns: 44px minmax(0,1fr) auto; gap: 12px; align-items: center; border: 1px solid var(--f360-market-line); border-radius: 10px; background: #fff; color: var(--f360-market-ink); font-size: 13px; font-weight: 600; text-decoration: none; }
.f360-agency-system-grid>a:hover,.f360-agency-system-grid>a:focus-visible { border-color: #9bc4e8; color: var(--f360-market-blue-dark); box-shadow: 0 12px 26px rgba(7,27,49,.06); }
.f360-agency-system-grid img { display: block; width: 38px; height: 38px; object-fit: contain; }
.f360-agency-system-grid>a>span:last-child { color: var(--f360-market-blue-dark); }
.f360-related-links { display: grid; gap: 10px; margin-top: 20px; }
.f360-related-links>a { display: flex; min-height: 48px; align-items: center; justify-content: space-between; padding: 0 16px; border: 1px solid var(--f360-market-line); border-radius: 8px; color: var(--f360-market-ink); font-size: 13px; font-weight: 500; text-decoration: none; }
.f360-related-links>a:hover,.f360-related-links>a:focus-visible { border-color: #9bc4e8; color: var(--f360-market-blue-dark); }
.f360-agency-final { display: flex; margin-top: 68px; padding: 32px; align-items: center; justify-content: space-between; gap: 28px; border-radius: 12px; background: linear-gradient(135deg,#071b31,#1677d2); color: #fff; }
.f360-agency-final h2 { max-width: 640px; color: #fff; }
.f360-agency-final p { max-width: 650px; margin: 10px 0 0; color: rgba(255,255,255,.78); font-size: 14px; }
.f360-agency-final .f360-marketing-eyebrow { color: #b9ddff; }

/* Agencies overview spacing specification */
.f360-agencies-overview .f360-agency-hero>p { margin-top: 32px; }
.f360-agencies-overview .f360-agency-hero .f360-marketing-actions { margin-top: 48px; }
.f360-agencies-overview .f360-agency-section,
.f360-agencies-overview .f360-partner-callout { margin-top: 80px !important; }
.f360-agencies-overview .f360-agency-section>h2 { margin-bottom: 48px; }
.f360-agencies-overview .f360-agency-problem>h2 { margin-bottom: 32px; }
.f360-agencies-overview .f360-agency-problem>.f360-section-intro { margin: 0 0 48px; }
.f360-agencies-overview #agency-pathways>h2 { margin-bottom: 32px; }
.f360-agencies-overview #agency-pathways>.f360-section-intro { margin: 0 0 48px; }
.f360-agencies-overview .f360-agency-work>div>p { margin-top: 32px; }
.f360-agencies-overview .f360-agency-work .f360-check-list { margin-top: 48px; }
.f360-agencies-overview .f360-agency-problem-grid,
.f360-agencies-overview .f360-pathway-grid { margin-top: 48px; }
.f360-agencies-overview .f360-agency-problem>.f360-section-intro,
.f360-agencies-overview #agency-pathways>.f360-section-intro { margin-bottom: 0; }
.f360-agency-final h2,
.f360-agency-final p,
.f360-agency-final .f360-marketing-eyebrow { color: #fff !important; }

/* Connect conversion pages */
.f360-connect-main { min-height: 720px; border-top: 1px solid var(--f360-market-line); background: #fff; }
.f360-connect-layout { display: grid; width: min(1200px,calc(100% - 48px)); margin-inline: auto; padding: 68px 0 84px; grid-template-columns: minmax(0,.88fr) minmax(480px,1.12fr); gap: clamp(42px,6vw,82px); align-items: start; }
.f360-connect-copy { padding-top: 8px; }
.f360-connect-page main :where(h1,h2,h3,h4,h5,h6) { font-family: Inter,system-ui,sans-serif !important; }
.f360-connect-page main h1 { font-weight: 300 !important; }
.f360-connect-page main h2 { font-weight: 300 !important; }
.f360-connect-page main h3 { font-weight: 400 !important; }
.f360-connect-page main :where(h4,h5,h6) { font-weight: 500 !important; }
.f360-connect-copy h1 { max-width: 720px; font-size: clamp(42px,4.6vw,60px); }
.f360-connect-copy>p { max-width: 560px; margin: 20px 0 0; font-size: 17px; }
.f360-connect-points { display: grid; gap: 14px; margin: 32px 0 0; padding: 0; list-style: none; }
.f360-connect-points li { display: flex; gap: 12px; align-items: center; color: var(--f360-market-ink); font-size: 14px; line-height: 1.45; }
.f360-connect-points .f360-icon-wrap { width: 30px; height: 30px; }
.f360-connect-points svg { width: 16px; height: 16px; }
.f360-form-card { padding: 30px; border: 1px solid var(--f360-market-line); border-radius: 12px; background: #fff; box-shadow: 0 16px 38px rgba(7,27,49,.07); }
.f360-connect-page .f360-form-card h2 { font-size: 30px; line-height: 1.18; letter-spacing: -.025em; }
.f360-form-card__intro { margin: 10px 0 22px; font-size: 13px; }
.f360-form-card__agency-note { margin: -8px 0 20px; padding: 11px 13px; border-left: 2px solid var(--f360-market-blue); background: var(--f360-market-pale); color: #3f5368; font-size: 12px; line-height: 1.55; }
.f360-form-card__agency-note strong { color: var(--f360-market-ink); }
.f360-form-notice { margin: 16px 0; padding: 12px 14px; border-radius: 7px; font-size: 13px; line-height: 1.5; }
.f360-form-notice--success { background: #e7f7f0; color: #087a55; }
.f360-form-notice--error { background: #fff4e5; color: #855400; }
.f360-native-form { margin-top: 22px; }
.f360-native-form__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 17px; }
.f360-form-field { display: grid; gap: 7px; min-width: 0; }
.f360-form-field--wide { grid-column: 1/-1; }
.f360-form-field label { margin: 0; color: var(--f360-market-ink); font-size: 12px; font-weight: 600; letter-spacing: 0; line-height: 1.4; text-transform: none; }
.f360-form-field label span { color: #b42318; }
.f360-form-field input:not([type="hidden"]),
.f360-form-field select,
.f360-form-field textarea { width: 100%; min-height: 45px; padding: 10px 12px; box-sizing: border-box; border: 1px solid #c9d7e4; border-radius: 7px; outline: 0; background: #fff; color: var(--f360-market-ink); font: 400 14px/1.45 Inter,system-ui,sans-serif; transition: border-color .16s ease,box-shadow .16s ease,background-color .16s ease; }
.f360-form-field input:not([type="hidden"]):hover,
.f360-form-field select:hover,
.f360-form-field textarea:hover { border-color: #a8bfd4; }
.f360-form-field input::placeholder,
.f360-form-field textarea::placeholder { color: #7b8c9d; opacity: 1; }
.f360-form-field textarea { min-height: 124px; resize: vertical; }
.f360-form-field input:not([type="hidden"]):focus,
.f360-form-field select:focus,
.f360-form-field textarea:focus { border-color: var(--f360-market-blue); box-shadow: 0 0 0 3px rgba(22,119,210,.14); }
.f360-native-form>.f360-marketing-button { width: 100%; margin-top: 20px; }
.f360-form-privacy { margin: 12px 0 0; color: #708194; font-size: 11px; line-height: 1.55; }
.f360-form-privacy a { color: var(--f360-market-blue-dark); }
.f360-form-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.f360-form-card .hs-form-frame { min-height: 440px; margin-top: 20px; }
.f360-form-card--partner-embed { padding: 0; overflow: hidden; }
.f360-partner-application-frame { display: block; width: 100%; height: 2240px; border: 0; background: #fff; }

.f360-connect-confidence { padding: 0 0 84px; background: #fff; }
.f360-connect-confidence__inner { width: min(1200px,calc(100% - 48px)); margin-inline: auto; }
.f360-connect-confidence__panel { display: grid; grid-template-columns: minmax(220px,1.25fr) repeat(5,minmax(0,1fr)); border: 1px solid var(--f360-market-line); border-radius: 12px; background: #fff; box-shadow: 0 12px 30px rgba(7,27,49,.045); }
.f360-connect-confidence__intro,.f360-connect-confidence__signal { min-width: 0; padding: 26px 22px; }
.f360-connect-confidence__intro { background: linear-gradient(145deg,#f8fbfe,#fff); }
.f360-connect-confidence__intro h2 { font-size: clamp(24px,2.4vw,32px); }
.f360-connect-confidence__intro p { margin: 12px 0 0; font-size: 13px; }
.f360-connect-confidence__signal { border-left: 1px solid var(--f360-market-line); }
.f360-connect-confidence__signal .f360-icon-wrap { width: 42px; height: 42px; }
.f360-connect-confidence__signal h3 { margin-top: 18px; font-size: 14px; line-height: 1.35; }
.f360-connect-confidence__signal p { margin: 9px 0 0; font-size: 11px; line-height: 1.55; }
.f360-connect-confidence__reassurance { display: grid; margin-top: 16px; grid-template-columns: minmax(0,1.5fr) minmax(300px,.5fr); border: 1px solid var(--f360-market-line); border-radius: 12px; background: #fff; }
.f360-connect-confidence__experience,.f360-connect-confidence__human { min-width: 0; padding: 24px; }
.f360-connect-confidence__experience h3,.f360-connect-confidence__human h3 { font-size: 14px; }
.f360-connect-confidence__logos { display: flex; flex-wrap: wrap; gap: 22px; align-items: center; margin-top: 18px; }
.f360-connect-confidence__logo { display: inline-flex; min-width: 92px; min-height: 36px; align-items: center; justify-content: center; gap: 8px; color: var(--f360-market-ink); font-size: 12px; font-weight: 600; }
.f360-connect-confidence__logo img { display: block; width: auto; max-width: 34px; height: auto; max-height: 28px; object-fit: contain; }
.f360-connect-confidence__human { display: flex; gap: 15px; align-items: center; border-left: 1px solid var(--f360-market-line); }
.f360-connect-confidence__human p { margin: 7px 0 0; font-size: 12px; }

/* Product Marketing */
.f360-product-marketing main,
.f360-product-marketing main :where(h1,h2,h3,h4,h5,h6,p,a,span,label,input,select,textarea,button,li) { font-family: Inter,system-ui,sans-serif; }
.f360-product-marketing main { overflow-x: clip; }
.f360-product-marketing .f360-pm-section h2 { margin: 0; color: var(--f360-market-ink); font-size: clamp(28px,3.1vw,42px); font-weight: 300; letter-spacing: -.035em; line-height: 1.08; }
.f360-product-marketing .f360-pm-section h3 { margin: 0; color: var(--f360-market-ink); font-weight: 500; letter-spacing: -.018em; }
.f360-product-marketing .f360-pm-section p { color: var(--f360-market-muted); line-height: 1.7; }
.f360-product-marketing .f360-card-title-row { display: flex; min-width: 0; align-items: center; gap: 14px; }
.f360-product-marketing .f360-card-title-row .f360-icon-wrap,
.f360-product-marketing .f360-card-title-row :where(h2,h3,h4) { margin: 0 !important; }
.f360-pm-hero { padding: 54px 0 74px; border-top: 1px solid var(--f360-market-line); background: #fff; }
.f360-pm-hero__grid { display: grid; grid-template-columns: minmax(0,.92fr) minmax(440px,1.08fr); gap: clamp(40px,6vw,78px); align-items: center; }
.f360-pm-hero__copy h1 { max-width: 780px; }
.f360-pm-hero__copy>p { max-width: 620px; margin: 20px 0 0; font-size: 17px; }
.f360-pm-visual { padding: 24px; border: 1px solid var(--f360-market-line); border-radius: 14px; background: var(--f360-market-soft); box-shadow: 0 18px 38px rgba(7,27,49,.07); }
.f360-pm-visual__head,.f360-pm-visual__status { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; color: #6b7c8f; font-size: 10px; text-align: center; text-transform: uppercase; letter-spacing: .05em; }
.f360-pm-visual__flow { display: grid; grid-template-columns: 1fr 34px 1fr 34px 1fr; align-items: center; margin: 28px 0 24px; }
.f360-pm-visual__flow>span { display: grid; min-height: 112px; place-items: center; align-content: center; gap: 12px; border: 1px solid #cfdde9; border-radius: 10px; background: #fff; color: var(--f360-market-blue); }
.f360-pm-visual__flow svg { width: 27px; height: 27px; }
.f360-pm-visual__flow strong { color: var(--f360-market-ink); font-size: 13px; }
.f360-pm-visual__flow i { height: 1px; background: #83b8e8; }
.f360-pm-visual__status span { padding: 7px 4px; border-radius: 5px; background: #e8f6ef; color: #167659; letter-spacing: 0; text-transform: none; }
.f360-pm-section { padding: 72px 0; border-top: 1px solid var(--f360-market-line); background: #fff; }
.f360-pm-heading { max-width: 760px; margin-bottom: 30px; }
.f360-pm-heading>p { margin: 14px 0 0; font-size: 15px; }
.f360-pm-grid { display: grid; gap: 14px; }
.f360-pm-grid--three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.f360-pm-grid--four { grid-template-columns: repeat(4,minmax(0,1fr)); }
.f360-pm-grid article { min-height: 210px; padding: 24px; border: 1px solid var(--f360-market-line); border-radius: 10px; background: #fff; }
.f360-pm-grid h3 { margin-top: 18px; font-size: 17px; }
.f360-pm-grid--four h3 { margin-top: 0; }
.f360-pm-grid p { margin: 10px 0 0; font-size: 13px; }
.f360-pm-split { display: grid; grid-template-columns: minmax(0,1fr) minmax(360px,.82fr); gap: 64px; align-items: start; }
.f360-pm-split>div:first-child>p { margin: 16px 0 0; font-size: 15px; }
.f360-pm-capabilities { display: grid; gap: 10px; }
.f360-pm-capabilities article { display: flex; gap: 16px; padding: 18px; border: 1px solid var(--f360-market-line); border-radius: 9px; }
.f360-pm-capabilities article>span { display: grid; width: 30px; height: 30px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: var(--f360-market-pale); color: var(--f360-market-blue-dark); font-size: 11px; font-weight: 700; }
.f360-pm-capabilities h3 { font-size: 15px; }
.f360-pm-capabilities p { margin: 5px 0 0; font-size: 12px; }
.f360-related-links--cards { grid-template-columns: repeat(3,minmax(0,1fr)); }
.f360-related-links--cards>a { min-height: 112px; flex-direction: column; align-items: flex-start; justify-content: center; gap: 10px; padding: 20px; }
.f360-related-links--cards strong { font-size: 16px; }
.f360-related-links--cards span { color: var(--f360-market-blue-dark); font-size: 12px; }
.f360-pm-final { padding: 58px 0; background: linear-gradient(135deg,#071b31,#1677d2); }
.f360-pm-final .f360-marketing-container { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.f360-pm-final h2 { max-width: 760px; color: #fff; }
.f360-pm-final p { max-width: 700px; margin: 12px 0 0; color: rgba(255,255,255,.78); }
.f360-pm-final .f360-marketing-eyebrow { color: #b9ddff; }

@media (max-width: 1040px) {
  .f360-agency-shell { grid-template-columns: 180px minmax(0,1fr); }
  .f360-agency-toc { display: none; }
  .f360-pathway-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .f360-agency-system-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .f360-pm-hero__grid { grid-template-columns: minmax(0,1fr) minmax(380px,.9fr); }
  .f360-pm-grid--four { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 820px) {
  .f360-agency-shell,.f360-agency-shell--detail { width: min(100% - 40px,1200px); grid-template-columns: 1fr; }
  .f360-agency-sidebar { padding: 24px 0 0; border-right: 0; }
  .f360-agency-sidebar__desktop { display: none; }
  .f360-agency-sidebar__mobile { display: block; border: 1px solid var(--f360-market-line); border-radius: 8px; }
  .f360-agency-sidebar__mobile summary { min-height: 46px; padding: 13px 15px; color: var(--f360-market-ink); font-size: 13px; font-weight: 600; cursor: pointer; }
  .f360-agency-sidebar__mobile nav { padding: 0 8px 10px; }
  .f360-agency-content { padding: 34px 0 70px; }
  .f360-agency-work,.f360-agency-child-hero,.f360-agency-why { grid-template-columns: 1fr; }
  .f360-partner-callout { grid-template-columns: auto 1fr; }
  .f360-partner-callout .f360-marketing-button { grid-column: 1/-1; width: max-content; }
  .f360-connect-layout { grid-template-columns: 1fr; gap: 42px; padding: 52px 0 70px; }
  .f360-partner-application-frame { height: 1760px; }
  .f360-connect-confidence__panel { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .f360-connect-confidence__intro { grid-column: 1/-1; }
  .f360-connect-confidence__signal { border-top: 1px solid var(--f360-market-line); }
  .f360-connect-confidence__signal:nth-of-type(1),.f360-connect-confidence__signal:nth-of-type(4) { border-left: 0; }
  .f360-connect-confidence__reassurance { grid-template-columns: 1fr; }
  .f360-connect-confidence__human { border-top: 1px solid var(--f360-market-line); border-left: 0; }
  .f360-pm-hero__grid,.f360-pm-split { grid-template-columns: 1fr; }
  .f360-pm-visual { max-width: 640px; }
}

@media (max-width: 740px) {
  .f360-partner-application-frame { height: 2240px; }
}

@media (max-width: 690px) {
  .f360-connect-confidence__panel { grid-template-columns: 1fr; }
  .f360-connect-confidence__signal { border-left: 0; }
}

@media (max-width: 640px) {
  .f360-marketing-container,.f360-connect-layout { width: min(100% - 32px,1200px); }
  .f360-connect-confidence__inner { width: min(100% - 32px,1200px); }
  .f360-connect-confidence { padding-bottom: 64px; }
  .f360-connect-confidence__intro,.f360-connect-confidence__signal,.f360-connect-confidence__experience,.f360-connect-confidence__human { padding: 20px; }
  .f360-connect-confidence__logos { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
  .f360-connect-confidence__logo { min-width: 0; justify-content: flex-start; }
  .f360-marketing-page main h1 { font-size: clamp(38px,12vw,52px); }
  .f360-marketing-page main h2 { font-size: 29px; }
  .f360-agency-shell,.f360-agency-shell--detail { width: min(100% - 32px,1200px); }
  .f360-benefit-grid,.f360-agency-problem-grid,.f360-next-grid,.f360-pm-grid--three,.f360-pm-grid--four,.f360-related-links--cards { grid-template-columns: 1fr; }
  .f360-benefit-grid article { padding: 20px 0; border-right: 0; border-bottom: 1px solid var(--f360-market-line); }
  .f360-benefit-grid article:last-child { border-bottom: 0; }
  .f360-pathway-grid,.f360-pathway-grid--three { grid-template-columns: 1fr; }
  .f360-agency-system-grid { grid-template-columns: 1fr; }
  .f360-pathway-grid>a,.f360-pathway-grid>article { min-height: 190px; }
  .f360-next-grid>a { padding: 18px 0; border-right: 0; border-bottom: 1px solid var(--f360-market-line); }
  .f360-next-grid>a:last-child { border-bottom: 0; }
  .f360-partner-callout { grid-template-columns: 1fr; }
  .f360-agency-final,.f360-pm-final .f360-marketing-container { align-items: flex-start; flex-direction: column; }
  .f360-form-card { padding: 22px 18px; }
  .f360-form-card--partner-embed { padding: 0; }
  .f360-partner-application-frame { height: 2420px; }
  .f360-native-form__grid { grid-template-columns: 1fr; }
  .f360-form-field--wide { grid-column: auto; }
  .f360-connect-page .f360-form-card h2 { font-size: 26px; }
  .f360-pm-hero { padding: 44px 0 58px; }
  .f360-pm-visual { padding: 15px; }
  .f360-pm-visual__head { display: none; }
  .f360-pm-visual__flow { grid-template-columns: 1fr; gap: 8px; margin: 0 0 16px; }
  .f360-pm-visual__flow i { width: 1px; height: 16px; margin: auto; }
  .f360-pm-visual__flow>span { min-height: 82px; }
  .f360-pm-visual__status { grid-template-columns: 1fr; }
  .f360-pm-section { padding: 56px 0; }
}