/* SimpleBot marketing pages, v1 (home, landing, help). Builds on landing.css tokens.
   Cached immutable for a year: change the file name (pages-v2.css) when editing. */

/* Breadcrumbs */
.crumbs{padding:14px 0 0;font-size:13px;color:var(--muted);font-family:'JetBrains Mono',monospace}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--teal-deep)}
.crumbs .sep{margin:0 8px;color:var(--line)}
.crumbs span[aria-current]{color:var(--ink-soft)}

/* Shared helpers */
.lead{font-size:18px;color:var(--ink-soft);line-height:1.7}
.sec-title{text-align:center}
.ben-card p a,.step p a,.num-steps a,.answer-sec a{color:var(--teal-deep);text-decoration:none;font-weight:500}
.ben-card p a:hover,.step p a:hover{text-decoration:underline}

/* Answer block + facts */
.answer-sec{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:72px 0}
.answer-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.answer-grid .sec-eyebrow,.answer-grid .sec-title{text-align:left}
.answer-grid .sec-title{margin-bottom:16px}
.facts{margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper)}
.facts>div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line)}
.facts>div:last-child{border-bottom:none}
.facts dt{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);padding-top:2px}
.facts dd{margin:0;font-size:15px;color:var(--ink);font-weight:500}

/* Demo cards */
.demo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.demo-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:26px 24px;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s,border-color .15s}
.demo-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--teal-light)}
.demo-tag{align-self:flex-start;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--teal-deep);background:var(--teal-soft);padding:4px 10px;border-radius:999px;margin-bottom:14px}
.demo-tag::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);margin-right:7px;vertical-align:1px;animation:sbpulse 1.6s infinite}
@keyframes sbpulse{0%,100%{opacity:1}50%{opacity:.3}}
.demo-card h3{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:600;line-height:1.3;margin:0 0 8px}
.demo-card p{font-size:14.5px;color:var(--muted);margin:0 0 16px}
.demo-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.chip-q{font-size:12.5px;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:5px 11px;color:var(--ink-soft)}
.demo-meta{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;color:var(--muted);border-top:1px dashed var(--line);padding-top:14px}
.demo-meta .go,.help-card .go{color:var(--teal-deep);font-weight:600;white-space:nowrap}
.demo-note{text-align:center;color:var(--muted);font-size:14.5px;margin:28px 0 0}

/* Boundaries */
.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:920px;margin:0 auto}
.col-card{border-radius:18px;padding:28px 28px 22px;border:1px solid var(--line);background:var(--white)}
.col-card.yes{border-color:var(--success-border);background:linear-gradient(180deg,#F0FDF4 0%,var(--white) 60%)}
.col-card.no{background:linear-gradient(180deg,#F4F4F5 0%,var(--white) 60%)}
.col-card h3{font-family:'Space Grotesk',sans-serif;font-size:18px;margin:0 0 14px}
.col-card ul{list-style:none;margin:0;padding:0}
.col-card li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--ink-soft);padding:7px 0}
.col-card li svg{flex:0 0 16px;margin-top:5px}
.col-card .dash{flex:0 0 16px;color:var(--muted);font-weight:600;text-align:center}

/* Landing hero variant + product mini cards */
.page-hero{padding:48px 0 64px}
.page-hero .sec-eyebrow{text-align:left;margin-bottom:12px}
.page-hero h1{font-size:clamp(32px,4.4vw,46px)}
.mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:2px 0 6px}
.mini-card{background:var(--night-soft);border:1px solid var(--night-line);border-radius:12px;padding:8px;color:#E4E4E7}
.mc-img{height:64px;border-radius:8px;background:linear-gradient(135deg,#0f766e,#14b8a6 60%,#5EEAD4)}
.mc-img.alt{background:linear-gradient(135deg,#312e81,#6366f1 60%,#a5b4fc)}
.mc-name{font-size:12.5px;line-height:1.35;margin:8px 2px 6px}
.mc-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:0 2px 2px}
.mc-foot b{color:#fff}
.mc-foot span{color:var(--teal-light)}

/* Numbered steps */
.num-steps{max-width:760px;margin:0 auto;padding:0;list-style:none;counter-reset:ns}
.num-steps li{counter-increment:ns;position:relative;padding:18px 20px 18px 72px;background:var(--white);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;font-size:15.5px;color:var(--ink-soft)}
.num-steps li::before{content:counter(ns,decimal-leading-zero);position:absolute;left:22px;top:17px;font-family:'JetBrains Mono',monospace;font-size:15px;color:var(--teal);font-weight:500}
.num-steps li b{color:var(--ink)}

/* Help hub */
.help-hero{padding:48px 0 96px}
.help-hero h1{text-align:center;font-size:clamp(32px,4.4vw,46px);margin:8px 0 12px}
.help-hero .sec-sub{margin-bottom:40px}
.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:880px;margin:0 auto}
.help-card{display:block;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:26px;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s,border-color .15s}
.help-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--teal-light)}
.help-card .ben-icon{margin:0 0 14px}
.help-card h3{font-family:'Space Grotesk',sans-serif;font-size:19px;margin:0 0 6px}
.help-card p{font-size:14.5px;color:var(--muted);margin:0 0 12px}

/* Docs / article */
.doc{padding:28px 0 96px}
.doc-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;align-items:start}
.prose{max-width:720px}
.prose .sec-eyebrow{text-align:left}
.prose h1{font-size:clamp(30px,4vw,42px);line-height:1.15;margin:10px 0 16px;text-align:left}
.prose h2{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:600;letter-spacing:-.3px;margin:44px 0 12px;line-height:1.25}
.prose h3{font-family:'Space Grotesk',sans-serif;font-size:17px;margin:0 0 6px}
.prose p,.prose li{font-size:16px;color:var(--ink-soft)}
.prose p{margin:0 0 14px}
.prose ol,.prose ul{padding-left:22px;margin:0 0 16px}
.prose li{margin-bottom:8px}
.prose a{color:var(--teal-deep);font-weight:500}
.prose code{font-family:'JetBrains Mono',monospace;font-size:.88em;background:var(--teal-soft);color:#115e59;padding:1px 6px;border-radius:5px}
.prose pre.code{background:var(--night);color:#E4E4E7;border-radius:14px;padding:18px 20px;overflow-x:auto;margin:6px 0 10px;font-size:13px;line-height:1.6}
.prose pre.code code{background:none;color:inherit;padding:0;font-size:inherit}
.prose .note{font-size:14px;color:var(--muted)}
.prose .faq{max-width:none}
.callout{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:12px;padding:16px 18px;font-size:15px;color:var(--ink-soft);margin:6px 0 18px}
.callout a{color:var(--teal-deep);font-weight:500}
.kb-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:8px 0 8px}
.kb-src{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:18px}
.kb-src p{font-size:14px;margin:0}
.doc-aside{position:sticky;top:88px;display:flex;flex-direction:column;gap:16px}
.aside-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:20px}
.aside-card h4{font-family:'Space Grotesk',sans-serif;font-size:15px;margin:0 0 10px}
.aside-card a{display:block;font-size:14.5px;color:var(--ink-soft);text-decoration:none;padding:6px 0}
.aside-card a:hover,.aside-card a[aria-current]{color:var(--teal-deep);font-weight:500}
.aside-card.cta{background:var(--night);border-color:var(--night);color:#fff}
.aside-card.cta p{font-size:14px;color:var(--night-muted);margin:0 0 14px}
.aside-card.cta .btn{display:block;color:#fff;padding:10px 14px}

/* Responsive */
@media(max-width:880px){
  .answer-grid{grid-template-columns:1fr;gap:28px}
  .doc-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .demo-cards{grid-template-columns:1fr}
  .two-cols,.help-grid,.kb-sources{grid-template-columns:1fr}
  .doc-aside{position:static}
  .page-hero .sec-eyebrow{text-align:center}
  .answer-sec{padding:56px 0}
}
@media(max-width:480px){
  .facts>div{grid-template-columns:1fr;gap:4px}
  .num-steps li{padding:16px 16px 16px 56px}
  .num-steps li::before{left:16px}
  .prose pre.code{font-size:12px;padding:14px}
  .crumbs{font-size:12px}
}
.sec-title+.ben-grid,.sec-title+.steps,.sec-title+.two-cols,.sec-title+.num-steps{margin-top:40px}