/** Shopify CDN: Minification failed

Line 846:16 Unexpected "|"

**/
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital,wght@0,400;1,400&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');

/* When the crb-page wrapper is on the page, hide the default theme header — the source has its own nav */
body:has(.crb-page) #shopify-section-header,
body:has(.crb-page) section.header-section,
body:has(.crb-page) section.shopify-section--header { display: none !important; }
/* And cancel the body padding many themes add for sticky headers */
body:has(.crb-page) { padding-top: 0 !important; }
/* The grain texture overlay needs to sit above the wrapper background but below content */
.crb-page { position: relative; z-index: 0; }
.crb-page > * { position: relative; z-index: 2; }


  /* -------- tokens -------- */
  :root{
    --crb-cream:        #F4EAD2;
    --crb-cream-2:      #EFE0BF;
    --crb-paper:        #FBF5E5;
    --crb-ink:          #1F1611;
    --crb-ink-2:        #3A2A20;
    --crb-muted:        #7A6651;
    --crb-rule:         #1F1611;
    --crb-terra:        #C04A28;
    --crb-terra-deep:   #8E2F18;
    --crb-amber:        #E59A2A;
    --crb-amber-2:      #C97F12;
    --crb-olive:        #5E5A2B;
    --crb-cta:          #E8501F;
    --crb-cta-press:    #C03F12;

    --crb-maxw: 1240px;
    --crb-gutter: clamp(20px, 4vw, 56px);

    --crb-t-fast: 180ms cubic-bezier(.2,.7,.2,1);
    --crb-t-med: 420ms cubic-bezier(.2,.7,.2,1);
  }

  .crb-page *{box-sizing:border-box}
  
  
  .crb-page{
    font-family:"Manrope", system-ui, sans-serif;
    background:var(--crb-cream);
    color:var(--crb-ink);
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    overflow-x:hidden;
  }

  /* paper / grain texture overlay applied to body */
  .crb-page::before{
    content:"";
    position:fixed; inset:0;
    pointer-events:none;
    background-image:
      url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMjAnIGhlaWdodD0nMjIwJz48ZmlsdGVyIGlkPSduJz48ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgYmFzZUZyZXF1ZW5jeT0nMC44NScgbnVtT2N0YXZlcz0nMicgc3RpdGNoVGlsZXM9J3N0aXRjaCcvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0nMCAwIDAgMCAwLjEyICAwIDAgMCAwIDAuMDkgIDAgMCAwIDAgMC4wNiAgMCAwIDAgMC4xMiAwJy8+PC9maWx0ZXI+PHJlY3Qgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgZmlsdGVyPSd1cmwoI24pJyBvcGFjaXR5PScwLjU1Jy8+PC9zdmc+");
    mix-blend-mode:multiply;
    opacity:.5;
    z-index:1;
  }
  /* keep content above the grain */
  .crb-page main, .crb-page header.crb-nav, .crb-page footer.crb-foot { position:relative; z-index:2; }

  /* -------- type -------- */
  .crb-display{
    font-family:"DM Serif Display", serif;
    font-weight:400;
    letter-spacing:-0.01em;
    line-height:0.95;
  }
  .crb-eyebrow{
    font-family:"JetBrains Mono", ui-monospace, monospace;
    font-size:12px;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--crb-terra);
    font-weight:500;
  }
  .crb-eyebrow.crb-ink{color:var(--crb-ink)}
  .crb-eyebrow.crb-cream{color:var(--crb-cream)}

  .crb-page h1,.crb-page h2,.crb-page h3{margin:0}
  .crb-page p{margin:0}
  .crb-page a{color:inherit}

  /* -------- container -------- */
  .crb-wrap{
    max-width:var(--crb-maxw);
    margin:0 auto;
    padding-left:var(--crb-gutter);
    padding-right:var(--crb-gutter);
  }

  /* -------- buttons -------- */
  .crb-btn{
    display:inline-flex; align-items:center; justify-content:center; gap:.6em;
    font-family:"Manrope", sans-serif;
    font-weight:700;
    font-size:16px;
    letter-spacing:.01em;
    padding:18px 28px;
    border-radius:999px;
    border:0;
    cursor:pointer;
    text-decoration:none;
    color:var(--crb-paper);
    background:var(--crb-cta);
    box-shadow:
      0 1px 0 rgba(255,255,255,.25) inset,
      0 -2px 0 rgba(0,0,0,.18) inset,
      0 14px 28px -10px rgba(232,80,31,.55),
      0 4px 0 var(--crb-cta-press);
    transition: transform var(--crb-t-fast), box-shadow var(--crb-t-fast), background var(--crb-t-fast);
  }
  .crb-btn:hover{
    transform:translateY(-1px);
    background:#F35A24;
    box-shadow:
      0 1px 0 rgba(255,255,255,.25) inset,
      0 -2px 0 rgba(0,0,0,.18) inset,
      0 18px 36px -10px rgba(232,80,31,.7),
      0 5px 0 var(--crb-cta-press);
  }
  .crb-btn:active{
    transform:translateY(2px);
    box-shadow:
      0 1px 0 rgba(255,255,255,.2) inset,
      0 -2px 0 rgba(0,0,0,.2) inset,
      0 8px 16px -8px rgba(232,80,31,.55),
      0 1px 0 var(--crb-cta-press);
  }
  .crb-btn .crb-arrow{
    display:inline-block;
    transition:transform var(--crb-t-fast);
  }
  .crb-btn:hover .crb-arrow{transform:translateX(4px)}

  .crb-btn-ghost{
    background:transparent;
    color:var(--crb-ink);
    border:1.5px solid var(--crb-ink);
    box-shadow:none;
    padding:16px 24px;
  }
  .crb-btn-ghost:hover{background:var(--crb-ink); color:var(--crb-paper); transform:translateY(-1px)}
  .crb-btn-ghost:active{transform:translateY(0)}

  .crb-price-tag{
    display:inline-flex; align-items:baseline; gap:6px;
    font-family:"Manrope", sans-serif;
    font-size:13px; font-weight:600;
    padding:6px 10px;
    background:rgba(0,0,0,.18);
    border-radius:999px;
    color:#fff;
    margin-left:6px;
  }
  .crb-price-tag s{opacity:.6; font-weight:500}

  /* -------- header / nav -------- */
  header.crb-nav{
    position:sticky; top:0; z-index:50;
    backdrop-filter:saturate(140%) blur(8px);
    background:rgba(244,234,210,.72);
    border-bottom:1px solid rgba(31,22,17,.08);
  }
  .crb-nav-inner{
    display:flex; align-items:center; justify-content:space-between;
    padding:14px 0;
  }
  .crb-brand{
    display:flex; align-items:center; gap:10px;
    font-family:"DM Serif Display", serif;
    font-size:20px;
    text-decoration:none;
    color:var(--crb-ink);
  }
  .crb-brand-mark{
    width:30px; height:30px; border-radius:8px;
    background:var(--crb-ink); color:var(--crb-cream);
    display:grid; place-items:center;
    font-family:"DM Serif Display", serif;
    font-size:14px; line-height:1;
    transform:rotate(-6deg);
  }
  .crb-nav-cta{
    display:flex; align-items:center; gap:14px;
  }
  .crb-nav-cta .crb-mini-cta{
    font-size:14px; font-weight:700;
    padding:10px 18px;
    border-radius:999px;
    background:var(--crb-ink);
    color:var(--crb-cream);
    text-decoration:none;
    transition:background var(--crb-t-fast), transform var(--crb-t-fast);
  }
  .crb-nav-cta .crb-mini-cta:hover{background:var(--crb-cta); transform:translateY(-1px)}
  .crb-nav-link{
    font-size:14px; font-weight:600; color:var(--crb-ink-2); text-decoration:none;
    opacity:.75;
  }
  .crb-nav-link:hover{opacity:1; color:var(--crb-terra)}
  .crb-nav-mid{display:flex; gap:24px}
  @media (max-width:760px){ .crb-nav-mid{display:none} }

  /* -------- hero -------- */
  .crb-hero{
    padding: clamp(40px, 7vw, 80px) 0 clamp(60px, 9vw, 120px);
    position:relative;
    overflow:hidden;
  }
  .crb-hero-bg-glow{
    position:absolute; inset:-10%;
    background:
      radial-gradient(60% 50% at 80% 30%, rgba(229,154,42,.35), transparent 60%),
      radial-gradient(50% 40% at 10% 80%, rgba(192,74,40,.18), transparent 60%);
    pointer-events:none;
    z-index:0;
  }
  .crb-hero-grid{
    position:relative;
    display:grid;
    grid-template-columns: 1.05fr .95fr;
    gap: clamp(32px, 5vw, 80px);
    align-items:center;
  }
  @media (max-width:920px){ .crb-hero-grid{ grid-template-columns: 1fr; } }

  .crb-hero-left .crb-badge-row{
    display:flex; align-items:center; gap:10px;
    margin-bottom:22px;
  }
  .crb-pill{
    display:inline-flex; align-items:center; gap:8px;
    padding:6px 12px 6px 8px;
    border-radius:999px;
    background:rgba(31,22,17,.06);
    border:1px solid rgba(31,22,17,.12);
    font-size:12px; font-weight:600; letter-spacing:.02em;
    color:var(--crb-ink-2);
  }
  .crb-pill .crb-dot{
    width:8px; height:8px; border-radius:50%; background:var(--crb-terra);
    box-shadow:0 0 0 3px rgba(192,74,40,.18);
  }
  .crb-stars-mini{display:inline-flex; gap:2px}
  .crb-stars-mini svg{width:13px; height:13px; fill:var(--crb-amber)}

  .crb-hero h1{
    font-size: clamp(46px, 7vw, 96px);
  }
  .crb-hero h1 .crb-accent{
    font-style:italic;
    color:var(--crb-terra);
    position:relative;
    display:inline-block;
  }
  .crb-hero h1 .crb-accent::after{
    content:"";
    position:absolute; left:0; right:0; bottom:.04em;
    height:.18em;
    background:var(--crb-amber);
    z-index:-1;
    opacity:.55;
    transform:skewX(-12deg);
  }
  .crb-hero-sub{
    margin-top:24px;
    font-size:clamp(17px, 1.7vw, 19px);
    line-height:1.55;
    color:var(--crb-ink-2);
    max-width:54ch;
  }

  .crb-hero-cta-row{
    margin-top:32px;
    display:flex; flex-wrap:wrap; align-items:center; gap:14px;
  }
  .crb-hero-meta{
    margin-top:22px;
    display:flex; flex-wrap:wrap; gap:18px 28px;
    font-size:13px; color:var(--crb-muted); font-weight:500;
  }
  .crb-hero-meta .crb-tick{
    display:inline-flex; align-items:center; gap:8px;
  }
  .crb-hero-meta .crb-tick svg{flex:none}

  /* book mockup */
  .crb-book-stage{
    position:relative;
    aspect-ratio: 4 / 5;
    display:grid; place-items:center;
    perspective: 1500px;
  }
  .crb-book-floor{
    position:absolute; left:8%; right:8%; bottom:8%;
    height:36px;
    background: radial-gradient(50% 80% at 50% 50%, rgba(31,22,17,.35), transparent 70%);
    filter:blur(6px);
    z-index:1;
  }
  .crb-book{
    position:relative;
    width: min(380px, 78%);
    aspect-ratio: 3 / 4;
    transform: rotateY(-14deg) rotateX(4deg) rotateZ(-2deg);
    transform-style: preserve-3d;
    box-shadow:
      0 30px 60px -20px rgba(31,22,17,.55),
      0 12px 24px -8px rgba(31,22,17,.35);
    border-radius: 6px 14px 14px 6px;
    z-index:2;
    animation: bookHover 8s ease-in-out infinite;
  }
  @keyframes bookHover{
    0%,100%{transform: rotateY(-14deg) rotateX(4deg) rotateZ(-2deg) translateY(0)}
    50%    {transform: rotateY(-11deg) rotateX(2deg) rotateZ(-2deg) translateY(-10px)}
  }
  .crb-book::before{ /* spine darken */
    content:""; position:absolute; left:0; top:0; bottom:0; width:14px;
    background: linear-gradient(90deg, rgba(0,0,0,.45), rgba(0,0,0,0));
    border-radius:6px 0 0 6px;
    z-index:3;
  }
  .crb-book::after{ /* pages edge */
    content:""; position:absolute; right:-6px; top:6px; bottom:6px; width:6px;
    background:
      repeating-linear-gradient(180deg, #F8EBD0 0 2px, #E2D2AF 2px 3px);
    border-radius:0 4px 4px 0;
    transform: translateZ(-4px);
  }
  .crb-cover{
    position:absolute; inset:0;
    background:
      radial-gradient(120% 90% at 20% 0%, #6E3018 0%, #4A1B0C 60%, #2A0F06 100%);
    border-radius: 6px 14px 14px 6px;
    overflow:hidden;
    padding: 22px 22px 22px 30px;
    display:flex; flex-direction:column;
    color:#F8E9C9;
  }
  /* cover noise */
  .crb-cover::before{
    content:""; position:absolute; inset:0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJz48ZmlsdGVyIGlkPSduJz48ZmVUdXJidWxlbmNlIGJhc2VGcmVxdWVuY3k9Jy45JyBudW1PY3RhdmVzPScyJyBzdGl0Y2hUaWxlcz0nc3RpdGNoJy8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPScwIDAgMCAwIDEgIDAgMCAwIDAgLjkgIDAgMCAwIDAgLjYgIDAgMCAwIC4yIDAnLz48L2ZpbHRlcj48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWx0ZXI9J3VybCgjbiknIG9wYWNpdHk9Jy4zNScvPjwvc3ZnPg==");
    mix-blend-mode:screen;
    opacity:.55;
    pointer-events:none;
  }
  .crb-cover-eye{
    font-family:"JetBrains Mono", monospace;
    font-size:9.5px; letter-spacing:.22em; text-transform:uppercase;
    color:#E8A246;
    opacity:.9;
    margin-bottom:8px;
  }
  .crb-cover-title{
    font-family:"DM Serif Display", serif;
    line-height:.88;
    letter-spacing:-.01em;
  }
  .crb-cover-title .crb-row1{ font-size: clamp(28px, 4vw, 44px); }
  .crb-cover-title .crb-row2{ font-size: clamp(28px, 4vw, 44px); }
  .crb-cover-101{
    font-family:"DM Serif Display", serif;
    font-size: clamp(96px, 14vw, 150px);
    line-height:.85;
    color:#F2B544;
    margin-top:8px;
    text-shadow: 0 2px 0 rgba(0,0,0,.25);
  }
  .crb-cover-rule{
    height:1px; background:#E8A246; opacity:.5; margin: 14px 0 10px;
  }
  .crb-cover-tag{
    font-family:"Manrope", sans-serif;
    font-weight:600;
    font-size: 11px;
    letter-spacing:.15em;
    text-transform:uppercase;
    color:#F8E9C9;
    opacity:.8;
  }
  .crb-cover-photo{
    margin-top:auto;
    height: 38%;
    background:
      repeating-linear-gradient(135deg, rgba(255,255,255,.06) 0 6px, rgba(255,255,255,.0) 6px 12px),
      linear-gradient(135deg, #5A2210, #8B3818);
    border-radius:6px;
    border:1px solid rgba(255,255,255,.08);
    display:grid; place-items:center;
    font-family:"JetBrains Mono", monospace;
    font-size:10px; letter-spacing:.16em; text-transform:uppercase;
    color:#F2B544; opacity:.75;
  }
  .crb-cover-badge{
    position:absolute; top:14px; right:14px;
    width:56px; height:56px; border-radius:50%;
    background:var(--crb-amber); color:var(--crb-ink);
    display:grid; place-items:center; text-align:center;
    font-family:"DM Serif Display", serif;
    font-size:11px; line-height:1.05;
    transform:rotate(8deg);
    box-shadow: 0 6px 12px -4px rgba(0,0,0,.4);
    border: 2px dashed rgba(31,22,17,.4);
    padding:4px;
  }
  .crb-book-foot{
    position:absolute; bottom:-12px; left:50%; transform:translateX(-50%);
    font-family:"JetBrains Mono", monospace;
    font-size:10px; letter-spacing:.2em; text-transform:uppercase;
    color:var(--crb-muted);
    z-index:3;
  }

  /* floating sticker tags around book */
  .crb-sticker{
    position:absolute; z-index:3;
    background:var(--crb-paper);
    border:1.5px solid var(--crb-ink);
    padding:8px 12px;
    border-radius:999px;
    font-size:12px; font-weight:700;
    box-shadow: 0 8px 18px -10px rgba(31,22,17,.5);
    display:inline-flex; align-items:center; gap:8px;
  }
  .crb-sticker .crb-s-num{
    font-family:"DM Serif Display", serif;
    color:var(--crb-terra);
    font-size:16px;
  }
  .crb-sticker.crb-s1{ top:8%; left:2%; transform:rotate(-6deg); animation: float1 7s ease-in-out infinite }
  .crb-sticker.crb-s2{ top:46%; right:0%; transform:rotate(5deg); background:var(--crb-ink); color:var(--crb-cream); animation: float2 6s ease-in-out infinite }
  .crb-sticker.crb-s2 .crb-s-num{ color:var(--crb-amber) }
  .crb-sticker.crb-s3{ bottom:8%; left:6%; transform:rotate(3deg); animation: float1 9s ease-in-out infinite reverse }
  @keyframes float1{ 0%,100%{translate:0 0} 50%{translate:0 -8px} }
  @keyframes float2{ 0%,100%{translate:0 0} 50%{translate:0 -10px} }

  /* -------- reveal anim -------- */
  .crb-reveal{ opacity:0; transform: translateY(24px); transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }
  .crb-reveal.crb-in{ opacity:1; transform:none; }
  .crb-reveal.crb-delay-1{transition-delay:80ms}
  .crb-reveal.crb-delay-2{transition-delay:160ms}
  .crb-reveal.crb-delay-3{transition-delay:240ms}
  .crb-reveal.crb-delay-4{transition-delay:320ms}
  .crb-reveal.crb-delay-5{transition-delay:400ms}

  /* -------- generic section -------- */
  .crb-page section{padding: clamp(70px, 9vw, 120px) 0; position:relative}
  .crb-section-head{
    display:flex; flex-direction:column; gap:14px;
    margin-bottom: 56px;
    max-width: 760px;
  }
  .crb-section-head.crb-center{ margin-left:auto; margin-right:auto; align-items:center; text-align:center }
  .crb-section-head h2{
    font-family:"DM Serif Display", serif;
    font-size: clamp(34px, 5vw, 60px);
    line-height:1.02;
    letter-spacing:-.01em;
  }
  .crb-section-head h2 em{ font-style:italic; color:var(--crb-terra) }
  .crb-section-head p{
    font-size: clamp(16px, 1.4vw, 18px);
    color:var(--crb-ink-2);
    line-height:1.55;
    max-width:60ch;
  }

  /* -------- pain points -------- */
  .crb-pain{
    background:var(--crb-paper);
    border-top:1px solid rgba(31,22,17,.08);
    border-bottom:1px solid rgba(31,22,17,.08);
  }
  .crb-pain-grid{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  @media (max-width:900px){ .crb-pain-grid{grid-template-columns:1fr 1fr} }
  @media (max-width:620px){ .crb-pain-grid{grid-template-columns:1fr} }
  .crb-pain-card{
    background:var(--crb-cream);
    border:1px solid rgba(31,22,17,.1);
    border-radius:18px;
    padding:32px 28px 28px;
    position:relative;
    overflow:hidden;
    transition: transform var(--crb-t-med), box-shadow var(--crb-t-med);
  }
  .crb-pain-card:hover{ transform: translateY(-4px); box-shadow:0 18px 30px -20px rgba(31,22,17,.4) }
  .crb-pain-num{
    font-family:"DM Serif Display", serif;
    font-style:italic;
    font-size:64px; line-height:.9;
    color:var(--crb-terra);
    opacity:.25;
    position:absolute; top:14px; right:18px;
  }
  .crb-pain-card h3{
    font-family:"DM Serif Display", serif;
    font-size: 26px;
    line-height:1.1;
    margin-bottom:12px;
    max-width:14ch;
  }
  .crb-pain-card p{
    color:var(--crb-ink-2);
    line-height:1.5;
    font-size:15.5px;
  }
  .crb-pain-icon{
    width:44px; height:44px;
    border-radius:12px;
    background:var(--crb-ink); color:var(--crb-cream);
    display:grid; place-items:center;
    margin-bottom:20px;
  }
  .crb-pain-icon svg{width:22px; height:22px; stroke:currentColor; fill:none; stroke-width:1.6}

  /* -------- inside / chapters -------- */
  .crb-inside-grid{
    display:grid;
    grid-template-columns: repeat(6, 1fr);
    gap:16px;
  }
  @media (max-width:1020px){ .crb-inside-grid{ grid-template-columns: repeat(3,1fr) } }
  @media (max-width:640px){ .crb-inside-grid{ grid-template-columns: 1fr 1fr } }

  .crb-chapter{
    background:var(--crb-paper);
    border:1px solid rgba(31,22,17,.1);
    border-radius:16px;
    padding:20px;
    aspect-ratio: 3 / 4;
    display:flex; flex-direction:column; justify-content:space-between;
    transition: transform var(--crb-t-med), background var(--crb-t-med), color var(--crb-t-med), border-color var(--crb-t-med);
    position:relative;
    overflow:hidden;
    cursor:pointer;
  }
  .crb-chapter:hover{
    background:var(--crb-ink);
    color:var(--crb-cream);
    border-color:var(--crb-ink);
    transform: translateY(-6px);
  }
  .crb-chapter:hover .crb-ch-meta{ color: rgba(244,234,210,.65) }
  .crb-chapter:hover .crb-ch-glyph{ color:var(--crb-amber); border-color: rgba(244,234,210,.2) }
  .crb-ch-top{display:flex; align-items:flex-start; justify-content:space-between}
  .crb-ch-num{
    font-family:"JetBrains Mono", monospace;
    font-size:11px;
    letter-spacing:.18em;
    color:var(--crb-terra);
  }
  .crb-ch-glyph{
    width:36px; height:36px;
    border-radius:50%;
    border:1.5px solid rgba(31,22,17,.18);
    display:grid; place-items:center;
    color:var(--crb-ink-2);
    transition: color var(--crb-t-med), border-color var(--crb-t-med);
  }
  .crb-ch-glyph svg{width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:1.5}
  .crb-chapter h3{
    font-family:"DM Serif Display", serif;
    font-size: clamp(20px, 1.8vw, 24px);
    line-height:1.05;
    margin-top:auto;
  }
  .crb-ch-meta{
    font-size:12px;
    font-weight:600;
    color:var(--crb-muted);
    margin-top:10px;
    display:flex; gap:10px; align-items:center;
    transition:color var(--crb-t-med);
  }
  .crb-ch-meta .crb-dotsep{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.6}

  /* small mini stat row */
  .crb-stats-row{
    margin-top:48px;
    display:grid; grid-template-columns: repeat(4,1fr);
    border-top:1px solid rgba(31,22,17,.18);
    border-bottom:1px solid rgba(31,22,17,.18);
  }
  @media (max-width:720px){ .crb-stats-row{grid-template-columns:1fr 1fr} }
  .crb-stat{
    padding:24px 18px;
    border-right:1px solid rgba(31,22,17,.12);
  }
  .crb-stat:last-child{border-right:none}
  @media (max-width:720px){ .crb-stat:nth-child(2){border-right:none} }
  .crb-stat .crb-v{
    font-family:"DM Serif Display", serif;
    font-size: clamp(36px, 4vw, 48px);
    line-height:1;
    color:var(--crb-ink);
  }
  .crb-stat .crb-l{
    margin-top:8px;
    font-size:12px; letter-spacing:.16em; text-transform:uppercase;
    color:var(--crb-muted); font-weight:600;
  }

  /* -------- testimonials -------- */
  .crb-social{
    background:
      linear-gradient(180deg, var(--crb-cream) 0%, var(--crb-cream-2) 100%);
  }
  .crb-testi-grid{
    display:grid; grid-template-columns: repeat(3,1fr); gap:22px;
  }
  @media (max-width:980px){ .crb-testi-grid{grid-template-columns:1fr; max-width:580px; margin:0 auto} }
  .crb-testi{
    background:var(--crb-paper);
    border:1px solid rgba(31,22,17,.1);
    border-radius:20px;
    padding:30px 28px;
    position:relative;
    display:flex; flex-direction:column;
  }
  .crb-testi.crb-featured{
    background:var(--crb-ink);
    color:var(--crb-cream);
    border-color:var(--crb-ink);
  }
  .crb-quote-mark{
    font-family:"DM Serif Display", serif;
    font-style:italic;
    color:var(--crb-terra);
    font-size:80px;
    line-height:.4;
    margin-bottom:6px;
    height:18px;
  }
  .crb-testi.crb-featured .crb-quote-mark{ color:var(--crb-amber) }
  .crb-testi p.crb-q{
    font-family:"DM Serif Display", serif;
    font-size: 22px;
    line-height:1.25;
    letter-spacing:-.005em;
    margin-bottom:24px;
  }
  .crb-testi .crb-stars{display:flex; gap:3px; margin-bottom:12px}
  .crb-testi .crb-stars svg{width:16px; height:16px; fill:var(--crb-amber)}
  .crb-testi .crb-who{
    display:flex; align-items:center; gap:12px;
    margin-top:auto;
    padding-top:18px;
    border-top:1px solid rgba(31,22,17,.12);
  }
  .crb-testi.crb-featured .crb-who{ border-top-color: rgba(244,234,210,.18) }
  .crb-avatar{
    width:42px; height:42px; border-radius:50%;
    background:var(--crb-terra); color:var(--crb-paper);
    display:grid; place-items:center;
    font-family:"DM Serif Display", serif;
    font-size:18px;
    flex:none;
    border:2px solid var(--crb-paper);
  }
  .crb-avatar.crb-b{background:var(--crb-olive)}
  .crb-avatar.crb-c{background:var(--crb-amber-2)}
  .crb-who .crb-nm{font-weight:700; font-size:14px}
  .crb-who .crb-lo{font-size:12px; color:var(--crb-muted)}
  .crb-testi.crb-featured .crb-who .crb-lo{ color: rgba(244,234,210,.6) }

  /* -------- about author -------- */
  .crb-author{
    display:grid;
    grid-template-columns: .8fr 1.2fr;
    gap: clamp(32px, 5vw, 70px);
    align-items:center;
  }
  @media (max-width:820px){ .crb-author{grid-template-columns:1fr} }
  .crb-author-portrait{
    aspect-ratio: 4/5;
    border-radius: 18px;
    overflow:hidden;
    position:relative;
    background:
      radial-gradient(80% 60% at 50% 30%, #C97F12, #6E3F0A 70%, #3C220A 100%);
    display:grid; place-items:center;
    border:1px solid rgba(31,22,17,.12);
    box-shadow: 0 20px 40px -20px rgba(31,22,17,.45);
  }
  .crb-author-portrait::before{
    content:"";
    position:absolute; inset:0;
    background-image:
      repeating-linear-gradient(45deg, rgba(255,255,255,.08) 0 2px, transparent 2px 14px);
    opacity:.6;
  }
  .crb-author-portrait .crb-monogram{
    font-family:"DM Serif Display", serif;
    font-size: clamp(120px, 14vw, 180px);
    color: var(--crb-paper);
    opacity:.92;
    position:relative;
    text-shadow: 0 4px 16px rgba(0,0,0,.3);
  }
  .crb-author-portrait .crb-label{
    position:absolute; bottom:14px; left:14px;
    font-family:"JetBrains Mono", monospace;
    font-size:10px; letter-spacing:.2em; text-transform:uppercase;
    color: rgba(244,234,210,.75);
  }
  .crb-author-text h2{
    font-family:"DM Serif Display", serif;
    font-size: clamp(34px, 5vw, 56px);
    line-height:1.02;
    margin-bottom:22px;
  }
  .crb-author-text p{
    font-size: 18px; line-height: 1.6; color:var(--crb-ink-2);
    margin-bottom:14px;
  }
  .crb-author-sig{
    margin-top: 22px;
    display:flex; align-items:center; gap:16px;
  }
  .crb-author-sig .crb-name{
    font-family:"DM Serif Display", serif;
    font-style:italic;
    font-size:28px;
    color:var(--crb-ink);
    transform:rotate(-3deg);
  }
  .crb-author-sig .crb-role{
    font-size:13px;
    color:var(--crb-muted);
    border-left:1px solid rgba(31,22,17,.2);
    padding-left:16px;
  }

  /* -------- guarantee -------- */
  .crb-guarantee{
    background:var(--crb-ink);
    color:var(--crb-cream);
  }
  .crb-gu-grid{
    display:grid; grid-template-columns: 220px 1fr; gap: clamp(32px, 5vw, 60px);
    align-items:center;
  }
  @media (max-width:760px){ .crb-gu-grid{grid-template-columns:1fr; text-align:center; justify-items:center} }

  .crb-gu-badge{
    width: 220px; height: 220px;
    position:relative;
    display:grid; place-items:center;
  }
  .crb-gu-badge .crb-ring{
    position:absolute; inset:0;
    border-radius:50%;
    background:
      conic-gradient(from 0deg, var(--crb-amber), var(--crb-terra), var(--crb-amber));
    padding:6px;
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 8px), #000 calc(100% - 7px));
            mask: radial-gradient(farthest-side, transparent calc(100% - 8px), #000 calc(100% - 7px));
    animation: spin 22s linear infinite;
  }
  @keyframes spin{ to{ transform:rotate(360deg) } }
  .crb-gu-badge .crb-inner{
    width: calc(100% - 24px);
    height: calc(100% - 24px);
    border-radius:50%;
    background: var(--crb-ink);
    border: 1.5px dashed rgba(244,234,210,.4);
    display:grid; place-items:center; text-align:center;
    padding:10px;
  }
  .crb-gu-badge .crb-big{
    font-family:"DM Serif Display", serif;
    font-size:54px;
    line-height:.95;
    color: var(--crb-amber);
  }
  .crb-gu-badge .crb-small{
    font-family:"JetBrains Mono", monospace;
    font-size:10px; letter-spacing:.2em; text-transform:uppercase;
    color: var(--crb-cream); opacity:.8;
    margin-top:2px;
  }
  .crb-gu-text h2{
    font-family:"DM Serif Display", serif;
    font-size: clamp(32px, 4vw, 48px);
    line-height:1.05;
    margin-bottom:14px;
  }
  .crb-gu-text h2 em{ font-style:italic; color:var(--crb-amber) }
  .crb-gu-text p{
    font-size:17px; line-height:1.55;
    color: rgba(244,234,210,.85);
    max-width: 56ch;
  }
  .crb-gu-list{
    margin-top:22px;
    display:flex; flex-wrap:wrap; gap:10px 16px;
    list-style:none; padding:0;
    color: rgba(244,234,210,.9);
    font-size:14px;
  }
  .crb-gu-list li{display:inline-flex; align-items:center; gap:8px}
  .crb-gu-list svg{width:16px; height:16px; stroke:var(--crb-amber); fill:none; stroke-width:2}

  /* -------- final CTA -------- */
  .crb-final{
    background:
      radial-gradient(60% 80% at 20% 20%, rgba(229,154,42,.25), transparent 60%),
      radial-gradient(60% 80% at 80% 80%, rgba(192,74,40,.25), transparent 60%),
      var(--crb-cream);
    text-align:center;
    overflow:hidden;
    position:relative;
  }
  .crb-final::before, .crb-final::after{
    content:"";
    position:absolute; left:50%; transform:translateX(-50%);
    height:1px; width: 60%;
    background: linear-gradient(90deg, transparent, var(--crb-ink), transparent);
    opacity:.2;
  }
  .crb-final::before{top:0}
  .crb-final::after{bottom:0}
  .crb-final h2{
    font-family:"DM Serif Display", serif;
    font-size: clamp(48px, 8vw, 110px);
    line-height:.95;
    max-width: 14ch;
    margin: 0 auto 28px;
    letter-spacing:-.015em;
  }
  .crb-final h2 em{ font-style:italic; color:var(--crb-terra) }
  .crb-final-sub|
    font-size: clamp(17px, 1.5vw, 19px);
    color: var(--crb-ink-2);
    max-width: 56ch;
    margin: 0 auto 36px;
    line-height:1.55;
  }
  .crb-urgency-bar{
    display:inline-flex; align-items:center; gap:10px;
    padding:8px 14px;
    background: rgba(31,22,17,.07);
    border:1px solid rgba(31,22,17,.15);
    border-radius: 999px;
    font-size:13px; font-weight:600;
    margin-bottom:24px;
  }
  .crb-urgency-bar .crb-live{
    width:8px; height:8px; border-radius:50%; background: var(--crb-terra);
    box-shadow:0 0 0 4px rgba(192,74,40,.18);
    animation: pulse 1.6s ease-in-out infinite;
  }
  @keyframes pulse{
    0%,100%{ box-shadow:0 0 0 4px rgba(192,74,40,.18) }
    50%{ box-shadow:0 0 0 8px rgba(192,74,40,.0) }
  }
  .crb-final-meta{
    margin-top:22px;
    font-size:13px; color: var(--crb-muted);
    font-family:"JetBrains Mono", monospace;
    letter-spacing:.08em;
  }
  .crb-final .crb-btn{ font-size:18px; padding: 20px 36px }
  .crb-final .crb-btn-row{ display:flex; justify-content:center; gap:14px; flex-wrap:wrap }

  /* -------- footer -------- */
  footer.crb-foot{
    background: var(--crb-ink);
    color: rgba(244,234,210,.7);
    padding: 50px 0 30px;
  }
  .crb-foot-row{
    display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;
    gap: 24px;
  }
  .crb-foot .crb-brand{ color: var(--crb-cream) }
  .crb-foot .crb-brand-mark{ background: var(--crb-amber); color: var(--crb-ink) }
  .crb-foot-nav{
    display:flex; flex-wrap:wrap; gap: 8px 22px; font-size:14px;
  }
  .crb-foot-nav a{
    color: rgba(244,234,210,.7);
    text-decoration:none;
    transition: color var(--crb-t-fast);
  }
  .crb-foot-nav a:hover{ color: var(--crb-amber) }
  .crb-foot-bot{
    margin-top: 36px;
    padding-top: 20px;
    border-top:1px solid rgba(244,234,210,.12);
    display:flex; justify-content:space-between; gap:16px;
    font-size:12px;
    font-family:"JetBrains Mono", monospace;
    letter-spacing:.08em;
    color: rgba(244,234,210,.5);
    flex-wrap:wrap;
  }

  /* sticky buy bar */
  .crb-sticky-bar{
    position:fixed; left:50%; transform: translateX(-50%) translateY(120%);
    bottom:18px;
    z-index:60;
    display:flex; align-items:center; gap:14px;
    padding: 10px 12px 10px 20px;
    background: var(--crb-ink);
    color: var(--crb-cream);
    border-radius: 999px;
    box-shadow: 0 20px 40px -10px rgba(31,22,17,.5);
    transition: transform 450ms cubic-bezier(.2,.7,.2,1);
    max-width: calc(100vw - 24px);
  }
  .crb-sticky-bar.crb-in{ transform: translateX(-50%) translateY(0) }
  .crb-sticky-bar .crb-info{
    display:flex; align-items:baseline; gap:8px;
    font-size:14px;
  }
  .crb-sticky-bar .crb-info strong{ font-size:15px }
  .crb-sticky-bar .crb-info s{ opacity:.55; font-weight:500 }
  .crb-sticky-bar .crb-btn{
    font-size:14px;
    padding: 12px 18px;
    box-shadow:
      0 1px 0 rgba(255,255,255,.25) inset,
      0 -2px 0 rgba(0,0,0,.18) inset,
      0 2px 0 var(--crb-cta-press);
  }
  @media (max-width:560px){
    .crb-sticky-bar .crb-info .crb-sm-hide{display:none}
  }

