/* ════════════════════════════════════════════════
   PRIVACY POLICY — ABOUND 10X STYLE
   ════════════════════════════════════════════════ */

:root{
    --bg:#050507;
    --bg-2:#14141A;
    --bg-3:#1C1C24;

    --border:#2A2A33;

    --tx:#F5F5F7;
    --tx-2:#B4B4BD;
    --tx-3:#7E7E89;

    --brand:#F97316;
    --brand-light:#FFB071;
    --brand-dark:#C2410C;

    --f-display:'Bricolage Grotesque',sans-serif;
    --f-body:'Inter',sans-serif;
}

/* ════════════════════════════════════════════════
   BODY
   ════════════════════════════════════════════════ */

body{
    margin:0;
    background:var(--bg);
    color:var(--tx);
    font-family:var(--f-body);
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
}

/* Background Glow */

body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-2;

    background:
        radial-gradient(circle at top,
        rgba(249,115,22,.16),
        transparent 45%),

        radial-gradient(circle at bottom right,
        rgba(249,115,22,.08),
        transparent 35%),

        var(--bg);
}

/* Noise */

body::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    opacity:.03;
    pointer-events:none;

    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");
}

/* ════════════════════════════════════════════════
   NAVBAR FIX
   ════════════════════════════════════════════════ */

.nav-wrap{
    position:sticky;
    top:0;
    z-index:999;
    width:100%;

    background:rgba(5,5,7,.72);

    backdrop-filter:blur(24px) saturate(180%);
    -webkit-backdrop-filter:blur(24px) saturate(180%);

    border-bottom:1px solid rgba(255,255,255,.06);
}

/* ════════════════════════════════════════════════
   WRAPPER
   ════════════════════════════════════════════════ */

.pp-wrapper{
    width:100%;
    display:flex;
    justify-content:center;
}

.pp-container{
    width:100%;
    max-width:1280px;

    padding:100px 28px;

    display:flex;
    flex-direction:column;
    align-items:center;
}

/* ════════════════════════════════════════════════
   HERO
   ════════════════════════════════════════════════ */

.pp-hero{
    width:100%;
    text-align:center;
}

.pp-hero-content{
    max-width:900px;
    margin:0 auto;
}

.pp-eyebrow{
    display:inline-flex;
    align-items:center;

    padding:8px 18px;

    background:rgba(249,115,22,.08);

    border:1px solid rgba(249,115,22,.22);

    border-radius:999px;

    color:var(--brand);

    font-size:11px;
    font-weight:700;
    letter-spacing:1.8px;
    text-transform:uppercase;

    margin-bottom:32px;

    font-family:monospace;
}

.pp-title{
    font-family:var(--f-display);

    font-size:clamp(48px,8vw,92px);

    line-height:.95;
    letter-spacing:-4px;
    font-weight:800;

    margin-bottom:26px;
}

.pp-title span{
    background:linear-gradient(
        135deg,
        #FFD089 0%,
        #F97316 45%,
        #C2410C 100%
    );

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

.pp-subtitle{
    max-width:760px;

    margin:0 auto;

    color:var(--tx-2);

    font-size:18px;
    line-height:1.7;
}

/* ════════════════════════════════════════════════
   BUTTONS
   ════════════════════════════════════════════════ */

.pp-btn-wrap{
    display:flex;
    justify-content:center;
    gap:16px;
    flex-wrap:wrap;

    margin-top:42px;
}

.pp-btn-primary,
.pp-btn-outline{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:14px 24px;

    border-radius:14px;

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

    text-decoration:none;

    transition:.3s ease;
}

.pp-btn-primary{
    background:linear-gradient(
        135deg,
        var(--brand),
        var(--brand-dark)
    );

    color:#fff;

    box-shadow:
        0 10px 30px rgba(249,115,22,.35);
}

.pp-btn-primary:hover{
    transform:translateY(-3px);
}

.pp-btn-outline{
    border:1px solid rgba(255,255,255,.08);

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

    color:var(--tx);
}

.pp-btn-outline:hover{
    border-color:rgba(249,115,22,.4);
    color:var(--brand-light);
}

/* ════════════════════════════════════════════════
   GLASS CARD
   ════════════════════════════════════════════════ */

.pp-visual-card{
    width:100%;
    max-width:1050px;

    margin:70px auto 100px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.05),
            rgba(255,255,255,.02)
        );

    backdrop-filter:blur(28px);

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

    border-radius:32px;

    overflow:hidden;

    box-shadow:
        0 30px 80px rgba(0,0,0,.5),
        0 0 80px rgba(249,115,22,.08);
}

.pp-visual-top{
    display:flex;
    align-items:center;
    gap:10px;

    padding:18px 24px;

    border-bottom:1px solid rgba(255,255,255,.05);
}

.pp-dot{
    width:12px;
    height:12px;
    border-radius:50%;
}

.red{background:#ff5f57;}
.yellow{background:#ffbd2f;}
.green{background:#28c840;}

.security-label{
    margin-left:10px;

    font-size:13px;

    color:var(--tx-3);

    font-family:monospace;
}

.pp-visual-content{
    padding:40px;
}

/* ════════════════════════════════════════════════
   STATS
   ════════════════════════════════════════════════ */

.pp-stat-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.pp-stat-box{
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.04),
            rgba(255,255,255,.02)
        );

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

    border-radius:24px;

    padding:34px 20px;

    transition:.35s ease;
}

.pp-stat-box:hover{
    transform:translateY(-5px);

    border-color:rgba(249,115,22,.35);

    box-shadow:
        0 10px 40px rgba(249,115,22,.12);
}

.pp-stat-box h4{
    font-size:42px;
    font-weight:800;

    margin-bottom:8px;

    background:linear-gradient(
        135deg,
        #FFD089,
        #F97316
    );

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

.pp-stat-box p{
    color:var(--tx-2);
}

.usage-text{
    margin-top:30px;

    text-align:center;

    color:var(--tx-3);

    font-size:14px;
}

/* ════════════════════════════════════════════════
   POLICY GRID
   ════════════════════════════════════════════════ */

.pp-policy-grid{
    width:100%;

    display:grid;
    grid-template-columns:1fr 1fr;

    gap:28px;
}

@media(max-width:640px){
    .pp-policy-grid{
        grid-template-columns:1fr;
        gap:20px;
    }
}

.pp-card{
    position:relative;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.04),
            rgba(255,255,255,.02)
        );

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

    border-radius:30px;

    padding:46px;

    overflow:hidden;

    transition:.4s cubic-bezier(.2,1,.2,1);
}

.pp-card:hover{
    transform:translateY(-8px);

    border-color:rgba(249,115,22,.35);

    box-shadow:
        0 20px 60px rgba(0,0,0,.45),
        0 0 60px rgba(249,115,22,.08);
}

.pp-card-number{
    font-size:12px;

    color:var(--brand);

    letter-spacing:2px;

    margin-bottom:20px;

    font-family:monospace;
}

.pp-card h3{
    font-size:30px;

    font-family:var(--f-display);

    margin-bottom:18px;

    letter-spacing:-1px;
}

.pp-card p{
    color:var(--tx-2);

    line-height:1.8;

    font-size:15px;
}

/* ════════════════════════════════════════════════
   ANIMATIONS
   ════════════════════════════════════════════════ */

.fade-up{
    opacity:0;
    transform:translateY(40px);
    animation:fadeUp 1s ease forwards;
}

.fade-delay{
    animation-delay:.2s;
}

.fade-delay2{
    animation-delay:.4s;
}

@keyframes fadeUp{
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* ════════════════════════════════════════════════
   MOBILE
   ════════════════════════════════════════════════ */

@media(max-width:768px){

    .pp-container{
        padding:80px 20px;
    }

    .pp-title{
        font-size:48px;
        letter-spacing:-2px;
    }

    .pp-subtitle{
        font-size:15px;
    }

    .pp-stat-row,
    .pp-policy-grid{
        grid-template-columns:1fr;
    }

    .pp-card{
        padding:34px 28px;
    }

    .pp-visual-content{
        padding:26px;
    }

    .pp-btn-wrap{
        flex-direction:column;
    }

    .pp-btn-primary,
    .pp-btn-outline{
        width:100%;
    }

}