:root{--navy:#071a3a;--navy2:#0b2b50;--ink:#142033;--muted:#657287;--line:#e5eaf1;--bg:#f6f8fb;--white:#fff;--teal:#00bfc0;--green:#16d94e;--accent:#00bfc0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}.container{width:min(1240px,94%);margin:auto}.topbar{background:#06152f;color:#dbe5f2;font-size:13px}.topbar-inner{display:flex;justify-content:flex-end;gap:25px;padding:8px 0}.header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e9edf3}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{width:210px;height:auto;display:block}.navlinks{display:flex;align-items:center;gap:23px;font-size:14px;font-weight:700}.navlinks a:hover{color:var(--teal)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border-radius:8px;border:1px solid #ccd5e1;font-weight:800;line-height:1.2}.btn-primary{background:var(--navy);color:#fff;border-color:var(--navy)}.mobile-toggle{display:none;border:0;background:transparent;font-weight:800;font-size:15px}.hero{padding:82px 0 65px;background:linear-gradient(135deg,#f8fafc,#eef3f8)}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:55px}.eyebrow,.pill{display:inline-block;font-size:12px;letter-spacing:1.1px;font-weight:850;color:var(--teal)}.hero h1{font-size:clamp(44px,6vw,70px);line-height:1.04;letter-spacing:-2.6px;margin:14px 0 22px}.hero h1 span{background:linear-gradient(90deg,var(--teal),var(--green));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:19px;color:#536277;max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.trust span{padding:7px 10px;border:1px solid #dbe3ec;border-radius:999px;background:#fff;font-size:12px;font-weight:800}.portrait-wrap{display:flex;justify-content:center}.portrait{width:min(390px,100%);aspect-ratio:1/1;object-fit:cover;border-radius:28px;box-shadow:0 25px 60px #071a3a20}.section{padding:82px 0}.section-alt{background:var(--bg)}.dark{background:var(--navy);color:#fff}.section-head{max-width:820px;margin-bottom:35px}.section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-1.3px;margin:10px 0 14px}.section-head p{color:var(--muted);font-size:17px}.dark .section-head p{color:#c6d2e2}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px;box-shadow:0 10px 30px #071a3a07}.dark .card{background:#10294e;border-color:#ffffff16}.card h3{margin:8px 0 9px;font-size:20px}.card p{color:var(--muted);margin:0}.dark .card p{color:#cbd6e4}.number{font-weight:900;color:var(--teal);font-size:12px;letter-spacing:1px}.portfolio{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.portfolio .card{min-height:170px}.review .stars{letter-spacing:2px;color:#b07b14}.review strong{display:block;margin-top:15px;font-size:13px}.cta{background:var(--navy);color:#fff;border-radius:22px;padding:55px}.cta h2{font-size:clamp(30px,4vw,48px);line-height:1.1;margin:0 0 15px}.cta p{max-width:760px;color:#ccd7e5;font-size:17px}.ad-slot{min-height:90px;margin:28px 0;display:flex;align-items:center;justify-content:center;background:#fafbfd;border:1px dashed #d8dee8;color:#8995a6;font-size:11px;letter-spacing:.7px}.ad-live{min-height:90px;border-style:solid}.article{max-width:1240px;margin:auto}.article-post{max-width:900px}.child-page{max-width:1240px}.article h1{font-size:clamp(36px,5vw,58px);line-height:1.1;letter-spacing:-1.5px}.article-meta{color:var(--muted);font-size:14px}.article-content{font-size:18px}.article-content h2{font-size:32px;line-height:1.2;margin-top:42px}.article-content h3{font-size:24px}.article-content img{max-width:100%;height:auto;border-radius:12px}.article-content a{text-decoration:underline;color:#205f8e}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff}.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.blog-card .inner{padding:20px}.footer{background:#06152f;color:#d5dfec;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:35px}.footer h3{color:#fff;font-size:14px}.footer a{display:block;margin:8px 0;color:#c4d0df;font-size:14px}.footer p{max-width:320px}.copyright{border-top:1px solid #ffffff16;margin-top:40px;padding-top:20px;color:#92a2b8;font-size:13px}@media(max-width:950px){.navlinks{gap:13px}.logo{width:180px}.hero-grid{grid-template-columns:1fr}.portrait{width:300px}.grid-3,.blog-grid{grid-template-columns:1fr 1fr}.portfolio{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.topbar-inner{justify-content:center}.navlinks{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:16px 4%;flex-direction:column;align-items:stretch}.menu-open .navlinks{display:flex}.navlinks a{padding:10px}.mobile-toggle{display:block}.hero{padding:58px 0}.hero h1{letter-spacing:-1.8px}.section{padding:62px 0}.grid-3,.blog-grid,.portfolio{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.cta{padding:35px 25px}}

/* SEOBallia child-page layout: wide, balanced and logo-matched */
.child-page .article-content{max-width:1160px;margin:0 auto}.child-page .lead{max-width:980px}.child-page .article-content h2{color:var(--navy);font-size:clamp(28px,3vw,40px);letter-spacing:-.8px}.child-page .article-content h3{color:var(--navy)}
.sb-page-hero{position:relative;overflow:hidden;border-radius:24px;padding:54px 56px;margin-bottom:32px;background:linear-gradient(135deg,#071a3a 0%,#0b2b50 62%,#083c46 100%);color:#fff;box-shadow:0 18px 50px rgba(7,26,58,.12)}
.sb-page-hero:after{content:"";position:absolute;width:260px;height:260px;right:-90px;top:-110px;border-radius:50%;background:linear-gradient(135deg,rgba(0,191,192,.24),rgba(22,217,78,.18));filter:blur(2px)}
.sb-page-hero h2{position:relative;z-index:1;color:#fff!important;font-size:clamp(32px,4vw,52px)!important;line-height:1.08;margin:0 0 15px!important;letter-spacing:-1.4px!important}.sb-page-hero p{position:relative;z-index:1;color:#d9e8f0!important;font-size:18px;max-width:900px;margin:0!important}
.sb-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--teal);font-size:12px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:13px}.sb-kicker:before{content:"";width:28px;height:2px;background:linear-gradient(90deg,var(--teal),var(--green));border-radius:2px}
.sb-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0 40px}.sb-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 10px 30px rgba(7,26,58,.06);overflow:hidden}.sb-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--teal),var(--green))}.sb-card h3{margin:4px 0 9px;font-size:21px}.sb-card p{margin:0;color:var(--muted)}.sb-card .sb-icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,rgba(0,191,192,.12),rgba(22,217,78,.12));color:var(--navy);font-weight:900;margin-bottom:13px}
.sb-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0 40px}.sb-stat{background:#071a3a;color:#fff;border-radius:16px;padding:23px}.sb-stat strong{display:block;font-size:30px;line-height:1;color:var(--teal);margin-bottom:7px}.sb-stat span{font-size:13px;color:#cbd9e7}
.sb-process{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:26px 0 40px}.sb-step{border:1px solid var(--line);border-radius:16px;padding:22px;background:#f8fafc}.sb-step b{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;margin-bottom:13px}.sb-step h3{margin:0 0 7px}.sb-step p{margin:0;color:var(--muted);font-size:14px}
.sb-highlight{margin:34px 0;padding:30px 34px;border-radius:18px;background:linear-gradient(135deg,rgba(0,191,192,.08),rgba(22,217,78,.07));border:1px solid rgba(0,191,192,.2)}.sb-highlight h3{margin-top:0;color:var(--navy)}
.sb-cta{margin-top:42px;border-radius:22px;padding:42px 46px;background:linear-gradient(135deg,#071a3a,#0b2b50);color:#fff}.sb-cta h2{color:#fff!important;margin-top:0!important}.sb-cta p{color:#d1dfeb!important}.sb-cta .btn-primary{background:linear-gradient(90deg,var(--teal),var(--green));border:0;color:#071a3a}
.article-content ul,.article-content ol{padding-left:24px}.article-content li{margin:7px 0}.article-content blockquote{margin:28px 0;padding:22px 25px;border-left:4px solid var(--teal);background:#f7fafb;border-radius:0 14px 14px 0}
@media(max-width:950px){.container{width:min(94%,720px)}.sb-card-grid{grid-template-columns:1fr 1fr}.sb-stat-grid,.sb-process{grid-template-columns:1fr 1fr}.sb-page-hero{padding:42px 35px}}
@media(max-width:760px){.container{width:calc(100% - 28px)}.child-page{max-width:none}.child-page .article-content{max-width:none}.sb-page-hero{padding:34px 24px;border-radius:18px}.sb-card-grid,.sb-stat-grid,.sb-process{grid-template-columns:1fr}.sb-cta{padding:32px 24px}.article{max-width:none}.article-post{max-width:none}}

/* =========================================================
   SEOBALLIA AD MANAGER
   ========================================================= */

.seoballia-ad-slot{

    position:relative;

    display:block;

    width:100%;

    max-width:100%;

    box-sizing:border-box;

    margin:24px auto;

    text-align:center;

}


/*
 * Keep advertisement content responsive.
 */

.seoballia-ad-slot img,
.seoballia-ad-slot iframe{

    max-width:100%;

}


/*
 * Close button.
 */

.seoballia-ad-close{

    position:absolute;

    top:6px;

    right:6px;

    z-index:1001;

    width:28px;

    height:28px;

    border:0;

    border-radius:50%;

    background:rgba(0,0,0,.75);

    color:#fff;

    font-size:18px;

    line-height:28px;

    cursor:pointer;

    opacity:.85;

    transition:
        transform .2s ease,
        opacity .2s ease;

}


.seoballia-ad-close:hover{

    opacity:1;

    transform:scale(1.08);

}


/*
 * Lazy loading state.
 */

.seoballia-ad-slot[data-ad-lazy="1"]{

    contain:layout paint;

}


/*
 * Sticky ads.
 */

.seoballia-ad-slot[style*="position:sticky"]{

    background:#fff;

}


/*
 * Prevent oversized creatives.
 */

.seoballia-ad-slot > iframe{

    max-width:100% !important;

}


/*
 * Mobile.
 */

@media(max-width:700px){

    .seoballia-ad-slot{

        margin:18px auto;

        overflow:hidden;

    }

}
