/* Souqly Editions — main site design. Loaded on souqly.space marketing pages by the add-on. */
:root{--x-ink:#0A0C1B;--x-ink2:#2A2F45;--x-mute:#5F667D;--x-paper:#F6F5F0;--x-paper2:#EDEBE3;--x-card:#fff;--x-line:rgba(10,12,27,.1);
--x-dark:#06071A;--x-dark2:#0E1130;--x-dline:rgba(255,255,255,.11);--x-dmute:#A4AAC6;
--x-az:#1A85FB;--x-vi:#5432CA;--x-orc:#B44BFF;--x-or:#FF6A1A;--x-gd:#FFB81C;--x-mint:#19C39C;
--x-grad:linear-gradient(100deg,#1A85FB 0%,#5432CA 38%,#B44BFF 66%,#FF6A1A 100%);
--x-font:'Readex Pro','Plus Jakarta Sans','Cairo',system-ui,sans-serif;--x-serif:'Instrument Serif',Georgia,serif;
--x-ease:cubic-bezier(.16,1,.3,1);--x-wrap:min(1240px,100% - 40px)}
html[data-sqx],html[data-sqx] body{overflow-x:clip}
html[data-sqx]{scroll-behavior:smooth;scroll-padding-top:96px}
body.sqx{font-family:var(--x-font);background:var(--x-paper);color:var(--x-ink);font-size:16.5px;letter-spacing:-.005em}
html[lang=ar] body.sqx{letter-spacing:0}
body.sqx main{padding-top:96px}
body.sqx-t main{padding-top:0}
.sqx h1,.sqx h2,.sqx h3,.sqx h4{font-family:var(--x-font)}
.sqx-wrap{width:var(--x-wrap);margin-inline:auto;position:relative}
.sqx ::selection{background:#B44BFF;color:#fff}

/* ---------- Header ---------- */
.sqx .nav{position:fixed;inset:12px 0 auto;transition:transform .5s var(--x-ease),top .2s;background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none!important;z-index:80;transition:transform .5s var(--x-ease)}
.sqx .nav.sqx-hide{transform:translateY(-130%)}
.sqx .nav-in{width:var(--x-wrap);height:60px;padding-inline:18px 8px;border-radius:999px;background:rgba(255,255,255,.74);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border:1px solid rgba(10,12,27,.07);box-shadow:0 12px 40px -22px rgba(10,12,27,.45);transition:background .4s,border-color .4s,color .4s}
.sqx .brand{font-size:20px;font-weight:600;letter-spacing:-.03em}
.sqx .brand img{width:30px;height:30px}
.sqx .nav-links{margin-inline:auto}
.sqx .nav-links a{font-weight:500;font-size:14.5px;color:var(--x-ink2);padding:8px 14px;border-radius:999px;transition:background .2s,color .2s}
.sqx .nav-links a:hover{background:rgba(10,12,27,.06);color:var(--x-ink)}
.sqx .nav-cta{margin-inline-start:0;gap:6px}
.sqx .lang-switch{font-weight:500;font-size:14px;color:var(--x-ink2);border-radius:999px;padding:8px 12px}
.sqx .btn{border-radius:999px;font-family:var(--x-font);font-weight:500;letter-spacing:0}
.sqx .nav .btn{padding:10px 18px;font-size:14.5px}
.sqx .btn-primary{background:var(--x-ink);color:#fff;box-shadow:none}
.sqx .btn-primary:hover{background:#1c2040;transform:none;box-shadow:0 10px 24px -10px rgba(10,12,27,.6)}
.sqx .btn-ghost{background:transparent;border-color:var(--x-line)}
html.sqx-dark-nav .nav-in{background:rgba(16,18,46,.55);border-color:rgba(255,255,255,.1);box-shadow:0 12px 40px -22px rgba(0,0,0,.8)}
html.sqx-dark-nav .nav .brand,html.sqx-dark-nav .nav-links a,html.sqx-dark-nav .lang-switch,html.sqx-dark-nav .burger{color:#fff}
html.sqx-dark-nav .nav-links a:hover{background:rgba(255,255,255,.1)}
html.sqx-dark-nav .nav .btn-primary{background:#fff;color:var(--x-ink)}
html.sqx-dark-nav .nav .btn-ghost{color:#fff;border-color:rgba(255,255,255,.2)}
.sqx-progress{position:fixed;inset:0 0 auto;height:2px;z-index:90;background:var(--x-grad);transform-origin:0 50%;transform:scaleX(0);pointer-events:none}
html[dir=rtl] .sqx-progress{transform-origin:100% 50%}

/* ---------- Buttons & small parts ---------- */
.sqx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 26px;border-radius:999px;font:500 16px/1.1 var(--x-font);border:1px solid transparent;cursor:pointer;text-decoration:none!important;white-space:nowrap;transition:transform .35s var(--x-ease),box-shadow .35s,background .3s,color .3s;position:relative;overflow:hidden}
.sqx-btn .sqx-arr{transition:transform .35s var(--x-ease)}
.sqx-btn:hover .sqx-arr{transform:translateX(4px)}
html[dir=rtl] .sqx-arr{transform:scaleX(-1)}
html[dir=rtl] .sqx-btn:hover .sqx-arr{transform:scaleX(-1) translateX(4px)}
.sqx-btn-grad{background:var(--x-grad);background-size:160% 100%;color:#fff;box-shadow:0 14px 40px -14px rgba(84,50,202,.8)}
.sqx-btn-grad:hover{background-position:100% 0;transform:translateY(-2px)}
.sqx-btn-dark{background:var(--x-ink);color:#fff}
.sqx-btn-dark:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(10,12,27,.7)}
.sqx-btn-light{background:#fff;color:var(--x-ink)}
.sqx-btn-light:hover{transform:translateY(-2px);box-shadow:0 14px 40px -12px rgba(255,255,255,.35)}
.sqx-btn-ghost-light{color:#fff;border-color:rgba(255,255,255,.25)}
.sqx-btn-ghost-light:hover{background:#fff;color:var(--x-ink)}
.sqx-kick{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--x-vi);margin-bottom:18px}
.sqx-kick::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--x-grad)}
html[lang=ar] .sqx-kick{letter-spacing:0;font-size:15px}
.sqx-dark .sqx-kick,.sqx-kick-light{color:#B9B2FF}
.sqx-h1{font-size:clamp(44px,7.6vw,112px);line-height:.98;letter-spacing:-.045em;font-weight:600;margin:0 0 26px;max-width:15ch}
.sqx-h2{font-size:clamp(34px,5.2vw,74px);line-height:1.02;letter-spacing:-.04em;font-weight:600;margin:0 0 20px;max-width:17ch}
html[lang=ar] .sqx-h1,html[lang=ar] .sqx-h2,html[lang=ar] .sqx-display,html[lang=ar] .sqx-mega{letter-spacing:0;line-height:1.22}
.sqx-lead{font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:var(--x-mute);max-width:620px;margin:0}
.sqx-dark .sqx-lead,[data-dark] .sqx-lead{color:var(--x-dmute)}
.sqx-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#DCE0F5;font-size:14px;text-decoration:none!important;backdrop-filter:blur(8px);transition:background .3s,border-color .3s}
.sqx-pill:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28)}
.sqx-dot{width:8px;height:8px;border-radius:50%;background:#22D39A;box-shadow:0 0 0 0 rgba(34,211,154,.6);animation:sqxPing 2s infinite}
@keyframes sqxPing{70%{box-shadow:0 0 0 10px rgba(34,211,154,0)}100%{box-shadow:0 0 0 0 rgba(34,211,154,0)}}

/* split text reveal (JS wraps words) */
html.sqx-js [data-split] .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
html.sqx-js [data-split] .w>i{display:inline-block;font-style:normal;transform:translateY(110%);transition:transform 1s var(--x-ease);transition-delay:calc(var(--d,0) * 45ms)}
html.sqx-js [data-split].in .w>i{transform:none}
html.sqx-js .sqx-rv{opacity:0;transform:translateY(34px);transition:opacity 1s var(--x-ease),transform 1s var(--x-ease);transition-delay:calc(var(--d,0) * 80ms)}
html.sqx-js .sqx-rv.in{opacity:1;transform:none}

/* ---------- Hero ---------- */
.sqx-hero,.sqx-phero{position:relative;background:var(--x-dark);color:#fff;overflow:hidden;isolation:isolate}
.sqx-hero{padding:150px 0 0}
.sqx-aurora{position:absolute;inset:-20% -10% auto;height:120%;z-index:-1;pointer-events:none;filter:blur(90px) saturate(140%);opacity:.75}
.sqx-aurora i{position:absolute;border-radius:50%;mix-blend-mode:screen;animation:sqxDrift 22s ease-in-out infinite alternate}
.sqx-aurora i:nth-child(1){width:46vw;height:46vw;left:-6%;top:-10%;background:#1A85FB}
.sqx-aurora i:nth-child(2){width:40vw;height:40vw;right:-4%;top:4%;background:#6A2BFF;animation-duration:28s;animation-delay:-6s}
.sqx-aurora i:nth-child(3){width:30vw;height:30vw;left:38%;top:30%;background:#FF6A1A;opacity:.55;animation-duration:32s;animation-delay:-12s}
@keyframes sqxDrift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(6vw,4vw) scale(1.12)}100%{transform:translate(-4vw,6vw) scale(.92)}}
.sqx-grid-bg{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 20%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 20%,#000 20%,transparent 75%)}
.sqx-hero::after,.sqx-phero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.sqx-hero-in{display:flex;flex-direction:column;align-items:flex-start}
.sqx-display{font-size:clamp(54px,10vw,148px);line-height:.92;letter-spacing:-.055em;font-weight:600;margin:28px 0 30px}
.sqx-ln{display:block;overflow:hidden;padding-bottom:.06em}
.sqx-ln>span{display:inline-block}
html.sqx-js .sqx-ln>span{transform:translateY(110%);transition:transform 1.2s var(--x-ease)}
html.sqx-js .sqx-ready .sqx-ln>span{transform:none}
.sqx-ln:nth-child(2)>span{transition-delay:.09s}.sqx-ln:nth-child(3)>span{transition-delay:.18s}
.sqx-spectrum{background:var(--x-grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sqxShift 8s ease-in-out infinite alternate;padding-inline-end:.06em}
html[lang=en] .sqx-spectrum{font-family:var(--x-serif);font-style:italic;font-weight:400;letter-spacing:-.02em}
@keyframes sqxShift{to{background-position:100% 0}}
.sqx-hero-lead{font-size:clamp(17px,1.6vw,21px);line-height:1.6;color:var(--x-dmute);max-width:640px;margin:0 0 34px}
.sqx-claim{display:flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);max-width:560px;width:100%;transition:border-color .3s,box-shadow .3s}
.sqx-claim:focus-within{border-color:rgba(180,75,255,.7);box-shadow:0 0 0 6px rgba(180,75,255,.15)}
.sqx-claim-f{display:flex;align-items:center;flex:1;min-width:0;padding-inline:18px 6px;direction:ltr;cursor:text}
.sqx-claim-f span{color:#8D94B5;font-size:15px;white-space:nowrap}
.sqx-claim-f input{flex:1;min-width:40px;border:0;background:none;outline:none;color:#fff;font:500 16px var(--x-font);padding:12px 2px}
.sqx-claim-f input::placeholder{color:#5D6488}
.sqx-claim .sqx-btn{padding:14px 22px}
.sqx-index{display:flex;flex-wrap:wrap;gap:8px;margin-top:44px}
.sqx-index a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.13);color:#CBD0E8;font-size:14px;text-decoration:none!important;transition:background .3s,color .3s,border-color .3s}
.sqx-index a b{font-weight:500;font-size:12px;color:#8F86FF;font-variant-numeric:tabular-nums}
.sqx-index a:hover{background:#fff;color:var(--x-ink);border-color:#fff}
.sqx-stage{perspective:1800px;margin-top:84px;padding-inline:20px}
.sqx-stage-in{position:relative;width:min(1180px,100%);margin:0 auto;transform:rotateX(var(--rx,24deg)) scale(var(--sc,.9));transform-origin:50% 0;will-change:transform;transition:transform .1s linear}
.sqx-frame{margin:0;border-radius:18px;overflow:hidden;background:#fff;border:1px solid rgba(10,12,27,.08);box-shadow:0 30px 80px -40px rgba(10,12,27,.45)}
.sqx-frame-bar{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:#F3F4F8;border-bottom:1px solid rgba(10,12,27,.07)}
.sqx-frame-bar i{width:10px;height:10px;border-radius:50%;background:#FF5F57}.sqx-frame-bar i:nth-child(2){background:#FEBC2E}.sqx-frame-bar i:nth-child(3){background:#28C840}
.sqx-frame-bar span{margin-inline:auto;font-size:12px;color:#7B8199;background:#fff;border-radius:7px;padding:3px 14px;border:1px solid rgba(10,12,27,.06)}
.sqx-frame img{display:block;width:100%;height:auto}
.sqx-frame-main{border-color:rgba(255,255,255,.14);box-shadow:0 -20px 120px -30px rgba(106,43,255,.55),0 60px 140px -40px rgba(26,133,251,.5)}
.sqx-phone{position:absolute;width:16%;border-radius:26px;border:6px solid #0b0d22;box-shadow:0 40px 80px -30px rgba(0,0,0,.7);transform:translateY(var(--py,0))}
.sqx-phone.p1{inset-inline-start:-3.5%;bottom:-14%}
.sqx-phone.p2{inset-inline-end:-3%;top:16%;--py:calc(var(--py2,0px))}
.sqx-chip{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.92);color:var(--x-ink);box-shadow:0 24px 50px -20px rgba(10,12,27,.55);backdrop-filter:blur(10px);font-size:14px;animation:sqxFloat 6s ease-in-out infinite;z-index:2}
.sqx-chip b{display:block;font-weight:600;font-size:14px}.sqx-chip small{color:var(--x-mute);font-size:12.5px}
.sqx-chip>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-weight:700;color:#fff;flex:0 0 auto}
.sqx-chip .g{background:#19C39C}.sqx-chip .v{background:var(--x-vi)}.sqx-chip .o{background:var(--x-or);font-size:13px}
.sqx-chip.sqx-c1{inset-inline-start:8%;top:-4%}
.sqx-chip.sqx-c2{inset-inline-end:10%;bottom:8%;animation-delay:-2s}
.sqx-chip.sqx-c3{inset-inline-end:-4%;top:-6%;animation-delay:-4s}
.sqx-meter{display:block;width:110px;height:6px;border-radius:9px;background:#eceef5;overflow:hidden;margin-top:6px}
.sqx-meter i{display:block;height:100%;width:96%;background:linear-gradient(90deg,#19C39C,#1A85FB);border-radius:9px;animation:sqxMeter 2.6s var(--x-ease) both}
@keyframes sqxMeter{from{width:0}}
@keyframes sqxFloat{50%{transform:translateY(-10px)}}
.sqx-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:120px 0 0;padding:44px 0 80px;border-top:1px solid var(--x-dline)}
.sqx-stats div{margin:0}
.sqx-stats dt{font-size:clamp(46px,6.4vw,96px);font-weight:600;letter-spacing:-.05em;line-height:1;background:linear-gradient(180deg,#fff 30%,#9aa1c9);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.sqx-stats dt small{font-size:.4em;letter-spacing:0;margin-inline-start:6px}
.sqx-stats dd{margin:12px 0 0;color:var(--x-dmute);font-size:15px;max-width:220px}

html[data-sqx] .sqmo-progress{display:none}
.sqx-3d{position:absolute;inset:0 0 auto;height:min(100vh,980px);z-index:0;pointer-events:none}
.sqx-3d .sqmo-video{opacity:.35}
.sqx-hero-in,.sqx-stage,.sqx-hero>.sqx-wrap{position:relative;z-index:1}
/* ---------- Marquee ---------- */
.sqx-marquee{background:var(--x-paper);border-bottom:1px solid var(--x-line);padding:26px 0;overflow:hidden}
.sqx-mq{display:flex;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.sqx-mq-track{display:flex;gap:44px;flex:0 0 auto;padding-inline-end:44px;animation:sqxMq 46s linear infinite;align-items:center}
html[dir=rtl] .sqx-mq-track{animation-name:sqxMqR}
.sqx-marquee:hover .sqx-mq-track{animation-play-state:paused}
@keyframes sqxMq{to{transform:translateX(-50%)}}@keyframes sqxMqR{to{transform:translateX(50%)}}
.sqx-mq-item{display:inline-flex;align-items:center;gap:14px;font-size:clamp(20px,2.2vw,28px);font-weight:500;letter-spacing:-.02em;white-space:nowrap;color:var(--x-ink)}
.sqx-mq-item img{width:52px;height:52px;object-fit:contain;border-radius:50%;background:#fff;padding:6px;box-shadow:0 6px 20px -10px rgba(10,12,27,.4)}

/* ---------- Statement ---------- */
.sqx-statement{padding:clamp(100px,14vw,190px) 0;background:var(--x-paper)}
.sqx-fill{font-size:clamp(30px,4.3vw,62px);line-height:1.18;letter-spacing:-.035em;font-weight:500;margin:0;max-width:22ch}
html[lang=ar] .sqx-fill{letter-spacing:0;line-height:1.45;max-width:26ch}
html.sqx-js .sqx-fill .fw{color:rgba(10,12,27,.14);transition:color .4s}
html.sqx-js .sqx-fill .fw.on{color:var(--x-ink)}

/* ---------- Chapters ---------- */
.sqx-ch{padding:clamp(90px,11vw,150px) 0;position:relative}
.sqx-light{background:var(--x-paper);color:var(--x-ink)}
.sqx-dark{background:var(--x-dark);color:#fff}
.sqx-dark+.sqx-dark{border-top:1px solid var(--x-dline)}
.sqx-ch-head{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,60px);align-items:start;margin-bottom:clamp(50px,6vw,90px)}
.sqx-ch-no{font-size:clamp(70px,11vw,170px);line-height:.78;font-weight:600;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px var(--x-ink);opacity:.2;font-variant-numeric:tabular-nums;user-select:none}
.sqx-dark .sqx-ch-no,[data-dark] .sqx-ch-no{-webkit-text-stroke-color:#fff;opacity:.28}
.sqx-tabs{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.6fr);gap:clamp(30px,5vw,72px);align-items:start}
.sqx-tab-list{list-style:none;margin:0;padding:0}
.sqx-tab{display:grid;grid-template-columns:46px 1fr;gap:0 6px;width:100%;padding:24px 0 22px;border:0;border-top:1px solid var(--x-line);background:none;color:inherit;text-align:start;font:inherit;cursor:pointer;opacity:.45;transition:opacity .4s}
.sqx-dark .sqx-tab{border-color:var(--x-dline)}
.sqx-tab:hover,.sqx-tab.on{opacity:1}
.sqx-tab-n{font-size:13px;font-weight:500;padding-top:5px;color:var(--x-vi);font-variant-numeric:tabular-nums}
.sqx-dark .sqx-tab-n{color:#9C94FF}
.sqx-tab-t b{display:block;font-size:clamp(18px,1.6vw,22px);font-weight:500;letter-spacing:-.02em;line-height:1.3}
.sqx-tab-t>span{display:block;max-height:0;overflow:hidden;color:var(--x-mute);font-size:15.5px;line-height:1.6;transition:max-height .6s var(--x-ease),margin .6s var(--x-ease);margin-top:0}
.sqx-dark .sqx-tab-t>span{color:var(--x-dmute)}
.sqx-tab.on .sqx-tab-t>span{max-height:200px;margin-top:8px}
.sqx-tab-t em{display:flex;flex-wrap:wrap;gap:6px;font-style:normal;max-height:0;overflow:hidden;transition:max-height .6s var(--x-ease),margin .6s}
.sqx-tab.on .sqx-tab-t em{max-height:80px;margin-top:12px}
.sqx-tab-t em i{font-style:normal;font-size:12.5px;padding:4px 10px;border-radius:999px;background:rgba(84,50,202,.08);color:var(--x-vi)}
.sqx-dark .sqx-tab-t em i{background:rgba(255,255,255,.08);color:#C9C4FF}
.sqx-tab-bar{grid-column:1/-1;height:2px;margin-top:18px;background:transparent;border-radius:2px;overflow:hidden}
.sqx-tab.on .sqx-tab-bar{background:var(--x-line)}
.sqx-dark .sqx-tab.on .sqx-tab-bar{background:var(--x-dline)}
.sqx-tab-bar i{display:block;height:100%;width:0;background:var(--x-grad)}
.sqx-tab.on .sqx-tab-bar i{animation:sqxBar 7s linear forwards}
.sqx-tabs:hover .sqx-tab.on .sqx-tab-bar i,.sqx-tabs.paused .sqx-tab.on .sqx-tab-bar i{animation-play-state:paused}
@keyframes sqxBar{to{width:100%}}
.sqx-tab-stage{position:sticky;top:110px;aspect-ratio:1500/926}
.sqx-tab-pane{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(24px) scale(.97);transition:opacity .7s var(--x-ease),transform .9s var(--x-ease),visibility 0s .7s}
.sqx-tab-pane.on{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.sqx-tab-pane .sqx-frame{height:100%;display:flex;flex-direction:column}
.sqx-tab-pane .sqx-frame img{flex:1;object-fit:cover;object-position:top center;min-height:0}
.sqx-dark .sqx-frame{border-color:rgba(255,255,255,.1);box-shadow:0 40px 120px -40px rgba(106,43,255,.55)}
.sqx-light .sqx-frame{box-shadow:0 50px 100px -50px rgba(10,12,27,.5),0 0 0 1px rgba(10,12,27,.03)}
html.sqx-js .sqx-tab-stage{clip-path:inset(8% 8% 8% 8% round 24px);transition:clip-path 1.4s var(--x-ease)}
html.sqx-js .sqx-tab-stage.in{clip-path:inset(0 0 0 0 round 18px)}

/* chapter art */
.sqx-art{height:100%;border-radius:18px;position:relative;overflow:hidden;display:grid;place-items:center}
.sqx-light .sqx-art{background:linear-gradient(140deg,#fff,#ECEAFB 55%,#FFE9DC)}
.sqx-dark .sqx-art{background:linear-gradient(140deg,#14173A,#0B0D24 60%,#2A1340);border:1px solid var(--x-dline)}
.sqx-art-domain{align-content:center;gap:22px;padding:30px}
.sqx-addr{display:flex;align-items:center;gap:10px;width:min(520px,90%);padding:18px 24px;border-radius:999px;background:#fff;box-shadow:0 30px 60px -30px rgba(10,12,27,.45);font-size:clamp(16px,2vw,24px);font-weight:500;color:var(--x-ink);direction:ltr}
.sqx-addr i{width:2px;height:1.2em;background:var(--x-vi);animation:sqxCaret 1s steps(1) infinite}
@keyframes sqxCaret{50%{opacity:0}}
.sqx-addr-cards{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.sqx-addr-cards span{padding:8px 14px;border-radius:999px;background:rgba(25,195,156,.12);color:#0E8C6F;font-size:14px;font-weight:500}
.sqx-art-feed{perspective:1200px}
.sqx-feed-card{position:absolute;width:30%;aspect-ratio:3/4;border-radius:18px;background:#fff;box-shadow:0 30px 60px -28px rgba(10,12,27,.5);padding:12px;display:flex;flex-direction:column;gap:8px;transform:translateX(calc((var(--i) - 1.5) * 62%)) rotate(calc((var(--i) - 1.5) * 6deg)) translateY(calc(var(--i) * 4px));animation:sqxFan 6s var(--x-ease) infinite alternate;animation-delay:calc(var(--i) * -.6s)}
.sqx-feed-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#F4F3F8;border-radius:12px}
.sqx-feed-card span{height:9px;width:80%;border-radius:6px;background:#E6E6EE}
.sqx-feed-card b{height:11px;width:40%;border-radius:6px;background:var(--x-grad)}
@keyframes sqxFan{to{transform:translateX(calc((var(--i) - 1.5) * 66%)) rotate(calc((var(--i) - 1.5) * 9deg)) translateY(-14px)}}
.sqx-art-chat{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:8%;place-items:stretch}
.sqx-art-chat .m{max-width:72%;padding:14px 18px;border-radius:20px;font-size:clamp(14px,1.3vw,16.5px);line-height:1.55;opacity:0;transform:translateY(14px);animation:sqxMsg 12s var(--x-ease) infinite}
.sqx-art-chat .u{align-self:flex-end;background:var(--x-grad);color:#fff;border-end-end-radius:6px}
.sqx-art-chat .a{align-self:flex-start;background:rgba(255,255,255,.08);color:#E8EAF8;border:1px solid var(--x-dline);border-end-start-radius:6px}
.sqx-art-chat .m:nth-child(2){animation-delay:1.2s}.sqx-art-chat .m:nth-child(3){animation-delay:2.6s}.sqx-art-chat .m:nth-child(4){animation-delay:3.6s}
.sqx-art-chat .typing{display:flex;gap:5px}.sqx-art-chat .typing i{width:7px;height:7px;border-radius:50%;background:#A4AAC6;animation:sqxDot 1s infinite}.sqx-art-chat .typing i:nth-child(2){animation-delay:.15s}.sqx-art-chat .typing i:nth-child(3){animation-delay:.3s}
@keyframes sqxMsg{0%{opacity:0;transform:translateY(14px)}6%,88%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes sqxDot{50%{opacity:.3;transform:translateY(-3px)}}
.sqx-art-code{padding:6%;place-items:stretch;align-content:center;background:#0B0D22!important}
.sqx-art-code pre{margin:0;font:400 clamp(12px,1.25vw,15.5px)/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;color:#D6DAF0;white-space:pre-wrap}
.sqx-art-code .k{color:#FF8BD1}.sqx-art-code .a{color:#8FC2FF}.sqx-art-code .s{color:#9BF0C8}.sqx-art-code .n{color:#FFC56B}.sqx-art-code .c{color:#7C83A8}

/* ---------- Horizontal themes ---------- */
.sqx-hscroll{background:var(--x-dark);color:#fff;position:relative}
.sqx-hs-pin{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;gap:clamp(30px,5vh,56px);overflow:hidden;padding-top:70px}
.sqx-hs-head{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(20px,4vw,50px);align-items:end}
.sqx-hs-head .sqx-h2{margin:0}
.sqx-hs-track{display:flex;gap:28px;padding-inline:max(20px,calc((100vw - 1240px)/2));will-change:transform;transform:translate3d(var(--hx,0),0,0)}
.sqx-hs-card{flex:0 0 auto;width:min(58vw,720px);color:#fff;text-decoration:none!important}
.sqx-hs-card figure{margin:0;border-radius:22px;overflow:hidden;aspect-ratio:1500/938;border:1px solid var(--x-dline);box-shadow:0 40px 90px -40px rgba(0,0,0,.8)}
.sqx-hs-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--x-ease)}
.sqx-hs-card:hover img{transform:scale(1.05)}
.sqx-hs-meta{display:flex;align-items:baseline;gap:12px;padding:18px 4px 0}
.sqx-hs-meta b{font-size:20px;font-weight:500}.sqx-hs-meta small{color:var(--x-dmute);font-size:15px}.sqx-hs-meta i{margin-inline-start:auto;font-style:normal;color:#8F86FF;font-size:13px}

/* ---------- Pricing (Souqly plan cards restyled) ---------- */
.sqx .period-toggle{background:#fff;border:1px solid var(--x-line);border-radius:999px;padding:5px;margin:0 auto 44px}
.sqx .period-toggle button{border-radius:999px;font-family:var(--x-font);font-weight:500;padding:11px 22px}
.sqx .period-toggle button.on{background:var(--x-ink)}
.sqx .plans{gap:18px}
.sqx .plan{border-radius:28px;padding:38px 34px;border:1px solid var(--x-line);background:#fff;transition:transform .5s var(--x-ease),box-shadow .5s;overflow:hidden;isolation:isolate}
.sqx .plan::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .4s;background:radial-gradient(500px circle at var(--mx,50%) var(--my,0%),rgba(180,75,255,.12),transparent 45%)}
.sqx .plan:hover{transform:translateY(-6px);box-shadow:0 40px 80px -40px rgba(10,12,27,.4)}
.sqx .plan:hover::before{opacity:1}
.sqx .plan h3{font-size:22px;font-weight:500;letter-spacing:-.02em}
.sqx .price strong{font-size:clamp(52px,5vw,68px);font-weight:600;letter-spacing:-.05em;line-height:1}
.sqx .plan li{font-size:15.5px}
.sqx .plan .btn{padding:15px;font-size:16px}
.sqx .plan.popular{background:var(--x-dark);color:#fff;border:1px solid transparent;transform:none;box-shadow:0 40px 100px -40px rgba(84,50,202,.75)}
.sqx .plan.popular::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:var(--x-grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.sqx .plan.popular::before{background:radial-gradient(500px circle at var(--mx,50%) var(--my,0%),rgba(106,43,255,.35),transparent 50%)}
.sqx .plan.popular li,.sqx .plan.popular .price span{color:#C3C8E2}
.sqx .plan.popular .btn-primary{background:var(--x-grad);color:#fff}
.sqx .plan.popular:hover{transform:translateY(-6px)}
.sqx .badge-pop{background:var(--x-grad);border-radius:999px;font-weight:500}
.sqx-pays{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:40px;color:var(--x-mute);font-size:14px}
.sqx-pays i{font-style:normal;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--x-line);color:var(--x-ink2);font-size:13.5px;font-weight:500}
.sqx-pricing .sqg-pay{margin-bottom:22px!important}

/* ---------- FAQ ---------- */
.sqx-faq{padding:clamp(90px,10vw,140px) 0;background:var(--x-paper2)}
.sqx-faq-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,90px);align-items:start}
.sqx-faq-in>div:first-child{position:sticky;top:120px}
.sqx-faq .sqx-lead{margin-bottom:28px}
.sqx-acc details{border-top:1px solid var(--x-line)}
.sqx-acc details:last-child{border-bottom:1px solid var(--x-line)}
.sqx-acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;cursor:pointer;font-size:clamp(18px,1.6vw,21px);font-weight:500;letter-spacing:-.015em}
.sqx-acc summary::-webkit-details-marker{display:none}
.sqx-acc summary i{position:relative;flex:0 0 36px;height:36px;border-radius:50%;border:1px solid var(--x-line);transition:transform .5s var(--x-ease),background .3s}
.sqx-acc summary i::before,.sqx-acc summary i::after{content:"";position:absolute;inset:50% auto auto 50%;width:12px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.sqx-acc summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.sqx-acc details[open] summary i{transform:rotate(45deg);background:var(--x-ink);color:#fff}
.sqx-acc details>div{overflow:hidden}
.sqx-acc details p{margin:0 0 26px;color:var(--x-mute);line-height:1.75;max-width:640px;animation:sqxIn .6s var(--x-ease)}
@keyframes sqxIn{from{opacity:0;transform:translateY(-8px)}}

/* ---------- CTA ---------- */
.sqx-cta{position:relative;background:var(--x-dark);color:#fff;padding:clamp(130px,16vw,220px) 0 clamp(110px,12vw,170px);overflow:hidden;text-align:center;isolation:isolate}
.sqx-cta::before{content:"";position:absolute;inset:auto -20% -60%;height:120%;z-index:-1;background:radial-gradient(closest-side,rgba(106,43,255,.55),transparent),radial-gradient(closest-side at 70% 60%,rgba(255,106,26,.35),transparent);filter:blur(40px)}
.sqx-awning{position:absolute;inset:0 0 auto;display:flex;height:56px}
.sqx-awning i{flex:1;background:var(--x-or);border-radius:0 0 999px 999px;transform-origin:50% 0;animation:sqxAwn 4s ease-in-out infinite;animation-delay:calc(var(--n,0) * .12s)}
.sqx-awning i:nth-child(even){background:var(--x-gd)}
@keyframes sqxAwn{50%{transform:scaleY(.78)}}
.sqx-cta-in{display:flex;flex-direction:column;align-items:center}
.sqx-mega{font-size:clamp(46px,8.6vw,130px);line-height:.96;letter-spacing:-.05em;font-weight:600;margin:0 0 26px;max-width:13ch}
.sqx-cta p{color:var(--x-dmute);font-size:clamp(17px,1.5vw,20px);max-width:600px;margin:0 0 38px}
.sqx-cta .sqx-claim{margin:0 auto}

/* ---------- Footer ---------- */
.sqx .foot{background:var(--x-dark);color:var(--x-dmute);padding:90px 0 0;overflow:hidden;border-top:1px solid var(--x-dline)}
.sqx .foot .brand{color:#fff}
.sqx .foot h4{color:#fff;font-weight:500;font-size:14px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
html[lang=ar] .sqx .foot h4{letter-spacing:0;font-size:15px}
.sqx .foot a{color:#C9CEE6;font-size:15px;transition:color .2s}
.sqx .foot a:hover{color:#fff}
.sqx .foot-bottom{border-color:var(--x-dline)}
.sqx .foot .paylogos span{border-radius:999px}
.sqx-word{font-size:clamp(110px,27vw,430px);font-weight:700;letter-spacing:-.07em;line-height:.8;text-align:center;margin:60px 0 -.12em;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.02) 85%);-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none;pointer-events:none;white-space:nowrap}
html[lang=ar] .sqx-word{letter-spacing:0;line-height:1.05;margin-bottom:-.3em}
html.sqx-js .sqx-word{transform:translateY(30%);transition:transform 1.6s var(--x-ease)}
html.sqx-js .sqx-word.in{transform:none}
.sqx .sqg-switch{color:var(--x-dmute)}
.sqx .wa-float{box-shadow:0 14px 40px -10px rgba(37,211,102,.6)}

/* ---------- Inner pages ---------- */
.sqx-phero{padding:clamp(150px,18vw,220px) 0 clamp(80px,9vw,120px)}
.sqx-phero .sqx-index{margin-top:36px}
.sqx-all{padding:clamp(90px,11vw,150px) 0;background:var(--x-paper)}
.sqx-all-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sqx-all-card{position:relative;padding:28px;border-radius:24px;background:#fff;border:1px solid var(--x-line);overflow:hidden;isolation:isolate;transition:transform .5s var(--x-ease),box-shadow .5s}
.sqx-all-card::before,.sqx-ctile::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .4s;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(26,133,251,.12),transparent 50%)}
.sqx-all-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -36px rgba(10,12,27,.45)}
.sqx-all-card:hover::before,.sqx-ctile:hover::before{opacity:1}
.sqx-all-card>span{font-size:28px;display:block;margin-bottom:22px}
.sqx-all-card h3{font-size:19px;font-weight:500;margin:0 0 8px;letter-spacing:-.015em}
.sqx-all-card p{margin:0;color:var(--x-mute);font-size:15px;line-height:1.6}
.sqx-incl{background:var(--x-dark);color:#fff;padding:clamp(90px,10vw,140px) 0}
.sqx-incl ul{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 60px}
.sqx-incl li{display:flex;gap:20px;align-items:baseline;padding:24px 0;border-top:1px solid var(--x-dline);font-size:clamp(18px,1.8vw,24px);letter-spacing:-.02em}
.sqx-incl li b{font-size:13px;font-weight:500;color:#9C94FF}
.sqx-contact{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:clamp(30px,5vw,70px);align-items:start}
.sqx-contact-side{display:grid;gap:12px}
.sqx-ctile{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:16px;padding:22px 24px;border-radius:22px;background:#fff;border:1px solid var(--x-line);color:var(--x-ink);text-decoration:none!important;transition:transform .4s var(--x-ease),box-shadow .4s}
.sqx-ctile:hover{transform:translateY(-3px);box-shadow:0 26px 50px -30px rgba(10,12,27,.4)}
.sqx-ctile>span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--x-paper);color:var(--x-vi)}
.sqx-ctile.wa>span{background:#25D366;color:#fff}
.sqx-ctile b{display:block;font-weight:500;font-size:17px}.sqx-ctile small{color:var(--x-mute);font-size:14.5px}
.sqx-ctile .sqx-arr{margin-inline-start:auto;opacity:.4}
.sqx-form{display:grid;gap:16px;padding:clamp(24px,4vw,44px);border-radius:28px;background:#fff;border:1px solid var(--x-line);box-shadow:0 40px 80px -50px rgba(10,12,27,.4)}
.sqx-form label{display:grid;gap:8px;font-size:14px;font-weight:500;color:var(--x-ink2)}
.sqx-form input,.sqx-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--x-line);border-radius:14px;padding:15px 16px;font:400 16px var(--x-font);background:var(--x-paper);outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.sqx-form input:focus,.sqx-form textarea:focus{border-color:var(--x-vi);background:#fff;box-shadow:0 0 0 5px rgba(84,50,202,.1)}
.sqx-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sqx-form .sqx-btn{justify-self:start;margin-top:6px}
.sqx-feat-post{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;color:var(--x-ink);text-decoration:none!important;margin-bottom:clamp(50px,6vw,80px)}
.sqx-feat-post figure,.sqx-post figure{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:1200/630;background:linear-gradient(140deg,#ECEAFB,#FFE9DC)}
.sqx-feat-post img,.sqx-post img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--x-ease)}
.sqx-feat-post:hover img,.sqx-post:hover img{transform:scale(1.04)}
.sqx-feat-post h2{font-size:clamp(28px,3.4vw,46px);line-height:1.15;letter-spacing:-.03em;font-weight:600;margin:0 0 16px}
html[lang=ar] .sqx-feat-post h2{letter-spacing:0;line-height:1.35}
.sqx-feat-post p{color:var(--x-mute);line-height:1.7;margin:0 0 22px}
.sqx-more{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--x-vi)}
.sqx-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,34px) clamp(16px,2vw,26px)}
.sqx-post{color:var(--x-ink);text-decoration:none!important}
.sqx-post figure{border-radius:20px;margin-bottom:16px}
.sqx-post small{color:var(--x-mute);font-size:13px}
.sqx-post h3{font-size:19px;line-height:1.4;font-weight:500;margin:6px 0 8px;letter-spacing:-.015em}
.sqx-post p{margin:0;color:var(--x-mute);font-size:14.5px;line-height:1.6}
.sqx-themes .theme-card{border-radius:24px;border-color:var(--x-line)}
.sqx-themes .chips button,.sqx .theme-filter button{border-radius:999px;font-family:var(--x-font)}
body.sqx .flash,body.sqx .alert{border-radius:14px}

/* ---------- Responsive ---------- */
@media (max-width:1080px){
  .sqx-all-grid{grid-template-columns:repeat(2,1fr)}
  .sqx-tabs{grid-template-columns:1fr}
  .sqx-tab-stage{position:relative;top:auto;order:-1}
}
@media (max-width:900px){
  .sqx .nav-in{height:56px}
  .sqx .nav-links{position:fixed;inset:78px 12px auto;border-radius:24px;padding:12px;background:#fff;box-shadow:0 30px 60px -20px rgba(10,12,27,.4);border:1px solid var(--x-line)}
  .sqx .nav-links a{font-size:18px;padding:14px 16px;color:var(--x-ink)!important}
  .sqx-stats{grid-template-columns:1fr 1fr;row-gap:36px;margin-top:80px}
  .sqx-phone.p2,.sqx-chip.sqx-c3{display:none}
  .sqx-phone{width:24%;border-width:4px;border-radius:18px}
  .sqx-chip{padding:8px 12px;font-size:12px}.sqx-chip b{font-size:12.5px}.sqx-chip>span{width:28px;height:28px}
  .sqx-chip.sqx-c1{top:-8%;inset-inline-start:2%}.sqx-chip.sqx-c2{bottom:-6%;inset-inline-end:2%}
  .sqx-hs-pin{position:relative;height:auto;padding:100px 0 90px}
  .sqx-hs-track{overflow-x:auto;scroll-snap-type:x mandatory;transform:none!important;scrollbar-width:none;padding-bottom:6px}
  .sqx-hs-track::-webkit-scrollbar{display:none}
  .sqx-hs-card{width:82vw;scroll-snap-align:center}
  .sqx-hs-head{grid-template-columns:1fr}.sqx-hs-head .sqx-ch-no{display:none}
  .sqx-faq-in,.sqx-contact,.sqx-feat-post{grid-template-columns:1fr}
  .sqx-faq-in>div:first-child{position:static}
  .sqx-incl ul{grid-template-columns:1fr}
  .sqx-posts{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body.sqx{font-size:16px}
  .sqx-hero{padding-top:120px}
  .sqx-display{margin-top:22px}
  .sqx-claim{flex-direction:column;border-radius:24px;align-items:stretch;padding:8px}
  .sqx-claim .sqx-btn{width:100%}
  .sqx-claim-f{padding:4px 12px}
  .sqx-stage{margin-top:60px;padding-inline:12px}
  .sqx-ch-head{grid-template-columns:1fr;gap:8px}
  .sqx-ch-no{font-size:64px}
  .sqx-all-grid,.sqx-posts,.sqx-row2{grid-template-columns:1fr}
  .sqx-index a{font-size:13px;padding:7px 12px}
  .sqx .lang-switch{padding:8px 6px}
  .sqx .nav .btn-primary{padding:9px 14px}
}
@media (prefers-reduced-motion:reduce){
  .sqx-aurora i,.sqx-mq-track,.sqx-chip,.sqx-awning i,.sqx-feed-card,.sqx-art-chat .m,.sqx-spectrum{animation:none!important}
  .sqx-art-chat .m{opacity:1;transform:none}
  html.sqx-js [data-split] .w>i,html.sqx-js .sqx-ln>span,html.sqx-js .sqx-rv,html.sqx-js .sqx-word{transform:none!important;opacity:1!important}
  html.sqx-js .sqx-tab-stage{clip-path:none}
  .sqx-stage-in{transform:none!important}
}

/* ===================== Editions mode: a colour per chapter, constellation, giant words ===================== */
body.sqx-t{--bg:#1430E6;background-color:var(--bg);transition:background-color .9s cubic-bezier(.4,0,.2,1)}
.sqx-cv{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}
body.sqx-t main{position:relative;z-index:1}
body.sqx-t .foot{position:relative;z-index:1}
[data-bg]{background:transparent!important;color:#fff}
[data-bg] .sqx-aurora,[data-bg] .sqx-grid-bg{display:none}
.sqx-hero[data-bg]::after,.sqx-phero[data-bg]::after{opacity:.06}
[data-bg] .sqx-spectrum{background:linear-gradient(100deg,#FFF3A8,#FFD23F 40%,#FF9F43 80%,#FFD23F);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
[data-bg] .sqx-hero-lead,[data-bg] .sqx-lead{color:rgba(255,255,255,.78)}
[data-bg] .sqx-kick{color:#fff;opacity:.9}[data-bg] .sqx-kick::before{background:#fff}
[data-bg] .sqx-pill{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#fff}
[data-bg] .sqx-claim{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28)}
[data-bg] .sqx-claim-f span{color:rgba(255,255,255,.7)}[data-bg] .sqx-claim-f input::placeholder{color:rgba(255,255,255,.5)}
[data-bg] .sqx-claim:focus-within{border-color:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.14)}
.sqx-hero[data-bg] .sqx-btn-grad,.sqx-phero[data-bg] .sqx-btn-grad{background:#fff;color:#0A0C1B;box-shadow:0 14px 40px -14px rgba(0,0,0,.5)}
.sqx-hero[data-bg] .sqx-btn-grad:hover{background:#FFE066}
[data-bg] .sqx-index a{border-color:rgba(255,255,255,.28);color:#fff}[data-bg] .sqx-index a b{color:#FFE066}
[data-bg] .sqx-stats{border-color:rgba(255,255,255,.22)}[data-bg] .sqx-stats dt{background:none;color:#fff;-webkit-text-fill-color:#fff}[data-bg] .sqx-stats dd{color:rgba(255,255,255,.75)}
[data-bg] .sqx-frame-main{box-shadow:0 60px 140px -50px rgba(0,0,0,.65);border-color:rgba(255,255,255,.25)}
.sqx-marquee[data-bg]{border-color:rgba(255,255,255,.18);border-top:1px solid rgba(255,255,255,.18)}
[data-bg] .sqx-mq-item{color:#fff}
[data-bg] .sqx-mq-item img{background:rgba(255,255,255,.92)}
html.sqx-js [data-bg] .sqx-fill .fw{color:rgba(255,255,255,.22)}
html.sqx-js [data-bg] .sqx-fill .fw.on{color:#fff}
[data-bg] .sqx-ch-no{-webkit-text-stroke-color:#fff;opacity:.3}
html.sqx-dark-nav .nav-in{background:rgba(8,10,40,.28);border-color:rgba(255,255,255,.16)}

/* chapter intro: giant word + card */
.sqx-intro{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:clamp(20px,4vh,40px);padding:16vh 0 8vh;overflow:hidden;isolation:isolate}
.sqx-giant{position:relative;width:var(--x-wrap);margin:0 auto;font-size:clamp(76px,16vw,280px);font-weight:500;line-height:1.02;letter-spacing:-.055em;white-space:nowrap;user-select:none;transform:translateX(calc((1 - var(--p,0)) * -5vw));will-change:transform}
html[dir=rtl] .sqx-giant{transform:translateX(calc((1 - var(--p,0)) * 5vw))}
html[lang=ar] .sqx-giant{letter-spacing:0;line-height:1.3}
.sqx-giant span{display:block}
.sqx-giant .o{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.8)}
.sqx-giant .f{position:absolute;inset:0;color:#fff;clip-path:inset(-10% calc(100% - var(--p,0) * 100%) -10% 0)}
html[dir=rtl] .sqx-giant .f{clip-path:inset(-10% 0 -10% calc(100% - var(--p,0) * 100%))}
.sqx-intro-card-wrap{z-index:2}
.sqx-panel{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:8px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sqx-intro-card{max-width:780px;padding:clamp(24px,3vw,40px)}
.sqx-intro-card .sqx-h2{font-size:clamp(28px,3.4vw,50px);max-width:20ch;margin-bottom:14px}
.sqx-mono{display:block;font:500 12.5px/1.4 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;text-transform:uppercase;opacity:.75;margin-bottom:16px}
html[lang=ar] .sqx-mono{letter-spacing:0;font-size:13.5px}
.sqx-prompt{display:flex;align-items:center;gap:14px;margin-top:24px;padding:14px 14px 14px 20px;border-radius:16px;background:#fff;color:#0A0C1B;font-size:15.5px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);max-width:620px}
.sqx-prompt span{flex:1}
.sqx-prompt i{flex:0 0 36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#0A0C1B;color:#fff;font-style:normal;font-weight:700}
.sqx-wall{position:absolute;inset:-6% -4%;z-index:-1;display:grid;grid-template-columns:repeat(6,1fr);gap:16px;align-content:center;opacity:.55;transform:translateY(var(--wy,0)) rotate(-4deg);pointer-events:none}
.sqx-wall i{aspect-ratio:1;border-radius:12px;background:rgba(0,0,0,.14);display:grid;place-items:center;animation:sqxFloat 7s ease-in-out infinite;animation-delay:calc(var(--k) * -.55s)}
.sqx-wall i:nth-child(3n){background:rgba(255,255,255,.14)}
.sqx-wall img{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.35))}

/* features panel on colour */
.sqx-ed .sqx-tabs.sqx-panel{padding:clamp(20px,3vw,40px)}
[data-bg] .sqx-tab{border-color:rgba(255,255,255,.2);opacity:.55}
[data-bg] .sqx-tab.on,[data-bg] .sqx-tab:hover{opacity:1}
[data-bg] .sqx-tab-n{color:#FFE066}
[data-bg] .sqx-tab-t>span{color:rgba(255,255,255,.78)}
[data-bg] .sqx-tab-t em i{background:rgba(255,255,255,.16);color:#fff}
[data-bg] .sqx-tab.on .sqx-tab-bar{background:rgba(255,255,255,.22)}
[data-bg] .sqx-tab-bar i{background:#fff}
[data-bg] .sqx-frame{border-color:rgba(255,255,255,.22);box-shadow:0 40px 90px -40px rgba(0,0,0,.6)}
.sqx-ed .sqx-art{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}
.sqx-ed .sqx-art-code{background:#0B0D22!important}
.sqx-ed .sqx-addr-cards span{background:rgba(255,255,255,.16);color:#fff}
.sqx-ed .sqx-art-chat .a{background:rgba(255,255,255,.92);color:#0A0C1B;border:0}
.sqx-ed .sqx-art-chat .u{background:#0A0C1B}
.sqx-more{list-style:none;padding:0;margin:clamp(40px,5vw,70px) 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:26px 30px;font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.78)}
.sqx-more li{position:relative;padding-inline-start:16px}
.sqx-more li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:6px;height:6px;background:#fff}
.sqx-more b{color:#fff;font-weight:500}
.sqx-ed{padding:0 0 clamp(90px,10vw,140px)}

/* pricing / faq / themes on colour */
[data-bg] .period-toggle{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2)}
[data-bg] .period-toggle button{color:#fff}[data-bg] .period-toggle button.on{background:#fff;color:#0A0C1B}
[data-bg] .plan{color:var(--x-ink)}
[data-bg] .plan.popular{color:#fff;background:#14173A}
[data-bg] .sqx-pays{color:rgba(255,255,255,.7)}
[data-bg] .sqg-pay{color:rgba(255,255,255,.85)}
[data-bg] .sqx-acc details{border-color:rgba(255,255,255,.18)}
[data-bg] .sqx-acc summary i{border-color:rgba(255,255,255,.3)}
[data-bg] .sqx-acc details[open] summary i{background:#fff;color:#0A0C1B}
[data-bg] .sqx-acc details p{color:rgba(255,255,255,.75)}
[data-bg] .sqx-btn-dark{background:#fff;color:#0A0C1B}
.sqx-hscroll[data-bg] .sqx-hs-card figure{border-color:rgba(255,255,255,.2)}
[data-bg] .sqx-hs-meta small{color:rgba(255,255,255,.7)}[data-bg] .sqx-hs-meta i{color:#FFE066}

/* side index */
.sqx-side{position:fixed;inset-inline-start:26px;top:50%;transform:translateY(-50%);z-index:60;display:none;gap:4px;font:500 12.5px/1.5 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;opacity:0;transition:opacity .5s;pointer-events:none}
html[lang=ar] .sqx-side{font-family:var(--x-font);font-size:13.5px}
.sqx-side.on{opacity:1;pointer-events:auto}
.sqx-side a{display:flex;justify-content:space-between;align-items:center;gap:22px;width:150px;padding:3px 0;color:rgba(255,255,255,.65);text-decoration:none!important;transition:color .3s}
.sqx-side a i{width:7px;height:7px;border-radius:50%;border:1px solid currentColor;transition:background .3s,transform .3s}
.sqx-side a:hover,.sqx-side a.on{color:#fff}
.sqx-side a.on i{background:#fff;transform:scale(1.3)}
@media (min-width:1180px){
  .sqx-side{display:grid}
  body.sqx-t .sqx-ed .sqx-wrap,body.sqx-t .sqx-pricing .sqx-wrap,body.sqx-t .sqx-ed .sqx-giant,body.sqx-t .sqx-hs-head.sqx-wrap{width:min(1080px,100% - 400px)}
}

/* custom cursor */
.sqx-cur{position:fixed;left:0;top:0;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;background:rgba(255,226,94,.6);pointer-events:none;z-index:9999;transition:width .3s var(--x-ease),height .3s var(--x-ease),margin .3s var(--x-ease),background .3s,opacity .3s;opacity:0;will-change:transform}
.sqx-cur.on{opacity:1}
.sqx-cur.big{width:64px;height:64px;margin:-32px 0 0 -32px;background:rgba(255,226,94,.35)}
@media (hover:hover) and (pointer:fine){html.sqx-curson body.sqx-t,html.sqx-curson body.sqx-t a,html.sqx-curson body.sqx-t button{cursor:none}html.sqx-curson body.sqx-t input,html.sqx-curson body.sqx-t textarea{cursor:text}}

@media (max-width:1080px){.sqx-more{grid-template-columns:1fr 1fr}.sqx-wall{grid-template-columns:repeat(4,1fr)}}
@media (max-width:640px){
  .sqx-intro{min-height:auto;padding:110px 0 50px}
  .sqx-giant{font-size:clamp(64px,22vw,120px)}
  .sqx-more{grid-template-columns:1fr}
  .sqx-wall{grid-template-columns:repeat(3,1fr);gap:10px}
}
@media (prefers-reduced-motion:reduce){.sqx-wall i{animation:none}.sqx-giant{transform:none!important}}

/* ===================== v3: Editions header, panels, phone layout ===================== */
/* full-width header in the page colour */
body.sqx-t .nav{inset:0 0 auto;background-color:var(--bg);transition:background-color .9s cubic-bezier(.4,0,.2,1),transform .5s var(--x-ease)}
body.sqx-t .nav-in{width:100%;max-width:none;height:64px;padding-inline:24px;border-radius:0;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none}
body.sqx-t .nav .brand{font-size:17px;font-weight:600}
body.sqx-t .nav .brand img{width:26px;height:26px}
body.sqx-t .nav-links{margin-inline:28px auto}
body.sqx-t .nav-links a{font-size:14px;padding:6px 10px}
body.sqx-t .nav .btn-ghost{border:0}
body.sqx-t .nav .btn-primary{padding:9px 16px;font-size:14px}
body.sqx-t .sqx-hero{padding-top:120px}
/* square Editions panels with a small bullet */
.sqx-panel{border-radius:3px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}
.sqx-intro-card .sqx-h2{position:relative;padding-inline-start:22px}
.sqx-intro-card .sqx-h2::before{content:"";position:absolute;inset-inline-start:0;top:.5em;width:8px;height:8px;border:1.5px solid #fff;border-radius:50%}
.sqx-giant .o{-webkit-text-stroke-width:1px}
.sqx-back{display:inline-block;margin-top:44px;font:500 12.5px/1 'JetBrains Mono',ui-monospace,monospace;color:rgba(255,255,255,.75);text-decoration:underline;text-underline-offset:4px}
html[lang=ar] .sqx-back{font-family:var(--x-font);font-size:14px}
.sqx-back:hover{color:#fff}
.sqx-tab-m{display:none}
/* chapter chips (phones and tablets) */
.sqx-chipbar{position:fixed;inset:64px 0 auto;z-index:79;display:none;gap:6px;overflow-x:auto;padding:8px 14px 10px;background:var(--bg);transition:background-color .9s,opacity .35s,transform .35s;scrollbar-width:none;opacity:0;transform:translateY(-8px);pointer-events:none}
.sqx-chipbar::-webkit-scrollbar{display:none}
.sqx-chipbar a{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.28);color:#fff;font-size:13.5px;text-decoration:none!important;white-space:nowrap}
.sqx-chipbar a b{font:500 11.5px 'JetBrains Mono',ui-monospace,monospace;opacity:.7}
.sqx-chipbar a.on{background:#fff;color:#0A0C1B;border-color:#fff}
body.sqx-in-ch .sqx-chipbar{opacity:1;transform:none;pointer-events:auto}
.nav.sqx-hide~.sqx-chipbar,body:has(.nav.sqx-hide) .sqx-chipbar{top:0}
@media (max-width:1179px){.sqx-chipbar{display:flex}}
@media (max-width:900px){
  body.sqx-t .nav-in{height:58px;padding-inline:14px}
  .sqx-chipbar{top:58px}
  body.sqx-t .nav-links{position:fixed;inset:58px 0 auto;height:calc(100dvh - 58px);border-radius:0;margin:0;padding:24px 20px;background:var(--bg);border:0;box-shadow:none;flex-direction:column;gap:2px;overflow:auto}
  body.sqx-t .nav-links a{font-size:28px;font-weight:500;letter-spacing:-.02em;color:#fff!important;padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.18);border-radius:0}
  body.sqx-t.menu-open .sqx-chipbar{display:none}
  body.sqx-t .sqx-hero{padding-top:100px}
}
@media (max-width:760px){
  .sqx-tab-stage{display:none}
  .sqx-tab-list{display:grid;gap:14px}
  .sqx-tab-list li{border-top:1px solid rgba(255,255,255,.2);padding-top:6px}
  .sqx-tab{opacity:1!important;border:0;padding:16px 0 4px;cursor:default}
  .sqx-tab-t>span{max-height:none!important;margin-top:8px!important}
  .sqx-tab-t em{max-height:none!important;margin-top:12px!important}
  .sqx-tab-bar{display:none}
  .sqx-tab-m{display:block;margin:10px 0 8px}
  .sqx-tab-m .sqx-frame{border-radius:12px}
  .sqx-tab-m .sqx-art{aspect-ratio:4/3;height:auto;min-height:240px}
  .sqx-ed .sqx-tabs.sqx-panel{background:none;border:0;padding:0;backdrop-filter:none}
  .sqx-intro{padding:120px 0 34px;gap:18px}
  .sqx-intro-card{padding:22px}
  .sqx-intro-card .sqx-h2{font-size:28px}
  .sqx-giant{font-size:clamp(60px,20vw,110px);transform:none!important}
  .sqx-prompt{font-size:14px;padding:12px 12px 12px 16px}
  .sqx-more{gap:18px;margin-top:34px}
  .sqx-hs-pin{padding-top:110px}
  .sqx-stage-in{transform:none!important}
}
@media (max-width:420px){.sqx-display{font-size:clamp(46px,14vw,64px)}.sqx-stats dt{font-size:44px}}