/* Facebook ads service page */
.fb-page{overflow:hidden}

/* brand wall: app-icon tiles in 3 rows, back rows smaller and dimmer, glossy reflection */
.fb-brands{position:relative;padding:150px 20px 40px;text-align:center;isolation:isolate}
.fb-brands::before{content:"";position:absolute;z-index:-1;left:50%;bottom:0;width:min(1200px,110vw);height:70%;transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(ellipse at 50% 75%,rgba(120,150,255,.13),rgba(120,150,255,0) 65%);filter:blur(10px)}
.fb-kicker{font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:#8a8a8a}
.fb-brands h1{font-family:"Bodoni Moda",serif;font-weight:500;font-size:clamp(34px,4.6vw,60px);line-height:1.1;margin:16px 0 18px}
.fb-sub{max-width:560px;margin:0 auto;color:var(--muted);font-size:15.5px;line-height:1.7;font-weight:300}

.fb-wall{--t:clamp(48px,7.6vw,104px);margin:64px auto 0;max-width:1180px;perspective:900px}
.fb-row{display:flex;justify-content:center;gap:calc(var(--t)*.36)}
.fb-row-back{--k:.62;opacity:.5;filter:blur(.6px)}
.fb-row-mid{--k:.8;opacity:.78;margin-top:calc(var(--t)*-.12)}
.fb-row-front{--k:1;margin-top:calc(var(--t)*-.05)}
.fb-row-back{margin-bottom:0}
.fb-wall .fb-row-back{order:1}.fb-wall .fb-row-mid{order:2}.fb-wall .fb-row-front{order:3}
.fb-wall{display:flex;flex-direction:column}
.fb-tile{--z:calc(var(--t)*var(--k));flex:none;width:var(--z);height:var(--z);border-radius:23%;display:grid;place-items:center;
  background:linear-gradient(160deg,#ffffff 0%,#f1f1f1 55%,#dcdcdc 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 -2px 6px rgba(0,0,0,.08) inset,0 calc(var(--z)*.12) calc(var(--z)*.3) rgba(0,0,0,.55);
  -webkit-box-reflect:below calc(var(--z)*.08) linear-gradient(transparent 55%,rgba(255,255,255,.22));
  transform:translateY(24px) scale(.9);opacity:0;animation:fbTile .9s cubic-bezier(.16,1,.3,1) forwards;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.fb-tile:hover{transform:translateY(-6px) scale(1.04)}
.fb-tile img{display:block;max-width:calc(var(--z)*.74*var(--s));max-height:calc(var(--z)*.42*var(--s));width:auto;height:auto;filter:brightness(0);user-select:none;-webkit-user-drag:none}
.fb-row-back .fb-tile{animation-delay:.1s}
.fb-row-mid .fb-tile{animation-delay:.25s}
.fb-row-front .fb-tile{animation-delay:.4s}
.fb-row .fb-tile:nth-child(2n){animation-delay:calc(var(--d,0s) + .5s)}
@keyframes fbTile{to{transform:none;opacity:1}}

/* content */
.fb-section{max-width:1000px;margin:0 auto;padding:90px 24px 0}
.fb-section h2,.fb-cta h2{font-family:"Bodoni Moda",serif;font-weight:500;font-size:clamp(28px,3.2vw,42px);line-height:1.15;margin-bottom:22px}
.fb-intro p{max-width:760px;color:var(--muted);font-size:17px;line-height:1.8;font-weight:300}
.fb-intro strong{color:var(--fg);font-weight:400}
.fb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}
.fb-stats div{padding:24px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,#171717,#0c0c0c)}
.fb-stats b{display:block;font-family:"Bodoni Moda",serif;font-weight:500;font-size:clamp(34px,4vw,48px);line-height:1}
.fb-stats span{display:block;margin-top:10px;color:#8a8a8a;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.fb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fb-grid article{padding:26px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,#171717,#0c0c0c);transition:border-color .4s,transform .5s cubic-bezier(.16,1,.3,1)}
.fb-grid article:hover{border-color:rgba(233,220,196,.3);transform:translateY(-4px)}
.fb-grid h3{font-family:"Bodoni Moda",serif;font-weight:500;font-size:21px;margin-bottom:10px}
.fb-grid p{color:var(--muted);font-size:14.5px;line-height:1.65;font-weight:300}
.fb-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}
.fb-steps li{counter-increment:s;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}
.fb-steps li::before{content:"0" counter(s);display:block;font-size:12px;letter-spacing:.16em;color:#e9dcc4;margin-bottom:12px}
.fb-steps b{display:block;font-family:"Bodoni Moda",serif;font-weight:500;font-size:21px;margin-bottom:8px}
.fb-steps span{color:var(--muted);font-size:14.5px;line-height:1.6;font-weight:300}
.fb-faq details{border-bottom:1px solid rgba(255,255,255,.1);padding:20px 0}
.fb-faq summary{cursor:pointer;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:20px}
.fb-faq summary::-webkit-details-marker{display:none}
.fb-faq summary::after{content:"+";color:#e9dcc4;font-size:22px;line-height:1;transition:transform .3s}
.fb-faq details[open] summary::after{transform:rotate(45deg)}
.fb-faq p{margin-top:12px;color:var(--muted);font-size:15.5px;line-height:1.75;font-weight:300;max-width:760px}
.fb-cta{max-width:760px;margin:0 auto;padding:110px 24px 130px;text-align:center}
.fb-cta p{color:var(--muted);font-size:16px;margin-bottom:28px;font-weight:300}
.fb-read{display:block;margin-top:24px;font-size:14px;color:#e9dcc4}

@media(max-width:820px){
  .fb-brands{padding:120px 16px 20px}
  /* phones: one even 4-column grid (24 = 6 rows), no depth, no reflection */
  .fb-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:420px;margin-top:44px;perspective:none}
  .fb-row{display:contents}
  .fb-row-back,.fb-row-mid{opacity:1;filter:none}
  .fb-tile{--z:auto;width:auto;height:auto;min-width:0;aspect-ratio:1;container-type:inline-size;-webkit-box-reflect:none;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 -2px 6px rgba(0,0,0,.08) inset}
  .fb-tile-dark{box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 0 0 1px rgba(255,255,255,.1) inset}
  .fb-tile img{max-width:calc(74cqw * var(--s));max-height:calc(42cqw * var(--s))}
  .fb-section{padding:70px 16px 0}
  .fb-stats,.fb-grid{grid-template-columns:1fr}
  .fb-steps{grid-template-columns:1fr 1fr;gap:26px 18px}
  .fb-cta{padding:90px 16px 100px}
}
@media(prefers-reduced-motion:reduce){.fb-tile{animation:none;opacity:1;transform:none}}
.fb-tile-dark{background:linear-gradient(160deg,#2a2a2a 0%,#111 60%,#050505 100%);box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 0 0 1px rgba(255,255,255,.08) inset,0 calc(var(--z)*.12) calc(var(--z)*.3) rgba(0,0,0,.55)}
.fb-tile-dark img{filter:none}

/* intro card: light band, white card, three dark tiles */
.fb-intro-band{margin-top:80px;padding:clamp(40px,7vw,90px) 16px;background:#e8e8e8}
.fb-card{max-width:540px;margin:0 auto;padding:clamp(26px,6vw,36px);border-radius:28px;background:#fff;color:#111;font-family:Inter,system-ui,sans-serif}
.fb-card h2{font-family:inherit;font-weight:400;font-size:clamp(34px,8vw,46px);line-height:1.04;letter-spacing:-.045em;margin:6px 0 14px;color:#0b0b0b}
.fb-card-sub{color:#8a8a8a;font-size:clamp(14px,3.6vw,16px);line-height:1.45;font-weight:300;letter-spacing:-.01em;max-width:400px}
.fb-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2.4vw,14px);margin-top:30px}
.fb-dark{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:.86;padding:clamp(12px,3.6vw,22px);border-radius:clamp(16px,4vw,22px);color:#d9d9d9;
  background:linear-gradient(170deg,#262626 0%,#111 60%,#0a0a0a 100%);box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 14px 24px -8px rgba(0,0,0,.45);transition:transform .45s cubic-bezier(.16,1,.3,1)}
.fb-dark:hover{transform:translateY(-4px)}
.fb-dark svg{width:clamp(24px,6vw,32px);height:auto;color:#8c8c8c}
.fb-dark span{font-size:clamp(13px,3.6vw,17px);line-height:1.25;letter-spacing:-.01em;font-weight:400;color:#e4e4e4}
.fb-dots{width:clamp(34px,9vw,58px);aspect-ratio:1;background:radial-gradient(circle,#fff 38%,transparent 42%) 0 0/16.66% 16.66%;opacity:.85;
  -webkit-mask:radial-gradient(circle at 50% 50%,#000 30%,rgba(0,0,0,.25) 100%);mask:radial-gradient(circle at 50% 50%,#000 30%,rgba(0,0,0,.25) 100%)}
.fb-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:22px;font-size:clamp(11px,2.9vw,13.5px);color:#a0a0a0;letter-spacing:-.005em}
.fb-meta span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.fb-meta svg{width:14px;height:14px;color:#8a8a8a}
.fb-sq{width:5px;height:5px;background:#b5b5b5;display:inline-block}