*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #0F023C;--color-body: #24364b;--color-muted: #6b7b93;--color-border: #e6edf5;--color-bg-light: #f3f4f6;--color-highlight-green: #1a8f3b;--color-info-bg: #f9fbff;--color-purple: #0F023C;--max-width: 800px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;color:var(--color-body);background-color:#f3f4f6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1;max-width:var(--max-width);width:100%;margin:0 auto;padding:2rem 1.5rem}.header{background-color:var(--color-purple);padding:2rem 1.5rem 3rem;text-align:center;border-bottom:none}.logo-image{max-width:490px;height:auto;margin-bottom:2rem}.hero{max-width:var(--max-width);margin:0 auto}.eyebrow{color:#c4b5fd;font-size:.875rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem;font-weight:600}h1{font-size:2rem;color:#fff;margin-bottom:1rem;line-height:1.2;font-weight:700}.hero-text{font-size:1.125rem;color:#e9d5ff;margin-bottom:2rem;max-width:680px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-link{display:inline-block;padding:.75rem 1.5rem;background-color:var(--color-purple);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #0003;border:1px solid rgba(255,255,255,.1)}.cta-link:hover{background-color:#1a0a50;box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.cta-link:focus{outline:3px solid #c4b5fd;outline-offset:2px}h2{font-size:1.75rem;color:var(--color-primary);margin-bottom:1.5rem;font-weight:700;line-height:1.2}.steps-section{margin-bottom:3rem}.info-banner{background-color:var(--color-info-bg);border:1px solid var(--color-border);border-radius:8px;padding:.75rem 1rem;margin-bottom:1.5rem;font-size:.9375rem;color:var(--color-body);display:flex;align-items:center;gap:.5rem;font-style:italic}.green-dot{width:12px;height:12px;background-color:var(--color-highlight-green);border-radius:50%;display:inline-block;flex-shrink:0}.steps-table{background-color:#fff;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0b1f330f}.steps-header{display:grid;grid-template-columns:80px 1fr 120px;background-color:var(--color-bg-light);padding:1rem;font-weight:600;color:var(--color-primary);border-bottom:2px solid var(--color-border);font-size:.9375rem}.step-row{display:grid;grid-template-columns:80px 1fr 120px;padding:1.25rem 1rem;border-bottom:1px solid var(--color-border);transition:background-color .15s ease}.step-row:last-child{border-bottom:none}.step-row:hover{background-color:var(--color-bg-light)}.customer-step{background-color:#f9fefb}.customer-step:hover{background-color:#f3fcf6}.col-step{display:flex;align-items:center}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color-purple);color:#fff;border-radius:50%;font-weight:600;font-size:.875rem}.customer-step .step-badge{background-color:var(--color-highlight-green)}.col-what{display:flex;align-items:center;padding:0 1rem}.col-who{display:flex;align-items:center;justify-content:flex-end;font-weight:600;color:var(--color-purple)}.customer-action{color:var(--color-body);font-weight:600}.customer-label{color:var(--color-highlight-green);font-weight:700}.checklist-section{margin-bottom:3rem}.checklist{list-style:none;padding:0}.checklist li{display:flex;gap:.75rem;padding:1rem;margin-bottom:.75rem;background-color:#fff;border:1px solid #0F023C;border-radius:12px;box-shadow:0 1px 4px #0b1f330a;transition:all .15s ease}.checklist li:hover{box-shadow:0 2px 8px #0b1f3314;border-color:#d0dae8}.check-icon{color:var(--color-highlight-green);font-weight:700;font-size:1.125rem;flex-shrink:0;width:20px}.footer{background-color:#0f023c;padding:2.5rem 1.5rem;text-align:center;border-top:none;margin-top:auto}.support-text{font-size:1.0625rem;color:#fff;margin-bottom:1rem;max-width:600px;margin-left:auto;margin-right:auto}.contact{font-size:.9375rem;color:#fff;margin-bottom:1rem;font-weight:700}.contact a{color:#fff;text-decoration:none;font-weight:700;transition:color .15s ease}.contact a:hover{color:#fffc;text-decoration:underline}.contact a:focus{outline:2px solid var(--color-highlight-green);outline-offset:2px;border-radius:2px}.small-print{font-size:.8125rem;color:#ffffffb3;margin-top:1.5rem;font-style:italic}@media (max-width: 768px){h1{font-size:1.625rem}h2{font-size:1.5rem}.hero-text{font-size:1rem}.steps-header{display:none}.steps-table{display:flex;flex-direction:column;gap:.75rem;background-color:transparent;border:none;box-shadow:none}.step-row{display:flex;flex-direction:column;gap:.75rem;background-color:#fff;border:1px solid var(--color-border);border-radius:12px;padding:1.25rem;box-shadow:0 1px 4px #0b1f330a}.customer-step{border:2px solid var(--color-highlight-green);background-color:#f9fefb}.col-step{justify-content:flex-start}.col-what{padding:0}.col-who{justify-content:flex-start;font-size:.875rem}.col-who:before{content:"Who: ";font-weight:400;color:var(--color-muted)}.cta-buttons{flex-direction:column;align-items:stretch;max-width:300px;margin:0 auto}}@media (max-width: 480px){main{padding:1.5rem 1rem}.header{padding:1.5rem 1rem 2rem}h1{font-size:1.375rem}h2{font-size:1.25rem}.logo-image{max-width:385px}}body{margin:0}
