.hs{--hs-paper:#f5f3ef;--hs-ink:#2a2724;max-width:1440px;margin:auto;padding-top:calc(var(--chrome-top) + var(--product-nav-height));color:var(--ink);font-family:var(--font-display)}

.hs *{box-sizing:border-box}
.hs section{scroll-margin-top:140px}
.hs p{line-height:1.65}
.hs h1,.hs h2,.hs h3{font-weight:400;letter-spacing:-.035em}
.hs h1{font-size:clamp(60px,6.4vw,96px);line-height:.99;margin:24px 0 28px}
.hs h2{font-size:clamp(40px,4.2vw,62px);line-height:1.08;margin:20px 0 28px}
.hs h3{font-size:25px;line-height:1.2}
.hs .hs-eyebrow,.hs .hs-fine,.hs .hs-small-label,.hs .hs-art-caption,.hs .hs-demo-status{font-family:var(--font-mono);font-size:11px;line-height:1.7;letter-spacing:.045em}
.hs .hs-eyebrow{letter-spacing:.12em}
.hs .hs-fine,.hs .hs-art-caption,.hs .hs-demo-status{color:var(--ink-2)}
.hs .hs-lead{font-size:27px;line-height:1.4}
.hs a{color:inherit;text-underline-offset:5px}
.hs button,.hs input{font:inherit}
.hs button{cursor:pointer}
.hs a:focus-visible,.hs button:focus-visible,.hs input:focus-visible,.hs summary:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.hs .hs-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin:30px 0;font:12px var(--font-mono)}
.hs .hs-hs-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:17px 22px;background:var(--ink);color:var(--bg);border:1px solid var(--ink);text-decoration:none;font:12px var(--font-mono);border-radius:3px;min-height:44px}
.hs .hs-hs-button:hover{opacity:.85}
.hs .hs-hero{padding:84px 48px 70px;display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
.hs .hs-hero-copy>p:not(.hs-eyebrow):not(.hs-lead):not(.hs-fine){max-width:410px;font-size:18px}
.hs .hs-story-headline{font-size:clamp(48px,4.4vw,68px);line-height:1.06}
.hs .hs-story-headline>span{display:inline-block;font-size:.66em;line-height:1.16;margin-top:.36em}
.hs .hs-hero-art{position:relative;min-height:490px;padding-top:26px}
.hs .hs-hero-window{background:var(--hs-paper);color:var(--hs-ink);border:1px solid #bcb5a9;border-radius:12px;overflow:hidden;box-shadow:0 25px 60px #0002;transform:rotate(-3deg);width:90%;margin-left:-10px}
.hs .hs-window-bar{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #ddd8d0;font:11px system-ui}
.hs .hs-dots{color:#bbb0a1;letter-spacing:3px;font-size:8px}
.hs .hs-window-content{display:grid;grid-template-columns:110px 1fr;min-height:305px}
.hs .hs-mock-sidebar{background:#eae7df;padding:25px 12px;display:flex;flex-direction:column;gap:15px;font:10px system-ui}
.hs .hs-mock-sidebar hr{width:100%;border:0;border-top:1px solid #ccc4b7}
.hs .hs-mock-library{padding:24px 20px 48px}
.hs .hs-mock-library h3{margin:12px 0 22px;font-family:Georgia,serif;font-size:23px}
.hs .hs-hero-books{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hs .hs-cover{position:relative;aspect-ratio:.65;padding:14px 12px 8px;color:#f8ebcb;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 5px 0 3px #0002,3px 5px 8px #0002;border-radius:1px 4px 4px 1px;text-align:left}
.hs .hs-cover:after{content:'';position:absolute;inset:6px;border:1px solid #ffe8b54d;pointer-events:none}
.hs .hs-cover small{font:7px/1.3 var(--font-mono);letter-spacing:.07em}
.hs .hs-cover strong{font:clamp(15px,1.8vw,25px)/1.08 Georgia,serif;letter-spacing:-.04em}
.hs .hs-cover-ornament{font:40px Georgia,serif;align-self:center}
.hs .hs-green{background:#324c41}
.hs .hs-rust{background:#8e4533}
.hs .hs-blue{background:#3d5364}
.hs .hs-mock-progress{display:flex;justify-content:space-between;margin-top:20px;font:9px system-ui}
.hs .hs-progress-track{height:3px;background:#ddd8cd;margin-top:7px}
.hs .hs-progress-track i{display:block;width:32%;height:100%;background:#ac702e}
.hs .hs-hero-reader{position:absolute;right:0;bottom:25px;width:210px;height:326px;border:7px solid #302d29;border-radius:26px;background:#f3ead8;color:#4a3f2f;padding:22px 18px;box-shadow:0 18px 35px #0003;transform:rotate(6deg)}
.hs .hs-reader-top{font:7px var(--font-mono);text-align:center;margin-bottom:26px}
.hs .hs-chapter{font:9px/1.6 var(--font-mono);letter-spacing:.12em}
.hs .hs-hero-reader h3{font:25px/1.12 Georgia;margin:12px 0}
.hs .hs-hero-reader p{font:12px/1.65 Georgia}
.hs .hs-reader-bottom{font:7px var(--font-mono);margin-top:20px}
.hs .hs-art-caption{position:absolute;bottom:-44px;left:0;margin:0}
.hs .hs-ribbon{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:24px 48px;font:10px var(--font-mono);letter-spacing:.16em}
.hs .hs-chapter-section,.hs .hs-sync-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding:110px 48px;align-items:center}
.hs .hs-section-copy>p:not(.hs-eyebrow):not(.hs-lead),.hs .hs-sync-section>div>p:not(.hs-lead):not(.hs-eyebrow){font-size:18px}
.hs .hs-try{font-style:italic;color:var(--ink-2)}
.hs .hs-demo{background:var(--bg-raised);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 16px 45px #0000000a}
.hs .hs-library-demo{padding:28px}
.hs .hs-demo-header{display:flex;justify-content:space-between;gap:12px;align-items:center;font:25px Georgia;margin-bottom:20px}
.hs .hs-demo-header .hs-small-label{font-size:8px}
.hs .hs-search-label{font:11px var(--font-mono);display:block;margin-bottom:8px}
.hs input{width:100%;padding:12px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:5px;font-size:15px}
.hs .hs-segmented{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:6px;margin:16px 0}
.hs .hs-segmented button{flex:1;min-height:40px;background:transparent;border:0;border-radius:4px;color:var(--ink-2);font:11px var(--font-mono);padding:8px}
.hs .hs-segmented button[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.hs .hs-book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0;min-height:200px}
.hs .hs-book-card{border:0;background:none;padding:0;color:var(--ink);text-align:left;min-width:0}
.hs .hs-book-card:hover .hs-cover{transform:translateY(-4px)}
.hs .hs-book-card .hs-cover{transition:transform 160ms ease}
.hs .hs-book-card .hs-cover strong{font-size:23px}
.hs .hs-book-card>.hs-small-label{display:block;font-size:9px;margin-top:12px}
.hs .hs-book-detail{border-top:1px solid var(--line);padding-top:20px}
.hs .hs-book-detail[hidden]{display:none}
.hs .hs-book-detail h3{margin:10px 0}
.hs .hs-offline-section{padding:80px 9%;background:var(--bg-recessed);border-block:1px solid var(--line)}
.hs .hs-offline-grid,.hs .hs-two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;font-size:18px}
.hs .hs-journey{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--line);padding-top:28px;margin-top:35px;font:11px/1.8 var(--font-mono)}
.hs .hs-journey b{display:block;margin-bottom:12px;font-weight:400;color:var(--ink-2)}
.hs .hs-reading-controls{padding:12px 20px;border-bottom:1px solid var(--line)}
.hs .hs-reading-controls .hs-segmented{margin:0}
.hs .hs-size-controls{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:12px;font:11px var(--font-mono)}
.hs .hs-size-controls button{border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--ink);min-width:44px;min-height:40px}
.hs button:disabled{opacity:.4;cursor:default}
.hs .hs-reading-page{background:#f5f3ef;color:#2a2724;min-height:400px;padding:42px}
.hs .hs-reading-page[data-paper=sepia]{background:#f3ead8;color:#4a3f2f}
.hs .hs-reading-page[data-paper=black]{background:#000;color:#d8d8d8}
.hs .hs-reading-page h3{font:32px/1.2 Georgia;margin:28px 0}
.hs .hs-reading-page .hs-excerpt{font:var(--reading-size,20px)/1.7 Georgia}
.hs .hs-reading-page .hs-small-label{display:block;margin-top:28px;font-size:9px}
.hs .hs-reading-demo>.hs-demo-status{padding:0 20px}
.hs .hs-sync-section{border-top:1px solid var(--line)}
.hs .hs-sync-demo{padding:38px}
.hs .hs-sync-demo h3{font-size:32px}
.hs .hs-sync-demo p{font-size:18px}
.hs .hs-position{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:28px 0;font:11px var(--font-mono)}
.hs meter{width:100%;height:10px;accent-color:#957047}
.hs .hs-text-button{background:transparent;border:0;color:var(--ink);text-decoration:underline;text-underline-offset:5px;font:11px var(--font-mono);min-height:44px;padding:0}
.hs .hs-sync-demo .hs-demo-status{font-size:11px}
.hs .hs-ecosystem{padding:64px 9%;background:var(--bg-recessed)}
.hs .hs-requirements{padding:100px 48px}
.hs .hs-requirements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:45px 0 60px}
.hs .hs-requirements-grid article{border-top:1px solid var(--line);padding-top:24px}
.hs .hs-requirements-grid p{font-size:17px}
.hs .hs-faq{max-width:850px}
.hs details{border-top:1px solid var(--line);padding:22px 0}
.hs summary{cursor:pointer;font-size:21px;line-height:1.5}
.hs details p{font-size:17px;max-width:700px}
.hs .hs-closing{text-align:center;border-top:1px solid var(--line);padding:80px 24px 110px}
.hs .hs-closing h2{font-size:clamp(48px,6vw,84px)}
.hs .hs-closing>p:not(.hs-eyebrow):not(.hs-fine){font-size:20px}
.hs .hs-closing .hs-actions{justify-content:center}
.hs .hs-closing-mark{object-fit:contain;margin-bottom:24px}
[data-theme=dark] .hs .hs-closing-mark{filter:invert(1)}

@media(max-width:1000px){.hs .hs-hero{grid-template-columns:1fr;gap:25px}
.hs .hs-hero-copy{max-width:650px}
.hs .hs-hero-art{width:min(640px,100%);margin:0 auto;min-height:510px}
.hs .hs-cover strong{font-size:25px}
.hs .hs-chapter-section,.hs .hs-sync-section{gap:40px;padding:80px 32px}
.hs .hs-book-card .hs-cover strong{font-size:18px}
.hs .hs-book-grid{gap:10px}
.hs .hs-cover{padding:12px 10px}
.hs .hs-library-demo{padding:20px}
}

@media(max-width:700px){.hs .hs-hero{padding:48px 24px 50px}
.hs h1{font-size:64px}
.hs .hs-lead{font-size:24px}
.hs .hs-hero-art{min-height:400px;padding-top:10px}
.hs .hs-hero-window{margin-left:0;transform:rotate(-2deg)}
.hs .hs-mock-sidebar{display:none}
.hs .hs-window-content{grid-template-columns:1fr;min-height:270px}
.hs .hs-mock-library{padding:18px 14px 28px}
.hs .hs-hero-books{gap:12px;max-width:360px}
.hs .hs-hero-books .hs-cover strong{font-size:21px}
.hs .hs-hero-books .hs-cover{min-height:158px}
.hs .hs-hero-reader{width:145px;height:225px;padding:15px 10px;border-width:5px;bottom:0;right:0}
.hs .hs-hero-reader h3{font-size:20px;margin:8px 0}
.hs .hs-hero-reader p{font-size:9px;line-height:1.5}
.hs .hs-reader-top{font-size:6px;margin-bottom:14px}
.hs .hs-hero-reader .hs-chapter{font-size:7px}
.hs .hs-reader-bottom{display:none}
.hs .hs-art-caption{bottom:-44px;font-size:9px}
.hs .hs-ribbon{padding:20px 24px;margin-top:24px;gap:14px;font-size:8px;letter-spacing:.02em}
.hs .hs-chapter-section,.hs .hs-sync-section{grid-template-columns:1fr;gap:30px;padding:65px 24px}
.hs h2{font-size:42px}
.hs .hs-offline-section,.hs .hs-ecosystem{padding:60px 24px}
.hs .hs-offline-grid,.hs .hs-two-col{grid-template-columns:1fr;gap:0}
.hs .hs-journey{gap:16px;font-size:10px}
.hs .hs-book-grid{gap:12px;min-height:180px}
.hs .hs-book-card .hs-cover strong{font-size:18px}
.hs .hs-cover small{font-size:6px}
.hs .hs-cover-ornament{font-size:32px}
.hs .hs-library-demo{padding:18px}
.hs .hs-demo-header .hs-small-label{font-size:7px}
.hs .hs-reading-page{padding:28px;min-height:360px}
.hs .hs-sync-demo{padding:24px}
.hs .hs-requirements{padding:60px 24px}
.hs .hs-requirements-grid{grid-template-columns:1fr;gap:24px}
.hs .hs-requirements-grid h3{margin:14px 0}
.hs .hs-requirements-grid p{margin-bottom:0}
.hs .hs-closing{padding-bottom:70px}
}

@media(prefers-reduced-motion:reduce){.hs *{transition:none!important;scroll-behavior:auto!important}
}

/* Allow grid illustrations to shrink below their book covers' intrinsic widths. */
.hs .hs-hero > *, .hs .hs-chapter-section > *, .hs .hs-sync-section > * { min-width: 0; }
.hs .hs-hero-books > * { min-width: 0; }
@media (max-width: 700px) {
  .hs .hs-hero-window { width: 90%; }
  .hs .hs-hero-reader { right: 8px; }
}
.hs .hs-system {padding:80px 48px;border-block:1px solid var(--line)}
.hs .hs-system>.hs-lead {max-width:850px}
.hs .hs-server {border:1px solid var(--line-strong);padding:28px;text-align:center;margin:40px 0 0;background:var(--bg-recessed)}
.hs .hs-server h3 {margin:12px 0;font-size:32px}
.hs .hs-server p {font:12px/1.7 var(--font-mono)}
.hs .hs-client-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:24px 0}
.hs .hs-client-grid article {border:1px solid var(--line);padding:30px;background:var(--bg-raised)}
.hs .hs-client-grid h3 {font-size:29px;margin:18px 0}
.hs .hs-client-grid p {font-size:18px}
.hs .hs-client-grid a {font:12px/1.7 var(--font-mono)}
.hs .hs-ko-capture {margin:0;padding:18px;border:1px solid var(--line);background:var(--bg-raised)}
.hs .hs-ko-capture img {display:block;width:100%;height:auto;max-height:650px;object-fit:contain;background:#fff}
.hs .hs-ko-capture figcaption {margin-top:16px}
.hs .hs-home-path {display:flex;flex-wrap:wrap;gap:20px;border-block:1px solid var(--line);padding:25px 0;margin-top:28px;font:12px/1.8 var(--font-mono)}
.hs .hs-install-options {max-width:1050px;margin:40px auto;text-align:left}
.hs #remove-book {display:block;margin-top:16px}
.hs #remove-book[hidden] {display:none}
@media(max-width:700px){.hs .hs-system{padding:60px 24px}.hs .hs-client-grid{grid-template-columns:1fr;gap:16px}.hs .hs-client-grid article{padding:24px}.hs .hs-home-path{flex-direction:column;gap:8px}.hs .hs-home-path>span[aria-hidden]{transform:rotate(90deg);align-self:flex-start}.hs .hs-hero h1{font-size:56px}
.hs .hs-hero .hs-story-headline{font-size:clamp(44px,12vw,56px)}}
/* Device chapters: short copy, large interactive product illustrations. */
.hs .hs-device-section{padding:80px 48px;border-top:1px solid var(--line);overflow:clip}
.hs .hs-device-heading{text-align:center;max-width:860px;margin:0 auto 48px}
.hs .hs-device-heading h2{font-size:clamp(42px,5.2vw,76px)}
.hs .hs-device-heading .hs-lead{max-width:690px;margin:24px auto}
.hs .hs-iphone-section{background:color-mix(in srgb,var(--bg) 93%,#83977b)}
.hs .hs-phone-stage{display:grid;grid-template-columns:1fr 350px .8fr;gap:48px;align-items:center;max-width:1050px;margin:0 auto 56px;position:relative}
.hs .hs-device-notes h3{font-size:46px;margin:20px 0}
.hs .hs-device-notes>p:not(.hs-fine){font-size:19px}
.hs .hs-tour-controls{display:flex;flex-direction:column;gap:10px;margin-top:28px}
.hs .hs-tour-controls button{border:1px solid var(--line-strong);background:transparent;color:var(--ink);border-radius:40px;padding:15px 20px;text-align:left;font:12px var(--font-mono);min-height:46px}
.hs .hs-tour-controls button[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.hs .hs-phone{position:relative;border:9px solid #292824;border-radius:48px;background:#f5f3ef;color:#2a2724;box-shadow:12px 24px 0 color-mix(in srgb,var(--ink) 7%,transparent),0 30px 60px #0002;min-height:650px;overflow:hidden}
.hs .hs-phone-status{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font:10px system-ui}
.hs .hs-phone-status i{width:90px;height:22px;background:#171714;border-radius:20px}
.hs .hs-phone-library{padding:24px 22px 40px}
.hs .hs-phone-library>.hs-small-label{font-size:8px}
.hs .hs-phone-library h3{font:32px Georgia;margin:16px 0 24px}
.hs .hs-phone-shelf{display:flex;justify-content:space-between;font:12px system-ui;margin-bottom:16px}
.hs .hs-phone-shelf span:last-child{color:#706a61}
.hs .hs-phone-covers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.hs .hs-phone-covers .hs-cover{padding:12px 8px;min-height:135px}
.hs .hs-phone-covers .hs-cover strong{font-size:14px}
.hs .hs-phone-covers .hs-cover small{font-size:5px}
.hs .hs-phone-covers .hs-cover-ornament{font-size:25px}
.hs .hs-phone-resume{margin:28px 0;padding:22px 0;border-block:1px solid #d9d4ca}
.hs .hs-phone-resume h4{font:22px Georgia;margin:12px 0}
.hs .hs-phone-resume p{font:12px/1.6 system-ui;margin-bottom:0}
.hs .hs-phone-resume .hs-small-label{font-size:8px}
.hs .hs-phone .hs-hs-button{background:#2a2724;color:#f5f3ef;border-color:#2a2724;width:100%;font-size:11px}
.hs .hs-home-indicator{position:absolute;bottom:9px;left:35%;width:30%;height:4px;border-radius:3px;background:#777}
.hs .hs-phone-caption{display:flex;flex-direction:column;gap:24px;font:13px/1.7 var(--font-mono);transform:rotate(5deg)}
.hs .hs-phone [hidden]{display:none!important}
.hs .hs-phone .hs-reading-demo{border:0;border-radius:0;box-shadow:none}
.hs .hs-phone .hs-reading-controls{padding:12px}
.hs .hs-phone .hs-segmented button{font-size:9px}
.hs .hs-phone .hs-reading-page{padding:26px 24px;min-height:430px}
.hs .hs-phone .hs-reading-page h3{font-size:26px}
.hs .hs-phone .hs-reading-page .hs-excerpt{font-size:var(--reading-size,17px);line-height:1.6}
.hs .hs-phone .hs-reading-page .hs-small-label{font-size:7px}
.hs .hs-phone .hs-demo-status{font-size:8px;margin-bottom:25px}
.hs .hs-benefit-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-top:1px solid var(--line);padding-top:30px;font-size:17px;line-height:1.5}
.hs .hs-benefit-strip b{display:block;font-weight:400;font-size:23px;margin-bottom:8px}
.hs .hs-mac-stage{max-width:1100px;margin:55px auto 45px}
.hs .hs-mac-window{border:1px solid var(--line-strong);border-radius:14px 14px 4px 4px;overflow:hidden;box-shadow:0 20px 60px #0002;background:var(--bg-raised)}
.hs .hs-mac-body{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:440px}
.hs .hs-mac-sidebar{padding:24px 16px;background:var(--bg-recessed);display:flex;flex-direction:column;gap:10px;border-right:1px solid var(--line)}
.hs .hs-mac-sidebar>.hs-small-label{font-size:8px;margin:14px 0 4px}
.hs .hs-mac-sidebar button{display:flex;justify-content:space-between;gap:10px;border:0;padding:12px;border-radius:5px;font:12px system-ui;text-align:left;background:transparent;color:var(--ink);min-height:44px}
.hs .hs-mac-sidebar button[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.hs .hs-mac-sidebar .hs-fine{font-size:9px;margin-top:auto}
.hs .hs-mac-library{padding:32px;min-width:0}
.hs .hs-mac-library h3{font:32px Georgia;margin:16px 0 28px}
.hs .hs-mac-covers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.hs .hs-mac-covers>div{min-width:0;animation:hs-book-in .35s ease-out}
.hs .hs-mac-covers>div[hidden]{display:none}
.hs .hs-mac-covers .hs-cover{max-width:180px;min-height:210px;padding:18px}
.hs .hs-mac-covers .hs-cover strong{font-size:clamp(20px,2.3vw,30px)}
.hs .hs-mac-covers p{font-size:15px;line-height:1.3;margin:16px 0 6px}
.hs .hs-mac-covers small:not(.hs-cover small){font:10px/1.5 var(--font-mono);color:var(--ink-2)}
.hs .hs-mac-base{height:12px;background:linear-gradient(#c7c3bb,#9b978e);border-radius:0 0 50% 50%;margin:0 -16px;box-shadow:0 10px 20px #0002}
.hs .hs-mac-caption{text-align:center;margin-top:25px}
@keyframes hs-book-in{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.hs .hs-phone-stage{grid-template-columns:1fr 330px;gap:35px}.hs .hs-phone-caption{display:none}.hs .hs-mac-body{grid-template-columns:165px minmax(0,1fr)}.hs .hs-mac-covers{gap:16px}.hs .hs-mac-covers .hs-cover{min-height:170px;padding:12px}.hs .hs-mac-library{padding:24px}}
@media(max-width:700px){.hs .hs-device-section{padding:60px 24px}.hs .hs-device-heading{text-align:left;margin-bottom:30px}.hs .hs-phone-stage{display:flex;flex-direction:column;gap:28px;margin-bottom:40px}.hs .hs-device-notes{width:100%}.hs .hs-device-notes h3{font-size:32px}.hs .hs-device-notes h3 br{display:none}.hs .hs-device-notes>p:not(.hs-fine){font-size:17px}.hs .hs-tour-controls{flex-direction:row;gap:8px;margin-top:20px}.hs .hs-tour-controls button{padding:12px;font-size:10px;flex:1;text-align:center}.hs .hs-phone{width:min(100%,340px);min-height:640px;border-width:7px}.hs .hs-benefit-strip{grid-template-columns:1fr;gap:22px}.hs .hs-benefit-strip b{font-size:22px;margin-bottom:4px}.hs .hs-mac-body{grid-template-columns:1fr}.hs .hs-mac-sidebar{display:flex;flex-direction:row;flex-wrap:wrap;padding:10px;border-right:0;border-bottom:1px solid var(--line);gap:4px}.hs .hs-mac-sidebar>.hs-small-label,.hs .hs-mac-sidebar>.hs-fine{display:none}.hs .hs-mac-sidebar button{flex:1;font-size:10px;gap:6px;padding:10px 8px}.hs .hs-mac-library{padding:18px 14px}.hs .hs-mac-library>.hs-small-label{font-size:7px}.hs .hs-mac-covers{gap:10px}.hs .hs-mac-covers .hs-cover{min-height:130px;padding:10px 7px}.hs .hs-mac-covers .hs-cover strong{font-size:14px}.hs .hs-mac-covers .hs-cover small{font-size:5px}.hs .hs-mac-covers .hs-cover-ornament{font-size:25px}.hs .hs-mac-covers p{font-size:11px}.hs .hs-mac-covers small:not(.hs-cover small){font-size:8px}.hs .hs-mac-stage{margin-top:30px}.hs .hs-mac-window .hs-window-bar{font-size:8px;padding:12px}.hs .hs-mac-base{margin:0 -8px}}
@media(prefers-reduced-motion:reduce){.hs .hs-mac-covers>div{animation:none}}

.hs .hs-phone {height:660px;min-height:660px}
.hs .hs-phone .hs-reading-page {height:430px;min-height:0;overflow-y:auto}

/* Approved OpenDesign lockup used by the coordinated Hansel release. */
.hs .hs-release-lockup{display:block;width:min(100%,280px);height:auto;margin-bottom:30px}
[data-theme="dark"] .hs .hs-release-lockup{filter:invert(1)}
.hs .hs-install-options .hs-hs-button:disabled{opacity:.65;cursor:default}

/* Actual screen captures sit in quiet, consistently scaled device frames. */
.hs .hs-capture-tour { margin: 0; min-width: 0; }
.hs .hs-capture-tour figcaption { text-align: center; margin: 18px auto 0; max-width: 580px; }
.hs .hs-ko-tour { width: min(100%, 440px); justify-self: center; }
.hs .hs-ereader { position: relative; background: #33332f; padding: 26px 18px 12px; border: 1px solid #4a4a43; border-radius: 25px; box-shadow: 0 22px 45px #0002, inset 0 0 0 3px #ffffff0b; }
.hs .hs-device-camera { position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #171714; top: 12px; left: calc(50% - 2px); }
.hs .hs-device-chin { display: block; margin-top: 15px; color: #bbbcb1; text-align: center; font: 7px/1.3 var(--font-mono); letter-spacing: .16em; }
.hs .hs-tour-screen { position: relative; overflow: hidden; isolation: isolate; }
.hs .hs-portrait-screen { aspect-ratio: 3 / 4; background: #fff; color: #000; border: 1px solid #141412; border-radius: 2px; overflow: hidden; }
.hs .hs-tour-frame { width: 100%; height: 100%; }
.hs .hs-tour-frame[hidden], .hs .hs-scene-controls[hidden], .hs [data-show-scene][hidden], .hs [data-pause-tour][hidden] { display: none !important; }
.hs .hs-tour-frame > img, .hs .hs-portrait-screen > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.hs .hs-tour-screen > .hs-tour-frame { position: absolute; inset: 0; }
.hs .hs-scene-controls { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 24px; font: 10px/1.5 var(--font-mono); }
.hs .hs-scene-buttons { display: flex; flex-wrap: wrap; gap: 4px; }
.hs .hs-scene-controls button { min-height: 44px; border: 1px solid var(--line); border-radius: 3px; padding: 10px 12px; color: var(--ink); background: var(--bg); font: inherit; }
.hs .hs-scene-controls button[aria-pressed=true]:not(.hs-tour-pause) { color: var(--bg); background: var(--ink); border-color: var(--ink); }
.hs .hs-scene-controls .hs-tour-pause { border: 0; text-decoration: underline; text-underline-offset: 4px; min-width: 56px; }
.hs .hs-tap-cue, .hs .hs-cursor-cue { position: absolute; pointer-events: none; z-index: 2; opacity: 0; }
.hs .hs-tap-cue { width: 28px; height: 28px; border: 2px solid #8e6845; border-radius: 50%; background: #e1c8a54d; transform: translate(-50%, -50%); }
.hs .hs-tap-cue.hs-cue-active { animation: hs-tap .65s ease-out; }
.hs .hs-cursor-cue.hs-cue-active { animation: hs-cursor .65s ease-out; }
@keyframes hs-tap { 0% { opacity: .85; transform: translate(-50%, -50%) scale(.5); } 70% { opacity: .65; } 100% { opacity: 0; transform: translate(-50%, -50%) scale(1.5); } }
@keyframes hs-cursor { 0%, 65% { opacity: .95; } 100% { opacity: 0; } }
.hs .hs-mac-tour { width: 100%; max-width: 1080px; margin: 45px auto; }
.hs .hs-desktop-frame { border: 9px solid #33332f; border-bottom-width: 16px; border-radius: 15px 15px 5px 5px; background: var(--bg-raised); box-shadow: 0 22px 45px #0002; overflow: hidden; }
.hs .hs-landscape-screen { aspect-ratio: 16 / 10; background: var(--bg-raised); }
.hs .hs-paired-section { background: var(--bg-recessed); }
.hs .hs-paired-readers { display: grid; grid-template-columns: .52fr 1fr; align-items: center; gap: 48px; max-width: 1150px; margin: 0 auto; }
.hs .hs-paired-readers figure { min-width: 0; margin: 0; }
.hs .hs-paired-ereader { max-width: 300px; margin: 0 auto; padding: 20px 13px 10px; border-radius: 20px; }
.hs .hs-paired-mac .hs-desktop-frame { aspect-ratio: 16 / 10; }
.hs .hs-paired-mac .hs-desktop-frame > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.hs .hs-paired-readers figcaption { text-align: center; margin: 22px 0 0; }
.hs .hs-paired-note { max-width: 760px; text-align: center; margin: 38px auto 0; }
@media (max-width: 1000px) { .hs .hs-ko-section { grid-template-columns: 1fr 1fr; gap: 32px; } .hs .hs-paired-readers { gap: 28px; } }
@media (max-width: 700px) {
  .hs .hs-ko-section { grid-template-columns: 1fr; }
  .hs .hs-ko-tour { width: min(100%, 380px); }
  .hs .hs-ereader { padding: 24px 13px 11px; border-radius: 21px; }
  .hs .hs-scene-controls { gap: 4px; margin-top: 18px; }
  .hs .hs-scene-controls button { padding: 9px 10px; font-size: 9px; }
  .hs .hs-desktop-frame { border-width: 5px; border-bottom-width: 10px; border-radius: 9px 9px 3px 3px; }
  .hs .hs-paired-readers { grid-template-columns: 1fr; gap: 40px; }
  .hs .hs-paired-ereader { width: min(76%, 280px); }

}
@media (prefers-reduced-motion: reduce) { .hs .hs-tap-cue, .hs .hs-cursor-cue { display: none; animation: none !important; } }

/* Hansel-local adaptation of the current Pasture comparison table pattern. */
.hs .hs-support-section { border-top: 1px solid var(--line); }
.hs .hs-support-table { overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
.hs .hs-support-table:focus-visible { outline: 2px solid var(--ink); outline-offset: 5px; }
.hs .hs-support-table table { width: 100%; min-width: 700px; border-collapse: separate; border-spacing: 0; table-layout: fixed; text-align: center; }
.hs .hs-support-table .hs-feature-column { width: 34%; }
.hs .hs-support-table th, .hs .hs-support-table td { padding: 22px 20px; border-bottom: 1px solid var(--line); vertical-align: top; }
.hs .hs-support-table thead th { border-top: 1px solid var(--line); font: 11px/1.6 var(--font-mono); text-transform: uppercase; letter-spacing: .045em; color: var(--ink-2); }
.hs .hs-support-table tbody th { font: 20px/1.4 var(--font-display); font-weight: 400; }
.hs .hs-support-table td { font: 11px/1.7 var(--font-mono); }
.hs .hs-support-table tr > :first-child { position: sticky; left: 0; z-index: 1; background: var(--bg); text-align: left; }
.hs .hs-support-table small { display: block; font: 9px/1.7 var(--font-mono); margin-top: 6px; color: var(--ink-2); text-transform: none; letter-spacing: 0; }
.hs .hs-support-notes { max-width: 920px; margin-top: 24px; }
.hs .hs-support-notes p, .hs .hs-table-hint { font: 10px/1.8 var(--font-mono); color: var(--ink-2); }
.hs .hs-table-hint { display: none; text-align: right; margin-bottom: 16px; }
@media (max-width: 700px) { .hs .hs-table-hint { display: block; } .hs .hs-support-table th, .hs .hs-support-table td { padding: 17px 14px; } .hs .hs-support-table tbody th { font-size: 18px; } .hs .hs-support-table .hs-feature-column { width: 30%; } .hs .hs-support-table table { min-width: 660px; } }

/* Capture interiors retain the original hero composition and positions. */
.hs .hs-hero-capture-reader { padding: 10px; background: #302d29; display: flex; align-items: center; }
.hs .hs-hero-capture-reader .hs-portrait-screen { width: 100%; }
.hs picture[data-mac-theme] { display: block; width: 100%; }
.hs picture[data-mac-theme] > img { display: block; width: 100%; height: auto; }
.hs .hs-tour-frame > picture[data-mac-theme], .hs .hs-paired-mac .hs-desktop-frame > picture[data-mac-theme] { height: 100%; }
.hs .hs-tour-frame > picture[data-mac-theme] > img, .hs .hs-paired-mac .hs-desktop-frame > picture[data-mac-theme] > img { height: 100%; object-fit: contain; }
.hs .hs-mac-tour .hs-scene-controls { flex-wrap: wrap; }
.hs .hs-engine-overview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; margin: 0 0 22px; }
.hs .hs-engine-overview article { border-top: 1px solid var(--line); padding-top: 24px; }
.hs .hs-engine-overview h3 { font-size: 30px; margin: 18px 0; }
.hs .hs-engine-overview p { font-size: 18px; }
.hs .hs-engine-overview a { font: 11px/1.7 var(--font-mono); }
.hs .hs-engine-note { max-width: 930px; margin-bottom: 38px; }
@media (max-width: 700px) {
  .hs .hs-hero-capture-reader { padding: 6px; }
  .hs .hs-engine-overview { grid-template-columns: 1fr; gap: 28px; }
  .hs .hs-engine-overview h3 { font-size: 27px; }
  .hs .hs-engine-overview p { font-size: 17px; }
  .hs .hs-mac-tour .hs-scene-controls { gap: 4px; }
  .hs .hs-mac-tour .hs-scene-controls button { padding-inline: 8px; }
}