:root{--mailopoly-dark: #00016B;--mailopoly-purple: #71088B;--light-gray: #f8f9fa;--text-gray: #666}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.navbar{position:absolute;top:0;left:0;right:0;background:transparent;padding:1rem 0;z-index:100}.navbar .container{display:flex;align-items:center;justify-content:space-between}.logo{max-width:200px;width:90%;height:auto}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:#fff;text-decoration:none;font-weight:500}.nav-links a:hover{text-decoration:underline}.navbar-branch-badge{display:flex;align-items:center;gap:.5rem;background:#ffffff26;color:#fff;padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;border:1px solid rgba(255,255,255,.25)}.navbar-branch-icon{width:1rem;height:1rem;opacity:.9}.hero-section{background:linear-gradient(135deg,var(--mailopoly-purple) 0%,var(--mailopoly-dark) 100%);padding:8rem 0 6rem;color:#fff;text-align:center}.hero-logo{max-width:300px;width:90%;height:auto;margin-bottom:2rem}.hero-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.hero-subtitle{font-size:1.25rem;max-width:600px;margin:0 auto}.feature-section{padding:5rem 0;background:var(--light-gray)}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem}.feature-row-full{margin-top:1rem}@media(max-width:768px){.feature-row{grid-template-columns:1fr}.hero-title{font-size:2rem}.hero-section{padding:6rem 0 4rem}}.feature-card{padding:2rem;border-radius:15px;transition:transform .3s ease;height:100%;border:none;box-shadow:0 5px 15px #0000001a;background:#fff}.feature-card-full{height:auto}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1.5rem;color:var(--mailopoly-purple);display:block}.feature-card h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--mailopoly-dark)}.feature-card p{color:var(--text-gray);margin:0;line-height:1.6}.footer{background:var(--light-gray);padding:2rem 0;color:var(--text-gray);text-align:center}.footer-links-centered{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.footer-links-centered a{color:var(--text-gray);text-decoration:none;padding:0 .5rem}.footer-links-centered a:hover{text-decoration:underline}.footer-copyright{margin:1rem 0 0;color:var(--text-gray)}.legal-page{padding:4rem 0;min-height:calc(100vh - 200px)}.legal-page h1{color:var(--mailopoly-dark);margin-bottom:.5rem;font-size:2.5rem}.legal-page .subtitle{color:var(--text-gray);margin-bottom:2rem;font-size:1.1rem}.legal-content{max-width:800px;margin:0 auto}.legal-content h2{color:var(--mailopoly-dark);margin-top:2.5rem;margin-bottom:1rem;font-size:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--mailopoly-purple)}.legal-content h3{color:var(--mailopoly-dark);margin-top:1.5rem;margin-bottom:.75rem;font-size:1.2rem}.legal-content p{margin-bottom:1rem;color:#444}.legal-content ul,.legal-content ol{margin-bottom:1rem;padding-left:2rem}.legal-content li{margin-bottom:.5rem;color:#444}.legal-content blockquote{background:var(--light-gray);border-left:4px solid var(--mailopoly-purple);padding:1rem 1.5rem;margin:1.5rem 0;font-style:italic;color:#555}.legal-content .uppercase-text{text-transform:uppercase;font-weight:600}@media(max-width:768px){.legal-page{padding:2rem 0}.legal-page h1{font-size:2rem}.footer-content{flex-direction:column;text-align:center}}.branch-selector{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.branch-selector-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#1f2937;color:#fff;border:1px solid #374151;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;box-shadow:0 4px 12px #0000004d;transition:all .2s}.branch-selector-button:hover{background:#374151;border-color:#4b5563}.branch-icon{width:1rem;height:1rem;color:#a78bfa}.branch-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{width:1rem;height:1rem;color:#9ca3af;transition:transform .2s}.chevron.open{transform:rotate(180deg)}.branch-selector-backdrop{position:fixed;inset:0;z-index:-1}.branch-selector-dropdown{position:absolute;bottom:100%;right:0;margin-bottom:.5rem;min-width:200px;background:#1f2937;border:1px solid #374151;border-radius:.5rem;box-shadow:0 4px 20px #0006;list-style:none;padding:.25rem;overflow:hidden}.branch-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.625rem .75rem;background:transparent;color:#e5e7eb;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;text-align:left;transition:background .15s}.branch-option:hover{background:#374151}.branch-option.active{background:#8b5cf633;color:#a78bfa}.branch-option-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-default-badge{font-size:.625rem;padding:.125rem .375rem;background:#374151;color:#9ca3af;border-radius:9999px;margin-left:.5rem;text-transform:uppercase;letter-spacing:.025em}.check-icon{width:1rem;height:1rem;color:#a78bfa;margin-left:.5rem}.dev-footer{position:fixed;bottom:0;left:0;right:0;background:#0f172a;color:#cbd5e1;border-top:1px solid #334155;padding:.5rem 1rem;z-index:9999;display:flex;align-items:center;font-size:.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dev-footer-close{padding:.25rem;background:transparent;border:none;cursor:pointer;border-radius:.25rem;margin-right:1rem;transition:background .15s}.dev-footer-close:hover{background:#1e293b}.dev-footer-close svg{width:.75rem;height:.75rem;color:#64748b}.dev-footer-content{display:flex;align-items:center;gap:1.5rem;flex:1}.dev-footer-section{display:flex;align-items:center;gap:.5rem}.dev-footer-icon{width:.75rem;height:.75rem}.dev-footer-icon.purple{color:#a78bfa}.dev-footer-icon.green{color:#4ade80}.dev-footer-icon.blue{color:#60a5fa}.dev-footer-label{color:#64748b}.dev-footer-code{background:#1e293b;padding:.125rem .5rem;border-radius:.25rem;font-family:ui-monospace,monospace;font-size:.75rem}.dev-footer-code.purple{color:#a78bfa}.dev-footer-code.green{color:#4ade80}.dev-footer-code.blue{color:#60a5fa}.dev-footer-select{background:#1e293b;color:#e2e8f0;border:1px solid #334155;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;cursor:pointer}.dev-footer-select:hover{border-color:#475569}.dev-footer-env{display:flex;align-items:center;gap:.5rem}.dev-footer-env-badge{background:#f9731633;color:#fb923c;padding:.125rem .5rem;border-radius:.25rem;font-weight:600;font-size:.625rem;letter-spacing:.05em}.dev-footer-branch-selector{position:relative}.dev-footer-branch-button{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#1e293b;border:1px solid #334155;border-radius:.375rem;color:#e2e8f0;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s}.dev-footer-branch-button:hover{background:#334155;border-color:#475569}.dev-footer-branch-icon{width:.875rem;height:.875rem;color:#a78bfa}.dev-footer-branch-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-footer-chevron{width:.75rem;height:.75rem;color:#64748b;transition:transform .15s}.dev-footer-chevron.open{transform:rotate(180deg)}.dev-footer-backdrop{position:fixed;inset:0;z-index:9998}.dev-footer-dropdown{position:absolute;bottom:100%;left:0;margin-bottom:.5rem;min-width:220px;background:#1e293b;border:1px solid #334155;border-radius:.5rem;box-shadow:0 -4px 20px #0006;overflow:hidden;z-index:9999}.dev-footer-dropdown-header{padding:.5rem .75rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;border-bottom:1px solid #334155}.dev-footer-dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:transparent;border:none;color:#e2e8f0;font-size:.75rem;text-align:left;cursor:pointer;transition:background .15s}.dev-footer-dropdown-item:hover{background:#334155}.dev-footer-dropdown-item.active{background:#8b5cf626;color:#a78bfa}.dev-footer-dropdown-item.disabled{color:#64748b;cursor:default}.dev-footer-dropdown-icon{width:.875rem;height:.875rem;color:#64748b}.dev-footer-dropdown-item.active .dev-footer-dropdown-icon{color:#a78bfa}.dev-footer-default-badge{margin-left:auto;padding:.125rem .375rem;background:#334155;color:#64748b;font-size:.5rem;font-weight:600;text-transform:uppercase;border-radius:9999px}.dev-footer-check{width:.875rem;height:.875rem;color:#a78bfa;margin-left:auto}.dev-footer-divider{width:1px;height:1.25rem;background:#334155;margin:0 .5rem}
