/* Adapter for the existing OtimizaADS form and approved Google research copy. */
html{scroll-padding-top:90px}
[hidden]{display:none!important}
.home-opening h1 span{font-style:normal}
.google-scale-reference{display:flex;align-items:center;gap:20px;border-top:1px solid #ffffff26;padding-top:20px;margin-top:22px}
.google-scale-reference>strong{color:var(--primary);font-family:Poppins,system-ui,sans-serif;font-size:clamp(30px,3vw,42px);font-weight:800;letter-spacing:-.05em;white-space:nowrap}
.google-scale-reference>div{font-size:12px;line-height:1.5;color:var(--foreground)}
.google-scale-reference small,.google-scale-reference a{display:block;font-size:10px;color:var(--muted-foreground);margin-top:4px}
.google-scale-reference a{text-decoration:underline;text-underline-offset:3px}
.home-opening .reveal>p.google-daily-reference:last-child{display:block;font-size:10px;line-height:1.6;color:var(--muted-foreground);margin-top:12px;max-width:440px}
#lead-form{display:grid;gap:17px;padding:28px;background:linear-gradient(180deg,var(--card),var(--ink));border:1px solid var(--border);border-radius:var(--radius-2xl)}
#lead-form label{display:grid;gap:7px;font-size:14px;font-weight:600}
#lead-form input,#lead-form select,#lead-form textarea{width:100%;min-width:0;background:var(--ink);color:var(--foreground);font:inherit;font-size:16px;border:1px solid var(--border);border-radius:12px;padding:13px 16px;resize:vertical}
#lead-form input:focus-visible,#lead-form select:focus-visible,#lead-form textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
#lead-form button{display:flex;justify-content:center;align-items:center;gap:20px;width:100%;background:var(--primary);color:var(--primary-foreground);border:0;border-radius:999px;padding:16px 20px;font-weight:700;cursor:pointer}
#lead-form .form-note{font-size:11px;text-align:center;color:var(--muted-foreground);line-height:1.6}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:4px}
.reference-footer{max-width:1152px;margin:auto;padding:32px 20px;color:var(--muted-foreground);font-size:12px;line-height:1.8;display:grid;gap:12px}
.reference-footer nav{display:flex;flex-wrap:wrap;gap:12px 24px}
.reference-footer nav a{color:var(--foreground)}
html.page-hidden *,html.page-hidden *:after{animation-play-state:paused!important}
/* No hiding content when scripting or observer support is unavailable. */
.reveal{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){
 .reference-motion .reveal.reference-enter{animation:reference-enter .6s ease-out both}
 @keyframes reference-enter{from{opacity:.3;translate:0 18px}to{opacity:1;translate:0 0}}
}
@media(max-width:639px){.google-scale-reference{gap:14px}.google-scale-reference>strong{font-size:32px}#lead-form{padding:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* Focused hero: one device, source and Google scale grouped together. */
.home-opening>div{gap:44px}
.home-opening h1+p{max-width:490px}
.search-visual{display:flex;flex-direction:column;align-items:center;min-width:0}
.search-visual .google-scale-reference{width:100%;max-width:430px;margin-top:18px;padding-top:18px;justify-content:center}
.search-caption{font-size:10px;color:var(--muted-foreground);margin-top:12px;text-align:center}
.search-phone{position:relative;width:286px;height:535px;flex:none;background:#fff;color:#202124;border:7px solid #252628;border-radius:42px;box-shadow:0 0 0 1px #77776c,0 22px 50px #0006;overflow:hidden;font-family:Arial,sans-serif;isolation:isolate}
.real-status{height:38px;display:flex;justify-content:space-between;padding:13px 20px 0;font-size:10px;font-weight:700}
.search-phone .device-island{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:80px;height:21px;border-radius:20px;background:#151515}
.search-phone .google-word{display:flex;justify-content:center;font-size:29px;line-height:1.2;letter-spacing:-1.4px;font-weight:600;margin:15px 0 17px}
.google-word span:nth-child(1),.google-word span:nth-child(4){color:#4285f4}.google-word span:nth-child(2),.google-word span:nth-child(6){color:#ea4335}.google-word span:nth-child(3){color:#fbbc05}.google-word span:nth-child(5){color:#34a853}
.search-phone .phone-search{margin:0 12px 16px;padding:11px 13px;border:1px solid #dadce0;border-radius:25px;background:#f6f8fc;display:flex;justify-content:space-between;align-items:center;gap:6px;color:#5f6368}
.search-phone .phone-search span{font-size:12px;white-space:nowrap;color:#202124}
.search-tabs{display:flex;gap:20px;padding:0 16px 11px;border-bottom:1px solid #eee;font-size:11px;color:#606368}
.search-tabs b{color:#1a73e8;border-bottom:2px solid #1a73e8;padding-bottom:9px;margin-bottom:-11px}
.search-phone .ad-demo{padding:16px;border-bottom:1px solid #e8eaed}
.search-phone .ad-demo>small{font-size:10px;color:#202124;font-weight:600}
.search-phone .ad-business{display:flex;align-items:center;gap:8px;margin:12px 0 9px;font-size:12px}
.search-phone .ad-business b{width:27px;height:27px;border-radius:50%;background:#edf0f3;display:grid;place-items:center;font-size:12px;color:#47535d}
.search-phone .ad-business small{display:block;font-size:9px;color:#5f6368;margin-top:2px}
.search-phone .result-menu{margin-left:auto;font-size:18px}
.search-phone .ad-demo h3{font-family:Arial,sans-serif;color:#1a0dab;font-size:17px;font-weight:400;line-height:1.35;letter-spacing:0;margin:8px 0}
.search-phone .ad-demo p{color:#4d5156;font-size:11px;line-height:1.6;margin:0 0 11px}
.search-phone .ad-pills{display:flex;gap:17px;font-size:11px;color:#1a0dab}
.organic-result{padding:14px 16px;color:#4d5156}.organic-result small{font-size:9px}.organic-result strong{display:block;color:#1a0dab;font-size:15px;font-weight:400;margin-top:5px}.organic-result p{font-size:10px;margin-top:5px}
.phone-browser{position:absolute;bottom:17px;left:12px;right:12px;border-radius:10px;padding:8px 13px;background:#f0f1f3;font-size:10px;text-align:center;color:#444}.phone-browser span{float:right}
.home-indicator{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:94px;height:4px;border-radius:4px;background:#202124}
@media(min-width:1024px){.home-opening>div{padding-top:40px;padding-bottom:40px}.home-opening h1{font-size:3.35rem}.search-phone{height:535px}}
@media(max-width:639px){.home-opening>div{gap:30px}.home-opening h1{font-size:2.1rem;line-height:1.1}.home-opening h1+p{font-size:1rem}.search-visual .google-scale-reference{margin-top:16px;gap:14px}.search-visual .google-scale-reference>strong{font-size:32px}}
@media(prefers-reduced-motion:no-preference){.search-visual.reference-enter .phone-search span{animation:query-type 1.5s steps(23,end) .25s both}.search-visual.reference-enter .ad-demo{animation:result-show .45s ease-out 1.8s both}@keyframes query-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes result-show{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}}
/* Original background artwork, with a small CSS particle layer. */
.home-opening{position:relative;isolation:isolate;overflow:hidden}
.home-opening>.opening-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;padding:0;min-height:0}
.opening-background{position:absolute;inset:0;background:url('/assets/fundo.png') 80% center/cover no-repeat;opacity:.8}
.opening-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090909c4,transparent 85%),linear-gradient(0deg,var(--background),transparent 22%)}
.opening-light{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 35%,#ffc40030,transparent 65%);opacity:.7}
.opening-particle{position:absolute;top:20%;right:16%;width:3px;height:3px;border-radius:50%;background:#ffdc76;opacity:.55}
.opening-particle:nth-of-type(2){top:40%;right:8%;width:2px;height:2px;animation-delay:-2s}
.opening-particle:nth-of-type(3){top:68%;right:29%;animation-delay:-4s}
.opening-particle:nth-of-type(4){top:32%;right:42%;width:2px;height:2px;animation-delay:-1s}
.opening-particle:nth-of-type(5){top:82%;right:14%;width:2px;height:2px;animation-delay:-5s}
@media(prefers-reduced-motion:no-preference){
 .opening-particle{animation:opening-drift 7s ease-in-out infinite alternate;animation-play-state:paused}
 .opening-light{animation:opening-illumination 10s ease-in-out infinite alternate;animation-play-state:paused}
 .opening-visible .opening-particle,.opening-visible .opening-light{animation-play-state:running}
 @keyframes opening-drift{from{transform:translate3d(0,10px,0);opacity:.2}to{transform:translate3d(-8px,-22px,0);opacity:.8}}
 @keyframes opening-illumination{from{opacity:.45}to{opacity:.9}}
}
@media(max-width:780px){.opening-background{background-position:84% bottom;background-size:auto 100%;opacity:.75}.opening-particle:nth-of-type(n+4){display:none}}
html.page-hidden .opening-particle,html.page-hidden .opening-light{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.opening-particle,.opening-light{animation:none!important}}

/* Lead with the Google search scale, then the business opportunity. */
.home-opening h1 .hero-search-impact{display:block;font-size:1.14em;font-weight:800;line-height:1.05;color:#ffc719;letter-spacing:-.035em;text-wrap:balance}
.home-opening h1 .hero-search-impact+br{display:none}
.home-opening h1 .hero-search-impact~.text-primary{display:block;margin-top:17px;color:#f5f4ef;font-size:.79em;line-height:1.16;font-weight:600;letter-spacing:-.025em}
@media(max-width:639px){.home-opening h1 .hero-search-impact{font-size:1.17em}.home-opening h1 .hero-search-impact~.text-primary{margin-top:15px;font-size:.8em}}
/* Explicit state overrides: animation shorthand in the export reset paused state. */
.home-lovable .anim-float,.home-lovable .anim-pulse,.home-lovable .anim-dash,.home-lovable .anim-wiggle,.home-lovable .anim-twinkle,.home-lovable .btn-gold:after{animation-play-state:paused}
.home-lovable .live .anim-float,.home-lovable .live .anim-pulse,.home-lovable .live .anim-dash,.home-lovable .live .anim-wiggle,.home-lovable .live .anim-twinkle,.home-lovable .live.btn-gold:after,.home-lovable .live .btn-gold:after{animation-play-state:running}
html.page-hidden .home-lovable *,html.page-hidden .home-lovable *:after{animation-play-state:paused!important}
@media(pointer:coarse){.home-lovable .anim-dash,.home-lovable .anim-wiggle{animation-iteration-count:1}.home-lovable .btn-gold:after{animation:none}.home-lovable .opening-light{animation:none}}

/* Touch scrolling pauses decoration, never the entrance of readable content. */
@media(pointer:coarse){
 .home-lovable .reveal{opacity:1;transform:none;transition:none}
 .reference-motion .home-lovable .reveal.reference-enter{animation:mobile-content-arrival .3s ease-out both}
 .home-lovable .search-visual.reference-enter .phone-search span,.home-lovable .search-visual.reference-enter .ad-demo{animation:none;opacity:1;clip-path:none;translate:none}
 @keyframes mobile-content-arrival{from{translate:0 6px}to{translate:0 0}}
}
@media(prefers-reduced-motion:reduce){.reference-motion .home-lovable .reveal.reference-enter{animation:none!important;translate:none}}
/* Visible energy accents; touch and scrolling never toggle their play state. */
.opening-atmosphere .opening-particle{width:3px;height:3px;box-shadow:0 0 7px #ffc94a99}
.opening-atmosphere .opening-particle:nth-of-type(n+4){display:block}
.opening-ray{position:absolute;top:-5%;right:18%;height:85%;width:2px;transform:rotate(24deg);transform-origin:top;background:linear-gradient(transparent,#ffd55a99 35%,#ffc40055 70%,transparent);opacity:.7;box-shadow:0 0 9px #ffc40033}
.opening-ray-2{top:20%;right:5%;height:75%;width:1px;transform:rotate(32deg);opacity:.55}
.home-opening .opening-copy.reveal{opacity:1;transform:none;transition:none}
.reference-motion .home-lovable .opening-copy.reveal.reference-enter{animation:none}
@media(prefers-reduced-motion:no-preference){
 .home-opening .opening-title{animation:site-welcome .55s cubic-bezier(.16,1,.3,1) both}
 .opening-ray{animation:ray-breathe 7s ease-in-out infinite alternate;animation-play-state:paused}
 .opening-visible .opening-ray{animation-play-state:running}
 @keyframes site-welcome{from{opacity:.85;translate:0 9px}to{opacity:1;translate:0 0}}
 @keyframes ray-breathe{from{opacity:.35}to{opacity:.85}}
}
html.page-hidden .opening-ray{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.home-opening .opening-title,.opening-ray{animation:none!important;translate:none}}