/* Padrão aprovado em 01/10/2026: textura de grade a 15%. O laboratório visual pode sobrescrever só para quem o abre. */
:root{--pattern-opacity:.15}
body{isolation:isolate;position:relative}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:var(--pattern-opacity,.15);background-repeat:repeat}
[data-pattern=none] body:before{display:none}[data-pattern=dots] body:before{background-image:radial-gradient(var(--muted) .8px,transparent .8px);background-size:20px 20px}[data-pattern=grid] body:before{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px}[data-pattern=diagonal] body:before{background-image:repeating-linear-gradient(135deg,transparent,transparent 12px,var(--line) 12px,var(--line) 13px)}[data-pattern=glow] body:before{background:radial-gradient(ellipse at 5% 20%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 50%),radial-gradient(ellipse at 100% 80%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 45%)}[data-pattern=rings] body:before{background-image:repeating-radial-gradient(circle at 0 0,transparent 0,transparent 58px,var(--line) 59px,transparent 60px);background-size:480px 480px}
.pattern-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.pattern-options button{font-size:12px;background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:11px 3px}.pattern-options button[aria-pressed=true]{border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange);color:var(--orange)}.intensity-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:15px}#pattern-intensity{width:100%;accent-color:var(--orange);margin-top:9px;cursor:pointer}.how-section{background:color-mix(in srgb,var(--surface) 85%,transparent)}.testimonials{border-top:0}.steps article{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:25px}.steps{gap:20px}.steps p{max-width:none}.step-number{margin-bottom:20px}.closing{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),var(--surface));padding-block:42px}.closing h2{max-width:550px;line-height:1.2}
/* Content stays visible without JS; motion is only applied on entry. */
.reveal-enter{animation:section-enter .65s ease both}@keyframes section-enter{from{opacity:.35;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:600px){.steps article{padding:22px 22px 22px 69px}.step-number{left:21px;top:24px}.steps{gap:13px}.closing{padding:26px}.closing h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.reveal-enter{animation:none}}