.onboarding{background:var(--bg);height:100dvh;min-height:560px;color:var(--text);flex-direction:column;display:flex;position:relative}.onboarding-header{border-bottom:1px solid var(--border-light);padding:14px 0 12px}.onboarding-header .container{align-items:center;gap:10px;display:flex}.onboarding-brand{color:var(--text);font-size:1.0625rem;font-weight:800}.onboarding-tagline{align-items:center;margin-left:auto;display:inline-flex}.onboarding-tagline-text{white-space:nowrap;color:var(--primary);font-size:.8125rem;font-weight:700}@media (width<=640px){.onboarding-tagline{display:none}}.onboarding-intro{text-align:center;padding:18px 24px 16px}.onboarding-title{color:var(--text);margin-bottom:8px;font-size:clamp(1.25rem,2.6vw,1.875rem)}.onboarding-subtitle{color:var(--text-muted);font-size:1rem}.onboarding-grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;min-height:0;padding:0 10px;display:grid}.onboarding-card{grid-column:span 2}.onboarding-card:nth-child(n+4){grid-column:span 3}@media (width<=999px){.onboarding-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-card,.onboarding-card:nth-child(n+4){grid-column:span 1}.onboarding-card:nth-child(5){grid-column:span 2}}@media (width<=599px){.onboarding-grid{grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:minmax(0,1fr)}.onboarding-card,.onboarding-card:nth-child(5){grid-column:span 1}.onboarding-intro{padding:12px 20px}.onboarding-subtitle{font-size:.875rem}}.onboarding-card{text-align:left;border-radius:var(--radius-md);background:linear-gradient(160deg, var(--accent,var(--primary)) 0%, #10162e 130%);text-decoration:none;transition:transform .25s;display:flex;position:relative;overflow:hidden;container:vcard/size}.onboarding-card:hover{transform:translateY(-3px)}.onboarding-card-video{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.onboarding-card:hover .onboarding-card-video{transform:scale(1.07)}.onboarding-card:after{content:"";z-index:3;background:var(--accent);transform-origin:0;height:4px;transition:transform .4s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.onboarding-card:hover:after,.onboarding-card:focus-visible:after{transform:scaleX(1)}.onboarding-card-icon{transition:transform .3s,background-color .3s}.onboarding-card:hover .onboarding-card-icon{background:var(--accent);transform:translateY(-3px)}.onboarding-card-overlay{z-index:1;background:linear-gradient(#0a0e1e26 0%,#0a0e1e73 50%,#0a0e1eeb 100%);position:absolute;inset:0}.onboarding-card:before{content:"";z-index:1;pointer-events:none;background:#0a0e1e66;transition:opacity .3s;position:absolute;inset:0}.onboarding-card:hover:before,.onboarding-card:focus-visible:before{opacity:0}.onboarding-card-body{z-index:2;flex-direction:column;justify-content:flex-end;gap:0;width:100%;height:100%;padding:0 clamp(16px,5cqw,28px) clamp(16px,5cqh,28px);display:flex;position:relative}.onboarding-card-text{flex:0 auto;min-width:0}.onboarding-card-footer{flex:none;margin-top:14px}.onboarding-card-icon{color:#fff;background:#ffffff2e;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:12px;display:inline-flex}.onboarding-card h3{overflow-wrap:break-word;color:#fff;margin:0 0 6px;font-size:clamp(1rem,6cqw,1.375rem);line-height:1.2}.onboarding-card p{color:#fffc;max-width:34ch;margin:0;font-size:.8125rem;line-height:1.5}.onboarding-card-cta{white-space:nowrap;color:#fff;background:var(--primary);border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.8125rem;font-weight:700;display:inline-flex}.onboarding-card-cta svg{flex-shrink:0;transition:transform .25s}.onboarding-card:hover .onboarding-card-cta svg{transform:translate(4px)}.onboarding-card-badge{z-index:3;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--accent);border-radius:100px;padding:5px 12px;font-size:.6875rem;font-weight:800;position:absolute;top:14px;left:14px;box-shadow:0 6px 18px #0000004d,inset 0 0 0 1px #ffffff59}@container vcard (height<=330px){.onboarding-card p{display:none}.onboarding-card-icon{margin-bottom:10px}.onboarding-card-footer{margin-top:10px}}@container vcard (height<=230px){.onboarding-card-body{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:0 clamp(14px,4cqw,22px)}.onboarding-card-text{flex:auto;align-items:center;gap:12px;display:flex}.onboarding-card-icon{width:38px;height:38px;margin:0}.onboarding-card h3{margin:0;font-size:clamp(.9375rem,4.4cqw,1.125rem)}.onboarding-card-footer{margin:0}.onboarding-card-badge{top:10px;left:auto;right:12px}.onboarding-card-cta{padding:9px 14px}}@container vcard (height<=230px) and (width<=560px){.onboarding-card-cta{width:38px;height:38px;padding:0}.onboarding-card-cta .cta-label{display:none}}@container vcard (width<=260px){.onboarding-card p{display:none}}.onboarding-skip{text-align:center;width:100%;color:var(--text-light);cursor:pointer;background:0 0;border:none;padding:12px 0;font-family:inherit;font-size:.8125rem;text-decoration:none;display:block}.onboarding-skip:hover{color:var(--text-muted);text-decoration:underline}.onboarding-accountant{background:var(--bg-soft);border-top:1px solid var(--border-light);padding:56px 0}.onboarding-accountant-inner{text-align:center;flex-direction:column;align-items:center;max-width:620px;margin:0 auto;display:flex}.onboarding-accountant-icon{background:var(--primary-bg);width:48px;height:48px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.onboarding-accountant-title{margin:8px 0 12px;font-size:clamp(1.375rem,2.6vw,1.75rem)}.onboarding-accountant-desc{color:var(--text-muted);margin-bottom:28px;font-size:.9375rem;line-height:1.6}.onboarding-accountant-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.onboarding~.whatsapp-floating-btn{padding:12px;bottom:20px;right:20px}.onboarding~.whatsapp-floating-btn span{display:none}
