@charset "UTF-8";
:root{color-scheme:light dark;--page:#faf9f5;--ink:#182e30;--muted:#54696a;--line:#dce3df;--card:#fff;--wash:#edf2ee;--accent:#087c79;--accent-ink:#fff;--gold:#efbd59;--shadow:0 24px 70px #183e3620}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--page);color:var(--ink);font-family:"Segoe UI Variable","Segoe UI",system-ui,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.1;letter-spacing:-.035em}p{color:var(--muted)}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;left:16px;top:-100px;z-index:5;background:var(--card);padding:12px}.skip:focus{top:12px}.navigation{display:flex;align-items:center;justify-content:space-between;padding-block:25px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:8px;font-size:20px;text-decoration:none;letter-spacing:-.03em}.wordmark strong{font-weight:650}.navigation nav{display:flex;gap:28px;font-size:14px}.navigation nav a{text-decoration:none}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:42px;align-items:center;padding-block:100px 108px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:650;color:var(--accent);margin-bottom:24px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:8px}h1{font-size:clamp(40px,4.7vw,64px);font-weight:650;letter-spacing:-.055em;margin-bottom:26px}h1 em{font-style:normal;color:var(--accent)}.lead{font-size:19px;max-width:510px;line-height:1.65}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:8px;padding:14px 22px;font-size:15px;font-weight:650;text-decoration:none}.primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 5px 12px #083e3212}.primary:hover{color:var(--accent-ink);filter:brightness(1.1)}.text-link{font-size:14px;text-decoration:none}.fine{font-size:13px;line-height:1.65;margin-top:15px}.book-scene{height:380px;position:relative;display:flex;justify-content:center;align-items:center;isolation:isolate}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;z-index:-1;inset:0}.orbit-two{inset:35px}.paper-card{width:230px;min-height:290px;transform:rotate(-8deg);border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:var(--shadow);padding:24px;display:flex;flex-direction:column;align-items:center;gap:8px;margin-left:-45px}.paper-card strong{font-size:16px;letter-spacing:-.025em}.paper-card>span:last-child{font-size:12px;color:var(--muted)}.file-tag{font-size:10px;letter-spacing:.15em;align-self:flex-start;border:1px solid var(--line);border-radius:4px;padding:2px 6px;margin-bottom:8px}.menu-card{position:absolute;right:0;top:160px;min-width:245px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:7px;font-size:14px;transform:rotate(3deg)}.menu-muted{display:block;padding:7px 14px;color:var(--muted);font-size:12px}.menu-choice{display:flex;align-items:center;gap:8px;background:var(--wash);padding:10px;border-radius:6px;font-weight:600}.menu-choice>span{margin-left:auto;color:var(--accent)}.scene-caption{position:absolute;bottom:-24px;font-size:12px;color:var(--muted)}.feature-strip{background:var(--wash);border-block:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:52px;padding-block:40px}.feature-symbol{font-size:24px;color:var(--accent);display:block;margin-bottom:12px}.feature-grid h2{font-size:18px;letter-spacing:-.02em;margin-bottom:10px}.feature-grid p{font-size:14px;line-height:1.65;margin:0}.showcase{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;align-items:center;padding-block:100px}.section-heading h2{font-size:clamp(30px,3.3vw,42px);font-weight:600;margin-bottom:22px}.section-heading p:not(.eyebrow){max-width:440px}.app-shot{margin:0;padding:22px;background:var(--wash);border:1px solid var(--line);border-radius:18px}.app-shot img{display:block;width:100%;height:auto;border-radius:9px;box-shadow:var(--shadow)}figcaption{font-size:11px;text-align:center;color:var(--muted);padding-top:18px}.steps-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-block:85px}.steps{list-style:none;padding:0;margin:0;display:grid;gap:30px}.steps li{display:flex;gap:24px}.step-number{font-size:12px;font-weight:650;color:var(--accent);border:1px solid var(--line);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;flex-shrink:0}.steps h3{font-size:20px;margin-bottom:10px}.steps p{font-size:15px;margin:0}.methods{padding-block:50px 90px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.method-grid article{background:var(--card);padding:32px;border:1px solid var(--line);border-radius:12px}.pill{font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:var(--wash);color:var(--accent);padding:5px 9px;border-radius:5px;display:inline-block;margin-bottom:25px}.method-grid h3{font-size:25px}.method-grid p{font-size:15px;margin-bottom:0}.method-grid .fine{font-size:13px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;border-top:1px solid var(--line);padding-block:85px}.questions details{border-bottom:1px solid var(--line);padding-block:19px}.questions details:first-child{padding-top:0}.questions summary{cursor:pointer;font-weight:600;line-height:1.5;padding-right:10px}.questions p{font-size:14px;margin:18px 0 0}.closing{border:1px solid var(--line);border-radius:18px;background:var(--wash);text-align:center;padding:48px 24px;margin-block:20px 80px}.closing h2{font-size:44px;margin:18px 0 28px}.closing .fine{margin-bottom:0}footer{padding-bottom:28px;font-size:13px}.footer-top{display:flex;justify-content:space-between;gap:24px}.footer-top div{display:flex;gap:24px}footer>p{font-size:11px;max-width:760px;margin-top:22px}.credits{max-width:760px;padding-block:70px}.credits h1{font-size:42px}.credits h2{font-size:25px;margin-top:36px}
@media(prefers-color-scheme:dark){:root{--page:#131e20;--ink:#edf4ef;--muted:#aabcb8;--line:#344447;--card:#1b292c;--wash:#203235;--accent:#81d4c1;--accent-ink:#112d29;--shadow:0 24px 70px #0004}.file-tag{color:var(--muted)}}
@media(max-width:900px){.hero{gap:25px}.menu-card{min-width:215px}.book-scene{height:330px}.paper-card{width:205px}.showcase,.steps-section,.faq{gap:35px}.feature-grid{gap:26px}.actions{gap:18px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.navigation{gap:16px}.navigation nav{gap:16px}.navigation nav a:first-child{display:none}.wordmark{font-size:18px}.hero{grid-template-columns:1fr;padding-block:55px 70px;gap:35px}.hero h1{font-size:46px}.lead{font-size:18px}.book-scene{max-width:400px;width:100%;margin:15px auto 0}.scene-caption{bottom:-18px}.feature-grid{grid-template-columns:1fr;padding-block:35px;gap:30px}.feature-symbol{float:left;margin-right:16px}.feature-grid p{padding-left:40px}.showcase,.steps-section,.faq{grid-template-columns:1fr;padding-block:55px;gap:30px}.showcase .section-heading p{max-width:none}.app-shot{padding:12px}.method-grid{grid-template-columns:1fr}.methods{padding-block:20px 55px}.method-grid article{padding:25px}.closing{margin-bottom:50px}.footer-top{flex-direction:column;gap:12px}.footer-top div{gap:18px;flex-wrap:wrap}.closing h2{font-size:38px}}
@media(max-width:380px){.hero h1{font-size:39px}.navigation nav a:nth-child(2){display:none}.actions{align-items:flex-start;flex-direction:column}.menu-card{min-width:195px}.book-scene{height:330px}.paper-card{margin-left:-30px;width:190px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.file-legend{font-size:14px;color:var(--muted)}.file-legend dt{font-weight:600;color:var(--ink);margin-top:18px}.file-legend dd{margin:5px 0 0}
/* Clear product focus and compact, scannable sections. */
.navigation nav{align-items:center;gap:22px}.navigation .nav-download{padding:10px 16px;font-size:13px}.hero{grid-template-columns:1.05fr 1fr;padding-block:76px 68px;gap:56px}.hero h1{font-size:clamp(38px,4.4vw,59px)}.hero .lead{font-size:18px}.actions{gap:14px}.button{gap:14px;min-height:48px}.secondary{border:1px solid var(--line);background:var(--card);color:var(--ink)}.hero-product{margin:0;position:relative;min-width:0}.hero-product:before{content:"";position:absolute;inset:-35px;z-index:-1;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 13%,transparent),transparent 70%)}.format-tags{display:flex;gap:10px;justify-content:flex-end;margin-bottom:16px}.format-tags span{padding:5px 12px;border:1px solid var(--line);border-radius:7px;color:var(--accent);background:var(--wash);font-size:12px;font-weight:600}.product-frame{padding:12px;border:1px solid var(--line);border-radius:17px;background:var(--wash);box-shadow:var(--shadow)}.product-frame img{width:100%;display:block;border-radius:8px}.hero-product figcaption{padding-top:12px}.feature-strip{border:1px solid var(--line);border-radius:14px}.feature-grid{grid-template-columns:repeat(4,1fr);gap:28px;padding:26px}.feature-grid article{min-width:0}.feature-symbol{font-size:27px;line-height:1.1;margin-bottom:12px}.feature-grid h2{font-size:17px}.feature-grid p{font-size:14px}.steps-section{display:block;padding-block:76px;border-top:0}.steps-section .section-heading{max-width:680px}.eyebrow{margin-bottom:16px}.steps{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.steps li{display:block;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.step-number{margin-bottom:20px;background:var(--wash);border-color:var(--accent);font-size:15px}.steps h3{font-size:22px}.steps p{font-size:15px}.showcase{border:1px solid var(--line);border-radius:16px;background:var(--wash);padding:36px;gap:30px;grid-template-columns:.85fr 1.15fr}.showcase .section-heading h2{font-size:clamp(28px,3vw,38px)}.method-grid{gap:16px}.method-grid article{padding:24px;background:var(--page)}.method-grid h3{font-size:21px;margin-top:20px;margin-bottom:12px}.method-icon{width:48px;height:48px;color:var(--accent)}.browse-details{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px}.browse-details summary{cursor:pointer;color:var(--accent);font-weight:600}.browse-details p{font-size:14px;max-width:850px;margin:14px 0 0}.faq{border-top:0;padding-block:76px;gap:45px}.questions{display:grid;gap:10px;align-content:start}.questions details,.questions details:first-child{border:1px solid var(--line);border-radius:9px;background:var(--card);padding:0}.questions summary{padding:14px 18px;font-size:15px}.questions details[open]{border-color:var(--accent)}.questions details>p,.questions details>dl{margin:0;padding:0 18px 18px}.questions details>dl{padding-top:8px}.questions summary::marker{color:var(--accent)}.closing{margin-top:0}.section-heading p:not(.eyebrow){max-width:510px}
@media(max-width:1000px){.navigation nav{gap:14px}.hero{gap:28px}.feature-grid{grid-template-columns:repeat(2,1fr)}.showcase{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.navigation{flex-wrap:wrap;gap:16px;padding-block:18px}.navigation nav{gap:16px;flex-wrap:wrap}.navigation nav a:first-child{display:inline}.navigation nav a[href^="https://github.com/"]:not(.nav-download){display:none}.navigation .nav-download{min-height:40px}.hero{grid-template-columns:1fr;padding-block:44px;gap:32px}.hero h1{font-size:clamp(36px,9vw,48px)}.hero-product{max-width:530px;width:100%;margin-inline:auto}.hero .lead{font-size:17px}.feature-grid{padding:22px;gap:25px}.feature-symbol{float:none;margin-right:0}.feature-grid p{padding-left:0}.steps{grid-template-columns:1fr;gap:14px}.steps-section,.faq{padding-block:48px}.steps li{padding:22px}.step-number{float:left;margin:0 16px 10px 0}.steps h3{padding-top:6px}.steps p{clear:both;padding-top:6px}.showcase{padding:24px;gap:22px}.method-grid{grid-template-columns:1fr}.method-grid article{padding:20px}.faq{grid-template-columns:1fr;gap:24px}.questions summary{padding:14px}.actions{align-items:stretch;flex-direction:row}.actions .button{flex:1;white-space:nowrap}.closing h2{font-size:36px}}
@media(max-width:400px){.feature-grid{grid-template-columns:1fr}.navigation nav a:first-child{display:none}.actions{flex-direction:column}.wordmark{font-size:19px}.showcase{padding:18px}}
/* File cards and an illustrated reader frame the real application screenshot. */
.hero-product{padding-top:12px;padding-bottom:0;isolation:isolate}
.hero-product .format-tags{justify-content:flex-start;padding-left:16%;gap:16px;margin-bottom:-6px;position:relative;z-index:-1}
.hero-product .format-tags span{position:relative;display:grid;place-items:center;width:53px;height:66px;padding:17px 5px 9px;border-radius:6px 13px 4px 4px;background:linear-gradient(145deg,var(--wash),var(--card));box-shadow:0 5px 20px #0001;transform:rotate(-9deg)}
.hero-product .format-tags span:before{content:"";position:absolute;right:0;top:0;width:12px;height:12px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0 10px 0 3px;background:var(--wash)}
.hero-product .format-tags span:nth-child(2){transform:translateY(-12px) rotate(-2deg)}
.hero-product .format-tags span:nth-child(3){transform:rotate(7deg)}
.hero-product .product-frame{width:84%;position:relative;z-index:1;transform:rotate(-3deg);transform-origin:50% 80%;padding:8px;border-radius:13px;margin-top:10px}
.delivery-arrow{position:absolute;right:0;top:19%;width:20%;height:auto;color:var(--accent);stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 25%,transparent))}
.reader-illustration{position:relative;z-index:2;width:28%;margin:-35% 0 0 auto;padding:9px 8px 7px;border:1px solid #596d70;border-radius:12px;background:linear-gradient(135deg,#2b4044,#111d20);box-shadow:0 18px 38px #0004;transform:rotate(5deg)}
.reader-screen{aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;border-radius:4px;background:linear-gradient(145deg,#e0ece5,#accec2);color:#244740;padding:12px 5px}
.reader-screen svg{width:42%;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.reader-screen strong{font-size:clamp(13px,1.4vw,19px);line-height:1.2;letter-spacing:-.025em}.reader-screen span{font-size:9px;line-height:1.2}.reader-button{width:17px;height:3px;border-radius:3px;background:#62787a;margin:8px auto 0}
.hero-product figcaption{position:relative;margin-top:22px;font-size:13px;color:var(--accent)}.hero-product figcaption span{font-size:10px;color:var(--muted)}
@media(max-width:700px){.hero-product{padding-inline:8px}.reader-screen strong{font-size:clamp(13px,3.3vw,19px)}.delivery-arrow{right:4px}.hero-product:before{inset:0}.reader-screen{gap:7px}.reader-illustration{padding:7px 6px 5px}}
/* Filled step badges make the sequence easy to scan. */
.steps .step-number{width:40px;height:40px;border:0;border-radius:12px;background:var(--accent);color:var(--accent-ink);font-size:17px;font-weight:700}
/* Filled step badges make the sequence easy to scan. */
.steps .step-number{width:40px;height:40px;border:0;border-radius:12px;background:var(--accent);color:var(--accent-ink);font-size:17px;font-weight:700}

.button:has(.windows-icon){gap:10px}.windows-icon{display:block;flex:none;width:18px;height:18px}

/* Standalone reading and viewing, introduced in 0.1.1. */
.reader-section{padding-block:76px 0}
.reader-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-bottom:32px}
.reader-intro .lead{margin-bottom:0;font-size:18px;max-width:none}
.reader-shot{margin:0;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--wash)}
.reader-shot a{display:block}
.reader-shot img{display:block;width:100%;border-radius:8px;box-shadow:var(--shadow)}
.reader-shot figcaption{font-size:13px;padding:18px 8px 4px}
.reader-shot figcaption a{display:inline}
.reader-features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px}
.reader-features h3{font-size:21px;margin-bottom:12px}
.reader-features p{font-size:15px;margin-bottom:0}
.reader-features kbd{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:4px;background:var(--card);padding:2px 5px;white-space:nowrap}
.reader-note{font-size:13px;margin:24px 0 0;padding-bottom:32px;border-bottom:1px solid var(--line)}
@media(max-width:700px){.reader-section{padding-top:48px}.reader-intro,.reader-features{grid-template-columns:1fr;gap:20px}.reader-intro{margin-bottom:24px}.reader-intro .section-heading h2{margin-bottom:0}.reader-shot{padding:8px}.reader-shot figcaption{font-size:12px}.reader-features{margin-top:24px}}