/* Optiiimum ads landing page — dark-only, mobile-first. Tokens come from home.css */
:root{--lp-max:1160px;--wa:#25D366}
html[data-theme="dark"] body.lp{background:#0B0B0B;color:#fff}
body.lp{margin:0;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
html[lang="ar"] body.lp{font-family:var(--font-ar)}
body.lp .wrap{width:100%;max-width:var(--lp-max);margin-inline:auto;padding-inline:clamp(18px,5vw,36px)}
body.lp section{padding:clamp(52px,8vw,104px) 0;position:relative}
body.lp img{max-width:100%;display:block}
body.lp a{color:inherit}
body.lp a:hover{color:#FF8FE0}

/* type */
.lp-eyebrow{display:inline-block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#A1A1AA;margin-bottom:14px}
html[lang="ar"] .lp-eyebrow{font-family:var(--font-ar);letter-spacing:0;text-transform:none;font-size:13px}
.lp-h1{font-size:clamp(32px,7.2vw,68px);line-height:1.06;margin:0 0 18px;font-weight:700;letter-spacing:-.02em;text-wrap:balance}
.lp-h2{font-size:clamp(26px,4.6vw,46px);line-height:1.1;margin:0 0 16px;font-weight:700;letter-spacing:-.015em;text-wrap:balance}
.lp-h3{font-size:clamp(19px,2.6vw,26px);line-height:1.25;margin:0 0 10px;font-weight:600}
.lp-p{font-size:clamp(15.5px,1.9vw,19px);line-height:1.75;color:#D4D4D8;margin:0 0 14px;max-width:62ch;text-wrap:pretty}
.lp-sm{font-size:14px;line-height:1.65;color:#A1A1AA;margin:0}
.g{background:linear-gradient(110deg,#FDD196,#FF966D 24%,#E555C8 52%,#BE6FD2 70%,#54B3EC 88%,#00FEFF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block;-webkit-box-decoration-break:clone;box-decoration-break:clone}

html[lang="ar"] .lp-h1{line-height:1.38}html[lang="ar"] .lp-h2{line-height:1.34}html[lang="ar"] .lp-h3{line-height:1.4}
/* buttons */
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:15px 26px;border-radius:999px;font-weight:700;font-size:16.5px;text-decoration:none;border:0;cursor:pointer;transition:transform .18s,box-shadow .18s,opacity .18s;line-height:1.2;text-align:center}
.lp-btn:hover{transform:translateY(-2px)}
.lp-btn-wa{background:var(--wa);color:#062e14;box-shadow:0 14px 40px -14px rgba(37,211,102,.6)}
.lp-btn-wa:hover{color:#062e14;box-shadow:0 18px 46px -14px rgba(37,211,102,.8)}
.lp-btn-grad{background:linear-gradient(110deg,#FDD196,#FF966D 30%,#E555C8 65%,#BE6FD2);color:#120a12;box-shadow:0 14px 40px -16px rgba(229,85,200,.65)}
.lp-btn-grad:hover{color:#120a12}
.lp-btn-ghost{background:transparent;color:#fff;border:1px solid #3A3A36}
.lp-btn-ghost:hover{color:#fff;border-color:#fff}
.lp-btn svg{width:20px;height:20px;flex:0 0 auto;fill:currentColor}
.lp-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.lp-micro{margin-top:14px;font-size:13.5px;line-height:1.6;color:#A1A1AA;max-width:52ch}

/* inline CTA band */
.lp-cta-band{border:1px solid #2A2A28;border-radius:24px;padding:clamp(24px,3.4vw,40px);background:linear-gradient(140deg,rgba(229,85,200,.12),rgba(0,254,255,.07));display:grid;gap:16px}
.lp-cta-band h3{margin:0;font-size:clamp(20px,2.9vw,30px);line-height:1.2;font-weight:700;text-wrap:balance}
.lp-cta-band p{margin:0;color:#D4D4D8;font-size:15.5px;line-height:1.7}
.lp-cta-band .lp-btns{margin-top:4px}

/* announcement bar */
.lp-bar{position:relative;z-index:60;background:#000;border-bottom:1px solid #2A2A28;font-size:13.5px}
.lp-bar .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;padding-block:9px;text-align:center}
.lp-bar b{font-weight:700}
.lp-bar .old{text-decoration:line-through;color:#A1A1AA;font-weight:400}
.lp-cd{display:none;align-items:center;gap:6px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:14px;direction:ltr;unicode-bidi:isolate}
.lp-cd.on{display:inline-flex}
.lp-cd u{text-decoration:none;background:#1A1A1A;border:1px solid #2A2A28;border-radius:8px;padding:3px 7px}

/* header */
.lp-head{position:sticky;top:0;z-index:55;backdrop-filter:blur(14px);background:rgba(11,11,11,.82);border-bottom:1px solid #1E1E1C}
.lp-bar+.lp-head{top:0}
.lp-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:12px}
.lp-brand{font-weight:700;font-size:19px;letter-spacing:-.02em;text-decoration:none}
.lp-brand span{color:#E555C8}
.lp-head-r{display:flex;align-items:center;gap:10px}
.lp-lang{min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid #3A3A36;background:transparent;color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}
.lp-lang:hover{border-color:#fff}
.lp-head .lp-btn{min-height:44px;padding:11px 18px;font-size:14.5px;white-space:nowrap}
@media (max-width:520px){.lp-head .lp-btn{padding:11px 15px;font-size:13.5px}}

/* hero */
.lp-hero{padding-top:clamp(40px,7vw,80px);overflow:hidden}
.lp-hero::before{content:"";position:absolute;inset-inline-end:-25vw;top:-30vw;width:80vw;height:80vw;max-width:900px;max-height:900px;border-radius:50%;background:conic-gradient(from 200deg,#FDD196,#FF966D,#E555C8,#54B3EC,#FDD196);filter:blur(140px);opacity:.28;pointer-events:none}
.lp-hero .wrap{position:relative}
.lp-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid rgba(229,85,200,.45);background:rgba(229,85,200,.12);font-size:13px;margin-bottom:20px}
.lp-badge i{width:7px;height:7px;border-radius:50%;background:#25D366;box-shadow:0 0 0 4px rgba(37,211,102,.18)}

/* stats */
.lp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px;border-top:1px solid #2A2A28;padding-top:28px}
@media (max-width:700px){.lp-stats{grid-template-columns:repeat(2,1fr)}}
.lp-stat b{display:block;font-family:var(--font-serif);font-size:clamp(30px,5.4vw,52px);line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(110deg,#FDD196,#FF966D 30%,#E555C8 62%,#54B3EC);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px}
.lp-stat span{font-size:13.5px;line-height:1.5;color:#A1A1AA;display:block}

/* generic card grid */
.lp-grid{display:grid;gap:16px;margin-top:32px}
.lp-grid.c2{grid-template-columns:repeat(2,1fr)}
.lp-grid.c3{grid-template-columns:repeat(3,1fr)}
.lp-grid.c4{grid-template-columns:repeat(4,1fr)}
@media (max-width:960px){.lp-grid.c3,.lp-grid.c4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.lp-grid.c2,.lp-grid.c3,.lp-grid.c4{grid-template-columns:1fr}}
.lp-card{border:1px solid #2A2A28;border-radius:18px;padding:24px;background:#111110;transition:border-color .25s,transform .25s}
.lp-card:hover{border-color:#3A3A36;transform:translateY(-2px)}
.lp-card .n{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:#A1A1AA;margin-bottom:12px}
.lp-card h4{margin:0 0 8px;font-size:18px;line-height:1.3;font-weight:600}
.lp-card p{margin:0;font-size:14.5px;line-height:1.65;color:#A1A1AA}
.lp-card ul{margin:10px 0 0;padding-inline-start:18px;font-size:14.5px;line-height:1.8;color:#A1A1AA}

/* band */
.lp-band{background:#0F0F0E;border-block:1px solid #1E1E1C}

/* AI section */
.lp-ai{background:radial-gradient(120% 90% at 80% 0%,rgba(0,254,255,.14),transparent 60%),radial-gradient(100% 80% at 10% 100%,rgba(229,85,200,.16),transparent 60%),#08080A;border-block:1px solid #1E1E1C}
.lp-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.lp-chip{padding:9px 15px;border-radius:999px;border:1px solid #2F2F2C;background:rgba(255,255,255,.03);font-size:13.5px}

/* case cards */
.lp-case{display:grid;grid-template-columns:1fr;border:1px solid #2A2A28;border-radius:20px;overflow:hidden;background:#111110;text-decoration:none;transition:transform .25s,border-color .25s}
.lp-case:hover{transform:translateY(-3px);border-color:#3A3A36;color:inherit}
.lp-case .ph{aspect-ratio:16/11;background:#1A1A18 center/cover no-repeat;position:relative}
.lp-case .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,11,.05),rgba(11,11,11,.55))}
.lp-case .bd{padding:20px 22px 24px}
.lp-case .tag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#A1A1AA;display:block;margin-bottom:8px}
html[lang="ar"] .lp-case .tag{font-family:var(--font-ar);letter-spacing:0;text-transform:none;font-size:12.5px}
.lp-case h4{margin:0 0 10px;font-size:19px;font-weight:700}
.lp-case .res{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #232321}
.lp-case .res b{font-family:var(--font-serif);font-size:30px;line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(110deg,#FDD196,#E555C8 60%,#54B3EC);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-case .res span{font-size:13px;color:#A1A1AA;line-height:1.4}
.lp-case p{margin:0;font-size:14.5px;line-height:1.6;color:#A1A1AA}

/* proof gallery */
.lp-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}
@media (max-width:900px){.lp-proof{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.lp-proof{grid-template-columns:repeat(2,1fr)}}
.lp-proof button{padding:0;border:1px solid #2A2A28;border-radius:14px;overflow:hidden;background:#fff;cursor:zoom-in;aspect-ratio:9/16;display:block;width:100%}
.lp-proof button:hover{border-color:#fff}
.lp-proof img{width:100%;height:100%;object-fit:cover}
.lp-proof button.fit{background:#fff}
.lp-proof button.fit img{object-fit:contain}
.lp-lb{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:20px;background:rgba(6,6,6,.94);backdrop-filter:blur(6px)}
.lp-lb.on{display:grid}
.lp-lb img{max-width:min(94vw,660px);max-height:88vh;object-fit:contain;border-radius:12px}
.lp-lb .x{position:absolute;top:16px;inset-inline-end:16px;width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-size:19px;cursor:pointer}

/* before / after */
.lp-ba{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
@media (max-width:760px){.lp-ba{grid-template-columns:1fr}}
.lp-ba-col{border:1px solid #2A2A28;border-radius:20px;padding:24px;background:#111110}
.lp-ba-col.good{border-color:rgba(229,85,200,.42);background:linear-gradient(160deg,rgba(229,85,200,.09),transparent)}
.lp-ba-col h4{margin:0 0 16px;font-size:19px;font-weight:700}
.lp-ba-col ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.lp-ba-col li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.55;color:#D4D4D8}
.lp-ba-col li i{flex:0 0 auto;font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:#241a1f;color:#FF9AA2;margin-top:2px}
.lp-ba-col.good li i{background:rgba(37,211,102,.16);color:#7BE3A3}

/* funnel */
.lp-flow{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.lp-flow span{padding:11px 16px;border-radius:12px;border:1px solid #2A2A28;background:#111110;font-size:14px;font-weight:600}
.lp-flow span:nth-child(odd){border-color:#33272F}

/* pricing */
.lp-price{border:1px solid #2A2A28;border-radius:26px;padding:clamp(24px,4vw,44px);background:linear-gradient(155deg,rgba(229,85,200,.1),rgba(84,179,236,.06));margin-top:30px;display:grid;gap:22px;grid-template-columns:1.05fr .95fr}
@media (max-width:820px){.lp-price{grid-template-columns:1fr}}
.lp-price .was{font-size:17px;color:#A1A1AA;text-decoration:line-through}
.lp-price .now{font-family:var(--font-serif);font-size:clamp(40px,7vw,68px);line-height:1;margin:6px 0 4px;background:linear-gradient(110deg,#FDD196,#E555C8 60%,#54B3EC);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-price .per{font-size:15px;color:#D4D4D8}
.lp-stack{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.lp-stack li{display:flex;gap:9px;font-size:14.5px;line-height:1.5;color:#D4D4D8}
.lp-stack li i{font-style:normal;color:#7BE3A3}
.lp-cur{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.lp-cur span{font-family:var(--font-mono);font-size:12px;padding:6px 10px;border-radius:8px;border:1px solid #2A2A28;color:#A1A1AA}

/* faq */
.lp-faq{margin-top:28px;border-top:1px solid #2A2A28}
.lp-faq details{border-bottom:1px solid #2A2A28}
.lp-faq summary{cursor:pointer;padding:18px 0;font-size:16.5px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";color:#A1A1AA;font-size:20px;flex:0 0 auto}
.lp-faq details[open] summary::after{content:"–"}
.lp-faq p{margin:0 0 18px;font-size:15px;line-height:1.7;color:#A1A1AA;max-width:64ch}

/* video */
.lp-vid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(22px,4vw,52px);align-items:center}
@media (max-width:860px){.lp-vid{grid-template-columns:1fr}}
.lp-vwrap{aspect-ratio:9/16;max-width:320px;width:100%;margin-inline:auto;border-radius:20px;overflow:hidden;border:1px solid #2A2A28;background:#000;position:relative}
.lp-vwrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* closing */
.lp-close{background:radial-gradient(90% 70% at 50% 0%,rgba(229,85,200,.2),transparent 60%),#08080A;text-align:center}
.lp-close .wrap{max-width:840px}
.lp-close .lp-p{margin-inline:auto}
.lp-close .lp-btns{justify-content:center}

/* sticky mobile CTA + floating whatsapp */
.lp-sticky{position:fixed;inset-inline:0;bottom:0;z-index:90;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(8,8,8,.92);backdrop-filter:blur(14px);border-top:1px solid #232321;display:none}
.lp-sticky .lp-btn{width:100%}
@media (max-width:860px){.lp-sticky{display:block}body.lp{padding-bottom:84px}}
.lp-float{position:fixed;inset-inline-end:20px;bottom:20px;z-index:88;width:56px;height:56px;border-radius:50%;background:var(--wa);color:#062e14;display:grid;place-items:center;box-shadow:0 14px 34px -10px rgba(37,211,102,.6);text-decoration:none}
.lp-float svg{width:28px;height:28px;fill:currentColor}
.lp-float:hover{color:#062e14;transform:translateY(-2px)}
@media (max-width:860px){.lp-float{display:none}}

/* footer */
.lp-foot{border-top:1px solid #1E1E1C;padding:32px 0;font-size:13.5px;color:#A1A1AA}
.lp-foot .wrap{display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:space-between}
.lp-foot a{text-decoration:none}

/* repeated offer + countdown band */
.lp-offer{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;justify-content:space-between;border:1px solid rgba(229,85,200,.42);border-radius:20px;padding:18px 22px;background:linear-gradient(120deg,rgba(229,85,200,.15),rgba(0,254,255,.06));margin:36px 0 0}
.lp-offer .o-l{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}
.lp-offer b{font-family:var(--font-serif);font-size:clamp(24px,3.4vw,34px);line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(110deg,#FDD196,#E555C8 60%,#54B3EC);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-offer s{color:#A1A1AA;font-size:15px}
.lp-offer .o-note{font-size:13.5px;color:#D4D4D8}
.lp-offer .lp-cd{font-size:16px}
.lp-offer .lp-btn{min-height:46px;padding:12px 20px;font-size:15px;white-space:nowrap}

/* video walls */
.lp-vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px;align-items:start;align-content:start}
.lp-vgrid.c3{grid-template-columns:repeat(3,1fr)}
.lp-vgrid.c2{grid-template-columns:repeat(2,1fr)}
@media (max-width:980px){.lp-vgrid,.lp-vgrid.c3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.lp-vgrid,.lp-vgrid.c3,.lp-vgrid.c2{grid-template-columns:1fr}}
.lp-v figure,.lp-v{margin:0}
.lp-vbox{position:relative;aspect-ratio:9/16;border-radius:16px;overflow:hidden;border:1px solid #2A2A28;background:#000}
.lp-vbox.wide{aspect-ratio:16/9}
.lp-vbox iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lp-vcap{margin:10px 0 0;font-size:13.5px;line-height:1.55;color:#A1A1AA}
.lp-vcap b{color:#fff;font-weight:600}

/* distinct click-to-play video cards */
.lp-vcard{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid #2A2A28;cursor:pointer;padding:0;width:100%;display:block;text-align:start;color:#fff;font-family:inherit;transition:transform .22s,border-color .22s;background:#1A1A18 center/cover no-repeat}
.lp-vcard:hover{transform:translateY(-3px);border-color:#fff}
.lp-vcard .num{position:absolute;top:12px;inset-inline-start:14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:rgba(255,255,255,.85);direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .lp-vcard .num{left:auto;right:14px}
.lp-vcard .ttl{position:absolute;bottom:14px;inset-inline:14px;font-size:14.5px;font-weight:700;line-height:1.3;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.lp-vcard .play{position:absolute;top:50%;inset-inline-start:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(10,10,10,.55);border:1px solid rgba(255,255,255,.55);display:grid;place-items:center;backdrop-filter:blur(3px)}
html[dir="rtl"] .lp-vcard .play{transform:translate(50%,-50%)}
.lp-vcard .play::after{content:"";width:0;height:0;border-inline-start:14px solid #fff;border-block:9px solid transparent;margin-inline-start:4px}
html[dir="rtl"] .lp-vcard .play::after{border-inline-start:0;border-inline-end:14px solid #fff;margin-inline-start:0;margin-inline-end:4px}
.lp-vcard .kind{position:absolute;top:11px;inset-inline-end:14px;font-size:10.5px;padding:4px 9px;border-radius:999px;background:rgba(10,10,10,.45);border:1px solid rgba(255,255,255,.28)}
html[dir="rtl"] .lp-vcard .kind{right:auto;left:14px}
.lp-vcard.vert{aspect-ratio:9/16}
.lp-vplayed.vert{aspect-ratio:9/16}
.lp-vcard .views{position:absolute;bottom:14px;inset-inline-end:14px;font-family:var(--font-mono);font-size:12px;font-weight:600;padding:4px 9px;border-radius:8px;background:rgba(10,10,10,.55);border:1px solid rgba(255,255,255,.3);direction:ltr;unicode-bidi:isolate}
.lp-vcard .ttl.up{bottom:40px}
.lp-vplayed{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid #3A3A36;background:#000}
.lp-vplayed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* team */
.lp-team{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:28px}
@media (max-width:1000px){.lp-team{grid-template-columns:repeat(6,1fr)}}
@media (max-width:700px){.lp-team{grid-template-columns:repeat(4,1fr)}}
.lp-mem{border:1px solid #2A2A28;border-radius:14px;overflow:hidden;background:#111110}
.lp-mem .p{aspect-ratio:1;background:#1A1A18 center 18%/cover no-repeat}
.lp-mem b{display:block;font-size:12.5px;font-weight:600;padding:8px 9px 2px}
.lp-mem span{display:block;font-size:10.5px;line-height:1.35;color:#A1A1AA;padding:0 9px 9px}
.lp-mosaic{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}
@media (max-width:760px){.lp-mosaic{grid-template-columns:repeat(2,1fr)}}
.lp-mosaic .m{border-radius:16px;border:1px solid #2A2A28;background:#1A1A18 center/cover no-repeat;aspect-ratio:4/3}
.lp-mosaic .m.tall{grid-row:span 2;aspect-ratio:4/6}
.lp-mosaic .m.wide{grid-column:span 2;aspect-ratio:8/3}

/* feature block */
.lp-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(20px,3.6vw,44px);align-items:center;margin-top:30px;border:1px solid rgba(0,254,255,.24);border-radius:24px;padding:clamp(20px,3vw,34px);background:linear-gradient(150deg,rgba(0,254,255,.09),rgba(229,85,200,.08))}
@media (max-width:860px){.lp-feature{grid-template-columns:1fr}}
.lp-feature .ph{aspect-ratio:16/10;border-radius:16px;border:1px solid #2A2A28;background:#1A1A18 center/cover no-repeat}

/* case detail cards (no links) */
.lp-case .did{margin-top:10px;font-size:14px;line-height:1.6;color:#D4D4D8}
.lp-case .did b{color:#fff;font-weight:600}
div.lp-case:hover{transform:none}
.lp-case .res b{font-size:26px}
.lp-case .res.multi{gap:16px}
.lp-case .res.multi>div{display:flex;flex-direction:column;gap:3px}
.lp-case .res.multi span{font-size:12px}

/* clients roster */
.lp-roster{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.lp-roster span{padding:9px 14px;border-radius:999px;border:1px solid #2A2A28;background:#111110;font-size:13.5px;color:#D4D4D8}

/* reveal */
[data-rv]{opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
[data-rv].in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){[data-rv]{opacity:1;transform:none;transition:none}.lp-btn{transition:none}}

/* wide hero stat (3,000,000,000) */
.lp-stats .lp-stat.wide{grid-column:span 2}
.lp-stats .lp-stat.wide b{font-size:clamp(28px,4.4vw,46px);letter-spacing:-.02em}
@media (max-width:560px){.lp-stats .lp-stat.wide{grid-column:span 2}.lp-stats .lp-stat.wide b{font-size:clamp(24px,7vw,34px)}}
/* landscape analytics tile inside the proof grid */
.lp-proof button.wide2{grid-column:span 2;aspect-ratio:16/11}

/* problems section now opens the page */
.lp-first{padding-top:clamp(58px,9vw,104px)}

/* unit label beside the countdown */
.lp-cd .cdl{font-family:var(--font-sans);font-style:normal;font-size:12px;font-weight:500;letter-spacing:.02em;color:#A1A1AA;margin-inline-start:2px}
html[lang="ar"] .lp-cd .cdl{font-family:var(--font-ar,"IBM Plex Sans Arabic",system-ui,sans-serif);font-size:12.5px}
.lp-offer .lp-cd .cdl{font-size:13px}

/* avatar production walkthrough */
.av-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:28px}
@media (max-width:860px){.av-steps{grid-template-columns:1fr;gap:18px}}
.av-step{margin:0;border:1px solid #2A2A28;border-radius:18px;overflow:hidden;background:#101010}
.av-step:hover{border-color:#3A3A38}
.av-step button{display:block;width:100%;padding:0;border:0;border-bottom:1px solid #2A2A28;background:#0B0B0B;cursor:zoom-in;aspect-ratio:16/9}
.av-step img{width:100%;height:100%;object-fit:cover;display:block}
.av-step figcaption{padding:18px 20px 20px;position:relative}
.av-step .s{position:absolute;inset-inline-end:20px;top:16px;font-family:var(--font-mono);font-size:12px;color:#71717A;letter-spacing:.06em}
.av-step h4{margin:0 0 7px;font-size:17px;font-weight:600;color:#fff;padding-inline-end:34px}
.av-step p{margin:0;font-size:14.5px;line-height:1.75;color:#A1A1AA;text-wrap:pretty}

/* logo lockup */
.lp-brand{display:inline-flex;align-items:center;line-height:0;text-decoration:none}
.lp-brand img{height:30px;width:auto;display:block}
@media (max-width:560px){.lp-brand img{height:24px}}
.foot-brand{display:flex;align-items:center;gap:12px}
.foot-brand img{height:26px;width:auto;opacity:.9}

/* opening strip of real results */
.lp-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(132px,1fr);gap:10px;margin:30px 0 34px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:6px;scrollbar-width:thin}
.lp-strip button{padding:0;border:1px solid #2A2A28;border-radius:12px;overflow:hidden;background:#141414;cursor:zoom-in;aspect-ratio:9/16;scroll-snap-align:start}
.lp-strip button:hover{border-color:#fff}
.lp-strip img{width:100%;height:100%;object-fit:cover;display:block}

/* horizontal video rails */
.lp-rail-h{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:44px 0 14px}
.lp-rail-h .lp-h3{margin:0 0 4px}
.lp-rail-h .lp-micro{margin:0}
.lp-rail-nav{display:flex;gap:8px;flex:0 0 auto}
.lp-rail-nav .rn{width:38px;height:38px;border-radius:50%;border:1px solid #2A2A28;background:#141414;color:#E4E4E7;font:400 20px/1 system-ui,sans-serif;cursor:pointer;display:grid;place-items:center}
.lp-rail-nav .rn:hover{background:#1E1E1C;border-color:#3F3F46;color:#fff}
.lp-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(268px,268px);gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-behavior:smooth;padding-bottom:10px;scrollbar-width:thin}
.lp-rail.vt{grid-auto-columns:minmax(184px,184px)}
.lp-rail .lp-vcard{scroll-snap-align:start;aspect-ratio:16/9;border-radius:14px;background-size:cover;background-position:center;position:relative;border:1px solid #2A2A28;cursor:pointer;padding:0;overflow:hidden}
.lp-rail.vt .lp-vcard{aspect-ratio:9/16}
.lp-rail .lp-vcard:hover{border-color:#fff}
.lp-rail .lp-vcard .sh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,11,.06),rgba(11,11,11,.6))}
@media (max-width:560px){.lp-rail{grid-auto-columns:minmax(230px,230px)}.lp-rail.vt{grid-auto-columns:minmax(152px,152px)}.lp-rail-h{flex-direction:column;align-items:flex-start;gap:12px}}

.lp-rail .lp-vcard>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* merged proof gallery — masonry columns, every image shown whole (no cropping) */
.lp-proof{display:block;columns:5;column-gap:12px;grid-template-columns:none;margin-top:30px}
@media (max-width:1100px){.lp-proof{columns:4}}
@media (max-width:820px){.lp-proof{columns:3}}
@media (max-width:520px){.lp-proof{columns:2;column-gap:9px}}
.lp-proof button,.lp-proof button.fit,.lp-proof button.wide2{display:block;width:100%;aspect-ratio:auto;grid-column:auto;break-inside:avoid;margin:0 0 12px;padding:0;border:1px solid #2A2A28;border-radius:12px;overflow:hidden;background:#141414;cursor:zoom-in}
@media (max-width:520px){.lp-proof button{margin-bottom:9px}}
.lp-proof button:hover{border-color:#fff}
.lp-proof img,.lp-proof button.fit img{display:block;width:100%;height:auto;object-fit:fill}

.lp-proof button{content-visibility:auto;contain-intrinsic-size:auto 340px}

/* section tab label in the Work With Us header */
.lp-tab{display:inline-flex;align-items:center;gap:7px;margin-inline-start:16px;padding:6px 13px;border:1px solid #2A2A28;border-radius:999px;background:#141414;font-size:13px;font-weight:500;color:#E4E4E7;white-space:nowrap}
.lp-tab::before{content:"";width:6px;height:6px;border-radius:50%;background:#25D366}
@media (max-width:760px){.lp-tab{display:none}}

/* tabs stay on screen while reading this long page */
body.lp .topbar{position:sticky;top:10px;z-index:60}
body.lp .topbar.scrolled .topbar-inner{background:rgba(14,14,14,.86);backdrop-filter:blur(20px) saturate(180%);border-color:#2A2A28;box-shadow:0 18px 50px -24px rgba(0,0,0,.9)}
body.lp .lp-bar{position:relative;z-index:61}