/* Selected Plus architecture: participation first, with a separate purchase guide. */
body.purpose-site {
    --purpose-width: 1240px;
    --purpose-gutter: 40px;
    --purpose-line: #dce3f0;
    --purpose-muted: #65758f;
    --bh-radius: 0px;
    zoom: var(--site-display-zoom, 1);
    background: #fff;
    color: #14233c;
    font-size: calc(16px * var(--site-display-text-scale, 1));
    line-height: 1.9;
}
body.purpose-site > .site-shell {
    width: 100% !important;
    max-width: none;
    margin: 0 !important;
    padding: 0;
}
body.purpose-site .site-shell > main {display: block; width: 100%; max-width: none; margin: 0; padding: 0;}
body.purpose-site main > :is(.site-notice-stack, .hc-governance-panel, .flash-banner, .session-banner) {width: min(1240px,calc(100% - var(--purpose-gutter) * 2)); margin: 24px auto;}
body.purpose-site main > .hc-governance-panel {display: flex; align-items: center; gap: 28px; padding: 22px 26px; background: #f4f7ff; border-left: 2px solid #3159db;}
body.purpose-site main > .hc-governance-panel p {font-size: 14px; margin: 0;}
body.purpose-site main > .hc-governance-panel .button {flex-shrink: 0; white-space: nowrap;}
body.purpose-site :is(a.button, button, article, section, figure, aside, input, .purpose-purchase-gateway, .growth-task, .public-reward-activity__card) {border-radius: 0;}
body.purpose-site :is(.site-mobile-drawer__panel, .site-mobile-drawer__link, .site-mobile-drawer__secondary) {border-radius: 0;}
body.purpose-site :is(h1, h2) {font-family: "Noto Serif JP", serif; font-weight: 500; letter-spacing: .01em;}
body.purpose-site h2 {font-size: 34px; line-height: 1.65;}
body.purpose-site p {line-height: 1.9;}
body.purpose-site :is(a, button):focus-visible {outline: 3px solid #3159db; outline-offset: 4px;}
body.purpose-site :is(section[id], div[id], h2[id]) {scroll-margin-top: 124px;}
.purpose-frame, .purpose-final__inner {width: min(var(--purpose-width), calc(100% - var(--purpose-gutter) * 2)); margin-inline: auto;}
body.purpose-site .button {min-height: 50px; padding: 14px 22px; font-size: 14px; line-height: 1.6; box-shadow: none; gap: 18px;}
body.purpose-site .button-primary {background: #3159db; border-color: #3159db; color: #fff;}
body.purpose-site .button-secondary {background: #fff; border: 1px solid #3159db; color: #3159db;}
.purpose-kicker {font: 700 12px/1.7 "Noto Sans JP", sans-serif; color: #3159db; letter-spacing: .08em; margin: 0 0 16px;}

/* Opacity changes on the surface, never on the text, logo or controls. */
body.purpose-site .purpose-header {position: sticky; top: 0; z-index: 80; isolation: isolate; padding: 0; background: transparent; border-bottom: 1px solid #e2e8f3; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; transition: box-shadow 180ms ease;}
body.purpose-site .purpose-header::before {content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: #fff; transition: background-color 180ms ease;}
body.purpose-site .purpose-header.is-scrolled {box-shadow: 0 4px 18px rgba(20,35,60,.04);}
body.purpose-site .purpose-header.is-scrolled::before {background: rgba(255,255,255,.97);}
@supports ((backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px))) {
    body.purpose-site .purpose-header.is-scrolled::before {background: rgba(255,255,255,.9); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);}
}
body.purpose-site .site-header__inner {width: min(1240px, calc(100% - var(--purpose-gutter) * 2)); max-width: none; min-height: 100px; margin: 0 auto; padding: 14px 0; display: grid; grid-template-columns: 124px minmax(0,1fr) auto; gap: 24px; align-items: center;}
body.purpose-site .brand--top {margin: 0; padding: 0;}
body.purpose-site .plus-brand-logo {width: 124px; height: auto;}
body.purpose-site .site-nav--top {display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; gap: 14px; min-width: 0;}
body.purpose-site .site-nav__link {font-size: 12px; line-height: 1.6; white-space: nowrap; gap: 5px;}
body.purpose-site .site-nav__link.purpose-nav-primary {font-size: 14px; font-weight: 700; padding: 12px 10px; border: 0; border-bottom: 2px solid transparent;}
body.purpose-site .site-nav__link.purpose-nav-primary::after {display: none;}
body.purpose-site .purpose-nav-primary[aria-current="page"] {color: #3159db; border-bottom-color: #3159db;}
body.purpose-site .purpose-nav-primary:not([aria-current]) {border: 1px solid #c5d1ef; color: #3159db;}
body.purpose-site .site-actions--top {display: flex; align-items: center; gap: 12px; min-width: 0;}
body.purpose-site .site-top-primary {font-size: 13px; min-height: 44px; padding: 12px 16px; border-radius: 0;}
body.purpose-site .site-login-link--top {font-size: 13px;}
body.purpose-site .site-header--account .purpose-nav-secondary {display: none;}
body.purpose-site .site-mobile-toggle {display: none;}

.purpose-hero {width: 100%; position: relative; min-height: 650px; isolation: isolate; overflow: hidden; background: #f4f3f0;}
.purpose-hero__media {position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; z-index: -1;}
.purpose-hero__image {display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.purpose-hero__inner {width: min(1240px, calc(100% - var(--purpose-gutter) * 2)); margin: 0 auto; padding: 88px 0 82px;}
.purpose-hero h1 {font-size: 50px; line-height: 1.55; max-width: 650px; margin: 0 0 25px; text-align: left; color: #14233c;}
.purpose-hero__lead {max-width: 590px; font-size: 15px; line-height: 1.95; color: #27364d; margin: 0 0 31px;}
.purpose-hero__actions {display: flex; gap: 14px; flex-wrap: wrap;}
.purpose-hero__actions a {display: flex; align-items: center; justify-content: space-between; gap: 24px; min-width: 220px;}
.purpose-reward-note {font-size: 11px; color: var(--purpose-muted); max-width: 610px; margin: 17px 0 0;}
.purpose-hero__caption {position: absolute; right: 24px; bottom: 16px; max-width: 540px; background: rgba(255,255,255,.93); padding: 5px 9px; font-size: 10px; color: #53647d; margin: 0;}
.purpose-purchase-gateway {margin-block: 30px 0; padding: 22px 24px; border: 1px solid var(--purpose-line); border-left: 3px solid #3159db; display: grid; grid-template-columns: 1.2fr 1.35fr auto; gap: 22px; align-items: center; background: #f8faff;}
.purpose-purchase-gateway .purpose-kicker {display: block; font-size: 11px; margin: 0 0 5px;}
.purpose-purchase-gateway strong {font-size: 14px; line-height: 1.8;}
.purpose-purchase-gateway nav {display: flex; flex-wrap: wrap; gap: 10px 20px; font-size: 12px;}
.purpose-purchase-gateway a {color: #3159db; text-decoration: none; font-weight: 650;}
.purpose-purchase-gateway a:hover {text-decoration: underline; text-underline-offset: 4px;}
.purpose-purchase-gateway__main {display: inline-flex; gap: 12px; align-items: center; font-size: 12px; white-space: nowrap;}
.purpose-methods {padding-block: 66px;}
.purpose-methods h2, .purpose-how h2, .purpose-faq h2 {font-size: 32px; line-height: 1.65; margin: 0 0 15px;}
.purpose-methods > p:not(.purpose-kicker) {font-size: 14px; color: var(--purpose-muted);}
.purpose-methods__rows {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 30px; border-block: 1px solid var(--purpose-line);}
.purpose-methods__rows > a {display: flex; gap: 20px; align-items: flex-start; padding: 26px 24px 26px 0; color: #14233c; text-decoration: none;}
.purpose-methods__rows > a + a {border-left: 1px solid var(--purpose-line); padding-left: 26px;}
.purpose-methods__rows > a > span {font-size: 25px; line-height: 1.5; font-weight: 700; color: #3159db;}
.purpose-methods__rows h3 {font-size: 17px; line-height: 1.65; margin: 0 0 10px;}
.purpose-methods__rows p {font-size: 13px; color: var(--purpose-muted); margin: 0;}
.purpose-methods__rows a:hover h3 {color: #3159db; text-decoration: underline; text-underline-offset: 5px;}
.purpose-how {padding-bottom: 60px;}
body.purpose-site .purpose-how .growth-participation-steps {margin: 25px 0 0; padding: 24px 28px; background: #f4f7ff;}
body.purpose-site .purpose-earn {border: 0;}
body.purpose-site #participate {padding: 18px 0 0; margin: 0 0 60px; width: 100%; max-width: none;}
body.purpose-site .growth-section-heading {align-items: flex-end; margin-bottom: 34px;}
body.purpose-site .growth-task-grid {display: grid; grid-template-columns: 1fr; gap: 0; border-top: 1px solid var(--purpose-line);}
body.purpose-site .growth-task {display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 36px; padding: 34px 0; border: 0; border-bottom: 1px solid var(--purpose-line); background: #fff; box-shadow: none; align-items: start;}
body.purpose-site .growth-task__cover {display: block; height: 180px; aspect-ratio: auto; margin-top: 5px;}
body.purpose-site .growth-task__cover img {width: 100%; height: 100%; object-fit: cover;}
body.purpose-site .growth-task__body {padding: 0; min-width: 0;}
body.purpose-site .growth-task h3 {font-size: 21px; line-height: 1.7; margin: 14px 0;}
body.purpose-site .growth-task p {font-size: 14px;}
body.purpose-site .growth-task__facts {margin: 20px 0; justify-content: flex-start; gap: 40px;}
body.purpose-site .hc-recruitment-counts {max-width: 660px; margin: 18px 0;}
body.purpose-site .growth-ask-heading {margin-top: 58px;}
body.purpose-site .growth-ask-grid {grid-template-columns: 1fr;}
body.purpose-site .growth-ask-item .ask-card {padding: 27px 30px; border: 0; border-bottom: 1px solid var(--purpose-line); box-shadow: none; background: #f7f9fe;}
body.purpose-site .growth-ask-item .ask-cover {display: none;}
body.purpose-site .growth-ask-item h2 {font: 700 20px/1.7 "Noto Sans JP",sans-serif;}
body.purpose-site .aw-public-section {margin-top: 64px;}
body.purpose-site #public-reward-activity {margin: 76px 0; width: 100%; padding: 42px 36px; background: #f4f7ff; border: 0;}
body.purpose-site #public-reward-activity .public-reward-activity__card {box-shadow: none;}
.purpose-earn-methods {display: grid; grid-template-columns: 1fr 1fr; gap: 64px; margin: 0 0 72px;}
body.purpose-site .purpose-earn-methods > section {max-width: none; width: 100%; margin: 0; padding: 0; border: 0; background: #fff;}
body.purpose-site .purpose-earn-methods .bh-brandkit-home__affiliate {display: block; border-top: 1px solid #3159db; padding: 32px 0 0; margin: 0; background: none;}
.purpose-earn-methods h2 {font-size: 29px;}
.purpose-earn-methods .bh-brandkit-home__affiliate > div + div {margin-top: 22px;}
.purpose-earn-methods .hc-portal-entry__copy {border-top: 1px solid #3159db; padding-top: 32px;}
body.purpose-site .purpose-earn-methods .hc-portal-entry {display: block;}
.purpose-earn-methods .hc-portal-entry__copy p {font-size: 15px;}
.purpose-earn-methods .hc-portal-entry__actions {display: flex; flex-wrap: wrap; gap: 16px;}
.purpose-earn-methods .hc-portal-entry__flow {margin-top: 26px; gap: 10px;}
body.purpose-site .purpose-earn > .hc-catalog-section {padding: 0; margin: 0 0 64px; width: 100%; max-width: none;}
body.purpose-site .purpose-earn > .hc-catalog-section .hc-cover-card {display: none;}
body.purpose-site .purpose-earn > .hc-catalog-section .hc-catalog-grid {grid-template-columns: 1fr;}
body.purpose-site #home-mail-choice {margin: 0 0 86px; padding: 30px 36px; width: 100%;}
body.purpose-site #home-mail-choice h2 {font-size: 25px;}
body.purpose-site #community-updates {width: min(1240px,calc(100% - var(--purpose-gutter) * 2)); max-width: none; margin: 0 auto 82px; padding: 0;}
.purpose-faq {padding-block: 40px 70px;}
.purpose-faq > div {padding: 24px 0; border-top: 1px solid var(--purpose-line); display: grid; grid-template-columns: 340px minmax(0,1fr); gap: 45px;}
.purpose-faq h3 {font: 700 16px/1.85 "Noto Sans JP",sans-serif; margin: 0;}
.purpose-faq p {font-size: 14px; margin: 0; color: var(--purpose-muted);}
.purpose-final {width: 100%; margin: 0; padding: 68px 0; background: #f4f7ff;}
.purpose-final__inner {display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center;}
.purpose-final h2 {font-size: 38px; line-height: 1.6; margin: 0 0 18px;}
.purpose-final p:not(.purpose-kicker) {color: var(--purpose-muted); font-size: 15px;}
.purpose-final__actions {display: grid; gap: 17px;}
body.purpose-site .purpose-final__actions a {display: flex; justify-content: space-between; align-items: center; min-height: 62px; padding: 17px 26px; font-size: 16px;}
body.purpose-site .public-share {width: min(1240px,calc(100% - var(--purpose-gutter) * 2)); max-width: none; margin: 0 auto; padding: 52px 0;}
body.purpose-site .related-service-promotion, body.purpose-site .plus-referral-home {width: min(1240px,calc(100% - var(--purpose-gutter) * 2)); max-width: none; margin: 0 auto 72px;}
body.purpose-site .related-service-promotion .button {font-size: 13px; padding-inline: 16px;}
body.purpose-site .site-footer {width: 100%; margin: 0; padding: 65px var(--purpose-gutter); border-top: 1px solid var(--purpose-line); background: #fff; zoom: 1;}
body.purpose-site .site-footer.site-full-bleed .site-footer__inner {max-width: 1240px; margin: 0 auto; zoom: 1;}
/* Keep the feedback launcher in the outer gutter instead of covering content. */
body.purpose-site .bug-report-widget__launcher {width: 52px; min-width: 52px; height: 52px; min-height: 52px; padding: 14px; display: flex; align-items: center; justify-content: center;}
body.purpose-site .bug-report-widget__launcher-title > span {position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;}
body.purpose-site .bug-report-widget__launcher-prompt {display: none;}
body.purpose-site .bug-report-widget__dismiss {width: 24px; height: 24px; min-height: 24px; top: -20px; right: 0; padding: 4px; background: #fff; border: 1px solid var(--purpose-line); color: #3159db;}

/* Buyer page shares content and gates with the existing catalogs. */
.purpose-buyer-hero {padding: 60px 0 46px; display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center;}
.purpose-buyer-hero h1 {font-size: 54px; line-height: 1.55; margin: 0 0 22px;}
.purpose-buyer-hero p:not(.purpose-kicker) {font-size: 15px; color: var(--purpose-muted);}
.purpose-buyer-hero figure {margin: 0; min-width: 0;}
.purpose-buyer-hero img {display: block; width: 100%; height: 390px; object-fit: cover;}
.purpose-buyer-hero figcaption {font-size: 11px; color: var(--purpose-muted); line-height: 1.7; margin-top: 10px;}
.purpose-buyer-hero__actions {display: flex; gap: 12px; flex-wrap: wrap; margin: 28px 0 18px;}
body.purpose-site .purpose-buyer-hero__actions .button {display: inline-flex; align-items: center; font-size: 13px; padding: 13px 17px;}
.purpose-buyer-hero small {font-size: 11px; color: var(--purpose-muted);}
.purpose-buyer-index {margin-bottom: 60px; display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); border-top: 1px solid #3159db; border-bottom: 1px solid var(--purpose-line);}
.purpose-buyer-index a {padding: 20px 25px; text-align: center; color: #3159db; text-decoration: none; font-size: 15px; font-weight: 700;}
.purpose-buyer-index a + a {border-left: 1px solid var(--purpose-line);}
.purpose-buy-workbench {display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 64px; margin-bottom: 88px; align-items: start;}
body.purpose-site .purpose-buy-workbench > :is(#brand-kits,#specialty-services) {padding: 0; margin: 0; width: 100%; border: 0; background: transparent; max-width: none;}
.purpose-buy-workbench h2 {font-size: 29px; margin-top: 8px;}
.purpose-buy-workbench .bh-brandkit-home__intro {display: block; margin: 0 0 24px;}
.purpose-buy-workbench .bh-brandkit-home__lead p {font-size: 14px; margin: 13px 0 0;}
.purpose-buy-workbench .bh-brandkit-home__products {display: grid; grid-template-columns: 1fr; gap: 0; margin: 0;}
.purpose-buy-workbench .bh-brandkit-home__product {display: grid; grid-template-columns: 170px minmax(0,1fr); gap: 22px; align-items: center; padding: 21px 0; border-top: 1px solid var(--purpose-line); box-shadow: none; background: transparent;}
.purpose-buy-workbench .bh-brandkit-home__product figure {margin: 0; overflow: hidden;}
.purpose-buy-workbench .bh-brandkit-home__product img {display: block; width: 100%; height: 114px; object-fit: cover;}
.purpose-buy-workbench .bh-brandkit-home__product h3 {font-size: 17px; margin-top: 7px;}
.purpose-buy-workbench .bh-brandkit-home__product span {font-size: 12px;}
.purpose-buy-workbench .bh-brandkit-home__purchase {display: block; padding: 22px 0 0; border-top: 1px solid var(--purpose-line); margin: 0;}
.purpose-buy-workbench .bh-brandkit-home__purchase p {display: grid; gap: 10px; font-size: 14px;}
.purpose-buy-workbench .bh-brandkit-home__purchase .button {margin-top: 20px;}
.purpose-buy-workbench .bh-brandkit-home__note {font-size: 12px; margin: 16px 0 0;}
.purpose-buy-workbench .section-heading {display: block; margin: 0 0 20px;}
.purpose-buy-workbench .section-heading > .hc-text-link {display: inline-flex; margin-top: 14px;}
.purpose-buy-workbench .hc-catalog-section__lead {font-size: 14px; margin: 0 0 25px;}
.purpose-buy-workbench .news-card-grid {display: grid; grid-template-columns: 1fr; gap: 0;}
.purpose-buy-workbench .news-card {display: grid; grid-template-columns: 160px minmax(0,1fr); gap: 22px; padding: 25px 0; margin: 0; border: 0; border-top: 1px solid var(--purpose-line); background: transparent; box-shadow: none; align-items: start;}
.purpose-buy-workbench .news-card__thumb {margin: 0; aspect-ratio: auto; height: auto;}
.purpose-buy-workbench .news-card__thumb img {display: block; width: 100%; height: 106px; object-fit: cover;}
.purpose-buy-workbench .news-card__body {padding: 0; min-width: 0;}
.purpose-buy-workbench .news-card__body > .eyebrow {font-size: 10px; background: #f1f5ff; line-height: 1.5; padding: 5px 7px; display: inline-block;}
.purpose-buy-workbench .news-card h3 {font-size: 17px; line-height: 1.65; margin: 10px 0;}
.purpose-buy-workbench .news-card p {font-size: 13px; margin: 0 0 12px;}
.purpose-buy-workbench .news-card strong {font-size: 16px;}
.purpose-buy-workbench .news-card .hero-actions {margin-top: 16px;}
.purpose-buy-workbench .news-card .button {min-height: 42px; padding: 10px 13px; font-size: 12px;}
body.purpose-site #request-starters {background: #f4f7ff; padding: 58px 48px; margin: 0 0 78px; width: 100%; max-width: none;}
body.purpose-site #request-starters .growth-frame {width: 100%; max-width: none; padding: 0;}
body.purpose-site #request-starters::before {content: none;}
body.purpose-site .growth-starter-grid > a {padding: 28px 25px; background: #fff; border: 0; border-top: 1px solid var(--purpose-line); box-shadow: none;}
body.purpose-site .growth-improvement {padding: 0; margin: 0 0 96px; width: 100%; max-width: none;}
body.purpose-site #ai-work-support {width: min(1240px,calc(100% - var(--purpose-gutter) * 2)); max-width: none; margin: 0 auto 88px; padding: 0; gap: 64px;}
body.purpose-site #ai-work-support figure img {height: 390px; object-fit: cover;}

@media (max-width: 1199px) {
    body.purpose-site .site-header__inner {min-height: 80px; grid-template-columns: 1fr auto; width: calc(100% - 48px);}
    body.purpose-site .site-nav--top, body.purpose-site .site-actions--top {display: none;}
    body.purpose-site .site-mobile-toggle {display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px;}
    .purpose-hero {display: grid; grid-template-columns: 1.12fr 1fr; align-items: center; gap: 36px; min-height: 0; padding: 48px var(--purpose-gutter); background: #fff;}
    .purpose-hero__inner {grid-column: 1; grid-row: 1; width: 100%; margin: 0; padding: 0;}
    .purpose-hero__media {grid-column: 2; grid-row: 1; position: static; height: auto; z-index: auto;}
    .purpose-hero__image {position: static; width: 100%; height: auto; object-fit: contain;}
    .purpose-hero__caption {position: static; max-width: none; margin: 10px 0 0; padding: 0; background: #fff;}
    .purpose-hero h1 {font-size: clamp(30px,3.5vw,42px);}
    .purpose-hero__actions {display: grid; grid-template-columns: 1fr; max-width: 400px;}
    .purpose-hero__actions a {min-width: 0; width: 100%;}
    .purpose-purchase-gateway {grid-template-columns: 1fr auto;}
    .purpose-purchase-gateway nav {grid-column: 1; grid-row: 2;}
    .purpose-purchase-gateway__main {grid-column: 2; grid-row: 1 / 3;}
    .purpose-buy-workbench {gap: 36px;}
    .purpose-buy-workbench .news-card {grid-template-columns: 120px minmax(0,1fr); gap: 18px;}
    .purpose-buy-workbench .bh-brandkit-home__product {grid-template-columns: 130px minmax(0,1fr); gap: 18px;}
}
@media (max-width: 900px) {
    .purpose-hero {display: flex; flex-direction: column; gap: 0; padding: 0;}
    .purpose-hero__inner {order: 1; width: calc(100% - var(--purpose-gutter) * 2); margin: 0 auto; padding: 44px 0 30px;}
    .purpose-hero__media {order: 2; width: 100%;}
    .purpose-hero__caption {margin: 0; padding: 12px var(--purpose-gutter); line-height: 1.7;}
    .purpose-hero h1 {font-size: clamp(32px,5vw,42px);}
    .purpose-methods__rows {grid-template-columns: 1fr;}
    .purpose-methods__rows > a, .purpose-methods__rows > a + a {padding: 22px 0; border-left: 0;}
    .purpose-methods__rows > a + a {border-top: 1px solid var(--purpose-line);}
    body.purpose-site .growth-task {grid-template-columns: 220px minmax(0,1fr); gap: 24px;}
    .purpose-earn-methods, .purpose-final__inner, .purpose-buyer-hero, .purpose-buy-workbench {grid-template-columns: 1fr; gap: 36px;}
    .purpose-faq > div {grid-template-columns: 1fr; gap: 12px;}
    .purpose-buyer-hero img {height: auto; max-height: 430px;}
    .purpose-buy-workbench .news-card {grid-template-columns: 160px minmax(0,1fr);}
}
@media (max-width: 600px) {
    body.purpose-site {--purpose-gutter: 20px;}
    body.purpose-site main > .hc-governance-panel {display: grid; padding: 20px; gap: 16px;}
    body.purpose-site .site-header__inner {min-height: 76px; width: calc(100% - 40px); padding-block: 12px; gap: 16px;}
    body.purpose-site .plus-brand-logo {width: 112px;}
    body.purpose-site :is(section[id], div[id], h2[id]) {scroll-margin-top: 94px;}
    body.purpose-site h2 {font-size: 27px;}
    .purpose-hero__inner {padding: 32px 0 24px;}
    .purpose-hero h1 {font-size: clamp(27px,7.2vw,34px); line-height: 1.5; margin-bottom: 20px; letter-spacing: 0;}
    .purpose-hero__lead {font-size: 14px; max-width: 365px; margin-bottom: 20px;}
    .purpose-hero__lead br {display: none;}
    .purpose-hero__actions {gap: 10px; max-width: 365px;}
    .purpose-hero__actions a {min-height: 48px; font-size: 14px; padding: 12px 18px;}
    .purpose-reward-note {max-width: 355px; font-size: 11px; line-height: 1.7; margin-top: 12px;}
    .purpose-hero__caption {font-size: 10px;}
    .purpose-purchase-gateway {grid-template-columns: 1fr; gap: 16px; margin-top: 24px; padding: 22px 20px;}
    .purpose-purchase-gateway nav, .purpose-purchase-gateway__main {grid-column: auto; grid-row: auto;}
    .purpose-purchase-gateway nav {gap: 6px 18px;}
    .purpose-purchase-gateway a {min-height: 36px; display: inline-flex; align-items: center;}
    .purpose-methods {padding-block: 48px;}
    .purpose-how {padding-bottom: 40px;}
    body.purpose-site .purpose-how .growth-participation-steps {padding: 24px 20px;}
    body.purpose-site .growth-section-heading {display: block;}
    body.purpose-site .growth-section-heading > a {margin-top: 16px; display: inline-flex;}
    body.purpose-site .growth-task {grid-template-columns: 1fr; gap: 20px; padding-block: 26px;}
    body.purpose-site .growth-task__cover {height: auto; aspect-ratio: 16 / 9; max-width: 440px;}
    body.purpose-site .growth-task h3 {font-size: 19px;}
    body.purpose-site .growth-task__facts {gap: 20px; flex-wrap: wrap;}
    body.purpose-site .growth-ask-item .ask-card {padding: 22px 20px;}
    body.purpose-site #public-reward-activity {padding: 30px 18px; margin-block: 48px;}
    .purpose-earn-methods {gap: 42px; margin-bottom: 48px;}
    body.purpose-site #home-mail-choice {padding: 26px 22px; margin-bottom: 54px;}
    body.purpose-site #home-mail-choice h2 {font-size: 23px;}
    .purpose-faq {padding-block: 18px 48px;}
    .purpose-final {padding-block: 48px;}
    .purpose-final h2 {font-size: 29px;}
    body.purpose-site .purpose-final__actions a {padding: 17px 18px; font-size: 14px;}
    .purpose-buyer-hero {padding-top: 42px;}
    .purpose-buyer-hero h1 {font-size: clamp(32px,9vw,44px);}
    .purpose-buyer-hero__actions {display: grid;}
    body.purpose-site .purpose-buyer-hero__actions .button {justify-content: space-between;}
    .purpose-buyer-index {grid-template-columns: 1fr; margin-bottom: 40px;}
    .purpose-buyer-index a {padding: 16px;}
    .purpose-buyer-index a + a {border-left: 0; border-top: 1px solid var(--purpose-line);}
    .purpose-buy-workbench .news-card {grid-template-columns: 110px minmax(0,1fr); gap: 16px;}
    .purpose-buy-workbench .news-card__thumb img {height: 90px;}
    .purpose-buy-workbench .news-card h3 {font-size: 16px;}
    .purpose-buy-workbench .news-card .hero-actions .button {width: 100%; font-size: 12px; padding-inline: 8px;}
    .purpose-buy-workbench .bh-brandkit-home__product {grid-template-columns: 120px minmax(0,1fr);}
    body.purpose-site #request-starters {padding: 32px 22px; margin-bottom: 48px;}
    body.purpose-site #ai-work-support {display: grid; grid-template-columns: 1fr; gap: 30px; margin-bottom: 48px;}
    body.purpose-site #ai-work-support figure img {height: auto;}
    body.purpose-site .site-footer {padding-top: 48px;}
}
@media (prefers-reduced-motion: reduce) {body.purpose-site .purpose-header, body.purpose-site .purpose-header::before {transition: none;}}
@media (prefers-reduced-transparency: reduce) {body.purpose-site .purpose-header.is-scrolled::before {background: #fff; backdrop-filter: none; -webkit-backdrop-filter: none;}}

/* Selected mobile hero: portrait photo, overlaid headline, white action surface. */
.purpose-home .purpose-hero__copy,
.purpose-home .purpose-hero__intro,
.purpose-home .purpose-hero__details {display: contents;}
.purpose-home .purpose-hero__caption--mobile {display: none;}
@media (max-width: 600px) {
    .purpose-home .purpose-hero {display: block; min-height: 0; padding: 0; background: #fff;}
    .purpose-home .purpose-hero__media {position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; z-index: -1;}
    .purpose-home .purpose-hero__picture {display: block; width: 100%; height: 100%;}
    .purpose-home .purpose-hero__image {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
    .purpose-home .purpose-hero__inner {
        display: flex; flex-direction: column; justify-content: flex-start;
        min-height: max(740px, calc(100svh / var(--site-display-zoom, 1) - 77px));
        padding: max(245px, 62vw) 0 54px; position: relative;
    }
    .purpose-home .purpose-hero__inner > * {flex-shrink: 0;}
    .purpose-home .purpose-hero__copy {display: flow-root; position: relative; isolation: isolate;}
    .purpose-home .purpose-hero__intro {display: flow-root; background: rgba(255,255,255,.92); padding: 16px; margin-bottom: 18px;}
    .purpose-home .purpose-hero .purpose-kicker {margin-bottom: 12px; font-size: 11px;}
    .purpose-home .purpose-hero h1 {font-size: clamp(26px,7.1vw,31px); margin-bottom: 0;}
    .purpose-home .purpose-hero__details {position: relative; display: flow-root; isolation: isolate;}
    .purpose-home .purpose-hero__details::before {
        content: ""; position: absolute; inset: -12px calc(-1 * var(--purpose-gutter)) -100vh; z-index: -1; background: #fff;
    }
    .purpose-home .purpose-hero__lead {font-size: 13px; line-height: 1.85; margin-bottom: 20px;}
    .purpose-home .purpose-hero__actions {width: 100%; max-width: none;}
    .purpose-home .purpose-hero__actions a {background: #fff;}
    .purpose-home .purpose-hero__actions a.button-primary {background: #3159db;}
    .purpose-home .purpose-reward-note {font-size: 10px; line-height: 1.7; margin-top: 12px;}
    .purpose-home .purpose-hero__media .purpose-hero__caption {display: none;}
    .purpose-home .purpose-hero__caption--mobile {
        display: block; position: absolute; inset: auto 20px 10px; max-width: none; margin: 0; padding: 0;
        font-size: 9px; line-height: 1.65; background: transparent; z-index: 1;
    }
    .purpose-home.purpose-mobile-hero-active .bug-report-widget:not(.is-open) .bug-report-widget__launcher-wrap {visibility: hidden; pointer-events: none;}
}
@media (max-width: 359px) {
    .purpose-home .purpose-hero__intro {padding: 14px 12px;}
    .purpose-home .purpose-hero h1 {font-size: 24px;}
    .purpose-home .purpose-hero__image {object-position: 54% top;}
}
body.purpose-site.site-mobile-menu-open .purpose-header::before {background: #fff; backdrop-filter: none; -webkit-backdrop-filter: none;}