.how-it-works-page{min-height:100vh;background:#0a0a0b}.hiw-hero{padding:120px 24px 80px;text-align:center;background:linear-gradient(180deg,#0d1117,#0a0a0b);position:relative;overflow:hidden}.hiw-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 20%,transparent 70%);mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 20%,transparent 70%);pointer-events:none}.hiw-hero-content{max-width:700px;margin:0 auto;position:relative;z-index:1}.hiw-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:#00ffb41a;border:1px solid rgba(0,255,180,.25);border-radius:50px;font-size:.85rem;font-weight:600;color:#00ffb4;margin-bottom:24px;text-transform:uppercase;letter-spacing:.08em}.hiw-hero h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;color:#f0f6fc;margin-bottom:20px;line-height:1.1;letter-spacing:-.02em}.hiw-hero p{font-size:1.15rem;color:#8b949e;line-height:1.7;margin-bottom:36px}.hiw-hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.hiw-hero-actions .btn-primary{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#00ffb4,#00c896);color:#0a0a0b;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 20px #00ffb44d}.hiw-hero-actions .btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00ffb466}.hiw-hero-actions .btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:transparent;color:#f0f6fc;border:1px solid rgba(255,255,255,.15);border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .2s ease}.hiw-hero-actions .btn-secondary:hover{background:#ffffff0d;border-color:#ffffff40}.hiw-steps{padding:80px 24px;width:90%;max-width:1400px;margin:0 auto}.hiw-step{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:60px 0;border-bottom:1px solid rgba(255,255,255,.06)}.hiw-step:last-child{border-bottom:none}.hiw-step.reverse{direction:rtl}.hiw-step.reverse>*{direction:ltr}.hiw-step-content{position:relative}.hiw-step-number{position:absolute;top:-20px;left:-30px;font-size:80px;font-weight:800;opacity:.08;line-height:1;pointer-events:none}.hiw-step-number.green{color:#00ffb4}.hiw-step-number.purple{color:#8b5cf6}.hiw-step-number.teal{color:#14b8a6}.hiw-step-number.orange{color:#f59e0b}.hiw-step-number.red{color:#ef4444}.hiw-step-number.indigo{color:#6366f1}.hiw-step-icon-wrapper{margin-bottom:20px}.hiw-step-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;color:#fff}.hiw-step-icon.green{background:linear-gradient(135deg,#00ffb4,#00c896);color:#0a0a0b}.hiw-step-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.hiw-step-icon.teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.hiw-step-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.hiw-step-icon.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.hiw-step-icon.indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.hiw-step h2{font-size:1.75rem;font-weight:700;color:#f0f6fc;margin-bottom:6px}.hiw-step-subtitle{font-size:1rem;color:#00ffb4;font-weight:600;margin-bottom:14px}.hiw-step-description{font-size:1rem;color:#8b949e;line-height:1.7;margin-bottom:24px}.hiw-step-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.hiw-step-features li{display:flex;align-items:center;gap:12px;font-size:.95rem;color:#b0b8c1}.hiw-step-features li svg{color:#00ffb4;flex-shrink:0}.hiw-step-visual{display:flex;justify-content:center}.hiw-image-container{position:relative;display:flex;flex-direction:column;gap:16px}.hiw-screenshot{max-width:100%;height:auto;border-radius:16px;box-shadow:0 20px 60px #0006,0 4px 20px #0000004d;border:1px solid rgba(255,255,255,.08)}.hiw-screenshot.secondary{max-width:85%;margin-left:auto;margin-top:-30px;position:relative;z-index:1}.hiw-summary{padding:100px 24px;background:#0d1117;text-align:center}.hiw-summary h2{font-size:2.25rem;font-weight:700;color:#f0f6fc;margin-bottom:50px}.hiw-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1100px;margin:0 auto}.hiw-summary-card{background:#ffffff08;padding:36px 24px;border-radius:16px;border:1px solid rgba(255,255,255,.06);transition:all .3s ease}.hiw-summary-card:hover{transform:translateY(-6px);background:#ffffff0d;border-color:#00ffb433;box-shadow:0 20px 40px #0000004d}.hiw-summary-card svg{color:#00ffb4;margin-bottom:18px}.hiw-summary-card h3{font-size:1.15rem;font-weight:600;color:#f0f6fc;margin-bottom:10px}.hiw-summary-card p{font-size:.9rem;color:#8b949e;line-height:1.6}.hiw-cta{padding:100px 24px;background:linear-gradient(180deg,#0a0a0b,#0d1117);text-align:center;position:relative}.hiw-cta:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,180,.3),transparent)}.hiw-cta-content{max-width:600px;margin:0 auto}.hiw-cta h2{font-size:2.25rem;font-weight:700;color:#f0f6fc;margin-bottom:16px}.hiw-cta p{font-size:1.1rem;color:#8b949e;margin-bottom:36px}.hiw-cta-actions{margin-bottom:20px}.hiw-cta .btn-cta{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:linear-gradient(135deg,#00ffb4,#00c896);color:#0a0a0b;border-radius:14px;font-weight:600;font-size:1.05rem;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 24px #00ffb44d}.hiw-cta .btn-cta:hover{transform:translateY(-3px);box-shadow:0 8px 40px #00ffb466}.hiw-cta-note{font-size:.9rem;color:#6e7681}@media(max-width:968px){.hiw-hero{padding:80px 24px 60px}.hiw-step{grid-template-columns:1fr;gap:40px}.hiw-step.reverse{direction:ltr}.hiw-step-visual{order:-1}.hiw-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hiw-hero{padding:72px 20px 60px}.hiw-hero h1{font-size:2rem}.hiw-hero p{font-size:1rem}.hiw-steps{padding:50px 20px}.hiw-step{padding:40px 0}.hiw-step h2{font-size:1.5rem}.hiw-step-number{display:none}.hiw-summary-grid{grid-template-columns:1fr}.hiw-summary,.hiw-cta{padding:70px 20px}.hiw-cta h2{font-size:1.75rem}}