/* Profile System inspired challenger. All rules scoped so the control stays unchanged. */
.profile-page { --pink: #ed1579; --soft-pink: #fff5fa; --ink: #19181b; background: var(--soft-pink); color: var(--ink); font-family: Poppins, Arial, sans-serif; font-size: 17px; line-height: 1.75; }
.profile-page * { box-sizing: border-box; }
.profile-page main { overflow: clip; }
.profile-page .wide { width: min(1060px, 100%); margin-inline: auto; }
.profile-page .narrow { width: min(800px, 100%); margin-inline: auto; }
.profile-page .section-pad { padding: 86px 28px; }
.profile-page .white-section { background: #fff; }
.profile-page h1, .profile-page h2, .profile-page h3 { font-family: Poppins, Arial, sans-serif; color: var(--ink); letter-spacing: -.035em; font-style: normal; }
.profile-page h1 { max-width: 1040px; margin: 16px auto 23px; font-size: 44px; line-height: 1.36; font-weight: 700; text-wrap: balance; }
.profile-page h2 { margin: 0 0 25px; font-size: 44px; line-height: 1.3; text-align: center; font-weight: 700; text-wrap: balance; }
.profile-page h3 { font-size: 21px; line-height: 1.4; margin: 17px 0 10px; font-weight: 700; }
.profile-page p { margin: 0 0 20px; }
.profile-page .pink-mark { background: linear-gradient(transparent 68%, #ffd0e4 68%, #ffd0e4 93%, transparent 93%); -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.profile-page .profile-hero { text-align: center; padding-top: 34px; padding-bottom: 70px; }
.profile-page .eyebrow { font-size: 16px; line-height: 1.6; font-weight: 400; margin-bottom: 12px; }
.profile-page .hero-sub { font-size: 25px; font-weight: 600; line-height: 1.55; letter-spacing: -.025em; margin: 0 auto 25px; }
.profile-page .watch-label { display: flex; gap: 9px; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; margin-bottom: 13px; }
.profile-page .watch-label svg { width: 17px; fill: var(--pink); }
.profile-page .player { width: min(390px, 100%); margin: 0 auto; border: 3px solid #222; border-radius: 13px; box-shadow: 0 16px 48px #7c3e581e; }
.profile-page .sound-note { font-size: 12px; line-height: 1.6; margin: 17px auto 26px; max-width: 460px; color: #62575f; }
.profile-page .profile-cta { display: block; max-width: 630px; margin: 20px auto 0; border: 1px solid var(--buy-edge, #0b5226); border-bottom: 4px solid var(--buy-edge, #0b5226); border-radius: 7px; background: var(--buy, #15803d); padding: 20px 24px 17px; color: #fff; font-family: Poppins, Arial, sans-serif; font-size: 20px; font-weight: 700; line-height: 1.45; text-align: center; text-decoration: none; letter-spacing: -.025em; box-shadow: 0 5px 14px rgba(17, 107, 51, .22); transition: background .15s, transform .15s; }
.profile-page .profile-cta:hover { background: var(--buy-2, #116b33); transform: translateY(-1px); }
.profile-page .profile-cta small { display: block; font-size: 12px; font-weight: 400; letter-spacing: 0; margin-top: 6px; }
.profile-page .profile-cta > span[aria-hidden] { margin-left: 8px; }
.profile-page .micro { font-size: 11px; line-height: 1.65; color: #655c63; margin: 14px auto 0; text-align: center; }
.profile-page .micro a { display: inline-block; color: inherit; text-underline-offset: 3px; }
.profile-page .kicker { font-size: 12px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; text-align: center; margin-bottom: 17px; color: #bd105c; }
.profile-page .section-intro { max-width: 810px; margin: 0 auto 45px; text-align: center; color: #51494f; }
.profile-page .mechanism { display: grid; grid-template-columns: 1fr 36px 1fr 36px 1fr; gap: 10px; align-items: center; text-align: center; margin-top: 48px; }
.profile-page .mechanism article { position: relative; align-self: stretch; }
.profile-page .mechanism h3 { font-size: 19px; margin: 22px 0 11px; }
.profile-page .mechanism p { font-size: 14px; color: #625960; line-height: 1.75; }
.profile-page .step-number { position: absolute; top: -14px; left: -6px; width: 37px; height: 37px; border-radius: 50%; background: #ed1579; color: white; display: grid; place-items: center; font-size: 13px; font-weight: 700; z-index: 1; border: 4px solid white; }
.profile-page .flow-arrow { font-size: 32px; color: var(--pink); margin-top: -110px; }
.profile-page .mini-profile, .profile-page .feature-demo, .profile-page .sponsor-demo { height: 265px; border: 1px solid #ebd7e1; border-radius: 12px; background: #fff6fa; padding: 22px 17px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.profile-page .profile-top { display: flex; gap: 9px; align-items: center; margin-bottom: 20px; text-align: left; width: 100%; }
.profile-page .town-avatar { width: 38px; height: 38px; background: #f497bc; border-radius: 50%; display: grid; place-items: center; font-weight: 800; color: #6a0b37; }
.profile-page .profile-top b { font-size: 12px; display: block; }
.profile-page .profile-top small { font-size: 8px; display: block; }
.profile-page .post-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; width: 100%; }
.profile-page .post-grid span { display: grid; place-content: center; height: 110px; color: #592b40; background: #f4c4a4; font-size: 10px; font-weight: 700; line-height: 1.6; }
.profile-page .post-grid span:nth-child(2) { background: #c2d6b7; color: #304b29; }
.profile-page .post-grid span:nth-child(3) { background: #ecc3d7; }
.profile-page .mini-profile p { font-size: 9px; color: #8a7280; margin: 12px 0 0; }
.profile-page .feature-demo { background: #ffe5d3; border-color: #f3d2b8; }
.profile-page .demo-label { font-size: 8px; letter-spacing: .12em; }
.profile-page .coffee-art { font-size: 48px; line-height: 1.7; }
.profile-page .feature-demo b { font-size: 22px; line-height: 1.3; letter-spacing: -.05em; }
.profile-page .feature-demo > span:last-child { font-size: 9px; margin-top: 15px; }
.profile-page .sponsor-demo { background: #f7eafa; border-color: #e9d7ed; }
.profile-page .sponsor-demo svg { width: 76px; stroke: #67336d; stroke-width: 3; fill: none; margin-bottom: 8px; }
.profile-page .sponsor-demo b { font-size: 17px; line-height: 1.4; }
.profile-page .sponsor-demo > span { font-size: 10px; line-height: 1.6; margin-top: 12px; max-width: 210px; }
.profile-page .plain-note { border-top: 1px solid #eedee6; padding-top: 24px; text-align: center; font-size: 14px; font-weight: 500; margin: 30px auto 0; }
.profile-page .two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.profile-page .copy h2, .profile-page .copy .kicker { text-align: left; }
.profile-page .copy h2 { font-size: 38px; }
.profile-page .copy p { font-size: 16px; color: #51494f; }
.profile-page figure { margin: 0; }
.profile-page figure img { display: block; width: 100%; height: auto; }
.profile-page figcaption { text-align: center; font-size: 10px; color: #776871; margin-top: 12px; }
.profile-page .objections { display: grid; grid-template-columns: 1fr 1fr; gap: 32px 45px; margin: 47px 0 32px; }
.profile-page .objections article { display: flex; gap: 15px; align-items: flex-start; }
.profile-page .check { border-radius: 50%; background: #ffd8e9; color: #b60c55; flex: 0 0 34px; height: 34px; display: grid; place-items: center; margin-top: 4px; font-size: 18px; font-weight: 700; }
.profile-page .objections h3 { margin: 4px 0 10px; font-size: 20px; }
.profile-page .objections p { font-size: 15px; color: #625960; margin: 0; }
.profile-page .text-link { display: block; color: #bf0d5e; font-weight: 600; font-size: 14px; text-underline-offset: 5px; text-align: center; }
.profile-page .product-row { margin: 40px 0 60px; }
.profile-page .course-image { border-radius: 15px; }
.profile-page .big-subhead { font-size: 31px; line-height: 1.4; margin-top: 0; }
.profile-page .tick-list, .profile-page .offer-list { list-style: none; padding: 0; margin: 20px 0; }
.profile-page .tick-list li, .profile-page .offer-list li { position: relative; padding: 7px 0 7px 25px; font-size: 14px; line-height: 1.6; }
.profile-page .tick-list li::before, .profile-page .offer-list li::before { content: '✓'; position: absolute; left: 0; font-weight: 700; color: #c71161; }
.profile-page .contents { border-top: 1px solid #e9ccd9; }
.profile-page .contents article { display: grid; grid-template-columns: 55px 1fr 140px; gap: 18px; align-items: center; padding: 26px 8px; border-bottom: 1px solid #e9ccd9; }
.profile-page .contents article > span { color: #d11a6e; font-size: 25px; font-weight: 700; align-self: start; }
.profile-page .contents h3 { margin: 0 0 8px; font-size: 21px; }
.profile-page .contents p { margin: 0; font-size: 14px; color: #655a62; }
.profile-page .contents small { font-size: 9px; letter-spacing: .08em; font-weight: 600; color: #a5275c; text-align: right; }
.profile-page .bonus-row { background: #ffe7f1; }
.profile-page .guarantee-section { text-align: center; }
.profile-page .guarantee-section > img { width: 240px; height: auto; margin: 0 auto 28px; display: block; }
.profile-page .guarantee-section > p:not(.kicker):not(.micro) { max-width: 700px; margin: 0 auto 20px; color: #51494f; }
.profile-page .offer-box { background: white; max-width: 720px; margin: 0 auto; padding: 55px 62px; border: 2px solid #e9bdd0; border-radius: 15px; text-align: center; box-shadow: 0 16px 60px #6c254910; }
.profile-page .offer-box h2 { font-size: 42px; }
.profile-page .offer-box > p { font-size: 16px; }
.profile-page .offer-price { margin: 28px 0; }
.profile-page .offer-price > span { font-size: 78px; font-weight: 700; line-height: 1.2; letter-spacing: -.07em; }
.profile-page .offer-price small { display: block; font-size: 12px; color: #635661; margin-top: 4px; }
.profile-page .offer-list { text-align: left; max-width: 440px; margin: 30px auto; padding-block: 18px; border-block: 1px solid #ecdfe4; }
.profile-page .offer-box > .micro { font-size: 11px; }
.profile-page .checkout-note { display: flex; justify-content: center; align-items: center; gap: 7px; margin-top: 20px; font-size: 11px; color: #71636c; }
.profile-page .checkout-note svg { width: 15px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.profile-page .profile-faq { margin-top: 42px; }
.profile-page details { border-bottom: 1px solid #eadce3; padding: 0; }
.profile-page summary { cursor: pointer; padding: 23px 40px 23px 0; list-style: none; position: relative; font-size: 17px; font-weight: 600; line-height: 1.5; }
.profile-page summary::-webkit-details-marker { display: none; }
.profile-page summary::after { content: '+'; position: absolute; right: 3px; top: 20px; font-size: 26px; color: #d51b71; font-weight: 400; }
.profile-page details[open] summary::after { content: '−'; }
.profile-page details p { color: #655a62; font-size: 15px; padding: 0 30px 20px 0; margin: 0; }
.profile-page details a { color: #bd0c5e; overflow-wrap: anywhere; }
.profile-page .last-cta { text-align: center; margin-top: 65px; }
.profile-page .last-cta h3 { font-size: 25px; }
.profile-page .back-to-video { display: inline-block; margin-top: 22px; color: #67545e; font-size: 12px; text-underline-offset: 4px; }
.profile-page .profile-footer { background: #fff5fa; padding: 38px 24px; text-align: center; font-size: 10px; line-height: 1.8; color: #80727a; }
.profile-page .profile-footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-bottom: 20px; }
.profile-page .profile-footer a { color: #5c4d56; text-underline-offset: 3px; font-size: 11px; }
.profile-page .profile-footer p { max-width: 850px; margin: 10px auto; }
.profile-page a:focus-visible, .profile-page summary:focus-visible, .profile-page button:focus-visible { outline: 3px solid #862456; outline-offset: 5px; }
@media (max-width: 760px) {
  .profile-page { font-size: 16px; }
  .profile-page .section-pad { padding: 56px 21px; }
  .profile-page .profile-hero { padding-top: 18px; padding-bottom: 40px; }
  .profile-page .eyebrow { font-size: 13px; line-height: 1.5; max-width: 450px; margin: 0 auto 12px; }
  .profile-page h1 { font-size: clamp(26px, 7vw, 38px); line-height: 1.24; margin: 0 auto 16px; letter-spacing: -.035em; }
  .profile-page .hero-sub { font-size: 17px; line-height: 1.5; max-width: 400px; margin-bottom: 16px; }
  .profile-page .desktop-break { display: none; }
  .profile-page .watch-label { font-size: 12px; line-height: 1.5; margin-bottom: 12px; }
  .profile-page .player { width: min(420px, 100%); }
  /* Keep the start/resume controls reachable before scrolling, even on short phones. */
  .profile-page .player .unmute .unmute-box { top: 12%; height: auto; min-height: 145px; padding: 16px 12px; gap: 10px; border-radius: 6px; }
  .profile-page .player .unmute .unmute-icon { width: 42px; }
  .profile-page .player .unmute .unmute-title, .profile-page .player .unmute .unmute-sub { font-size: 16px; }
  .profile-page .player .resume { justify-content: flex-start; padding: 24px 16px; gap: 14px; }
  .profile-page .player .resume p { font-size: 17px; margin-bottom: 0; }
  .profile-page .player .resume button { font-size: 15px; min-height: 48px; gap: 10px; }
  .profile-page .player .resume .ico { width: 44px; height: 44px; flex: 0 0 44px; font-size: 18px; }
  .profile-page h2, .profile-page .copy h2, .profile-page .offer-box h2 { font-size: 31px; line-height: 1.35; }
  .profile-page .kicker { font-size: 10px; letter-spacing: .1em; }
  .profile-page .section-intro { font-size: 15px; margin-bottom: 36px; }
  .profile-page .profile-cta { font-size: 17px; min-height: 56px; padding: 18px 13px 16px; text-wrap: balance; }
  .profile-page .profile-cta > span[aria-hidden] { display: none; }
  .profile-page .profile-cta small { font-size: 12px; }
  .profile-page .sound-note { font-size: 12px; }
  .profile-page .mechanism { grid-template-columns: 1fr; max-width: 380px; margin: 40px auto 0; gap: 6px; }
  .profile-page .mechanism article { margin: 0 12px; }
  .profile-page .mechanism h3 { font-size: 21px; }
  .profile-page .mechanism p { font-size: 16px; }
  .profile-page .flow-arrow { margin: -6px 0 18px; transform: rotate(90deg); }
  .profile-page .mini-profile, .profile-page .feature-demo, .profile-page .sponsor-demo { height: 240px; }
  .profile-page .plain-note { font-size: 14px; }
  .profile-page .two-col { grid-template-columns: 1fr; gap: 32px; }
  .profile-page .copy h2, .profile-page .copy .kicker { text-align: center; }
  .profile-page .copy p { font-size: 16px; }
  .profile-page .objections { grid-template-columns: 1fr; gap: 28px; margin-top: 35px; }
  .profile-page .objections h3 { font-size: 18px; }
  .profile-page .objections p { font-size: 16px; }
  .profile-page .product-row { margin-bottom: 40px; gap: 35px; }
  .profile-page .product-row figure { max-width: 430px; margin: 0 auto; }
  .profile-page .big-subhead { font-size: 28px; }
  .profile-page .contents article { grid-template-columns: 31px 1fr; gap: 12px; padding: 23px 2px; }
  .profile-page .contents article > span { font-size: 19px; }
  .profile-page .contents small { display: none; }
  .profile-page .contents h3 { font-size: 17px; }
  .profile-page .contents p { font-size: 14px; }
  .profile-page .guarantee-section > img { width: 185px; }
  .profile-page .guarantee-section > p:not(.kicker):not(.micro) { font-size: 15px; }
  .profile-page .offer-section { padding-inline: 15px; }
  .profile-page .offer-box { padding: 35px 20px; }
  .profile-page .offer-box > p { font-size: 14px; }
  .profile-page .offer-price > span { font-size: 70px; }
  .profile-page .offer-list li { font-size: 14px; }
  .profile-page summary { font-size: 16px; min-height: 56px; padding-block: 20px; }
  .profile-page details p { font-size: 16px; }
  .profile-page .last-cta h3 { font-size: 22px; }
}
/* Touch targets and the smallest phone widths. No fixed bar obscures the video. */
@media (max-width: 760px) {
  .profile-page .micro { font-size: 12px; }
  .profile-page .micro a, .profile-page .text-link, .profile-page .back-to-video { min-height: 44px; padding-block: 12px; }
  .profile-page .profile-footer { font-size: 12px; }
  .profile-page .profile-footer nav { gap: 4px 16px; }
  .profile-page .profile-footer a { display: inline-flex; align-items: center; min-height: 44px; font-size: 12px; }
  .profile-page .profile-cta:hover { transform: none; }
  .profile-page a, .profile-page button, .profile-page summary { touch-action: manipulation; }
  .profile-page .copy, .profile-page .contents article > div { min-width: 0; }
}
@media (max-width: 359px) {
  .profile-page .section-pad { padding-inline: 16px; }
  .profile-page .profile-hero { padding-top: 14px; }
  .profile-page .eyebrow { font-size: 12px; }
  .profile-page h2, .profile-page .copy h2, .profile-page .offer-box h2 { font-size: 28px; }
  .profile-page .profile-cta { font-size: 16px; }
  .profile-page .offer-box { padding-inline: 16px; }
  .profile-page .objections article { gap: 10px; }
}
@media (prefers-reduced-motion: reduce) { .profile-page .profile-cta { transition: none; } }

/* Complete original artwork, 20 September 2026. Local reference preview only. */
.profile-page .reference-intro { margin: 30px auto 14px; }
.profile-page .reference-label { display: inline-block; padding: 5px 12px; border: 1px solid #dbb1c5; border-radius: 20px; color: #86415f; font-size: 11px; line-height: 1.5; }
.profile-page .reference-figure { width: min(var(--art-width, 770px), 100%); margin: 30px auto; }
.profile-page .reference-figure picture { display: block; }
.profile-page .reference-figure img { width: 100%; height: auto; object-fit: contain; }
.profile-page .reference-figure figcaption { max-width: 650px; margin: 12px auto 0; font-size: 12px; line-height: 1.55; color: #775467; text-wrap: pretty; }
.profile-page .rating-graphic { --art-width: 700px; margin-top: 0; margin-bottom: 24px; }
.profile-page .rating-graphic figcaption { font-size: 11px; }
.profile-page .arrow-graphic { --art-width: 170px; margin-top: 0; margin-bottom: 5px; }
.profile-page .sales-graphic { margin-top: 0; }
.profile-page .stories-graphic { --art-width: 650px; }
.profile-page .mechanism-graphic { --art-width: 720px; }
.profile-page .graphic-section .section-intro { margin-bottom: 30px; }
.profile-page .graphic-subheading { margin-top: 80px; }
.profile-page .circle-graphic { --art-width: 330px; }
.profile-page .earnings-graphic { --art-width: 760px; }
.profile-page .process-graphic { --art-width: 660px; margin-top: 50px; }
.profile-page .time-graphic { --art-width: 600px; }
.profile-page .holiday-graphic { --art-width: 720px; }
.profile-page .collage-graphic { --art-width: 820px; }
.profile-page .views-graphic { --art-width: 700px; }
.profile-page .payments-graphic { --art-width: 700px; margin-top: 55px; }
.profile-page .comparison-graphic { --art-width: 770px; }
.profile-page .lifestyle-money-graphic { --art-width: 590px; }
.profile-page .after-graphic { margin-top: 35px; }
.profile-page .bundle-graphic { --art-width: 710px; margin-bottom: 65px; }
.profile-page .billboard-steps { padding: 0; margin: 40px auto 0; list-style: none; counter-reset: billboard-step; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.profile-page .billboard-steps li { text-align: center; counter-increment: billboard-step; }
.profile-page .billboard-steps li::before { content: counter(billboard-step, decimal-leading-zero); color: #d91b70; font-weight: 700; font-size: 14px; }
.profile-page .billboard-steps b { display: block; font-size: 18px; margin: 8px 0; }
.profile-page .billboard-steps span { display: block; font-size: 14px; line-height: 1.75; color: #655a62; }
.profile-page .review-strip { --art-width: 630px; margin-bottom: 45px; }
.profile-page .review-graphics { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 30px; }
.profile-page .review-graphics .reference-figure { margin-top: 0; }
.profile-page .availability-graphic { --art-width: 513px; margin: 0 auto 35px; }
.profile-page .offer-bundle { margin: 28px auto; }
.profile-page .offer-bundle figcaption { font-size: 11px; }
.profile-page .invitation-graphic { --art-width: 240px; }
.profile-page .checkout-arrows { --art-width: 240px; margin: 30px auto 5px; }
.profile-page .safe-checkout-graphic { --art-width: 300px; margin-top: 28px; margin-bottom: 0; }
.profile-page .safe-checkout-graphic figcaption { font-size: 11px; }
.profile-page .reference-gallery-note { margin: 0 auto 38px; max-width: 700px; text-align: center; font-size: 13px; color: #775467; }
.profile-page .reference-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 35px 22px; }
.profile-page .reference-gallery .reference-figure { margin: 0; }
.profile-page .reference-gallery .reference-figure:last-child { grid-column: 2; }
.profile-page .reference-gallery figcaption { font-size: 11px; }
.profile-page .final-guarantee { --art-width: 185px; margin: 35px auto 0; }
@media (max-width: 760px) {
  .profile-page .reference-intro { margin-top: 24px; }
  .profile-page .reference-figure { margin-block: 25px; }
  .profile-page .reference-figure figcaption { font-size: 12px; }
  .profile-page .rating-graphic { margin-top: 0; }
  .profile-page .rating-graphic figcaption { font-size: 11px; }
  .profile-page .arrow-graphic { margin-block: 0; }
  .profile-page .graphic-subheading { margin-top: 60px; }
  .profile-page .mechanism-graphic, .profile-page .comparison-graphic { --art-width: 480px; }
  .profile-page .billboard-steps { grid-template-columns: 1fr; gap: 25px; margin-top: 32px; }
  .profile-page .billboard-steps b { font-size: 20px; }
  .profile-page .billboard-steps span { font-size: 16px; }
  .profile-page .review-graphics { grid-template-columns: 1fr; gap: 20px; }
  .profile-page .review-graphics .reference-figure { margin-bottom: 0; }
  .profile-page .availability-graphic { margin-top: 0; margin-bottom: 28px; }
  .profile-page .checkout-arrows { --art-width: 190px; margin-bottom: 0; }
  .profile-page .reference-gallery { grid-template-columns: minmax(0, 1fr); gap: 32px; max-width: 430px; margin-inline: auto; }
  .profile-page .reference-gallery .reference-figure:last-child { grid-column: auto; }
  .profile-page .reference-gallery figcaption { font-size: 12px; }
  .profile-page .final-guarantee { margin-bottom: 0; }
}

/* Earnings and life outcomes lead the sales story; the method is the short explanation. */
.profile-page .sales-copy { max-width: 700px; margin: 0 auto 35px; text-align: center; color: #51494f; }
.profile-page .sales-copy p { margin-bottom: 20px; }
.profile-page .sales-copy strong { color: var(--ink); font-weight: 600; }
.profile-page .watch-label { text-wrap: balance; }
.profile-page .watch-label svg { flex-shrink: 0; }
.profile-page .income-example { margin: 38px auto 28px; padding: 30px 28px 25px; border: 1px solid #edc5d7; border-radius: 14px; background: #fff5fa; text-align: center; }
.profile-page .example-label { font-size: 12px; font-weight: 600; color: #a12b60; text-transform: uppercase; letter-spacing: .1em; }
.profile-page .income-equation { display: grid; grid-template-columns: 1fr 26px 1fr 26px 1.3fr; gap: 10px; align-items: center; }
.profile-page .income-equation strong { display: block; font-size: 48px; letter-spacing: -.05em; line-height: 1.25; color: var(--ink); }
.profile-page .income-equation span { display: block; font-size: 12px; margin-top: 5px; color: #66505c; }
.profile-page .income-equation > b { font-size: 26px; font-weight: 400; color: #a25e7e; }
.profile-page .equation-total strong { color: #d4146d; }
.profile-page .example-note { font-size: 12px; line-height: 1.6; margin: 23px auto 0; max-width: 580px; color: #775467; }
.profile-page .income-contents article { grid-template-columns: 42px 1fr; }
.profile-page .income-contents small { display: block; text-align: left; margin-top: 10px; font-size: 11px; letter-spacing: .01em; }
.profile-page .actual-product { max-width: 370px; margin: 44px auto 34px; }
.profile-page .closing-copy { font-size: 17px; color: #5e4f57; text-wrap: balance; }
@media (max-width: 760px) {
  .profile-page .sales-copy { font-size: 16px; line-height: 1.75; margin-bottom: 28px; }
  .profile-page .watch-label { max-width: 335px; margin-inline: auto; }
  .profile-page .income-example { padding: 25px 20px; }
  .profile-page .income-equation { grid-template-columns: 1fr 20px 1fr; gap: 8px; }
  .profile-page .income-equation strong { font-size: 39px; }
  .profile-page .income-equation > b:nth-of-type(2) { grid-column: 1 / -1; line-height: 1; margin-top: 10px; }
  .profile-page .equation-total { grid-column: 1 / -1; }
  .profile-page .equation-total strong { font-size: 52px; }
  .profile-page .example-note { font-size: 12px; margin-top: 22px; }
  .profile-page .income-contents article { grid-template-columns: 30px 1fr; }
  .profile-page .income-contents small { display: block; }
  .profile-page .closing-copy { font-size: 16px; }
}

/* Proof collage (Felix, 2026-09-25): real messages and numbers from page owners in Felix's city page network, laid out
   like Felix's collage (scattered, rotated, red bars, arrow to $850). Surnames blurred and replaced in the source,
   no addressee, no invented replies. Desktop: absolute scatter. Phone: stacked. */
.profile-page .pc.light { background: #fff; color: #1f2733; border: 1px solid #eef0f3; }
.profile-page .pc.dark { background: #242a33; color: #f4f5f7; }

/* Own artwork release 2026-09-25. */
.profile-page .dbb-trust{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin:24px auto;color:#725264;font-size:12px;line-height:1.4}
.profile-page .dbb-trust span{display:flex;gap:7px;align-items:center}
.profile-page .dbb-trust svg{width:20px;height:20px;color:#bf226c;flex-shrink:0}
.profile-page .dbb-payment-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px auto;color:#b51a60}
.profile-page .dbb-payment-steps span{border:1px solid #efd2e0;border-radius:12px;padding:18px;background:#fff6fa;font-size:12px}
.profile-page .dbb-payment-steps strong{display:block;color:#452333;font-size:15px;margin-top:6px}
.profile-page .reference-figure>a{display:block;cursor:zoom-in}
.profile-page .bundle-graphic,.profile-page .offer-bundle{max-width:100%}
@media(max-width:600px){.profile-page .dbb-trust{gap:12px 18px;font-size:11px}.profile-page .dbb-payment-steps{grid-template-columns:1fr}.profile-page .dbb-payment-steps span{padding:12px 16px}.profile-page .dbb-payment-steps strong{display:inline;margin-left:8px}}

/* Mobile line breaks (2026-09-25): each heading line is its own balanced block, body copy avoids single-word last lines. */
.profile-page .hl { display: block; }
.profile-page .nw { white-space: nowrap; }
.profile-page h1, .profile-page h2, .profile-page .hl { text-wrap: balance; }
.profile-page p, .profile-page li, .profile-page summary, .profile-page h3, .profile-page figcaption { text-wrap: pretty; }

/* Zusaetzliche Kaufknoepfe und Kaufleiste auf dem Handy (2026-09-25). */
.profile-page .mid-cta { margin: 34px auto 0; max-width: 630px; }
.profile-page .mid-cta .micro { margin-top: 12px; text-align: center; }
.profile-page .buy-bar { display: none; }
@media (max-width: 760px) {
  .profile-page .buy-bar:not([hidden]) { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 900; padding: 10px 16px calc(9px + env(safe-area-inset-bottom)); background: rgba(255, 255, 255, .97); box-shadow: 0 -8px 26px rgba(80, 20, 50, .16); text-align: center; animation: buyBarIn .22s ease-out; }
  .profile-page .buy-bar-btn { display: block; border-radius: 8px; border: 1px solid var(--buy-edge, #0b5226); border-bottom: 4px solid var(--buy-edge, #0b5226); background: var(--buy, #15803d); padding: 13px 12px 11px; color: #fff; font-size: 17px; font-weight: 700; line-height: 1.3; text-decoration: none; letter-spacing: -.02em; }
  .profile-page .buy-bar-note { display: block; margin-top: 5px; font-size: 11.5px; line-height: 1.3; color: #6e5a65; }
}
@keyframes buyBarIn { from { transform: translateY(100%); } to { transform: translateY(0); } }

/* Durchgestrichener Ankerpreis und Rabatt (Felix, 2026-09-25) */
.profile-page .offer-price .offer-was { display: block; font-size: 24px; font-weight: 600; color: #9a8791; text-decoration: line-through; text-decoration-thickness: 2px; text-decoration-color: #d0213f; line-height: 1.1; }
.profile-page .offer-price .offer-off { display: inline-block; margin: 10px 0 0; padding: 4px 12px; border-radius: 999px; background: #e7f6ec; color: var(--buy-2, #116b33); font-size: 14px; font-weight: 700; letter-spacing: 0; }
.profile-page .profile-cta small .was, .profile-page .buy-bar-note .was { opacity: .8; text-decoration: line-through; margin-right: 2px; }
.profile-page .lead-link { margin: 18px 0 0; text-align: center; font-size: 15px; }
.profile-page .lead-link a { color: #7a2a52; text-decoration: underline; text-underline-offset: 3px; }

/* Gratis Sponsor Price Sheet (Felix, 2026-09-25): bewusst nicht in der Kauffarbe */
.profile-page .lead-box { max-width: 620px; margin: 0 auto; padding: 34px 28px 26px; border: 2px solid #efc3d7; border-radius: 16px; background: #fff; text-align: center; box-shadow: 0 14px 40px rgba(108, 37, 73, .08); }
.profile-page .lead-box h2 { margin-bottom: 14px; }
.profile-page .lead-copy { margin: 0 auto 20px; max-width: 480px; color: #51494f; }
.profile-page .lead-form { display: grid; gap: 10px; max-width: 420px; margin: 0 auto; }
.profile-page .lead-in { width: 100%; box-sizing: border-box; padding: 14px 14px; border: 1.5px solid #dccbd4; border-radius: 10px; font: 16px/1.3 Poppins, Arial, sans-serif; color: var(--ink); background: #fff; }
.profile-page .lead-in:focus { outline: none; border-color: var(--pink); box-shadow: 0 0 0 3px rgba(237, 21, 121, .15); }
.profile-page .lead-btn { padding: 15px 14px; border: 0; border-radius: 10px; background: var(--pink); color: #fff; font: 700 17px/1.3 Poppins, Arial, sans-serif; cursor: pointer; }
.profile-page .lead-btn:disabled { opacity: .7; cursor: wait; }
.profile-page .lead-ok { margin: 6px auto 0; max-width: 440px; padding: 14px; border-radius: 10px; background: #e7f6ec; color: #174a2a; font-weight: 600; }
.profile-page .lead-note { margin: 14px 0 0; font-size: 12.5px; color: #86737d; }
.profile-page .lead-form .form-error { margin: 2px 0 0; }

/* Readable phone artwork, 2026-09-25. Desktop originals stay intact. */
.profile-page .mobile-art { display: none; }
@media (max-width: 760px) {
  .profile-page .narrow > .reference-figure {
    width: calc(100vw - 24px);
    max-width: 680px;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  .profile-page .reference-figure figcaption { padding-inline: 10px; font-size: 13px; line-height: 1.6; }
  .profile-page .offer-bundle { width: calc(100% + 24px); max-width: none; margin-left: -12px; }
  .profile-page .collage-graphic > a,
  .profile-page .earnings-graphic > a,
  .profile-page .comparison-graphic > a { display: none; }
  .profile-page .mobile-art { display: block; text-align: left; }
  .profile-page .mobile-proof { display: grid; gap: 12px; }
  .profile-page .proof-message { padding: 18px; border: 1px solid #e9dce3; border-radius: 14px; background: #fff; box-shadow: 0 4px 16px #4c153b08; }
  .profile-page .proof-person { display: flex; align-items: center; gap: 9px; font-size: 15px; line-height: 1.4; }
  .profile-page .proof-avatar { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto; background: #257247; color: #fff; font: 500 14px/1 Arial, sans-serif; }
  .profile-page .avatar-1 { background: #746b20; }
  .profile-page .avatar-2 { background: #396b8d; }
  .profile-page .avatar-3 { background: #b14339; }
  .profile-page .private-name { width: 50px; height: 9px; border-radius: 3px; background: #bcb3b8; filter: blur(3px); }
  .profile-page .proof-message blockquote { margin: 12px 0 0; padding: 0; border: 0; color: #30242b; font-size: 16px; font-style: normal; line-height: 1.6; }
  .profile-page .proof-reply { display: flex; align-items: center; gap: 9px; border-top: 1px solid #efe5eb; margin-top: 14px; padding-top: 12px; }
  .profile-page .proof-reply img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
  .profile-page .proof-reply b, .profile-page .proof-reply span { display: block; font-size: 14px; line-height: 1.6; }
  .profile-page .proof-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; padding: 1px; margin: 0; border-radius: 14px; overflow: hidden; background: #e9dce3; }
  .profile-page .proof-metrics > div { background: #fff6fa; padding: 16px; }
  .profile-page .proof-metrics > div:last-child { grid-column: 1 / -1; background: #3c2332; color: #fff; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .profile-page .proof-metrics dt { font-size: 13px; line-height: 1.4; }
  .profile-page .proof-metrics dd { margin: 4px 0 0; font-size: 28px; font-weight: 700; line-height: 1.2; letter-spacing: -.04em; }
  .profile-page .mobile-earnings { padding: 23px 20px 17px; border: 1px solid #ecd6e1; border-radius: 18px; background: #fffafc; color: #382230; }
  .profile-page .earnings-total > span { font-size: 14px; font-weight: 500; }
  .profile-page .earnings-total > strong { display: block; font-size: 45px; line-height: 1.3; letter-spacing: -.05em; }
  .profile-page .earnings-total > small { font-size: 13px; color: #74606b; }
  .profile-page .earning-months { display: grid; gap: 16px; margin: 24px 0; }
  .profile-page .earning-month > div:first-child { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 16px; }
  .profile-page .month-track { height: 8px; border-radius: 8px; background: #f3e5ec; margin-top: 6px; overflow: hidden; }
  .profile-page .month-track i { display: block; height: 100%; border-radius: 8px; background: #bd286b; }
  .profile-page .earnings-september { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding-top: 20px; border-top: 1px solid #ecdae3; }
  .profile-page .earnings-september > div > span { display: block; font-size: 14px; }
  .profile-page .earnings-september strong { font-size: 30px; line-height: 1.4; letter-spacing: -.035em; }
  .profile-page .earnings-growth { color: #1f7149; font-size: 16px; font-weight: 600; text-align: right; }
  .profile-page .earnings-growth small { display: block; font-size: 12px; font-weight: 400; }
  .profile-page .daily-chart { display: block; width: 100%; margin-top: 10px; }
  .profile-page .daily-note { font-size: 12px; line-height: 1.6; color: #776471; margin: 8px 0 0; }
  .profile-page .mobile-step-labels { padding: 14px 18px 14px 44px; margin: 8px 0 0; border: 1px solid #eed4e0; border-radius: 12px; background: #fff; font-size: 16px; font-weight: 600; line-height: 1.5; }
  .profile-page .mobile-step-labels li { padding: 5px 0 5px 3px; }
  .profile-page .mobile-step-labels li::marker { color: #bd286b; }
  .profile-page .mobile-comparison { display: grid; gap: 14px; }
  .profile-page .mobile-comparison > div { padding: 21px; border-radius: 16px; }
  .profile-page .comparison-old { background: #fff1f0; border: 1px solid #f3d4d0; }
  .profile-page .comparison-new { background: #eef8f1; border: 1px solid #bbddc8; }
  .profile-page .comparison-label { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; font-weight: 600; margin: 0 0 8px; }
  .profile-page .comparison-old .comparison-label { color: #ae4034; }
  .profile-page .comparison-new .comparison-label { color: #237547; }
  .profile-page .mobile-comparison h3 { font-size: 23px; margin: 0 0 15px; }
  .profile-page .mobile-comparison ul { padding-left: 20px; margin: 0; font-size: 15px; line-height: 1.7; }
  .profile-page .mobile-comparison ol { padding-left: 22px; margin: 0; }
  .profile-page .mobile-comparison ol li { padding-left: 3px; margin-top: 15px; font-size: 16px; line-height: 1.5; }
  .profile-page .mobile-comparison ol li::marker { color: #237547; font-weight: 700; }
  .profile-page .mobile-comparison ol span { display: block; font-size: 14px; margin-top: 3px; color: #4c6154; }
}

/* Payment flow icons and a single-row mobile equation, Felix 25 Sep. */
.profile-page .dbb-payment-steps > span { display:grid; grid-template-columns:40px 1fr; column-gap:12px; align-items:center; }
.profile-page .payment-step-icon {width:30px;height:30px;grid-row:1 / 3;}
.profile-page .dbb-payment-steps small {font-size:11px;line-height:1.3;}
.profile-page .dbb-payment-steps strong {margin:3px 0 0;}
@media(max-width:600px){
.profile-page .income-example {padding:22px 10px;}
.profile-page .income-equation {grid-template-columns:minmax(0,.7fr) 12px minmax(0,1fr) 12px minmax(0,1.3fr);gap:5px;align-items:start;}
.profile-page .income-equation strong {font-size:clamp(24px,7.2vw,39px);white-space:nowrap;}
.profile-page .income-equation span {font-size:10px;line-height:1.4;}
.profile-page .income-equation > b, .profile-page .income-equation > b:nth-of-type(2) {grid-column:auto;font-size:19px;line-height:1.5;margin-top:2px;}
.profile-page .income-equation .equation-total {grid-column:auto;}
.profile-page .dbb-payment-steps > span {grid-template-columns:34px 1fr;padding:15px 16px;}
.profile-page .dbb-payment-steps strong {display:block;margin:3px 0 0;font-size:15px;}
}