/* Product surfaces. Shared reading and document styles live in styles.css. */
.hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding-block:3.5rem 4rem}
.release-note{display:inline-flex;align-items:center;gap:.6rem;color:var(--muted);font-size:.75rem;margin-bottom:2rem}.release-note span{background:var(--sage);color:var(--ink);border-radius:20px;padding:.25rem .7rem;font-size:.625rem;letter-spacing:.06em}
.hero h1{font-size:clamp(4.5rem,7.8vw,6.8rem);line-height:.98;letter-spacing:-.045em}.hero h1 em{color:#758366}
.hero-copy>.eyebrow{margin-bottom:1.2rem}.hero-description{max-width:27rem;font-size:1.0625rem;color:var(--muted);margin-top:1.5rem;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.75rem;margin-top:2rem}.hero-copy>.fine-print{margin-top:.9rem}
.fine-print{font-size:.75rem;color:var(--muted);line-height:1.7}
.hero-stage{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:600px}
.hero-landscape{position:absolute;z-index:-2;right:0;top:30px;width:93%;height:530px;border-radius:240px 240px 18px 18px;object-fit:cover;opacity:.82}
.hero-stage::after{content:"";position:absolute;z-index:-1;inset:30px 0 40px 7%;border-radius:240px 240px 18px 18px;background:linear-gradient(180deg,#faf8f140,#faf8f100 60%,#faf8f185)}
.phone{position:relative;width:254px;padding:7px;border:1px solid #85867b;border-radius:43px;background:#292b26;box-shadow:0 2px 0 2px #cccac0,0 24px 48px -14px #2835253b;overflow:hidden}.phone img{width:100%;border-radius:35px;background:var(--paper)}
.hero-phone{transform:rotate(-4deg);margin-top:4px}.hero-botanical{position:absolute;z-index:2;width:150px;bottom:20px;right:-25px;opacity:.8;pointer-events:none}

.essentials{display:flex;justify-content:space-between;gap:1.5rem;padding-block:1.4rem;border-block:1px solid var(--line);font-size:.8125rem}.essentials span{display:flex;align-items:center;gap:.7rem}.essentials i{font-style:normal;color:var(--gold);font-size:.65rem}
.section-space{padding-block:6rem}.section-top{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:4rem;margin-bottom:3rem}.section-top .eyebrow{margin-bottom:1rem}.section-top h2{font-size:clamp(3rem,4.7vw,4.25rem);line-height:1.03}.section-top>p{max-width:24rem;justify-self:end;color:var(--muted);font-size:.9375rem}
.rhythm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.rhythm-item{padding-top:1.4rem;border-top:1px solid var(--line)}.rhythm-item>.eyebrow{color:var(--gold);margin-bottom:.8rem}.rhythm-item h3{font-size:2rem}.rhythm-item p:not(.eyebrow){font-size:.875rem;color:var(--muted);margin-top:.7rem;max-width:20rem}.rhythm-item .text-link{margin-top:1.2rem;font-size:.8125rem}
.experience{padding-bottom:6rem}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.feature-list{border-top:1px solid var(--line)}
.feature{width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;display:grid;grid-template-columns:1.5rem 1fr 1.5rem;gap:1rem;align-items:start;padding:1.5rem 0;cursor:pointer}.feature:hover .feature-title{color:#647753}.feature-number{font-size:.6875rem;color:var(--gold);padding-top:.5rem}.feature-title{display:block;font:600 2rem/1.15 var(--display);letter-spacing:-.02em}.feature-description{display:block;max-width:26rem;margin-top:.55rem;color:var(--muted);font-size:.8125rem;line-height:1.7}.feature-tag{display:inline-block;margin-top:.7rem;color:var(--muted);font-size:.625rem;letter-spacing:.05em;text-transform:uppercase}.feature-arrow{font-size:1.2rem;padding-top:.2rem;transition:transform .2s}.feature.is-active .feature-arrow{transform:rotate(90deg)}.feature.is-active .feature-title{color:var(--ink)}.feature.is-active{background:linear-gradient(90deg,transparent,#e9ecdf85);border-bottom-color:#a6b29c}.is-enhanced .feature:not(.is-active) .feature-description{display:none}
.preview-panel{position:sticky;top:2rem;min-width:0;background:#e9ecdf;border-radius:20px;padding:2rem;text-align:center;overflow:hidden}.preview-panel>.eyebrow{color:#59654f;margin-bottom:1.8rem}
.screen-preview{position:relative;width:254px;max-width:100%;margin-inline:auto;aspect-ratio:780/1695;border:7px solid #292b26;border-radius:40px;background:#faf8f1;box-shadow:0 2px 0 2px #b6b8a7,0 20px 35px -15px #33453345;overflow:hidden}
.carousel-slide{position:absolute;inset:0;visibility:hidden;opacity:0;transition:opacity .25s}.carousel-slide.is-current{visibility:visible;opacity:1}.carousel-slide img{width:100%;height:100%;object-fit:cover}
.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:330px;margin:1.8rem auto 0}.carousel-step{width:44px;height:44px;border:1px solid #bac3ad;border-radius:50%;background:transparent;cursor:pointer}.carousel-step:hover{background:#faf8f1}.carousel-position{display:flex;flex-direction:column;font-size:.8125rem}.carousel-position [data-carousel-count]{font-size:.625rem;color:var(--muted);letter-spacing:.1em}.rotation-control{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;color:#59654f;font-size:.6875rem;margin-top:1.1rem;padding:.5rem;cursor:pointer}
.screens-note{font-size:.625rem;color:#59654f;margin-top:1rem}.feature-resources{display:flex;gap:1rem 1.5rem;flex-wrap:wrap;margin-top:1.4rem;font-size:.75rem}.feature-resources a{text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:.2rem}

.home-learn{padding-block:6rem}.home-learn .section-top{margin-bottom:1.5rem}.home-learn .related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.home-learn .learn-card{padding:1.5rem 0 2rem;border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:start;text-decoration:none}.home-learn .learn-card .eyebrow{color:var(--muted);margin-bottom:1rem}.home-learn .learn-card h3{font-size:2rem;line-height:1.15}.home-learn .learn-card p{margin-top:.8rem;font-size:.875rem;color:var(--muted)}.home-learn .learn-card-link{display:block;margin-top:auto;padding-top:1.5rem;font-size:.8125rem}.home-learn .learn-card:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em}.home-learn .topic-nav{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem;font-size:.8125rem}.home-learn .topic-nav a{text-decoration:none}.home-learn .topic-nav a:hover{text-decoration:underline}
.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;padding-bottom:6rem}.faq-heading .eyebrow{margin-bottom:1rem}.faq-heading h2{font-size:3.5rem}.faq-heading p:not(.eyebrow){margin-top:1rem;font-size:.875rem;color:var(--muted)}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:1.2rem 0}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.9375rem;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';font-size:1.3rem;color:var(--muted)}.faq-list details[open] summary::after{content:'−'}.faq-list details p{margin-top:.8rem;color:var(--muted);font-size:.875rem;max-width:35rem}
.closing{position:relative;isolation:isolate;background:#e9ecdf;padding-block:4rem;overflow:hidden}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.closing h2{font-size:clamp(3rem,4.5vw,4rem);margin-top:.8rem}.closing p:not(.eyebrow){color:var(--muted);font-size:.875rem;margin-top:.7rem}.closing-botanical{position:absolute;width:200px;bottom:-120px;left:45%;z-index:-1;opacity:.5}
/* Search landing pages have useful content, the real product, and a next step. */
.product-hero{padding-block:4rem;display:grid;grid-template-columns:1.3fr .8fr;gap:4rem;align-items:center}.product-hero h1{font-size:clamp(3.5rem,5.7vw,5.3rem);margin-top:1rem;line-height:1.03;text-wrap:balance}.product-hero .hero-description{max-width:34rem}.product-preview{padding:2rem;background:var(--sage);border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:1.3rem}.product-preview figcaption{font-size:.6875rem;color:var(--muted)}
.product-body{display:grid;grid-template-columns:1fr 1.5fr;gap:5rem;padding-block:4rem 5rem;border-top:1px solid var(--line)}.product-body>div>h2{font-size:3rem;line-height:1.1}.product-copy h2{font-size:2rem;line-height:1.15;margin-bottom:.9rem}.product-copy section+section{margin-top:2.5rem}.product-copy p{font-size:.9375rem;color:var(--muted)}.product-copy p+p{margin-top:.9rem}.product-copy ul,.product-copy ol{padding-left:1.3rem;font-size:.9375rem;color:var(--muted);margin-block:1rem}.product-copy li{padding-left:.2rem;margin-bottom:.65rem}.product-links{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.8125rem;padding-block:1.7rem;border-top:1px solid var(--line)}
@media(min-width:1500px){.hero{gap:5rem}.hero-stage{min-height:650px}.hero-landscape{height:590px}.hero-phone{width:280px}.hero h1{font-size:7rem}}
@media(max-width:1000px){.hero{gap:2rem}.hero h1{font-size:5.7rem}.hero-stage{min-height:560px}.hero-landscape{height:500px}.hero-phone{width:230px}.hero-botanical{width:120px;right:-15px}.experience-grid{gap:2.5rem}.preview-panel{padding-inline:1.3rem}.section-top,.product-hero{gap:2rem}.product-body{gap:3rem}}
@media(max-width:700px){.hero{grid-template-columns:1fr;gap:2rem;padding-block:2.5rem 2rem}.release-note{margin-bottom:1.7rem}.hero h1{font-size:clamp(4.25rem,15vw,6rem)}.hero-description{font-size:.9375rem;max-width:28rem;margin-top:1.2rem}.hero-actions{gap:1.3rem;margin-top:1.5rem}.hero-actions .text-link{font-size:.8125rem}.hero-stage{min-height:530px;width:min(100%,420px);justify-self:center}.hero-landscape{width:96%;height:465px;top:35px}.hero-stage::after{inset:35px 0 30px 4%}.hero-phone{width:220px}.hero-botanical{width:130px;right:-5px;bottom:10px}.essentials{display:grid;grid-template-columns:1fr 1fr;gap:1rem .5rem;padding-block:1.2rem;font-size:.6875rem}.essentials span{gap:.5rem}.section-space{padding-block:3.5rem}.section-top{grid-template-columns:1fr;gap:1.2rem;margin-bottom:2rem}.section-top h2{font-size:3.25rem}.section-top>p{justify-self:start;max-width:28rem;font-size:.875rem}.rhythm-grid{grid-template-columns:1fr;gap:1.5rem}.rhythm-item{padding-top:1.2rem}.rhythm-item h3{font-size:2rem}.rhythm-item p:not(.eyebrow){max-width:30rem}.rhythm-item .text-link{margin-top:.8rem}.experience{padding-bottom:3.5rem}.experience-grid{grid-template-columns:1fr;gap:1.5rem}.feature{padding:1.1rem 0;grid-template-columns:1.3rem 1fr 1.2rem;gap:.7rem}.feature-title{font-size:1.8rem}.feature-description{max-width:26rem}.preview-panel{position:static;padding:1.5rem 1.25rem}.screen-preview{width:230px}.preview-panel>.eyebrow{margin-bottom:1.5rem}.feature-resources{gap:1rem;font-size:.6875rem}.home-learn{padding-block:3.5rem}.home-learn .related-grid{grid-template-columns:1fr;gap:.5rem}.home-learn .learn-card{padding-block:1.5rem}.home-learn .topic-nav{gap:1rem 1.5rem;font-size:.75rem}.faq-section{grid-template-columns:1fr;gap:1.8rem;padding-bottom:3.5rem}.faq-heading h2{font-size:3.2rem}.closing{padding-block:3rem}.closing-inner{flex-direction:column;align-items:start;gap:1.5rem}.closing h2{font-size:3.2rem}.closing-botanical{left:auto;right:-20px;bottom:-80px;opacity:.35}.product-hero{grid-template-columns:1fr;padding-block:2rem 3rem;gap:2rem}.product-hero h1{font-size:3.5rem}.product-preview{padding:1.8rem;width:100%}.product-preview .phone{width:220px}.product-body{grid-template-columns:1fr;gap:2rem;padding-block:3rem}.product-body>div>h2{font-size:2.7rem}.product-links{gap:1rem 1.5rem;font-size:.75rem}}

/* Descriptions remain readable when JavaScript is unavailable. */
[data-screen-carousel]:not(.is-enhanced) .carousel-controls,[data-screen-carousel]:not(.is-enhanced) .rotation-control{display:none}


/* Clear full-width chapters, with color carrying the section transitions. */
.essentials-band{background:#e1e7d7;border-block:1px solid #cdd6c2}
.essentials-band .essentials{border:0;padding-block:1.6rem}
.rhythm-section .section-top{padding-bottom:1.4rem;border-bottom:1px solid var(--line)}
.experience-band{background:#eee9dc;border-block:1px solid #d8d2c2;padding-block:5.5rem 6rem}
.experience-band .preview-panel{background:#dce3d1}
.experience-band .feature-list{border-color:#c9cebb}
.experience-band .feature{border-bottom-color:#c9cebb}
.experience-band .feature.is-active{background:linear-gradient(90deg,transparent,#dce3d1);border-bottom-color:#829371}
.faith-note{position:relative;isolation:isolate;overflow:hidden;background:#2f432f;color:var(--paper);padding-block:5rem;text-align:center;border-block:1px solid #263b27}
.faith-note-inner{position:relative;z-index:1}
.faith-note .eyebrow{color:#d3c193;margin-bottom:1.4rem}
.faith-note h2{color:var(--paper);font-size:clamp(3rem,5vw,4.8rem);line-height:1.08;text-wrap:balance}
.faith-note-caption{margin-top:.8rem;color:#d5ddc8;font:600 2rem/1.3 var(--display)}
.faith-note-botanical{position:absolute;right:3%;bottom:-115px;width:240px;opacity:.4;z-index:0;pointer-events:none;transform:rotate(-12deg)}
.home-faq-band{background:#e9ecdf;border-block:1px solid #d4dbc8;padding-block:4.5rem}
.home-faq-band .faq-section{padding-bottom:0}
.home-faq-band .faq-list,.home-faq-band .faq-list details{border-color:#c4ccb6}
.home:not(.product-page) main>.closing{background:var(--paper)}
.essentials .essentials-icon{width:1.15rem;height:1.15rem;color:var(--gold)}
.carousel-step{display:grid;place-items:center}
.hero-actions .text-link{min-height:44px}
.masthead nav .nav-download{min-height:44px}
@media(max-width:700px){
  .essentials-band .essentials{padding-block:1.25rem}
  .rhythm-section .section-top{padding-bottom:1.3rem}
  .experience-band{padding-block:3.5rem}
  .faith-note{padding-block:3.5rem}
  .faith-note h2{font-size:clamp(2.8rem,10vw,3.5rem)}
  .faith-note-caption{font-size:1.6rem}
  .faith-note-botanical{right:-65px;bottom:-100px;width:180px;opacity:.3}
  .home-faq-band{padding-block:3.5rem}
}