/* index.html-specific styles — base/reset/nav/btn rules are in shared.css */
h1{font-size:2.5rem;font-weight:700;letter-spacing:-.02em}
h2{font-size:1.75rem;font-weight:600;margin-bottom:.5em}
h3{font-size:1.125rem;font-weight:600}

/* --- Nav (index.html additions — base nav styles are in shared.css) --- */
#status-badge{font-size:.75rem;padding:3px 10px;border-radius:12px;font-weight:600;background:var(--c-surface);color:var(--c-muted);border:1px solid var(--c-border);transition:all .3s}
#status-badge.online{background:rgba(63,185,80,.15);color:var(--c-green);border-color:var(--c-green)}
#status-badge.verified{background:rgba(63,185,80,.08);color:var(--c-green);border-color:var(--c-border)}
#status-badge.offline{background:rgba(248,81,73,.15);color:var(--c-red);border-color:var(--c-red)}

/* --- Hero --- */
.hero{padding:80px 0 60px;text-align:center}
.hero p{color:var(--c-muted);font-size:1.125rem;max-width:640px;margin:16px auto 32px}
.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* --- Section --- */
section{padding:64px 0}
section:nth-child(even){background:var(--c-surface)}

/* --- Cards --- */
.card-grid{display:grid;gap:20px;margin-top:24px}
.card-grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.card-grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);padding:24px;transition:border-color .2s}
.card:hover{border-color:var(--c-accent)}
.card .icon{font-size:1.5rem;margin-bottom:8px}
.card h3{margin-bottom:6px}
.card p{color:var(--c-muted);font-size:.875rem}

/* --- Capability grid --- */
.cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px}
.cap-item{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;color:var(--c-muted)}
.cap-item .dot{width:8px;height:8px;border-radius:50%;background:var(--c-green);flex-shrink:0;margin-top:6px}

/* --- Form inputs (landing page early-access) --- */
label{display:block;font-size:.875rem;font-weight:500;margin-bottom:4px}
input[type=email],input[type=text],textarea,select{width:100%;padding:10px 12px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);color:var(--c-text);font-size:.875rem;font-family:inherit;margin-bottom:16px;resize:vertical}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--c-accent)}
textarea{min-height:120px;font-family:inherit}

/* --- Timeline --- */
.timeline{position:relative;padding-left:28px;margin-top:24px}
.timeline::before{content:'';position:absolute;left:11px;top:0;bottom:0;width:2px;background:var(--c-border)}
.timeline-step{position:relative;padding-bottom:32px}
.timeline-step:last-child{padding-bottom:0}
.timeline-step .dot{position:absolute;left:-28px;top:2px;width:22px;height:22px;border-radius:50%;background:var(--c-accent);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff}
.timeline-step h3{margin-bottom:2px}
.timeline-step p{color:var(--c-muted);font-size:.875rem}

/* --- Pricing --- */
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:24px}
.pricing-card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);padding:28px 24px;display:flex;flex-direction:column;transition:border-color .2s}
.pricing-card:hover{border-color:var(--c-accent)}
.pricing-card.featured{border-color:var(--c-accent);box-shadow:0 0 0 1px var(--c-accent)}
.pricing-card .tier-name{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--c-accent);font-weight:600;margin-bottom:4px}
.pricing-card .tier-price{font-size:2rem;font-weight:700;margin-bottom:2px}
.pricing-card .tier-price span{font-size:.875rem;font-weight:400;color:var(--c-muted)}
.pricing-card .tier-desc{font-size:.8rem;color:var(--c-muted);margin-bottom:16px}
.pricing-card ul{list-style:none;flex:1;margin-bottom:20px}
.pricing-card li{font-size:.8rem;color:var(--c-muted);padding:4px 0;padding-left:18px;position:relative}
.pricing-card li::before{content:'✓';position:absolute;left:0;color:var(--c-green);font-weight:700;font-size:.75rem}
.pricing-card .btn{text-align:center;width:100%}
.pricing-note{text-align:center;margin-top:16px;font-size:.75rem;color:var(--c-muted)}

/* --- Social proof --- */
.proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:24px}
.proof-card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);padding:24px}
.proof-card .proof-quote{font-size:.875rem;color:var(--c-text);line-height:1.6;margin-bottom:12px;font-style:italic}
.proof-card .proof-author{font-size:.75rem;color:var(--c-muted)}
.proof-card .proof-author strong{color:var(--c-text)}
.proof-card .proof-tag{display:inline-block;font-size:.65rem;padding:2px 8px;border-radius:12px;background:rgba(94,236,196,.1);color:var(--c-accent);font-weight:600;margin-top:8px}

/* --- FAQ --- */
.faq-item{border-bottom:1px solid var(--c-border);padding:16px 0}
.faq-q{cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.95rem}
.faq-q::after{content:'+';font-size:1.25rem;color:var(--c-muted);transition:transform .2s}
.faq-item.open .faq-q::after{transform:rotate(45deg);color:var(--c-accent)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--c-muted);font-size:.875rem}
.faq-item.open .faq-a{max-height:400px;padding-top:8px}

/* --- Early Access --- */
.ea-form{max-width:520px;margin:24px auto 0;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);padding:24px}
#ea-status{margin-top:12px;font-size:.875rem;display:none}
#ea-status.show{display:block}

/* --- Footer --- */
footer{padding:32px 0;border-top:1px solid var(--c-border);text-align:center;color:var(--c-muted);font-size:.8rem}

/* --- Contract warning --- */
.contract-warning{background:rgba(210,153,34,.1);color:var(--c-orange);border:1px solid rgba(210,153,34,.3);padding:10px 16px;border-radius:var(--radius);font-size:.875rem;margin-bottom:16px;display:none}
.contract-warning.show{display:block}

/* --- Onboarding banner --- */
.onboard-banner{background:rgba(94,236,196,.08);border:1px solid rgba(94,236,196,.2);border-radius:var(--radius);padding:14px 20px;margin-bottom:20px;display:flex;align-items:center;gap:14px;font-size:.875rem;flex-wrap:wrap}
.onboard-banner .onboard-icon{font-size:1.5rem;flex-shrink:0}
.onboard-banner .onboard-text{flex:1;min-width:200px}
.onboard-banner .onboard-text strong{color:var(--c-text)}
.onboard-banner .onboard-text p{color:var(--c-muted);margin:2px 0 0;font-size:.8rem}
.onboard-banner .btn-sm{padding:6px 16px;font-size:.8rem;border-radius:var(--radius);font-weight:600;white-space:nowrap}

/* --- Auth UI (base in shared.css) --- */