/* ==================================================
   GLOBAL SECTION GAP
================================================== */

.domain-registration-section{
    padding:80px 0;
    position:relative;
    overflow:hidden;
    background:#ffffff;
    margin-top: -90px;
}

/* ==================================================
   LEFT CONTENT
================================================== */

.domain-content-box{
    position:relative;
    z-index:2;
}

.domain-tag{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:rgba(10,88,202,.08);
    color:#0a58ca;
    font-size:14px;
    font-weight:500;
    letter-spacing:.5px;
    margin-bottom:25px;
    transition:.4s ease;
}

.domain-tag:hover{
    transform:translateY(-3px);
}

.domain-title{
    font-size:58px;
    line-height:1.1;
    color:#111;
    font-weight:600;
    margin-bottom:30px;
}

.domain-title span{
    display:block;
    font-weight:300;
    color:#5c6470;
    margin-top:10px;
}

.domain-text{
    font-size:17px;
    line-height:1.9;
    color:#666;
    font-weight:300;
    margin-bottom:25px;
    transition:.4s ease;
}

.domain-text:hover{
    color:#333;
    transform:translateX(6px);
}

/* ==================================================
   RIGHT VISUAL
================================================== */

.domain-visual-wrapper{
    position:relative;
    height:600px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.domain-circle{
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:linear-gradient(
        135deg,
        rgba(10,88,202,.12),
        rgba(99,102,241,.12)
    );
    animation:pulseCircle 6s infinite linear;
}

.domain-main-box{
    width:330px;
    height:330px;
    border-radius:30px;
    background:#fff;
    backdrop-filter:blur(15px);
    box-shadow:
    0 30px 60px rgba(0,0,0,.08);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    position:relative;
    z-index:2;
    transition:.5s ease;
}

.domain-main-box:hover{
    transform:translateY(-10px) scale(1.03);
}

.domain-main-box h4{
    font-size:42px;
    font-weight:600;
    color:#111;
    margin-bottom:15px;
}

.domain-main-box p{
    color:#777;
    font-weight:300;
    letter-spacing:1px;
}

/* ==================================================
   FLOATING DOMAIN CARDS
================================================== */

.floating-card{
    position:absolute;
    background:#fff;
    padding:18px 28px;
    border-radius:18px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    z-index:3;
    transition:.5s ease;
}

.floating-card span{
    font-size:20px;
    font-weight:600;
    color:#111;
}

.floating-card:hover{
    transform:translateY(-10px);
}

.card-one{
    top:60px;
    left:20px;
    animation:floatOne 5s infinite ease-in-out;
}

.card-two{
    top:120px;
    right:30px;
    animation:floatTwo 6s infinite ease-in-out;
}

.card-three{
    bottom:80px;
    left:50px;
    animation:floatThree 7s infinite ease-in-out;
}

/* ==================================================
   ANIMATIONS
================================================== */

@keyframes floatOne{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-18px);
    }
}

@keyframes floatTwo{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(18px);
    }
}

@keyframes floatThree{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-15px);
    }
}

@keyframes pulseCircle{
    0%{
        transform:scale(1);
    }
    50%{
        transform:scale(1.08);
    }
    100%{
        transform:scale(1);
    }
}

/* ==================================================
   RESPONSIVE
================================================== */

@media(max-width:991px){

    .domain-registration-section{
        padding:80px 0;
    }

    .domain-title{
        font-size:42px;
    }

    .domain-visual-wrapper{
        height:500px;
        margin-top:40px;
    }

    .domain-main-box{
        width:280px;
        height:280px;
    }

    .domain-main-box h4{
        font-size:32px;
    }

    .domain-circle{
        width:320px;
        height:320px;
    }
}

/* ==========================================
   DOMAIN SERVICES SECTION
========================================== */

.domain-services-section{
    padding:80px 0;
    position:relative;
    background:#f8fafc;
    overflow:hidden;
}

.domain-services-section::before{
    content:'';
    position:absolute;
    top:-250px;
    right:-250px;
    width:500px;
    height:500px;
    border-radius:50%;
    background:rgba(13,110,253,.05);
}

.domain-services-badge{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:#fff;
    color:#0d6efd;
    font-size:14px;
    font-weight:500;
    margin-bottom:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.domain-services-title{
    font-size:52px;
    font-weight:600;
    line-height:1.15;
    color:#111;
    margin-bottom:20px;
}

.domain-services-desc{
    font-size:18px;
    color:#667085;
    line-height:1.8;
    font-weight:300;
    margin-bottom:60px;
}

.service-grid{
    row-gap:30px;
}

.domain-service-card{
    height:100%;
    min-height:180px;
    background:rgba(255,255,255,.75);
    backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,.7);
    border-radius:28px;
    padding:35px;
    transition:.5s ease;
    position:relative;
    overflow:hidden;
}

.domain-service-card::before{
    content:'';
    position:absolute;
    width:0;
    height:100%;
    top:0;
    left:0;
    background:linear-gradient(
        135deg,
        rgba(13,110,253,.06),
        rgba(99,102,241,.06)
    );
    transition:.5s;
}

.domain-service-card:hover::before{
    width:100%;
}

.domain-service-card:hover{
    transform:translateY(-12px);
    box-shadow:0 25px 60px rgba(0,0,0,.08);
}

.domain-service-card span{
    font-size:48px;
    font-weight:600;
    color:rgba(13,110,253,.18);
    display:block;
    margin-bottom:15px;
    position:relative;
    z-index:2;
}

.domain-service-card h4{
    font-size:22px;
    font-weight:500;
    color:#111;
    line-height:1.5;
    position:relative;
    z-index:2;
    margin:0;
}

.wide-card{
    min-height:220px;
}

.highlight-card{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    background:linear-gradient(
        135deg,
        #0d6efd,
        #4f46e5
    );
}

.highlight-card p{
    color:#fff;
    font-size:20px;
    line-height:1.9;
    font-weight:300;
    margin:0;
}

.highlight-card:hover{
    transform:translateY(-12px) scale(1.02);
}

@media(max-width:991px){

    .domain-services-title{
        font-size:40px;
    }

    .domain-service-card{
        min-height:auto;
    }

}

/* ==========================================
   BRAND IDENTITY SECTION
========================================== */

.brand-identity-section{
    padding:80px 0;
    background:#050816;
    position:relative;
    overflow:hidden;
}

.brand-identity-section::before{
    content:'';
    position:absolute;
    width:500px;
    height:500px;
    border-radius:50%;
    background:rgba(59,130,246,.08);
    top:-200px;
    left:-200px;
    filter:blur(60px);
}

.brand-identity-section::after{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(139,92,246,.08);
    right:-150px;
    bottom:-150px;
    filter:blur(80px);
}

.brand-identity-wrapper{
    position:relative;
    z-index:2;
}

.identity-tag{
    display:inline-block;
    padding:10px 22px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:50px;
    color:#60a5fa;
    font-size:14px;
    font-weight:500;
    margin-bottom:25px;
    backdrop-filter:blur(10px);
}

.identity-title{
    font-size:60px;
    line-height:1.1;
    color:#fff;
    font-weight:600;
    margin:0;
}

.identity-title span{
    display:block;
    color:#60a5fa;
    font-weight:300;
    margin-top:8px;
}

.identity-content p{
    color:rgba(255,255,255,.75);
    font-size:18px;
    line-height:2;
    font-weight:300;
    margin:0;
}

/* ==========================================
   BENEFIT BOXES
========================================== */

.identity-benefit{
    border-top:1px solid rgba(255,255,255,.1);
    padding-top:25px;
    transition:.5s ease;
}

.identity-benefit:hover{
    transform:translateY(-8px);
}

.identity-benefit h4{
    font-size:60px;
    font-weight:600;
    margin-bottom:15px;

    background:linear-gradient(
        135deg,
        #60a5fa,
        #8b5cf6
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.identity-benefit p{
    color:#d1d5db;
    font-size:17px;
    line-height:1.8;
    font-weight:400;
    margin:0;
}

/* ==========================================
   FOOTER QUOTE
========================================== */

.identity-footer{
    margin-top:70px;
    padding-top:40px;
    border-top:1px solid rgba(255,255,255,.1);
    text-align:center;
}

.identity-footer p{
    color:#fff;
    font-size:24px;
    line-height:1.8;
    font-weight:300;
    max-width:900px;
    margin:auto;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media(max-width:991px){

    .identity-title{
        font-size:42px;
        margin-bottom:25px;
    }

    .identity-benefit h4{
        font-size:45px;
    }

    .identity-footer p{
        font-size:20px;
    }

}
/* ==========================================
   SECTION
========================================== */

.domain-pricing-section{
    padding:80px 0;
    background:#f8fafc;
}

/* ==========================================
   HEADING
========================================== */

.pricing-heading{
    margin-bottom:60px;
}

.pricing-badge{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:#eaf2ff;
    color:#2563eb;
    font-size:14px;
    font-weight:500;
    margin-bottom:20px;
}

.pricing-title{
    font-size:56px;
    font-weight:600;
    color:#111827;
    margin-bottom:20px;
    line-height:1.15;
}

.pricing-description{
    max-width:850px;
    margin:auto;
    color:#64748b;
    font-size:18px;
    line-height:1.9;
    font-weight:300;
}

/* ==========================================
   TABLE WRAPPER
========================================== */

.premium-table-wrapper{
    background:#fff;
    border-radius:28px;
    overflow:hidden;

    border:1px solid #e5e7eb;

    box-shadow:
    0 10px 30px rgba(15,23,42,.05),
    0 25px 80px rgba(15,23,42,.08);
}

.table-top-bar{
    height:5px;

    background:linear-gradient(
        90deg,
        #2563eb,
        #4f46e5,
        #06b6d4
    );
}

.premium-table-header{
    padding:28px 35px;
    border-bottom:1px solid #eef2f7;
    background:#fff;
}

.premium-table-header h3{
    margin:0;
    color:#111827;
    font-size:24px;
    font-weight:600;
}

/* ==========================================
   TABLE
========================================== */

.premium-domain-table{
    margin:0;
}

.premium-domain-table thead{
    background:#0f172a;
}

.premium-domain-table thead th{
    color:#0616f5;
    border:none;

    padding:22px 35px;

    text-transform:uppercase;
    letter-spacing:1px;

    font-size:14px;
    font-weight:600;
}

/* ==========================================
   BODY ROWS
========================================== */

.premium-domain-table tbody tr{
    transition:.35s ease;
}

.premium-domain-table tbody tr:nth-child(even){
    background:#fafbfc;
}

.premium-domain-table tbody td{
    padding:22px 35px;
    border-color:#eef2f7;

    font-size:16px;
    color:#475569;
    vertical-align:middle;

    transition:.35s ease;
}

/* ==========================================
   FIRST COLUMN
========================================== */

.premium-domain-table tbody td:first-child{
    font-weight:600;
    color:#111827;
    position:relative;
    padding-left:60px;
}

.premium-domain-table tbody td:first-child::before{
    content:'';

    width:10px;
    height:10px;

    border-radius:50%;

    background:#2563eb;

    position:absolute;

    left:35px;
    top:50%;

    transform:translateY(-50%);
}

/* ==========================================
   PRICE COLUMN
========================================== */

.premium-domain-table tbody td:last-child{
    color:#2563eb;
    font-weight:500;
}

/* ==========================================
   HOVER EFFECT
========================================== */

.premium-domain-table tbody tr:hover{
    background:#eff6ff;
}

.premium-domain-table tbody tr:hover td{
    color:#111827;
}

/* ==========================================
   NOTE BOX
========================================== */

.premium-note{
    margin-top:40px;

    background:#fff;

    border-left:5px solid #2563eb;

    border-radius:20px;

    padding:30px;

    box-shadow:
    0 10px 30px rgba(15,23,42,.05);
}

.premium-note h5{
    color:#111827;
    font-size:20px;
    font-weight:600;
    margin-bottom:12px;
}

.premium-note p{
    margin:0;
    color:#64748b;
    line-height:1.9;
    font-weight:300;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media(max-width:991px){

    .pricing-title{
        font-size:40px;
    }

    .premium-domain-table thead th,
    .premium-domain-table tbody td{
        padding:16px;
    }

    .premium-domain-table tbody td:first-child{
        padding-left:35px;
    }

    .premium-domain-table tbody td:first-child::before{
        left:15px;
    }

}

/* ==================================================
   DOMAIN SELECTION SECTION
================================================== */

.domain-selection-section{
    padding:80px 0;
    background:#ffffff;
    position:relative;
    overflow:hidden;
}

/* ==================================================
   LEFT CONTENT
================================================== */

.selection-badge{
    display:inline-block;
    padding:10px 22px;

    border-radius:50px;

    background:#eef4ff;

    color:#2563eb;

    font-size:14px;
    font-weight:500;

    margin-bottom:25px;
}

.selection-title{
    font-size:58px;
    line-height:1.1;
    font-weight:600;

    color:#111827;

    margin-bottom:25px;
}

.selection-title span{
    display:block;
    color:#2563eb;
    font-weight:300;
}

.selection-description{
    color:#64748b;

    font-size:18px;
    line-height:1.9;

    font-weight:300;

    margin-bottom:35px;
}

.selection-footer{
    padding-left:25px;

    border-left:4px solid #2563eb;

    color:#111827;

    font-size:18px;
    line-height:1.8;

    font-weight:500;
}

/* ==================================================
   TIMELINE
================================================== */

.selection-timeline{
    position:relative;
    padding-left:90px;
}

.timeline-line{
    position:absolute;

    left:34px;
    top:0;
    bottom:0;

    width:2px;

    background:linear-gradient(
        180deg,
        #2563eb,
        #4f46e5,
        #06b6d4
    );
}

.timeline-item{
    position:relative;

    margin-bottom:30px;

    transition:.4s ease;
}

.timeline-item:last-child{
    margin-bottom:0;
}

.timeline-item:hover{
    transform:translateX(12px);
}

.timeline-number{
    position:absolute;

    left:-90px;
    top:0;

    width:70px;
    height:70px;

    border-radius:20px;

    background:#ffffff;

    border:1px solid #e5e7eb;

    box-shadow:
    0 10px 25px rgba(15,23,42,.06);

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:22px;
    font-weight:600;

    color:#2563eb;

    transition:.4s ease;
}

.timeline-item:hover .timeline-number{
    background:#2563eb;
    color:#fff;
}

.timeline-content{
    background:#ffffff;

    border:1px solid #eef2f7;

    border-radius:22px;

    padding:24px 30px;

    transition:.4s ease;

    box-shadow:
    0 8px 25px rgba(15,23,42,.04);
}

.timeline-content:hover{
    box-shadow:
    0 20px 40px rgba(37,99,235,.10);
}

.timeline-content h4{
    margin:0;

    font-size:20px;
    font-weight:500;

    color:#111827;

    line-height:1.6;
}

/* ==================================================
   RESPONSIVE
================================================== */

@media(max-width:991px){

    .selection-title{
        font-size:40px;
    }

    .selection-timeline{
        margin-top:50px;
    }

}

/* =========================================
   DOMAIN TRANSFER SECTION (NEW THEME)
========================================= */

.domain-transfer-section{
    padding:80px 0;

    /* UNIQUE CYBER INDIGO + TEAL BACKGROUND */
    background:
    radial-gradient(circle at top left, rgba(99,102,241,.18), transparent 40%),
    radial-gradient(circle at bottom right, rgba(20,184,166,.18), transparent 45%),
    #0b1220;

    position:relative;
    overflow:hidden;
}

/* soft floating glow */
.domain-transfer-section::before{
    content:'';
    position:absolute;
    width:500px;
    height:500px;
    background:rgba(99,102,241,.25);
    filter:blur(120px);
    top:-200px;
    left:-200px;
    border-radius:50%;
}

.domain-transfer-section::after{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(20,184,166,.20);
    filter:blur(120px);
    bottom:-200px;
    right:-200px;
    border-radius:50%;
}

/* =========================================
   LEFT CONTENT
========================================= */

.transfer-badge{
    display:inline-block;
    padding:10px 22px;

    border-radius:50px;

    background:rgba(255,255,255,.08);

    color:#5eead4;

    font-size:14px;
    font-weight:500;

    margin-bottom:20px;

    border:1px solid rgba(255,255,255,.12);
}

.transfer-title{
    font-size:56px;
    line-height:1.1;

    color:#ffffff;

    font-weight:600;

    margin-bottom:20px;
}

.transfer-title span{
    display:block;
    color:#5eead4;
    font-weight:300;
}

.transfer-desc{
    font-size:18px;
    line-height:1.9;

    color:rgba(255,255,255,.75);

    font-weight:300;

    margin-bottom:30px;
}

.transfer-note{
    padding-left:20px;

    border-left:3px solid #5eead4;

    color:#ffffff;

    font-size:16px;

    line-height:1.8;

    font-weight:400;
}

/* =========================================
   FEATURE LIST
========================================= */

.transfer-features{
    display:flex;
    flex-direction:column;
    gap:18px;
}

/* feature item */
.feature-item{
    display:flex;
    align-items:center;
    gap:15px;

    padding:18px 22px;

    border-radius:18px;

    background:rgba(255,255,255,.04);

    border:1px solid rgba(255,255,255,.08);

    transition:.4s ease;
}

/* hover effect */
.feature-item:hover{
    transform:translateX(10px);

    background:rgba(94,234,212,.08);

    border-color:rgba(94,234,212,.25);
}

/* icon */
.feature-item .icon{
    width:14px;
    height:14px;

    border-radius:50%;

    background:linear-gradient(
        135deg,
        #6366f1,
        #14b8a6
    );

    box-shadow:0 0 20px rgba(94,234,212,.35);
}

/* text */
.feature-item p{
    margin:0;

    color:rgba(255,255,255,.85);

    font-size:16px;

    font-weight:400;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:991px){

    .transfer-title{
        font-size:40px;
    }

    .transfer-features{
        margin-top:40px;
    }

}

/* =========================================
   BASE SECTION (same colors but improved depth)
========================================= */

.domain-security-alt-section{
    padding:80px 0;

    background:
    radial-gradient(circle at top left, rgba(180,83,9,.14), transparent 45%),
    radial-gradient(circle at bottom right, rgba(120,53,15,.12), transparent 50%),
    #fffaf3;

    position:relative;
    overflow:hidden;
}

/* softer luxury glow */
.domain-security-alt-section::before,
.domain-security-alt-section::after{
    content:'';
    position:absolute;
    border-radius:50%;
    filter:blur(140px);
}

.domain-security-alt-section::before{
    width:550px;
    height:550px;
    background:rgba(180,83,9,.10);
    top:-250px;
    left:-200px;
}

.domain-security-alt-section::after{
    width:500px;
    height:500px;
    background:rgba(120,53,15,.08);
    bottom:-250px;
    right:-200px;
}

/* =========================================
   LEFT STICKY PANEL (NEW)
========================================= */

.trust-sticky-box{
    position:sticky;
    top:100px;

    padding:20px;
}

/* badges */
.trust-badge{
    display:inline-block;
    padding:10px 22px;

    border-radius:50px;

    background:#fff;

    color:#b45309;

    border:1px solid rgba(180,83,9,.2);

    font-size:14px;
    font-weight:500;

    margin-bottom:20px;
}

/* title */
.trust-title{
    font-size:54px;
    line-height:1.1;

    color:#1f2937;

    font-weight:600;

    margin-bottom:20px;
}

.trust-title span{
    display:block;
    color:#b45309;
    font-weight:300;
}

/* description */
.trust-desc{
    font-size:18px;
    line-height:1.9;

    color:#6b7280;

    font-weight:300;

    margin-bottom:30px;
}

/* highlight note */
.trust-note{
    padding:18px 20px;

    border-left:4px solid #b45309;

    background:#fff;

    border-radius:12px;

    color:#111827;

    font-size:15px;

    line-height:1.8;

    font-weight:500;

    box-shadow:0 10px 30px rgba(0,0,0,.04);
}

/* =========================================
   FLOW LAYOUT (BIG IMPROVEMENT)
========================================= */

.trust-flow{
    position:relative;
    padding-left:60px;
}

/* vertical connector line */
.trust-flow::before{
    content:'';
    position:absolute;

    left:18px;
    top:0;
    bottom:0;

    width:2px;

    background:linear-gradient(
        180deg,
        #b45309,
        #f59e0b,
        #b45309
    );

    opacity:.4;
}

/* step wrapper */
.trust-step{
    position:relative;
    margin-bottom:22px;

    display:flex;
    align-items:center;

    transition:.4s ease;
}

.trust-step:hover{
    transform:translateX(10px);
}

/* circle node */
.step-circle{
    width:14px;
    height:14px;

    border-radius:50%;

    background:#b45309;

    position:absolute;
    left:-32px;

    box-shadow:0 0 20px rgba(180,83,9,.3);
}

/* card */
.step-card{
    width:100%;

    padding:18px 22px;

    background:#ffffff;

    border:1px solid #f1e5d6;

    border-radius:14px;

    color:#374151;

    font-size:16px;

    font-weight:400;

    transition:.3s ease;

    box-shadow:0 8px 20px rgba(0,0,0,.03);
}

.trust-step:hover .step-card{
    border-color:#b45309;
    box-shadow:0 15px 40px rgba(180,83,9,.12);
}

/* danger highlight */
.trust-step.danger .step-circle{
    background:#dc2626;
    box-shadow:0 0 20px rgba(220,38,38,.3);
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:991px){

    .trust-title{
        font-size:38px;
    }

    .trust-sticky-box{
        position:relative;
        top:auto;
        margin-bottom:40px;
    }

    .trust-flow{
        padding-left:40px;
    }
}

/* =========================================
   WHY CHOOSE SECTION (EDITORIAL GRID STYLE)
========================================= */

.why-choose-section{
    padding:80px 0;
    background:#ffffff;
    position:relative;
    overflow:hidden;
}

/* soft purple aura background */
.why-choose-section::before{
    content:'';
    position:absolute;
    width:600px;
    height:600px;

    background:rgba(124,58,237,.08);

    border-radius:50%;

    filter:blur(140px);

    top:-250px;
    left:-250px;
}

/* =========================================
   CENTER HEADER
========================================= */

.why-center{
    max-width:850px;
    margin:0 auto 60px auto;
}

.why-badge{
    display:inline-block;

    padding:10px 20px;

    border-radius:50px;

    background:#f5f3ff;

    color:#7c3aed;

    font-size:14px;
    font-weight:500;

    border:1px solid rgba(124,58,237,.15);

    margin-bottom:20px;
}

.why-title{
    font-size:56px;
    line-height:1.1;

    color:#111827;

    font-weight:600;

    margin-bottom:20px;
}

.why-title span{
    display:block;
    color:#7c3aed;
    font-weight:300;
}

.why-subtitle{
    font-size:18px;
    line-height:1.9;

    color:#6b7280;

    font-weight:300;
}

/* =========================================
   FLOATING GRID (NEW LAYOUT STYLE)
========================================= */

.why-grid{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:16px;

    max-width:1000px;
    margin:0 auto;
}

/* pill items */
.why-pill{
    padding:14px 22px;

    border-radius:999px;

    background:#ffffff;

    border:1px solid #ede9fe;

    color:#374151;

    font-size:15px;

    font-weight:400;

    transition:.3s ease;

    box-shadow:0 8px 20px rgba(0,0,0,.03);
}

/* hover */
.why-pill:hover{
    transform:translateY(-5px);

    border-color:#7c3aed;

    box-shadow:0 15px 35px rgba(124,58,237,.15);
}

/* highlighted central pill */
.why-pill.highlight{
    background:#7c3aed;
    color:#ffffff;

    border-color:#7c3aed;

    box-shadow:0 20px 40px rgba(124,58,237,.25);
}

/* =========================================
   FOOTER
========================================= */

.why-footer{
    text-align:center;

    margin-top:60px;

    font-size:16px;

    color:#6b7280;

    font-weight:300;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:991px){

    .why-title{
        font-size:38px;
    }

    .why-pill{
        font-size:14px;
        padding:12px 18px;
    }

}

/* =========================================
   CTA SECTION (LIGHT THEME + FULL WIDTH)
========================================= */

.cta-domain-section{
    position:relative;
    padding:80px 0;
    overflow:hidden;
    background:
    radial-gradient(circle at top left, rgba(124,58,237,.18), transparent 40%),
    radial-gradient(circle at bottom right, rgba(59,130,246,.12), transparent 45%),
    #0b1220;
}

/* FULL WIDTH CONTAINER */
.cta-container{
    width:100%;
    padding:0 60px;
    position:relative;
}

/* CONTENT */
.cta-content{
    width:100%;
    text-align:center;
    position:relative;
    z-index:2;
}

.cta-content h2{
    font-size:45px;
    font-weight:600;
    color:#ffffff;
    line-height:1.2;
    margin-bottom:20px;
}

.cta-content p{
    font-size:18px;
    line-height:1.9;
    font-weight:300;
    color:#ffffff;

    max-width:100%;
    margin-bottom:18px;
}

/* BUTTON */
.cta-btn{
    display:inline-block;

    margin-top:15px;
    padding:15px 32px;

    border-radius:50px;

    background:linear-gradient(135deg, #7c3aed, #6366f1);

    color:#fff;
    text-decoration:none;

    font-weight:500;

    transition:.3s ease;

    box-shadow:0 12px 30px rgba(124,58,237,.25);
}

.cta-btn:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 40px rgba(124,58,237,.35);
}

/* =========================================
   MOVING CUBES (LIGHT VERSION)
========================================= */

.cubes-bg{
    position:absolute;
    inset:0;
    z-index:1;
    overflow:hidden;
}

.cubes-bg span{
    position:absolute;

    width:50px;
    height:50px;

    background:rgba(124,58,237,.08);
    border:1px solid rgba(124,58,237,.15);

    border-radius:12px;

    animation:floatCube 14s infinite ease-in-out;
}

/* random placements */
.cubes-bg span:nth-child(1){ left:8%; top:20%; animation-delay:0s; }
.cubes-bg span:nth-child(2){ left:25%; top:70%; animation-delay:2s; }
.cubes-bg span:nth-child(3){ left:45%; top:30%; animation-delay:4s; }
.cubes-bg span:nth-child(4){ left:65%; top:60%; animation-delay:6s; }
.cubes-bg span:nth-child(5){ left:80%; top:25%; animation-delay:8s; }
.cubes-bg span:nth-child(6){ left:55%; top:80%; animation-delay:10s; }

@keyframes floatCube{
    0%{
        transform:translateY(0) rotate(0deg);
        opacity:.3;
    }
    50%{
        transform:translateY(-30px) rotate(180deg);
        opacity:.6;
    }
    100%{
        transform:translateY(0) rotate(360deg);
        opacity:.3;
    }
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:991px){

    .cta-container{
        padding:0 20px;
    }

    .cta-content h2{
        font-size:36px;
    }

}

/* =========================================
   FAQ SECTION (BLUE + WHITE PREMIUM)
========================================= */

.faq-section{
    position:relative;
    padding:80px 0;
    background:#ffffff;
    overflow:hidden;
}

/* RADIAL BACKGROUND PATTERN */
.faq-section::before{
    content:'';
    position:absolute;
    width:700px;
    height:700px;

    background:radial-gradient(circle, rgba(59,130,246,.12), transparent 60%);

    top:-250px;
    left:-250px;

    filter:blur(10px);
}

.faq-section::after{
    content:'';
    position:absolute;
    width:600px;
    height:600px;

    background:radial-gradient(circle, rgba(37,99,235,.10), transparent 60%);

    bottom:-250px;
    right:-250px;

    filter:blur(10px);
}

/* HEADER */
.faq-header{
    text-align:center;
    margin-bottom:50px;
}

.faq-header h2{
    font-size:48px;
    font-weight:600;
    color:#0f172a;
}

/* WRAP */
.faq-wrap{
    max-width:900px;
    margin:auto;
    display:flex;
    flex-direction:column;
    gap:16px;
}

/* ITEM */
.faq-item{
    background:#ffffff;

    border:1px solid #dbeafe;

    border-radius:14px;

    padding:20px 22px;

    transition:.3s ease;

    box-shadow:0 8px 20px rgba(0,0,0,.03);
}

.faq-item:hover{
    border-color:#3b82f6;
    transform:translateY(-4px);
    box-shadow:0 15px 35px rgba(59,130,246,.12);
}

/* QUESTION */
.faq-item h4{
    font-size:18px;
    color:#1e3a8a;
    margin-bottom:10px;
    font-weight:500;
}

/* ANSWER */
.faq-item p{
    font-size:15px;
    color:#475569;
    line-height:1.7;
    margin:0;
}

/* RESPONSIVE */
@media(max-width:991px){

    .faq-header h2{
        font-size:32px;
    }

}