.seo-page .seo-hero{
        padding: 160px 0 110px;
        position: relative;
        overflow: hidden;
        background:
            radial-gradient(circle at 10% 20%, rgba(16,185,129,.25), transparent 30%),
            radial-gradient(circle at 90% 80%, rgba(59,130,246,.18), transparent 30%),
            linear-gradient(180deg,#05140f 0%, #0a2018 40%, #0f2c22 70%, #f8fafc 100%);
    }

    .seo-page .seo-hero::after {
        content:"";
        position:absolute;
        width:400px;
        height:400px;
        background:rgba(16,185,129,0.15);
        filter:blur(120px);
        border-radius:50%;
        top:20%;
        right:-100px;
        animation: floatGlow 6s ease-in-out infinite;
    }

    .seo-page .seo-hero::before{
        content:"";
        position:absolute;
        inset:0;
        background-image:
            linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
        background-size:40px 40px;
        opacity:.4;
    }

    .seo-page .seo-hero .container{
        position:relative;
        z-index:2;
    }

    .seo-page .seo-hero h1{
        font-size:clamp(3rem,6vw,5rem);
        color:#fff;
        font-weight:900;
        line-height:1;
        margin-top:20px;
    }

    .seo-page .seo-hero h1 span{
        color:#34d399;
    }

    .seo-page .seo-hero p{
        color:rgba(255,255,255,.75);
        max-width:720px;
        line-height:1.8;
        margin-top:20px;
    }

    .seo-page .seo-stats{
        margin-top:-30px;
        position:relative;
        z-index:3;
    }

    .seo-page .seo-stats-grid{
        display:grid;
        grid-template-columns:repeat(4,1fr);
        gap:20px;
        background:#fff;
        border-radius:25px;
        padding:25px;
        box-shadow:0 20px 50px rgba(0,0,0,.08);
    }

    .seo-page .stat{
        text-align:center;
    }

    .seo-page .stat strong{
        font-size:32px;
        color:#111;
    }

    .seo-page .stat span{
        display:block;
        color:#64748b;
    }

    .seo-page .section{
        padding:100px 0;
    }

    .seo-page .section h2{
        font-size:36px;
        margin-bottom:15px;
        color: #111827;
        letter-spacing: -0.5px;
    }

    .seo-page .grid-3{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:25px;
        color: #111827;
    }

    .seo-page .card{
        background:#fff;
        padding:30px;
        border-radius:20px;
        border:1px solid rgba(0,0,0,.05);
        box-shadow:0 10px 25px rgba(0,0,0,.03);
        transition: all .3s ease;
    }

    .seo-page .card:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 40px rgba(16,185,129,0.12);
        border-color: rgba(16,185,129,0.3);
    }

    .seo-page .card h3{
        margin:10px 0;
        color: #111827;
    }

    .seo-page .card p{
        color:#64748b;
    }

    .seo-page .process{
        display:grid;
        grid-template-columns:repeat(4,1fr);
        gap:20px;
        position: relative;
    }

    .seo-insight {
        padding: 80px 0;
    }
    .seo-insight-box {
        padding: 40px;
        border-radius: 25px;
        background: linear-gradient(135deg,#ecfdf5,#eff6ff);
    }
    .fade-up {
        opacity: 0;
        transform: translateY(30px);
        transition: .6s ease;
    }

    .fade-up.active {
        opacity: 1;
        transform: translateY(0);
    }

    .seo-page .process::before {
        content:"";
        position:absolute;
        top:30px;
        left:0;
        right:0;
        height:2px;
        background: linear-gradient(to right,#10b981,#3b82f6);
        z-index:0;
    }

    .seo-page .process div{
        background:#fff;
        padding:25px;
        border-radius:20px;
    }

    .seo-page .cta{
        position: relative;
        z-index:2;
        padding:100px 0;
        text-align:center;
    }

    .seo-page .cta-box{
        background:linear-gradient(to right,#10b981,#3b82f6);
        padding:60px;
        border-radius:30px;
        color:#fff;
    }

    .seo-page .section-head {
        max-width: 760px;
        margin-bottom: 40px;
    }

    .seo-page .mini-label {
        display: inline-block;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 1.4px;
        color: #10b981;
        margin-bottom: 12px;
    }

    .seo-page .seo-split,
    .seo-page .seo-detail-grid,
    .seo-page .seo-fit-grid,
    .seo-page .seo-faq-grid {
        display: grid;
        gap: 24px;
    }

    .seo-page .seo-split {
        grid-template-columns: 1.1fr .9fr;
        align-items: start;
    }

    .seo-page .seo-detail-grid,
    .seo-page .seo-fit-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .seo-page .seo-faq-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .seo-page .seo-info-card,
    .seo-page .seo-detail-card,
    .seo-page .seo-fit-card,
    .seo-page .seo-faq-card {
        background: #fff;
        border: 1px solid rgba(0,0,0,0.05);
        border-radius: 22px;
        padding: 28px;
        box-shadow: 0 12px 30px rgba(0,0,0,0.03);
        transition: .3s ease;
    }

    .seo-page .seo-info-card:hover,
    .seo-page .seo-detail-card:hover,
    .seo-page .seo-fit-card:hover,
    .seo-page .seo-faq-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 18px 40px rgba(16,185,129,0.08);
    }

    .seo-page .seo-list {
        list-style: none;
        padding: 0;
        margin: 22px 0 0;
    }

    .seo-page .seo-list li {
        margin-bottom: 12px;
        color: #334155;
    }

    .seo-page .seo-list i {
        color: #10b981;
        margin-right: 10px;
    }

    .seo-page .sub-title {
        background: linear-gradient(to right, #10b981, #34d399);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .seo-page .logo span {
        color: #10b981;
    }

    @keyframes floatGlow {
        0% { transform: translateY(0px); }
        50% { transform: translateY(-15px); }
        100% { transform: translateY(0px); }
    }

    @media(max-width:992px){
        .seo-page .grid-3,
        .seo-page .process,
        .seo-page .seo-stats-grid{
            grid-template-columns:1fr;
        }
        .seo-page .seo-split,
        .seo-page .seo-detail-grid,
        .seo-page .seo-fit-grid,
        .seo-page .seo-faq-grid {
            grid-template-columns: 1fr;
        }
    }