@font-face { font-family: YekanBakh; src: url("fonts/Vazirmatn-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: YekanBakh; src: url("fonts/Vazirmatn-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: YekanBakh; src: url("fonts/Vazirmatn-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: YekanBakh; src: url("fonts/Vazirmatn-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
:root { --c-white: #FFFFFF; --c-cream: #E5E3DC; --c-cream-soft: #F2F1EC; --c-ink: #303535; --c-ink-soft: #4D5252; --c-teal: #485957; --c-accent: #D4967D; --c-accent-hover: #C07F66; --c-line: #DCD8CE; --ff-fa: 'YekanBakh','Yekan Bakh','Vazirmatn',Tahoma,system-ui,sans-serif; --ff-serif: 'YekanBakh','Yekan Bakh','Vazirmatn',Tahoma,system-ui,sans-serif; --ff-sans: 'YekanBakh','Yekan Bakh','Vazirmatn',Tahoma,system-ui,sans-serif; --container: 1180px; --radius: 4px; --shadow-card: 0 10px 40px -12px rgba(48, 53, 53, 0.18); --ease: cubic-bezier(0.4, 0, 0.2, 1); }
* { box-sizing: border-box; margin: 0px; padding: 0px; }
html { scroll-behavior: smooth; }
body { font-family: var(--ff-fa); font-weight: 400; font-size: 17px; line-height: 1.75; color: var(--c-ink); background: var(--c-white); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.container { max-width: var(--container); margin: 0px auto; padding: 0px 24px; }
.site-header { position: sticky; top: 0px; z-index: 50; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(10px); border-bottom: 1px solid var(--c-line); }
.nav { display: flex; align-items: center; justify-content: space-between; padding: 18px 0px; }
.brand { font-family: var(--ff-serif); font-size: 26px; font-weight: 500; letter-spacing: 0.5px; color: var(--c-ink); }
.brand .accent { color: var(--c-accent); }
.nav-links { display: flex; gap: 32px; list-style: none; font-size: 15px; font-weight: 500; }
.nav-links a { color: var(--c-ink-soft); transition: color .2s var(--ease); }
.nav-links a:hover { color: var(--c-accent); }
.lang-switch { font-size: 13px; padding: 6px 14px; border: 1px solid var(--c-line); border-radius: 100px; color: var(--c-ink-soft); transition: all .2s var(--ease); }
.lang-switch:hover { border-color: var(--c-accent); color: var(--c-accent); }
@media (max-width: 780px) {
  .nav-links { display: none; }
}
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 30px; font-family: var(--ff-fa); font-size: 15px; font-weight: 600; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--radius); cursor: pointer; transition: all .25s var(--ease); text-align: center; line-height: 1; }
.btn-primary { background: var(--c-accent); color: var(--c-white); }
.btn-primary:hover { background: var(--c-accent-hover); transform: translateY(-1px); }
.btn-secondary { background: 0px 0px; color: var(--c-ink); border: 1px solid var(--c-ink); }
.btn-secondary:hover { background: var(--c-ink); color: var(--c-white); }
.hero { padding: 90px 0px 110px; background: radial-gradient(ellipse at top left,rgba(212,150,125,.08),transparent 50%),var(--c-white); position: relative; overflow: hidden; }
.hero-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 70px; align-items: center; }
.hero-center { display: flex; flex-direction: column; align-items: center; text-align: center; max-width: 780px; margin: 0px auto; padding: 60px 0px; }
.hero-center h1 { font-family: var(--ff-fa); font-size: clamp(38px, 5.5vw, 64px); line-height: 1.2; color: var(--c-white); margin: 20px 0px 22px; font-weight: 700; }
.hero-center h1 .em { color: var(--c-accent); font-style: normal; }
.hero-center-lead { font-size: 17px; line-height: 1.8; color: rgba(255, 255, 255, 0.75); margin: 0px 0px 32px; max-width: 520px; }
.hero-subscribe { width: 100%; max-width: 480px; margin-bottom: 12px; }
.hero-email-form { display: flex; gap: 0px; border-radius: 12px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.06); backdrop-filter: blur(12px); flex-direction: row-reverse; }
.hero-email-form input[type="email"] { flex: 1 1 0%; padding: 14px 18px; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--c-white); font-family: var(--ff-fa); font-size: 15px; outline: 0px; text-align: right; direction: rtl; }
.hero-email-form input[type="email"]::placeholder { color: rgba(255, 255, 255, 0.45); }
.hero-email-form button { padding: 14px 22px; background: var(--c-accent); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; font-family: var(--ff-fa); font-size: 15px; font-weight: 600; color: var(--c-white); white-space: nowrap; transition: background 0.2s; flex-shrink: 0; }
.hero-email-form button:hover { background: rgb(200, 125, 90); }
.hero-subscribe-note { font-size: 13px; color: rgba(255, 255, 255, 0.5); margin: 10px 0px 0px; text-align: center; }
.hero-form-success { display: none; background: rgba(72, 149, 87, 0.15); border: 1px solid rgba(72, 149, 87, 0.4); border-radius: 8px; padding: 12px 16px; margin-top: 10px; font-size: 14px; color: rgb(125, 232, 154); text-align: center; }
.hero-form-success a { color: var(--c-accent); margin-right: 10px; }
.hero-book-row { display: flex; align-items: center; gap: 20px; margin-top: 32px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px; padding: 16px 22px; max-width: 460px; width: 100%; }
.hero-book-row .hero-book-link { display: block; flex-shrink: 0; position: relative; text-decoration: none; }
.hero-book-row .hero-book-render { display: block; border-radius: 5px; width: 72px !important; height: auto !important; box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 16px !important; filter: none !important; position: static !important; }
.hero-book-row .hero-book-buy-badge { display: none; }
.hero-book-row-text { display: flex; flex-direction: column; gap: 4px; text-align: right; flex: 1 1 0%; }
.hero-book-row-text strong { color: var(--c-white); font-size: 14px; line-height: 1.4; display: block; }
.hero-book-row-text span { color: rgba(255, 255, 255, 0.5); font-size: 12px; display: block; }
.hero-book-row-text .pill { font-size: 13px !important; padding: 7px 16px !important; background: var(--c-accent) !important; color: rgb(255, 255, 255) !important; border-color: var(--c-accent) !important; }
@media (max-width: 600px) {
  .hero-center { padding: 40px 0px 30px; }
  .hero-book-row { gap: 14px; padding: 14px 16px; }
  .hero-book-row .hero-book-render { width: 58px; }
}
.hero-eyebrow { display: inline-block; font-family: var(--ff-sans); font-size: 12px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; color: var(--c-accent); padding: 6px 14px; border: 1px solid var(--c-accent); border-radius: 100px; margin-bottom: 24px; }
.hero h1 { font-family: var(--ff-serif); font-weight: 400; font-size: clamp(38px, 5.5vw, 64px); line-height: 1.15; color: var(--c-ink); margin-bottom: 24px; letter-spacing: -0.5px; }
.hero h1 .em { font-style: italic; color: var(--c-accent); }
.hero p.lead { font-size: 19px; line-height: 1.8; color: var(--c-ink-soft); margin-bottom: 36px; max-width: 540px; }
.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }
.hero-visual { position: relative; aspect-ratio: 4 / 5; background: linear-gradient(135deg,var(--c-cream) 0,var(--c-cream-soft) 100%); border-radius: 6px; overflow: hidden; box-shadow: var(--shadow-card); }
.hero-visual img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.hero-visual::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 60%, rgba(48, 53, 53, 0.55) 100%); pointer-events: none; }
.hero-visual-caption { position: absolute; bottom: 24px; right: 26px; left: 26px; z-index: 2; color: var(--c-white); font-family: var(--ff-serif); font-size: 17px; font-style: italic; line-height: 1.4; text-shadow: rgba(0, 0, 0, 0.4) 0px 2px 8px; }
.hero-visual-caption small { display: block; font-family: var(--ff-sans); font-size: 11px; font-style: normal; letter-spacing: 2px; text-transform: uppercase; opacity: 0.85; margin-top: 6px; }
.hero-visual-placeholder { position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 40px; text-align: center; background: radial-gradient(circle at 30% 40%, rgba(212, 150, 125, 0.25), transparent 50%), radial-gradient(circle at 70% 80%, rgba(72, 89, 87, 0.18), transparent 55%); }
.hero-visual-placeholder .mono { font-family: var(--ff-serif); font-size: 140px; line-height: 1; color: var(--c-accent); opacity: 0.85; font-style: italic; margin-bottom: 16px; }
.hero-visual-placeholder .ph-text { font-family: var(--ff-fa); font-size: 13px; color: var(--c-teal); letter-spacing: 1px; opacity: 0.7; }
@media (max-width: 880px) {
  .hero { padding: 60px 0px 80px; }
  .hero-grid { grid-template-columns: 1fr; gap: 50px; }
  .hero-visual { aspect-ratio: 1 / 1; max-width: 420px; margin: 0px auto; }
  .hero-visual-placeholder .mono { font-size: 110px; }
}
.lead-magnet { background: var(--c-ink); color: var(--c-white); padding: 80px 0px; position: relative; overflow: hidden; }
.lead-magnet::before { content: ""; position: absolute; top: -50%; left: -10%; width: 60%; height: 200%; background: radial-gradient(circle, rgba(212, 150, 125, 0.15), transparent 60%); pointer-events: none; }
.lead-magnet-inner { position: relative; max-width: 720px; margin: 0px auto; text-align: center; padding: 0px 24px; }
.lead-magnet .eyebrow { font-family: var(--ff-sans); font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: var(--c-accent); margin-bottom: 18px; }
.lead-magnet h2 { font-family: var(--ff-serif); font-weight: 400; font-size: clamp(28px, 4vw, 44px); line-height: 1.25; margin-bottom: 18px; }
.lead-magnet p { color: rgba(255, 255, 255, 0.78); font-size: 17px; margin-bottom: 32px; max-width: 560px; margin-left: auto; margin-right: auto; }
.email-form { display: flex; gap: 8px; max-width: 520px; margin: 0px auto; background: var(--c-white); padding: 6px; border-radius: 6px; }
.email-form input { flex: 1 1 0%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: 0px; padding: 14px 18px; font-family: var(--ff-fa); font-size: 15px; color: var(--c-ink); background: 0px 0px; }
.email-form input::placeholder { color: rgb(154, 162, 161); }
.email-form button { padding: 14px 28px; background: var(--c-accent); color: var(--c-white); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 4px; font-family: var(--ff-fa); font-weight: 600; font-size: 15px; cursor: pointer; transition: background .2s var(--ease); white-space: nowrap; }
.email-form button:hover { background: var(--c-accent-hover); }
.privacy-note { font-size: 13px; color: rgba(255, 255, 255, 0.55); margin-top: 16px; }
@media (max-width: 540px) {
  .email-form { flex-direction: column; padding: 8px; }
  .email-form button { width: 100%; }
}
section.padded { padding: 110px 0px; }
.section-header { text-align: center; max-width: 680px; margin: 0px auto 70px; }
.section-eyebrow { font-family: var(--ff-sans); font-size: 12px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; color: var(--c-accent); margin-bottom: 16px; display: block; }
.section-header h2 { font-family: var(--ff-serif); font-weight: 400; font-size: clamp(32px, 4.5vw, 48px); line-height: 1.2; color: var(--c-ink); margin-bottom: 18px; }
.section-header h2 .em { font-style: italic; color: var(--c-accent); }
.section-header p { font-size: 18px; color: var(--c-ink-soft); line-height: 1.75; }
.books { background: var(--c-cream-soft); }
.books-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.book-card { background: var(--c-white); border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; transition: transform .3s var(--ease),box-shadow .3s var(--ease); border: 1px solid var(--c-line); position: relative; }
.book-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-card); }
.book-card.featured { border-color: var(--c-accent); box-shadow: rgba(212, 150, 125, 0.4) 0px 10px 36px -16px; }
.book-badge { position: absolute; top: 14px; right: 14px; background: var(--c-accent); color: var(--c-white); font-family: var(--ff-sans); font-size: 10px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 5px 11px; border-radius: 100px; z-index: 2; }
.book-cover { aspect-ratio: 2 / 3; background: linear-gradient(135deg,var(--c-teal),var(--c-ink)); position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 20px 16px; color: var(--c-white); }
.book-cover img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.book-cover.cover-claude { background: linear-gradient(160deg, rgb(212, 150, 125) 0px, rgb(138, 90, 72) 100%); }
.book-cover.cover-ai1 { background: linear-gradient(160deg, rgb(72, 89, 87) 0px, rgb(31, 46, 44) 100%); }
.book-cover.cover-ai2 { background: linear-gradient(160deg, rgb(110, 133, 128) 0px, rgb(45, 64, 61) 100%); }
.book-cover.cover-bundle { background: linear-gradient(160deg, rgb(48, 53, 53) 0px, rgb(15, 20, 20) 100%); border: 2px solid var(--c-accent); }
.book-cover .cover-label { font-family: var(--ff-sans); font-size: 9px; letter-spacing: 1.5px; text-transform: uppercase; opacity: 0.75; }
.book-cover .cover-title { font-family: var(--ff-serif); font-size: 18px; line-height: 1.2; font-weight: 500; }
.book-cover .cover-author { font-family: var(--ff-sans); font-size: 10px; letter-spacing: 1px; opacity: 0.85; margin-top: auto; }
.book-info { padding: 24px 22px 26px; display: flex; flex-direction: column; flex: 1 1 0%; }
.book-meta { font-family: var(--ff-sans); font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--c-accent); margin-bottom: 8px; font-weight: 500; }
.book-card h3 { font-family: var(--ff-serif); font-weight: 500; font-size: 20px; line-height: 1.3; color: var(--c-ink); margin-bottom: 10px; }
.book-card .book-desc { font-size: 14px; color: var(--c-ink-soft); line-height: 1.65; margin-bottom: 20px; flex: 1 1 0%; }
.book-price { font-family: var(--ff-serif); font-size: 22px; color: var(--c-ink); margin-bottom: 16px; font-weight: 500; }
.book-price .price-old { font-size: 14px; color: var(--c-ink-soft); text-decoration: line-through; margin-left: 8px; font-weight: 400; }
.book-price small { font-size: 13px; color: var(--c-ink-soft); font-weight: 400; }
.book-actions .btn { padding: 11px 16px; font-size: 13px; width: 100%; }
.amazon-note { margin-top: 56px; padding: 28px 32px; background: var(--c-white); border: 1px solid var(--c-line); border-radius: 6px; text-align: center; font-size: 15px; color: var(--c-ink-soft); }
.amazon-note strong { color: var(--c-ink); font-weight: 600; }
.amazon-note a { color: var(--c-accent); text-decoration: underline; text-underline-offset: 3px; font-weight: 500; }
@media (max-width: 1100px) {
  .books-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .books-grid { grid-template-columns: 1fr; gap: 22px; }
}
.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.service-card { background: var(--c-white); padding: 40px 36px; border-radius: 6px; border: 1px solid var(--c-line); transition: all .3s var(--ease); position: relative; }
.service-card:hover { border-color: var(--c-accent); transform: translateY(-3px); }
.service-num { font-family: var(--ff-serif); font-style: italic; font-size: 48px; color: var(--c-accent); line-height: 1; margin-bottom: 20px; opacity: 0.85; }
.service-card h3 { font-family: var(--ff-serif); font-weight: 500; font-size: 24px; line-height: 1.3; color: var(--c-ink); margin-bottom: 14px; }
.service-card p { font-size: 15px; color: var(--c-ink-soft); line-height: 1.7; margin-bottom: 24px; }
.service-card ul { list-style: none; font-size: 14px; color: var(--c-teal); }
.service-card ul li { padding: 6px 0px 6px 22px; position: relative; }
.service-card ul li::before { content: "-"; position: absolute; right: 0px; color: var(--c-accent); font-weight: 600; }
@media (max-width: 880px) {
  .services-grid { grid-template-columns: 1fr; }
}
.proof { background: var(--c-ink); color: var(--c-white); padding: 100px 0px; }
.proof .section-header h2 { color: var(--c-white); }
.proof .section-header p { color: rgba(255, 255, 255, 0.72); }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; margin-bottom: 70px; }
.stat-card { text-align: center; padding: 32px 16px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 6px; transition: all .3s var(--ease); }
.stat-card:hover { border-color: var(--c-accent); background: rgba(212, 150, 125, 0.04); }
.stat-num { font-family: var(--ff-serif); font-size: 48px; font-weight: 500; color: var(--c-accent); line-height: 1; margin-bottom: 10px; }
.stat-label { font-family: var(--ff-sans); font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255, 255, 255, 0.78); }
.quotes-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.quote-card { background: rgba(255, 255, 255, 0.04); padding: 36px; border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.08); position: relative; }
.quote-mark { font-family: var(--ff-serif); font-size: 80px; line-height: 1; color: var(--c-accent); position: absolute; top: 12px; right: 24px; opacity: 0.4; }
.quote-text { font-family: var(--ff-serif); font-size: 19px; font-style: italic; line-height: 1.6; color: rgba(255, 255, 255, 0.92); margin-bottom: 22px; position: relative; z-index: 1; }
.quote-author { display: flex; align-items: center; gap: 12px; }
.quote-author .avatar { width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(135deg,var(--c-accent),var(--c-teal)); display: flex; align-items: center; justify-content: center; font-family: var(--ff-serif); font-size: 16px; color: var(--c-white); font-weight: 500; }
.quote-author .who { font-size: 14px; color: var(--c-white); font-weight: 500; }
.quote-author .who small { display: block; font-size: 12px; color: rgba(255, 255, 255, 0.55); font-weight: 400; margin-top: 2px; }
@media (max-width: 880px) {
  .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
  .quotes-grid { grid-template-columns: 1fr; }
  .stat-num { font-size: 38px; }
}
.final-cta { padding: 100px 0px; text-align: center; background: var(--c-cream); position: relative; overflow: hidden; }
.final-cta::before { content: ""; position: absolute; inset: 0px; background: radial-gradient(transparent 50%, rgba(212, 150, 125, 0.08) 100%); }
.final-cta-inner { position: relative; max-width: 680px; margin: 0px auto; padding: 0px 24px; }
.final-cta h2 { font-family: var(--ff-serif); font-weight: 400; font-size: clamp(32px, 5vw, 52px); line-height: 1.2; color: var(--c-ink); margin-bottom: 20px; }
.final-cta h2 .em { font-style: italic; color: var(--c-accent); }
.final-cta p { font-size: 18px; color: var(--c-ink-soft); margin-bottom: 36px; }
.final-cta .cta-buttons { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
footer { background: var(--c-ink); color: rgba(255, 255, 255, 0.7); padding: 60px 0px 30px; font-size: 14px; }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 50px; }
.footer-col h4 { font-family: var(--ff-serif); font-weight: 500; color: var(--c-white); margin-bottom: 18px; font-size: 17px; }
.footer-col p { line-height: 1.7; margin-bottom: 16px; }
.footer-col ul { list-style: none; }
.footer-col ul li { margin-bottom: 10px; }
.footer-col a { color: rgba(255, 255, 255, 0.7); transition: color .2s var(--ease); }
.footer-col a:hover { color: var(--c-accent); }
.footer-bottom { padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; font-size: 13px; color: rgba(255, 255, 255, 0.5); }
.social-icons { display: flex; gap: 14px; }
.social-icons a { width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.18); display: flex; align-items: center; justify-content: center; font-size: 13px; transition: all .2s var(--ease); }
.social-icons a:hover { border-color: var(--c-accent); color: var(--c-accent); }
@media (max-width: 780px) {
  .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  .footer-grid { grid-template-columns: 1fr; }
}
.form-success { display: none; padding: 14px 22px; background: rgba(212, 150, 125, 0.15); border: 1px solid var(--c-accent); color: var(--c-accent); border-radius: 6px; margin-top: 18px; font-size: 14px; }
.form-success.show { display: block; }
.bundles { background: var(--c-cream-soft); }
.bundles-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; }
.bundle-card { background: var(--c-white); border-radius: 10px; border: 1px solid var(--c-line); overflow: hidden; display: grid; grid-template-columns: 280px 1fr; transition: all .3s var(--ease); position: relative; }
.bundle-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-card); }
.bundle-card.bundle-flagship { border-color: var(--c-accent); box-shadow: rgba(212, 150, 125, 0.45) 0px 16px 50px -20px; }
.bundle-flag { position: absolute; top: 16px; left: 16px; z-index: 3; background: var(--c-ink); color: var(--c-white); font-family: var(--ff-sans); font-size: 11px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; padding: 7px 14px; border-radius: 100px; }
.bundle-cover { aspect-ratio: 1 / 1.2; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.bundle-cover img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.bundle-cover.cover-hamehfan { background: linear-gradient(135deg, rgb(242, 240, 232) 0px, rgb(217, 210, 192) 100%); }
.bundle-cover.cover-army { background: linear-gradient(135deg, rgb(230, 184, 71) 0px, rgb(200, 144, 42) 100%); }
.bundle-stack { display: flex; position: relative; padding: 30px; }
.stack-book { width: 80px; height: 110px; border-radius: 4px; display: flex; align-items: center; justify-content: center; text-align: center; font-family: var(--ff-serif); font-size: 13px; font-weight: 500; color: var(--c-white); line-height: 1.2; box-shadow: rgba(48, 53, 53, 0.4) 0px 8px 20px -8px; margin-right: -18px; transform: rotate(-4deg); }
.stack-book.stack-1 { background: linear-gradient(160deg, rgb(245, 239, 224), rgb(201, 185, 138)); color: rgb(107, 78, 32); z-index: 3; transform: rotate(-6deg); }
.stack-book.stack-2 { background: linear-gradient(160deg, rgb(193, 59, 45), rgb(122, 31, 21)); z-index: 2; transform: rotate(2deg); margin-top: 12px; }
.stack-book.stack-3 { background: linear-gradient(160deg, rgb(47, 62, 60), rgb(26, 38, 36)); z-index: 1; transform: rotate(8deg); margin-top: 24px; }
.bundle-info { padding: 32px 32px 28px; display: flex; flex-direction: column; }
.bundle-badge { display: inline-block; background: rgba(212, 150, 125, 0.15); color: var(--c-accent); font-family: var(--ff-sans); font-size: 11px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; padding: 5px 12px; border-radius: 100px; margin-bottom: 14px; align-self: flex-start; }
.bundle-info h3 { font-family: var(--ff-serif); font-weight: 500; font-size: 28px; line-height: 1.2; color: var(--c-ink); margin-bottom: 8px; }
.bundle-tagline { font-size: 15px; color: var(--c-ink-soft); font-style: italic; margin-bottom: 20px; line-height: 1.5; }
.bundle-includes { list-style: none; font-size: 14px; color: var(--c-teal); margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid var(--c-line); }
.bundle-includes li { padding: 7px 0px 7px 24px; position: relative; line-height: 1.55; }
.bundle-includes li::before { content: "✓"; position: absolute; right: 0px; color: var(--c-accent); font-weight: 600; }
.bundle-price { display: flex; align-items: baseline; gap: 12px; margin-bottom: 22px; }
.bundle-price .price-current { font-family: var(--ff-serif); font-size: 32px; font-weight: 600; color: var(--c-ink); }
.bundle-price .price-current small { font-size: 14px; color: var(--c-ink-soft); font-weight: 400; }
.bundle-price .price-old { font-family: var(--ff-serif); font-size: 18px; color: var(--c-ink-soft); text-decoration: line-through; font-weight: 400; }
.bundle-actions { display: flex; flex-direction: column; gap: 10px; }
.btn-large { padding: 16px 28px; font-size: 16px; }
.btn-ghost { background: 0px 0px; color: var(--c-accent); padding: 10px 0px; text-align: center; font-size: 14px; }
.btn-ghost:hover { color: var(--c-accent-hover); text-decoration: underline; }
@media (max-width: 1050px) {
  .bundles-grid { grid-template-columns: 1fr; gap: 28px; }
  .bundle-card { grid-template-columns: 240px 1fr; }
}
@media (max-width: 680px) {
  .bundle-card { grid-template-columns: 1fr; }
  .bundle-cover { aspect-ratio: 16 / 10; }
  .bundle-stack { padding: 20px; }
}
.books-grid-5 { grid-template-columns: repeat(5, 1fr); gap: 22px; }
.book-cover.cover-claude-v1 { background: linear-gradient(160deg, rgb(245, 239, 224) 0px, rgb(201, 185, 138) 100%); color: rgb(107, 78, 32); }
.book-cover.cover-claude-v2 { background: linear-gradient(160deg, rgb(193, 59, 45) 0px, rgb(122, 31, 21) 100%); }
.book-cover.cover-ai-v1 { background: linear-gradient(160deg, rgb(193, 59, 45) 0px, rgb(92, 24, 16) 100%); }
.book-cover.cover-ai-v2 { background: linear-gradient(160deg, rgb(230, 184, 71) 0px, rgb(184, 133, 26) 100%); color: rgb(61, 42, 5); }
.book-cover.cover-prompt { background: linear-gradient(160deg, rgb(72, 89, 87) 0px, rgb(31, 46, 44) 100%); }
.book-cover.cover-ai-v2 .cover-author, .book-cover.cover-claude-v1 .cover-author { opacity: 0.7; }
@media (max-width: 1180px) {
  .books-grid-5 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 760px) {
  .books-grid-5 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 460px) {
  .books-grid-5 { grid-template-columns: 1fr; }
}
.bundles-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.bundle-card-v { background: var(--c-white); border-radius: 10px; border: 1px solid var(--c-line); overflow: hidden; display: flex; flex-direction: column; transition: all .3s var(--ease); position: relative; }
.bundle-card-v:hover { transform: translateY(-4px); box-shadow: var(--shadow-card); }
.bundle-card-v.bundle-flagship { border-color: var(--c-accent); box-shadow: rgba(212, 150, 125, 0.45) 0px 16px 50px -20px; transform: scale(1.02); }
.bundle-card-v.bundle-flagship:hover { transform: scale(1.02) translateY(-4px); }
.bundle-cover-v { aspect-ratio: 1 / 1; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.bundle-cover-v img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.bundle-cover-v.cover-golden { background: linear-gradient(135deg, rgb(230, 184, 71) 0px, rgb(200, 144, 42) 50%, rgb(138, 95, 15) 100%); }
.bundle-cover-v.cover-hamehfan { background: linear-gradient(135deg, rgb(245, 239, 224) 0px, rgb(201, 185, 138) 100%); }
.bundle-cover-v.cover-army { background: linear-gradient(135deg, rgb(193, 59, 45) 0px, rgb(122, 31, 21) 100%); }
.bundle-stack-v { display: flex; position: relative; z-index: 1; filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 10px 20px); }
.stack-v { width: 90px; height: 130px; border-radius: 4px; display: flex; align-items: center; justify-content: center; text-align: center; font-family: var(--ff-serif); font-size: 14px; font-weight: 500; color: var(--c-white); line-height: 1.2; }
.stack-v-1 { background: linear-gradient(160deg, rgb(245, 239, 224), rgb(201, 185, 138)); color: rgb(107, 78, 32); transform: rotate(-8deg); z-index: 3; margin-right: -16px; }
.stack-v-2 { background: linear-gradient(160deg, rgb(72, 89, 87), rgb(31, 46, 44)); transform: rotate(4deg); z-index: 2; margin-right: -16px; margin-top: 8px; }
.stack-v-3 { background: linear-gradient(160deg, rgb(193, 59, 45), rgb(122, 31, 21)); transform: rotate(10deg); z-index: 1; margin-top: 18px; }
.bundle-info-v { padding: 28px 24px 24px; display: flex; flex-direction: column; flex: 1 1 0%; }
.bundle-info-v h3 { font-family: var(--ff-serif); font-weight: 500; font-size: 24px; line-height: 1.2; color: var(--c-ink); margin: 12px 0px 8px; }
.bundle-info-v .bundle-badge { display: inline-block; background: rgba(212, 150, 125, 0.15); color: var(--c-accent); font-family: var(--ff-sans); font-size: 10px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; padding: 5px 12px; border-radius: 100px; align-self: flex-start; }
.bundle-info-v .bundle-tagline { font-size: 14px; color: var(--c-ink-soft); font-style: italic; margin-bottom: 18px; line-height: 1.5; }
.bundle-info-v .bundle-includes { list-style: none; font-size: 13px; color: var(--c-teal); margin-bottom: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--c-line); flex: 1 1 0%; }
.bundle-info-v .bundle-includes li { padding: 5px 0px 5px 22px; position: relative; line-height: 1.5; }
.bundle-info-v .bundle-includes li::before { content: "✓"; position: absolute; right: 0px; color: var(--c-accent); font-weight: 600; }
.bundle-info-v .bundle-price { display: flex; align-items: baseline; gap: 10px; margin-bottom: 18px; flex-wrap: wrap; }
.bundle-info-v .price-current { font-family: var(--ff-serif); font-size: 24px; font-weight: 600; color: var(--c-ink); line-height: 1.1; }
.bundle-info-v .price-current small { font-size: 12px; color: var(--c-ink-soft); font-weight: 400; }
.bundle-info-v .price-old { font-family: var(--ff-serif); font-size: 16px; color: var(--c-ink-soft); text-decoration: line-through; font-weight: 400; }
.bundle-flag { position: absolute; top: 14px; right: 14px; z-index: 4; background: var(--c-ink); color: var(--c-white); font-family: var(--ff-sans); font-size: 10px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 6px 12px; border-radius: 100px; }
@media (max-width: 1050px) {
  .bundles-grid-3 { grid-template-columns: 1fr; gap: 22px; }
  .bundle-card-v.bundle-flagship { transform: none; }
  .bundle-card-v.bundle-flagship:hover { transform: translateY(-4px); }
}
.products-group-title { font-family: var(--ff-serif); font-weight: 500; font-size: 22px; color: var(--c-ink); margin: 40px 0px 24px; padding-right: 12px; border-right: 3px solid var(--c-accent); }
.products-group-title:first-of-type { margin-top: 0px; }
.products-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 20px; }
.products-grid-2 { grid-template-columns: repeat(2, 1fr); max-width: 800px; }
.product-card { background: var(--c-white); border-radius: 8px; overflow: hidden; border: 1px solid var(--c-line); display: flex; flex-direction: column; transition: all .3s var(--ease); }
.product-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-card); border-color: var(--c-accent); }
.product-cover { aspect-ratio: 1 / 1; position: relative; overflow: hidden; background: linear-gradient(135deg,var(--c-cream-soft),var(--c-cream)); }
.product-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.product-cover.cover-en-mj { background: linear-gradient(160deg, rgb(42, 74, 110) 0px, rgb(21, 41, 63) 100%); color: var(--c-white); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px; text-align: center; }
.product-cover.cover-en-ai { background: linear-gradient(160deg, rgb(72, 89, 87) 0px, rgb(31, 46, 44) 100%); color: var(--c-white); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px; text-align: center; }
.en-cover-title { font-family: var(--ff-serif); font-size: 26px; line-height: 1.15; font-weight: 500; margin-bottom: 14px; }
.en-cover-tag { font-family: var(--ff-sans); font-size: 10px; letter-spacing: 2px; text-transform: uppercase; opacity: 0.75; padding: 4px 10px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 100px; }
.product-cover.cover-financial { background: linear-gradient(160deg, rgb(212, 150, 125) 0px, rgb(138, 90, 72) 100%); color: var(--c-white); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; text-align: center; }
.special-cover-icon { font-size: 48px; margin-bottom: 12px; }
.special-cover-title { font-family: var(--ff-serif); font-size: 24px; line-height: 1.2; font-weight: 500; margin-bottom: 10px; }
.special-cover-sub { font-family: var(--ff-sans); font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; opacity: 0.85; }
.product-info { padding: 22px 22px 24px; display: flex; flex-direction: column; flex: 1 1 0%; }
.product-meta { font-family: var(--ff-sans); font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--c-accent); margin-bottom: 8px; font-weight: 500; }
.product-card h4 { font-family: var(--ff-serif); font-weight: 500; font-size: 18px; line-height: 1.3; color: var(--c-ink); margin-bottom: 8px; }
.product-card p { font-size: 13px; color: var(--c-ink-soft); line-height: 1.6; margin-bottom: 16px; flex: 1 1 0%; }
.product-price { font-family: var(--ff-serif); font-size: 18px; color: var(--c-ink); margin-bottom: 14px; font-weight: 500; }
.product-price small { font-size: 12px; color: var(--c-ink-soft); font-weight: 400; }
.product-card .btn { padding: 10px 16px; font-size: 13px; width: 100%; }
@media (max-width: 980px) {
  .products-grid { grid-template-columns: repeat(2, 1fr); }
  .products-grid-2 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .products-grid, .products-grid-2 { grid-template-columns: 1fr; }
}
.benefits { background: var(--c-cream-soft); }
.benefits-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.benefit-card { background: var(--c-white); padding: 36px 30px; border-radius: 8px; border: 1px solid var(--c-line); text-align: center; transition: all .3s var(--ease); }
.benefit-card:hover { border-color: var(--c-accent); transform: translateY(-3px); }
.benefit-icon { width: 60px; height: 60px; border-radius: 50%; background: var(--c-accent); color: var(--c-white); font-family: var(--ff-serif); font-size: 28px; font-weight: 600; display: flex; align-items: center; justify-content: center; margin: 0px auto 20px; }
.benefit-card h3 { font-family: var(--ff-serif); font-weight: 500; font-size: 22px; color: var(--c-ink); margin-bottom: 12px; }
.benefit-card p { font-size: 14px; color: var(--c-ink-soft); line-height: 1.7; }
@media (max-width: 880px) {
  .benefits-grid { grid-template-columns: 1fr; }
}
.audiobook { background: var(--c-ink); color: var(--c-white); }
.audiobook .section-eyebrow { color: var(--c-accent); display: block; margin-bottom: 12px; }
.audiobook-inner { max-width: 680px; margin: 0px auto; text-align: center; padding: 0px 24px; }
.audiobook-icon { font-size: 56px; margin-bottom: 18px; }
.audiobook h2 { font-family: var(--ff-serif); font-weight: 400; font-size: clamp(28px, 4vw, 42px); line-height: 1.25; color: var(--c-white); margin-bottom: 16px; }
.audiobook h2 .em { font-style: italic; color: var(--c-accent); }
.audiobook p { font-size: 17px; color: rgba(255, 255, 255, 0.75); margin-bottom: 28px; }
.audiobook-list { list-style: none; max-width: 480px; margin: 0px auto 32px; display: flex; flex-direction: column; gap: 12px; }
.audiobook-list li { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); padding: 16px 20px; border-radius: 6px; display: flex; justify-content: space-between; align-items: center; font-family: var(--ff-serif); font-size: 17px; color: rgba(255, 255, 255, 0.92); }
.audiobook-list li span { background: var(--c-accent); color: var(--c-white); font-family: var(--ff-sans); font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; padding: 4px 10px; border-radius: 100px; font-weight: 600; }
.audiobook .btn-secondary { color: var(--c-white); border-color: rgba(255, 255, 255, 0.4); }
.audiobook .btn-secondary:hover { background: var(--c-white); color: var(--c-ink); border-color: var(--c-white); }
.universe { background: var(--c-cream-soft); }
.universe-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.universe-card { background: var(--c-white); border-radius: 10px; padding: 32px 28px; border: 1px solid var(--c-line); display: flex; flex-direction: column; text-decoration: none; color: inherit; transition: all .3s var(--ease); position: relative; overflow: hidden; }
.universe-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-card); border-color: var(--c-accent); }
.universe-card:hover .universe-link { color: var(--c-accent-hover); }
.universe-icon { width: 56px; height: 56px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-family: var(--ff-serif); font-size: 26px; font-weight: 500; color: var(--c-white); margin-bottom: 22px; font-style: italic; }
.universe-meta { font-family: var(--ff-sans); font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--c-accent); margin-bottom: 8px; font-weight: 500; }
.universe-card h3 { font-family: var(--ff-serif); font-weight: 500; font-size: 22px; color: var(--c-ink); margin-bottom: 12px; word-break: break-all; }
.universe-card p { font-size: 14px; color: var(--c-ink-soft); line-height: 1.7; margin-bottom: 18px; flex: 1 1 0%; }
.universe-link { font-family: var(--ff-sans); font-size: 13px; font-weight: 600; color: var(--c-accent); letter-spacing: 0.5px; transition: color .2s var(--ease); }
@media (max-width: 900px) {
  .universe-grid { grid-template-columns: 1fr; }
}
.bundles-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
@media (max-width: 980px) {
  .bundles-grid { grid-template-columns: 1fr; }
}
.product-cover { position: relative; }
.print-badge { position: absolute; top: 12px; right: 12px; z-index: 2; background: rgba(48, 53, 53, 0.88); color: var(--c-white); font-family: var(--ff-fa); font-size: 11px; font-weight: 500; padding: 5px 10px; border-radius: 100px; backdrop-filter: blur(6px); letter-spacing: 0.3px; }
.dual-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.dual-actions .btn { width: 100%; padding: 11px 10px; font-size: 13px; }
.dual-actions .btn-large { padding: 14px 12px; font-size: 14px; }
.bundle-actions.dual-actions { gap: 10px; }
.product-actions.dual-actions { margin-top: auto; }
@media (max-width: 1100px) {
  .dual-actions { grid-template-columns: 1fr; }
}
.about { background: var(--c-cream-soft); }
.about-grid { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 70px; align-items: center; }
.about-images { position: relative; aspect-ratio: 4 / 5; }
.about-img-stack { position: relative; width: 100%; height: 100%; }
.about-img { position: absolute; border-radius: 6px; object-fit: cover; box-shadow: rgba(48, 53, 53, 0.35) 0px 20px 50px -18px; border: 6px solid var(--c-white); }
.about-img-1 { top: 0px; right: 0px; width: 70%; aspect-ratio: 1 / 1; transform: rotate(-3deg); z-index: 1; }
.about-img-2 { bottom: 0px; left: 0px; width: 70%; aspect-ratio: 1 / 1; transform: rotate(4deg); z-index: 2; }
.about-content { padding: 0px; }
.about-content .section-eyebrow { display: block; margin-bottom: 14px; }
.about-content h2 { font-family: var(--ff-serif); font-weight: 400; font-size: clamp(30px, 4vw, 44px); line-height: 1.2; color: var(--c-ink); margin-bottom: 22px; letter-spacing: -0.3px; }
.about-content h2 .em { font-style: italic; color: var(--c-accent); }
.about-lead { font-family: var(--ff-serif); font-size: 21px; font-style: italic; color: var(--c-teal); line-height: 1.5; margin-bottom: 22px; padding-right: 16px; border-right: 3px solid var(--c-accent); }
.about-content p { font-size: 16px; color: var(--c-ink-soft); line-height: 1.85; margin-bottom: 20px; }
.about-content strong { color: var(--c-ink); font-weight: 600; }
.about-pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 30px 0px; padding: 24px 0px; border-top: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); }
.about-pillar { text-align: center; }
.pillar-num { font-family: var(--ff-serif); font-size: 38px; font-weight: 500; font-style: italic; color: var(--c-accent); line-height: 1; margin-bottom: 6px; }
.pillar-text { font-family: var(--ff-sans); font-size: 11px; letter-spacing: 1px; color: var(--c-teal); line-height: 1.4; }
.about-subhead { font-family: var(--ff-serif); font-weight: 500; font-size: 22px; color: var(--c-ink); margin: 26px 0px 10px; padding-right: 14px; border-right: 2px solid var(--c-accent); }
.about-philosophy { background: var(--c-white); padding: 22px 24px; border-radius: 6px; border: 1px solid var(--c-line); font-family: var(--ff-serif); font-size: 17px; line-height: 1.7; color: var(--c-ink); }
.about-philosophy em { display: block; font-style: italic; color: var(--c-accent); margin-bottom: 10px; font-size: 19px; }
.about-actions { margin-top: 28px; }
@media (max-width: 980px) {
  .about-grid { grid-template-columns: 1fr; gap: 50px; }
  .about-images { max-width: 480px; margin: 0px auto; aspect-ratio: 1 / 1; }
  .about-pillars { grid-template-columns: 1fr; gap: 14px; }
  .pillar-num { font-size: 32px; }
}
.bundle-solo-wrap { max-width: 980px; margin: 0px auto; }
.bundle-solo { background: var(--c-white); border: 2px solid var(--c-accent); border-radius: 12px; overflow: hidden; display: grid; grid-template-columns: 380px 1fr; box-shadow: rgba(212, 150, 125, 0.5) 0px 20px 60px -24px; }
.bundle-solo-cover { position: relative; overflow: hidden; background: linear-gradient(135deg, rgb(193, 59, 45) 0px, rgb(122, 31, 21) 100%); aspect-ratio: 1 / 1.1; }
.bundle-solo-cover img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.bundle-solo-info { padding: 40px 36px; display: flex; flex-direction: column; }
.bundle-solo-info h3 { font-family: var(--ff-serif); font-weight: 500; font-size: 32px; line-height: 1.2; color: var(--c-ink); margin: 12px 0px 14px; }
.bundle-solo-info .bundle-tagline { font-size: 16px; color: var(--c-ink-soft); line-height: 1.65; margin-bottom: 24px; }
.bundle-solo-info .bundle-includes { list-style: none; font-size: 14px; color: var(--c-teal); margin-bottom: 28px; padding-bottom: 24px; border-bottom: 1px solid var(--c-line); }
.bundle-solo-info .bundle-includes li { padding: 9px 0px 9px 28px; position: relative; line-height: 1.55; }
.bundle-solo-info .bundle-includes li::before { content: "✓"; position: absolute; right: 0px; color: var(--c-accent); font-weight: 700; font-size: 16px; }
.bundle-solo-info .bundle-includes li small { display: block; color: var(--c-ink-soft); font-size: 12px; margin-top: 3px; opacity: 0.85; }
.bundle-price-row { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 24px; flex-wrap: wrap; }
.bundle-solo-info .price-current { font-family: var(--ff-serif); font-size: 34px; font-weight: 600; color: var(--c-ink); }
.bundle-solo-info .price-current small { font-size: 14px; color: var(--c-ink-soft); font-weight: 400; }
.bundle-savings { font-family: var(--ff-sans); font-size: 12px; letter-spacing: 1px; color: var(--c-accent); text-transform: uppercase; font-weight: 500; }
@media (max-width: 880px) {
  .bundle-solo { grid-template-columns: 1fr; }
  .bundle-solo-cover { aspect-ratio: 16 / 10; max-height: 360px; }
}
.product-meta.highlight { background: linear-gradient(135deg,var(--c-accent) 0,var(--c-accent-hover) 100%); padding: 5px 12px; border-radius: 100px; align-self: flex-start; display: inline-block; font-weight: 600; color: var(--c-white) !important; }
.product-meta.highlight-2 { border: 1px solid var(--c-accent); padding: 4px 11px; border-radius: 100px; align-self: flex-start; display: inline-block; font-weight: 600; color: var(--c-accent) !important; }
.products-grid > .product-card:first-child { border-color: var(--c-accent); box-shadow: rgba(212, 150, 125, 0.35) 0px 12px 36px -14px; }
.products-grid > .product-card:first-child::before { content: "🏆 Meilleure vente"; position: absolute; top: -12px; right: 16px; z-index: 3; background: var(--c-accent); color: var(--c-white); font-family: var(--ff-fa); font-size: 11px; font-weight: 600; padding: 5px 12px; border-radius: 100px; letter-spacing: 0.5px; box-shadow: rgba(212, 150, 125, 0.5) 0px 4px 12px -2px; }
.products-grid > .product-card { position: relative; }
@font-face { font-family: "B Mitra"; src: local("B Mitra"), local("BMitra"), local("Mitra"), url("fonts/B-Mitra.woff2") format("woff2"); font-display: swap; font-weight: 100 900; }
.flagship { background: radial-gradient(ellipse at top right,rgba(212,150,125,.12),transparent 55%),var(--c-white); position: relative; border-top: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); }
.flagship-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.flagship-image-wrap { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: center; }
.flagship-ribbon { position: absolute; top: -10px; right: -10px; z-index: 5; background: var(--c-accent); color: var(--c-white); font-family: var(--ff-fa); font-size: 13px; font-weight: 700; padding: 10px 18px; border-radius: 100px; box-shadow: rgba(212, 150, 125, 0.6) 0px 10px 24px -8px; letter-spacing: 0.5px; }
.flagship-img, .flagship-img-print { position: static; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; background: rgb(255, 255, 255); border-radius: 10px; border: 6px solid var(--c-white); box-shadow: rgba(48, 53, 53, 0.4) 0px 30px 60px -20px; display: block; z-index: 2; transform: none; }
.flagship-img-print { border-width: 5px; box-shadow: rgba(48, 53, 53, 0.3) 0px 20px 40px -16px; z-index: 1; }
.flagship-av-note { grid-column: 1 / -1; margin-top: 14px; padding: 14px 18px; background: linear-gradient(135deg, rgba(212, 150, 125, 0.14), rgba(212, 150, 125, 0.04)); border: 1px solid rgba(212, 150, 125, 0.45); border-radius: 12px; font-family: var(--ff-fa); font-size: 13.5px; line-height: 1.7; color: var(--c-white); text-align: center; display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; }
.flagship-av-note .av-icons { font-size: 18px; letter-spacing: 4px; }
.flagship-av-note strong { color: var(--c-accent); font-weight: 700; }
.av-badge { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; padding: 6px 12px; background: linear-gradient(135deg,var(--c-accent),var(--c-gold-warm)); color: var(--c-white); font-family: var(--ff-fa); font-size: 11.5px; font-weight: 700; border-radius: 100px; letter-spacing: 0.3px; box-shadow: rgba(212, 150, 125, 0.6) 0px 6px 14px -6px; }
.av-badge::before { content: "🎧🎬"; font-size: 12px; letter-spacing: 2px; }
.flagship-content { padding: 0px 8px; }
.flagship-content .hero-eyebrow { margin-bottom: 18px; }
.flagship-title { font-family: var(--ff-serif); font-weight: 400; font-size: clamp(30px, 4.2vw, 48px); line-height: 1.15; color: var(--c-ink); margin-bottom: 18px; letter-spacing: -0.4px; }
.flagship-title .em { font-style: italic; color: var(--c-accent); }
.flagship-tagline { font-family: var(--ff-serif); font-size: 19px; font-style: italic; color: var(--c-teal); line-height: 1.55; margin-bottom: 26px; padding-right: 16px; border-right: 3px solid var(--c-accent); }
.flagship-bullets { list-style: none; margin-bottom: 28px; }
.flagship-bullets li { padding: 9px 28px 9px 0px; position: relative; font-size: 15px; color: var(--c-ink-soft); line-height: 1.7; }
.flagship-bullets li::before { content: "✓"; position: absolute; right: 0px; top: 9px; color: var(--c-accent); font-weight: 700; font-size: 16px; }
.flagship-bullets strong { color: var(--c-ink); font-weight: 600; }
.flagship-price-block { display: flex; align-items: baseline; gap: 16px; padding: 20px 0px; margin-bottom: 24px; border-top: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); flex-wrap: wrap; }
.flagship-price { font-family: var(--ff-serif); font-size: 36px; font-weight: 600; color: var(--c-ink); line-height: 1; }
.flagship-price small { font-size: 15px; color: var(--c-ink-soft); font-weight: 400; }
.flagship-meta { font-family: var(--ff-sans); font-size: 12px; letter-spacing: 1.2px; color: var(--c-accent); text-transform: uppercase; font-weight: 500; }
.flagship-actions { gap: 12px; }
.flagship-actions .btn-large { padding: 16px 24px; font-size: 15px; }
@media (max-width: 980px) {
  .flagship-grid { grid-template-columns: 1fr; gap: 50px; }
  .flagship-image-wrap { max-width: 480px; margin: 0px auto; width: 100%; gap: 12px; }
}
.print-badge-link { cursor: pointer; transition: all .2s var(--ease); text-decoration: none; display: inline-block; }
.print-badge-link:hover { background: var(--c-accent); transform: translateY(-1px); }
.print-badge-stack { position: absolute; top: 12px; right: 12px; z-index: 2; display: flex; flex-direction: column; gap: 6px; align-items: flex-end; }
.print-badge-stack .print-badge { position: static; }
.amazon-print-row { margin-top: 18px; padding: 14px 18px; background: rgba(212, 150, 125, 0.08); border: 1px dashed var(--c-accent); border-radius: 6px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.amazon-print-label { font-family: var(--ff-fa); font-size: 14px; font-weight: 500; color: var(--c-ink); }
.amazon-print-btn { display: inline-flex; align-items: center; gap: 6px; background: var(--c-white); color: var(--c-ink); border: 1px solid var(--c-ink); padding: 8px 16px; border-radius: 4px; font-family: var(--ff-fa); font-size: 13px; font-weight: 600; transition: all .2s var(--ease); }
.amazon-print-btn:hover { background: var(--c-ink); color: var(--c-white); }
.hero-visual.hero-visual-book { background: linear-gradient(135deg, rgb(245, 239, 224) 0px, rgb(229, 220, 192) 100%); aspect-ratio: 4 / 5; }
.hero-visual.hero-visual-book img { object-fit: contain; padding: 28px; object-position: center center; }
.hero-visual.hero-visual-book::after { background: linear-gradient(transparent 70%, rgba(48, 53, 53, 0.4) 100%); }
.about-photo-frame { position: relative; aspect-ratio: 1 / 1; border-radius: 8px; overflow: hidden; box-shadow: rgba(48, 53, 53, 0.35) 0px 20px 50px -18px; border: 6px solid var(--c-white); margin-bottom: 22px; background: var(--c-cream); }
.about-photo { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
.about-photo-tag { position: absolute; bottom: 0px; right: 0px; left: 0px; padding: 16px 20px; background: linear-gradient(transparent 0px, rgba(48, 53, 53, 0.85) 100%); color: var(--c-white); font-family: var(--ff-serif); font-size: 15px; font-style: italic; letter-spacing: 1px; text-align: center; }
.about-socials { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.social-pill { display: flex; align-items: center; gap: 10px; padding: 12px 14px; background: var(--c-white); border: 1px solid var(--c-line); border-radius: 8px; font-family: var(--ff-fa); font-size: 13px; color: var(--c-ink); font-weight: 500; transition: all .25s var(--ease); text-decoration: none; }
.social-pill:hover { border-color: var(--c-accent); transform: translateY(-2px); box-shadow: rgba(212, 150, 125, 0.4) 0px 8px 20px -8px; }
.social-pill-icon { width: 32px; height: 32px; border-radius: 8px; background: var(--c-cream-soft); display: flex; align-items: center; justify-content: center; font-family: var(--ff-sans); font-size: 14px; font-weight: 600; color: var(--c-ink); flex-shrink: 0; transition: all .25s var(--ease); }
.social-pill:hover .social-pill-icon { background: var(--c-accent); color: var(--c-white); }
.social-pill-tg .social-pill-icon { background: linear-gradient(135deg, rgb(42, 171, 238), rgb(34, 158, 217)); color: var(--c-white); }
.social-pill-tg:hover .social-pill-icon { background: linear-gradient(135deg, rgb(34, 158, 217), rgb(26, 137, 192)); }
.social-pill-label { flex: 1 1 0%; text-align: right; }
.about-actions { display: flex; gap: 12px; flex-wrap: wrap; }
@media (min-width: 981px) {
  .about-images { position: sticky; top: 100px; }
}
@media (max-width: 980px) {
  .about-photo-frame { max-width: 340px; margin: 0px auto 20px; }
  .about-socials { max-width: 420px; margin: 0px auto; }
}
.consulting { background: linear-gradient(180deg,var(--c-cream-soft) 0,var(--c-white) 100%); position: relative; }
.consulting::before { content: ""; position: absolute; inset: 0px; background: radial-gradient(at center top, rgba(212, 150, 125, 0.1), transparent 60%); pointer-events: none; }
.consulting .container { position: relative; }
.consulting-quote { max-width: 760px; margin: 0px auto 50px; padding: 28px 36px; background: var(--c-white); border-top-color: ; border-top-style: ; border-top-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right: 4px solid var(--c-accent); border-radius: 6px; box-shadow: rgba(48, 53, 53, 0.12) 0px 8px 30px -12px; }
.consulting-quote p { font-family: var(--ff-serif); font-style: italic; font-size: 19px; line-height: 1.7; color: var(--c-ink); margin: 0px; }
.consulting-quote strong { color: var(--c-accent); font-style: normal; font-weight: 600; }
.consulting-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-bottom: 36px; }
.consulting-phase { background: var(--c-white); border: 1px solid var(--c-line); border-radius: 10px; padding: 36px 32px; position: relative; transition: all .3s var(--ease); }
.consulting-phase:hover { transform: translateY(-3px); border-color: var(--c-accent); box-shadow: rgba(212, 150, 125, 0.35) 0px 16px 40px -16px; }
.phase-1 { border-top: 3px solid var(--c-accent); }
.phase-2 { border-top: 3px solid var(--c-teal); }
.phase-tag { display: inline-block; background: var(--c-cream-soft); color: var(--c-ink); font-family: var(--ff-sans); font-size: 11px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; padding: 6px 12px; border-radius: 100px; margin-bottom: 18px; }
.phase-1 .phase-tag { background: rgba(212, 150, 125, 0.15); color: var(--c-accent); }
.phase-2 .phase-tag { background: rgba(72, 89, 87, 0.12); color: var(--c-teal); }
.consulting-phase h3 { font-family: var(--ff-serif); font-weight: 500; font-size: 24px; line-height: 1.25; color: var(--c-ink); margin-bottom: 16px; }
.phase-desc { font-size: 15px; color: var(--c-ink-soft); line-height: 1.75; margin-bottom: 14px; }
.phase-desc strong { color: var(--c-ink); font-weight: 600; }
.phase-deliverable { display: flex; align-items: flex-start; gap: 14px; padding: 16px 18px; background: var(--c-cream-soft); border-radius: 6px; margin: 22px 0px; font-size: 14px; color: var(--c-ink); line-height: 1.55; font-weight: 500; }
.deliverable-icon { font-size: 22px; flex-shrink: 0; }
.phase-price { padding-top: 20px; border-top: 1px dashed var(--c-line); display: flex; justify-content: space-between; align-items: baseline; }
.phase-price-amount { font-family: var(--ff-serif); font-size: 28px; font-weight: 600; color: var(--c-ink); }
.phase-1 .phase-price-amount { color: var(--c-accent); }
.phase-price-note { font-family: var(--ff-sans); font-size: 12px; letter-spacing: 0.5px; color: var(--c-ink-soft); }
.consulting-total { max-width: 840px; margin: 0px auto; background: var(--c-ink); color: var(--c-white); border-radius: 10px; padding: 36px 40px; position: relative; overflow: hidden; }
.consulting-total::before { content: ""; position: absolute; top: -30%; left: -10%; width: 60%; height: 160%; background: radial-gradient(circle, rgba(212, 150, 125, 0.18), transparent 60%); pointer-events: none; }
.total-content { position: relative; display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; }
.total-info { flex: 1 1 0%; min-width: 220px; }
.total-label { font-family: var(--ff-sans); font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--c-accent); margin-bottom: 8px; }
.total-amount { font-family: var(--ff-serif); font-size: 42px; font-weight: 600; color: var(--c-white); line-height: 1; margin-bottom: 8px; }
.total-note { font-size: 14px; color: rgba(255, 255, 255, 0.65); }
.btn-consulting { background: var(--c-accent); white-space: nowrap; font-size: 15px; padding: 18px 26px; }
.btn-consulting:hover { background: var(--c-white); color: var(--c-ink); }
.total-disclaimer { position: relative; margin-top: 22px; font-size: 13px; color: rgba(255, 255, 255, 0.6); line-height: 1.6; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.quote-attribution { display: block; font-family: var(--ff-sans); font-size: 12px; font-style: normal; letter-spacing: 1px; color: var(--c-accent); margin-top: 6px; margin-bottom: 14px; text-transform: uppercase; }
@media (max-width: 880px) {
  .consulting-grid { grid-template-columns: 1fr; gap: 22px; }
  .consulting-total { padding: 28px 24px; }
  .total-content { flex-direction: column; align-items: stretch; }
  .total-amount { font-size: 36px; }
}
.consulting-card { max-width: 920px; margin: 0px auto; background: var(--c-white); border: 1px solid var(--c-line); border-radius: 12px; overflow: hidden; box-shadow: rgba(48, 53, 53, 0.18) 0px 16px 50px -20px; }
.consulting-card-header { background: linear-gradient(135deg,var(--c-ink) 0,#1f2424 100%); color: var(--c-white); padding: 44px 40px 36px; text-align: center; position: relative; overflow: hidden; }
.consulting-card-header::before { content: ""; position: absolute; inset: 0px; background: radial-gradient(circle at 30% 20%, rgba(212, 150, 125, 0.2), transparent 60%); }
.consulting-card-header > * { position: relative; }
.consulting-badge { display: inline-block; background: var(--c-accent); color: var(--c-white); font-family: var(--ff-sans); font-size: 11px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; padding: 6px 14px; border-radius: 100px; margin-bottom: 18px; }
.consulting-card-header h3 { font-family: var(--ff-serif); font-weight: 500; font-size: clamp(22px, 3vw, 30px); line-height: 1.3; margin-bottom: 14px; color: var(--c-white); }
.consulting-tagline { font-size: 16px; color: rgba(255, 255, 255, 0.78); max-width: 600px; margin: 0px auto; line-height: 1.65; }
.consulting-phases { padding: 40px 40px 20px; display: flex; flex-direction: column; gap: 28px; }
.consulting-phase-block { display: grid; grid-template-columns: 60px 1fr; gap: 22px; align-items: flex-start; }
.phase-num { width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(135deg,var(--c-accent),var(--c-accent-hover)); color: var(--c-white); font-family: var(--ff-serif); font-size: 26px; font-weight: 600; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: rgba(212, 150, 125, 0.5) 0px 8px 18px -6px; }
.phase-body h4 { font-family: var(--ff-serif); font-weight: 500; font-size: 22px; line-height: 1.3; color: var(--c-ink); margin-bottom: 12px; }
.phase-body p { font-size: 15px; color: var(--c-ink-soft); line-height: 1.8; margin-bottom: 12px; }
.phase-body p strong { color: var(--c-ink); font-weight: 600; }
.phase-output { padding: 14px 18px; background: var(--c-cream-soft); border-right: 3px solid var(--c-accent); border-radius: 4px; font-size: 14px !important; margin-top: 8px !important; }
.phase-output strong { color: var(--c-accent) !important; }
.consulting-credentials { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 30px 40px; padding: 24px 28px; background: var(--c-cream-soft); border-radius: 8px; }
.cred-item { display: flex; align-items: center; gap: 12px; font-size: 14px; color: var(--c-ink-soft); line-height: 1.4; }
.cred-item strong { color: var(--c-ink); font-weight: 600; }
.cred-icon { font-size: 22px; flex-shrink: 0; }
.consulting-cta { padding: 0px 40px 44px; text-align: center; }
.btn-consulting { font-size: 16px; padding: 18px 32px; display: inline-block; }
.consulting-disclaimer { margin-top: 18px; font-size: 13px; color: var(--c-ink-soft); line-height: 1.65; max-width: 620px; margin-left: auto; margin-right: auto; }
@media (max-width: 720px) {
  .consulting-card-header { padding: 32px 24px 28px; }
  .consulting-phases { padding: 30px 24px 14px; gap: 22px; }
  .consulting-phase-block { grid-template-columns: 48px 1fr; gap: 16px; }
  .phase-num { width: 48px; height: 48px; font-size: 22px; }
  .phase-body h4 { font-size: 18px; }
  .consulting-credentials { grid-template-columns: 1fr; margin: 22px 24px; padding: 20px 22px; }
  .consulting-cta { padding: 0px 24px 32px; }
  .btn-consulting { width: 100%; padding: 16px 22px; font-size: 15px; }
}
.consulting-grid, .consulting-total { display: none !important; }
.cursor-spotlight { position: fixed; top: 0px; left: 0px; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(212, 150, 125, 0.18) 0px, rgba(212, 150, 125, 0.06) 30%, transparent 70%); pointer-events: none; z-index: 1; will-change: transform; filter: blur(40px); mix-blend-mode: multiply; }
.lead-magnet ~ * .cursor-spotlight, body:has(.lead-magnet:hover) .cursor-spotlight { mix-blend-mode: screen; }
.tilt-card { --tx: 0deg; --ty: 0deg; --mx: 50%; --my: 50%; transform: perspective(1000px) rotateY(var(--tx)) rotateX(var(--ty)); transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); transform-style: preserve-3d; position: relative; overflow: hidden; }
.tilt-card::after { content: ""; position: absolute; inset: 0px; background: radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.1),transparent 40%); pointer-events: none; opacity: 0; transition: opacity 0.4s; z-index: 2; }
.tilt-card:hover::after { opacity: 1; }
.tilt-card:hover { transition-duration: 0.1s; }
.magnetic-btn { --mx-btn: 0px; --my-btn: 0px; transform: translate(var(--mx-btn),var(--my-btn)); transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), background-color 0.25s, color 0.25s, border-color 0.25s; position: relative; overflow: hidden; }
.magnetic-btn::after { content: ""; position: absolute; inset: 0px; background: radial-gradient(circle, rgba(255, 255, 255, 0.2), transparent 70%); opacity: 0; transition: opacity 0.3s; pointer-events: none; }
.magnetic-btn:hover::after { opacity: 1; }
.magnetic-btn:active { transition-duration: 50ms; }
.reveal-on-scroll { opacity: 0; transform: translateY(28px); transition-behavior: normal, normal; transition-duration: 0.7s, 0.7s; transition-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1), cubic-bezier(0.2, 0.8, 0.2, 1); transition-property: opacity, transform; transition-delay: var(--reveal-delay, 0ms); will-change: opacity, transform; }
.reveal-on-scroll.revealed { opacity: 1; transform: translateY(0px); }
.hero { position: relative; isolation: isolate; }
.hero-particles { top: 0px; left: 0px; width: 100%; height: 100%; z-index: 0; pointer-events: none; opacity: 0.85; position: absolute !important; }
.hero .container { position: relative; z-index: 2; }
@keyframes meshShift { 
  0%, 100% { background-position: 0px 0px, 100% 100%, 50% 50%; }
  50% { background-position: 100% 100%, 0px 0px, 80% 20%; }
}
body.interactive-ready { background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 200% 200%, 200% 200%, 200% 200%; animation: 18s ease-in-out 0s infinite normal none running meshShift; }
@keyframes heroFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}
.hero-visual-book { animation: 5s ease-in-out 0s infinite normal none running heroFloat; }
@keyframes ribbonPulse { 
  0%, 100% { box-shadow: rgba(212, 150, 125, 0.6) 0px 10px 24px -8px; }
  50% { box-shadow: rgba(212, 150, 125, 0.85) 0px 16px 32px -8px; }
}
.flagship-ribbon { animation: 2.5s ease-in-out 0s infinite normal none running ribbonPulse; }
@media (max-width: 880px) {
  .cursor-spotlight { display: none; }
  .hero-visual-book { animation: auto ease 0s 1 normal none running none; }
}
@media (prefers-reduced-motion: reduce) {
  .reveal-on-scroll { opacity: 1; transform: none; transition: none; }
  .magnetic-btn, .tilt-card { transform: none !important; }
  .flagship-ribbon, .hero-visual-book, body.interactive-ready { animation: auto ease 0s 1 normal none running none !important; }
  .cursor-spotlight, .hero-particles { display: none !important; }
}
.hero-book-3d { position: relative; width: 100%; height: 100%; perspective: 1500px; display: flex; align-items: center; justify-content: center; }
.book-wrapper { --book-rotate-y: -22deg; --book-rotate-x: 4deg; position: relative; width: 65%; aspect-ratio: 2 / 3; transform-style: preserve-3d; transform: rotateY(var(--book-rotate-y)) rotateX(var(--book-rotate-x)); transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); animation: 5s ease-in-out 0s infinite normal none running bookIdle; filter: drop-shadow(rgba(48, 53, 53, 0.35) 40px 50px 50px); }
@keyframes bookIdle { 
  0%, 100% { transform: rotateY(var(--book-rotate-y)) rotateX(var(--book-rotate-x)) translateY(0); }
  50% { transform: rotateY(calc(var(--book-rotate-y) - 4deg)) rotateX(calc(var(--book-rotate-x) + 1deg)) translateY(-12px); }
}
.book-face { position: absolute; inset: 0px; border-radius: 4px 8px 8px 4px; overflow: hidden; backface-visibility: hidden; }
.book-cover-face { background: var(--c-cream-soft); z-index: 3; box-shadow: rgba(0, 0, 0, 0.18) 4px 0px 8px inset, rgba(255, 255, 255, 0.3) 1px 0px 0px inset; }
.book-cover-face img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.book-cover-face::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(95deg, rgba(0, 0, 0, 0.25) 0px, transparent 12%); pointer-events: none; }
.book-spine { position: absolute; right: -16px; top: 0px; width: 32px; height: 100%; background: linear-gradient(90deg,rgba(48,53,53,.5) 0,var(--c-accent) 50%,rgba(48,53,53,.3) 100%); transform: rotateY(90deg) translateX(8px); transform-origin: left center; z-index: 1; }
.book-pages { position: absolute; left: -8px; top: 4px; width: 16px; height: calc(100% - 8px); background: repeating-linear-gradient(rgb(250, 248, 242) 0px, rgb(250, 248, 242) 1px, rgb(229, 220, 192) 1px, rgb(229, 220, 192) 2px); transform: rotateY(-90deg) translateX(-8px); transform-origin: right center; z-index: 1; }
.marquee-section { background: var(--c-ink); color: var(--c-white); padding: 32px 0px; position: relative; overflow: hidden; border-top: 1px solid rgba(255, 255, 255, 0.08); border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.marquee-section::after, .marquee-section::before { content: ""; position: absolute; top: 0px; bottom: 0px; width: 100px; z-index: 2; pointer-events: none; }
.marquee-section::before { left: 0px; background: linear-gradient(90deg,var(--c-ink),transparent); }
.marquee-section::after { right: 0px; background: linear-gradient(-90deg,var(--c-ink),transparent); }
.marquee-track { display: flex; gap: 60px; animation: 32s linear 0s infinite normal none running marqueeScroll; width: fit-content; align-items: center; }
.marquee-section:hover .marquee-track { animation-play-state: paused; }
@keyframes marqueeScroll { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}
.marquee-item { display: flex; align-items: center; gap: 12px; font-family: var(--ff-serif); font-style: italic; font-size: 22px; color: rgba(255, 255, 255, 0.65); white-space: nowrap; transition: color 0.3s; }
.marquee-item:hover { color: var(--c-accent); }
.marquee-item .marquee-icon { font-family: var(--ff-sans); font-size: 14px; font-style: normal; letter-spacing: 2px; text-transform: uppercase; color: var(--c-accent); }
.glass-card { backdrop-filter: blur(20px) saturate(140%); background: rgba(255, 255, 255, 0.72) !important; border: 1px solid rgba(255, 255, 255, 0.55) !important; }
.flagship-content { transition: background 0.4s; }
.svg-icon-anim { display: inline-block; width: 32px; height: 32px; stroke: var(--c-accent); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.svg-icon-anim circle, .svg-icon-anim line, .svg-icon-anim path, .svg-icon-anim polyline { stroke-dasharray: 200; stroke-dashoffset: 200; animation: 1.4s ease-out 0s 1 normal forwards running svgDraw; }
.svg-icon-anim path:nth-child(2) { animation-delay: 0.2s; }
.svg-icon-anim path:nth-child(3) { animation-delay: 0.4s; }
@keyframes svgDraw { 
  100% { stroke-dashoffset: 0; }
}
.benefit-icon.icon-svg { background: 0px 0px; border: 2px solid var(--c-accent); color: var(--c-accent); position: relative; overflow: visible; }
.benefit-card:hover .svg-icon-anim circle, .benefit-card:hover .svg-icon-anim line, .benefit-card:hover .svg-icon-anim path, .benefit-card:hover .svg-icon-anim polyline { animation-duration: 1s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; animation-name: svgDraw; animation-timeline: auto; animation-range: normal; animation-delay: 0s !important; }
.text-reveal { display: inline-block; overflow: hidden; vertical-align: bottom; }
.text-reveal .word { display: inline-block; opacity: 0; transform: translateY(100%); transition-behavior: normal, normal; transition-duration: 0.7s, 0.7s; transition-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1), cubic-bezier(0.2, 0.8, 0.2, 1); transition-property: opacity, transform; transition-delay: calc(var(--word-i) * 80ms); }
.text-reveal.text-revealed .word { opacity: 1; transform: translateY(0px); }
.deco-blob { position: absolute; border-radius: 50%; filter: blur(60px); opacity: 0.4; pointer-events: none; z-index: 0; will-change: transform; }
.deco-blob-1 { width: 380px; height: 380px; background: var(--c-accent); top: -120px; right: -80px; animation: 16s ease-in-out 0s infinite normal none running blobFloat; }
.deco-blob-2 { width: 280px; height: 280px; background: var(--c-teal); bottom: -100px; left: -60px; animation: 20s ease-in-out 0s infinite reverse none running blobFloat; }
@keyframes blobFloat { 
  0%, 100% { transform: translate(0px, 0px) scale(1); }
  33% { transform: translate(40px, -30px) scale(1.1); }
  66% { transform: translate(-30px, 40px) scale(0.95); }
}
.hero-floating-covers { position: absolute; inset: 0px; z-index: 1; pointer-events: none; overflow: hidden; }
.hero-floating-cover { position: absolute; width: 70px; height: 105px; border-radius: 4px; opacity: 0.18; box-shadow: rgba(48, 53, 53, 0.3) 0px 12px 30px -8px; background-size: cover; background-position: center center; }
.hero-floating-cover.f1 { top: 18%; left: 5%; background-image: url("images/ai-v1.webp"); animation: 10s ease-in-out 0s infinite normal none running floatA; }
.hero-floating-cover.f2 { bottom: 22%; left: 12%; background-image: url("images/prompt-pack.webp"); animation: 12s ease-in-out 0s infinite normal none running floatB; }
.hero-floating-cover.f3 { top: 12%; left: 35%; background-image: url("images/claude-v2.webp"); width: 50px; height: 75px; animation: 14s ease-in-out 0s infinite normal none running floatC; }
@keyframes floatA { 
  0%, 100% { transform: translate(0px, 0px) rotate(-4deg); }
  50% { transform: translate(20px, -20px) rotate(-2deg); }
}
@keyframes floatB { 
  0%, 100% { transform: translate(0px, 0px) rotate(6deg); }
  50% { transform: translate(-15px, -25px) rotate(8deg); }
}
@keyframes floatC { 
  0%, 100% { transform: translate(0px, 0px) rotate(-8deg); }
  50% { transform: translate(25px, 15px) rotate(-5deg); }
}
.clip-reveal { clip-path: inset(100% 0px 0px); transition: clip-path 1.2s cubic-bezier(0.2, 0.8, 0.2, 1); }
.clip-reveal.revealed { clip-path: inset(0px); }
.bundle-card-v, .bundle-solo, .product-card, .tilt-card, a, button { cursor: pointer; }
.tilt-card:hover ~ .cursor-spotlight, body:hover .cursor-spotlight { width: 600px; height: 600px; }
@media (max-width: 880px) {
  .deco-blob, .hero-floating-covers, .marquee-section { display: none; }
  .book-wrapper { animation: auto ease 0s 1 normal none running none; transform: rotateY(0deg) rotateX(0deg); }
  .book-pages, .book-spine { display: none; }
  .hero-book-3d { perspective: none; }
}
.site-header.header-scrolled { background: rgba(255, 255, 255, 0.96); box-shadow: rgba(48, 53, 53, 0.15) 0px 8px 30px -16px; }
.site-header.header-scrolled .nav { padding: 12px 0px; }
.text-reveal .word.em { font-style: italic; color: var(--c-accent); }
.text-reveal .word { margin-left: 0.2em; }
.text-reveal .word:last-child { margin-left: 0px; }
.bundle-solo .dual-actions { display: flex; gap: 10px; }
.bundle-solo .dual-actions .btn { flex: 1 1 0%; }
@media (max-width: 600px) {
  .bundle-solo .dual-actions { flex-direction: column; }
}
.hero-dark { background: rgb(10, 14, 17); color: var(--c-white); padding: 70px 0px 90px; position: relative; overflow: hidden; min-height: 820px; }
.hero-bg-image, .hero-bg-video { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.hero-bg-video { opacity: 0.7; }
.hero-bg-image { opacity: 0.85; }
.hero-bg-video + .hero-bg-image { opacity: 0; }
.hero-bg-overlay { position: absolute; inset: 0px; background: radial-gradient(at 70% 50%, rgba(212, 150, 125, 0.25), transparent 55%), radial-gradient(at 20% 30%, rgba(10, 14, 17, 0.4), transparent 50%), linear-gradient(rgba(10, 14, 17, 0.5) 0px, rgba(10, 14, 17, 0.85) 100%); z-index: 1; }
.hero-grid-lines { position: absolute; inset: 0px; z-index: 2; background-image: linear-gradient(to right, rgba(212, 150, 125, 0.04) 1px, transparent 1px), linear-gradient(rgba(212, 150, 125, 0.04) 1px, transparent 1px); background-size: 60px 60px; mask-image: radial-gradient(black 30%, transparent 80%); pointer-events: none; }
.hero-dark .container { position: relative; z-index: 5; }
.hero-dark .hero-text { color: var(--c-white); }
.hero-dark h1 { color: var(--c-white); text-shadow: rgba(0, 0, 0, 0.5) 0px 4px 30px; }
.hero-dark .text-reveal .word.em, .hero-dark h1 .em { color: var(--c-accent); text-shadow: rgba(212, 150, 125, 0.6) 0px 0px 24px; }
.hero-dark p.lead { color: rgba(255, 255, 255, 0.82); text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 12px; }
.hero-dark p.lead strong { color: var(--c-accent); }
.hero-eyebrow-dark { background: rgba(212, 150, 125, 0.08); backdrop-filter: blur(12px); color: var(--c-accent) !important; border-color: var(--c-accent) !important; }
.btn-ghost-dark { backdrop-filter: blur(12px); color: var(--c-white) !important; border-color: rgba(255, 255, 255, 0.4) !important; background: rgba(255, 255, 255, 0.05) !important; }
.btn-ghost-dark:hover { background: var(--c-white) !important; color: var(--c-ink) !important; border-color: var(--c-white) !important; }
.hero-visual-book-3d { position: relative; border: 1px solid rgba(212, 150, 125, 0.28); border-radius: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; padding: 40px 32px 30px; backdrop-filter: blur(8px); aspect-ratio: auto !important; height: auto !important; background: linear-gradient(165deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02)) !important; box-shadow: rgba(0, 0, 0, 0.55) 0px 30px 80px -30px !important; overflow: visible !important; }
.hero-visual-book-3d::before { content: ""; position: absolute; inset: 10px; border-radius: 10px; border: 1px dashed rgba(212, 150, 125, 0.18); pointer-events: none; }
.hero-visual-book-3d::after { display: none !important; }
.hero-visual-book-3d .hero-visual-caption { position: static; inset: auto; text-align: center; font-style: normal; max-width: 320px; }
.hero-book-render { z-index: 3; filter: drop-shadow(rgba(0, 0, 0, 0.6) 40px 30px 40px); animation: 6s ease-in-out 0s infinite normal none running bookFloatNew; position: relative !important; width: 88% !important; height: auto !important; inset: auto !important; object-fit: contain !important; padding: 0px !important; }
@keyframes bookFloatNew { 
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-12px) rotate(-1deg); }
}
.hero-book-glow { position: absolute; bottom: 8%; left: 50%; width: 70%; height: 70%; transform: translateX(-50%); background: radial-gradient(rgba(212, 150, 125, 0.5) 0px, transparent 60%); filter: blur(50px); z-index: 1; pointer-events: none; animation: 4s ease-in-out 0s infinite normal none running glowPulse; }
@keyframes glowPulse { 
  0%, 100% { opacity: 0.5; }
  50% { opacity: 0.85; }
}
.hero-caption-dark { background: rgba(10, 14, 17, 0.65); backdrop-filter: blur(16px); border-radius: 6px; padding: 14px 20px; border: 1px solid rgba(212, 150, 125, 0.2); text-shadow: none; }
.hero-caption-dark small { color: var(--c-accent) !important; }
.hero-dark .deco-blob, .hero-dark .hero-floating-covers { display: none; }
.about-photo-transparent { background: linear-gradient(160deg,var(--c-cream),var(--c-cream-soft)); object-fit: contain !important; object-position: center bottom !important; padding: 20px 0px 0px !important; }
.consulting-tech { position: relative; overflow: hidden; }
.consulting-deco { position: absolute; top: -8%; left: -10%; width: 38%; max-width: 480px; opacity: 0.06; pointer-events: none; z-index: 0; filter: hue-rotate(0deg); animation: 22s ease-in-out 0s infinite normal none running techBrainFloat; }
@keyframes techBrainFloat { 
  0%, 100% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(-6deg) scale(1.04); }
}
.consulting-tech .container { position: relative; z-index: 2; }
.flagship-tech { position: relative; overflow: hidden; }
.flagship-deco { position: absolute; top: 50%; right: -8%; transform: translateY(-50%); width: 36%; max-width: 540px; opacity: 0.05; pointer-events: none; z-index: 0; animation: 26s ease-in-out 0s infinite reverse none running neuralFloat; }
@keyframes neuralFloat { 
  0%, 100% { transform: translateY(-50%) rotate(0deg); }
  50% { transform: translateY(-46%) rotate(4deg); }
}
.flagship-tech .container { position: relative; z-index: 2; }
@media (max-width: 880px) {
  .hero-bg-video { display: none; }
  .hero-bg-image { opacity: 0.55; }
  .hero-grid-lines { background-size: 40px 40px; }
  .consulting-deco, .flagship-deco { display: none; }
  .hero-dark { padding: 70px 0px 90px; }
  .hero-book-render { max-width: 280px; filter: drop-shadow(rgba(0, 0, 0, 0.5) 16px 14px 22px); width: 58% !important; }
  .hero-visual-book-3d { gap: 16px; padding: 26px 18px 20px; max-width: 340px; margin: 0px auto; }
  .hero-visual-book-3d .hero-visual-caption { font-size: 15px; padding: 10px 16px; }
  .hero-book-glow { width: 55%; height: 55%; filter: blur(36px); }
}
@media (prefers-reduced-motion: reduce) {
  .hero-bg-video { display: none; }
  .consulting-deco, .flagship-deco, .hero-book-glow, .hero-book-render { animation: auto ease 0s 1 normal none running none !important; }
}
.hero-particles-dark { mix-blend-mode: screen; z-index: 3 !important; opacity: 1 !important; }
.cursor-spotlight.on-dark { mix-blend-mode: screen; background: radial-gradient(circle, rgba(212, 150, 125, 0.35) 0px, rgba(212, 150, 125, 0.12) 30%, transparent 70%); width: 600px; height: 600px; }
.hero-book-render { --hero-tx: 0deg; --hero-ty: 0deg; --hero-mx: 0px; --hero-my: 0px; transform-style: preserve-3d; transform: translate(var(--hero-mx),var(--hero-my)) rotateY(var(--hero-tx)) rotateX(var(--hero-ty)); transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.4s; }
.hero-visual-book-3d:hover .hero-book-render { transition-duration: 0.1s; }
.hero-book-render { animation: 6s ease-in-out 0s infinite normal none running bookFloatNew2; }
@keyframes bookFloatNew2 { 
  0%, 100% { transform: translate(var(--hero-mx,0),calc(var(--hero-my,0px) + 0px)) rotateY(var(--hero-tx,0deg)) rotateX(var(--hero-ty,0deg)); }
  50% { transform: translate(var(--hero-mx,0),calc(var(--hero-my,0px) - 14px)) rotateY(calc(var(--hero-tx,0deg) - 1deg)) rotateX(var(--hero-ty,0deg)); }
}
.hero-book-glow { left: var(--glow-x,50%); transition: left 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); }
.hero-dark .hero-text { --text-mx: 0px; --text-my: 0px; transform: translate(var(--text-mx),var(--text-my)); transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); }
.hero-grid-lines { --grid-x: 0px; --grid-y: 0px; background-position: var(--grid-x) var(--grid-y); transition: background-position 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); }
.hero-dark { perspective: 1500px; perspective-origin: 50% 50%; }
.hero-dark .deco-blob-1 { z-index: 2; opacity: 0.3; background: var(--c-accent); display: block !important; }
@media (max-width: 880px) {
  .hero-book-render { animation: auto ease 0s 1 normal none running none; transform: none !important; }
  .hero-dark .hero-text { transform: none !important; }
}
:root { --c-dark-base: #0E1318; --c-dark-deep: #050709; --c-gold: #E6B847; --c-gold-warm: #C8902A; }
.tech-bg-section { position: relative; overflow: hidden; }
.tech-bg-section .container, .tech-bg-section .final-cta-inner, .tech-bg-section .lead-magnet-inner { position: relative; z-index: 5; }
.tech-bg-image { position: absolute; inset: 0px; background-size: cover; background-position: center center; z-index: 0; opacity: 0.6; will-change: transform; }
.tech-bg-particles { background-image: url("images/bg-particles-gold.webp"); }
.tech-bg-circuit { background-image: url("images/bg-circuit.webp"); }
.tech-bg-brain { background-image: url("images/bg-brain-network.webp"); }
.tech-bg-neural { background-image: url("images/bg-neural-gold.webp"); }
.tech-bg-overlay { position: absolute; inset: 0px; background: radial-gradient(rgba(14, 19, 24, 0.15), rgba(14, 19, 24, 0.55)), linear-gradient(rgba(14, 19, 24, 0.35) 0px, rgba(14, 19, 24, 0.55) 100%); z-index: 1; }
.hero-bg-image, .tech-bg-image { filter: contrast(1.15) saturate(1.25) brightness(1.05); }
.lead-magnet.tech-bg-section { background: var(--c-dark-base); }
.lead-magnet.tech-bg-section::before { display: none; }
.lead-magnet.tech-bg-section .tech-bg-overlay { background: radial-gradient(rgba(14, 19, 24, 0.4), rgba(14, 19, 24, 0.92)), linear-gradient(135deg, rgba(212, 150, 125, 0.05) 0px, transparent 60%); }
.flagship-dark { background: var(--c-dark-base); color: var(--c-white); padding: 110px 0px; }
.flagship-dark .flagship-img, .flagship-dark .flagship-img-print { border: 6px solid rgba(255, 255, 255, 0.12); border-radius: 8px; background: rgb(255, 255, 255); }
.flagship-dark .flagship-content .flagship-bullets li, .flagship-dark .flagship-content .flagship-price, .flagship-dark .flagship-content h2, .flagship-dark .flagship-content h3, .flagship-dark .flagship-content h4, .flagship-dark .flagship-content strong, .flagship-dark .flagship-title { color: var(--c-white); }
.flagship-dark .flagship-tagline { color: rgba(255, 255, 255, 0.78); border-right-color: var(--c-accent); }
.flagship-dark .hero-eyebrow { color: var(--c-accent); border-color: var(--c-accent); background: rgba(212, 150, 125, 0.08); backdrop-filter: blur(12px); }
.flagship-dark .flagship-bullets li { color: rgba(255, 255, 255, 0.85); }
.flagship-dark .flagship-bullets li::before { color: var(--c-accent); }
.flagship-dark .flagship-bullets strong { color: var(--c-white); }
.flagship-dark .flagship-price-block { border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.flagship-dark .flagship-meta { color: var(--c-accent); }
.flagship-dark .amazon-print-row { background: rgba(212, 150, 125, 0.08); border-color: rgba(212, 150, 125, 0.25); }
.flagship-dark .amazon-print-label { color: var(--c-white); }
.flagship-dark .amazon-print-btn { background: 0px 0px; color: var(--c-white); border-color: rgba(255, 255, 255, 0.3); }
.flagship-dark .amazon-print-btn:hover { background: var(--c-white); color: var(--c-dark-base); }
.flagship-dark .flagship-image-wrap { position: relative; z-index: 6; }
.flagship-dark .flagship-deco { display: none; }
.flagship-dark .flagship-ribbon { background: linear-gradient(135deg,var(--c-accent),var(--c-gold-warm)); box-shadow: rgba(212, 150, 125, 0.7) 0px 16px 36px -8px; }
.consulting-dark { background: var(--c-dark-base); color: var(--c-white); padding: 110px 0px; }
.consulting-dark::before { display: none; }
.consulting-dark .consulting-deco { display: none; }
.consulting-dark .section-eyebrow, .consulting-dark .section-header h2, .consulting-dark .section-header p { color: var(--c-white); }
.consulting-dark .section-eyebrow { color: var(--c-accent); }
.consulting-dark .section-header h2 .em { color: var(--c-accent); }
.consulting-dark .section-header p { color: rgba(255, 255, 255, 0.72); }
.consulting-dark .consulting-quote { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(16px); border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-left: 1px solid rgba(255, 255, 255, 0.1); border-image: none; border-right: 4px solid var(--c-accent); }
.consulting-dark .consulting-quote p { color: rgba(255, 255, 255, 0.92); }
.consulting-dark .consulting-quote strong { color: var(--c-accent); }
.consulting-dark .consulting-card { background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(16px); }
.consulting-dark .consulting-card-header { background: linear-gradient(135deg,var(--c-dark-deep) 0,rgba(14,19,24,.95) 100%); border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.consulting-dark .phase-body h4, .consulting-dark .phase-body p strong { color: var(--c-white); }
.consulting-dark .phase-body p { color: rgba(255, 255, 255, 0.78); }
.consulting-dark .phase-output { background: rgba(212, 150, 125, 0.1); color: rgba(255, 255, 255, 0.92); }
.consulting-dark .phase-output strong { color: var(--c-accent) !important; }
.consulting-dark .consulting-credentials { background: rgba(255, 255, 255, 0.04); }
.consulting-dark .cred-item { color: rgba(255, 255, 255, 0.85); }
.consulting-dark .cred-item strong { color: var(--c-white); }
.consulting-dark .consulting-disclaimer { color: rgba(255, 255, 255, 0.55); }
.final-cta-dark { background: var(--c-dark-base); color: var(--c-white); padding: 110px 0px; }
.final-cta-dark::before { display: none; }
.final-cta-dark h2 { color: var(--c-white); }
.final-cta-dark h2 .em { color: var(--c-accent); text-shadow: rgba(212, 150, 125, 0.5) 0px 0px 24px; }
.final-cta-dark p { color: rgba(255, 255, 255, 0.78); }
.final-cta-dark .btn-secondary { color: var(--c-white); border-color: rgba(255, 255, 255, 0.4); background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(12px); }
.final-cta-dark .btn-secondary:hover { background: var(--c-white); color: var(--c-dark-base); }
.tech-bg-section { will-change: contents; }
.tech-bg-section:hover .tech-bg-image { transform: scale(1.04); transition: transform 8s ease-out; }
.tech-bg-image { transition: transform 12s ease-out; }
@media (max-width: 880px) {
  .consulting-dark, .final-cta-dark, .flagship-dark { padding: 70px 0px; }
}
.site-header { background: rgba(14, 19, 24, 0.92) !important; border-bottom: 1px solid rgba(212, 150, 125, 0.15) !important; }
.site-header.header-scrolled { background: rgba(14, 19, 24, 0.97) !important; box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 30px -16px !important; }
.nav { padding: 22px 0px !important; }
.site-header.header-scrolled .nav { padding: 16px 0px !important; }
.brand { font-size: 30px !important; color: var(--c-white) !important; }
.nav-links { gap: 36px !important; font-size: 17px !important; font-weight: 500 !important; }
.nav-links a { color: rgba(255, 255, 255, 0.82) !important; letter-spacing: 0.3px; }
.nav-links a:hover { color: var(--c-accent) !important; }
.lang-switch { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); color: var(--c-white) !important; border-color: rgba(255, 255, 255, 0.3) !important; font-size: 14px !important; padding: 8px 16px !important; }
.lang-switch:hover { background: var(--c-accent); border-color: var(--c-accent) !important; color: var(--c-white) !important; }
.bundles-dark { background: var(--c-dark-base); color: var(--c-white); padding: 110px 0px; }
.bundles-dark .section-eyebrow { color: var(--c-accent); }
.bundles-dark .section-header h2 { color: var(--c-white); }
.bundles-dark .section-header h2 .em { color: var(--c-accent); }
.bundles-dark .section-header p { color: rgba(255, 255, 255, 0.72); }
.bundles-dark .bundle-solo { backdrop-filter: blur(20px); background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(212, 150, 125, 0.3) !important; }
.bundles-dark .bundle-solo-info h3 { color: var(--c-white); }
.bundles-dark .bundle-tagline { color: rgba(255, 255, 255, 0.78); }
.bundles-dark .bundle-includes { color: rgba(255, 255, 255, 0.85); border-bottom-color: rgba(255, 255, 255, 0.12); }
.bundles-dark .bundle-includes li small { color: rgba(255, 255, 255, 0.55); }
.bundles-dark .bundle-includes li::before { color: var(--c-accent); }
.bundles-dark .bundle-price .price-current { color: var(--c-white); }
.bundles-dark .bundle-savings { color: var(--c-accent); }
.bundles-dark .bundle-badge { background: rgba(212, 150, 125, 0.15); color: var(--c-accent); }
.products-dark { background: var(--c-dark-base); color: var(--c-white); padding: 110px 0px; }
.products-dark .section-eyebrow { color: var(--c-accent); }
.products-dark .section-header h2 { color: var(--c-white); }
.products-dark .section-header h2 .em { color: var(--c-accent); }
.products-dark .section-header p { color: rgba(255, 255, 255, 0.72); }
.products-dark .product-card { backdrop-filter: blur(16px); background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.1) !important; }
.products-dark .product-card:hover { border-color: var(--c-accent) !important; background: rgba(255, 255, 255, 0.06) !important; }
.products-dark .product-card h4 { color: var(--c-white); }
.products-dark .product-card p { color: rgba(255, 255, 255, 0.72); }
.products-dark .product-price { color: var(--c-white); }
.products-dark .product-price small { color: rgba(255, 255, 255, 0.55); }
.products-dark .product-meta { color: var(--c-accent); }
.products-dark .product-meta.highlight { background: linear-gradient(135deg,var(--c-accent) 0,var(--c-gold-warm) 100%); color: var(--c-white) !important; }
.products-dark .product-meta.highlight-2 { border-color: var(--c-accent); color: var(--c-accent) !important; }
.products-dark .products-grid > .product-card:first-child { box-shadow: rgba(212, 150, 125, 0.5) 0px 16px 50px -16px; border-color: var(--c-accent) !important; }
.products-dark .print-badge { background: rgba(212, 150, 125, 0.85); color: var(--c-white); }
.about-dark { background: var(--c-dark-base); color: var(--c-white); padding: 110px 0px; }
.about-dark .section-eyebrow { color: var(--c-accent); }
.about-dark .about-content h2 { color: var(--c-white); }
.about-dark .about-content h2 .em { color: var(--c-accent); }
.about-dark .about-lead { color: var(--c-accent); border-right-color: var(--c-accent); }
.about-dark .about-content p { color: rgba(255, 255, 255, 0.78); }
.about-dark .about-content strong { color: var(--c-white); }
.about-dark .about-pillars { border-top-color: rgba(255, 255, 255, 0.15); border-bottom-color: rgba(255, 255, 255, 0.15); }
.about-dark .pillar-text { color: rgba(255, 255, 255, 0.65); }
.about-dark .about-subhead { color: var(--c-white); border-right-color: var(--c-accent); }
.about-dark .about-philosophy { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(16px); border: 1px solid rgba(212, 150, 125, 0.25); color: var(--c-white); }
.about-dark .about-philosophy em { color: var(--c-accent); }
.about-dark .quote-attribution { color: var(--c-gold); }
.about-dark .about-photo-frame { background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.15); }
.about-dark .about-photo-transparent { background: linear-gradient(160deg, rgba(212, 150, 125, 0.15), rgba(72, 89, 87, 0.1)); }
.about-dark .about-photo-tag { background: linear-gradient(transparent 0px, rgba(0, 0, 0, 0.85) 100%); color: var(--c-white); }
.about-dark .social-pill { background: rgba(255, 255, 255, 0.04); backdrop-filter: blur(12px); border-color: rgba(255, 255, 255, 0.12); color: var(--c-white); }
.about-dark .social-pill:hover { border-color: var(--c-accent); background: rgba(212, 150, 125, 0.12); }
.about-dark .social-pill-icon { background: rgba(255, 255, 255, 0.08); color: var(--c-white); }
.about-hero-wrap { display: grid; grid-template-columns: 340px 1fr; gap: 60px; align-items: start; max-width: 960px; margin: 0px auto; }
.about-hero-photo { position: relative; }
.about-hero-img { width: 100%; height: auto; border-radius: 16px; object-fit: cover; display: block; border: 2px solid rgba(255, 255, 255, 0.1); box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 60px; }
.about-hero-location { position: absolute; bottom: 16px; right: 16px; background: rgba(0, 0, 0, 0.75); backdrop-filter: blur(8px); color: rgba(255, 255, 255, 0.9); font-size: 13px; padding: 6px 12px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.15); }
.about-hero-content { padding-top: 8px; }
.about-hero-content .section-eyebrow { display: block; margin-bottom: 14px; }
.about-hero-content h2 { font-family: var(--ff-fa); font-size: clamp(26px, 3.2vw, 40px); font-weight: 700; color: var(--c-white); margin: 0px 0px 20px; line-height: 1.35; }
.about-hero-content h2 .em { color: var(--c-accent); font-style: normal; }
.about-hero-lead { font-size: 17px; line-height: 1.85; color: rgba(255, 255, 255, 0.82); margin-bottom: 24px; }
.about-hero-lead strong { color: var(--c-white); }
.about-hero-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 20px; }
.ahs-item { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 10px; padding: 16px 18px; }
.ahs-item strong { display: block; font-size: 20px; font-weight: 800; color: var(--c-accent); margin-bottom: 6px; font-family: var(--ff-sans); }
.ahs-item span { font-size: 13px; color: rgba(255, 255, 255, 0.65); line-height: 1.4; }
.about-audience-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 24px; }
.aas-item { display: flex; flex-direction: column; align-items: center; gap: 4px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; padding: 12px 8px; text-decoration: none; transition: background 0.2s, border-color 0.2s; }
.aas-item:hover { background: rgba(212, 150, 125, 0.12); border-color: var(--c-accent); }
.aas-icon { font-size: 18px; line-height: 1; }
.aas-num { font-size: 16px; font-weight: 800; color: var(--c-white); font-family: var(--ff-sans); }
.aas-label { font-size: 11px; color: rgba(255, 255, 255, 0.5); text-align: center; }
.about-email-link { display: inline-block; margin-top: 16px; font-size: 14px; color: var(--c-accent); text-decoration: none; border-bottom: 1px solid rgba(212, 150, 125, 0.3); padding-bottom: 2px; transition: border-color 0.2s; }
.about-email-link:hover { border-color: var(--c-accent); }
@media (max-width: 800px) {
  .about-hero-wrap { grid-template-columns: 1fr; gap: 32px; }
  .about-hero-photo { max-width: 320px; margin: 0px auto; }
  .about-hero-stats { grid-template-columns: 1fr 1fr; }
  .about-audience-stats { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 500px) {
  .about-audience-stats { grid-template-columns: repeat(2, 1fr); }
  .about-hero-stats { grid-template-columns: 1fr 1fr; }
}
.about-hero-proof { font-size: 14px; line-height: 1.75; color: rgba(255, 255, 255, 0.6); border-right: 3px solid var(--c-accent); padding-right: 14px; margin-bottom: 24px; font-style: italic; }
.about-hero-socials { display: flex; gap: 10px; }
.ahs-social { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 10px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.12); color: var(--c-white); font-size: 14px; text-decoration: none; transition: background 0.2s, border-color 0.2s; }
.ahs-social:hover { background: rgba(212, 150, 125, 0.2); border-color: var(--c-accent); }
@media (max-width: 800px) {
  .about-hero-wrap { grid-template-columns: 1fr; gap: 32px; }
  .about-hero-photo { max-width: 320px; margin: 0px auto; }
  .about-hero-stats { grid-template-columns: 1fr 1fr; }
}
.benefits-dark { background: var(--c-dark-base); color: var(--c-white); padding: 110px 0px; }
.benefits-dark .section-eyebrow { color: var(--c-accent); }
.benefits-dark .section-header h2 { color: var(--c-white); }
.benefits-dark .section-header h2 .em { color: var(--c-accent); }
.benefits-dark .benefit-card { background: rgba(255, 255, 255, 0.04); backdrop-filter: blur(16px); border-color: rgba(255, 255, 255, 0.1); }
.benefits-dark .benefit-card:hover { border-color: var(--c-accent); }
.benefits-dark .benefit-card h3 { color: var(--c-white); }
.benefits-dark .benefit-card p { color: rgba(255, 255, 255, 0.72); }
.benefits-dark .benefit-icon.icon-svg { border-color: var(--c-accent); background: rgba(212, 150, 125, 0.1); }
.benefits-dark .svg-icon-anim { stroke: var(--c-accent); }
.universe-dark { background: var(--c-dark-base); color: var(--c-white); padding: 110px 0px; }
.universe-dark .section-eyebrow { color: var(--c-accent); }
.universe-dark .section-header h2 { color: var(--c-white); }
.universe-dark .section-header h2 .em { color: var(--c-accent); }
.universe-dark .section-header p { color: rgba(255, 255, 255, 0.72); }
.universe-dark .universe-card { background: rgba(255, 255, 255, 0.04); backdrop-filter: blur(16px); border-color: rgba(255, 255, 255, 0.1); }
.universe-dark .universe-card:hover { border-color: var(--c-accent); background: rgba(212, 150, 125, 0.08); }
.universe-dark .universe-card h3 { color: var(--c-white); }
.universe-dark .universe-card p { color: rgba(255, 255, 255, 0.72); }
.universe-dark .universe-meta { color: var(--c-accent); }
.universe-dark .universe-link { color: var(--c-accent); }
body.interactive-ready { background: var(--c-dark-base) !important; animation: auto ease 0s 1 normal none running none !important; }
.products-dark .amazon-note { background: rgba(255, 255, 255, 0.04); backdrop-filter: blur(12px); border-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.75); }
.products-dark .amazon-note strong { color: var(--c-white); }
.products-dark .amazon-note a { color: var(--c-accent); }
.tech-bg-section:not(:last-child)::after { content: ""; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); width: 60%; height: 1px; background: linear-gradient(90deg,transparent,var(--c-accent),transparent); opacity: 0.4; z-index: 10; pointer-events: none; }
@media (max-width: 880px) {
  .nav { padding: 16px 0px !important; }
  .nav-links { font-size: 14px !important; gap: 20px !important; }
  .brand { font-size: 24px !important; }
  .about-dark, .benefits-dark, .bundles-dark, .products-dark, .universe-dark { padding: 70px 0px; }
}
.mesh-canvas { top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; mix-blend-mode: screen; opacity: 1; position: absolute !important; z-index: 2 !important; }
.tech-bg-section .container, .tech-bg-section .final-cta-inner, .tech-bg-section .lead-magnet-inner { z-index: 5 !important; }
footer { font-size: 16px !important; padding: 80px 0px 36px !important; }
.footer-col h4 { font-size: 19px !important; margin-bottom: 22px !important; }
.footer-col p { font-size: 16px !important; line-height: 1.85 !important; margin-bottom: 18px !important; }
.footer-col ul li { margin-bottom: 14px !important; font-size: 16px !important; }
.footer-col ul li a { font-size: 16px !important; }
.footer-col a { font-size: 16px; }
.footer-col p[style*="font-size: 13px"] { font-size: 14px !important; opacity: 0.75 !important; }
.footer-bottom { font-size: 15px !important; padding-top: 36px !important; }
.social-icons a { width: 42px !important; height: 42px !important; font-size: 15px !important; }
.privacy-note { font-size: 15px !important; line-height: 1.7 !important; margin-top: 20px !important; }
.form-success { font-size: 15px !important; }
.lead-magnet .eyebrow { font-size: 13px !important; letter-spacing: 2px !important; }
.bundle-includes li small { font-size: 13px !important; margin-top: 4px !important; }
.audiobook-list li { font-size: 18px !important; padding: 18px 22px !important; }
.audiobook-list li span { font-size: 11px !important; padding: 5px 12px !important; }
.pillar-text { font-size: 13px !important; line-height: 1.55 !important; }
.consulting-disclaimer { font-size: 14px !important; line-height: 1.7 !important; }
.total-disclaimer { font-size: 14px !important; }
.section-eyebrow { font-size: 13px !important; letter-spacing: 2.5px !important; }
.book-meta, .bundle-badge, .phase-tag, .product-meta, .universe-meta { font-size: 12px !important; letter-spacing: 1.5px !important; }
.hero-visual-caption { font-size: 16px !important; }
.hero-visual-caption small { font-size: 12px !important; margin-top: 8px !important; }
.stat-label { font-size: 13px !important; letter-spacing: 1.5px !important; }
.quote-author .who small { font-size: 13px !important; }
.cred-item { font-size: 15px !important; }
.amazon-note { font-size: 16px !important; padding: 32px 36px !important; }
.amazon-print-label { font-size: 15px !important; }
.amazon-print-btn { font-size: 14px !important; padding: 10px 18px !important; }
.print-badge, .print-badge-link { font-size: 12px !important; padding: 6px 12px !important; }
.cover-label { font-size: 10px !important; }
.cover-author { font-size: 11px !important; }
.marquee-item { font-size: 24px !important; }
.marquee-item .marquee-icon { font-size: 15px !important; }
@media (max-width: 880px) {
  footer { padding: 60px 0px 30px !important; }
  .footer-col h4 { font-size: 17px !important; }
  .footer-col a, .footer-col p, .footer-col ul li { font-size: 15px !important; }
}
body { font-size: 18px !important; line-height: 1.85 !important; }
.product-card h4 { font-size: 22px !important; line-height: 1.3 !important; margin-bottom: 12px !important; }
.product-card p { font-size: 16px !important; line-height: 1.75 !important; margin-bottom: 22px !important; color: rgba(255, 255, 255, 0.85) !important; }
.products-dark .product-card p { color: rgba(255, 255, 255, 0.82) !important; }
.product-price { font-size: 24px !important; margin-bottom: 18px !important; }
.product-price small { font-size: 14px !important; }
.product-meta { font-size: 13px !important; margin-bottom: 12px !important; }
.product-card .btn { padding: 13px 18px !important; font-size: 14px !important; }
.product-info { padding: 28px 26px 30px !important; }
.bundle-solo-info h3 { font-size: 34px !important; line-height: 1.2 !important; margin-bottom: 16px !important; }
.bundle-tagline { font-size: 19px !important; line-height: 1.7 !important; margin-bottom: 26px !important; }
.bundle-includes { font-size: 17px !important; line-height: 1.75 !important; }
.bundle-includes li { padding: 12px 0px 12px 30px !important; font-size: 17px !important; }
.bundle-includes li small { font-size: 14px !important; line-height: 1.5 !important; margin-top: 4px !important; display: block !important; opacity: 0.85 !important; }
.bundle-includes li::before { font-size: 18px !important; }
.bundle-solo-info .price-current { font-size: 38px !important; }
.bundle-solo-info .price-current small { font-size: 16px !important; }
.bundle-savings { font-size: 13px !important; }
.bundle-info-v h3 { font-size: 26px !important; }
.bundle-info-v .bundle-tagline { font-size: 16px !important; }
.bundle-info-v .bundle-includes { font-size: 15px !important; }
.bundle-info-v .price-current { font-size: 28px !important; }
.flagship-bullets { font-size: 17px !important; }
.flagship-bullets li { padding: 12px 30px 12px 0px !important; font-size: 17px !important; line-height: 1.75 !important; }
.flagship-tagline { font-size: 22px !important; line-height: 1.65 !important; margin-bottom: 30px !important; }
.flagship-title { font-size: clamp(34px, 4.5vw, 52px) !important; }
.flagship-price { font-size: 40px !important; }
.flagship-price small { font-size: 16px !important; }
.flagship-meta { font-size: 13px !important; letter-spacing: 1.5px !important; }
.consulting-tagline { font-size: 18px !important; line-height: 1.7 !important; }
.consulting-card-header h3 { font-size: clamp(24px, 3vw, 32px) !important; line-height: 1.3 !important; }
.phase-body h4 { font-size: 24px !important; line-height: 1.3 !important; margin-bottom: 14px !important; }
.phase-body p { font-size: 17px !important; line-height: 1.85 !important; margin-bottom: 14px !important; }
.phase-output { font-size: 16px !important; padding: 18px 22px !important; }
.phase-deliverable { font-size: 16px !important; padding: 18px 22px !important; }
.deliverable-icon { font-size: 26px !important; }
.cred-item { font-size: 16px !important; gap: 14px !important; }
.cred-icon { font-size: 24px !important; }
.consulting-quote p { font-size: 21px !important; line-height: 1.7 !important; }
.consulting-disclaimer { font-size: 15px !important; line-height: 1.7 !important; }
.benefit-card h3 { font-size: 24px !important; margin-bottom: 14px !important; }
.benefit-card p { font-size: 17px !important; line-height: 1.85 !important; }
.benefit-icon { width: 70px !important; height: 70px !important; font-size: 32px !important; }
.universe-card h3 { font-size: 24px !important; line-height: 1.3 !important; margin-bottom: 14px !important; }
.universe-card p { font-size: 16px !important; line-height: 1.75 !important; margin-bottom: 20px !important; }
.universe-meta { font-size: 13px !important; margin-bottom: 10px !important; }
.universe-link { font-size: 15px !important; }
.universe-icon { width: 64px !important; height: 64px !important; font-size: 30px !important; }
.about-content h2 { font-size: clamp(34px, 4.5vw, 48px) !important; line-height: 1.2 !important; margin-bottom: 24px !important; }
.about-lead { font-size: 23px !important; line-height: 1.55 !important; margin-bottom: 26px !important; }
.about-content p { font-size: 18px !important; line-height: 1.95 !important; margin-bottom: 24px !important; }
.about-subhead { font-size: 24px !important; margin: 30px 0px 14px !important; }
.about-philosophy { font-size: 19px !important; line-height: 1.75 !important; padding: 26px 28px !important; }
.about-philosophy em { font-size: 21px !important; }
.quote-attribution { font-size: 13px !important; margin-top: 8px !important; margin-bottom: 16px !important; }
.about-pillars { margin: 36px 0px !important; padding: 28px 0px !important; }
.pillar-num { font-size: 44px !important; margin-bottom: 8px !important; }
.pillar-text { font-size: 14px !important; line-height: 1.6 !important; }
.social-pill { padding: 16px 18px !important; font-size: 15px !important; gap: 14px !important; }
.social-pill-icon { width: 38px !important; height: 38px !important; font-size: 16px !important; }
.about-photo-tag { font-size: 17px !important; padding: 18px 22px !important; }
.section-header h2 { font-size: clamp(36px, 5vw, 52px) !important; line-height: 1.2 !important; margin-bottom: 20px !important; }
.section-header p { font-size: 20px !important; line-height: 1.85 !important; }
.section-eyebrow { font-size: 13px !important; margin-bottom: 18px !important; }
.lead-magnet h2 { font-size: clamp(32px, 4.5vw, 50px) !important; line-height: 1.25 !important; margin-bottom: 22px !important; }
.lead-magnet p { font-size: 19px !important; line-height: 1.85 !important; margin-bottom: 36px !important; }
.email-form input { font-size: 17px !important; padding: 16px 20px !important; }
.email-form button { font-size: 16px !important; padding: 16px 30px !important; }
.hero p.lead { font-size: 21px !important; line-height: 1.85 !important; margin-bottom: 40px !important; max-width: 600px !important; }
.hero-eyebrow { font-size: 13px !important; padding: 8px 16px !important; margin-bottom: 28px !important; }
.audiobook p { font-size: 19px !important; }
.audiobook-list li { font-size: 19px !important; }
.quote-text { font-size: 21px !important; line-height: 1.7 !important; }
.quote-author .who { font-size: 16px !important; }
.quote-author .who small { font-size: 14px !important; }
.stat-num { font-size: 56px !important; }
.stat-label { font-size: 14px !important; letter-spacing: 1.5px !important; }
.final-cta h2 { font-size: clamp(36px, 5vw, 56px) !important; }
.final-cta p { font-size: 20px !important; }
.btn { padding: 16px 32px !important; font-size: 16px !important; }
.btn-large { padding: 18px 36px !important; font-size: 17px !important; }
.amazon-note { font-size: 17px !important; }
.amazon-print-label { font-size: 16px !important; }
.amazon-print-btn { font-size: 14px !important; }
footer { font-size: 17px !important; }
.footer-col h4 { font-size: 20px !important; }
.footer-col p { font-size: 17px !important; }
.footer-col a, .footer-col ul li { font-size: 16px !important; }
.footer-bottom { font-size: 15px !important; }
@media (max-width: 880px) {
  body { font-size: 17px !important; }
  .product-card h4 { font-size: 20px !important; }
  .product-card p { font-size: 16px !important; }
  .bundle-solo-info h3 { font-size: 28px !important; }
  .flagship-tagline { font-size: 19px !important; }
  .consulting-quote p { font-size: 18px !important; }
  .about-lead { font-size: 19px !important; }
  .about-content p { font-size: 17px !important; }
  .section-header p { font-size: 17px !important; }
  .hero p.lead { font-size: 18px !important; }
  .stat-num { font-size: 44px !important; }
}
.tech-bg-video { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; z-index: 0; opacity: 0.45; pointer-events: none; }
@media (max-width: 880px) {
  .tech-bg-video { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .tech-bg-video { display: none; }
}
.tech-bg-section .tech-bg-image { z-index: 1; mix-blend-mode: screen; opacity: 0.3 !important; }
.tech-bg-section .tech-bg-overlay { z-index: 2; }
body { font-size: 19px !important; line-height: 1.9 !important; }
.product-card h4 { font-size: 24px !important; }
.product-card p { font-size: 17px !important; line-height: 1.8 !important; }
.product-price { font-size: 26px !important; }
.product-price small { font-size: 15px !important; }
.bundle-tagline { font-size: 21px !important; }
.bundle-includes li { font-size: 18px !important; }
.bundle-includes li small { font-size: 15px !important; }
.bundle-solo-info h3 { font-size: 36px !important; }
.bundle-solo-info .price-current { font-size: 42px !important; }
.bundle-solo-info .price-current small { font-size: 17px !important; }
.flagship-tagline { font-size: 23px !important; line-height: 1.7 !important; }
.flagship-bullets li { font-size: 18px !important; line-height: 1.8 !important; }
.flagship-price { font-size: 44px !important; }
.flagship-price small { font-size: 17px !important; }
.phase-body h4 { font-size: 26px !important; }
.phase-body p { font-size: 18px !important; line-height: 1.9 !important; }
.phase-deliverable, .phase-output { font-size: 17px !important; }
.consulting-quote p { font-size: 23px !important; line-height: 1.75 !important; }
.cred-item { font-size: 17px !important; }
.benefit-card h3 { font-size: 26px !important; }
.benefit-card p { font-size: 18px !important; line-height: 1.9 !important; }
.universe-card h3 { font-size: 26px !important; }
.universe-card p { font-size: 17px !important; line-height: 1.8 !important; }
.book-meta, .bundle-badge, .product-meta, .universe-meta { font-size: 13px !important; }
.about-content h2 { font-size: clamp(38px, 5vw, 54px) !important; }
.about-lead { font-size: 25px !important; line-height: 1.55 !important; }
.about-content p { font-size: 19px !important; line-height: 2 !important; }
.about-subhead { font-size: 26px !important; }
.about-philosophy { font-size: 20px !important; line-height: 1.8 !important; }
.about-philosophy em { font-size: 23px !important; }
.pillar-num { font-size: 48px !important; }
.pillar-text { font-size: 15px !important; line-height: 1.65 !important; }
.section-header h2 { font-size: clamp(40px, 5.5vw, 56px) !important; }
.section-header p { font-size: 22px !important; line-height: 1.85 !important; }
.section-eyebrow { font-size: 14px !important; }
.lead-magnet h2 { font-size: clamp(36px, 5vw, 54px) !important; }
.lead-magnet p { font-size: 21px !important; line-height: 1.85 !important; }
.email-form input { font-size: 18px !important; padding: 18px 22px !important; }
.email-form button { font-size: 17px !important; padding: 18px 32px !important; }
.hero p.lead { font-size: 23px !important; line-height: 1.85 !important; max-width: 620px !important; }
.hero-eyebrow { font-size: 14px !important; padding: 9px 18px !important; }
.audiobook p { font-size: 21px !important; }
.audiobook-list li { font-size: 21px !important; padding: 20px 24px !important; }
.quote-text { font-size: 23px !important; }
.quote-author .who { font-size: 17px !important; }
.quote-author .who small { font-size: 15px !important; }
.stat-num { font-size: 60px !important; }
.stat-label { font-size: 15px !important; }
.final-cta p { font-size: 22px !important; }
.btn { padding: 18px 36px !important; font-size: 17px !important; }
.btn-large { padding: 20px 40px !important; font-size: 18px !important; }
.product-card .btn { padding: 14px 20px !important; font-size: 15px !important; }
.amazon-note { font-size: 18px !important; }
.amazon-print-label { font-size: 17px !important; }
.amazon-print-btn { font-size: 15px !important; padding: 12px 20px !important; }
.privacy-note { font-size: 16px !important; }
footer { font-size: 18px !important; }
.footer-col h4 { font-size: 21px !important; }
.footer-col p { font-size: 18px !important; }
.footer-col a, .footer-col ul li { font-size: 17px !important; }
.footer-bottom { font-size: 16px !important; }
.marquee-item { font-size: 26px !important; }
.marquee-item .marquee-icon { font-size: 16px !important; }
.nav-links { font-size: 18px !important; }
.brand { font-size: 32px !important; }
.lang-switch { font-size: 15px !important; padding: 10px 18px !important; }
@media (max-width: 880px) {
  body { font-size: 18px !important; }
  .product-card h4 { font-size: 21px !important; }
  .product-card p { font-size: 16px !important; }
  .bundle-solo-info h3 { font-size: 30px !important; }
  .flagship-tagline { font-size: 19px !important; }
  .consulting-quote p { font-size: 19px !important; }
  .about-lead { font-size: 20px !important; }
  .about-content p { font-size: 17px !important; }
  .section-header p { font-size: 18px !important; }
  .hero p.lead { font-size: 19px !important; }
  .stat-num { font-size: 46px !important; }
  .nav-links { font-size: 15px !important; }
  .brand { font-size: 25px !important; }
}
.form-success { display: none; text-align: center; margin-top: 30px; padding: 36px 32px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(212, 150, 125, 0.35); backdrop-filter: blur(20px); border-radius: 12px; max-width: 580px; margin-left: auto; margin-right: auto; }
.form-success.show { display: block; animation: 0.6s cubic-bezier(0.2, 0.9, 0.3, 1.4) 0s 1 normal none running successPop; }
@keyframes successPop { 
  0% { opacity: 0; transform: scale(0.92) translateY(15px); }
  100% { opacity: 1; transform: scale(1) translateY(0px); }
}
.form-success .success-icon { width: 64px; height: 64px; margin: 0px auto 18px; background: linear-gradient(135deg,var(--c-accent),var(--c-gold-warm)); color: var(--c-white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 32px; font-weight: 700; box-shadow: rgba(212, 150, 125, 0.65) 0px 12px 30px -8px; animation: 2.5s ease-in-out 0s infinite normal none running iconPulse; }
@keyframes iconPulse { 
  0%, 100% { box-shadow: rgba(212, 150, 125, 0.65) 0px 12px 30px -8px; }
  50% { box-shadow: rgba(212, 150, 125, 0.9) 0px 18px 40px -8px; }
}
.form-success h3 { font-family: var(--ff-serif); font-size: 26px; font-weight: 500; color: var(--c-white); margin-bottom: 14px; }
.form-success p { font-size: 17px !important; line-height: 1.75 !important; color: rgba(255, 255, 255, 0.85) !important; margin-bottom: 20px !important; text-align: center !important; }
.form-success p strong { color: var(--c-accent); }
.podcast-link-btn { display: inline-flex !important; background: linear-gradient(135deg, rgb(42, 171, 238) 0px, rgb(34, 158, 217) 100%) !important; color: var(--c-white) !important; font-size: 18px !important; padding: 18px 36px !important; border-radius: 8px !important; margin: 10px 0px 18px !important; box-shadow: rgba(34, 158, 217, 0.55) 0px 14px 30px -8px !important; transition: 0.3s !important; text-decoration: none !important; }
.podcast-link-btn:hover { transform: translateY(-3px) !important; box-shadow: rgba(34, 158, 217, 0.7) 0px 22px 40px -10px !important; background: linear-gradient(135deg, rgb(34, 158, 217) 0px, rgb(26, 137, 192) 100%) !important; }
.form-success .success-meta { font-style: italic; font-size: 14px !important; color: rgba(255, 255, 255, 0.55) !important; margin-top: 4px !important; }
.zoom-section { --zoom-scale: 0.88; --zoom-opacity: 0.4; transform: scale(var(--zoom-scale)); opacity: var(--zoom-opacity); transform-origin: center center; transition: transform 0.2s ease-out, opacity 0.2s ease-out; will-change: transform, opacity; isolation: isolate; }
body { perspective: 2000px; transform-style: preserve-3d; }
.zoom-section.zoomed-in { --zoom-scale: 1; --zoom-opacity: 1; }
@media (max-width: 880px) {
  .zoom-section { --zoom-scale: 1 !important; --zoom-opacity: 1 !important; transform: none !important; opacity: 1 !important; }
}
@media (prefers-reduced-motion: reduce) {
  .zoom-section { --zoom-scale: 1 !important; --zoom-opacity: 1 !important; transform: none !important; opacity: 1 !important; }
}
.site-header { transform: none !important; opacity: 1 !important; }
.scroll-progress { position: fixed; top: 0px; right: 0px; height: 3px; width: 0px; background: linear-gradient(90deg,var(--c-accent),#e6b847); z-index: 200; transition: width 80ms linear; }
.nav-links a.nav-active { color: var(--c-accent); position: relative; }
.nav-links a.nav-active::after { content: ""; position: absolute; bottom: -6px; right: 0px; left: 0px; height: 2px; background: var(--c-accent); border-radius: 2px; }
.back-to-top { position: fixed; bottom: 28px; left: 28px; width: 48px; height: 48px; border: 1px solid var(--c-line); border-radius: 50%; background: rgba(255, 255, 255, 0.92); color: var(--c-ink); font-size: 20px; cursor: pointer; z-index: 150; opacity: 0; visibility: hidden; transform: translateY(12px); transition: all .3s var(--ease); backdrop-filter: blur(8px); box-shadow: var(--shadow-card); }
.back-to-top.visible { opacity: 1; visibility: visible; transform: translateY(0px); }
.back-to-top:hover { background: var(--c-accent); color: rgb(255, 255, 255); border-color: var(--c-accent); }
.faq-section { background: var(--c-cream-soft); }
.faq-list { max-width: 760px; margin: 0px auto; display: flex; flex-direction: column; gap: 14px; }
.faq-item { background: var(--c-white); border: 1px solid var(--c-line); border-radius: 8px; overflow: hidden; transition: box-shadow .25s var(--ease),border-color .25s var(--ease); }
.faq-item:hover { border-color: var(--c-accent); }
.faq-item[open] { box-shadow: var(--shadow-card); border-color: var(--c-accent); }
.faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; cursor: pointer; font-weight: 600; font-size: 17px; list-style: none; user-select: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-icon { flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--c-cream-soft); color: var(--c-accent); font-size: 18px; font-weight: 400; transition: transform .3s var(--ease),background .3s var(--ease); }
.faq-item[open] .faq-icon { transform: rotate(45deg); background: var(--c-accent); color: rgb(255, 255, 255); }
.faq-answer { padding: 0px 24px; max-height: 0px; overflow: hidden; transition: max-height .35s var(--ease),padding .35s var(--ease); }
.faq-item[open] .faq-answer { padding: 0px 24px 22px; max-height: 400px; }
.faq-answer p { color: var(--c-ink-soft); font-size: 16px; }
.faq-answer a { color: var(--c-accent); border-bottom: 1px dashed var(--c-accent); }
.product-card[data-qv] .product-cover { cursor: zoom-in; position: relative; }
.product-card[data-qv] .product-cover::after { content: "👁 Aperçu rapide"; position: absolute; inset: auto 0px 0px; background: rgba(14, 19, 24, 0.78); color: rgb(255, 255, 255); font-size: 13px; font-weight: 600; text-align: center; padding: 9px 0px; opacity: 0; transform: translateY(8px); transition: all .25s var(--ease); pointer-events: none; }
.product-card[data-qv]:hover .product-cover::after { opacity: 1; transform: translateY(0px); }
.qv-overlay { position: fixed; inset: 0px; z-index: 300; display: flex; align-items: center; justify-content: center; background: rgba(14, 19, 24, 0.72); backdrop-filter: blur(6px); padding: 24px; opacity: 0; visibility: hidden; transition: opacity .3s var(--ease),visibility .3s var(--ease); }
.qv-overlay.open { opacity: 1; visibility: visible; }
.qv-modal { background: var(--c-white); border-radius: 12px; max-width: 860px; width: 100%; max-height: 88vh; overflow-y: auto; position: relative; transform: translateY(24px) scale(0.97); transition: transform .35s var(--ease); box-shadow: rgba(0, 0, 0, 0.5) 0px 30px 80px -20px; }
.qv-overlay.open .qv-modal { transform: translateY(0px) scale(1); }
.qv-close { position: absolute; top: 14px; left: 14px; width: 38px; height: 38px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; background: var(--c-cream-soft); color: var(--c-ink); font-size: 16px; cursor: pointer; z-index: 2; transition: all .2s var(--ease); }
.qv-close:hover { background: var(--c-accent); color: rgb(255, 255, 255); transform: rotate(90deg); }
.qv-grid { display: grid; grid-template-columns: 320px 1fr; gap: 0px; }
.qv-cover { background: var(--c-cream-soft); display: flex; align-items: center; justify-content: center; padding: 28px; }
.qv-cover img { max-width: 100%; border-radius: 6px; box-shadow: var(--shadow-card); }
.qv-body { padding: 36px 32px; }
.qv-meta { font-size: 13px; font-weight: 600; color: var(--c-accent); margin-bottom: 8px; }
.qv-body h3 { font-size: 26px; margin-bottom: 10px; }
.qv-body > p { color: var(--c-ink-soft); margin-bottom: 16px; }
.qv-details { list-style: none; margin: 0px 0px 20px; display: flex; flex-direction: column; gap: 9px; }
.qv-details li { position: relative; padding-right: 24px; font-size: 15px; color: var(--c-ink); }
.qv-details li::before { content: "✦"; position: absolute; right: 0px; color: var(--c-accent); font-size: 12px; top: 4px; }
.qv-price { font-size: 24px; font-weight: 800; color: var(--c-ink); margin-bottom: 18px; }
.qv-price small { font-size: 14px; font-weight: 500; color: var(--c-ink-soft); }
@media (max-width: 720px) {
  .qv-grid { grid-template-columns: 1fr; }
  .qv-cover { padding: 20px; }
  .qv-cover img { max-width: 220px; }
  .qv-body { padding: 24px 20px; }
}
body.qv-locked { overflow: hidden; }
.btn:active { transform: scale(0.96); transition-duration: 80ms; }
.benefit-card:active, .product-card:active, .universe-card:active { transform: scale(0.985); transition: transform .12s var(--ease); }
.faq-item summary:active { background: var(--c-cream-soft); }
.social-icons a:active, .social-pill:active { transform: scale(0.92); }
.touch-ripple { position: fixed; width: 14px; height: 14px; border-radius: 50%; pointer-events: none; z-index: 250; border: 2px solid rgba(212, 150, 125, 0.85); background: radial-gradient(circle, rgba(212, 150, 125, 0.25), transparent 70%); transform: translate(-50%, -50%) scale(0.5); opacity: 0.9; animation: 0.55s cubic-bezier(0.2, 0.7, 0.3, 1) 0s 1 normal forwards running rippleOut; }
@keyframes rippleOut { 
  100% { transform: translate(-50%, -50%) scale(4.2); opacity: 0; }
}
@media (max-width: 880px) {
  @keyframes bookFloatNew2 { 
  0%, 100% { transform: translate(var(--hero-mx,0),var(--hero-my,0)) rotateY(var(--hero-tx,0deg)) rotateX(var(--hero-ty,0deg)); }
  50% { transform: translate(var(--hero-mx,0),calc(var(--hero-my,0px) - 8px)) rotateY(var(--hero-tx,0deg)) rotateX(var(--hero-ty,0deg)); }
}
}
.hero-blur-label { display: block; font-family: var(--ff-fa); font-size: clamp(15px, 1.6vw, 20px); line-height: 1.5; font-weight: 400; color: rgba(255, 255, 255, 0.95); filter: blur(4px); pointer-events: none; user-select: none; margin-bottom: 18px; letter-spacing: 0.2px; }
.hero-anim { opacity: 0; transform: translateY(14px); transition-property: ; transition-duration: ; transition-timing-function: ; transition-behavior: ; transition-delay: var(--anim-delay, 0ms); animation-duration: 0.7s; animation-timing-function: ease; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; animation-name: hero-anim-fallback; animation-timeline: auto; animation-range: normal; animation-delay: calc(var(--anim-delay, 0ms) + 800ms); }
@keyframes hero-anim-fallback { 
  100% { opacity: 1; transform: translateY(0px); }
}
.hero.is-ready .hero-anim { opacity: 1; transform: translateY(0px); animation: auto ease 0s 1 normal none running none; }
.hero-typewriter { min-height: 90px; }
.hero-typewriter .tw-cursor { display: inline-block; width: 2px; height: 1.05em; background: var(--c-accent); vertical-align: middle; margin-right: 2px; animation: 1s step-end 0s infinite normal none running hero-tw-blink; }
.hero-typewriter.tw-done .tw-cursor { display: none; }
@keyframes hero-tw-blink { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}
.hero-pills { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.pill { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 20px; border-radius: 999px; font-family: var(--ff-fa); font-size: 14.5px; font-weight: 500; line-height: 1; white-space: nowrap; cursor: pointer; border: 1px solid transparent; transition: background-color .22s var(--ease),color .22s var(--ease),border-color .22s var(--ease),transform .22s var(--ease); text-decoration: none; }
.pill-solid { background: rgba(255, 255, 255, 0.97); color: var(--c-ink); border-color: rgba(255, 255, 255, 0.3); box-shadow: rgba(0, 0, 0, 0.5) 0px 6px 20px -10px; }
.pill-solid:hover { background: var(--c-ink); color: var(--c-white); transform: translateY(-2px); }
.pill-outline { position: relative; background: 0px 0px; color: var(--c-white); border-color: rgba(255, 255, 255, 0.55); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14.5px; font-weight: 500; }
.pill-outline:hover { background: var(--c-white); color: var(--c-ink); border-color: var(--c-white); transform: translateY(-2px); }
.pill-outline u { text-decoration: underline; text-underline-offset: 2px; }
.pill-email { white-space: nowrap; }
.copy-toast { position: absolute; top: -34px; right: 50%; transform: translateX(50%) translateY(6px); background: var(--c-ink); color: var(--c-white); font-family: var(--ff-fa); font-size: 12px; padding: 5px 12px; border-radius: 100px; opacity: 0; pointer-events: none; transition: opacity .25s var(--ease),transform .25s var(--ease); white-space: nowrap; }
.pill-outline.copied .copy-toast { opacity: 1; transform: translateX(50%) translateY(0px); }
.hero[data-scrub="true"] .hero-bg-video { will-change: contents; }
@media (max-width: 720px) {
  .hero-pills { gap: 8px; }
  .pill { padding: 10px 16px; font-size: 13.5px; }
  .hero-blur-label { font-size: 14px; }
  .hero-typewriter { min-height: 110px; }
}
@media (prefers-reduced-motion: no-preference) {
  .section-eyebrow { filter: blur(6px); opacity: 0.55; transition: filter .7s var(--ease),opacity .7s var(--ease); will-change: filter; }
  .section-eyebrow.in-view { filter: blur(0px); opacity: 1; }
}
.section-typewriter .tw-cursor-section { display: none; width: 2px; height: 1em; background: var(--c-accent); vertical-align: middle; margin-right: 2px; animation: 1s step-end 0s infinite normal none running hero-tw-blink; }
.section-typewriter.tw-active .tw-cursor-section { display: inline-block; }
.section-typewriter.tw-done .tw-cursor-section { display: none; }
@media (prefers-reduced-motion: no-preference) and (min-width: 760px) {
  section { transition: opacity .55s var(--ease),filter .55s var(--ease); will-change: opacity, filter; }
  section.section-dimmed { opacity: 0.5; filter: blur(0.8px) saturate(0.85); }
  section.section-focused .flagship-title, section.section-focused .section-header h2 { transform: scale(1.035); transform-origin: right top; transition: transform .5s var(--ease); }
  section.section-focused .bundle-tagline, section.section-focused .flagship-tagline, section.section-focused .section-header p { transition: color .5s var(--ease),font-weight .5s var(--ease); }
  section.hero, section.marquee-section { opacity: 1 !important; filter: none !important; }
  section.section-focused .hero-grid-lines { opacity: 0.5; }
}