:root{--paper:#f7f3e9;--ink:#193e36;--muted:#52635a;--line:#d7dccc;--accent:#d5ed9e;--orange:#a54324}*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}p{margin:0 0 1.2rem}h1,h2,h3{line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(2.7rem,4.6vw,4.8rem);margin:1.2rem 0 1.5rem;font-weight:700}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}h2{font-size:clamp(2rem,3.5vw,3rem);margin:.8rem 0 1.8rem}h3{font-size:1.55rem;margin:1.5rem 0 1rem}.wrap{width:calc(100% - 6rem);max-width:1180px;margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:1.8rem;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:750;font-size:1.15rem}.brand small{display:block;font-size:.6rem;letter-spacing:.15em}.brand-mark{display:block;flex:none;width:50px;height:50px;object-fit:contain;border-radius:12px}.site-header nav,.site-footer nav{display:flex;gap:1.6rem;flex-wrap:wrap;font-size:.9rem}.site-header nav a{padding:.5rem 0}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:5rem;align-items:center;padding-block:5rem}.eyebrow,.number{font-size:.68rem;font-weight:750;letter-spacing:.14em}.intro{font-size:1.15rem;max-width:29rem;color:var(--muted)}.actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:2rem;font-size:.85rem}.button{display:inline-flex;align-items:center;gap:1.5rem;background:var(--ink);color:var(--paper);padding:1rem 1.3rem;border-radius:6px;text-decoration:none;font-weight:650}.availability{font-size:.8rem;color:var(--muted);margin:1.5rem 0 0}.availability span{margin:0 .4rem}.benefits{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding-block:1.3rem;gap:1rem}.benefits p{margin:0;font-size:.9rem}.benefits span{color:var(--orange);margin-right:1rem;font-size:.75rem}.features{padding-block:5rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.6rem}.feature-grid article{padding:1.6rem;background:#e9edde;border:1px solid #d9e0cb;border-radius:12px}.feature-grid article:nth-child(2){background:#f2e6d3;border-color:#e7d5ba}.feature-grid article:nth-child(3){background:#e0eae5;border-color:#cbdcd4}.feature-grid p{font-size:.94rem}.feature-grid .detail{margin:1.7rem 0 0;font-size:.75rem;font-weight:650}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:5rem;padding-block:3rem;border-top:1px solid var(--line)}.two-column p:not(.eyebrow){color:var(--muted)}.privacy-panel{display:grid;grid-template-columns:1.15fr 1fr;gap:4rem;background:#e9edde;padding:2.7rem;border-radius:14px;margin-top:1rem}.privacy-panel p{font-size:.94rem}.privacy-panel a{font-weight:650;font-size:.9rem}.subscription{border-left:1px solid #bdcbb4;padding-left:3rem}.subscription h3{margin-top:0}.contact{padding-block:3rem;max-width:860px}.contact h2{font-size:2rem}.contact p{color:var(--muted);overflow-wrap:anywhere}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;border-top:1px solid var(--line);padding-block:2rem;font-size:.85rem}.site-footer p{margin:0}.skip{position:absolute;top:-100px;left:16px;background:white;padding:10px;z-index:2}.skip:focus{top:12px}aside[role=note]{padding:20px;border:2px solid var(--orange)}@media(max-width:1000px){.wrap{width:calc(100% - 3rem)}.hero{gap:2.5rem}.hero h1{font-size:3.2rem}.feature-grid{gap:1rem}.two-column{gap:2rem}.privacy-panel{gap:2rem;padding:2rem}.subscription{padding-left:2rem}}@media(max-width:700px){.wrap{width:calc(100% - 2.5rem)}.site-header{flex-wrap:wrap;gap:1rem;padding-block:1.2rem}.site-header nav{width:100%;gap:1.6rem}.hero{grid-template-columns:1fr;padding-block:2.5rem;gap:2.5rem}.hero h1{font-size:clamp(2.5rem,10vw,3.5rem)}.benefits,.feature-grid,.two-column,.privacy-panel{grid-template-columns:1fr}.benefits{gap:.6rem}.features{padding-block:3rem}.two-column{gap:.5rem}.privacy-panel{padding:1.5rem;gap:2rem}.subscription{padding:1.5rem 0 0;border-left:0;border-top:1px solid #bdcbb4}.site-footer{flex-direction:column;align-items:flex-start}.site-footer nav{gap:1rem}.contact{padding-block:2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{body{background:white}.site-header,.actions,.site-footer{display:none}.wrap{width:100%}.hero,.feature-grid,.two-column,.privacy-panel{display:block}.feature-grid article{margin-bottom:1rem}}

/* Product walkthrough and practice guides share the existing paper/green palette. */
img,video{display:block;max-width:100%;height:auto}
p,li,h1,h2,h3,a{overflow-wrap:anywhere}
.hero,.feature-grid,.two-column,.privacy-panel{min-width:0}
.hero>*{min-width:0}
.app-shot{margin:1.6rem auto 0;max-width:260px}
.app-shot img{width:100%;border:5px solid #193e36;border-radius:18px;box-shadow:8px 8px 0 #e5e6d4}
.app-shot figcaption,.video-preview figcaption{font-size:.85rem;line-height:1.6;color:var(--muted);margin-top:1rem;text-align:left}
.hero-shot{max-width:290px;justify-self:center;margin:0}
.demo,.guides-section{padding-block:4rem;border-top:1px solid var(--line)}
.section-intro{max-width:48rem;color:var(--muted);font-size:1.0625rem}
.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2.8rem}
.demo-grid h3{margin-top:.6rem}
.demo-grid p:not(.number){color:var(--muted)}
.video-preview{margin:3rem 0 1.5rem;max-width:860px}
.video-preview video{width:100%;border-radius:12px;background:var(--ink)}
.detail{font-size:.9rem;color:var(--muted)}
.guide-hub-link{margin-top:1.5rem}
.site-footer{flex-wrap:wrap}
.site-footer .hosting-note{flex-basis:100%;font-size:.8rem;color:var(--muted)}
.guide-main{padding-block:2rem 4rem}
.breadcrumbs,.article-meta{font-size:.875rem;color:var(--muted)}
.breadcrumbs{margin-bottom:2.5rem}
.guide-content{max-width:800px;margin-inline:auto}
.guide-content h1{font-size:clamp(2.25rem,5vw,3.6rem)}
.guide-content .intro{max-width:none}
.guide-content h2{font-size:1.75rem;line-height:1.25;margin:2.5rem 0 1rem}
.guide-content p,.guide-content li{font-size:1.0625rem}
.guide-content li+li{margin-top:.9rem}
.guide-content ul,.guide-content ol{padding-left:1.5rem}
.contents{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem;background:#e9edde;padding:1.4rem;border-radius:10px;margin:2rem 0}
.exercise{margin:2rem 0;padding:1.4rem;border-left:4px solid var(--orange);background:#f2e6d3;border-radius:0 8px 8px 0}
.table-scroll{max-width:100%;overflow-x:auto;margin:1.5rem 0}
.table-scroll:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
table{border-collapse:collapse;width:100%;font-size:.95rem}
caption{text-align:left;font-weight:650;margin-bottom:.75rem}
th,td{text-align:left;vertical-align:top;padding:.85rem;border:1px solid #bdcbb4;min-width:7rem}
thead{background:#e9edde}
.guide-cta{max-width:800px;margin:3rem auto;padding:2rem;border:1px solid #bdcbb4;background:#e9edde;border-radius:12px}
.guide-cta h2,.related-guides h2{font-size:2rem}
.related-guides{margin-top:3rem}
[id]{scroll-margin-top:1.5rem}
@media(max-width:1000px){.site-header{flex-wrap:wrap;gap:1rem}.demo-grid{gap:1.4rem}.hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}
@media(max-width:700px){.hero{grid-template-columns:minmax(0,1fr)}.demo-grid{grid-template-columns:minmax(0,1fr);gap:3rem}.demo,.guides-section{padding-block:3rem}.hero-shot{max-width:250px}.app-shot{max-width:260px}.guide-cta{padding:1.4rem}.guide-content h2{font-size:1.5rem}.site-header nav{gap:.6rem 1.2rem}.button{gap:.75rem;max-width:100%}.feature-grid{grid-template-columns:minmax(0,1fr)}}
@media print{.video-preview,.contents,.guide-cta{display:none}.demo-grid{display:block}.app-shot{max-width:180px}.guide-content{max-width:none}.table-scroll{overflow:visible}}