.pm {
        --cover: url("/media/site/innovation-mode-cover-transparent-1000w.webp");
        --accent: #8a6d00; --accent-dark: #8a6d00; --accent-bg: #fbf3d6;
        --btn: #8a6d00; --btn-dark: #6f5600;
        --surface: #f5f5f3; --border: #e4e4e1;
        --ground: #0b0a0c; --ground-2: #060608;
        --tier1-bg: #f8f8f6; --tier1-bd: #e4e4e1;
        --tier2-bg: #efefec; --tier2-bd: #d6d6d1;
        --tier3-bg: #f7f7f4; --tier3-bd: #dcdcd7;
        --tier4-bg: #ededea; --tier4-bd: #cfcfc9;
        --tier5: linear-gradient(135deg, #8a6d00, #6f5600);
        --tier6: linear-gradient(135deg, #f5c400, #d9ac00);
    }
.pm .pm-ground { background: radial-gradient(1100px 620px at 80% 6%, rgba(245,196,0,0.14), transparent 60%), radial-gradient(900px 700px at 10% 94%, rgba(245,196,0,0.06), transparent 62%), linear-gradient(180deg, #121008 0%, #0b0a0c 55%, #060608 100%) !important; }
.pm .pm-ground::after { background: linear-gradient(90deg, transparent, rgba(245,196,0,0.5), rgba(217,172,0,0.3), transparent); }
.pm-hero h1 em { color: var(--canary) !important; }
.pm .pm-btn--book { box-shadow: 0 8px 26px rgba(245,196,0,0.25), inset 0 1px 0 rgba(255,255,255,0.3); }
.pm-def:hover, .pm-part:hover, .pm-ai-cap:hover, .pm-svc:hover, .pm-pain-item:hover, .pm-deep-card:hover, .pm-test:hover, .pm-cred:hover { border-color: var(--canary-deep); box-shadow: 0 4px 10px rgba(17,17,17,0.04), 0 20px 44px rgba(17,17,17,0.08); }
.pm-part-ch { border-color: #eadfae !important; }
.pm-hero-grid { display: grid; grid-template-columns: minmax(260px, 420px) 1fr; align-items: center; gap: clamp(32px, 5vw, 72px); }
.pm-hero-cover-wrap { position: relative; display: flex; justify-content: center; }
.pm-hero-cover-wrap::before { content: ''; position: absolute; inset: -10% -8%; background: radial-gradient(ellipse at center, rgba(245,196,0,0.16) 0%, rgba(245,196,0,0.05) 45%, transparent 70%); filter: blur(34px); z-index: 0; pointer-events: none; }
.pm-hero-cover { position: relative; z-index: 1; width: clamp(230px, 30vw, 380px); aspect-ratio: 638/1017; background: var(--cover) center/contain no-repeat; filter: drop-shadow(0 1px 0 rgba(255,255,255,0.2)) drop-shadow(0 32px 48px rgba(0,0,0,0.65)); transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
.pm-hero-cover:hover { transform: translateY(-6px); }
.pm-hero-text { display: flex; flex-direction: column; max-width: 640px; }
.pm-hero h1 { font-size: clamp(38px, 4.6vw, 56px) !important; max-width: none; }
.pm-hero-tag { background: rgba(245,196,0,0.12); color: var(--canary) !important; border-color: rgba(245,196,0,0.32); }
.pm-hero-cta-row { margin-top: 4px; }
.pm-hero-proof { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 22px; font-size: 13px !important; color: rgba(255,255,255,0.45) !important; }
.pm-hero-proof span { display: flex; align-items: center; gap: 6px; }
.pm-context-card { background: #fff; border: 1px solid var(--border); border-top: 4px solid var(--canary); border-radius: 10px; margin-top: -32px; position: relative; z-index: 10; box-shadow: 0 12px 40px rgba(17,17,17,0.10); overflow: hidden; }
.pm-context-card-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; padding: 28px 32px; text-align: center; }
.pm-context-card-imperative { background: var(--surface); border-top: 1px solid var(--border); padding: 36px 40px; }
.pm-context-card-imperative .pm-why-now-label { display: block; color: var(--accent-dark) !important; font-size: 12px !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; margin-bottom: 12px !important; }
.pm-context-card-imperative h2 { font-size: clamp(24px, 3.4vw, 32px) !important; margin-bottom: 14px !important; max-width: 26ch; }
.pm-context-card-imperative p { color: var(--ink2) !important; font-size: 16px !important; line-height: 1.5 !important; max-width: 78ch; margin: 0 !important; }
.pm-pain { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 28px; }
.pm-pain-item { padding: 26px 28px; position: relative; overflow: hidden; }
.pm-pain-item h3 { font-size: 18px !important; margin-bottom: 6px !important; position: relative; z-index: 1; }
.pm-pain-item p { font-size: 15.5px !important; color: var(--ink2) !important; line-height: 1.5 !important; position: relative; z-index: 1; }
.pm-pain-watermark { position: absolute; top: 12px; right: 14px; width: 48px; height: 48px; opacity: 0.06; pointer-events: none; z-index: 0; }
.pm-pain-watermark svg { width: 100%; height: 100%; fill: var(--ink); }
.pm-book-showcase { display: grid; grid-template-columns: 440px 1fr; gap: 48px; align-items: center; }
.pm-cover-showcase-wrap { display: flex; justify-content: center; padding: 10px 10px 20px; }
.pm-cover-showcase { width: clamp(260px, 34vw, 420px); aspect-ratio: 638/1017; filter: drop-shadow(0 22px 40px rgba(0,0,0,0.28)) drop-shadow(0 6px 12px rgba(0,0,0,0.16)); transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
.pm-cover-showcase:hover { transform: translateY(-6px); }
.pm-book-detail h3 { font-size: 26px !important; margin-bottom: 16px !important; max-width: none !important; letter-spacing: -0.02em !important; line-height: 1.2 !important; }
.pm-book-detail p { font-size: 16px !important; color: var(--ink2) !important; line-height: 1.5 !important; margin-bottom: 14px !important; }
.pm-book-meta { display: flex; flex-wrap: wrap; gap: 10px 16px; margin-top: 20px; margin-bottom: 24px; }
.pm-book-meta-item { font-size: 14px !important; color: var(--ink3) !important; display: flex; align-items: center; gap: 6px; }
.pm-book-meta-item strong { color: var(--ink) !important; }
.pm-def { padding: 22px 24px; }
.pm-def-num { font-size: 26px !important; font-weight: 800 !important; color: var(--accent) !important; margin-right: 8px; line-height: 1; letter-spacing: -0.02em; }
.pm-def h3 { display: inline; font-size: 18px !important; }
.pm-def p { font-size: 15.5px !important; color: var(--ink2) !important; margin: 10px 0 0 0 !important; line-height: 1.5 !important; }
.pm-states-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 10px; margin-top: 24px; }
.pm-state { border-radius: 8px; padding: 18px 10px 14px; text-align: center; position: relative; transition: transform 0.2s ease; border: 1px solid var(--border); }
.pm-state:hover { transform: translateY(-2px); }
.pm-state-num { font-size: 28px !important; font-weight: 800 !important; margin-bottom: 6px !important; line-height: 1 !important; letter-spacing: -0.02em; }
.pm-state-name { font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; }
.pm-state-badge { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); background: var(--canary); color: var(--carbon) !important; font-size: 10px !important; font-weight: 700 !important; padding: 4px 10px; border-radius: 10px; text-transform: uppercase; letter-spacing: 0.08em; border: 2px solid #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.15); }
.pm-state--low { background: var(--tier1-bg) !important; border-color: var(--tier1-bd) !important; }
.pm-state--mid { background: var(--tier2-bg); border-color: var(--tier2-bd); }
.pm-state--low .pm-state-num, .pm-state--mid .pm-state-num { color: var(--ink3) !important; }
.pm-state--low .pm-state-name, .pm-state--mid .pm-state-name { color: var(--ink2) !important; }
.pm-state--high { background: var(--tier3-bg); border-color: var(--tier3-bd); }
.pm-state--higher { background: var(--tier4-bg); border-color: var(--tier4-bd); }
.pm-state--high .pm-state-num, .pm-state--higher .pm-state-num { color: var(--btn) !important; }
.pm-state--high .pm-state-name, .pm-state--higher .pm-state-name { color: var(--btn-dark) !important; }
.pm-state--native { background: var(--tier6); border-color: var(--canary-deep); box-shadow: 0 4px 16px rgba(245,196,0,0.35); padding-top: 20px; }
.pm-state--native .pm-state-num, .pm-state--native .pm-state-name { color: var(--carbon) !important; }
.pm-parts { display: flex; flex-direction: column; gap: 18px; margin-top: 28px; }
.pm-part { display: grid; grid-template-columns: 100px 1fr; gap: 24px; align-items: start; padding: 26px 28px; }
.pm-part-num { font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: var(--accent-dark) !important; padding-top: 6px; }
.pm-part-num-big { font-size: 44px !important; font-weight: 800 !important; color: var(--btn) !important; line-height: 1 !important; display: block; margin-top: 6px; letter-spacing: -0.02em; }
.pm-part-content h3 { font-size: 22px !important; margin-bottom: 4px !important; line-height: 1.2 !important; }
.pm-part-content .pm-part-sub { font-size: 16px !important; font-weight: 600 !important; color: var(--ink) !important; margin-bottom: 14px !important; line-height: 1.45 !important; }
.pm-part-content .pm-part-body { font-size: 15.5px !important; color: var(--ink2) !important; line-height: 1.5 !important; margin-bottom: 14px !important; }
.pm-part-chapters { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.pm-part-frameworks { font-size: 13px !important; color: var(--ink3) !important; margin-top: 12px; line-height: 1.5; }
.pm-part-frameworks strong { color: var(--ink2) !important; font-size: 11px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; display: block; margin-bottom: 4px; }
.pm-ai-arch { display: flex; flex-direction: column; gap: 20px; }
.pm-ai-cap { display: flex; gap: 20px; align-items: flex-start; padding: 24px; }
.pm-ai-cap-num { flex-shrink: 0; width: 40px; height: 40px; background: linear-gradient(135deg, var(--canary), var(--canary-deep)); color: var(--carbon); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 17px; font-weight: 700; }
.pm-ai-cap-content h3 { font-size: 18px !important; margin: 0 0 8px 0 !important; }
.pm-ai-cap-content p { font-size: 15.5px !important; color: var(--ink2) !important; margin: 0 !important; line-height: 1.5 !important; }
.pm-edu-band { background: var(--accent-bg); border: 1px solid #eadfae; border-radius: 10px; padding: 22px 26px; display: flex; flex-wrap: wrap; gap: 16px 32px; align-items: center; justify-content: space-between; }
.pm-edu-p { flex: 1 1 480px; min-width: 260px; color: var(--ink) !important; font-size: 15.5px !important; line-height: 1.5 !important; margin: 0 !important; }
.pm-edu-lead { color: var(--btn) !important; font-weight: 700 !important; }
.pm .pm-edu-btn { flex: 0 0 auto; display: inline-block; background: var(--canary); color: var(--carbon) !important; font-weight: 700 !important; font-size: 15px !important; padding: 13px 28px; border-radius: 6px; text-decoration: none !important; transition: background 0.2s ease, transform 0.2s ease; white-space: nowrap; }
.pm .pm-edu-btn:hover { background: var(--canary-deep); transform: translateY(-1px); text-decoration: none !important; }
#audience { border-bottom: none !important; padding-bottom: 24px !important; }
.pm-author { display: grid; grid-template-columns: 1.6fr 1fr; gap: 48px; align-items: start; }
.pm-author-header { display: flex; gap: 24px; align-items: flex-start; margin-bottom: 20px; }
.pm-author-photo { flex-shrink: 0; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; border: 4px solid var(--canary); box-shadow: 0 6px 20px rgba(245,196,0,0.25); }
.pm-author-photo img { width: 100%; height: 100%; object-fit: cover; }
.pm-author-intro { flex: 1; }
.pm-author-name { font-size: 30px !important; margin-bottom: 12px !important; }
.pm-author-intro p { font-style: normal !important; font-weight: 600 !important; }
.pm-author p { font-size: 16px !important; color: var(--ink2) !important; margin-bottom: 14px !important; line-height: 1.5 !important; }
.pm-creds { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.pm-cred { padding: 18px 14px; text-align: center; }
.pm-cred-num { font-size: 30px !important; font-weight: 700 !important; color: var(--btn) !important; line-height: 1 !important; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.pm-cred-lbl { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: var(--ink3) !important; margin-top: 6px !important; }
.pm-svc-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: 28px; }
.pm-svc { padding: 28px; display: flex; flex-direction: column; }
.pm-svc-badge { display: inline-block; background: var(--canary); color: var(--carbon) !important; font-size: 10.5px !important; font-weight: 700 !important; letter-spacing: 0.1em; text-transform: uppercase; padding: 4px 10px; border-radius: 4px; margin-bottom: 14px; width: fit-content; }
.pm-svc h3 { font-size: 22px !important; margin-bottom: 10px !important; }
.pm-svc p { font-size: 15.5px !important; color: var(--ink2) !important; line-height: 1.5 !important; margin-bottom: 14px !important; }
.pm-svc-link { margin-top: auto; font-size: 14px !important; font-weight: 700 !important; }
#go-deeper { background: var(--surface) !important; }
.pm-deep-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 28px; }
.pm-deep-card { display: flex; flex-direction: column; padding: 28px 26px 24px; text-decoration: none !important; }
.pm-deep-card:hover { text-decoration: none !important; }
.pm-deep-eyebrow { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.13em !important; text-transform: uppercase !important; color: var(--accent-dark) !important; margin: 0 0 12px 0 !important; display: block; }
.pm-deep-card h3 { font-size: 18px !important; line-height: 1.32 !important; margin: 0 0 10px 0 !important; max-width: none !important; }
.pm-deep-card p { font-size: 14.5px !important; color: var(--ink2) !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; }
.pm-deep-read { margin-top: auto; font-size: 13px !important; font-weight: 700 !important; color: var(--btn) !important; display: inline-flex; align-items: center; gap: 7px; transition: gap 0.2s ease; }
.pm-deep-card:hover .pm-deep-read { gap: 11px; }
#buy { padding: 96px 0 !important; }
.pm-final-cta { text-align: center; position: relative; }
.pm-final-cta-inner { position: relative; z-index: 1; max-width: 760px; margin: 0 auto; }
.pm-final-cta h2 { color: #fff !important; font-size: clamp(30px, 4.5vw, 42px) !important; margin: 0 auto 16px !important; max-width: none !important; }
.pm-final-cta p { color: rgba(255,255,255,0.78) !important; font-size: 17px !important; line-height: 1.5 !important; margin-bottom: 28px !important; }
.pm-final-cta-buttons { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.pm-final-cta-buttons a { min-width: 220px; }
.pm-final-cta-cover { display: flex; justify-content: center; margin-bottom: 28px; position: relative; z-index: 2; }
.pm-cover-cta { width: clamp(200px, 26vw, 260px); aspect-ratio: 638/1017; background: var(--cover) center/contain no-repeat; filter: drop-shadow(0 1px 0 rgba(255,255,255,0.18)) drop-shadow(0 26px 46px rgba(0,0,0,0.6)); transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
.pm-cover-cta:hover { transform: translateY(-4px) rotate(-1deg); }
#buy { border-top: 1px solid rgba(245,196,0,0.22); }
#ecosystem { background: var(--ground-2) !important; padding-top: 56px !important; border-top: 1px solid rgba(255,255,255,0.06); }
#ecosystem .pm-footer { margin-top: 28px; }
@media (max-width: 1024px) {
    .pm-book-showcase { grid-template-columns: 1fr; text-align: center; }
    .pm-cover-showcase-wrap { margin: 0 auto; }
    .pm-book-meta, .pm-buy-row { justify-content: center; }
    .pm-book-detail h3 { margin-left: auto; margin-right: auto; }
    .pm-states-grid { grid-template-columns: repeat(4, 1fr); }
    .pm-deep-grid { grid-template-columns: repeat(2, 1fr); }
    .pm-context-card-stats { grid-template-columns: repeat(2, 1fr); }
    .pm-context-card-stats .pm-stat-banner-item { border-right: none !important; }
    .pm-author { grid-template-columns: 1fr; }
    .pm-pain, .pm-svc-grid { grid-template-columns: 1fr; }
    .pm-part { grid-template-columns: 1fr; gap: 8px; }
    .pm-part-num { padding-top: 0; }
}
@media (max-width: 768px) {
    .pm-hero-grid { grid-template-columns: 1fr; justify-items: center; text-align: center; }
    .pm-hero-text { align-items: center; max-width: 560px; }
    .pm-hero h1, .pm-hero-sub { margin-left: auto; margin-right: auto; }
    .pm-hero-cta-row, .pm-hero-proof { justify-content: center; }
    .pm-author-header { flex-direction: column; align-items: center; text-align: center; }
    .pm-deep-grid { grid-template-columns: 1fr; }
    .pm-final-cta-buttons a { width: 100%; }
    .pm-context-card-imperative { padding: 28px 24px; }
    .pm-edu-band { flex-direction: column; align-items: stretch; }
    .pm .pm-edu-btn { text-align: center; }
}
@media (max-width: 520px) {
    .pm-context-card-stats { grid-template-columns: 1fr 1fr; padding: 24px; gap: 16px; }
    .pm-states-grid { gap: 6px; }
    .pm-state-num { font-size: 18px !important; }
    .pm-state-name { font-size: 10px !important; }
    .pm-creds { grid-template-columns: 1fr 1fr; }
}