*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;color:#0f172a;background:#fff}
.container{width:min(1120px,92%);margin:auto}
header{position:sticky;top:0;background:#ffffffee;backdrop-filter:blur(8px);border-bottom:1px solid #eee}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
a{text-decoration:none;color:#0f172a}
.logo{font:800 30px Manrope,sans-serif}.logo span{color:#2563eb}
header .logo{flex-shrink:0}
.footer-logo{height:48px;width:auto;max-width:180px;object-fit:contain;margin-bottom:12px}
.btn{background:#2563eb;color:#fff;padding:12px 20px;border-radius:10px;display:inline-block;transition:background 0.2s}
.btn:hover{background:#1d4ed8}
.ghost{padding:12px 20px;color:#2563eb;transition:color 0.2s}
.ghost:hover{color:#1d4ed8}
.link{color:#2563eb;text-decoration:none;font-weight:600}
.link:hover{text-decoration:underline}
.hero{display:grid;grid-template-columns:2fr 1fr;gap:40px;padding:80px 0}
h1{font:800 60px Manrope,sans-serif;line-height:1.05;margin:10px 0}
h2{font:800 48px Manrope,sans-serif;margin:30px 0}
h3{font:700 24px Manrope,sans-serif;margin:15px 0}
h4{font:700 18px Manrope,sans-serif;margin:10px 0}
.lead{font-size:20px;color:#475569}
.eyebrow{color:#2563eb;font-weight:700;text-transform:uppercase;font-size:14px}
.cta{display:flex;gap:15px;margin-top:30px;flex-wrap:wrap}
.card,.service{background:#f8fafc;border:1px solid #e5e7eb;padding:24px;border-radius:18px}
.card h3,.service h3{margin-top:0}
.card ul{margin:10px 0;padding-left:20px;line-height:1.8}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}
section{padding:60px 0}
.alt{background:#f8fafc}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;text-align:center;align-items:start}
.steps div{display:flex;flex-direction:column;gap:10px}
.steps strong{font-size:32px;color:#2563eb}
.steps p{margin:0;font-weight:600}
.about{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.about img{width:100%;border-radius:20px}
.contact{text-align:center;background:#0f172a;color:#fff;padding:60px 0}
.contact h2{color:#fff}
.contact p{font-size:16px;margin:10px 0}
footer{padding:30px 0;background:#fff;border-top:1px solid #eee;text-align:center}
footer p{color:#475569}
.footer-social{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.footer-social a{display:inline-flex;align-items:center;gap:6px;color:#2563eb;font-size:14px;font-weight:600}
.footer-social a:hover{color:#1d4ed8}

/* Pricing Styles */
.pricing-card{background:#f8fafc;border:1px solid #e5e7eb;padding:30px;border-radius:18px;transition:transform 0.2s,box-shadow 0.2s}
.pricing-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1)}
.pricing-card.highlight{background:#2563eb;color:#fff;border:2px solid #2563eb}
.pricing-card.highlight h3{color:#fff}
.pricing-card.highlight p{color:#dbeafe}
.badge{background:#dc2626;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;display:inline-block;margin-bottom:10px}
.pricing-card .badge{background:#fbbf24}
.price{font-size:32px;font-weight:800;margin:10px 0}
.price-period{font-size:14px;color:#64748b}
.price span{font-size:18px;font-weight:400}
.price .price-note{font-size:18px;font-weight:400}
.pricing-detailed{max-width:800px;margin:0 auto}
.price-header{margin-bottom:20px}
.pricing-list,.partnership-list{margin:20px 0 0;padding-left:20px;line-height:1.8}
.partnership-options{align-items:start}
.partnership-next-step{display:flex;flex-direction:column;justify-content:center}

/* FAQ Styles */
.faq{display:grid;gap:20px}
.faq-item{background:#f8fafc;padding:24px;border-radius:12px;border-left:4px solid #2563eb}
.faq-item h4{margin-top:0;color:#0f172a}
.faq-item p{color:#475569;line-height:1.6;margin:10px 0}

/* Utility Styles */
.pricing-preview{padding:40px 0}
.pricing-preview .grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}

/* Technology Ecosystem */
.technology-ecosystem-grid{display:grid;grid-template-columns:1fr;gap:16px}
.technology-ecosystem-card{background:#f8fafc;border:1px solid #e5e7eb;padding:24px;border-radius:18px}
.technology-ecosystem-card h3{margin-top:0}
.technology-ecosystem-card ul{margin:0;padding-left:20px;display:grid;gap:8px}
.technology-ecosystem-card a{color:#0f172a;text-decoration:none;border-radius:8px;padding:2px 4px;display:inline-block;transition:background 0.2s,color 0.2s}
.technology-ecosystem-card a:hover,.technology-ecosystem-card a:focus-visible{background:#eff6ff;color:#1d4ed8}
.technology-ecosystem-card a:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.technology-ecosystem-disclaimer{margin-top:16px;font-size:14px;color:#475569}

@media(min-width:640px){
.technology-ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(min-width:1024px){
.technology-ecosystem-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

.reference-block{background:#0f172a;color:#fff;border-radius:24px;padding:32px}
.reference-block h2{color:#fff;margin-top:0}
.reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px}
.reference-item{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);padding:20px;border-radius:16px}
.reference-item h3{margin-top:0;color:#fff}
.reference-item p{color:#cbd5e1;margin-bottom:0}
.reference-item a{color:#93c5fd}
.expert-attribution{background:#f8fafc;border:1px solid #e5e7eb;padding:24px;border-radius:18px}
.expert-attribution h2{margin-top:0}
.expert-attribution p{color:#475569}
.byline{font-size:14px;color:#64748b;line-height:1.7;margin-top:20px}
.checklist{margin:0;padding-left:20px;line-height:1.9}

@media(max-width:800px){
.hero,.about{grid-template-columns:1fr}
h1{font-size:42px}
.steps{grid-template-columns:1fr 1fr}
.nav{flex-direction:column;gap:10px}
nav{flex-direction:column;gap:15px;width:100%}

.nav a.btn{width:100%;text-align:center}
.grid{grid-template-columns:1fr}
}

/* Chatbot */
:root{--gf-chatbot-z-index:1000}
.gf-chatbot{position:fixed;right:20px;bottom:20px;z-index:var(--gf-chatbot-z-index);font-family:Inter,sans-serif}
.gf-chatbot-launcher{background:#2563eb;color:#fff;border:0;border-radius:999px;padding:14px 18px;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 10px 28px rgba(15,23,42,0.25);display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.gf-chatbot-launcher-label{display:block}
.gf-chatbot-launcher-hint{display:block;font-size:12px;line-height:1.2;font-weight:600;color:#dbeafe}
.gf-chatbot-launcher:hover,.gf-chatbot-launcher:focus-visible{background:#1d4ed8}
.gf-chatbot[data-state="open"] .gf-chatbot-launcher{background:#0f172a}
.gf-chatbot[data-state="open"] .gf-chatbot-launcher:hover,.gf-chatbot[data-state="open"] .gf-chatbot-launcher:focus-visible{background:#1e293b}
.gf-chatbot[data-state="open"] .gf-chatbot-launcher-hint{color:#cbd5e1}
.gf-chatbot-launcher:focus-visible,.gf-chatbot-minimize:focus-visible,.gf-chatbot-quick-action:focus-visible,.gf-chatbot-form input:focus-visible,.gf-chatbot-form button:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px}
.gf-chatbot-panel{position:absolute;right:0;bottom:64px;width:min(360px,calc(100vw - 24px));max-height:min(560px,70vh);background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 40px rgba(15,23,42,0.25);display:flex;flex-direction:column;overflow:hidden}
.gf-chatbot-header{background:#0f172a;color:#fff;padding:14px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.gf-chatbot-header p{margin:0;font-size:14px;line-height:1.4}
.gf-chatbot-header span{display:block;color:#cbd5e1;font-size:12px;margin-top:4px}
.gf-chatbot-header-actions{display:flex;align-items:center}
.gf-chatbot-minimize{background:rgba(255,255,255,0.12);color:#fff;border:1px solid rgba(255,255,255,0.2);border-radius:999px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;font:inherit}
.gf-chatbot-minimize:hover{background:rgba(255,255,255,0.2)}
.gf-chatbot-minimize-icon{font-size:20px;line-height:1;font-weight:700;transform:translateY(-1px)}
.gf-chatbot-messages{padding:14px;display:grid;gap:10px;overflow:auto;background:#f8fafc}
.gf-chatbot-message{max-width:92%;padding:10px 12px;border-radius:12px;font-size:14px;line-height:1.45}
.gf-chatbot-message p{margin:0}
.gf-chatbot-message a{color:#1d4ed8;text-decoration:underline}
.gf-chatbot-message-user{justify-self:end;background:#dbeafe;color:#0f172a}
.gf-chatbot-message-bot{justify-self:start;background:#fff;color:#0f172a;border:1px solid #e2e8f0}
.gf-chatbot-quick-actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-top:1px solid #e2e8f0;background:#fff}
.gf-chatbot-quick-action{border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:999px;padding:6px 10px;font-size:12px;line-height:1.2;cursor:pointer}
.gf-chatbot-quick-action:hover{background:#dbeafe}
.gf-chatbot-form{display:flex;gap:8px;padding:12px;border-top:1px solid #e2e8f0;background:#fff}
.gf-chatbot-form input{flex:1;border:1px solid #cbd5e1;border-radius:8px;padding:10px;font-size:14px}
.gf-chatbot-form button{border:0;background:#2563eb;color:#fff;border-radius:8px;padding:10px 12px;font-weight:600;cursor:pointer}
.gf-chatbot-form button:hover{background:#1d4ed8}
.gf-chatbot-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:800px){
.gf-chatbot{right:12px;bottom:12px}
.gf-chatbot-panel{right:0;bottom:60px;width:min(360px,calc(100vw - 24px));max-height:72vh}
.gf-chatbot-launcher{padding:12px 16px}
}/* ===== Chatbot State Fix ===== */

.gf-chatbot-panel[hidden]{
    display:none !important;
}

.gf-chatbot[data-state="minimized"] .gf-chatbot-panel{
    display:none !important;
}

.gf-chatbot[data-state="open"] .gf-chatbot-panel{
    display:flex !important;
}