@font-face{font-family:VisuHero;src:url('./hero-assets/jakarta.woff2') format('woff2');font-display:swap}
@font-face{font-family:VisuScript;src:url('./hero-assets/playfair-italic.woff2') format('woff2');font-style:italic;font-display:swap}
body{margin:0}
.visuads-coded-hero{--purple:#7250d8;position:relative;z-index:50;box-sizing:border-box;min-height:100svh;overflow:hidden;background:#fafafa url('./hero-assets/flow-hero-bg.webp') center/cover no-repeat;color:#101210;font-family:VisuHero,Arial,sans-serif;padding:0 clamp(24px,4vw,58px) 42px}
.visuads-coded-nav{height:96px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:0 auto;gap:30px}
.visuads-coded-brand{color:#101210;text-decoration:none;font-size:1.45rem;font-weight:900;letter-spacing:-.05em}.visuads-coded-brand span{color:var(--purple)}
.visuads-coded-links{display:flex;gap:34px}.visuads-coded-links a,.visuads-coded-text-link{color:#171917;text-decoration:none;font-weight:800;font-size:.92rem}
.visuads-coded-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 30px;border-radius:16px;background:radial-gradient(circle 90px at 82% -5%,#fff,var(--purple));color:#fff;text-decoration:none;font-weight:900;box-shadow:0 8px 20px -12px rgba(52,30,120,.55);transition:transform .25s cubic-bezier(.16,1,.3,1)}
.visuads-coded-button:hover{transform:translateY(-3px)}.visuads-coded-button--small{min-height:48px;padding-inline:24px}
.visuads-coded-copy{text-align:center;position:relative;z-index:3;margin:42px auto 0}.visuads-coded-copy h1{margin:0 auto;max-width:850px;font-size:clamp(3rem,6vw,5.7rem);line-height:.92;letter-spacing:-.04em;text-wrap:balance}.visuads-coded-copy em{font-family:VisuScript,Georgia,serif;font-weight:500;color:var(--purple);letter-spacing:-.01em;white-space:nowrap;position:relative}.visuads-coded-copy em:after{content:'';position:absolute;left:-2%;right:-3%;bottom:-6px;height:5px;background:var(--purple);border-radius:50%;transform:rotate(1.5deg)}
.visuads-heading-mobile{display:none}
.visuads-coded-copy p{max-width:650px;margin:28px auto 0;color:#777b77;font-size:1.02rem;line-height:1.7}
.visuads-coded-platform{position:absolute;z-index:2;width:138px;height:138px;border-radius:26px;background:rgba(255,255,255,.88);border:1px solid rgba(10,10,10,.12);box-shadow:0 18px 40px -24px rgba(20,20,20,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-10deg);animation:visuFloat 5s ease-in-out infinite}.visuads-coded-platform strong{font-size:4.8rem;line-height:.65;color:#1677f0}.visuads-coded-platform span{margin-top:16px;font-size:1rem;font-weight:900}.visuads-coded-platform--meta{left:3.5%;top:34%}.visuads-coded-platform--google{right:4%;top:20%;transform:rotate(12deg);animation-delay:-2s}.visuads-coded-platform--google strong{font-size:4rem;color:#4285f4}.visuads-coded-platform--google span{font-size:.8rem}
.visuads-coded-fan{height:280px;display:flex;align-items:flex-start;justify-content:center;margin:32px auto 0;padding-top:8px}.visuads-coded-fan img{width:150px;height:204px;object-fit:cover;border-radius:14px;border:4px solid #fff;box-shadow:0 16px 24px -14px rgba(16,18,16,.48);margin-left:-58px;transform-origin:center bottom;transition:transform .3s cubic-bezier(.16,1,.3,1)}.visuads-coded-fan img:first-child{margin-left:0;transform:rotate(-14deg) translateY(28px)}.visuads-coded-fan img:nth-child(2){transform:rotate(-9deg) translateY(12px)}.visuads-coded-fan img:nth-child(3){transform:rotate(-5deg)}.visuads-coded-fan img:nth-child(4){transform:rotate(1deg) translateY(-5px)}.visuads-coded-fan img:nth-child(5){transform:rotate(6deg)}.visuads-coded-fan img:nth-child(6){transform:rotate(10deg) translateY(12px)}.visuads-coded-fan img:nth-child(7){transform:rotate(14deg) translateY(28px)}.visuads-coded-fan img:hover{transform:translateY(-24px) scale(1.1);z-index:4}
.visuads-coded-actions{display:flex;align-items:center;justify-content:center;gap:38px;margin-top:-22px;position:relative;z-index:4}
.visuads-mobile-logo{display:none}
@keyframes visuFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}
@media(max-width:800px){.visuads-coded-hero{padding:env(safe-area-inset-top) 14px max(34px,env(safe-area-inset-bottom));min-height:100svh;background-size:auto 100%;background-position:center top}.visuads-coded-nav{height:68px;padding-inline:4px}.visuads-coded-brand{font-size:1.2rem}.visuads-coded-links{display:none}.visuads-coded-button--small{display:none}.visuads-coded-copy{margin-top:22px;padding-inline:4px}.visuads-heading-desktop{display:none}.visuads-coded-copy .visuads-heading-mobile{display:flex;flex-direction:column;align-items:center;font-size:clamp(2.2rem,9.7vw,2.8rem);line-height:1.02;letter-spacing:-.035em}.visuads-heading-mobile em{font-size:1.18em;margin-top:2px}.visuads-coded-copy p{max-width:330px;margin-top:20px;font-size:.94rem;line-height:1.55}.visuads-mobile-logo{display:block;position:absolute;z-index:2;width:76px;aspect-ratio:1;filter:drop-shadow(0 12px 12px rgba(20,20,20,.16));pointer-events:none}.visuads-mobile-logo img{width:100%;height:100%;display:block}.visuads-mobile-logo--meta{left:-10px;top:37%;transform:rotate(-11deg)}.visuads-mobile-logo--google{right:-8px;top:31%;transform:rotate(10deg)}.visuads-coded-fan{height:190px;margin-top:58px;padding-inline:24px}.visuads-coded-fan img{width:88px;height:122px;margin-left:-38px;border-width:3px;border-radius:10px}.visuads-coded-actions{margin-top:-8px;flex-direction:column;gap:10px}.visuads-coded-button{min-height:52px;min-width:248px;padding-inline:20px}.visuads-coded-text-link{display:inline-flex;min-height:44px;align-items:center}}
@media(max-width:380px){.visuads-coded-copy{margin-top:10px}.visuads-coded-copy h1{font-size:2.42rem}.visuads-coded-copy p{font-size:.88rem}.visuads-mobile-logo{width:68px}.visuads-mobile-logo--meta{top:39%}.visuads-mobile-logo--google{top:34%}.visuads-coded-fan{margin-top:52px;height:176px}.visuads-coded-fan img{width:80px;height:110px;margin-left:-35px}.visuads-coded-actions{margin-top:-10px}}
@media(max-height:720px) and (max-width:800px){.visuads-coded-copy{margin-top:4px}.visuads-coded-copy h1{font-size:2.25rem}.visuads-coded-copy p{margin-top:14px}.visuads-coded-fan{height:158px;margin-top:42px}.visuads-coded-fan img{width:74px;height:102px;margin-left:-32px}.visuads-coded-actions{margin-top:-6px}.visuads-coded-button{min-height:48px}}
@media(prefers-reduced-motion:reduce){.visuads-coded-platform{animation:none}.visuads-coded-button,.visuads-coded-fan img{transition:none}}

/* Hide Framer's promotional badge without affecting the site footer links. */
a[href*="framer.com"]{display:none!important}
.visuads-consent{position:fixed;z-index:1000;left:20px;bottom:20px;width:min(390px,calc(100vw - 40px));box-sizing:border-box;padding:16px;background:#fff;color:#111;border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.22);font-family:VisuHero,Arial,sans-serif}.visuads-consent p{margin:0 0 12px;font-size:.86rem;line-height:1.45}.visuads-consent div{display:flex;justify-content:flex-end;gap:8px}.visuads-consent button{min-height:44px;padding:0 16px;border:0;border-radius:10px;background:#ececec;color:#111;font:700 .82rem VisuHero,Arial,sans-serif;cursor:pointer}.visuads-consent button[data-consent="granted"]{background:#7250d8;color:#fff}@media(max-width:520px){.visuads-consent{left:10px;bottom:max(10px,env(safe-area-inset-bottom));width:calc(100vw - 20px)}}

/* Mobile art direction: compact, touch-friendly and balanced on iPhone. */
@media (max-width:800px){
  .visuads-coded-hero{min-height:auto;padding:max(8px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom));background-position:50% 0}
  .visuads-coded-nav{height:64px;padding:0;gap:12px}
  .visuads-coded-brand{font-size:1.08rem;letter-spacing:-.035em}
  .visuads-coded-button--small{display:inline-flex;min-width:0;min-height:44px;padding:0 16px;border-radius:14px;font-size:.78rem;box-shadow:0 6px 8px -6px rgba(52,30,120,.45)}
  .visuads-coded-copy{margin-top:24px;padding:0}
  .visuads-coded-copy .visuads-heading-mobile{font-size:clamp(2.18rem,10.5vw,2.72rem);line-height:.98;letter-spacing:-.04em}
  .visuads-heading-mobile em{margin-top:7px;font-size:1.13em}
  .visuads-coded-copy em:after{bottom:-5px;height:3px}
  .visuads-coded-copy p{max-width:340px;margin-top:22px;color:#626662;font-size:.94rem;line-height:1.48;text-wrap:pretty}
  .visuads-coded-fan{width:calc(100% + 12px);height:202px;margin:32px -6px 0;padding:10px 0 0;overflow:visible}
  .visuads-coded-fan img{width:clamp(88px,25vw,102px);height:clamp(124px,35vw,143px);margin-left:clamp(-46px,-11.7vw,-39px);border-width:3px;border-radius:10px;box-shadow:0 12px 18px -12px rgba(16,18,16,.6)}
  .visuads-coded-fan img:first-child{margin-left:0}
  .visuads-mobile-logo{width:64px;z-index:5;filter:drop-shadow(0 8px 8px rgba(20,20,20,.16))}
  .visuads-mobile-logo--meta{left:-5px;top:clamp(344px,90vw,370px)}
  .visuads-mobile-logo--google{right:-5px;top:clamp(318px,84vw,345px)}
  .visuads-coded-actions{margin-top:-7px;gap:8px}
  .visuads-coded-actions .visuads-coded-button{width:min(100%,330px);min-width:0;min-height:54px;box-sizing:border-box;border-radius:15px;font-size:.9rem;box-shadow:0 7px 8px -6px rgba(52,30,120,.5)}
  .visuads-coded-text-link{min-height:44px;padding:0 16px;font-size:.9rem}
  .visuads-consent{left:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px);padding:14px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
  .visuads-consent p{margin-bottom:12px;font-size:.84rem;line-height:1.42}
  .visuads-consent div{gap:10px}
  .visuads-consent button{flex:1;min-height:46px}
}
@media(max-width:360px){
  .visuads-coded-button--small{padding-inline:13px;font-size:.72rem}
  .visuads-coded-copy{margin-top:18px}
  .visuads-coded-copy .visuads-heading-mobile{font-size:2.08rem}
  .visuads-coded-copy p{font-size:.9rem}
  .visuads-coded-fan{height:188px;margin-top:28px}
  .visuads-mobile-logo{width:58px}
  .visuads-mobile-logo--meta{top:334px}
  .visuads-mobile-logo--google{top:310px}
}
@media(max-width:800px) and (orientation:landscape){
  .visuads-coded-copy{margin-top:8px}
  .visuads-coded-copy .visuads-heading-mobile{font-size:2rem}
  .visuads-coded-copy p{margin-top:12px}
  .visuads-coded-fan{height:156px;margin-top:16px}
  .visuads-coded-fan img{width:74px;height:104px;margin-left:-31px}
  .visuads-mobile-logo{display:none}
}
@media(hover:none){.visuads-coded-button:active{transform:scale(.98)}}