.how-it-works-page{max-width:1200px;margin:0 auto;padding:2rem 1rem}.hero-section{text-align:center;padding:3rem 0 4rem}.hero-section h1{font-size:2.5rem;font-weight:700;margin:0 0 1rem;color:var(--on-surface)}.hero-subtitle{font-size:1.25rem;color:var(--on-surface);opacity:.7;margin:0}.steps-container{max-width:900px;margin:0 auto 4rem}.step{display:flex;gap:2rem;margin-bottom:4rem;align-items:flex-start}.step-number{position:relative;flex-shrink:0;width:80px;height:80px;background:var(--primary);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a}.step-icon{font-size:48px;color:#fff}.step-number .number{position:absolute;top:-8px;right:-8px;width:28px;height:28px;background:var(--on-surface);color:var(--scaffold-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;box-shadow:0 2px 8px #00000026}.step-content h2{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:var(--on-surface)}.step-content p{font-size:1.05rem;line-height:1.7;color:var(--on-surface);opacity:.85;margin:0 0 1.5rem}.feature-pills{display:flex;flex-wrap:wrap;gap:.75rem}.pill{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface);border:2px solid var(--border-surface);border-radius:50px;font-size:.9rem;color:var(--on-surface)}.pill ion-icon{font-size:1.2rem}.pill.success{background:#4caf501a;border-color:#4caf504d;color:#4caf50}.share-options{display:flex;gap:1rem;margin-top:1rem}.share-icon{width:50px;height:50px;background:var(--surface);border:2px solid var(--border-surface);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s}.share-icon ion-icon{font-size:28px;color:var(--primary)}.share-icon:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.recipient-section{background:var(--surface);border-radius:24px;padding:3rem 2rem;margin:4rem 0;border:2px solid var(--border-surface)}.section-title{text-align:center;font-size:2rem;font-weight:600;margin:0 0 2.5rem;color:var(--on-surface)}.recipient-flow{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap}.recipient-card{flex:1;min-width:200px;max-width:250px;text-align:center;padding:2rem 1.5rem;background:var(--scaffold-bg);border-radius:16px;border:2px solid var(--border-surface)}.card-icon{width:60px;height:60px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.card-icon ion-icon{font-size:32px;color:#fff}.recipient-card h3{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:var(--on-surface)}.recipient-card p{font-size:.9rem;color:var(--on-surface);opacity:.7;margin:0;line-height:1.5}.arrow{font-size:2rem;color:var(--primary);font-weight:300;flex-shrink:0}.features-grid{margin:4rem 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.feature-card{padding:2rem;background:var(--surface);border:2px solid var(--border-surface);border-radius:16px;transition:all .3s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:var(--primary)}.feature-icon{width:50px;height:50px;background:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.feature-icon ion-icon{font-size:28px;color:#fff}.feature-card h3{font-size:1.2rem;font-weight:600;margin:0 0 .5rem;color:var(--on-surface)}.feature-card p{font-size:.95rem;line-height:1.6;color:var(--on-surface);opacity:.8;margin:0}.use-cases-section{margin:4rem 0}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:2rem}.use-case{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--surface);border:2px solid var(--border-surface);border-radius:12px;transition:all .2s}.use-case:hover{border-color:var(--primary);transform:scale(1.02)}.use-case ion-icon{font-size:28px;color:var(--primary);flex-shrink:0}.use-case span{font-size:.95rem;font-weight:500;color:var(--on-surface)}.cta-section{text-align:center;padding:4rem 2rem;background:var(--surface);border-radius:24px;border:2px solid var(--border-surface);margin-top:4rem}.cta-section h2{font-size:2rem;font-weight:600;margin:0 0 1rem;color:var(--on-surface)}.cta-section p{font-size:1.1rem;color:var(--on-surface);opacity:.7;margin:0 0 2rem}.cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.cta-buttons>*{min-width:200px}@media (max-width: 768px){.hero-section h1{font-size:2rem}.hero-subtitle{font-size:1.1rem}.step{flex-direction:column;gap:1.5rem}.step-number{width:70px;height:70px}.step-icon{font-size:40px}.recipient-flow{flex-direction:column}.arrow{transform:rotate(90deg)}.recipient-card{max-width:100%}.section-title{font-size:1.5rem}.grid,.use-cases-grid{grid-template-columns:1fr}}