/* Tracenode – shared styles for secondary pages */
*{margin:0;padding:0;box-sizing:border-box}
html,body{
    font-family:'Roboto',sans-serif;
    background:#0a0a0a;
    color:#fff;
    -webkit-font-smoothing:antialiased;
}

/* ── Header ── */
.site-header{
    position:fixed;top:0;left:0;width:100%;height:52px;
    display:flex;justify-content:space-between;align-items:center;
    padding:0 40px;
    background:rgba(10,10,12,.8);
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(255,255,255,.06);
    z-index:100;
}
.site-header .logo{
    font-family:'Orbitron',sans-serif;
    font-size:1.35rem;font-weight:800;letter-spacing:2px;
    color:#fff;text-decoration:none;text-transform:uppercase;
}
.site-header nav{display:flex;gap:28px}
.site-header nav a{
    text-decoration:none;color:#707070;font-size:.9rem;font-weight:400;
    transition:color .2s;
}
.site-header nav a:hover,.site-header nav a.active{color:#fff}
.header-actions{display:flex;align-items:center;gap:18px}
.header-actions a{text-decoration:none;font-size:.9rem;font-weight:400}
.login-btn{color:#707070;transition:color .2s}
.login-btn:hover{color:#fff}
.signup-btn{
    color:#fff;padding:7px 18px;border-radius:6px;
    background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
    transition:background .2s;
}
.signup-btn:hover{background:rgba(255,255,255,.14)}

/* ── Page body ── */
.page{max-width:700px;margin:0 auto;padding:110px 24px 80px}
.page-wide{max-width:1060px;margin:0 auto;padding:110px 24px 80px}
.page h1,.page-wide h1{font-size:2.2rem;font-weight:700;margin-bottom:6px}
.last-updated{font-size:.8rem;color:#505050;margin-bottom:40px}

/* ── Content sections ── */
.content h2{font-size:1.05rem;font-weight:600;margin:36px 0 10px}
.content p{font-size:.9rem;line-height:1.75;color:#999;margin-bottom:14px}
.content ul{margin:0 0 14px 18px}
.content li{font-size:.9rem;line-height:1.75;color:#999;margin-bottom:2px}
.content a{color:#ccc;text-decoration:underline;text-underline-offset:2px}
.content a:hover{color:#fff}

/* ── Pricing ── */
.pricing-sub{font-size:1rem;color:#999;margin-bottom:40px;line-height:1.6}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:40px}
.p-card{
    padding:28px 22px;border-radius:10px;
    border:1px solid rgba(255,255,255,.07);
    background:rgba(255,255,255,.02);
    display:flex;flex-direction:column;
}
.p-card.highlight{border-color:rgba(130,91,230,.35)}
.p-card .tier{font-size:.8rem;font-weight:500;color:#707070;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.p-card .badge{font-size:.6rem;text-transform:uppercase;letter-spacing:1px;color:#825be6;font-weight:600}
.p-card .old-price{font-size:.8rem;color:#505050;text-decoration:line-through;margin-bottom:2px}
.p-card .price{font-size:2.2rem;font-weight:700;margin-bottom:20px}
.p-card .price span{font-size:.85rem;font-weight:400;color:#707070}
.p-card .features{list-style:none;padding:0;margin:0}
.p-card .features li{font-size:.8rem;color:#999;margin-bottom:6px;padding-left:14px;position:relative}
.p-card .features li::before{content:'•';position:absolute;left:0;color:#505050}
.p-card .cta{margin-top:auto;padding-top:20px;font-size:.85rem;color:#825be6;text-decoration:none}
.p-card .cta:hover{color:#a745ff}
.pricing-note{font-size:.8rem;color:#505050;line-height:1.6}

/* ── About ── */
.about-intro{font-size:1.5rem;font-weight:600;line-height:1.4;margin-bottom:32px;color:#fff}
.about-beliefs{margin:0 0 28px 18px;padding:0}
.about-beliefs li{font-size:.9rem;line-height:1.75;color:#999;margin-bottom:8px}
.about-body p{font-size:.9rem;line-height:1.75;color:#999;margin-bottom:14px}
.about-body a{color:#ccc;text-decoration:underline;text-underline-offset:2px}
.about-body a:hover{color:#fff}

/* ── Footer ── */
.site-footer{
    width:100%;padding:18px 40px;
    display:flex;justify-content:space-between;align-items:center;
    border-top:1px solid rgba(255,255,255,.06);
}
.site-footer .copy{font-size:.8rem;color:#404040}
.site-footer .links{display:flex;gap:18px}
.site-footer .links a{text-decoration:none;color:#404040;font-size:.8rem;transition:color .2s}
.site-footer .links a:hover{color:#fff}

/* ── Responsive ── */
@media(max-width:900px){
    .pricing-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
    .site-header nav, .header-actions {
        display: none !important;
    }
    .hamburger-btn {
        display: block;
        cursor: pointer;
        padding: 8px;
        background: none;
        border: none;
        margin-left: auto;
    }
    .hamburger-btn svg {
        width: 28px;
        height: 28px;
        fill: #fff;
    }
}
.hamburger-btn { display: none; }

@media(max-width:500px){
    .pricing-grid{grid-template-columns:1fr}
    .site-header{padding:0 20px}
    .page,.page-wide{padding:100px 16px 60px}
    .site-footer{padding:18px 20px;flex-direction:column;gap:8px}
}