.mockup-showcase-container{display:flex;flex-direction:column;gap:3.5rem}.mockup-item-wrap{display:flex;flex-direction:column;gap:1.25rem}.mockup-header-info{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem}.mockup-title-area h3{font-family:var(--font-heading);font-size:clamp(1.25rem,2.2vw,1.55rem);color:var(--color-heading);margin-bottom:.35rem}.mockup-title-area p{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:620px}.mockup-badge-example{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .85rem;background-color:var(--color-demo-bg);color:var(--color-demo-text);border:1px solid var(--color-demo-border);border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.mockup-badge-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.mockup-window{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 16px 40px #0f4c5c14;overflow:hidden;transition:box-shadow var(--transition-normal)}[data-theme=dark] .mockup-window{box-shadow:0 20px 48px #0006;border-color:#ffffff1f}.mockup-window-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border)}.mockup-window-controls{display:flex;gap:6px;align-items:center}.mockup-control-dot{width:10px;height:10px;border-radius:50%}.mockup-control-dot.red{background-color:#ff5f56}.mockup-control-dot.yellow{background-color:#ffbd2e}.mockup-control-dot.green{background-color:#27c93f}.mockup-window-title{font-family:var(--font-heading);font-size:.8125rem;font-weight:500;color:var(--color-text-muted)}.mockup-window-actions{display:flex;gap:.5rem}.mockup-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.mockup-search-box{display:flex;align-items:center;gap:.5rem;padding:.45rem .85rem;background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--color-text-muted);min-width:240px}.mockup-filter-chips{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.mockup-chip{padding:.3rem .65rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:var(--color-bg-surface);color:var(--color-text-muted)}.mockup-chip.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.mockup-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.mockup-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem;min-width:680px}.mockup-table th{padding:.85rem 1.25rem;background-color:var(--color-bg-surface);color:var(--color-text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border)}.mockup-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border-light);color:var(--color-text-main);vertical-align:middle}.mockup-table tbody tr:hover{background-color:#2ec4a60a}.mockup-os-code{font-family:monospace;font-weight:700;color:var(--color-primary)}.mockup-client-cell{display:flex;flex-direction:column}.mockup-client-name{font-weight:600;color:var(--color-heading)}.mockup-client-phone{font-size:.75rem;color:var(--color-text-muted)}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;white-space:nowrap}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background-color:currentColor}.status-aberta{background-color:#0f4c5c1f;color:var(--color-primary)}.status-andamento{background-color:#f59e0b26;color:#b45309}.status-aguardando{background-color:#ea580c26;color:#c2410c}.status-concluida{background-color:#2ec4a629;color:var(--color-accent-dark)}[data-theme=dark] .status-aberta{background-color:#3ddbba26;color:#3ddbba}[data-theme=dark] .status-andamento{background-color:#fbbf2433;color:#fbbf24}[data-theme=dark] .status-aguardando{background-color:#fb923c33;color:#fb923c}[data-theme=dark] .status-concluida{background-color:#2ec4a640;color:#3ddbba}.mockup-dashboard-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.mockup-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.mockup-kpi-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.15rem 1.25rem;display:flex;flex-direction:column;gap:.35rem}.mockup-kpi-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.mockup-kpi-value{font-family:var(--font-heading);font-size:clamp(1.25rem,2vw,1.6rem);font-weight:700;color:var(--color-heading);line-height:1.2}.mockup-kpi-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:600;color:var(--color-accent-dark);margin-top:.2rem}.mockup-chart-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.mockup-chart-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.mockup-chart-header h4{font-family:var(--font-heading);font-size:.95rem;color:var(--color-heading);margin:0}.mockup-chart-legend{display:flex;gap:1rem;font-size:.75rem;color:var(--color-text-muted)}.mockup-chart-legend-item{display:flex;align-items:center;gap:.4rem}.legend-color-box{width:10px;height:10px;border-radius:2px}.mockup-svg-chart{width:100%;height:220px;display:block}@media(max-width:900px){.mockup-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.mockup-header-info{flex-direction:column;align-items:flex-start}.mockup-toolbar{flex-direction:column;align-items:stretch}.mockup-search-box{width:100%;min-width:0}.mockup-kpi-grid{grid-template-columns:1fr;gap:.75rem}.mockup-dashboard-body{padding:1rem;gap:1rem}.mockup-chart-card{padding:1rem}.mockup-svg-chart{height:180px}}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}[data-reveal=fade]{transform:none}[data-reveal=left]{transform:translate(-32px)}[data-reveal=right]{transform:translate(32px)}[data-reveal=scale]{transform:scale(.95)}[data-reveal].is-revealed{opacity:1;transform:translate(0) scale(1)}[data-reveal-group]>*{opacity:0;transform:translateY(22px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}[data-reveal-group].is-revealed>*{opacity:1;transform:translateY(0)}[data-reveal-group]>*:nth-child(1){transition-delay:.05s}[data-reveal-group]>*:nth-child(2){transition-delay:.12s}[data-reveal-group]>*:nth-child(3){transition-delay:.19s}[data-reveal-group]>*:nth-child(4){transition-delay:.26s}[data-reveal-group]>*:nth-child(5){transition-delay:.33s}[data-reveal-group]>*:nth-child(6){transition-delay:.4s}[data-reveal-group]>*:nth-child(7){transition-delay:.47s}[data-reveal-group]>*:nth-child(8){transition-delay:.54s}.hero-floating-pill.pill-top{animation:floatPillTop 6s ease-in-out infinite alternate}.hero-floating-pill.pill-bottom{animation:floatPillBottom 6.5s ease-in-out infinite alternate;animation-delay:-2s}@keyframes floatPillTop{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(.8deg)}to{transform:translateY(3px) rotate(-.5deg)}}@keyframes floatPillBottom{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(6px) rotate(-.8deg)}to{transform:translateY(-4px) rotate(.6deg)}}.hero-visual-illustration{animation:mascotFloat 5s ease-in-out infinite alternate;transform-origin:center bottom}@keyframes mascotFloat{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.02)}to{transform:translateY(2px) scale(.99)}}.hero-visual-card{position:relative;overflow:visible!important}.hero-floating-pill{z-index:5;white-space:nowrap}.hero-visual-card:before{content:"";position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;background:radial-gradient(circle,rgba(46,196,166,.18) 0%,rgba(15,76,92,.08) 45%,transparent 70%);border-radius:calc(var(--radius-lg) + 16px);z-index:-1;opacity:.7;animation:auraPulse 7s ease-in-out infinite alternate;pointer-events:none}[data-theme=dark] .hero-visual-card:before{background:radial-gradient(circle,rgba(61,219,186,.22) 0%,rgba(11,52,64,.4) 50%,transparent 70%)}@keyframes auraPulse{0%{transform:scale(.95);opacity:.45}50%{transform:scale(1.04);opacity:.85}to{transform:scale(.98);opacity:.55}}.badge-dot{position:relative}.badge-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background-color:currentColor;opacity:.7;animation:dotRadar 2.2s cubic-bezier(0,0,.2,1) infinite}@keyframes dotRadar{0%{transform:scale(.8);opacity:.8}70%{transform:scale(2.4);opacity:0}to{transform:scale(2.6);opacity:0}}.has-spotlight{position:relative;overflow:hidden}.has-spotlight:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(320px circle at var(--mouse-x, -200px) var(--mouse-y, -200px),rgba(46,196,166,.1),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.has-spotlight:hover:after{opacity:1}[data-theme=dark] .has-spotlight:after{background:radial-gradient(340px circle at var(--mouse-x, -200px) var(--mouse-y, -200px),rgba(61,219,186,.14),transparent 70%)}.btn-primary,.btn-whatsapp{position:relative;overflow:hidden}.btn-primary:after,.btn-whatsapp:after{content:"";position:absolute;top:-50%;left:-60%;width:40%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:rotate(25deg);pointer-events:none;transition:none}.btn-primary:hover:after,.btn-whatsapp:hover:after{animation:buttonShine .85s cubic-bezier(.16,1,.3,1)}@keyframes buttonShine{0%{left:-60%}to{left:140%}}.whatsapp-float,.whatsapp-float-btn{position:fixed}.whatsapp-float:before,.whatsapp-float-btn:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:var(--radius-pill);border:2px solid #25D366;opacity:0;animation:beaconPulse 3.8s cubic-bezier(.16,1,.3,1) infinite;pointer-events:none}@keyframes beaconPulse{0%{transform:scale(.96);opacity:0}40%{opacity:.6}75%{transform:scale(1.18);opacity:0}to{transform:scale(1.22);opacity:0}}.process-card,.step-card{transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.process-card:hover,.step-card:hover{transform:translateY(-4px);border-color:var(--color-accent);box-shadow:0 12px 30px #0f4c5c1f}[data-theme=dark] .process-card:hover,[data-theme=dark] .step-card:hover{box-shadow:0 12px 32px #0000008c,0 0 20px #2ec4a61a}.process-card:hover .process-step-num,.step-card:hover .step-number{transform:scale(1.1);color:var(--color-accent)}.process-step-num,.step-number{transition:transform var(--transition-normal),color var(--transition-normal);display:inline-block}@media(prefers-reduced-motion:reduce){[data-reveal],[data-reveal=fade],[data-reveal=left],[data-reveal=right],[data-reveal=scale],[data-reveal-group]>*{opacity:1!important;transform:none!important;transition:none!important}.hero-floating-pill,.hero-visual-illustration,.hero-visual-card:before,.badge-dot:after,.whatsapp-float:before,.whatsapp-float-btn:before{animation:none!important}}