/* ========== Base ========== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root{
    --bg-1:#07150f;
    --bg-2:#0b1d15;
    --bg-3:#10281d;
    --panel:#10241b;
    --panel-2:#153225;
    --line:rgba(212,175,55,.18);
    --text:#f5f7f3;
    --muted:#b7c6bb;
    --gold:#d4af37;
    --gold-2:#f0c96a;
    --green:#00c27a;
    --green-2:#0f8f5d;
    --shadow:0 12px 35px rgba(0,0,0,.28);
    --radius:18px;
}

html { scroll-behavior: smooth; }
body {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    background:
        radial-gradient(circle at 18% 18%, rgba(212,175,55,.08), transparent 28%),
        radial-gradient(circle at 82% 28%, rgba(0,194,122,.12), transparent 30%),
        radial-gradient(circle at 52% 78%, rgba(212,175,55,.06), transparent 34%),
        linear-gradient(135deg, var(--bg-1) 0%, var(--bg-2) 32%, var(--bg-3) 65%, #08150f 100%);
    background-attachment: fixed;
    color: var(--text);
    line-height: 1.65;
    overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.container { max-width: 1220px; margin: 0 auto; padding: 0 20px; }

.header {
    position: fixed; top: 0; width: 100%; z-index: 1000;
    background: linear-gradient(135deg, rgba(7,21,15,.96), rgba(12,29,22,.96));
    border-bottom: 1px solid var(--line);
    backdrop-filter: blur(14px); box-shadow: 0 4px 18px rgba(0,0,0,.18);
}
.nav { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 0; }
.logo { display: flex; align-items: center; gap: 14px; }
.logo-circle {
    width: 48px; height: 48px; border-radius: 50%;
    background: linear-gradient(135deg, var(--gold), var(--gold-2));
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 0 22px rgba(212,175,55,.24); overflow: hidden;
}
.logo-circle img { width: 40px; height: 40px; border-radius: 50%; }
.logo-text { font-size: 1.28rem; font-weight: 800; color: var(--gold-2); letter-spacing: .4px; }
.nav-links-extended { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: center; }
.nav-links-extended a {
    padding: 9px 12px; border-radius: 10px; font-size: .92rem;
    color: #eef3ef; transition: .25s ease; white-space: nowrap;
}
.nav-links-extended a:hover,
.nav-links-extended a.current {
    background: rgba(212,175,55,.12); color: var(--gold-2);
    box-shadow: inset 0 0 0 1px rgba(212,175,55,.16);
}
.mobile-menu-toggle { display: none; background: transparent; border: 0; color: #fff; font-size: 1.55rem; cursor: pointer; }
.nav-actions { display: flex; gap: 12px; align-items: center; }
.btn {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 12px 24px; border-radius: 999px; font-weight: 800;
    text-transform: uppercase; letter-spacing: .35px; font-size: .88rem;
    transition: .25s ease; border: 0; cursor: pointer;
}
.btn:hover { transform: translateY(-2px); }
.btn-primary-top { background: linear-gradient(135deg, var(--gold), var(--gold-2)); color: #132117; box-shadow: 0 8px 22px rgba(212,175,55,.24); }
.btn-green { background: linear-gradient(135deg, var(--green), var(--green-2)); color: #fff; box-shadow: 0 8px 22px rgba(0,194,122,.2); }

.main { margin-top: 84px; position: relative; z-index: 1; }
.hero { text-align: center; padding: 38px 0 54px; }
.hero h1 { font-size: 3.2rem; line-height: 1.16; font-weight: 900; margin-bottom: 24px; color: var(--gold-2); text-shadow: 0 0 22px rgba(212,175,55,.22); }
.hero-description {
    max-width: 1050px; margin: 0 auto 28px; padding: 22px 24px; border-radius: var(--radius);
    background: linear-gradient(180deg, rgba(16,36,27,.88), rgba(11,24,18,.92));
    border: 1px solid var(--line); box-shadow: var(--shadow);
    text-align: left;
}
.hero-description p { font-size: 1.05rem; color: var(--muted); line-height: 1.88; }
.hero-description strong { color: #f6f0d0; }
.hero-buttons { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin-bottom: 30px; }
.btn-hero {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 220px; padding: 14px 22px; border-radius: 16px;
    font-weight: 800; font-size: .95rem; transition: .25s ease; box-shadow: var(--shadow); border: 1px solid transparent;
}
.btn-hero:hover { transform: translateY(-2px); }
.btn-primary { background: linear-gradient(135deg, var(--gold), var(--gold-2)); color: #152319; }
.btn-secondary { background: linear-gradient(135deg, #18432f, #0f2a1e); color: #f6f7f3; border-color: rgba(212,175,55,.18); }
.btn-warning { background: linear-gradient(135deg, #167a51, #0d5b3d); color: #fff; }
.hero-banner {
    margin: 0 auto 34px; max-width: 1080px; background: linear-gradient(180deg, rgba(17,45,31,.75), rgba(8,22,16,.92));
    border-radius: 24px; padding: 16px; border: 1px solid rgba(212,175,55,.16); box-shadow: var(--shadow);
}
.banner-image { width: 60%; border-radius: 18px; object-fit: cover; margin:0 auto; }
.hero-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 10px; }
.stat-box {
    background: linear-gradient(180deg, rgba(16,40,29,.92), rgba(8,20,15,.95));
    border: 1px solid rgba(212,175,55,.14); border-radius: 18px; padding: 22px 18px; box-shadow: var(--shadow);
}
.stat-value { display: block; font-size: 1.8rem; font-weight: 900; color: var(--gold-2); margin-bottom: 8px; }
.stat-label { color: var(--muted); font-size: .96rem; }
.section { padding: 26px 0 46px; }
.section-title { text-align: center; font-size: 2.2rem; line-height: 1.22; color: var(--gold-2); margin-bottom: 14px; font-weight: 900; }
.section-lead { max-width: 920px; margin: 0 auto 38px; text-align: center; color: var(--muted); font-size: 1.02rem; line-height: 1.82; }
.advantage-grid, .review-grid, .blog-grid, .feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.advantage-card, .review-card, .blog-card, .feature-card, .kpi-card, .info-card {
    background: linear-gradient(180deg, rgba(16,36,27,.92), rgba(10,22,17,.95));
    border: 1px solid rgba(212,175,55,.12); border-radius: 18px; padding: 24px; box-shadow: var(--shadow);
}
.advantage-icon {
    width: 52px; height: 52px; border-radius: 16px;
    background: linear-gradient(135deg, rgba(212,175,55,.18), rgba(0,194,122,.14));
    display: flex; align-items: center; justify-content: center; font-size: 1.45rem; margin-bottom: 14px;
    border: 1px solid rgba(212,175,55,.18);
}
.advantage-card h3, .review-card h3, .feature-card h3, .blog-card h2 {
    font-size: 1.16rem; color: #f7f7f1; margin-bottom: 12px; line-height: 1.35;
}
.advantage-card p, .review-card p, .feature-card p, .blog-card p { color: var(--muted); font-size: .98rem; line-height: 1.8; }
.review-card-meta{
    display:flex;
    align-items:center;
    gap:12px;
    margin:0 0 10px;
    color:rgba(220,232,255,.74);
    font-size:.83rem;
    letter-spacing:.02em;
}
.review-card-meta-copy{
    display:flex;
    flex-direction:column;
    gap:3px;
    min-width:0;
}
.review-card-meta strong{
    color:#f4fbff;
    font-weight:700;
    line-height:1.2;
}
.review-card-meta span{
    color:rgba(176,205,255,.78);
    white-space:nowrap;
}
.review-card-avatar{
    width:46px;
    height:46px;
    border-radius:50%;
    object-fit:cover;
    flex:0 0 46px;
    border:1px solid rgba(132,196,255,.28);
    box-shadow:0 0 0 3px rgba(97,127,255,.08);
}
.reviews-section .review-grid{
    gap:22px;
}
.reviews-section .review-card{
    padding:26px 24px 22px;
    border-radius:24px;
    background:linear-gradient(180deg, rgba(13,18,48,.94), rgba(8,12,34,.98));
}
.reviews-section .review-card::before{
    background:linear-gradient(90deg, rgba(108,226,255,.88), rgba(255,79,216,.72));
    opacity:.95;
}
.reviews-section .review-card-meta{
    margin:0 0 14px;
    padding-bottom:10px;
    border-bottom:1px solid rgba(133,171,255,.12);
}
.reviews-section .review-card-avatar{
    width:52px;
    height:52px;
    flex-basis:52px;
    border-color:rgba(123,207,255,.34);
    box-shadow:0 0 0 4px rgba(99,118,255,.10), 0 0 18px rgba(91,188,255,.14);
}
.reviews-section .review-card h3{
    margin:0 0 14px;
    font-size:1.42rem;
    line-height:1.34;
}
.reviews-section .review-card p{
    color:rgba(225,232,255,.82);
    line-height:1.9;
    font-size:1rem;
}
.reviews-section .review-card h3::before{
    content:none;
    display:none;
}
.popular-categories .feature-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}
.popular-categories .feature-card{
    padding: 16px 16px 20px;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(12,18,44,.96), rgba(8,12,33,.98));
}
.popular-categories .feature-card img{
    display:block;
    width:100%;
    height:220px;
    margin:0 0 18px;
    border-radius:18px;
    object-fit:cover;
    object-position:center;
    border:1px solid rgba(126,193,255,.14);
    box-shadow:0 16px 34px rgba(4,8,24,.34);
}
.popular-categories .feature-card h3{
    margin-bottom:10px;
    font-size:1.26rem;
}
.popular-categories .feature-card p{
    color:rgba(223,231,255,.8);
    line-height:1.84;
}
.footer{
    margin-top: 34px;
    padding: 42px 0 46px;
    border-top: 1px solid rgba(107,193,255,.14);
    background:
        radial-gradient(circle at top center, rgba(116,74,255,.10), transparent 38%),
        linear-gradient(180deg, rgba(7,10,28,.72), rgba(6,8,22,.96));
}
.footer-grid{
    grid-template-columns: 1.2fr 1fr 1fr 1fr;
    gap: 20px;
}
.footer-grid > div,
.footer-grid-secondary > div{
    padding: 20px 20px 18px;
    border-radius: 20px;
    border: 1px solid rgba(119,164,255,.10);
    background: linear-gradient(180deg, rgba(14,18,42,.82), rgba(9,12,32,.92));
    box-shadow: 0 18px 38px rgba(3,6,18,.22);
}
.footer h3{
    color:#f7fbff;
    margin-bottom: 12px;
    font-size: 1.04rem;
}
.footer p,
.footer li,
.footer a{
    color: rgba(218,227,255,.74);
}
.footer a{
    transition: color .18s ease, transform .18s ease;
}
.footer a:hover{
    color:#c6fbff;
    transform: translateX(2px);
}
.footer-grid-secondary{
    margin-top: 22px;
    padding-top: 0;
    border-top: 0;
}
.footer-badges{
    margin-top: 22px;
    padding-top: 0;
    border-top: 0;
}
.footer-note{
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(122,171,255,.12);
}
@media (max-width: 1100px){
    .footer-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 768px){
    .footer-grid{
        grid-template-columns: 1fr;
    }
    .footer-grid > div,
    .footer-grid-secondary > div{
        padding: 18px 18px 16px;
    }
}
.advantage-list { margin-top: 14px; padding-left: 18px; color: #dbe3dd; }
.advantage-list li { margin: 8px 0; }
.rtp-table { overflow: hidden; border-radius: 18px; border: 1px solid rgba(212,175,55,.14); box-shadow: var(--shadow); }
.rtp-row { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1.2fr 1fr; gap: 0; background: rgba(10,22,17,.94); }
.rtp-row:nth-child(even) { background: rgba(14,31,23,.94); }
.rtp-header { background: linear-gradient(135deg, #164832, #0f2f22); }
.rtp-col { padding: 16px 14px; border-right: 1px solid rgba(212,175,55,.08); color: var(--muted); font-size: .95rem; }
.rtp-header .rtp-col { color: var(--gold-2); font-weight: 800; }
.rtp-high { color: #79efbc; font-weight: 800; }
.split-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 22px; align-items: center; }
.figure-card, .text-card, .steps-card, .kpi-grid, .cta-card, .article-shell, .blog-shell {
    background: linear-gradient(180deg, rgba(16,36,27,.92), rgba(10,22,17,.95));
    border: 1px solid rgba(212,175,55,.12); border-radius: 20px; box-shadow: var(--shadow);
}
.figure-card { padding: 16px; }
.figure-card img { width: 100%; border-radius: 16px; }
.text-card, .steps-card, .cta-card { padding: 24px; }
.text-card h3, .steps-card h3, .cta-card h3 { color: #f7f7f1; font-size: 1.3rem; margin-bottom: 14px; }
.text-card p, .steps-card p, .cta-card p { color: var(--muted); margin-bottom: 14px; }
.step-list { list-style: none; }
.step-list li { position: relative; padding-left: 34px; margin: 14px 0; color: #e5ece6; }
.step-list li::before {
    content: '✓'; position: absolute; left: 0; top: 0; width: 22px; height: 22px; border-radius: 50%;
    background: linear-gradient(135deg, var(--gold), var(--gold-2)); color: #0d1a13;
    display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: .82rem;
}
.kpi-grid { padding: 22px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.kpi-card { text-align: center; padding: 18px; background: rgba(8,20,15,.45); }
.kpi-card .kpi-value { display: block; font-size: 1.7rem; font-weight: 900; color: var(--gold-2); margin-bottom: 8px; }
.kpi-card .kpi-label { color: var(--muted); font-size: .92rem; }
.faq-list { display: grid; gap: 16px; }
.faq-item {
    background: linear-gradient(180deg, rgba(16,36,27,.92), rgba(10,22,17,.95));
    border: 1px solid rgba(212,175,55,.12); border-radius: 18px; padding: 20px 22px; box-shadow: var(--shadow);
}
.faq-item h3 { color: #f7f7f1; font-size: 1.08rem; margin-bottom: 10px; }
.faq-item p { color: var(--muted); line-height: 1.8; }
.cta-section { padding: 20px 0 54px; }
.cta-card { text-align: center; padding: 34px 26px; }
.cta-card h2 { color: var(--gold-2); font-size: 2.2rem; line-height: 1.22; margin-bottom: 16px; }
.cta-card p { max-width: 860px; margin: 0 auto 24px; }
.cta-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; }
.cta-highlights {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 24px;
}
.cta-highlight {
    background: rgba(8,20,15,.45);
    border: 1px solid rgba(212,175,55,.12);
    border-radius: 16px;
    padding: 16px 14px;
    color: #e5ece6;
    font-weight: 700;
}
.cta-highlight strong {
    display: block;
    color: var(--gold-2);
    font-size: 1rem;
    margin-bottom: 6px;
}
.page-hero { padding: 36px 0 26px; text-align: center; }
.page-hero h1 { font-size: 2.8rem; color: var(--gold-2); margin-bottom: 14px; font-weight: 900; }
.page-hero p { max-width: 900px; margin: 0 auto; color: var(--muted); }
.blog-shell { padding: 28px; }
.blog-grid { margin-top: 8px; }
.blog-card { padding: 0; overflow: hidden; }
.blog-thumb-wrap { display: block; overflow: hidden; background: #0d1d16; }
.blog-thumb { width: 100%; height: 210px; object-fit: cover; transition: transform .35s ease; }
.blog-card:hover .blog-thumb { transform: scale(1.04); }
.blog-body { padding: 20px; }
.blog-meta { color: #aab9ae; font-size: .86rem; margin-bottom: 10px; }
.blog-card h2 { font-size: 1.18rem; }
.blog-card h2 a:hover { color: var(--gold-2); }
.pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.pagination a, .pagination span {
    min-width: 42px; height: 42px; padding: 0 14px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center;
    background: rgba(16,36,27,.94); border: 1px solid rgba(212,175,55,.12); color: #f5f7f3;
}
.pagination span, .pagination a:hover { background: linear-gradient(135deg, var(--gold), var(--gold-2)); color: #132117; font-weight: 800; }
.article-shell { padding: 30px; }
.article-meta { color: #aab9ae; font-size: .92rem; margin-bottom: 12px; }
.article-title { font-size: 2.8rem; line-height: 1.2; color: var(--gold-2); margin-bottom: 18px; font-weight: 900; }
.article-cover { width: 100%; max-height: 470px; object-fit: cover; border-radius: 18px; margin: 0 0 26px; }
.article-content { color: #e4ebe5; font-size: 1.02rem; line-height: 1.9; }
.article-content h2, .article-content h3 { color: #f6f7f3; line-height: 1.3; margin-top: 28px; margin-bottom: 12px; }
.article-content p, .article-content ul, .article-content ol { margin: 14px 0; }
.article-content a { color: var(--gold-2); }
.article-content ul, .article-content ol { padding-left: 22px; }
.footer {
    margin-top: 24px; padding: 36px 0 44px; border-top: 1px solid rgba(212,175,55,.12);
    background: linear-gradient(180deg, rgba(7,21,15,.2), rgba(7,21,15,.58));
}
.footer-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 22px; }
.footer h3 { color: var(--gold-2); margin-bottom: 14px; font-size: 1.1rem; }
.footer p, .footer li, .footer a { color: var(--muted); font-size: .95rem; line-height: 1.8; }
.footer ul { list-style: none; }
.footer-note { margin-top: 22px; padding-top: 18px; border-top: 1px solid rgba(212,175,55,.08); text-align: center; color: #96a89b; font-size: .9rem; }
@media (max-width: 1100px) {
    .nav-links-extended { display: none; }
    .mobile-menu-toggle { display: inline-block; }
    .hero h1, .article-title { font-size: 2.55rem; }
    .advantage-grid, .review-grid, .blog-grid, .feature-grid, .hero-stats, .kpi-grid, .cta-highlights { grid-template-columns: repeat(2, 1fr); }
    .split-grid, .footer-grid { grid-template-columns: 1fr; }
    .rtp-row { grid-template-columns: 1fr; }
    .rtp-col { border-right: 0; border-bottom: 1px solid rgba(212,175,55,.08); }
}
@media (max-width: 768px) {
    .main { margin-top: 78px; }
    .nav { flex-wrap: wrap; }
    .nav-actions { width: 100%; justify-content: center; }
    .hero { padding: 28px 0 40px; }
    .hero h1, .page-hero h1, .article-title { font-size: 2rem; }
    .hero-description { padding: 18px; }
    .btn-hero { width: 100%; min-width: 0; }
    .advantage-grid, .review-grid, .blog-grid, .feature-grid, .hero-stats, .kpi-grid, .cta-highlights { grid-template-columns: 1fr; }
    .article-shell, .blog-shell, .cta-card, .text-card, .steps-card { padding: 20px; }
}

/* reviews start */
.review-distribution-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

.distribution-card {
    background: linear-gradient(180deg, rgba(16,36,27,.92), rgba(10,22,17,.95));
    border: 1px solid rgba(212,175,55,.12);
    border-radius: 16px;
    padding: 18px 20px;
    box-shadow: var(--shadow);
}

.distribution-top {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    color: #f3f6f2;
    font-weight: 700;
}

.distribution-bar {
    height: 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    overflow: hidden;
}

.distribution-bar span {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--gold), var(--gold-2));
}

.user-reviews-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.user-review-card {
    background: linear-gradient(180deg, rgba(16,36,27,.92), rgba(10,22,17,.95));
    border: 1px solid rgba(212,175,55,.12);
    border-radius: 18px;
    padding: 22px;
    box-shadow: var(--shadow);
}

.user-review-top {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 16px;
}

.user-review-avatar {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(212,175,55,.2);
    background: #0f1d16;
}

.user-review-head {
    flex: 1;
}

.user-review-name {
    font-weight: 800;
    color: #f5f7f3;
    margin-bottom: 4px;
}

.user-review-meta {
    color: var(--muted);
    font-size: .86rem;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.user-review-rating {
    font-weight: 800;
    color: var(--gold-2);
    white-space: nowrap;
}

.user-review-card h3 {
    font-size: 1.08rem;
    line-height: 1.35;
    margin-bottom: 10px;
    color: #f7f7f1;
}

.user-review-card p {
    color: var(--muted);
    font-size: .96rem;
    line-height: 1.8;
}

.review-topic-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.review-topic-card {
    background: linear-gradient(180deg, rgba(16,36,27,.92), rgba(10,22,17,.95));
    border: 1px solid rgba(212,175,55,.12);
    border-radius: 18px;
    padding: 22px;
    box-shadow: var(--shadow);
}

.review-topic-card h3 {
    color: #f7f7f1;
    font-size: 1.15rem;
    margin-bottom: 10px;
}

.review-topic-score {
    color: var(--gold-2);
    font-weight: 900;
    font-size: 1.4rem;
    margin-bottom: 10px;
}

.review-topic-card p {
    color: var(--muted);
    line-height: 1.8;
}

.featured-reviews-list {
    display: grid;
    gap: 18px;
}

.featured-review-card {
    background: linear-gradient(180deg, rgba(16,36,27,.92), rgba(10,22,17,.95));
    border: 1px solid rgba(212,175,55,.12);
    border-radius: 18px;
    padding: 24px;
    box-shadow: var(--shadow);
}

.featured-review-meta {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 10px;
    color: var(--muted);
    font-size: .9rem;
}

.featured-review-card h3 {
    color: #f7f7f1;
    margin-bottom: 12px;
    font-size: 1.16rem;
}

.featured-review-card p {
    color: var(--muted);
    line-height: 1.9;
}

.review-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.review-tags span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 999px;
    background: rgba(16,36,27,.92);
    border: 1px solid rgba(212,175,55,.12);
    color: #eef4ef;
    font-size: .92rem;
    box-shadow: var(--shadow);
}

@media (max-width: 1100px) {
    .user-reviews-grid,
    .review-topic-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .user-reviews-grid,
    .review-topic-grid {
        grid-template-columns: 1fr;
    }
}
/* reviews end */

.method-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:18px;
}

.method-card{
    background: linear-gradient(180deg, rgba(16,36,27,.92), rgba(10,22,17,.95));
    border: 1px solid rgba(212,175,55,.12);
    border-radius: 18px;
    padding: 22px;
    box-shadow: var(--shadow);
}

.method-card h3{
    font-size: 1.16rem;
    color: #f7f7f1;
    margin-bottom: 12px;
    line-height: 1.35;
}

.method-card p{
    color: var(--muted);
    font-size: .98rem;
    line-height: 1.8;
}

@media (max-width: 1100px){
    .method-grid{
        grid-template-columns:repeat(2, 1fr);
    }
}

@media (max-width: 768px){
    .method-grid{
        grid-template-columns:1fr;
    }
}

/* ========== Footer cleanup v1 ========== */
.footer-grid-secondary{
    display: grid;
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid rgba(212,175,55,.12);
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.footer-grid-secondary h3{
    margin-bottom: 10px;
    color: #f7f7f1;
    font-size: 1.02rem;
}

.footer-grid-secondary p{
    color: var(--muted);
    line-height: 1.8;
    font-size: .96rem;
    margin: 0;
}

.footer-badges{
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid rgba(212,175,55,.10);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.footer-badge-group{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-badge-label{
    font-size: .9rem;
    color: rgba(255,255,255,.72);
    letter-spacing: .04em;
    text-transform: uppercase;
}

.footer-badge-list{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.pay-badge,
.icon-badge{
    min-height: 38px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(212,175,55,.16);
    background: rgba(255,255,255,.03);
    color: #f6f4ea;
    font-size: .88rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all .2s ease;
}

.pay-badge:hover,
.icon-badge:hover{
    background: rgba(212,175,55,.08);
    border-color: rgba(212,175,55,.28);
    transform: translateY(-1px);
}

.badge-18{
    font-weight: 700;
    color: #ffdf7a;
}

.badge-svg{
    width: 16px;
    height: 16px;
    display: block;
    flex: 0 0 16px;
}

.footer-note{
    margin-top: 26px;
    padding-top: 18px;
    border-top: 1px solid rgba(212,175,55,.10);
    color: rgba(255,255,255,.66);
    font-size: .92rem;
    line-height: 1.8;
    text-align: center;
}

.footer-sep{
    display: inline-block;
    margin: 0 10px;
    color: rgba(212,175,55,.45);
}

.footer ul li{
    color: var(--muted);
    line-height: 1.8;
}

.footer ul li + li{
    margin-top: 6px;
}

@media (max-width: 1024px){
    .footer-grid-secondary{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px){
    .footer-badges{
        grid-template-columns: 1fr;
    }

    .footer-note{
        text-align: left;
    }

    .footer-sep{
        margin: 0 6px;
    }
}


/* Home added modules patch v1 */

/* methodology cards */
.why-choose .advantage-grid{
    margin-top: 22px;
}

.why-choose .advantage-grid .feature-card,
.why-choose .advantage-grid .advantage-card{
    min-height: 100%;
    padding: 22px 22px 20px;
    border-radius: 18px;
}

.why-choose .advantage-grid .feature-card h3,
.why-choose .advantage-grid .advantage-card h3{
    margin-bottom: 10px;
    font-size: 1.08rem;
    line-height: 1.4;
}

.why-choose .advantage-grid .feature-card p,
.why-choose .advantage-grid .advantage-card p{
    line-height: 1.78;
    font-size: .96rem;
}

/* rtp block */
.rtp-table-section{
    padding-top: 10px;
}

.rtp-table-section .rtp-table{
    margin-top: 10px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: var(--shadow);
}

.rtp-table-section .rtp-row{
    align-items: stretch;
}

.rtp-table-section .rtp-col{
    display: flex;
    align-items: center;
    min-height: 72px;
    padding: 18px 14px;
    line-height: 1.65;
}

/* extra html blocks under pix/app */
.pix-section > .text-card,
.app-section > .text-card,
.pix-section > .steps-card,
.app-section > .steps-card{
    margin-top: 18px;
}

.pix-section > .text-card,
.app-section > .text-card{
    padding: 24px;
    border-radius: 20px;
}

.pix-section > .text-card h3,
.app-section > .text-card h3{
    margin-bottom: 12px;
    font-size: 1.15rem;
    line-height: 1.4;
}

.pix-section > .text-card p,
.app-section > .text-card p{
    line-height: 1.82;
    font-size: .98rem;
}

.pix-section > .text-card + .text-card,
.app-section > .text-card + .text-card{
    margin-top: 14px;
}

/* split content cards from new fields */
.pix-section .split-grid .text-card,
.app-section .split-grid .text-card,
.app-section .split-grid .steps-card,
.why-choose .split-grid .text-card{
    padding: 26px;
    border-radius: 22px;
}

.pix-section .split-grid .text-card h3,
.app-section .split-grid .steps-card h3,
.why-choose .split-grid .text-card h3{
    font-size: 1.24rem;
    margin-bottom: 12px;
    line-height: 1.4;
}

.pix-section .split-grid .text-card p,
.app-section .split-grid .steps-card p,
.why-choose .split-grid .text-card p{
    line-height: 1.85;
    font-size: .99rem;
}

/* lists inside added blocks */
.pix-section .step-list,
.app-section .step-list,
.responsible-gambling .step-list,
.why-choose .step-list{
    margin-top: 14px;
}

.pix-section .step-list li,
.app-section .step-list li,
.responsible-gambling .step-list li,
.why-choose .step-list li{
    margin: 12px 0;
    padding-left: 32px;
    line-height: 1.72;
}

/* KPI added module */
.kpi-section{
    padding-top: 8px;
}

.kpi-section > .rtp-row,
.kpi-section > .kpi-grid,
.kpi-section > .text-card{
    margin-top: 12px;
}

.kpi-section > .rtp-row,
.kpi-section > .rtp-grid,
.kpi-section > .kpi-grid{
    border-radius: 20px;
    overflow: hidden;
    box-shadow: var(--shadow);
}

.kpi-section .rtp-row .rtp-col{
    min-height: 70px;
    display: flex;
    align-items: center;
}

/* responsible module */
.responsible-gambling{
    padding-top: 8px;
}

.responsible-gambling > .text-card{
    margin-top: 14px;
    padding: 26px;
    border-radius: 22px;
}

.responsible-gambling > .text-card h3{
    font-size: 1.18rem;
    margin-bottom: 12px;
}

.responsible-gambling > .text-card p{
    line-height: 1.84;
    font-size: .98rem;
}

/* figure cards in added sections */
.why-choose .split-grid .figure-card,
.pix-section .split-grid .figure-card,
.app-section .split-grid .figure-card{
    padding: 12px;
    border-radius: 22px;
    overflow: hidden;
}

.why-choose .split-grid .figure-card img,
.pix-section .split-grid .figure-card img,
.app-section .split-grid .figure-card img{
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 16px;
}

.why-choose .split-grid.why-choose-grid{
    grid-template-columns: .72fr 1.28fr;
}

/* mobile tune only for added modules */
@media (max-width: 768px){
    .why-choose .advantage-grid .feature-card,
    .why-choose .advantage-grid .advantage-card,
    .pix-section > .text-card,
    .app-section > .text-card,
    .responsible-gambling > .text-card,
    .pix-section .split-grid .text-card,
    .app-section .split-grid .steps-card,
    .why-choose .split-grid .text-card{
        padding: 20px;
    }

    .rtp-table-section .rtp-col,
    .kpi-section .rtp-row .rtp-col{
        min-height: auto;
        padding: 14px 14px;
    }
}

/* Visual refresh v2: nav density, hero impact, table/card layers, CTA tone */
.topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:10px 0 8px;
    border-bottom:1px solid rgba(212,175,55,.08);
    color:rgba(245,247,243,.78);
    font-size:.78rem;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.topbar-note{
    color:rgba(240,201,106,.92);
    font-weight:700;
}

.topbar-items,
.nav-subline{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.topbar-items span,
.nav-subline span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid rgba(212,175,55,.12);
    background:rgba(255,255,255,.025);
}

.header{
    background:
        linear-gradient(180deg, rgba(6,16,12,.98), rgba(8,20,15,.94)),
        linear-gradient(135deg, rgba(7,21,15,.96), rgba(12,29,22,.96));
    border-bottom:1px solid rgba(212,175,55,.2);
    box-shadow:0 8px 30px rgba(0,0,0,.28);
}

.nav{
    padding:16px 0 12px;
}

.nav-links-extended a{
    padding:10px 13px;
    border-radius:12px;
    border:1px solid transparent;
}

.nav-links-extended a:hover,
.nav-links-extended a.current{
    background:linear-gradient(180deg, rgba(212,175,55,.12), rgba(212,175,55,.06));
    border-color:rgba(212,175,55,.16);
    box-shadow:inset 0 0 0 1px rgba(212,175,55,.06), 0 10px 18px rgba(0,0,0,.12);
}

.nav-subline{
    padding:0 0 12px;
    gap:10px;
}

.main{
    margin-top:138px;
}

.hero{
    position:relative;
    padding:46px 0 60px;
}

.hero::before{
    content:'';
    position:absolute;
    inset:0;
    border-radius:28px;
    background:
        radial-gradient(circle at 20% 18%, rgba(212,175,55,.12), transparent 24%),
        radial-gradient(circle at 80% 18%, rgba(0,194,122,.12), transparent 24%);
    pointer-events:none;
}

.hero > *{
    position:relative;
    z-index:1;
}

.hero h1{
    font-size:3.5rem;
    line-height:1.08;
    letter-spacing:.01em;
}

.hero-description{
    max-width:1080px;
    padding:24px 26px;
    border-radius:22px;
    background:linear-gradient(180deg, rgba(18,42,31,.9), rgba(11,24,18,.96));
    border:1px solid rgba(212,175,55,.18);
    box-shadow:0 22px 60px rgba(0,0,0,.22);
}

.hero-description p{
    color:#c9d5cc;
    line-height:1.9;
}

.btn-hero{
    padding:15px 22px;
    box-shadow:0 16px 30px rgba(0,0,0,.2);
}

.btn-hero:hover{
    box-shadow:0 20px 34px rgba(0,0,0,.26);
}

.btn-primary{
    background:linear-gradient(135deg, #f2cf75, var(--gold));
}

.btn-secondary{
    background:linear-gradient(135deg, #1a4a35, #10281d);
    border-color:rgba(212,175,55,.22);
}

.btn-warning{
    background:linear-gradient(135deg, #169766, #0f6d49);
}

.hero-banner{
    max-width:1100px;
    border-radius:28px;
    padding:18px;
    border:1px solid rgba(212,175,55,.18);
    box-shadow:0 26px 70px rgba(0,0,0,.24);
}

.banner-image{
    width:72%;
    border-radius:22px;
}

.stat-box,
.advantage-card,
.review-card,
.blog-card,
.feature-card,
.kpi-card,
.info-card,
.figure-card,
.text-card,
.steps-card,
.kpi-grid,
.cta-card,
.article-shell,
.blog-shell{
    border-color:rgba(212,175,55,.14);
    box-shadow:0 18px 36px rgba(0,0,0,.2);
}

.advantage-card,
.review-card,
.blog-card,
.feature-card,
.kpi-card,
.info-card{
    border-radius:20px;
    background:linear-gradient(180deg, rgba(18,40,30,.96), rgba(10,22,17,.98));
}

.figure-card,
.text-card,
.steps-card,
.kpi-grid,
.cta-card,
.article-shell,
.blog-shell{
    border-radius:22px;
    background:linear-gradient(180deg, rgba(18,40,30,.96), rgba(10,22,17,.98));
}

.rtp-table{
    border-radius:22px;
    border:1px solid rgba(212,175,55,.16);
    box-shadow:0 20px 40px rgba(0,0,0,.22);
}

.rtp-row{
    background:rgba(10,22,17,.96);
}

.rtp-row:nth-child(even){
    background:rgba(14,31,23,.98);
}

.rtp-header{
    background:linear-gradient(135deg, #1a563d, #123427);
}

.rtp-col{
    padding:17px 15px;
}

.cta-section{
    padding:24px 0 58px;
}

.cta-card{
    padding:38px 28px;
    background:
        radial-gradient(circle at 18% 18%, rgba(212,175,55,.12), transparent 26%),
        radial-gradient(circle at 82% 22%, rgba(0,194,122,.12), transparent 26%),
        linear-gradient(180deg, rgba(20,44,32,.98), rgba(9,20,15,.99));
}

.cta-card h2{
    font-size:2.3rem;
    line-height:1.18;
}

.cta-highlight{
    background:rgba(8,20,15,.56);
    border:1px solid rgba(212,175,55,.14);
    border-radius:18px;
}

@media (max-width: 768px){
    .topbar,
    .nav-subline{
        display:none;
    }

    .main{
        margin-top:92px;
    }
}

/* Visual refine v3: typography rhythm, label hierarchy, mobile compacting */
.section-title,
.cta-card h2,
.page-hero h1,
.article-title{
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    text-wrap: balance;
}

.section-lead,
.hero-description p,
.cta-card p{
    text-wrap: pretty;
}

.logo-text{
    letter-spacing: .06em;
    text-transform: uppercase;
    font-size: 1.18rem;
}

.nav-links-extended a,
.nav-subline span,
.topbar-items span{
    font-weight: 700;
}

.advantage-card,
.review-card,
.feature-card,
.text-card,
.steps-card,
.faq-item,
.stat-box,
.cta-highlight,
.kpi-card{
    position: relative;
    overflow: hidden;
}

.advantage-card::before,
.review-card::before,
.feature-card::before,
.text-card::before,
.steps-card::before,
.faq-item::before,
.stat-box::before,
.cta-highlight::before,
.kpi-card::before{
    content: '';
    position: absolute;
    inset: 0 0 auto 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(212,175,55,.0), rgba(212,175,55,.45), rgba(212,175,55,.0));
}

.advantage-icon{
    width: 58px;
    height: 58px;
    border-radius: 18px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 24px rgba(0,0,0,.16);
    font-size: 1.12rem;
    font-weight: 900;
    color: var(--gold-2);
}

.advantage-card h3,
.review-card h3,
.feature-card h3,
.faq-item h3,
.text-card h3,
.steps-card h3{
    letter-spacing: .01em;
}

.review-card h3::before,
.faq-item h3::before{
    content: 'Destaque';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 4px 10px;
    margin: 0 0 12px;
    border-radius: 999px;
    background: rgba(212,175,55,.12);
    border: 1px solid rgba(212,175,55,.16);
    color: var(--gold-2);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.faq-item h3::before{
    content: 'FAQ';
}

.rtp-header .rtp-col{
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: .82rem;
}

.rtp-col{
    font-size: .93rem;
}

.kpi-card{
    background: linear-gradient(180deg, rgba(10,24,18,.82), rgba(8,20,15,.98));
}

.kpi-card .kpi-label,
.stat-label,
.cta-highlight{
    line-height: 1.6;
}

.cta-highlight strong{
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: .84rem;
}

.faq-list{
    gap: 18px;
}

@media (max-width: 1100px){
    .hero h1{
        font-size: 2.9rem;
    }

    .banner-image{
        width: 86%;
    }
}

@media (max-width: 768px){
    .container{
        padding: 0 16px;
    }

    .header{
        box-shadow: 0 6px 20px rgba(0,0,0,.22);
    }

    .nav{
        gap: 12px;
        padding: 12px 0 10px;
    }

    .logo{
        gap: 10px;
    }

    .logo-circle{
        width: 42px;
        height: 42px;
    }

    .logo-circle img{
        width: 34px;
        height: 34px;
    }

    .logo-text{
        font-size: 1rem;
    }

    .nav-actions{
        gap: 10px;
    }

    .nav-actions .btn{
        min-width: 0;
        padding: 10px 16px;
        font-size: .8rem;
    }

    .nav-links-extended{
        width: 100%;
        order: 4;
        justify-content: flex-start;
        padding: 12px;
        border-radius: 18px;
        background: linear-gradient(180deg, rgba(15,35,26,.98), rgba(8,20,15,.98));
        border: 1px solid rgba(212,175,55,.12);
        box-shadow: 0 16px 30px rgba(0,0,0,.18);
    }

    .nav-links-extended a{
        width: 100%;
        justify-content: flex-start;
        padding: 12px 14px;
    }

    .hero{
        padding: 24px 0 36px;
    }

    .hero h1,
    .page-hero h1,
    .article-title{
        font-size: 1.9rem;
        line-height: 1.12;
        margin-bottom: 18px;
    }

    .hero-description{
        padding: 18px 18px;
        border-radius: 18px;
        margin-bottom: 20px;
    }

    .hero-description p,
    .section-lead,
    .cta-card p{
        font-size: .95rem;
        line-height: 1.78;
    }

    .hero-buttons{
        gap: 10px;
        margin-bottom: 20px;
    }

    .hero-banner{
        padding: 12px;
        border-radius: 20px;
        margin-bottom: 24px;
    }

    .banner-image{
        width: 100%;
        border-radius: 16px;
    }

    .section{
        padding: 18px 0 34px;
    }

    .section-title,
    .cta-card h2{
        font-size: 1.72rem;
        line-height: 1.18;
        margin-bottom: 12px;
    }

    .advantage-card,
    .review-card,
    .feature-card,
    .text-card,
    .steps-card,
    .faq-item,
    .kpi-card,
    .stat-box,
    .cta-highlight{
        border-radius: 18px;
    }

    .advantage-icon{
        width: 52px;
        height: 52px;
        border-radius: 16px;
        margin-bottom: 12px;
    }

    .rtp-table,
    .cta-card,
    .figure-card,
    .text-card,
    .steps-card,
    .kpi-grid{
        border-radius: 18px;
    }

    .cta-card{
        padding: 26px 18px;
    }

    .cta-highlights{
        margin-top: 18px;
        gap: 10px;
    }
}

.hero{
    position: relative;
    overflow: hidden;
}

.hero::after{
    content: '';
    position: absolute;
    top: 24px;
    right: -80px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(212,175,55,.18), rgba(212,175,55,0));
    pointer-events: none;
}

.split-grid{
    align-items: stretch;
}

.figure-card{
    min-height: 340px;
    overflow: hidden;
}

.figure-card img{
    width: 100%;
    height: 100%;
    min-height: 340px;
    object-fit: cover;
    object-position: center;
}

.hero-banner{
    overflow: hidden;
}

.hero-banner .banner-image{
    display: block;
    aspect-ratio: 16 / 7;
    object-fit: cover;
    object-position: center;
}

.cta-actions .btn-hero,
.hero-buttons .btn-hero{
    min-width: 168px;
    justify-content: center;
}

@media (max-width: 768px){
    .hero::after{
        width: 220px;
        height: 220px;
        top: 12px;
        right: -70px;
    }

    .figure-card,
    .figure-card img{
        min-height: 220px;
    }

    .hero-banner .banner-image{
        aspect-ratio: 16 / 10;
    }

    .cta-actions .btn-hero,
    .hero-buttons .btn-hero{
        min-width: 0;
    }
}

/* Sci-fi theme override */
:root{
    --bg-1:#050816;
    --bg-2:#091126;
    --bg-3:#10193a;
    --panel:#0c1530;
    --panel-2:#121d3f;
    --line:rgba(78,227,255,.18);
    --text:#eef6ff;
    --muted:#9fb3d1;
    --gold:#57d8ff;
    --gold-2:#9cf7ff;
    --green:#8a5cff;
    --green-2:#5c7bff;
    --shadow:0 18px 45px rgba(3,8,24,.42);
}

body{
    background:
        radial-gradient(circle at 16% 18%, rgba(87,216,255,.12), transparent 24%),
        radial-gradient(circle at 80% 22%, rgba(138,92,255,.15), transparent 28%),
        radial-gradient(circle at 50% 82%, rgba(28,255,195,.10), transparent 26%),
        linear-gradient(140deg, #040713 0%, #091126 28%, #101938 62%, #050814 100%);
}

.header{
    background: linear-gradient(135deg, rgba(4,8,20,.94), rgba(8,16,38,.94));
    border-bottom: 1px solid rgba(87,216,255,.14);
    box-shadow: 0 10px 30px rgba(2,8,22,.32);
}

.topbar{
    border-bottom-color: rgba(87,216,255,.10);
}

.topbar-note{
    color:#8fefff;
}

.topbar-items span,
.nav-links-extended a{
    border-color: rgba(87,216,255,.12);
}

.nav-links-extended a:hover,
.nav-links-extended a.current{
    background: linear-gradient(135deg, rgba(87,216,255,.14), rgba(138,92,255,.16));
    color: #e6fdff;
    box-shadow: inset 0 0 0 1px rgba(87,216,255,.24), 0 0 18px rgba(87,216,255,.08);
}

.logo-circle{
    background: linear-gradient(135deg, #61e2ff, #6f84ff);
    box-shadow: 0 0 28px rgba(87,216,255,.30);
}

.logo-text,
.section-title,
.cta-card h2,
.page-hero h1,
.article-title,
.hero h1,
.stat-value,
.kpi-card .kpi-value{
    color: #9cf7ff;
    text-shadow: 0 0 18px rgba(87,216,255,.18);
}

.btn-primary-top,
.btn-primary{
    background: linear-gradient(135deg, #62e0ff, #6d8dff);
    color: #07111f;
    box-shadow: 0 12px 28px rgba(87,216,255,.22);
}

.btn-green,
.btn-warning{
    background: linear-gradient(135deg, #8d58ff, #4ce3ff);
    color: #f5f8ff;
    box-shadow: 0 12px 28px rgba(118,101,255,.24);
}

.btn-secondary{
    background: linear-gradient(135deg, rgba(16,33,72,.98), rgba(10,23,48,.98));
    border-color: rgba(87,216,255,.18);
    color: #ecf8ff;
}

.hero::before{
    background:
        radial-gradient(circle at 18% 22%, rgba(87,216,255,.18), transparent 0 48%),
        radial-gradient(circle at 82% 32%, rgba(138,92,255,.16), transparent 0 44%);
}

.hero::after{
    background: radial-gradient(circle, rgba(87,216,255,.20), rgba(87,216,255,0));
}

.hero-description,
.hero-banner,
.advantage-card,
.review-card,
.blog-card,
.feature-card,
.kpi-card,
.info-card,
.figure-card,
.text-card,
.steps-card,
.cta-card,
.article-shell,
.blog-shell,
.faq-item,
.rtp-table{
    background: linear-gradient(180deg, rgba(10,20,44,.92), rgba(6,12,28,.96));
    border-color: rgba(87,216,255,.14);
    box-shadow: 0 18px 42px rgba(4,8,24,.35);
}

.advantage-card::before,
.review-card::before,
.feature-card::before,
.text-card::before,
.steps-card::before,
.faq-item::before,
.cta-card::before{
    background: linear-gradient(90deg, #5ce2ff, #8d58ff);
}

.advantage-icon{
    background: linear-gradient(135deg, rgba(87,216,255,.18), rgba(138,92,255,.18));
    border-color: rgba(87,216,255,.18);
    box-shadow: inset 0 0 20px rgba(87,216,255,.06);
}

.rtp-header{
    background: linear-gradient(135deg, #10295e, #13204b);
}

.rtp-high{
    color:#7fffe0;
}

.cta-highlight{
    background: linear-gradient(180deg, rgba(12,24,52,.88), rgba(8,14,32,.96));
    border-color: rgba(87,216,255,.16);
    color:#dfeeff;
}

.cta-highlight strong,
.review-card h3::before,
.faq-item h3::before{
    color:#9cf7ff;
}

.review-card h3::before,
.faq-item h3::before{
    background: rgba(87,216,255,.10);
    border-color: rgba(87,216,255,.14);
}

.step-list li::before{
    background: linear-gradient(135deg, #5ce2ff, #8d58ff);
    color:#06111f;
}

.pagination span,
.pagination a:hover{
    background: linear-gradient(135deg, #61e1ff, #7b6fff);
    color:#07111f;
}

.article-content a,
.blog-card h2 a:hover{
    color:#9cf7ff;
}

/* Neon esports override */
:root{
    --bg-1:#030512;
    --bg-2:#090d25;
    --bg-3:#140a2c;
    --panel:#090f26;
    --panel-2:#111735;
    --line:rgba(112,213,255,.22);
    --text:#f2f6ff;
    --muted:#aeb8dc;
    --gold:#67d9ff;
    --gold-2:#b3f5ff;
    --green:#8b62ff;
    --green-2:#ff4fd8;
    --shadow:0 18px 52px rgba(2,4,16,.52);
}

body{
    background:
        radial-gradient(circle at 18% 24%, rgba(53,99,255,.24), transparent 26%),
        radial-gradient(circle at 72% 22%, rgba(255,79,216,.22), transparent 24%),
        radial-gradient(circle at 50% 46%, rgba(104,218,255,.14), transparent 28%),
        linear-gradient(125deg, #02040f 0%, #060a1d 24%, #0f1031 56%, #1b0a27 100%);
}

body::before{
    content:'';
    position:fixed;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
    background-size: 32px 32px;
    mask-image: linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,.08));
    opacity:.16;
}

.header{
    background:
        linear-gradient(135deg, rgba(4,6,20,.94), rgba(11,13,34,.94)),
        linear-gradient(90deg, rgba(103,217,255,.08), rgba(255,79,216,.08));
    border-bottom:1px solid rgba(103,217,255,.18);
    box-shadow: 0 12px 36px rgba(0,0,0,.35);
}

.header::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:1px;
    background:linear-gradient(90deg, transparent, #68daff, #ff4fd8, transparent);
    opacity:.7;
}

.topbar-note{
    color:#baf6ff;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-size:.74rem;
}

.topbar-items span{
    background: rgba(13,20,45,.76);
    border-color: rgba(103,217,255,.16);
    box-shadow: inset 0 0 0 1px rgba(255,79,216,.05);
}

.logo-circle{
    background:
        linear-gradient(135deg, #66dcff, #6d73ff 55%, #ff5c8f 100%);
    box-shadow:
        0 0 0 1px rgba(179,245,255,.18),
        0 0 26px rgba(103,217,255,.28),
        0 0 40px rgba(255,79,216,.14);
}

.logo-text{
    color:#fff3a8;
    text-shadow: 0 0 18px rgba(255,214,102,.15);
}

.nav-links-extended a{
    position:relative;
    border:1px solid transparent;
    border-radius: 10px 18px 10px 18px;
}

.nav-links-extended a::after{
    content:'';
    position:absolute;
    left:12px;
    right:12px;
    bottom:6px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(103,217,255,.8), transparent);
    opacity:0;
    transition:.25s ease;
}

.nav-links-extended a:hover::after,
.nav-links-extended a.current::after{
    opacity:1;
}

.nav-links-extended a:hover,
.nav-links-extended a.current{
    background: linear-gradient(135deg, rgba(35,55,125,.34), rgba(92,39,132,.26));
    border-color: rgba(103,217,255,.2);
    color:#f7fcff;
    box-shadow:
        inset 0 0 0 1px rgba(103,217,255,.18),
        0 0 22px rgba(103,217,255,.08),
        0 0 16px rgba(255,79,216,.06);
}

.btn,
.btn-hero{
    clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
    border-radius: 0;
    position: relative;
    overflow: hidden;
}

.btn::before,
.btn-hero::before{
    content:'';
    position:absolute;
    inset:1px;
    background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,0));
    pointer-events:none;
}

.btn-primary-top,
.btn-primary{
    background: linear-gradient(135deg, #71e0ff 0%, #4f74ff 54%, #ab52ff 100%);
    box-shadow:
        0 12px 28px rgba(74,115,255,.24),
        0 0 22px rgba(103,217,255,.16);
}

.btn-green,
.btn-warning{
    background: linear-gradient(135deg, #ff5b68 0%, #ff4fd8 44%, #7b61ff 100%);
    box-shadow:
        0 12px 28px rgba(255,79,216,.22),
        0 0 22px rgba(255,91,104,.14);
}

.btn-secondary{
    background: linear-gradient(135deg, rgba(15,25,60,.98), rgba(19,12,46,.98));
    border-color: rgba(103,217,255,.16);
}

.hero{
    padding-top: 46px;
}

.hero::before{
    background:
        radial-gradient(circle at 18% 30%, rgba(83,114,255,.26), transparent 0 34%),
        radial-gradient(circle at 82% 26%, rgba(255,79,216,.24), transparent 0 32%),
        linear-gradient(115deg, rgba(103,217,255,.06), transparent 32%, rgba(255,79,216,.06) 68%, transparent 100%);
}

.hero::after{
    top: 16px;
    right: -30px;
    width: 440px;
    height: 320px;
    border-radius: 42% 58% 64% 36% / 44% 35% 65% 56%;
    background:
        radial-gradient(circle at 30% 50%, rgba(92,228,255,.24), rgba(92,228,255,0) 48%),
        radial-gradient(circle at 70% 34%, rgba(255,79,216,.22), rgba(255,79,216,0) 44%);
    filter: blur(4px);
}

.hero h1{
    letter-spacing:.03em;
    text-transform: uppercase;
    font-weight: 900;
    text-shadow:
        0 0 18px rgba(103,217,255,.18),
        0 0 36px rgba(255,79,216,.10);
}

.hero-description{
    background:
        linear-gradient(180deg, rgba(9,17,41,.92), rgba(7,10,28,.96));
    border-color: rgba(103,217,255,.16);
    box-shadow:
        0 16px 38px rgba(2,6,18,.40),
        inset 0 0 0 1px rgba(255,79,216,.04);
}

.hero-banner{
    background:
        linear-gradient(180deg, rgba(14,18,44,.80), rgba(8,10,28,.96));
    border-color: rgba(103,217,255,.16);
    position:relative;
}

.hero-banner::before{
    content:'';
    position:absolute;
    inset:0;
    background: linear-gradient(120deg, transparent 24%, rgba(103,217,255,.08) 42%, transparent 54%, rgba(255,79,216,.07) 72%, transparent 100%);
    pointer-events:none;
}

.hero-banner{
    display:grid;
    grid-template-columns:minmax(280px, 0.95fr) minmax(320px, 1.05fr);
    gap:28px;
    align-items:stretch;
}

.hero-banner-media{
    display:flex;
    align-items:stretch;
    position:relative;
    z-index:1;
}

.hero-banner-media .banner-image{
    width:100%;
    height:100%;
    min-height:340px;
    object-fit:cover;
    border-radius:18px 34px 18px 34px;
    border:1px solid rgba(103,217,255,.16);
    box-shadow:
        0 24px 48px rgba(2,6,18,.38),
        0 0 22px rgba(103,217,255,.10);
}

.hero-banner-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:14px;
    padding:24px 26px;
    border-radius:18px 34px 18px 34px;
    background:linear-gradient(180deg, rgba(9,18,49,.9), rgba(8,14,36,.82));
    border:1px solid rgba(104,196,255,.2);
    box-shadow:
        0 22px 54px rgba(4,10,34,.44),
        inset 0 1px 0 rgba(255,255,255,.05);
    text-align:left;
    position:relative;
    z-index:1;
}

.hero-banner-copy p{
    margin:0;
    color:rgba(232,241,255,.84);
    font-size:.99rem;
    line-height:1.82;
}

.hero-banner-copy a{
    color:#7cd6ff;
    font-weight:700;
    text-decoration:none;
}

.hero-banner-copy a:hover{
    color:#b17cff;
}

.feature-banner{
    margin-bottom:22px;
    padding:24px 28px;
    border-radius:18px 34px 18px 34px;
    background:
        linear-gradient(135deg, rgba(108,226,255,.18), rgba(109,115,255,.12) 55%, rgba(255,79,216,.16));
    border:1px solid rgba(103,217,255,.18);
    box-shadow:
        0 18px 42px rgba(4,10,34,.28),
        inset 0 0 0 1px rgba(255,255,255,.04);
    text-align:center;
}

.feature-banner h2{
    margin:0 0 10px;
    font-size:2rem;
    line-height:1.15;
    text-transform:uppercase;
    color:#dffcff;
    text-shadow:0 0 16px rgba(103,217,255,.18);
}

.feature-banner p{
    margin:0;
    color:rgba(232,241,255,.82);
    font-size:1rem;
    line-height:1.7;
}

.example-list{
    display:grid;
    gap:18px;
}

.example-item{
    display:grid;
    grid-template-columns:58px minmax(0, 1fr);
    gap:18px;
    align-items:start;
    padding:22px 24px;
    border-radius:18px 30px 18px 30px;
    background:
        linear-gradient(180deg, rgba(8,15,39,.94), rgba(6,8,24,.98));
    border:1px solid rgba(103,217,255,.14);
    box-shadow:
        0 18px 40px rgba(2,4,16,.42),
        inset 0 0 0 1px rgba(255,79,216,.03);
}

.example-icon{
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px 20px 14px 20px;
    background:
        radial-gradient(circle at 26% 22%, rgba(255,230,161,.22), transparent 0 34%),
        linear-gradient(145deg, #15110c, #090705 72%);
    color:#d9b15d;
    box-shadow:
        inset 0 0 0 1px rgba(244,212,136,.18),
        inset 0 0 18px rgba(209,164,76,.12),
        0 10px 18px rgba(0,0,0,.28),
        0 0 0 1px rgba(115,82,26,.22);
    position:relative;
    overflow:hidden;
}

.example-icon::before{
    content:'';
    position:absolute;
    inset:1px;
    border-radius:13px 19px 13px 19px;
    background:linear-gradient(160deg, rgba(255,241,199,.16), rgba(255,255,255,0) 42%, rgba(196,146,54,.08));
    pointer-events:none;
}

.example-icon::after{
    content:'';
    position:absolute;
    inset:-1px;
    border-radius:14px 20px 14px 20px;
    border:1px solid rgba(212,172,87,.28);
    box-shadow:0 0 10px rgba(212,172,87,.12);
    pointer-events:none;
}

.example-icon .badge-svg{
    width:48px;
    height:48px;
    flex:0 0 auto;
    max-width:none;
    max-height:none;
    filter: drop-shadow(0 2px 3px rgba(0,0,0,.35));
    position:relative;
    z-index:1;
    display:block;
    transform-origin:center;
}

.example-icon .badge-svg-shield{
    width:48px;
    height:48px;
}

.example-icon .badge-svg-panel,
.example-icon .badge-svg-lock,
.example-icon .badge-svg-star{
    width:48px;
    height:48px;
}

.example-copy h3{
    margin:0 0 10px;
    color:#f3fbff;
    font-size:1.18rem;
    line-height:1.35;
}

.example-copy p{
    margin:0;
    color:rgba(232,241,255,.78);
    line-height:1.8;
    font-size:.98rem;
}

.hero-stats .stat-box,
.advantage-card,
.review-card,
.blog-card,
.feature-card,
.kpi-card,
.figure-card,
.text-card,
.steps-card,
.cta-card,
.faq-item,
.rtp-table,
.article-shell,
.blog-shell{
    border-radius: 14px 26px 14px 26px;
    background:
        linear-gradient(180deg, rgba(8,15,39,.94), rgba(6,8,24,.98));
    border-color: rgba(103,217,255,.14);
    box-shadow:
        0 18px 40px rgba(2,4,16,.42),
        inset 0 0 0 1px rgba(255,79,216,.03);
}

.stat-box{
    position:relative;
}

.stat-box::before,
.advantage-card::before,
.review-card::before,
.feature-card::before,
.text-card::before,
.steps-card::before,
.faq-item::before,
.cta-card::before{
    background: linear-gradient(90deg, #6ce2ff, #6d73ff, #ff4fd8);
    box-shadow: 0 0 14px rgba(103,217,255,.22);
}

.advantage-icon{
    border-radius: 10px 18px 10px 18px;
    background: linear-gradient(135deg, rgba(93,225,255,.20), rgba(255,79,216,.16));
    box-shadow:
        inset 0 0 18px rgba(103,217,255,.08),
        0 0 18px rgba(103,217,255,.10);
}

.why-choose .advantage-card .advantage-icon{
    width: 58px;
    height: 58px;
    min-width: 58px;
    min-height: 58px;
    margin-bottom: 16px;
    border-radius: 14px;
    font-size: 2rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.pix-section .pix-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    gap: 30px;
    margin: 40px 0;
}

.pix-section .pix-card{
    background: linear-gradient(135deg, rgba(13, 20, 40, 0.7) 0%, rgba(16, 25, 53, 0.7) 100%);
    border: 1px solid rgba(52, 152, 219, 0.25);
    border-radius: 16px;
    padding: 35px 30px;
    backdrop-filter: blur(15px);
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(26, 84, 144, 0.2);
}

.pix-section .pix-card:hover{
    border-color: rgba(52, 152, 219, 0.5);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(26, 84, 144, 0.4), 0 0 40px rgba(52, 152, 219, 0.2);
}

.pix-section .pix-icon{
    font-size: 4em;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1;
    filter: drop-shadow(0 5px 15px rgba(240, 193, 89, 0.3));
}

.pix-section .pix-card h3{
    color: #3498db;
    font-size: 1.6em;
    font-weight: 700;
    margin-bottom: 25px;
    text-align: center;
    text-shadow: 0 0 20px rgba(52, 152, 219, 0.4);
}

.pix-section .pix-feature{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.pix-section .pix-label{
    color: #b8c3cf;
    font-size: 0.9em;
}

.pix-section .pix-value{
    color: #fff;
    font-weight: 600;
    text-align: right;
}

.pix-section .pix-value.highlight{
    color: #00d084;
    font-weight: 700;
}

.pix-section .pix-steps{
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.pix-section .pix-steps h4{
    color: #3498db;
    font-size: 1.1em;
    margin-bottom: 15px;
    text-shadow: 0 0 15px rgba(52, 152, 219, 0.4);
}

.pix-section .pix-steps ol{
    padding-left: 20px;
    color: #b8c3cf;
}

.pix-section .pix-steps li{
    margin-bottom: 8px;
    font-size: 0.9em;
    line-height: 1.6;
}

.pix-section .pix-info-box{
    background: linear-gradient(135deg, rgba(16, 25, 53, 0.6) 0%, rgba(13, 20, 40, 0.6) 100%);
    border: 1px solid rgba(52, 152, 219, 0.3);
    border-radius: 12px;
    padding: 25px;
    margin-top: 40px;
    box-shadow: 0 4px 15px rgba(26, 84, 144, 0.2), 0 0 30px rgba(52, 152, 219, 0.1);
}

.pix-section .pix-info-box h4{
    color: #3498db;
    font-size: 1.3em;
    margin-bottom: 12px;
    text-shadow: 0 0 20px rgba(52, 152, 219, 0.5);
}

.pix-section .pix-info-box p{
    color: #b8c3cf;
    line-height: 1.7;
    margin: 0;
}

@media (max-width: 900px){
    .pix-section .pix-grid{
        grid-template-columns: 1fr;
    }
}

.rtp-section .kpi-banner{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.rtp-section .kpi-item{
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 24px 20px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(13, 20, 40, 0.7) 0%, rgba(16, 25, 53, 0.7) 100%);
    border: 1px solid rgba(52, 152, 219, 0.22);
    box-shadow: 0 4px 15px rgba(26, 84, 144, 0.2);
    transition: all 0.3s ease;
}

.rtp-section .kpi-item:hover{
    border-color: rgba(52, 152, 219, 0.45);
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(26, 84, 144, 0.35), 0 0 32px rgba(52, 152, 219, 0.14);
}

.rtp-section .kpi-icon{
    flex: 0 0 auto;
    font-size: 2.3rem;
    line-height: 1;
    filter: drop-shadow(0 5px 15px rgba(240, 193, 89, 0.3));
}

.rtp-section .kpi-data{
    min-width: 0;
}

.rtp-section .kpi-number{
    color: #ffffff;
    font-size: 1.85rem;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 8px;
}

.rtp-section .kpi-label{
    color: #3498db;
    font-size: 0.98rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.rtp-section .kpi-trend{
    color: #b8c3cf;
    font-size: 0.9rem;
    line-height: 1.5;
}

.rtp-section .kpi-trend.positive{
    color: #00d084;
    font-weight: 700;
}

.kpi-section .kpi-banner{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.kpi-section .kpi-item{
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 24px 20px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(13, 20, 40, 0.7) 0%, rgba(16, 25, 53, 0.7) 100%);
    border: 1px solid rgba(52, 152, 219, 0.22);
    box-shadow: 0 4px 15px rgba(26, 84, 144, 0.2);
    transition: all 0.3s ease;
}

.kpi-section .kpi-item:hover{
    border-color: rgba(52, 152, 219, 0.45);
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(26, 84, 144, 0.35), 0 0 32px rgba(52, 152, 219, 0.14);
}

.kpi-section .kpi-icon{
    flex: 0 0 auto;
    font-size: 2.3rem;
    line-height: 1;
    filter: drop-shadow(0 5px 15px rgba(240, 193, 89, 0.3));
}

.kpi-section .kpi-data{
    min-width: 0;
}

.kpi-section .kpi-number{
    color: #ffffff;
    font-size: 1.85rem;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 8px;
}

.kpi-section .kpi-label{
    color: #3498db;
    font-size: 0.98rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.kpi-section .kpi-trend{
    color: #b8c3cf;
    font-size: 0.9rem;
    line-height: 1.5;
}

.kpi-section .kpi-trend.positive{
    color: #00d084;
    font-weight: 700;
}

@media (max-width: 1200px){
    .rtp-section .kpi-banner{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kpi-section .kpi-banner{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px){
    .rtp-section .kpi-banner{
        grid-template-columns: 1fr;
    }

    .kpi-section .kpi-banner{
        grid-template-columns: 1fr;
    }
}

.rtp-header{
    background: linear-gradient(135deg, #12265e, #1d1450 58%, #3b124e 100%);
}

.app-section .app-content{
    display:grid;
    grid-template-columns:minmax(0, 1.15fr) minmax(320px, .85fr);
    gap:28px;
    align-items:start;
}

.app-section .app-info,
.app-section .app-specs-table{
    background:linear-gradient(180deg, rgba(13,20,46,.9), rgba(8,12,30,.96));
    border:1px solid rgba(103,217,255,.16);
    border-radius:24px;
    padding:28px 26px;
    box-shadow:0 18px 40px rgba(0,0,0,.22);
}

.app-section .app-info h3,
.app-section .app-specs-table h3{
    margin:0 0 16px;
    font-size:1.4rem;
    line-height:1.35;
}

.app-section .app-info > p{
    margin:0 0 20px;
    color:rgba(232,241,255,.82);
    line-height:1.82;
}

.app-section .app-features-list{
    display:grid;
    gap:16px;
}

.app-section .app-feature-item{
    display:grid;
    grid-template-columns:56px minmax(0,1fr);
    gap:14px;
    align-items:start;
    padding:16px 0;
    border-top:1px solid rgba(103,217,255,.10);
}

.app-section .app-feature-item:first-child{
    border-top:0;
    padding-top:0;
}

.app-section .app-feature-icon{
    width:56px;
    height:56px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    font-size:1.6rem;
    background:linear-gradient(135deg, rgba(37,62,121,.78), rgba(90,54,138,.74));
    border:1px solid rgba(124,214,255,.18);
    box-shadow:0 10px 26px rgba(10,18,50,.34);
}

.app-section .app-feature-text h4{
    margin:0 0 6px;
    font-size:1.02rem;
}

.app-section .app-feature-text p{
    margin:0;
    color:rgba(232,241,255,.78);
    line-height:1.72;
}

.app-section .specs-table{
    width:100%;
    border-collapse:collapse;
    margin-top:8px;
}

.app-section .specs-table tr{
    border-top:1px solid rgba(103,217,255,.10);
}

.app-section .specs-table tr:first-child{
    border-top:0;
}

.app-section .spec-label,
.app-section .spec-value{
    padding:12px 0;
    vertical-align:top;
    line-height:1.6;
}

.app-section .spec-label{
    width:46%;
    color:rgba(232,241,255,.68);
    font-weight:600;
}

.app-section .spec-value{
    color:#f4f8ff;
    font-weight:700;
}

.app-section .app-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-top:24px;
}

.app-section .app-actions .btn{
    min-width:160px;
    text-align:center;
}

@media (max-width: 980px){
    .app-section .app-content{
        grid-template-columns:1fr;
    }
}

@media (max-width: 768px){
    .app-section .app-info,
    .app-section .app-specs-table{
        padding:22px 18px;
        border-radius:20px;
    }

    .app-section .app-feature-item{
        grid-template-columns:48px minmax(0,1fr);
        gap:12px;
    }

    .app-section .app-feature-icon{
        width:48px;
        height:48px;
        border-radius:15px;
        font-size:1.35rem;
    }
}

.rtp-col{
    border-right-color: rgba(103,217,255,.08);
}

.rtp-high{
    color:#9effe9;
    text-shadow: 0 0 12px rgba(72,255,215,.15);
}

.cta-highlight{
    border-radius: 12px 20px 12px 20px;
    background: linear-gradient(180deg, rgba(14,24,54,.90), rgba(7,11,28,.98));
}

.cta-highlight strong{
    color:#cbfbff;
    text-shadow: 0 0 12px rgba(103,217,255,.14);
}

.review-card h3::before,
.faq-item h3::before{
    background: linear-gradient(135deg, rgba(103,217,255,.12), rgba(255,79,216,.10));
    border-color: rgba(103,217,255,.12);
    color:#c7fbff;
}

.page-hero h1,
.article-title,
.section-title,
.cta-card h2{
    text-transform: uppercase;
    letter-spacing: .03em;
}

@media (max-width: 768px){
    body::before{
        background-size: 22px 22px;
        opacity:.10;
    }

    .hero::after{
        width: 240px;
        height: 200px;
        right:-40px;
        top:18px;
    }

    .hero-banner{
        grid-template-columns:1fr;
        gap:18px;
    }

    .hero-banner-copy{
        padding:20px 18px;
    }

    .hero-banner-media .banner-image{
        min-height:260px;
    }

    .example-item{
        grid-template-columns:1fr;
    }

    .feature-banner{
        padding:20px 18px;
    }

    .feature-banner h2{
        font-size:1.55rem;
    }

    .example-icon{
        width:58px;
        height:58px;
    }

    .example-icon .badge-svg{
        width:48px;
        height:48px;
    }

    .example-icon .badge-svg-shield{
        width:48px;
        height:48px;
    }

    .example-icon .badge-svg-panel,
    .example-icon .badge-svg-lock,
    .example-icon .badge-svg-star{
        width:48px;
        height:48px;
    }
}