/* pages/social-media.css */
.lusite-w:is(#lusite-w,.lusite-w) .sm-hero .in-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-hero .in-hero__copy{container-type:inline-size}
.lusite-w:is(#lusite-w,.lusite-w) .sm-hero .in-hero__h1{font-size:clamp(2.4rem,.9rem + 3.7vw,4.3rem)}
@supports (font-size:1cqi){
.lusite-w:is(#lusite-w,.lusite-w) .sm-hero .in-hero__h1{font-size:clamp(2.3rem,11.6cqi,5.4rem)}
}
.lusite-w:is(#lusite-w,.lusite-w) .sm-hero .in-hero__h1 .lu-mk{display:block}
.lusite-w:is(#lusite-w,.lusite-w) .sm-hero .in-crumbs a{display:inline-block;padding:11px 8px;margin:-11px -8px}
.lusite-w:is(#lusite-w,.lusite-w) .sm-hero [data-hero-cta] > .lu-btn{transition-property:background,color,border-color,box-shadow}
.lusite-w:is(#lusite-w,.lusite-w) .sm-col{position:relative;width:100%;max-width:580px;margin-inline:auto}
.lusite-w:is(#lusite-w,.lusite-w) .sm-col__stage{position:relative;aspect-ratio:100 / 112}
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph{position:absolute;margin:0;left:var(--x);top:var(--y);width:var(--w);z-index:var(--z,1)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph__f{position:relative;padding:clamp(3px,.35vw,5px);border-radius:clamp(14px,1.7vw,24px);
  background:linear-gradient(155deg,#27415F 0%,#0A1B2F 55%,#06121F 100%);
  box-shadow:0 36px 60px -26px rgba(0,0,0,.8),0 10px 24px -12px rgba(0,0,0,.5),inset 0 0 0 1px rgba(242,246,251,.14);
  transform:rotate(var(--r,0deg))}
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph__f > img,.lusite-w:is(#lusite-w,.lusite-w) .sm-ph__f > video{display:block;width:100%;height:auto;border-radius:clamp(11px,1.35vw,19px);background:#0B1A2C}
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph--main .sm-ph__f{box-shadow:0 44px 70px -26px rgba(0,0,0,.85),0 0 0 1px rgba(166,206,56,.45),inset 0 0 0 1px rgba(242,246,251,.16)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph--bl{--x:15%;--y:1.8%;--w:25%;--r:-11deg;--z:1}
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph--br{--x:60%;--y:0%;--w:25%;--r:10deg;--z:1}
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph--l{--x:5%;--y:23%;--w:29%;--r:-7deg;--z:3}
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph--r{--x:66%;--y:21%;--w:29%;--r:6deg;--z:3}
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph--main{--x:32%;--y:13%;--w:36%;--r:-2deg;--z:5}
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph--fl{--x:1%;--y:62%;--w:22%;--r:-9deg;--z:6}
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph--fr{--x:76%;--y:55%;--w:23%;--r:12deg;--z:6}
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph__live{position:absolute;top:clamp(10px,1.2vw,16px);left:clamp(10px,1.2vw,16px);display:inline-flex;align-items:center;gap:7px;
  padding:5px 10px 5px 9px;border-radius:999px;background:rgba(2,26,51,.78);border:1px solid rgba(242,246,251,.16);
  color:#F2F6FB;font-family:var(--f-mono);font-size:.75rem;font-weight:700;letter-spacing:.16em;direction:ltr;line-height:1.2}
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph__live i{position:relative;width:7px;height:7px;border-radius:50%;background:var(--lime);flex:none}
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph__live i::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--lime);animation:lusite-social-media-smPulse 1.8s var(--ease-soft) infinite}
@keyframes lusite-social-media-smPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(3.2);opacity:0}}
.lusite-w:is(#lusite-w,.lusite-w) .sm-col__wm{position:absolute;z-index:8;left:31%;width:38%;bottom:2%;padding:clamp(12px,1.4vw,18px) clamp(14px,1.7vw,22px);
  border-radius:clamp(16px,1.6vw,22px);background:var(--navy-deep);border:1px solid rgba(242,246,251,.14);
  box-shadow:0 26px 50px -20px rgba(0,0,0,.8)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-col__wm img{display:block;width:100%;height:auto}
@media (max-width:900px){
.lusite-w:is(#lusite-w,.lusite-w) .sm-hero .in-hero__grid{grid-template-columns:minmax(0,1fr)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-hero .in-hero__visual{max-width:440px}
.lusite-w:is(#lusite-w,.lusite-w) .sm-hero{padding-block-start:calc(var(--hdr-h) + 14px)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-hero .in-hero__grid{gap:14px}
.lusite-w:is(#lusite-w,.lusite-w) .sm-hero .in-hero__copy{gap:clamp(12px,1.8vh,18px)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-col__stage{aspect-ratio:100 / 56}
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph--bl,.lusite-w:is(#lusite-w,.lusite-w) .sm-ph--br,.lusite-w:is(#lusite-w,.lusite-w) .sm-ph--fl,.lusite-w:is(#lusite-w,.lusite-w) .sm-ph--fr{display:none}
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph--main{--x:36%;--y:0%;--w:28%;--r:-2deg}
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph--l{--x:13%;--y:8%;--w:23%;--r:-8deg}
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph--r{--x:64%;--y:6%;--w:23%;--r:8deg}
.lusite-w:is(#lusite-w,.lusite-w) .sm-col__wm{left:auto;right:0;bottom:-3%;width:28%;padding:8px 10px;border-radius:12px}
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph__live{top:7px;left:7px;font-size:.75rem;letter-spacing:.06em;padding:3px 7px;gap:5px}
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph__live i{width:6px;height:6px}
}
@supports (font-size:1cqi){
@media (max-width:900px){
.lusite-w:is(#lusite-w,.lusite-w) .sm-hero .in-hero__h1{font-size:clamp(2.2rem,10.6cqi,4.6rem)}
}
}
@media (max-width:900px) and (max-height:800px){
.lusite-w:is(#lusite-w,.lusite-w) .sm-col__stage{aspect-ratio:100 / 48}
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph--main{--x:37%;--w:26%}
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph--l{--x:16%;--w:21%}
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph--r{--x:63%;--w:21%}
.lusite-w:is(#lusite-w,.lusite-w) .sm-col__wm{width:26%;padding:7px 9px}
}
@media (hover:none),(pointer:coarse){
.lusite-w:is(#lusite-w,.lusite-w) .sm-ph__live i::after{animation:none}
}
.lusite-w:is(#lusite-w,.lusite-w) .sm-proof .lu-chead{margin-block-end:clamp(30px,4.4vw,64px)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-climb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(8px,1vw,14px);
  border-bottom:1.5px solid var(--on-ground-line)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-step{display:flex;flex-direction:column;gap:6px;min-width:0}
.lusite-w:is(#lusite-w,.lusite-w) .sm-step__n{display:block;font-family:var(--f-display);font-variant-numeric:tabular-nums;font-weight:800;font-size:clamp(2rem,.7rem + 3.7vw,4.5rem);
  line-height:1;letter-spacing:-.02em;white-space:nowrap;color:var(--on-ground);text-align:right}
.lusite-w:is(#lusite-w,.lusite-w) .sm-step__t{color:var(--on-ground-soft);font-weight:500;font-size:clamp(1rem,.95rem + .3vw,1.2rem);padding-block-end:clamp(12px,1.6vw,22px)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-step__block{display:block;height:var(--h);background:var(--c);border-radius:var(--r-md) var(--r-md) 0 0;
  transform-origin:50% 100%;transition:transform 1.3s var(--ease-out);transition-delay:calc(var(--d,0) * 150ms + .2s)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-step{--h:clamp(70px,7.4vw,112px)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-step--2{margin-block-end:clamp(44px,4.8vw,72px)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-step--3{margin-block-end:clamp(88px,9.6vw,144px)}
html.lu-anim .lusite-w:is(#lusite-w,.lusite-w) .sm-step:not(.is-in) .sm-step__block{transform:scaleY(.05)}
@media (max-width:900px){
.lusite-w:is(#lusite-w,.lusite-w) .sm-climb{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:clamp(26px,5vw,36px);border:0}
.lusite-w:is(#lusite-w,.lusite-w) .sm-step{gap:8px}
.lusite-w:is(#lusite-w,.lusite-w) .sm-step__n{font-size:clamp(2.4rem,1.2rem + 6vw,3.6rem)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-step__t{padding:0}
.lusite-w:is(#lusite-w,.lusite-w) .sm-step__block{height:14px;width:var(--wm);border-radius:7px;transform-origin:100% 50%}
.lusite-w:is(#lusite-w,.lusite-w) .sm-step{--wm:46%}
.lusite-w:is(#lusite-w,.lusite-w) .sm-step--2{--wm:70%;margin-block-end:0}
.lusite-w:is(#lusite-w,.lusite-w) .sm-step--3{--wm:94%;margin-block-end:0}
html.lu-anim .lusite-w:is(#lusite-w,.lusite-w) .sm-step:not(.is-in) .sm-step__block{transform:scaleX(.04)}
}
.lusite-w:is(#lusite-w,.lusite-w) .sm-why .in-text__lead{font-family:var(--f-display);font-weight:700;font-size:clamp(1.35rem,1.05rem + 1vw,1.9rem);line-height:1.4;letter-spacing:-.01em}
.lusite-w:is(#lusite-w,.lusite-w) .sm-why .in-text__aside{align-self:end;justify-self:start}
.lusite-w:is(#lusite-w,.lusite-w) .sm-why__wm{width:clamp(170px,17vw,250px)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-why__wm img{display:block;width:100%;height:auto;border-radius:0}
@media (max-width:900px){
.lusite-w:is(#lusite-w,.lusite-w) .sm-why .in-text__aside{display:none}
}
.lusite-w:is(#lusite-w,.lusite-w) .sm-plat__list{display:grid;gap:clamp(16px,2vw,28px)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-pcard{position:relative;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(22px,4vw,72px);align-items:start;
  padding:clamp(28px,3.6vw,56px);padding-block-start:clamp(52px,5vw,72px);border-radius:var(--r-lg);
  background:var(--card-bg);border:1px solid var(--card-line);box-shadow:var(--shadow-md);overflow:hidden}
.lusite-w:is(#lusite-w,.lusite-w) .sm-pcard::before{content:"";position:absolute;top:0;inset-inline:0;height:6px;background:var(--c)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-pcard__no{position:absolute;top:clamp(20px,2.2vw,30px);inset-inline-start:clamp(28px,3.6vw,56px);
  font-size:.76rem;font-weight:700;letter-spacing:.2em;color:var(--on-ground-faint)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-pcard__id{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(14px,1.6vw,22px)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-pcard__ico{display:grid;place-items:center;width:clamp(56px,5vw,72px);aspect-ratio:1;border-radius:clamp(16px,1.4vw,22px);background:var(--c);color:var(--ink)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-pcard__ico svg{width:46%;height:46%}
.lusite-w:is(#lusite-w,.lusite-w) .sm-pcard__t{font-family:var(--f-display);font-weight:800;font-size:clamp(2.1rem,1.2rem + 2.8vw,4rem);line-height:1;letter-spacing:-.02em}
.lusite-w:is(#lusite-w,.lusite-w) .sm-pcard__body{display:grid;gap:clamp(18px,2vw,26px)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-pcard__p{font-size:var(--fs-lead);line-height:1.7;color:var(--on-ground-soft);max-width:62ch}
.lusite-w:is(#lusite-w,.lusite-w) .sm-pcard__tags{display:flex;flex-wrap:wrap;gap:10px}
.lusite-w:is(#lusite-w,.lusite-w) .sm-pcard__tags li{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:.5em 1.05em;border-radius:var(--r-pill);
  background:var(--ground);border:1px solid var(--card-line);font-weight:600;font-size:.98rem;line-height:1.3}
.lusite-w:is(#lusite-w,.lusite-w) .sm-pcard__tags .lu-ico{color:var(--ci);width:1.05em;height:1.05em;stroke-width:2.6}
@media (min-width:901px) and (min-height:680px){
.lusite-w:is(#lusite-w,.lusite-w) .sm-pcard{position:sticky;top:calc(var(--hdr-h) + 26px + var(--i,0) * 22px)}
}
@media (max-width:900px){
.lusite-w:is(#lusite-w,.lusite-w) .sm-pcard{grid-template-columns:minmax(0,1fr);gap:18px}
.lusite-w:is(#lusite-w,.lusite-w) .sm-pcard__id{flex-direction:row;align-items:center;gap:16px}
}
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw{padding-block:0}
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__pin{padding-block:clamp(56px,9vh,96px)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__head{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__head .lu-chead{margin-block-end:clamp(26px,4vw,40px)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__head .lu-lead{max-width:44ch}
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__list{display:flex;align-items:flex-start;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
  padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);padding-block:8px 22px;
  scrollbar-width:thin;scrollbar-color:rgba(242,246,251,.28) transparent}
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__item{flex:0 0 min(64vw,300px);scroll-snap-align:start}
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__card{display:flex;flex-direction:column;gap:14px;height:100%}
.lusite-w:is(#lusite-w,.lusite-w) .sm-phone{display:block;padding:5px;border-radius:26px;background:linear-gradient(155deg,#27415F 0%,#0A1B2F 55%,#06121F 100%);
  box-shadow:0 30px 56px -26px rgba(0,0,0,.85),inset 0 0 0 1px rgba(242,246,251,.14);transition:transform .6s var(--ease-out),box-shadow .5s}
.lusite-w:is(#lusite-w,.lusite-w) .sm-phone img{display:block;width:100%;height:auto;border-radius:21px;background:#0B1A2C}
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__cap{display:grid;gap:3px;padding-inline:6px}
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__name{font-family:var(--f-display);font-weight:700;font-size:1.18rem;line-height:1.25}
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__handle{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.02em;color:var(--on-ground-faint);text-align:end}
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__go{display:inline-flex;align-items:center;gap:8px;min-height:36px;margin-block-start:4px;font-weight:600;font-size:.95rem;color:var(--accent-ink)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__go svg{width:1.05em;height:1.05em;flex:none}
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__go .lu-ico{transition:transform .35s var(--ease-out)}
@media (hover:hover){
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__card:hover .sm-phone{transform:translateY(-8px);box-shadow:0 40px 70px -26px rgba(0,0,0,.9),inset 0 0 0 1px rgba(166,206,56,.5)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__card:hover .sm-fw__go .lu-ico{transform:translateX(-5px)}
}
@media (min-width:901px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__pin{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding-block:calc(var(--hdr-h) + 20px) 48px}
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__rail{display:flex;align-items:center;gap:clamp(40px,5vw,90px);width:max-content;
    padding-inline:max(var(--gutter),calc((100vw - var(--wrap)) / 2 + var(--gutter)))}
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__head{flex:none;width:clamp(320px,29vw,430px);max-width:none;margin:0;padding:0}
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__head .lu-chead{margin:0}
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__head .lu-h2{font-size:clamp(2.6rem,1.6rem + 2.6vw,4.2rem)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__list{overflow:visible;padding:0;gap:clamp(20px,2vw,32px);scroll-snap-type:none}
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__item{flex:none}
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__item:nth-child(even){margin-block-start:clamp(36px,6vh,64px)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-phone img{width:auto;max-width:none;height:clamp(330px,54vh,580px)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-fw__cap{max-width:calc(clamp(330px,54vh,580px) * .46 + 10px)}
}
.lusite-w:is(#lusite-w,.lusite-w) .in-cta > .lu-bg{inset:calc(var(--fe) * -.5) 0 0;
  background:radial-gradient(64% 58% at 50% 44%,rgba(8,56,104,.95) 0%,rgba(6,49,92,.45) 42%,rgba(2,26,51,0) 72%),var(--navy-deep);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.08) calc(var(--fe)*.2),rgba(0,0,0,.4) calc(var(--fe)*.5),rgba(0,0,0,.85) calc(var(--fe)*.8),#000 var(--fe),#000 100%);
          mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.08) calc(var(--fe)*.2),rgba(0,0,0,.4) calc(var(--fe)*.5),rgba(0,0,0,.85) calc(var(--fe)*.8),#000 var(--fe),#000 100%)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-reels > .lu-wrap{max-width:none;padding-inline:clamp(10px,1.2vw,18px)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-reels .lu-chead{align-items:center;text-align:center;margin-block-end:clamp(22px,3vw,40px)}
.lusite-w:is(#lusite-w,.lusite-w) .sm-reels .in-vwall__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1vw,14px);max-width:1680px;margin-inline:auto}
@media (max-width:767px){
.lusite-w:is(#lusite-w,.lusite-w) .sm-reels > .lu-wrap{padding-inline:var(--gutter)}
}
@media (max-width:640px){
.lusite-w:is(#lusite-w,.lusite-w) .sm-reels .in-vwall__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}