.gradient-hero { background: radial-gradient(ellipse 80% 60% at 50% -10%, #0c3d20 0%, transparent 70%); }
    .gradient-cta  { background: radial-gradient(ellipse 70% 50% at 50% 110%, #0c3d20 0%, transparent 70%); }
    .terminal-line { opacity: 0; animation: fadein 0.35s ease forwards; }
    @keyframes fadein { to { opacity: 1; } }
    .agent-card:hover  { border-color: #22c55e40; background: #0c1d12; }
    .model-card:hover  { border-color: #22c55e40; }
    .feature-icon { background: linear-gradient(135deg, #0c3d20, #0c1d12); }
    .section-badge { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.25rem 0.75rem; border-radius: 9999px; border: 1px solid rgba(255,255,255,0.08); background: rgba(255,255,255,0.04); color: #9ca3af; font-size: 0.7rem; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 1rem; }
    .step-connector { position: absolute; top: 1.75rem; left: calc(50% + 2rem); right: calc(-50% + 2rem); height: 1px; background: linear-gradient(90deg, #22c55e30, #22c55e10); }
    @keyframes blink { 0%,100% { opacity: 1; } 50% { opacity: 0; } }
    .cursor { display: inline-block; width: 7px; height: 14px; background: #22c55e; margin-left: 2px; animation: blink 1s step-end infinite; vertical-align: text-bottom; }