.stories .story-feature { grid-template-columns: 1fr 1fr; gap: 42px; padding: 35px; }
.calendar-result { background: white; padding: 24px 16px 18px; border: 2px solid var(--ink); border-radius: 8px 18px 5px 14px; box-shadow: 5px 5px 0 #a73506; }
.calendar-labels { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; text-align: center; }
.calendar-labels span,.calendar-labels strong,.calendar-labels b { display: block; }
.calendar-labels span { font-size: .7rem; letter-spacing: .1em; }
.calendar-labels strong { font-size: clamp(1.2rem,2vw,1.75rem); margin: 7px 0; }
.calendar-labels b { font-size: clamp(1rem,1.6vw,1.4rem); background: var(--ink); color: white; padding: 7px 4px; line-height: 1.2; }
.calendar-labels div:last-child b { background: var(--orange); color: #171009; }
.calendar-result img { width: 100%; aspect-ratio: 3/2; object-fit: contain; }
.stories .calendar-result .calendar-takeaway { font: bold 1.3rem/1.35 var(--body); text-align: center; margin: 12px 0; }
.calendar-takeaway em { font: italic 1.4rem Georgia,serif; color: var(--orange-dark); }
.calendar-result > small { display: block; font: .7rem/1.4 var(--body); color: #65707b; text-align: center; }
.testimonial-art { width: 100%; max-height: 220px; object-fit: contain; aspect-ratio: 3/2; margin: 0 auto 25px; mix-blend-mode: multiply; }
.stories .story:not(.story-feature) { padding: 32px; }
.trial { background: #f7f4ec; color: var(--ink); border-block: 2px solid var(--ink); }
.trial-copy { background: white; border: 2px solid var(--ink); border-radius: 7px 18px 6px 15px; padding: clamp(25px,4vw,48px); box-shadow: 8px 8px 0 #f7bc83; }
.trial-copy h2 { color: var(--ink); font-size: clamp(2.1rem,3.2vw,3.5rem); }
.trial-copy > p:not(.eyebrow):not(.fine-print) { color: var(--muted); }
.trial-copy .eyebrow { color: var(--orange-dark); }
.trial .trial-grid { gap: 55px; grid-template-columns: 1fr 1.15fr; }
.trial .button-primary { background: var(--orange); color: var(--ink); }
.trial .button-primary:hover { background: #ff8249; }
.trial-experience::before,.trial-experience::after { display: none; }
.trial-experience img { transform: none; filter: none; mix-blend-mode: multiply; }
.trial-experience > p { margin: 20px 0 0; text-align: center; font: bold 1.8rem/1.2 var(--body); }
.trial-experience > p em { font: italic 1.7rem Georgia,serif; }
.seven-day-badge { display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 15px; transform: rotate(-3deg); }
.seven-day-badge strong { font-size: 5rem; color: var(--orange-dark); line-height: 1; }
.seven-day-badge span { font: 800 1.15rem/1.15 var(--body); text-transform: uppercase; }
.faq { background: white; }
.faq-art { max-width: 290px; width: 90%; margin: 20px auto 30px; }
.faq .faq-list { border: 0; display: grid; gap: 15px; }
.faq details { border: 2px solid #cad0d4; border-radius: 6px 15px 5px 9px; background: #fcfaf6; }
.faq details[open] { border-color: var(--orange-dark); box-shadow: 4px 4px 0 #ffe0b8; background: white; }
.faq summary { display: flex; gap: 14px; align-items: center; padding: 23px 42px 23px 20px; font-size: 1.05rem; }
.faq-number { display: grid; place-items: center; flex: 0 0 31px; width: 31px; height: 31px; border: 1px solid var(--ink); border-radius: 46% 52% 48% 42%; font-size: .75rem; color: var(--orange-dark); }
.faq details[open] .faq-number { background: var(--orange); color: var(--ink); }
.faq details p { padding: 0 24px 24px 65px; }
.closing .closing-inner { max-width: 1180px; display: grid; grid-template-columns: 1fr 1.1fr; align-items: center; gap: 60px; text-align: left; }
.closing-art { margin: 0; background: white; padding: 15px 15px 30px; border-radius: 8px 20px 6px 14px; border: 3px solid #ec9957; box-shadow: 8px 8px 0 #030b16; transform: rotate(-2deg); }
.closing-art img { width: 100%; aspect-ratio: 3/2; object-fit: contain; }
.closing-art figcaption { color: var(--ink); text-align: center; font: bold 1.8rem/1.3 var(--body); margin-top: 10px; }
.closing-art figcaption em { font: italic 1.7rem Georgia,serif; color: var(--orange-dark); }
.closing-copy h2 { font-size: clamp(2.5rem,4vw,4.5rem); }
.closing-copy h2 em { color: var(--orange); font-family: Georgia,serif; text-transform: none; font-weight: 400; }
.closing-copy > p:not(.eyebrow) { color: #c6d3df; font-size: 1.1rem; }
.closing-copy .closing-emphasis { font-weight: 800; color: white; }
.closing-note { display: block; }
@media(max-width:780px) { .stories .story-feature,.trial .trial-grid,.closing .closing-inner { grid-template-columns: 1fr; gap: 35px; } .stories .story-feature { padding: 24px; } .calendar-result { padding-inline: 10px; } .calendar-labels strong { font-size: 1.2rem; } .calendar-labels b { font-size: 1rem; } .closing-copy { text-align: center; } .closing-copy .eyebrow { justify-content: center; } .closing-art { max-width: 500px; margin-inline: auto; } .faq-heading { text-align: center; } .faq-heading .section-kicker { justify-content: center; } .faq details p { padding-left: 24px; } .trial-experience { width: 100%; } }
.practice-section { background: #faf7ef; color: var(--ink); border-bottom: 1px solid #e7ddca; }
.practice-section .section-kicker { margin-bottom: 32px; }
.practice-grid { display: grid; grid-template-columns: 1fr 1.1fr; align-items: center; gap: 45px; }
.practice-section .manifesto-copy h2 { font-size: clamp(2rem,3.3vw,3.4rem); line-height: 1.05; margin-bottom: 26px; }
.practice-answer { font: 2rem/1.25 Georgia,serif; margin-bottom: 22px; }
.practice-answer em { color: var(--orange-dark); }
.practice-intro { color: #4b5660; max-width: 510px; font-size: 1.05rem; }
.practice-art { margin: 0; padding: 18px; background: white; border: 2px solid var(--ink); border-radius: 8px 23px 6px 16px; box-shadow: 7px 7px 0 #e8c185; }
.practice-art img { width: 100%; height: auto; aspect-ratio: 3/2; object-fit: contain; }
.practice-art figcaption { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; text-align: center; font-weight: 800; font-size: .9rem; padding: 10px 0 5px; }
.practice-art figcaption span:last-child { color: var(--orange-dark); }
.practice-anchors { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; margin-top: 58px; }
.practice-anchors article { border-top: 2px solid var(--ink); padding-top: 18px; display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 16px; }
.practice-anchors .lesson-icon { width: 72px; height: 96px; mix-blend-mode: multiply; }
.practice-anchors h3 { font-size: 1.15rem; margin: 8px 0 10px; }
.practice-anchors p { color: #4b5660; font-size: 1rem; margin: 0; }
.practice-anchors strong { color: var(--ink); }
.practice-door { align-self: start; margin-top: 12px; font: 4rem/1 Georgia,serif; color: var(--orange-dark); text-align: center; }
.practice-payoff { text-align: center; margin: 55px 0 0; padding-top: 30px; border-top: 1px solid #dbcfba; font: 1.5rem/1.5 Georgia,serif; }
.practice-payoff span { color: #59616a; }
.practice-payoff em { display: inline-block; font-size: clamp(2rem,3.5vw,3rem); color: var(--orange-dark); }
@media(max-width:900px) { .practice-grid { grid-template-columns: 1fr; } .practice-anchors { grid-template-columns: 1fr; gap: 24px; } .practice-art { max-width: 650px; margin-inline: auto; } .practice-anchors article { grid-template-columns: 80px minmax(0,1fr); } .practice-intro { max-width: none; } }
.wins-grid { display: grid; grid-template-columns: .65fr 1.45fr 1fr 1fr; align-items: stretch; }
.wins-ribbon { background: #faf7ef; }
.wins-ribbon .proof-label { align-self: center; padding: 24px 22px 24px 0; }
.win-card { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 22px; border-left: 1px solid #ded4c3; color: var(--ink); text-decoration: none; min-width: 0; text-align: center; transition: background .2s; }
.win-card:hover,.win-card:focus-visible { background: #fff0d6; }
.win-card:focus-visible { outline: 3px solid var(--orange-dark); outline-offset: -3px; }
.win-art { width: 155px; height: 100px; object-fit: contain; mix-blend-mode: multiply; margin-bottom: 12px; }
.win-calendar .win-art { width: 200px; }
.win-copy { width: 100%; }
.win-comparison { display: flex; gap: 10px; align-items: center; justify-content: center; }
.win-comparison strong { display: block; font-size: 1.05rem; white-space: nowrap; }
.win-comparison b { display: inline-block; font-size: .875rem; margin-top: 7px; border-bottom: 3px solid #beb4a6; }
.win-comparison > span:last-child b { border-color: var(--orange); color: var(--orange-dark); }
.win-comparison i { color: var(--orange-dark); font-style: normal; }
.win-result { display: block; font-size: 1.2rem; line-height: 1.25; }
.win-period { display: block; color: var(--orange-dark); font-size: 1.1rem; margin-top: 4px; }
.win-name { display: block; margin-top: 13px; font-size: .875rem; color: #596570; }
.win-link { display: inline-block; font-size: .875rem; margin-top: 4px; text-decoration: underline; text-underline-offset: 3px; }
.win-art-wrap { position: relative; }
.win-checks { display: flex; position: absolute; bottom: 7px; left: 0; right: 0; justify-content: center; gap: 6px; }
.win-checks i { display: grid; place-items: center; width: 25px; height: 25px; font: bold 1.2rem/1 Georgia,serif; color: var(--orange-dark); background: #faf7ef; border: 1px solid var(--orange-dark); border-radius: 50%; }
.story[id] { scroll-margin-top: 110px; }
.story[id]:target { outline: 3px solid var(--orange); outline-offset: 5px; }
@keyframes win-arrive { from { transform: translateY(10px) rotate(-3deg); opacity: .4; } to { transform: none; opacity: 1; } }
@keyframes win-check { from { transform: scale(.35); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@media(prefers-reduced-motion:no-preference) {
 .wins-play .win-art { animation: win-arrive .7s ease-out both; }
 .wins-play .win-book .win-art { animation-delay: .12s; }
 .wins-play .win-projects .win-art { animation-delay: .24s; }
 .wins-play .win-checks i { animation: win-check .3s ease-out both; }
 .wins-play .win-checks i:nth-child(1) { animation-delay: .45s; }
 .wins-play .win-checks i:nth-child(2) { animation-delay: .65s; }
 .wins-play .win-checks i:nth-child(3) { animation-delay: .85s; }
}
@media(max-width:1100px) { .wins-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } .wins-ribbon .proof-label { grid-column: 1/-1; padding: 20px 0 8px; text-align: center; } .wins-ribbon .proof-label br { display: none; } .win-card { padding: 20px 12px; } .win-card:nth-child(2) { border-left: 0; } .win-comparison { gap: 6px; flex-wrap: wrap; } }
@media(max-width:640px) { .wins-grid { grid-template-columns: 1fr; } .win-card { border-left: 0; border-top: 1px solid #ded4c3; flex-direction: row; gap: 18px; text-align: left; padding: 22px 0; } .win-art,.win-calendar .win-art { width: 110px; height: 85px; flex-shrink: 0; margin-bottom: 0; } .win-comparison { justify-content: flex-start; } .win-comparison strong { font-size: .95rem; } .win-checks { bottom: -5px; } .win-copy { min-width: 0; } }
.badge-wordmark { flex-shrink: 0; }
.badge-wordmark img { display: block; width: 150px; height: auto; }
.site-header .nav-wrap { min-height: 144px; }
.site-header.is-stuck .nav-wrap { min-height: 100px; }
.site-header.is-stuck .badge-wordmark img { width: 100px; }
.footer-mark.badge-wordmark img { width: 190px; }
@media(max-width:780px) { .site-header .nav-wrap { min-height: 108px; } .site-header .badge-wordmark img { width: 106px; } .site-header.is-stuck .badge-wordmark img { width: 90px; } .site-header.is-stuck .nav-wrap { min-height: 88px; } .footer-mark.badge-wordmark img { width: 165px; } }