/* ============================================================
   MASENTRIX — style.css  (Final version — larger text)
   ============================================================ */
:root{
  --red:#E50914; --red-dark:#c0070f; --red-dim:rgba(229,9,20,.15);
  --white:#FFFFFF; --ink:#FFFFFF; --muted:#c0c0c0; --faint:#888;
  --bg:#0a0a0a; --bg2:#0d0d0d; --bg3:#141414; --bg4:#1a1a1a;
  --border:rgba(229,9,20,.18); --green:#46D369;
  --gold:#F5C800; --gold-light:#FFD07A;
  --radius:14px; --shadow:0 4px 20px rgba(229,9,20,.08);
  --shadow-lg:0 12px 40px rgba(229,9,20,.15);
  --maxw:1180px;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:"Lora",Georgia,serif;
  background:var(--bg); color:var(--ink);
  line-height:1.7; font-size:19px;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:"Lora",Georgia,serif; line-height:1.2; font-weight:700; color:var(--white);}
h1{font-size:clamp(2.1rem,5vw,3.5rem);}
h2{font-size:clamp(1.85rem,3.5vw,2.65rem);}
h3{font-size:1.45rem;}
h4{font-size:1.15rem;}
p{color:var(--muted); margin-bottom:1em; font-size:1.02rem; line-height:1.75;}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}

.eyebrow{
  font-family:"Inter",Arial,sans-serif; font-weight:800;
  letter-spacing:.12em; text-transform:uppercase;
  font-size:.82rem; color:var(--red); margin-bottom:.6em; display:inline-block;
}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px;}
.section{padding:76px 0;}
.center{text-align:center;}

@media(max-width:600px){
  .wrap{padding:0 18px;}
  .section{padding:52px 0;}
  body{font-size:17px;}
}

/* ── Ticker ── */
.ticker-bar{background:#000; border-bottom:2px solid var(--red); padding:10px 0; overflow:hidden; font-family:"Inter",Arial,sans-serif; font-weight:700; font-size:.9rem; color:var(--white);}
.ticker-inner{display:flex; gap:0; width:max-content; animation:tickerScroll 32s linear infinite;}
.ticker-inner:hover{animation-play-state:paused;}
@keyframes tickerScroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.ticker-item{white-space:nowrap; padding:0 40px; display:flex; align-items:center; gap:10px;}
.ticker-item a{color:var(--gold); text-decoration:underline;}
.ticker-sep{color:var(--red);}

/* ── Header ── */
header{position:sticky; top:0; z-index:100; background:rgba(10,10,10,.97); backdrop-filter:blur(10px); border-bottom:1px solid var(--border);}
.nav{display:flex; align-items:center; justify-content:space-between; max-width:var(--maxw); margin:0 auto; padding:14px 28px;}
.logo{font-family:"Lora",serif; font-weight:700; font-size:1.5rem; color:var(--white);}
.logo span{color:var(--red);}
.navlinks{display:flex; gap:26px; align-items:center; font-family:"Inter",Arial,sans-serif; font-weight:600; font-size:.97rem;}
.navlinks a{color:var(--white); padding:4px 0; border-bottom:2px solid transparent; transition:border-color .2s;}
.navlinks a:hover,.navlinks a.active{border-color:var(--red);}
.nav-toggle{display:none; background:none; border:none; font-size:1.6rem; color:var(--white); cursor:pointer;}
@media(max-width:880px){
  .navlinks{position:fixed; top:64px; left:0; right:0; background:var(--bg3); flex-direction:column; align-items:flex-start; gap:0; padding:10px 24px 20px; border-bottom:1px solid var(--border); transform:translateY(-150%); transition:transform .25s ease;}
  .navlinks.open{transform:translateY(0);}
  .navlinks a{width:100%; padding:13px 0; border-bottom:1px solid rgba(255,255,255,.06);}
  .nav-toggle{display:block;}
  .nav-cta .btn-sm{font-size:.82rem; padding:9px 16px;}
}

/* ── Buttons ── */
.btn{font-family:"Inter",Arial,sans-serif; font-weight:700; display:inline-block; padding:14px 30px; border-radius:999px; border:2px solid transparent; cursor:pointer; font-size:1rem; transition:transform .15s,box-shadow .15s,opacity .15s;}
.btn:hover{transform:translateY(-2px); box-shadow:var(--shadow-lg);}
.btn-red{background:var(--red); color:var(--white); border-color:var(--red);}
.btn-red:hover{background:var(--red-dark);}
.btn-outline-white{border-color:var(--white); color:var(--white);}
.btn-outline-white:hover{background:rgba(255,255,255,.1);}
.btn-outline-red{border-color:var(--red); color:var(--red); background:transparent;}
.btn-outline-red:hover{background:var(--red-dim);}
.btn-sm{padding:10px 20px; font-size:.88rem;}
.btn-block{display:block; width:100%; text-align:center;}
/* legacy alias */
.btn-blue{background:var(--red); color:var(--white); border-color:var(--red);}
.btn-blue:hover{background:var(--red-dark);}

/* ── Hero ── */
.mosaic-hero{position:relative; min-height:560px; height:78vh; max-height:780px; display:flex; align-items:flex-end; overflow:hidden; background:#000;}
.hero-video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 35%; z-index:1; filter:brightness(.92);}
.mosaic-bg{position:absolute; inset:0; display:grid; grid-template-columns:repeat(8,1fr); gap:4px; z-index:0;}
.mosaic-col{display:flex; flex-direction:column; gap:4px; height:100%;}
.mosaic-col img{flex:1 1 0; width:100%; height:100%; object-fit:cover; min-height:0; filter:grayscale(20%) brightness(.7); opacity:0; animation:formIn .9s cubic-bezier(.2,.8,.2,1) forwards, mosaicDrift 18s ease-in-out infinite; animation-delay:var(--form-delay,0s),calc(var(--form-delay,0s) + 1s);}
@keyframes formIn{0%{opacity:0;transform:translate3d(var(--fx,0),var(--fy,-60px),0) scale(.5) rotate(var(--fr,8deg));}100%{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(0deg);}}
@keyframes mosaicDrift{0%{transform:scale(1);}50%{transform:scale(1.06);}100%{transform:scale(1);}}
.mosaic-col:nth-child(even) img{animation-direction:normal,alternate-reverse;}
.mosaic-overlay{position:absolute; inset:0; z-index:2; background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.22) 40%,rgba(0,0,0,.82) 100%),linear-gradient(90deg,rgba(0,0,0,.65) 0%,rgba(0,0,0,.05) 55%,rgba(0,0,0,.3) 100%);}
.mosaic-content{position:relative; z-index:3; width:100%; padding:56px 0 52px;}
.mosaic-content h1{text-shadow:0 2px 20px rgba(0,0,0,.8),0 4px 40px rgba(0,0,0,.6);}
.mosaic-content p.lead{text-shadow:0 1px 12px rgba(0,0,0,.9); font-size:1.1rem; color:rgba(255,255,255,.9); max-width:620px;}
.mosaic-badge{display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.28); backdrop-filter:blur(6px); color:var(--white); font-family:"Inter",Arial,sans-serif; font-size:.82rem; font-weight:600; padding:7px 16px; border-radius:999px; margin-bottom:20px;}
.hero-ctas{display:flex; gap:14px; flex-wrap:wrap; margin-top:24px;}
.hero-stats{display:flex; gap:34px; flex-wrap:wrap; margin-top:44px; font-family:"Inter",Arial,sans-serif;}
.hero-stats div b{display:block; font-size:1.9rem; color:var(--gold-light); font-family:"Lora",serif; font-weight:700;}
.hero-stats div span{font-size:.85rem; color:rgba(255,255,255,.75);}
@media(max-width:880px){.mosaic-hero{height:auto; min-height:min(86vh,620px); max-height:none;} .mosaic-bg{grid-template-columns:repeat(4,1fr);}}

/* ── Trust strip ── */
.trust-strip{background:var(--red); padding:12px 0; overflow:hidden; font-family:"Inter",Arial,sans-serif; font-size:.92rem; font-weight:700; color:var(--white);}

/* ── Batch banner ── */
.batch-banner{background:var(--red); padding:16px 20px; text-align:center; font-family:"Inter",sans-serif;}
.batch-banner h3{color:#fff; font-size:clamp(.95rem,2.5vw,1.2rem); font-weight:800; margin-bottom:4px;}
.batch-banner p{color:rgba(255,255,255,.9); font-size:.85rem; margin:0;}

/* ── Countdown ── */
.countdown-wrap{background:var(--bg3); border:1px solid var(--border); border-radius:16px; padding:24px; text-align:center; margin:32px 0;}
.countdown-label{font-family:"Inter",sans-serif; font-size:.82rem; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.1em; margin-bottom:14px;}
.cd-blocks{display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap;}
.cd-block{background:var(--red); color:#fff; border-radius:10px; padding:12px 20px; min-width:68px; text-align:center;}
.cd-block b{display:block; font-family:"Lora",serif; font-size:2rem; font-weight:700; line-height:1;}
.cd-block small{font-size:.62rem; text-transform:uppercase; letter-spacing:.1em; opacity:.85; margin-top:4px; display:block;}
.cd-sep{color:var(--red); font-size:1.6rem; font-weight:800; margin-top:-8px;}

/* ── Plans grid ── */
.plans-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:1100px; margin:36px auto 0;}
@media(max-width:900px){.plans-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.plans-grid{grid-template-columns:1fr;}}
.plan-card{background:var(--bg3); border:1.5px solid var(--border); border-radius:20px; padding:28px 24px; position:relative; display:flex; flex-direction:column; transition:transform .2s,box-shadow .2s;}
.plan-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-lg);}
.plan-card.popular{border-color:var(--red); box-shadow:0 0 40px rgba(229,9,20,.15);}
.plan-badge{position:absolute; top:-14px; left:50%; transform:translateX(-50%); background:var(--red); color:#fff; font-family:"Inter",sans-serif; font-weight:800; font-size:.7rem; padding:5px 18px; border-radius:999px; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap;}
.plan-tag{font-family:"Inter",sans-serif; font-weight:800; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--red); margin-bottom:6px;}
.plan-name{color:var(--white); font-size:1.2rem; font-weight:700; font-family:"Inter",sans-serif; margin-bottom:12px; line-height:1.3;}
.plan-price{display:flex; align-items:baseline; gap:10px; margin-bottom:4px;}
.plan-price b{font-family:"Lora",serif; font-size:2.2rem; color:var(--white); font-weight:700;}
.plan-price s{color:var(--faint); font-size:1rem; font-family:"Inter",sans-serif;}
.plan-discount{display:inline-block; background:rgba(229,9,20,.2); color:var(--red); font-family:"Inter",sans-serif; font-weight:800; font-size:.72rem; padding:3px 10px; border-radius:999px; margin-bottom:8px;}
.plan-desc{color:var(--muted); font-size:.88rem; margin:8px 0 16px; line-height:1.65; border-bottom:1px solid rgba(255,255,255,.06); padding-bottom:14px;}
.plan-list{list-style:none; padding:0; margin:0 0 22px; flex:1;}
.plan-list li{font-family:"Inter",sans-serif; font-size:.88rem; color:#e0e0e0; padding:7px 0 7px 22px; position:relative; border-bottom:1px solid rgba(255,255,255,.04); line-height:1.45;}
.plan-list li:last-child{border-bottom:none;}
.plan-list li::before{content:"✓"; position:absolute; left:0; color:var(--red); font-weight:800;}
.plan-list li.highlight{color:var(--white); font-weight:700;}
.plan-list li.highlight::before{content:"⚡";}
.plan-btn{display:block; width:100%; padding:14px; border-radius:999px; font-family:"Inter",sans-serif; font-weight:800; font-size:.96rem; text-align:center; border:none; cursor:pointer; transition:transform .15s,opacity .15s; margin-top:auto;}
.plan-btn:hover{transform:translateY(-2px); opacity:.9;}
.plan-btn.outline{background:transparent; border:2px solid var(--red); color:var(--red);}
.plan-btn.solid{background:var(--red); color:#fff;}
.plan-bestfor{margin-top:12px; background:var(--bg4); border-radius:8px; padding:10px 12px; font-family:"Inter",sans-serif; font-size:.78rem; color:var(--faint); border-left:3px solid var(--red);}
.plan-bestfor b{color:var(--muted);}

/* ── Info cards ── */
.info-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:48px;}
@media(max-width:800px){.info-cards{grid-template-columns:1fr;}}
.info-card{background:var(--bg3); border:1.5px solid var(--border); border-radius:16px; padding:28px 24px; position:relative;}
.info-card::before{content:attr(data-num); position:absolute; top:-16px; left:22px; background:var(--red); color:#fff; font-family:"Inter",sans-serif; font-weight:800; font-size:.8rem; width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.info-card .ic-icon{font-size:1.9rem; margin-bottom:10px;}
.info-card h3{color:var(--white); font-family:"Inter",sans-serif; font-weight:700; font-size:1.15rem; margin-bottom:8px;}
.info-card p{color:var(--muted); font-size:.9rem; margin-bottom:16px; line-height:1.65;}
.tag-wrap{display:flex; flex-wrap:wrap; gap:7px;}
.tag{background:var(--bg4); border:1px solid var(--border); color:#e0e0e0; font-family:"Inter",sans-serif; font-size:.78rem; font-weight:600; padding:5px 12px; border-radius:999px;}

/* ── Cards grid ── */
.grid-2{display:grid; grid-template-columns:1fr 1fr; gap:28px;}
.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.grid-4{display:grid; grid-template-columns:repeat(4,1fr); gap:22px;}
@media(max-width:900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr 1fr;}}
@media(max-width:580px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}}
.card{background:var(--bg3); border-radius:var(--radius); padding:28px; border:1px solid var(--border); transition:transform .2s,box-shadow .2s;}
.card:hover{transform:translateY(-4px); box-shadow:var(--shadow-lg);}
.card h3{color:var(--white); font-size:1.2rem; margin-bottom:10px;}
.card p{color:var(--muted); font-size:.92rem;}

/* ── Certificate verify ── */
.form-card{background:var(--bg3); border-radius:var(--radius); box-shadow:var(--shadow-lg); padding:34px; border:1px solid var(--border);}
label{font-family:"Inter",Arial,sans-serif; font-weight:700; font-size:.84rem; color:var(--red); display:block; margin-bottom:6px; margin-top:16px; text-transform:uppercase; letter-spacing:.04em;}
input,select,textarea{width:100%; padding:13px 16px; border-radius:10px; border:1.5px solid #333; font-family:"Lora",serif; font-size:1rem; background:var(--bg4); color:var(--white); transition:border-color .2s;}
input::placeholder,textarea::placeholder{color:#555;}
input:focus,select:focus,textarea:focus{outline:none; border-color:var(--red); background:var(--bg4);}
.verify-result{margin-top:22px; background:var(--bg4); border-radius:var(--radius); padding:22px; border-left:5px solid var(--green); display:none;}
.verify-result.show{display:block;}
.verify-result.bad{border-left-color:var(--red); background:#1a0000;}
.vr-row{display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px dashed #2a2a2a; font-family:"Inter",Arial,sans-serif; font-size:.95rem;}
.vr-row:last-child{border-bottom:none;}
.vr-row b{color:var(--white);}

/* ── Telugu section ── */
.telugu-section{background:linear-gradient(135deg,#1a0000,#0a0a0a); color:var(--white); padding:72px 0;}
.telugu-section h2{color:var(--gold-light);}
.telugu-section p{color:rgba(255,255,255,.85); font-size:1.06rem;}

/* ── SEO section ── */
.seo-section{background:var(--bg2); padding:80px 0;}
.seo-section h2{color:var(--white); font-size:clamp(1.8rem,3.5vw,2.5rem); margin-bottom:16px; text-align:center; font-weight:700;}
.seo-divider{width:70px; height:4px; background:var(--red); margin:0 auto 36px; border-radius:2px;}
.seo-body p{color:#c8c8c8; font-size:1.05rem; line-height:1.9; margin-bottom:20px; text-align:justify;}
.seo-body a{color:var(--red); font-weight:700; text-decoration:none;}
.seo-highlights{display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:16px; margin-top:36px;}
.seo-hl{background:var(--bg3); border:1px solid var(--border); border-radius:12px; padding:18px; text-align:center;}
.seo-hl b{display:block; font-family:"Lora",serif; font-size:1.9rem; color:var(--red); font-weight:700;}
.seo-hl span{font-family:"Inter",sans-serif; font-size:.8rem; color:var(--muted); text-transform:uppercase; letter-spacing:.06em;}

/* ── Footer ── */
footer{background:#000; color:rgba(255,255,255,.75); padding:56px 0 24px; font-family:"Inter",Arial,sans-serif; font-size:.95rem;}
footer h4{color:var(--white); font-family:"Lora",serif; margin-bottom:14px; font-size:1.1rem;}
footer p{margin-bottom:8px; font-size:.92rem;}
footer a{color:rgba(255,255,255,.65); transition:color .2s;}
footer a:hover{color:var(--gold-light);}
.footer-grid{display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:32px;}
@media(max-width:800px){.footer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:500px){.footer-grid{grid-template-columns:1fr;}}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08); margin-top:36px; padding-top:18px; text-align:center; font-size:.82rem; color:rgba(255,255,255,.4);}

/* ── WA float ── */
.wa-float{position:fixed; bottom:22px; right:22px; z-index:200; width:62px; height:62px; border-radius:50%; background:#25D366; display:flex; align-items:center; justify-content:center; box-shadow:0 6px 24px rgba(0,0,0,.3); font-size:1.9rem; transition:transform .2s;}
.wa-float:hover{transform:scale(1.08);}

/* ── Sticky CTA mobile ── */
.sticky-cta{position:fixed; bottom:0; left:0; right:0; z-index:150; background:#000; padding:12px 16px; display:none; align-items:center; justify-content:space-between; box-shadow:0 -4px 16px rgba(0,0,0,.3); gap:10px;}
.sticky-cta a{flex:1; text-align:center;}
@media(max-width:700px){.sticky-cta{display:flex;} body{padding-bottom:74px;}}

/* ── Fade animations ── */
.fade-up{opacity:0; transform:translateY(28px); transition:opacity .6s ease,transform .6s ease;}
.fade-up.visible{opacity:1; transform:translateY(0);}
.fade-up:nth-child(2){transition-delay:.1s;}
.fade-up:nth-child(3){transition-delay:.2s;}
.fade-up:nth-child(4){transition-delay:.3s;}

/* ── Accordion ── */
.acc{border:1px solid var(--border); border-radius:12px; margin-bottom:10px; background:var(--bg3); overflow:hidden;}
.acc-head{display:flex; justify-content:space-between; align-items:center; padding:18px 22px; cursor:pointer; font-family:"Inter",Arial,sans-serif; font-weight:700; color:var(--white); font-size:1rem;}
.acc-head .plus{color:var(--red); font-size:1.4rem; transition:transform .2s;}
.acc.open .plus{transform:rotate(45deg);}
.acc-body{max-height:0; overflow:hidden; transition:max-height .3s ease; padding:0 22px;}
.acc.open .acc-body{padding-bottom:18px;}
.acc-body ul{margin:0; padding-left:22px; color:var(--muted);}
.acc-body li{margin-bottom:8px; font-size:.95rem; line-height:1.7;}

/* ── Job cards ── */
.job-card{background:var(--bg3); border-radius:var(--radius); padding:28px; box-shadow:var(--shadow); border-left:5px solid var(--red);}
.job-card .meta{font-family:"Inter",Arial,sans-serif; font-size:.86rem; color:var(--muted); display:flex; gap:14px; flex-wrap:wrap; margin:10px 0 16px;}
.job-card .meta span{background:var(--bg4); padding:5px 12px; border-radius:999px; color:#ccc;}

@media(prefers-reduced-motion:reduce){.mosaic-col img{animation:none; opacity:1;}}