/* Base additions loaded async, below the fold */
section{padding:72px 0}
.section-head{max-width:760px;margin:0 0 40px}
.eyebrow{display:inline-block;color:var(--accent);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
h2{font-size:clamp(26px,4vw,40px);line-height:1.12;margin:0 0 14px;font-weight:800;letter-spacing:-.01em}
h3{font-size:20px;margin:0 0 8px;font-weight:700}
.section-head p{color:var(--muted);font-size:17px;margin:0}
.muted{color:var(--muted)}
.grid{display:grid;gap:20px;min-width:0}
.grid>*{min-width:0}
.grid-2{grid-template-columns:1fr}
.grid-3{grid-template-columns:1fr}
.grid-4{grid-template-columns:1fr}
@media(min-width:640px){.grid-2{grid-template-columns:1fr 1fr}.grid-4{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}

.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.card-tight{padding:20px}
.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:32px}
.stat-card .stat-value{font-size:clamp(28px,4vw,40px);font-weight:800;color:var(--accent);margin:0 0 8px}
.stat-card p{margin:0;color:var(--muted)}
.footnote{color:var(--muted);font-size:14px;margin-top:20px}

.bullet-card{display:flex;align-items:flex-start;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:18px 20px}
.bullet-card .dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:7px}
.bullet-card p{margin:0;font-weight:600}

.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:14px}
.feature-card .step-flow{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}
.feature-card .step-flow strong{color:var(--text)}

.steps-list{counter-reset:step;display:grid;gap:18px;min-width:0}
.steps-list>*{min-width:0}
.step-item{display:flex;gap:18px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:20px}
.step-item .num{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--accent-contrast);display:flex;align-items:center;justify-content:center;font-weight:800}
.step-item h3{margin:0 0 4px}
.step-item p{margin:0;color:var(--muted)}
@media(min-width:768px){.steps-list{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1280px){.steps-list{grid-template-columns:repeat(3,1fr)}}

.industry-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--text)}
.industry-card:hover,.industry-card:focus-visible{border-color:var(--accent)}
.industry-card .name{font-weight:800;font-size:18px}
.industry-card .problem{color:var(--muted);font-size:14px}
.industry-card .cta-link{margin-top:auto;color:var(--accent);font-weight:700;font-size:14px}

table.compare{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
table.compare th,table.compare td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}
table.compare thead th{background:var(--surface-2);font-weight:800}
table.compare th:first-child,table.compare td:first-child{color:var(--muted);font-weight:600}
table.compare td.yes{color:var(--signal);font-weight:700}
table.compare .table-scroll{overflow-x:auto}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

.faq-item{border-bottom:1px solid var(--line)}
.faq-question{width:100%;text-align:left;background:none;border:0;color:var(--text);font-size:17px;font-weight:700;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer}
.faq-question .icon{flex:0 0 auto;transition:transform .2s ease}
.faq-item[data-open="true"] .faq-question .icon{transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .25s ease}
.faq-answer p{margin:0 0 20px;color:var(--muted)}
.faq-item[data-open="true"] .faq-answer{max-height:600px}

.final-cta{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:40px;display:grid;gap:32px;min-width:0}
.final-cta>*{min-width:0}
@media(min-width:1024px){.final-cta{grid-template-columns:1fr 1fr;padding:56px}}
.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.form-field label{font-size:13px;font-weight:700;color:var(--muted)}
.form-field input,.form-field select,.form-field textarea{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--text);font-family:var(--font);font-size:15px}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid var(--accent);outline-offset:1px}
.form-consent{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:flex-start;font-size:13px;color:var(--muted);margin:16px 0}
.form-consent input{margin-top:3px}
.form-consent a{color:var(--text);text-decoration:underline}
.form-status{font-size:14px;margin-top:12px;display:none}
.form-status[data-state="success"]{display:block;color:var(--signal)}
.form-status[data-state="error"]{display:block;color:var(--danger)}
.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.site-footer{border-top:1px solid var(--line);padding:56px 0 100px;background:var(--surface)}
.footer-grid{display:grid;gap:32px;min-width:0}
.footer-grid>*{min-width:0}
@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}
.footer-grid h4{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 14px}
.footer-grid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.footer-grid a{text-decoration:none;color:var(--text);font-size:14px}
.footer-grid a:hover{color:var(--accent)}
.footer-bottom{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;color:var(--muted);font-size:13px}

.mobile-sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--accent);color:var(--accent-contrast);text-align:center;padding:14px;font-weight:800;text-decoration:none;display:block}
@media(min-width:1024px){.mobile-sticky-cta{display:none}}

.breadcrumbs{font-size:13px;color:var(--muted);margin:20px 0}
.breadcrumbs a{color:var(--muted);text-decoration:none}
.breadcrumbs a:hover{color:var(--text)}

.badge-status{display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}
.badge-status.available{background:rgba(124,242,197,.15);color:var(--signal)}
.badge-status.api{background:rgba(214,255,61,.15);color:var(--accent)}
.badge-status.request{background:var(--surface-2);color:var(--muted)}
.badge-status.wip{background:rgba(255,107,107,.12);color:var(--danger)}

a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}