/* Blyfa service templates, v1.17.0. Everything is scoped to the new sections. */
.bf-service{--bf-ink:#202124;--bf-muted:#545b57;--bf-green:#10C843;--bf-line:#d9ded9;--bf-mint:#dcefdc;--bf-cream:#f6f4ed;--bf-lilac:#e9e3f2;--bf-peach:#f3d5bb;color:var(--bf-ink);font-size:16px;line-height:1.65;text-align:left}
.bf-service *, .bf-service *::before, .bf-service *::after{box-sizing:border-box}
.bf-service :is(article,div){min-width:0}
.bf-wrap{width:min(91.5%,1380px);margin-inline:auto}
.bf-section{padding-block:clamp(64px,7.8vw,124px)}
.bf-service :is(h1,h2,h3,h4,p,figure){margin:0}
.bf-service :is(h1,h2,h3,h4){color:inherit;text-wrap:balance}
.bf-service h1{font-size:clamp(48px,6.6vw,104px);font-weight:580;line-height:1.03;letter-spacing:-.065em}
.bf-service h2{font-size:clamp(32px,3.55vw,56px);font-weight:570;line-height:1.08;letter-spacing:-.052em}
.bf-service h3{font-size:clamp(21px,2vw,29px);font-weight:560;line-height:1.2;letter-spacing:-.035em}
.bf-service h4{font-size:19px;font-weight:580;letter-spacing:-.02em}
.bf-service p{color:var(--bf-muted)}
.bf-service :is(p,li,dd){text-wrap:pretty}
.bf-service :is(a,button,summary){-webkit-tap-highlight-color:transparent}
.bf-service :is(a,button,summary,input):focus-visible{outline:3px solid var(--bf-green);outline-offset:5px}
.bf-service :is(section,[id]){scroll-margin-top:32px}
.bf-service [hidden]{display:none!important}
.bf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
.bf-button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:54px;padding:15px 25px;border:1px solid var(--bf-ink);border-radius:99px;background:var(--bf-ink);color:white;font-size:15px;font-weight:560;line-height:1.4;transition:background .18s,color .18s,transform .18s;text-decoration:none}
.bf-button:hover{background:#35443b;transform:translateY(-2px)}
.bf-button--light{background:white;border-color:white;color:var(--bf-ink)}
.bf-button--light:hover{background:var(--bf-mint)}
.bf-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;padding-block:9px;font-weight:560;font-size:15px;color:var(--bf-ink);text-decoration:underline;text-decoration-color:#a9b3ac;text-underline-offset:6px}
.bf-text-link:hover{text-decoration-color:currentColor}
.bf-media{position:relative;overflow:hidden;isolation:isolate;min-width:0;background:var(--bf-mint);border-radius:22px}
.bf-media__placeholder{position:absolute;inset:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;border:1px dashed #20212435;border-radius:inherit;padding:20px;color:#3c493e}
.bf-media__placeholder span{font-size:16px;font-weight:550;letter-spacing:-.02em}
.bf-media__placeholder small{font-size:12px;line-height:1.6;max-width:24ch;opacity:.85}
.bf-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.bf-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--bf-green);flex-shrink:0}

/* Web design: a visual spread, an open process, a redesign note and a handover. */
.bf-design-principles{background:#fafaf6}
.bf-design-principles__heading{display:grid;grid-template-columns:1.4fr .65fr;gap:10%;align-items:end;margin-bottom:52px}
.bf-design-principles__heading h2{max-width:20ch}
.bf-design-principles__heading>p{max-width:34ch;font-size:17px}
.bf-design-principles__gallery{display:grid;grid-template-columns:1.42fr 1fr;gap:5%}
.bf-design-principles__desktop{padding-top:18px}
.bf-design-principles__mobile{padding-top:76px}
.bf-design-desktop-image{aspect-ratio:1.5;background:#eddbc8;border-radius:20px 20px 70px 20px}
.bf-design-mobile-image{aspect-ratio:1.06;background:var(--bf-lilac);border-radius:100px 20px 20px 20px}
.bf-design-principles__gallery article>div:last-child{padding:24px 2px 0;max-width:570px}
.bf-design-principles__gallery h3{margin-bottom:12px}
.bf-design-principles__gallery p{max-width:54ch}
.bf-design-principles__foot{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:35px;margin-top:46px;border-top:1px solid var(--bf-line)}
.bf-design-principles__foot strong{color:var(--bf-ink);font-weight:600}
.bf-design-process h2{margin-bottom:50px}
.bf-design-process__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0;list-style:none;gap:32px}
.bf-design-process__steps>li{border-top:1px solid #a1b2a4;padding-top:20px}
.bf-design-process__steps>li>span{display:block;color:#10C843;font-size:64px;font-weight:400;line-height:1;letter-spacing:-.07em;margin-bottom:40px}
.bf-design-process__steps h3{max-width:16ch;font-size:24px;margin-bottom:14px}
.bf-design-process__steps p{font-size:15px}
.bf-design-redesign{background:#e2ecdf}
.bf-design-redesign__layout{display:grid;grid-template-columns:1fr 1fr;gap:12%}
.bf-design-redesign__intro p{margin:24px 0;max-width:43ch}
.bf-design-redesign__notes{display:flex;flex-direction:column;gap:25px}
.bf-design-redesign__notes article{padding:0 0 25px 24px;border-bottom:1px solid #adbdaa;border-left:3px solid #608962}
.bf-design-redesign__notes article:nth-child(2){margin-left:28px}
.bf-design-redesign__notes article:nth-child(3){margin-left:56px;border-bottom:0;padding-bottom:0}
.bf-design-redesign__notes h3{font-size:23px;margin-bottom:9px}
.bf-design-handover__layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:center}
.bf-design-handover__image{aspect-ratio:.95;background:#ede5ce;border-radius:50% 50% 18px 18px}
.bf-design-handover__copy>p{margin-top:24px;max-width:54ch}
.bf-design-handover__links{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:26px;border-top:1px solid var(--bf-line);padding-top:24px}
.bf-design-handover__links a{font-size:13px;color:var(--bf-muted)}
.bf-design-handover__links span{display:block;color:var(--bf-ink);font-size:16px;font-weight:560;margin-top:5px}
.bf-design-handover__links a:hover span{text-decoration:underline;text-underline-offset:5px}

/* Support: typographic stage and a support desk-style plan list. */
.bf-support-hero{padding-top:30px;padding-bottom:55px}
.bf-support-hero__stage{position:relative;border-radius:32px;background:#dcedd8;padding:54px 52px 32px;min-height:560px}
.bf-support-hero__stage h1{position:relative;z-index:1;font-size:clamp(54px,6.4vw,98px);max-width:14ch}
.bf-support-hero__stage h1>span{color:#315c3c}
.bf-support-hero__image{position:absolute;right:5%;bottom:50px;width:31%;height:70%;border-radius:180px 180px 34px 34px;background:#c3dcbc;transform:rotate(5deg)}
.bf-support-hero__image.has-image{transform:none}
.bf-support-hero__image.has-image>img{object-fit:contain}
.bf-support-hero__note{display:flex;align-items:center;gap:12px;margin-top:36px;max-width:56%;font-size:13px;color:#355c3d}
.bf-support-hero__bottom{display:grid;grid-template-columns:1.1fr .9fr;gap:12%;padding:34px 18px 0;align-items:center}
.bf-support-hero__bottom>p{max-width:54ch;font-size:18px}
.bf-support-hero__bottom .bf-actions{gap:8px;flex-direction:column;align-items:flex-start}
.bf-care__heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:46px}
.bf-care__heading>p{max-width:35ch}
.bf-care__list>article{display:grid;grid-template-columns:38px 1fr 1.5fr auto;align-items:start;gap:35px;padding:32px 0;border-top:1px solid var(--bf-line)}
.bf-care__number{font-size:13px;color:var(--bf-green);padding-top:4px}
.bf-care__list h3{font-size:25px;max-width:16ch}
.bf-care__list p{font-size:15px;max-width:56ch}
.bf-care__tag{font-size:12px;background:#eef3eb;padding:8px 13px;line-height:1.5;border-radius:30px;white-space:nowrap}
.bf-rescue{background:var(--bf-peach);padding-block:44px}
.bf-rescue__inner{display:flex;align-items:center;justify-content:space-between;gap:60px}
.bf-rescue h2{font-size:clamp(29px,2.8vw,43px)}
.bf-rescue p{max-width:62ch;color:#634f3c;margin-top:15px;font-size:15px}
.bf-rescue .bf-button{flex-shrink:0}
.bf-support-start__layout{display:grid;grid-template-columns:.9fr 1fr;gap:12%;align-items:center}
.bf-support-start__image{aspect-ratio:1.12;background:#e5dff0;border-radius:16px}
.bf-support-start__visual>p{padding:20px 0 0 28px;border-left:2px solid #8b79a1;margin-top:24px;font-size:16px;color:#514c59}
.bf-support-start__steps{padding:0;margin:35px 0 0;list-style:none;counter-reset:support-steps}
.bf-support-start__steps li{counter-increment:support-steps;position:relative;margin-left:14px;padding:0 0 32px 36px;border-left:1px solid #becfbc}
.bf-support-start__steps li:last-child{border:0;padding-bottom:0}
.bf-support-start__steps li:before{content:counter(support-steps);position:absolute;left:-15px;top:0;width:29px;height:29px;border:1px solid #acc2a9;background:white;border-radius:50%;display:grid;place-items:center;font-size:12px;color:var(--bf-green)}
.bf-support-start__steps h3{font-size:22px;margin-bottom:12px}
.bf-support-start__steps p{font-size:15px}
.bf-support-plans{background:#f6f6f0}
.bf-support-plans__heading{display:grid;grid-template-columns:1.4fr 1fr;gap:12%;align-items:end;margin-bottom:44px}
.bf-support-plans__heading>p{max-width:42ch}
.bf-support-plans__rows{border:1px solid #cbd4c7;border-radius:24px;overflow:hidden;background:white}
.bf-support-plan{display:grid;grid-template-columns:1fr .85fr 1.15fr;gap:44px;padding:36px 38px;border-bottom:1px solid #cbd4c7;align-items:start}
.bf-support-plan:last-child{border-bottom:0}
.bf-support-plan--plus{background:#e4eedf}
.bf-support-plan__identity h3{font-size:34px;margin-bottom:14px}
.bf-support-plan__identity p{font-size:14px;max-width:28ch}
.bf-support-plan__price strong{font-size:40px;font-weight:540;color:var(--bf-ink);letter-spacing:-.055em;line-height:1.2;display:block}
.bf-support-plan__price span:not([aria-hidden]){display:block;font-size:12px;margin-top:6px}
.bf-support-plan__price .bf-text-link{margin-top:12px;font-size:14px}
.bf-support-plan__allowance{font-size:17px!important;font-weight:550;color:var(--bf-ink)!important}
.bf-support-plan__allowance>span{display:block;font-weight:400;font-size:12px;color:var(--bf-muted);margin-top:4px}
.bf-support-plan details{margin-top:16px}
.bf-support-plan summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;border-top:1px solid #cad3c6;font-size:14px;font-weight:550;list-style:none}
.bf-support-plan summary::-webkit-details-marker{display:none}
.bf-support-plan summary>span{font-size:22px;font-weight:400}
.bf-support-plan details[open] summary>span{transform:rotate(45deg)}
.bf-support-plan ul{margin:10px 0 16px;padding-left:18px;font-size:14px;color:var(--bf-muted)}
.bf-support-plan li+li{margin-top:10px}
.bf-support-plan details>p{font-size:12px;line-height:1.7}
.bf-support-plans__terms{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:26px}
.bf-support-plans__terms p{font-size:12px;line-height:1.8}
.bf-support-boundaries{background:#223d2b;color:#f1f6ed}
.bf-support-boundaries__inner{display:grid;grid-template-columns:1fr 1.1fr;gap:12%}
.bf-support-boundaries h2{font-size:clamp(44px,5.6vw,80px)}
.bf-support-boundaries h2>span{color:#b9d7a9}
.bf-support-boundaries p{color:#d2dfd0;font-size:18px}
.bf-support-boundaries__links{margin-top:36px;display:flex;flex-direction:column}
.bf-support-boundaries__links a{padding-block:18px;border-top:1px solid #546e56;display:flex;justify-content:space-between;gap:20px;font-size:14px;color:#d2dfd0}
.bf-support-boundaries__links a>span{color:#f1f6ed;font-weight:550;white-space:nowrap}
.bf-support-boundaries a:focus-visible{outline-color:#c4eabc}

/* SEO: a full-width masthead, varied service tiles and an interactive proposal. */
.bf-seo-hero{padding-block:50px 0}
.bf-seo-hero h1{font-size:clamp(54px,7.7vw,118px);letter-spacing:-.065em;font-weight:550}
.bf-seo-hero h1>span{color:#386144}
.bf-seo-hero__lower{display:grid;grid-template-columns:1.12fr 1fr;gap:10%;align-items:center;margin-top:46px}
.bf-seo-hero__visual{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#f0e9b8;min-height:224px;border-radius:14px 100px 14px 14px;padding:18px;gap:20px}
.bf-seo-hero__image{height:200px;background:#e6dea5;border-radius:50%}
.bf-seo-hero__image .bf-media__placeholder{inset:12px;padding:10px}
.bf-seo-hero__image.has-image>img{object-fit:contain}
.bf-seo-hero__visual>p{font-size:18px;line-height:1.5;color:#625c36;max-width:19ch;padding-right:12px}
.bf-seo-hero__copy>p{font-size:18px;max-width:48ch;margin-bottom:22px}
.bf-seo-hero__copy>.bf-text-link{display:flex;max-width:max-content;margin-top:8px}
.bf-seo-hero__nav{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid #b7c1b8;border-bottom:1px solid #b7c1b8}
.bf-seo-hero__nav a{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 28px;font-size:14px;min-height:60px}
.bf-seo-hero__nav a:first-child{padding-left:0}
.bf-seo-hero__nav a:last-child{padding-right:0}
.bf-seo-hero__nav a+a{border-left:1px solid #b7c1b8}
.bf-seo-hero__nav a:hover{color:var(--bf-green)}
.bf-seo-work__heading{display:grid;grid-template-columns:1fr .8fr;gap:15%;align-items:end;margin-bottom:42px}
.bf-seo-work__heading>p{max-width:43ch}
.bf-seo-work__grid{display:grid;grid-template-columns:1fr .85fr;gap:20px}
.bf-seo-work__grid article{padding:38px;border-radius:18px;min-width:0}
.bf-seo-work__grid article p{margin-top:18px;max-width:53ch;font-size:15px}
.bf-seo-work__research{background:#f0eddc}
.bf-seo-work__research h3{font-size:clamp(25px,2.4vw,36px)}
.bf-topic-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
.bf-topic-tags>span{border:1px solid #c5c6b2;padding:6px 12px;border-radius:30px;font-size:12px;line-height:1.5}
.bf-seo-work__technical{background:#244032;color:#f0f3e9}
.bf-seo-work__technical p{color:#cedacb}
.bf-seo-work__technical a{color:#e1efcf;margin-top:22px;font-size:13px;text-decoration-color:#7b927d}
.bf-seo-work__technical a:focus-visible{outline-color:#c4eabc}
.bf-seo-work__content{background:#f4f3f7;display:flex;align-items:start;gap:26px}
.bf-seo-work__letter{font-size:58px;line-height:1.1;color:#6b6082;letter-spacing:-.05em}
.bf-seo-work__markets{background:#f3d7c1}
.bf-seo-work__markets .bf-topic-tags>span{border-color:#c7ad96}
.bf-seo-month{background:#f7f8f3}
.bf-seo-month h2{margin-bottom:40px}
.bf-seo-month__sheet{border:1px solid #bbc7b5;border-radius:12px;overflow:hidden;background:white}
.bf-seo-month__opening{display:grid;grid-template-columns:1fr 1fr 100px;gap:36px;padding:32px 38px;border-bottom:1px solid #bbc7b5;align-items:center}
.bf-seo-month__opening h3{font-size:30px}
.bf-seo-month__opening p{font-size:18px}
.bf-seo-month__opening>span{font-size:64px;line-height:1;letter-spacing:-.05em;color:#72866a;text-align:right}
.bf-seo-month__tasks{display:grid;grid-template-columns:repeat(3,1fr);padding:32px 38px;gap:36px}
.bf-seo-month__tasks h3{font-size:20px;margin-bottom:14px}
.bf-seo-month__tasks p{font-size:14px}
.bf-seo-month__tasks>article+article{border-left:1px solid var(--bf-line);padding-left:30px}
.bf-seo-month__repeat{display:grid;grid-template-columns:1fr 1.2fr 50px;gap:30px;padding:26px 38px;background:#e4edda;align-items:center}
.bf-seo-month__repeat h3{font-size:20px}
.bf-seo-month__repeat p{font-size:14px;color:#395237}
.bf-seo-month__repeat>span{font-size:38px;line-height:1;text-align:right;color:#4f7345}
.bf-seo-month__note{max-width:72ch;margin-top:24px!important;font-size:13px}
.bf-seo-report__layout{display:grid;grid-template-columns:1fr .95fr;gap:10%;align-items:center}
.bf-seo-report__copy>p{margin-top:25px}
.bf-seo-report dl{margin:30px 0 0}
.bf-seo-report dl>div{display:grid;grid-template-columns:100px 1fr;gap:28px;border-top:1px solid var(--bf-line);padding:18px 0}
.bf-seo-report dt{font-size:14px;font-weight:600}
.bf-seo-report dd{margin:0;font-size:14px;color:var(--bf-muted)}
.bf-seo-report__paper{padding:24px;background:#e9e5ef;border-radius:10px;transform:rotate(2deg)}
.bf-seo-report__image{aspect-ratio:.95;background:#f7f6fa;border-radius:4px}
.bf-seo-report__paper>p{font-size:12px;line-height:1.6;padding-top:18px;color:#655975}
.bf-seo-plans{background:#f3f1e6}
.bf-seo-plans__heading{display:grid;grid-template-columns:1fr .8fr;gap:12%;align-items:end;margin-bottom:40px}
.bf-seo-plans__heading p{max-width:43ch}
.bf-seo-plans__chooser{border:1px solid #c7c9b9;border-radius:22px;background:white;padding:28px}
.bf-seo-plans__tabs{display:flex;gap:6px;padding:6px;background:#ecefe5;border-radius:99px;width:max-content;max-width:100%;margin-bottom:32px}
.bf-seo-plans__tabs button{border:0;background:transparent;border-radius:99px;padding:12px 34px;font-size:16px;cursor:pointer;min-height:48px;color:#49563f;font-weight:540}
.bf-seo-plans__tabs button[aria-selected=true]{background:#294530;color:#fff}
.bf-seo-plans__tabs button:hover{box-shadow:inset 0 0 0 1px #547047}
.bf-seo-plan{display:grid;grid-template-columns:1fr 1.18fr;gap:9%;padding:4px 22px 22px}
.bf-seo-plan+.bf-seo-plan{border-top:1px solid var(--bf-line);padding-top:40px;margin-top:28px}
.bf-seo-plans__chooser.is-enhanced .bf-seo-plan{border:0;margin:0;padding-top:4px}
.bf-seo-plan__overview h3{font-size:34px;margin-bottom:14px}
.bf-seo-plan__fit{max-width:31ch;font-size:17px}
.bf-seo-plan__price{margin:27px 0!important}
.bf-seo-plan__price strong{display:block;color:var(--bf-ink);font-size:clamp(40px,4.5vw,67px);font-weight:550;line-height:1.1;letter-spacing:-.06em}
.bf-seo-plan__price>span{font-size:13px;display:block;margin-top:8px}
.bf-seo-plan__scope ul{list-style:none;padding:0;margin:18px 0 22px}
.bf-seo-plan__scope li{padding:12px 0 12px 24px;font-size:14px;border-top:1px solid #d9ded4;position:relative}
.bf-seo-plan__scope li:before{content:'+';position:absolute;left:0;top:10px;color:#457543;font-size:18px}
.bf-seo-plan__scope>p{font-size:12px;background:#f3f6ee;padding:14px 18px;border-radius:6px}
.bf-seo-plans__terms{font-size:12px;line-height:1.8;max-width:115ch;margin-top:24px!important}
.bf-seo-fit__layout{display:grid;grid-template-columns:1.1fr 1fr .6fr;gap:6%;align-items:start}
.bf-seo-fit h2{font-size:clamp(32px,3vw,45px)}
.bf-seo-fit .bf-text-link{margin-top:16px}
.bf-seo-fit aside{border-left:1px solid #c6cec3;padding-left:24px}
.bf-seo-fit aside p{font-size:13px;margin-bottom:14px}
.bf-seo-fit aside a{display:flex;justify-content:space-between;gap:12px;min-height:44px;align-items:center;font-size:14px;font-weight:550}

/* Native details keep the FAQs usable with JavaScript disabled. */
.bf-faq{border-top:1px solid #e0e4de;background:#fff}
.bf-faq__layout{display:grid;grid-template-columns:.9fr 1.35fr;gap:10%;align-items:start}
.bf-faq__heading h2{max-width:17ch}
.bf-faq__heading>p{margin-top:24px;max-width:37ch}
.bf-faq__heading>.bf-text-link{margin-top:22px}
.bf-faq__items details{border-top:1px solid #cbd3c9}
.bf-faq__items details:last-child{border-bottom:1px solid #cbd3c9}
.bf-faq__items summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px;padding-block:22px;font-size:17px;font-weight:560;letter-spacing:-.018em;line-height:1.45;cursor:pointer}
.bf-faq__items summary::-webkit-details-marker{display:none}
.bf-faq__items summary>span{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border:1px solid #d0d8cc;border-radius:50%;font-size:20px;font-weight:400;color:#406c3e}
.bf-faq__items details[open] summary>span{transform:rotate(45deg);background:#dfecd7}
.bf-faq__items details>div{padding:0 40px 24px 0;font-size:15px}

@media(min-width:1800px){.bf-wrap{width:min(88%,1520px)}}
@media(max-width:1100px){
 .bf-support-hero__stage{padding:40px 34px;min-height:480px}
 .bf-support-hero__image{right:4%;width:31%;height:66%}
 .bf-support-hero__note{max-width:58%}
 .bf-care__list>article{grid-template-columns:30px .9fr 1.35fr;gap:24px}
 .bf-care__tag{grid-column:2;justify-self:start}
 .bf-support-plan{gap:25px;padding:30px 26px;grid-template-columns:.95fr .8fr 1.1fr}
 .bf-support-plan__price strong{font-size:34px}
 .bf-support-start__layout,.bf-design-handover__layout,.bf-seo-report__layout{gap:7%}
 .bf-seo-hero__lower{gap:6%}
 .bf-seo-hero__visual{grid-template-columns:1fr;padding:20px;border-radius:14px 65px 14px 14px;gap:10px;min-height:0}
 .bf-seo-hero__image{height:180px;width:180px;margin-inline:auto}
 .bf-seo-hero__visual>p{max-width:none;text-align:center;padding:0;font-size:15px}
 .bf-design-process__steps{gap:24px}
 .bf-design-process__steps h3{font-size:21px}
 .bf-seo-work__grid article{padding:30px}
 .bf-seo-work__content{flex-direction:column;gap:12px}
 .bf-seo-fit__layout{grid-template-columns:1fr 1fr;gap:35px}
 .bf-seo-fit aside{grid-column:1/-1;display:flex;gap:30px;align-items:center;border-left:0;border-top:1px solid #c6cec3;padding:20px 0 0}
 .bf-seo-fit aside p{margin:0;max-width:30ch}
 .bf-seo-fit aside a{gap:25px}
}
@media(max-width:800px){
 .bf-service h1{font-size:clamp(46px,7.3vw,64px)}
 .bf-service h2{font-size:clamp(32px,4.8vw,42px)}
 .bf-design-principles__heading{grid-template-columns:1.2fr .8fr;gap:6%}
 .bf-design-principles__heading>p{font-size:15px}
 .bf-design-principles__gallery{gap:6%}
 .bf-design-principles__mobile{padding-top:50px}
 .bf-design-process__steps{grid-template-columns:1fr 1fr;gap:36px}
 .bf-design-process__steps>li>span{margin-bottom:24px}
 .bf-design-process__steps h3{max-width:22ch}
 .bf-design-redesign__layout{gap:6%}
 .bf-design-redesign__notes article:nth-child(n){margin-left:0;padding-left:20px}
 .bf-support-hero__stage{min-height:400px;padding:36px 28px}
 .bf-support-hero__image{width:32%;height:64%}
 .bf-support-hero__bottom{gap:5%;padding-inline:0}
 .bf-support-hero__bottom>p{font-size:16px}
 .bf-support-hero__bottom .bf-button{font-size:13px;padding-inline:20px}
 .bf-care__heading{gap:35px}
 .bf-care__heading p{max-width:29ch;font-size:15px}
 .bf-care__list>article{grid-template-columns:26px 1fr 1.2fr;gap:20px}
 .bf-care__list h3{font-size:23px}
 .bf-care__tag{grid-column:3}
 .bf-rescue__inner{gap:25px}
 .bf-rescue .bf-button{font-size:13px;gap:20px}
 .bf-support-start__layout{gap:6%;grid-template-columns:.85fr 1fr}
 .bf-support-start__image{aspect-ratio:.75}
 .bf-support-start__steps h3{font-size:20px}
 .bf-support-plan{grid-template-columns:1fr 1fr;gap:22px 30px}
 .bf-support-plan__scope{grid-column:1/-1;border-top:1px solid #cad3c6;padding-top:20px}
 .bf-support-plan__scope details{margin-top:10px}
 .bf-support-plan__scope summary{border-top:0}
 .bf-support-plan__allowance>span{display:inline;margin-left:8px}
 .bf-support-plan__price{justify-self:end}
 .bf-support-boundaries__inner{gap:6%}
 .bf-support-boundaries p{font-size:16px}
 .bf-support-boundaries__links a{flex-direction:column;gap:5px}
 .bf-seo-hero h1{font-size:clamp(48px,8.1vw,72px)}
 .bf-seo-hero__lower{margin-top:34px}
 .bf-seo-hero__copy>p{font-size:16px}
 .bf-seo-work__heading,.bf-seo-plans__heading{gap:7%}
 .bf-seo-work__grid{gap:16px;grid-template-columns:1fr 1fr}
 .bf-seo-work__grid article{padding:25px}
 .bf-topic-tags{margin-top:20px}
 .bf-seo-month__opening{padding:28px;gap:24px;grid-template-columns:1fr 1fr 65px}
 .bf-seo-month__opening h3{font-size:24px}
 .bf-seo-month__opening p{font-size:16px}
 .bf-seo-month__tasks{padding:28px;gap:20px}
 .bf-seo-month__tasks>article+article{padding-left:20px}
 .bf-seo-month__repeat{padding:24px 28px;gap:24px;grid-template-columns:1fr 1.3fr 30px}
 .bf-seo-report__layout{gap:6%;grid-template-columns:1.2fr .8fr}
 .bf-seo-report dl>div{grid-template-columns:1fr;gap:7px}
 .bf-seo-report__paper{padding:16px}
 .bf-seo-report__image{aspect-ratio:.65}
 .bf-seo-plan{gap:6%;padding-inline:6px;grid-template-columns:1fr 1.1fr}
 .bf-seo-plan__price strong{font-size:44px}
 .bf-faq__layout{gap:7%;grid-template-columns:.85fr 1.15fr}
 .bf-faq__items summary{font-size:16px;gap:16px}
}
@media(max-width:600px){
 .bf-service{font-size:16px}
 .bf-wrap{width:calc(100% - 36px)}
 .bf-section{padding-block:64px}
 .bf-service h1{font-size:clamp(41px,11vw,63px)}
 .bf-service h2{font-size:clamp(30px,8.4vw,40px)}
 .bf-service h3{font-size:23px}
 .bf-button{min-height:52px;font-size:14px;padding:14px 22px}
 .bf-design-principles__heading{grid-template-columns:1fr;gap:24px;margin-bottom:30px}
 .bf-design-principles__heading h2{max-width:22ch}
 .bf-design-principles__heading>p{max-width:45ch;font-size:16px}
 .bf-design-principles__gallery{grid-template-columns:1fr;gap:35px}
 .bf-design-principles__gallery article{padding:0}
 .bf-design-mobile-image{aspect-ratio:1.3;border-radius:50px 18px 18px 18px}
 .bf-design-desktop-image{aspect-ratio:1.3;border-radius:18px 18px 45px 18px}
 .bf-design-principles__gallery article>div:last-child{padding-top:20px}
 .bf-design-principles__foot{grid-template-columns:1fr;gap:20px;margin-top:35px;padding-top:26px;font-size:15px}
 .bf-design-process h2{margin-bottom:35px}
 .bf-design-process__steps{gap:28px 22px}
 .bf-design-process__steps>li>span{font-size:46px;margin-bottom:22px}
 .bf-design-process__steps h3{font-size:21px}
 .bf-design-process__steps p{font-size:14px}
 .bf-design-redesign__layout{grid-template-columns:1fr;gap:32px}
 .bf-design-redesign__notes h3{font-size:22px}
 .bf-design-handover__layout{grid-template-columns:1fr;gap:32px}
 .bf-design-handover__image{aspect-ratio:1.25;max-width:400px;width:100%;margin-inline:auto;border-radius:120px 120px 18px 18px}
 .bf-design-handover__copy>p{margin-top:20px}
 .bf-design-handover__links{gap:20px;margin-top:25px}
 .bf-design-handover__links span{font-size:14px}
 .bf-support-hero{padding-top:18px;padding-bottom:8px}
 .bf-support-hero__stage{padding:28px 24px 24px;min-height:0;border-radius:22px}
 .bf-support-hero__stage h1{max-width:14ch;font-size:clamp(39px,10.7vw,61px)}
 .bf-support-hero__image{position:relative;right:auto;bottom:auto;width:58%;height:auto;aspect-ratio:1.12;margin:25px 8px 26px auto;border-radius:90px 90px 20px 20px;transform:rotate(5deg)}
 .bf-support-hero__note{font-size:12px;max-width:none;margin:0;gap:9px}
 .bf-support-hero__image .bf-media__placeholder{inset:12px;padding:14px}
 .bf-support-hero__image .bf-media__placeholder span{font-size:13px}
 .bf-support-hero__image .bf-media__placeholder small{font-size:10px}
 .bf-support-hero__bottom{grid-template-columns:1fr;gap:22px;padding:26px 6px 0}
 .bf-support-hero__bottom .bf-button{font-size:14px}
 .bf-support-hero__bottom .bf-actions{gap:10px}
 .bf-care__heading{display:block;margin-bottom:28px}
 .bf-care__heading>p{margin-top:22px;max-width:45ch;font-size:16px}
 .bf-care__list>article{grid-template-columns:24px 1fr;gap:15px 18px;padding-block:26px}
 .bf-care__list h3{font-size:24px}
 .bf-care__list p{grid-column:2}
 .bf-care__tag{grid-column:2}
 .bf-rescue{padding-block:35px}
 .bf-rescue__inner{flex-direction:column;align-items:start;gap:25px}
 .bf-rescue h2{font-size:31px}
 .bf-support-start__layout{display:flex;flex-direction:column-reverse;gap:38px}
 .bf-support-start__image{aspect-ratio:1.3}
 .bf-support-start__visual{width:100%}
 .bf-support-start__visual>p{font-size:15px;padding-top:0;margin-top:20px}
 .bf-support-start__steps h3{font-size:22px}
 .bf-support-plans__heading{grid-template-columns:1fr;gap:24px;margin-bottom:30px}
 .bf-support-plans__rows{border-radius:18px}
 .bf-support-plan{padding:26px 22px;gap:20px;grid-template-columns:minmax(0,1fr)}
 .bf-support-plan__identity h3{font-size:29px}
 .bf-support-plan__identity p{font-size:13px}
 .bf-support-plan__price{justify-self:start}
 .bf-support-plan__price strong{font-size:38px;white-space:nowrap}
 .bf-support-plan__scope{grid-column:auto}
 .bf-support-plan__price .bf-text-link{font-size:12px;gap:10px}
 .bf-support-plan__allowance{font-size:16px!important}
 .bf-support-plan__allowance>span{display:block;margin-left:0}
 .bf-support-plans__terms{grid-template-columns:1fr;gap:14px}
 .bf-support-boundaries__inner{grid-template-columns:1fr;gap:28px}
 .bf-support-boundaries h2{font-size:53px}
 .bf-support-boundaries__links a{gap:5px}
 .bf-seo-hero{padding-top:28px}
 .bf-seo-hero h1{font-size:clamp(41px,10.6vw,60px);max-width:17ch}
 .bf-seo-hero__lower{display:flex;flex-direction:column-reverse;gap:28px;margin-top:28px;align-items:stretch}
 .bf-seo-hero__visual{display:grid;grid-template-columns:.85fr 1fr;gap:18px;border-radius:16px 65px 16px 16px;padding:20px}
 .bf-seo-hero__image{width:100%;height:auto;aspect-ratio:1}
 .bf-seo-hero__visual>p{text-align:left;font-size:14px;max-width:20ch}
 .bf-seo-hero__image .bf-media__placeholder{inset:7px;padding:8px;gap:3px}
 .bf-seo-hero__image .bf-media__placeholder span{font-size:12px}
 .bf-seo-hero__image .bf-media__placeholder small{font-size:9px}
 .bf-seo-hero__nav{margin-top:30px}
 .bf-seo-hero__nav a{padding:16px 12px;font-size:12px;gap:8px;line-height:1.5;align-items:start}
 .bf-seo-work__heading{grid-template-columns:1fr;gap:24px;margin-bottom:30px}
 .bf-seo-work__grid{grid-template-columns:1fr;gap:16px}
 .bf-seo-work__grid article{padding:28px}
 .bf-seo-work__research h3{font-size:28px}
 .bf-seo-work__content{flex-direction:row;gap:20px}
 .bf-seo-work__letter{font-size:45px}
 .bf-seo-work__content h3{font-size:22px}
 .bf-seo-work__content p{margin-top:12px}
 .bf-seo-month h2{margin-bottom:30px}
 .bf-seo-month__opening{grid-template-columns:1fr auto;gap:14px;padding:25px}
 .bf-seo-month__opening p{grid-row:2;grid-column:1;max-width:22ch}
 .bf-seo-month__opening>span{grid-column:2;grid-row:1/3;font-size:52px}
 .bf-seo-month__tasks{grid-template-columns:1fr;gap:22px;padding:25px}
 .bf-seo-month__tasks>article+article{padding:22px 0 0;border-left:0;border-top:1px solid var(--bf-line)}
 .bf-seo-month__tasks h3{font-size:21px;margin-bottom:10px}
 .bf-seo-month__repeat{grid-template-columns:1fr 30px;gap:10px;padding:25px}
 .bf-seo-month__repeat h3{font-size:22px}
 .bf-seo-month__repeat p{grid-column:1;grid-row:2}
 .bf-seo-month__repeat>span{grid-column:2;grid-row:1/3}
 .bf-seo-report__layout{grid-template-columns:1fr;gap:35px}
 .bf-seo-report dl>div{grid-template-columns:90px 1fr;gap:20px}
 .bf-seo-report__paper{width:94%;margin-inline:auto;padding:20px;transform:rotate(1.5deg)}
 .bf-seo-report__image{aspect-ratio:1.02}
 .bf-seo-plans__heading{grid-template-columns:1fr;gap:24px;margin-bottom:30px}
 .bf-seo-plans__chooser{padding:18px;border-radius:18px}
 .bf-seo-plans__tabs{width:100%;margin-bottom:28px}
 .bf-seo-plans__tabs button{flex:1;padding:10px 8px;font-size:14px;min-width:0}
 .bf-seo-plan{grid-template-columns:1fr;gap:32px;padding:0 7px 7px}
 .bf-seo-plan__price strong{font-size:50px}
 .bf-seo-plan__price{margin-block:22px!important}
 .bf-seo-plan__fit{font-size:16px;max-width:35ch}
 .bf-seo-plan__overview h3{font-size:32px}
 .bf-seo-plan__scope h4{font-size:18px}
 .bf-seo-fit__layout{grid-template-columns:1fr;gap:24px}
 .bf-seo-fit aside{flex-wrap:wrap;gap:12px 25px}
 .bf-seo-fit aside p{width:100%;max-width:none}
 .bf-faq__layout{grid-template-columns:1fr;gap:32px}
 .bf-faq__heading h2{max-width:22ch}
 .bf-faq__heading>p{margin-top:20px}
 .bf-faq__heading>.bf-text-link{margin-top:14px}
 .bf-faq__items summary{min-height:72px;padding-block:21px}
 .bf-faq__items details>div{padding-right:18px}
}
@media(max-width:359px){
 .bf-wrap{width:calc(100% - 28px)}
 .bf-design-process__steps{grid-template-columns:1fr}
 .bf-support-hero__stage{padding-inline:20px}
 .bf-support-hero__stage h1{font-size:37px}
 .bf-support-plan{grid-template-columns:1fr;gap:20px}
 .bf-support-plan__price{justify-self:start}
 .bf-seo-hero__visual{grid-template-columns:1fr 1fr;padding:14px}
 .bf-seo-plan__price strong{font-size:43px}
 .bf-seo-work__content{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
 html:has(.bf-service){scroll-behavior:auto}
 .bf-service *, .bf-service *::before, .bf-service *::after{transition:none!important;animation:none!important}
}


/* v1.16 layout refinements requested for the service refresh. */
@media (min-width: 901px){
  .bf-faq__heading{
    position:sticky;
    top:clamp(96px,12vh,138px);
    align-self:start;
  }
}
@media (min-width: 1025px){
  .bf-seo-hero__copy{
    transform:translateY(-14px);
  }
  .bf-seo-hero__copy>.bf-text-link{
    margin-left:25px;
  }
}
@media (min-width: 601px){
  .bf-support-hero__bottom .bf-actions>.bf-text-link{
    margin-left:25px;
  }
}
.bf-button--light:hover{
  color:#fff!important;
}
.bf-webdesign-refresh .bf-media.has-default-image>img{
  object-fit:contain;
  object-position:center;
  background:#fff;
}

/* Keep the repair CTA readable when its hover state flips to a dark fill. */
.bf-rescue .bf-button--light:hover,
.bf-rescue .bf-button--light:focus-visible{
  background:var(--bf-ink);
  border-color:var(--bf-ink);
  color:#fff!important;
}

/* v1.17 sticky FAQ offset: never let the desktop header cover the sticky intro. */
@media (min-width:901px) and (max-width:1024px){
  .bf-faq__heading{top:28px!important}
  .admin-bar .bf-faq__heading{top:60px!important}
}
@media (min-width:1025px){
  .bf-faq__heading{top:calc(clamp(78px,5.6vw,102px) + 26px)!important}
  .admin-bar .bf-faq__heading{top:calc(clamp(78px,5.6vw,102px) + 58px)!important}
}