/* PaywallProject "painted" sitewide layer (2026-11-09).
   Printed last in <head> by mu-plugin pp-painted.php when option ppk_live=1 (or ?ppk_preview=1), body class .ppk-site.
   Restyles the existing Signal/Daylight/navy page components (sg-*, dl-*) without touching page content.
   Rollback: wp option update ppk_live 0 && wp bs_cache purge_cache */

html body.ppk-site{
  --k-ink:#1f2847; --k-text:#46565d; --k-muted:#5f6b70;
  --k-cream:#f7f1e8; --k-sand:#efe6d8; --k-line:#e7dccb; --k-white:#fff;
  --k-orange:#cc4b25; --k-orange-d:#b23f17; --k-peach:#f8e4d7; --k-peach-d:#f2d3c0; --k-sage:#eaf0e8;
  --k-head:"Inter Tight",Inter,system-ui,sans-serif; --k-body:Inter,system-ui,sans-serif;
  --k-art:url(pp-head-dawn.webp); --k-art-m:url(pp-head-dawn-1200.webp); --k-sky:#f1ebe2;
  /* remap the older layers' tokens */
  --pp-bg:#f7f1e8; --pp-border:#e7dccb; --pp-row-tint:#f3eadc; --pp-muted:#5f6b70;
  --dl-bg:#f7f1e8; --dl-lav:#ffffff; --dl-lav-line:#e7dccb; --dl-lav-glow:transparent; --dl-line:#e7dccb;
  --dl-sand:#ffffff; --dl-sand-line:#e7dccb; --dl-ink2:#46565d; --dl-ink3:#5f6b70; --dl-accent-text:#b23f17;
  --sg-lav:#ffffff; --sg-line:#e7dccb; --sg-sand:#f3eadc; --sg-peach:#f8e4d7; --sg-tab:#f3eadc; --sg-text:#46565d; --sg-muted:#5f6b70;
  background:#f7f1e8!important;
}
html body.ppk-site.ppk-art-morning{--k-art:url(pp-head-morning.webp);--k-art-m:url(pp-head-morning-1200.webp);--k-sky:#dce6ec}
html body.ppk-site.ppk-art-golden{--k-art:url(pp-head-golden.webp);--k-art-m:url(pp-head-golden-1200.webp);--k-sky:#f2e6d3}
html body.ppk-site :is(#main,.site-main,main#main){background:transparent!important}
html body.ppk-site #main{font-family:var(--k-body)}

/* ---------- type ---------- */
html body.ppk-site #main :is(.sg-page,.entry-content:not(:has(.ppk))) :is(h1,h2,h3,h4,.sg-ph1,.sg-h2,.sg-h3,.sg-h4,.sg-co-h1){font-family:var(--k-head)!important;color:var(--k-ink)!important;letter-spacing:-.015em!important;text-transform:none!important;font-style:normal!important}
html body.ppk-site #main :is(.sg-h2,.sg-close h2,.dl-wrap h2){font-size:clamp(30px,3.4vw,42px)!important;line-height:1.15!important;font-weight:600!important;text-wrap:balance}
html body.ppk-site #main .sg-h2-sm{font-size:clamp(26px,2.6vw,34px)!important}
html body.ppk-site #main :is(.sg-h3,.dl-fb-row h3){font-size:clamp(24px,2.3vw,30px)!important;line-height:1.2!important;font-weight:600!important}
html body.ppk-site #main :is(.sg-h4,.sg-trio-i h3,.sg-dl-t){font-size:20px!important;line-height:1.3!important;font-weight:600!important;color:var(--k-ink)!important}
html body.ppk-site #main .sg-page :is(p,li,dd,.sg-dl-d){color:var(--k-text)}
html body.ppk-site #main :is(.sg-k,.dl-kicker,.sg-kicker,.sg-plan-tag){font:600 14px/1.3 var(--k-body)!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--k-orange-d)!important;font-style:normal!important}
html body.ppk-site #main .sg-page a:not(.wp-block-button__link){color:var(--k-orange-d)}
html body.ppk-site #main :is(.sg-ticks,.sg-ticks-light,.dl-fb ul) li::before{background-color:var(--k-orange)!important;border-color:var(--k-orange)!important;color:var(--k-orange)!important}
html body.ppk-site #main .sg-ticks li svg{color:var(--k-orange)!important;fill:none}

/* ---------- buttons ---------- */
html body.ppk-site #main :is(.sg-btn-or,.is-style-fill,.sg-btn) .wp-block-button__link,
html body.ppk-site #main .wp-block-button:not(.sg-btn-ghost):not(.sg-btn-line) > .wp-block-button__link{background:var(--k-orange)!important;color:#fff!important;border:2px solid var(--k-orange)!important;border-radius:8px!important;box-shadow:none!important;font:600 17px/1 var(--k-body)!important;min-height:52px;padding:0 24px!important;display:inline-flex!important;align-items:center;justify-content:center}
html body.ppk-site #main :is(.sg-btn-or,.is-style-fill,.sg-btn) .wp-block-button__link:is(:hover,:focus-visible),
html body.ppk-site #main .wp-block-button:not(.sg-btn-ghost):not(.sg-btn-line) > .wp-block-button__link:is(:hover,:focus-visible){background:var(--k-orange-d)!important;border-color:var(--k-orange-d)!important;color:#fff!important}
html body.ppk-site #main :is(.sg-btn-ghost,.sg-btn-line) .wp-block-button__link{background:var(--k-peach)!important;color:var(--k-orange-d)!important;border:2px solid var(--k-peach)!important;border-radius:8px!important;box-shadow:none!important;font:600 17px/1 var(--k-body)!important;min-height:52px;padding:0 24px!important;display:inline-flex!important;align-items:center;justify-content:center}
html body.ppk-site #main :is(.sg-btn-ghost,.sg-btn-line) .wp-block-button__link:is(:hover,:focus-visible){background:var(--k-peach-d)!important;border-color:var(--k-peach-d)!important;color:var(--k-orange-d)!important}
html body.ppk-site #main .wp-block-button__link:focus-visible{outline:3px solid var(--k-ink)!important;outline-offset:3px!important}

/* ---------- header: transparent over painted heads, white once it sticks ---------- */
html body.ppk-site.ppk-overlay #header#header{position:absolute!important;left:0;right:0;top:0;z-index:50}
html body.ppk-site.ppk-overlay #header#header [data-sticky]:not([data-sticky*="yes"]) [data-row*="middle"],
html body.ppk-site.ppk-overlay #header#header [data-sticky]:not([data-sticky*="yes"]) [data-row*="middle"] > .ct-container{background:transparent!important;border-bottom:0!important;box-shadow:none!important}
html body.ppk-site #header#header [data-sticky*="yes"] [data-row*="middle"]{background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--k-line)!important;box-shadow:0 8px 24px -18px rgba(31,40,71,.35)!important}
html body.ppk-site #header#header [data-sticky*="yes"] [data-row*="middle"] > .ct-container{background:transparent!important;box-shadow:none!important}
html body.ppk-site #header#header [data-sticky]{top:0!important}
html body.ppk-site:not(.ppk-overlay) #header#header [data-row*="middle"]{background:var(--k-cream)!important;border-bottom:1px solid var(--k-line)!important}
html body.ppk-site #header#header [data-id="menu"] > ul > li:is(:hover,:focus-within) > a.ct-menu-link,
html body.ppk-site #header#header [data-id="menu"] > ul > li[class*="current-menu"] > a.ct-menu-link{background:rgba(255,255,255,.7)!important}
html body.ppk-site #header#header .ct-header-cta a{background:var(--k-orange)!important;border-color:var(--k-orange)!important;color:#fff!important;border-radius:8px!important}
html body.ppk-site #header#header .ct-header-cta a:is(:hover,:focus-visible){background:var(--k-orange-d)!important;border-color:var(--k-orange-d)!important;color:#fff!important}

/* ---------- painted page heads ---------- */
html body.ppk-site #main .sg-phero{position:relative!important;isolation:isolate;overflow:hidden!important;background:#f2ece3!important;color:var(--k-ink)!important;padding:150px 24px 250px!important;margin:0!important;text-align:center!important;border:0!important;box-shadow:none!important;min-height:0!important}
html body.ppk-site #main .sg-phero::before{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;border-radius:0!important;opacity:1!important;transform:none!important;filter:none!important;
  background:var(--k-art) 50% 100%/cover no-repeat!important;
  -webkit-mask-image:linear-gradient(#000 calc(100% - 90px),transparent);mask-image:linear-gradient(#000 calc(100% - 90px),transparent)}
html body.ppk-site #main .sg-phero::after{display:none!important;content:none!important}
html body.ppk-site #main .sg-phero > .sg-w{max-width:880px!important;margin:0 auto!important;padding:0!important}
html body.ppk-site #main .sg-phero :is(.sg-ph1,h1){font-size:clamp(40px,5vw,62px)!important;line-height:1.06!important;font-weight:600!important;letter-spacing:-.025em!important;color:var(--k-ink)!important;text-align:center!important;text-wrap:balance;margin:0 auto!important;max-width:860px}
html body.ppk-site #main .sg-phero :is(.sg-hero-lead,.sg-hero-note,p:not(.sg-k)){color:var(--k-ink)!important;opacity:.88;font-size:clamp(18px,1.5vw,21px)!important;line-height:1.55!important;max-width:660px!important;margin:18px auto 0!important;text-align:center!important}
html body.ppk-site #main .sg-phero .sg-k{margin:0 0 14px!important;text-align:center!important}
html body.ppk-site #main .sg-phero .wp-block-buttons{justify-content:center!important;gap:14px!important;margin-top:30px!important}
html body.ppk-site #main .sg-phero .sg-vs{justify-content:center!important;margin:0 auto 18px!important}
/* split heads: text on top in the sky, screenshot below resting on the water */
html body.ppk-site #main .sg-phero:has(.sg-phero-cols){padding-bottom:72px!important;background:var(--k-cream)!important}
html body.ppk-site #main .sg-phero:has(.sg-phero-cols)::before{display:none!important}
html body.ppk-site #main .sg-phero-cols{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;max-width:1100px!important;margin:0 auto!important}
html body.ppk-site #main .sg-phero-cols > .wp-block-column{flex:none!important;width:100%!important;max-width:none!important;text-align:center!important}
html body.ppk-site #main .sg-phero-cols > .wp-block-column:first-child{position:relative;padding:0 0 240px!important;max-width:880px!important}
html body.ppk-site #main .sg-phero-cols > .wp-block-column:first-child::before{content:"";position:absolute;z-index:-1;top:-150px;bottom:-110px;left:calc(50% - 50vw);width:100vw;
  background:var(--k-art) 50% 100%/cover no-repeat;-webkit-mask-image:linear-gradient(#000 calc(100% - 70px),transparent);mask-image:linear-gradient(#000 calc(100% - 70px),transparent)}
html body.ppk-site #main .sg-phero-cols > .wp-block-column:last-child{max-width:980px!important}
html body.ppk-site #main .sg-phero-cols :is(.sg-shot,.wp-block-image,.sg-formcard){margin:0 auto!important;text-align:left}
html body.ppk-site #main .sg-phero-cols .sg-shot img{border-radius:12px!important;box-shadow:0 30px 70px -30px rgba(40,30,20,.45),0 0 0 1px rgba(31,40,71,.08)!important;background:#fff;margin:0 auto}
html body.ppk-site #main .sg-phero-cols .sg-formcard{max-width:640px!important}
/* checkout heads stay simple */
html body.ppk-site #main .sg-cohero{background:var(--k-sand)!important;color:var(--k-ink)!important}
html body.ppk-site #main .sg-cohero::before,html body.ppk-site #main .sg-cohero::after{display:none!important}
html body.ppk-site #main .sg-cohero :is(p,h1,.sg-co-price){color:var(--k-ink)!important}

/* ---------- sections ---------- */
html body.ppk-site #main .sg-sec{background:var(--k-cream)!important;border:0!important}
html body.ppk-site #main .sg-sec:is(.is-lav,.is-sand,.is-white){background:#fff!important}
html body.ppk-site #main .sg-sec-q{background:var(--k-sage)!important}
html body.ppk-site #main .sg-sec::before,html body.ppk-site #main .sg-sec::after{background:none!important}
html body.ppk-site #main .sg-page{background:var(--k-cream)!important}

/* cards */
html body.ppk-site #main :is(.sg-trio-i,.sg-dl-i,.sg-alt-i,.sg-choose-i:not(.is-us),.sg-plan:not(.is-on),.dl-fb-also,.sg-formcard,.sg-band,.sg-posts li.wp-block-post,.sg-rel,.sg-co-sum){background:#fff!important;border:1px solid var(--k-line)!important;border-radius:12px!important;box-shadow:none!important}
html body.ppk-site #main .sg-sec:is(.is-lav,.is-sand,.is-white) :is(.sg-trio-i,.sg-dl-i,.sg-alt-i,.sg-choose-i:not(.is-us),.dl-fb-also,.sg-band){background:var(--k-cream)!important}
html body.ppk-site #main .sg-plan.is-on{border-radius:12px!important;background:var(--k-ink)!important}
html body.ppk-site #main .sg-plan.is-on :is(h2,h3,h4,.sg-price,.sg-price *,p,li){color:#fff!important}
html body.ppk-site #main .sg-plan.is-on .sg-plan-tag{color:#f2b48f!important}
html body.ppk-site #main .sg-num{background:var(--k-peach)!important;color:var(--k-orange-d)!important;border-radius:50%!important;font-family:var(--k-head)!important}
html body.ppk-site #main .sg-band{background:var(--k-peach)!important;border-color:var(--k-peach-d)!important}
html body.ppk-site #main .sg-band :is(h2,h3,p,.sg-band-t){color:var(--k-ink)!important}

/* screenshots sit on a sand panel, like the homepage rows */
html body.ppk-site #main .sg-sec :is(.sg-shot,.dl-fb-shot){background:var(--k-sand)!important;border:0!important;border-radius:12px!important;padding:26px!important;box-shadow:none!important}
html body.ppk-site #main .sg-sec :is(.sg-shot,.dl-fb-shot) img{border-radius:8px!important;box-shadow:0 14px 34px -18px rgba(40,30,20,.4)!important;border:0!important}
html body.ppk-site #main .sg-sec:is(.is-lav,.is-sand,.is-white) :is(.sg-shot,.dl-fb-shot){background:var(--k-sand)!important}

/* quotes */
html body.ppk-site #main :is(.sg-bq-q,.sg-quote,.sg-qc blockquote){color:var(--k-ink)!important;font-family:var(--k-body)!important;font-weight:400!important}
html body.ppk-site #main .sg-bq-face img{border-radius:50%!important}

/* logos */
html body.ppk-site #main :is(.sg-logos,.sg-lgrid) img{filter:grayscale(1)!important;opacity:.72!important;mix-blend-mode:multiply}

/* FAQ */
html body.ppk-site #main .sg-faq-i{background:transparent!important;border:0!important;border-bottom:1px solid var(--k-line)!important;border-radius:0!important;box-shadow:none!important}
html body.ppk-site #main .sg-faq-i summary{font-family:var(--k-head)!important;color:var(--k-ink)!important;font-weight:600!important}
html body.ppk-site #main .sg-faq-i summary::after{color:var(--k-orange)!important;border-color:var(--k-orange)!important}

/* ---------- closing band: the dusk painting ---------- */
html body.ppk-site #main :is(.sg-close,.fh__final,.prd__cta){position:relative!important;isolation:isolate;overflow:hidden!important;background:#2b3550!important;color:#f4ece2!important;text-align:center!important;padding:110px 24px 400px!important;min-height:820px;margin:0!important;border-radius:0!important}
html body.ppk-site #main :is(.sg-close,.fh__final,.prd__cta)::before{content:""!important;inset:0!important;top:0!important;bottom:0!important;left:0!important;right:0!important;border-radius:0!important;background:url(pp-town-dusk.webp) 50% 100%/cover no-repeat!important;z-index:-1!important}
html body.ppk-site #main :is(.sg-close,.fh__final,.prd__cta)::after{display:none!important}
html body.ppk-site #main :is(.sg-close,.fh__final,.prd__cta) > *{max-width:720px!important;margin-left:auto!important;margin-right:auto!important}
html body.ppk-site #main#main :is(.sg-close,.fh__final,.prd__cta) :is(h2,h3){color:#fff!important;text-align:center!important;font-size:clamp(34px,4vw,52px)!important}
html body.ppk-site #main#main :is(.sg-close,.fh__final,.prd__cta) p{color:#f1e6da!important;text-align:center!important;opacity:1!important}
html body.ppk-site #main :is(.sg-close,.fh__final,.prd__cta) .wp-block-buttons{justify-content:center!important}
html body.ppk-site #main :is(.sg-close,.fh__final,.prd__cta) .sg-btn-ghost .wp-block-button__link{background:rgba(255,255,255,.14)!important;color:#fff!important;border-color:rgba(255,255,255,.55)!important}
html body.ppk-site #main :is(.sg-close,.fh__final,.prd__cta) .sg-btn-ghost .wp-block-button__link:is(:hover,:focus-visible){background:rgba(255,255,255,.26)!important}
html body.ppk-site #main :is(.sg-close,.fh__final,.prd__cta) .wp-block-button__link:focus-visible{outline-color:#fff!important}

/* ---------- posts, legal, everything else ---------- */
html body.ppk-site.single-post #main,html body.ppk-site.page:not(.sg-full) #main{background:var(--k-cream)!important}
html body.ppk-site .entry-content :is(h1,h2,h3){font-family:var(--k-head)!important;color:var(--k-ink)!important}

/* footer: deep navy, follows the dusk band */
html body.ppk-site .ppf{font-family:var(--k-body)}

@media (max-width:760px){
  html body.ppk-site #main .sg-phero{padding:120px 16px 210px!important}
  html body.ppk-site #main .sg-phero::before{background:var(--k-art-m) 42% 100%/auto 440px no-repeat,var(--k-sky)!important}
  html body.ppk-site #main .sg-phero:has(.sg-phero-cols){padding-bottom:48px!important}
  html body.ppk-site #main .sg-phero-cols > .wp-block-column:first-child{padding-bottom:200px!important}
  html body.ppk-site #main .sg-phero-cols > .wp-block-column:first-child::before{top:-120px;background:var(--k-art-m) 42% 100%/auto 440px no-repeat,var(--k-sky)}
  html body.ppk-site #main .sg-phero .wp-block-buttons > .wp-block-button{flex:1 1 100%}
  html body.ppk-site #main .sg-phero .wp-block-button__link{width:100%}
  html body.ppk-site #main :is(.sg-close,.fh__final,.prd__cta){padding:80px 16px 300px!important;min-height:640px}
  html body.ppk-site #main :is(.sg-close,.fh__final,.prd__cta)::before{background-image:url(pp-town-dusk-1200.webp)!important;background-size:auto 480px!important}
  html body.ppk-site #main .sg-sec :is(.sg-shot,.dl-fb-shot){padding:14px!important}
}

/* ---------- homepage (.ppk): hold its own colours against the older layers' #main rules ---------- */
html body.ppk-site #main .ppk :is(h1,h2,h3){color:var(--k-ink)!important;font-family:var(--k-head)!important}
html body.ppk-site #main .ppk :is(p,li,dd,blockquote){color:var(--k-text)}
html body.ppk-site #main .ppk .ppk-eyebrow{color:var(--k-orange-d)!important}
html body.ppk-site #main .ppk :is(.ppk-lede,.ppk-trust,.ppk-quotes blockquote,.ppk-pq blockquote){color:var(--k-ink)!important}
html body.ppk-site #main .ppk .ppk-kicker{color:var(--k-muted)!important}
html body.ppk-site #main .ppk .ppk-final h2{color:#fff!important}
html body.ppk-site #main .ppk .ppk-final p{color:#f1e6da!important}
html body.ppk-site #main .ppk .ppk-btn--primary{color:#fff!important}
html body.ppk-site #main .ppk .ppk-btn--ink{color:#fff!important}
html body.ppk-site #main .ppk .ppk-btn--soft{color:var(--k-orange-d)!important}
html body.ppk-site #main .ppk .ppk-btn--glass{color:#fff!important}
html body.ppk-site #main .ppk a:not(.ppk-btn){color:var(--k-orange-d)!important}
html body.ppk-site #main .ppk .ppk-price{color:var(--k-muted)!important}
html body.ppk-site #main .sg-choose-i.is-us{background:var(--k-ink)!important;border:0!important;border-radius:12px!important}
html body.ppk-site #main#main .sg-choose-i.is-us :is(h2,h3,h4,p,li,strong){color:#fff!important}
html body.ppk-site #main :is(.sg-ailogos,.tos__toc){border-radius:12px!important}
/* pages without the closing painting (posts, legal, blog archive): a dusk strip of the town above the footer */
html body.ppk-site:not(.ppk-page):not(:has(#main .sg-close)) .ppf{position:relative;margin-top:250px!important}
html body.ppk-site:not(.ppk-page):not(:has(#main .sg-close)) .ppf::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:250px;pointer-events:none;
  background:url(pp-strip-dusk.webp) 50% 100%/cover no-repeat;-webkit-mask-image:linear-gradient(transparent,#000 90px);mask-image:linear-gradient(transparent,#000 90px)}
@media (max-width:760px){
  html body.ppk-site:not(.ppk-page):not(:has(#main .sg-close)) .ppf{margin-top:170px!important}
  html body.ppk-site:not(.ppk-page):not(:has(#main .sg-close)) .ppf::before{height:170px;background-image:url(pp-strip-dusk-1200.webp);background-size:auto 200px}
}
/* dark cards that stay navy: keep their text light */
html body.ppk-site #main#main :is(.sg-person.is-lead,.sg-dark:not(.sg-phero):not(.sg-close):not(.sg-cohero),.dl-cta-box) :is(h1,h2,h3,h4,strong){color:#fff!important}
html body.ppk-site #main#main :is(.sg-person.is-lead,.sg-dark:not(.sg-phero):not(.sg-close):not(.sg-cohero),.dl-cta-box) :is(p,li,span:not([class*="btn"])){color:#e3e6ef!important}
html body.ppk-site #main .sg-person{border-radius:12px!important}
/* blog posts: older 14–16px corners down to 12 */
html body.ppk-site.ppk-site :is(#main,#main#main,.site-main) :is(.ct-media-container,.wp-post-image,.pp-side-card,.pp-aside li,.sg-posts li.wp-block-post,li.post,article.post,.wp-block-post-featured-image img,[class*="post-"].type-post){border-radius:12px!important}
html body.ppk-site #main#main .sg-cohero :is(h1,p,strong,.sg-co-h1,.sg-co-price){color:var(--k-ink)!important}
html body.ppk-site #main#main :is(.sg-ticks,.sg-ticks-light) li::before{background-color:var(--k-orange)!important}
html body.ppk-site #main .sg-phero :is(.sg-ticks,.sg-ticks-light){display:table!important;margin:20px auto 0!important;text-align:left!important;width:auto!important}
html body.ppk-site #main .sg-phero :is(.sg-ticks,.sg-ticks-light) li{color:var(--k-ink)!important;text-align:left!important}

/* ---------- checkout pages: one calm cream surface, header lined up with the content ---------- */
html body.ppk-site:has(.sg-cohero) #header#header,
html body.ppk-site:has(.sg-cohero) #header#header [data-row]{background:var(--k-cream)!important;box-shadow:none!important}
html body.ppk-site:has(.sg-cohero) #header#header{border-bottom:1px solid var(--k-line)!important}
html body.ppk-site .pp-co-head{max-width:1240px!important;padding:0 32px!important;margin:0 auto!important;box-sizing:border-box}
html body.ppk-site .pp-co-secure{color:var(--k-ink)!important;font:600 14px/1.2 var(--k-body)!important}
html body.ppk-site #main .sg-cohero{background:var(--k-cream)!important;border:0!important;padding:44px 0 4px!important;min-height:0!important}
html body.ppk-site #main#main .sg-cohero .sg-co-h1{font:600 clamp(32px,3.2vw,42px)/1.1 var(--k-head)!important;letter-spacing:-.02em!important;color:var(--k-ink)!important;margin:0!important}
html body.ppk-site #main#main .sg-cohero .sg-co-price{font:400 18px/1.5 var(--k-body)!important;color:var(--k-text)!important;margin:8px 0 0!important}
html body.ppk-site #main#main .sg-cohero .sg-co-price strong{color:var(--k-ink)!important;font-weight:600!important}
html body.ppk-site #main .sg-co{padding-top:28px!important}

/* ---------- contact: the team sits on a soft card above the town ---------- */
html body.ppk-site #main .sg-phero .r7-team{max-width:560px!important;margin:32px auto 0!important;padding:20px 24px 18px!important;
  background:rgba(255,255,255,.86)!important;border:1px solid rgba(231,220,203,.9)!important;border-radius:12px!important;
  box-shadow:0 18px 40px -28px rgba(40,30,20,.45)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:left!important}
html body.ppk-site #main#main .sg-phero .r7-team-k{font:600 13px/1.3 var(--k-body)!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-style:normal!important;color:var(--k-orange-d)!important;margin:0 0 14px!important;text-align:left!important}
html body.ppk-site #main .sg-phero .r7-team-l{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px 20px!important;margin:0!important;padding:0!important;list-style:none!important}
html body.ppk-site #main .sg-phero .r7-team-l li{display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;padding:0!important;text-align:left!important}
html body.ppk-site #main .sg-phero .r7-team-l li::before{display:none!important}
html body.ppk-site #main .sg-phero .r7-team-l img{width:44px!important;height:44px!important;border-radius:50%!important;flex:none!important;margin:0!important}
html body.ppk-site #main#main .sg-phero .r7-team-l span{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;font:400 14px/1.35 var(--k-body)!important;color:var(--k-muted)!important}
html body.ppk-site #main#main .sg-phero .r7-team-l b{font:600 15px/1.3 var(--k-body)!important;color:var(--k-ink)!important}
html body.ppk-site #main#main .sg-phero .r7-team-more{margin:16px 0 0!important;padding-top:14px!important;border-top:1px solid var(--k-line)!important;text-align:left!important;font:600 15px/1.3 var(--k-body)!important}
html body.ppk-site #main#main .sg-phero .r7-team-more a{color:var(--k-orange-d)!important;text-decoration:none!important}
html body.ppk-site #main#main .sg-phero .r7-team-more a:hover{text-decoration:underline!important}
@media (max-width:560px){ html body.ppk-site #main .sg-phero .r7-team-l{grid-template-columns:1fr!important} }

/* "Learn more →" links (sg-more): plain links, not cards */
html body.ppk-site #main .sg-more{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
html body.ppk-site #main#main .sg-more a{color:var(--k-orange-d)!important;font:600 17px/1.4 var(--k-body)!important;text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:4px!important;border:0!important}
html body.ppk-site #main#main .sg-more a:hover{color:var(--k-ink)!important}

/* ---------- changelog ---------- */
html body.ppk-site #main .sg-rel{padding:28px 32px 30px!important;margin:0 0 20px!important;border-top:1px solid var(--k-line)!important}
html body.ppk-site #main .sg-rel-h{gap:14px!important;align-items:baseline!important;margin:0 0 10px!important;padding-bottom:14px;border-bottom:1px solid var(--k-line)}
html body.ppk-site #main#main .sg-rel-h h2{font:600 30px/1.1 var(--k-head)!important;letter-spacing:-.02em!important}
html body.ppk-site #main#main .sg-rel-h time{color:var(--k-muted)!important;font-size:15px!important}
html body.ppk-site #main#main .sg-rel-h .sg-latest{background:var(--k-peach)!important;color:var(--k-orange-d)!important;border:0!important;border-radius:6px!important;padding:5px 8px!important;font:600 12px/1 var(--k-body)!important;letter-spacing:.08em!important;text-transform:uppercase!important}
html body.ppk-site #main .sg-rel-g{grid-template-columns:120px minmax(0,1fr)!important;gap:20px!important;padding:16px 0 0!important}
html body.ppk-site #main .sg-rel-g + .sg-rel-g{margin-top:6px;border-top:1px dashed var(--k-line)}
html body.ppk-site #main#main .sg-rel-g h3{font:600 12px/2.1 var(--k-body)!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--k-ink)!important}
html body.ppk-site #main#main .sg-rel-g:is(.is-breaking,.is-security) h3{color:var(--k-orange-d)!important}
html body.ppk-site #main .sg-rel-g ul{padding-left:18px!important}
html body.ppk-site #main .sg-rel-g li{margin:0 0 8px!important;line-height:1.6!important;font-size:16px!important}
html body.ppk-site #main .sg-rel-g li:last-child{margin-bottom:0!important}
@media (max-width:700px){
  html body.ppk-site #main .sg-rel{padding:22px 18px 24px!important}
  html body.ppk-site #main .sg-rel-g{grid-template-columns:1fr!important;gap:6px!important}
}
html body.ppk-site #main .sg-sec.sg-sec-mini{padding:0 24px 72px!important;text-align:center!important}
html body.ppk-site #main .sg-sec.sg-sec-mini .sg-more{text-align:center!important;margin:0!important}
html body.ppk-site #main .sg-sec-faq:has(+ .sg-sec-mini){padding-bottom:40px!important}
/* checkout header: same scale as the main site header (logo 27px tall, 80px bar) */
html body.ppk-site .pp-co-head{min-height:80px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
html body.ppk-site .pp-co-head .pp-co-logo{height:27px!important;width:auto!important;max-width:none!important}
html body.ppk-site .pp-co-secure{font:600 16px/1.2 var(--k-body)!important;display:flex!important;align-items:center!important;gap:8px!important;margin:0!important}
html body.ppk-site .pp-co-secure::before{transform:scale(1.15)}
html body.ppk-site #main .sg-co-aside{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}

/* ---------- compact page heads (2026-11-09 r2): short sky + slim town strip along the bottom ---------- */
html body.ppk-site{--k-strip:url(pp-strip-dawn.webp);--k-strip-m:url(pp-strip-dawn-1200.webp);--k-stripsky:#f5e3c9;--k-band:clamp(150px,19vw,300px)}
html body.ppk-site.ppk-art-morning{--k-strip:url(pp-strip-morning.webp);--k-strip-m:url(pp-strip-morning-1200.webp);--k-stripsky:#e7e7db}
html body.ppk-site.ppk-art-golden{--k-strip:url(pp-strip-golden.webp);--k-strip-m:url(pp-strip-golden-1200.webp);--k-stripsky:#f4dab5}
html body.ppk-site.ppk-site #main .sg-phero:not(:has(.sg-phero-cols)){padding:112px 24px calc(var(--k-band) * .62)!important;background:var(--k-sky)!important}
html body.ppk-site.ppk-site #main .sg-phero:not(:has(.sg-phero-cols))::before{background:linear-gradient(var(--k-sky),var(--k-stripsky))!important;-webkit-mask-image:none!important;mask-image:none!important}
html body.ppk-site.ppk-site #main .sg-phero:not(:has(.sg-phero-cols))::after{content:""!important;display:block!important;position:absolute!important;left:0;right:0;bottom:0;top:auto!important;z-index:-1!important;height:var(--k-band);
  background:var(--k-strip) 50% 100%/cover no-repeat!important;-webkit-mask-image:linear-gradient(transparent,#000 50px);mask-image:linear-gradient(transparent,#000 50px);pointer-events:none}
/* split heads: same strip under the text column */
html body.ppk-site.ppk-site #main .sg-phero-cols > .wp-block-column:first-child{padding-bottom:calc(var(--k-band) * .62)!important}
html body.ppk-site.ppk-site #main .sg-phero:has(.sg-phero-cols){padding-top:112px!important}
html body.ppk-site.ppk-site #main .sg-phero-cols > .wp-block-column:first-child::before{top:-112px!important;bottom:-24px!important;
  background:var(--k-strip) 50% 100%/auto var(--k-band) no-repeat,linear-gradient(var(--k-sky),var(--k-stripsky) calc(100% - var(--k-band) + 40px))!important;-webkit-mask-image:none!important;mask-image:none!important}
@media (max-width:760px){
  html body.ppk-site{--k-band:150px}
  html body.ppk-site.ppk-site #main .sg-phero:not(:has(.sg-phero-cols)){padding:100px 16px 104px!important}
  html body.ppk-site.ppk-site #main .sg-phero:not(:has(.sg-phero-cols))::before{background:linear-gradient(var(--k-sky),var(--k-stripsky))!important}
  html body.ppk-site.ppk-site #main .sg-phero:not(:has(.sg-phero-cols))::after{background-image:var(--k-strip-m)!important}
  html body.ppk-site.ppk-site #main .sg-phero:has(.sg-phero-cols){padding-top:100px!important}
  html body.ppk-site.ppk-site #main .sg-phero-cols > .wp-block-column:first-child{padding-bottom:104px!important}
  html body.ppk-site.ppk-site #main .sg-phero-cols > .wp-block-column:first-child::before{top:-100px!important;background:var(--k-strip-m) 50% 100%/auto 150px no-repeat,linear-gradient(var(--k-sky),var(--k-stripsky))!important}
}
/* r3: smaller band, text kept clear of it; split heads get the band as their own full-width layer */
html body.ppk-site{--k-band:clamp(120px,14vw,220px)}
html body.ppk-site.ppk-site.ppk-site #main .sg-phero:not(:has(.sg-phero-cols)){padding-bottom:calc(var(--k-band) * 1.04)!important}
html body.ppk-site.ppk-site.ppk-site #main .sg-phero-cols > .wp-block-column:first-child{padding-bottom:calc(var(--k-band) * 1.04)!important}
html body.ppk-site.ppk-site.ppk-site #main .sg-phero-cols > .wp-block-column:first-child::before{background:linear-gradient(var(--k-sky),var(--k-stripsky))!important}
html body.ppk-site.ppk-site.ppk-site #main .sg-phero-cols > .wp-block-column:first-child::after{content:"";position:absolute;z-index:-1;bottom:-24px;left:calc(50% - 50vw);width:100vw;height:var(--k-band);
  background:var(--k-strip) 50% 100%/cover no-repeat;-webkit-mask-image:linear-gradient(transparent,#000 40px);mask-image:linear-gradient(transparent,#000 40px);pointer-events:none}
@media (max-width:760px){
  html body.ppk-site{--k-band:130px}
  html body.ppk-site.ppk-site.ppk-site #main .sg-phero:not(:has(.sg-phero-cols)),html body.ppk-site.ppk-site.ppk-site #main .sg-phero-cols > .wp-block-column:first-child{padding-bottom:124px!important}
  html body.ppk-site.ppk-site.ppk-site #main .sg-phero-cols > .wp-block-column:first-child::after{background-image:var(--k-strip-m)}
}

/* r4: breathing room above the floating menu (not once it sticks); soft edges top and bottom of the town strip */
html body.ppk-site.ppk-overlay #header#header [data-sticky]:not([data-sticky*="yes"]) [data-row*="middle"]{padding-top:16px!important}
html body.ppk-site.ppk-site.ppk-site #main .sg-phero:not(:has(.sg-phero-cols))::after,
html body.ppk-site.ppk-site.ppk-site #main .sg-phero-cols > .wp-block-column:first-child::after{
  -webkit-mask-image:linear-gradient(transparent,#000 56px,#000 calc(100% - 56px),transparent)!important;mask-image:linear-gradient(transparent,#000 56px,#000 calc(100% - 56px),transparent)!important}
html body.ppk-site.ppk-site.ppk-site #main .sg-phero:not(:has(.sg-phero-cols))::before{background:linear-gradient(var(--k-sky),var(--k-stripsky) calc(100% - var(--k-band) + 40px),var(--k-stripsky) calc(100% - 70px),var(--k-cream))!important}
html body.ppk-site.ppk-site.ppk-site #main .sg-phero-cols > .wp-block-column:first-child::before{background:linear-gradient(var(--k-sky),var(--k-stripsky) calc(100% - var(--k-band)),var(--k-stripsky) calc(100% - 90px),var(--k-cream))!important}
html body.ppk-site.ppk-site.ppk-site #main .sg-phero{background:var(--k-cream)!important}