/* Shared styles for the content pages: blog, help centre, feature and story pages (same look as the /for/ pages) */
:root{--paper:#faf8f5;--paper-2:#f3f0ea;--paper-3:#eae6de;--line:#d6d1c8;--line-light:#e8e4dc;--pencil:#6e6960;--ink-soft:#46423e;--ink:#1c1916;--jade:#2a6b50;--jade-dim:#ddeee6;--jade-mid:#b4d4c4;--f-serif:'Lora',Georgia,serif;--f-sans:'DM Sans',sans-serif}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--f-sans);font-size:17px;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.65}
a{color:var(--jade)}
.btn{font-family:var(--f-sans);font-size:17px;font-weight:500;padding:13px 28px;border-radius:9px;cursor:pointer;transition:all .18s;text-decoration:none;display:inline-block;border:1.5px solid transparent;white-space:nowrap;line-height:1.3}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink-soft)}.btn-ghost:hover{border-color:var(--pencil);color:var(--ink)}
.btn-jade{background:var(--jade);color:#fff;border-color:var(--jade);box-shadow:0 2px 8px rgba(42,107,80,.2)}.btn-jade:hover{background:#225a43}

nav{position:sticky;top:0;z-index:500;background:rgba(250,248,245,.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--line-light)}
.nav-inner{max-width:1140px;margin:0 auto;padding:0 48px;height:72px;display:flex;align-items:center;gap:36px}
.nav-logo{text-decoration:none;display:flex;align-items:center;flex-shrink:0}
.nav-logo img{height:28px;width:auto;display:block}
.nav-links{display:flex;gap:28px;flex:1}
.nav-links a{font-size:15px;color:var(--pencil);text-decoration:none;transition:color .15s}
.nav-links a:hover{color:var(--ink)}
.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav-right .btn{font-size:15px;padding:9px 20px}

.page-wrap{max-width:780px;margin:0 auto;padding:56px 48px 120px}
.crumbs{font-size:14px;color:var(--pencil);margin-bottom:36px}
.crumbs a{color:var(--pencil);text-decoration:none}.crumbs a:hover{color:var(--ink)}
.crumbs span{margin:0 6px;color:var(--line)}
.page-eyebrow{font-size:13px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--pencil);margin-bottom:20px;display:flex;align-items:center;gap:12px}
.page-eyebrow::before{content:'';width:24px;height:2px;background:var(--jade);border-radius:2px}
.page-h1{font-family:var(--f-serif);font-size:clamp(34px,4.6vw,56px);font-weight:500;line-height:1.1;letter-spacing:-1.8px;color:var(--ink);margin-bottom:28px;overflow-wrap:break-word}
.page-h1-sm{font-size:clamp(30px,3.6vw,42px);letter-spacing:-1px}
.lead{font-size:20px;font-weight:300;color:var(--ink-soft);line-height:1.7;margin-bottom:36px}
.post-meta{font-size:15px;color:var(--pencil);margin:-8px 0 32px}
.post-meta a{color:var(--pencil)}
.hero-img{width:100%;height:auto;border-radius:12px;margin-bottom:36px;border:1px solid var(--line-light)}
.section-h2{font-family:var(--f-serif);font-size:26px;font-weight:500;letter-spacing:-.6px;color:var(--ink);margin:56px 0 18px}

/* Article body */
.prose{font-size:18px;font-weight:300;color:var(--ink-soft);line-height:1.78;overflow-wrap:break-word}
.prose>*+*{margin-top:22px}
.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-family:var(--f-serif);font-weight:500;color:var(--ink);line-height:1.25;margin-top:44px}
.prose h2{font-size:30px;letter-spacing:-.8px}
.prose h3{font-size:24px;letter-spacing:-.5px}
.prose h4,.prose h5,.prose h6{font-size:20px}
.prose strong{font-weight:600;color:var(--ink)}
.prose ul,.prose ol{padding-left:24px;display:flex;flex-direction:column;gap:10px}
.prose li{line-height:1.7}
.prose img{max-width:100%;height:auto;border-radius:10px;border:1px solid var(--line-light);display:block}
.prose p img{display:inline-block;vertical-align:middle}
.prose blockquote{border-left:3px solid var(--jade);padding:4px 0 4px 22px;font-family:var(--f-serif);font-style:italic;color:var(--ink)}
.prose hr{border:0;height:1px;background:var(--line-light);margin:40px 0}
.prose table{width:100%;border-collapse:collapse;font-size:16px;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--line-light);padding:10px 12px;text-align:left;vertical-align:top}
.prose th{background:var(--paper-2);font-weight:600;color:var(--ink)}
.prose pre{background:var(--paper-2);padding:16px;border-radius:8px;overflow-x:auto;font-size:15px}
.video{position:relative;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#000}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Lists of posts and articles */
.item-list{list-style:none;display:flex;flex-direction:column;gap:30px;margin-top:8px}
.item-list li{padding-bottom:28px;border-bottom:1px solid var(--line-light)}
.item-list li>a{font-family:var(--f-serif);font-size:23px;font-weight:500;color:var(--ink);text-decoration:none;letter-spacing:-.4px;line-height:1.3}
.item-list li>a:hover{color:var(--jade)}
.item-meta{font-size:14px;color:var(--pencil);margin:6px 0 8px}
.item-list p{font-size:16px;color:var(--ink-soft);font-weight:300}
.kb-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:8px}
.kb-list a{color:var(--ink-soft);text-decoration:none;font-size:16px;line-height:1.5}
.kb-list a:hover{color:var(--jade)}
.kb-list li{padding-left:22px;position:relative}
.kb-list li::before{content:'';position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--jade-mid)}
.kb-grid{display:grid;grid-template-columns:1fr;gap:40px}
.kb-cat h2{font-family:var(--f-serif);font-size:24px;font-weight:500;margin-bottom:12px}
.kb-cat h2 a{color:var(--ink);text-decoration:none}.kb-cat h2 a:hover{color:var(--jade)}
.kb-cat h2 span{font-family:var(--f-sans);font-size:14px;color:var(--pencil);font-weight:400;margin-left:8px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}
.chips a{padding:6px 14px;border-radius:100px;border:1px solid var(--line);font-size:14px;color:var(--ink-soft);text-decoration:none}
.chips a:hover{border-color:var(--jade);color:var(--jade);background:var(--jade-dim)}
.pager{display:flex;justify-content:space-between;margin-top:36px;font-size:16px}
.pager a{text-decoration:none}

.cta-box{margin-top:56px;padding:36px;border-radius:14px;background:var(--paper-2);border:1px solid var(--line-light)}
.cta-box h2{font-family:var(--f-serif);font-size:26px;font-weight:500;letter-spacing:-.6px;margin-bottom:10px}
.cta-box p{font-size:17px;font-weight:300;color:var(--ink-soft);margin-bottom:22px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap}
.help-box{margin-top:44px;padding:20px 24px;border-radius:10px;background:var(--jade-dim);font-size:16px;color:var(--ink-soft)}

.page-h1 em{font-style:italic;color:var(--jade)}
.chips-tight{margin-top:4px}

/* Pricing */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
.plan{position:relative;display:flex;flex-direction:column;padding:28px 22px;border:1px solid var(--line-light);border-radius:14px;background:#fff}
.plan-popular{border-color:var(--jade);box-shadow:0 4px 18px rgba(42,107,80,.12)}
.plan-badge{position:absolute;top:-12px;left:22px;background:var(--jade);color:#fff;font-size:12px;font-weight:500;padding:3px 10px;border-radius:100px}
.plan h2{font-family:var(--f-serif);font-size:22px;font-weight:500;margin-bottom:6px}
.plan-price{font-family:var(--f-serif);font-size:38px;color:var(--ink);margin-bottom:10px}
.plan-price span{font-family:var(--f-sans);font-size:15px;color:var(--pencil)}
.plan p{font-size:15px;color:var(--ink-soft);font-weight:300;margin-bottom:16px}
.plan ul{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:24px;flex:1}
.plan li{font-size:15px;color:var(--ink-soft);padding-left:22px;position:relative}
.plan li::before{content:'\2713';position:absolute;left:0;color:var(--jade);font-weight:600}
.plan .btn{text-align:center;font-size:15px;padding:11px 14px;white-space:normal}
.faq h3{font-size:21px}

/* Customer stories */
.stories{display:flex;flex-direction:column;gap:20px}
.story{display:flex;gap:24px;align-items:center;padding:22px;border:1px solid var(--line-light);border-radius:14px;background:#fff;text-decoration:none;color:var(--ink);transition:border-color .2s}
.story:hover{border-color:var(--jade)}
.story img{width:120px;height:120px;object-fit:cover;border-radius:12px;flex-shrink:0}
.story blockquote{font-family:var(--f-serif);font-size:20px;font-style:italic;line-height:1.4;margin-bottom:10px}
.story strong{display:block;font-size:15px}
.story span{display:block;font-size:14px;color:var(--pencil)}
.story em{display:block;font-style:normal;color:var(--jade);font-size:15px;margin-top:8px}

/* Status */
.status-box{display:flex;gap:16px;align-items:flex-start;padding:22px 24px;border-radius:12px;border:1px solid var(--line-light);background:#fff}
.status-box p{font-size:15px;color:var(--pencil);margin-top:4px}
.status-dot{width:14px;height:14px;border-radius:50%;margin-top:6px;flex-shrink:0;background:var(--line)}
.status-box[data-state="ok"] .status-dot{background:#2f9e5b}
.status-box[data-state="down"] .status-dot{background:#c0392b}

footer{background:var(--paper-2);border-top:1px solid var(--line-light)}
.footer-simple{max-width:1140px;margin:0 auto;padding:28px 48px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.f-copy{font-size:13px;color:var(--pencil)}
.f-foot-links{display:flex;gap:20px;flex-wrap:wrap}
.f-foot-links a{font-size:13px;color:var(--pencil);text-decoration:none;transition:color .15s}
.f-foot-links a:hover{color:var(--ink)}

@media(max-width:860px){.nav-links{display:none}.plans{grid-template-columns:1fr}}
@media(max-width:560px){.story{flex-direction:column;align-items:flex-start}.story img{width:88px;height:88px}}
@media(max-width:680px){.page-wrap{padding:36px 16px 80px}.footer-simple{padding:24px 16px;flex-direction:column;text-align:center}.f-foot-links{justify-content:center}.nav-inner{padding:0 16px}.nav-right .btn-ghost{display:none}.cta-box{padding:24px}.prose{font-size:17px}}