/* NoMarkly design system v3 — premium authority theme.
   WHITE is the default theme. Dark via header toggle, stored in localStorage. */
:root{
  --bg:#f4f4fa; --card:#ffffff; --card2:#eeeef7;
  --txt:#12122a; --mut:#5a5a75;
  --border:#e2e2f0; --border2:#cfcfe4;
  --input-bg:#ffffff; --head-bg:rgba(255,255,255,.86);
  --err-bg:#fdeef1; --err-txt:#8a1030;
  --badge-bg:#e6fbf7; --link:#0b7a84;
  --shadow:0 30px 70px rgba(23,23,70,.13);
  --shadow-sm:0 10px 30px rgba(23,23,70,.08);
  --acc:#fe2c55; --acc2:#25f4ee;
  --grad:linear-gradient(92deg,#25f4ee,#7b5cff 55%,#fe2c55); --r:20px;
  --foot-bg:rgba(255,255,255,.66); --foot-txt:#5a5a75;
}
[data-theme="dark"]{
  --bg:#06060e; --card:#0f0f1e; --card2:#15152a;
  --txt:#f4f4fb; --mut:#9c9cb8;
  --border:#22223f; --border2:#2c2c4e;
  --input-bg:#0a0a17; --head-bg:rgba(6,6,14,.85);
  --err-bg:#3a0f1e; --err-txt:#ffd7de;
  --badge-bg:#0d2b26; --link:#25f4ee;
  --shadow:0 30px 70px rgba(0,0,0,.55);
  --shadow-sm:0 10px 30px rgba(0,0,0,.4);
  --foot-bg:rgba(8,8,20,.66); --foot-txt:#9c9cb8;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--txt);font-family:"Plus Jakarta Sans",Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55;transition:background .25s,color .25s;overflow-x:hidden}
body::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:1200px;max-width:100vw;height:560px;pointer-events:none;background:radial-gradient(420px 260px at 18% 0%,rgba(37,244,238,.16),transparent 65%),radial-gradient(460px 280px at 55% 0%,rgba(123,92,255,.17),transparent 65%),radial-gradient(420px 260px at 85% 0%,rgba(254,44,85,.13),transparent 65%)}
a{color:var(--link);text-decoration:none}
.wrap{max-width:1120px;margin:0 auto;padding:0 18px;position:relative}
header{position:sticky;top:0;background:linear-gradient(180deg,var(--head-bg),color-mix(in srgb,var(--head-bg) 78%,transparent));backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);z-index:50;border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent);box-shadow:0 10px 34px rgba(15,15,50,.07)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:13px 0}
.logo{font-weight:900;font-size:22.5px;color:var(--txt);letter-spacing:-.02em}.logo span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.logoimg{height:40px;width:auto;display:block}
.logoimg.logo-dark{display:none}
[data-theme="dark"] .logoimg.logo-dark{display:block}
[data-theme="dark"] .logoimg.logo-light{display:none}
.nav{position:relative}
.hsep{width:1px;height:26px;background:var(--border);margin-left:18px;flex:none}
.hcenter{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:26px}
.hcenter a{color:var(--mut);font-size:14.5px;font-weight:600;white-space:nowrap}
.hcenter a:hover{color:var(--txt)}
.hactions{display:flex;align-items:center;gap:4px;margin-left:auto}
.hlink{display:flex;align-items:center;gap:7px;color:var(--mut);font-size:14.5px;font-weight:600;padding:9px 11px;border-radius:99px;white-space:nowrap}
.hlink:hover{color:var(--txt)}
.hlink svg{width:19px;height:19px;flex:none}
.langwrap{position:relative}
.langbtn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border2);background:var(--card);color:var(--txt);cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow-sm);padding:0}
.langbtn svg{width:20px;height:20px}
.langmenu{position:absolute;top:calc(100% + 10px);inset-inline-end:0;min-width:196px;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 44px rgba(15,15,50,.18);padding:6px;display:none;z-index:80}
.langwrap.open .langmenu{display:block}
.langmenu a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 12px;border-radius:9px;color:var(--txt);font-size:14px;font-weight:600}
.langmenu a:hover{background:var(--bg)}
.langmenu a.on{color:var(--acc)}
.lcheck{font-weight:800}
.themebtn{display:grid;place-items:center;padding:0}
.themebtn svg{width:19px;height:19px}
.themebtn .ic-sun{display:none}
[data-theme="dark"] .themebtn .ic-sun{display:block}
[data-theme="dark"] .themebtn .ic-moon{display:none}
.themebtn{margin-left:4px;width:40px;height:40px;border-radius:50%;border:1px solid var(--border2);background:var(--card);color:var(--txt);font-size:16px;cursor:pointer;line-height:1;box-shadow:var(--shadow-sm)}
.hero{text-align:center;padding:64px 0 30px}
.herobadge{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border2);border-radius:99px;padding:7px 16px;font-size:13px;font-weight:700;color:var(--mut);box-shadow:var(--shadow-sm)}
.herobadge i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.18);font-style:normal}
.eyebrow{letter-spacing:.18em;font-size:12px;color:var(--link);font-weight:800;text-transform:uppercase}
h1{font-size:clamp(36px,6.4vw,60px);line-height:1.05;font-weight:900;letter-spacing:-.025em;margin:16px 0 14px}
h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{color:var(--mut);max-width:660px;margin:0 auto 28px;font-size:17px}
.platforms{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:2px auto 20px}
.plat{display:flex;align-items:center;gap:9px;background:var(--card);border:1.5px solid var(--border);padding:7px 16px 7px 7px;border-radius:99px;font-weight:600;font-size:14px;color:var(--txt);transition:all .2s}
.plat b{font-weight:800}
.pchip{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto}
.pchip svg{width:19px;height:19px;fill:currentColor;display:block}
.p-tiktok{background:#000}
.p-facebook{background:#1877F2}
.p-instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}
.plat.on{border-color:var(--pc);box-shadow:0 8px 22px rgba(20,20,60,.16);transform:translateY(-2px)}
a.plat:hover{border-color:var(--pc);transform:translateY(-2px)}
/* Platform selector inside the tool (homepage) */
.selrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.selchip{display:flex;align-items:center;gap:8px;background:var(--card2);border:1.5px solid var(--border);padding:6px 15px 6px 6px;border-radius:99px;font-weight:700;font-size:14px;color:var(--mut);cursor:pointer;font-family:inherit;transition:all .18s}
.selchip .pchip{width:28px;height:28px}.selchip .pchip svg{width:16px;height:16px}
.selchip:hover{border-color:var(--pc);color:var(--txt)}
.selchip.on{background:var(--card);border-color:var(--pc);color:var(--txt);box-shadow:0 8px 20px rgba(20,20,60,.13)}
.toolhead{display:flex;align-items:center;gap:12px;text-align:left;margin-bottom:14px}
.toolhead .pchip{width:44px;height:44px}.toolhead .pchip svg{width:24px;height:24px}
.toolhead>div>b{font-size:17.5px;display:block;line-height:1.25}
.toolhead small{color:var(--mut);font-size:13px;display:block;margin-top:2px}
.toolhead small b{display:inline;font-size:13px}
.toolhead small a{font-weight:700}
.platcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;margin:6px auto 10px}
.platcard{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;background:var(--card);border:1.5px solid var(--border);border-radius:22px;padding:26px 16px 20px;text-decoration:none;color:var(--txt);transition:all .2s;overflow:hidden}
.platcard::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--pc);opacity:0;transition:.2s}
.platcard:hover{border-color:var(--pc);transform:translateY(-4px);box-shadow:var(--shadow)}
.platcard:hover::before{opacity:1}
.pchip.big{width:58px;height:58px}.pchip.big svg{width:31px;height:31px}
.pcname{font-weight:800;font-size:17.5px}
.pcsub{color:var(--mut);font-size:13px;text-align:center}
.pcgo{font-weight:800;font-size:13.5px;color:var(--link);margin-top:4px}
.tool{background:var(--card);border:1px solid var(--border);border-radius:26px;padding:24px;box-shadow:var(--shadow);text-align:left;max-width:880px;margin:0 auto}
.adslot{margin:22px auto;text-align:center;overflow:hidden}
.tabs{display:flex;gap:8px;margin-bottom:14px}
.tab{flex:1;padding:11px;border-radius:12px;border:1px solid var(--border2);background:var(--card2);color:var(--mut);cursor:pointer;font-weight:700;font-family:inherit;font-size:14.5px}
.tab.on{background:var(--grad);color:#fff;border:none}
.row{display:flex;gap:10px}
input[type=text],textarea{flex:1;background:var(--input-bg);border:1.5px solid var(--border2);color:var(--txt);border-radius:15px;padding:16px;font-size:16px;width:100%;font-family:inherit;outline:none;transition:border .15s, box-shadow .15s}
input[type=text]:focus,textarea:focus{border-color:#7b5cff;box-shadow:0 0 0 4px rgba(123,92,255,.15)}
textarea{min-height:110px;resize:vertical}
.btn{background:var(--grad);color:#fff;border:none;border-radius:15px;padding:16px 28px;font-size:16.5px;font-weight:800;cursor:pointer;white-space:nowrap;font-family:inherit;box-shadow:0 12px 26px rgba(123,92,255,.30);transition:transform .15s, box-shadow .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(123,92,255,.36)}
.btn:disabled{opacity:.55}
.btn.ghost{background:var(--card2);border:1px solid var(--border2);color:var(--txt);box-shadow:none}
.btn.sm{padding:10px 16px;font-size:14px;border-radius:11px}
.hint{color:var(--mut);font-size:13px;margin-top:11px;text-align:left}
.err{background:var(--err-bg);border:1px solid #fe2c55;color:var(--err-txt);padding:14px 17px;border-radius:13px;margin-top:16px;text-align:left;font-size:14.5px}
.err b{font-weight:800}
.result{margin-top:20px;text-align:left}
.rcard{display:flex;gap:18px;background:var(--card2);border:1px solid var(--border);border-radius:20px;padding:17px;flex-wrap:wrap}
.rcard img.cover{width:172px;border-radius:14px;object-fit:cover;aspect-ratio:3/4;background:#000}
.rinfo{flex:1;min-width:240px}
.rinfo h3{font-size:17px;margin-bottom:6px}
.meta{color:var(--mut);font-size:13px;margin-bottom:12px}
.dl{display:flex;flex-direction:column;gap:9px}
.dl a.dbtn{display:flex;justify-content:space-between;align-items:center;background:var(--card);border:1.5px solid var(--border2);padding:13px 16px;border-radius:13px;color:var(--txt);font-weight:700;transition:.15s}
.dl a.dbtn:hover{border-color:#7b5cff;transform:translateY(-1px);box-shadow:var(--shadow-sm)}
.dl a.dbtn small{color:var(--link);font-weight:700}
.badge{display:inline-block;font-size:11px;padding:3px 9px;border-radius:99px;background:var(--badge-bg);border:1px solid var(--link);color:var(--link);margin-right:6px;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px}
.grid img{width:100%;border-radius:10px;aspect-ratio:3/4;object-fit:cover}
.grid figure a{font-size:12px}
.trustrow{display:flex;justify-content:center;gap:8px 26px;flex-wrap:wrap;margin-top:20px;color:var(--mut);font-size:13.5px;font-weight:600}
.trustrow span::before{content:"✓ ";color:#22c55e;font-weight:900}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-sm);overflow:hidden;margin:8px auto}
.stat{padding:22px 18px;text-align:center;border-left:1px solid var(--border)}
.stat:first-child{border-left:none}
.stat b{font-size:26px;display:block;letter-spacing:-.02em}
.stat span{color:var(--mut);font-size:13px;font-weight:600}
section{padding:46px 0}
h2{font-size:29px;margin-bottom:8px;letter-spacing:-.02em;font-weight:900;text-align:center}
.secsub{color:var(--mut);text-align:center;max-width:620px;margin:0 auto 24px;font-size:15.5px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:14px;text-align:left}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:22px;transition:.2s}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.card .cicon{font-size:24px;margin-bottom:9px}
.card h3{margin-bottom:7px;font-size:17px}.card p{color:var(--mut);font-size:14px}
table{width:100%;border-collapse:collapse;font-size:14px;background:var(--card);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm)}
th,td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left}th{background:var(--card2)}
.yes{color:#1fae5f;font-weight:800}.no{color:#fe2c55}
details{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 19px;margin-bottom:10px;text-align:left}
summary{cursor:pointer;font-weight:700}
details p{color:var(--mut);margin-top:8px;font-size:14px}
ol.steps{margin:0 auto;max-width:640px;color:var(--mut);text-align:left}ol.steps li{margin-bottom:9px}
.codebox{background:#0b0b18;color:#c9f7f2;border-radius:16px;padding:20px 22px;font-family:ui-monospace,Menlo,monospace;font-size:14px;overflow-x:auto;text-align:left}
.ctaband{background:linear-gradient(120deg,#15152e,#3a2a7d 55%,#7b2d5b);border-radius:26px;padding:40px 30px;text-align:center;color:#fff;box-shadow:var(--shadow)}
.ctaband h2{color:#fff;margin-bottom:8px}
.ctaband p{color:#d6d6ee;max-width:560px;margin:0 auto 20px}
.ctaband .btn{background:#fff;color:#3a2a7d;box-shadow:0 12px 26px rgba(0,0,0,.25)}
footer{background:linear-gradient(0deg,var(--foot-bg),color-mix(in srgb,var(--foot-bg) 78%,transparent));backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);border-top:1px solid color-mix(in srgb,var(--border) 75%,transparent);color:var(--foot-txt);padding:52px 0 0;margin-top:30px;font-size:14px}
.footgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px;padding-bottom:36px;text-align:left}
.footgrid h4{color:var(--txt);font-size:15px;margin-bottom:13px}
.footgrid a{display:block;color:var(--foot-txt);padding:4px 0}.footgrid a:hover{color:var(--txt)}
.footgrid .flogo{color:var(--txt);font-size:21px;font-weight:900}
.footgrid .flogo span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.footbar{border-top:1px solid var(--border);padding:18px 0;text-align:center;font-size:13px}
.creditbar{border-top:1px solid var(--border);padding:13px 0 16px;text-align:center;font-size:12.5px;color:var(--foot-txt)}
.creditbar .csep{margin:0 7px;opacity:.6}
.creditbar .heart{font-size:12px}
.creditbar a{color:var(--txt);font-weight:800;letter-spacing:.05em;text-decoration:none}
.creditbar a:hover{text-decoration:underline}
@media(max-width:700px){.creditbar .cr-made{display:block;margin-top:3px}.creditbar .csep{display:none}}
.spin{width:18px;height:18px;border:3px solid #ffffff55;border-top-color:#fff;border-radius:50%;display:inline-block;animation:s 0.7s linear infinite;vertical-align:-3px}
@keyframes s{to{transform:rotate(360deg)}}
.hist{display:flex;gap:10px;overflow-x:auto;padding:6px 0}.hist a{flex:0 0 auto}.hist img{width:74px;height:98px;object-fit:cover;border-radius:10px}
@media(max-width:820px){.footgrid{grid-template-columns:1fr 1fr}.stat{border-left:none;border-top:1px solid var(--border)}.stat:first-child{border-top:none}}
@media(max-width:640px){.row{flex-direction:column}.rcard img.cover{width:100%;aspect-ratio:auto;max-height:300px}.hero{padding:42px 0 22px}}
/* Download page (get.php) */
/* ===== Download page v3 (studio): ambient media panel + refined info column ===== */
.dlcrumbs{display:flex;align-items:center;gap:10px;padding:22px 0 16px}
.backbtn{display:inline-flex;align-items:center;height:38px;padding:0 16px;background:var(--card);border:1px solid var(--border);border-radius:99px;color:var(--txt);text-decoration:none;font-weight:700;font-size:13.5px;box-shadow:var(--shadow-sm);white-space:nowrap}
.backbtn:hover{border-color:#c9c9e8}
.dlplat{margin-left:auto;display:inline-flex;align-items:center;height:28px;padding:0 12px;border:1px solid var(--border);border-radius:99px;background:var(--card);font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--mut)}
.dlpage{display:grid;grid-template-columns:minmax(330px,410px) minmax(0,1fr);background:var(--card);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);margin-bottom:12px}
.dlmedia{position:sticky;top:18px;align-self:start;z-index:6;background:#0a0a18;padding:28px 26px 22px;display:flex;flex-direction:column;overflow:hidden;border-radius:28px 0 0 28px}
.dlbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(46px) saturate(1.25);transform:scale(1.35);opacity:.5}
.dlstage{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;width:100%;margin:0 auto;max-width:560px}
.dlstage.o-portrait{max-width:330px}
.dlstage.o-square{max-width:440px}
.dlvideo,.dlposter{width:100%;height:auto;max-height:76vh;object-fit:contain;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.5);background:#000}
.dltrust{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}
.dltrust span{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.88);backdrop-filter:blur(8px);font-size:12px;font-weight:600;padding:6px 11px;border-radius:99px}
.dltrust span::before{content:"✓";color:#34d399;font-weight:900}
.dldetails{padding:34px 38px 30px;min-width:0;display:flex;flex-direction:column;border-radius:0 28px 28px 0}
.dlready{display:flex;align-items:center;gap:10px;font-size:14.5px}
.dlcheck{width:26px;height:26px;flex:0 0 auto;border-radius:50%;background:#e7f9f0;color:#0a9d63;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:14px}
.dlbadges{margin-left:auto;display:inline-flex;gap:6px}
.dlbadges .badge{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:99px;background:var(--card2);border:1px solid var(--border);font-size:11.5px;font-weight:700;color:var(--mut)}
.dltitle{font-size:23px;line-height:1.34;font-weight:800;margin:16px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dltags{color:var(--mut);font-size:13.5px;line-height:1.5;margin:7px 0 0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.dlauthor{display:flex;align-items:center;gap:13px;background:var(--card2);border:1px solid var(--border);border-radius:17px;padding:12px 14px;margin:20px 0 16px}
.dlauthor img{width:46px;height:46px;border-radius:13px;object-fit:cover;flex:0 0 auto;background:var(--card)}
.dlawho{flex:1;min-width:0}
.dlawho b{display:block;font-size:15.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dlawho small{display:block;color:var(--mut);font-size:13px;line-height:1.3}
.dlplat2{margin-left:0;height:40px;background:transparent;border:none;padding:0;font-size:13.5px;letter-spacing:0;color:var(--txt);font-weight:700}
.dlstats{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--card2);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:24px}
.dlstat{padding:14px 4px 12px;text-align:center;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:1px;justify-content:center}
.dlstat:first-child{border-left:none}
.dlstat b{font-size:16.5px;line-height:1.25}
.dlstat small{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);font-weight:700}
.dlh2row{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}
.dlh2row span{margin-left:auto;color:var(--mut);font-size:12.5px}
.dlh2{font-size:13px;letter-spacing:.11em;text-transform:uppercase;color:var(--txt);margin:0;font-weight:800}
.dlopts{display:flex;flex-direction:column;gap:10px}
.dlopt{display:flex;align-items:center;gap:14px;min-height:70px;padding:12px 12px 12px 14px;background:var(--card);border:1.5px solid var(--border);border-radius:17px;color:var(--txt);text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}
.dlopt:hover{border-color:#c6c6ea;transform:translateY(-1px);box-shadow:var(--shadow-sm)}
.dlicon{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:var(--card2);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;letter-spacing:.04em;color:var(--txt)}
.dloptxt{flex:1;min-width:0}
.dloptxt b{display:block;font-size:15.5px;line-height:1.3}
.dloptxt small{display:block;color:var(--mut);font-size:12.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dlsize{flex:0 0 auto;font-size:12px;font-weight:800;color:var(--mut);background:var(--card2);border:1px solid var(--border);padding:5px 9px;border-radius:99px}
.dlgo{flex:0 0 auto;width:126px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--txt);color:var(--card);font-weight:800;font-size:13.5px}
.dlopt.primary{background:linear-gradient(92deg,#25c9c0,#7b5cff 55%,#fe2c55);border:none;color:#fff}
.dlopt.primary .dlicon{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3);color:#fff}
.dlopt.primary .dloptxt small{color:rgba(255,255,255,.85)}
.dlopt.primary .dlsize{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.3);color:#fff}
.dlopt.primary .dlgo{background:#fff;color:#14142b}
.dlactions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.dlactions .btn{height:46px;display:inline-flex;align-items:center;justify-content:center;margin-top:0;padding:0 20px}
.btn.dark{background:var(--txt);color:var(--card);border:1px solid var(--txt)}
.dlhnt{color:var(--mut);font-size:12.5px;margin-top:16px;line-height:1.55;border-top:1px solid var(--border);padding-top:14px}
.dlphotoswrap{grid-column:1/-1;padding:0 38px 32px;border-radius:0 0 28px 28px}
.dlphotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;margin-top:12px}
.dlphotos figure{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:var(--card2)}
.dlphotos img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.dlphotos a{display:block;text-align:center;padding:9px 6px;font-size:12.5px;font-weight:700;color:var(--txt);text-decoration:none}
.dlerr{max-width:620px;margin:8px auto 20px;background:var(--card);border:1px solid var(--border);border-radius:26px;padding:40px 30px;text-align:center;box-shadow:var(--shadow)}
.dlerricon{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:#fdecec;color:#d92d20;font-size:26px;font-weight:900;display:flex;align-items:center;justify-content:center}
.dlerr h1{font-size:23px;margin-bottom:8px}
.dlerr p{color:var(--mut);line-height:1.6}
.dlerrhint{font-size:13px}
.dlerrbtns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:20px 0 14px}
.dlerrbtns .btn{height:46px;display:inline-flex;align-items:center;margin-top:0}
@media(max-width:1020px){
  .dlpage{grid-template-columns:1fr}
  .dlmedia{padding:22px 18px 18px;position:static;border-radius:28px 28px 0 0}
  .dldetails{border-radius:0 0 28px 28px}
  .dlstage{max-width:none}
  .dlvideo,.dlposter{width:auto;max-width:100%;max-height:500px}
  .dlposter{width:100%}
  .dldetails{padding:26px 22px 24px}
  .dlphotoswrap{padding:0 22px 26px}
}
@media(max-width:640px){
  .dltitle{font-size:19px}
  .dlstats{grid-auto-flow:row;grid-template-columns:repeat(3,1fr)}
  .dlstat{border-top:1px solid var(--border)}
  .dlstat:nth-child(-n+3){border-top:none}
  .dlstat:nth-child(3n+1){border-left:none}
  .dlgo{width:104px;height:40px;font-size:12.5px}
  .dlsize{display:none}
  .dlicon{width:38px;height:38px;font-size:11px}
  .dlactions .btn{flex:1}
  .dlh2row span{display:none}
}

/* ===== v2.4: brand tiles, mobile nav, responsive polish ===== */
.pchip{border-radius:11px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 2px 8px rgba(20,20,60,.14)}
.pchip.big{border-radius:16px}
.selchip{padding:7px 17px 7px 7px}
.selchip .pchip{width:32px;height:32px;border-radius:9px}
.selchip.on{transform:translateY(-1px)}
.platcard{position:relative;overflow:hidden}
.platcard::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--pc)}
.cicon{width:48px;height:48px;border-radius:14px;background:var(--card2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:23px;margin-bottom:13px}
.cmpwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px;box-shadow:var(--shadow-sm)}
.cmpwrap table{min-width:620px;box-shadow:none}
.cmpwrap th:first-child,.cmpwrap td:first-child{position:sticky;left:0;background:var(--card);font-weight:700;z-index:1}
ol.steps{list-style:none;counter-reset:st;padding:0}
ol.steps li{counter-increment:st;position:relative;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:15px 17px 15px 56px;margin-bottom:10px;color:var(--mut);box-shadow:var(--shadow-sm)}
ol.steps li::before{content:counter(st);position:absolute;left:15px;top:13px;width:27px;height:27px;border-radius:50%;background:linear-gradient(92deg,#25c9c0,#7b5cff 55%,#fe2c55);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.platforms{scrollbar-width:none}
@media(max-width:640px){
  .row{flex-direction:row;align-items:stretch}
  .row input[type=text],.row input[type=url]{flex:1;min-width:0}
  #pasteBtn{align-self:stretch!important;display:flex;align-items:center}
  .stats{grid-template-columns:1fr 1fr}
  .stats .stat{border-top:1px solid var(--border)}
  .stats .stat:nth-child(-n+2){border-top:none}
  .stats .stat:nth-child(odd){border-left:none}
  .platforms{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .plat{justify-content:flex-start}
  .hero h1{font-size:34px;line-height:1.14}
  .tool{padding:18px 15px}
  .dlcrumbs{flex-wrap:wrap;row-gap:8px}
}
@media(max-width:640px){.plat{font-size:13px;padding:6px 12px 6px 6px;gap:7px}.plat .pchip{width:30px;height:30px;border-radius:9px}.plat .pchip svg{width:17px;height:17px}}

/* ===== v2.7: mobile flow — downloads first, playable video below ===== */
@media(max-width:1020px){
  .dlpage{display:flex;flex-direction:column}
  .dldetails{order:1}
  .dlmedia{order:2}
  .dlphotoswrap{order:3}
}
@media(max-width:640px){
  .dlcrumbs{padding:16px 0 12px}
  .dldetails{padding:22px 18px 20px}
  .dlready{flex-wrap:wrap;row-gap:6px;font-size:13.5px}
  .dlbadges .badge{height:24px;font-size:11px;padding:0 8px}
  .dltitle{font-size:18.5px;margin-top:12px}
  .dltags{font-size:12.5px}
  .dlauthor{padding:10px 12px;margin:16px 0 14px;border-radius:15px}
  .dlauthor img{width:40px;height:40px;border-radius:11px}
  .dlstats{margin-bottom:20px}
  .dlstat{padding:11px 2px 9px}
  .dlstat b{font-size:15px}
  .dlopt{min-height:62px}
  .dloptxt b{font-size:14.5px}
  .dlactions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .dlactions .btn{padding:0 10px;font-size:13.5px}
  .dlactions .btn.dark{grid-column:1/-1}
  .dlmedia{padding:18px 16px 16px}
  .dlvideo,.dlposter{max-height:440px;border-radius:12px}
  .dltrust{margin-top:14px;gap:6px}
  .dltrust span{font-size:11px;padding:5px 9px}
  .dlhnt{font-size:12px;margin-top:13px;padding-top:12px}
}
/* Section appearance (visual editor): spacing + per device visibility */
.tdsp-c{padding-top:12px;padding-bottom:12px}
.tdsp-r{padding-top:46px;padding-bottom:46px}
@media(max-width:760px){.tdhide-m{display:none!important}}
@media(min-width:761px){.tdhide-d{display:none!important}}

/* ===== Mobile system (v3.7.0): one compact, aligned layout under 700px ===== */
@media(max-width:700px){
  .wrap{padding:0 16px}
  /* Header: a single compact row. Logo left; language + theme right.
     The platform text links hide: the chips under the hero do that job. */
  header .nav{flex-wrap:nowrap;padding:10px 0;gap:10px;min-height:56px}
  .logo{font-size:19px;white-space:nowrap}
  .hcenter{display:none}
  .hsep{display:none}
  .hactions{gap:8px;margin-left:auto}
  .hdmca{display:none}
  .hcontact span{display:none}
  .hcontact{width:40px;height:40px;padding:0;border:1px solid var(--border2);background:var(--card);border-radius:50%;justify-content:center;box-shadow:var(--shadow-sm);color:var(--txt)}
  .themebtn{margin-left:0;width:40px;height:40px;flex:0 0 auto}
  /* Hero and toolbox */
  .hero{padding:28px 0 18px}
  .hero h1{font-size:30px;line-height:1.15;letter-spacing:-.02em}
  .pill{font-size:12px;padding:6px 12px}
  .herobadge{font-size:12px;padding:7px 13px}
  .sub{font-size:15px;line-height:1.55;margin-bottom:0}
  .tool{padding:16px;border-radius:20px;margin-top:18px}
  .row{gap:8px}
  .row input[type=text],.row input[type=url]{padding:13px 14px;font-size:15px;border-radius:13px}
  #pasteBtn{padding:0 14px;font-size:13.5px;border-radius:13px}
  .hint{font-size:12.5px;line-height:1.5;margin-top:10px}
  .trustrow{gap:6px 13px;font-size:12.5px;margin-top:15px}
  /* Platform chips: three equal mini cards in ONE row, no ragged wrap */
  .platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px auto 0;width:100%}
  .plat{flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:11px 3px 10px;border-radius:17px;text-align:center;font-size:11.5px;line-height:1.25}
  .plat .pchip{width:32px;height:32px;border-radius:10px}
  .plat .pchip svg{width:18px;height:18px}
  /* Sections and type */
  section{padding:32px 0}
  h2{font-size:23px;line-height:1.25}
  .secsub{font-size:14.5px;line-height:1.55;margin-bottom:18px}
  .stats{border-radius:18px}
  .stat{padding:16px 8px}
  .stat b{font-size:21px}
  .stat span{font-size:12px}
  .cards{gap:10px}
  .card{padding:18px;border-radius:18px}
  .card h3{font-size:16px}
  .card p{font-size:13.5px}
  .platcard{padding:20px 16px}
  ol.steps li{padding:13px 14px 13px 50px;font-size:14px;margin-bottom:8px}
  ol.steps li::before{left:13px;top:12px;width:25px;height:25px;font-size:13px}
  details{padding:14px 16px;border-radius:13px}
  summary{font-size:15px}
  details p{font-size:13.5px}
  /* Comparison table FITS the screen: no sideways swipe box */
  .cmpwrap{overflow-x:visible}
  .cmpwrap table{min-width:0;width:100%;table-layout:fixed;font-size:12px}
  .cmpwrap th,.cmpwrap td{padding:9px 7px;overflow-wrap:break-word;position:static}
  .cmpwrap th:first-child{background:var(--card2)}
  .cmpwrap td:first-child{background:transparent}
  .cmpwrap th:nth-child(1),.cmpwrap td:nth-child(1){width:37%}
  .cmpwrap th:nth-child(2),.cmpwrap td:nth-child(2){width:21%;text-align:center}
  .cmpwrap th:nth-child(3),.cmpwrap td:nth-child(3){width:21%;text-align:center}
  .cmpwrap th:nth-child(4),.cmpwrap td:nth-child(4){width:21%;text-align:center}
  /* CTA and footer */
  .ctaband{padding:28px 20px;border-radius:22px}
  .ctaband h2{font-size:21px}
  .ctaband p{font-size:14px}
  footer{padding-top:34px;margin-top:20px}
  .footgrid{gap:20px 18px;padding-bottom:24px}
  .footgrid .flogo{font-size:19px}
  .footgrid h4{font-size:14px;margin-bottom:9px}
  .footbar{padding:15px 0;font-size:12px;line-height:1.6}
  /* Result page */
  .rcard{padding:14px;border-radius:18px}
  .dlcrumbs{padding:16px 0 12px}
  /* Legal and plain pages */
  .pagehero{padding:30px 0 8px}
  .pagehero h1{font-size:26px}
}
@media(max-width:370px){
  .hero h1{font-size:27px}
  .plat{font-size:11px}
  .langsel{max-width:102px}
}

/* ===== v3.8: creator tools, history, install bar, blog, 404 ===== */
.tkcard{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px;margin-top:16px;text-align:left}
.tkrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.tkbtn{display:inline-flex;align-items:center;gap:7px;background:var(--card2);border:1.5px solid var(--border2);color:var(--txt);font-weight:700;font-size:14px;padding:10px 15px;border-radius:12px;cursor:pointer;text-decoration:none;transition:.15s;font-family:inherit}
.tkbtn:hover{border-color:#7b5cff;transform:translateY(-1px)}
.tkqr{display:flex;align-items:center;gap:16px;margin-top:16px;padding-top:15px;border-top:1px solid var(--border)}
.tkqr #tdQr{flex:0 0 auto;width:92px;height:92px;background:#fff;border-radius:12px;padding:5px}
.tkqr #tdQr svg{width:100%;height:100%;display:block}
.tkqr b{font-size:15.5px}
.tkqr p{color:var(--mut);font-size:13.5px;margin-top:3px;line-height:1.5}
#tdHist{max-width:880px;margin:20px auto 0;text-align:left}
.histhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.histhead b{font-size:15.5px}
.histclear{background:none;border:0;color:var(--link);font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;padding:4px 2px}
.histrow{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.histrow::-webkit-scrollbar{display:none}
.histitem{flex:0 0 128px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:8px;color:var(--txt);text-decoration:none;box-shadow:var(--shadow-sm)}
.histitem img{width:100%;height:86px;object-fit:cover;border-radius:9px;display:block;margin-bottom:7px;background:#000}
.histitem span{display:block;font-size:12px;font-weight:600;line-height:1.35;max-height:32px;overflow:hidden}
.histitem small{color:var(--mut);font-size:11px;font-weight:700}
.bloggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding-bottom:14px}
.blogcard{background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden;color:var(--txt);text-decoration:none;box-shadow:var(--shadow-sm);transition:.2s;display:flex;flex-direction:column}
.blogcard:hover{transform:translateY(-3px)}
.blogcard img{width:100%;height:170px;object-fit:cover;display:block}
.blogcardin{padding:17px 18px 19px;text-align:left}
.blogcardin small{color:var(--link);font-weight:700;font-size:12px}
.blogcardin h3{font-size:18px;margin:6px 0 7px;line-height:1.35}
.blogcardin p{color:var(--mut);font-size:14px;line-height:1.55}
.blogmore{color:var(--link);font-weight:800;font-size:13.5px;display:inline-block;margin-top:11px}
.blogempty{text-align:center;color:var(--mut);padding:26px 0 40px;font-size:16px}
.blogpost{max-width:760px;margin:0 auto;padding:8px 0 10px;text-align:left}
.blogback{margin:14px 0 4px}.blogback a{color:var(--link);font-weight:700}
.blogpost h1{font-size:34px;line-height:1.22;letter-spacing:-.02em;text-align:left}
.blogmeta{color:var(--mut);font-size:13.5px;font-weight:600;margin:9px 0 16px}
.blogcover{width:100%;border-radius:20px;margin-bottom:20px}
.blogbody{font-size:16.5px;line-height:1.75;color:var(--txt)}
.blogbody p{margin:0 0 16px}
.blogbody h2{font-size:24px;text-align:left;margin:26px 0 10px}
.blogbody h3{font-size:20px;margin:22px 0 8px}
.blogbody ul,.blogbody ol{margin:0 0 16px;padding-left:24px}
.blogbody li{margin-bottom:6px}
.blogbody img{max-width:100%;border-radius:14px}
.blogbody a{color:var(--link)}
.blogbody blockquote{border-left:4px solid var(--border2);margin:0 0 16px;padding:4px 0 4px 16px;color:var(--mut)}
.blogcta{background:linear-gradient(120deg,#15152e,#3a2a7d 55%,#7b2d5b);border-radius:22px;padding:28px 24px;text-align:center;color:#fff;margin-top:28px}
.blogcta h3{color:#fff;font-size:21px;margin-bottom:7px}
.blogcta p{color:#d6d6ee;font-size:14.5px;margin:0 auto 16px;max-width:440px}
.blogcta .btn{background:#fff;color:#3a2a7d}
.nfbox{text-align:center;padding:64px 0 54px}
.nfcode{font-size:82px;font-weight:900;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.nfbox h1{font-size:30px;margin:12px 0 8px}
.nfbox .sub{margin-bottom:22px}
@media(max-width:700px){
  .tkqr{gap:12px}
  .tkqr #tdQr{width:80px;height:80px}
  .blogpost h1{font-size:27px}
  .blogbody{font-size:15.5px}
  .bloggrid{grid-template-columns:1fr}
  .blogcard img{height:150px}
  .nfbox{padding:44px 0 38px}
  .nfcode{font-size:64px}
  .histitem{flex-basis:112px}
}


/* Contact page form: modern card form, two column row on desktop, one
 * column on phones, with a self hosted security code (no third party). */
.cform{display:grid;gap:14px;margin-top:14px}
.cform label{display:grid;gap:6px;font-weight:700;font-size:14px;color:var(--txt)}
.cform input,.cform textarea{font:inherit;font-size:15px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--txt);width:100%}
.cform input:focus,.cform textarea:focus{outline:2px solid var(--acc2);border-color:transparent}
.cform textarea{min-height:130px;resize:vertical}
.cform .crow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cnote{border-radius:12px;padding:12px 15px;font-weight:600;font-size:14.5px;margin-bottom:14px}
.cnote.ok{background:color-mix(in srgb,#1db954 14%,var(--card));color:var(--txt)}
.cnote.err{background:color-mix(in srgb,#e5484d 12%,var(--card));color:var(--txt)}
.caprow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.capimg{border:1px solid var(--border);border-radius:12px;height:52px;width:168px;background:#eef0f8;flex:none}
.capbtn{width:52px;height:52px;flex:none;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--txt);display:grid;place-items:center;cursor:pointer}
.capbtn:hover{border-color:var(--acc2)}
.capbtn svg{width:22px;height:22px}
.capmath{font-size:22px;font-weight:800;letter-spacing:2px;padding:11px 18px;border:1.5px dashed var(--border);border-radius:12px;color:var(--txt);flex:none}
.capin{flex:1 1 150px;text-transform:uppercase;letter-spacing:2px;font-weight:700}
.cpriv{font-size:13px;color:var(--mut);line-height:1.6;margin:0}
@media(max-width:700px){.cform .crow{grid-template-columns:1fr}.csubmit{width:100%}}

/* Final logo sizing: the wide icon plus wordmark lockup shrinks on small screens */
@media(max-width:700px){.logoimg{height:32px}}
@media(max-width:370px){.logoimg{height:24px}}