/*
Theme Name:   Flows360
Theme URI:    https://flows360.com
Author:       Flows360
Description:  Premium iPaaS WordPress block theme. Gutenberg-first with CPTs for Integrations, Solutions, Industries, and Case Studies. Built on the Flows360 design system.
Requires at least: 6.4
Tested up to:     6.7
Requires PHP:     8.1
Version:          1.0.0
License:          GNU General Public License v2 or later
License URI:      http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:      flows360
Tags:             block-theme, full-site-editing, custom-colors, custom-typography
*/

/* === RESET === */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;padding-top:68px;font-family:var(--wp--preset--font-family--inter);color:var(--wp--preset--color--on-surface);background:var(--wp--preset--color--surface)}
img,video,svg{max-width:100%;height:auto;display:block}
:focus-visible{outline:2px solid var(--wp--preset--color--primary);outline-offset:3px;border-radius:1px}

/* === TYPOGRAPHY UTILITIES === */
.f360-eyebrow{display:inline-block;font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--primary);margin-bottom:1rem}
.f360-label{font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--primary)}
.f360-caption{font-size:.75rem;color:var(--wp--preset--color--on-surface-variant);line-height:1.5}

/* === CONTAINER === */
.f360-container{max-width:1250px;margin-left:auto;margin-right:auto;padding-left:clamp(1.25rem,4vw,3rem);padding-right:clamp(1.25rem,4vw,3rem)}
.f360-container--narrow{max-width:760px}
.f360-container--mid{max-width:980px}

/* === BUTTON SYSTEM === */
.wp-element-button,.wp-block-button__link{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:filter .15s,transform .1s,box-shadow .15s;border:none;text-decoration:none!important;white-space:nowrap}

.wp-block-button.is-style-primary .wp-block-button__link{background:linear-gradient(135deg,#565e74 0%,#4a5268 100%);color:var(--wp--preset--color--on-primary)!important;border-radius:2px;padding:.8rem 1.75rem;font-weight:700;font-size:.9rem;letter-spacing:.01em}
.wp-block-button.is-style-primary .wp-block-button__link:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 6px 18px rgba(86,94,116,.35)}

.wp-block-button.is-style-ghost .wp-block-button__link{background:transparent;color:var(--wp--preset--color--on-surface)!important;border:1.5px solid rgba(113,124,130,.4);border-radius:2px;padding:.8rem 1.75rem;font-weight:600;font-size:.9rem}
.wp-block-button.is-style-ghost .wp-block-button__link:hover{border-color:var(--wp--preset--color--primary);color:var(--wp--preset--color--primary)!important}

.wp-block-button.is-style-text-link .wp-block-button__link{background:transparent!important;color:var(--wp--preset--color--primary)!important;padding:0;border:none!important;font-weight:600;font-size:.875rem;letter-spacing:.06em;text-transform:uppercase}
.wp-block-button.is-style-text-link .wp-block-button__link::after{content:' →'}

/* === SECTION BACKGROUNDS === */
.f360-section{padding-top:5rem;padding-bottom:5rem}
.f360-section--lg{padding-top:7rem;padding-bottom:7rem}
.f360-section--sm{padding-top:3rem;padding-bottom:3rem}
.f360-bg-surface{background:var(--wp--preset--color--surface)}
.f360-bg-low{background:var(--wp--preset--color--surface-low)}
.f360-bg-container{background:var(--wp--preset--color--surface-container)}
.f360-bg-primary{background:linear-gradient(135deg,#565e74 0%,#4a5268 100%);color:var(--wp--preset--color--on-primary)}
.f360-bg-inverse{background:var(--wp--preset--color--inverse-surface);color:#e4e9ea}

/* === NAVIGATION === */
.f360-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(247,249,251,.93);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(169,180,185,.2);transition:box-shadow .2s}
.f360-nav.is-scrolled{box-shadow:0 2px 20px rgba(42,52,57,.08)}
.f360-nav__inner{max-width:1250px;margin:0 auto;padding:0 2rem;height:68px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.f360-nav__logo{font-size:1.15rem;font-weight:800;letter-spacing:-.04em;color:var(--wp--preset--color--on-surface);text-decoration:none!important}
.f360-nav__links{display:flex;align-items:center;gap:.25rem;list-style:none;margin:0;padding:0}
.f360-nav__links a{display:block;padding:.5rem .85rem;font-size:.875rem;font-weight:500;color:var(--wp--preset--color--on-surface-variant);text-decoration:none;border-radius:2px;transition:color .15s,background .15s}
.f360-nav__links a:hover,.f360-nav__links li.current-menu-item>a{color:var(--wp--preset--color--on-surface);background:var(--wp--preset--color--surface-container)}
.f360-nav__ctas{display:flex;align-items:center;gap:.5rem}
.f360-nav__cta-demo{padding:.55rem 1.1rem;font-size:.875rem;font-weight:600;color:var(--wp--preset--color--on-surface);background:transparent;border:none;cursor:pointer;border-radius:2px;transition:background .15s;text-decoration:none;font-family:inherit}
.f360-nav__cta-demo:hover{background:var(--wp--preset--color--surface-high)}
.f360-nav__cta-start{padding:.55rem 1.25rem;font-size:.875rem;font-weight:700;color:var(--wp--preset--color--on-primary);background:linear-gradient(135deg,#565e74 0%,#4a5268 100%);border:none;border-radius:2px;cursor:pointer;transition:filter .15s;text-decoration:none;white-space:nowrap;font-family:inherit}
.f360-nav__cta-start:hover{filter:brightness(1.1)}
/* Mega menu */
.f360-nav__links li{position:relative}
.f360-nav__links li::after{content:"";position:absolute;left:0;right:0;top:100%;height:.75rem}
.f360-nav__links li:hover>.f360-mega,
.f360-nav__links li:focus-within>.f360-mega,
.f360-mega:hover{display:block}
.f360-mega{display:none;position:absolute;top:calc(100% + .25rem);left:50%;transform:translateX(-50%);background:var(--wp--preset--color--surface-lowest);border:1px solid rgba(169,180,185,.25);border-radius:4px;box-shadow:0 12px 40px rgba(42,52,57,.12);padding:1.5rem;min-width:280px;z-index:200}
.f360-mega--wide{min-width:520px}
.f360-mega__grid{display:grid;grid-template-columns:1fr 1fr;gap:.25rem}
.f360-mega__item{display:block;padding:.65rem .85rem;border-radius:2px;text-decoration:none!important;transition:background .12s}
.f360-mega__item:hover{background:var(--wp--preset--color--surface-low)}
.f360-mega__item-title{font-size:.875rem;font-weight:600;color:var(--wp--preset--color--on-surface);margin-bottom:.2rem}
.f360-mega__item-desc{font-size:.75rem;color:var(--wp--preset--color--on-surface-variant);line-height:1.4}
.f360-mega__label{font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wp--preset--color--outline);padding:0 .85rem;margin-bottom:.5rem;display:block}
/* Hamburger */
.f360-nav__hamburger{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--wp--preset--color--on-surface)}
@media(max-width:960px){
  .f360-nav__links,.f360-nav__ctas{display:none}
  .f360-nav__hamburger{display:block}
  .f360-nav.is-open .f360-nav__links{display:flex;flex-direction:column;align-items:flex-start;position:fixed;top:68px;left:0;right:0;background:var(--wp--preset--color--surface-lowest);padding:1.5rem 2rem 2rem;border-bottom:1px solid var(--wp--preset--color--surface-high);box-shadow:0 8px 24px rgba(42,52,57,.1)}
  .f360-nav.is-open .f360-nav__ctas{display:flex;position:fixed;bottom:0;left:0;right:0;padding:1rem 2rem;background:var(--wp--preset--color--surface-lowest);border-top:1px solid var(--wp--preset--color--surface-high)}
}

/* === FOOTER === */
.f360-footer{background:var(--wp--preset--color--inverse-surface);color:#b0bec5;padding:5rem 0 2.5rem}
.f360-footer__inner{max-width:1250px;margin:0 auto;padding:0 2rem}
.f360-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3.5rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:2rem}
.f360-footer__brand-name{font-size:1.1rem;font-weight:800;letter-spacing:-.04em;color:#fff;margin-bottom:.75rem}
.f360-footer__tagline{font-size:.875rem;line-height:1.6;color:#7a8d95;max-width:26ch;margin-bottom:1.5rem}
.f360-footer__col-title{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#e4e9ea;margin-bottom:1rem}
.f360-footer__links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}
.f360-footer__links a{font-size:.875rem;color:#7a8d95;text-decoration:none;transition:color .15s}
.f360-footer__links a:hover{color:#e4e9ea}
.f360-footer__bottom{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:#566166}
@media(max-width:900px){.f360-footer__grid{grid-template-columns:1fr 1fr;gap:2rem}}
@media(max-width:540px){.f360-footer__grid{grid-template-columns:1fr}}

/* === CARD SYSTEM === */
.f360-card{background:var(--wp--preset--color--surface-lowest);border-radius:2px;padding:2rem;transition:transform .2s,box-shadow .2s}
.f360-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(42,52,57,.08)}
.f360-card--bordered{border:1px solid rgba(169,180,185,.25)}
.f360-card--accent-primary{border-bottom:3px solid var(--wp--preset--color--primary)}
.f360-card--accent-secondary{border-bottom:3px solid var(--wp--preset--color--secondary)}
.f360-card--accent-tertiary{border-bottom:3px solid var(--wp--preset--color--tertiary)}

/* === CONNECTOR CARDS === */
.f360-connector-card{background:var(--wp--preset--color--surface-lowest);border:1px solid rgba(169,180,185,.2);border-radius:2px;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .2s,box-shadow .2s,transform .2s;text-decoration:none!important;color:var(--wp--preset--color--on-surface)}
.f360-connector-card:hover{border-color:rgba(86,94,116,.4);box-shadow:0 4px 20px rgba(42,52,57,.08);transform:translateY(-2px)}
.f360-connector-card__logo{width:40px;height:40px;border-radius:6px;object-fit:contain;background:var(--wp--preset--color--surface-low);padding:6px}
.f360-connector-card__name{font-size:.9375rem;font-weight:600;color:var(--wp--preset--color--on-surface)}
.f360-connector-card__category{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--wp--preset--color--outline)}
.f360-connector-card__desc{font-size:.8125rem;color:var(--wp--preset--color--on-surface-variant);line-height:1.55;margin-top:auto}
.f360-connector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}

/* === FILTER BAR === */
.f360-filter-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:2.5rem}
.f360-filter-pill{padding:.45rem 1rem;font-size:.8125rem;font-weight:600;border:1.5px solid rgba(169,180,185,.3);border-radius:999px;background:transparent;color:var(--wp--preset--color--on-surface-variant);cursor:pointer;transition:all .15s;font-family:inherit}
.f360-filter-pill:hover,.f360-filter-pill.is-active{background:var(--wp--preset--color--primary);color:var(--wp--preset--color--on-primary);border-color:var(--wp--preset--color--primary)}

/* === LOGO STRIP === */
.f360-logo-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3rem 4rem;filter:grayscale(1);opacity:.5;transition:opacity .3s,filter .3s}
.f360-logo-strip:hover{opacity:.75;filter:grayscale(.5)}
.f360-logo-strip img{height:28px;width:auto;object-fit:contain}

/* === STAT BLOCKS === */
.f360-stat__number{font-size:3rem;font-weight:800;letter-spacing:-.04em;color:var(--wp--preset--color--on-surface);line-height:1;margin-bottom:.5rem}
.f360-stat__label{font-size:.875rem;color:var(--wp--preset--color--on-surface-variant);line-height:1.4}
.f360-stat--light .f360-stat__number{color:var(--wp--preset--color--on-primary)}
.f360-stat--light .f360-stat__label{color:rgba(247,247,255,.65)}

/* === CHIPS === */
.f360-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border-radius:999px;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.f360-chip--primary{background:var(--wp--preset--color--primary-container);color:var(--wp--preset--color--primary-dim)}
.f360-chip--secondary{background:var(--wp--preset--color--secondary-container);color:var(--wp--preset--color--secondary)}
.f360-chip--tertiary{background:var(--wp--preset--color--tertiary-container);color:var(--wp--preset--color--tertiary)}
.f360-chip--neutral{background:var(--wp--preset--color--surface-high);color:var(--wp--preset--color--on-surface-variant)}

/* === BREADCRUMBS === */
.f360-breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;color:var(--wp--preset--color--on-surface-variant);flex-wrap:wrap;margin-bottom:2rem}
.f360-breadcrumb a{color:var(--wp--preset--color--outline);text-decoration:none}
.f360-breadcrumb a:hover{color:var(--wp--preset--color--primary)}
.f360-breadcrumb__sep{color:var(--wp--preset--color--outline-variant)}
.f360-breadcrumb__current{color:var(--wp--preset--color--on-surface);font-weight:500}

/* === FAQ === */
.f360-faq__item{border-bottom:1px solid rgba(169,180,185,.25);padding:1.25rem 0}
.f360-faq__question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1rem;font-weight:600;color:var(--wp--preset--color--on-surface);gap:1rem;list-style:none;padding:0;margin:0}
.f360-faq__question::after{content:'+';font-size:1.25rem;font-weight:300;color:var(--wp--preset--color--outline);flex-shrink:0;transition:transform .2s}
.f360-faq__item[open] .f360-faq__question::after{transform:rotate(45deg)}
.f360-faq__answer{padding-top:.75rem;font-size:.9375rem;color:var(--wp--preset--color--on-surface-variant);line-height:1.7;margin:0}

/* === CTA BAND === */
.f360-cta-band{background:linear-gradient(135deg,#565e74 0%,#4a5268 100%);padding:5rem 2rem;text-align:center;position:relative;overflow:hidden}
.f360-cta-band::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(255,255,255,.06),transparent 60%);pointer-events:none}
.f360-cta-band__inner{position:relative;z-index:1;max-width:600px;margin:0 auto}
.f360-cta-band__headline{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.025em;color:var(--wp--preset--color--on-primary);margin-bottom:1rem;line-height:1.15}
.f360-cta-band__sub{font-size:1.0625rem;color:rgba(247,247,255,.72);margin-bottom:2.5rem;line-height:1.6}

/* === SINGLE PAGE LAYOUTS === */
.f360-single-hero{padding:5rem 0 4rem;background:var(--wp--preset--color--surface);border-bottom:1px solid rgba(169,180,185,.15)}
.f360-single-hero__meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}
.f360-single-hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.25rem}
.f360-single-hero__sub{font-size:1.125rem;color:var(--wp--preset--color--on-surface-variant);max-width:60ch;line-height:1.65}
.f360-single-layout{display:grid;grid-template-columns:1fr 280px;gap:4rem;align-items:start}
.f360-single-sidebar{position:sticky;top:88px}
.f360-single-sidebar__card{background:var(--wp--preset--color--surface-low);border-radius:2px;padding:1.5rem;margin-bottom:1.5rem}
.f360-single-sidebar__label{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--wp--preset--color--outline);margin-bottom:.75rem}
@media(max-width:900px){.f360-single-layout{grid-template-columns:1fr}.f360-single-sidebar{position:static}}

/* === SECTION HEADERS === */
.f360-section-header{margin-bottom:3.5rem}
.f360-section-header--center{text-align:center}
.f360-section-header h2{margin-top:.25rem;margin-bottom:0}
.f360-section-header p{margin-top:.75rem;font-size:1.0625rem;color:var(--wp--preset--color--on-surface-variant);max-width:58ch}
.f360-section-header--center p{margin-left:auto;margin-right:auto}

/* === ARCHIVE GRIDS === */
.f360-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}

/* === POST CARDS === */
.f360-post-card{background:var(--wp--preset--color--surface-lowest);border-radius:2px;overflow:hidden;border:1px solid rgba(169,180,185,.18);display:flex;flex-direction:column;text-decoration:none!important;color:var(--wp--preset--color--on-surface);transition:box-shadow .2s,transform .2s}
.f360-post-card:hover{box-shadow:0 8px 28px rgba(42,52,57,.1);transform:translateY(-2px)}
.f360-post-card__thumb{aspect-ratio:16/9;object-fit:cover;width:100%}
.f360-post-card__thumb-placeholder{aspect-ratio:16/9;background:var(--wp--preset--color--surface-high);display:flex;align-items:center;justify-content:center;color:var(--wp--preset--color--outline-variant);font-size:2rem}
.f360-post-card__body{padding:1.5rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.f360-post-card__cat{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--wp--preset--color--primary)}
.f360-post-card__title{font-size:1rem;font-weight:700;color:var(--wp--preset--color--on-surface);line-height:1.35}
.f360-post-card__excerpt{font-size:.875rem;color:var(--wp--preset--color--on-surface-variant);line-height:1.6;flex:1}
.f360-post-card__footer{padding:1rem 1.5rem;border-top:1px solid rgba(169,180,185,.15);font-size:.75rem;color:var(--wp--preset--color--outline);display:flex;justify-content:space-between}

/* === PRICING CARDS === */
.f360-pricing-card{background:var(--wp--preset--color--surface-lowest);border:1px solid rgba(169,180,185,.25);border-radius:2px;padding:2.5rem 2rem;display:flex;flex-direction:column;gap:1.5rem}
.f360-pricing-card--featured{background:linear-gradient(160deg,#565e74 0%,#4a5268 100%);color:var(--wp--preset--color--on-primary);border-color:transparent;box-shadow:0 16px 48px rgba(74,82,104,.35)}
.f360-pricing-card__tier{font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.f360-pricing-card__price{font-size:3rem;font-weight:800;letter-spacing:-.04em;line-height:1}
.f360-pricing-card__price sup{font-size:1.25rem;vertical-align:super;font-weight:600}
.f360-pricing-card__desc{font-size:.875rem;line-height:1.6;opacity:.75}
.f360-pricing-card__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}
.f360-pricing-card__features li{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem}
.f360-pricing-card__features li::before{content:'✓';font-weight:700;color:var(--wp--preset--color--primary);flex-shrink:0}
.f360-pricing-card--featured .f360-pricing-card__features li::before{color:rgba(247,247,255,.75)}

/* === WORKFLOW VIZ === */
.f360-workflow{background:var(--wp--preset--color--surface-highest);border-radius:4px;padding:2rem;overflow:hidden}
.f360-workflow__track{display:flex;align-items:center}
.f360-workflow__node{background:var(--wp--preset--color--surface-lowest);border:1px solid rgba(169,180,185,.25);border-radius:4px;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;color:var(--wp--preset--color--on-surface);text-align:center;min-width:120px;position:relative;z-index:1;box-shadow:0 2px 8px rgba(42,52,57,.06)}
.f360-workflow__node--active{border-color:var(--wp--preset--color--primary);box-shadow:0 0 0 3px rgba(86,94,116,.12)}
.f360-workflow__connector{flex:1;height:1px;background:rgba(169,180,185,.4)}

/* === DIVIDER === */
.f360-divider{border:none;border-top:1px solid rgba(169,180,185,.2);margin:0}

/* === GRIDS === */
.f360-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}
.f360-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.f360-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
@media(max-width:1024px){.f360-grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.f360-grid-2,.f360-grid-3,.f360-grid-4{grid-template-columns:1fr}}

/* === ACCESSIBILITY === */
.f360-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* === ANIMATIONS === */
@media(prefers-reduced-motion:no-preference){
  .f360-fade-in{opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .45s ease}
  .f360-fade-in.is-visible{opacity:1;transform:none}
}

/* === PRINT === */
@media print{.f360-nav,.f360-footer,.f360-cta-band{display:none}body{padding-top:0}}

/* Single Integration Page Polish */
body.single-integration .f360-single-hero {
  padding: 3.5rem 0 3rem;
  border-bottom: 1px solid rgba(169, 180, 185, 0.14);
}

body.single-integration .f360-single-hero__meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

body.single-integration .f360-single-hero h1 {
  margin: 0 0 1rem;
  max-width: 12ch;
  font-size: clamp(2.4rem, 4.8vw, 4.2rem);
  line-height: 0.96;
  letter-spacing: -0.035em;
}

body.single-integration .f360-single-hero__sub {
  max-width: 58ch;
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.7;
  color: var(--wp--preset--color--on-surface-variant);
}

body.single-integration .f360-single-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 3rem;
  align-items: start;
}

body.single-integration .f360-single-layout article {
  max-width: 760px;
}

body.single-integration .f360-single-layout article > *:first-child {
  margin-top: 0;
}

body.single-integration .f360-single-layout article h2 {
  margin: 0 0 0.75rem;
  font-size: clamp(2rem, 3vw, 2.9rem);
  line-height: 1.02;
  letter-spacing: -0.03em;
}

body.single-integration .f360-single-layout article h3 {
  margin: 1.5rem 0 0.5rem;
  font-size: 1.6rem;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

body.single-integration .f360-single-layout article p,
body.single-integration .f360-single-layout article li {
  font-size: 1rem;
  line-height: 1.75;
  color: var(--wp--preset--color--on-surface-variant);
}

body.single-integration .f360-single-layout article ul {
  margin: 0.5rem 0 1.5rem 1.25rem;
  padding: 0;
}

body.single-integration .f360-single-layout article a {
  font-weight: 600;
  text-decoration: none;
  color: var(--wp--preset--color--brand-primary);
}

body.single-integration .f360-single-layout article a:hover {
  text-decoration: underline;
}

body.single-integration .f360-single-sidebar {
  position: sticky;
  top: 110px;
  display: grid;
  gap: 1rem;
}

body.single-integration .f360-single-sidebar__card {
  padding: 1.25rem;
  border: 1px solid rgba(169, 180, 185, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.42);
  backdrop-filter: blur(4px);
  box-shadow: 0 8px 24px rgba(42, 52, 57, 0.04);
}

body.single-integration .f360-single-sidebar__label {
  margin-bottom: 0.75rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--wp--preset--color--on-surface-variant);
}

body.single-integration .f360-single-sidebar__card p {
  line-height: 1.6;
}

body.single-integration .f360-single-sidebar__card strong {
  color: var(--wp--preset--color--on-surface);
}

body.single-integration .f360-single-sidebar__card .f360-chip {
  font-size: 0.7rem;
}

body.single-integration .f360-single-sidebar__card[style*="linear-gradient"] {
  color: #f6f8fc !important;
  border: 0;
  box-shadow: 0 18px 40px rgba(58, 66, 89, 0.18);
}

body.single-integration .f360-single-sidebar__card[style*="linear-gradient"] p,
body.single-integration .f360-single-sidebar__card[style*="linear-gradient"] div,
body.single-integration .f360-single-sidebar__card[style*="linear-gradient"] a {
  color: #f6f8fc !important;
}

body.single-integration .f360-single-sidebar__card[style*="linear-gradient"] a {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
}

body.single-integration .f360-section-header {
  margin-bottom: 1.5rem;
}

body.single-integration .f360-section-header h2 {
  margin: 0.35rem 0 0;
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1;
  letter-spacing: -0.03em;
}

body.single-integration .f360-bg-low {
  padding: 4rem 0 5rem;
}

body.single-integration .f360-connector-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}

body.single-integration .f360-connector-card {
  min-height: 220px;
}

@media (max-width: 1024px) {
  body.single-integration .f360-single-layout {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  body.single-integration .f360-single-sidebar {
    position: static;
  }

  body.single-integration .f360-connector-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body.single-integration .f360-single-hero {
    padding: 2.5rem 0 2.25rem;
  }

  body.single-integration .f360-single-hero h1 {
    max-width: none;
  }

  body.single-integration .f360-connector-grid {
    grid-template-columns: 1fr;
  }
}

/* Make the final in-article CTA feel deliberate */
body.single-integration .f360-single-layout article > p:last-of-type {
  margin-top: 2rem;
  padding: 1.25rem 1.5rem;
  border: 1px solid rgba(169, 180, 185, 0.18);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 10px 28px rgba(42, 52, 57, 0.05);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

body.single-integration .f360-single-layout article > p:last-of-type::before {
  content: "Need help deploying this integration?";
  display: block;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--wp--preset--color--on-surface);
}

body.single-integration .f360-single-layout article > p:last-of-type a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  padding: 0.8rem 1.15rem;
  border-radius: 6px;
  background: #565e74;
  color: #fff !important;
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: none !important;
  white-space: nowrap;
  transition: transform 0.18s ease, opacity 0.18s ease, box-shadow 0.18s ease;
  box-shadow: 0 8px 18px rgba(86, 94, 116, 0.22);
}

body.single-integration .f360-single-layout article > p:last-of-type a:hover {
  transform: translateY(-1px);
  opacity: 0.96;
  text-decoration: none !important;
}

/* Tone down oversized article headings a touch */
body.single-integration .f360-single-layout article h2 {
  font-size: clamp(1.8rem, 2.6vw, 2.5rem);
  line-height: 1.05;
  margin: 0 0 0.85rem;
}

body.single-integration .f360-single-layout article h3 {
  font-size: 1.35rem;
  line-height: 1.2;
  margin: 1.25rem 0 0.45rem;
}

body.single-integration .f360-single-layout article ul {
  margin: 0.65rem 0 1.75rem 1.1rem;
}

body.single-integration .f360-single-layout article li {
  padding-left: 0.1rem;
}

@media (max-width: 640px) {
  body.single-integration .f360-single-layout article > p:last-of-type {
    display: block;
  }

  body.single-integration .f360-single-layout article > p:last-of-type::before {
    margin-bottom: 0.85rem;
  }

  body.single-integration .f360-single-layout article > p:last-of-type a {
    width: 100%;
  }
}

/* Force H1 to use site font everywhere */


.platform-page-hero h1,
.platform-page-hero__content h1,
.case-study-archive-hero h1,
.case-study-single-hero h1,
.resource-archive-hero h1,
.resource-single-hero h1,
.pricing-page-hero h1,
.f360-container h1,
.f360-thankyou-hero h1,
.f360-legal-hero h1,
.career-archive-hero h1,
.blog-single-title,
.blog-index-hero h1,
.f360-demo-left h1 {
  font-family: "Inter", sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(2.4rem, 4.8vw, 4.6rem) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.045em !important;
  max-width: 37ch !important;
}

.platform-page-hero h1,
.platform-page-hero__content h1,
.f360-container h1,
.f360-thankyou-hero h1,
.f360-legal-hero h1,
.career-archive-hero h1,
.blog-single-title,
.blog-index-hero h1,
.f360-demo-left h1 {
  font-family: "Inter", sans-serif !important;
  font-weight: 100 !important;
  font-size: clamp(2.25rem, 4vw, 3.25rem) !important;

}

.flows360-pricing {
  padding: 48px 0;
}

.flows360-pricing__intro {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 32px;
}

.flows360-pricing__intro h2 {
  margin: 0 0 10px;
}

.flows360-pricing__intro p {
  margin: 0;
  color: #5f6368;
}

.flows360-pricing__grid {
  display: grid;
  grid-template-columns: 2fr 1.1fr;
  gap: 24px;
  align-items: stretch;
}

.flows360-pricing__self-serve {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.pricing-card {
  position: relative;
  background: #fff;
  border: 1px solid #e7e9ee;
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.06);
  height: 100%;
}

.pricing-card--custom {
  background: #1f2430;
  color: #fff;
  border-color: #1f2430;
  padding: 36px 32px;
}

.pricing-card__badge {
  position: absolute;
  top: -12px;
  left: 24px;
  background: #d60000;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
}

.pricing-card__title {
  margin: 0 0 12px;
  font-size: 28px;
  line-height: 1.1;
}

.pricing-card__price {
  margin: 0 0 16px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
}

.pricing-card__price span {
  font-size: 15px;
  font-weight: 500;
  color: #6b7280;
  margin-left: 6px;
}

.pricing-card--custom .pricing-card__price,
.pricing-card--custom .pricing-card__summary,
.pricing-card--custom .pricing-card__setup,
.pricing-card--custom .pricing-card__features li,
.pricing-card--custom .pricing-card__title {
  color: #fff;
}

.pricing-card__summary {
  margin: 0 0 18px;
  color: #4b5563;
  min-height: 48px;
}

.pricing-card__features {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

.pricing-card__features li {
  position: relative;
  padding-left: 22px;
  margin: 0 0 10px;
  color: #374151;
}

.pricing-card__features li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #d60000;
  font-weight: 700;
}

.pricing-card__setup {
  margin: 0 0 22px;
  padding-top: 16px;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  font-size: 14px;
  color: #4b5563;
}

.pricing-card--custom .pricing-card__setup {
  border-top-color: rgba(255, 255, 255, 0.18);
}

.pricing-card__actions {
  margin-top: auto;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.flows360-pricing__note {
  text-align: center;
  max-width: 860px;
  margin: 22px auto 0;
  color: #5f6368;
  font-size: 14px;
}

@media (max-width: 1024px) {
  .flows360-pricing__grid {
    grid-template-columns: 1fr;
  }

  .flows360-pricing__self-serve {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 767px) {
  .flows360-pricing__self-serve {
    grid-template-columns: 1fr;
  }
}


.flows360-pricing-matrix {
  margin-top: 56px;
}

.flows360-pricing-matrix h3 {
  text-align: center;
  margin-bottom: 24px;
}

.pricing-matrix {
  border: 1px solid #e7e9ee;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
}

.pricing-matrix__row {
  display: grid;
  grid-template-columns: 1.4fr repeat(3, 1fr);
}

.pricing-matrix__row--head {
  background: #f8f9fb;
  font-weight: 700;
}

.pricing-matrix__cell {
  padding: 16px 18px;
  border-bottom: 1px solid #eceef3;
  border-right: 1px solid #eceef3;
}

.pricing-matrix__row:last-child .pricing-matrix__cell {
  border-bottom: 0;
}

.pricing-matrix__cell:last-child {
  border-right: 0;
}

.pricing-matrix__cell--label {
  font-weight: 600;
  background: #fcfcfd;
}

@media (max-width: 767px) {
  .pricing-matrix__row {
    grid-template-columns: 1fr;
  }

  .pricing-matrix__row--head {
    display: none;
  }

  .pricing-matrix__cell {
    border-right: 0;
  }

  .pricing-matrix__cell--label {
    background: #f8f9fb;
  }
}


.career-application-section{
	padding:0 0 4rem;
}

.career-application-card{
	max-width:860px;
	padding:2rem;
	border:1px solid rgba(169,180,185,.16);
	border-radius:12px;
	background:rgba(255,255,255,.72);
	box-shadow:0 10px 28px rgba(42,52,57,.05);
}

.career-application-card h2{
	margin:0 0 .75rem;
	font-size:clamp(1.8rem,2.6vw,2.4rem);
	font-weight:800;
}

.career-form-field{
	display:grid;
	gap:.35rem;
	margin-bottom:.8rem;
}

.career-form-field input,
.career-form-field textarea{
	width:100%;
	padding:.8rem;
	border-radius:8px;
	border:1px solid rgba(169,180,185,.24);
}

.f360-field-help{
	margin-top:.35rem;
	font-size:.8rem;
	line-height:1.5;
	color: var(--wp--preset--color--on-surface-variant);
}

.f360-field-error{
	margin-top:.35rem;
	font-size:.82rem;
	line-height:1.5;
	color:#b42318;
	font-weight:600;
	display:none;
}

.f360-demo-form-placeholder input.is-invalid,
.f360-demo-form-placeholder select.is-invalid,
.f360-demo-form-placeholder textarea.is-invalid{
	border-color:#b42318;
	background:#fff8f7;
}

.wp-block-site-logo img {
    margin-left: -30px;
}

.f360-legal-page{
	padding:4rem 0;
	background:#f8fafb;
}

.f360-legal-page .f360-container{
	max-width:820px;
}

.f360-legal-page h1{
	font-size:2.4rem;
	margin-bottom:1rem;
}

.f360-legal-page h2{
	margin-top:2rem;
	font-size:1.4rem;
}

.f360-legal-page p,
.f360-legal-page li{
	font-size:0.95rem;
	line-height:1.7;
	color:#4a5568;
}

.f360-legal-updated{
	font-size:0.85rem;
	color:#7a8691;
	margin-bottom:2rem;
}