/* The same energetic, oversized tool on every action button. */
.button,header .nav-cta,.depth-hero .hero-actions .button,.plans .button[data-plan],.closing>.button{position:relative;overflow:visible;min-height:62px;padding:15px 76px 15px 24px;font:600 clamp(23px,1.8vw,29px)/1.12 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.1px;gap:0}
.button>.button-pictogram,header .nav-cta>.button-pictogram,.depth-hero .hero-actions .button>.button-pictogram,.plans .button[data-plan]>.button-pictogram,.closing>.button>.button-pictogram{position:absolute;right:-8px;top:50%;width:80px;height:80px;display:block;border:0;border-radius:0;background:none;transform:translateY(-54%) rotate(-8deg);pointer-events:none;transition:transform 200ms var(--ease-out)}
.button>.button-pictogram>.squeegee-icon,header .nav-cta .squeegee-icon,.depth-hero .hero-actions .squeegee-icon,.plans .button[data-plan] .squeegee-icon,.closing>.button .squeegee-icon{width:100%;height:100%;stroke-width:1.35;filter:drop-shadow(0 2px 1px #02426324)}
.plans .button[data-plan]{font-size:24px;padding-left:17px;padding-right:64px;min-height:64px}
.one-off .one-off-cta{margin-top:0;font-size:24px}
.closing>.button{font-size:34px;min-height:76px;padding:18px 92px 18px 35px}
.closing>.button>.button-pictogram{width:96px;height:96px}
/* A seal with a fine inset perforation and an offset outline gives the price its own plane. */
.depth-hero .price-stamp{isolation:isolate;animation:price-seal-sway 3.6s cubic-bezier(.45,0,.55,1) infinite alternate;box-shadow:4px 7px 0 #0242631a,0 21px 26px -10px #02426380}
.depth-hero .price-stamp::before{content:'';position:absolute;inset:7px;border:1px dashed #02426370;border-radius:50%;pointer-events:none}
.depth-hero .price-stamp::after{content:'';position:absolute;inset:-9px;border:1px solid #02426370;border-radius:50%;transform:translate(3px,4px);pointer-events:none}
.depth-hero .price-stamp>strong{transform:rotate(-5deg);text-shadow:2px 3px 0 #e2474b16}
@keyframes price-seal-sway{from{transform:translate(0,1px) rotate(-12deg) scale(1)}to{transform:translate(-4px,-9px) rotate(-6deg) scale(1.035)}}
.hero-photo.motion-paused .price-stamp{animation-play-state:paused}
/* Keep the supplied logo intact, including its category line. */
.why-heading .why-brand-title{display:flex;align-items:center;flex-wrap:nowrap;gap:22px;font-size:clamp(52px,6.5vw,94px);line-height:1}
.why-brand-title>img{display:block;width:clamp(190px,22vw,310px);height:auto;flex-shrink:0;transform:rotate(-3deg);margin-top:-10px}
.why-brand-title>span{white-space:nowrap}
@media(hover:hover) and (pointer:fine){.button:hover>.button-pictogram,header .nav-cta:hover>.button-pictogram,.depth-hero .hero-actions .button:hover>.button-pictogram,.plans .button[data-plan]:hover>.button-pictogram,.closing>.button:hover>.button-pictogram{transform:translateY(-58%) rotate(2deg)}}
@media(max-width:1150px){.plans .button[data-plan]{font-size:21px;padding-left:14px;padding-right:60px}.button,header .nav-cta,.depth-hero .hero-actions .button{font-size:25px}.one-off .one-off-cta{font-size:23px}}
@media(max-width:800px){.plans .button[data-plan]{font-size:25px}.why-heading .why-brand-title{gap:16px;font-size:55px}.why-brand-title>img{width:210px}.one-off{gap:24px}.one-off .one-off-cta{margin-top:8px}}
@media(max-width:520px){.button,header .nav-cta,.depth-hero .hero-actions .button{font-size:25px;min-height:61px;padding:15px 73px 15px 23px}.plans .button[data-plan]{font-size:19px;line-height:1.08;min-height:64px;padding:12px 57px 12px 11px}.plans .button[data-plan]>.button-pictogram{width:78px;height:78px;right:-13px}.one-off .one-off-cta{font-size:24px;max-width:100%;margin-top:15px}.closing>.button{font-size:29px;min-height:70px;padding:17px 83px 17px 27px}.closing>.button>.button-pictogram{width:87px;height:87px}.why-heading .why-brand-title{gap:8px;font-size:clamp(34px,8vw,46px)}.why-brand-title>img{width:clamp(128px,34vw,172px);margin-top:-4px}dialog .button{font-size:26px;min-height:64px}}
@media(max-width:360px){.plans .button[data-plan]{font-size:18px;padding-left:10px;padding-right:52px}.plans .button[data-plan]>.button-pictogram{width:76px;height:76px;right:-16px}.depth-hero .hero-actions .button{font-size:23px}.closing>.button{font-size:26px;padding-left:22px;padding-right:78px}.one-off .one-off-cta{font-size:22px}}
@media(prefers-reduced-motion:reduce){.depth-hero .price-stamp{animation:none;transform:rotate(-10deg)}.button>.button-pictogram{transition:none}.button:hover>.button-pictogram,header .nav-cta:hover>.button-pictogram,.depth-hero .hero-actions .button:hover>.button-pictogram,.plans .button[data-plan]:hover>.button-pictogram,.closing>.button:hover>.button-pictogram{transform:translateY(-54%) rotate(-8deg)}}
.area form .button{font-size:27px;min-height:62px;padding:15px 76px 15px 24px;gap:0}
@media(max-width:520px){.area form .button{font-size:23px;padding-left:19px;padding-right:65px;min-height:61px}}
@media(max-width:360px){.area form .button{font-size:22px}}

/* Restore the central brand thought, with the service clear at first glance. */
.depth-hero .hero-overline{font:600 16px/1.3 'Barlow Condensed',sans-serif;letter-spacing:1.4px}
.depth-hero .price-stamp{animation:none;transform:rotate(-10deg)}
.promise-marquee{margin:0;background:var(--cream);overflow:hidden}
.promise-marquee .promise-strip{margin:0;transform:none;box-shadow:none}
.plans .button[data-plan][data-selected="true"]{background:var(--pink);color:var(--navy);border-color:var(--navy)}
.why-wimpies .button{max-width:100%;text-wrap:balance}
#belofte{scroll-margin-top:35px}
@media(max-width:800px){.depth-hero .hero-backtype{font-size:clamp(64px,18vw,140px)}.depth-hero .hero-overline{font-size:16px;margin-bottom:27px}}
@media(prefers-reduced-motion:reduce){.depth-hero .price-stamp{animation:none;transform:rotate(-10deg)}}