/* Founder-approved CTA Button Style System v1. Existing page styling is unchanged. */
:root{--cta-primary-bg:var(--paper);--cta-primary-text:var(--ink);--cta-secondary-text:rgba(245,242,237,.94);--cta-secondary-border:rgba(238,233,226,.28);--cta-radius:10px;--cta-transition:200ms ease}
.button.cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:fit-content;max-width:100%;min-width:0;min-height:54px;padding:0 20px 0 22px;border:0;border-radius:var(--cta-radius);font:600 16px/1.2 var(--sans);letter-spacing:.01em;text-align:left;text-decoration:none;box-shadow:none;transform:none;transition:transform var(--cta-transition),background-color var(--cta-transition),border-color var(--cta-transition)}
.button.cta.cta-primary{background:var(--cta-primary-bg);color:var(--cta-primary-text);border:0}
.button.cta .cta-label{min-width:0;flex:0 1 auto;font:inherit;letter-spacing:inherit;line-height:1.2;white-space:normal}
.button.cta .cta-arrow{display:block;width:18px;height:18px;flex:0 0 18px;transition:transform var(--cta-transition)}
.button.cta.cta-secondary{min-height:50px;padding-inline:20px;background:transparent;color:var(--cta-secondary-text);border:1px solid var(--cta-secondary-border)}
.button.cta:hover{box-shadow:none;transform:none}
.button.cta:focus-visible{outline:2px solid var(--paper);outline-offset:3px;box-shadow:0 0 0 3px var(--ink)}
.journal-preview .button.cta.cta-secondary{color:var(--ink);border-color:#080b1066}
@media(hover:hover) and (pointer:fine){.button.cta:hover{transform:translateY(-1px)}.button.cta.cta-primary:hover{background:#f4f1ec}.button.cta.cta-secondary:hover{border-color:rgba(238,233,226,.55)}.button.cta:hover .cta-arrow{transform:translateX(3px)}.button.cta.cta-secondary:hover .cta-arrow{transform:translateX(2px)}}
.button.cta:active{transform:none}
@media(max-width:760px){.button.cta{min-height:52px;padding-inline:18px;max-width:100%}.button.cta.cta-secondary{min-height:50px;padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.button.cta,.button.cta .cta-arrow{transition:none!important;transform:none!important}}
.cross-offer .text-link{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:760px){.journal-purchase-bar .button.cta{max-width:52%;flex:0 1 auto}.journal-purchase-bar>div{min-width:0;flex:1 1 0}}
/* Interactive text links retain their typography with accessible hit areas. */
.footer-top a,.text-link,.sub-link{min-height:44px;display:inline-flex;align-items:center}
.footer-top .social>a{display:flex}
/* All action icons share one vector treatment, including contextual pathways. */
a>.cta-arrow,.sample-open>.cta-arrow{display:inline-block;width:18px;height:18px;flex:0 0 18px;vertical-align:middle}
.text-link,.sub-link,.footer-top .social>a{gap:12px}
.choice-rows>a>.cta-arrow{justify-self:end}
.sample-open{gap:12px}
/* Offer copy is separate from compact actions; no full-card click targets. */
.offer-pathways{display:block}
.offer-summary{display:grid;grid-template-columns:1fr 1fr;column-gap:90px;row-gap:20px;padding:40px 0;border-top:1px solid var(--line)}
.offer-summary>.eyebrow{grid-column:1;grid-row:1;margin:0}
.offer-summary>h3{grid-column:1;grid-row:2 / 4;font-size:clamp(36px,4vw,54px)}
.offer-summary>p:not(.eyebrow){grid-column:2;margin:0;max-width:44ch}
.offer-summary>p:nth-of-type(2){grid-row:1 / 3}
.offer-summary>p:nth-of-type(3){grid-row:3;color:var(--paper)}
.offer-summary>.offer-price{grid-column:1;grid-row:4;align-self:center;color:var(--muted);font-size:14px}
.offer-summary>.button{grid-column:2;grid-row:4;align-self:start;justify-self:start}
.audit-entry{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-bottom:40px}
.audit-entry h3{margin-bottom:20px}
.audit-entry>.button{flex-shrink:0}
@media(max-width:1100px){.offer-summary{column-gap:48px}}
@media(max-width:760px){
 .offer-summary{display:flex;flex-direction:column;gap:20px;padding-block:32px}
 .offer-summary>.offer-price{align-self:flex-start}
 .offer-summary>.button{align-self:flex-start}
 .audit-entry{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
 .audit-entry>.button{max-width:100%}
 .choice-rows>a>.cta-arrow{grid-column:3;grid-row:1}
}