/* Revision 2: inline product exploration. Base typography and brand styles are shared. */
:root{--header-height:78px}html{scroll-padding-top:var(--header-height)}#top{height:0;scroll-margin-top:0}.sticky-header{position:sticky;top:0;z-index:30;background:#faf7f0f5;border-bottom:1px solid #e8e6dd;backdrop-filter:blur(12px)}.sticky-header .site-header{min-height:var(--header-height);gap:23px}.sticky-header .brand img{width:205px;height:48px}.product-nav{display:flex;gap:23px;margin-left:auto;align-items:center;font-size:13px}.product-nav a{text-decoration:none;min-height:44px;display:flex;align-items:center;white-space:nowrap}.product-nav a:hover{text-decoration:underline}.sticky-header .header-action{font-size:12px;min-height:42px;padding:10px 15px;white-space:nowrap;box-shadow:none}.sticky-header .site-menu{display:block;flex-shrink:0}.site-menu nav{max-height:calc(100dvh - 100px)}.sticky-header .site-menu summary{width:36px}.sticky-header .site-menu summary span{width:22px}.package{margin-top:4px;padding:24px 22px 22px;background:#f0eee6;border:1px solid #e8e5da;border-radius:17px}.package>h2{font:500 26px/1.2 FuoDisplay,Georgia,serif;letter-spacing:-.55px;margin-bottom:22px}.package-card{box-shadow:none;border-color:#dfe5dd;background:#f8fbf5}.package-card:nth-child(2){background:#f5f9fc}.package-card:nth-child(3){background:#fff8f0}.package-card:nth-child(4){background:#fcfaed}.example-section{max-width:1080px;padding-top:60px}.recognition-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center;margin-bottom:28px}.recognition-intro h2{font-size:43px;line-height:1.15;letter-spacing:-1.1px;max-width:560px}.recognition-intro>div>p{font-size:17px;color:var(--muted);line-height:1.7;margin:20px 0;max-width:550px}.conversation-photo{display:block;width:100%;height:285px;object-fit:cover;object-position:center 32%;border-radius:16px}.product-marker{display:flex;align-items:center;gap:11px;color:var(--ocean);font-size:12px;font-weight:600;letter-spacing:.015em}.product-marker .package-icon{align-self:center;flex:none;transform:scale(.7);width:70px;height:70px;margin:0 -21px -21px 0}.product-marker .paired-icons{display:flex;gap:0}.product-marker .paired-icons .package-icon+.package-icon{margin-left:0}.recognition-intro .product-marker{margin-top:19px}.example>.eyebrow{display:none}.how{padding-bottom:40px}.how .section-heading h2{margin-top:0}.product-exploration{background:#f5f3ec;border-top:1px solid #e6e5dc;border-bottom:1px solid #e6e5dc}.product-section{padding-block:55px;scroll-margin-top:20px;outline:none}.product-section+.product-section{border-top:1px solid #d8dfd7}.product-heading{max-width:800px;margin-bottom:32px}.product-heading .product-marker{margin-bottom:22px;min-height:49px}.product-heading h2{font-size:42px;line-height:1.15;letter-spacing:-1.1px;margin-bottom:15px}.product-heading>p{font-size:18px;line-height:1.65;max-width:690px;color:var(--muted)}.product-section.arrival .product-heading h2{animation:arrival 1.4s ease-out}@keyframes arrival{0%{color:#537d80}100%{color:var(--ink)}}.personal-samples{display:grid;grid-template-columns:1fr 1fr;gap:24px}.personal-sample{background:var(--paper);border:1px solid #dfded5;border-radius:16px;padding:22px 24px 26px;min-width:0;scroll-margin-top:24px;outline:none}.personal-sample.selected-person{border-color:#99b5bd}.sample-person{display:flex;align-items:center;gap:9px;margin-bottom:24px}.sample-person h3{font:600 14px/1.4 FuoSans,Arial,sans-serif}.person-dot{width:9px;height:9px;border-radius:50%;flex:none}.alex-dot{background:#40788f}.morgan-dot{background:#bb755a}.personal-sample-body{display:grid;grid-template-columns:1fr 42%;gap:24px;align-items:center}.sample-excerpt .eyebrow{font-size:9px;margin-bottom:12px}.sample-excerpt blockquote{font:500 21px/1.5 FuoDisplay,Georgia,serif;letter-spacing:-.3px}.sample-excerpt .caption{font-size:11px;margin-top:15px}.report-sheet{display:block;transform:rotate(3deg);box-shadow:3px 4px 0 #f6f5ed,4px 5px 0 #d1d8cf,7px 12px 22px #254b5119;transition:transform .18s;border:1px solid #dee3da;background:white}.report-sheet:hover{transform:rotate(0deg) translateY(-2px)}.report-sheet img{display:block;width:100%;height:auto}.personal-sample:nth-child(2) .report-sheet{transform:rotate(-3deg)}.personal-sample:nth-child(2) .report-sheet:hover{transform:rotate(0deg) translateY(-2px)}.person-tabs,.workbook-format{display:flex;gap:5px;padding:5px;border:1px solid #d8e0db;border-radius:10px;background:#e9eeea;width:max-content;max-width:100%;margin-bottom:18px}.person-tabs button,.workbook-format button{border:0;border-radius:7px;background:transparent;min-height:44px;padding:10px 20px;font-size:14px;font-weight:500}.person-tabs button[aria-pressed=true],.workbook-format button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 2px 7px #20424c12}.product-drawer{margin-top:26px;border:1px solid #dbe1d8;border-radius:13px;background:var(--paper);overflow:clip;scroll-margin-top:24px}.product-drawer>summary{position:relative;display:flex;align-items:center;justify-content:center;min-height:87px;padding:31px 20px 20px;cursor:pointer;list-style:none;isolation:isolate}.product-drawer>summary::-webkit-details-marker{display:none}.drawer-summary-text{display:flex;gap:13px;align-items:center;font-size:14px;font-weight:600;color:var(--ocean);position:relative;z-index:1;background:#fffcf7ed;padding:7px 13px;border-radius:7px}.drawer-chevron{display:block;width:9px;height:9px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateY(-3px) rotate(45deg)}.drawer-hint{position:absolute;inset:0;display:flex;justify-content:center;gap:12px;overflow:hidden;opacity:.36;mask-image:linear-gradient(#000,transparent 92%);pointer-events:none;z-index:0}.drawer-hint>span{width:130px;height:140px;background:repeating-linear-gradient(white 0px,white 10px,#e0e8e4 10px,#e0e8e4 11px);border:1px solid #cad6d1;margin-top:13px;transform:rotate(-6deg);box-shadow:0 3px 8px #274d5310}.drawer-hint>span:nth-child(2){transform:rotate(2deg)}.drawer-hint>span:nth-child(3){transform:rotate(7deg)}.product-drawer[open]>summary{min-height:60px;padding:12px 20px;border-bottom:1px solid var(--line)}.product-drawer[open] .drawer-hint{display:none}.product-drawer[open] .when-closed{display:none}.product-drawer[open] .when-open{display:inline}.product-drawer[open] .drawer-chevron{transform:translateY(3px) rotate(225deg)}.drawer-content{padding:30px}.drawer-intro{max-width:690px;margin-bottom:25px}.drawer-intro h3{font-size:30px;line-height:1.2;letter-spacing:-.5px;margin-bottom:11px}.drawer-intro p{font-size:15px;line-height:1.65;color:var(--muted)}.drawer-intro .eyebrow{font-size:10px;margin-bottom:10px}.expanded-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.expanded-report-grid h4{font:500 23px/1.25 FuoDisplay,Georgia,serif;margin-bottom:12px}.expanded-report-grid p{font-size:14px;color:var(--muted);margin-bottom:18px;line-height:1.6}.full-report-page{display:block;width:100%;height:auto;border:1px solid #d8dfd7;box-shadow:0 6px 18px #183f4a0a}.expanded-report-grid .text-link{margin-top:12px}.drawer-close{display:flex;margin:22px auto 0;border:0;background:transparent;text-decoration:underline;padding:10px 16px;min-height:44px}.personal-section .free-start{margin-top:26px;background:#e9efec;padding:22px 25px}.personal-section .free-start h3{font-size:25px}.personal-section .free-start p{font-size:14px;max-width:610px}.personal-section .free-start .small{font-size:11px}.couples-feature{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}.product-chart{background:var(--paper);border:1px solid #e1e2d8;border-radius:17px;padding:23px 25px;text-align:center;align-self:center}.product-chart h3{font-size:27px;line-height:1.2;margin-bottom:13px;letter-spacing:-.5px}.product-chart .chart-legend{font-size:13px;gap:24px}.large-wheel{width:100%;max-width:415px;margin:7px auto}.large-wheel svg{width:100%;height:auto;display:block}.product-chart figcaption{font-size:12px;line-height:1.55;color:var(--muted);max-width:300px;margin:0 auto}.couples-insight>.eyebrow{font-size:10px;margin-bottom:15px}.couples-insight h3{font-size:32px;line-height:1.2;letter-spacing:-.65px;margin-bottom:17px}.couples-insight blockquote{font:500 21px/1.5 FuoDisplay,Georgia,serif;max-width:530px}.guide-page-stack{display:flex;justify-content:center;gap:22px;padding:20px 12px 0;margin-top:12px}.guide-page-stack a{width:36%;max-width:170px;display:block;transform:rotate(-5deg);box-shadow:1px 2px 0 #d4d9cf,6px 10px 18px #173e4b14;transition:transform .18s}.guide-page-stack a:nth-child(2){transform:rotate(5deg) translateY(6px)}.guide-page-stack a:hover{transform:rotate(0deg)}.guide-page-stack img{display:block;width:100%;height:auto;border:1px solid #d4dcd1}.ai-guide-note{display:flex;gap:18px;align-items:center;margin-top:26px;padding:22px 24px;border:1px solid #dbe2dc;border-radius:12px;background:#eef2ed}.ai-guide-note h3{font:600 16px/1.4 FuoSans,Arial,sans-serif;margin-bottom:6px}.ai-guide-note p{font-size:14px;color:var(--muted);line-height:1.6;max-width:790px}.ai-guide-mark{display:flex;align-items:center;justify-content:center;width:47px;height:47px;border-radius:50%;background:#dde9e5;flex:none;color:var(--ocean)}.ai-guide-mark svg{width:29px;height:29px}.workbook-feature{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.workbook-feature h3{font-size:33px;line-height:1.2;letter-spacing:-.7px;margin-bottom:18px}.workbook-feature p{font-size:16px;color:var(--muted);line-height:1.7}.workbook-feature p+p{margin-top:15px}.workbook-feature .workbook-prompt blockquote{font:500 25px/1.45 FuoDisplay,Georgia,serif;margin:10px 0 12px}.workbook-feature .workbook-visual{padding-top:20px}.workbook-feature .book{max-width:335px}.workbook-section .drawer-content>figure{margin:0 auto;max-width:680px}.digital-workbook{display:block;width:100%;height:auto;border:1px solid #d9ded4;border-radius:4px;box-shadow:0 6px 20px #203b450b}.workbook-section figcaption{font-size:12px;color:var(--muted);text-align:center;margin:15px auto 0;max-width:400px;line-height:1.6}.workbook-format{margin:0 auto 24px}.faq{padding-top:52px}
@media(min-width:761px){.person-tabs{display:none!important}}
@media(max-width:1100px){.product-nav{gap:15px;font-size:12px}.sticky-header .site-header{gap:16px}.sticky-header .brand img{width:185px}.sticky-header .header-action{font-size:11px;padding-inline:11px}.recognition-intro{gap:32px}.recognition-intro h2{font-size:39px}.personal-sample{padding:20px}.personal-sample-body{grid-template-columns:1fr;gap:24px}.report-sheet{width:180px;max-width:70%;margin:0 auto}.sample-excerpt blockquote{font-size:22px}.sample-excerpt{min-height:190px}.couples-feature{gap:30px}.product-chart{padding:22px 16px}.couples-insight h3{font-size:29px}.couples-insight blockquote{font-size:20px}.workbook-feature{gap:40px}}
@media(max-width:960px){:root{--header-height:68px}.sticky-header .product-nav,.sticky-header .header-action{display:none}.sticky-header .brand img{width:202px}.sticky-header .site-header{justify-content:space-between}.sticky-header .site-menu summary{width:44px}.package{padding:20px 16px;margin-top:5px}.package>h2{font-size:25px;text-align:left;margin-bottom:19px}.recognition-intro h2{font-size:36px}.recognition-intro>div>p{font-size:16px}.recognition-intro{gap:27px}.conversation-photo{height:270px}.product-section{padding-block:42px}.product-heading h2{font-size:37px}.product-heading>p{font-size:17px}.product-heading{margin-bottom:26px}.personal-sample-body{grid-template-columns:1fr}.couples-feature{grid-template-columns:1fr 1fr;gap:25px}.couples-insight h3{font-size:27px}.couples-insight blockquote{font-size:19px}.guide-page-stack{gap:14px}.guide-page-stack a{width:40%}.workbook-feature{gap:30px}.workbook-feature h3{font-size:29px}.product-marker{font-size:12px}.product-heading .product-marker{margin-bottom:20px}.expanded-report-grid{gap:22px}.drawer-content{padding:24px}.personal-section .free-start{grid-template-columns:1fr auto;gap:25px}.personal-section .free-start>div:last-child{display:block}.personal-section .free-start .small{margin-top:7px}}
@media(max-width:760px){.recognition-intro{grid-template-columns:1fr;gap:23px;margin-bottom:20px}.recognition-intro h2{font-size:35px;max-width:510px}.recognition-intro>div>p{margin:16px 0;font-size:16px}.conversation-photo{height:240px;object-position:center 33%}.recognition-intro .product-marker{margin-top:16px}.example-section{padding-top:38px}.package{padding:19px 13px 14px}.package>h2{font-size:23px;line-height:1.25;padding-inline:1px}.package-card{padding:12px}.package-grid{gap:10px}.package-card h3{font-size:18px;min-height:44px}.package-card p{font-size:13px}.package-icon{transform:scale(.57)}.preview-label{font-size:10px;right:10px;top:11px}.personal-samples{grid-template-columns:1fr}.personal-sample-body{grid-template-columns:minmax(0,1fr) 42%;gap:20px}.personal-sample{padding:21px}.report-sheet{max-width:none;width:100%}.sample-excerpt{min-height:0}.sample-excerpt blockquote{font-size:22px}.sample-person{margin-bottom:22px}.product-heading h2{font-size:34px}.product-heading>p{font-size:16px;line-height:1.6}.product-heading .product-marker{margin-bottom:18px;font-size:11px}.product-heading .package-icon{transform:scale(.64);margin-right:-25px;margin-bottom:-25px}.personal-section .free-start{grid-template-columns:1fr;padding:22px;gap:18px}.personal-section .free-start>div:last-child{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.personal-section .free-start .small{margin:0}.personal-section .free-start h3{font-size:25px}.couples-feature{grid-template-columns:1fr;gap:26px}.product-chart{max-width:470px;width:100%;margin:0 auto;padding:23px 21px}.product-chart h3{font-size:26px}.large-wheel{max-width:365px}.couples-insight h3{font-size:29px}.couples-insight blockquote{font-size:22px}.guide-page-stack{gap:26px;padding-top:17px;margin-top:8px}.guide-page-stack a{width:36%;max-width:145px}.ai-guide-note{align-items:start;padding:20px;gap:14px}.ai-guide-mark{width:37px;height:37px}.ai-guide-mark svg{width:24px;height:24px}.ai-guide-note h3{font-size:15px}.ai-guide-note p{font-size:13px}.workbook-feature{grid-template-columns:1fr;gap:25px}.workbook-feature h3{font-size:29px}.workbook-feature p{font-size:15px}.workbook-feature .book{max-width:285px}.workbook-feature .workbook-visual{padding-top:10px}.workbook-feature .workbook-prompt blockquote{font-size:25px}.product-drawer{margin-top:24px}.product-drawer>summary{min-height:87px;padding-inline:8px}.drawer-summary-text{font-size:13px;gap:12px;padding-inline:8px}.drawer-content{padding:22px 17px}.drawer-intro h3{font-size:27px}.drawer-intro p{font-size:14px}.expanded-report-grid{grid-template-columns:1fr;gap:30px}.expanded-report-grid h4{font-size:23px}.workbook-format{width:100%;justify-content:center;gap:3px}.workbook-format button{padding:9px 11px;font-size:12px;flex:1}.drawer-hint>span{width:85px}.faq{padding-top:40px}.free-start .secondary{white-space:normal}}
@media(max-width:440px){.personal-sample-body{grid-template-columns:1fr;gap:25px}.report-sheet{width:175px;max-width:70%}.sample-excerpt blockquote{font-size:23px}.person-tabs{width:100%}.person-tabs button{flex:1;padding:10px 9px;font-size:13px}.product-heading h2{font-size:32px}.product-heading .product-marker{gap:10px}.personal-section .free-start>div:last-child{align-items:start;flex-direction:column;gap:8px}.product-chart{padding:22px 12px 19px}.product-chart h3{font-size:24px}.product-chart figcaption{font-size:11px}.couples-insight blockquote{font-size:21px}.product-section{padding-block:37px}.guide-page-stack{gap:18px}.drawer-summary-text{font-size:12px}.conversation-photo{height:220px}.recognition-intro h2{font-size:33px}.package>h2{font-size:22px;max-width:260px}.package-card h3{font-size:17px}.package-card p{font-size:12px;min-height:35px}.package-card{padding:11px}.package-card .package-icon{transform:scale(.54);margin-bottom:-33px}.product-heading .paired-icons{margin-right:0}.ai-guide-note{gap:11px;padding:18px 15px}.product-marker span:last-child{line-height:1.5}}
@media(max-width:350px){.sticky-header .brand img{width:184px}.recognition-intro h2{font-size:31px}.package{padding:17px 10px 11px}.package>h2{font-size:21px}.package-card{padding:10px}.package-card h3{font-size:16px;letter-spacing:-.4px}.package-card p{font-size:12px}.preview-label{font-size:9px;right:8px}.package-card .package-icon{transform:scale(.48);margin-bottom:-36px}.product-heading h2{font-size:30px}.product-heading .product-marker{font-size:10px}.sample-excerpt blockquote{font-size:21px}.personal-sample{padding:19px}.drawer-summary-text{font-size:11px;gap:8px}.drawer-content{padding:20px 13px}.product-chart h3{font-size:22px}.personal-section .free-start{padding:19px}.personal-section .free-start h3{font-size:23px}.guide-page-stack a{width:39%}}
@media(prefers-reduced-motion:reduce){.product-section.arrival .product-heading h2{animation:none}}

/* A purchase opportunity after the explanation, with the same verified offer. */
.midpage-action{margin-top:32px;border-top:1px solid var(--line);padding-top:28px;display:flex;align-items:center;justify-content:center;gap:28px}.midpage-action .price-block{margin:0}.midpage-action .purchase-note{margin-top:3px}.midpage-action .buy-another{display:block;margin-top:8px}.midpage-action .offer-code{max-width:440px}@media(max-width:760px){.midpage-action{flex-direction:column;gap:13px;text-align:center;padding-top:25px;margin-top:25px}.midpage-action .primary{width:100%}.midpage-action>div:first-child{width:100%;max-width:350px}}

.price-block .offer-saving{font-size:13px;line-height:1.5;margin:9px 0 0;color:var(--ocean);font-weight:500}.price-block .offer-code{margin-top:4px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}

/* Keep keyboard focus visible inside the rounded preview drawer. */
.product-drawer>summary:focus-visible{outline:3px solid var(--focus);outline-offset:-5px;border-radius:12px}


/* Release 232: readable labels, compact excerpts and consistent visual hierarchy. */
.package-icon,
.package-card .package-icon,
.product-marker .package-icon,
.product-heading .package-icon {
  --icon-size: 50px;
  width: var(--icon-size);
  height: var(--icon-size);
  transform: none;
  margin: 0;
  align-self: center;
}
.package-icon img {
  width: calc(var(--icon-size) * 2.271428571);
  height: calc(var(--icon-size) * 2.842857143);
  left: calc(var(--icon-size) * -.114285714);
  top: calc(var(--icon-size) * -.314285714);
}
.icon-morgan img { left: calc(var(--icon-size) * -1.171428571); }
.icon-guide img { left: calc(var(--icon-size) * -.1); top: calc(var(--icon-size) * -1.471428571); }
.icon-workbook img { left: calc(var(--icon-size) * -1.171428571); top: calc(var(--icon-size) * -1.485714286); }
.package-card { grid-template-columns: 50px minmax(0,1fr); }
.package-card p { min-height: 0; }
.verified, .review-bottom, .review-bottom p { font-size: 12px; line-height: 1.5; }
.review-bottom a { font-size: 13px; }
.source-note, .sample-excerpt .caption, .personal-section .free-start .small { font-size: 12px; }
.product-heading { margin-bottom: 24px; }
.product-heading .product-marker { margin-bottom: 15px; }
.product-heading h2 { margin-bottom: 12px; }
.couples-insight h3 { font-size: 28px; line-height: 1.25; }
.workbook-feature h3 { font-size: 25px; line-height: 1.3; margin-bottom: 12px; letter-spacing: -.4px; }
.workbook-feature .workbook-prompt blockquote { font-size: 22px; }

@media (max-width: 960px) {
  .hero-copy { padding: 16px 0; }
  .hero h1 { margin: 10px auto 14px; }
  .hero .lede { line-height: 1.5; }
  .hero-action { margin-top: 16px; }
  .hero-photo { height: 330px; }
  .comparison-card {
    position: relative;
    order: 3;
    right: auto;
    bottom: auto;
    width: min(440px, calc(100% - 32px));
    margin: -58px auto 15px;
    grid-template-columns: minmax(0,1fr) clamp(150px,46vw,210px);
    gap: 0 10px;
    padding: 12px;
  }
  .comparison-card h2 { font-size: 21px; line-height: 1.2; }
  .comparison-wheel { width: 100%; }
  .comparison-card .chart-legend { font-size: 12px; gap: 4px 10px; }
  .comparison-card .sample-link { font-size: 12px; line-height: 1.5; }
  .package-card { grid-template-columns: 1fr; }
  .package-card .package-icon { --icon-size: 48px; }
  .package-card p { font-size: 14px; line-height: 1.4; }
  .preview-label { font-size: 12px; top: 11px; right: 11px; }
  .example { padding: 22px; }
  .better-opening blockquote { font-size: 20px; line-height: 1.45; }
  .better-opening p { font-size: 13px; }
  .discovery { font-size: 14px; line-height: 1.55; margin-top: 16px; }
  .review { padding: 19px 20px; }
  .review blockquote { font-size: 19px; line-height: 1.45; }
  .product-heading .product-marker { font-size: 12px; margin-bottom: 12px; }
  .sample-person { margin-bottom: 16px; }
  .sample-excerpt { min-height: 0; }
  .sample-excerpt blockquote, .couples-insight blockquote { font-size: 20px; line-height: 1.45; }
  .sample-excerpt .caption { margin-top: 10px; }
  .personal-sample-body { gap: 18px; }
  .workbook-feature p { font-size: 16px; line-height: 1.6; }
  .workbook-feature p+p { margin-top: 10px; }
  .workbook-feature h3 { font-size: 23px; }
  .couples-insight h3 { font-size: 25px; margin-bottom: 12px; }
  .workbook-prompt { margin-top: 18px; padding-top: 15px; }
  .product-drawer { margin-top: 20px; }
  .product-drawer>summary { min-height: 72px; padding: 20px 8px 14px; }
  .drawer-summary-text { font-size: 13px; }
}
@media (max-width: 760px) {
  .product-section { padding-block: 32px; }
  .product-heading { margin-bottom: 20px; }
  .product-heading .package-icon { --icon-size: 48px; }
  .recognition-intro { gap: 18px; margin-bottom: 18px; }
  .recognition-intro>div>p { margin: 12px 0; line-height: 1.55; }
  .recognition-intro .product-marker { margin-top: 12px; }
  .example h3 { font-size: 25px; }
  .speech blockquote { font-size: 21px; line-height: 1.3; }
  .speech .eyebrow { font-size: 11px; }
  .personal-sample { padding: 19px; }
  .couples-feature { gap: 22px; }
  .product-chart figcaption { font-size: 12px; }
  .workbook-feature { gap: 20px; }
  .workbook-feature .workbook-visual { padding-top: 6px; }
  .product-marker { font-size: 12px; }
}
@media (max-width: 440px) {
  .hero-photo { height: 280px; }
  .hero-photo>img { object-position: center 38%; }
  .comparison-card { margin-top: -48px; }
  .comparison-card h2 { font-size: 19px; }
  .package-card h3 { min-height: 0; }
  .package-card .package-icon { --icon-size: 48px; }
  .package>h2 { font-size: 22px; max-width: 270px; }
  .example { padding: 19px 17px; }
  .speech { padding: 15px 17px; }
  .report-sheet { width: 165px; }
  .personal-sample-body { gap: 18px; }
}
@media (max-width: 350px) {
  .hero-photo { height: 260px; }
  .comparison-card { gap: 0 8px; padding: 10px; }
  .comparison-card h2 { font-size: 17px; }
  .comparison-card .chart-legend { gap: 2px 8px; }
  .package-card { padding: 10px; }
  .package-card .package-icon { --icon-size: 40px; }
  .preview-label { right: 8px; }
  .product-heading .product-marker { font-size: 12px; }
  .drawer-summary-text { font-size: 12px; gap: 9px; }
}


/* Release 233: explicit samples and one consistent brand illustration system. */
.package-icon { mix-blend-mode: normal; overflow: visible; }
.package-icon img, .icon-morgan img, .icon-guide img, .icon-workbook img {
  position: static; display: block; width: 100%; height: 100%; max-width: 100%;
}
.package-card:first-child { background: #edf3f6; border-color: #e2e9ed; }
.package-card:nth-child(2) { background: #faf0eb; border-color: #efe4de; }
.package-card:nth-child(3) { background: #eff4ee; border-color: #e1e8de; }
.package-card:nth-child(4) { background: #faf4e6; border-color: #eee6d6; }
.package>h2 { margin-bottom: 8px; max-width: none; }
.package-delivery { color: var(--ink); font-size: 15px; line-height: 1.5; }
.package-sample-note { font-size: 12px; line-height: 1.5; color: var(--muted); margin: 5px 0 20px; }
@media(min-width:961px) { .package-delivery, .package-sample-note { text-align: center; } }
.sample-kicker { display: block; color: var(--muted); font: 500 12px/1.4 FuoSans,Arial,sans-serif; letter-spacing: 0; margin-bottom: 6px; }
.comparison-card h2 { font-size: 20px; }
.product-chart .sample-kicker { margin-bottom: 8px; }
.product-chart h3 { font-size: 26px; }
.workbook-feature { gap: 40px; align-items: center; }
.workbook-life { margin-top: 20px; }
.workbook-life img { display: block; width: 100%; height: auto; aspect-ratio: 3/2; object-fit: cover; border-radius: 13px; }
.workbook-life figcaption { margin-top: 8px; font-size: 12px; }
.workbook-preview-column { min-width: 0; }
.workbook-feature .book { max-width: 460px; width: calc(100% - 26px); padding: 5px; border: 1px solid #d8ddd4; border-radius: 3px; background: white; transform: rotate(3deg); box-shadow: 2px 3px 0 #fffdf7,3px 4px 0 #d6d8ce,5px 7px 0 #fffdf7,6px 8px 0 #d6d8ce,9px 15px 24px #173e4b18; }
.workbook-feature .book:hover { transform: rotate(1deg) translateY(-2px); }
.workbook-feature .book img { border-radius: 0; }
.workbook-preview-column>.workbook-prompt { margin-top: 26px; }
.workbook-feature .workbook-visual { padding-top: 14px; }
.workbook-conversation { margin: 20px 0 28px; padding: 20px; border: 1px solid #dbe3de; border-radius: 12px; background: #f4f7f3; }
.workbook-conversation>.eyebrow { margin-bottom: 12px; font-size: 11px; }
.workbook-answer-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.workbook-answer-pair p { font: 500 18px/1.5 FuoDisplay,Georgia,serif; }
.workbook-answer-pair strong { display: block; margin-bottom: 7px; font: 600 12px/1.4 FuoSans,Arial,sans-serif; color: var(--muted); }
.online-preview-frame { border: 1px solid #d5dfd9; border-radius: 10px; overflow: hidden; background: white; box-shadow: 0 8px 24px #173e4b0c; }
.online-preview-label { padding: 10px 14px; background: #e9efec; font-size: 12px; color: var(--muted); border-bottom: 1px solid #d5dfd9; }
.online-preview-frame .digital-workbook { border: 0; border-radius: 0; box-shadow: none; }
.full-size-preview { display: block; width: fit-content; margin: 14px auto 0; }
.owned-package-return .secondary { white-space: nowrap; }
@media(max-width:960px) {
  .package-card { padding-top: 12px; }
  .preview-label { top: 10px; right: 11px; }
  .package-delivery { font-size: 14px; }
  .package-sample-note { margin-bottom: 16px; }
  .comparison-card h2 { font-size: 21px; }
  .workbook-feature { gap: 30px; }
}
@media(max-width:760px) {
  .workbook-feature { gap: 28px; }
  .workbook-life { max-width: 520px; }
  .workbook-feature .book { max-width: 470px; }
  .workbook-preview-column { max-width: 560px; width: 100%; margin-inline: auto; }
  .workbook-answer-pair { grid-template-columns: 1fr; gap: 16px; }
  .workbook-conversation { padding: 17px; }
}
@media(max-width:440px) {
  .package>h2 { font-size: 22px; }
  .package-card { padding-top: 12px; }
  .comparison-card h2 { font-size: 19px; }
  .comparison-card .sample-kicker { font-size: 11px; }
  .workbook-life figcaption { text-align: left; }
  .product-chart h3 { font-size: 23px; }
}
@media(max-width:380px) { .package-card { padding-top: 34px; } }
@media(max-width:400px) { .package-card .package-icon { --icon-size: 40px; } }
@media(prefers-reduced-motion:reduce) {
  .workbook-feature .book, .workbook-feature .book:hover { transform: none; }
}


/* Release 234: clearer hierarchy and compact mobile reviews. */
:root { --header-height: 82px; }
.sticky-header .brand, .footer-brand .brand { flex-direction: column; gap: 4px; text-decoration: none; }
.sticky-header .brand img { height: auto; }
.footer-brand .brand { width: 205px; }
.footer-brand .brand img { width: 100%; height: auto; display: block; }
/* Align beneath the wordmark, excluding the hearts in the logo. */
.brand-tagline { display: block; align-self: stretch; margin-left: 25.3%; font: 500 11px/1.4 FuoSans,Arial,sans-serif; color: var(--muted); text-align: center; white-space: nowrap; letter-spacing: .12px; }
.hero h1 .hero-together { font-family: Georgia,'Times New Roman',serif; font-size: 1.09em; font-weight: 400; font-style: italic; color: #28687a; line-height: 1.16; letter-spacing: -.045em; margin-top: .08em; }
.site-menu nav .menu-account { background: var(--sea); border-radius: 6px; font-weight: 600; color: var(--ink); }
.example>.product-marker { margin: 23px 0 14px; font-size: 13px; color: var(--ocean); }
.example>.product-marker .package-icon { --icon-size: 34px; }
.review-swipe-hint { display: none; }
.workbook-preview-column>.text-link { display: block; width: fit-content; margin: 24px auto 0; }
.conversation-loop { margin-top: 26px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.conversation-loop>summary { padding: 19px 0; list-style: none; cursor: pointer; font-weight: 600; color: var(--ocean); display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.conversation-loop>summary::-webkit-details-marker { display: none; }
.conversation-loop>summary::after { content: ''; width: 8px; height: 8px; flex: none; border-right: 1.5px solid; border-bottom: 1.5px solid; transform: rotate(45deg); margin-right: 5px; }
.conversation-loop[open]>summary::after { transform: rotate(225deg); }
.conversation-loop-content { padding: 3px 0 24px; }
.conversation-loop h4 { font: 500 25px/1.3 FuoDisplay,Georgia,serif; margin: 0 0 16px; }
.conversation-loop ol { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; list-style: none; counter-reset: loop; padding: 0; margin: 0 0 19px; }
.conversation-loop li { padding: 17px; border-radius: 10px; background: var(--blue); counter-increment: loop; font-size: 15px; line-height: 1.55; }
.conversation-loop li:nth-child(2) { background: var(--peach); }
.conversation-loop li:nth-child(3) { background: var(--sea); }
.conversation-loop li::before { content: counter(loop,decimal-leading-zero); display: block; font-size: 12px; font-weight: 600; color: var(--muted); margin-bottom: 8px; }
.conversation-loop-content>p { font-size: 15px; line-height: 1.6; }
.conversation-loop-content .loop-source { font-size: 12px; color: var(--muted); margin-top: 14px; }
@media(max-width:960px) {
  :root { --header-height: 78px; }
  .brand-tagline { font-size: 10.5px; }
}
@media(max-width:760px) {
  .reviews-heading { margin-bottom: 16px; }
  .review-swipe-hint { display: block; margin: 0 0 12px; font-size: 12px; color: var(--muted); }
  .review-grid { display: flex; gap: 12px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-padding-inline: 0; overscroll-behavior-x: contain; padding: 2px 2px 15px; scrollbar-width: thin; scrollbar-color: #8da7ae transparent; }
  .review-grid>.review { flex: 0 0 calc(100% - 34px); min-width: 0; scroll-snap-align: start; }
  .review-grid:focus-visible { outline: 2px solid var(--ocean); outline-offset: 5px; }
  .example>.product-marker { gap: 10px; margin-top: 20px; font-size: 12px; }
  .conversation-loop ol { grid-template-columns: 1fr; gap: 10px; }
  .conversation-loop>summary { font-size: 14px; }
  .conversation-loop h4 { font-size: 23px; }
}

/* Keep the footer lockup at the same scale as the header. */
@media(max-width:1100px) { .footer-brand .brand { width: 185px; } }
@media(max-width:960px) { .footer-brand .brand { width: 202px; } }
@media(max-width:350px) { .footer-brand .brand { width: 184px; } }

/* Owner-supplied AI guide illustration. */
.ai-guide-mark { width: 80px; height: 80px; overflow: hidden; background: #edf4f1; }
.ai-guide-mark img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media(max-width:760px) { .ai-guide-mark { width: 64px; height: 64px; } }
@media(max-width:380px) { .ai-guide-mark { width: 52px; height: 52px; } }

/* Release 239: keep both heads within the desktop photograph crop. */
@media (min-width: 961px) { .hero-photo>img { object-position: 52% 20%; } }
@media (min-width: 441px) and (max-width: 960px) { .hero-photo>img { object-position: center 0%; } }
.workbook-life img { object-position: center 25%; }

/* Release 240: a personal note before the final package invitation. */
.founder-note { max-width: 980px; display: grid; grid-template-columns: 240px minmax(0,1fr); gap: 44px; align-items: center; margin-block: 0 60px; padding-top: 8px; scroll-margin-top: 105px; }
.founder-photo { display: block; border-radius: 14px; overflow: hidden; }
.founder-photo img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center 40%; }
.founder-copy h2 { font-size: 32px; line-height: 1.2; letter-spacing: -.6px; margin-bottom: 17px; text-wrap: pretty; }
.founder-copy p { font-size: 16px; line-height: 1.7; color: var(--muted); }
.founder-copy p+p { margin-top: 13px; }
.founder-copy .text-link { gap: 9px; margin-top: 10px; }
@media (max-width: 760px) {
  .founder-note { grid-template-columns: 1fr; gap: 24px; margin-bottom: 42px; padding-top: 0; }
  .founder-photo { width: 190px; }
  .founder-copy h2 { font-size: 29px; margin-bottom: 15px; }
  .founder-copy p { font-size: 15px; line-height: 1.7; }
}

/* Homepage example: a small curved tail identifies each person's perspective. */
.focused-home #examples .perspective-pair > .speech { margin-bottom: 12px; }
.focused-home #examples .perspective-pair > .speech::after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 16px;
  width: 24px;
  height: 16px;
  background: inherit;
  clip-path: path('M2 0H24C23 7 15 13 3 16C7 10 6 5 2 0Z');
  pointer-events: none;
}
.focused-home #examples .perspective-pair > .speech.morgan::after {
  left: auto;
  right: 16px;
  transform: scaleX(-1);
}

/* The homepage expressions stay inline and use identical artwork on every device. */
.focused-home #examples .perspective-pair .perspective-emoji {
  display: inline-block;
  width: 1em;
  height: 1em;
  max-width: none;
  vertical-align: -.12em;
  object-fit: contain;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}

/* Original Epic photos: keep faces and the shared tablet inside each crop. */
.hero-photo > .home-forest-photo { object-position: 62% 35%; }
.conversation-photo.home-kitchen-photo { object-position: 50% 45%; }
.workbook-life .home-tablet-photo { object-position: 20% 45%; }
@media (max-width: 960px) {
  .hero-photo > .home-forest-photo { object-position: 62% 35%; }
}

/* Selected heart-hands photo: preserve both faces within the heart. */
.hero-photo > .home-heart-photo { object-position: 55% 50%; }
@media (min-width: 961px) {
  .hero-photo:has(> .home-heart-photo) { left: auto; right: 160px; width: 68%; }
  .hero-photo > .home-heart-photo { object-position: center; mask-image: linear-gradient(90deg, #000 88%, transparent); }
}
@media (min-width: 961px) and (max-width: 1240px) {
  .hero-photo:has(> .home-heart-photo) { right: 110px; top: 50%; bottom: auto; aspect-ratio: 16 / 9; transform: translateY(-50%); }
  .hero-photo:has(> .home-heart-photo)::after { background: linear-gradient(90deg,var(--page),#faf7f0a6 12%,#faf7f000 37%), linear-gradient(0deg,var(--page),#faf7f000 14%), linear-gradient(180deg,var(--page),#faf7f000 14%); }
}
@media (max-width: 960px) {
  .hero:has(.home-heart-photo) .comparison-card { margin-top: -12px; }
}