/*
Theme Name:   Flows360 Redesign
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.7.72
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:72px;font-family:var(--wp--preset--font-family--inter);font-size:1rem;line-height:1.7;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 === */
body h1{width:100%;max-width:none!important;font-family:var(--wp--preset--font-family--inter)!important;font-weight:300!important}
body h2{font-family:var(--wp--preset--font-family--inter)!important;font-weight:300!important}
body h3{font-family:var(--wp--preset--font-family--inter)!important;font-weight:400!important}
body h4,body h5{font-family:var(--wp--preset--font-family--inter)!important;font-weight:500!important}
body .f360-card h3,body .f360-card h4,
body .card h3,body .card h4,
body [class*="-card"] h3,body [class*="-card"] h4,
body .wp-block-post-title,body .f360-post-card__title,
body .f360-connector-card__name,body .integration-card__name,
body .f360-mega__item-title{font-weight:500!important}
body button,body input[type="button"],body input[type="submit"],body input[type="reset"]{font-weight:600!important}
.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{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}
.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:var(--wp--preset--color--primary);color:var(--wp--preset--color--on-primary)!important;border-radius:7px;padding:.8rem 1.5rem;font-weight:600;font-size:.9rem;letter-spacing:0}
.wp-block-button.is-style-primary .wp-block-button__link:hover{background:var(--wp--preset--color--primary-dim);filter:none;transform:translateY(-1px);box-shadow:0 6px 18px rgba(22,119,210,.22)}

.wp-block-button.is-style-ghost .wp-block-button__link{background:#fff;color:var(--wp--preset--color--on-surface)!important;border:1px solid var(--wp--preset--color--outline-variant);border-radius:7px;padding:.8rem 1.5rem;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:clamp(4rem,7vw,6.5rem);padding-bottom:clamp(4rem,7vw,6.5rem)}
.f360-section--lg{padding-top:clamp(5rem,8vw,6.5rem);padding-bottom:clamp(5rem,8vw,6.5rem)}
.f360-section--sm{padding-top:4rem;padding-bottom:4rem}
.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,#071b31 0%,#1677d2 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(255,255,255,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--wp--preset--color--outline-variant);transition:box-shadow .2s,background .2s}
.f360-nav.is-scrolled{background:rgba(255,255,255,.99);box-shadow:0 4px 16px rgba(7,27,49,.06)}
.f360-nav__inner{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem;height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.f360-nav__logo{display:flex;align-items:center;flex:0 0 134px;font-size:1.15rem;font-weight:800;letter-spacing:-.04em;color:var(--wp--preset--color--on-surface);text-decoration:none!important}
.f360-nav__logo img{width:132px!important;max-height:40px;object-fit:contain}
.f360-nav__primary{min-width:0}
.f360-nav__links{display:flex;align-items:center;gap:.15rem;list-style:none;margin:0;padding:0}
.f360-nav__item{position:relative}
.f360-nav__item--has-menu{position:static}
.f360-nav__parent{display:flex;align-items:center}
.f360-nav__item>a,.f360-nav__parent>a{position:relative;display:block;padding:.5rem .58rem;font-size:.875rem;font-weight:500;color:var(--wp--preset--color--on-surface);text-decoration:none;border-radius:7px;transition:color .15s,background .15s;white-space:nowrap}
.f360-nav__item--pricing>a{font-weight:600!important}
.f360-nav__item>a:hover,.f360-nav__parent>a:hover,.f360-nav__item.current-menu-item>a,.f360-nav__item.current-menu-item .f360-nav__parent>a{color:var(--wp--preset--color--on-surface);background:var(--wp--preset--color--surface-container)}
.f360-nav__submenu-toggle{display:inline-grid;place-items:center;width:24px;height:34px;margin-left:-.22rem;padding:0;border:0;border-radius:7px;background:transparent;color:var(--wp--preset--color--on-surface-variant);cursor:pointer;font:inherit}
.f360-nav__submenu-toggle:hover,.f360-nav__submenu-toggle:focus-visible{background:var(--wp--preset--color--surface-container);color:var(--wp--preset--color--on-surface);outline:0}
.f360-nav__submenu-toggle::before{width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;content:"";opacity:.62;transform:rotate(45deg) translate(-1px,-1px);transition:opacity .15s ease,transform .15s ease}
.f360-nav__item.is-submenu-open .f360-nav__submenu-toggle::before{opacity:.9;transform:rotate(225deg) translate(-1px,-1px)}
.f360-nav__submenu-trigger{position:relative;display:flex;width:auto;height:auto;min-height:42px;margin:0;padding:.5rem .58rem;align-items:center;justify-content:center;gap:.35rem;border-radius:7px;color:var(--wp--preset--color--on-surface);cursor:default!important;font-size:.875rem;font-weight:500;line-height:1.25;white-space:nowrap}
.f360-nav__submenu-trigger::before{order:2;margin-left:.08rem}
.f360-nav__submenu-trigger>span{order:1}
.f360-nav__submenu-trigger::after{position:absolute;right:.58rem;bottom:1px;left:.58rem;height:2px;border-radius:2px;background:var(--wp--preset--color--primary);content:"";opacity:0;transform:scaleX(.4);transition:opacity .15s ease,transform .15s ease}
.f360-nav__item>a::after,.f360-nav__parent>a::after{position:absolute;right:.58rem;bottom:1px;left:.58rem;height:2px;border-radius:2px;background:var(--wp--preset--color--primary);content:"";opacity:0;transform:scaleX(.4);transition:opacity .15s ease,transform .15s ease}
body.f360-nav-parent-platform .f360-nav__item--platform>.f360-nav__parent>a::after,
body.f360-nav-parent-solutions .f360-nav__item--solutions>.f360-nav__parent>a::after,
body.f360-nav-parent-resources .f360-nav__item--resources>.f360-nav__parent>a::after,
body.f360-nav-parent-pricing .f360-nav__item--pricing>a::after,
body.f360-nav-parent-agencies .f360-nav__item--agencies>.f360-nav__parent>a::after,
body.f360-nav-parent-company .f360-nav__item--company>.f360-nav__parent>a::after{opacity:1;transform:scaleX(1)}
body.f360-nav-parent-platform .f360-nav__item--platform>.f360-nav__parent>.f360-nav__submenu-trigger::after,
body.f360-nav-parent-solutions .f360-nav__item--solutions>.f360-nav__parent>.f360-nav__submenu-trigger::after,
body.f360-nav-parent-resources .f360-nav__item--resources>.f360-nav__parent>.f360-nav__submenu-trigger::after,
body.f360-nav-parent-agencies .f360-nav__item--agencies>.f360-nav__parent>.f360-nav__submenu-trigger::after,
body.f360-nav-parent-company .f360-nav__item--company>.f360-nav__parent>.f360-nav__submenu-trigger::after{opacity:1;transform:scaleX(1)}
body.f360-nav-parent-platform .f360-nav__item--platform>.f360-nav__parent>a,
body.f360-nav-parent-solutions .f360-nav__item--solutions>.f360-nav__parent>a,
body.f360-nav-parent-resources .f360-nav__item--resources>.f360-nav__parent>a,
body.f360-nav-parent-pricing .f360-nav__item--pricing>a,
body.f360-nav-parent-agencies .f360-nav__item--agencies>.f360-nav__parent>a,
body.f360-nav-parent-company .f360-nav__item--company>.f360-nav__parent>a{color:var(--wp--preset--color--primary)}
body.f360-nav-parent-platform .f360-nav__item--platform>.f360-nav__parent>.f360-nav__submenu-trigger,
body.f360-nav-parent-solutions .f360-nav__item--solutions>.f360-nav__parent>.f360-nav__submenu-trigger,
body.f360-nav-parent-resources .f360-nav__item--resources>.f360-nav__parent>.f360-nav__submenu-trigger,
body.f360-nav-parent-agencies .f360-nav__item--agencies>.f360-nav__parent>.f360-nav__submenu-trigger,
body.f360-nav-parent-company .f360-nav__item--company>.f360-nav__parent>.f360-nav__submenu-trigger{color:var(--wp--preset--color--primary)}
.f360-nav__ctas{display:flex;align-items:center;flex:0 0 auto;gap:.5rem}
.f360-nav__cta-primary,.f360-nav__cta-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.6rem 1rem;font-size:.875rem;font-weight:600;border-radius:7px;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;text-decoration:none!important;white-space:nowrap;font-family:inherit;flex-shrink:0}
.f360-nav__cta-primary{color:var(--wp--preset--color--on-primary);background:var(--wp--preset--color--primary);border:1px solid var(--wp--preset--color--primary)}
.f360-nav__cta-primary:hover{background:var(--wp--preset--color--primary-dim);box-shadow:0 5px 14px rgba(22,119,210,.2)}
.f360-nav__cta-secondary{color:var(--wp--preset--color--on-surface);background:#fff;border:1px solid var(--wp--preset--color--outline-variant)}
.f360-nav__cta-secondary:hover{color:var(--wp--preset--color--primary);border-color:rgba(22,119,210,.42);background:var(--wp--preset--color--surface-low)}
@media(min-width:1081px){
  .f360-nav__primary{display:flex;flex:1 1 auto;justify-content:center}
  .f360-nav__links{display:grid;width:100%;max-width:600px;grid-template-columns:repeat(6,minmax(92px,1fr));gap:0}
  .f360-nav__item{display:flex;justify-content:center;min-width:0}
  .f360-nav__parent{justify-content:center}
  .f360-nav__item>a{text-align:center}
}
/* Mega menu */
.f360-nav__item--has-menu.is-submenu-open>.f360-mega{display:block}
.f360-mega{display:none;position:absolute;top:calc(100% + 8px);left:1.5rem;right:1.5rem;width:auto;max-width:none;transform:none;background:var(--wp--preset--color--surface-lowest);border:1px solid var(--wp--preset--color--outline-variant);border-radius:14px;box-shadow:0 18px 44px rgba(7,27,49,.12);padding:1.15rem 1.2rem 1rem;z-index:200}
.f360-mega::before{content:"";position:absolute;left:0;right:0;top:-28px;height:28px}
.f360-mega--platform,.f360-mega--solutions,.f360-mega--resources,.f360-mega--agencies,.f360-mega--company,.f360-mega--align-end{left:1.5rem;right:1.5rem;width:auto;transform:none}
.f360-mega__columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;align-items:start}
.f360-mega__columns--balanced{grid-template-columns:repeat(2,minmax(0,1fr))}
.f360-mega--agencies .f360-mega__columns{grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}
.f360-mega__solutions-layout,.f360-mega__resources-layout{display:grid;grid-template-columns:minmax(350px,1.35fr) minmax(300px,1.12fr) minmax(250px,1.05fr);gap:1.1rem;align-items:stretch}
.f360-mega__company-layout{display:grid;grid-template-columns:minmax(175px,.72fr) minmax(390px,1.58fr) minmax(290px,1.2fr);gap:1.1rem;align-items:stretch}
.f360-mega--solutions .f360-mega__section+.f360-mega__section,.f360-mega--resources .f360-mega__section+.f360-mega__section{padding-left:0;border-left:0}
.f360-mega--company .f360-mega__section+.f360-mega__section,.f360-mega--agencies .f360-mega__section+.f360-mega__section{padding-left:0;border-left:0}
.f360-mega__section{min-width:0}
.f360-mega__section+.f360-mega__section{padding-left:1.1rem;border-left:1px solid var(--wp--preset--color--outline-variant)}
.f360-mega__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem .35rem}
.f360-mega__label{display:block;margin:0 0 .7rem;padding:0 .2rem;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wp--preset--color--primary)}
.f360-mega__item{display:grid;grid-template-columns:24px minmax(0,1fr);gap:.72rem;align-items:start;padding:.72rem .65rem;border-radius:8px;text-decoration:none!important;transition:background .12s,color .12s;white-space:normal!important}
.f360-mega__item:hover,.f360-mega__item:focus-visible{background:var(--wp--preset--color--surface-low)}
.f360-mega__icon{display:block;width:24px;height:24px;margin-top:2px;border:0;border-radius:0;background-color:transparent;background-image:url("assets/images/mega-menu-icons.svg");background-repeat:no-repeat;background-size:144px 144px;color:var(--wp--preset--color--primary);flex:0 0 24px}
.f360-mega__icon::before,.f360-mega__icon::after{display:none!important;content:none!important}
.f360-mega__icon--overview{background-position:0 0}
.f360-mega__icon--workflow{background-position:-24px 0}
.f360-mega__icon--monitoring{background-position:-48px 0}
.f360-mega__icon--engine{background-position:-72px 0}
.f360-mega__icon--ai{background-position:-96px 0}
.f360-mega__icon--security{background-position:-120px 0}
.f360-mega__icon--integrations{background-position:0 -24px}
.f360-mega__icon--library{background-position:-24px -24px}
.f360-mega__icon--docs{background-position:-48px -24px}
.f360-mega__icon--revenue{background-position:-72px -24px}
.f360-mega__icon--finance{background-position:-96px -24px}
.f360-mega__icon--success{background-position:-120px -24px}
.f360-mega__icon--sales{background-position:0 -48px}
.f360-mega__icon--marketing{background-position:-24px -48px}
.f360-mega__icon--product-marketing{background-position:-48px -48px}
.f360-mega__icon--saas{background-position:-72px -48px}
.f360-mega__icon--healthcare{background-position:-96px -48px}
.f360-mega__icon--services{background-position:-120px -48px}
.f360-mega__icon--ecommerce{background-position:0 -72px}
.f360-mega__icon--education{background-position:-24px -72px}
.f360-mega__icon--blog{background-position:-48px -72px}
.f360-mega__icon--cases{background-position:-72px -72px}
.f360-mega__icon--compare{background-position:-96px -72px}
.f360-mega__icon--guides{background-position:-120px -72px}
.f360-mega__icon--connector-docs{background-position:0 -96px}
.f360-mega__icon--about{background-position:-24px -96px}
.f360-mega__icon--careers{background-position:-48px -96px}
.f360-mega__icon--start{background-position:-72px -96px}
.f360-mega__icon--contact{background-position:-96px -96px}
.f360-mega__icon--technology{background-position:-120px -96px}
.f360-mega__icon--agency{background-position:0 -120px}
.f360-mega__icon--partners{background-position:-24px -120px}
.f360-mega__icon--support{background-position:-48px -120px}
.f360-mega__icon--hubspot{background-position:-72px -120px}
.f360-mega__icon--salesforce{background-position:-96px -120px}
.f360-mega__icon--resources{background-position:-120px -120px}
.f360-mega__copy{min-width:0}
.f360-mega__item-title{display:block;margin:0 0 .14rem;font-size:.9rem;font-weight:600;color:var(--wp--preset--color--on-surface);line-height:1.25}
.f360-mega__item-desc{display:block;font-size:.76rem;color:var(--wp--preset--color--on-surface-variant);line-height:1.4}
.f360-mega__utility{display:flex;align-items:center;gap:.95rem;margin-top:1rem;padding:.78rem .85rem 0;border-top:1px solid var(--wp--preset--color--outline-variant);font-size:.78rem;color:var(--wp--preset--color--on-surface-variant)}
.f360-mega__utility span{margin-right:auto;font-weight:600;color:var(--wp--preset--color--on-surface)}
.f360-mega__utility a{font-weight:600;color:var(--wp--preset--color--primary);text-decoration:none!important;white-space:nowrap}
.f360-mega__utility a:hover{text-decoration:underline!important;text-underline-offset:3px}
.f360-mega__feature{min-width:0;padding:1rem;border-radius:12px;background:#f3f7fd}
.f360-mega__feature .f360-mega__label{padding:0}
.f360-mega__feature-card{display:grid;grid-template-columns:24px minmax(0,1fr);gap:.72rem;padding:.75rem .2rem;text-decoration:none!important}
.f360-mega__feature-card+.f360-mega__feature-card{border-top:1px solid rgba(7,27,49,.08)}
.f360-mega__feature-card:hover .f360-mega__item-title,.f360-mega__feature-card:focus-visible .f360-mega__item-title{color:var(--wp--preset--color--primary)}
.f360-mega__feature-link{display:inline-flex;align-items:center;gap:.35rem;margin:.5rem .2rem 0;font-size:.78rem;font-weight:600;color:var(--wp--preset--color--primary);text-decoration:none!important}
.f360-mega__feature-link:hover{text-decoration:underline!important;text-underline-offset:3px}
.f360-mega__utility--company,.f360-mega__utility--agencies{padding-right:.25rem}
.f360-mega__utility-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:.4rem .72rem;border:1px solid var(--wp--preset--color--outline-variant);border-radius:7px;background:#fff;color:var(--wp--preset--color--on-surface)!important}
.f360-mega__utility-button:hover{border-color:rgba(22,119,210,.38);color:var(--wp--preset--color--primary)!important;text-decoration:none!important}
/* Hamburger */
.f360-nav__hamburger{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:0;border-radius:7px;cursor:pointer;padding:.5rem;color:var(--wp--preset--color--on-surface)}
@media(max-width:1080px){
  .f360-nav__links,.f360-nav__ctas{display:none}
  .f360-nav__hamburger{display:inline-flex}
  .f360-nav.is-open{backdrop-filter:none;-webkit-backdrop-filter:none}
  body{padding-top:64px}
  .f360-nav__inner{height:64px;padding-inline:1rem}
  .f360-nav__logo{flex-basis:134px}
  .f360-nav__logo img{width:132px!important;max-height:40px}
  .f360-nav.is-open .f360-nav__links{display:flex;flex-direction:column;align-items:stretch;gap:.15rem;position:fixed;top:64px;right:0;bottom:0;left:0;overflow-y:auto;overscroll-behavior:contain;background:var(--wp--preset--color--surface-lowest);padding:1rem 1rem 7.2rem;border-bottom:1px solid var(--wp--preset--color--surface-high);box-shadow:0 8px 24px rgba(42,52,57,.1)}
  .f360-nav__item{width:100%}
  .f360-nav__item--has-menu{position:relative}
  .f360-nav__item--platform{position:relative}
  .f360-nav__parent{width:100%}
  .f360-nav__item>a,.f360-nav__parent>a{display:flex;align-items:center;min-height:48px;padding:.65rem .75rem;font-size:1rem;white-space:normal}
  .f360-nav__parent>a{flex:1}
  .f360-nav__submenu-toggle{flex:0 0 48px;width:48px;height:48px;margin:0}
  .f360-nav__submenu-trigger{flex:1 1 auto;width:100%;height:48px;padding:.65rem .75rem;justify-content:space-between;font-size:1rem}
  .f360-nav__item--has-menu.is-submenu-open>.f360-mega{display:block}
  .f360-mega,.f360-mega--platform,.f360-mega--solutions,.f360-mega--resources,.f360-mega--agencies,.f360-mega--company,.f360-mega--align-end{position:static;width:auto;max-width:none;margin:.1rem 0 .65rem;padding:.75rem;transform:none;border-radius:9px;box-shadow:none;background:var(--wp--preset--color--surface-low)}
  .f360-mega::before{display:none}
  .f360-mega__columns,.f360-mega__columns--balanced,.f360-mega__grid,.f360-mega__solutions-layout,.f360-mega__resources-layout,.f360-mega__company-layout{grid-template-columns:1fr}
  .f360-mega--agencies .f360-mega__columns{grid-template-columns:1fr}
  .f360-mega__columns{gap:.75rem}
  .f360-mega__solutions-layout,.f360-mega__resources-layout,.f360-mega__company-layout{gap:.75rem}
  .f360-mega__section+.f360-mega__section{padding:.75rem 0 0;border-left:0;border-top:1px solid var(--wp--preset--color--outline-variant)}
  .f360-mega--solutions .f360-mega__section+.f360-mega__section,.f360-mega--resources .f360-mega__section+.f360-mega__section{padding-top:.75rem;border-top:1px solid var(--wp--preset--color--outline-variant)}
  .f360-mega--company .f360-mega__section+.f360-mega__section,.f360-mega--agencies .f360-mega__section+.f360-mega__section{padding-top:.75rem;border-top:1px solid var(--wp--preset--color--outline-variant)}
  .f360-mega__item{grid-template-columns:24px minmax(0,1fr);min-height:48px;padding:.68rem .65rem;background:var(--wp--preset--color--surface-lowest)}
  .f360-mega__item+.f360-mega__item{margin-top:.25rem}
  .f360-mega__grid .f360-mega__item+.f360-mega__item{margin-top:0}
  .f360-mega__label{padding:0 .2rem;margin-bottom:.45rem}
  .f360-mega__feature{padding:.75rem;background:var(--wp--preset--color--surface-lowest);border-top:1px solid var(--wp--preset--color--outline-variant);border-radius:8px}
  .f360-mega__feature-card{min-height:48px;padding:.68rem .4rem}
  .f360-mega__feature-link{min-height:44px;margin-top:.25rem;align-items:center}
  .f360-mega__utility{flex-wrap:wrap;gap:.55rem .8rem;margin-top:.75rem;padding:.7rem .25rem 0}
  .f360-mega__utility span{flex:1 0 100%;margin:0}
  .f360-mega__utility a{min-height:44px;display:inline-flex;align-items:center}
  .f360-nav.is-open .f360-nav__ctas{display:grid;grid-template-columns:1fr 1.18fr;position:fixed;right:0;bottom:0;left:0;z-index:202;gap:.65rem;padding:1rem max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:var(--wp--preset--color--surface-lowest);border-top:1px solid var(--wp--preset--color--surface-high)}
  body:has(#hubspot-conversations-iframe) .f360-nav.is-open .f360-nav__ctas{padding-right:max(6.5rem,env(safe-area-inset-right))}
  .f360-nav.is-open .f360-nav__cta-primary,.f360-nav.is-open .f360-nav__cta-secondary{width:100%;min-height:48px;padding:.6rem .7rem}
}
@media(max-width:420px){
  .f360-nav.is-open .f360-nav__links{padding-inline:.75rem}
  .f360-mega,.f360-mega--platform,.f360-mega--solutions,.f360-mega--resources,.f360-mega--agencies,.f360-mega--company{padding:.6rem}
  .f360-nav.is-open .f360-nav__ctas{gap:.5rem;padding-inline:.75rem}
  body:has(#hubspot-conversations-iframe) .f360-nav.is-open .f360-nav__ctas{padding-right:max(6.5rem,env(safe-area-inset-right))}
  .f360-nav.is-open .f360-nav__cta-primary,.f360-nav.is-open .f360-nav__cta-secondary{font-size:.82rem}
}

/* === FOOTER === */
.f360-footer{background:#071b31;color:#b8c9d9;padding:4.5rem 0 2.25rem}
.f360-footer__inner{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}
.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:700;letter-spacing:-.025em;color:#fff;margin-bottom:.75rem}
.f360-footer__tagline{font-size:.875rem;line-height:1.65;color:#a9bdce;max-width:30ch;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:#a9bdce;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:#7f99ae}
@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}}

/* === SHARED PAGE-TOP RHYTHM === */
body:not(.home) :is(.platform-page-hero,.pricing-page-hero,.integration-archive-hero,.integration-single-hero,.f360-contact-hero,.case-study-archive-hero,.case-study-single-hero,.resource-archive-hero,.resource-single-hero,.solution-archive-hero,.industry-archive-hero,.career-archive-hero,.career-single-hero,.documentation-archive-hero,.documentation-single-hero,.comparison-archive-hero,.comparison-single-hero,.blog-index-hero,.blog-single-hero,.f360-partners-hero,.f360-thankyou-hero,.f360-legal-hero,.f360-single-hero){padding-top:44px!important}
body:not(.home) :is(.f360-platform-archive-hero,.f360-platform-reference-hero,.f360-solutions-reference-hero,.solution-single-hero){padding-top:72px!important}
@media(max-width:640px){
	body:not(.home) :is(.platform-page-hero,.pricing-page-hero,.integration-archive-hero,.integration-single-hero,.f360-contact-hero,.case-study-archive-hero,.case-study-single-hero,.resource-archive-hero,.resource-single-hero,.solution-archive-hero,.industry-archive-hero,.career-archive-hero,.career-single-hero,.documentation-archive-hero,.documentation-single-hero,.comparison-archive-hero,.comparison-single-hero,.blog-index-hero,.blog-single-hero,.f360-partners-hero,.f360-thankyou-hero,.f360-legal-hero,.f360-single-hero){padding-top:28px!important}
	body:not(.home) :is(.f360-platform-archive-hero,.f360-platform-reference-hero,.f360-solutions-reference-hero,.solution-single-hero){padding-top:48px!important}
}

/* === TAXONOMY ARCHIVES === */
.f360-taxonomy-hero{padding:44px 0 3rem;background:#fff;border-bottom:1px solid var(--wp--preset--color--outline-variant)}
.f360-taxonomy-hero h1{margin:0 0 1rem;font-size:clamp(2.75rem,5vw,4.75rem);line-height:1;letter-spacing:-.05em;color:var(--wp--preset--color--on-surface)}
.f360-taxonomy-description{max-width:68ch;color:var(--wp--preset--color--on-surface-variant)}
.f360-taxonomy-description>*:first-child{margin-top:0}.f360-taxonomy-description>*:last-child{margin-bottom:0}
.f360-taxonomy-results{padding:3rem 0 5rem;background:#fff}
.f360-taxonomy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.f360-taxonomy-card{display:flex;flex-direction:column;min-height:100%;padding:1.5rem;border:1px solid var(--wp--preset--color--outline-variant);border-radius:12px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 8px 24px rgba(7,27,49,.04)}
.f360-taxonomy-card:hover{border-color:rgba(22,119,210,.42);box-shadow:0 12px 28px rgba(7,27,49,.07)}
.f360-taxonomy-card__type{margin-bottom:.65rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--primary)}
.f360-taxonomy-card h2{margin:0 0 .7rem;font-size:1.35rem;line-height:1.2;color:var(--wp--preset--color--on-surface)}
.f360-taxonomy-card p{margin:0 0 1rem;color:var(--wp--preset--color--on-surface-variant)}
.f360-taxonomy-card__link{margin-top:auto;font-size:.875rem;font-weight:600;color:var(--wp--preset--color--primary)}
.f360-taxonomy-empty{margin:0;padding:1.5rem;border:1px solid var(--wp--preset--color--outline-variant);border-radius:10px;background:var(--wp--preset--color--surface-low)}
@media(max-width:900px){.f360-taxonomy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.f360-taxonomy-hero{padding-top:28px}.f360-taxonomy-grid{grid-template-columns:1fr}.f360-taxonomy-results{padding:2rem 0 4rem}}

/* === CARD SYSTEM === */
.f360-card{background:var(--wp--preset--color--surface-lowest);border:1px solid var(--wp--preset--color--outline-variant);border-radius:10px;padding:clamp(1.25rem,2vw,1.75rem);transition:border-color .2s,box-shadow .2s,transform .2s}
.f360-card:hover{transform:translateY(-1px);border-color:rgba(22,119,210,.35);box-shadow:0 8px 24px rgba(7,27,49,.07)}
.f360-card--bordered{border:1px solid var(--wp--preset--color--outline-variant)}
.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 var(--wp--preset--color--outline-variant);border-radius:10px;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,#071b31 0%,#1677d2 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:100;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,#071b31 0%,#1677d2 100%);color:var(--wp--preset--color--on-primary);border-color:transparent;box-shadow:0 12px 32px rgba(7,27,49,.16)}
.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: var(--wp--preset--color--primary);
  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%;
  }
}

/* Shared heading treatment */
.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: 100 !important;
  font-size: clamp(2.25rem, 4vw, 3.75rem) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.035em !important;
  color: var(--wp--preset--color--on-surface) !important;
}

.integration-related-header h2,
.f360-demo-left h2 {
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  color: var(--wp--preset--color--on-surface) !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:#fff;
}

.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;
}

/* Shared card-heading alignment: icons belong beside titles, never above them. */
.f360-card-title-row{
	display:flex;
	width:100%;
	min-width:0;
	align-items:center;
	gap:14px;
}

.f360-card-title-row > :where(h2,h3,h4){
	min-width:0;
	margin:0!important;
}

.f360-card-title-row > :where(.f360-icon-wrap,.f360-buyer-icon,.f360-home-card__icon){
	flex:0 0 auto;
	margin:0!important;
}
