/*
Theme Name: APK Landing
Theme URI: https://ajqureshi.com
Author: AJ Qureshi
Author URI: https://ajqureshi.com
Description: Modern single page app landing and blog theme. One post becomes the full homepage, other posts go to Blog and categories. Auto article formatter (full width sections, centered headings, feature cards, pros and cons, step timeline, quick answer, verdict, FAQ with schema), collapsed table of contents, SEO score, schema, download page with countdown, ratings, polls, withdraw proofs, bulk import, auto featured images, IndexNow and ad manager. Self hosted fonts and inline icons for fast Core Web Vitals.
Version: 6.5.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: apk-landing
Tags: blog, one-column, custom-logo, custom-menu, featured-images, threaded-comments
*/

/* ---------- tokens ---------- */
:root{
  --acc:#4f46e5;--acc2:#0ea5e9;--dl:#16a34a;--star:#f59e0b;--warn:#b45309;--red:#dc2626;
  --bg:#f4f5f8;--surf:#ffffff;--ink:#12141a;--ink2:#3a4150;--muted:#667085;--line:#e3e6ec;
  --tint:color-mix(in srgb,var(--acc) 7%,var(--surf));
  --glass:rgba(255,255,255,.62);--glass2:rgba(255,255,255,.42);--gb:rgba(255,255,255,.75);--blur:blur(14px) saturate(160%);
  --mesh1:color-mix(in srgb,var(--acc) 16%,transparent);--mesh2:color-mix(in srgb,var(--acc2) 14%,transparent);
  --w:1160px;--rw:720px;--cw:960px;
  --r1:10px;--r2:14px;--r3:20px;
  --sh:0 1px 2px rgba(16,24,40,.05),0 8px 24px -12px rgba(16,24,40,.12);
  --display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  --body:"Figtree",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){--glass:rgba(22,26,36,.62);--glass2:rgba(22,26,36,.4);--gb:rgba(255,255,255,.08);--bg:#0c0e13;--surf:#14171e;--ink:#eef0f5;--ink2:#c7ccd6;--muted:#949bab;--line:#262b36;--sh:0 1px 2px rgba(0,0,0,.3),0 8px 24px -12px rgba(0,0,0,.6);--tint:color-mix(in srgb,var(--acc) 14%,var(--surf))}
}
:root[data-theme="dark"]{--glass:rgba(22,26,36,.62);--glass2:rgba(22,26,36,.4);--gb:rgba(255,255,255,.08);--bg:#0c0e13;--surf:#14171e;--ink:#eef0f5;--ink2:#c7ccd6;--muted:#949bab;--line:#262b36;--sh:0 1px 2px rgba(0,0,0,.3),0 8px 24px -12px rgba(0,0,0,.6);--tint:color-mix(in srgb,var(--acc) 14%,var(--surf))}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:hidden;overflow-x:clip}
body{margin:0;background:var(--bg);position:relative;color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.75;overflow-x:hidden;overflow-x:clip;-webkit-font-smoothing:antialiased}
@media(max-width:600px){body{font-size:16.5px}}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;letter-spacing:-.02em;line-height:1.18;margin:0 0 .55em;color:var(--ink);text-wrap:balance}
p{margin:0 0 1.1em}
a{color:var(--acc);text-underline-offset:3px}
img,video,iframe,embed,object{max-width:100%;height:auto}
iframe{border:0}
button,input,select,textarea{font:inherit;color:inherit}
input,select,textarea{font-size:16px}
button{cursor:pointer}
.ico{width:1em;height:1em;flex:none;vertical-align:-.125em}
:focus-visible{outline:3px solid var(--acc);outline-offset:2px;border-radius:6px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;left:10px;top:10px;z-index:999;background:var(--ink);color:var(--surf);padding:8px 14px;border-radius:8px;width:auto;height:auto;clip:auto}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.muted{color:var(--muted)}
.container{max-width:var(--w);margin:0 auto;padding:0 20px}
.ajl-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:100;background:var(--acc)}

/* ---------- header (not sticky) ---------- */
.site-header{background:var(--surf);border-bottom:1px solid var(--line);position:relative;z-index:30}
.nav-bar{max-width:var(--w);margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:10px;min-height:66px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--display);font-weight:800;font-size:1.15rem;letter-spacing:-.02em;min-width:0}
.brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand .mark{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:1rem;background:var(--acc)}
.brand img{max-height:38px;width:auto}
.nav-menu{margin:0 0 0 auto;display:flex;list-style:none;padding:0;gap:2px}
.nav-menu a{display:block;color:var(--ink2);text-decoration:none;font-weight:600;font-size:.95rem;padding:8px 12px;border-radius:var(--r1)}
.nav-menu a:hover,.nav-menu .current-menu-item>a{color:var(--ink);background:var(--bg)}
.nav-menu ul{display:none}
.icon-btn{flex:none;border:1px solid var(--line);background:var(--surf);color:var(--ink);width:40px;height:40px;border-radius:var(--r1);display:inline-grid;place-items:center;font-size:1.05rem;padding:0;text-decoration:none}
.icon-btn:hover{background:var(--bg)}
.lang-btn{font-size:.72rem;font-weight:800;letter-spacing:.02em}
.nav-tools{display:flex;gap:6px}
.menu-toggle{display:none!important}
@media(max-width:780px){
  .menu-toggle{display:inline-grid!important}
  .nav-tools{margin-left:auto}
  .nav-menu{display:none;position:absolute;left:12px;right:12px;top:calc(100% + 6px);flex-direction:column;padding:8px;border-radius:var(--r2);background:var(--surf);border:1px solid var(--line);box-shadow:var(--sh)}
  .nav-menu.open{display:flex}
  .nav-menu a{padding:13px 14px;font-size:1.02rem}
}
@media(max-width:360px){.icon-btn{width:36px;height:36px}.nav-tools{gap:4px}.nav-bar{padding:10px 12px}}
.search-drop{display:none;max-width:var(--w);margin:0 auto;padding:0 20px 14px}
.search-drop.open{display:block}
.search-form{display:flex;gap:8px;max-width:640px}
.search-form input{flex:1;min-width:0;padding:12px 14px;border-radius:var(--r1);border:1px solid var(--line);background:var(--bg)}
.search-form button{border:0;border-radius:var(--r1);padding:0 16px;min-height:46px;color:#fff;background:var(--acc)}

/* ---------- bands (full width sections) ---------- */
.band{padding:64px 0;border-top:1px solid var(--line)}
.band.b-a{background:var(--surf);--card:var(--bg)}
.band.b-b{background:var(--bg);--card:var(--surf)}
.band>.in{max-width:var(--cw);margin:0 auto;padding:0 20px}
@media(max-width:600px){.band{padding:44px 0}.band>.in{padding:0 18px}}
.band>.in>p,.band>.in>ul:not(.feat-grid),.band>.in>ol,.band>.in>h3,.band>.in>h4,.band>.in>blockquote,.band>.in>.callout,.band>.in>.takeaways,.band>.in>.toc,.band>.in>figure:not(.wp-block-table),.band>.in>.wp-block-image,.band>.in>.wp-block-embed,.band>.in>.ajl-ad,.band>.in>pre{max-width:var(--rw);margin-left:auto;margin-right:auto}
.band.intro{border-top:0;padding-top:48px}
.crumbs{font-size:.85rem;color:var(--muted);margin:0 0 14px;overflow-wrap:anywhere}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--ink)}

/* centered section headings, sized by length */
.sec-h{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;margin:0 auto 32px;max-width:var(--rw)}
.sec-h .h-ic{width:48px;height:48px;border-radius:var(--r2);display:grid;place-items:center;font-size:1.35rem;color:var(--acc);background:var(--tint);border:1px solid color-mix(in srgb,var(--acc) 18%,transparent)}
.sec-h .h-txt{display:block}
.sec-h.len-s{font-size:clamp(1.8rem,4.6vw,2.5rem)}
.sec-h.len-m{font-size:clamp(1.5rem,3.8vw,2rem)}
.sec-h.len-l{font-size:clamp(1.25rem,3vw,1.6rem)}
.sec-upd{display:inline-flex;align-items:center;gap:6px;font-family:var(--body);font-size:.78rem;font-weight:600;letter-spacing:0;color:var(--dl);background:color-mix(in srgb,var(--dl) 10%,transparent);padding:3px 10px;border-radius:999px}
.band h3{font-size:1.25rem;margin-top:1.6em}

/* ---------- content blocks ---------- */
.entry-content{overflow-wrap:break-word}
.entry-content a{overflow-wrap:anywhere}
.lead{font-size:1.15em;color:var(--ink2);line-height:1.7}
.entry-content img{border-radius:var(--r2)}
.entry-content figure{margin:0 0 1.4em}
.entry-content blockquote{margin:0 0 1.4em;padding:16px 20px;border-left:4px solid var(--acc);background:var(--card);border-radius:0 var(--r2) var(--r2) 0}
.entry-content pre{overflow-x:auto;padding:16px;border-radius:var(--r2);background:var(--card)}
.entry-content a.ilink{text-decoration:none;color:var(--acc);font-weight:600;box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--acc) 30%,transparent)}
.icon-list{list-style:none;padding:0;margin:0 0 1.4em}
.icon-list li{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}
.icon-list li:last-child{border-bottom:0}
.icon-list li>span:last-child{flex:1;min-width:0}
.li-ic{flex:none;width:34px;height:34px;border-radius:var(--r1);display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);font-size:1.05rem;margin-top:-2px}

/* step timeline */
.steps{counter-reset:s;list-style:none;padding:0;margin:0 0 1.4em}
.steps>li{counter-increment:s;position:relative;display:flex;gap:16px;padding-bottom:22px}
.steps>li::before{content:counter(s);flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.95rem;color:#fff;background:var(--acc);position:relative;z-index:1;font-family:var(--display)}
.steps>li:not(:last-child)::after{content:"";position:absolute;left:17px;top:38px;bottom:0;width:2px;background:color-mix(in srgb,var(--acc) 22%,transparent)}
.steps .st-body{flex:1;min-width:0;padding-top:5px}

/* feature cards */
.feat-grid{display:grid;gap:16px;margin:0 0 1.6em}
.feat-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.feat-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:820px){.feat-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.feat-grid.cols-2,.feat-grid.cols-3{grid-template-columns:1fr}}
.feat{background:var(--card);border:1px solid var(--line);border-radius:var(--r3);padding:22px;display:flex;flex-direction:column;gap:14px;min-width:0}
.feat-ic{width:44px;height:44px;border-radius:var(--r2);display:grid;place-items:center;font-size:1.3rem;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent)}
.feat-t{font-family:var(--display);font-weight:700;font-size:1.08rem;line-height:1.35;margin:0 0 4px;letter-spacing:-.01em}
.feat-d{margin:0;color:var(--muted);font-size:.95rem;line-height:1.6}
@media(max-width:560px){.feat{flex-direction:row;padding:16px;gap:14px}}

/* pros / cons */
.proscons{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:0 0 1.6em}
.pc{background:var(--card);border:1px solid var(--line);border-radius:var(--r3);padding:20px 22px;border-top:4px solid var(--c)}
.pc.pros{--c:var(--dl)}.pc.cons{--c:var(--red)}
.pc-t{display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:1.1rem;color:var(--c);margin:0 0 10px}
.pc ul{list-style:none;padding:0;margin:0}
.pc li{display:flex;gap:10px;align-items:flex-start;padding:7px 0}
.pc li .ico{color:var(--c);margin-top:.3em}

/* callouts */
.callout{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:var(--r2);margin:0 0 1.4em;background:color-mix(in srgb,var(--c) 8%,var(--surf));border:1px solid color-mix(in srgb,var(--c) 22%,transparent)}
.callout .co-ic{flex:none;width:32px;height:32px;border-radius:var(--r1);display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);font-size:1rem}
.callout>div{flex:1;min-width:0}
.callout p{margin:0}
.callout .co-t{font-weight:700;color:var(--c);font-size:.9rem;margin-bottom:2px}
.callout.answer{padding:20px 22px;border-width:1px 1px 1px 5px;border-color:color-mix(in srgb,var(--c) 22%,transparent) color-mix(in srgb,var(--c) 22%,transparent) color-mix(in srgb,var(--c) 22%,transparent) var(--c)}
.callout.answer p:not(.co-t){font-size:1.08em;color:var(--ink)}

/* tables */
.tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 auto 1.6em;border:1px solid var(--line);border-radius:var(--r2);background:var(--card)}
.tbl figure{margin:0}
.tbl table,.entry-content table{width:100%;border-collapse:collapse;font-size:.95rem;margin:0}
.entry-content th,.entry-content td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.entry-content tr:last-child td{border-bottom:0}
.entry-content th{font-weight:700;background:var(--tint)}
@media(max-width:600px){
  .tbl.stack{border:0;background:transparent;overflow:visible}
  .tbl.stack table,.tbl.stack tbody,.tbl.stack tr,.tbl.stack td{display:block;width:100%}
  .tbl.stack thead{display:none}
  .tbl.stack tr{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);margin-bottom:10px;padding:6px 0}
  .tbl.stack td{display:flex;justify-content:space-between;gap:14px;border:0;padding:8px 16px;text-align:right}
  .tbl.stack td::before{content:attr(data-label);font-weight:700;color:var(--muted);text-align:left}
}

/* takeaways + toc */
.takeaways{padding:20px 22px;border-radius:var(--r3);margin:0 0 1.2em;background:var(--card);border:1px solid var(--line)}
.takeaways .t-title{font-family:var(--display);font-weight:700;margin:0 0 8px;display:flex;gap:8px;align-items:center;font-size:1.05rem}
.takeaways .t-title .ico{color:var(--acc)}
.takeaways ul{margin:0;padding-left:20px}
.takeaways li{margin-bottom:6px}
.toc{border:1px solid var(--line);border-radius:var(--r2);background:var(--card);margin:0 0 1.2em}
.toc summary{display:flex;align-items:center;gap:10px;padding:14px 18px;cursor:pointer;list-style:none;font-weight:700}
.toc summary::-webkit-details-marker{display:none}
.toc summary>span{display:flex;align-items:center;gap:8px}
.toc summary>span .ico{color:var(--acc)}
.toc summary small{color:var(--muted);font-weight:500;margin-left:auto;font-size:.85rem}
.toc .chev{transition:transform .2s;color:var(--muted)}
.toc[open] .chev{transform:rotate(180deg)}
.toc ol{list-style:none;padding:4px 18px 16px;margin:0;border-top:1px solid var(--line);counter-reset:t}
.toc li{padding:6px 0}
.toc li:not(.sub){counter-increment:t}
.toc li:not(.sub) a::before{content:counter(t) ". ";color:var(--muted);font-variant-numeric:tabular-nums}
.toc li.sub{padding-left:22px;font-size:.93rem}
.toc a{text-decoration:none;color:var(--ink2)}
.toc a:hover,.toc a.active{color:var(--acc)}

/* verdict */
.verdict{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:8px auto 0;max-width:var(--rw);padding:20px;border-radius:var(--r3);background:var(--card);border:1px solid var(--line)}
.v-score{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}
.v-score b{font-family:var(--display);font-size:2.4rem;font-weight:800}
.v-score small{color:var(--muted)}
.verdict .dl-btn{flex:1;min-width:220px}

/* faq */
.faq-box{max-width:var(--rw);margin:0 auto}
.faq-box details{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);margin-bottom:10px}
.faq-box summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;font-weight:700;cursor:pointer;list-style:none}
.faq-box summary::-webkit-details-marker{display:none}
.faq-box .chev{color:var(--muted);transition:transform .2s}
.faq-box details[open] .chev{transform:rotate(180deg)}
.faq-a{padding:0 18px 16px;color:var(--ink2)}
.faq-a p:last-child{margin:0}

/* ads */
.ajl-ad{margin:24px auto;text-align:center;overflow:hidden;min-width:0}
.ajl-ad-m{display:none}
@media(max-width:780px){.ajl-ad-d{display:none}.ajl-ad-m{display:block}}

/* ---------- hero ---------- */
.hero{background:var(--tint);border-bottom:1px solid var(--line);padding:40px 0 48px}
.hero-grid{max-width:var(--w);margin:0 auto;padding:0 20px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px;align-items:start}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:24px}.hero{padding:28px 0 36px}}
.app-id{display:flex;gap:18px;align-items:center;margin-bottom:18px}
.app-icon{width:96px;height:96px;flex:none;border-radius:24px;overflow:hidden;display:grid;place-items:center;color:#fff;font-family:var(--display);font-weight:800;font-size:1.8rem;background:var(--acc);box-shadow:0 12px 28px -10px color-mix(in srgb,var(--acc) 60%,transparent)}
.app-icon img{width:100%;height:100%;object-fit:cover;border-radius:0}
@media(max-width:480px){.app-icon{width:76px;height:76px;border-radius:19px;font-size:1.4rem}}
.hero h1{font-size:clamp(1.8rem,5vw,3rem);margin:0 0 6px;overflow-wrap:anywhere}
.app-dev{color:var(--muted);font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--surf);border:1px solid var(--line);white-space:nowrap}
.chip .ico{color:var(--muted)}
.chip.ok{color:var(--dl)}.chip.ok .ico{color:var(--dl)}
.chip .stars{letter-spacing:1px}
.stars{color:var(--star)}
.dl-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;border:0;border-radius:var(--r2);padding:14px 22px;font-weight:700;font-size:1.08rem;color:#fff!important;text-decoration:none!important;background:var(--dl);box-shadow:0 10px 24px -10px color-mix(in srgb,var(--dl) 70%,transparent);text-align:center;transition:filter .15s,transform .15s}
.dl-btn:hover{filter:brightness(.94)}
.dl-btn:active{transform:translateY(1px)}
.dl-btn small{font-weight:500;opacity:.85}
.dl-btn.alt{background:var(--surf);color:var(--ink)!important;border:1px solid var(--line);box-shadow:none}
.hero-actions{display:flex;gap:10px;margin-top:10px}
.hero-actions button{flex:1;min-height:46px;border:1px solid var(--line);background:var(--surf);border-radius:var(--r1);font-weight:600;font-size:.92rem;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.hero-note{font-size:.84rem;color:var(--muted);margin:10px 0 0}
.specs{background:var(--surf);border:1px solid var(--line);border-radius:var(--r3);padding:8px 20px;margin:0;box-shadow:var(--sh)}
.specs div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);min-width:0}
.specs div:last-child{border-bottom:0}
.specs dt{color:var(--muted);display:flex;align-items:center;gap:8px}
.specs dd{margin:0;font-weight:700;text-align:right;overflow-wrap:anywhere}
.ref-box{margin-top:16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--surf);border:1px dashed color-mix(in srgb,var(--acc) 45%,transparent);border-radius:var(--r3);padding:14px 16px}
.ref-code{font-family:var(--display);font-size:1.3rem;font-weight:800;letter-spacing:.08em;color:var(--acc)}
.ref-box p{flex:1;min-width:160px;margin:0;font-size:.88rem;color:var(--muted);line-height:1.5}
.ref-box p strong{display:block;color:var(--ink);font-size:.95rem}
.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;min-height:44px;border:0;border-radius:var(--r1);padding:10px 16px;font-weight:700;color:#fff!important;text-decoration:none;background:var(--acc)}
.btn.ghost{background:var(--surf);color:var(--ink)!important;border:1px solid var(--line)}
.ajl-device{display:none;margin:0 0 16px;padding:10px 14px;border-radius:var(--r1);font-size:.88rem;background:color-mix(in srgb,var(--warn) 10%,var(--surf));border:1px solid color-mix(in srgb,var(--warn) 30%,transparent);color:var(--ink)}
.ajl-device.show{display:flex;gap:10px;align-items:center}
.ajl-device .ico{color:var(--warn)}

/* post header (non-app posts) */
.post-head{background:var(--surf);border-bottom:1px solid var(--line);padding:40px 0 36px}
.post-head .in{max-width:var(--rw);margin:0 auto;padding:0 20px}
.post-head h1{font-size:clamp(1.8rem,5vw,2.8rem)}
.meta-row{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.88rem;color:var(--muted);margin:0}
.meta-row span{display:inline-flex;align-items:center;gap:6px}
.meta-row b{color:var(--ink);font-weight:600}
.intent-chip{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:var(--acc);background:var(--tint);padding:4px 10px;border-radius:999px;margin-bottom:14px;text-decoration:none}
.featured{margin:24px 0 0;border-radius:var(--r3);overflow:hidden;aspect-ratio:1200/630;background:var(--bg)}
.featured img{display:block;width:100%;height:100%;object-fit:cover}
.app-promo{display:flex;align-items:center;gap:14px;max-width:var(--rw);margin:0 auto 1.4em;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--r2)}
.app-promo .app-icon{width:52px;height:52px;border-radius:14px;font-size:1rem;box-shadow:none}
.app-promo div{flex:1;min-width:0;line-height:1.4}
.app-promo b{display:block}
.app-promo small{color:var(--muted)}
.app-promo .btn{background:var(--dl)}

/* ---------- extras ---------- */
.shots{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.shots button{flex:none;width:170px;padding:0;border:0;background:none;border-radius:var(--r3);overflow:hidden;scroll-snap-align:start;box-shadow:var(--sh)}
.shots img{display:block;width:170px;height:340px;object-fit:cover;border-radius:var(--r3)}
.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r3);padding:24px;min-width:0}
.panel h3{margin:0 0 14px;font-size:1.15rem}
.rate-wrap{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center}
.big{font-family:var(--display);font-size:3rem;font-weight:800;line-height:1}
.bars div{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}
.bars span{flex:1;height:8px;border-radius:4px;background:var(--line);overflow:hidden}
.bars span i{display:block;height:100%;background:var(--star)}
.star-input{display:flex;gap:2px;margin-top:16px;align-items:center;flex-wrap:wrap}
.star-input button{background:none;border:0;font-size:1.9rem;line-height:1;color:var(--line);padding:4px;min-width:42px;min-height:42px}
.star-input button.on{color:var(--star)}
.star-input small{margin-left:6px;color:var(--muted)}
.poll{display:flex;flex-direction:column;gap:10px}
.poll button{min-height:52px;border:1px solid var(--line);background:var(--surf);padding:12px 16px;border-radius:var(--r2);font-weight:700;position:relative;overflow:hidden;text-align:left}
.poll .fill{position:absolute;left:0;top:0;bottom:0;width:0;transition:width .6s}
.poll button>span{position:relative;display:flex;align-items:center;gap:8px}
.poll .pc{margin-left:auto}
.poll .yes .fill{background:color-mix(in srgb,var(--dl) 16%,transparent)}
.poll .no .fill{background:color-mix(in srgb,var(--red) 14%,transparent)}
.poll-note{font-size:.84rem;color:var(--muted);margin:10px 0 0}
.vtable{width:100%;border-collapse:collapse;font-size:.92rem;min-width:520px}
.vtable th,.vtable td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}
.vtable th{color:var(--muted);font-weight:600;font-size:.82rem;background:var(--tint)}
.vtable tr:last-child td{border-bottom:0}
.vtable a{color:var(--dl);font-weight:700;text-decoration:none;white-space:nowrap}
.tag-new{font-size:.72rem;font-weight:700;color:var(--dl);background:color-mix(in srgb,var(--dl) 12%,transparent);padding:2px 8px;border-radius:999px;margin-left:6px}
.proofs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:16px}
.proofs button{padding:0;border:0;background:none;border-radius:var(--r2);overflow:hidden;aspect-ratio:9/16}
.proofs img{width:100%;height:100%;object-fit:cover;display:block}
.ajl-form{display:grid;gap:10px;margin-top:14px;max-width:460px}
.ajl-form input,.ajl-form textarea{width:100%;padding:12px 14px;border-radius:var(--r1);border:1px solid var(--line);background:var(--surf)}
.ajl-msg{font-size:.9rem;min-height:1.2em;margin:0}
.ajl-msg.ok{color:var(--dl)}.ajl-msg.err{color:var(--red)}
.upload-toggle{list-style:none;cursor:pointer}
.upload-toggle::-webkit-details-marker{display:none}
.sec-title{font-size:clamp(1.5rem,3.8vw,2rem);text-align:center;margin:0 auto 28px;max-width:var(--rw)}

/* helpful, author, disclaimer */
.helpful{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;text-align:center}
.helpful b{font-family:var(--display);font-size:1.15rem;width:100%}
.disc{max-width:var(--rw);margin:0 auto 20px;padding:14px 18px;border-radius:var(--r2);font-size:.9rem;background:color-mix(in srgb,var(--warn) 7%,var(--surf));border:1px solid color-mix(in srgb,var(--warn) 25%,transparent)}
.disc strong{color:var(--warn)}
.author{display:flex;gap:16px;align-items:flex-start;max-width:var(--rw);margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:var(--r3);padding:20px}
.author img,.author .av{width:64px;height:64px;border-radius:50%;flex:none;object-fit:cover}
.author .av{display:grid;place-items:center;color:#fff;font-weight:800;font-family:var(--display);background:var(--acc)}
.author b{font-family:var(--display);font-size:1.1rem}
.author p{margin:4px 0 0;font-size:.92rem;color:var(--muted);line-height:1.6}
.author .how{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.author .how strong{color:var(--ink)}

/* cards grid */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}
.pcard{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:var(--card,var(--surf));border:1px solid var(--line);border-radius:var(--r3);overflow:hidden;transition:transform .2s,box-shadow .2s;min-width:0}
.pcard:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.pthumb{aspect-ratio:1200/630;display:grid;place-items:center;color:var(--acc);font-size:2.2rem;position:relative;background:var(--tint);overflow:hidden}
.pthumb img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.pthumb .cat{position:absolute;left:12px;top:12px;z-index:1;font-size:.75rem;font-weight:700;background:var(--surf);color:var(--ink);padding:4px 10px;border-radius:999px}
.pbody{padding:16px 18px 18px}
.pbody h3{font-size:1.08rem;margin:0 0 8px;line-height:1.35;letter-spacing:-.01em}
.pmeta{display:flex;gap:14px;color:var(--muted);font-size:.84rem;margin:0}
.pagination{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:30px 0 0}
.pagination .page-numbers{min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:var(--r1);border:1px solid var(--line);text-decoration:none;color:var(--ink);padding:0 12px;background:var(--surf)}
.pagination .current{background:var(--acc);color:#fff;border-color:var(--acc)}
.page-head{background:var(--surf);border-bottom:1px solid var(--line);padding:40px 0 30px}
.page-head .container>h1{font-size:clamp(1.9rem,5vw,2.8rem);margin:0 0 8px}
.cats{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.cats a{display:inline-flex;align-items:center;min-height:38px;padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink2);text-decoration:none;font-weight:600;font-size:.9rem}
.cats a.on,.cats a:hover{background:var(--acc);border-color:var(--acc);color:#fff}
.list-band{padding:40px 0 64px}
.more-link{display:flex;justify-content:center;margin-top:26px}

/* comments */
.comments-wrap{max-width:var(--rw);margin:0 auto}
.comment-list{list-style:none;padding:0;margin:0 0 24px}
.comment-list .children{list-style:none;padding-left:18px}
.comment-body{padding:16px 0;border-bottom:1px solid var(--line)}
.comment-author img{border-radius:50%;vertical-align:middle;margin-right:8px}
.comment-meta{font-size:.82rem;color:var(--muted)}
.comment-form p{margin-bottom:12px}
.comment-form label{display:block;font-size:.9rem;font-weight:600;margin-bottom:4px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:12px 14px;border-radius:var(--r1);border:1px solid var(--line);background:var(--surf)}
.comment-form .submit{border:0;border-radius:var(--r1);padding:12px 22px;min-height:48px;color:#fff;font-weight:700;background:var(--acc)}
.c-rating{display:flex;gap:2px;position:relative}
.c-rating label{font-size:1.8rem;color:var(--line);cursor:pointer;padding:2px;margin:0}
.c-rating input{position:absolute;opacity:0;width:1px;height:1px}
.c-rating label.on{color:var(--star)}

/* footer */
.site-footer{background:#0f1116;color:#b7bdc9;padding:48px 0 120px;margin-top:0}
.site-footer a{color:#e6e8ee;text-decoration:none}
.site-footer a:hover{color:#fff}
.foot-top{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:flex-start;padding-bottom:24px;border-bottom:1px solid #232733}
.foot-brand{max-width:420px}
.foot-brand b{font-family:var(--display);font-size:1.2rem;color:#fff}
.foot-brand p{margin:8px 0 0;font-size:.92rem;line-height:1.6}
.social{display:flex;gap:8px;flex-wrap:wrap}
.social a{width:42px;height:42px;border-radius:var(--r1);display:grid;place-items:center;background:#1a1d25;font-size:1.1rem}
.foot-menu{display:flex;flex-wrap:wrap;gap:6px 20px;list-style:none;padding:0;margin:20px 0 10px}
.foot-menu a{display:inline-block;padding:4px 0;font-size:.92rem}
.foot-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin:24px 0 0}
.foot-copy{font-size:.85rem;margin:14px 0 0}

/* app bar: bottom on mobile, slim top bar on desktop */
.appbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:var(--surf);border-top:1px solid var(--line);box-shadow:0 -8px 24px -12px rgba(16,24,40,.2);transform:translateY(120%);transition:transform .25s}
.appbar.show{transform:none}
.appbar .app-icon{width:42px;height:42px;border-radius:12px;font-size:.85rem;box-shadow:none}
.appbar .txt{flex:1;min-width:0;line-height:1.3}
.appbar .txt b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--display)}
.appbar .txt small{color:var(--muted);font-size:.8rem}
.appbar .dl-btn{width:auto;min-height:46px;padding:10px 18px;font-size:.95rem;flex:none}
@media(min-width:900px){
  .appbar{top:0;bottom:auto;padding:8px max(20px,calc((100vw - var(--w)) / 2 + 20px));border-top:0;border-bottom:1px solid var(--line);transform:translateY(-110%);box-shadow:var(--sh)}
  .appbar .app-icon{width:36px;height:36px;border-radius:10px}
}
.floaters{position:fixed;right:14px;bottom:calc(92px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px;z-index:41;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .3s,transform .3s}
.floaters.show{opacity:1;pointer-events:auto;transform:none}
.floaters a{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:1.35rem;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.floaters .wa{background:#25d366}.floaters .tg{background:#229ed9}
@media(min-width:900px){.floaters{bottom:24px}}
@media(max-width:899px){.is-app-landing .floaters{display:none}}
.join-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 auto 24px;max-width:var(--rw)}
.join-row a{flex:1;min-width:150px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:var(--r2);color:#fff;font-weight:700;text-decoration:none}
.join-row .wa{background:#1fae54}.join-row .tg{background:#229ed9}
.to-top{position:fixed;left:14px;bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:41;opacity:0;pointer-events:none;transition:opacity .3s;box-shadow:var(--sh)}
.to-top.show{opacity:1;pointer-events:auto}
@media(min-width:900px){.to-top{bottom:24px}}
.ajl-lb{position:fixed;inset:0;z-index:90;background:rgba(10,12,16,.9);display:none;place-items:center;padding:20px}
.ajl-lb.open{display:grid}
.ajl-lb img{max-height:88vh;width:auto;border-radius:var(--r2)}
.ajl-toast{position:fixed;left:50%;top:calc(16px + env(safe-area-inset-top,0px));transform:translate(-50%,-220%);z-index:99;padding:11px 18px;border-radius:var(--r1);background:var(--ink);color:var(--surf);font-weight:600;font-size:.92rem;transition:transform .3s;max-width:90vw;text-align:center}
.ajl-toast.show{transform:translate(-50%,0)}

/* download page */
.dl-band{padding:48px 0 64px}
.dlpage{max-width:560px;margin:0 auto;padding:32px 24px;text-align:center;background:var(--surf);border:1px solid var(--line);border-radius:var(--r3);box-shadow:var(--sh)}
.dlpage .app-icon{margin:0 auto}
.dlpage h1{font-size:clamp(1.5rem,4.5vw,2rem);margin:16px 0 4px}
.ring{width:132px;height:132px;margin:22px auto;position:relative}
.ring svg{transform:rotate(-90deg);width:132px;height:132px}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--display);font-size:2.3rem}
.mirrors{display:none;flex-direction:column;gap:10px;margin:18px 0}
.mirrors.show{display:flex}
.notify{margin-top:22px;text-align:left;border-top:1px solid var(--line);padding-top:20px}
.notify .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.notify input{flex:1;min-width:180px;padding:12px 14px;border-radius:var(--r1);border:1px solid var(--line);background:var(--bg)}

/* misc */
.center{text-align:center}
.widget{margin-bottom:16px}
.widget ul{padding-left:18px;margin:0}
.no-results{text-align:center;padding:40px 20px}
.alignleft{float:left;margin:0 18px 10px 0}
.alignright{float:right;margin:0 0 10px 18px}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption-text,figcaption{font-size:.85rem;color:var(--muted);text-align:center;margin-top:6px}
.sticky,.bypostauthor,.gallery-caption{}
@media(max-width:600px){.alignleft,.alignright{float:none;margin:0 0 14px}}


/* ================= v6: light glassmorphism ================= */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60vmax 40vmax at 8% -6%,var(--mesh1),transparent 60%),radial-gradient(50vmax 36vmax at 100% 10%,var(--mesh2),transparent 60%),radial-gradient(45vmax 35vmax at 40% 110%,color-mix(in srgb,var(--acc) 9%,transparent),transparent 60%)}
.site-header{background:var(--glass);border-bottom:1px solid var(--gb);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
.hero{background:transparent;border-bottom:1px solid var(--gb)}
.band{border-top:1px solid var(--gb)}
.band.b-a{background:var(--glass2);--card:var(--glass)}
.band.b-b{background:transparent;--card:var(--glass)}
.feat,.pc,.toc,.takeaways,.faq-box details,.panel,.pcard,.author,.tbl,.verdict,.app-promo,.also{background:var(--card,var(--glass));border-color:var(--gb);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 10px 30px -18px rgba(16,24,40,.25)}
.specs,.ref-box,.dlpage,.appbar,.exit-card,.send-phone{background:var(--glass);border-color:var(--gb);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
.chip,.hero-actions button,.dl-btn.alt,.btn.ghost,.icon-btn,.cats a,.pagination .page-numbers{background:var(--glass);border-color:var(--gb)}
.page-head,.post-head{background:transparent;border-bottom:1px solid var(--gb)}
.site-footer{background:#0f1116}
@media (prefers-reduced-transparency:reduce){.site-header,.specs,.ref-box,.dlpage,.appbar,.exit-card,.send-phone{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surf)}}

/* scam banner + app alert */
.scam-bar{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px 16px;background:#b91c1c;color:#fff;font-weight:600;font-size:.92rem;text-align:center}
.scam-bar a{color:#fff;text-decoration:underline}
.app-alert{display:flex;gap:10px;align-items:flex-start;margin:0 0 16px;padding:12px 14px;border-radius:var(--r2);background:color-mix(in srgb,var(--red) 10%,var(--surf));border:1px solid color-mix(in srgb,var(--red) 35%,transparent);color:var(--ink);font-weight:600;font-size:.92rem}
.app-alert .ico{color:var(--red);margin-top:.25em}

/* smart download */
.send-phone{display:flex;gap:16px;align-items:center;margin-top:14px;padding:14px;border:1px solid var(--gb);border-radius:var(--r2)}
.send-phone[hidden]{display:none}
.send-phone .qr{width:112px;height:112px;flex:none;background:#fff;border-radius:10px;padding:4px}
.send-phone .qr svg{width:100%;height:100%;display:block}
.send-phone b{font-family:var(--display)}
.send-phone p{margin:4px 0 10px;font-size:.88rem;color:var(--muted);line-height:1.5}
.wa-send{background:#1fae54}
@media(max-width:420px){.send-phone{flex-direction:column;text-align:center}}
.hash{border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--ink);cursor:copy;font-variant-numeric:tabular-nums}
.specs dd a{font-weight:600;font-size:.88rem;margin-left:6px}

/* withdraw ticker */
.ticker{overflow:hidden;border-bottom:1px solid var(--gb);background:var(--glass2);-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ticker-track{display:flex;gap:36px;width:max-content;padding:10px 0;animation:ajlTick 40s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker span{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--ink2);white-space:nowrap}
.ticker .ico{color:var(--dl)}
@keyframes ajlTick{to{transform:translateX(-50%)}}

/* community reports */
.rep-status{display:flex;align-items:center;gap:8px;font-weight:700;margin:0 0 6px}
.rep-status.st-good{color:var(--dl)}.rep-status.st-mixed{color:var(--warn)}.rep-status.st-bad{color:var(--red)}.rep-status.st-muted{color:var(--muted)}
.rep-counts{margin:0 0 14px;color:var(--ink2)}
.rep-btns{display:flex;gap:8px;flex-wrap:wrap}
.rep-btns .btn{flex:1;min-width:130px}

/* referral board */
.refboard{list-style:none;padding:0;margin:0 auto 20px;max-width:var(--rw);display:grid;gap:10px}
.refboard li{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--r2);background:var(--card);border:1px solid var(--gb)}
.refboard .rk{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:800;font-family:var(--display);background:var(--tint);color:var(--acc)}
.refboard li:first-child .rk{background:var(--star);color:#fff}
.refboard .rc{flex:1;min-width:0;line-height:1.3}
.refboard .rc b{display:block;font-family:var(--display);letter-spacing:.06em;overflow-wrap:anywhere}
.refboard .rc small{color:var(--muted)}

/* ask form, also read, video */
.ask{max-width:var(--rw);margin:0 auto 28px;padding:18px;border-radius:var(--r3);background:var(--card,var(--glass));border:1px solid var(--gb)}
.ask-t{display:flex;align-items:center;gap:8px;font-weight:700;margin:0 0 10px}
.ask-t .ico{color:var(--acc)}
.ask textarea,.ask input{width:100%;padding:12px 14px;border-radius:var(--r1);border:1px solid var(--line);background:var(--surf)}
.ask .row{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.ask .row input{flex:1;min-width:160px}
.ask .ajl-msg{margin-top:8px}
.also{max-width:var(--rw);margin:8px auto 0;padding:16px 18px;border-radius:var(--r2);border:1px solid var(--gb);border-left:4px solid var(--acc)}
.also-t{display:flex;align-items:center;gap:8px;font-weight:700;margin:0 0 6px;color:var(--acc)}
.also ul{margin:0;padding-left:20px}
.also li{margin:4px 0}
.yt{display:block;position:relative;width:100%;max-width:var(--rw);margin:0 auto;padding:0;border:0;border-radius:var(--r3);overflow:hidden;aspect-ratio:16/9;background:#000;cursor:pointer}
.yt img{width:100%;height:100%;object-fit:cover;opacity:.9;border-radius:0}
.yt-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:4rem;filter:drop-shadow(0 4px 14px rgba(0,0,0,.5))}
.yt-frame{display:block;width:100%;max-width:var(--rw);margin:0 auto;aspect-ratio:16/9;border-radius:var(--r3)}

/* exit popup + sticky ad */
.exit-pop{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:20px;background:rgba(10,12,16,.45)}
.exit-pop[hidden]{display:none}
.exit-card{position:relative;max-width:380px;width:100%;padding:28px 22px 22px;text-align:center;border:1px solid var(--gb);border-radius:var(--r3);box-shadow:0 30px 60px -20px rgba(0,0,0,.45);animation:ajlPop .25s ease-out}
.exit-card .app-icon{margin:0 auto 12px;width:72px;height:72px;border-radius:18px}
.exit-h{font-family:var(--display);font-weight:800;font-size:1.3rem;margin:0 0 4px}
.exit-x{position:absolute;right:10px;top:10px}
@keyframes ajlPop{from{transform:scale(.94);opacity:0}}
.sticky-ad{position:fixed;left:0;right:0;bottom:env(safe-area-inset-bottom,0px);transition:bottom .25s;z-index:39;display:none;justify-content:center;padding:4px 0;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-top:1px solid var(--gb)}
@media(max-width:899px){.sticky-ad{display:flex}}
body.appbar-on .sticky-ad{bottom:calc(66px + env(safe-area-inset-bottom,0px))}
@media(max-width:899px){body:has(.sticky-ad) .to-top,body:has(.sticky-ad) .floaters{bottom:calc(150px + env(safe-area-inset-bottom,0px))}}
.sticky-x{position:absolute;right:6px;top:-26px;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:var(--surf);display:grid;place-items:center;padding:0}

/* comparison + rtl */
table.cmp td:first-child{font-weight:700;color:var(--muted)}
table.cmp a{font-weight:700}
[dir=rtl] .entry-content,[dir=rtl] .post-head{direction:rtl;text-align:right}
[dir=rtl] .icon-list li,[dir=rtl] .steps>li{flex-direction:row-reverse}

/* ---------- app store grid homepage (v6.3) ---------- */
.ajd-hero{padding:44px 0 26px;background:linear-gradient(180deg,var(--tint),transparent);border-bottom:1px solid var(--line)}
.ajd-hero h1{font-size:clamp(1.8rem,4.6vw,2.8rem);margin:0 0 8px;max-width:22ch}
.ajd-lead{color:var(--muted);max-width:56ch;margin:0 0 18px}
.ajd-search{max-width:560px;margin-bottom:16px}
.ajd-search .search-form{display:flex;background:var(--surf);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ajd-search input[type=search]{flex:1;min-width:0;border:0;background:transparent;padding:14px 16px;outline:none}
.ajd-search button{border:0;background:var(--acc);color:#fff;padding:0 18px;font-size:1.1rem}
.ajd-wrap{padding-top:10px;padding-bottom:40px}
.ajd-sec{margin:34px 0 0;min-width:0}
.ajd-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.ajd-head h2{display:flex;align-items:center;gap:10px;font-size:1.35rem;margin:0}
.ajd-head h2 .ico{color:var(--acc);font-size:1.15em}
.ajd-all{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.92rem;text-decoration:none;white-space:nowrap}
/* icons */
.ajd-ic{width:56px;height:56px;flex:0 0 56px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:var(--tint)}
.ajd-ic img{width:100%;height:100%;object-fit:cover;display:block}
.ajd-ic.is-letters{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;font-family:var(--display);font-weight:800;font-size:1.25rem;letter-spacing:.02em}
.ajd-ic.big{width:76px;height:76px;flex-basis:76px;border-radius:20px;font-size:1.6rem}
.pthumb .ajd-ic.big{position:relative;width:88px;height:88px;border-radius:22px;box-shadow:0 10px 24px -12px rgba(16,24,40,.45)}
/* rows */
.ajd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.ajd-grid>*{min-width:0}
.ajd-row{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surf);text-decoration:none;color:var(--ink);min-width:0;transition:border-color .15s,box-shadow .15s}
.ajd-row:hover{border-color:color-mix(in srgb,var(--acc) 45%,var(--line));box-shadow:var(--sh)}
.ajd-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.ajd-name{font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ajd-meta,.ajd-sub{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:.82rem;color:var(--muted);line-height:1.3}
.ajd-rate{display:inline-flex;align-items:center;gap:3px;color:var(--ink);font-weight:700}
.ajd-rate .ico{color:var(--star)}
.ajd-cat{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:12ch}
.ajd-badge{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--dl) 14%,var(--surf));color:var(--dl)}
.ajd-badge.mod{background:color-mix(in srgb,var(--acc) 14%,var(--surf));color:var(--acc)}
.ajd-go{flex:0 0 40px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--dl);color:#fff;font-size:1.1rem}
/* top rated slider */
.ajd-slider{display:grid;grid-auto-flow:column;grid-auto-columns:128px;gap:12px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.ajd-slider>*{scroll-snap-align:start;min-width:0}
.ajd-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:14px 10px;border:1px solid var(--line);border-radius:18px;background:var(--surf);text-decoration:none;color:var(--ink);height:100%}
.ajd-tile .ajd-name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem}
.ajd-tile .ajd-sub{justify-content:center}
.ajd-empty{margin-top:30px;padding:18px;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}
@media(max-width:600px){
  .ajd-hero{padding:30px 0 20px}
  .ajd-grid{grid-template-columns:minmax(0,1fr)}
  .ajd-ic{width:52px;height:52px;flex-basis:52px}
  .ajd-go{flex-basis:36px;width:36px;height:36px}
}
.ajd-sub{flex-wrap:nowrap;overflow:hidden;white-space:nowrap}
.ajd-sub>*{flex:none}
.ajd-sub .ajd-cat{flex:0 1 auto;min-width:0}
.ajd-rate .ico{fill:currentColor}
.ajd-hero .cats{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}
.ajd-hero .cats>a{flex:none}

/* ---------- v6.4 store polish ---------- */
.ajd-ic.xs{width:26px;height:26px;flex-basis:26px;border-radius:8px;font-size:.7rem}
.ajd-trend{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 4px;margin-top:14px;-webkit-overflow-scrolling:touch}
.ajd-trend::-webkit-scrollbar,.ajd-hero .cats::-webkit-scrollbar{display:none}
.ajd-trend-l{flex:none;display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:.85rem;color:#ea580c}
.ajd-trend a{flex:none;display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:999px;background:var(--surf);border:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600;font-size:.88rem}
.ajd-trend a:hover{border-color:var(--acc)}
.ajd-stats{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--ink2);font-size:.88rem;font-weight:600}
.ajd-stats li{display:inline-flex;align-items:center;gap:7px}
.ajd-stats .ico{color:var(--dl);font-size:1.05rem}
/* featured cards */
.ajd-feats{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.ajd-feats>*{min-width:0}
.ajd-feat{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--surf);position:relative;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.ajd-feat::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--acc),var(--acc2))}
.ajd-feat:hover{box-shadow:var(--sh);border-color:color-mix(in srgb,var(--acc) 35%,var(--line))}
.ajd-feat-top{display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--ink);min-width:0}
.ajd-feat-top .ajd-name{font-size:1.08rem}
.ajd-feat-top .ajd-badge{align-self:flex-start;margin-top:2px}
.ajd-sum{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ajd-feat-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.ajd-feat-foot .ajd-meta span{display:inline-flex;align-items:center;gap:4px}
.ajd-dl{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 16px;border-radius:12px;background:var(--dl);color:#fff;text-decoration:none;font-weight:700;font-size:.9rem;white-space:nowrap}
.ajd-dl:hover{filter:brightness(1.05)}
/* category browser */
.ajd-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.ajd-cats a{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surf);color:var(--ink);text-decoration:none;min-width:0}
.ajd-cats a:hover{border-color:var(--acc)}
.ajd-cats i{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--acc);font-size:1.2rem;font-style:normal}
.ajd-cats span{min-width:0}
.ajd-cats b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem}
.ajd-cats small{color:var(--muted);font-size:.8rem}
/* mobile bottom navigation */
.bnav{display:none}
@media(max-width:899px){
  .bnav{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:color-mix(in srgb,var(--surf) 94%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))}
  .bnav a,.bnav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;border:0;background:none;color:var(--muted);text-decoration:none;font-size:.7rem;font-weight:700;border-radius:12px;padding:0}
  .bnav .ico{font-size:1.3rem}
  .bnav .on{color:var(--acc)}
  body.has-bnav{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
  body.has-bnav .to-top,body.has-bnav .floaters{bottom:calc(80px + env(safe-area-inset-bottom,0px))}
  .ajd-feats{grid-template-columns:minmax(0,1fr)}
  .ajd-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.ajd-cats span{line-height:1.3}.ajd-cats small{display:block;margin-top:2px}
@media(max-width:600px){.ajd-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;font-size:.8rem}.ajd-stats li{align-items:flex-start;line-height:1.35}}

/* =====================================================================
   v6.5: glass design + PC layout
   Frosted glass panels on a soft colour mesh. Wider layout on desktop,
   steps as cards, floating glass app bar, no content hidden under it.
   ===================================================================== */
:root{
  --glass:rgba(255,255,255,.58);--glass2:rgba(255,255,255,.34);--glass3:rgba(255,255,255,.78);
  --gb:rgba(255,255,255,.85);--gline:rgba(15,23,42,.07);
  --blur:blur(18px) saturate(170%);
  --gsh:0 1px 0 rgba(255,255,255,.7) inset,0 18px 40px -24px rgba(30,41,90,.28),0 2px 6px -2px rgba(30,41,90,.06);
  --orb1:color-mix(in srgb,var(--acc) 30%,transparent);
  --orb2:color-mix(in srgb,var(--acc2) 26%,transparent);
  --orb3:rgba(236,72,153,.14);
  --bg:#eef1f8;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){--bg:#080b16;--glass:rgba(24,30,52,.55);--glass2:rgba(24,30,52,.32);--glass3:rgba(30,37,62,.78);--gb:rgba(255,255,255,.09);--gline:rgba(255,255,255,.07);--gsh:0 1px 0 rgba(255,255,255,.06) inset,0 18px 40px -24px rgba(0,0,0,.8);--orb3:rgba(236,72,153,.12)}
}
:root[data-theme="dark"]{--bg:#080b16;--glass:rgba(24,30,52,.55);--glass2:rgba(24,30,52,.32);--glass3:rgba(30,37,62,.78);--gb:rgba(255,255,255,.09);--gline:rgba(255,255,255,.07);--gsh:0 1px 0 rgba(255,255,255,.06) inset,0 18px 40px -24px rgba(0,0,0,.8);--orb3:rgba(236,72,153,.12)}
[hidden]{display:none!important}

/* background mesh: three soft orbs, fixed behind everything */
body{background:var(--bg)}
body::before{background:
  radial-gradient(42vmax 34vmax at 6% 4%,var(--orb1),transparent 62%),
  radial-gradient(40vmax 32vmax at 96% 18%,var(--orb2),transparent 62%),
  radial-gradient(36vmax 30vmax at 70% 92%,var(--orb3),transparent 62%),
  radial-gradient(30vmax 26vmax at 12% 78%,color-mix(in srgb,var(--acc2) 12%,transparent),transparent 62%)}

/* glass surfaces */
.site-header{background:var(--glass2);border-bottom:1px solid var(--gb)}
.feat,.pc,.toc,.takeaways,.faq-box details,.panel,.pcard,.author,.tbl,.verdict,.app-promo,.also,.ask,.refboard li,.callout,
.ajd-feat,.ajd-row,.ajd-tile,.ajd-cats a,.specs,.ref-box,.dlpage,.exit-card,.send-phone{
  background:var(--glass);border:1px solid var(--gb);box-shadow:var(--gsh);
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
.chip,.hero-actions button,.dl-btn.alt,.btn.ghost,.icon-btn,.cats a,.pagination .page-numbers,.ajd-trend a,.poll button{
  background:var(--glass3);border-color:var(--gb)}
.ajd-search .search-form{background:var(--glass3);border:1px solid var(--gb);box-shadow:var(--gsh);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
.ajd-row:hover,.ajd-feat:hover,.ajd-tile:hover,.ajd-cats a:hover,.pcard:hover{border-color:color-mix(in srgb,var(--acc) 40%,var(--gb));box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 22px 44px -22px color-mix(in srgb,var(--acc) 45%,transparent)}
.ajd-hero{background:transparent;border-bottom:0}
.hero,.page-head,.post-head{border-bottom:0}
.band,.band.b-a,.band.b-b{background:transparent;border-top:0;--card:var(--glass)}

/* download button: glowing gradient */
.dl-btn:not(.alt),.ajd-dl,.ajd-go{background:linear-gradient(135deg,var(--dl),color-mix(in srgb,var(--dl) 70%,#0ea5e9));box-shadow:0 12px 28px -12px color-mix(in srgb,var(--dl) 75%,transparent),0 1px 0 rgba(255,255,255,.25) inset}
.dl-btn:not(.alt){position:relative;overflow:hidden}
.dl-btn:not(.alt)::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-100%);transition:transform .7s}
.dl-btn:not(.alt):hover::after{transform:translateX(100%)}
.dl-btn>*{position:relative;z-index:1}

/* section icon and app icon glow */
.sec-h .h-ic{background:var(--glass3);border:1px solid var(--gb);box-shadow:var(--gsh)}
.app-icon{box-shadow:0 16px 36px -14px color-mix(in srgb,var(--acc) 70%,transparent),0 0 0 4px var(--glass3)}

/* steps: glass cards everywhere (cleaner than the thin line) */
.band .steps{display:grid;gap:14px}
.band .steps>li{padding:16px 18px;border-radius:var(--r3);background:var(--glass);border:1px solid var(--gb);box-shadow:var(--gsh);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);align-items:center}
.band .steps>li::after{display:none}
.band .steps>li::before{background:linear-gradient(135deg,var(--acc),var(--acc2));box-shadow:0 8px 18px -8px color-mix(in srgb,var(--acc) 70%,transparent)}
.band .steps .st-body{padding-top:0}
.band .steps .st-body p:last-child{margin:0}

/* footer: dark glass */
.site-footer{background:linear-gradient(180deg,rgba(12,16,32,.92),#070a14);border-top:1px solid rgba(255,255,255,.08)}
.foot-widgets ul{list-style:none;padding-left:0}

/* ---------- mobile keeps full bleed sections ---------- */
@media(max-width:899px){
  .band{padding:44px 0}
  .band .steps>li{gap:14px}
}

/* ---------- PC layout ---------- */
@media(min-width:900px){
  :root{--w:1240px;--cw:1160px;--rw:780px}
  html{scroll-padding-top:110px}

  /* each article section becomes one big glass panel */
  .band{padding:18px 0}
  .band.intro{padding-top:36px}
  .band>.in{max-width:var(--cw);padding:52px 56px;border-radius:30px;background:var(--glass2);border:1px solid var(--gb);box-shadow:var(--gsh);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
  .band>.in{width:calc(100% - 40px)}
  .band:last-of-type{padding-bottom:48px}

  /* structured blocks use the full panel width, text stays readable */
  .band>.in>.tbl,.band>.in>.proscons,.band>.in>.two-col,.band>.in>.faq-box,.band>.in>.verdict,.band>.in>.feat-grid{max-width:100%}
  .band>.in>ol.steps{max-width:100%;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}
  .band .steps>li{flex-direction:column;align-items:flex-start;gap:14px;padding:22px;min-height:150px;transition:transform .2s,box-shadow .2s}
  .band .steps>li:hover{transform:translateY(-3px)}
  .band .steps>li::before{width:42px;height:42px;font-size:1.05rem}
  .band .steps .st-body{font-weight:600;line-height:1.5}
  .faq-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
  .faq-box details{margin:0}
  .feat-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}

  /* app hero: one glass card, two columns */
  .hero{padding:36px 0 18px}
  .hero-grid{max-width:var(--cw);width:calc(100% - 40px);padding:40px 44px;border-radius:30px;background:var(--glass2);border:1px solid var(--gb);box-shadow:var(--gsh);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:44px;align-items:center}
  .hero h1{font-size:clamp(2.2rem,3.4vw,3.2rem)}
  .app-icon{width:108px;height:108px;border-radius:28px;font-size:2rem}
  .post-head{padding:44px 0 20px}

  /* floating glass app bar (was flush to the edges) */
  .appbar{top:12px;bottom:auto;left:50%;right:auto;width:min(var(--cw),calc(100% - 40px));padding:8px 8px 8px 14px;border-radius:20px;border:1px solid var(--gb);background:var(--glass3);box-shadow:0 20px 44px -24px rgba(20,30,70,.45);transform:translate(-50%,calc(-100% - 30px))}
  .appbar.show{transform:translate(-50%,0)}
  .appbar .dl-btn{min-height:44px;border-radius:14px}

  /* corner buttons stay inside the screen */
  .to-top{left:auto;right:24px;bottom:24px;background:var(--glass3);border-color:var(--gb);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
  .floaters{right:24px;bottom:84px}

  /* grid homepage */
  .ajd-hero{padding:72px 0 30px;text-align:center}
  .ajd-hero h1{max-width:none;font-size:clamp(2.6rem,4.4vw,3.8rem);letter-spacing:-.035em}
  .ajd-lead{margin:0 auto 26px;font-size:1.12rem}
  .ajd-search{max-width:640px;margin:0 auto 18px}
  .ajd-search .search-form{border-radius:18px;padding:6px}
  .ajd-search input[type=search]{padding:14px 16px;font-size:1.05rem}
  .ajd-search button{border-radius:13px;padding:0 24px}
  .ajd-trend{justify-content:center;flex-wrap:wrap;overflow:visible}
  .ajd-stats{justify-content:center}
  .ajd-hero .cats{justify-content:center;flex-wrap:wrap;overflow:visible}
  .ajd-wrap{padding-bottom:64px}
  .ajd-sec{margin-top:44px;padding:28px;border-radius:28px;background:var(--glass2);border:1px solid var(--gb);box-shadow:var(--gsh);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
  .ajd-head h2{font-size:1.5rem}
  .ajd-feats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .ajd-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .ajd-slider{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-columns:auto;overflow:visible;padding:4px 0 0}
  .ajd-cats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1600px){
  :root{--w:1380px;--cw:1280px;--rw:820px}
  body{font-size:18px}
  .ajd-grid,.ajd-feats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:900px) and (max-width:1100px){
  .band>.in{padding:40px 32px}
  .hero-grid{padding:32px}
  .ajd-feats,.ajd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ajd-cats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (prefers-reduced-transparency:reduce){
  .band>.in,.hero-grid,.ajd-sec,.appbar,.feat,.ajd-feat,.ajd-row,.ajd-tile,.band .steps>li{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surf)}
}
.site-footer h2,.site-footer h3,.site-footer h4,.site-footer .widget-title,.site-footer .wp-block-heading{color:#fff}
@media(min-width:900px){.hero h1{font-size:clamp(2rem,2.8vw,2.8rem)}}
@media(min-width:900px){.to-top{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;border:0}}