.page-hero{background:var(--gradient-primary);color:#fff;padding:var(--spacing-4xl) 0 var(--spacing-3xl);text-align:center}.page-hero h1{font-size:var(--font-size-5xl);color:#fff;margin-bottom:var(--spacing-md)}.page-hero-description{font-size:var(--font-size-xl);color:hsla(0,0%,100%,.9);max-width:700px;margin:0 auto}.bg-gray{background-color:var(--color-bg)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl)}.cta-section{background:var(--gradient-primary);color:#fff}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-content h2{font-size:var(--font-size-4xl);color:#fff;margin-bottom:var(--spacing-md)}.cta-content p{font-size:var(--font-size-xl);color:hsla(0,0%,100%,.9);margin-bottom:var(--spacing-2xl)}.cta-actions{display:flex;gap:var(--spacing-lg);justify-content:center}@media (max-width:768px){.cta-actions{flex-direction:column;align-items:center}.cta-actions a{width:100%;max-width:300px}}.channels-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.channel-column{padding:var(--spacing-2xl);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column}.channel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.channel-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:4px var(--spacing-sm);border-radius:var(--radius-sm);text-transform:uppercase}.official-badge{background:rgba(0,168,132,.1);color:var(--color-primary)}.unofficial-badge{background:rgba(239,68,68,.1);color:#ef4444}.channel-column h3{font-size:var(--font-size-xl);margin:0}.channel-desc{color:var(--color-text-light);font-size:var(--font-size-md);line-height:var(--line-height-base);margin-bottom:var(--spacing-lg)}.channel-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.channel-features li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md)}.channel-features li:before{content:"✓";color:var(--color-primary);font-weight:700}.channel-features li.risk-item:before{content:""}.channel-features li.risk-item{color:#dc2626;font-size:var(--font-size-sm)}.disclosure-box{background:rgba(245,158,11,.05);border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-top:var(--spacing-xl)}.disclosure-box h4{color:#d97706;font-size:var(--font-size-lg);margin-top:0;margin-bottom:var(--spacing-sm)}.disclosure-box p{color:var(--color-text-light);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin:0}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl)}.integration-category{padding:var(--spacing-xl);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.integration-category h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);color:var(--color-primary)}.integration-category ul{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-md);padding:0;margin:0}.integration-category li{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-md)}.item-name-group{display:flex;align-items:center;gap:var(--spacing-xs)}.integration-category svg{color:var(--color-primary);flex-shrink:0}.status-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 8px;border-radius:var(--radius-sm)}.badge-available{background:rgba(0,168,132,.1);color:var(--color-primary)}.badge-custom{background:rgba(59,130,246,.1);color:#3b82f6}.badge-soon{background:rgba(156,163,175,.1);color:#6b7280}.api-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl)}.api-feature{text-align:center;padding:var(--spacing-xl)}.api-feature h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.api-feature p{color:var(--color-text-light);margin:0;line-height:var(--line-height-relaxed)}.about-content{max-width:800px;margin:0 auto}.about-content h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg)}.about-content p{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-light);margin-bottom:var(--spacing-lg)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl)}.value-item{text-align:center;padding:var(--spacing-xl)}.value-item h3{font-size:var(--font-size-xl);color:var(--color-primary);margin-bottom:var(--spacing-md)}.value-item p{color:var(--color-text-light);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-3xl);gap:var(--spacing-3xl)}.stat-item{text-align:center}.stat-number{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.stat-label{font-size:var(--font-size-lg);color:var(--color-text-light)}.security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl)}.security-item{padding:var(--spacing-2xl);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center}.security-icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.security-icon svg{width:32px;height:32px;color:#fff}.security-item h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.security-item p{color:var(--color-text-light);margin:0}.compliance-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.badge{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-bg-white);border:2px solid var(--color-primary);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.compliance-disclaimer{font-size:var(--font-size-sm);color:var(--color-text-light);margin-top:var(--spacing-md)}.docs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl)}.doc-card{padding:var(--spacing-2xl);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base);display:block}.doc-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.doc-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}.doc-icon svg{width:24px;height:24px;color:#fff}.doc-card h3{font-size:var(--font-size-xl)}.doc-card h3,.doc-card p{margin-bottom:var(--spacing-md)}.doc-card p{color:var(--color-text-light)}.doc-link{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.doc-content{max-width:800px;margin:0 auto}.doc-content h2{font-size:var(--font-size-2xl);margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-lg);color:var(--color-text)}.doc-content h3{font-size:var(--font-size-xl);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--color-text)}.doc-content li,.doc-content p{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-light);margin-bottom:var(--spacing-md)}.doc-content ul{margin-left:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.doc-content pre{background:var(--color-bg);padding:var(--spacing-lg);border-radius:var(--radius-md);overflow-x:auto;margin:var(--spacing-lg) 0;border:1px solid var(--color-border)}.doc-content code{font-family:Courier New,monospace;font-size:var(--font-size-sm);color:var(--color-primary)}.footer{background:linear-gradient(180deg,#0f172a,#1e293b);color:var(--color-bg);padding:var(--spacing-3xl) 0 var(--spacing-lg);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.5) 50%,transparent)}.footer-container{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--spacing-lg);position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-gap:var(--spacing-3xl);gap:var(--spacing-3xl)}.footer-column{display:flex;flex-direction:column}.footer-brand{gap:var(--spacing-md)}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm);color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.footer-tagline{color:hsla(0,0%,100%,.6);font-size:var(--font-size-sm);margin:0 0 var(--spacing-md) 0;line-height:var(--line-height-relaxed)}.footer-social{display:flex;gap:var(--spacing-sm)}.footer-social-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.7);transition:all var(--transition-base);border:1px solid hsla(0,0%,100%,.1)}.footer-social-link:hover{background:var(--gradient-primary);border-color:transparent;color:#fff;transform:translateY(-2px)}.footer-heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#fff;text-transform:uppercase;letter-spacing:.05em}.footer-heading,.footer-links{margin-bottom:var(--spacing-md)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-links a{color:hsla(0,0%,100%,.7);font-size:var(--font-size-sm);transition:all var(--transition-fast);display:inline-block}.footer-links a:hover{color:#fff;transform:translateX(2px)}.footer-copyright{color:hsla(0,0%,100%,.5);font-size:var(--font-size-xs);margin:var(--spacing-md) 0 0 0;padding-top:var(--spacing-md);border-top:1px solid hsla(0,0%,100%,.1)}@media (max-width:768px){.footer{padding:var(--spacing-2xl) 0 var(--spacing-md)}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}.footer-brand{grid-column:1/-1}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.footer-brand{text-align:center}.footer-logo,.footer-social{justify-content:center}}.header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--color-bg-white);border-bottom:1px solid var(--color-border);transition:all var(--transition-base)}.header-scrolled{background:hsla(0,0%,100%,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);border-bottom-color:rgba(226,232,240,.5)}.header-container{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--spacing-lg)}.header-content{justify-content:space-between;height:72px}.header-content,.header-logo{display:flex;align-items:center}.header-logo{gap:var(--spacing-md);color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);transition:all var(--transition-base);position:relative}.header-logo svg{transition:transform var(--transition-base)}.header-logo:hover svg{transform:rotate(5deg) scale(1.05)}.header-logo:hover{color:var(--color-primary-dark)}.header-logo-text{color:var(--color-text);font-weight:var(--font-weight-bold)}.header-nav{display:none;gap:var(--spacing-2xl);align-items:center}.header-nav-link{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);transition:color var(--transition-fast);position:relative;padding:var(--spacing-xs) 0}.header-nav-link:hover{color:var(--color-primary)}.header-nav-link:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-base);border-radius:var(--radius-full)}.header-nav-link:hover:after{width:100%}.header-actions{display:none;gap:var(--spacing-md);align-items:center}.header-btn-secondary{padding:var(--spacing-sm) var(--spacing-lg);font-weight:var(--font-weight-medium);color:var(--color-text);border:2px solid var(--color-border-dark);border-radius:var(--radius-lg);transition:all var(--transition-base);font-size:var(--font-size-sm)}.header-btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:rgba(16,185,129,.05);transform:translateY(-1px)}.header-btn-primary{padding:var(--spacing-sm) var(--spacing-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-white);background:var(--gradient-primary);border-radius:var(--radius-lg);transition:all var(--transition-base);box-shadow:var(--shadow-sm);font-size:var(--font-size-sm)}.header-btn-primary:hover{box-shadow:var(--shadow-primary);transform:translateY(-2px) scale(1.02)}.header-btn-primary:active{transform:translateY(0) scale(.98)}.header-mobile-toggle{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);background:none;border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.header-mobile-toggle:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:rgba(16,185,129,.05)}.header-mobile-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.header-mobile-menu{display:flex;flex-direction:column;padding:var(--spacing-lg) 0;border-top:1px solid var(--color-border);animation:slideDown .3s ease-out}.header-mobile-link{padding:var(--spacing-md) 0;color:var(--color-text);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);border-left:3px solid transparent;padding-left:var(--spacing-md)}.header-mobile-link:hover{color:var(--color-primary);border-left-color:var(--color-primary);background-color:rgba(16,185,129,.05)}.header-mobile-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.header-mobile-actions .header-btn-primary,.header-mobile-actions .header-btn-secondary{text-align:center;display:block}@media (min-width:768px){.header-actions,.header-nav{display:flex}.header-mobile-menu,.header-mobile-toggle{display:none}}@media (min-width:1024px){.header-nav{gap:var(--spacing-3xl)}.header-content{height:80px}}.header-mobile-link:focus-visible,.header-nav-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:var(--radius-sm)}