/* ia module: agregado de estilos inline de views */

/* === blog.htm === */
.ai-blog{padding:120px 0;background:var(--bg-dark)}
.ai-blog-header{display:flex;justify-content:space-between;align-items:flex-end;max-width:1200px;margin:0 auto 56px;padding:0 24px;flex-wrap:wrap;gap:24px}
.ai-blog-header-content h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:12px;color:var(--text-primary)}
.ai-blog-header-content p{font-size:1rem;color:var(--text-secondary);max-width:400px}
.ai-blog-header-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--primary);text-decoration:none;transition:gap var(--transition-fast)}
.ai-blog-header-link:hover{gap:12px}
.ai-blog-header-link svg{width:16px;height:16px}
.ai-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;padding:0 24px}
.ai-blog-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-slow);text-decoration:none}
.ai-blog-card:hover{border-color:var(--primary);transform:translateY(-6px);box-shadow:var(--shadow-lg),var(--shadow-glow)}
.ai-blog-card-image{height:180px;position:relative;overflow:hidden}
.ai-blog-card-bg{position:absolute;inset:0;transition:transform var(--transition-slow)}
.ai-blog-card:hover .ai-blog-card-bg{transform:scale(1.05)}
.ai-blog-card[data-color="cyan"] .ai-blog-card-bg{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%)}
.ai-blog-card[data-color="purple"] .ai-blog-card-bg{background:linear-gradient(135deg,var(--primary) 0%,var(--primary) 100%)}
.ai-blog-card[data-color="pink"] .ai-blog-card-bg{background:linear-gradient(135deg,var(--primary) 0%,var(--primary) 100%)}
.ai-blog-card[data-color="green"] .ai-blog-card-bg{background:linear-gradient(135deg,#22c55e 0%,#4ade80 100%)}
.ai-blog-card-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}
.ai-blog-card-icon svg{width:32px;height:32px;color:#fff}
.ai-blog-card-body{padding:24px}
.ai-blog-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.ai-blog-card-tag{padding:4px 10px;background:rgba(5,112,222,.10);border-radius:var(--radius-full);font-size:11px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.5px}
.ai-blog-card-date{font-size:12px;color:var(--text-muted)}
.ai-blog-card h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:8px;line-height:1.4;transition:color var(--transition-fast)}
.ai-blog-card:hover h3{color:var(--primary)}
.ai-blog-card p{font-size:14px;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:900px){.ai-blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.ai-blog-grid{grid-template-columns:1fr}}

/* === contact.htm === */
.ai-contact{padding:120px 0;background:var(--bg-dark);position:relative}
.ai-contact::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}
.ai-contact-container{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;max-width:1100px;margin:0 auto;padding:0 24px;align-items:start}
.ai-contact-info h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:16px;color:var(--text-primary)}
.ai-contact-info>p{font-size:1.05rem;color:var(--text-secondary);line-height:1.7;margin-bottom:40px}
.ai-contact-items{display:flex;flex-direction:column;gap:20px}
.ai-contact-item{display:flex;align-items:flex-start;gap:16px}
.ai-contact-item-icon{width:48px;height:48px;background:rgba(5,112,222,.10);border:1px solid rgba(5,112,222,.2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ai-contact-item-icon svg{width:22px;height:22px;color:var(--primary)}
.ai-contact-item-content h4{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:4px}
.ai-contact-item-content p{font-size:14px;color:var(--text-secondary)}
.ai-contact-item-content a{color:var(--primary);text-decoration:none}
.ai-contact-item-content a:hover{text-decoration:underline}
.ai-contact-form-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px;position:relative;overflow:hidden}
.ai-contact-form-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary)}
.ai-contact-form{display:flex;flex-direction:column;gap:20px}
.ai-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ai-form-group{display:flex;flex-direction:column;gap:8px}
.ai-form-group label{font-size:13px;font-weight:600;color:var(--text-secondary)}
.ai-form-group input,.ai-form-group textarea,.ai-form-group select{padding:14px 18px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);font-size:15px;color:var(--text-primary);font-family:inherit;transition:all var(--transition-fast);outline:none}
.ai-form-group input:focus,.ai-form-group textarea:focus,.ai-form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(5,112,222,.10)}
.ai-form-group input::placeholder,.ai-form-group textarea::placeholder{color:var(--text-muted)}
.ai-form-group textarea{min-height:120px;resize:vertical}
.ai-form-group select{cursor:pointer}
.ai-form-submit{padding:13px 22px;background:var(--primary);border:0;border-radius:8px;font-size:14.5px;font-weight:600;color:#fff;cursor:pointer;transition:background-color .12s ease,box-shadow .12s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start}
.ai-form-submit:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(5,112,222,.35)}
.ai-form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}
.ai-form-submit svg{width:18px;height:18px}
@media(max-width:900px){
.ai-contact-container{grid-template-columns:1fr;gap:48px}
.ai-form-row{grid-template-columns:1fr}
}

/* === cta.htm === */
.ai-cta{padding:120px 0;background:var(--bg-elevated);position:relative;overflow:hidden}
.ai-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 100% 100% at 50% 100%,rgba(5,112,222,.08) 0%,transparent 50%);pointer-events:none}
.ai-cta-container{position:relative;z-index:1;max-width:800px;margin:0 auto;text-align:center;padding:0 24px}
.ai-cta-icon{width:56px;height:56px;background:rgba(5,112,222,.10);border:1px solid rgba(5,112,222,.18);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--primary)}
.ai-cta-icon svg{width:40px;height:40px;color:#fff}
.ai-cta h2{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:16px;color:var(--text-primary)}
.ai-cta p{font-size:1.15rem;color:var(--text-secondary);line-height:1.7;margin-bottom:40px;max-width:560px;margin-left:auto;margin-right:auto}
.ai-cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:48px}
.ai-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;font-size:14.5px;font-weight:600;border-radius:8px;text-decoration:none;transition:background-color .12s ease,color .12s ease,box-shadow .12s ease;border:0;cursor:pointer}
.ai-cta-btn-primary{background:var(--primary);color:#fff}
.ai-cta-btn-primary:hover{background:var(--primary-hover)}
.ai-cta-btn-primary:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(5,112,222,.35)}
.ai-cta-btn-secondary{background:transparent;color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--border)}
.ai-cta-btn-secondary:hover{color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}
.ai-cta-btn svg{width:16px;height:16px}
.ai-cta-trust{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}
.ai-cta-trust-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}
.ai-cta-trust-item svg{width:18px;height:18px;color:var(--primary)}
@media(max-width:500px){
.ai-cta-actions{flex-direction:column;align-items:center}
.ai-cta-btn{width:100%;max-width:300px;justify-content:center}
}

/* === faq.htm === */
.ai-faq{padding:120px 0;background:var(--bg-elevated)}
.ai-faq-container{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;max-width:1200px;margin:0 auto;padding:0 24px;align-items:start}
.ai-faq-header h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;letter-spacing:-.02em;margin-bottom:16px;color:var(--text-primary)}
.ai-faq-header p{font-size:1.05rem;color:var(--text-secondary);line-height:1.7;margin-bottom:32px}
.ai-faq-contact{padding:28px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl)}
.ai-faq-contact h4{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:8px}
.ai-faq-contact p{font-size:14px;color:var(--text-muted);margin-bottom:16px}
.ai-faq-contact-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;background:var(--primary);border:0;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:background-color .12s ease}
.ai-faq-contact-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(5,112,222,.3)}
.ai-faq-contact-btn svg{width:16px;height:16px}
.ai-faq-list{display:flex;flex-direction:column;gap:12px}
.ai-faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-base)}
.ai-faq-item:hover{border-color:var(--border-hover)}
.ai-faq-item.active{border-color:var(--primary)}
.ai-faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 24px;background:none;border:none;font-size:15px;font-weight:600;color:var(--text-primary);text-align:left;cursor:pointer;transition:color var(--transition-fast)}
.ai-faq-question:hover{color:var(--primary)}
.ai-faq-question svg{width:20px;height:20px;color:var(--text-muted);transition:transform var(--transition-base);flex-shrink:0}
.ai-faq-item.active .ai-faq-question svg{transform:rotate(45deg);color:var(--primary)}
.ai-faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-slow)}
.ai-faq-item.active .ai-faq-answer{max-height:300px}
.ai-faq-answer-inner{padding:0 24px 20px;font-size:14px;color:var(--text-secondary);line-height:1.7}
@media(max-width:900px){
.ai-faq-container{grid-template-columns:1fr;gap:48px}
}

/* === hero.htm === */
.ai-hero{position:relative;background:var(--bg-dark);padding:112px 24px 72px;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}
.ai-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 50% 0%,rgba(14,165,233,.10) 0%,transparent 45%),radial-gradient(circle at 1px 1px,var(--border) 1px,transparent 0);background-size:100% 100%,32px 32px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 85%);mask-image:linear-gradient(180deg,#000 0%,transparent 85%);pointer-events:none;z-index:0}
.ai-hero-grid,.ai-hero-orb,.ai-hero-visual{display:none}
.ai-hero-container{position:relative;z-index:2;width:100%;max-width:880px;margin:0 auto;text-align:center}
.ai-hero-content{display:flex;flex-direction:column;align-items:center;max-width:100%}
.ai-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:100px;font-family:var(--font-mono);font-size:11.5px;font-weight:500;letter-spacing:.01em;color:var(--text-secondary);margin-bottom:28px;box-shadow:0 1px 2px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04)}
.ai-hero-badge svg{width:14px;height:14px;color:var(--primary)}
.ai-hero-badge-pulse{width:6px;height:6px;background:var(--success);border-radius:50%;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.ai-hero h1{font-family:var(--font-display);font-size:clamp(1.875rem,4.5vw,3rem);font-weight:700;line-height:1.08;letter-spacing:-.03em;color:var(--text-primary);margin:0 0 18px;text-wrap:balance;max-width:760px}
.ai-hero h1 span{color:var(--primary);font-weight:700;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor}
.ai-hero-subtitle{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0 0 32px;max-width:580px;text-wrap:balance}
.ai-hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 0 40px}
.ai-hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;font-size:14.5px;font-weight:600;letter-spacing:.005em;line-height:1.2;border-radius:8px;text-decoration:none;cursor:pointer;white-space:nowrap;border:0;transition:background-color .12s ease,color .12s ease,box-shadow .12s ease}
.ai-hero-btn svg{width:16px;height:16px}
.ai-hero-btn-primary{background:var(--primary);color:#fff}
.ai-hero-btn-primary:hover{background:var(--primary-hover)}
.ai-hero-btn-primary:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(5,112,222,.35)}
.ai-hero-btn-secondary{background:transparent;color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--border)}
.ai-hero-btn-secondary:hover{color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--border-hover)}
.ai-hero-stats{display:flex;justify-content:center;gap:48px;padding-top:24px;margin-top:8px;border-top:1px solid var(--border);width:100%;max-width:680px;flex-wrap:wrap}
.ai-hero-stat{text-align:center}
.ai-hero-stat-value{font-family:var(--font-display);font-size:1.625rem;font-weight:700;color:var(--text-primary);line-height:1;letter-spacing:-.02em;background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor}
.ai-hero-stat-label{font-size:12px;color:var(--text-muted);margin-top:6px;letter-spacing:.01em}
@media(max-width:768px){
    .ai-hero{padding:88px 20px 56px}
    .ai-hero-stats{gap:32px}
}
@media(max-width:600px){
.ai-hero-stats{flex-direction:column;gap:20px;align-items:center}
}

/* === icons.htm === */
:root{
    --bg-dark:#0a0a0a;--bg-card:#111;--bg-elevated:#1a1a1a;--bg-subtle:#1f1f1f;
    --text-primary:#fff;--text-secondary:#b4b4b4;--text-muted:#8b8b8b;--text-inverse:#000;
    --border:#2a2a2a;--border-hover:#3f3f46;--border-subtle:#1a1a1a;
    --primary:#0570DE;--primary-hover:#0061C2;
    --success:#22c55e;--warning:#f59e0b;--error:#ef4444;
    --shadow-sm:0 1px 2px rgba(0,0,0,.06);
    --shadow-md:0 4px 12px rgba(0,0,0,.08);
    --shadow-lg:0 12px 40px rgba(0,0,0,.12);
    --shadow-glow:0 0 0 transparent;
    --shadow-glow-purple:0 0 0 transparent;
    --radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-full:100px;
    --font-display:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    --font-body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    --font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
    --transition-fast:.12s ease;--transition-base:.18s ease;--transition-slow:.25s ease
}
[data-theme="light"]{
    --bg-dark:#fff;--bg-card:#f9fafb;--bg-elevated:#f3f4f6;--bg-subtle:#e5e7eb;
    --text-primary:#111;--text-secondary:#525252;--text-muted:#6b7280;--text-inverse:#fff;
    --border:#e5e7eb;--border-hover:#d1d5db;--border-subtle:#f3f4f6;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text-primary);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
::selection{background:var(--primary);color:#fff}

/* === integrations.htm === */
.ai-integrations{padding:100px 0;background:var(--bg-dark);position:relative;overflow:hidden}
.ai-integrations::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(5,112,222,.05) 0%,transparent 60%);pointer-events:none}
.ai-integrations-header{text-align:center;max-width:600px;margin:0 auto 56px;padding:0 24px}
.ai-integrations-header h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-secondary);margin-bottom:12px}
.ai-integrations-header p{font-size:14px;color:var(--text-muted)}
.ai-integrations-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;max-width:1000px;margin:0 auto;padding:0 24px}
.ai-integration-item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base)}
.ai-integration-item:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:var(--shadow-md),0 0 30px rgba(5,112,222,.15)}
.ai-integration-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity var(--transition-base)}
.ai-integration-item:hover .ai-integration-icon{opacity:1}
.ai-integration-icon img{max-width:100%;max-height:100%;object-fit:contain}
.ai-integration-icon svg{width:36px;height:36px}
.ai-integration-name{font-size:12px;font-weight:600;color:var(--text-muted);text-align:center;transition:color var(--transition-base)}
.ai-integration-item:hover .ai-integration-name{color:var(--text-primary)}
.ai-capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1100px;margin:64px auto 0;padding:0 24px}
.ai-capability{text-align:center;padding:32px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base)}
.ai-capability:hover{border-color:var(--border-hover)}
.ai-capability-icon{width:48px;height:48px;background:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.ai-capability-icon svg{width:24px;height:24px;color:#fff}
.ai-capability h4{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:8px}
.ai-capability p{font-size:13px;color:var(--text-muted);line-height:1.5}
@media(max-width:900px){
.ai-integrations-grid{grid-template-columns:repeat(3,1fr)}
.ai-capabilities{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:500px){
.ai-integrations-grid{grid-template-columns:repeat(2,1fr)}
.ai-capabilities{grid-template-columns:1fr}
}

/* === process.htm === */
.ai-process{padding:120px 0;background:var(--bg-dark);position:relative;overflow:hidden}
.ai-process::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1200px;height:600px;background:radial-gradient(ellipse,rgba(5,112,222,.04) 0%,transparent 60%);pointer-events:none}
.ai-process-header{text-align:center;max-width:640px;margin:0 auto 80px;padding:0 24px}
.ai-process-header h2{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:16px;color:var(--text-primary)}
.ai-process-header p{font-size:1.1rem;color:var(--text-secondary);line-height:1.7}
.ai-process-timeline{display:flex;justify-content:center;max-width:1100px;margin:0 auto;padding:0 24px;position:relative}
.ai-process-timeline::before{content:'';position:absolute;top:56px;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,var(--border) 10%,var(--border) 90%,transparent)}
.ai-process-step{flex:1;max-width:240px;text-align:center;position:relative;z-index:1;padding:0 12px}
.ai-process-step-num{width:112px;height:112px;margin:0 auto 28px;position:relative}
.ai-process-step-num::before{content:'';position:absolute;inset:0;background:var(--bg-card);border:2px solid var(--border);border-radius:50%;transition:all var(--transition-base)}
.ai-process-step:hover .ai-process-step-num::before{border-color:var(--primary);box-shadow:var(--shadow-glow)}
.ai-process-step-num::after{content:'';position:absolute;inset:12px;background:var(--primary);border-radius:50%;opacity:0;transition:opacity var(--transition-base)}
.ai-process-step:hover .ai-process-step-num::after{opacity:1}
.ai-process-step-num span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--text-muted);z-index:1;transition:all var(--transition-base)}
.ai-process-step:hover .ai-process-step-num span{color:#fff}
.ai-process-step h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:10px}
.ai-process-step p{font-size:14px;color:var(--text-secondary);line-height:1.6}
.ai-process-step-connector{position:absolute;top:56px;right:-24px;color:var(--text-muted);opacity:.4}
.ai-process-step-connector svg{width:20px;height:20px}
@media(max-width:900px){
.ai-process-timeline{flex-wrap:wrap;gap:48px}
.ai-process-timeline::before{display:none}
.ai-process-step{flex:0 0 calc(50% - 24px);max-width:none}
.ai-process-step-connector{display:none}
}
@media(max-width:500px){
.ai-process-step{flex:0 0 100%}
}

/* === solutions.htm === */
.ai-solutions{padding:120px 0;background:var(--bg-elevated);position:relative;overflow:hidden}
.ai-solutions::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}
.ai-solutions-header{text-align:center;max-width:700px;margin:0 auto 72px;padding:0 24px}
.ai-section-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;background:rgba(5,112,222,.10);border:1px solid rgba(5,112,222,.2);border-radius:var(--radius-full);font-size:13px;font-weight:600;color:var(--primary);margin-bottom:24px}
.ai-section-eyebrow svg{width:18px;height:18px}
.ai-solutions-header h2{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:16px;color:var(--text-primary)}
.ai-solutions-header p{font-size:1.1rem;color:var(--text-secondary);line-height:1.7}
.ai-solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1280px;margin:0 auto;padding:0 24px}
.ai-solution-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:36px;overflow:hidden;transition:all var(--transition-slow)}
.ai-solution-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-gradient,var(--primary));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-slow)}
.ai-solution-card:hover{border-color:var(--card-color,var(--primary));transform:translateY(-6px);box-shadow:var(--shadow-lg),0 0 40px var(--card-glow,rgba(5,112,222,.1))}
.ai-solution-card:hover::before{transform:scaleX(1)}
.ai-solution-card[data-type="chatbot"]{--card-color:var(--primary);--card-glow:rgba(5,112,222,.15);--card-gradient:linear-gradient(90deg,var(--primary),var(--primary-hover))}
.ai-solution-card[data-type="automation"]{--card-color:var(--primary);--card-glow:rgba(5,112,222,.15);--card-gradient:linear-gradient(90deg,var(--primary),var(--primary))}
.ai-solution-card[data-type="vision"]{--card-color:var(--primary);--card-glow:rgba(5,112,222,.15);--card-gradient:linear-gradient(90deg,var(--primary),var(--primary-hover))}
.ai-solution-card[data-type="nlp"]{--card-color:#22c55e;--card-glow:rgba(34,197,94,.15);--card-gradient:linear-gradient(90deg,#22c55e,#4ade80)}
.ai-solution-card[data-type="mcp"]{--card-color:#f97316;--card-glow:rgba(249,115,22,.15);--card-gradient:linear-gradient(90deg,#f97316,#fb923c)}
.ai-solution-card[data-type="analytics"]{--card-color:#3b82f6;--card-glow:rgba(59,130,246,.15);--card-gradient:linear-gradient(90deg,#3b82f6,#60a5fa)}
.ai-solution-icon{width:48px;height:48px;background:var(--card-glow,rgba(5,112,222,.10));border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.ai-solution-icon svg{width:24px;height:24px;color:var(--card-color,var(--primary))}
.ai-solution-card h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}
.ai-solution-card p{font-size:15px;color:var(--text-secondary);line-height:1.7;margin-bottom:20px}
.ai-solution-features{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.ai-solution-feature{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-muted)}
.ai-solution-feature svg{width:16px;height:16px;color:var(--card-color,var(--primary));flex-shrink:0}
.ai-solution-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--card-color,var(--primary));text-decoration:none;opacity:0;transform:translateX(-10px);transition:all var(--transition-base)}
.ai-solution-card:hover .ai-solution-link{opacity:1;transform:translateX(0)}
.ai-solution-link svg{width:16px;height:16px}
@media(max-width:1024px){.ai-solutions-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ai-solutions-grid{grid-template-columns:1fr;gap:16px}}

/* === usecases.htm === */
.ai-usecases{padding:120px 0;background:var(--bg-elevated)}
.ai-usecases-header{text-align:center;max-width:680px;margin:0 auto 72px;padding:0 24px}
.ai-usecases-header h2{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:16px;color:var(--text-primary)}
.ai-usecases-header p{font-size:1.1rem;color:var(--text-secondary);line-height:1.7}
.ai-usecases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1100px;margin:0 auto;padding:0 24px}
.ai-usecase{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px;overflow:hidden;transition:all var(--transition-slow)}
.ai-usecase::before{content:'';position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle at top right,var(--case-color,rgba(5,112,222,.1)),transparent 70%);pointer-events:none}
.ai-usecase:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.ai-usecase[data-industry="ecommerce"]{--case-color:rgba(5,112,222,.1)}
.ai-usecase[data-industry="support"]{--case-color:rgba(5,112,222,.1)}
.ai-usecase[data-industry="finance"]{--case-color:rgba(34,197,94,.1)}
.ai-usecase[data-industry="healthcare"]{--case-color:rgba(5,112,222,.1)}
.ai-usecase-icon{width:56px;height:56px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.ai-usecase-icon svg{width:28px;height:28px;color:var(--primary)}
.ai-usecase-tag{display:inline-flex;padding:4px 12px;background:rgba(5,112,222,.10);border-radius:var(--radius-full);font-size:11px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}
.ai-usecase h3{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}
.ai-usecase p{font-size:15px;color:var(--text-secondary);line-height:1.7;margin-bottom:24px}
.ai-usecase-results{display:flex;gap:24px;padding-top:24px;border-top:1px solid var(--border)}
.ai-usecase-result{flex:1}
.ai-usecase-result-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--primary)}
.ai-usecase-result-label{font-size:12px;color:var(--text-muted);margin-top:4px}
@media(max-width:800px){
.ai-usecases-grid{grid-template-columns:1fr}
}