/* Adwix blog: listing, single article, sidebar. Builds on hx.css tokens. */
body.adwix-site{margin:0;background:#FBFAF7}
.bl{background:#FBFAF7}
.bl a{text-decoration:none}

/* ---------- hero (listing) ---------- */
.bl-hero{padding:150px 0 44px}
.bl-hero-g{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);gap:48px;align-items:end}
.bl-eyebrow{display:inline-block;color:var(--coral);margin-bottom:16px}
.bl-hero h1{font-size:clamp(36px,4.6vw,62px)}
.bl-hero .hx-lede{margin-top:22px}
.bl-hero-s{padding-bottom:6px}
.bl-chips{position:relative;z-index:1;display:flex;gap:8px;margin-top:40px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.bl-chips::-webkit-scrollbar{display:none}
.bl-chips a{flex:none;padding:10px 16px;border-radius:99px;border:1px solid var(--lined);color:rgba(255,255,255,.72);font-size:13.5px;font-weight:600;transition:all .25s}
.bl-chips a:hover{color:#fff;border-color:rgba(255,255,255,.35)}
.bl-chips a.on{background:#fff;color:var(--ink);border-color:#fff}

/* ---------- search ---------- */
.bl-search{display:flex;align-items:center;gap:6px;padding:6px 6px 6px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);margin-top:12px}
.bl-search input[type=search]{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;font:500 15px 'Inter',sans-serif;color:var(--ink);padding:8px 0!important;box-shadow:none!important;height:auto!important}
.bl-search button{flex:none;width:42px;height:42px;border-radius:10px;border:0;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.bl-search:focus-within{border-color:var(--red);box-shadow:0 0 0 3px rgba(229,57,53,.15)}
.bl-search-d{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);padding:8px 8px 8px 20px;margin-top:0}
.bl-search-d input[type=search]{color:#fff;font-size:16px}
.bl-search-d input::placeholder{color:rgba(255,255,255,.5)}
.bl-search-d button{background:linear-gradient(135deg,var(--red),var(--coral));width:48px;height:48px}

/* ---------- layout ---------- */
.bl-wrap{padding:64px 0 100px}
.bl-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start}
.bl-side{position:sticky;top:96px}
.bl-side-in{display:grid;gap:16px}

/* ---------- cards ---------- */
.bl-card{display:flex;flex-direction:column;border-radius:22px;background:#fff;border:1px solid var(--line);overflow:hidden;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .3s}
.bl-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px -34px rgba(11,11,12,.45);border-color:rgba(11,11,12,.22)}
.bl-img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--paper2)}
.bl-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.bl-card:hover .bl-img img{transform:scale(1.05)}
.bl-ph{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:20px;background:radial-gradient(circle at 85% 15%,rgba(255,111,97,.55),transparent 55%),linear-gradient(145deg,#1c1113,#0B0B0C 65%);color:#fff}
.bl-ph b{font:800 64px/1 'Plus Jakarta Sans',sans-serif;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.6)}
.bl-ph em{font:600 11px 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:rgba(255,255,255,.6)}
.bl-body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
.bl-cat{align-self:flex-start;color:var(--red);font-size:11px}
.bl-cat:hover{color:var(--ink)}
.bl-t{font-size:20px;line-height:1.28;margin-top:10px!important;letter-spacing:-.02em}
.bl-t a{color:var(--ink);background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size .4s}
.bl-t a:hover{background-size:100% 1.5px}
.bl-ex{margin-top:10px!important;color:var(--mute);font-size:15px;line-height:1.6}
.bl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:auto;padding-top:18px;font-size:13px;color:var(--mute)}
.bl-meta span+span::before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.5;margin-right:14px;vertical-align:middle}
.bl-meta .bl-go{margin-left:auto;color:var(--red);font-weight:700;display:inline-flex;align-items:center;gap:6px}
.bl-meta .bl-go::before{display:none!important}
.bl-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.bl-cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bl-feat{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);margin-bottom:20px;border-radius:26px}
.bl-feat .bl-img{aspect-ratio:auto;min-height:340px}
.bl-feat .bl-body{padding:34px}
.bl-feat .bl-t{font-size:clamp(24px,2.4vw,32px);line-height:1.18}
.bl-feat .bl-ex{font-size:16px}
.bl-feat .bl-cat::after{content:'  ·  Latest';color:var(--mute)}

/* ---------- pagination ---------- */
.bl-pag{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:44px}
.bl-pag .page-numbers,.bl-pag a,.bl-pag span{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:46px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:700;font-size:14px}
.bl-pag a:hover{border-color:var(--ink)}
.bl-pag .current{background:var(--ink);color:#fff;border-color:var(--ink)}
.bl-pag .dots{border:0;background:none}

/* ---------- empty ---------- */
.bl-empty{padding:48px;border-radius:24px;background:#fff;border:1px solid var(--line);display:grid;gap:14px;justify-items:start}
.bl-empty h2{font-size:30px}
.bl-empty p{color:var(--mute)}
.bl-empty .bl-search{width:100%;max-width:460px}

/* ---------- sidebar ---------- */
.bl-w{padding:24px;border-radius:20px;background:#fff;border:1px solid var(--line)}
.bl-w>.hx-mono{display:block;color:var(--mute);font-size:10.5px;margin-bottom:12px}
.bl-cta{position:relative;overflow:hidden;background:var(--ink);border-color:var(--ink);color:#fff}
.bl-cta::after{content:'';position:absolute;right:-90px;top:-90px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(229,57,53,.5),transparent 65%);pointer-events:none}
.bl-cta>*{position:relative}
.bl-cta>.hx-mono{color:var(--coral)}
.bl-cta h3{font-size:21px;line-height:1.25;color:#fff}
.bl-cta p{margin-top:10px!important;color:var(--mutd);font-size:14px;line-height:1.55}
.bl-cta .hx-btn{margin-top:18px;padding:13px 18px;font-size:14.5px;width:100%;justify-content:center}
.bl-cats{display:grid;gap:2px}
.bl-cats a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;margin:0 -12px;border-radius:10px;color:var(--ink);font-weight:600;font-size:14.5px;transition:background .2s}
.bl-cats a:hover,.bl-cats a.on{background:var(--paper)}
.bl-cats em{font-style:normal;font:600 11.5px 'JetBrains Mono',monospace;color:var(--mute);background:var(--paper);padding:3px 8px;border-radius:99px}
.bl-cats a:hover em,.bl-cats a.on em{background:#fff}
.bl-recent{display:grid;gap:14px}
.bl-recent a{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;color:var(--ink)}
.bl-rt{position:relative;display:block;width:64px;height:64px;border-radius:12px;overflow:hidden;background:var(--paper2)}
.bl-rt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bl-rt .bl-ph{padding:8px}.bl-rt .bl-ph b{font-size:26px}.bl-rt .bl-ph em{display:none}
.bl-recent b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:700 14px/1.35 'Plus Jakarta Sans',sans-serif;letter-spacing:-.01em}
.bl-recent a:hover b{color:var(--red)}
.bl-recent small{display:block;margin-top:4px;color:var(--mute);font-size:12px}
.bl-tools{display:grid;gap:4px}
.bl-tools a{display:block;padding:12px 14px;margin:0 -8px;border-radius:12px;color:var(--ink);transition:background .2s}
.bl-tools a:hover{background:var(--paper)}
.bl-tools b{display:block;font-size:14.5px}
.bl-tools b::after{content:' →';color:var(--red)}
.bl-tools small{display:block;margin-top:2px;color:var(--mute);font-size:12.5px}
.bl-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;max-height:46vh;overflow:auto}
.bl-toc a{display:block;padding:7px 10px 7px 14px;border-left:2px solid var(--line);color:var(--mute);font-size:13.5px;line-height:1.4;transition:all .2s}
.bl-toc a.h3{padding-left:26px;font-size:13px}
.bl-toc a:hover{color:var(--ink)}
.bl-toc a.on{color:var(--ink);font-weight:700;border-left-color:var(--red);background:linear-gradient(90deg,rgba(229,57,53,.07),transparent)}

/* ---------- single ---------- */
.bl-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:10001;pointer-events:none}
.bl-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--red),var(--coral));box-shadow:0 0 12px rgba(229,57,53,.6)}
.bl-shero{padding:150px 0 72px}
.bl-shero h1{font-size:clamp(34px,4.4vw,58px);max-width:980px}
.bl-shero .hx-lede{max-width:760px}
.bl-byline{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:34px}
.bl-byline b{display:block;font-size:14.5px;color:#fff}
.bl-byline small{display:block;font-size:12.5px;color:rgba(255,255,255,.5);margin-top:2px}
.bl-av img{display:block;width:44px;height:44px;border-radius:50%;box-shadow:0 0 0 3px rgba(255,111,97,.35)}
.bl-dot{width:1px;height:28px;background:rgba(255,255,255,.15)}
.bl-cover{position:relative;z-index:2;margin-top:-40px}
.bl-cover img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:26px;box-shadow:0 40px 90px -40px rgba(0,0,0,.6)}
.bl-sgrid{padding-top:56px;padding-bottom:40px}
.bl-toc-m{border:1px solid var(--line);border-radius:16px;background:#fff;margin-bottom:28px}
.bl-toc-m summary{cursor:pointer;padding:16px 20px;font-weight:700;list-style:none;display:flex;justify-content:space-between}
.bl-toc-m summary::after{content:'+';font-size:20px;line-height:1}
.bl-toc-m[open] summary::after{content:'−'}
.bl-toc-m ol{margin:0;padding:0 20px 16px 38px;display:grid;gap:8px}
.bl-toc-m a{color:var(--mute);font-size:15px}

/* article typography */
.bl-prose{font-size:18.5px;line-height:1.8;color:#2B2826;max-width:740px;overflow-wrap:break-word}
.bl-prose>*:first-child{margin-top:0}
.bl-prose p{margin:0 0 1.3em}
.bl-prose h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;line-height:1.2;letter-spacing:-.03em;margin:2em 0 .7em;color:var(--ink);scroll-margin-top:100px}
.bl-prose h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:23px;line-height:1.3;letter-spacing:-.02em;margin:1.7em 0 .6em;color:var(--ink);scroll-margin-top:100px}
.bl-prose h4{font-size:19px;margin:1.5em 0 .5em;color:var(--ink)}
.bl-prose a{color:var(--red);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.bl-prose a:hover{color:var(--ink)}
.bl-prose strong,.bl-prose b{color:var(--ink)}
.bl-prose ul,.bl-prose ol{margin:0 0 1.4em;padding-left:1.3em}
.bl-prose li{margin:.45em 0;padding-left:.2em}
.bl-prose ul li::marker{color:var(--red)}
.bl-prose ol li::marker{color:var(--red);font-weight:700}
.bl-prose blockquote{margin:1.8em 0;padding:22px 26px;border:0;border-left:4px solid var(--red);border-radius:0 16px 16px 0;background:#fff;font:600 21px/1.5 'Plus Jakarta Sans',sans-serif;letter-spacing:-.01em;color:var(--ink);font-style:normal}
.bl-prose blockquote p:last-child{margin:0}
.bl-prose img,.bl-prose video,.bl-prose iframe{max-width:100%;height:auto;border-radius:16px}
.bl-prose figure{margin:2em 0}
.bl-prose figcaption{margin-top:10px;font-size:14px;color:var(--mute);text-align:center}
.bl-prose hr{border:0;height:1px;background:var(--line);margin:2.5em 0}
.bl-prose code{font:500 .88em 'JetBrains Mono',monospace;background:var(--paper2);padding:.15em .4em;border-radius:6px}
.bl-prose pre{background:var(--ink);color:#f3f3f3;padding:20px;border-radius:16px;overflow:auto;font-size:14px;line-height:1.6}
.bl-prose pre code{background:none;padding:0;color:inherit}
.bl-prose table{width:100%;border-collapse:collapse;margin:1.8em 0;font-size:15.5px;line-height:1.5;display:block;overflow-x:auto}
.bl-prose th,.bl-prose td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.bl-prose th{font-family:'Plus Jakarta Sans',sans-serif;background:var(--paper);color:var(--ink)}
.bl-prose .bl-note,.bl-prose .wp-block-group.is-style-note{padding:20px 24px;border-radius:16px;background:#FDECEA;color:#5B120D}
.bl-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.bl-tags .hx-mono{color:var(--mute);font-size:11px;margin-right:6px}
.bl-tags a{padding:7px 13px;border-radius:99px;background:#fff;border:1px solid var(--line);color:var(--ink);font-size:13.5px;font-weight:600}
.bl-tags a:hover{border-color:var(--ink)}
.bl-share{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:28px;padding:20px 22px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.bl-share .hx-mono{color:var(--mute);font-size:11px}
.bl-share div{display:flex;flex-wrap:wrap;gap:8px}
.bl-share a,.bl-share button{padding:9px 15px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);font:600 13.5px 'Inter',sans-serif;cursor:pointer;transition:all .2s}
.bl-share a:hover,.bl-share button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.bl-author{display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;margin-top:28px;padding:28px;border-radius:22px;background:var(--paper);border:1px solid var(--line)}
.bl-author .bl-av img{width:72px;height:72px}
.bl-author .hx-mono{color:var(--red);font-size:10.5px}
.bl-author h3{font-size:21px;margin-top:4px}
.bl-author p{margin-top:8px;color:var(--mute);font-size:15px;line-height:1.6}
.bl-endcta{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-top:28px;padding:34px;border-radius:24px;background:var(--ink);color:#fff}
.bl-endcta::after{content:'';position:absolute;left:-80px;bottom:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(229,57,53,.45),transparent 65%)}
.bl-endcta>*{position:relative}
.bl-endcta .hx-mono{color:var(--coral);font-size:11px}
.bl-endcta h3{font-size:24px;line-height:1.25;margin-top:8px;color:#fff}
.bl-endcta p{margin-top:8px;color:var(--mutd);font-size:15px}
.bl-related{padding:40px 0 100px}
.bl-rel-h{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px;padding-top:40px;border-top:1px solid var(--line)}
.bl-rel-h .hx-mono{color:var(--red)}
.bl-rel-h h2{font-size:34px;margin-top:6px}

/* ---------- responsive ---------- */
@media (max-width:1100px){
 .bl-grid{grid-template-columns:minmax(0,1fr) 300px;gap:32px}
 .bl-cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1024px){
 .bl-hero{padding:124px 0 36px}
 .bl-hero-g{grid-template-columns:minmax(0,1fr);gap:26px}
 .bl-grid{grid-template-columns:minmax(0,1fr)}
 .bl-side{position:relative;top:0}
 .bl-single .bl-toc{display:none}
 .bl-feat{grid-template-columns:minmax(0,1fr)}
 .bl-feat .bl-img{min-height:0;aspect-ratio:16/9}
 .bl-shero{padding:124px 0 60px}
 .bl-endcta{grid-template-columns:minmax(0,1fr)}
 .bl-endcta .hx-btn{justify-self:start}
}
@media (min-width:1025px){.bl-toc-m{display:none!important}}
@media (max-width:640px){
 .bl-wrap{padding:36px 0 70px}
 .bl-cards,.bl-cards-3{grid-template-columns:minmax(0,1fr)}
 .bl-feat .bl-body,.bl-body{padding:20px}
 .bl-prose{font-size:17px}
 .bl-prose h2{font-size:26px}
 .bl-prose h3{font-size:21px}
 .bl-prose blockquote{font-size:18px;padding:18px 20px}
 .bl-cover{margin-top:-24px}
 .bl-cover img{border-radius:18px}
 .bl-dot{display:none}
 .bl-endcta,.bl-author,.bl-w{padding:22px}
 .bl-author{grid-template-columns:minmax(0,1fr)}
 .bl-rel-h h2{font-size:26px}
}
@media (prefers-reduced-motion:reduce){.bl-card,.bl-img img{transition:none}}

/* our own share buttons replace the share plugin on these screens */
.adwix-site .heateor_sss_vertical_sharing,.adwix-site .heateor_sss_sharing_container,.adwix-site .heateor_sss_horizontal_sharing{display:none!important}

/* ---------- resources page ---------- */
.rs-jump{display:grid;gap:8px}
.rs-jump a{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;border:1px solid var(--lined);color:#fff;font-weight:700;transition:background .25s,border-color .25s}
.rs-jump a:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.3)}
.rs-jump b{font:600 12px 'JetBrains Mono',monospace;color:var(--coral)}
.rs-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rs-tool{display:flex;flex-direction:column;padding:30px;border-radius:24px;background:#fff;border:1px solid var(--line);color:var(--ink);transition:transform .4s,box-shadow .4s,border-color .3s}
.rs-tool:hover{transform:translateY(-5px);box-shadow:0 30px 60px -34px rgba(0,0,0,.4);border-color:rgba(11,11,12,.3)}
.rs-tool .hx-mono{color:var(--red);font-size:11px}
.rs-tool h3{font-size:23px;margin-top:10px}
.rs-tool p{margin-top:10px;color:var(--mute);font-size:15px;line-height:1.6}
.rs-tool-d{background:var(--ink);border-color:var(--ink);color:#fff}
.rs-tool-d h3{color:#fff}.rs-tool-d p{color:var(--mutd)}.rs-tool-d .hx-mono{color:var(--coral)}
.rs-mock{margin:22px 0;padding:18px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid var(--lined)}
.rs-mock span{display:block;font:600 11px 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.5)}
.rs-mock strong{display:block;margin-top:6px;font:800 30px/1 'Plus Jakarta Sans',sans-serif;letter-spacing:-.04em}
.rs-mock i{display:block;height:6px;border-radius:6px;background:rgba(255,255,255,.1);margin-top:14px;overflow:hidden}
.rs-mock i em{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--coral))}
.rs-mock-l{background:var(--paper);border-color:var(--line)}
.rs-mock-l span{color:var(--mute)}
.rs-mock-l small{display:block;margin-top:6px;color:var(--mute);font-size:13px}
.rs-go{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--red)}
.rs-tool-d .rs-go{color:var(--coral)}
.rs-more{margin-top:34px;text-align:center}
.rs-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.rs-file{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;align-items:center;padding:18px;border-radius:22px;background:#fff;border:1px solid var(--line);color:var(--ink);transition:transform .4s,border-color .3s}
.rs-file:hover{transform:translateY(-4px);border-color:var(--ink)}
.rs-thumb{position:relative;display:block;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:var(--paper2)}
.rs-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rs-thumb-d{display:grid;place-items:center;background:linear-gradient(145deg,var(--red),var(--coral))}
.rs-thumb-d b{font:800 56px 'Plus Jakarta Sans',sans-serif;color:#fff}
.rs-meta .hx-mono{display:block;color:var(--mute);font-size:10.5px}
.rs-meta b{display:block;margin-top:8px;font:700 19px/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:-.02em}
.rs-meta small{display:block;margin-top:6px;color:var(--mute);font-size:14px;line-height:1.5}
.rs-meta em{display:inline-block;margin-top:12px;font-style:normal;font-weight:700;font-size:14px;color:var(--red)}
@media (max-width:1024px){.rs-tools,.rs-dl{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.rs-file{grid-template-columns:minmax(0,1fr)}.rs-tool{padding:24px}}

.rs-prod-h{margin:64px 0 22px}
.rs-prod-h .hx-mono{color:var(--red);font-size:11px}
.rs-prod-h h3{font-size:clamp(24px,2.6vw,32px);margin-top:8px}
.rs-prods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.rs-prod{position:relative;overflow:hidden;display:grid;grid-template-columns:88px minmax(0,1fr);gap:22px;align-items:start;padding:30px;border-radius:24px;color:#fff;transition:transform .4s,box-shadow .4s}
.rs-prod:hover{transform:translateY(-5px)}
.rs-connect{background:linear-gradient(150deg,#0f2a1b,#0B0B0C 60%);border:1px solid rgba(34,197,94,.25)}
.rs-connect:hover{box-shadow:0 30px 60px -30px rgba(34,197,94,.5)}
.rs-atlas{background:linear-gradient(150deg,#101a3a,#0B0B0C 60%);border:1px solid rgba(96,112,255,.3)}
.rs-atlas:hover{box-shadow:0 30px 60px -30px rgba(80,110,255,.55)}
.rs-prod::after{content:'';position:absolute;right:-90px;top:-90px;width:240px;height:240px;border-radius:50%;pointer-events:none}
.rs-connect::after{background:radial-gradient(circle,rgba(34,197,94,.35),transparent 65%)}
.rs-atlas::after{background:radial-gradient(circle,rgba(90,110,255,.4),transparent 65%)}
.rs-logo{position:relative;z-index:1;display:block;width:88px;height:88px;border-radius:22px;overflow:hidden;background:#f5f5f5;box-shadow:0 12px 30px -10px rgba(0,0,0,.6)}
.rs-logo img{width:100%;height:100%;object-fit:cover;display:block}
.rs-pbody{position:relative;z-index:1;display:block}
.rs-pbody .hx-mono{display:block;font-size:10.5px;color:rgba(255,255,255,.55)}
.rs-connect .rs-pbody .hx-mono{color:#4ADE80}.rs-atlas .rs-pbody .hx-mono{color:#8FA2FF}
.rs-pbody b{display:block;color:#fff!important;margin-top:6px;font:800 26px/1.1 'Plus Jakarta Sans',sans-serif;letter-spacing:-.03em}
.rs-pbody small{display:block;margin-top:10px;color:rgba(255,255,255,.7);font-size:15px;line-height:1.6}
.rs-feats{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.rs-feats i{font-style:normal;font-size:12.5px;font-weight:600;padding:6px 10px;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.85)}
.rs-pbody em{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-style:normal;font-weight:700;font-size:15px}
.rs-connect .rs-pbody em{color:#4ADE80}.rs-atlas .rs-pbody em{color:#8FA2FF}
@media (max-width:1024px){.rs-prods{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.rs-prod{grid-template-columns:minmax(0,1fr);padding:24px}.rs-logo{width:72px;height:72px}}