/* /law-my/ in the current Purple Bunch look (homepage tokens, masthead, footer). 5 Nov 2026, Claude. Loaded after the older law styles. */
.pb-new{--purple:#42145f;--orange:#f0642c;--cream:#faf6ef;--shade:#351046;--shade-rgb:53 16 70;--cream-rgb:250 246 239;--display:"sets-grotesk-l", "Manrope", sans-serif;--body:"PingFang MO", "Manrope", sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ground:clamp(10px, 1.4vw, 22px);--pad:clamp(22px, 4.4vw, 68px);--masthead-h:72px;--dot-a-shadow:0 .005em .008em rgb(var(--shade-rgb) / .22), 0 .014em .034em -.006em rgb(var(--shade-rgb) / .18);--dot-a-image:none;--dot-b-shadow:var(--dot-a-shadow);--dot-b-image:linear-gradient(118deg, transparent calc(50% - .0055em), rgb(var(--shade-rgb) / .17) calc(50% - .0045em) 50%, rgb(var(--cream-rgb) / .22) 50% calc(50% + .0035em), transparent calc(50% + .0035em));--dot-c-shadow:.013em .021em .034em rgb(var(--shade-rgb) / .26), .003em .005em .006em rgb(var(--shade-rgb) / .2), inset -.005em -.007em .009em rgb(var(--shade-rgb) / .15);--dot-c-image:none;--dot-d-shadow:inset .0018em .0018em 0 rgb(var(--cream-rgb) / .26), 0 .0015em .002em rgb(var(--shade-rgb) / .28), .004em .006em .008em -.002em rgb(var(--shade-rgb) / .24);--dot-d-image:radial-gradient(circle at 47.5% 46.5%, transparent .1025em, rgb(var(--shade-rgb) / .09) .1035em, rgb(var(--cream-rgb) / .26) .1047em, rgb(var(--cream-rgb) / .08) .1068em, rgb(var(--shade-rgb) / .12) .1086em);--dot-shadow:var(--dot-a-shadow);--dot-image:var(--dot-a-image)}
.wm{display:block}
.wm{font-family:var(--display);letter-spacing:-.04em;white-space:nowrap;font-weight:700;line-height:.84;display:inline-block}
.wm__line{display:block}
.wm__line+.wm__line{margin-left:-.035em}
.dot{background-color:var(--orange);background-image:var(--dot-image);width:.2em;height:.2em;box-shadow:var(--dot-shadow);transition:box-shadow .35s var(--ease-out);border-radius:50%;margin-left:.045em;display:inline-block}
.dot--a{--dot-shadow:var(--dot-a-shadow);--dot-image:var(--dot-a-image)}
.dot--b{--dot-shadow:var(--dot-b-shadow);--dot-image:var(--dot-b-image)}
.dot--c{--dot-shadow:var(--dot-c-shadow);--dot-image:var(--dot-c-image)}
.dot--d{--dot-shadow:var(--dot-d-shadow);--dot-image:var(--dot-d-image)}
.dot{forced-color-adjust:none}
/* Map the older felt palette onto the current brand. */
.pb-new{
  --felt-primary:var(--purple);--felt-secondary:var(--purple);--felt-deep:var(--shade);--felt-night:var(--shade);
  --felt-ink:var(--purple);--felt-muted:#6b5279;--felt-paper:var(--cream);--felt-surface-light:var(--cream);
  --felt-surface:#efe7dc;--felt-lilac:#f2ebe1;--felt-line:rgb(var(--shade-rgb) / .14);--felt-line-soft:rgb(var(--shade-rgb) / .08);
  --felt-line-strong:rgb(var(--shade-rgb) / .3);--felt-on-dark:var(--cream);--felt-on-dark-muted:rgb(var(--cream-rgb) / .74);
  --site-display:var(--display);--site-body:var(--body);
}
html:has(body.pb-new){background:var(--purple);scrollbar-color:var(--orange) var(--shade)}
body.law-page.pb-new{background:var(--purple);color:var(--purple);margin:0;caret-color:var(--orange)}
.pb-new ::selection{background:var(--purple);color:var(--cream)}

/* Masthead, as on the homepage. */
body.law-page.pb-new header.h-mast{margin:0;border:0;min-block-size:0;color:var(--cream);display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;padding:30px clamp(14px,2.2vw,30px) 26px;max-width:1900px;margin-inline:auto}
.pb-new .h-logo{font-size:31px;line-height:1;color:var(--cream);text-decoration:none}
.pb-new .h-mast nav{background:var(--shade);border-radius:40px;align-items:center;gap:8px;padding:6px;display:flex;box-shadow:inset 0 1px #faf6ef14;font-size:1rem;font-weight:400;flex-wrap:nowrap}
body.law-page.pb-new .h-mast nav a{color:var(--cream);white-space:nowrap;border-radius:30px;padding:10px 20px;font-size:1rem;min-height:44px;display:inline-flex;align-items:center;text-decoration:none;background:none;transition:background .4s var(--ease-out)}
body.law-page.pb-new .h-mast nav a:hover{background:var(--purple);color:var(--cream)}
body.law-page.pb-new .h-mast nav a:last-child{background:var(--cream);color:var(--purple);gap:22px;padding:8px 10px 8px 20px}
.pb-new .h-mast nav a span{background:var(--orange);color:var(--cream);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}
.pb-new .h-mast a:focus-visible,.pb-new .h-footer a:focus-visible{outline:3px solid var(--cream);outline-offset:4px}

/* The page sits on one cream sheet inside the aubergine frame. */
.pb-new main{background:var(--cream);max-width:calc(1900px - 48px);margin:0 auto;margin-inline:max(24px,calc((100% - 1852px) / 2));border-radius:2px;overflow:clip;
  box-shadow:0 1px 0 rgb(var(--cream-rgb) / .6) inset,0 2px 3px #0000002e,0 30px 70px -28px #0000008c,0 0 0 1px var(--shade)}

/* Headings: bold and tight, with the orange full stop. */
.pb-new :is(h1,h2,h3,.lw-display){font-family:var(--display)}
.pb-new :is(h2,h3,.lw-display){font-weight:700;letter-spacing:-.03em}
.pb-new .lw-display{line-height:.95}
.pb-new h2{line-height:.99;text-wrap:balance}
.pb-new .h-stop{color:var(--orange)}
.pb-new .lw-hero .lw-display em{color:var(--purple);font-style:normal}
.pb-new .lw-kicker{color:var(--purple);font-weight:400;letter-spacing:-.015em}

/* Dark bands use the brand aubergine; accents in orange. */
.pb-new :is(.lw-gap,.lw-principles){background:var(--purple)}
.pb-new .law-contact-band{background:var(--shade)}
.pb-new .lw-more{background:var(--felt-lilac)}
.pb-new :is(.lw-gap,.lw-principles,.law-contact-band) .h-stop{color:var(--orange)}

/* Buttons: pill, like the homepage. */
.pb-new main a[class*="button"],.pb-new main .lw-cta,.pb-new main .law-button{border-radius:999px}

/* Footer, as on the homepage. */
body.law-page.pb-new footer.h-footer{color:var(--cream);border:0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:34px clamp(14px,2.2vw,30px);font-size:.95rem;max-width:1900px;margin-inline:auto}
.pb-new .h-footer .wm{font-size:30px}
.pb-new .h-footer p{margin:0 10vw 0 auto;line-height:1.5}
.pb-new .pb-footer-links{display:flex;flex-wrap:wrap;gap:4px 24px}
body.law-page.pb-new .pb-footer-links a{color:var(--cream);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:.22em;min-block-size:44px;display:inline-flex;align-items:center}

@media (width<=759px){
  body.law-page.pb-new header.h-mast{flex-wrap:wrap;gap:16px;padding:20px 10px 18px}
  .pb-new .h-logo{font-size:26px}
  .pb-new .h-mast nav{width:100%;justify-content:space-between;gap:0;padding:4px}
  body.law-page.pb-new .h-mast nav a{padding:10px 8px;font-size:.9rem}
  body.law-page.pb-new .h-mast nav a:last-child{gap:8px;padding:6px 7px 6px 10px}
  .pb-new .h-mast nav a span{width:26px;height:26px}
  .pb-new main{margin-inline:10px}
  body.law-page.pb-new footer.h-footer{padding:30px 14px}
  .pb-new .h-footer .wm{font-size:27px}
  .pb-new .h-footer p{margin:0;font-size:.9rem}
}
@media (width<=380px){
  body.law-page.pb-new .h-mast nav a{padding-inline:5px;font-size:.85rem}
}

/* Orange stop stays inline after the last word, whatever the section's span rules. */
.pb-new :is(h1,h2,.lw-display) .h-stop{display:inline!important;margin:0!important;padding:0!important;font:inherit!important;color:var(--orange)!important}

/* Replace the older lilac tints with warm paper tones. */
.pb-new .lw-tabs{background:rgb(var(--shade-rgb) / .04)}
.pb-new .lw-filters button{background:rgb(var(--cream-rgb) / .7);border-color:rgb(var(--shade-rgb) / .22)}
.pb-new .lw-card-img{background:#e9e0d3;box-shadow:0 12px 22px -18px rgb(var(--shade-rgb) / .45),0 0 0 1px rgb(var(--shade-rgb) / .08)}
.pb-new .lw-principle-list li{border-block-start-color:rgb(var(--cream-rgb) / .25)}
.pb-new.lw-page .lw-rules{background:#f2ebe1}
.pb-new :is(.lw-price,.lw-offer-price .lw-price){border-color:rgb(var(--shade-rgb) / .22)}
.pb-new .lw-faq-list details[open]{background:rgb(var(--shade-rgb) / .04)}
.pb-new .law-scope,.pb-new .law-pricing-sheet{background:#f2ebe1}
.pb-new .law-process-rail li{border-block-start-color:rgb(var(--shade-rgb) / .2)}
.pb-new .lw-ai-mark{background:conic-gradient(from 90deg,var(--orange),var(--purple),var(--cream),var(--orange))}
.pb-new .lw-process li{border-block-start-color:var(--purple)}
.pb-new .lw-filters button[aria-pressed="true"]{background:var(--purple);color:var(--cream);border-color:var(--purple)}
.pb-new .pb-footer-links a{background:none!important;border-radius:0!important;padding:0!important}

/* Homepage paper language: separate cream sheets within the aubergine frame. */
.pb-new main{background:var(--purple);box-shadow:none;overflow:clip}
.pb-new main>section,.pb-new main>aside,.pb-new .law-breadcrumb{background:var(--cream);color:var(--purple)}
.pb-new .law-shell{--content-inset:clamp(22px,4.4vw,68px)}
.pb-new main>section{position:relative}
.pb-new main>:is(.lw-examples,.lw-seo,.lw-offer,.lw-process,.lw-faq,.law-contact-band){margin-block-start:14px;box-shadow:inset 0 1px #fff9,0 3px 5px #210a3033}
.pb-new .lw-hero{padding-block:48px 100px}
.pb-new .lw-hero .lw-display{font-weight:700;line-height:.98;letter-spacing:-.045em}
.pb-new .lw-hero-stack::before{inset:2% 0 9% 3%;border-radius:0;background:#e9dfd0;transform:rotate(4deg);box-shadow:0 2px 3px #3510461a;clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,0 100%)}
.pb-new .lw-hero-stack::after{inset:2% 0 auto auto;width:15%;aspect-ratio:1;border:0;border-radius:0;background:linear-gradient(45deg,#d4c4b0 49%,transparent 50%);transform:rotate(4deg);box-shadow:none}
.pb-new .lw-sheet{border-radius:2px}
.pb-new main .h-button{background:var(--purple);color:var(--cream);border-radius:40px;justify-content:space-between;align-items:center;gap:30px;padding:7px 7px 7px 24px;font-size:1rem;font-weight:400;line-height:1.25;text-decoration:none;display:inline-flex;min-height:54px;max-width:100%;box-shadow:inset 0 1px #faf6ef21,0 8px 24px -14px #3510463b;transition:transform .6s var(--ease-out),box-shadow .6s var(--ease-out)}
.pb-new .h-button>span{width:40px;height:40px;flex:none;color:var(--purple);background:var(--orange);border-radius:50%;place-items:center;display:grid;transition:transform .6s var(--ease-out)}
.pb-new .h-button svg{width:22px;height:22px}
.pb-new .h-button:hover>span{transform:translate(2px,-2px) rotate(5deg)}
.pb-new .h-button:active{transform:scale(.98)}
.pb-new .lw-direct-links{display:flex;gap:28px;margin-top:12px}
.pb-new .law-text-link{min-height:44px;display:inline-flex;align-items:center}
.pb-new .lw-section-label{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;border-top:1px solid rgb(var(--shade-rgb) / .25);padding-top:16px;margin-bottom:48px;font-size:14px;line-height:1.5}
.pb-new .lw-section-label>span:last-child{text-align:right;color:var(--felt-muted)}
.pb-new .lw-offer>.lw-section-label{margin-inline:var(--pad)}
.pb-new .lw-gap{border-top:1px solid var(--felt-line);padding-block:80px 96px}
.pb-new .lw-gap-grid>div>p{color:var(--felt-muted)}
.pb-new .lw-compare-list{background:var(--purple);color:var(--cream);border:0}
.pb-new .lw-compare-ask{background:#f2ebe1;box-shadow:0 18px 30px -24px var(--shade)}
.pb-new .lw-compare-list ul{color:var(--felt-on-dark-muted)}
.pb-new .lw-page .lw-more,.pb-new .lw-more{background:#f2ebe1}
.pb-new .lw-gallery-contact{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-block:44px 52px;border-top:1px solid var(--felt-line)}
.pb-new .lw-gallery-contact>p{font-family:var(--display);font-size:clamp(26px,2.7vw,40px);font-weight:700;line-height:1.15;max-width:26ch;letter-spacing:-.025em}
.pb-new .lw-gallery-contact>p span{display:block;color:var(--felt-muted)}
.pb-new .lw-gallery-contact .law-actions{margin:0;flex-shrink:0}
.pb-new .lw-principles{padding-block:80px 96px;border-top:14px solid var(--purple)}
.pb-new .lw-principle-list li{border-color:var(--felt-line-strong)}
.pb-new .lw-principle-list span{color:var(--felt-muted)}
.pb-new .lw-principle-list p{color:var(--felt-muted)}
.pb-new .lw-seo{row-gap:32px}
.pb-new .lw-seo>.lw-section-label{margin-bottom:16px}
.pb-new.lw-page .lw-rules{background:#f2ebe1}
.pb-new .lw-offer-price{background:#f2ebe1;border-radius:2px}
.pb-new.lw-page .lw-process{padding-block:64px 96px}
.pb-new .lw-process-heading{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:40px;margin-bottom:48px}
.pb-new .lw-process-heading h2{max-width:19ch;margin:0}
.pb-new .lw-origami{width:240px;height:200px;object-fit:contain;justify-self:end}
.pb-new .lw-process ol{margin-left:16%}
.pb-new .law-contact-band{padding-block:88px}
.pb-new .law-contact-band h2{color:var(--purple)}
.pb-new .law-contact-grid>div>p{color:var(--felt-muted)}
.pb-new .law-start-sheet{background:#f2ebe1;border-radius:2px}
.pb-new .law-contact-band :focus-visible{outline-color:var(--purple)}
.pb-new .law-actions,.pb-new .lw-section-label{min-width:0}
@media(max-width:1100px){.pb-new .lw-process ol{margin-left:0}}
@media(max-width:900px){.pb-new .lw-gallery-contact{align-items:start;flex-direction:column}.pb-new .lw-process-heading{grid-template-columns:minmax(0,1fr) 160px}.pb-new .lw-origami{width:160px;height:160px}}
@media(max-width:759px){
 .pb-new main>:is(.lw-examples,.lw-seo,.lw-offer,.lw-process,.lw-faq,.law-contact-band){margin-top:10px}
 .pb-new .lw-section-label{font-size:12px;gap:20px;margin-bottom:32px}
 .pb-new .lw-section-label>span:last-child{max-width:18ch}
 .pb-new .lw-hero .lw-display{font-size:clamp(39px,9.5vw,64px)}
 .pb-new main .h-button{gap:16px;padding-left:20px;font-size:15px}
 .pb-new .lw-process-heading{grid-template-columns:1fr;gap:16px;margin-bottom:32px}
 .pb-new .lw-origami{width:120px;height:100px}
 .pb-new .law-contact-band{padding-block:56px}
 .pb-new .lw-hero-stack figcaption{right:0}
 .pb-new .lw-seo,.pb-new .lw-faq{gap:32px}
 .pb-new .law-contact-band .h-button{font-size:13px;gap:10px;padding-left:14px}
 .pb-new .law-contact-band .h-button>span{width:36px;height:36px}
}
@media(prefers-reduced-motion:reduce){.pb-new .h-button:hover>span{transform:none}}
.pb-new.lw-page .lw-principles,.pb-new.lw-page .lw-gap{background:var(--cream);color:var(--purple)}
.pb-new.lw-page .law-contact-band{background:var(--cream);color:var(--purple)}
/* Keep the process label the same size as the other section labels (the process list styles every span large). */
.pb-new .lw-process .lw-section-label>span{display:inline;font-family:var(--body);font-size:inherit;font-weight:400;line-height:inherit;margin:0;color:inherit}
.pb-new .lw-process .lw-section-label>span:last-child{color:var(--felt-muted)}
/* Very narrow phones: drop "Services" from the masthead so "Let's talk" fits (as the homepage does). */
@media (width<=360px){body.law-page.pb-new .h-mast nav a:first-child{display:none}}
.pb-new .lw-gap-grid p+p{margin-top:1em}