:root{--primary-color:#007bff;--primary-dark:#0056b3;--primary-light:#66b3ff;--secondary-color:#6c757d;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--dark-color:#343a40;--light-color:#f8f9fa;--white:#ffffff;--text-dark:#212529;--text-muted:#6c757d;--border-color:#dee2e6;--shadow-sm:0 0.125rem 0.25rem rgba(0,0,0,0.075);--shadow:0 0.5rem 1rem rgba(0,0,0,0.15);--shadow-lg:0 1rem 3rem rgba(0,0,0,0.175);--transition:all 0.3s ease;--border-radius:0.5rem;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);color:var(--text-dark);line-height:1.6;background-color:var(--white)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem;color:var(--text-dark)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-dark);text-decoration:underline}code{font-family:var(--font-family-mono);font-size:0.875em;color:#e83e8c;background-color:#f8f9fa;padding:0.2rem 0.4rem;border-radius:0.25rem}pre{background-color:#f8f9fa;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;overflow-x:auto;margin-bottom:1rem}pre code{color:var(--text-dark);background-color:transparent;padding:0}.sf-header{background-color:var(--white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-color)}.sf-navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto}.sf-logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none}.sf-logo:hover{text-decoration:none;color:var(--primary-dark)}.sf-nav{display:flex;gap:2rem;list-style:none}.sf-nav a{color:var(--text-dark);font-weight:500;text-decoration:none;transition:var(--transition)}.sf-nav a:hover{color:var(--primary-color);text-decoration:none}.sf-nav a.active{color:var(--primary-color)}.sf-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-dark)}.sf-hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--white);padding:4rem 2rem;text-align:center}.sf-hero h1{color:var(--white);margin-bottom:1rem}.sf-hero p{font-size:1.25rem;margin-bottom:2rem;opacity:0.9}.sf-container{max-width:1200px;margin:0 auto;padding:0 2rem}.sf-section{padding:4rem 0}.sf-section-alt{background-color:var(--light-color)}.sf-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:2rem;margin-bottom:2rem;transition:var(--transition)}.sf-card:hover{box-shadow:var(--shadow)}.sf-card-header{border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1.5rem}.sf-card-title{margin-bottom:0}.sf-badge{display:inline-block;padding:0.25rem 0.75rem;font-size:0.875rem;font-weight:600;border-radius:0.25rem;background-color:var(--primary-color);color:var(--white)}.sf-badge-success{background-color:var(--success-color)}.sf-badge-warning{background-color:var(--warning-color);color:var(--text-dark)}.sf-badge-danger{background-color:var(--danger-color)}.sf-badge-info{background-color:var(--info-color)}.sf-btn{display:inline-block;padding:0.75rem 1.5rem;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.sf-btn-primary{background-color:var(--primary-color);color:var(--white)}.sf-btn-primary:hover{background-color:var(--primary-dark);color:var(--white);text-decoration:none}.sf-btn-outline{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.sf-btn-outline:hover{background-color:var(--primary-color);color:var(--white);text-decoration:none}.sf-list{list-style:none;padding-left:0}.sf-list li{padding:0.5rem 0;padding-left:1.5rem;position:relative}.sf-list li::before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:bold}.sf-list-icon{list-style:none;padding-left:0}.sf-list-icon li{padding:0.5rem 0;padding-left:2rem;position:relative}.sf-list-icon li i{position:absolute;left:0;color:var(--primary-color)}.sf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.sf-grid-2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.sf-grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.sf-alert{padding:1rem;border-radius:var(--border-radius);margin-bottom:1rem;border-left:4px solid}.sf-alert-info{background-color:#d1ecf1;border-color:var(--info-color);color:#0c5460}.sf-alert-warning{background-color:#fff3cd;border-color:var(--warning-color);color:#856404}.sf-alert-success{background-color:#d4edda;border-color:var(--success-color);color:#155724}.sf-alert-danger{background-color:#f8d7da;border-color:var(--danger-color);color:#721c24}.sf-footer{background-color:var(--dark-color);color:rgba(255,255,255,0.75);padding:3rem 0 1rem;margin-top:4rem}.sf-footer h4{color:#ffffff;font-size:0.95rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid rgba(255,255,255,0.15)}.sf-footer p{color:rgba(255,255,255,0.7);font-size:0.9rem}.sf-footer a{color:rgba(255,255,255,0.75);transition:color 0.2s ease}.sf-footer a:hover{color:#ffffff;text-decoration:none;opacity:1}.sf-footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.sf-footer .sf-list-icon li i{color:var(--primary-light)}.sf-footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:2rem;text-align:center;color:rgba(255,255,255,0.55);font-size:0.875rem}.sf-toc{background-color:var(--light-color);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem}.sf-toc h3{margin-bottom:1rem;font-size:1.25rem}.sf-toc ul{list-style:none;padding-left:0}.sf-toc li{padding:0.5rem 0}.sf-toc a{color:var(--text-dark);text-decoration:none}.sf-toc a:hover{color:var(--primary-color);text-decoration:underline}.sf-code-block{background-color:#282c34;color:#abb2bf;border-radius:var(--border-radius);padding:1.5rem;overflow-x:auto;margin-bottom:1rem}.sf-code-block code{color:#abb2bf;background-color:transparent;padding:0}.sf-breadcrumb{padding:1rem 0;margin-bottom:2rem}.sf-breadcrumb a{color:var(--text-muted);text-decoration:none}.sf-breadcrumb a:hover{color:var(--primary-color);text-decoration:underline}.sf-breadcrumb span{color:var(--text-muted);margin:0 0.5rem}@media (max-width:768px){.sf-navbar{flex-wrap:wrap}.sf-menu-toggle{display:block}.sf-nav{display:none;width:100%;flex-direction:column;gap:1rem;margin-top:1rem}.sf-nav.active{display:flex}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.sf-hero{padding:2rem 1rem}.sf-section{padding:2rem 0}.sf-container{padding:0 1rem}.sf-grid{grid-template-columns:1fr}}.sf-badge-hero{background:rgba(255,255,255,0.2);color:white;font-size:0.9rem;margin-right:0.5rem}.sf-badge-hero:last-child{margin-right:0}.sf-btn-hero-primary{background:white;color:#007bff}.sf-btn-hero-secondary{background:transparent;border-color:white;color:white}.sf-btn-hero-cloud{background:rgba(255,255,255,0.2);border-color:white;color:white}.sf-btn-hero-primary:hover,.sf-btn-hero-secondary:hover,.sf-btn-hero-cloud:hover{background:rgba(255,255,255,0.3);color:white;text-decoration:none}.sf-hero-subtitle{font-size:1.5rem;margin-bottom:1rem}.sf-hero-description{margin-top:1rem;font-size:1.1rem;opacity:0.95}.sf-hero-buttons{margin-top:2rem}.sf-hero-buttons .sf-btn{margin-left:1rem}.sf-hero-buttons .sf-btn:first-child{margin-left:0}.sf-card-cloud{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border:2px solid var(--info-color)}.sf-card-cloud h2{color:var(--info-color)}.sf-card-cloud-light{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:var(--border-radius)}.sf-card-centered{text-align:center;padding:2rem}.sf-icon-large{font-size:3rem;margin-bottom:1rem}.sf-icon-primary{color:var(--primary-color)}.sf-icon-success{color:var(--success-color)}.sf-icon-info{color:var(--info-color)}.sf-grid-constrained-800{max-width:800px;margin:0 auto}.sf-grid-constrained-900{max-width:900px;margin:0 auto}.sf-grid-constrained-1000{max-width:1000px;margin:0 auto}.sf-text-lg{font-size:1.25rem}.sf-text-xl{font-size:1.125rem}.sf-footer-text-small{margin-top:1rem;font-size:0.9rem;opacity:0.9}.sf-footer-text-small-alt{margin-top:0.5rem;font-size:0.9rem;opacity:0.8}.sf-footer-link{color:var(--white);font-weight:600}.sf-footer-bottom-text{margin-top:0.5rem}.sf-alert-spacing{margin-bottom:2rem}.sf-alert-spacing-top{margin-top:2rem}.sf-list-left{text-align:left;margin-top:1.5rem}.sf-section-spacing{margin-top:2rem}.sf-section-spacing-lg{margin-top:1.5rem}.sf-developer-text{font-size:1.125rem;margin-bottom:1.5rem}.sf-developer-text-alt{margin-bottom:1.5rem}.sf-developer-buttons{margin-top:2rem}.sf-developer-buttons .sf-btn{margin-left:1rem}.sf-developer-buttons .sf-btn:first-child{margin-left:0}.sf-border-top{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.sf-text-center{text-align:center}.sf-text-muted{color:var(--text-muted)}.sf-mb-0{margin-bottom:0}.sf-mb-1{margin-bottom:0.5rem}.sf-mb-2{margin-bottom:1rem}.sf-mb-3{margin-bottom:1.5rem}.sf-mb-4{margin-bottom:2rem}.sf-mt-0{margin-top:0}.sf-mt-1{margin-top:0.5rem}.sf-mt-2{margin-top:1rem}.sf-mt-3{margin-top:1.5rem}.sf-mt-4{margin-top:2rem}.sf-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin:2rem 0}.sf-stat-item{text-align:center;padding:1.5rem 1rem;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border-top:3px solid var(--primary-color)}.sf-stat-number{font-size:2.25rem;font-weight:700;color:var(--primary-color);line-height:1;margin-bottom:0.25rem}.sf-stat-label{font-size:0.875rem;color:var(--text-muted);margin:0}.sf-feature-card{background:var(--white);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-sm);transition:var(--transition);border-bottom:3px solid transparent}.sf-feature-card:hover{box-shadow:var(--shadow);border-bottom-color:var(--primary-color);transform:translateY(-2px)}.sf-feature-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--white);font-size:1.25rem}.sf-feature-card h4{font-size:1rem;margin-bottom:0.5rem}.sf-feature-card p{font-size:0.875rem;color:var(--text-muted);margin:0}.sf-app-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:2rem;transition:var(--transition)}.sf-app-card:hover{box-shadow:var(--shadow)}.sf-app-card-header{padding:1.75rem 2rem;display:flex;align-items:center;gap:1rem}.sf-app-card-header.pypOS{background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);color:white}.sf-app-card-header.office{background:linear-gradient(135deg,#28a745 0%,#1e7e34 100%);color:white}.sf-app-card-header.gate{background:linear-gradient(135deg,#6f42c1 0%,#4e2d8f 100%);color:white}.sf-app-card-header h2{color:white;margin:0}.sf-app-card-header p{color:rgba(255,255,255,0.85);margin:0;font-size:0.95rem}.sf-app-icon{font-size:2.5rem;opacity:0.9}.sf-app-card-body{padding:2rem}.sf-app-card-body .sf-grid{margin-bottom:0}.sf-version-badge{display:inline-flex;align-items:center;gap:0.35rem;padding:0.2rem 0.65rem;border-radius:1rem;font-size:0.8rem;font-weight:600;background:rgba(255,255,255,0.25);color:white;margin-top:0.5rem}.sf-arch-diagram{background:#1e2229;border-radius:var(--border-radius);padding:2rem;margin:1.5rem 0;overflow-x:auto}.sf-arch-diagram pre{background:transparent;border:none;color:#abb2bf;font-family:var(--font-family-mono);font-size:0.8rem;line-height:1.6;margin:0;padding:0;white-space:pre}.sf-layer{display:flex;align-items:stretch;margin-bottom:0.5rem}.sf-layer-label{width:140px;min-width:140px;font-size:0.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;display:flex;align-items:center;padding-right:1rem;border-right:2px solid var(--border-color);margin-right:1rem}.sf-layer-content{flex:1;display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center;padding:0.75rem 1rem;border-radius:var(--border-radius);font-size:0.85rem}.sf-layer-content.ui{background:#e3f2fd;border-left:4px solid #1976d2}.sf-layer-content.event{background:#e8f5e9;border-left:4px solid #388e3c}.sf-layer-content.biz{background:#fff3e0;border-left:4px solid #f57c00}.sf-layer-content.data{background:#fce4ec;border-left:4px solid #c62828}.sf-layer-content.infra{background:#f3e5f5;border-left:4px solid #7b1fa2}.sf-layer-content.int{background:#e0f2f1;border-left:4px solid #00796b}.sf-layer-tag{display:inline-block;padding:0.15rem 0.5rem;background:rgba(0,0,0,0.08);border-radius:0.25rem;font-size:0.78rem;font-family:var(--font-family-mono)}.sf-deploy-card{border-radius:var(--border-radius);padding:1.5rem;border:2px solid var(--border-color);transition:var(--transition)}.sf-deploy-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.sf-deploy-card h4{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.75rem}.sf-deploy-card p{margin:0;font-size:0.9rem;color:var(--text-muted)}.sf-roadmap-section{margin-bottom:2rem}.sf-roadmap-app-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:2px solid var(--border-color)}.sf-roadmap-app-header h3{margin:0}.sf-status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.sf-status-dot.done{background:var(--success-color)}.sf-status-dot.progress{background:var(--warning-color)}.sf-status-dot.planned{background:var(--secondary-color)}.sf-roadmap-items{display:grid;gap:0.5rem}.sf-roadmap-item{display:flex;align-items:flex-start;gap:0.75rem;padding:0.6rem 0.75rem;border-radius:0.375rem;font-size:0.9rem}.sf-roadmap-item.done{background:#d4edda}.sf-roadmap-item.progress{background:#fff3cd}.sf-roadmap-item.planned{background:#f8f9fa}.sf-roadmap-item i{margin-top:0.1rem;flex-shrink:0}.sf-roadmap-item.done i{color:var(--success-color)}.sf-roadmap-item.progress i{color:var(--warning-color)}.sf-roadmap-item.planned i{color:var(--secondary-color)}.sf-faq-item{border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:0.75rem;overflow:hidden}.sf-faq-question{width:100%;text-align:left;padding:1.1rem 1.25rem;background:var(--white);border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;color:var(--text-dark);transition:var(--transition)}.sf-faq-question:hover{background:var(--light-color)}.sf-faq-question.open{background:var(--primary-color);color:white}.sf-faq-question i{transition:transform 0.3s ease;flex-shrink:0;margin-left:1rem}.sf-faq-question.open i{transform:rotate(180deg)}.sf-faq-answer{display:none;padding:1.25rem;border-top:1px solid var(--border-color);background:#fdfdfd;font-size:0.95rem;line-height:1.7}.sf-faq-answer.open{display:block}.sf-faq-answer ul{padding-left:1.5rem;margin-top:0.5rem}.sf-faq-answer ul li{margin-bottom:0.35rem}.sf-code-wrap{position:relative;margin-bottom:1.5rem}.sf-code-wrap .sf-code-block{margin-bottom:0}.sf-code-copy{position:absolute;top:0.75rem;right:0.75rem;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:0.25rem;color:#abb2bf;font-size:0.75rem;padding:0.25rem 0.6rem;cursor:pointer;transition:var(--transition)}.sf-code-copy:hover{background:rgba(255,255,255,0.2);color:white}.sf-flow{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:1.5rem 0;justify-content:center}.sf-flow-node{text-align:center;padding:1rem;min-width:130px}.sf-flow-node .sf-flow-icon{width:56px;height:56px;border-radius:50%;margin:0 auto 0.5rem;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:white}.sf-flow-node .sf-flow-icon.blue{background:var(--primary-color)}.sf-flow-node .sf-flow-icon.green{background:var(--success-color)}.sf-flow-node .sf-flow-icon.purple{background:#6f42c1}.sf-flow-node .sf-flow-icon.orange{background:#fd7e14}.sf-flow-node .sf-flow-icon.teal{background:#17a2b8}.sf-flow-node h5{font-size:0.85rem;margin:0}.sf-flow-node p{font-size:0.75rem;color:var(--text-muted);margin:0}.sf-flow-arrow{font-size:1.25rem;color:var(--border-color);padding:0 0.25rem}.sf-qs-steps{counter-reset:qs-step;display:grid;gap:1rem}.sf-qs-step{display:flex;gap:1rem;align-items:flex-start}.sf-qs-num{counter-increment:qs-step;width:32px;height:32px;min-width:32px;border-radius:50%;background:var(--primary-color);color:white;display:flex;align-items:center;justify-content:center;font-size:0.85rem;font-weight:700}.sf-qs-step-body{flex:1}.sf-qs-step-body h5{margin-bottom:0.35rem;font-size:0.95rem}.sf-qs-step-body p{font-size:0.875rem;margin:0;color:var(--text-muted)}.sf-creds-table{width:100%;border-collapse:collapse;font-size:0.9rem}.sf-creds-table th{background:var(--light-color);padding:0.6rem 1rem;text-align:left;font-weight:600;border-bottom:2px solid var(--border-color)}.sf-creds-table td{padding:0.6rem 1rem;border-bottom:1px solid var(--border-color)}.sf-creds-table code{font-size:0.875em}.sf-hero-pills{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;margin:1.5rem 0}.sf-hero-pill{background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);color:white;border-radius:2rem;padding:0.3rem 0.85rem;font-size:0.85rem;display:inline-flex;align-items:center;gap:0.4rem}.sf-how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin:1.5rem 0}.sf-how-item{text-align:center;padding:1.5rem 1rem}.sf-how-number{width:52px;height:52px;border-radius:50%;background:var(--primary-color);color:white;font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.sf-how-item h4{font-size:1rem;margin-bottom:0.5rem}.sf-how-item p{font-size:0.875rem;color:var(--text-muted);margin:0}.sf-connector{display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--border-color)}.sf-tags{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:0.75rem}.sf-tag{display:inline-block;padding:0.15rem 0.55rem;border-radius:0.25rem;font-size:0.78rem;font-weight:600;background:var(--light-color);color:var(--text-muted);border:1px solid var(--border-color)}.sf-tag.blue{background:#e3f2fd;color:#1565c0;border-color:#90caf9}.sf-tag.green{background:#e8f5e9;color:#2e7d32;border-color:#a5d6a7}.sf-tag.purple{background:#f3e5f5;color:#6a1b9a;border-color:#ce93d8}.sf-tag.orange{background:#fff3e0;color:#e65100;border-color:#ffcc80}@media (max-width:768px){.sf-layer{flex-direction:column}.sf-layer-label{width:100%;border-right:none;border-bottom:2px solid var(--border-color);margin-right:0;margin-bottom:0.5rem;padding-right:0;padding-bottom:0.5rem}.sf-flow{flex-direction:column}.sf-flow-arrow{transform:rotate(90deg)}.sf-stats{grid-template-columns:repeat(2,1fr)}.sf-app-card-header{flex-direction:column;text-align:center}}.sf-logo-img{height:44px;width:auto;display:block;transition:opacity 0.2s ease}.sf-logo:hover .sf-logo-img{opacity:0.85}.sf-logo{display:flex;align-items:center;gap:0.5rem;text-decoration:none}.sf-logo-text{font-size:1.25rem;font-weight:700;color:var(--primary-color);letter-spacing:-0.01em}:root{--sf-bg:#0f172a;--sf-surface:#1e293b;--sf-surface2:#263348;--sf-border:#334155;--sf-text:#e2e8f0;--sf-muted:#94a3b8;--sf-accent:#6366f1;--sf-accent2:#818cf8;--sf-green:#10b981;--sf-purple:#a855f7;--sf-orange:#f59e0b;--sf-red:#ef4444;--sf-radius:12px;--sf-radius-sm:8px;--sf-shadow:0 4px 24px rgba(0,0,0,0.4);--sf-nav-h:64px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--sf-bg);color:var(--sf-text);line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--sf-text)}.sf-section h1,.sf-section h2,.sf-section h3,.sf-card h1,.sf-card h2,.sf-card h3,.sf-card h4,.sf-card h5{color:var(--sf-text)}a{color:var(--sf-accent2);text-decoration:none}a:hover{color:#c7d2fe}code{font-family:'JetBrains Mono','Fira Code',monospace;background:rgba(99,102,241,0.15);color:#c7d2fe;padding:2px 6px;border-radius:4px;font-size:0.875em}pre{white-space:pre-wrap;word-break:break-all}.sf2-nav{position:sticky;top:0;z-index:1000;height:var(--sf-nav-h);background:rgba(15,23,42,0.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--sf-border);display:flex;align-items:center;padding:0 2rem;gap:2rem}.sf2-nav-logo{display:flex;align-items:center;gap:0.6rem;font-weight:700;font-size:1.15rem;color:var(--sf-text);white-space:nowrap;text-decoration:none}.sf2-nav-logo img{height:32px;width:auto}.sf2-nav-logo span{color:var(--sf-accent2)}.sf2-nav-links{display:flex;align-items:center;gap:0.15rem;list-style:none;margin-left:auto;flex-wrap:wrap}.sf2-nav-links>li{position:relative}.sf2-nav-links>li>a,.sf2-nav-links>li>button{display:block;padding:0.45rem 0.75rem;border-radius:var(--sf-radius-sm);color:var(--sf-muted);font-size:0.875rem;font-weight:500;transition:color 0.2s,background 0.2s;border:none;background:transparent;cursor:pointer;white-space:nowrap}.sf2-nav-links>li>a:hover,.sf2-nav-links>li>a.active,.sf2-nav-links>li>button:hover{color:var(--sf-text);background:var(--sf-surface2)}.sf2-nav-links>li>a.active{color:var(--sf-accent2)}.sf2-nav-links>li>a.sf2-nav-github{display:flex;align-items:center;gap:0.4rem;color:var(--sf-text);background:var(--sf-surface2);border:1px solid var(--sf-border);margin-left:0.5rem}.sf2-nav-links>li>a.sf2-nav-github:hover{background:var(--sf-accent);border-color:var(--sf-accent);color:#fff}.sf2-dropdown{display:flex;align-items:center;gap:0.3rem}.sf2-dropdown-arrow{font-size:0.65rem;transition:transform 0.2s}.sf2-nav-links>li:hover .sf2-dropdown-arrow,.sf2-nav-links>li:focus-within .sf2-dropdown-arrow,.sf2-nav-links>li.dd-open .sf2-dropdown-arrow{transform:rotate(180deg)}.sf2-dropdown-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;background:var(--sf-surface);border:1px solid var(--sf-border);border-radius:var(--sf-radius);min-width:220px;padding:0.5rem;box-shadow:var(--sf-shadow);z-index:200}.sf2-dropdown-menu::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}.sf2-nav-links>li:hover .sf2-dropdown-menu,.sf2-nav-links>li:focus-within .sf2-dropdown-menu,.sf2-nav-links>li.dd-open .sf2-dropdown-menu{display:block}.sf2-dropdown-menu a{display:block;padding:0.5rem 0.75rem;border-radius:var(--sf-radius-sm);color:var(--sf-muted);font-size:0.82rem;font-weight:500;transition:background 0.15s,color 0.15s}.sf2-dropdown-menu a:hover{background:var(--sf-surface2);color:var(--sf-text)}.sf2-dropdown-label{padding:0.3rem 0.75rem;font-size:0.7rem;font-weight:600;color:var(--sf-accent2);letter-spacing:0.08em;text-transform:uppercase}.sf2-menu-btn{display:none;margin-left:auto;background:transparent;border:1px solid var(--sf-border);color:var(--sf-text);padding:0.4rem 0.7rem;border-radius:var(--sf-radius-sm);cursor:pointer;font-size:1.1rem}@media (max-width:900px){.sf2-menu-btn{display:block}.sf2-nav-links{display:none;position:absolute;top:var(--sf-nav-h);left:0;right:0;background:var(--sf-surface);border-bottom:1px solid var(--sf-border);flex-direction:column;align-items:flex-start;padding:1rem;gap:0.25rem}.sf2-nav-links.open{display:flex}.sf2-dropdown-menu{position:static;box-shadow:none;border:none;background:var(--sf-surface2);margin-top:0.25rem}.sf2-dropdown-menu::before{display:none}.sf2-nav-links>li:hover .sf2-dropdown-menu{display:none}.sf2-nav-links>li.dd-open .sf2-dropdown-menu{display:block}}.sf2-breadcrumb{padding:0.75rem 0;background:var(--sf-surface);border-bottom:1px solid var(--sf-border);font-size:0.82rem;color:var(--sf-muted)}.sf2-breadcrumb .sf-container{display:flex;align-items:center;gap:0.5rem}.sf2-breadcrumb a{color:var(--sf-muted)}.sf2-breadcrumb a:hover{color:var(--sf-text)}.sf2-breadcrumb span{color:var(--sf-accent2)}.sf2-footer{background:var(--sf-surface);border-top:1px solid var(--sf-border);margin-top:5rem;padding:4rem 0 2rem}.sf2-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}@media (max-width:900px){.sf2-footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}@media (max-width:560px){.sf2-footer-grid{grid-template-columns:1fr}}.sf2-footer-brand{display:flex;flex-direction:column;gap:0.75rem}.sf2-footer-logo{display:flex;align-items:center;gap:0.5rem;font-weight:700;font-size:1.1rem;color:var(--sf-text)}.sf2-footer-logo img{height:28px}.sf2-footer-desc{color:var(--sf-muted);font-size:0.875rem;line-height:1.6}.sf2-footer-badges{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:0.5rem}.sf2-footer-badge{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.75rem;font-weight:600;padding:3px 10px;border-radius:99px;background:rgba(99,102,241,0.15);color:var(--sf-accent2);border:1px solid rgba(99,102,241,0.3)}.sf2-footer-col h5{font-size:0.8rem;font-weight:600;color:var(--sf-muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:1rem}.sf2-footer-col ul{list-style:none;display:flex;flex-direction:column;gap:0.6rem}.sf2-footer-col ul li a{color:var(--sf-muted);font-size:0.875rem;transition:color 0.15s}.sf2-footer-col ul li a:hover{color:var(--sf-text)}.sf2-footer-col ul li a i{width:14px;margin-right:0.4rem;color:var(--sf-accent2)}.sf2-footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:2rem;border-top:1px solid var(--sf-border);font-size:0.8rem;color:var(--sf-muted)}.sf2-footer-bottom a{color:var(--sf-muted)}.sf2-footer-bottom a:hover{color:var(--sf-text)}.sf-section,.sf-section-alt{background:var(--sf-bg);color:var(--sf-text)}.sf-card,.sf-feature-card,.sf-deploy-card,.sf-app-card,.sf-qs-step,.sf-alert,.sf-code-wrap,.sf-code-block,.sf-creds-table,.sf-arch-diagram,.sf-layer,.sf-flow-node{background:var(--sf-surface);border:1px solid var(--sf-border);color:var(--sf-text);box-shadow:0 10px 30px rgba(2,6,23,0.22)}.sf-card p,.sf-feature-card p,.sf-deploy-card p,.sf-app-card p,.sf-text-muted,.sf-list,.sf-list li,.sf-list-icon li,.sf-qs-step-body p,.sf-alert,.sf-creds-table td,.sf-flow-node p,.sf-layer-label{color:var(--sf-muted)}.sf-card h1,.sf-card h2,.sf-card h3,.sf-card h4,.sf-card h5,.sf-feature-card h4,.sf-deploy-card h4,.sf-app-card h2,.sf-app-card h3,.sf-qs-step h5,.sf-flow-node h5{color:var(--sf-text)}.sf-card a,.sf-feature-card a,.sf-deploy-card a,.sf-app-card a,.sf-list-icon a{color:var(--sf-accent2)}.sf-layer{gap:0.85rem;padding:0.65rem}.sf-layer-label{color:#cbd5e1;border-right-color:var(--sf-border)}.sf-layer-content{background:var(--sf-surface2);border:1px solid var(--sf-border);color:var(--sf-text)}.sf-layer-content.ui{background:rgba(59,130,246,0.14);border-color:rgba(59,130,246,0.32);border-left-color:#60a5fa}.sf-layer-content.event{background:rgba(16,185,129,0.14);border-color:rgba(16,185,129,0.32);border-left-color:#34d399}.sf-layer-content.biz{background:rgba(245,158,11,0.16);border-color:rgba(245,158,11,0.34);border-left-color:#fbbf24}.sf-layer-content.int{background:rgba(20,184,166,0.14);border-color:rgba(20,184,166,0.32);border-left-color:#2dd4bf}.sf-layer-content.infra{background:rgba(168,85,247,0.14);border-color:rgba(168,85,247,0.32);border-left-color:#c084fc}.sf-layer-content.data{background:rgba(244,63,94,0.14);border-color:rgba(244,63,94,0.32);border-left-color:#fb7185}.sf-layer-tag{background:rgba(15,23,42,0.48);border:1px solid rgba(226,232,240,0.14);color:#f8fafc}.sf-card code,.sf-feature-card code,.sf-deploy-card code,.sf-alert code,.sf-code-block code,.sf-code-block pre{background:rgba(99,102,241,0.14);color:#c7d2fe}.sf-arch-diagram pre,.sf-code-block pre{background:var(--sf-surface2);border-color:var(--sf-border);color:#c7d2fe}.sf-arch-diagram-svg{padding:1rem;overflow-x:auto}.sf-arch-diagram-svg svg{display:block;width:100%;min-width:720px;height:auto}.sf-arch-diagram-svg .arch-bg{fill:#0f172a;stroke:rgba(148,163,184,0.24)}.sf-arch-diagram-svg .arch-hub>rect{fill:url(#gateHubGradient);stroke:rgba(129,140,248,0.55);stroke-width:2}.sf-arch-diagram-svg .arch-node rect{fill:rgba(30,41,59,0.92);stroke:rgba(148,163,184,0.35);stroke-width:1.5}.sf-arch-diagram-svg .arch-node-clients rect{fill:rgba(59,130,246,0.14);stroke:rgba(96,165,250,0.5)}.sf-arch-diagram-svg .arch-node-service rect{fill:rgba(15,23,42,0.58);stroke:rgba(196,181,253,0.42)}.sf-arch-diagram-svg .arch-node-domain rect{fill:rgba(20,184,166,0.14);stroke:rgba(45,212,191,0.46)}.sf-arch-diagram-svg .arch-node-output rect{fill:rgba(99,102,241,0.16);stroke:rgba(129,140,248,0.48)}.sf-arch-diagram-svg .arch-title{fill:#f8fafc;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:18px;font-weight:700}.sf-arch-diagram-svg .arch-subtitle{fill:#cbd5e1;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;font-weight:500}.sf-arch-diagram-svg .arch-link{stroke:#93c5fd;stroke-width:2.5;fill:none;marker-end:url(#archArrow)}.sf-arch-diagram-svg .arch-link.soft{stroke:rgba(147,197,253,0.55);stroke-width:1.6;marker-end:none}.sf-arch-diagram-svg .arch-link.no-arrow{marker-end:none}.sf-integration-diagram .arch-hub>rect{fill:url(#outboxGradient);stroke:rgba(45,212,191,0.46);stroke-width:2}.sf-integration-diagram .arch-node-event rect{fill:rgba(59,130,246,0.15);stroke:rgba(96,165,250,0.48)}.sf-integration-diagram .arch-link{marker-end:url(#outboxArrow)}.sf-integration-diagram .arch-link.no-arrow{marker-end:none}.sf-arch-diagram-svg .arch-caption{fill:#94a3b8;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:12px;font-weight:500}.sf-alert-info{background:rgba(99,102,241,0.10);border-color:rgba(99,102,241,0.30)}.sf-alert-warning{background:rgba(245,158,11,0.10);border-color:rgba(245,158,11,0.30)}.sf-creds-table th,.sf-creds-table td{border-color:var(--sf-border)}.sf-creds-table th{background:var(--sf-surface2);color:var(--sf-text)}.sf-u-031e64da{font-size:2rem;font-weight:800;color:var(--sf-accent2);margin-bottom:0.5rem}.sf-u-0867b47e{color:var(--warning-color)}.sf-u-0a4d419c{display:inline-flex;align-items:center;gap:0.4rem;padding:0.45rem 1rem;border-radius:var(--sf-radius-sm);background:var(--sf-surface2);border:1px solid var(--sf-border);color:var(--sf-muted);font-size:0.82rem;font-weight:600;text-decoration:none}.sf-u-0c563903{color:var(--sf-orange);border-color:rgba(245,158,11,0.3)}.sf-u-0ddf068b{overflow-x:auto}.sf-u-11696618{margin:0}.sf-u-2069d7ad{color:var(--sf-green)}.sf-u-21068409{display:flex;align-items:center;justify-content:center;color:var(--sf-border)}.sf-u-219927b8{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:0.75rem}.sf-u-2239d6d5{margin-top:1rem}.sf-u-25f4cacf{color:var(--danger-color)}.sf-u-2b63bcf2{font-size:0.82rem;color:var(--sf-muted);margin-bottom:1rem;line-height:1.6}.sf-u-2fd808ab{color:var(--sf-muted);font-size:0.9rem;max-width:760px;line-height:1.7}.sf-u-378c6bb4{display:flex;gap:0.75rem;flex-wrap:wrap;margin-top:1.5rem}.sf-u-3d1df0f0{color:var(--sf-muted);font-size:0.9rem;max-width:680px;margin:0.5rem 0 2rem}.sf-u-3dc98b5e{margin-top:0.5rem}.sf-u-474d9cb8{margin-top:0.5rem;font-size:0.875rem;color:var(--sf-muted)}.sf-u-488a7282{font-size:0.8rem;color:var(--sf-muted);margin-top:0.5rem}.sf-u-4a724ce7{max-width:360px}.sf-u-4cc9b625{font-size:2rem;font-weight:800;color:var(--sf-green);margin-bottom:0.5rem}.sf-u-4cf3bce5{font-size:2rem;font-weight:800;color:var(--sf-orange);margin-bottom:0.5rem}.sf-u-5fee7e99{font-size:0.85rem;color:var(--sf-muted);line-height:1.7}.sf-u-69a59a16{color:var(--sf-orange)}.sf-u-6be0d8ba{text-align:left}.sf-u-7195b5b6{background:linear-gradient(135deg,rgba(245,158,11,0.15),rgba(245,158,11,0.05))}.sf-u-79864c99{font-size:0.8rem;color:var(--sf-muted);margin-top:0.25rem}.sf-u-79a3b65a{font-size:0.8em;color:var(--sf-orange)}.sf-u-7bc2092c{display:inline-flex;align-items:center;gap:0.4rem;padding:0.6rem 1.25rem;border-radius:var(--sf-radius-sm);background:var(--sf-accent);color:#fff;font-size:0.875rem;font-weight:600;text-decoration:none}.sf-u-7d455dbf{font-size:2rem;font-weight:800;color:var(--sf-purple);margin-bottom:0.5rem}.sf-u-80eb7473{background:rgba(245,158,11,0.15);color:var(--sf-orange)}.sf-u-8ec1339c{color:var(--sf-green);border-color:rgba(16,185,129,0.3)}.sf-u-91a87015{text-align:center}.sf-u-95322c59{font-size:0.85rem;color:var(--sf-muted);margin-top:0.5rem}.sf-u-9558cd5e{font-size:0.7rem;font-weight:600;padding:3px 10px;border-radius:99px;background:rgba(245,158,11,0.12);color:var(--sf-orange);border:1px solid rgba(245,158,11,0.3);vertical-align:middle}.sf-u-96c6fef3{background:rgba(16,185,129,0.15);color:var(--sf-green)}.sf-u-a16173bd{background:linear-gradient(135deg,rgba(16,185,129,0.15),rgba(16,185,129,0.05))}.sf-u-aa033683{margin-top:1.5rem;padding:1rem 1.25rem;border:1px solid rgba(245,158,11,0.3);border-radius:var(--sf-radius);background:rgba(245,158,11,0.05);font-size:0.875rem;color:var(--sf-muted)}.sf-u-adfa0522{color:var(--success-color)}.sf-u-ae13eb02{margin:0.5rem 0 0 1rem;line-height:1.9}.sf-u-aee885a7{margin-bottom:0.5rem}.sf-u-b398e82f{color:var(--sf-text)}.sf-u-bcaa1805{max-width:700px}.sf-u-c0c75bd0{margin-bottom:2rem}.sf-u-c3e9d810{font-size:0.65rem}.sf-u-cb97bac6{color:var(--sf-accent2)}.sf-u-cee65499{font-size:0.82rem;color:var(--sf-muted);margin:0.5rem 0 1rem}.sf-u-d24118de{color:var(--info-color)}.sf-u-d3d0484f{color:var(--sf-purple)}.sf-u-d462248a{margin-top:0}.sf-u-d4f7536f{margin-top:1.5rem}.sf-u-dff40097{display:inline-flex;align-items:center;gap:0.4rem;padding:0.6rem 1.25rem;border-radius:var(--sf-radius-sm);background:var(--sf-surface2);border:1px solid var(--sf-border);color:var(--sf-text);font-size:0.875rem;font-weight:600;text-decoration:none}.sf-u-e0beeb57{color:var(--primary-color)}.sf-u-ed1e9f58{font-size:0.8em;opacity:0.7}.sf-u-f06607ed{font-size:0.82rem;color:var(--sf-muted);margin-top:0.5rem}.sf-u-f4c48dce{margin:1.5rem 0}.sf-u-f52909d8{font-size:0.875rem;color:var(--sf-muted)}.sf-u-f61dbba3{color:#6f42c1}.sf-u-f8abe0b8{font-size:0.9rem;font-weight:600}.sf-u-fc511f0c{margin-top:1.5rem}.seo-hero{padding:4rem 0 3rem;border-bottom:1px solid var(--sf-border);background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(99,102,241,0.12) 0%,transparent 70%)}.seo-eyebrow{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.75rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--sf-accent2);background:rgba(99,102,241,0.1);border:1px solid rgba(99,102,241,0.25);padding:3px 12px;border-radius:99px;margin-bottom:1.25rem}.seo-h1{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;line-height:1.2;letter-spacing:-0.02em;margin-bottom:1rem}.seo-lead{font-size:1.1rem;color:var(--sf-muted);max-width:680px;line-height:1.7;margin-bottom:2rem}.seo-section{padding:4rem 0}.seo-section-alt{padding:4rem 0;background:var(--sf-surface);border-top:1px solid var(--sf-border);border-bottom:1px solid var(--sf-border)}.seo-h2{font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:700;margin-bottom:1rem}.seo-prose{color:var(--sf-muted);line-height:1.8;font-size:0.95rem;max-width:780px;margin-bottom:1rem}.seo-prose strong{color:var(--sf-text)}.seo-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}.seo-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2rem}@media (max-width:768px){.seo-grid-2{grid-template-columns:1fr}.seo-grid-3{grid-template-columns:1fr 1fr}}@media (max-width:480px){.seo-grid-3{grid-template-columns:1fr}}.seo-card{background:var(--sf-surface);border:1px solid var(--sf-border);border-radius:var(--sf-radius);padding:1.5rem}.seo-card-alt{background:var(--sf-surface2);border:1px solid var(--sf-border);border-radius:var(--sf-radius);padding:1.5rem}.seo-card h3,.seo-card-alt h3{font-size:0.95rem;font-weight:600;margin-bottom:0.5rem}.seo-card p,.seo-card-alt p{font-size:0.875rem;color:var(--sf-muted);line-height:1.65}.seo-icon{font-size:1.1rem;margin-bottom:0.75rem}.seo-check{color:var(--sf-green)}.seo-offline-diagram{margin:1.5rem 0}.seo-offline-diagram .arch-hub>rect{fill:url(#offlineFirstGradient);stroke:rgba(52,211,153,0.46);stroke-width:2}.seo-offline-diagram .arch-node-local rect{fill:rgba(59,130,246,0.15);stroke:rgba(96,165,250,0.48)}.seo-offline-diagram .arch-node-worker rect{fill:rgba(245,158,11,0.14);stroke:rgba(251,191,36,0.46)}.seo-offline-diagram .arch-link{marker-end:url(#offlineArrow)}.seo-offline-diagram .arch-link.no-arrow{marker-end:none}.seo-flow{display:flex;flex-direction:column;gap:0;border:1px solid var(--sf-border);border-radius:var(--sf-radius);overflow:hidden;margin-top:1.5rem}.seo-flow-step{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--sf-border)}.seo-flow-step:last-child{border-bottom:none}.seo-flow-num{width:28px;height:28px;border-radius:50%;background:var(--sf-accent);color:#fff;font-weight:700;font-size:0.82rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:0.1rem}.seo-flow-body h4{font-size:0.9rem;font-weight:600;margin-bottom:0.2rem}.seo-flow-body p{font-size:0.82rem;color:var(--sf-muted);line-height:1.6}.seo-cta{text-align:center;background:linear-gradient(135deg,rgba(99,102,241,0.1),rgba(168,85,247,0.06));border:1px solid rgba(99,102,241,0.2);border-radius:var(--sf-radius);padding:3rem 2rem;margin-top:3rem}.seo-cta h2{font-size:1.6rem;font-weight:700;margin-bottom:0.75rem}.seo-cta p{color:var(--sf-muted);max-width:500px;margin:0 auto 1.75rem;font-size:0.95rem}.seo-btn{display:inline-flex;align-items:center;gap:0.4rem;padding:0.65rem 1.4rem;border-radius:var(--sf-radius-sm);font-size:0.875rem;font-weight:600;text-decoration:none;margin:0.25rem}.seo-btn-primary{background:var(--sf-accent);color:#fff}.seo-btn-primary:hover{background:#4f46e5;color:#fff}.seo-btn-outline{background:transparent;color:var(--sf-muted);border:1px solid var(--sf-border)}.seo-btn-outline:hover{background:var(--sf-surface2);color:var(--sf-text)}