.container.page-id-163,
.container.page-id-163 .content-wrap,
.container.page-id-163 .content-layout {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

.container.page-id-163 {
    --bs-gutter-x: 0;
}

.container.page-id-163 .article.page-article,
.container.page-id-163 .article.page-article.theme-box,
.container.page-id-163 .article.page-article.box-body {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.container.page-id-163 .wp-posts-content {
    margin: 0;
    padding: 0;
}

.snjyw-home {
    --snjyw-bg: #0e1117;
    --snjyw-panel: #161b24;
    --snjyw-panel-soft: #1d2430;
    --snjyw-text: #f5f7fb;
    --snjyw-muted: #aeb8c8;
    --snjyw-line: rgba(255, 255, 255, .12);
    --snjyw-accent: #22c55e;
    --snjyw-accent-2: #38bdf8;
    --snjyw-warm: #f59e0b;
    color: var(--snjyw-text);
    background: var(--snjyw-bg);
    margin: 0;
    overflow: hidden;
}

.snjyw-home *,
.snjyw-home *::before,
.snjyw-home *::after {
    box-sizing: border-box;
}

.snjyw-hero,
.snjyw-section {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
}

.snjyw-hero {
    min-height: 76vh;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
    gap: 48px;
    align-items: center;
    padding: 88px 0 64px;
}

.snjyw-eyebrow,
.snjyw-kicker {
    margin: 0 0 14px;
    color: var(--snjyw-accent);
    font-size: 14px;
    font-weight: 700;
}

.snjyw-hero h1 {
    margin: 0;
    font-size: clamp(42px, 6vw, 76px);
    line-height: 1.04;
    letter-spacing: 0;
}

.snjyw-lead {
    margin: 24px 0 0;
    max-width: 720px;
    color: var(--snjyw-muted);
    font-size: 18px;
    line-height: 1.9;
}

.snjyw-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}

.snjyw-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 22px;
    border: 1px solid var(--snjyw-line);
    border-radius: 8px;
    color: var(--snjyw-text);
    background: rgba(255, 255, 255, .06);
    text-decoration: none;
    font-weight: 700;
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.snjyw-button:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, .32);
    transform: translateY(-1px);
    text-decoration: none;
}

.snjyw-button--primary {
    color: #07110b;
    border-color: transparent;
    background: var(--snjyw-accent);
}

.snjyw-button--primary:hover {
    color: #07110b;
    background: #4ade80;
}

.snjyw-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
}

.snjyw-proof li {
    padding: 8px 12px;
    border: 1px solid var(--snjyw-line);
    border-radius: 999px;
    color: var(--snjyw-muted);
    background: rgba(255, 255, 255, .04);
    font-size: 13px;
}

.snjyw-hero__panel {
    min-width: 0;
}

.snjyw-console {
    border: 1px solid var(--snjyw-line);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(56, 189, 248, .14), transparent 38%),
        linear-gradient(165deg, rgba(34, 197, 94, .13), transparent 46%),
        var(--snjyw-panel);
    box-shadow: 0 30px 80px rgba(0, 0, 0, .34);
    padding: 22px;
}

.snjyw-console__bar {
    display: flex;
    gap: 8px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--snjyw-line);
}

.snjyw-console__bar span {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ef4444;
}

.snjyw-console__bar span:nth-child(2) {
    background: var(--snjyw-warm);
}

.snjyw-console__bar span:nth-child(3) {
    background: var(--snjyw-accent);
}

.snjyw-console__line {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 18px;
    align-items: center;
    margin: 18px 0 0;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    background: rgba(255, 255, 255, .045);
}

.snjyw-console__line strong {
    color: var(--snjyw-accent-2);
}

.snjyw-console__line span,
.snjyw-console__status {
    color: var(--snjyw-muted);
}

.snjyw-console__status {
    margin: 22px 0 0;
    padding: 14px 16px;
    border-left: 3px solid var(--snjyw-accent);
    background: rgba(34, 197, 94, .08);
    line-height: 1.7;
}

.snjyw-section {
    padding: 72px 0;
}

.snjyw-section__head {
    max-width: 760px;
    margin-bottom: 30px;
}

.snjyw-section__head h2 {
    margin: 0;
    font-size: clamp(28px, 3.2vw, 44px);
    line-height: 1.18;
    letter-spacing: 0;
}

.snjyw-section__head p:last-child {
    margin: 18px 0 0;
    color: var(--snjyw-muted);
    font-size: 17px;
    line-height: 1.85;
}

.snjyw-grid {
    display: grid;
    gap: 18px;
}

.snjyw-grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.snjyw-grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.snjyw-card,
.snjyw-list,
.snjyw-route a,
.snjyw-faq details {
    border: 1px solid var(--snjyw-line);
    border-radius: 8px;
    background: var(--snjyw-panel);
}

.snjyw-card {
    min-height: 220px;
    padding: 24px;
}

.snjyw-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 22px;
    border-radius: 8px;
    color: #07110b;
    background: var(--snjyw-accent);
    font-weight: 800;
}

.snjyw-card h3,
.snjyw-list h3 {
    margin: 0 0 12px;
    font-size: 20px;
    letter-spacing: 0;
}

.snjyw-card p,
.snjyw-list p,
.snjyw-faq p {
    margin: 0;
    color: var(--snjyw-muted);
    line-height: 1.82;
}

.snjyw-band {
    width: 100%;
    max-width: none;
    padding-left: max(16px, calc((100% - 1180px) / 2));
    padding-right: max(16px, calc((100% - 1180px) / 2));
    background: #121722;
}

.snjyw-list {
    padding: 22px;
    background: var(--snjyw-panel-soft);
}

.snjyw-route {
    display: grid;
    gap: 14px;
}

.snjyw-route a {
    display: grid;
    grid-template-columns: minmax(180px, 280px) 1fr;
    gap: 20px;
    padding: 20px 22px;
    color: var(--snjyw-text);
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease;
}

.snjyw-route a:hover {
    color: #fff;
    border-color: rgba(34, 197, 94, .55);
    transform: translateX(2px);
    text-decoration: none;
}

.snjyw-route strong {
    color: var(--snjyw-accent-2);
    font-size: 17px;
}

.snjyw-route span {
    color: var(--snjyw-muted);
    line-height: 1.75;
}

.snjyw-faq details {
    padding: 20px 22px;
    margin-top: 12px;
}

.snjyw-faq summary {
    cursor: pointer;
    color: var(--snjyw-text);
    font-size: 18px;
    font-weight: 700;
}

.snjyw-faq details p {
    margin-top: 14px;
}

@media (max-width: 900px) {
    .snjyw-hero {
        min-height: auto;
        grid-template-columns: 1fr;
        gap: 34px;
        padding-top: 68px;
    }

    .snjyw-grid--three,
    .snjyw-grid--two {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .snjyw-home {
        margin-top: -12px;
    }

    .snjyw-hero,
    .snjyw-section {
        width: min(100% - 24px, 1180px);
    }

    .snjyw-hero {
        padding: 52px 0 42px;
    }

    .snjyw-section {
        padding: 54px 0;
    }

    .snjyw-actions {
        display: grid;
    }

    .snjyw-button {
        width: 100%;
    }

    .snjyw-console__line,
    .snjyw-route a {
        grid-template-columns: 1fr;
        gap: 8px;
    }
}