/* ============================================================
   VIDMATE — PREMIUM BRAND LAYER v1.0
   Modern, premium brand system. Loaded after style.css.
   ============================================================ */
:root{
	--brand-1:#f34315;
	--brand-2:#f33f41;
	--brand-grad:linear-gradient(135deg,#f34315 0%,#f33f41 100%);
	--ink:#191926;
	--muted:#6b7280;
	--soft:#f6f7fb;
	--card:#ffffff;
	--line:#ececf3;
	--radius:20px;
	--shadow-sm:0 2px 10px rgba(25,25,38,.06);
	--shadow-md:0 16px 40px rgba(25,25,38,.10);
	--shadow-brand:0 14px 34px rgba(243,63,65,.38);
	--font-head:'Montserrat',sans-serif;
	--font-body:'Roboto',sans-serif;
}

/* ---------- Base typography ---------- */
body{font-family:var(--font-body);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;}
h1,h2,h3,.hb_txt h1,.intro_box h2,.feat_head{font-family:var(--font-head);letter-spacing:-.5px;}

/* ---------- Sticky premium header — transparent with breathing room ---------- */
header.site-header{
	position:sticky;top:0;z-index:200;
	background:transparent;
	border-bottom:1px solid transparent;
	margin-bottom:16px;
	transition:box-shadow .25s ease,border-color .25s ease,background .25s ease;
}
header.site-header.scrolled{
	background:rgba(255,255,255,.94);
	-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
	border-bottom-color:var(--line);
	box-shadow:0 8px 24px rgba(25,25,38,.08);
}
header.site-header .container{display:flex;align-items:center;justify-content:space-between;padding-top:12px;padding-bottom:12px;}
header.site-header #nav_wrap{float:none;width:auto;padding-right:0;margin-left:auto;}
header.site-header .logo_wrap .logo{width:172px !important;transition:transform .25s ease;}
header.site-header .logo_wrap a:hover .logo{transform:scale(1.04);}
header.site-header .main_nav{margin:0;padding:0;list-style:none;display:flex;gap:6px;}
header.site-header .main_nav li a{
	display:block;padding:10px 16px;border-radius:999px;
	font-family:var(--font-head);font-weight:600;font-size:14px;color:var(--ink);
	text-decoration:none;transition:all .2s ease;
}
header.site-header .main_nav li a:hover{background:var(--soft);color:var(--brand-2);}
/* Transparent header over the red gradient hero — white menu text stays readable */
header.site-header.over-hero:not(.scrolled) .main_nav li a{color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.4);}
header.site-header.over-hero:not(.scrolled) .main_nav li a:hover{background:rgba(255,255,255,.18);color:#fff;}

/* ---------- Hero ---------- */
.home_banner{position:relative;padding-top:70px;margin-bottom:90px;}
.hero-eyebrow{
	display:inline-flex;align-items:center;gap:8px;
	background:#fff;border:1px solid var(--line);border-radius:999px;
	padding:8px 16px;font-size:13px;font-weight:600;color:var(--ink);
	box-shadow:var(--shadow-sm);margin-bottom:18px;
	font-family:var(--font-head);letter-spacing:.4px;
}
.hero-eyebrow .fa{color:var(--brand-2);}
.hero-eyebrow .pulse{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.18);animation:pulse 2s infinite;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.35);}70%{box-shadow:0 0 0 8px rgba(34,197,94,0);}100%{box-shadow:0 0 0 0 rgba(34,197,94,0);}}
.home_banner .hb_txt{padding-top:30px;text-align:center;}
.home_banner .hb_txt .btn_down{display:inline-flex !important;}
.home_banner .hb_txt h1{
	font-size:64px !important;line-height:1.05 !important;font-weight:800;
	color:#000000 !important;
	margin:0 0 10px;
}
.hero-tagline{
	font-size:22px !important;line-height:1.5 !important;color:#000000 !important;
	font-weight:500;margin:0 0 20px;
}
.app-meta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px;justify-content:center;}
.meta-pill{
	display:inline-flex;align-items:center;gap:7px;
	background:var(--soft);border:1px solid var(--line);
	border-radius:999px;padding:8px 15px;font-size:13.5px;font-weight:600;color:var(--ink);
	font-family:var(--font-head);
}
.meta-pill .fa{color:var(--brand-2);font-size:14px;}
.meta-pill em{font-style:normal;color:var(--muted);font-weight:500;}
.meta-pill .stars{color:#f59e0b;letter-spacing:1px;font-size:12px;}

/* ---------- Premium buttons ---------- */
.btn_down,.more_link{
	border-radius:999px !important;
	padding:17px 42px !important;
	font-family:var(--font-head) !important;font-weight:700 !important;
	font-size:18px !important;letter-spacing:.3px;
	box-shadow:var(--shadow-brand) !important;
	transition:transform .2s ease,box-shadow .2s ease,filter .2s ease !important;
	display:inline-flex !important;align-items:center;gap:10px;
	text-decoration:none;
}
.btn_down:hover,.more_link:hover{
	transform:translateY(-3px);
	filter:brightness(1.06);
	box-shadow:0 20px 44px rgba(243,63,65,.45) !important;
}
.home_banner .hb_txt .btn_down{margin:6px 0 26px;}

/* ---------- Trust / security pills — label centered above icons ---------- */
.home_banner .hb_txt .security_info{margin-top:6px;text-align:center;}
.home_banner .hb_txt .security_info strong{
	font-size:13px !important;font-weight:700 !important;
	text-transform:uppercase;letter-spacing:1.6px;color:var(--muted);
	font-family:var(--font-head);
}
.home_banner .hb_txt .security_info ul{
	display:flex !important;gap:10px;width:100% !important;margin-top:14px !important;
	justify-content:center;
}
.home_banner .hb_txt .security_info ul li{
	flex:0 1 auto !important;
	background:#fff;border:1px solid var(--line);border-radius:14px;
	padding:10px 16px;box-shadow:var(--shadow-sm);
	font-size:13px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;
}
.home_banner .hb_txt .security_info ul li:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}
.home_banner .hb_txt .security_info ul li img{width:22px;height:22px;object-fit:contain;}

/* ---------- Hero phone mockup ---------- */
.home_banner .hb_img{position:relative;text-align:center;}
.home_banner .hb_img::before{
	content:"";position:absolute;inset:8% -6%;z-index:-1;
	background:radial-gradient(closest-side,rgba(243,63,65,.28),rgba(243,67,21,.10),transparent 70%);
	filter:blur(10px);
}
.home_banner .hb_img img{
	border-radius:36px;box-shadow:0 30px 70px rgba(25,25,38,.22);
	animation:floaty 5s ease-in-out infinite;
	max-width:100%;height:auto;
}
@keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}

/* ---------- Section rhythm ---------- */
.intro_box{text-align:center;max-width:1100px;margin:0 auto;}
.intro_box h2{font-size:38px !important;font-weight:800;margin-bottom:14px;color:#000 !important;}
.intro_box p{color:#000000 !important;font-size:17px;line-height:1.7;}
.feat_head{text-align:center;font-size:30px !important;font-weight:800;margin-bottom:34px;}
.feats_wrap{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;}
.feats_wrap .fitem{
	background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
	padding:28px 20px;box-shadow:var(--shadow-sm);
	flex:1 1 160px;max-width:200px;text-align:center;
	font-family:var(--font-head);font-weight:600;font-size:14px;
	transition:transform .22s ease,box-shadow .22s ease;
}
.feats_wrap .fitem:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);}
.feats_wrap .fitem .ficon{
	width:76px;height:76px;margin:0 auto 14px;border-radius:22px;
	background:linear-gradient(135deg,rgba(243,67,21,.12),rgba(243,63,65,.12));
	display:flex;align-items:center;justify-content:center;
}
.feats_wrap .fitem .ficon img{width:44px !important;height:44px !important;}

/* ---------- Screenshot cards ---------- */
.hinfo_box{
	border-radius:26px !important;border:1px solid rgba(255,255,255,.35);
	box-shadow:var(--shadow-md);overflow:hidden;
	transition:transform .25s ease,box-shadow .25s ease;
}
.hinfo_box:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(25,25,38,.16);}
.hinfo_box .hinfo_box_heading{font-family:var(--font-head);font-weight:800;letter-spacing:-.3px;}
.hinfo_box img{border-radius:18px;box-shadow:0 14px 34px rgba(0,0,0,.22);}

/* ---------- FAQ accordion ---------- */
.faqs_box{background:linear-gradient(180deg,#171722 0%,#1e1e2e 100%) !important;padding:70px 0;}
.faqs_box h3{font-family:var(--font-head);font-size:34px !important;margin-bottom:40px !important;}
.faqs_box .faq-list{
	max-width:760px;margin:0 auto 14px !important;
	background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);
	border-radius:18px;overflow:hidden;transition:border-color .2s ease,background .2s ease;
}
.faqs_box .faq-list.open{background:rgba(255,255,255,.08);border-color:rgba(243,63,65,.5);}
.faqs_box .bl-title{padding:18px 22px !important;cursor:pointer;user-select:none;}
.faqs_box .bl-title span:nth-child(1){
	background:var(--brand-grad) !important;font-family:var(--font-head);font-weight:700;
}
.faqs_box .bl-title font{font-family:var(--font-head);font-weight:600;font-size:16px;flex:1;}
.faqs_box .bl-title::after{
	content:"\f107";font-family:FontAwesome;color:var(--brand-2);font-size:20px;
	transition:transform .25s ease;margin-left:12px;
}
.faqs_box .faq-list.open .bl-title::after{transform:rotate(180deg);}
.faqs_box .bl-content{display:none !important;margin:0 !important;}
.faqs_box .faq-list.open .bl-content{display:flex !important;}
.faqs_box .bl-content .bl-text{background:transparent !important;padding:0 22px 22px !important;}
.faqs_box .triangle-left{display:none !important;}

/* ---------- Blog cards ---------- */
.blog_wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;margin-bottom:34px;}
.blog_wrap .blog_item{
	background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
	overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;
	transition:transform .22s ease,box-shadow .22s ease;text-decoration:none;color:var(--ink);
}
.blog_wrap .blog_item:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);background:#fff;}
.blog_wrap .bl_img{order:-1;overflow:hidden;}
.blog_wrap .bl_img img{width:100%;height:190px;object-fit:cover;transition:transform .4s ease;}
.blog_wrap .blog_item:hover .bl_img img{transform:scale(1.06);}
.blog_wrap .bl_content{padding:20px 22px;}
.blog_wrap .bl_title{font-family:var(--font-head);font-weight:700;font-size:17px;line-height:1.45;margin-bottom:8px;}
.blog_wrap .bl_text{color:var(--muted);font-size:14px;line-height:1.6;}
.blog_wrap .ac{grid-column:1/-1;text-align:center;}

/* ---------- Info / brand band ---------- */
.hart_box{
	background:linear-gradient(135deg,#191926 0%,#26263a 60%,#3a2330 100%) !important;
	border-radius:32px;margin:0 16px;padding:70px 0;position:relative;overflow:hidden;
}
.hart_box::before{
	content:"";position:absolute;width:520px;height:520px;border-radius:50%;
	background:radial-gradient(closest-side,rgba(243,63,65,.35),transparent 70%);
	top:-200px;right:-140px;
}
.hart_box .ac img{
	width:120px !important;height:120px !important;border-radius:32px;
	box-shadow:0 20px 50px rgba(0,0,0,.4);border:4px solid rgba(255,255,255,.14);
}
.hart_box .cnt_box{background:#ffffff;border-color:var(--line);box-shadow:var(--shadow-sm);color:#333;}
.hart_box .cnt_box h1,.hart_box .cnt_box h2,.hart_box .cnt_box h4,
.hart_box .cnt_box h5,.hart_box .cnt_box h6{color:#111111 !important;}
.hart_box .cnt_box h3{color:#111111 !important;font-size:24px !important;line-height:1.35;}
.hart_box .cnt_box p,.hart_box .cnt_box li,.hart_box .cnt_box td,
.hart_box .cnt_box div,.hart_box .cnt_box span{color:#333333 !important;}
.hart_box .cnt_box a,.hart_box .cnt_box a span,.hart_box .cnt_box a font,.hart_box .cnt_box a strong,.hart_box .cnt_box a em{color:#1a73e8 !important;}
.hart_box .cnt_box table,.hart_box .cnt_box td,.hart_box .cnt_box th{border-color:#e2e2e2 !important;}
.hart_box .cnt_box p{font-size:17px;line-height:1.75;max-width:720px;margin:0 auto 16px;}
.hart_box .features-img{margin:30px auto;max-width:720px;text-align:center;}
.hart_box .features-img img{width:100%;max-width:720px;height:auto;border-radius:18px;box-shadow:0 18px 44px rgba(0,0,0,.30);}

/* ---------- Download page — premium card, full page width ---------- */
.dl-wrap{max-width:1120px;margin:50px auto 70px;position:relative;}
.dl-wrap::before{
	content:"";position:absolute;inset:-40px -30px;z-index:-1;
	background:radial-gradient(closest-side,rgba(243,63,65,.16),rgba(243,67,21,.06),transparent 70%);
	filter:blur(12px);pointer-events:none;
}
.dl-card{
	background:var(--card);border:1px solid var(--line);border-radius:28px;
	box-shadow:var(--shadow-md);padding:52px 54px;position:relative;overflow:hidden;
	text-align:center;
}
.dl-card h1{font-family:var(--font-head);font-size:32px !important;font-weight:800;letter-spacing:-.5px;margin:0 0 10px;}
.dl-card .dl-sub{color:var(--muted);font-size:15.5px;line-height:1.65;margin:0 auto;max-width:640px;}
.dl-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0 30px;}
.dl-pills span{
	display:inline-flex;align-items:center;gap:7px;
	background:#fff;border:1px solid var(--line);border-radius:999px;
	padding:8px 16px;font-size:12.5px;font-weight:700;color:var(--ink);
	box-shadow:var(--shadow-sm);font-family:var(--font-head);
}
.dl-pills .fa{color:var(--brand-2);}
.dl-btn{
	display:inline-flex;align-items:center;gap:12px;
	background:var(--brand-grad);color:#fff !important;text-decoration:none;
	padding:17px 44px;border-radius:999px;font-family:var(--font-head);
	font-weight:800;font-size:17px;letter-spacing:.2px;
	box-shadow:var(--shadow-brand);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.dl-btn:hover{transform:translateY(-3px);filter:brightness(1.06);box-shadow:0 20px 44px rgba(243,63,65,.42);color:#fff !important;}
.dl-btn .fa{font-size:22px;}
.dl-howto{margin-top:34px;text-align:left;}
.dl-howto .cnt_box{background:#ffffff;border:1px solid var(--line);border-radius:18px;padding:28px 30px;box-shadow:var(--shadow-sm);}
.dl-howto h2{font-family:var(--font-head);font-size:32px;line-height:1.3;font-weight:800;color:#111111 !important;margin:0 0 14px;letter-spacing:-.3px;text-align:center;}
.dl-howto h3{font-family:var(--font-head);font-size:24px;line-height:1.35;font-weight:700;color:#111111 !important;margin:26px 0 10px;}
.dl-howto h4{font-family:var(--font-head);font-size:22px;font-weight:700;color:#111111 !important;margin:22px 0 8px;}
.dl-howto p,.dl-howto li,.dl-howto td,.dl-howto div,.dl-howto span{color:#333333 !important;font-size:17px;line-height:1.75;}
.dl-howto p{margin:0 0 14px;}
.dl-howto a,.dl-howto a span,.dl-howto a font,.dl-howto a strong,.dl-howto a em{color:#1a73e8 !important;}
.dl-howto table,.dl-howto td,.dl-howto th{border-color:#e2e2e2 !important;}

/* ---------- Footer — premium dark ---------- */
.footer_top{background:#14141d !important;padding:44px 0 30px;}
.footer_top .ftr_links{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;margin-bottom:18px;}
.footer_top .ftr_links a{
	color:rgba(255,255,255,.72) !important;font-size:14px;font-weight:500;text-decoration:none;
	transition:color .2s ease;
}
.footer_top .ftr_links a:hover{color:#fff !important;}
.footer_top p{color:rgba(255,255,255,.5) !important;font-size:13.5px;text-align:center;}
.footer_bottom{background:#0e0e15 !important;padding:18px 0;}
.footer_bottom p{color:rgba(255,255,255,.42) !important;font-size:13px;text-align:center;}
#ScrollToTop{box-shadow:var(--shadow-brand);transition:transform .2s ease;}
#ScrollToTop:hover{transform:translateY(-3px);}

/* ---------- Single / page / archive polish ---------- */
.cnt_box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px 34px;box-shadow:var(--shadow-sm);}
.cnt_box h1,.cnt_box h2{font-family:var(--font-head);letter-spacing:-.4px;}

/* ---------- Scroll reveal ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}.home_banner .hb_img img{animation:none;}}

/* ---------- Responsive ---------- */
@media(max-width:1120px){
	.container{width:92% !important;}
	header.site-header .container{width:94% !important;}
}
@media(max-width:680px){
	.home_banner .hb_txt h1{font-size:44px !important;}
	.hero-tagline{font-size:18px !important;}
	.home_banner .hb_img{margin-top:34px;}
	.dl-card{padding:36px 24px;margin:0 12px;}
	.feats_wrap .fitem{flex:1 1 44%;max-width:none;}
	.hart_box{margin:0 10px;padding:50px 0;border-radius:24px;}
	header.site-header .main_nav li a{padding:8px 10px;font-size:13px;}
}

/* ============================================================
   USER REQUEST: Complete typography = Times New Roman, text = black
   ============================================================ */
:root{
	--font-head:'Times New Roman',Times,serif;
	--font-body:'Times New Roman',Times,serif;
}
/* Times New Roman on every text element */
body,h1,h2,h3,h4,h5,h6,p,li,ul,ol,td,th,span,div,a,button,input,textarea,label,blockquote{
	font-family:'Times New Roman',Times,serif !important;
}
/* Black text for all main content */
body,p,h1,h2,h3,h4,h5,h6,li,td,th,span,div,blockquote,label{
	color:#000000 !important;
}
/* Keep links blue (as user chose earlier) */
a,a span,a font,a strong,a em{color:#1a73e8 !important;}
/* WordPress admin bar: keep default colors (not blue) */
#wpadminbar a,#wpadminbar a span,#wpadminbar a strong{color:#eeeeee !important;}
#wpadminbar a:hover,#wpadminbar a:hover span{color:#ffffff !important;}
/* Keep white text readable on dark / colored backgrounds */
.faqs_box,.faqs_box *,.footer_top,.footer_top *,.footer_bottom,.footer_bottom *,
.btn_down,.btn_down *,.dl-btn,.dl-btn *,.more_link,.more_link *{color:#ffffff !important;}
.faqs_box .bl-title span:nth-child(1){color:#ffffff !important;}
/* Header menu: black (white over hero gradient) */
header.site-header .main_nav li a,header.site-header .main_nav li a span{color:#000000 !important;}
header.site-header.over-hero:not(.scrolled) .main_nav li a,header.site-header.over-hero:not(.scrolled) .main_nav li a span{color:#ffffff !important;}
/* Hero eyebrow pill: black text on white pill */
.hero-eyebrow,.hero-eyebrow *{color:#000000 !important;}
/* Menu hover = black background everywhere (readable text) */
header.site-header .main_nav li a:hover{background:#000000 !important;color:#ffffff !important;}
header.site-header .main_nav li a:hover span{color:#ffffff !important;}
header.site-header.over-hero:not(.scrolled) .main_nav li a:hover{background:#000000 !important;color:#ffffff !important;}
header.site-header.over-hero:not(.scrolled) .main_nav li a:hover span{color:#ffffff !important;}
/* Pills: black text on light bg */
.dl-pills span,.app-meta .meta-pill{color:#000000 !important;}
.dl-pills .fa,.meta-pill .fa{color:var(--brand-2) !important;}