/* WD-277 build output — do not edit; edit the source page and re-run the build. */

@font-face{font-family:'Proxima Soft Complete';font-weight:300;font-style:normal;font-display:swap;
  src:url('https://sophicly.b-cdn.net/Fonts%20for%20Sophicly%20Website/Proxima%20Soft/ProximaSoft-Light.woff2') format('woff2')}
@font-face{font-family:'Proxima Soft Complete';font-weight:400;font-style:normal;font-display:swap;
  src:url('https://sophicly.b-cdn.net/Fonts%20for%20Sophicly%20Website/Proxima%20Soft/ProximaSoft-Regular.woff2') format('woff2')}
@font-face{font-family:'Proxima Soft Complete';font-weight:600;font-style:normal;font-display:swap;
  src:url('https://sophicly.b-cdn.net/Fonts%20for%20Sophicly%20Website/Proxima%20Soft/ProximaSoft-SemiBold.woff2') format('woff2')}
@font-face{font-family:'Proxima Soft Complete';font-weight:700;font-style:normal;font-display:swap;
  src:url('https://sophicly.b-cdn.net/Fonts%20for%20Sophicly%20Website/Proxima%20Soft/ProximaSoft-Bold.woff2') format('woff2')}
@font-face{font-family:'Playfair Display Complete';font-weight:400;font-style:normal;font-display:swap;
  src:url('https://sophicly.b-cdn.net/Fonts%20for%20Sophicly%20Website/Playfair%20Display/playfairdisplay-regular-webfont.woff2') format('woff2')}
@font-face{font-family:'Playfair Display Complete';font-weight:700;font-style:normal;font-display:swap;
  src:url('https://sophicly.b-cdn.net/Fonts%20for%20Sophicly%20Website/Playfair%20Display/playfairdisplay-bold-webfont.woff2') format('woff2')}
@font-face{font-family:'Playfair Display Complete';font-weight:400;font-style:italic;font-display:swap;
  src:url('https://sophicly.b-cdn.net/Fonts%20for%20Sophicly%20Website/Playfair%20Display/playfairdisplay-italic-webfont.woff2') format('woff2')}
@font-face{font-family:'Playfair Display Complete';font-weight:700;font-style:italic;font-display:swap;
  src:url('https://sophicly.b-cdn.net/Fonts%20for%20Sophicly%20Website/Playfair%20Display/playfairdisplay-bolditalic-webfont.woff2') format('woff2')}


html.swr-testimonials{
  --swr-serif:'Playfair Display Complete','Playfair Display',Georgia,serif;
  --swr-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --swr-sans:'Proxima Soft Complete','Proxima Soft',proxima-soft,-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --swr-page:#191919;
  --swr-ink:#2c003e;
  --swr-brand:#5333ed;
}
*{ box-sizing:border-box }
html.swr-testimonials{ margin:0; height:100%; overflow:hidden; background:var(--swr-page) }
html.swr-testimonials body{
  margin:0; height:100%; overflow:hidden; background:transparent;
  color:#f4f2f8; font:300 16px/1.5 var(--swr-sans); -webkit-font-smoothing:antialiased;
  cursor:grab;
}
html.swr-testimonials body.is-dragging{ cursor:grabbing }


.crt-overlay{
  position:fixed; inset:0; width:100vw; height:100vh;
  opacity:.17; z-index:9999; pointer-events:none; overflow:hidden;
  animation:crt-scan 8s linear infinite;
}
.crt-overlay::before{  content:" "; display:block; position:absolute; inset:0; z-index:2; pointer-events:none;
  background:linear-gradient(to bottom, rgba(18,16,16,0) 50%, rgba(0,0,0,.25) 50%);
  background-size:100% 4px;
}
.crt-overlay::after{  content:" "; display:block; position:absolute; inset:0; z-index:2; pointer-events:none;
  background:radial-gradient(circle, rgba(0,0,0,0) 50%, rgba(0,0,0,.4) 100%);
  animation:flicker .15s infinite;
}
@keyframes flicker{ 0%{opacity:.95} 50%{opacity:.92} 100%{opacity:.96} }
@keyframes crt-scan{
  0%{ background-color:rgba(255,255,255,0) }
  50%{ background-color:rgba(255,255,255,.02) }
  100%{ background-color:rgba(255,255,255,0) }
}
@media (prefers-reduced-motion:reduce){
  .crt-overlay{ animation:none }
  .crt-overlay::after{ animation:none; opacity:.95 }
}

.pblur{
  --swr-blur:3rem; --swr-ratio:1.9;
  position:fixed; inset:0 0 auto; height:10vw; min-height:0;
  z-index:10; pointer-events:none; overflow:clip;
}
.pblur.is--bottom{ inset:auto 0 0; transform:rotate(180deg) }
.pblur__panel{ position:absolute; width:100%; height:100%; padding:0 }
.pblur__panel.is-1 { backdrop-filter:blur(var(--swr-blur));
  -webkit-mask:linear-gradient(#000 0% 10%,#0000 30%);            mask:linear-gradient(#000 0% 10%,#0000 30%) }
.pblur__panel.is-2 { backdrop-filter:blur(calc(var(--swr-blur)/var(--swr-ratio)));
  -webkit-mask:linear-gradient(#0000 0%,#000 10% 20%,#0000 40%);  mask:linear-gradient(#0000 0%,#000 10% 20%,#0000 40%) }
.pblur__panel.is-3 { backdrop-filter:blur(calc(var(--swr-blur)/(var(--swr-ratio)*var(--swr-ratio))));
  -webkit-mask:linear-gradient(#0000 0%,#000 20% 30%,#0000 50%);  mask:linear-gradient(#0000 0%,#000 20% 30%,#0000 50%) }
.pblur__panel.is-4 { backdrop-filter:blur(calc(var(--swr-blur)/(var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio))));
  -webkit-mask:linear-gradient(#0000 10%,#000 30% 40%,#0000 60%); mask:linear-gradient(#0000 10%,#000 30% 40%,#0000 60%) }
.pblur__panel.is-5 { backdrop-filter:blur(calc(var(--swr-blur)/(var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio))));
  -webkit-mask:linear-gradient(#0000 20%,#000 40% 50%,#0000 70%); mask:linear-gradient(#0000 20%,#000 40% 50%,#0000 70%) }
.pblur__panel.is-6 { backdrop-filter:blur(calc(var(--swr-blur)/(var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio))));
  -webkit-mask:linear-gradient(#0000 30%,#000 50% 60%,#0000 80%); mask:linear-gradient(#0000 30%,#000 50% 60%,#0000 80%) }
.pblur__panel.is-7 { backdrop-filter:blur(calc(var(--swr-blur)/(var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio))));
  -webkit-mask:linear-gradient(#0000 40%,#000 60% 70%,#0000 90%); mask:linear-gradient(#0000 40%,#000 60% 70%,#0000 90%) }
.pblur__panel.is-8 { backdrop-filter:blur(calc(var(--swr-blur)/(var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio))));
  -webkit-mask:linear-gradient(#0000 50%,#000 70% 80%,#0000 100%);mask:linear-gradient(#0000 50%,#000 70% 80%,#0000 100%) }
.pblur__panel.is-9 { backdrop-filter:blur(calc(var(--swr-blur)/(var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio))));
  -webkit-mask:linear-gradient(#0000 60%,#000 80% 90%,#0000 100%);mask:linear-gradient(#0000 60%,#000 80% 90%,#0000 100%) }
.pblur__panel.is-10{ backdrop-filter:blur(calc(var(--swr-blur)/(var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio)*var(--swr-ratio))));
  -webkit-mask:linear-gradient(#0000 70%,#000 90%,#0000 100%);    mask:linear-gradient(#0000 70%,#000 90%,#0000 100%) }


.blink-char{ animation:blink 1s steps(1) infinite }
@keyframes blink{ 0%,49%{opacity:1} 50%,100%{opacity:0} }

.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0;
}

.js-grid{
  position:fixed; top:0; left:0; z-index:1;
  display:grid;  touch-action:none;
}
.js-plane{
  display:block; width:426px; height:484px; margin:3px;
  color:inherit; text-decoration:none;
  background:transparent; border:0;
}
.js-plane:focus-visible{ outline:2px solid #fff; outline-offset:4px }

.no-webgl .js-plane{
  background-size:cover; background-position:center;
  background-color:#222; border-radius:2px;
}
.no-webgl .js-grid{ position:absolute }
.no-webgl body,.no-webgl html.swr-testimonials{ overflow:auto }


.popup-comp{
  font-size:12px;  z-index:50;
  border-radius:8px;
  outline:1px solid rgba(244,241,251,.22);
  outline-offset:0;
  flex-flow:row;justify-content:center;align-items:center;
  max-height:7em;padding:.5em;display:flex;
  position:fixed;inset:auto 2em 2em auto;
}
.popup-bg{
  z-index:-1;border-radius:8px;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  pointer-events:none;background-color:rgba(23,10,32,.62);
  width:100%;height:100%;position:absolute;inset:0;
}
.popup-toggle{
  cursor:pointer;justify-content:center;align-items:center;display:flex;
  position:absolute;top:.4em;left:.4em;
  z-index:60;
  width:1.9em;height:1.9em;border-radius:50%;
  background:rgba(12,6,20,.55);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
  border:0;padding:0;color:var(--swr-ink);
  transition:background .25s var(--swr-pk-ease), transform .25s var(--swr-pk-ease);
}
.popup-toggle:hover{ background:rgba(12,6,20,.78); transform:scale(1.06) }
.popup-toggle svg{width:1.15em;height:1.15em}
.popup-toggle:focus-visible{outline:2px solid var(--swr-brand-lift);outline-offset:2px;border-radius:50%}
.popup-toggle_open{position:absolute}
.popup-comp:not(.is-open) .popup-toggle_close{opacity:0;pointer-events:none}
.popup-comp.is-open .popup-toggle_open{opacity:0;pointer-events:none}
.popup-toggle svg{display:block;width:2em;height:2em;transition:opacity .3s linear}
.popup-content{
  z-index:50;gap:.25em;justify-content:center;align-items:center;height:6em;
  transition:all .6s var(--swr-pk-ease);display:flex;position:relative;
}
.popup-thumb{
  aspect-ratio:1;border-radius:4px;object-fit:cover;width:6em;height:6em;
  position:relative;overflow:hidden;flex:none;
}
.popup-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.popup-text{
  opacity:0;justify-content:space-between;align-self:stretch;align-items:center;
  max-width:0;transition:all .8s var(--swr-pk-ease);display:flex;position:relative;overflow:hidden;
}
.popup-comp.is-open .popup-text{
  opacity:1;max-width:22em;padding-left:.5em;padding-right:.5em;transition-duration:.8s;
}
.popup-text_mask{height:100%;display:flex;overflow:hidden;align-items:center}
.popup-text_item{
  opacity:1;white-space:pre-wrap;justify-content:flex-start;align-items:center;max-width:22em;
  font-size:1.15em;line-height:1.4;
}
.popup-text-inner{opacity:0;pointer-events:none;transition:opacity .4s linear .2s}
.popup-comp.is-open .popup-text-inner{opacity:1;pointer-events:auto}
.popup-action{
  aspect-ratio:1;cursor:pointer;width:6em;height:6em;margin-left:auto;position:relative;flex:none;
  display:flex;align-items:center;justify-content:center;
  border:0;border-radius:4px;background:var(--swr-brand);color:#fff;text-decoration:none;
  transition:background .3s linear;
}
.popup-action:hover{background:var(--swr-brand-lift)}
.popup-action:focus-visible{outline:2px solid var(--swr-ink);outline-offset:2px}
.sc-roll{position:relative;display:block;overflow:hidden;height:1.6em;width:1.6em}
.sc-roll span{display:block;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.sc-roll span:last-child{position:absolute;top:0;left:0;width:100%;transform:translateY(100%)}
.popup-action:hover .sc-roll span:first-child{transform:translateY(-100%)}
.popup-action:hover .sc-roll span:last-child{transform:translateY(0)}
.sc-roll svg{display:block;width:1.6em;height:1.6em}
.popup-text,.popup-content,.popup-text-inner,.sc-roll span,.popup-toggle svg{transition:none}

.popup-comp{ position:fixed; right:clamp(16px,2.5vw,34px); bottom:clamp(16px,2.5vw,34px);
  z-index:10000;
  --swr-ink:#f4f1fb;  --swr-brand:#5333ed;
  --swr-brand-lift:#8f7bff;  --swr-pk-ease:cubic-bezier(.509,.188,.041,.989);}

.popup-toggle{ filter:drop-shadow(0 1px 3px rgba(0,0,0,.85)) drop-shadow(0 0 1px rgba(0,0,0,.6)) }

.popup-wa{
  position:absolute; right:-.22em; bottom:-.22em; z-index:2;
  width:1.9em; height:1.9em; border-radius:50%;
  display:grid; place-items:center;
  background:#25D366; color:#fff;  box-shadow:0 0 0 .18em var(--swr-page, #111), 0 .1em .3em rgba(0,0,0,.45);
}
.popup-wa svg{ width:64%; height:64%; display:block }

.popup-action .sc-roll,
.popup-action .sc-roll svg{ width:3.4em; height:3.4em }
.popup-wa[hidden]{ display:none }
@media (max-width:640px){ .popup-comp{ right:12px; bottom:12px } }


html.swr-testimonials{ background:var(--swr-page) !important; }
html.swr-testimonials body{ background:transparent !important; }

html.swr-testimonials #main{ background:transparent !important; }

html.swr-testimonials .mwai-trigger,
html.swr-testimonials .mwai-open-button{ display:none !important; }

html.swr-testimonials .sn-tab-trigger,
html.swr-testimonials .sn-fab-trigger,
html.swr-testimonials .sn-backdrop,
html.swr-testimonials .sn-panel,
html.swr-testimonials .sn-toast{ display:none !important; }

html.swr-testimonials #stxoverlay,
html.swr-testimonials #stxroot{ display:none !important; }