/* =====================================================================
   RankWithAhsan - GLOBAL CSS  (paste once: Theme Settings > Custom CSS,
   or Appearance > Customize > Additional CSS). Replaces the <style> block
   that used to sit inside every page, plus your earlier additional CSS.
   Everything is scoped to .rwa (page design) or to the theme wrappers
   named in section 1, so it cannot leak into the rest of the theme.
   Sections: 1 theme circles | 2 page design (merged from all pages)
             3 layout 1370px | 4 CTA | 5 FAQ + article text | 6 mobile
             7 blog post template (used by the rwa-post-template plugin)
   ===================================================================== */

/* ===== 1. Decorative background circles on every page (your CSS) ===== */
.main-page-wrapper{position:relative;isolation:isolate;overflow-x:clip}
.main-page-wrapper::before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;border:1px solid rgba(203,141,231,.16);background:radial-gradient(circle,rgba(203,141,231,.08),transparent 68%);right:-140px;top:30px;pointer-events:none;z-index:-1}
.main-page-wrapper::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid rgba(203,141,231,.12);left:-90px;bottom:40px;pointer-events:none;z-index:-1}
.website-wrapper{position:relative;overflow-x:clip}
.website-wrapper::before{content:"";position:absolute;right:-10%;top:0;width:60%;height:700px;background:radial-gradient(circle,rgba(118,31,227,.28),transparent 65%);pointer-events:none;z-index:0}
.website-wrapper::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;left:-180px;bottom:200px;border:1px solid rgba(203,141,231,.12);background:radial-gradient(circle,rgba(203,141,231,.1),transparent 68%);pointer-events:none;z-index:0}

/* ===== 2. Page design: merged from all 57 pages, duplicates removed ===== */
.rwa{--bg:#141414;--surf:#1c1c1f;--surf2:#232328;--pur:#761fe3;--pur2:#9b5cf0;--ink:#fff;--mut:#b9b9c4;--bd:#2f2f36;--lav:#CB8DE7;--grad:linear-gradient(to right,#761fe3 0%,#CB8DE7 100%);--w:1370px;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,Arial,sans-serif;line-height:1.65;overflow-x:clip}
.rwa *{box-sizing:border-box}
.rwa a{color:inherit;text-decoration:none}
.rwa h1,.rwa h2,.rwa h3,.rwa p{margin:0}
.rwa .in{max-width:var(--w);margin:0 auto;padding:0 32px}
.rwa h1 em,.rwa h2 em,.rwa h3 em{font-family:inherit;font-style:italic;text-transform:uppercase;font-weight:inherit;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding:0 .22em 0 .06em;margin:0 -.16em 0 -.06em;-webkit-box-decoration-break:clone;box-decoration-break:clone;text-decoration:none}
.rwa .eye{color:var(--pur2);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;display:block}
.rwa h2{font-size:clamp(32px,4vw,52px);line-height:1.12;font-weight:700;letter-spacing:-.02em}
.rwa h3{font-size:21px;line-height:1.3;font-weight:600}
.rwa .lead{color:var(--mut);font-size:18px;max-width:620px;margin-top:16px}
.rwa section{padding:100px 0}
.rwa .alt{background:var(--surf)}
.rwa .head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;flex-wrap:wrap}
.rwa .btn{position:relative;display:inline-block;overflow:hidden;text-align:center;background:var(--pur);color:#fff;border:1px solid var(--pur);border-radius:5px;padding:17px 34px;font:600 16px Inter,system-ui,sans-serif;cursor:pointer;transition:all .3s ease}
.rwa .btn:before{content:"";position:absolute;width:200%;height:200%;top:-210%;left:50%;transform:translateX(-50%);border-radius:50%;background:#fff;transition:top .8s ease;z-index:1}
.rwa .btn:hover:before,.rwa .btn:focus-visible:before{top:-40%}
.rwa .bw{position:relative;z-index:2;display:inline-block;overflow:hidden}
.rwa .t1{display:block;color:inherit;transition:all .3s ease}
.rwa .t2{position:absolute;top:100%;left:0;width:100%;text-align:center;color:var(--pur);transition:all .3s ease}
.rwa .btn:hover .t1,.rwa .btn:focus-visible .t1{transform:translateY(-150%)}
.rwa .btn:hover .t2,.rwa .btn:focus-visible .t2{top:50%;transform:translateY(-50%)}
.rwa .btn.o{background:transparent}
.rwa .btn.o:before{background:var(--pur)}
.rwa .btn.o .t2{color:#fff}
.rwa .cta .btn{background:#fff;color:#141414;border-color:#fff}
.rwa .cta .btn:before{background:#141414}
.rwa .cta .btn .t2{color:#fff}
.rwa a:focus-visible,.rwa summary:focus-visible,.rwa button:focus-visible{outline:2px solid var(--pur2);outline-offset:3px}
.rwa .circ{width:58px;height:58px;border-radius:50%;background:var(--grad);display:grid;place-items:center;position:relative;transition:transform .25s}
.rwa .circ:hover{transform:rotate(-45deg)}
.rwa .circ svg{width:22px;height:22px}
.rwa .circ:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--pur);animation:rwaPulse 2.4s ease-out infinite}
@keyframes rwaPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.6);opacity:0}}
.rwa section{position:relative}
.rwa section>.in{position:relative;z-index:1}
.rwa section:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;border:1px solid rgba(203,141,231,.16);background:radial-gradient(circle,rgba(203,141,231,.08),transparent 68%);right:-140px;top:30px;pointer-events:none}
.rwa section:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid rgba(203,141,231,.12);left:-90px;bottom:40px;pointer-events:none}
.rwa .hero:after{width:520px;height:520px;right:auto;left:-180px;top:auto;bottom:-120px;background:radial-gradient(circle,rgba(203,141,231,.1),transparent 68%)}
.rwa .alt:before{right:auto;left:-140px}
.rwa .alt:after{left:auto;right:-90px}
@keyframes rwaL{from{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:none}}
.rwa .loadl{animation:rwaL .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:.1s}
.rwa.js [data-a]{opacity:0;transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1),border-color .3s;transition-delay:var(--dl,0s)}
.rwa.js [data-a=left]{transform:translateX(-70px)}
.rwa.js [data-a=up]{transform:translateY(60px)}
.rwa.js [data-a=back]{transform:perspective(900px) translateZ(-220px) scale(.92)}
.rwa.js [data-a].seen{opacity:1;transform:none}
.rwa .hero{padding:70px 0 110px;position:relative}
.rwa .hero:before{content:"";position:absolute;right:-10%;top:-20%;width:60%;height:120%;background:radial-gradient(circle,rgba(118,31,227,.28),transparent 65%);pointer-events:none}
.rwa .hero .in{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;position:relative}
.rwa .tag{display:inline-flex;gap:8px;align-items:center;background:#1f1a2b;color:var(--pur2);border-radius:6px;padding:8px 14px;font-size:14px;margin-bottom:26px}
.rwa h1{font-size:clamp(40px,5.4vw,72px);line-height:1.08;font-weight:700;letter-spacing:-.025em}
.rwa .hero p.lead{margin:24px 0 34px}
.rwa .acts{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.rwa .proof{display:flex;gap:36px;margin-top:44px;flex-wrap:wrap}
.rwa .proof b{display:block;font-size:34px;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.rwa .proof span{font-size:14px;color:var(--mut)}
.rwa .panel{background:var(--surf);border:1px solid var(--bd);border-radius:18px;padding:22px;box-shadow:0 30px 70px rgba(0,0,0,.45);animation:rwaFloat 6s ease-in-out infinite}
@keyframes rwaFloat{50%{transform:translateY(-10px)}}
.rwa .dots{display:flex;gap:6px;margin-bottom:18px}
.rwa .dots i{width:10px;height:10px;border-radius:50%;background:var(--bd)}
.rwa .dots i:first-child{background:var(--pur)}
.rwa .row{display:flex;justify-content:space-between;gap:12px;background:var(--bg);border:1px solid var(--bd);border-radius:10px;padding:14px 16px;margin-bottom:10px;font-size:15px}
.rwa .row span{color:var(--pur2);font-size:13px;font-weight:600}
.rwa .panel .big{background:var(--grad);border-radius:12px;padding:20px;margin-top:14px}
.rwa .panel .big b{font-size:19px;display:block}
.rwa .panel .big span{font-size:14px;opacity:.9}
.rwa .load{animation:rwaIn .8s ease both}
.rwa .d1{animation-delay:.12s}
.rwa .d2{animation-delay:.24s}
@keyframes rwaIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.rwa .g3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.rwa .card{background:var(--surf2);border:1px solid var(--bd);border-radius:14px;padding:32px;display:flex;flex-direction:column;gap:14px;transition:border-color .3s}
.rwa .alt .card{background:var(--bg)}
.rwa .card:hover{border-color:var(--pur)}
.rwa .card p{color:var(--mut);font-size:16px}
.rwa .more{margin-top:auto;color:var(--pur2);font-weight:600;display:inline-flex;gap:8px;align-items:center}
.rwa .ico{position:relative;width:70px;height:70px;border-radius:50%;color:var(--pur2);display:grid;place-items:center;transition:all .5s ease}
.rwa .ico:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--grad);opacity:.3;transition:opacity .5s}
.rwa .ico svg{position:relative;width:30px;height:30px;transition:transform .5s}
.rwa .card:hover .ico{background:var(--grad);color:#fff;transform:rotateY(180deg)}
.rwa .card:hover .ico:before{opacity:0}
.rwa .card:hover .ico svg{transform:rotateY(180deg)}
.rwa .shot{aspect-ratio:16/10;border-radius:10px;background:linear-gradient(135deg,#2a1747,#17171b);border:1px dashed #4a3a66;display:grid;place-items:center;color:var(--mut);font-size:14px;text-align:center;padding:12px;margin:-8px -8px 6px}
.rwa .work{padding:20px}
.rwa .work .cat{color:var(--pur2);font-size:13px;font-weight:600}
.rwa .prob{border-left:3px solid var(--pur);padding-left:16px;color:#fff!important;font-weight:500}
.rwa .stp{counter-reset:s}
.rwa .stp .card:before{counter-increment:s;content:counter(s);width:44px;height:44px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-weight:700}
.rwa .cta{background:linear-gradient(135deg,#5b16b3 0%,#761fe3 55%,#CB8DE7 130%);border-radius:22px;padding:64px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.rwa .cta p{margin-top:14px;opacity:.92;font-size:18px}
.rwa .cta ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.rwa .cta li{background:rgba(0,0,0,.22);border-radius:10px;padding:14px 18px}
.rwa details{background:var(--surf2);border:1px solid var(--bd);border-radius:12px;padding:20px 24px;margin-bottom:12px}
.rwa .alt details{background:var(--bg)}
.rwa summary{cursor:pointer;font-weight:600;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.rwa summary:after{content:"+";color:var(--pur2);font-size:24px;line-height:1}
.rwa details[open] summary:after{content:"\2212"}
.rwa details p{color:var(--mut);margin-top:12px}
.rwa .ft{border-top:1px solid var(--bd);padding:40px 0;color:var(--mut);font-size:15px}
.rwa .ft .in{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.rwa .ft nav{display:flex;gap:22px;flex-wrap:wrap}
.rwa .ft a:hover{color:#fff}
@media(max-width:1024px){.rwa .hero .in,.rwa .cta{grid-template-columns:1fr}.rwa .g3{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.rwa .g3{grid-template-columns:1fr}.rwa section{padding:70px 0}.rwa .in{padding:0 20px}.rwa .cta{padding:36px 24px}.rwa .head .btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.rwa *{animation:none!important;transition:none!important}.rwa.js [data-a]{opacity:1;transform:none}}
.rwa .pgh{padding:70px 0 80px;position:relative}
.rwa .pgh .in{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.rwa .pgh h1{font-size:clamp(32px,3.8vw,52px)}
.rwa .crumb{font-size:14px;color:var(--mut);margin-bottom:18px}
.rwa .crumb a:hover{color:#fff}
.rwa .pgh .acts{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}
.rwa .art{max-width:var(--w);margin:0;text-align:left}
.rwa .art h2{margin:0 0 18px;font-size:clamp(28px,3.2vw,40px)}
.rwa .art p{color:var(--mut);margin-bottom:16px}
.rwa .art a.il{color:var(--pur2);border-bottom:1px solid rgba(155,92,240,.5)}
.rwa .art ul{color:var(--mut);padding-left:20px;margin:0 0 16px}
.rwa .art li{margin-bottom:8px}
.rwa .blk{margin-top:56px}
.rwa .shots{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.rwa .shots figure{margin:0;background:var(--surf2);border:1px solid var(--bd);border-radius:12px;padding:12px}
.rwa .shots img{width:100%;height:auto;border-radius:8px;display:block;aspect-ratio:16/9;object-fit:cover;object-position:top}
.rwa .shots figcaption{font-size:14px;color:var(--mut);margin-top:10px}
.rwa .vid{background:var(--surf2);border:1px solid var(--bd);border-radius:14px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.rwa .vid p{margin:0;max-width:560px}
.rwa .plg{background:var(--surf2);border:1px solid var(--bd);border-left:3px solid var(--pur);border-radius:12px;padding:24px 28px}
.rwa .plg h3{margin-bottom:10px}
.rwa .stat4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}
.rwa .stat4 div{background:var(--surf2);border:1px solid var(--bd);border-radius:10px;padding:16px}
.rwa .stat4 b{display:block;font-size:26px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.rwa .stat4 span{font-size:13px;color:var(--mut)}
.rwa .vidp{margin-top:18px;border:1px solid var(--bd);border-radius:14px;overflow:hidden;background:#000}
.rwa .vidp video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000}
.rwa .rel{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
@media(max-width:1024px){.rwa .pgh .in{grid-template-columns:1fr}.rwa .stat4{grid-template-columns:1fr 1fr}.rwa .rel{grid-template-columns:1fr}}
@media(max-width:640px){.rwa .shots{grid-template-columns:1fr}.rwa .vid .btn{width:100%}}
.rwa .g3.s2{grid-template-columns:repeat(3,1fr)}
.rwa .hd{padding:14px 0;position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:100;background:rgba(20,20,20,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd)}
.rwa .hd .in{display:flex;align-items:center;justify-content:space-between;gap:20px}
.rwa .logo{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:700}
.rwa .logo b{width:38px;height:38px;border-radius:9px;background:var(--pur);display:grid;place-items:center;font-size:16px}
.rwa .nav{display:flex;gap:6px;background:var(--surf);border:1px solid var(--bd);border-radius:10px;padding:8px}
.rwa .nav a{padding:9px 18px;border-radius:6px;color:var(--mut);font-weight:500;transition:color .2s,background .2s}
.rwa .nav a:hover{color:#fff;background:var(--surf2)}
.rwa .nav a.on{color:var(--pur2)}
@media(max-width:1024px){.rwa .hero .in,.rwa .cta{grid-template-columns:1fr}.rwa .g3{grid-template-columns:1fr 1fr}.rwa .nav{display:none}}
@media(max-width:640px){.rwa .logo img{width:170px!important}.rwa .hd .btn{padding:12px 18px}.rwa .g3{grid-template-columns:1fr}.rwa section{padding:70px 0}.rwa .in{padding:0 20px}.rwa .cta{padding:36px 24px}.rwa .head .btn{width:100%;justify-content:center}}
.rwa .photo{position:relative;max-width:520px;margin-left:auto}
.rwa .photo>img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:22px;border:1px solid var(--bd);box-shadow:0 30px 70px rgba(0,0,0,.5)}
.rwa .photo:before{content:"";position:absolute;inset:-14px 14px 14px -14px;border-radius:26px;background:var(--grad);opacity:.35;z-index:-1}
.rwa .fb{position:absolute;background:rgba(28,28,31,.95);border:1px solid var(--bd);border-radius:12px;padding:12px 16px;font-size:14px;box-shadow:0 14px 34px rgba(0,0,0,.45)}
.rwa .fb b{display:block;font-size:16px}
.rwa .fb span{color:var(--mut);font-size:13px}
.rwa .fb.a{left:-28px;bottom:36px}
.rwa .fb.b{right:-12px;top:30px}
.rwa .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;align-items:center;color:var(--mut)}
.rwa .chips a{border:1px solid var(--bd);border-radius:30px;padding:8px 16px;font-size:15px;transition:border-color .25s,color .25s}
.rwa .chips a:hover{border-color:var(--pur);color:#fff}
.rwa .met{display:flex;gap:22px;padding:16px 0 4px;border-top:1px solid var(--bd);margin-top:4px}
.rwa .met b{display:block;font-size:26px;line-height:1.1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.rwa .met span{font-size:13px;color:var(--mut)}
.rwa .band{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;background:var(--grad);border-radius:20px;padding:40px}
.rwa .band b{display:block;font-size:44px;line-height:1.1}
.rwa .band span{font-size:15px;opacity:.95}
.rwa .two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.rwa .ft .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;width:100%}
.rwa .ft h3{font-size:16px;color:#fff;margin-bottom:12px}
.rwa .ft ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.rwa .ft .cp{width:100%;border-top:1px solid var(--bd);padding-top:22px;margin-top:30px}
@media(max-width:1024px){.rwa .two,.rwa .ft .cols{grid-template-columns:1fr}.rwa .band{grid-template-columns:1fr 1fr}.rwa .photo{margin:0 auto}}
@media(max-width:640px){.rwa .fb.a{left:8px}.rwa .fb.b{right:8px}.rwa .band b{font-size:34px}.rwa .band{padding:28px 20px}}
.rwa pre.code{background:#0e0e10;border:1px solid var(--bd);border-radius:10px;padding:16px;overflow-x:auto;color:#e8e8ef;font-size:14px;line-height:1.55;margin:0 0 18px}
.rwa .art ol{color:var(--mut);padding-left:22px;margin:0 0 16px}
.rwa .art ol li{margin-bottom:10px}
.rwa .art>h3{margin:26px 0 10px;font-size:22px}
.rwa .note{background:#1f1a2b;border-left:3px solid var(--pur);border-radius:8px;padding:14px 18px;color:#d9d0ea;margin:0 0 18px}
.rwa .art strong{color:#fff}
.rwa .price{font-size:44px;font-weight:700;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.rwa .card ul{color:var(--mut);padding-left:20px;margin:0;display:grid;gap:8px;font-size:15px}
.rwa .fm{display:grid;gap:16px}
.rwa .fm .r2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rwa .fm label{display:grid;gap:6px;font-weight:600;font-size:15px}
.rwa .fm input,.rwa .fm select,.rwa .fm textarea{width:100%;background:var(--bg);color:#fff;border:1px solid var(--bd);border-radius:8px;padding:14px 16px;font:400 16px Inter,system-ui,sans-serif}
.rwa .fm input:focus,.rwa .fm select:focus,.rwa .fm textarea:focus{outline:2px solid var(--pur2);outline-offset:1px;border-color:var(--pur)}
.rwa .fm textarea{min-height:150px;resize:vertical}
.rwa .hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.rwa .msg{padding:14px 18px;border-radius:8px;display:none}
.rwa .msg.ok{display:block;background:#143322;color:#b8f0cf}
.rwa .msg.er{display:block;background:#3a1620;color:#ffc9d4}
@media(max-width:640px){.rwa .fm .r2{grid-template-columns:1fr}}
.rwa .cb{position:relative;background:#0b0b0d;border:1px solid var(--bd);border-radius:12px;margin:0 0 24px}
.rwa .cb pre{margin:0;height:320px;overflow:auto;padding:56px 18px 18px;color:#e8e8ef;font:13.5px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;scrollbar-color:#761fe3 #0b0b0d}
.rwa .cb pre:focus-visible{outline:2px solid var(--pur2);outline-offset:-2px}
.rwa .cbtn{position:absolute;top:10px;right:14px;z-index:2;background:var(--pur);color:#fff;border:0;border-radius:6px;padding:8px 16px;font:600 13px Inter,system-ui,sans-serif;cursor:pointer;transition:background .25s,color .25s}
.rwa .cbtn:hover,.rwa .cbtn:focus-visible{background:#fff;color:#141414}
.rwa .cbh{position:absolute;top:0;left:0;right:0;height:50px;background:linear-gradient(#0b0b0d 70%,transparent);border-radius:12px 12px 0 0;pointer-events:none;z-index:1}
.rwa .cb{background:#0b0b0d!important;border:1px solid #2f2f36!important;border-radius:12px!important}
.rwa .cb pre,.rwa .cb pre code,.rwa pre.code,.rwa pre.code code{background:#0b0b0d!important;color:#e8e8ef!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;text-shadow:none!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important}
.rwa .cb pre code,.rwa pre.code code{padding:0!important;margin:0!important;border:0!important;border-radius:0!important;font-size:inherit!important;line-height:inherit!important;display:inline!important;white-space:inherit!important;word-break:inherit!important}
.rwa .cb pre{margin:0!important;border:0!important;border-radius:0!important;padding:56px 18px 18px!important;height:320px!important;max-height:320px!important;overflow:auto!important;white-space:pre-wrap!important;word-break:break-word!important;font-size:13.5px!important;line-height:1.6!important}
.rwa pre.code{border:1px solid #2f2f36!important;border-radius:10px!important;padding:16px!important;overflow-x:auto!important;font-size:14px!important;line-height:1.55!important;white-space:pre!important}
.rwa .cbtn{text-transform:none!important;letter-spacing:0!important;line-height:1.2!important}
.rwa .cb .cbh{background:linear-gradient(#0b0b0d 70%,rgba(11,11,13,0))!important}
.rwa .sc{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top left;border-radius:10px;border:1px solid var(--bd);margin-top:6px}
.rwa .cact{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;flex-wrap:wrap}
.rwa .vbtn{background:transparent;color:#fff;border:1px solid var(--pur);border-radius:5px;padding:9px 16px;font:600 14px Inter,system-ui,sans-serif;cursor:pointer;transition:background .25s}
.rwa .vbtn:hover,.rwa .vbtn:focus-visible{background:var(--pur)}
.rwa .vd{border:1px solid #2f2f36;border-radius:14px;background:#000;padding:0;width:min(1100px,94vw);max-width:none;overflow:hidden}
.rwa .vd::backdrop{background:rgba(0,0,0,.82)}
.rwa .vd video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.rwa .vx{position:absolute;top:10px;right:10px;z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.rwa .pv{position:relative;display:block;width:calc(100% + 64px);margin:-32px -32px 8px;aspect-ratio:16/10;padding:0;border:0;border-radius:13px 13px 0 0;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#2a1747,#17171b);color:#fff}
.rwa .pv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .6s ease}
.rwa .card:hover .pv video{transform:scale(1.04)}
.rwa .pvp{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:var(--grad);display:grid;place-items:center;box-shadow:0 8px 28px rgba(0,0,0,.45);transition:opacity .3s,transform .3s}
.rwa .pvp svg{width:22px;height:22px;margin-left:3px}
.rwa .pv:hover .pvp,.rwa .pv:focus-visible .pvp{transform:scale(1.1)}
.rwa .pv.on .pvp{opacity:0;transform:scale(.8)}
.rwa .pvl{position:absolute;left:12px;bottom:12px;background:rgba(20,20,20,.78);border:1px solid var(--bd);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}

/* ===== 3. Layout: every container is 1370px wide and sits on the left ===== */
.rwa .in{max-width:var(--w)}
.rwa .art,.rwa details{max-width:var(--w);margin-left:0;margin-right:auto}
.rwa .head{text-align:left}
.rwa .in[style*="max-width:900px"]{max-width:var(--w)!important}  /* old pages that still carry the inline width */
.rwa .in.one{grid-template-columns:1fr}
.rwa .g3.g2{grid-template-columns:repeat(2,1fr)}
.rwa .g3.g4{grid-template-columns:repeat(4,1fr)}
.rwa .shots.one{grid-template-columns:1fr}
.rwa .head.sp{margin-top:70px}
.rwa .blk.tight{margin:0 0 40px}

/* Focus title on the purple CTA box: gradient would vanish on purple, so use white */
.rwa .cta h1 em,.rwa .cta h2 em,.rwa .cta h3 em{background:linear-gradient(to right,#fff,#f0dcff);-webkit-background-clip:text;background-clip:text}

/* ===== 4. CTA: medium buttons, buttons in one row, text line below ===== */
.rwa .cta > div:last-child:has(.btn){display:flex!important;flex-direction:row;flex-wrap:wrap;gap:14px;align-items:center;justify-content:flex-end}
.rwa .cta > div:last-child:has(.btn) p:has(.btn){margin:0!important;opacity:1!important}
.rwa .cta > div:last-child:has(.btn) p:not(:has(.btn)){flex:0 0 100%;width:0;min-width:100%;margin:0!important;font-size:15px!important;text-align:right}
.rwa .cta .btn{white-space:nowrap;padding:12px 26px;font-size:15px;border-radius:5px}
.rwa .cta a.il{text-decoration:underline}
@media(min-width:1025px){.rwa .cta{grid-template-columns:1fr minmax(340px,auto)!important}}
@media(max-width:1024px){
  .rwa .cta > div:last-child:has(.btn){justify-content:flex-start}
  .rwa .cta > div:last-child:has(.btn) p:not(:has(.btn)){text-align:left}
}

/* ===== 5. FAQ + article text (About this service, The problem, guides) ===== */
.rwa .art h2:not(:first-child){margin-top:40px}
.rwa .art>h3{color:#fff}
.rwa .art>h4{margin:22px 0 8px;font-size:18px;line-height:1.35;font-weight:600;color:#fff}
.rwa .art p a:not(.btn):not(.more),.rwa .art li a:not(.btn):not(.more){color:var(--pur2);border-bottom:1px solid rgba(155,92,240,.5)}
.rwa .art p a:not(.btn):not(.more):hover,.rwa .art li a:not(.btn):not(.more):hover{color:#fff}
.rwa .art blockquote{margin:0 0 18px;padding:14px 20px;border-left:3px solid var(--pur);background:var(--surf2);border-radius:0 10px 10px 0;color:var(--mut)}
.rwa .art blockquote p{margin:0}
.rwa .art>figure,.rwa .art>p>img,.rwa .art>img{max-width:100%;height:auto;border-radius:10px;margin:0 0 18px}
.rwa .art>figure img{max-width:100%;height:auto;border-radius:10px}
.rwa .art>figure figcaption{font-size:14px;color:var(--mut);margin-top:8px}
.rwa .art table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:16px}
.rwa .art th,.rwa .art td{border:1px solid var(--bd);padding:12px 14px;text-align:left;color:var(--mut)}
.rwa .art th{background:var(--surf2);color:#fff}
.rwa .art hr{border:0;border-top:1px solid var(--bd);margin:32px 0}
.rwa .art :not(pre)>code{background:var(--surf2);border:1px solid var(--bd);border-radius:6px;padding:2px 7px;font-size:.9em;color:#e8e8ef}

/* =====================================================================
   REPLACE the whole old "6. Mobile" block with everything below.
   (Delete the old section 6 first, then paste this in the same place,
   after section 5 and before section 7.)
   ===================================================================== */

/* ===== 6.0 Content width: 1370px max on every page, full width below that ===== */
.rwa .in,.rwa .art,.rwa details{width:100%;max-width:var(--w)}
.rwa img{max-width:100%}

/* ===== 6.1 Hero glow: remove the hard curved edge (all screen sizes) =====
   The old rule inherited border + border-radius:50% from "section:before",
   which drew the visible curved line behind the hero. */
.rwa .hero:before{border:0;border-radius:0}

/* ===== 6.2 Tablet ===== */
@media(max-width:1024px){
  .rwa .g3.g4,.rwa .g3.g2{grid-template-columns:1fr 1fr}
}

/* ===== 6.3 Touch devices: no sticky hover animation on buttons ===== */
@media(hover:none){
  .rwa .btn:before{display:none}
  .rwa .btn:hover .t1,.rwa .btn:focus-visible .t1{transform:none}
  .rwa .btn:hover .t2,.rwa .btn:focus-visible .t2{display:none}
  .rwa .btn:active{background:#8a3bf0;border-color:#8a3bf0}
  .rwa .btn.o:active{background:var(--pur);border-color:var(--pur)}
  .rwa .cta .btn:active{background:#f0dcff;border-color:#f0dcff}
}

/* ===== 6.4 Mobile ===== */
@media(max-width:640px){

  /* --- Background glow behind hero / page header: one soft purple glow --- */
  .main-page-wrapper::before,.main-page-wrapper::after,
  .website-wrapper::before,.website-wrapper::after{display:none}
  .rwa section:before{width:300px;height:300px;right:-130px;top:20px;border:0}
  .rwa section:after,.rwa .hero:after,.rwa .alt:before,.rwa .alt:after{display:none}
  .rwa .hero:before,.rwa .pgh:not(.post):before{
    content:"";position:absolute;display:block;
    left:0;right:0;top:0;width:100%;height:100%;
    border:0;border-radius:0;pointer-events:none;
    background:radial-gradient(ellipse 90% 55% at 88% 20%,rgba(118,31,227,.38) 0%,rgba(118,31,227,.16) 45%,transparent 78%)
  }
  .rwa .hero,.rwa .pgh{overflow:hidden}

  /* --- Spacing and type --- */
  .rwa .in{padding:0 20px}
  .rwa section{padding:56px 0}
  .rwa .hero,.rwa .pgh{padding-top:36px;padding-bottom:48px}
  .rwa .hero .in,.rwa .pgh .in,.rwa .two{gap:32px}
  .rwa h1{font-size:clamp(32px,9.2vw,40px)}
  .rwa .pgh h1{font-size:clamp(28px,8vw,36px)}
  .rwa h2{font-size:clamp(26px,7.4vw,32px)}
  .rwa .art h2{font-size:clamp(24px,6.6vw,28px)}
  .rwa h3{font-size:19px}
  .rwa .lead{font-size:16px}
  .rwa .hero p.lead{margin:18px 0 26px}
  .rwa .tag{font-size:13px;padding:7px 12px;margin-bottom:20px}
  .rwa .head{margin-bottom:28px;gap:18px}
  .rwa .head.sp{margin-top:44px}

  /* --- Buttons: full width (up to 1370px), compact height --- */
  .rwa .btn{
    display:flex;align-items:center;justify-content:center;
    width:100%;max-width:var(--w);min-height:48px;
    padding:12px 20px;font-size:15px;line-height:1.25;border-radius:6px
  }
  .rwa .btn .bw{display:block}
  .rwa .acts{flex-direction:column;align-items:stretch;gap:12px;width:100%}
  .rwa .acts .btn,.rwa .head .btn,.rwa .vid .btn{width:100%}
  .rwa .hd .btn{width:auto;min-height:40px;padding:10px 16px;font-size:14px}   /* keep header button compact */

  /* --- CTA box: buttons stacked, full width --- */
  .rwa .cta{padding:30px 20px;gap:22px}
  .rwa .cta p{font-size:16px}
  .rwa .cta > div:last-child:has(.btn){flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px}
  .rwa .cta > div:last-child:has(.btn) p:has(.btn){flex:none;width:100%;display:block;margin:0!important}
  .rwa .cta > div:last-child:has(.btn) p:not(:has(.btn)){flex:none;width:auto;min-width:0;text-align:left;font-size:14px!important}
  .rwa .cta .btn{width:100%;padding:12px 20px;font-size:15px;white-space:normal}

  /* --- Grids: one column --- */
  .rwa .g3,.rwa .g3.g2,.rwa .g3.g4,.rwa .shots,.rwa .shots.one,.rwa .rel,.rwa .stat4,.rwa .two,.rwa .ft .cols{grid-template-columns:1fr}
  .rwa .card{padding:22px}
  .rwa .pv{width:calc(100% + 44px);margin:-22px -22px 8px}   /* matches the 22px card padding */

  /* --- Hero: stats row, photo, floating badges --- */
  .rwa .proof{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
  .rwa .proof b{font-size:28px}
  .rwa .proof span{font-size:12.5px;line-height:1.35;display:block;margin-top:4px}
  .rwa .photo{max-width:100%;margin:0 auto}
  .rwa .photo:before{inset:-8px 8px 8px -8px}
  .rwa .fb{padding:8px 12px}
  .rwa .fb b{font-size:14px}
  .rwa .fb span{font-size:12px}
  .rwa .fb.a{left:8px;bottom:16px}
  .rwa .fb.b{right:8px;top:16px}

  /* --- Other blocks --- */
  .rwa .band{grid-template-columns:1fr 1fr;padding:26px 18px;gap:18px}
  .rwa .band b{font-size:32px}
  .rwa .band span{font-size:14px}
  .rwa .panel{animation:none;padding:16px}
  .rwa .row{flex-direction:column;gap:4px}
  .rwa .met{gap:18px}
  .rwa .chips a{padding:10px 16px}
  .rwa .fm .r2{grid-template-columns:1fr}
  .rwa details{padding:14px 16px}
  .rwa summary{font-size:16px;min-height:44px;align-items:center}
  .rwa .art table{display:block;overflow-x:auto}
  .rwa .art pre,.rwa .cb pre{max-width:100%}
  .rwa .ft .in{flex-direction:column}

  /* --- Shorter scroll animations so nothing pushes the page sideways --- */
  .rwa.js [data-a=left]{transform:translateX(-24px)}
  .rwa.js [data-a=up]{transform:translateY(32px)}
  .rwa.js [data-a=back]{transform:perspective(900px) translateZ(-80px) scale(.96)}
  .rwa.js [data-a].seen{transform:none}
}

/* ===== 6.5 Small phones ===== */
@media(max-width:380px){
  .rwa .in{padding:0 16px}
  .rwa .proof{grid-template-columns:1fr 1fr}
  .rwa .band{grid-template-columns:1fr}
}

/* ===== 7. Blog post template (markup comes from the rwa-post-template plugin) ===== */
.rwa .pgh.post{background:radial-gradient(60% 120% at 92% 0%,rgba(118,31,227,.28),transparent 65%)}
.rwa .pmeta{display:flex;gap:6px 18px;flex-wrap:wrap;font-size:14px;color:var(--mut);margin-top:20px}
.rwa .pmeta span+span:before{content:"\2022";margin-right:18px;color:var(--pur2)}
.rwa .art .wp-block-image,.rwa .art .wp-caption{max-width:100%}
.rwa .art .alignleft,.rwa .art .alignright{float:none;margin:0 0 18px}
.rwa .art .wp-caption-text{font-size:14px;color:var(--mut)}
body.rwa-post .page-title,body.rwa-post .wd-page-title,body.rwa-post .entry-header,body.rwa-post .wd-single-post-header{display:none!important}
body.rwa-post .main-page-wrapper .container,body.rwa-post .main-page-wrapper .site-content{max-width:100%;padding-left:0;padding-right:0}
body.rwa-post .main-page-wrapper .sidebar-container{display:none}
body.rwa-post .main-page-wrapper .site-content{width:100%;flex:0 0 100%}
body.rwa-post .main-page-wrapper{padding-top:0}