@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&display=swap');
/* ===== a11y: skip-to-content link (markup is an HTML widget at top of the header template). ===== */
.fido-skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;left:0;top:0;padding:0}
.fido-skip-link:focus{width:auto!important;height:auto!important;clip:auto!important;left:16px!important;top:12px!important;z-index:100000!important;background:#06213C!important;color:#fff!important;padding:10px 18px!important;border-radius:8px!important;font:700 15px/1 'Outfit',sans-serif!important;text-decoration:none!important;outline:2px solid #13B8C7}
/* the skip-link widget is 0px tall but Elementor adds a 20px default widget margin to its wrapper, pushing the header down — zero it so the skip link adds NO space (link still shows on focus, it's position:absolute) */
.elementor-element-fidoskip1{margin:0!important}
/* a11y: Gravity Forms "(Required)" marker is #C02B0A — fine on white form pages (5.8:1) but only 2.8:1 on the navy footer. Lighten it just within the footer. */
.fido-footer .gfield_required,.fido-footer .gfield_required_text,.fido-footer .gform_required_legend{color:#FF8A7A!important}

/* ===== Demo page: Cal.com inline scheduling embed (revealed after the form is submitted) ===== */
.fido-demo-confirm{max-width:920px;margin:0 auto}
.fido-demo-confirm__h{color:#06213C;font:800 28px/1.2 'Outfit',sans-serif;margin:0 0 8px}
.fido-demo-confirm__p{color:#516C7D;font:400 17px/1.6 'Outfit',sans-serif;margin:0 0 22px}
#fido-cal-inline{width:100%;min-height:640px;overflow:auto}
#fido-cal-inline iframe{width:100%!important}

/* ===== Mobile header: vertically center the logo and the Book a Demo button (button container was bottom-justified, ~23px low) ===== */
@media(max-width:767px){
 .elementor-element-ca91878>.e-con-inner{align-items:center!important}
 /* nudge the button down ~6px so it sits level with the "Fido" wordmark (which is ~10% below the logo's geometric center), not the icon */
 .elementor-element-e293e8a{align-self:center!important;transform:translateY(6px)}
 .elementor-element-e293e8a>.e-con-inner{justify-content:center!important}
}

/* ===== About page: "Why Fido" name board (brainstorm — competitors crossed out, Fido circled) ===== */
.fido-name-board{--reject:#b0463a;font-family:'Outfit',sans-serif;background:#F4F7F9;background-image:radial-gradient(rgba(6,33,60,.06) 1px,transparent 1px);background-size:22px 22px;border:1px solid #e4eaef;border-radius:20px;padding:34px 30px 28px;max-width:800px;margin:0 auto;color:#06213C}
.fido-name-board .nb-eb{display:inline-block;background:#e8fbfb;color:#0C7C8A;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:6px 13px;border-radius:999px}
.fido-name-board h2{font-size:28px;font-weight:800;line-height:1.18;margin:14px 0 24px;max-width:30ch}
.fido-name-board .nb-board{display:flex;gap:28px;flex-wrap:wrap;align-items:center}
.fido-name-board .nb-rejects{flex:1 1 300px;display:flex;flex-direction:column;gap:13px}
.fido-name-board .nb-scrap{background:#fff;border:1px solid #e6ebef;border-radius:10px;padding:12px 15px;box-shadow:0 6px 16px -10px rgba(6,33,60,.35);position:relative}
.fido-name-board .nb-scrap:nth-child(1){transform:rotate(-1.6deg)}
.fido-name-board .nb-scrap:nth-child(2){transform:rotate(1.2deg)}
.fido-name-board .nb-scrap:nth-child(3){transform:rotate(-.8deg)}
.fido-name-board .nb-nm{font-size:19px;font-weight:700;color:#7c8893;text-decoration:line-through;text-decoration-color:var(--reject);text-decoration-thickness:2.5px}
.fido-name-board .nb-note{font-family:'Caveat',cursive;font-size:19px;color:var(--reject);line-height:1;margin-top:3px}
.fido-name-board .nb-x{position:absolute;top:-9px;right:-7px;width:24px;height:24px;background:var(--reject);color:#fff;border-radius:50%;font-size:13px;font-weight:700;display:grid;place-items:center;box-shadow:0 3px 7px -2px rgba(0,0,0,.3)}
.fido-name-board .nb-winner{flex:1 1 240px;position:relative;text-align:center;padding:18px 8px}
.fido-name-board .nb-fido{position:relative;display:inline-block;padding:16px 34px}
.fido-name-board .nb-logo{height:58px;width:auto;display:block;position:relative;z-index:1}
.fido-name-board .nb-ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.fido-name-board .nb-wnote{font-family:'Caveat',cursive;font-size:23px;color:#0C7C8A;margin-top:26px;line-height:1.15}
.fido-name-board .nb-check{display:inline-grid;place-items:center;width:26px;height:26px;background:#13B8C7;color:#06213C;border-radius:50%;font-weight:800;font-size:14px;vertical-align:middle;margin-left:6px}
.fido-name-board .nb-cap{margin:26px 2px 0;color:#516C7D;font-size:15.5px;line-height:1.6;border-top:1px dashed #d3dde3;padding-top:18px}
.fido-name-board .nb-cap b{color:#06213C}
@media(max-width:520px){.fido-name-board .nb-logo{height:46px}.fido-name-board h2{font-size:23px}}

/* About: how-it-works flow chips */
.fido-flow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-top:6px}
.fido-flow .step{background:#fff;border:1px solid #e6ebef;border-radius:999px;padding:10px 22px;font-weight:700;color:#06213C;font-size:15px;box-shadow:0 6px 16px -12px rgba(6,33,60,.3)}
.fido-flow .arrow{color:#13B8C7;font-weight:800;font-size:18px}
@media(max-width:600px){.fido-flow .arrow{display:none}.fido-flow .step{flex:1 1 40%;text-align:center}}

/* About: compact founders row */
.fido-team-mini{display:flex;gap:34px;flex-wrap:wrap;justify-content:center;margin-top:28px}
.fido-team-mini .m{display:flex;align-items:center;gap:12px}
.fido-team-mini .m img{width:54px;height:54px;border-radius:50%;object-fit:cover}
.fido-team-mini .m b{display:block;color:#06213C;font-weight:700;font-size:15px}
.fido-team-mini .m span{color:#516C7D;font-size:13px}

/* Homepage "One event. The right message for every role." (ping, sn0030): on desktop it's
   mockup-left / text-right, so when it stacks (<=1024) the mockup lands above the heading.
   Reverse the stacked order so the heading sits ABOVE the UI; keep desktop layout untouched. */
@media(max-width:1024px){
 .elementor-3036 .elementor-element-sn0030 .elementor-inner-section>.elementor-container{flex-direction:column-reverse}
 .elementor-3036 .elementor-element-sn0030 .elementor-inner-section .elementor-column>.elementor-widget-wrap{padding-left:0!important;padding-right:0!important}
}

/* About: "beyond interpreting" industry chips */
.fido-ind{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:0 auto 26px;max-width:640px}
.fido-ind span{background:#e8fbfb;color:#0C7C8A;font-weight:600;font-size:14px;padding:7px 15px;border-radius:999px}
.fido-ind span:last-child{background:transparent;border:1px dashed #b6d8da;color:#516C7D}

/* Homepage "Four portals" footnote — simplified-illustration disclaimer */
.fido-foot-note{max-width:660px;margin-left:auto!important;margin-right:auto!important}
.fido-foot-note p{margin:0}
/* ===== Fido document / utility pages ===== */
.fido-doc{--fg:#06213C;--mut:#516C7D;--ln:#e6ecf0;--bl:#004AAD;--tl:#13B8C7;
  font-family:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#26323b;line-height:1.65}
.fido-doc *{box-sizing:border-box}
/* hero is built with native Elementor widgets (heading/text/button + section gradient); only the body layout below needs CSS */
.fido-doc .doc-body{padding:42px 22px 84px;display:grid;grid-template-columns:248px 1fr;gap:56px;align-items:start}
.fido-doc .prose{max-width:820px}
.fido-doc .toc{position:sticky;top:96px;font-size:13.5px}
.fido-doc .toc b{display:block;text-transform:uppercase;letter-spacing:.07em;font-size:11px;color:var(--mut);margin-bottom:11px}
.fido-doc .toc a{display:block;color:var(--mut);text-decoration:none;padding:5px 0 5px 13px;border-left:2px solid var(--ln);transition:.15s}
.fido-doc .toc a:hover{color:var(--bl);border-color:var(--bl)}
.fido-doc .prose{min-width:0}
.fido-doc .prose h2{font-size:24px;font-weight:800;color:var(--fg);margin:40px 0 12px;letter-spacing:-.4px;scroll-margin-top:96px}
.fido-doc .prose>h2:first-child{margin-top:0}
.fido-doc .prose h3{font-size:17px;font-weight:700;color:var(--fg);margin:24px 0 8px}
.fido-doc .prose p{margin:0 0 14px;font-size:15.5px}
.fido-doc .prose ul,.fido-doc .prose ol{margin:0 0 16px;padding-left:22px}
.fido-doc .prose li{margin:0 0 7px;font-size:15.5px}
.fido-doc .prose a{color:var(--bl);font-weight:600}
.fido-doc .prose strong{color:var(--fg)}
.fido-doc .lead{font-size:17px;color:var(--mut);margin:0 0 22px;line-height:1.6}
.fido-doc .note{background:#f5fafc;border:1px solid var(--ln);border-left:3px solid var(--tl);border-radius:10px;padding:14px 16px;margin:18px 0;font-size:14.5px}
.fido-doc .note b{color:var(--fg)}
.fido-doc .ph{background:#fff7e0;border:1px dashed #d8b54a;color:#7a5b12;border-radius:7px;padding:1px 7px;font-weight:700;font-size:.92em;white-space:nowrap}
.fido-doc table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13.7px}
.fido-doc th{text-align:left;background:#f3f7f9;color:var(--fg);font-weight:700;padding:10px 12px;border:1px solid var(--ln)}
.fido-doc td{padding:10px 12px;border:1px solid var(--ln);vertical-align:top}
.fido-doc .cgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin:20px 0}
.fido-doc .cbadge{border:1px solid var(--ln);border-radius:13px;padding:18px 14px;text-align:center;background:#fff}
.fido-doc .cbadge svg{width:26px;height:26px;color:var(--tl);margin-bottom:9px}
.fido-doc .cbadge b{display:block;color:var(--fg);font-size:14px;margin-bottom:2px}
.fido-doc .cbadge span{font-size:11.5px;color:var(--mut)}
/* contact methods */
.fido-doc .cmeth{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:22px 0}
.fido-doc .cmcard{border:1px solid var(--ln);border-radius:13px;padding:18px}
.fido-doc .cmcard b{display:block;color:var(--fg);font-size:15px;margin-bottom:3px}
.fido-doc .cmcard a{font-weight:700}
.fido-doc .cmcard span{font-size:13.5px;color:var(--mut)}
/* gravity form theming on these pages */
.fido-formwrap{max-width:700px;margin:0 auto;padding:8px 22px 70px}
.fido-formwrap .gform_wrapper{font-family:'Outfit',sans-serif}
/* GF <select>: appearance:none WITH explicit text color (so the selected value still paints) + one
   custom chevron (consistent single arrow, no macOS double-arrow) + vertical room so text isn't clipped. */
.gform_wrapper select,.gform_wrapper .ginput_container_select select,.gform_wrapper select.gfield_select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;color:#06213C!important;-webkit-text-fill-color:#06213C!important;opacity:1!important;background-color:#fff!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2306213C' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:14px!important;border:1px solid #d7e0e6!important;border-radius:10px!important;line-height:1.4!important;height:auto!important;min-height:48px!important;padding:12px 40px 12px 14px!important;font-family:'Outfit',sans-serif!important}
.gform_wrapper select option{color:#06213C!important;-webkit-text-fill-color:#06213C!important;background-color:#fff}
.fido-formwrap .gform_wrapper .gfield_label{font-weight:700!important;color:#06213C!important;font-family:'Outfit'!important}
.fido-formwrap .gform_wrapper input[type=text],.fido-formwrap .gform_wrapper input[type=email],
.fido-formwrap .gform_wrapper input[type=tel],.fido-formwrap .gform_wrapper textarea{
  border:1px solid #d7e0e6!important;border-radius:10px!important;padding:11px 13px!important;font-family:'Outfit'!important}
.fido-formwrap .gform_footer input[type=submit],.fido-formwrap .gform_footer button{
  background:#004AAD!important;border:0!important;border-radius:999px!important;color:#fff!important;font-weight:700!important;
  padding:13px 32px!important;font-family:'Outfit'!important;cursor:pointer;font-size:16px!important}
.fido-formwrap .gform_footer input[type=submit]:hover{background:#00367E!important}
/* footer email signup (Gravity Form 16) */
.fido-footer .gform_wrapper{margin:0!important;max-width:380px}
/* hide GF honeypot/validation field (footer flex layout otherwise pulls it on-screen) */
.fido-footer .gform_validation_container,.fido-footer .gfield--type-honeypot,.fido-footer li.gform_validation_container{display:none!important;position:absolute!important;left:-9999px!important}
.fido-footer .gform_wrapper form{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}
.fido-footer .gform_wrapper .gform_body{flex:1 1 190px}
.fido-footer .gform_wrapper .gfield_label,.fido-footer .gform_wrapper .gform_required_legend{display:none!important}
.fido-footer .gform_wrapper input[type=email]{width:100%;padding:11px 13px;border-radius:9px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;font-family:'Outfit',sans-serif}
.fido-footer .gform_wrapper input[type=email]::placeholder{color:#9bbccd}
.fido-footer .gform_wrapper .gform_footer{margin:0;padding:0;flex:0 0 auto}
.fido-footer .gform_wrapper .gform_footer input[type=submit]{background:#004AAD;border:0;border-radius:9px;color:#fff;font-weight:700;padding:11px 22px;cursor:pointer;font-family:'Outfit',sans-serif}
.fido-footer .gform_wrapper .gform_footer input[type=submit]:hover{background:#00367E}
.fido-footer .gform_confirmation_message,.fido-footer .gform_wrapper .gform_validation_errors{color:#cfe0ea;font-size:13px}
/* footer logo exact height (image widget sizes by width; Elementor has no direct px-height) */
.foot-logo img{height:30px!important;width:auto!important}
/* contained section dividers between footer rows (section _css_classes don't render, so scope by
   .elementor-3048 footer template + nth section, border on the boxed inner container) */
.elementor-3048 section.elementor-top-section:nth-of-type(1) > .elementor-container,
.elementor-3048 section.elementor-top-section:nth-of-type(2) > .elementor-container{border-bottom:1px solid rgba(255,255,255,.10);padding-bottom:26px}
/* footer compliance badges — native Icon List styled to match old .fcert two-tone pills */
.fido-badges .elementor-icon-list-items{flex-wrap:wrap;gap:10px}
.fido-badges .elementor-icon-list-item{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 13px!important;margin:0!important;gap:7px!important}
.fido-badges .elementor-icon-list-text{color:#cfe6ee;font-weight:700;font-size:12px;font-family:'Outfit',sans-serif}
.fido-badges .elementor-icon-list-text b{color:#fff}
.fido-badges .elementor-icon-list-text span{color:#9bbccd;font-weight:600}
.fido-badges .elementor-icon-list-icon{color:#13B8C7}
.fido-badges .elementor-icon-list-icon{width:auto}
/* custom line-art SVG badge icons: force stroke (not fill) so they render as outlines, not solid shapes */
.fido-badges .elementor-icon-list-icon svg{height:15px!important;width:15px!important;fill:none!important;stroke:#13B8C7!important}
.fido-badges .elementor-icon-list-icon svg *{fill:none!important;stroke:#13B8C7!important}
/* footer GF submit + input match old .subform (blue button, subtle input) */
.fido-footer .gform_wrapper input[type=email]{border:1px solid rgba(255,255,255,.2)!important;background:rgba(255,255,255,.06)!important}
@media(max-width:860px){.fido-doc .doc-body{grid-template-columns:1fr;gap:22px}
  .fido-doc .toc{position:static;border:1px solid var(--ln);border-radius:12px;padding:14px;background:#fafcfd}
  .fido-doc .toc a{border-left:0;padding-left:0}}

/* ===== Shared native-section helpers for the homepage splash conversions — UNSCOPED so they work
   on any page (the Section Lab page 3114 + homepage 3036). The .fido-* classes are unique. ===== */
.fido-eyebrow .elementor-widget-container{text-align:center}
.fido-eyebrow .elementor-heading-title{display:inline-block;background:#e8fbfb;color:#0C7C8A;font-size:13.5px;font-weight:700;letter-spacing:.01em;padding:6px 14px;border-radius:999px;line-height:1.5}
/* a11y: teal used as TEXT darkened #13B8C7->#0C7C8A for WCAG AA (#13B8C7 was 2.4:1 on white; #0C7C8A ~4.9:1). Bright teal kept for decorative icons/borders below. */
.fido-grad{background:linear-gradient(92deg,#0C7C8A,#004AAD);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.fido-teal{color:#0C7C8A}
.fido-lead{max-width:640px;margin-left:auto!important;margin-right:auto!important}
/* ===== Pricing-section-specific bits (still scoped to .elementor-3036) ===== */
.elementor-3036 .fido-pricards > .elementor-container{max-width:920px;margin:0 auto}
.elementor-3036 .fido-pricard-ico .elementor-icon{width:42px;height:42px;border-radius:12px;background:#eef4ff;display:flex;align-items:center;justify-content:center;margin-bottom:13px}
.elementor-3036 .fido-pricard-ico .elementor-icon svg{width:21px!important;height:21px!important;fill:none!important;stroke:#004AAD!important}
.elementor-3036 .fido-pricard-ico .elementor-icon svg *{fill:none!important;stroke:#004AAD!important}

/* ===== Calendar + Notifications sections (native Icon Lists; portable .fido-* classes) ===== */
/* left-aligned eyebrow pill variant */
.fido-eyebrow-l .elementor-heading-title{display:inline-block;background:#e8fbfb;color:#0C7C8A;font-size:13.5px;font-weight:700;letter-spacing:.01em;padding:6px 14px;border-radius:999px;line-height:1.5}
/* dark-section eyebrow pill (AI section) */
.fido-eyebrow-d .elementor-widget-container{text-align:center}
.fido-eyebrow-d .elementor-heading-title{display:inline-block;background:rgba(19,184,199,.18);color:#aef4f1!important;font-size:13.5px;font-weight:700;letter-spacing:.01em;padding:6px 14px;border-radius:999px;line-height:1.5}
/* center the portal-pills tab bar (inline-flex + margin:auto only centers under text-align:center) */
.fido-x .portal-pills{display:flex!important;width:-moz-fit-content;width:fit-content;margin-left:auto!important;margin-right:auto!important}
/* lead width variants */
.fido-lead-wide{max-width:760px;margin-left:auto!important;margin-right:auto!important}
.fido-lead-l{max-width:440px}
/* calendar feature list -> bordered pills */
.fido-calrow .elementor-icon-list-item{border:1px solid #13B8C7;border-radius:12px;padding:11px 18px!important;background:#fff;align-items:center;gap:9px!important}
.fido-calrow .elementor-icon-list-text{color:#06213C;font-weight:600;font-size:15px;font-family:'Outfit',sans-serif;line-height:1.4}
.fido-calrow .elementor-icon-list-icon{width:18px;flex:0 0 auto}
.fido-calrow .elementor-icon-list-icon svg{width:18px!important;height:18px!important;fill:none!important;stroke:#2D878F!important}
.fido-calrow .elementor-icon-list-icon svg *{fill:none!important;stroke:#2D878F!important}
/* notifications check list -> circle-tint check + text */
.fido-flist .elementor-icon-list-item{align-items:flex-start;gap:12px!important}
.fido-flist .elementor-icon-list-icon{width:22px;height:22px;border-radius:50%;background:#e8fbfb;display:flex;align-items:center;justify-content:center;margin-top:1px;flex:0 0 auto}
.fido-flist .elementor-icon-list-icon svg{width:13px!important;height:13px!important;fill:none!important;stroke:#2D878F!important}
.fido-flist .elementor-icon-list-icon svg *{fill:none!important;stroke:#2D878F!important}
.fido-flist .elementor-icon-list-text{color:#22222A;font-weight:500;font-size:15.5px;font-family:'Outfit',sans-serif;line-height:1.55}
.fido-flist .elementor-icon-list-text strong{color:#06213C;font-weight:700}
/* CALENDAR MOBILE FIX (<=680px, matching fido-port): stacked day rows were inheriting min-height:236px
   from desktop, producing 5 giant empty rows. Reset to compact day rows. */
@media(max-width:680px){
 .fido-x .cal-grid{grid-template-columns:1fr!important}
 .fido-x .cal-col{min-height:0!important;border-right:0!important;border-bottom:1px solid #e6ecf0!important;display:flex;align-items:center;gap:12px;padding:7px 10px!important}
 .fido-x .cal-col:last-child{border-bottom:0!important}
 .fido-x .cal-col .dh{border-bottom:0!important;min-width:62px;padding:0!important;text-align:left}
 .fido-x .cal-col .ev{margin:0!important;flex:1}
}

/* ===== "What you can do" section ===== */
.fido-capintro{max-width:560px;margin-left:auto!important;margin-right:auto!important}
.fido-capsub .elementor-heading-title{text-transform:uppercase}
/* little-things grid -> native Icon Box cards (icon left), with hover lift */
.fido-sm{background:#fff;border:1px solid #e6ecf0;border-radius:13px;padding:16px 18px;height:100%;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.fido-sm:hover{transform:translateY(-5px);box-shadow:0 20px 44px -24px rgba(6,33,60,.4);border-color:#13B8C7}
.fido-sm .elementor-icon-box-wrapper{display:flex;flex-direction:row;align-items:center;gap:13px;text-align:left}
.fido-sm .elementor-icon-box-icon{margin:0!important;flex:0 0 auto}
.fido-sm .elementor-icon-box-icon .elementor-icon{width:38px;height:38px;border-radius:10px;background:#e8fbfb;display:flex;align-items:center;justify-content:center;padding:0}
.fido-sm .elementor-icon-box-icon svg{width:19px!important;height:19px!important;fill:none!important;stroke:#2D878F!important}
.fido-sm .elementor-icon-box-icon svg *{fill:none!important;stroke:#2D878F!important}
.fido-sm .elementor-icon-box-title{color:#06213C!important;font-weight:700;font-size:15.5px;font-family:'Outfit',sans-serif;margin-bottom:2px}
.fido-sm .elementor-icon-box-description{color:#516C7D;font-size:13px;font-family:'Outfit',sans-serif;margin:0;line-height:1.45}

/* ===== About page ===== */
/* Elementor wraps imgs in an inline <picture> for webp; make the wrapper block+full-width so images fill their column */
.fido-ab-img picture,.fido-ab-img .elementor-image,.fido-ab-band picture,.fido-ab-band .elementor-image,.fido-ab-founder picture,.fido-ab-founder .elementor-image,.fido-ab-logo .elementor-image{display:block;width:100%}
.fido-ab-img img{width:100%!important;display:block;aspect-ratio:3/2;object-fit:cover;border-radius:20px!important;border:1px solid rgba(6,33,60,.06);box-shadow:0 22px 48px -26px rgba(6,33,60,.28)!important}
/* hero photo gets a designed offset accent panel behind it */
.fido-ab-hero{position:relative}
.fido-ab-hero::before{content:"";position:absolute;inset:22px -22px -22px 22px;border-radius:26px;background:linear-gradient(135deg,#13B8C7,#004AAD);opacity:.16;z-index:0}
.fido-ab-hero .elementor-widget-container{position:relative;z-index:1}
.fido-ab-band img{width:100%!important;height:100%;display:block;aspect-ratio:16/7;object-fit:cover;border-radius:24px;border:1px solid rgba(6,33,60,.06);box-shadow:0 36px 70px -36px rgba(6,33,60,.34)}
.fido-ab-logo img{width:150px!important;height:auto;display:block;margin:0 auto 18px}
.fido-ab-bptext{max-width:760px;margin-left:auto!important;margin-right:auto!important}
/* ===== Contact page cards (native) ===== */
.fido-cm-body p{margin:0 0 4px;font-size:14px;line-height:1.5}
.fido-cm-body p:last-child{margin-bottom:0}
.fido-cm-body a{color:#004AAD;font-weight:700;word-break:break-word}
.fido-cm-body .cm-sub{color:#516C7D;font-size:13.5px;font-weight:500;margin-top:5px}
.fido-ab-founder img{width:100%!important;height:auto;display:block;border-radius:16px;aspect-ratio:4/3;object-fit:cover;border:1px solid rgba(6,33,60,.06);box-shadow:0 18px 40px -24px rgba(6,33,60,.26)}
.fido-ab-quote .elementor-heading-title{max-width:880px;margin:0 auto}
.fido-ab-sec .elementor-text-editor p{margin-bottom:14px}
.fido-ab-sec .elementor-text-editor p:last-child{margin-bottom:0}

/* ===== SITE-WIDE CONTAINER: every homepage + footer section caps at 1370 with identical 22px L/R
   gutters (matches the privacy page + header). Normalizes the mix of ported (.fido-x .wrap @1200)
   and native (1370) sections into one consistent width/gutter. ===== */
.elementor-3036 .elementor-top-section,.elementor-3048 .elementor-top-section{padding-left:0!important;padding-right:0!important}
.elementor-3036 .elementor-top-section>.elementor-container,.elementor-3048 .elementor-top-section>.elementor-container{max-width:1370px!important;margin-left:auto!important;margin-right:auto!important;padding-left:22px!important;padding-right:22px!important;box-sizing:border-box}
/* ported .fido-x sections: let .wrap fill the 1370 container instead of its own 1200 cap + 44px gutter */
.elementor-3036 .fido-x .wrap{max-width:none!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}

/* ===== INNER-SECTION CARD ALIGNMENT: the mockup/grid sections (little-things wc0027,
   dispatch rn0015, the-right-ping sn0030, calendars sn0016) wrap their cards/headings in
   inner-section columns that carried 15-30px side padding, insetting content ~30px past the
   section edge (heading sat at 229 vs 199 everywhere else) -> the "narrow/squeezed" look.
   Zero the OUTER side padding so content reaches the same 22px gutter as every other section;
   keep the inner column padding as the inter-column gap. On mobile (stacked) zero both sides
   so cards sit symmetrically at the gutter (top/bottom padding still gives vertical spacing).
   Cards keep their own bg/border/radius (those live on child widgets), so only the gutter moves. ===== */
.elementor-3036 .elementor-element-wc0027 .elementor-inner-section>.elementor-container>.elementor-column:first-child>.elementor-widget-wrap,
.elementor-3036 .elementor-element-rn0015 .elementor-inner-section>.elementor-container>.elementor-column:first-child>.elementor-widget-wrap,
.elementor-3036 .elementor-element-sn0030 .elementor-inner-section>.elementor-container>.elementor-column:first-child>.elementor-widget-wrap,
.elementor-3036 .elementor-element-sn0016 .elementor-inner-section>.elementor-container>.elementor-column:first-child>.elementor-widget-wrap{padding-left:0!important}
.elementor-3036 .elementor-element-wc0027 .elementor-inner-section>.elementor-container>.elementor-column:last-child>.elementor-widget-wrap,
.elementor-3036 .elementor-element-rn0015 .elementor-inner-section>.elementor-container>.elementor-column:last-child>.elementor-widget-wrap,
.elementor-3036 .elementor-element-sn0030 .elementor-inner-section>.elementor-container>.elementor-column:last-child>.elementor-widget-wrap,
.elementor-3036 .elementor-element-sn0016 .elementor-inner-section>.elementor-container>.elementor-column:last-child>.elementor-widget-wrap{padding-right:0!important}
@media(max-width:767px){
 .elementor-3036 .elementor-element-wc0027 .elementor-inner-section .elementor-column>.elementor-widget-wrap,
 .elementor-3036 .elementor-element-rn0015 .elementor-inner-section .elementor-column>.elementor-widget-wrap,
 .elementor-3036 .elementor-element-sn0030 .elementor-inner-section .elementor-column>.elementor-widget-wrap,
 .elementor-3036 .elementor-element-sn0016 .elementor-inner-section .elementor-column>.elementor-widget-wrap{padding-left:0!important;padding-right:0!important}
}