/*
Theme Name: LIVE NEXUS
Theme URI: https://livenexus.vn/
Author: LIVE NEXUS Creator Network
Author URI: https://livenexus.vn/
Description: Theme WordPress tuỳ chỉnh cho LIVE NEXUS Creator Network - MCN Livestream & Video Affiliate Shopee. Chuyển thể từ bản thiết kế tĩnh, cho phép tự quản trị nội dung qua trang quản trị WordPress.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: livenexus
*/

:root{
  --bg:#0a0a0a;
  --bg-alt:#141010;
  --card:#1a1414;
  --line:rgba(255,255,255,0.1);
  --text:#f7f5f3;
  --muted:#b8aca6;
  --red-dark:#9f000f;
  --red:#c4261a;
  --orange:#eb730f;
  --orange-light:#ffa556;
  --grad: linear-gradient(115deg, var(--orange) 0%, var(--red) 55%, var(--red-dark) 100%);
  --grad-text: linear-gradient(90deg, var(--orange) 0%, var(--orange-light) 30%, var(--red) 70%, var(--red-dark) 100%);
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg);
  color:var(--text);
  font-family:'Darker Grotesque', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight:500;
  line-height:1.5;
  overflow-x:hidden;
  font-size:18px;
}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
.wrap{max-width:1180px; margin:0 auto; padding:0 24px;}
section{position:relative;}
h1,h2,h3,h4{font-weight:800; letter-spacing:-0.5px;}

/* NAV */
header{
  position:fixed; top:0; left:0; right:0; z-index:100;
  backdrop-filter:blur(14px);
  background:rgba(10,10,10,0.7);
  border-bottom:1px solid var(--line);
}
nav{
  max-width:1180px; margin:0 auto; padding:14px 24px;
  display:flex; align-items:center; justify-content:space-between;
  min-height:116px;
}
.logo-img{height:88px; width:auto;}
.nav-right{display:flex; align-items:center; gap:20px;}
.nav-links{display:flex; gap:32px; font-size:17px; font-weight:600; color:var(--muted);}
.nav-links a:hover{color:var(--text);}
.nav-cta{
  background:var(--grad); color:#fff; padding:10px 22px; border-radius:999px;
  font-size:16px; font-weight:700;
}
.nav-cta-mobile-only{display:none;}
.burger{display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; padding:6px; z-index:110; position:relative;}
.burger span{width:24px; height:2px; background:var(--text); transition:transform .25s ease, opacity .25s ease;}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger.open span:nth-child(2){opacity:0;}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.lang-switch{display:flex; background:var(--card); border:1px solid var(--line); border-radius:999px; padding:3px; gap:2px;}
.lang-btn{background:none; border:none; color:var(--muted); font-family:inherit; font-weight:700; font-size:13px; padding:7px 14px; border-radius:999px; cursor:pointer; letter-spacing:0.5px; transition:background .2s ease, color .2s ease;}
.lang-btn.active{background:var(--grad); color:#fff;}

/* BACK TO TOP */
.back-to-top{
  position:fixed; right:24px; bottom:24px; width:52px; height:52px; border-radius:50%;
  background:var(--grad); border:none; color:#fff; display:flex; align-items:center; justify-content:center;
  cursor:pointer; box-shadow:0 10px 26px rgba(0,0,0,0.45); z-index:90;
  opacity:0; visibility:hidden; transform:translateY(14px);
  transition:opacity .25s ease, transform .25s ease, visibility .25s;
}
.back-to-top.visible{opacity:1; visibility:visible; transform:translateY(0);}
.back-to-top:hover{filter:brightness(1.1);}

/* FLOATING CONTACT (Zalo / Messenger) */
.float-contact{
  position:fixed; right:24px; bottom:92px; z-index:90;
  display:flex; flex-direction:column; gap:14px;
}
.float-btn{
  width:52px; height:52px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 26px rgba(0,0,0,0.45);
  transition:transform .2s ease, filter .2s ease;
  animation:float-pulse 2.4s ease-in-out infinite;
}
.float-btn:hover{transform:translateY(-3px) scale(1.05); filter:brightness(1.08);}
.float-zalo{background:var(--grad); color:#fff; font-weight:800; font-size:13px; letter-spacing:0.2px;}
.float-messenger{background:linear-gradient(135deg, var(--red) 0%, var(--red-dark) 100%);}
@keyframes float-pulse{
  0%,100%{box-shadow:0 10px 26px rgba(0,0,0,0.45), 0 0 0 0 rgba(235,115,15,0.25);}
  50%{box-shadow:0 10px 26px rgba(0,0,0,0.45), 0 0 0 8px rgba(235,115,15,0);}
}

/* HERO */
.hero{
  min-height:100vh;
  display:flex; flex-direction:column; justify-content:center;
  padding-top:160px; padding-bottom:60px;
  background:
    radial-gradient(circle at 12% 15%, rgba(235,115,15,0.22), transparent 42%),
    radial-gradient(circle at 88% 8%, rgba(159,0,15,0.28), transparent 45%),
    var(--bg);
}
.hero-logo{width:96px; margin-bottom:28px;}
.eyebrow{
  display:inline-block; font-size:14px; font-weight:700; letter-spacing:2px; text-transform:uppercase;
  color:var(--orange-light); border:1px solid rgba(255,165,86,0.4); padding:6px 14px; border-radius:999px;
  margin-bottom:24px;
}
.hero h1{
  font-size:clamp(46px,7.5vw,92px); font-weight:900; line-height:0.98; letter-spacing:-1.5px;
  max-width:920px; text-transform:uppercase;
}
.grad{background:var(--grad-text); -webkit-background-clip:text; background-clip:text; color:transparent;}
.hero p{
  margin-top:22px; font-size:21px; color:var(--muted); max-width:580px; font-weight:500;
}
.hero-ctas{margin-top:32px; display:flex; gap:16px; flex-wrap:wrap;}
.btn-primary{
  background:var(--grad); color:#fff; padding:14px 30px; border-radius:999px; font-weight:700; font-size:18px;
}
.btn-ghost{
  border:1px solid var(--line); color:var(--text); padding:14px 30px; border-radius:999px; font-weight:700; font-size:18px;
}
.badges{margin-top:48px; display:flex; gap:28px; flex-wrap:wrap; font-size:16px; color:var(--muted); font-weight:600;}
.badges b{color:var(--orange-light); font-weight:800;}

/* PAGE HERO (trang con: Về chúng tôi, Giải pháp MCN, Đội ngũ Creator, Case Study, Liên hệ, Tuyển dụng) */
.page-hero{
  padding-top:180px; padding-bottom:56px; position:relative;
  background:
    radial-gradient(circle at 12% 15%, rgba(235,115,15,0.22), transparent 42%),
    radial-gradient(circle at 88% 8%, rgba(159,0,15,0.28), transparent 45%),
    var(--bg);
}
.page-hero h1{font-size:clamp(38px,6vw,64px); font-weight:900; text-transform:uppercase; letter-spacing:-1px; max-width:760px;}
.page-hero p{margin-top:18px; font-size:19px; color:var(--muted); max-width:600px; font-weight:500;}

/* PATTERN TEXTURE — áp dụng cho toàn bộ hero / page-hero / section */
.hero::before, .page-hero::before, .section::before{
  content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:url('assets/pattern-submark.png'); background-repeat:repeat;
  background-size:230px auto; background-position:center; opacity:0.045;
}
.hero > .wrap, .page-hero > .wrap, .section > .wrap{position:relative; z-index:1;}

.stats{
  margin-top:56px; display:grid; grid-template-columns:repeat(4,1fr); gap:24px;
  border-top:1px solid var(--line); padding-top:32px;
}
.stat h3{font-size:clamp(30px,3.8vw,48px); font-weight:900;}
.stat span{color:var(--muted); font-size:15px; font-weight:600;}

/* MARQUEE */
.marquee-wrap{
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  padding:16px 0; overflow:hidden; background:var(--bg-alt);
}
.marquee{display:flex; gap:48px; white-space:nowrap; animation:scroll 26s linear infinite; width:max-content;}
.marquee span{font-size:16px; letter-spacing:3px; text-transform:uppercase; color:var(--muted); font-weight:700;}
.marquee span.hl{color:var(--orange-light);}
@keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }

/* SECTION HEAD */
.section{padding:110px 0;}
.section-tag{color:var(--red); font-size:14px; letter-spacing:2px; text-transform:uppercase; font-weight:800; display:flex; align-items:center; gap:10px;}
.section-tag::before{content:''; display:inline-block; flex-shrink:0; width:4px; height:16px; border-radius:2px; background:var(--grad);}
.section-title{font-size:clamp(30px,4.2vw,48px); font-weight:900; margin-top:10px; max-width:640px; text-transform:uppercase; letter-spacing:-0.5px;}
.section-sub{color:var(--muted); margin-top:14px; max-width:560px; font-size:19px; font-weight:500;}

/* TALENT */
.talent-grid{
  margin-top:56px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px;
}
.talent-card{
  aspect-ratio:3/4; border-radius:18px; overflow:hidden; position:relative;
  background:linear-gradient(160deg,#241c1a,#0e0c0c);
  border:1px solid var(--line);
  display:flex; align-items:flex-end;
}
.talent-card img.talent-photo{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top center;
}
.talent-card .info{
  position:relative; padding:18px; width:100%;
  background:linear-gradient(0deg, rgba(0,0,0,0.8), transparent 70%);
}
.talent-card h4{font-size:19px; font-weight:800;}
.talent-card p{font-size:14px; color:var(--muted); margin-top:2px; font-weight:600;}

/* SERVICES */
.services-grid{margin-top:56px; display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.service-card{
  background:var(--card); border:1px solid var(--line); border-radius:20px; padding:32px;
  transition:transform .25s ease, border-color .25s ease;
}
.service-card:hover{transform:translateY(-6px); border-color:rgba(235,115,15,0.5);}
.service-icon{
  width:52px; height:52px; margin-bottom:20px;
}
.service-icon img{width:100%; height:100%; object-fit:contain;}
.service-card h3{font-size:22px; font-weight:800; margin-bottom:10px; text-transform:uppercase; letter-spacing:-0.3px;}
.service-card p{color:var(--muted); font-size:17px; font-weight:500;}

/* CAMPAIGNS */
.campaign-grid{margin-top:56px; display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.campaign-card{border-radius:18px; overflow:hidden; border:1px solid var(--line); background:var(--card);}
.campaign-media{
  aspect-ratio:16/10; position:relative; overflow:hidden;
}
.campaign-media img{width:100%; height:100%; object-fit:cover;}
.campaign-body{padding:22px;}
.campaign-tag{font-size:12px; letter-spacing:1.5px; text-transform:uppercase; color:var(--orange-light); font-weight:800;}
.campaign-body h3{font-size:20px; font-weight:800; margin-top:8px;}
.campaign-body p{font-size:16px; color:var(--muted); margin-top:8px; font-weight:500;}

/* PARTNERS */
.partners{
  margin-top:56px; display:flex; flex-wrap:wrap; gap:20px; justify-content:center;
}
.partner-box{
  flex:0 1 90px; min-width:90px; max-width:110px; aspect-ratio:1/1; border-radius:50%;
  display:flex; align-items:center; justify-content:center; overflow:hidden;
  background:#fff; border:1px solid var(--line);
}
.partner-box img{width:100%; height:100%; object-fit:cover;}

/* CONTACT */
.contact-grid{margin-top:56px; display:grid; grid-template-columns:1fr 1fr; gap:48px;}
.contact-info h3{font-size:22px; font-weight:800; margin-bottom:18px; text-transform:uppercase;}
.contact-info p{color:var(--muted); font-size:17px; margin-bottom:10px; font-weight:500;}
.contact-info .label{color:var(--text); font-weight:700;}
.contact-success{
  background:rgba(235,115,15,0.12); border:1px solid rgba(235,115,15,0.4); color:var(--orange-light);
  padding:14px 18px; border-radius:12px; margin-bottom:16px; font-weight:600; font-size:15px;
}
form{display:flex; flex-direction:column; gap:14px;}
input, textarea{
  background:var(--card); border:1px solid var(--line); border-radius:12px;
  padding:14px 16px; color:var(--text); font-size:16px; font-family:inherit; font-weight:500;
}
textarea{min-height:110px; resize:vertical;}
form button{
  background:var(--grad); border:none; color:#fff; padding:14px 20px; border-radius:12px;
  font-weight:800; font-size:17px; cursor:pointer; margin-top:6px; text-transform:uppercase; letter-spacing:0.5px;
}

footer{
  border-top:1px solid var(--line); padding:56px 0 32px; background:var(--bg-alt);
}
.footer-bottom{
  margin-top:48px; padding-top:24px; border-top:1px solid var(--line);
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px;
  color:var(--muted); font-size:14px; font-weight:500;
}

/* BLOG */
.blog-filter{margin-top:32px; display:flex; flex-wrap:wrap; gap:10px;}
.blog-filter-chip{
  border:1px solid var(--line); color:var(--muted); padding:9px 18px; border-radius:999px;
  font-size:15px; font-weight:700; transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.blog-filter-chip:hover{color:var(--text); border-color:rgba(235,115,15,0.5);}
.blog-filter-chip.active{background:var(--grad); color:#fff; border-color:transparent;}

.blog-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:8px;}
.blog-card{
  background:var(--card); border:1px solid var(--line); border-radius:20px; overflow:hidden;
  display:flex; flex-direction:column; transition:transform .25s ease, border-color .25s ease;
}
.blog-card:hover{transform:translateY(-6px); border-color:rgba(235,115,15,0.5);}
.blog-card-media{aspect-ratio:16/10; overflow:hidden; background:var(--bg-alt);}
.blog-card-media img{width:100%; height:100%; object-fit:cover;}
.blog-card-body{padding:22px; display:flex; flex-direction:column; gap:8px; flex:1;}
.blog-card-tag{
  display:inline-block; font-size:12px; letter-spacing:1px; text-transform:uppercase; font-weight:800;
  color:var(--orange-light); background:rgba(235,115,15,0.12); padding:4px 12px; border-radius:999px; width:fit-content;
}
.blog-card-body h3{font-size:21px; font-weight:800; line-height:1.2;}
.blog-card-body p{font-size:15px; color:var(--muted); font-weight:500; flex:1;}
.blog-card-date{font-size:13px; color:var(--muted); font-weight:600;}

.blog-pagination{margin-top:56px; display:flex; justify-content:center; gap:8px; flex-wrap:wrap;}
.blog-pagination .page-numbers{
  display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:42px;
  padding:0 12px; border-radius:999px; border:1px solid var(--line); color:var(--muted); font-weight:700; font-size:15px;
}
.blog-pagination .page-numbers.current{background:var(--grad); color:#fff; border-color:transparent;}
.blog-pagination .page-numbers:hover{color:var(--text); border-color:rgba(235,115,15,0.5);}

.breadcrumb{font-size:14px; color:var(--muted); font-weight:600; margin-bottom:18px;}
.breadcrumb a:hover{color:var(--orange-light);}
.article-meta{display:flex; gap:10px; flex-wrap:wrap; color:var(--muted); font-size:15px; font-weight:600; margin-top:18px;}
.article-thumb{margin-top:32px; border-radius:20px; overflow:hidden; border:1px solid var(--line);}
.entry-content{margin-top:36px; font-size:18px; line-height:1.75; color:var(--text);}
.entry-content p{margin-bottom:20px;}
.entry-content h2{font-size:28px; font-weight:800; margin:40px 0 16px; text-transform:uppercase; letter-spacing:-0.3px;}
.entry-content h3{font-size:22px; font-weight:800; margin:32px 0 14px;}
.entry-content ul, .entry-content ol{margin:0 0 20px 24px;}
.entry-content li{margin-bottom:8px; color:var(--muted);}
.entry-content img{border-radius:16px; margin:24px 0;}
.entry-content a{color:var(--orange-light); text-decoration:underline;}
.entry-content blockquote{
  border-left:3px solid var(--orange); padding:4px 24px; margin:24px 0; color:var(--muted); font-style:italic; font-size:19px;
}
.author-box{
  margin-top:48px; padding:24px; background:var(--card); border:1px solid var(--line); border-radius:18px;
  display:flex; gap:16px; align-items:center;
}
.author-box img{width:48px; height:48px; border-radius:50%; object-fit:contain; background:#fff; padding:6px;}
.author-box p{color:var(--muted); font-size:15px; margin-top:4px; font-weight:500;}
.related-posts{margin-top:64px; padding-top:48px; border-top:1px solid var(--line);}

/* ---- CÁC TRANG RIÊNG (multi-page) ---- */
.see-more{display:inline-flex; align-items:center; gap:8px; margin-top:40px; color:var(--orange-light); font-weight:800; font-size:16px;}
.see-more:hover{color:var(--text);}
.see-more svg{width:16px; height:16px;}

.cta-banner{
  margin-top:56px; background:var(--grad); border-radius:24px; padding:30px 48px;
  display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
}
.cta-banner h3{color:#fff; font-size:26px; font-weight:900; text-transform:uppercase; max-width:520px;}
.cta-banner .btn-primary{background:#fff; color:var(--red-dark);}

/* Về chúng tôi */
.mission-card{
  margin-top:48px; border-radius:24px; padding:52px; background:var(--grad);
  display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; position:relative; overflow:hidden;
}
.mission-card h3{font-size:clamp(26px,3vw,36px); font-weight:900; color:#fff; line-height:1.15; text-transform:uppercase;}
.mission-card p{color:rgba(255,255,255,0.92); font-size:17px; font-weight:500; margin-bottom:14px;}
.mission-card p:last-child{margin-bottom:0;}

.timeline{margin-top:64px; position:relative;}
.timeline::before{content:''; position:absolute; left:50%; top:4px; bottom:4px; width:2px; background:var(--line); transform:translateX(-50%);}
.timeline-item{position:relative; width:50%; box-sizing:border-box; padding:0 48px 64px 0;}
.timeline-item:last-child{padding-bottom:0;}
.timeline-item:nth-child(even){margin-left:50%; padding:0 0 64px 48px;}
.timeline-item::before{content:''; position:absolute; right:0; top:16px; width:48px; height:2px; background:var(--line);}
.timeline-item:nth-child(even)::before{left:0; right:auto;}
.timeline-item::after{content:''; position:absolute; right:-7px; top:9px; width:14px; height:14px; border-radius:50%; background:var(--grad); box-shadow:0 0 0 4px var(--bg), 0 0 0 5px var(--line); z-index:2;}
.timeline-item:nth-child(even)::after{left:-7px; right:auto;}
.timeline-year{font-size:clamp(28px,3.4vw,40px); font-weight:900; color:var(--text);}
.timeline-item p{color:var(--muted); font-size:16px; margin-top:6px; font-weight:500;}

/* Case Study */
.case-feature{
  margin-top:40px; border-radius:24px; padding:40px 48px; background:var(--grad);
  display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap;
}
.case-feature h3{color:#fff; font-size:clamp(32px,5vw,56px); font-weight:900; flex-shrink:0; align-self:center;}
.case-feature p{color:rgba(255,255,255,0.92); font-size:17px; font-weight:600; max-width:380px; align-self:center;}

/* Đội ngũ Creator — lý do gia nhập (badge số tròn gradient, đồng bộ V2) */
.service-icon-num{
  width:52px; height:52px; margin-bottom:20px; border-radius:50%; background:var(--grad);
  display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:900; color:#fff;
}

/* Tuyển dụng */
.value-grid{margin-top:56px; display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.value-card{background:var(--card); border:1px solid var(--line); border-radius:20px; padding:28px; transition:transform .25s ease, border-color .25s ease;}
.value-card:hover{transform:translateY(-6px); border-color:rgba(235,115,15,0.5);}
.value-card .num{font-size:14px; font-weight:800; color:var(--orange-light); letter-spacing:2px;}
.value-card h3{font-size:19px; font-weight:800; margin-top:14px; margin-bottom:10px; text-transform:uppercase;}
.value-card p{color:var(--muted); font-size:16px; font-weight:500;}

.job-list{margin-top:56px; display:flex; flex-direction:column; gap:16px;}
.job-card{
  background:var(--card); border:1px solid var(--line); border-radius:18px; padding:28px 32px;
  display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
  transition:border-color .2s ease, transform .2s ease;
}
.job-card:hover{border-color:rgba(235,115,15,0.5); transform:translateY(-3px);}
.job-card h3{font-size:22px; font-weight:800;}
.job-meta{font-size:14px; color:var(--muted); font-weight:600; display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:6px;}
.job-meta .dot{width:4px; height:4px; border-radius:50%; background:var(--muted); display:inline-block;}
.job-desc{margin-top:10px; font-size:15px; color:var(--muted); font-weight:500; max-width:640px;}
.job-deadline{margin-top:10px; font-size:13px; color:var(--orange-light); font-weight:700; text-transform:uppercase; letter-spacing:0.5px;}
.job-apply{background:var(--grad); color:#fff; padding:13px 28px; border-radius:999px; font-weight:700; font-size:15px; white-space:nowrap; flex-shrink:0;}
.job-note{margin-top:24px; color:var(--muted); font-size:15px; font-weight:500;}

/* Liên hệ — info cards */
.info-cards{margin-top:56px; display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.info-card{background:var(--card); border:1px solid var(--line); border-radius:20px; padding:32px; text-align:left;}
.info-card .icon-circle, .icon-circle{width:52px; height:52px; border-radius:50%; background:var(--grad); display:flex; align-items:center; justify-content:center; margin-bottom:18px;}
.info-card .icon-circle svg{width:22px; height:22px;}
.info-card h4{font-size:17px; font-weight:800; text-transform:uppercase; margin-bottom:8px;}
.info-card p{color:var(--muted); font-size:16px; font-weight:500;}
.contact-grid-row{display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px;}

.cta-card{margin-top:56px; background:linear-gradient(160deg,#1a1414,#0a0a0a); border:1px solid var(--line); border-radius:24px; padding:52px;}
.cta-card h3{font-size:clamp(26px,3.6vw,40px); font-weight:900; text-transform:uppercase; max-width:600px;}
.cta-card > p{color:var(--muted); font-size:18px; margin-top:14px; max-width:560px; font-weight:500;}
.cta-card .contact-grid{margin-top:40px; display:grid; grid-template-columns:1fr; gap:14px; max-width:640px;}

/* FOOTER — hàng ngang đồng bộ V2 */
.footer-row{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px;}
.footer-row .footer-logo{width:260px; height:auto;}
.footer-info{display:flex; align-items:center; gap:28px; flex-wrap:wrap; font-size:15px; color:var(--muted); font-weight:500;}
.footer-info b{color:var(--text); font-weight:700;}
.footer-social{display:flex; gap:10px;}
.footer-social a{width:38px; height:38px; border-radius:50%; background:var(--card); border:1px solid var(--line); display:flex; align-items:center; justify-content:center; transition:background .2s ease, border-color .2s ease;}
.footer-social a:hover{background:var(--grad); border-color:transparent;}

/* SCROLL REVEAL ANIMATIONS */
.reveal{opacity:0; transform:translateY(28px); transition:opacity .6s cubic-bezier(.22,.61,.36,1), transform .6s cubic-bezier(.22,.61,.36,1);}
.reveal.in-view{opacity:1; transform:translateY(0);}
.reveal-left{opacity:0; transform:translateX(-36px); transition:opacity .6s cubic-bezier(.22,.61,.36,1), transform .6s cubic-bezier(.22,.61,.36,1);}
.reveal-left.in-view{opacity:1; transform:translateX(0);}
.reveal-right{opacity:0; transform:translateX(36px); transition:opacity .6s cubic-bezier(.22,.61,.36,1), transform .6s cubic-bezier(.22,.61,.36,1);}
.reveal-right.in-view{opacity:1; transform:translateX(0);}
.timeline-item::after{transform:scale(0); transition:transform .4s ease .15s;}
.timeline-item.in-view::after{transform:scale(1);}

@media(max-width:900px){
  .hero{padding-top:120px; padding-bottom:48px;}
  .page-hero{padding-top:120px; padding-bottom:40px;}
  .section{padding:72px 0;}
  .nav-links{
    display:flex; flex-direction:column; gap:0;
    position:fixed; top:76px; left:0; right:0; z-index:99;
    background:rgba(10,10,10,0.98); backdrop-filter:blur(16px);
    border-bottom:1px solid var(--line);
    max-height:0; overflow:hidden; opacity:0;
    transition:max-height .3s ease, opacity .25s ease;
  }
  .nav-links.open{max-height:600px; opacity:1;}
  .nav-links a{padding:16px 24px; border-bottom:1px solid var(--line); font-size:19px;}
  .nav-cta-mobile-only{
    display:block; margin:18px 24px 22px; text-align:center;
    background:var(--grad); color:#fff; padding:14px; border-radius:999px; font-weight:700;
  }
  .burger{display:flex;}
  .logo-img{height:48px;}
  nav{min-height:76px; padding:10px 20px;}
  .nav-right{gap:12px;}
  .nav-cta{display:none;}
  .lang-btn{padding:6px 10px; font-size:12px;}
  .back-to-top{right:16px; bottom:16px; width:46px; height:46px;}
  .float-contact{right:16px; bottom:74px; gap:12px;}
  .float-btn{width:46px; height:46px; font-size:11px;}
  .stats{grid-template-columns:repeat(2,1fr); gap:20px;}
  .stat h3{font-size:clamp(24px,8vw,40px);}
  .talent-grid{grid-template-columns:1fr; max-width:420px; margin-left:auto; margin-right:auto;}
  .services-grid{grid-template-columns:1fr;}
  .campaign-grid{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr; gap:40px;}
  .footer-row{flex-direction:column; align-items:flex-start; gap:20px;}
  .footer-info{flex-direction:column; align-items:flex-start; gap:10px;}
  .footer-row .footer-logo{width:200px;}
  .blog-grid{grid-template-columns:1fr; max-width:480px; margin-left:auto; margin-right:auto;}
  .entry-content{font-size:17px;}
  .entry-content h2{font-size:24px;}
  .author-box{flex-direction:column; text-align:center;}

  .mission-card{grid-template-columns:1fr; padding:32px 24px;}
  .cta-banner{padding:24px 24px; text-align:left;}
  .case-feature{padding:28px 24px; flex-direction:column; align-items:flex-start; text-align:left;}
  .case-feature p{max-width:none;}
  .value-grid{grid-template-columns:1fr 1fr; gap:14px;}
  .job-card{padding:22px 20px;}
  .job-apply{width:100%; text-align:center;}
  .info-cards{grid-template-columns:1fr;}
  .contact-grid-row{grid-template-columns:1fr;}
  .cta-card{padding:32px 24px;}

  .timeline::before{left:20px; transform:none;}
  .timeline-item{width:100%; margin-left:0; padding:0 0 48px 44px;}
  .timeline-item:nth-child(even){margin-left:0; padding:0 0 48px 44px;}
  .timeline-item::before, .timeline-item:nth-child(even)::before{left:20px; right:auto; width:24px; top:16px;}
  .timeline-item::after, .timeline-item:nth-child(even)::after{left:13px; right:auto;}
}
@media(max-width:480px){
  .value-grid{grid-template-columns:1fr;}
  .value-card{padding:22px 20px;}
}