/* Refine the authored page: paper, charcoal, sage, and room for the book. */
html{scroll-padding-top:90px;scroll-snap-type:y proximity}
.snap-page{scroll-snap-stop:normal}
.site-header{position:fixed;z-index:120;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px clamp(18px,2.5vw,38px);pointer-events:none}
.site-header>*{pointer-events:auto}
.site-header .brand-link{padding:4px 10px 4px 3px;border-radius:5px;background:rgba(245,243,238,.94);backdrop-filter:blur(12px)}
.quick-actions{position:static;gap:7px}
.quick-action{min-height:42px;padding:10px 13px;color:#343e32;background:rgba(245,243,238,.94);border-color:#b9bfb2;box-shadow:none;font-size:12px}
.quick-action:hover{background:#fff;border-color:#7b8976}
.quick-open{background:#354d37;color:#fff;border-color:#354d37}
.quick-open:hover{background:#263c28;color:#fff;border-color:#263c28}
.quick-guide-icon,.quick-download-icon{display:none}
.hero{min-height:720px;padding-top:108px;padding-bottom:108px}
.hero-copy{width:min(1100px,94vw)}
.hero-logo{width:clamp(72px,7vw,100px);height:clamp(72px,7vw,100px);margin:0 auto 28px}
.hero-title{font-size:clamp(58px,8.5vw,126px);color:#202820}
.hero-subtitle{color:#4e574b;margin-top:26px}
.hero-description{max-width:510px;margin:25px auto 0;font-size:16px;line-height:1.6;color:#5c6559;letter-spacing:0;white-space:normal;text-wrap:pretty}
.hero-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px;margin-top:26px;font-size:13px;font-weight:500;color:#364c36}
.hero-actions a{padding:5px 0}
.hero-actions span{display:inline-block;margin-left:5px;transition:transform .2s}
.hero-actions a:hover span{transform:translateY(3px)}
.thought{color:#5e6a57}
.scroll-cue{color:#646e5e}
.workspaces{font-size:14px;gap:0}
.workspaces a{padding:12px 7px;transition:background .2s,color .2s}
.workspaces a:hover{background:var(--accent-soft);color:var(--accent)}
.section-guide-link{display:inline-block;margin-top:24px;font-size:13px;line-height:1.5;font-weight:500;color:#3e583d}
.section-copy>p:not(.eyebrow),.eye-copy>p:not(.eyebrow),.lede,.ownership-lede{color:#566050}
.eyebrow{color:#4d624a}
.feature-crumbs span{color:#515d4c}
.quiet-button{color:#344a34;border-color:#8e9d86;min-height:44px}
.quiet-button:hover{background:#e9eee4}
.ownership-grid{grid-template-columns:repeat(4,1fr)}
.ownership-grid span{font-size:13px;color:#62695c}
.questions-section{padding:100px max(24px,5vw) 140px;border-top:1px solid var(--line)}
.questions-inner{max-width:1100px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start}
.questions-heading h2{font-size:clamp(36px,5vw,58px);letter-spacing:-.045em;line-height:1.08;margin:0;text-wrap:balance}
.questions-heading>p:last-child{margin:24px 0 0;color:#5c6656;line-height:1.6;font-size:15px;max-width:340px}
.questions-list{border-top:1px solid #b8c0af}
.questions-list details{border-bottom:1px solid #c7cdbf}
.questions-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:23px 0;font-size:17px;font-weight:600;line-height:1.4;letter-spacing:-.02em}
.questions-list summary::-webkit-details-marker{display:none}
.questions-list summary:after{content:'+';font-size:23px;font-weight:400;line-height:1;flex:none;color:#59704f}
.questions-list details[open] summary:after{content:'−'}
.questions-list details p{margin:0 32px 25px 0;font-size:15px;line-height:1.7;color:#55604e}
.download-section{background:#202820;min-height:94svh}
.download-logo{width:76px;height:76px}
.download-inner h2{font-size:clamp(58px,8vw,110px)}
.download-inner>p{color:#c1c7b9}
.download-button{min-height:48px;background:#edf1e6;color:#202820}
.download-note{font-size:13px!important;color:#c5cebe!important;line-height:1.5;max-width:440px;margin:15px auto 20px!important}
.download-secondary-actions{gap:8px;justify-content:center}
.secondary-download-action{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-color:#67715e;color:#d1d8c9}
.secondary-download-action:hover{background:#354030;border-color:#97a28e;color:#fff}
.local-download-pending{color:#c3cbb9;opacity:1;cursor:default;border-style:dashed}
.local-download-pending:hover{color:#c3cbb9;border-color:#67715e;background:transparent}
.download-meta{color:#c5cebb;flex-wrap:wrap;justify-content:center;line-height:1.5}
.download-inner small{font-size:12px;line-height:1.65;color:#b9c2af;max-width:440px;margin-top:25px}
.site-footer{height:auto;min-height:74px;padding:18px 30px;gap:20px;background:#202820;color:#c1cbb5;border-color:#536047}
.footer-brand{display:inline-flex;align-items:center;gap:9px;color:#f5f3ee}
.footer-brand img{width:27px;height:27px}
.footer-nav a{color:#d3dbc9;font-size:12px;padding:8px 0}
.site-footer>span{font-size:11px}
@media(min-width:901px){.product-section .section-copy,.eye-section .eye-copy{position:relative;top:auto}}
@media(max-width:900px){.questions-inner{grid-template-columns:1fr;gap:40px}.questions-heading>p:last-child{max-width:540px}.ownership-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
 .site-header{padding:12px 14px;gap:10px}
 .site-header .brand-link{padding:3px}
 .site-header .brand-link span,.quick-explore{display:none}
 .quick-actions{gap:5px}
 .quick-action{font-size:11px;padding:9px 10px;min-height:40px}
 .hero{min-height:670px;padding:100px 18px 90px}
 .hero-copy{width:100%;min-height:0}
 .hero-logo{width:74px;height:74px;margin-bottom:28px}
 .hero-title{font-size:15.5vw}
 .hero-subtitle{font-size:4.4vw;margin-top:24px}
 .hero-description{font-size:15px;max-width:350px;margin-top:22px}
 .hero-actions{font-size:12px;gap:20px;margin-top:22px}
 .questions-section{padding:76px 18px 90px}
 .questions-list summary{font-size:16px}
 .site-footer{padding:18px;grid-template-columns:1fr auto}
 .download-section{padding:90px 18px}
 .download-inner small{max-width:320px}
}
@media(max-width:480px){.ownership-grid{grid-template-columns:1fr}.hero-actions{gap:16px}.hero-description{max-width:300px}.workspaces{grid-template-columns:repeat(2,1fr)}.site-footer>span{display:none}}
@media(max-width:350px){.quick-action{font-size:10px;padding:8px}.site-header{padding:10px}.site-header .brand-link img{width:28px;height:28px}.hero{min-height:640px}.hero-actions{gap:13px}.secondary-download-action{font-size:11px;padding:10px}}