:root{color-scheme:light;--ink:#23392e;--muted:#596a5c;--paper:#f7f8f2;--line:#d8dfd1;--green:#325c42;--tint:#eaf0e4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 "Segoe UI",Arial,sans-serif}a{color:inherit;text-underline-offset:4px}img{display:block;max-width:100%;height:auto}p{color:var(--muted)}.site-header,main,footer{max-width:1240px;margin:auto}.site-header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px}.brand{font-size:24px;font-weight:650;letter-spacing:-1px;text-decoration:none;display:flex;align-items:center;gap:10px}.mark{width:35px;height:35px;display:grid;place-items:center;background:var(--green);color:white;border-radius:8px;font-size:26px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px}.site-header nav a{text-decoration:none}.nav-demo{background:var(--tint);border:1px solid var(--line);padding:9px 14px;border-radius:7px}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;padding:76px 40px 60px;align-items:center}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:var(--muted)}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.12;letter-spacing:-1.5px}h1{font-size:clamp(50px,5.8vw,76px);margin:22px 0 25px;letter-spacing:-2.5px}h1 em,h2 em{color:#6b8064;font-weight:400}.lede{font-size:18px;line-height:1.7;max-width:490px}.actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin:30px 0 20px}.button,button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font:600 13px/1.5 "Segoe UI",Arial,sans-serif;padding:14px 20px;border:1px solid var(--green);border-radius:7px;background:var(--green);color:#fff;text-decoration:none}.button:hover{background:#234a32}.text-link{font-size:13px;font-weight:600}.small{font-size:11px;line-height:1.7}.release-card{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 20px 60px #20302507}.release-card>img{aspect-ratio:720/560;width:100%}.release-info{padding:23px 28px 19px}.pill{display:inline-block;font-size:10px;background:var(--tint);padding:4px 9px;border-radius:4px}.release-info h2{font-size:33px;margin:15px 0}.release-info strong{font-weight:600;color:var(--ink);font-size:20px}.release-info p>span{font-size:12px}.release-info button{width:100%;background:#eef1e9;color:#586652;border-color:var(--line);cursor:not-allowed}.principles{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 40px;padding:20px 0;font-size:12px;color:var(--muted)}.principles span:before{content:"✓";margin-right:10px;color:var(--green)}.section{padding:68px 40px;border-bottom:1px solid var(--line)}.section-heading{max-width:720px;margin-bottom:35px}.section h2,.closing h2{font-size:42px;margin:15px 0 19px}.section-heading>p:last-child{max-width:630px}.three-up{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.three-up article{border-top:1px solid var(--line);padding-top:22px}.step{font-size:12px;color:#6b8064}h3{font-size:17px;line-height:1.4;font-weight:600;margin:18px 0 12px}.three-up p{font-size:14px}.screenshot{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.screenshot img{width:100%}.caption{display:flex;justify-content:space-between;gap:18px;font-size:11px;color:var(--muted);margin-top:14px}.handoff{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.handoff p{font-size:14px}.folder-example{border:1px solid var(--line);border-radius:10px;background:white;overflow:hidden}.folder-title{padding:20px;font-family:Consolas,monospace;font-size:15px;background:#eef2e8;display:flex;justify-content:space-between;gap:15px}.folder-title>span{font:10px/2 "Segoe UI",sans-serif;color:var(--muted)}.folder-example ul{list-style:none;margin:0;padding:6px 20px}.folder-example li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf0e9;font:12px/1.5 Consolas,monospace}.folder-example li small{margin-left:auto;font:10px/1.5 "Segoe UI",sans-serif;color:var(--muted)}.included{color:#325c42}.excluded{color:#817766}.folder-example>p{padding:5px 20px 17px;margin:0;font-size:10px;overflow-wrap:anywhere}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.details-grid h3{margin-top:0}.details-grid p,.details-grid li{font-size:14px}.details-grid ul{padding-left:19px}.details-grid li{margin-bottom:12px;color:var(--muted)}.compatibility{border-left:3px solid #8a9c7f;padding:20px 25px;background:var(--tint);margin-top:25px}.compatibility strong{font-size:14px}.compatibility p{margin-bottom:0;font-size:13px}code{font: .88em Consolas,monospace;overflow-wrap:anywhere}.faq details{border-top:1px solid var(--line);padding:19px 0}.faq summary{cursor:pointer;font-size:15px;font-weight:600}.faq details p{font-size:14px;max-width:900px}.closing{text-align:center;padding:75px 30px}.closing p:last-child{font-size:12px;margin-top:22px}.closing .button{margin-top:13px}footer{border-top:1px solid var(--line);display:flex;align-items:start;justify-content:space-between;gap:30px;padding:30px 40px 40px}footer p{font-size:11px;margin:0}footer nav{display:flex;gap:17px;flex-wrap:wrap;font-size:11px}.skip{position:absolute;left:10px;top:-60px;padding:8px;background:var(--green);color:white;z-index:2}.skip:focus{top:10px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7b9c6f;outline-offset:5px}.article{max-width:840px;padding:65px 40px;margin:auto}.article h1{font-size:54px}.article h2{font-size:30px;margin-top:42px}.article li{color:var(--muted);margin-bottom:12px}.article .callout{background:var(--tint);border-left:3px solid #8a9c7f;padding:20px 25px;margin:30px 0}.article .button{margin-top:15px}@media(max-width:900px){.hero{gap:30px}.hero h1{font-size:57px}.site-header nav{gap:16px}.principles{flex-wrap:wrap;justify-content:start;gap:14px 30px}.handoff{gap:35px}.three-up{gap:25px}footer{flex-wrap:wrap}}@media(max-width:680px){.site-header{height:80px;padding:0 20px}.site-header nav>a:not(.nav-demo){display:none}.brand{font-size:22px}.hero{grid-template-columns:1fr;padding:42px 20px 35px;gap:32px}.hero h1{font-size:53px;letter-spacing:-2px}.hero .lede{font-size:16px}.release-card{max-width:480px}.release-card>img{max-height:260px;object-fit:cover}.release-info{padding:20px}.release-info h2 br{display:none}.release-info h2{font-size:30px}.principles{margin:0 20px;font-size:11px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.principles span:before{margin-right:5px}.section{padding:43px 20px}.section h2,.closing h2{font-size:34px;letter-spacing:-1px}.three-up,.handoff,.details-grid{grid-template-columns:1fr;gap:25px}.section-heading{margin-bottom:25px}.caption{flex-direction:column;gap:5px}.closing{padding:50px 20px}footer{padding:25px 20px;gap:20px;flex-direction:column}.article{padding:40px 20px}.article h1{font-size:42px}.folder-title{font-size:13px}.folder-example li{font-size:11px}.folder-example li small{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.preview{display:grid;grid-template-columns:1fr 1fr;gap:24px 60px;align-items:start}.preview .section-heading{margin-top:20px}.preview .screenshot{display:flex;justify-content:center;background:#eef2e8}.preview .screenshot img{max-height:680px;width:auto;object-fit:contain}.preview .caption{grid-column:1/-1}@media(max-width:680px){.preview{display:block}.preview .screenshot img{max-height:650px}}
footer .other-offers{width:100%;font-size:11px;color:var(--muted)}footer{flex-wrap:wrap}.report-table{border-collapse:collapse;width:100%;font-size:14px;margin:24px 0}.report-table th,.report-table td{border-bottom:1px solid var(--line);padding:11px 10px;text-align:left}.report-table thead{background:var(--tint)}.report-table caption{text-align:left;font-size:12px;color:var(--muted);margin-bottom:10px}.report-table tbody th{font-weight:400}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}.plan{border:1px solid var(--line);border-radius:12px;background:#fff;padding:24px;display:flex;flex-direction:column;align-items:start}.plan.featured{border-color:var(--green);box-shadow:0 8px 30px #20302505}.plan h3{margin:14px 0 9px;font-size:22px}.plan .price{font-size:29px;letter-spacing:-1px;margin:12px 0 0;color:var(--ink)}.plan .price span{font-size:11px;letter-spacing:0;font-weight:400}.plan p,.plan li{font-size:12px}.plan ul{padding-left:17px;margin:12px 0 20px;color:var(--muted)}.plan .button,.plan button{margin-top:auto;width:100%;font-size:12px;justify-content:center;gap:12px}.plan button:disabled{background:var(--tint);color:var(--muted);border-color:var(--line);cursor:not-allowed}.plan .small{margin-bottom:0}.plan .pill{font-size:9px}.offer-pricing .section-heading{max-width:800px}.csv-brand{--ink:#233b4b;--muted:#536a77;--paper:#f5f7f8;--line:#d7e1e5;--green:#315f75;--tint:#e8f0f3}.quay-brand{--ink:#38473e;--muted:#667164;--paper:#f7f6ee;--line:#dddccd;--green:#526b5d;--tint:#eaece0}.help-links{display:flex;gap:12px 22px;flex-wrap:wrap;font-size:13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:28px 0}.article section{scroll-margin-top:25px}.article section+section{border-top:1px solid var(--line);margin-top:38px}.article section h3{margin-top:25px}.offer-article{max-width:1120px}.offer-article>p,.offer-article>h1,.offer-article>h2,.offer-article>ul,.offer-article>div.callout{max-width:780px}.notice-line{font-size:12px;border-left:3px solid var(--green);padding-left:15px;margin-top:20px}@media(max-width:900px){.plans{gap:12px}.plan{padding:18px}.plan h3{font-size:20px}.plan .price{font-size:26px}}@media(max-width:680px){.plans{grid-template-columns:1fr}.plan{padding:23px}.plan h3{font-size:23px}.plan ul{margin-bottom:22px}.plan .price{font-size:30px}.site-header.help-header{height:auto;min-height:80px;gap:15px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}.site-header.help-header nav>a{display:inline-block}}
@media(max-width:680px){.hero h1{font-size:clamp(40px,10vw,53px)}.csv-brand .site-header .brand{font-size:18px}.csv-brand .site-header nav{gap:10px;font-size:11px}}