/* ==========================================================================
   Souqly "Everywhere" look — dark pages, particle skies, big clean sans titles.
   Loaded on top of sqr.css (same page structure as the Renaissance look).
   ========================================================================== */
body.sqs{--paper:#0A0A0C;--paper2:#111114;--ink:#F4F4F6;--ink2:rgba(244,244,246,.66);--ink3:rgba(244,244,246,.45);--line:rgba(255,255,255,.12);--dark:#000;--hi:#E7FF5A;
  --rg:'Inter Tight','Readex Pro',system-ui,sans-serif;--rs:'Inter Tight','Readex Pro',system-ui,sans-serif;
  background:#000!important;color:var(--ink)}
html[dir=rtl] body.sqs{--rg:'Readex Pro','Inter Tight',system-ui,sans-serif;--rs:'Readex Pro','Inter Tight',system-ui,sans-serif}

/* header: black glass */
body.sqs .nav{background:rgba(0,0,0,.55)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
body.sqs .nav .brand span{font-family:var(--rg);font-weight:700;font-size:20px;letter-spacing:-.02em}

/* side title + index */
body.sqs .sqr-title{font-family:var(--rg);font-weight:600;font-size:22px;mix-blend-mode:normal;color:#fff}
body.sqs .sqr-title em{font-family:var(--rg);font-weight:300;font-size:1em;opacity:.7}
body.sqs .sqx-side a{color:rgba(255,255,255,.45)!important;mix-blend-mode:normal}
body.sqs .sqx-side{mix-blend-mode:normal}
body.sqs .sqx-side a i{font-family:var(--rg);font-style:normal}

/* particle skies replace the paintings */
.sqs-fx{background:linear-gradient(135deg,#05060b,#171034)}
.sqs-fx canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.sqs-sand{background:linear-gradient(135deg,#140d08,#3d2617)}.sqs-streak{background:linear-gradient(135deg,#05050b,#1e0e2c)}.sqs-warp{background:linear-gradient(135deg,#040404,#161616)}
.sqs-nebula{background:linear-gradient(135deg,#03030b,#0e1440)}.sqs-dust{background:linear-gradient(135deg,#020a0c,#0b2d33)}.sqs-swirl{background:linear-gradient(135deg,#07021a,#2c0b72)}.sqs-aurora2{background:linear-gradient(135deg,#03080a,#0b2622)}
/* the small frames behind screenshots: a soft glow of the same sky */
.sqs-fx.sqr-mat-bg{background:radial-gradient(80% 70% at 30% 20%,rgba(160,130,255,.45),transparent 70%),radial-gradient(70% 70% at 80% 90%,rgba(120,230,210,.3),transparent 70%),#0c0c12}
.sqs-sand.sqr-mat-bg{background:radial-gradient(80% 70% at 30% 20%,rgba(255,190,130,.4),transparent 70%),radial-gradient(70% 70% at 80% 90%,rgba(200,120,80,.35),transparent 70%),#120c08}
.sqs-streak.sqr-mat-bg{background:radial-gradient(80% 70% at 20% 20%,rgba(255,140,220,.35),transparent 70%),radial-gradient(70% 70% at 80% 90%,rgba(140,180,255,.35),transparent 70%),#0b0710}
.sqs-nebula.sqr-mat-bg{background:radial-gradient(80% 70% at 30% 20%,rgba(140,160,255,.4),transparent 70%),radial-gradient(70% 70% at 80% 90%,rgba(200,150,255,.3),transparent 70%),#06071a}
.sqs-dust.sqr-mat-bg{background:radial-gradient(80% 70% at 30% 20%,rgba(120,230,220,.35),transparent 70%),radial-gradient(70% 70% at 80% 90%,rgba(80,180,255,.3),transparent 70%),#04141a}
.sqs-swirl.sqr-mat-bg{background:radial-gradient(80% 70% at 30% 20%,rgba(180,140,255,.45),transparent 70%),radial-gradient(70% 70% at 80% 90%,rgba(255,150,230,.3),transparent 70%),#0e0626}
body.sqs .sqr-shade{background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 30%,transparent 60%,rgba(0,0,0,.75))!important}
body.sqs .sqr-bag{display:none}

/* titles: large, clean, white */
body.sqs .sqr-giant{font-family:var(--rg)!important;font-weight:500!important;letter-spacing:-.055em!important;line-height:.9!important;font-size:clamp(84px,12vw,220px)!important}
body.sqs .sqr-giant .o{display:none}
body.sqs .sqr-giant .f{color:#fff!important;clip-path:none!important;-webkit-text-stroke:0!important;position:relative!important}
body.sqs .sqx-giant .f{opacity:1!important}
body.sqs .sqr-line{font-family:var(--rg);font-style:normal;font-weight:400;font-size:clamp(18px,1.6vw,24px);line-height:1.4;max-width:36ch;color:rgba(255,255,255,.85);letter-spacing:0}
body.sqs .sqr-dc{font:inherit;vertical-align:baseline;margin:0}
body.sqs .sqr-no{display:none}
body.sqs .sqr-h{font-family:var(--rg);font-weight:500;letter-spacing:-.045em;color:#fff;font-size:clamp(44px,5.4vw,88px)}
body.sqs .sqr-h .sqr-dc{font:inherit}
body.sqs .sqr-kick{color:rgba(255,255,255,.5)}
body.sqs .sqr-lead{font-family:var(--rg);font-weight:400;font-size:clamp(19px,1.6vw,24px);line-height:1.45;color:rgba(255,255,255,.72);max-width:44ch}
body.sqs .sqr-row-tx b{font-family:var(--rg);font-weight:500;letter-spacing:-.035em;font-size:clamp(28px,2.8vw,44px);line-height:1.05;color:#fff}
body.sqs .sqr-row-tx p{color:rgba(255,255,255,.62)}
body.sqs .sqr-row-tx em i{border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.8)}
body.sqs .sqr-state{font-family:var(--rg)!important;font-weight:500!important;letter-spacing:-.04em!important;font-size:clamp(34px,4.4vw,72px)!important;line-height:1.05!important}
body.sqs .sqx-fill .fw{color:rgba(255,255,255,.16)}
body.sqs .sqx-fill .fw.on{color:#fff}
body.sqs .sqr-stats dt{color:#fff;font-weight:500;letter-spacing:-.05em}
body.sqs .sqr-biz{font-family:var(--rg);font-style:normal;font-size:20px;color:rgba(255,255,255,.5)}
body.sqs .sqr-biz span::after{color:rgba(255,255,255,.3)}

/* black pages instead of paper */
body.sqs .sqr-paper{background:#000!important;background-image:none!important;color:#fff}
body.sqs .sqr-paper::before{display:none}
body.sqs .sqr-ch{background:#000}
body.sqs .sqr-mat{border-radius:14px;box-shadow:none;border:1px solid rgba(255,255,255,.08)}
body.sqs .sqr-more{border-top:1px solid rgba(255,255,255,.12);grid-template-columns:repeat(3,1fr)}
body.sqs .sqr-more li b{font-family:var(--rg);font-weight:600;font-size:16px;color:#fff}
body.sqs .sqr-more li span{color:rgba(255,255,255,.55);font-size:14.5px}
body.sqs .sqr-prompt{background:#16161a;border-color:rgba(255,255,255,.12);color:#fff}
body.sqs .sqr-prompt a{background:#fff;color:#000!important}
body.sqs .sqr-prompt i{background:#000;color:#fff}
body.sqs .sqr-prompt.typing span::after{background:#fff}
body.sqs .sqr-cmd{font-family:var(--rg);font-style:normal;font-weight:400;color:rgba(255,255,255,.4)}
body.sqs .sqr-cmd:hover{color:#fff;background:rgba(255,255,255,.08)}
body.sqs .sqr-cmd.on{background:#fff;color:#000}
body.sqs .sqr-prod{background:#141418;color:#fff!important;border:1px solid rgba(255,255,255,.08)}
body.sqs .sqr-prod-tx small{color:rgba(255,255,255,.45)}
body.sqs .sqr-prod-tx em{color:var(--ta,#fff)}
body.sqs .sqr-ph-cap{color:rgba(255,255,255,.55)}body.sqs .sqr-ph-cap b{font-family:var(--rg);color:#fff;font-size:18px}
body.sqs .sqr-btn-ink{background:#fff!important;color:#000!important}
body.sqs .sqr-filter button{color:#fff;border-color:rgba(255,255,255,.18);font-family:var(--rg)}
body.sqs .sqr-filter button:hover{background:rgba(255,255,255,.08)}
body.sqs .sqr-filter button.on{background:#fff;color:#000;border-color:#fff}
body.sqs .sqr-all-g{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.1)}
body.sqs .sqr-feat{background:#000;color:#fff!important}
body.sqs .sqr-feat:hover{background:#0f0f13}
body.sqs .sqr-feat b{font-family:var(--rg);font-weight:600;font-size:19px;letter-spacing:-.02em}
body.sqs .sqr-feat small{color:rgba(255,255,255,.4)}
body.sqs .sqr-feat span{color:rgba(255,255,255,.55)}

/* themes slider, pricing, FAQ, inner pages */
body.sqs .sqt-hs{background:#000!important}
body.sqs .sqt-hs .sqx-h2{font-family:var(--rg);font-style:normal;font-weight:500;letter-spacing:-.04em}
body.sqs .sqx-pricing,body.sqs .sqx-faq,body.sqs .sqx-light,body.sqs .sqx-all,body.sqs .sqx-incl,body.sqs .sqt-gal-sec{background:#000!important;color:#fff!important}
body.sqs .sqx-h2{font-family:var(--rg);font-weight:500;letter-spacing:-.04em}
body.sqs .sqx-lead{color:rgba(255,255,255,.65)!important}
body.sqs .plan{background:#111115!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important;border-radius:16px!important}
body.sqs .plan.popular{background:#fff!important;color:#000!important}
body.sqs .plan .btn-primary{background:var(--hi)!important;color:#000!important}
body.sqs .period-toggle{background:rgba(255,255,255,.08)!important}
body.sqs .sqx-pays i{background:#16161a!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important}
body.sqs .sqx-acc summary{color:#fff!important}body.sqs .sqx-acc p{color:rgba(255,255,255,.65)!important}
body.sqs .sqx-acc details{border-color:rgba(255,255,255,.12)!important}
body.sqs .sqx-acc summary i{border-color:rgba(255,255,255,.2)!important;color:#fff!important}
body.sqs .sqx-btn-dark{background:#fff!important;color:#000!important}
body.sqs .sqx-all-card,body.sqs .sqx-ctile,body.sqs .sqx-form,body.sqs .sqx-post,body.sqs .sqx-feat-post{background:#111115!important;color:#fff!important;border-color:rgba(255,255,255,.1)!important}
body.sqs .sqx-all-card p,body.sqs .sqx-post p,body.sqs .sqx-feat-post p,body.sqs .sqx-ctile small{color:rgba(255,255,255,.6)!important}
body.sqs .sqx-incl li{border-color:rgba(255,255,255,.12)!important;color:#fff!important}
body.sqs .sqx-form input,body.sqs .sqx-form textarea{background:#000!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}
body.sqs .sqx-form label span{color:rgba(255,255,255,.6)!important}
body.sqs .sqx-ch-no{color:rgba(255,255,255,.35)!important;font-family:var(--rg);font-style:normal}
body.sqs .sqr-big{font-family:var(--rg);font-weight:500;letter-spacing:-.05em}
body.sqs .sqt-gi h2{font-family:var(--rg)}
body.sqs .foot{background:#000!important;border-top:1px solid rgba(255,255,255,.1)}

/* ---------- home hero: a ring of "Everywhere" around the Souqly mark ---------- */
body.sqs .sqr-home{background:#000}
body.sqs .sqr-remix-home,body.sqs .sqr-floats-home,body.sqs .sqr-giant-home{display:none}
body.sqs .sqr-home-in{padding-bottom:56px}
body.sqs .sqr-home .sqr-line{font-size:clamp(30px,3.2vw,54px);font-weight:500;letter-spacing:-.035em;line-height:1.05;color:#fff;max-width:18ch}
.sqs-ring{position:absolute;z-index:1;left:50%;top:36%;width:0;height:0;perspective:1100px;pointer-events:none}
.sqs-ring-r{position:absolute;left:0;top:0;transform-style:preserve-3d;animation:sqsSpin 30s linear infinite;transform:rotateX(-10deg) rotateZ(-4deg)}
.sqs-ring-r span{position:absolute;left:0;top:0;translate:-50% -50%;white-space:nowrap;font:400 clamp(40px,4.6vw,82px)/1 var(--rg);letter-spacing:-.04em;color:#fff;text-shadow:0 0 24px rgba(200,170,255,.6);transform:rotateY(calc(var(--i) * 60deg)) translateZ(clamp(220px,22vw,380px));backface-visibility:visible;opacity:.92}
@keyframes sqsSpin{from{transform:rotateX(-10deg) rotateZ(-4deg) rotateY(0)}to{transform:rotateX(-10deg) rotateZ(-4deg) rotateY(-360deg)}}
.sqs-mark{position:absolute;left:0;top:0;width:clamp(80px,9vw,150px);height:auto;translate:-50% -50%;filter:drop-shadow(0 0 40px rgba(170,140,255,.8)) drop-shadow(0 0 90px rgba(120,200,255,.5));animation:sqsGlow 4s ease-in-out infinite alternate}
@keyframes sqsGlow{to{filter:drop-shadow(0 0 60px rgba(200,160,255,1)) drop-shadow(0 0 120px rgba(120,220,255,.7));scale:1.06}}
.sqs-links{display:grid;grid-template-columns:repeat(4,max-content);gap:6px 34px;margin-top:34px}
.sqs-links a{color:rgba(255,255,255,.8)!important;font:500 15px var(--rg);text-decoration:none!important}
.sqs-links a:hover{color:#fff!important}

/* bottom pill: current section name next to the looks */
.sqx-dock-now{display:none}
body.sqs .sqx-dock{background:rgba(20,20,24,.82);border-color:rgba(255,255,255,.14)}
body.sqs .sqx-dock-t{color:rgba(255,255,255,.6)}
body.sqs .sqx-dock-b.on{background:#fff;color:#000}
body.sqs .sqx-dock-now.on{display:inline-flex;align-items:center;font:600 14px/1 var(--rg);padding:0 16px;height:42px;border-radius:99px;background:rgba(255,255,255,.12);color:#fff;margin-inline-end:4px;white-space:nowrap}
body.sqs .sqx-dock-tip{background:#fff;color:#000}body.sqs .sqx-dock-tip::after{border-top-color:#fff}

@media (prefers-reduced-motion:reduce){.sqs-ring-r{animation:none}.sqs-mark{animation:none}}
@media (max-width:900px){
  .sqs-ring{top:30%}
  .sqs-ring-r span{font-size:32px;transform:rotateY(calc(var(--i) * 60deg)) translateZ(140px)}
  .sqs-links{grid-template-columns:repeat(2,max-content)}
  body.sqs .sqr-more{grid-template-columns:1fr 1fr}
  body.sqs .sqx-dock-now.on{display:none}
}

.sqs-ring-r span:nth-child(n+7){display:none}
body.sqs .sqr-home-in{position:relative;z-index:2}
@media (max-width:900px){
  .sqs-ring{top:24%}
  body.sqs .sqr-home-in{padding-top:44svh}
}
@media (max-width:560px){
  .sqs-ring{top:22%}
  .sqs-ring-r span{font-size:26px;transform:rotateY(calc(var(--i) * 60deg)) translateZ(112px)}
  .sqs-mark{width:64px}
}

/* ---------- plans + compare (Everywhere) ---------- */
body.sqs .sqp2{--pl:rgba(255,255,255,.12);--sqp2-bg:#000}
body.sqs .sqp2 .period-toggle{background:#111115!important;border:1px solid rgba(255,255,255,.12)}
body.sqs .sqp2 .period-toggle button{color:rgba(255,255,255,.7)}
body.sqs .sqp2 .period-toggle button.on{background:#fff!important;color:#000!important}
body.sqs .sqp2 .period-toggle em{background:rgba(231,255,90,.16);color:var(--hi)}
body.sqs .sqp2-zero{color:rgba(255,255,255,.7)}body.sqs .sqp2-zero b{color:var(--hi)}
body.sqs .sqp2 .plan{border-radius:20px!important;background:linear-gradient(180deg,#141418,#0c0c0f)!important}
body.sqs .sqp2 .plan.popular{background:radial-gradient(120% 70% at 50% 0%,rgba(150,120,255,.35),transparent 60%),#121018!important;color:#fff!important;border:1px solid rgba(190,170,255,.45)!important}
body.sqs .sqp2 .plan.popular .btn-primary{background:#fff!important;color:#000!important}
body.sqs .sqp2 .plan h3{font-weight:500;letter-spacing:-.03em}
body.sqs .sqp2 .price strong{font-weight:500;letter-spacing:-.05em}
body.sqs .sqp2 .badge-pop{background:var(--hi)!important;color:#000!important}
body.sqs .sqp2-cmp summary span{font-weight:500;letter-spacing:-.04em;font-size:clamp(32px,3.6vw,56px)}
body.sqs .sqp2-y{background:rgba(231,255,90,.14);color:var(--hi)}
body.sqs .sqp2-t .sqp2-pc{background:rgba(160,130,255,.07)}
body.sqs .sqp2-t thead .sqp2-pc{background:#000;box-shadow:inset 0 3px 0 #B593FF}
body.sqs .sqp2-t thead a{color:#fff!important;border-color:rgba(255,255,255,.4)}
body.sqs .sqp2-t thead th.pop a{background:#fff;color:#000!important}
body.sqs .sqp2-t tbody th{color:rgba(255,255,255,.85)}
body.sqs .sqp2-offer{background:linear-gradient(90deg,#2a1a5e,#0e3b3a);border:1px solid rgba(255,255,255,.18);box-shadow:0 0 60px -10px rgba(150,120,255,.6)}
body.sqs .sqp2-offer-pct{background:var(--hi);color:#000}
body.sqs .sqp2-was em{background:var(--hi);color:#000}

/* ---------- Souqly Elite showcase (Everywhere) ---------- */
body.sqs .sqx-elite{background:radial-gradient(60% 50% at 80% 0%,rgba(150,120,255,.35),transparent 60%),radial-gradient(50% 50% at 10% 100%,rgba(90,220,200,.2),transparent 60%),#000!important}
body.sqs .sqx-el-title{font-weight:500;letter-spacing:-.05em}
body.sqs .sqx-el-badge{background:var(--hi);color:#000;box-shadow:0 0 40px -6px rgba(231,255,90,.6)}
body.sqs .sqx-el-price b{background:none;color:#fff;-webkit-background-clip:initial;background-clip:initial}
body.sqs .sqx-el-btn{background:#fff!important;color:#000!important}
body.sqs .sqx-el-shot em{background:var(--hi);color:#000}
body.sqs .sqx-el-feats article{border-radius:18px;background:#111115;border-color:rgba(255,255,255,.1)}