.ci-page{min-height:100vh}.ci-hero{padding:calc(var(--nav-h) + var(--s-16)) 0 var(--s-16)}.ci-hero-content{max-width:720px}.ci-eyebrow{font-family:var(--font-mono);font-size:var(--t-xs);font-weight:400;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-text);margin-bottom:var(--s-5);display:block}.ci-hero-title{font-family:var(--font-display);font-size:var(--t-3xl);font-weight:700;line-height:1.1;letter-spacing:-.025em;margin-bottom:var(--s-6);color:var(--text);text-wrap:balance}.ci-hero-sub{font-size:var(--t-lg);font-weight:300;line-height:1.65;color:var(--text-2);max-width:58ch}.ci-section{padding:var(--s-24) 0}.ci-section-alt{background:var(--surface);border-top:1px solid var(--border-sub);border-bottom:1px solid var(--border-sub)}.ci-section-title{font-family:var(--font-display);font-size:var(--t-2xl);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:var(--s-4);color:var(--text);text-wrap:balance}.ci-prose{max-width:64ch;margin-bottom:var(--s-10)}.ci-prose p{font-size:var(--t-base);font-weight:300;line-height:1.75;color:var(--text-2);margin-bottom:var(--s-5)}.ci-prose p:last-child{margin-bottom:0}.ci-outputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--s-5);gap:var(--s-5);margin-top:var(--s-10)}.ci-output-card{padding:var(--s-6);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.ci-output-card-header{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3)}.ci-output-format{font-family:var(--font-mono);font-size:var(--t-xs);font-weight:600;color:var(--accent-text);background:var(--accent-dim);padding:2px 8px;border-radius:3px}.ci-output-card h4{font-size:var(--t-sm);font-weight:600;color:var(--text);margin:0 0 var(--s-2)}.ci-output-card p{font-size:var(--t-sm);font-weight:300;color:var(--text-2);line-height:1.6;margin:0}.ci-output-tier{margin-top:var(--s-3);font-size:var(--t-xs);color:var(--text-3);font-family:var(--font-mono)}.ci-two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s-16);gap:var(--s-16);align-items:start}.ci-two-col>*{min-width:0}.ci-col-prose p{font-size:var(--t-base);font-weight:300;line-height:1.75;color:var(--text-2);margin-bottom:var(--s-5)}.ci-col-prose p:last-child{margin-bottom:0}.ci-steps{display:flex;flex-direction:column;gap:var(--s-12);margin-top:var(--s-10)}.ci-step{display:grid;grid-template-columns:32px 1fr;grid-gap:var(--s-6);gap:var(--s-6);align-items:start}.ci-step-num{width:32px;height:32px;border-radius:50%;background:var(--accent-dim);color:var(--accent-text);font-family:var(--font-mono);font-size:var(--t-xs);font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:4px}.ci-step-content h4{font-size:var(--t-base);font-weight:600;color:var(--text);margin-bottom:var(--s-2)}.ci-step-content p{font-size:var(--t-sm);font-weight:300;color:var(--text-2);line-height:1.65;margin-bottom:var(--s-4)}.ci-integrations{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-6)}.ci-integration-badge{font-family:var(--font-mono);font-size:var(--t-xs);font-weight:500;color:var(--text-2);background:var(--surface-up);border:1px solid var(--border);border-radius:3px;padding:4px 10px}.ci-note{border:1px solid var(--border);border-left:3px solid var(--accent-text);background:var(--accent-dim);border-radius:var(--radius);padding:var(--s-4) var(--s-5);margin:var(--s-6) 0;font-size:var(--t-sm);font-weight:300;line-height:1.65;color:var(--text-2)}.ci-note strong{font-weight:600;color:var(--text)}.ci-cta-section{padding:var(--s-24) 0;background:var(--surface);border-top:1px solid var(--border-sub)}.ci-cta-content{max-width:600px}.ci-cta-content h2{font-family:var(--font-display);font-size:var(--t-2xl);font-weight:700;letter-spacing:-.02em;color:var(--text);margin-bottom:var(--s-4)}.ci-cta-content p{font-size:var(--t-base);font-weight:300;color:var(--text-2);line-height:1.7;margin-bottom:var(--s-8)}.ci-cta-buttons{display:flex;gap:var(--s-4);flex-wrap:wrap}.devui-mock-tab{transition:color .15s}.devui-mock-tab:hover{color:var(--text-2)!important}.devui-mock-row{transition:background .12s}.devui-mock-row:hover{background:var(--surface-up)}.devui-mock-cls{transition:background .12s}.devui-mock-cls:hover{background:var(--surface-up)}@media (max-width:768px){.ci-two-col{grid-template-columns:1fr;gap:var(--s-10)}.ci-hero-title{font-size:var(--t-2xl)}}