wrapping blocks */
.svc-card-link{position:absolute;inset:0;z-index:1;text-decoration:none!important;}
.svc-card:hover{background:#F4F8FC;}
.svc-card .n{font:700 12px/1 'Archivo';letter-spacing:.14em;color:#8FAFCB!important;}
.svc-card .t{font:700 20px/1.2 'Archivo';color:#0B2545!important;}
.svc-card .d{font:400 15px/1.6 'Barlow';color:#5A7AA0!important;}
.svc-card .more{margin-top:auto;padding-top:18px;font:600 13px/1 'Barlow';letter-spacing:.06em;color:#2F9BF5!important;}
/* closing CTA + FAQ */
.svc-cta{background:linear-gradient(160deg,#0B2545,#123A6B 55%,#0B2545)!important;padding:clamp(28px,3.5vw,48px) 0!important;text-align:center;}
.svc-faq{background:#F4F8FC!important;padding:clamp(28px,3.5vw,48px) 0!important;}
.svc-faq .et_pb_row{max-width:1000px!important;}
.svc-faq-list{margin-top:clamp(28px,3.5vw,48px);display:flex;flex-direction:column;gap:14px;}
@media(max-width:980px){
.svc-hero-media,.svc-media{aspect-ratio:16/10;}
.svc-h2.center{max-width:none;}
}
/* ============================================================
ARTICLE DETAIL (single blog post)
Design: full-bleed featured image hero with a dark gradient scrim,
then a two-column body + sidebar.
============================================================ */
/* Divi paints the featured image as a background on the module itself
(.et_pb_featured_bg), so the scrim and full-bleed go on .ad-title. */
.ad-hero{padding:0!important;background:#06172E!important;position:relative;}
.ad-hero .et_pb_row{max-width:none!important;width:100%!important;padding:0!important;margin:0!important;}
.ad-hero .et_pb_column{padding:0!important;margin:0!important;}
.ad-title.et_pb_post_title{
position:relative;min-height:clamp(320px,38vw,460px);
display:flex;align-items:flex-end;
background-size:cover!important;background-position:center!important;
padding:24px 0 clamp(28px,4vw,44px)!important;margin:0!important;
}
.ad-title:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(6,23,46,.35),rgba(6,23,46,.88) 85%);}
.ad-title .et_pb_title_container{position:relative;z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:0 24px;}
.ad-title .entry-title{margin:0;max-width:900px;font-family:'Archivo';font-weight:800;font-size:clamp(28px,4vw,50px);line-height:1.12;letter-spacing:-.02em;color:#fff!important;}
.ad-title .et_pb_title_meta_container{margin-top:16px;font:500 14px/1 'Barlow';color:#BBD3E8!important;}
.ad-title .et_pb_title_meta_container a,.ad-title .et_pb_title_meta_container span{color:#BBD3E8!important;}
/* breadcrumb sits inside the hero over the image, per the design */
.ad-crumbs{position:relative;z-index:3;max-width:1280px;margin:-34px auto 0!important;padding:0 24px clamp(24px,3vw,34px);font:500 13px/1.4 'Barlow';color:#9FB6CE!important;}
.ad-crumbs *{color:#9FB6CE!important;font:500 13px/1.4 'Barlow'!important;}
.ad-crumbs .et-breadcrumb .et-breadcrumb-item:last-child,.ad-crumbs span:last-child{color:#fff!important;}
/* body + sidebar */
.ad-body-sec{background:#F4F8FC!important;padding:clamp(40px,5vw,60px) 0 clamp(56px,7vw,90px)!important;}
.ad-body-sec .et_pb_row{max-width:1280px!important;display:grid!important;grid-template-columns:2.2fr 1fr;gap:clamp(30px,4vw,56px);align-items:start;}
.ad-body-sec .et_pb_column{width:100%!important;margin:0!important;float:none!important;}
.ad-content{font:400 17px/1.75 'Barlow';color:#41618A!important;}
.ad-content h2{margin:34px 0 14px;font:700 clamp(22px,2.4vw,30px)/1.25 'Archivo';color:#0B2545!important;}
.ad-content h3{margin:26px 0 12px;font:700 clamp(18px,2vw,22px)/1.3 'Archivo';color:#0B2545!important;}
.ad-content p{margin:0 0 18px;font:400 17px/1.75 'Barlow';color:#41618A!important;}
.ad-content p strong,.ad-content li strong{color:#0B2545!important;}
.ad-content a{color:#2F9BF5!important;}
.ad-content ul,.ad-content ol{margin:0 0 18px;padding-left:22px;}
.ad-content li{margin:0 0 10px;font:400 17px/1.7 'Barlow';color:#41618A!important;}
.ad-content img{max-width:100%;height:auto;border-radius:14px;}
.ad-nav{margin-top:40px;padding-top:24px;border-top:1px solid #D9E5F1;}
.ad-nav a{font:600 15px/1 'Barlow';color:#2F9BF5!important;}
/* sidebar */
.ad-aside .et_pb_module{margin-bottom:34px!important;}
.ad-search input.et_pb_s{padding:13px 14px!important;border-radius:8px!important;border:1px solid #D9E5F1!important;background:#fff!important;font:400 14px/1 'Barlow'!important;color:#0B2545!important;}
.ad-search input.et_pb_searchsubmit{border:none!important;border-radius:8px!important;background:#D9E5F1!important;color:#41618A!important;font:600 13px/1 'Barlow'!important;padding:0 18px!important;}
/* The widget area outputs block markup (wp-block-heading / -categories-list),
not the classic widget classes, so target those. */
.ad-sidebar .widgettitle,.ad-sidebar h2,.ad-sidebar h3,.ad-sidebar h4,
.ad-sidebar .wp-block-heading{font:700 17px/1.2 'Archivo'!important;color:#0B2545!important;margin:0 0 16px!important;}
.ad-sidebar ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.ad-sidebar li{border:none!important;padding:0!important;margin:0!important;}
.ad-sidebar a{font:400 15px/1.3 'Barlow'!important;color:#41618A!important;text-decoration:none!important;}
.ad-sidebar a:hover{color:#2F9BF5!important;}
.ad-sidebar .et_pb_widget{margin-bottom:34px!important;float:none!important;width:100%!important;}
.ad-sidebar .wp-block-separator{border:0;border-top:1px solid #D9E5F1;margin:28px 0;}
.ad-sidebar .wp-block-search__inside-wrapper{display:flex;gap:10px;}
.ad-sidebar .wp-block-search__input{flex:1 1 auto;min-width:0;padding:13px 14px!important;border-radius:8px!important;
border:1px solid #D9E5F1!important;background:#fff!important;font:400 14px/1 'Barlow'!important;color:#0B2545!important;}
.ad-sidebar .wp-block-search__button{flex:0 0 auto;border:none!important;border-radius:8px!important;
background:#D9E5F1!important;color:#41618A!important;font:600 13px/1 'Barlow'!important;padding:0 18px!important;}
.ad-sidebar .wp-block-search__label{display:none;}
@media(max-width:980px){
.ad-body-sec .et_pb_row{grid-template-columns:1fr;}
}
/* ============================================================
HEADING TYPEFACE
Divi's text-module preset (.preset--module--divi-text--default
.et_pb_text_inner h1..h6) sets Poppins at specificity 0,2,1, which beats
every single-class heading rule here — so headings inside text modules were
silently rendering in Poppins instead of the design's Archivo. Force it.
============================================================ */
.et_pb_text_inner h1,.et_pb_text_inner h2,.et_pb_text_inner h3,
.et_pb_text_inner h4,.et_pb_text_inner h5,.et_pb_text_inner h6,
.rd-h1,.rd-h2,.rd-h3,.rd-hero-h1,.svc-h1,.svc-h2,.pd-h1-heading,
.rv-subhead,.tos-h1,.pp-h1,.ar-feat-title,.ar-card-title,
.et_pb_post_title .entry-title{
font-family:'Archivo',system-ui,sans-serif!important;
}
/* the design's headings are 800; Divi's preset forces 700 */
.rd-h1,.rd-h2,.rd-hero-h1,.svc-h1,.svc-h2,.pd-h1-heading,.rv-subhead,
.tos-h1,.pp-h1,.et_pb_post_title .entry-title{font-weight:800!important;}
.rd-h3,.ar-feat-title,.ar-card-title{font-weight:700!important;}
/* headings that live in raw HTML inside text modules keep their own sizes */
.et_pb_text_inner h2.rd-h2{font-size:clamp(30px,3.6vw,50px)!important;}
.et_pb_text_inner h2.svc-h2{font-size:clamp(28px,3.4vw,44px)!important;}
/* ============================================================
DESIGN-MATCH CORRECTIONS (audit pass)
============================================================ */
/* FAQ accordion — design uses Barlow 600 17px questions and a 30px toggle that
inverts when open. */
.rd-faq .q{font:600 17px/1.4 'Barlow'!important;color:#0B2545!important;}
.rd-faq .sign{width:30px!important;height:30px!important;background:#EAF2FA!important;color:#2F9BF5!important;}
.rd-faq[open] .sign{background:#0B2545!important;color:#fff!important;}
.rd-faq .a{font:400 16px/1.65 'Barlow'!important;color:#41618A!important;}
/* Services grid — white band, design grid metrics, heading row with CTA */
.rd-sec.svc-grid{background:#fff!important;}
/* The design's auto-fit rule only yields 5 columns because its preview always
renders at a logical 1280px. Pin the column count so the intended 5-up row
holds at real desktop widths instead of collapsing to 4. */
.rd-sec.svc-grid .svc-grid{background:#DDE8F3;border-color:#DDE8F3;border-radius:22px;
grid-template-columns:repeat(5,1fr);}
@media(max-width:1180px){.rd-sec.svc-grid .svc-grid{grid-template-columns:repeat(4,1fr);}}
@media(max-width:900px){.rd-sec.svc-grid .svc-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:680px){.rd-sec.svc-grid .svc-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:460px){.rd-sec.svc-grid .svc-grid{grid-template-columns:1fr;}}
/* heading and CTA share one row; wpautop wraps the button in a , so the
paragraph is the flex item that must not wrap or carry margins */
.svc-grid-head,.rd-services-head{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;}
.svc-grid-head>div:first-child,.rd-services-head>h2,.svc-grid-head>h2{flex:1 1 380px;min-width:0;}
/* design: max-width:820px and clamp(30px,3.6cqw,50px) - the cap is what makes
the heading wrap to two lines beside the CTA */
.svc-grid-head .svc-h2,.rd-services-head .rd-h2{margin:16px 0 0;text-align:left;max-width:820px;}
.svc-grid-head .svc-h2{font-size:clamp(30px,3.6vw,50px)!important;line-height:1.05;}
.svc-grid-head>p,.rd-services-head>p{margin:0!important;flex:0 0 auto;}
.svc-grid-head .svc-btn,.rd-services-head .rd-btn{margin-top:0;white-space:nowrap;}
/* Button sizes per design: hero and fee CTAs are larger than section buttons */
.svc-hero-btns .svc-btn{padding:17px 30px;font-size:16px;}
.svc-fee .svc-btn,.svc-pricing .svc-center-btn .svc-btn,.svc-cta .svc-btn{padding:17px 32px;font-size:16px;margin-top:34px;}
/* Pricing tiers — badge, lead-in, guarantee, includes panel */
.svc-tier{position:relative;}
.tier-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);
padding:6px 16px;border-radius:999px;background:#0B2545;color:#fff!important;
font:700 11px/1 'Archivo';letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;}
.tier-lead{font:600 15px/1.4 'Barlow';color:#0B2545!important;margin-bottom:4px;}
.tier-guarantee{margin-top:14px;text-align:center;font:500 13px/1.4 'Barlow';color:#8FAFCB!important;}
.svc-tier.popular .f .tick{color:#1FD9EE!important;}
.svc-tier>.svc-btn{margin-top:auto;text-align:center;}
/* min gap between last feature divider and the button (matches /pricing tier-card 24px) */
.svc-tier .feats{margin-bottom:24px;}
.svc-includes{margin-top:clamp(28px,3.5vw,44px);padding:clamp(24px,3vw,34px);
background:#fff;border:1px solid #E2EBF5;border-radius:20px;}
.svc-includes .inc-head{font:700 18px/1 'Archivo';color:#0B2545!important;margin-bottom:18px;text-align:center;}
.svc-includes .inc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;}
.svc-includes .inc{display:flex;gap:10px;align-items:flex-start;font:400 15px/1.5 'Barlow';color:#41618A!important;}
.svc-includes .inc .tick{color:#2F9BF5!important;font:700 14px/1.4 'Archivo';}
.svc-note{margin:14px auto 0;max-width:760px;text-align:center;font:400 14px/1.6 'Barlow';color:#5A7AA0!important;}
.svc-note a{color:#2F9BF5!important;}
/* Case study quote + attribution (design: italic quote, white name) */
.svc-quote{margin:12px 0 0;font:italic 400 16px/1.6 'Barlow';color:#BBD3E8!important;}
.svc-attrib{margin:14px 0 0;font:600 15px/1.4 'Barlow';color:#fff!important;}
/* Marketing CTA headings are smaller in the design than the global .rd-h2 */
.rd-marketing-cta .rd-h2{font-size:clamp(26px,3vw,38px)!important;}
.rd-pricing-hero .rd-eyebrow,.rd-page-hero .rd-eyebrow.blue{color:#9FE8F5!important;}
.rd-upgrades-hero .rd-h1{font-size:clamp(30px,4vw,50px)!important;max-width:700px;}
/* Homepage hero: dot-grid overlay and stat hover from the design */
.rd-hero{position:relative;}
.rd-hero:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px);
background-size:26px 26px;opacity:.35;}
.rd-hero>*{position:relative;z-index:1;}
.rd-hero-stats .stat{transition:background .3s ease,transform .3s ease;}
.rd-hero-stats .stat:hover{background:#0F2E56;transform:translateY(-3px);}
.rd-yt-main{transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease;}
.rd-yt-main:hover{border-color:#1FD9EE!important;transform:translateY(-4px);box-shadow:0 20px 44px rgba(31,217,238,.25);}
@media(max-width:700px){
.svc-grid-head,.rd-services-head{flex-direction:column;align-items:flex-start;}
}
/* ============================================================
GLOBAL SECTION GUTTER
Every design section specifies `padding: 24px`. The per-section
rules above only set vertical padding, so between 980px and 1280px the
content ran edge-to-edge. This enforces the horizontal gutter everywhere.
Declared last so it wins over the shorthand `padding: X 0 Y !important`.
============================================================ */
.rd-sec{padding-left:24px!important;padding-right:24px!important;}
@media(max-width:980px){.rd-sec{padding-left:20px!important;padding-right:20px!important;}}
/* ============================================================
TEXT RENDERING
Divi applies -webkit-font-smoothing:antialiased globally. The design files
never set it, so they render with the browser default (subpixel). On macOS
antialiased draws noticeably thinner/lighter, which made every heading and
paragraph look lighter than the design. Restore the default.
============================================================ */
html,body,body #page-container,.et_pb_module,.et_pb_text_inner,
h1,h2,h3,h4,h5,h6,p,li,a,span,div{
-webkit-font-smoothing:auto!important;
-moz-osx-font-smoothing:auto!important;
}
/* ============================================================
LEGAL PAGES - remaining deltas vs the design spec
============================================================ */
/* Divi's preset forces Poppins on list items inside text modules
(.preset--module--divi-text--default .et_pb_text_inner ul > li, 0,2,2). */
.et_pb_text_inner ul>li,.et_pb_text_inner ol>li,
.tos-body li,.pp-body li,.ad-content li{
font-family:'Barlow',system-ui,sans-serif!important;
}
.tos-body.tos-body li,.pp-body.pp-body li{font:400 16px/1.6 'Barlow'!important;color:#41618A!important;margin-bottom:6px;}
.tos-body.tos-body p,.pp-body.pp-body p{font:400 16px/1.65 'Barlow'!important;color:#41618A!important;}
/* design: .tos-section{padding:30px 0;border-bottom:1px solid #D9E5F1} */
.tos-section{padding:30px 0!important;margin-bottom:0!important;border-bottom:1px solid #D9E5F1!important;}
.tos-section:first-child{padding-top:0!important;}
.tos-section:last-child{border-bottom:none!important;padding-bottom:0!important;}
/* dark tier variant (digital-marketing "Market Domination") */
.svc-tier.dark{background:#0B2545!important;border-color:#0B2545!important;}
.svc-tier.dark .name{color:#1FD9EE!important;}
.svc-tier.dark .amt{color:#fff!important;}
.svc-tier.dark .per,.svc-tier.dark .sub{color:#A9C4DC!important;}
.svc-tier.dark .f{color:#BBD3E8!important;border-bottom-color:rgba(255,255,255,.12)!important;}
.svc-tier.dark .f .tick{color:#1FD9EE!important;}
.svc-tier.dark .tier-lead{color:#fff!important;}
.svc-tier.dark .tier-guarantee{color:#8FAFCB!important;}
/* Divi renders its own back-to-top even with the theme option off in Divi 5;
the design's button (#rd-to-top) is the one we use, so hide the duplicate. */
.et_pb_scroll_top{display:none!important;}
/* Divi's own default hard-sets text-align:left on .et_pb_text_inner, which
breaks normal CSS inheritance for any section relying on text-align:center
cascading down from the section (.rd-certs, .rd-pricing-hero, etc.) rather
than an explicit .center class on every child. Restore natural inheritance
so a section-level text-align actually reaches its raw-HTML content. */
body .et_pb_text_inner.et_pb_text_inner.et_pb_text_inner{text-align:inherit!important;}
/* Divi 5's flex columns are themselves flex items with the browser default
min-width:auto, which stops them shrinking below their content's intrinsic
minimum size. Any overflow-x content inside one (the horizontal brand
marquee) forced the WHOLE column - and everything downstream of it,
including headings sitting beside it - out to that un-shrunk width. This
is what actually pushed the brands heading 5700px off-screen; every fix
applied further down the tree (.rd-marquee, .et_pb_text_inner) was just
inheriting a column that was already the wrong width. */
/* min-width:0 lets the column shrink to fit an overflow-x child (the
marquee); flex-grow:1 is needed too or it settles at that shrunk
content width instead of growing back to fill the row. */
body .et_pb_column.et_flex_column{min-width:0!important;flex-grow:1!important;}
.rd-certs .et_pb_text_inner,.rd-certs p,.rd-certs-lead,.rd-certs-foot{text-align:center!important;}
/* Several global blocks ended up with a nested .reveal div - the original
content already had one, then extracting it into the shared block wrapped
it again. The inner div has no explicit width, and it was shrink-wrapping
to its content instead of filling the outer .reveal, which is what pulled
the certs checklist and any similarly-doubled section out of center. */
.reveal .reveal{width:100%!important;}
/* Global blocks render their own section inside a host column, which caps
the background at the column width. Break the inner section out to the
full viewport; the inner row still centers the content. */
html,body{overflow-x:clip;}
.rd-global-slot,.rd-global-ref{overflow:visible!important;}
.rd-global-slot .rd-sec,.rd-global-ref .rd-sec{
width:100vw!important;max-width:100vw!important;box-sizing:border-box;
position:relative;left:50%;margin-left:-50vw!important;margin-right:0!important;
}
/* host wrappers add no spacing of their own */
.rd-global-slot,.rd-global-ref,
.rd-global-slot>.et_pb_row,.rd-global-ref>.et_pb_row{padding-top:0!important;padding-bottom:0!important;}
/* Divi's text preset forces h3 inside text modules to black */
body .et_pb_text_inner h3.ar-card-title{color:#fff!important;}
/* project detail CTA: Divi's text module resets alignment to start */
.pd-cta-sec .et_pb_text,.pd-cta-sec .et_pb_text_inner,.pd-cta-h2.pd-cta-h2.pd-cta-h2{text-align:center!important;}
/* portfolio category labels are plain text now, not links */
.rd-portfolio-module p.post-meta{color:#2F9BF5!important;}
/* ============================================================
DESKTOP NAV: slightly larger menu font
============================================================ */
@media(min-width:981px){#site-header .et-menu>li:not(.nav-cta)>a{font-size:16px!important;}}
/* ============================================================
TABLET / MOBILE HEADER ([rd_mobile_header], GlobalMobileMenu design)
============================================================ */
#site-header .rd-mh-module{display:none!important;}
#site-header .et_pb_menu{margin-bottom:0!important;}
#site-header .et-menu li.rd-mobile-only{display:none!important;}
.rd-mh a{text-decoration:none!important;}
.rd-mh [hidden]{display:none!important;}
@media(max-width:980px){
#site-header{padding:0!important;}
#site-header .et_pb_row{padding:0!important;width:100%!important;max-width:100%!important;position:relative;}
#site-header .et_pb_menu{display:none!important;}
#site-header .rd-mh-module{display:block!important;margin:0!important;width:100%!important;flex:1 1 100%!important;}
#site-header .et_pb_column{width:100%!important;}
.rd-mh-bar{display:flex;align-items:center;gap:14px;padding:14px 18px;}
.rd-mh-logo{display:flex;align-items:center;}
#site-header .rd-mh-logo img{height:30px!important;width:auto!important;display:block;}
.rd-mh-actions{margin-left:auto;display:flex;align-items:center;gap:14px;}
.rd-mh-phone{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:#1FD9EE!important;font-size:16px;line-height:1;}
.rd-mh-toggle{width:36px;height:36px;border:none;background:transparent;color:#E8F1FA;font-size:22px;line-height:1;cursor:pointer;padding:0;}
.rd-mh-cta-tab{display:none;}
.rd-mh-cta-bar{display:block;width:100%;box-sizing:border-box;padding:15px;background:linear-gradient(90deg,#1FD9EE,#2F9BF5);color:#03101F!important;font:700 14px/1 'Archivo'!important;letter-spacing:.02em;text-align:center;}
.rd-mh-nav{position:absolute;left:0;right:0;top:100%;z-index:5;background:#03101F;border-top:3px solid #1FD9EE;box-shadow:0 24px 50px rgba(0,0,0,.45);max-height:calc(100vh - 140px);overflow-y:auto;text-align:left;}
.rd-mh-item{border-bottom:1px solid rgba(255,255,255,.08);}
.rd-mh-row{display:flex;align-items:center;}
.rd-mh-item.open .rd-mh-row{background:#06172E;}
.rd-mh-link{flex:1 1 auto;display:block;padding:17px 20px;font:700 15px/1 'Archivo'!important;letter-spacing:.01em;color:#fff!important;}
.rd-mh-link:hover,.rd-mh-link.active{color:#1FD9EE!important;}
.rd-mh-sub-toggle{flex:0 0 auto;width:28px;height:28px;margin-right:18px;border:none;border-radius:6px;cursor:pointer;padding:0;background:linear-gradient(90deg,#1FD9EE,#2F9BF5);color:#03101F;font:700 18px/28px 'Archivo'!important;text-align:center;}
.rd-mh-item.open .rd-mh-sub-toggle{background:#fff;}
.rd-mh-sub{background:#0B2545;border-top:1px solid rgba(255,255,255,.06);}
.rd-mh-sublink{display:block;padding:15px 20px 15px 40px;border-bottom:1px solid rgba(255,255,255,.05);font:500 14px/1 'Barlow'!important;letter-spacing:.01em;color:#BBD3E8!important;}
.rd-mh-sublink:hover{color:#1FD9EE!important;background:rgba(31,217,238,.06);}
.rd-mh-sublink.active{color:#1FD9EE!important;}
.rd-mh-btns{padding:18px 20px 22px;display:flex;flex-direction:column;gap:10px;}
.rd-mh-btn-grad,.rd-mh-btn-call{display:block;padding:16px;border-radius:10px;font:700 15px/1 'Archivo'!important;text-align:center;}
.rd-mh-btn-grad{background:linear-gradient(90deg,#1FD9EE,#2F9BF5);color:#03101F!important;}
.rd-mh-btn-call{background:#0B2545;border:1px solid rgba(31,217,238,.35);color:#fff!important;}
}
/* tablet: CTA sits in the bar, next to the menu icon */
@media(min-width:768px) and (max-width:980px){
.rd-mh-cta-bar{display:none;}
.rd-mh-cta-tab{display:inline-block;padding:12px 20px;border-radius:999px;background:linear-gradient(90deg,#1FD9EE,#2F9BF5);color:#03101F!important;font:700 14px/1 'Archivo'!important;white-space:nowrap;}
.rd-mh-nav{max-height:calc(100vh - 80px);}
}
/* mobile header CTA bar: vertical bounce instead of the wiggle */
@keyframes ctaHop{
0%,55%{transform:translateY(0);}
59%{transform:translateY(-5px);} 63%{transform:translateY(0);}
66%{transform:translateY(-2px);} 69%,100%{transform:translateY(0);}
}
.rd-mh-cta-label{display:inline-block;animation:ctaHop 3.2s ease-in-out infinite;}
.rd-mh-cta-bar:hover .rd-mh-cta-label{animation-play-state:paused;}
@media(prefers-reduced-motion:reduce){.rd-mh-cta-label{animation:none;}}
/* The footer card is lifted 38px into the last body section on desktop
(.reveal-footer-card). Sections that end a page need the extra room or
their content butts against the card. (All widths, per design.) */
@media all{
.svc-faq,.rd-marketing-cta{padding-bottom:calc(clamp(28px,3.5vw,48px) + 56px)!important;}
}
/* In-page anchors (Explore Services, See Pricing ...) glide instead of jump,
and stop below the sticky header. */
html{scroll-behavior:smooth;scroll-padding-top:90px;}
@media(max-width:980px){html{scroll-padding-top:120px;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
/* Desktop dropdown opens below the header bar, not over it. The parent li's
padding (cancelled by negative margin, so layout is unchanged) carries the
hover area down to the dropdown so it doesn't close in the gap. */
@media(min-width:981px){
#site-header .et-menu>li.menu-item-has-children{padding-bottom:40px!important;margin-bottom:-40px!important;}
#site-header .et-menu>li.menu-item-has-children>ul.sub-menu{top:100%!important;margin-top:0!important;}
}
/* Hero: section padding alone sets the space under the header (Divi's row
padding was adding another ~20-35px on top). */
.rd-hero>.et_pb_row,.svc-hero>.et_pb_row{padding-top:0!important;}
/* home: FAQ + map section ends the page — a touch more room above the footer card */
@media all{.rd-faqs:last-child{padding-bottom:calc(clamp(28px,3.5vw,48px) + 32px)!important;}}
/* Footer CTA: title and button share one centered line (the button's
wrapping carried a bottom margin that pushed the title up). */
.rd-footer-cta p{margin:0!important;padding:0!important;}
/* Tablet footer: 3-column grid so the wrapped second row (Quick Links,
Contact) lines up under the first row's columns. */
@media(min-width:768px) and (max-width:980px){
.rd-footer-cols{display:grid!important;grid-template-columns:1.3fr 1fr 1fr;column-gap:32px;row-gap:40px;}
.rd-footer-cols .fcol-brand p{margin-top:20px;}
}
/* Footer CTA under 900px (GlobalFooter design "compact"): centered column. */
@media(max-width:899px){
.rd-footer-cta{flex-direction:column;justify-content:center;text-align:center;}
.rd-footer-cta h3{text-align:center!important;}
}
/* ============================================================
iPhone QA fixes (9/28)
============================================================ */
/* Services grid global: its own "padding:.. 0" rule removed the side gutter */
.rd-sec.svc-grid,.rd-services{padding-left:24px!important;padding-right:24px!important;}
@media(max-width:980px){
.rd-sec.svc-grid,.rd-services{padding-left:20px!important;padding-right:20px!important;}
/* heading block was flex:1 1 — in a column layout that basis became a ~380px height */
.svc-grid-head>*,.rd-services-head>*{flex:0 0 auto!important;}
.svc-grid-head,.rd-services-head{gap:22px!important;}
}
/* Service hero CTAs: when they stack, each button's top margin added to the gap */
.svc-hero-btns{margin-top:26px;}
.svc-hero-btns .svc-btn{margin-top:0!important;}
@media(max-width:600px){.svc-hero-btns{gap:12px;}}
/* Project detail hero: Divi row/module spacing stacked up above and below the heading */
@media(max-width:980px){
.pd-hero{padding-top:32px!important;}
.pd-hero .et_pb_row{padding-top:0!important;padding-bottom:0!important;}
.pd-hero .et_pb_module{margin-bottom:12px!important;}
.pd-hero .et_pb_module:last-child{margin-bottom:0!important;}
.pd-hero+.et_pb_section{padding-top:24px!important;}
}
/* Portfolio filter: Divi gives each pill a fixed 50% width + float on mobile */
.et_pb_portfolio_filters ul{display:flex!important;flex-wrap:wrap;justify-content:center;gap:10px;padding:0!important;}
.et_pb_portfolio_filters li{width:auto!important;float:none!important;margin:0!important;}
@media(max-width:600px){.et_pb_portfolio_filters ul{gap:8px;}}
/* YouTube play buttons in YouTube's red (the ▶ glyph rendered as an emoji on iOS) */
.rd-yt-main .play,.rd-yt-card .play{background:#FF0000!important;border-radius:14px!important;width:68px!important;height:48px!important;font-size:0!important;color:transparent!important;box-shadow:0 6px 18px rgba(0,0,0,.35);}
.rd-yt-main .play::before,.rd-yt-card .play::before{content:"";display:block;margin-left:4px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff;}
.rd-yt-card .play.sm{width:44px!important;height:31px!important;border-radius:9px!important;}
.rd-yt-card .play.sm::before{border-width:7px 0 7px 12px;margin-left:3px;}
/* mobile header phone: line icon (the ☎ glyph rendered as a red emoji on iOS) */
.rd-mh-phone svg{width:17px;height:17px;display:block;}
/* ============================================================
Converted legacy (generator) pages — extra local sections
============================================================ */
.svc-program{background:#fff!important;padding-top:clamp(28px,3.5vw,48px)!important;padding-bottom:clamp(28px,3.5vw,48px)!important;}
.svc-program .svc-lead.center{max-width:820px;}
.svc-checks-2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px!important;max-width:1100px;margin-left:auto;margin-right:auto;}
@media(max-width:767px){.svc-checks-2{grid-template-columns:1fr;}}
.svc-h3,body .et_pb_text_inner h3.svc-h3{margin:clamp(30px,3.5vw,44px) 0 0;font:800 clamp(20px,2vw,26px)/1.2 'Archivo'!important;letter-spacing:-.01em;color:#0B2545!important;}
.svc-h3.center{text-align:center;}
.svc-copy .svc-h3{margin-top:30px;}
.svc-trust{margin-top:20px!important;}
.svc-faq-local{background:#fff!important;}
.svc-program .svc-center-btn,.svc-market .svc-center-btn{margin-top:clamp(26px,3vw,36px);}
/* converted pages: roomier checklists */
.svc-checks-2{gap:22px 36px!important;}
.svc-checks-2 .svc-check{padding:18px 20px;background:#F4F8FC;border:1px solid #E2EBF5;border-radius:14px;}
.svc-proof .svc-checks-2 .svc-check{background:#fff;}
@media(max-width:767px){.svc-checks-2{gap:12px!important;} .svc-checks-2 .svc-check{padding:16px;}}
body .svc-check p a,body .svc-lead a{font:inherit!important;color:#2F9BF5!important;text-decoration:underline;text-underline-offset:2px;}
/* tablet: a roomier side gutter than phones (20px felt tight at 768–980) */
@media(min-width:768px) and (max-width:980px){
.rd-sec,.rd-sec.svc-grid,.rd-services{padding-left:32px!important;padding-right:32px!important;}
#site-footer .et_pb_row{padding-left:32px!important;padding-right:32px!important;}
}
/* converted location pages: breadcrumb bar above the footer (links up to the parent service) */
.svc-crumbs-sec{background:#F4F8FC!important;padding-top:0!important;padding-bottom:calc(38px + clamp(28px,3vw,40px))!important;}
.svc-faq-ref:has(+ .svc-crumbs-sec) .svc-faq{padding-bottom:clamp(20px,2.5vw,32px)!important;}
.svc-crumbs{max-width:1000px;margin:0 auto;padding-top:18px;border-top:1px solid #E2EBF5;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font:500 14px/1.5 'Barlow';color:#5A7AA0!important;}
body .svc-crumbs a{font:600 14px/1.5 'Barlow'!important;color:#2F9BF5!important;text-decoration:none;}
body .svc-crumbs a:hover{text-decoration:underline;}
.svc-crumbs .sep{color:#8FAFCB!important;}
.svc-crumbs span[aria-current]{color:#5A7AA0!important;}
.svc-parent-link{margin-top:18px!important;}
body .svc-parent-link a{font:600 16px/1.4 'Archivo'!important;color:#2F9BF5!important;text-decoration:none;}
.svc-parent-link a:hover{text-decoration:underline;}
.svc-related{background:#fff!important;padding-top:clamp(28px,3.5vw,48px)!important;padding-bottom:clamp(28px,3.5vw,48px)!important;}
.svc-related-list{list-style:none;margin:clamp(22px,3vw,32px) auto 0!important;padding:0!important;max-width:1100px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;}
.svc-related-list li{margin:0!important;padding:0!important;}
.svc-related-list li::before{display:none!important;}
body .svc-related-list a{display:block;height:100%;padding:14px 18px;border:1px solid #E2EBF5;border-radius:12px;background:#F4F8FC;font:500 15px/1.4 'Barlow'!important;color:#0B2545!important;text-decoration:none;transition:border-color .2s,color .2s;}
body .svc-related-list a:hover{border-color:#1FD9EE;color:#2F9BF5!important;}
/* website plans: term line under each price (matches Scalable Websites) */
.tier-term{margin-top:6px;font:500 14px/1.4 'Barlow';color:#8FAFCB!important;}
.svc-tier .sub{font-weight:500;}
/* related pages: no list bullets/markers, cards centred */
body .svc-related-list,body .svc-related-list li{list-style:none!important;}
.svc-related-list li::marker{content:''!important;}
.svc-related-list{justify-content:center;}
/* ===== Utility pages (contact, onboarding, thank-you, founder bio, sitemap) ===== */
.ut-hero .rd-h1 .grad{background:linear-gradient(90deg,#1FD9EE,#6BC8FF);-webkit-background-clip:text;background-clip:text;color:transparent!important;}
.ut-hero .ut-btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:30px;}
.ut-hero .ut-phone-light{color:#BBD3E8!important;margin-top:22px;}
.ut-hero .ut-phone-light a{color:#1FD9EE!important;}
/* contact */
.ut-contact-sec{background:#F4F8FC!important;padding:clamp(48px,6vw,88px) 0!important;}
.ut-contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,3vw,44px);max-width:1180px;margin:0 auto;align-items:start;}
.ut-contact-info{display:flex;flex-direction:column;gap:14px;}
.ut-info-card{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid #E1EAF4;border-radius:18px;padding:18px 22px;box-shadow:0 10px 30px rgba(11,37,69,.06);}
.ut-ic{flex:0 0 46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#03101F;background:linear-gradient(135deg,#1FD9EE,#2F9BF5);}
.ut-lbl{font:600 12px/1 'Barlow';letter-spacing:.16em;text-transform:uppercase;color:#5A7AA0;margin-bottom:6px;}
.ut-val{margin:0!important;padding:0!important;font:600 17px/1.4 'Archivo';color:#0B2545!important;}
.ut-val a{color:#0B2545!important;text-decoration:none;} .ut-val a:hover{color:#2F9BF5!important;}
.ut-map{border-radius:18px;overflow:hidden;border:1px solid #E1EAF4;height:260px;}
.ut-map iframe{width:100%;height:100%;border:0;display:block;}
.ut-contact-form.sched-card{max-width:none!important;margin:0!important;box-shadow:0 30px 70px rgba(11,37,69,.14);}
.ut-form-h{margin:0 0 10px!important;font:800 clamp(22px,2vw,28px)/1.2 'Archivo';color:#0B2545!important;text-align:center;}
.ut-contact-form .ut-form iframe{min-height:757px;}
/* onboarding */
.ut-card-sec{margin-top:0;padding-top:clamp(8px,1vw,16px)!important;}
.sched-card.ut-card-wide{max-width:860px!important;}
.ut-card-wide .ut-form iframe{min-height:1510px;}
/* founder bio */
.ut-bio-sec{background:#fff!important;padding:clamp(48px,6vw,88px) 20px!important;}
.ut-bio{max-width:760px;margin:0 auto;text-align:center;}
.ut-bio-lead{font:400 clamp(17px,1.4vw,20px)/1.7 'Barlow';color:#2B4A6F!important;margin:0 0 18px!important;}
.ut-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:26px 0 8px;}
.ut-chips a{padding:10px 18px;border-radius:999px;border:1px solid #CFE0F1;background:#F4F8FC;font:600 14px/1 'Barlow';color:#0B2545!important;text-decoration:none;}
.ut-chips a:hover{border-color:#2F9BF5;color:#2F9BF5!important;}
.ut-bio .rd-center-btn{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}
.ut-bio .rd-btn-ghost.ut-ghost-dark{border-color:#CFE0F1;color:#0B2545!important;}
.ut-bio .rd-btn-ghost.ut-ghost-dark:hover{border-color:#2F9BF5;color:#2F9BF5!important;}
/* html sitemap */
.ut-sitemap-sec{background:#F4F8FC!important;padding:clamp(48px,6vw,88px) 20px!important;}
.rd-sitemap{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(28px,3vw,44px);}
.rd-sm-h{margin:0 0 16px!important;font:800 clamp(22px,2vw,28px)/1.2 'Archivo';color:#0B2545!important;}
.rd-sm-list{list-style:none!important;margin:0!important;padding:0!important;}
.rd-sm-list li{list-style:none!important;padding:0!important;margin:0 0 8px!important;break-inside:avoid;}
.rd-sm-list li::marker{content:none;}
.rd-sm-list a{font:500 15px/1.45 'Barlow';color:#2B4A6F!important;text-decoration:none;}
.rd-sm-list a:hover{color:#2F9BF5!important;}
.rd-sm-cols{columns:3 260px;column-gap:32px;}
.rd-sm-block > .rd-sm-cols{background:#fff;border:1px solid #E1EAF4;border-radius:18px;padding:22px 26px!important;}
.rd-sm-svc{background:#fff;border:1px solid #E1EAF4;border-radius:18px;margin-bottom:12px;overflow:hidden;}
.rd-sm-svc summary{display:flex;align-items:center;gap:14px;padding:18px 24px;cursor:pointer;list-style:none;}
.rd-sm-svc summary::-webkit-details-marker{display:none;}
.rd-sm-svc summary a{font:700 18px/1.3 'Archivo';color:#0B2545!important;text-decoration:none;}
.rd-sm-svc summary a:hover{color:#2F9BF5!important;}
.rd-sm-count{margin-left:auto;font:600 12px/1 'Barlow';letter-spacing:.12em;text-transform:uppercase;color:#5A7AA0;}
.rd-sm-svc .sign{position:relative;width:14px;height:14px;flex:0 0 14px;}
.rd-sm-svc .sign::before,.rd-sm-svc .sign::after{content:'';position:absolute;left:0;top:6px;width:14px;height:2px;background:#2F9BF5;transition:transform .25s;}
.rd-sm-svc .sign::after{transform:rotate(90deg);} .rd-sm-svc[open] .sign::after{transform:rotate(0);}
.rd-sm-svc > .rd-sm-cols{padding:4px 24px 20px!important;border-top:1px solid #EEF3F9;padding-top:18px!important;}
.rd-sm-more{margin:14px 0 0!important;} .rd-sm-more a{font:700 15px/1 'Archivo';color:#2F9BF5!important;}
@media(max-width:900px){
.ut-contact-grid{grid-template-columns:1fr;}
.ut-contact-sec{padding-left:20px!important;padding-right:20px!important;}
.rd-sm-svc summary{padding:16px 18px;flex-wrap:wrap;} .rd-sm-count{margin-left:0;order:3;flex-basis:100%;}
.rd-sm-svc .sign{margin-left:auto;}
}
/* thank-you page: reviews block is the last section — clear the footer CTA card that overlaps the footer top */
.ut-reviews-ref .rd-reviews{padding-bottom:calc(clamp(28px,3.5vw,48px) + 72px)!important;}