.support-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.support-channel{text-align:center;padding:var(--space-2xl);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);transition:box-shadow var(--transition-base)}.support-channel:hover{box-shadow:var(--shadow-lg)}.support-channel__icon{width:48px;height:48px;margin:0 auto var(--space-md);background:var(--color-gray-50);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.support-channel__icon svg{width:24px;height:24px;color:var(--color-primary)}.support-channel h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-sm)}.support-channel__value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.support-channel__value a{color:var(--color-primary);transition:color var(--transition-fast)}.support-channel__value a:hover{color:var(--color-primary-dark)}.support-channel__desc{font-size:var(--font-size-sm);color:var(--color-text-muted)}.docs-portal-callout{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-xl) var(--space-2xl);background:linear-gradient(135deg,var(--color-primary),#073D73);border-radius:var(--radius-xl);margin-bottom:var(--space-2xl);color:var(--color-white)}.docs-portal-callout__icon{flex-shrink:0;width:56px;height:56px;background:#ffffff26;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.docs-portal-callout__icon svg{width:28px;height:28px;color:var(--color-white)}.docs-portal-callout__content{flex:1}.docs-portal-callout__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.docs-portal-callout__desc{font-size:var(--font-size-sm);color:#ffffffd9}.docs-portal-callout__btn{flex-shrink:0;background:var(--color-accent);border-color:var(--color-accent);color:var(--color-gray-900)}.docs-portal-callout__btn:hover{background:#e69a30;border-color:#e69a30}.product-support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md)}.product-support-link{display:flex;flex-direction:column;padding:var(--space-lg) var(--space-xl);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.product-support-link:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-support-link__name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-xs)}.product-support-link__label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-md)}.product-support-link__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:auto}.faq-list{max-width:800px;margin:0 auto}.faq-item{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--space-md);overflow:hidden;transition:box-shadow var(--transition-fast)}.faq-item:hover{box-shadow:var(--shadow-md)}.faq-item__question{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);cursor:pointer;list-style:none}.faq-item__question::-webkit-details-marker{display:none}.faq-item__question:after{content:"+";font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);flex-shrink:0;margin-left:var(--space-md);transition:transform var(--transition-fast)}.faq-item[open] .faq-item__question:after{content:"\2212"}.faq-item__answer{padding:0 var(--space-xl) var(--space-lg);font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:var(--line-height-relaxed)}@media (max-width: 768px){.support-channels{grid-template-columns:1fr}.docs-portal-callout{flex-direction:column;text-align:center;padding:var(--space-xl)}.faq-item__question{padding:var(--space-md) var(--space-lg)}.faq-item__answer{padding:0 var(--space-lg) var(--space-md)}}
