<!DOCTYPE html><html lang="pt-BR"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/assets/reaction-1-D15BlOIJ.jpg"/><link rel="preload" as="image" href="/assets/reaction-2-OYoN8o2w.jpg"/><link rel="preload" as="image" href="/assets/reaction-3-CTQxHI8v.jpg"/><link rel="preload" as="image" href="/assets/demo-photo-1-CoLIdGAg.jpg"/><link rel="preload" as="image" href="/assets/demo-photo-2-Dp_sdT7k.jpg"/><link rel="preload" as="image" href="/assets/demo-photo-3-DsWpC_X2.jpg"/><link rel="stylesheet" href="/assets/styles-CTDs_eHN.css" data-precedence="default"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&amp;family=Inter:wght@300;400;500;600;700&amp;display=swap" data-precedence="default"/><title>LoveCode — Um QR Code que abre o universo de vocês</title><meta property="og:site_name" content="LoveCode"/><meta name="twitter:title" content="LoveCode — um presente que cabe num cartão e dura pra sempre"/><meta name="twitter:description" content="monte um presente com as fotos, a música e as palavras que vocês guardam. um código que abre só pra quem você ama."/><meta name="theme-color" content="#6B3A44"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-status-bar-style" content="default"/><meta name="apple-mobile-web-app-title" content="LoveCode"/><meta name="description" content="Crie um mini-site secreto com as fotos, a música e as palavras que vocês guardam. Um presente que cabe no bolso e dura para sempre."/><meta property="og:title" content="LoveCode — Um QR Code que abre o universo de vocês"/><meta property="og:description" content="Um mini-site secreto com as fotos, a música e as palavras que vocês guardam. Cabe num cartão. Dura para sempre."/><meta property="og:type" content="website"/><meta property="og:image" content="/hero-qr-card.jpg"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:image" content="/hero-qr-card.jpg"/><link rel="modulepreload" href="/assets/index-D_EfDv5W.js"/><link rel="modulepreload" href="/assets/index-DaKbhAW8.js"/><link rel="modulepreload" href="/assets/message-card-BtTyA8kX.js"/><link rel="modulepreload" href="/assets/petal-field-BYsMaa4h.js"/><link rel="modulepreload" href="/assets/heart-DIwfiZpB.js"/><link rel="modulepreload" href="/assets/plus-DBduk1BK.js"/><link rel="modulepreload" href="/assets/share-2-D3kDphBJ.js"/><link rel="modulepreload" href="/assets/sparkles-CGglA3qr.js"/><link rel="modulepreload" href="/assets/music-D_sKltSP.js"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="manifest" href="/manifest.webmanifest"/><link rel="apple-touch-icon" href="/icon-512.png"/><link rel="canonical" href="/"/><script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script><script defer src="/__l5e/events.js" data-artifact-kind="dwl_content_hash" data-artifact-id="be7e3a9f812127915ce8a86b5603ad4e8e65704f9071573050f86bd0178ba5c2" data-commit-sha="ec0a1675c99cb4a52dc4316f3f897a178b22b9e8" data-context-token="v1.eyJwcm9qZWN0X2lkIjoiN2E4MjdkMmEtNGNlYS00MGFjLTgwMDUtMTdkYTdjMjJlMGViIiwiYXJ0aWZhY3Rfa2luZCI6ImR3bF9jb250ZW50X2hhc2giLCJhcnRpZmFjdF9pZCI6ImJlN2UzYTlmODEyMTI3OTE1Y2U4YTg2YjU2MDNhZDRlOGU2NTcwNGY5MDcxNTczMDUwZjg2YmQwMTc4YmE1YzIiLCJjb21taXRfc2hhIjoiZWMwYTE2NzVjOTljYjRhNTJkYzQzMTZmM2Y4OTdhMTc4YjIyYjllOCIsImV4cCI6MTc4MTEwMjcwOH0.W-IB-YCD5cmtzCipEqvC3KZZKzgKQYgIv1TgVY7pVmU" data-replay="rrweb" data-replay-sample-rate="0.1" data-replay-url="/__l5e/replay" data-replay-script-url="/__l5e/rrweb-record.js?__l5e_v=0.1.2-error-event-hardening"></script></head><body><!--$--><main class="min-h-screen bg-background text-foreground overflow-x-hidden font-sans select-none relative"><div aria-hidden="true" class="pointer-events-none fixed inset-0 overflow-hidden opacity-40" style="contain:strict;z-index:1"><span style="position:absolute;top:0;left:35.66234005178113%;width:18.254284374254585px;height:18.254284374254585px;opacity:0;will-change:transform, opacity;animation:petal-fall 21.915418288158754s linear -10.470252120188949s infinite;--petal-drift:-12.835901522652094px;--petal-spin:835.6764923175131deg;--petal-opacity:0.5442839831542114"><svg viewBox="0 0 24 24" width="100%" height="100%" aria-hidden="true"><defs><radialGradient id="bk" cx="50%" cy="50%" r="50%"><stop offset="0%" stop-color="#C6A16E" stop-opacity="0.8"></stop><stop offset="30%" stop-color="#D6B8B8" stop-opacity="0.3"></stop><stop offset="100%" stop-color="transparent" stop-opacity="0"></stop></radialGradient></defs><circle cx="12" cy="12" r="10" fill="url(#bk)"></circle></svg></span><span style="position:absolute;top:0;left:78.59398547646164%;width:10.064346985717258px;height:10.064346985717258px;opacity:0;will-change:transform, opacity;animation:petal-fall 21.058086224665637s linear -7.465011906267321s infinite;--petal-drift:-6.336501960972342px;--petal-spin:846.0002356123614deg;--petal-opacity:0.51646214928185;filter:hue-rotate(2.360732456739063deg)"><svg viewBox="0 0 24 24" width="100%" height="100%" aria-hidden="true"><defs><radialGradient id="pg" cx="30%" cy="30%" r="80%"><stop offset="0%" stop-color="#FFF7F5"></stop><stop offset="55%" stop-color="#F5DDD6"></stop><stop offset="100%" stop-color="#D6B8B8"></stop></radialGradient></defs><path d="M12 2 C16 6 20 10 12 22 C4 10 8 6 12 2 Z" fill="url(#pg)"></path></svg></span><span style="position:absolute;top:0;left:33.830499026358154%;width:21.945551425783364px;height:21.945551425783364px;opacity:0;will-change:transform, opacity;animation:petal-fall 22.984920510510527s linear -13.596590213878804s infinite;--petal-drift:-0.20639025580680936px;--petal-spin:518.0830075320937deg;--petal-opacity:0.4656086846476407;filter:hue-rotate(-2.9352918937547443deg)"><svg viewBox="0 0 24 24" width="100%" height="100%" aria-hidden="true"><defs><radialGradient id="pg" cx="30%" cy="30%" r="80%"><stop offset="0%" stop-color="#FFF7F5"></stop><stop offset="55%" stop-color="#F5DDD6"></stop><stop offset="100%" stop-color="#D6B8B8"></stop></radialGradient></defs><path d="M12 2 C16 6 20 10 12 22 C4 10 8 6 12 2 Z" fill="url(#pg)"></path></svg></span><span style="position:absolute;top:0;left:89.48632375792069%;width:11.754878607802496px;height:11.754878607802496px;opacity:0;will-change:transform, opacity;animation:petal-fall 16.6094535047652s linear -1.756411722369544s infinite;--petal-drift:-24.178558847950214px;--petal-spin:1046.8554387883412deg;--petal-opacity:0.38070441294757285;filter:hue-rotate(1.9779066343025775deg)"><svg viewBox="0 0 24 24" width="100%" height="100%" aria-hidden="true"><defs><radialGradient id="pg" cx="30%" cy="30%" r="80%"><stop offset="0%" stop-color="#FFF7F5"></stop><stop offset="55%" stop-color="#F5DDD6"></stop><stop offset="100%" stop-color="#D6B8B8"></stop></radialGradient></defs><path d="M12 2 C16 6 20 10 12 22 C4 10 8 6 12 2 Z" fill="url(#pg)"></path></svg></span><span style="position:absolute;top:0;left:97.16539080206397%;width:21.83695353311529px;height:21.83695353311529px;opacity:0;will-change:transform, opacity;animation:petal-fall 21.197450692132488s linear -3.9316463706255647s infinite;--petal-drift:-39.03425467669578px;--petal-spin:856.1233611768421deg;--petal-opacity:0.5192861450073722;filter:hue-rotate(-1.5968013548966116deg)"><svg viewBox="0 0 24 24" width="100%" height="100%" aria-hidden="true"><defs><radialGradient id="pg" cx="30%" cy="30%" r="80%"><stop offset="0%" stop-color="#FFF7F5"></stop><stop offset="55%" stop-color="#F5DDD6"></stop><stop offset="100%" stop-color="#D6B8B8"></stop></radialGradient></defs><path d="M12 2 C16 6 20 10 12 22 C4 10 8 6 12 2 Z" fill="url(#pg)"></path></svg></span><span style="position:absolute;top:0;left:65.20898609116463%;width:12.57055273883651px;height:12.57055273883651px;opacity:0;will-change:transform, opacity;animation:petal-fall 17.39744850154551s linear -9.097364347708762s infinite;--petal-drift:49.08967916041516px;--petal-spin:670.447718108374deg;--petal-opacity:0.3832781786334839"><svg viewBox="0 0 24 24" width="100%" height="100%" aria-hidden="true"><defs><radialGradient id="bk" cx="50%" cy="50%" r="50%"><stop offset="0%" stop-color="#C6A16E" stop-opacity="0.8"></stop><stop offset="30%" stop-color="#D6B8B8" stop-opacity="0.3"></stop><stop offset="100%" stop-color="transparent" stop-opacity="0"></stop></radialGradient></defs><circle cx="12" cy="12" r="10" fill="url(#bk)"></circle></svg></span><span style="position:absolute;top:0;left:46.648708004565464%;width:17.70928290223312px;height:17.70928290223312px;opacity:0;will-change:transform, opacity;animation:petal-fall 23.352420062313588s linear -12.278449473595026s infinite;--petal-drift:-50.344601563919px;--petal-spin:683.0522983336043deg;--petal-opacity:0.2605794667400204;filter:hue-rotate(-0.8775499585855169deg)"><svg viewBox="0 0 24 24" width="100%" height="100%" aria-hidden="true"><defs><radialGradient id="pg" cx="30%" cy="30%" r="80%"><stop offset="0%" stop-color="#FFF7F5"></stop><stop offset="55%" stop-color="#F5DDD6"></stop><stop offset="100%" stop-color="#D6B8B8"></stop></radialGradient></defs><path d="M12 2 C16 6 20 10 12 22 C4 10 8 6 12 2 Z" fill="url(#pg)"></path></svg></span><span style="position:absolute;top:0;left:61.25595036875209%;width:20.346170282535695px;height:20.346170282535695px;opacity:0;will-change:transform, opacity;animation:petal-fall 14.36184752917095s linear -8.190132985090639s infinite;--petal-drift:10.543279640129015px;--petal-spin:561.0011146126338deg;--petal-opacity:0.47839521363665705;filter:hue-rotate(-1.2255512500700128deg)"><svg viewBox="0 0 24 24" width="100%" height="100%" aria-hidden="true"><defs><radialGradient id="pg" cx="30%" cy="30%" r="80%"><stop offset="0%" stop-color="#FFF7F5"></stop><stop offset="55%" stop-color="#F5DDD6"></stop><stop offset="100%" stop-color="#D6B8B8"></stop></radialGradient></defs><path d="M12 2 C16 6 20 10 12 22 C4 10 8 6 12 2 Z" fill="url(#pg)"></path></svg></span><span style="position:absolute;top:0;left:63.697048328776816%;width:14.194754893500352px;height:14.194754893500352px;opacity:0;will-change:transform, opacity;animation:petal-fall 16.971197243154336s linear -0.46766723659032405s infinite;--petal-drift:7.667436535020968px;--petal-spin:1066.3894598682955deg;--petal-opacity:0.2961174475995871"><svg viewBox="0 0 24 24" width="100%" height="100%" aria-hidden="true"><defs><radialGradient id="bk" cx="50%" cy="50%" r="50%"><stop offset="0%" stop-color="#C6A16E" stop-opacity="0.8"></stop><stop offset="30%" stop-color="#D6B8B8" stop-opacity="0.3"></stop><stop offset="100%" stop-color="transparent" stop-opacity="0"></stop></radialGradient></defs><circle cx="12" cy="12" r="10" fill="url(#bk)"></circle></svg></span><span style="position:absolute;top:0;left:45.56944781827729%;width:13.00295123324452px;height:13.00295123324452px;opacity:0;will-change:transform, opacity;animation:petal-fall 25.935429082375805s linear -13.118648284256855s infinite;--petal-drift:30.290770127510854px;--petal-spin:1039.3017750035851deg;--petal-opacity:0.36921542642725874;filter:hue-rotate(1.9365904845457562deg)"><svg viewBox="0 0 24 24" width="100%" height="100%" aria-hidden="true"><defs><radialGradient id="pg" cx="30%" cy="30%" r="80%"><stop offset="0%" stop-color="#FFF7F5"></stop><stop offset="55%" stop-color="#F5DDD6"></stop><stop offset="100%" stop-color="#D6B8B8"></stop></radialGradient></defs><path d="M12 2 C16 6 20 10 12 22 C4 10 8 6 12 2 Z" fill="url(#pg)"></path></svg></span><span style="position:absolute;top:0;left:56.70138036967385%;width:14.222506271170097px;height:14.222506271170097px;opacity:0;will-change:transform, opacity;animation:petal-fall 15.035134199889558s linear -2.967086591392447s infinite;--petal-drift:-6.262634742299113px;--petal-spin:924.7543900532208deg;--petal-opacity:0.3542009970205982;filter:hue-rotate(-2.4334958865131133deg)"><svg viewBox="0 0 24 24" width="100%" height="100%" aria-hidden="true"><defs><radialGradient id="pg" cx="30%" cy="30%" r="80%"><stop offset="0%" stop-color="#FFF7F5"></stop><stop offset="55%" stop-color="#F5DDD6"></stop><stop offset="100%" stop-color="#D6B8B8"></stop></radialGradient></defs><path d="M12 2 C16 6 20 10 12 22 C4 10 8 6 12 2 Z" fill="url(#pg)"></path></svg></span><span style="position:absolute;top:0;left:48.18825193863806%;width:13.669629077256452px;height:13.669629077256452px;opacity:0;will-change:transform, opacity;animation:petal-fall 18.692786307158748s linear -1.038223712823216s infinite;--petal-drift:44.0938493694139px;--petal-spin:878.0078379641234deg;--petal-opacity:0.3417564944856392;filter:hue-rotate(-1.9484628082773043deg)"><svg viewBox="0 0 24 24" width="100%" height="100%" aria-hidden="true"><defs><radialGradient id="pg" cx="30%" cy="30%" r="80%"><stop offset="0%" stop-color="#FFF7F5"></stop><stop offset="55%" stop-color="#F5DDD6"></stop><stop offset="100%" stop-color="#D6B8B8"></stop></radialGradient></defs><path d="M12 2 C16 6 20 10 12 22 C4 10 8 6 12 2 Z" fill="url(#pg)"></path></svg></span><span style="position:absolute;top:0;left:61.19126373109325%;width:22.10369802033915px;height:22.10369802033915px;opacity:0;will-change:transform, opacity;animation:petal-fall 19.366267534124994s linear -6.556761519711501s infinite;--petal-drift:13.14398475956294px;--petal-spin:597.4416024848506deg;--petal-opacity:0.3468542151669072;filter:hue-rotate(2.452247105161727deg)"><svg viewBox="0 0 24 24" width="100%" height="100%" aria-hidden="true"><defs><radialGradient id="pg" cx="30%" cy="30%" r="80%"><stop offset="0%" stop-color="#FFF7F5"></stop><stop offset="55%" stop-color="#F5DDD6"></stop><stop offset="100%" stop-color="#D6B8B8"></stop></radialGradient></defs><path d="M12 2 C16 6 20 10 12 22 C4 10 8 6 12 2 Z" fill="url(#pg)"></path></svg></span><span style="position:absolute;top:0;left:66.5824112729227%;width:17.69367216872786px;height:17.69367216872786px;opacity:0;will-change:transform, opacity;animation:petal-fall 23.80376767828345s linear -10.005114240286584s infinite;--petal-drift:11.795804446416113px;--petal-spin:646.3489780495447deg;--petal-opacity:0.32162048151788647"><svg viewBox="0 0 24 24" width="100%" height="100%" aria-hidden="true"><defs><radialGradient id="bk" cx="50%" cy="50%" r="50%"><stop offset="0%" stop-color="#C6A16E" stop-opacity="0.8"></stop><stop offset="30%" stop-color="#D6B8B8" stop-opacity="0.3"></stop><stop offset="100%" stop-color="transparent" stop-opacity="0"></stop></radialGradient></defs><circle cx="12" cy="12" r="10" fill="url(#bk)"></circle></svg></span><span style="position:absolute;top:0;left:86.6739984788043%;width:18.282234524274834px;height:18.282234524274834px;opacity:0;will-change:transform, opacity;animation:petal-fall 25.51477301603672s linear -12.154470529497589s infinite;--petal-drift:5.59519521164772px;--petal-spin:901.6908740561862deg;--petal-opacity:0.35868626867992964"><svg viewBox="0 0 24 24" width="100%" height="100%" aria-hidden="true"><defs><radialGradient id="bk" cx="50%" cy="50%" r="50%"><stop offset="0%" stop-color="#C6A16E" stop-opacity="0.8"></stop><stop offset="30%" stop-color="#D6B8B8" stop-opacity="0.3"></stop><stop offset="100%" stop-color="transparent" stop-opacity="0"></stop></radialGradient></defs><circle cx="12" cy="12" r="10" fill="url(#bk)"></circle></svg></span><span style="position:absolute;top:0;left:26.93102565045262%;width:13.635462738789577px;height:13.635462738789577px;opacity:0;will-change:transform, opacity;animation:petal-fall 25.718827952919053s linear -10.77130745723827s infinite;--petal-drift:-16.016680195153825px;--petal-spin:848.944447121239deg;--petal-opacity:0.4847966935965619"><svg viewBox="0 0 24 24" width="100%" height="100%" aria-hidden="true"><defs><radialGradient id="bk" cx="50%" cy="50%" r="50%"><stop offset="0%" stop-color="#C6A16E" stop-opacity="0.8"></stop><stop offset="30%" stop-color="#D6B8B8" stop-opacity="0.3"></stop><stop offset="100%" stop-color="transparent" stop-opacity="0"></stop></radialGradient></defs><circle cx="12" cy="12" r="10" fill="url(#bk)"></circle></svg></span><span style="position:absolute;top:0;left:63.898706697419584%;width:18.01500745546009px;height:18.01500745546009px;opacity:0;will-change:transform, opacity;animation:petal-fall 16.142626577334465s linear -4.148486938233091s infinite;--petal-drift:-43.62112624806824px;--petal-spin:867.4725087244948deg;--petal-opacity:0.3320866905040812;filter:hue-rotate(-1.688853672254825deg)"><svg viewBox="0 0 24 24" width="100%" height="100%" aria-hidden="true"><defs><radialGradient id="pg" cx="30%" cy="30%" r="80%"><stop offset="0%" stop-color="#FFF7F5"></stop><stop offset="55%" stop-color="#F5DDD6"></stop><stop offset="100%" stop-color="#D6B8B8"></stop></radialGradient></defs><path d="M12 2 C16 6 20 10 12 22 C4 10 8 6 12 2 Z" fill="url(#pg)"></path></svg></span><span style="position:absolute;top:0;left:85.9066785693754%;width:10.254919774098104px;height:10.254919774098104px;opacity:0;will-change:transform, opacity;animation:petal-fall 18.435788171944907s linear -10.873196778496007s infinite;--petal-drift:-3.5893625733402033px;--petal-spin:433.06388829299647deg;--petal-opacity:0.3033974556330422;filter:hue-rotate(-2.4665522499693644deg)"><svg viewBox="0 0 24 24" width="100%" height="100%" aria-hidden="true"><defs><radialGradient id="pg" cx="30%" cy="30%" r="80%"><stop offset="0%" stop-color="#FFF7F5"></stop><stop offset="55%" stop-color="#F5DDD6"></stop><stop offset="100%" stop-color="#D6B8B8"></stop></radialGradient></defs><path d="M12 2 C16 6 20 10 12 22 C4 10 8 6 12 2 Z" fill="url(#pg)"></path></svg></span></div><div class="fixed top-0 left-0 right-0 z-50"><div class="flex flex-wrap items-center justify-center gap-x-2 gap-y-1 bg-primary px-4 py-2 text-[10px] sm:text-[11px] font-medium text-primary-foreground text-center leading-snug"><span class="inline-block h-1.5 w-1.5 shrink-0 rounded-full bg-emerald-300 animate-pulse"></span><span>Dia dos Namorados se aproxima. Mais de <strong>2.400 casais</strong> já surpreenderam.</span><a href="/criar" class="underline underline-offset-2 font-semibold hover:opacity-80 whitespace-nowrap">Criar o meu</a></div><nav class="flex items-center justify-between bg-background/85 px-4 py-3 backdrop-blur-md sm:px-6 md:px-12 md:py-4"><a href="#top" class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-5 w-5 fill-primary text-primary" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg><span class="font-serif text-xl sm:text-2xl text-foreground">LoveCode</span></a><div class="flex items-center gap-2 sm:gap-3"><a href="/meus?email=" class="rounded-full border border-primary/30 bg-card/60 px-4 py-2 text-xs font-semibold text-foreground backdrop-blur transition-all hover:border-primary hover:text-primary sm:px-5 sm:text-sm">entrar</a><a href="/criar" class="inline-flex items-center gap-1.5 rounded-full bg-primary px-4 py-2 text-xs font-semibold text-primary-foreground shadow-[0_4px_14px_rgba(198,161,110,0.35)] transition-all hover:scale-[1.03] hover:bg-accent hover:shadow-[0_0_20px_rgba(198,161,110,0.55)] sm:px-5 sm:text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-3.5 w-3.5 fill-current" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg>criar o meu</a></div></nav></div><section id="top" class="relative flex min-h-screen flex-col items-center justify-center px-4 pt-[7rem] pb-12 text-center sm:px-6 sm:pt-[8rem] lg:pt-44"><div class="pointer-events-none absolute inset-0 overflow-hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart absolute left-[7%] top-[18%] h-5 w-5 text-primary/25 animate-float sm:h-6 sm:w-6" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart absolute right-[8%] top-[25%] h-6 w-6 text-primary/15 animate-float sm:h-8 sm:w-8" aria-hidden="true" style="animation-delay:1.5s"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles absolute left-[12%] bottom-[22%] h-4 w-4 text-gold/35 animate-float sm:h-5 sm:w-5" aria-hidden="true" style="animation-delay:0.8s"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart absolute right-[14%] bottom-[18%] h-4 w-4 fill-primary/10 text-primary/25 animate-float sm:h-5 sm:w-5" aria-hidden="true" style="animation-delay:2.2s"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg></div><div class="relative z-10 mx-auto w-full max-w-6xl grid gap-10 lg:gap-16 lg:grid-cols-[1fr_450px] lg:items-center text-left"><div class="max-w-xl mx-auto lg:mx-0 text-center lg:text-left"><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 0ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 0ms;will-change:opacity, transform"><span class="inline-flex items-center gap-2 rounded-full border border-[#D6B8B8]/30 bg-primary/10 px-3 py-1.5 text-[11px] font-medium tracking-wide text-rose backdrop-blur sm:px-4 sm:text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3.5 w-3.5 text-gold animate-spin" aria-hidden="true" style="animation-duration:3s"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>✨ crie e veja a prévia do seu presente, de graça</span></div><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 120ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 120ms;will-change:opacity, transform"><h1 class="mt-5 font-serif leading-[1.1] text-[clamp(2rem,8vw,3.25rem)] text-foreground">fotos, música e palavras<br/><em class="text-rose not-italic">num cartão que toca o coração.</em></h1></div><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 240ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 240ms;will-change:opacity, transform"><p class="mt-5 text-sm leading-relaxed text-foreground/75 sm:text-base max-w-sm mx-auto lg:mx-0">Crie um mini-site secreto com a trilha sonora, as fotos e a carta que você nunca conseguiu escrever. Entrega por QR Code, pronto em 3 minutos e guardado para sempre.</p></div><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 340ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 340ms;will-change:opacity, transform"><div class="mt-4 flex flex-col items-center gap-1.5 text-xs text-foreground/55 sm:flex-row sm:flex-wrap sm:justify-center lg:justify-start"><span class="flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3.5 w-3.5 text-gold" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> Grátis para criar e visualizar</span><span class="flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3.5 w-3.5 text-gold" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> Pronto em menos de 5 minutos</span><span class="flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3.5 w-3.5 text-gold" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> Sem cadastro necessário</span></div></div><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 420ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 420ms;will-change:opacity, transform"><div class="mt-7 flex flex-col items-stretch gap-3 sm:flex-row sm:items-center sm:justify-center lg:justify-start"><a href="/criar" class="group inline-flex min-h-[52px] items-center justify-center gap-2 rounded-full bg-primary px-8 py-3.5 text-sm font-semibold text-primary-foreground transition-all hover:scale-[1.02] hover:bg-accent hover:shadow-[0_0_25px_rgba(198,161,110,0.55)] animate-breathe-cta"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-4 w-4 fill-current transition-transform group-hover:scale-110" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg>Começar meu presente, de graça</a><a href="#demonstracao" class="inline-flex min-h-[48px] items-center justify-center gap-2 rounded-full border border-primary/15 bg-primary/5 px-6 py-3 text-sm font-medium text-foreground backdrop-blur transition-all hover:bg-primary/8">▶ Ver a demonstração</a></div></div><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 500ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 500ms;will-change:opacity, transform"><div class="mt-6 flex items-center justify-center gap-3 lg:justify-start"><div class="flex -space-x-2"><img src="/assets/reaction-1-D15BlOIJ.jpg" alt="" class="h-8 w-8 rounded-full border-2 border-background object-cover" style="object-position:center 25%"/><img src="/assets/reaction-2-OYoN8o2w.jpg" alt="" class="h-8 w-8 rounded-full border-2 border-background object-cover" style="object-position:center 25%"/><img src="/assets/reaction-3-CTQxHI8v.jpg" alt="" class="h-8 w-8 rounded-full border-2 border-background object-cover" style="object-position:center 25%"/><div class="flex h-8 w-8 items-center justify-center rounded-full border-2 border-background bg-primary text-[9px] font-bold text-primary-foreground">+2k</div></div><p class="text-xs text-foreground/60 text-left"><strong class="text-foreground">2.431 casais</strong> já criaram o presente. <span class="text-primary font-medium">3 nas últimas 2h.</span></p></div></div></div><div class="hidden lg:flex justify-end"><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 200ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 200ms;will-change:opacity, transform"><div class="relative select-none" style="perspective:1200px"><div class="absolute pointer-events-none transition-all duration-700" style="inset:-60px;border-radius:50%;background:radial-gradient(ellipse at 50% 60%, rgba(198,161,110,0.22) 0%, rgba(94,43,53,0.12) 55%, transparent 80%);filter:blur(40px);opacity:0.75"></div><div class="absolute pointer-events-none" style="bottom:-40px;left:10%;right:10%;height:120px;background:radial-gradient(ellipse, rgba(214,184,184,0.35) 0%, transparent 70%);filter:blur(28px);opacity:0.5;transition:opacity 0.6s"></div><div class="relative transition-transform duration-150 ease-out cursor-pointer" style="transform:rotateX(6deg) rotateY(-12deg);transform-style:preserve-3d"><div class="absolute pointer-events-none" style="left:-5px;top:22%;width:5px;height:28px;border-radius:3px 0 0 3px;background:linear-gradient(180deg, #3a3a3c 0%, #1c1c1e 100%);box-shadow:-2px 0 6px rgba(0,0,0,0.4);transform:translateZ(-2px)"></div><div class="absolute pointer-events-none" style="left:-5px;top:32%;width:5px;height:28px;border-radius:3px 0 0 3px;background:linear-gradient(180deg, #3a3a3c 0%, #1c1c1e 100%);box-shadow:-2px 0 6px rgba(0,0,0,0.4);transform:translateZ(-2px)"></div><div class="absolute pointer-events-none" style="left:-5px;top:14%;width:5px;height:18px;border-radius:3px 0 0 3px;background:linear-gradient(180deg, #3a3a3c 0%, #1c1c1e 100%);box-shadow:-2px 0 6px rgba(0,0,0,0.4);transform:translateZ(-2px)"></div><div class="absolute pointer-events-none" style="right:-5px;top:22%;width:5px;height:38px;border-radius:0 3px 3px 0;background:linear-gradient(180deg, #3a3a3c 0%, #1c1c1e 100%);box-shadow:2px 0 6px rgba(0,0,0,0.4);transform:translateZ(-2px)"></div><div class="relative overflow-hidden" style="width:clamp(260px, 28vw, 300px);aspect-ratio:9/19.5;border-radius:44px;background:linear-gradient(145deg, #4a4a4c 0%, #2a2a2c 20%, #1a1a1c 50%, #2c2c2e 80%, #3a3a3c 100%);padding:3px;box-shadow:0 32px 80px rgba(0,0,0,0.65),0 8px 32px rgba(0,0,0,0.45),0 -1px 0 rgba(255,255,255,0.25) inset,0 4px 0 rgba(0,0,0,0.5) inset,0 0 0 1px rgba(255,255,255,0.08)"><div class="relative w-full h-full overflow-hidden" style="border-radius:41px;background:#0a0608;box-shadow:0 0 0 1px rgba(0,0,0,0.6) inset"><div class="absolute z-40 flex items-center justify-center gap-1.5" style="top:10px;left:50%;transform:translateX(-50%);width:90px;height:26px;border-radius:14px;background:#000;box-shadow:0 0 0 1.5px rgba(255,255,255,0.06), 0 2px 8px rgba(0,0,0,0.7)"><div style="width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%, #2a2a2a, #111);box-shadow:0 0 0 1.5px rgba(255,255,255,0.05), inset 0 1px 2px rgba(0,0,0,0.8);position:relative"><div style="position:absolute;top:2px;left:2px;width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,0.18)"></div></div><div style="width:28px;height:4px;border-radius:4px;background:#1a1a1a"></div></div><div class="absolute inset-0" style="border-radius:41px;overflow:hidden"><div class="absolute inset-0 flex flex-col select-none overflow-hidden" style="background:var(--background);font-family:&#x27;Cormorant Garamond&#x27;, serif"><div class="shrink-0 flex items-center justify-between px-5 pt-9 pb-1" style="font-size:9px;font-family:sans-serif;font-weight:600;color:var(--foreground);opacity:0.85"><span>12:47</span><div class="flex items-center gap-1"><svg width="12" height="8" viewBox="0 0 12 8" fill="currentColor" style="opacity:0.7"><rect x="0" y="5" width="2" height="3" rx="0.5"></rect><rect x="3" y="3" width="2" height="5" rx="0.5"></rect><rect x="6" y="1" width="2" height="7" rx="0.5"></rect><rect x="9" y="0" width="2" height="8" rx="0.5" opacity="0.3"></rect></svg><svg width="10" height="8" viewBox="0 0 10 8" fill="currentColor" style="opacity:0.7"><path d="M5 6.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"></path><path d="M2.2 4.3C3 3.5 3.9 3 5 3s2 .5 2.8 1.3l1-1.1A5.3 5.3 0 0 0 5 1.5 5.3 5.3 0 0 0 1.2 3.2l1 1.1z" opacity="0.7"></path><path d="M0 2C1.4.8 3.1 0 5 0s3.6.8 5 2l-1 1.1C7.8 1.8 6.5 1 5 1S2.2 1.8 1 3.1L0 2z" opacity="0.4"></path></svg><svg width="16" height="8" viewBox="0 0 16 8" fill="none" style="opacity:0.8"><rect x="0.5" y="0.5" width="13" height="7" rx="1.5" stroke="currentColor" stroke-opacity="0.7"></rect><rect x="2" y="2" width="8" height="4" rx="0.5" fill="currentColor"></rect><path d="M14.5 3v2a1 1 0 0 0 0-2z" fill="currentColor" fill-opacity="0.4"></path></svg></div></div><div class="shrink-0 text-center px-3 pt-1.5 pb-1"><div style="font-size:5px;letter-spacing:0.3em;text-transform:uppercase;color:var(--primary);opacity:0.7;font-family:sans-serif">para sempre</div><div style="font-size:13px;font-style:italic;color:var(--foreground);font-family:&#x27;Cormorant Garamond&#x27;, serif;line-height:1.1;margin-top:1px">Helena &amp; Lucas</div><div style="font-size:6px;color:var(--primary);opacity:0.75;font-style:italic;font-family:&#x27;Cormorant Garamond&#x27;, serif;margin-top:1px">desde 12 de junho de 2022</div></div><div class="shrink-0 relative" style="height:38%;overflow:hidden"><div class="absolute inset-0 pointer-events-none" style="background:radial-gradient(120% 80% at 50% 40%, color-mix(in oklab,var(--primary) 8%,transparent) 0%, transparent 70%)"></div><div class="absolute left-1/2 top-1/2" style="width:100px;aspect-ratio:4/5;transform:translate(-50%,-50%) translateX(-38%) translateY(10%) rotate(-8deg);z-index:1;transition:all 0.75s cubic-bezier(0.22,1,0.36,1);background:#fff;padding:5px 5px 18px 5px;border-radius:2px;box-shadow:0 8px 20px -8px rgba(45,27,22,0.3);opacity:0.72"><div class="relative w-full overflow-hidden" style="height:calc(100% - 18px);background:#f0e8e8"><img src="/assets/demo-photo-1-CoLIdGAg.jpg" alt="" class="absolute inset-0 w-full h-full object-cover" style="filter:contrast(1.02) saturate(0.88) brightness(0.92);transition:filter 0.5s"/><div class="absolute inset-0 pointer-events-none" style="opacity:0.04;background-image:url(&quot;data:image/svg+xml,%3Csvg viewBox=&#x27;0 0 200 200&#x27; xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cfilter id=&#x27;n&#x27;%3E%3CfeTurbulence type=&#x27;fractalNoise&#x27; baseFrequency=&#x27;0.85&#x27; numOctaves=&#x27;3&#x27; stitchTiles=&#x27;stitch&#x27;/%3E%3C/filter%3E%3Crect width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; filter=&#x27;url(%23n)&#x27;/%3E%3C/svg%3E&quot;);mix-blend-mode:overlay"></div><div class="absolute inset-0 pointer-events-none" style="box-shadow:inset 0 0 12px rgba(0,0,0,0.18);mix-blend-mode:multiply"></div></div></div><div class="absolute left-1/2 top-1/2" style="width:100px;aspect-ratio:4/5;transform:translate(-50%,-50%) translateX(38%)  translateY(8%)  rotate(8deg);z-index:2;transition:all 0.75s cubic-bezier(0.22,1,0.36,1);background:#fff;padding:5px 5px 18px 5px;border-radius:2px;box-shadow:0 8px 20px -8px rgba(45,27,22,0.3);opacity:0.72"><div class="relative w-full overflow-hidden" style="height:calc(100% - 18px);background:#f0e8e8"><img src="/assets/demo-photo-2-Dp_sdT7k.jpg" alt="" class="absolute inset-0 w-full h-full object-cover" style="filter:contrast(1.02) saturate(0.88) brightness(0.92);transition:filter 0.5s"/><div class="absolute inset-0 pointer-events-none" style="opacity:0.04;background-image:url(&quot;data:image/svg+xml,%3Csvg viewBox=&#x27;0 0 200 200&#x27; xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cfilter id=&#x27;n&#x27;%3E%3CfeTurbulence type=&#x27;fractalNoise&#x27; baseFrequency=&#x27;0.85&#x27; numOctaves=&#x27;3&#x27; stitchTiles=&#x27;stitch&#x27;/%3E%3C/filter%3E%3Crect width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; filter=&#x27;url(%23n)&#x27;/%3E%3C/svg%3E&quot;);mix-blend-mode:overlay"></div><div class="absolute inset-0 pointer-events-none" style="box-shadow:inset 0 0 12px rgba(0,0,0,0.18);mix-blend-mode:multiply"></div></div></div><div class="absolute left-1/2 top-1/2" style="width:100px;aspect-ratio:4/5;transform:translate(-50%,-50%) rotate(-1deg);z-index:3;transition:all 0.75s cubic-bezier(0.22,1,0.36,1);background:#fff;padding:5px 5px 18px 5px;border-radius:2px;box-shadow:0 18px 40px -10px rgba(45,27,22,0.45), 0 6px 14px -6px rgba(45,27,22,0.25);opacity:1"><div class="relative w-full overflow-hidden" style="height:calc(100% - 18px);background:#f0e8e8"><img src="/assets/demo-photo-3-DsWpC_X2.jpg" alt="" class="absolute inset-0 w-full h-full object-cover" style="filter:contrast(1.06) saturate(1.05) brightness(1.0);transition:filter 0.5s"/><div class="absolute inset-0 pointer-events-none" style="opacity:0.04;background-image:url(&quot;data:image/svg+xml,%3Csvg viewBox=&#x27;0 0 200 200&#x27; xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cfilter id=&#x27;n&#x27;%3E%3CfeTurbulence type=&#x27;fractalNoise&#x27; baseFrequency=&#x27;0.85&#x27; numOctaves=&#x27;3&#x27; stitchTiles=&#x27;stitch&#x27;/%3E%3C/filter%3E%3Crect width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; filter=&#x27;url(%23n)&#x27;/%3E%3C/svg%3E&quot;);mix-blend-mode:overlay"></div><div class="absolute inset-0 pointer-events-none" style="box-shadow:inset 0 0 12px rgba(0,0,0,0.18);mix-blend-mode:multiply"></div></div><div style="position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:6px;font-style:italic;color:#5b3a2a;font-family:&#x27;Cormorant Garamond&#x27;, serif;padding-inline:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">&quot;<!-- -->o dia que você disse sim…<!-- -->&quot;</div></div><div class="absolute bottom-1 left-1/2 -translate-x-1/2 flex gap-1 items-center"><div style="width:12px;height:3px;border-radius:2px;background:var(--primary);transition:all 0.4s"></div><div style="width:4px;height:3px;border-radius:2px;background:color-mix(in oklab,var(--primary) 30%,transparent);transition:all 0.4s"></div><div style="width:4px;height:3px;border-radius:2px;background:color-mix(in oklab,var(--primary) 30%,transparent);transition:all 0.4s"></div></div></div><div class="flex-1 overflow-y-auto no-scrollbar" style="background:var(--background)"><div class="mx-3 mt-3 rounded-xl overflow-hidden" style="background:color-mix(in oklab, var(--primary) 8%, var(--background));border:1px solid color-mix(in oklab, var(--primary) 15%, transparent)"><div style="font-size:6px;letter-spacing:0.2em;text-transform:uppercase;color:var(--foreground);opacity:0.45;text-align:center;padding-top:6px;font-family:sans-serif">estamos há</div><div class="flex justify-around px-2 pb-2 pt-1"><div class="flex flex-col items-center"><span style="font-size:11px;font-weight:700;color:var(--primary);font-family:sans-serif;line-height:1">02</span><span style="font-size:5px;color:var(--foreground);opacity:0.45;font-family:sans-serif;letter-spacing:0.1em;text-transform:uppercase">anos</span></div><div class="flex flex-col items-center"><span style="font-size:11px;font-weight:700;color:var(--primary);font-family:sans-serif;line-height:1">142</span><span style="font-size:5px;color:var(--foreground);opacity:0.45;font-family:sans-serif;letter-spacing:0.1em;text-transform:uppercase">dias</span></div><div class="flex flex-col items-center"><span style="font-size:11px;font-weight:700;color:var(--primary);font-family:sans-serif;line-height:1">12</span><span style="font-size:5px;color:var(--foreground);opacity:0.45;font-family:sans-serif;letter-spacing:0.1em;text-transform:uppercase">horas</span></div><div class="flex flex-col items-center"><span style="font-size:11px;font-weight:700;color:var(--primary);font-family:sans-serif;line-height:1">32</span><span style="font-size:5px;color:var(--foreground);opacity:0.45;font-family:sans-serif;letter-spacing:0.1em;text-transform:uppercase">min</span></div><div class="flex flex-col items-center"><span style="font-size:11px;font-weight:700;color:var(--primary);font-family:sans-serif;line-height:1">00</span><span style="font-size:5px;color:var(--foreground);opacity:0.45;font-family:sans-serif;letter-spacing:0.1em;text-transform:uppercase">seg</span></div></div></div><div class="mx-3 mt-2.5 rounded-xl flex items-center gap-2 px-2.5 py-2" style="background:color-mix(in oklab, var(--primary) 12%, var(--background));border:1px solid color-mix(in oklab, var(--primary) 20%, transparent)"><div class="shrink-0 rounded-lg overflow-hidden flex items-center justify-center" style="width:28px;height:28px;background:linear-gradient(135deg, var(--primary) 0%, color-mix(in oklab, var(--primary) 60%, #5e2b35) 100%)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-music h-3.5 w-3.5" aria-hidden="true" style="color:rgba(255,255,255,0.9)"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg></div><div class="flex-1 min-w-0"><div style="font-size:8px;font-weight:600;color:var(--foreground);font-family:sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">Perfect</div><div style="font-size:6.5px;color:var(--primary);font-family:sans-serif;margin-top:1px">Ed Sheeran · a nossa música</div><div class="flex gap-[1.5px] mt-1 items-end" style="height:8px"><div class="rounded-full animate-pulse" style="width:1.5px;height:40%;background:var(--primary);animation-delay:0s;animation-duration:0.8s;opacity:0.75"></div><div class="rounded-full animate-pulse" style="width:1.5px;height:70%;background:var(--primary);animation-delay:0.09s;animation-duration:0.8s;opacity:0.83"></div><div class="rounded-full animate-pulse" style="width:1.5px;height:55%;background:var(--primary);animation-delay:0.18s;animation-duration:0.8s;opacity:0.91"></div><div class="rounded-full animate-pulse" style="width:1.5px;height:90%;background:var(--primary);animation-delay:0.27s;animation-duration:0.8s;opacity:0.75"></div><div class="rounded-full animate-pulse" style="width:1.5px;height:35%;background:var(--primary);animation-delay:0.36s;animation-duration:0.8s;opacity:0.83"></div><div class="rounded-full animate-pulse" style="width:1.5px;height:80%;background:var(--primary);animation-delay:0.44999999999999996s;animation-duration:0.8s;opacity:0.91"></div><div class="rounded-full animate-pulse" style="width:1.5px;height:60%;background:var(--primary);animation-delay:0.54s;animation-duration:0.8s;opacity:0.75"></div><div class="rounded-full animate-pulse" style="width:1.5px;height:45%;background:var(--primary);animation-delay:0.63s;animation-duration:0.8s;opacity:0.83"></div><div class="rounded-full animate-pulse" style="width:1.5px;height:75%;background:var(--primary);animation-delay:0.72s;animation-duration:0.8s;opacity:0.91"></div><div class="rounded-full animate-pulse" style="width:1.5px;height:50%;background:var(--primary);animation-delay:0.8099999999999999s;animation-duration:0.8s;opacity:0.75"></div><div class="rounded-full animate-pulse" style="width:1.5px;height:85%;background:var(--primary);animation-delay:0.8999999999999999s;animation-duration:0.8s;opacity:0.83"></div><div class="rounded-full animate-pulse" style="width:1.5px;height:40%;background:var(--primary);animation-delay:0.99s;animation-duration:0.8s;opacity:0.91"></div><div class="rounded-full animate-pulse" style="width:1.5px;height:65%;background:var(--primary);animation-delay:1.08s;animation-duration:0.8s;opacity:0.75"></div></div></div><div class="shrink-0 flex items-center justify-center rounded-full" style="width:18px;height:18px;background:var(--primary)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-2.5 w-2.5 fill-white text-white" aria-hidden="true" style="margin-left:1px"><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"></path></svg></div></div><div class="mx-3 mt-2.5 mb-3 rounded-xl px-3 py-3 relative overflow-hidden" style="background:color-mix(in oklab, var(--card) 95%, var(--primary));border:1px solid color-mix(in oklab, var(--primary) 12%, transparent)"><div class="absolute inset-0 pointer-events-none" style="background:linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0%, transparent 60%)"></div><div style="font-size:6px;letter-spacing:0.2em;text-transform:uppercase;color:var(--primary);font-family:sans-serif;opacity:0.8;margin-bottom:5px">— carta —</div><p style="font-size:8.5px;line-height:1.65;color:var(--foreground);opacity:0.88;font-style:italic">&quot;Helena, desde que você chegou, cada pequena coisa ganhou mais cor. obrigado por ser a minha pessoa favorita.&quot;</p><div class="flex items-center justify-end mt-2.5 gap-1.5"><div style="height:0.5px;width:20px;background:color-mix(in oklab, var(--primary) 40%, transparent)"></div><span style="font-size:7px;font-style:italic;color:var(--primary);opacity:0.9">Lucas</span></div></div><div class="px-4 text-center"><p style="font-size:8px;font-style:italic;color:var(--foreground);opacity:0.85;font-family:&#x27;Cormorant Garamond&#x27;, serif;line-height:1.5">&quot;algumas pessoas passam pela nossa vida. outras viram parte dela.&quot;</p></div><div class="flex flex-col items-center pt-3 pb-4 gap-1"><div class="relative flex items-center justify-center select-none wax-seal-drop w-7 h-7"><div class="w-14 h-14 rounded-[42%_56%_48%_52%/_52%_45%_56%_48%] bg-[#6B3A44] shadow-[inset_0_2px_4px_rgba(255,255,255,0.22),inset_0_-2px_4px_rgba(0,0,0,0.35)] relative flex items-center justify-center"><div class="w-10 h-10 rounded-full border border-[#8a4e59] bg-[#6B3A44] shadow-[inset_0_2px_4px_rgba(0,0,0,0.35),0_1px_2px_rgba(255,255,255,0.18)] flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-4.5 h-4.5 text-[#C6A16E] fill-[#C6A16E] opacity-90 drop-shadow-[0_1px_1px_rgba(0,0,0,0.3)] animate-pulse" aria-hidden="true" style="animation-duration:3s"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg></div></div></div><span style="font-size:5.5px;letter-spacing:0.15em;text-transform:uppercase;color:var(--foreground);opacity:0.4;font-family:sans-serif">feito por Lucas para Helena</span></div></div></div></div><div class="absolute inset-0 pointer-events-none z-20 transition-opacity duration-400" style="border-radius:41px;background:radial-gradient(ellipse at 35% 25%, rgba(255,255,255,0.13) 0%, transparent 52%);mix-blend-mode:overlay"></div><div class="absolute inset-0 pointer-events-none z-20" style="border-radius:41px;background:linear-gradient(135deg, rgba(255,255,255,0.09) 0%, transparent 45%, rgba(0,0,0,0.04) 100%)"></div><div class="absolute inset-0 pointer-events-none z-20" style="border-radius:41px;box-shadow:inset 0 0 40px rgba(0,0,0,0.55)"></div></div><div class="absolute inset-0 pointer-events-none" style="border-radius:44px;background:linear-gradient(135deg, rgba(255,255,255,0.35) 0%, transparent 30%, transparent 70%, rgba(255,255,255,0.1) 100%);mix-blend-mode:overlay"></div></div><div class="absolute pointer-events-none z-30" style="bottom:14px;left:50%;transform:translateX(-50%);width:80px;height:4px;border-radius:4px;background:rgba(255,255,255,0.22)"></div><div class="absolute pointer-events-none" style="top:14px;right:18px;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg, #3a3a3c 0%, #1c1c1e 100%);box-shadow:0 3px 12px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.15);z-index:-1;transform:translateZ(-6px)"></div></div></div></div></div></div></section><section class="relative z-10 px-4 py-16 sm:px-6 sm:py-20 md:py-28"><div class="mx-auto max-w-2xl"><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 120ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 120ms;will-change:opacity, transform"><figure class="space-y-5 text-center"><span class="text-xs font-semibold uppercase tracking-[0.28em] text-gold">o que ninguém te conta sobre presentear</span><blockquote class="font-serif text-2xl italic leading-[1.45] text-foreground sm:text-3xl md:text-[2rem] md:leading-[1.4]"><p>existe um momento que vale mais do que o presente.</p><p class="mt-3">mais do que a entrega.</p><p class="mt-3">mais do que a surpresa.</p><p class="mt-5 text-primary">é o instante exato em que a pessoa percebe que aquilo foi feito pensando nela.</p><p class="mt-5 text-base not-italic font-sans text-muted-foreground sm:text-lg">se você entender isso, vai entender o que existe por trás deste link.</p></blockquote><div class="pt-2 flex justify-center"><a href="/criar" class="inline-flex items-center gap-2 rounded-full bg-primary px-6 py-3 text-sm font-semibold text-primary-foreground shadow-[0_8px_24px_-8px_rgba(107,58,68,0.6)] transition-all hover:scale-[1.02] hover:bg-accent"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-4 w-4 fill-current" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg>criar o meu</a></div></figure></div></div></section><section id="como-funciona" class="px-6 py-24 bg-background/60 relative z-10 border-y border-primary/8"><div class="mx-auto max-w-5xl text-center"><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 0ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 0ms;will-change:opacity, transform"><span class="text-xs font-semibold uppercase tracking-[0.25em] text-gold">como funciona a surpresa</span></div><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 120ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 120ms;will-change:opacity, transform"><h2 class="mt-4 font-serif leading-tight text-3xl sm:text-4xl md:text-5xl text-foreground">em menos de 5 minutos, <em class="text-gold not-italic">você cria uma memória para sempre.</em></h2></div><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 200ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 200ms;will-change:opacity, transform"><p class="mt-4 text-sm text-foreground/60 max-w-lg mx-auto">sem habilidade técnica. sem complicação. só você, suas memórias e o que você quer dizer.</p></div><div class="mt-16 grid gap-8 md:grid-cols-3"><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 200ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 200ms;will-change:opacity, transform"><article class="group h-full rounded-3xl border border-primary/8 bg-primary/[0.03] p-8 text-left shadow-card hover:bg-primary/[0.06] hover:border-[var(--primary)]/30 transition-all duration-300"><div class="font-serif text-4xl text-gold/30 group-hover:text-gold/70 transition-colors font-medium">01</div><h3 class="mt-4 font-serif text-xl text-foreground font-medium">personalize com afeto</h3><p class="mt-3 text-sm leading-relaxed text-foreground/65">escreva sua carta, adicione as fotos que marcaram e escolha a música que define vocês dois. tudo guiado, passo a passo.</p></article></div><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 350ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 350ms;will-change:opacity, transform"><article class="group h-full rounded-3xl border border-primary/8 bg-primary/[0.03] p-8 text-left shadow-card hover:bg-primary/[0.06] hover:border-[var(--primary)]/30 transition-all duration-300"><div class="font-serif text-4xl text-gold/30 group-hover:text-gold/70 transition-colors font-medium">02</div><h3 class="mt-4 font-serif text-xl text-foreground font-medium">gere o QR Code na hora</h3><p class="mt-3 text-sm leading-relaxed text-foreground/65">você recebe um cartão em PDF de alta qualidade, pronto pra imprimir em casa ou numa gráfica. cabe no bolso, no envelope ou na caixinha.</p></article></div><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 500ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 500ms;will-change:opacity, transform"><article class="group h-full rounded-3xl border border-primary/8 bg-primary/[0.03] p-8 text-left shadow-card hover:bg-primary/[0.06] hover:border-[var(--primary)]/30 transition-all duration-300"><div class="font-serif text-4xl text-gold/30 group-hover:text-gold/70 transition-colors font-medium">03</div><h3 class="mt-4 font-serif text-xl text-foreground font-medium">ela nunca vai esquecer</h3><p class="mt-3 text-sm leading-relaxed text-foreground/65">quando a pessoa apontar a câmera pro cartão, o mini-site abre com a trilha sonora, as fotos em polaroide e as suas palavras. ela vai guardar para sempre.</p></article></div></div><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 500ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 500ms;will-change:opacity, transform"><div class="mt-12"><a href="/criar" class="inline-flex min-h-[50px] items-center justify-center gap-2 rounded-full bg-primary/10 border border-primary/30 px-8 py-3 text-sm font-semibold text-primary transition-all hover:bg-primary hover:text-primary-foreground hover:scale-[1.02]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-4 w-4" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg>quero criar o meu agora</a></div></div></div></section><section class="px-6 py-24 relative z-10"><div class="mx-auto max-w-6xl"><div class="text-center max-w-xl mx-auto"><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 0ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 0ms;will-change:opacity, transform"><span class="text-xs font-semibold uppercase tracking-[0.25em] text-gold">quem já surpreendeu</span></div><h2 class="mt-4 font-serif text-3xl sm:text-4xl text-foreground">o presente que saiu do clichê <em class="text-rose not-italic">e fez chorar de verdade.</em></h2><p class="mt-3 text-sm text-foreground/60">histórias reais de quem usou o LoveCode para surpreender.</p></div><div class="mt-16 grid gap-6 sm:grid-cols-2 md:grid-cols-3"><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 150ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 150ms;will-change:opacity, transform"><div class="relative aspect-[9/16] rounded-3xl overflow-hidden shadow-deep group"><img src="/assets/reaction-1-D15BlOIJ.jpg" alt="reação de Lucas &amp; Helena" loading="lazy" class="absolute inset-0 w-full h-full object-cover transition-all duration-700 group-hover:scale-105" style="object-position:center 30%;filter:brightness(0.72) contrast(1.02) saturate(1.02) sepia(0.10)"/><div class="absolute inset-0 bg-gradient-to-t from-[#1a0a0d]/95 via-[#2A1418]/75 to-transparent"></div><div class="absolute top-4 right-4 h-9 w-9 rounded-full bg-rose/30 backdrop-blur-sm border border-gold/40 flex items-center justify-center shadow-md"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-4 w-4 fill-rose text-rose" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg></div><div class="absolute inset-x-0 bottom-0 p-6 flex flex-col justify-end"><p class="font-serif text-lg leading-snug italic text-[#FBEFE4]" style="text-shadow:0 2px 12px rgba(0,0,0,0.85), 0 1px 2px rgba(0,0,0,0.9)">&quot;<!-- -->ela abriu o envelope no caminho do trabalho. apontou o celular pro QR Code e a nossa música começou. me ligou chorando, no ônibus.<!-- -->&quot;</p><div class="mt-4 border-t border-gold/40 pt-3"><div class="text-xs font-semibold tracking-wide uppercase text-[#FBEFE4]" style="text-shadow:0 1px 6px rgba(0,0,0,0.9)">Lucas &amp; Helena</div><div class="text-[11px] mt-0.5 text-gold" style="text-shadow:0 1px 6px rgba(0,0,0,0.9)">São Paulo, SP</div></div></div></div></div><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 270ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 270ms;will-change:opacity, transform"><div class="relative aspect-[9/16] rounded-3xl overflow-hidden shadow-deep group"><img src="/assets/reaction-2-OYoN8o2w.jpg" alt="reação de Marina &amp; Júlia" loading="lazy" class="absolute inset-0 w-full h-full object-cover transition-all duration-700 group-hover:scale-105" style="object-position:center 25%;filter:brightness(0.72) contrast(1.02) saturate(1.02) sepia(0.10)"/><div class="absolute inset-0 bg-gradient-to-t from-[#1a0a0d]/95 via-[#2A1418]/75 to-transparent"></div><div class="absolute top-4 right-4 h-9 w-9 rounded-full bg-rose/30 backdrop-blur-sm border border-gold/40 flex items-center justify-center shadow-md"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-4 w-4 fill-rose text-rose" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg></div><div class="absolute inset-x-0 bottom-0 p-6 flex flex-col justify-end"><p class="font-serif text-lg leading-snug italic text-[#FBEFE4]" style="text-shadow:0 2px 12px rgba(0,0,0,0.85), 0 1px 2px rgba(0,0,0,0.9)">&quot;<!-- -->ele leu a carta duas vezes. depois ficamos quietinhos, encostados um no outro. foi o presente mais bonito que recebi na vida.<!-- -->&quot;</p><div class="mt-4 border-t border-gold/40 pt-3"><div class="text-xs font-semibold tracking-wide uppercase text-[#FBEFE4]" style="text-shadow:0 1px 6px rgba(0,0,0,0.9)">Marina &amp; Júlia</div><div class="text-[11px] mt-0.5 text-gold" style="text-shadow:0 1px 6px rgba(0,0,0,0.9)">Porto Alegre, RS</div></div></div></div></div><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 390ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 390ms;will-change:opacity, transform"><div class="relative aspect-[9/16] rounded-3xl overflow-hidden shadow-deep group"><img src="/assets/reaction-3-CTQxHI8v.jpg" alt="reação de Thiago &amp; Aline" loading="lazy" class="absolute inset-0 w-full h-full object-cover transition-all duration-700 group-hover:scale-105" style="object-position:center 30%;filter:brightness(0.72) contrast(1.02) saturate(1.02) sepia(0.10)"/><div class="absolute inset-0 bg-gradient-to-t from-[#1a0a0d]/95 via-[#2A1418]/75 to-transparent"></div><div class="absolute top-4 right-4 h-9 w-9 rounded-full bg-rose/30 backdrop-blur-sm border border-gold/40 flex items-center justify-center shadow-md"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-4 w-4 fill-rose text-rose" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg></div><div class="absolute inset-x-0 bottom-0 p-6 flex flex-col justify-end"><p class="font-serif text-lg leading-snug italic text-[#FBEFE4]" style="text-shadow:0 2px 12px rgba(0,0,0,0.85), 0 1px 2px rgba(0,0,0,0.9)">&quot;<!-- -->quando ela apontou a câmera e o site abriu com as fotos de nós dois, o sorriso dela disse tudo. valeu cada centavo.<!-- -->&quot;</p><div class="mt-4 border-t border-gold/40 pt-3"><div class="text-xs font-semibold tracking-wide uppercase text-[#FBEFE4]" style="text-shadow:0 1px 6px rgba(0,0,0,0.9)">Thiago &amp; Aline</div><div class="text-[11px] mt-0.5 text-gold" style="text-shadow:0 1px 6px rgba(0,0,0,0.9)">Recife, PE</div></div></div></div></div></div></div></section><section id="demonstracao" class="px-6 py-24 bg-background/60 border-y border-primary/8 relative z-10"><div class="mx-auto max-w-6xl"><div class="text-center max-w-2xl mx-auto"><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 0ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 0ms;will-change:opacity, transform"><span class="text-xs font-semibold uppercase tracking-[0.25em] text-gold">veja o resultado antes de criar</span></div><h2 class="mt-4 font-serif text-3xl sm:text-4xl text-foreground">é exatamente isso <em class="text-gold not-italic">que ela vai ver ao abrir o QR Code.</em></h2><p class="mt-3 text-sm text-foreground/65">a trilha sonora começa automaticamente. as fotos abrem em polaroide. a carta aparece manuscrita. tudo feito para emocioná-la.</p></div><div class="mt-16 mx-auto max-w-3xl rounded-3xl border border-primary/8 bg-primary/[0.02] overflow-hidden shadow-deep"><div class="border-b border-primary/8 bg-card px-4 py-7 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart mx-auto h-6 w-6 fill-primary text-primary animate-pulse" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg><div class="text-[10px] uppercase tracking-[0.3em] text-gold mt-3">para sempre</div><h3 class="font-serif text-3xl italic mt-1 text-foreground">Helena &amp; Lucas</h3><p class="text-xs text-gold font-serif italic mt-1">desde 12 de junho de 2022</p></div><div class="p-6 sm:p-10 space-y-10"><div class="text-center"><div class="text-[10px] uppercase tracking-[0.25em] text-gold mb-3">nosso tempo juntos</div><div class="grid grid-cols-4 gap-2 max-w-md mx-auto"><div class="bg-primary/5 rounded-xl p-3 border border-primary/8"><div class="text-xl sm:text-2xl font-serif text-primary font-bold">03</div><div class="text-[9px] text-foreground/50 uppercase mt-0.5 tracking-wide">anos</div></div><div class="bg-primary/5 rounded-xl p-3 border border-primary/8"><div class="text-xl sm:text-2xl font-serif text-primary font-bold">142</div><div class="text-[9px] text-foreground/50 uppercase mt-0.5 tracking-wide">dias</div></div><div class="bg-primary/5 rounded-xl p-3 border border-primary/8"><div class="text-xl sm:text-2xl font-serif text-primary font-bold">12</div><div class="text-[9px] text-foreground/50 uppercase mt-0.5 tracking-wide">horas</div></div><div class="bg-primary/5 rounded-xl p-3 border border-primary/8"><div class="text-xl sm:text-2xl font-serif text-primary font-bold">32</div><div class="text-[9px] text-foreground/50 uppercase mt-0.5 tracking-wide">minutos</div></div></div></div><div class="bg-primary/5 border border-primary/8 rounded-2xl p-4 flex items-center gap-4 max-w-md mx-auto"><div class="w-14 h-14 bg-primary rounded-xl flex items-center justify-center shrink-0 shadow border border-primary/8 relative overflow-hidden"><span class="absolute inset-0 bg-primary opacity-40 animate-pulse"></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-music h-6 w-6 text-foreground relative z-10" aria-hidden="true"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg></div><div class="flex-1 min-w-0"><div class="text-sm font-semibold text-foreground truncate">perfect — ed sheeran</div><div class="text-xs text-gold truncate mt-0.5">a nossa música, tocando agora</div><div class="flex gap-0.5 mt-2.5 h-3 items-end"><span class="w-[2px] bg-primary rounded-full animate-pulse" style="height:30%;animation-delay:0s;animation-duration:0.8s"></span><span class="w-[2px] bg-primary rounded-full animate-pulse" style="height:70%;animation-delay:0.1s;animation-duration:0.8s"></span><span class="w-[2px] bg-primary rounded-full animate-pulse" style="height:50%;animation-delay:0.2s;animation-duration:0.8s"></span><span class="w-[2px] bg-primary rounded-full animate-pulse" style="height:90%;animation-delay:0.30000000000000004s;animation-duration:0.8s"></span><span class="w-[2px] bg-primary rounded-full animate-pulse" style="height:40%;animation-delay:0.4s;animation-duration:0.8s"></span><span class="w-[2px] bg-primary rounded-full animate-pulse" style="height:80%;animation-delay:0.5s;animation-duration:0.8s"></span><span class="w-[2px] bg-primary rounded-full animate-pulse" style="height:50%;animation-delay:0.6000000000000001s;animation-duration:0.8s"></span><span class="w-[2px] bg-primary rounded-full animate-pulse" style="height:70%;animation-delay:0.7000000000000001s;animation-duration:0.8s"></span><span class="w-[2px] bg-primary rounded-full animate-pulse" style="height:30%;animation-delay:0.8s;animation-duration:0.8s"></span><span class="w-[2px] bg-primary rounded-full animate-pulse" style="height:60%;animation-delay:0.9s;animation-duration:0.8s"></span><span class="w-[2px] bg-primary rounded-full animate-pulse" style="height:80%;animation-delay:1s;animation-duration:0.8s"></span><span class="w-[2px] bg-primary rounded-full animate-pulse" style="height:40%;animation-delay:1.1s;animation-duration:0.8s"></span></div></div></div><div><div class="text-center text-[10px] uppercase tracking-[0.25em] text-gold mb-5">nossas lembranças</div><div class="grid grid-cols-1 sm:grid-cols-3 gap-5 sm:gap-3 max-w-2xl mx-auto"><div class="bg-white rounded-xl p-2.5 pb-5 shadow-deep border border-black/5" style="transform:rotate(-2deg)"><div class="aspect-[3/4] overflow-hidden rounded-lg relative"><img src="/assets/demo-photo-3-DsWpC_X2.jpg" alt="" loading="lazy" class="w-full h-full object-cover" style="filter:contrast(1.06) saturate(0.95) sepia(0.08) brightness(0.98)"/><div aria-hidden="true" class="pointer-events-none absolute inset-0 mix-blend-soft-light opacity-40" style="background:radial-gradient(circle at center, transparent 40%, rgba(0,0,0,0.4) 100%)"></div></div><div class="mt-3 text-center font-serif text-foreground text-[11px] italic leading-snug px-1">&quot;<!-- -->o dia que você disse sim…<!-- -->&quot;</div></div><div class="bg-white rounded-xl p-2.5 pb-5 shadow-deep border border-black/5" style="transform:rotate(1.5deg)"><div class="aspect-[3/4] overflow-hidden rounded-lg relative"><img src="/assets/demo-photo-1-CoLIdGAg.jpg" alt="" loading="lazy" class="w-full h-full object-cover" style="filter:contrast(1.06) saturate(0.95) sepia(0.08) brightness(0.98)"/><div aria-hidden="true" class="pointer-events-none absolute inset-0 mix-blend-soft-light opacity-40" style="background:radial-gradient(circle at center, transparent 40%, rgba(0,0,0,0.4) 100%)"></div></div><div class="mt-3 text-center font-serif text-foreground text-[11px] italic leading-snug px-1">&quot;<!-- -->o riso que virou nossa casa…<!-- -->&quot;</div></div><div class="bg-white rounded-xl p-2.5 pb-5 shadow-deep border border-black/5" style="transform:rotate(-1deg)"><div class="aspect-[3/4] overflow-hidden rounded-lg relative"><img src="/assets/demo-photo-2-Dp_sdT7k.jpg" alt="" loading="lazy" class="w-full h-full object-cover" style="filter:contrast(1.06) saturate(0.95) sepia(0.08) brightness(0.98)"/><div aria-hidden="true" class="pointer-events-none absolute inset-0 mix-blend-soft-light opacity-40" style="background:radial-gradient(circle at center, transparent 40%, rgba(0,0,0,0.4) 100%)"></div></div><div class="mt-3 text-center font-serif text-foreground text-[11px] italic leading-snug px-1">&quot;<!-- -->quietinhos, só a gente…<!-- -->&quot;</div></div></div></div><div class="paper-card paper-deckle border border-[#5E2B35]/15 p-8 sm:p-10 max-w-xl mx-auto text-left font-serif italic text-foreground/95 leading-relaxed text-base relative overflow-hidden shadow-card hover:scale-[1.01] transition-transform duration-500"><div class="absolute inset-0 bg-gradient-to-r from-white/12 via-transparent to-black/5 pointer-events-none"></div><div class="relative z-10 text-center text-[10px] uppercase tracking-[0.3em] text-gold mb-4 not-italic">da minha mão para a sua</div><p class="relative z-10 text-center sm:text-left leading-loose">&quot;Helena, desde que você chegou, cada pequena coisa ganhou mais cor. os passeios sem rumo, as risadas divididas e o conforto de saber que posso ser eu mesmo ao seu lado. esse cantinho é só um pedacinho de tudo o que eu guardo no peito para você. obrigado por ser a minha pessoa favorita.&quot;</p><div class="relative z-10 mt-6 text-right font-serif italic text-sm text-foreground/70">com todo o meu amor, Lucas</div><div class="mt-8 flex justify-center relative z-10"><div class="relative flex items-center justify-center select-none wax-seal-drop w-12 h-12"><div class="w-14 h-14 rounded-[42%_56%_48%_52%/_52%_45%_56%_48%] bg-[#6B3A44] shadow-[inset_0_2px_4px_rgba(255,255,255,0.22),inset_0_-2px_4px_rgba(0,0,0,0.35)] relative flex items-center justify-center"><div class="w-10 h-10 rounded-full border border-[#8a4e59] bg-[#6B3A44] shadow-[inset_0_2px_4px_rgba(0,0,0,0.35),0_1px_2px_rgba(255,255,255,0.18)] flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-4.5 h-4.5 text-[#C6A16E] fill-[#C6A16E] opacity-90 drop-shadow-[0_1px_1px_rgba(0,0,0,0.3)] animate-pulse" aria-hidden="true" style="animation-duration:3s"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg></div></div></div></div></div><div class="text-center max-w-lg mx-auto"><div class="text-[10px] uppercase tracking-[0.3em] text-gold mb-3">e por fim</div><p class="font-serif italic text-lg sm:text-xl text-foreground/90 leading-relaxed">&quot;algumas pessoas passam pela nossa vida. <br class="hidden sm:block"/>outras viram parte dela.&quot;</p><div class="mt-6 text-[10px] uppercase tracking-[0.25em] text-foreground/40">feito com carinho por Lucas para Helena</div></div></div></div></div></section><section id="planos" class="px-6 py-24 relative z-10"><div class="mx-auto max-w-5xl"><div class="text-center max-w-xl mx-auto"><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 0ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 0ms;will-change:opacity, transform"><span class="text-xs font-semibold uppercase tracking-[0.25em] text-gold">um presente único por um valor simbólico</span></div><h2 class="mt-4 font-serif text-3xl sm:text-4xl text-foreground">tudo liberado. <em class="text-gold not-italic">crie de graça, pague só para ativar.</em></h2><p class="mt-3 text-sm text-foreground/60">você monta, visualiza e só decide se quer ativar. sem risco.</p><div class="mt-5 inline-flex flex-wrap items-center justify-center gap-2 rounded-full border border-rose/30 bg-rose/8 px-4 py-2 text-xs text-rose font-medium text-center"><span class="h-1.5 w-1.5 shrink-0 rounded-full bg-rose animate-pulse"></span>Oferta encerra no Dia dos Namorados. Depois o preço volta a R$ 49,00.</div></div><div class="mt-16 max-w-2xl mx-auto"><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 120ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 120ms;will-change:opacity, transform"><article class="relative flex flex-col md:flex-row items-center rounded-[2.5rem] border border-[#C6A16E]/30 bg-primary/15 p-8 shadow-glow hover:bg-primary/20 transition-all overflow-hidden"><span class="absolute top-0 right-0 bg-[#C6A16E] text-foreground text-[10px] font-bold uppercase tracking-[0.2em] px-4 py-2 rounded-bl-2xl">oferta dia dos namorados</span><div class="flex-1 md:pr-8 w-full text-left"><h3 class="font-serif text-3xl text-foreground">experiência completa</h3><p class="mt-2 text-sm italic text-foreground/60">hospedagem vitalícia · entrega imediata · sem mensalidade.</p><ul class="mt-6 space-y-3.5 text-sm text-foreground/80"><li class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 shrink-0 text-gold" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>até 10 fotos em polaroide com legendas personalizadas</span></li><li class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 shrink-0 text-gold" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>trilha sonora que toca automaticamente ao abrir</span></li><li class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 shrink-0 text-gold" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>carta manuscrita com contador de tempo ao vivo</span></li><li class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 shrink-0 text-gold" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>cartão físico com QR Code em PDF de alta qualidade</span></li><li class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 shrink-0 text-gold" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>mini-site ativo para sempre, sem prazo de expiração</span></li></ul></div><div class="mt-8 md:mt-0 md:border-l md:border-primary/20 md:pl-8 flex flex-col items-center justify-center w-full md:w-auto text-center shrink-0"><div class="inline-flex items-center gap-1.5 rounded-full bg-emerald-500/10 px-2.5 py-0.5 text-[9px] font-semibold text-emerald-600 border border-emerald-500/20 mb-2">desconto especial ativo agora</div><div class="text-xs text-foreground/50 line-through mb-1">de R$ 49,00</div><p class="font-serif text-4xl italic text-foreground font-semibold">R$ 29<span class="text-2xl">,00</span></p><p class="mt-1 text-[10px] uppercase tracking-[0.1em] text-foreground/50">pagamento único · sem assinatura</p><p class="mt-2 text-[11px] text-emerald-600 font-medium mb-6">✓ Grátis para criar e visualizar</p><a href="/criar" class="inline-flex w-full min-h-[50px] items-center justify-center rounded-full bg-primary px-6 py-3 text-sm font-semibold text-primary-foreground shadow-glow transition-all hover:bg-accent hover:shadow-[0_0_20px_rgba(198,161,110,0.5)] hover:scale-[1.01]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-4 w-4 fill-current mr-2" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg>Criar meu presente agora</a><p class="mt-3 text-[11px] text-foreground/50 italic">cada dia sem dizer o que você sente é um dia que não volta.</p></div></article></div></div></div></section><section class="px-6 py-28 relative z-10 border-t border-primary/8 overflow-hidden"><div class="absolute -inset-10 bg-primary/15 blur-[90px] pointer-events-none"></div><div class="mx-auto max-w-3xl text-center relative z-10"><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 0ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 0ms;will-change:opacity, transform"><p class="text-xs font-semibold uppercase tracking-[0.25em] text-rose">uma última coisa antes de você ir embora</p><h2 class="mt-4 font-serif leading-tight text-[2rem] sm:text-5xl md:text-6xl text-foreground">não deixe pra depois<br/><em class="text-gold not-italic">as palavras que ela merece ouvir hoje.</em></h2></div><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 150ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 150ms;will-change:opacity, transform"><p class="mt-6 text-foreground/70 max-w-lg mx-auto text-base leading-relaxed">escreva sua carta agora. adicione as fotos que marcaram e escolha a música. em 5 minutos você transforma momentos simples em uma lembrança eterna. veja a prévia antes de pagar qualquer coisa.</p></div><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 280ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 280ms;will-change:opacity, transform"><div class="mt-10 flex flex-col sm:flex-row items-center justify-center gap-4"><a href="/criar" class="inline-flex min-h-[56px] items-center justify-center gap-2.5 rounded-full bg-primary px-10 py-4 text-base font-semibold text-primary-foreground transition-all hover:scale-[1.02] hover:bg-accent hover:shadow-[0_0_25px_rgba(198,161,110,0.55)] animate-breathe-cta"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-5 w-5 fill-current" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg>Criar meu LoveCode, de graça</a></div></div><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 380ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 380ms;will-change:opacity, transform"><div class="mt-8 flex flex-wrap items-center justify-center gap-6 text-xs text-foreground/45"><span class="flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3 text-gold" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> Grátis para criar e visualizar</span><span class="flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3 text-gold" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> Pronto em menos de 5 minutos</span><span class="flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3 text-gold" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> Mini-site ativo para sempre</span><span class="flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3 text-gold" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> Pagamento único, sem assinatura</span></div></div><div class="" style="opacity:0;transform:translateY(28px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 480ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 480ms;will-change:opacity, transform"><p class="mt-8 text-xs text-foreground/35 italic max-w-sm mx-auto">você já chegou até aqui. a pessoa que vai receber esse presente merece que você dê mais um passo.</p></div></div></section><footer class="border-t border-[var(--border)] bg-card px-4 py-10 relative z-10 sm:px-6 sm:py-12"><div class="mx-auto max-w-6xl space-y-8"><div class="flex flex-wrap items-center justify-center gap-3 border-b border-border/50 pb-8"><button class="rounded-full px-4 py-2 text-xs font-medium text-foreground/70 transition hover:text-primary inline-flex items-center gap-2 " aria-label="compartilhar o LoveCode"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-share2 lucide-share-2 h-3.5 w-3.5" aria-hidden="true"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg><span>indicar aos amigos</span></button><span class="text-foreground/20">·</span><button class="rounded-full px-4 py-2 text-xs font-medium text-foreground/70 transition hover:text-primary inline-flex items-center gap-2 " aria-label="instalar o LoveCode como aplicativo"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-3.5 w-3.5" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg><span>instalar app</span></button></div><div class="flex flex-col items-center gap-5 text-center text-xs text-foreground/65"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-4 w-4 fill-primary text-primary" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg><span class="font-serif text-lg text-foreground">LoveCode</span></div><p>© LoveCode · feito com carinho para quem ama.</p><div class="flex flex-wrap items-center justify-center gap-x-6 gap-y-2"><a href="https://wa.me/5548991444916?text=oi%2C%20quero%20saber%20mais%20sobre%20o%20LoveCode" target="_blank" rel="noopener noreferrer" class="transition-colors hover:text-primary">whatsapp · (48) 99144-4916</a><a href="https://www.instagram.com/lovecode.com.br/" target="_blank" rel="noopener noreferrer" class="transition-colors hover:text-primary">@lovecode.com.br</a></div></div></div></footer></main><script>(function(t){let s;try{s=JSON.parse(sessionStorage.getItem(t.storageKey)||"{}")}catch(e){console.error(e);return}const c=t.key||window.history.state?.__TSR_key,r=c?s[c]:void 0;if(t.shouldScrollRestoration&&r&&typeof r=="object"&&Object.keys(r).length>0){for(const e in r){const o=r[e];if(!o||typeof o!="object")continue;const l=o.scrollX,i=o.scrollY;if(!(!Number.isFinite(l)||!Number.isFinite(i))){if(e==="window")window.scrollTo({top:i,left:l,behavior:t.behavior});else if(e){let n;try{n=document.querySelector(e)}catch{continue}n&&(n.scrollLeft=l,n.scrollTop=i)}}}return}const a=window.location.hash.split("#",2)[1];if(a){const e=window.history.state?.__hashScrollIntoViewOptions??!0;if(e){const o=document.getElementById(a);o&&o.scrollIntoView(e)}return}window.scrollTo({top:0,left:0,behavior:t.behavior})})({"storageKey":"tsr-scroll-restoration-v1_3","shouldScrollRestoration":true});document.currentScript.remove()</script><!--/$--><script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-D_EfDv5W.js"],assets:$R[5]=[$R[6]={tag:"script",attrs:$R[7]={type:"module",async:!0},children:"import(\"/assets/index-D_EfDv5W.js\")"}]},"/":$R[8]={preloads:$R[9]=["/assets/index-DaKbhAW8.js","/assets/message-card-BtTyA8kX.js","/assets/petal-field-BYsMaa4h.js","/assets/heart-DIwfiZpB.js","/assets/plus-DBduk1BK.js","/assets/share-2-D3kDphBJ.js","/assets/sparkles-CGglA3qr.js","/assets/music-D_sKltSP.js"]}}},matches:$R[10]=[$R[11]={i:"__root__ ",u:1781099108474,s:"success",ssr:!0},$R[12]={i:"  ",u:1781099108474,s:"success",ssr:!0}],lastMatchId:"  "})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script><script type="module" async="">import("/assets/index-D_EfDv5W.js")</script></body></html>