/*
Theme Name: MediaPoint SEO Content Pro
Theme URI: https://mediapoint.com.bd/
Author: Media Point
Description: Lightweight SEO-focused WordPress theme with service pages, blog content, employee page and local SEO structure for Media Point.
Version: 9.0
Text Domain: mediapoint-seo-content-pro
*/
:root{--n:#061C3B;--b:#0B3C78;--s:#0C5AA4;--o:#FF6B00;--g:#F6B73C;--l:#F8FAFC;--t:#334155;--d:#0E1726;--br:#E2E8F0}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--t);line-height:1.65;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.top{background:#0E1726;color:#E2E8F0;font-size:14px;padding:8px 0}.top .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.site-header{background:rgba(255,255,255,.97);box-shadow:0 5px 18px rgba(15,23,42,.07);position:sticky;top:0;z-index:20}.nav{display:flex;justify-content:space-between;align-items:center;padding:14px 0}.logo{font-size:28px;font-weight:900;color:var(--n)}.menu{display:flex;gap:17px;font-weight:800;color:var(--d);list-style:none;margin:0;padding:0;flex-wrap:wrap}
.btn{display:inline-block;background:var(--o);color:#fff!important;padding:12px 22px;border-radius:50px;font-weight:900;box-shadow:0 10px 22px rgba(255,107,0,.22)}.btn.alt{background:var(--n)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(246,183,60,.25),transparent 25%),linear-gradient(135deg,#061C3B,#0B3C78 62%,#0C5AA4);color:#fff;padding:96px 0 110px;min-height:720px;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.22) 1px,transparent 1px);background-size:28px 28px;opacity:.35}.hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:90px;background:linear-gradient(to bottom,transparent,#fff)}.hero .container{position:relative;z-index:1}
.grid2{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.badge{display:inline-block;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.25);padding:8px 16px;border-radius:50px;font-weight:800;margin-bottom:18px}h1{font-size:56px;line-height:1.06;margin:0 0 18px;letter-spacing:-1px}h2{font-size:36px;line-height:1.18;color:var(--d);margin:0 0 12px}h3{color:var(--d);margin:0 0 8px}.hero p{font-size:19px;color:#EAF4FF;max-width:710px}.grad{background:linear-gradient(90deg,#fff,#F6B73C,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.points{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.points span{background:rgba(255,255,255,.13);padding:9px 12px;border-radius:10px;font-weight:700;font-size:14px}
.mock{position:relative;min-height:480px}.mock-main{position:absolute;inset:35px 55px 45px;background:#fff;color:var(--d);border-radius:30px;padding:28px;box-shadow:0 35px 70px rgba(0,0,0,.28);animation:float 4.5s ease-in-out infinite}.mock-main:before{content:"";position:absolute;top:0;left:0;right:0;height:10px;border-radius:30px 30px 0 0;background:linear-gradient(90deg,var(--o),var(--g),var(--s))}.mock-row{margin:16px 0;padding:13px;border-radius:16px;background:#F8FAFC;display:flex;justify-content:space-between;font-weight:800}.orbit{position:absolute;background:#fff;color:var(--d);border-radius:20px;padding:15px 17px;font-weight:900;box-shadow:0 20px 45px rgba(0,0,0,.22);animation:float 4s ease-in-out infinite}.orbit small{display:block;color:#64748B}.o1{left:0;top:28px}.o2{right:0;top:120px;animation-delay:.7s}.o3{left:20px;bottom:80px;animation-delay:1.2s}.o4{right:25px;bottom:18px;animation-delay:1.8s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
.trust{margin-top:-45px;position:relative;z-index:5}.trust-box{background:#fff;border-radius:26px;padding:21px;box-shadow:0 16px 38px rgba(15,23,42,.13)}.stat{text-align:center}.stat b{display:block;font-size:34px;color:var(--n)}
.section{padding:76px 0}.light{background:var(--l)}.center{text-align:center;max-width:830px;margin:0 auto 40px}.center p{color:#64748B;font-size:17px}
.card{background:#fff;border:1px solid var(--br);border-radius:22px;padding:26px;box-shadow:0 8px 20px rgba(15,23,42,.055);transition:.25s}.card:hover{transform:translateY(-7px);box-shadow:0 18px 35px rgba(15,23,42,.11)}.icon{width:56px;height:56px;border-radius:17px;background:linear-gradient(135deg,#FFF3E8,#EAF4FF);display:grid;place-items:center;font-size:29px;margin-bottom:14px}.tag{display:inline-block;background:#EAF4FF;color:var(--b);font-weight:900;border-radius:50px;padding:5px 10px;font-size:12px;margin-bottom:10px}
.panel{background:linear-gradient(135deg,#fff,#EEF6FF);border:1px solid #DDEBFF;border-radius:26px;padding:34px}.list{columns:2}.list p{margin:6px 0}.process .card{border-top:5px solid var(--o)}.portfolio{height:235px;background:linear-gradient(135deg,#DCEBFF,#FFF4E5);border-radius:24px;display:flex;align-items:end;padding:24px;position:relative;overflow:hidden}.portfolio:after{content:"";position:absolute;right:-35px;top:-35px;width:130px;height:130px;border-radius:50%;background:rgba(255,107,0,.18)}.portfolio b{position:relative;color:var(--n);font-size:21px}
.page-hero{background:radial-gradient(circle at 78% 22%,rgba(246,183,60,.23),transparent 28%),linear-gradient(135deg,var(--n),var(--b));color:#fff;padding:80px 0;text-align:center}.page-hero h1{color:#fff;font-size:46px}.page-hero p{color:#DDEBFF;font-size:18px}.cta{background:radial-gradient(circle at 78% 22%,rgba(246,183,60,.24),transparent 28%),linear-gradient(135deg,#061C3B,#0B3C78);color:#fff;border-radius:32px;padding:52px;text-align:center}.cta h2{color:#fff}.cta p{color:#DDEBFF}
.contact-method{display:flex;gap:16px;align-items:flex-start;padding:18px;border-radius:18px;background:#fff;border:1px solid var(--br);margin-bottom:14px}.mini-icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#FFF3E8,#EAF4FF);display:grid;place-items:center;font-size:24px;flex:0 0 48px}.map-box{overflow:hidden;border-radius:26px;border:1px solid var(--br);box-shadow:0 18px 40px rgba(15,23,42,.10)}.map-box iframe{width:100%;min-height:420px;border:0;display:block}.faq details{background:#fff;border:1px solid var(--br);padding:18px 20px;border-radius:16px;margin-bottom:12px}.faq summary{font-weight:900;color:var(--d);cursor:pointer}
.form-row input,.form-row textarea,.form-row select{width:100%;padding:14px;border:1px solid var(--br);border-radius:12px;margin-bottom:12px;font:inherit}.form-row textarea{min-height:130px}.team-photo{width:105px;height:105px;border-radius:26px;background:linear-gradient(135deg,#DCEBFF,#FFF4E5);display:grid;place-items:center;font-size:40px;margin-bottom:16px}
.toc{background:#fff;border:1px solid var(--br);border-radius:20px;padding:22px}.toc a{display:block;color:var(--b);font-weight:800;margin:6px 0}.article h2{margin-top:30px}
.site-footer{background:#06162E;color:#CBD5E1;padding:48px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:25px}.site-footer h3{color:white}.site-footer a{display:block;color:#CBD5E1;margin:7px 0}.whatsapp{position:fixed;right:18px;bottom:18px;background:#25D366;color:#fff!important;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:28px;z-index:99}
@media(max-width:900px){.grid2,.grid3,.grid4,.footer-grid{grid-template-columns:1fr}.menu{display:none}h1{font-size:37px}h2{font-size:29px}.hero{min-height:auto;padding:65px 0 85px}.mock{min-height:auto}.mock-main,.orbit{position:static;margin:12px 0;animation:none}.list{columns:1}.section{padding:55px 0}.page-hero h1{font-size:34px}}


/* v8 refined service card style */
.service-card-v8 .icon{
    width:58px;
    height:58px;
    border-radius:17px;
    background:linear-gradient(135deg,#FFF7F0,#EEF6FF);
    display:grid;
    place-items:center;
    font-size:29px;
    margin-bottom:16px;
}
.service-card-v8 .tag{
    background:#EAF4FF;
    color:#083B70;
    font-weight:900;
    border-radius:999px;
    padding:6px 12px;
    font-size:13px;
    display:inline-block;
    margin-bottom:12px;
}
.service-card-v8 h3{
    font-size:21px;
    line-height:1.25;
    margin-bottom:18px;
}
.service-card-v8 p{
    min-height:78px;
    margin-bottom:18px;
}
.service-card-v8 .btn{margin-top:4px}
.home-service-grid .card,.services-clean-grid .card{min-height:355px}
.employee-link-note{
    background:#eef6ff;
    border:1px solid #dbeafe;
    border-radius:18px;
    padding:18px;
    margin-top:22px;
}
@media(max-width:900px){
    .service-card-v8 p{min-height:auto}
    .home-service-grid .card,.services-clean-grid .card{min-height:auto}
}


/* v9 Professional Employee Page */
.employee-hero-note{
    margin-top:18px;
    display:inline-block;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.25);
    border-radius:999px;
    padding:8px 16px;
    font-weight:800;
}
.employee-card{
    background:#fff;
    border:1px solid var(--br);
    border-radius:26px;
    padding:28px;
    box-shadow:0 12px 28px rgba(15,23,42,.075);
    transition:.25s;
    position:relative;
    overflow:hidden;
}
.employee-card:hover{
    transform:translateY(-7px);
    box-shadow:0 22px 42px rgba(15,23,42,.12);
}
.employee-card:after{
    content:"";
    position:absolute;
    width:145px;
    height:145px;
    border-radius:50%;
    right:-52px;
    top:-52px;
    background:rgba(255,107,0,.08);
}
.employee-card > *{position:relative;z-index:1}
.employee-img{
    width:118px;
    height:118px;
    border-radius:30px;
    background:linear-gradient(135deg,#DCEBFF,#FFF4E5);
    display:grid;
    place-items:center;
    font-size:46px;
    margin-bottom:18px;
    border:5px solid #fff;
    box-shadow:0 12px 25px rgba(15,23,42,.10);
}
.employee-name{
    font-size:22px;
    color:var(--d);
    font-weight:900;
    margin-bottom:4px;
}
.employee-role{
    color:var(--b);
    font-weight:900;
    margin-bottom:12px;
}
.employee-meta{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin:14px 0;
}
.employee-meta span{
    background:#F8FAFC;
    border:1px solid var(--br);
    border-radius:999px;
    padding:6px 10px;
    font-size:13px;
    font-weight:800;
}
.employee-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:18px;
}
.employee-actions a{
    display:inline-block;
    background:#EAF4FF;
    color:#083B70;
    border-radius:999px;
    padding:8px 13px;
    font-weight:900;
    font-size:14px;
}
.employee-actions a.primary{
    background:var(--o);
    color:#fff;
}
.department-strip{
    background:#fff;
    border:1px solid var(--br);
    border-radius:24px;
    padding:22px;
    box-shadow:0 12px 30px rgba(15,23,42,.07);
    margin-top:-38px;
    position:relative;
    z-index:5;
}
.department-strip .stat b{
    font-size:24px;
}
.org-box{
    background:linear-gradient(135deg,#fff,#EEF6FF);
    border:1px solid #DDEBFF;
    border-radius:28px;
    padding:34px;
}
.org-line{
    padding:14px 16px;
    border-radius:16px;
    background:#fff;
    border:1px solid var(--br);
    margin:10px 0;
    font-weight:800;
}