@font-face { font-family: 'Bricolage Grotesque'; font-style: normal; font-weight: 200 800; font-stretch: 100%; font-display: swap;
  src: url(/wp-content/media/look/Bricolage_Grotesque_latin_0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Bricolage Grotesque'; font-style: normal; font-weight: 200 800; font-stretch: 100%; font-display: swap;
  src: url(/wp-content/media/look/Bricolage_Grotesque_latin-ext_0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Geist'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url(/wp-content/media/look/Geist_latin_0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Geist'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url(/wp-content/media/look/Geist_latin-ext_0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
html.sc-sys {
  --h-ink: 7, 0, 12;
  --h-text: #f4f1fa;
  --h-soft: #d9d4e6;
  --h-muted: #a8a2ba;
  --h-line: rgba(255, 255, 255, .09);
  --h-line-2: rgba(255, 255, 255, .18);
  --h-card: rgba(255, 255, 255, .035);
  --h-gold: #fcb900;
  --h-gold-hi: #ffc933;
  --h-gold-soft: rgba(252, 185, 0, .10);
  --h-gold-line: rgba(252, 185, 0, .34);
  --h-on-gold: #1a1408;
  --h-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --h-dw: 700;
  --h-dt: -0.03em;
  --h-ds: 1;
  --h-dst: 100%;
  --h-body: 'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --h-h1: clamp(2.25rem, 1.1rem + 2.3vw, 3.5rem);
  --h-h2: clamp(1.75rem, 1.2rem + 1.1vw, 2.5rem);
  --h-gap: 104px;
  --h-r: 16px;
}
@media (max-width: 767px) {
  html.sc-sys { --h-gap: 64px; }
}
html.sc-sys body { font-family: var(--h-body); -webkit-font-smoothing: antialiased; }
html.sc-sys #top-menu .sc-hdr-btn[href="/game-servers/"] { background: var(--h-gold) !important; border-color: var(--h-gold) !important; color: var(--h-on-gold) !important; font-weight: 700; }
html.sc-sys #top-menu .sc-hdr-btn[href="/game-servers/"]:hover { background: var(--h-gold-hi) !important; }
html.sc-sys #top-menu :is(#p-btn-acc, #p-btn-login, #p-btn-acc3) {
  background: transparent !important; border: 1px solid var(--h-line-2) !important; color: #fff !important; box-shadow: none !important;
}
html.sc-sys #top-menu :is(#p-btn-acc, #p-btn-login, #p-btn-acc3):hover { border-color: var(--h-gold) !important; color: var(--h-gold) !important; }
html.sc-sys .footer-supercraft { background: rgb(var(--h-ink)) !important; }
html.sc-sys .footer-supercraft::before { background: linear-gradient(90deg, rgba(252, 185, 0, 0), rgba(252, 185, 0, .45), rgba(252, 185, 0, 0)) !important; }
html.sc-sys .footer-supercraft::after { display: none !important; }
html.sc-sys #top-menu .sc-hdr-mobile-only.btn-primary { background: transparent !important; border: 1px solid var(--h-line-2) !important; color: #fff !important; box-shadow: none !important; }
html.sc-in main.page-wrapper { position: relative; z-index: 0; --sc-fade: 7, 0, 12; }
html.sc-in main.page-wrapper::before {
  content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; height: var(--sc-band, 560px); pointer-events: none;
  background-image:
    linear-gradient(180deg, rgba(var(--sc-fade), .55) 0, rgba(var(--sc-fade), .46) 120px, rgba(var(--sc-fade), .78) 62%, rgb(var(--sc-fade)) 96%),
    radial-gradient(ellipse 600px 250px at 50% 215px, rgba(var(--sc-fade), .5), rgba(var(--sc-fade), 0) 72%),
    var(--sc-scene);
  background-size: 100% 100%, 100% 100%, cover; background-position: center top, center top, var(--sc-scene-pos, center 40%); background-repeat: no-repeat;
}
@media (max-width: 767px) {
  html.sc-in main.page-wrapper::before { height: 420px; }
}
html.sc-in #about-main::after,
html.sc-in #ai-main::after { display: none; }
html.sc-in main.page-wrapper article { color: var(--h-muted); font-size: 16px; line-height: 1.65; }
html.sc-in article :is(h1, h2, h3, h4, h5) {
  font-family: var(--h-display); font-weight: var(--h-dw); font-stretch: var(--h-dst); letter-spacing: var(--h-dt); color: var(--h-text); text-wrap: balance;
}
html.sc-in article h1:not(:where(#dashboard-container *)) { font-size: calc(var(--h-h1) * var(--h-ds)) !important; line-height: 1.06 !important; text-shadow: 0 2px 24px rgba(0, 0, 0, .55); }
html.sc-in article h2:not(:where(#dashboard-container *)) { font-size: calc(var(--h-h2) * var(--h-ds)) !important; line-height: 1.1 !important; }
@media (max-width: 575px) {
  html.sc-sys main.page-wrapper :is(h1, h2) { overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; }
}
html.sc-in article :is(p, li) a:not(.btn) { color: var(--h-gold); text-decoration-color: var(--h-gold-line); }
html.sc-in article :is(p, li) a:not(.btn):hover { color: var(--h-gold-hi); }
html.sc-in article :is(a, button, input, select):focus-visible { outline: 2px solid var(--h-gold); outline-offset: 3px; }
html.sc-in article .text-muted { color: var(--h-muted) !important; }
@media (prefers-reduced-motion: reduce) {
  html.sc-in article * { transition: none !important; animation: none !important; }
}
html.sc-in article :is(section > h2, section > .container > h2, section .row > [class*="col"] > h2, .container > section > h2) { text-align: center; max-width: 820px; margin-left: auto !important; margin-right: auto !important; }
html.sc-in article :is(section > h2, section > .container > h2, section .row > [class*="col"] > h2)::before {
  content: ""; display: block; width: 12px; height: 12px; border-radius: 3px; margin: 0 auto 20px; background: var(--h-gold); box-shadow: 0 0 0 5px var(--h-gold-soft);
}
html.sc-in article :is(.btn-primary, .btn-warning) {
  background: var(--h-gold) !important; border-color: var(--h-gold) !important; color: var(--h-on-gold) !important;
  font-weight: 700; border-radius: 10px !important; box-shadow: none !important; transition: background-color .18s, transform .18s;
}
html.sc-in article :is(.btn-primary, .btn-warning):hover { background: var(--h-gold-hi) !important; transform: translateY(-1px); }
html.sc-in article :is(.btn-primary, .btn-warning) :is(svg, i) { color: var(--h-on-gold); }
html.sc-in article :is(.btn-outline-light, .btn-outline-secondary, .btn-outline-primary) {
  background: transparent !important; border: 1px solid var(--h-line-2) !important; color: #fff !important; border-radius: 10px !important; box-shadow: none !important; font-weight: 600;
}
html.sc-in article :is(.btn-outline-light, .btn-outline-secondary, .btn-outline-primary):hover { border-color: var(--h-gold) !important; color: var(--h-gold) !important; }
html.sc-in article .card { background: var(--h-card) !important; border: 1px solid var(--h-line) !important; border-radius: var(--h-r) !important; box-shadow: none !important; }
html.sc-in article .card :is(.card-title, h5):not(:where(#dashboard-container *)) { font: 600 19px/1.3 var(--h-display); letter-spacing: -.01em; color: var(--h-text); }
html.sc-in article .card :is(.card-text, p, li):not(:where(#dashboard-container *)) { color: var(--h-muted); }
html.sc-in article .badge.bg-warning { background: var(--h-gold) !important; color: var(--h-on-gold) !important; font-weight: 700; }
html.sc-in article :is(.badge.bg-primary, .badge-success, .badge-pill) { background: var(--h-gold-soft) !important; color: var(--h-gold) !important; border: 1px solid var(--h-gold-line); font-weight: 600; }
html.sc-in article .alert-info:not(:where(#dashboard-container *)) { background: var(--h-gold-soft) !important; border: 1px solid rgba(252, 185, 0, .2) !important; border-left: 3px solid var(--h-gold) !important; color: #eee3c8 !important; border-radius: 12px; }
html.sc-in article :is(.form-control, select, input[type="search"]) {
  background: rgba(12, 8, 22, .72) !important; border: 1px solid var(--h-line-2) !important; color: var(--h-text) !important; border-radius: 12px !important;
}
html.sc-in article :is(.form-control, select, input[type="search"]):focus { border-color: var(--h-gold) !important; box-shadow: 0 0 0 3px var(--h-gold-soft) !important; outline: 0; }
html.sc-in article input[type="range"] { accent-color: var(--h-gold); }
html.sc-in article .table { color: var(--h-soft); --si-table-striped-bg: rgba(255, 255, 255, .025); --si-table-color: var(--h-soft); --si-table-striped-color: var(--h-soft); margin: 0; }
html.sc-in article .table thead th { background: rgba(255, 255, 255, .05) !important; color: var(--h-text) !important; font: 600 12.5px/1.3 var(--h-body); letter-spacing: .1em; text-transform: uppercase; border: 0; padding: 14px 16px; }
html.sc-in article .table td { border-top: 1px solid var(--h-line); padding: 14px 16px; color: var(--h-soft); }
html.sc-in article .table-responsive { border: 1px solid var(--h-line); border-radius: var(--h-r); overflow: hidden; box-shadow: none !important; }
html.sc-in .sc-discord-bot-wrap .sc-discord-bot { background: var(--h-card) !important; border: 1px solid var(--h-line) !important; border-radius: 20px !important; box-shadow: none !important; }
html.sc-in .sc-discord-bot-wrap .text-uppercase { color: var(--h-gold) !important; letter-spacing: .16em; }
html.sc-in article > section.bg-secondary.bg-secondary.bg-secondary { background-color: transparent !important; padding: var(--h-gap) 0 !important; }
html.sc-in article :is(.card, .about-card, .how-it-works) :is(h2, h3, h4, h5, h6):not(:where(#dashboard-container *)) { padding-left: 0 !important; padding-right: 0 !important; }
html.sc-in #about-main > section:first-child,
html.sc-in #ai-main > section:first-child { padding-top: 40px !important; }
html.sc-in #about-main > section:first-child > br,
html.sc-in #ai-main > section:first-child > br { display: none; }
html.sc-in .about-hero { background: none !important; border: 0 !important; box-shadow: none !important; padding: 32px 0 8px !important; margin: 0 auto 44px !important; max-width: 920px; }
html.sc-in .about-eyebrow { background: none !important; border: 0 !important; padding: 0 !important; color: var(--h-gold) !important; font: 600 12.5px/1 var(--h-body) !important; letter-spacing: .16em !important; text-shadow: 0 1px 3px rgba(0, 0, 0, .6); }
html.sc-in .about-eyebrow::before { content: ""; width: 10px; height: 10px; border-radius: 3px; background: var(--h-gold); box-shadow: 0 0 0 4px var(--h-gold-soft); margin-right: 4px; }
html.sc-in .about-hero h1 { margin: 18px 0 16px !important; letter-spacing: var(--h-dt) !important; }
html.sc-in .about-hero .about-lede { color: var(--h-text) !important; font-size: 18px !important; line-height: 1.6 !important; max-width: 700px; margin: 0 auto 24px !important; text-shadow: 0 1px 3px rgba(0, 0, 0, .65); }
html.sc-in .about-pill { background: rgba(12, 8, 22, .62) !important; border: 1px solid var(--h-line-2) !important; color: var(--h-soft) !important; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); padding: 8px 15px !important; }
html.sc-in .about-card { background: rgba(18, 13, 30, .72) !important; border: 1px solid var(--h-line) !important; border-radius: var(--h-r) !important; box-shadow: none !important; padding: 26px 26px 24px !important; height: 100%; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
html.sc-in .about-card h3 { font-size: 20px !important; line-height: 1.25; color: var(--h-text) !important; margin-bottom: 12px !important; }
html.sc-in .about-card p { color: var(--h-muted) !important; }
html.sc-in .about-card p strong { color: var(--h-soft); font-weight: 600; }
html.sc-in .about-card u { text-decoration-color: var(--h-gold-line); text-underline-offset: 3px; }
html.sc-in .about-list li { color: var(--h-soft) !important; }
html.sc-in .about-list li span { background: var(--h-gold-soft) !important; color: var(--h-gold) !important; border: 1px solid var(--h-gold-line); flex: 0 0 28px; width: 28px !important; height: 28px !important; font-size: 12px !important; }
html.sc-in .about-list li:has(> b, > strong) { display: block; position: relative; padding-left: 40px; }
html.sc-in .about-list li:has(> b, > strong) > span:first-child { position: absolute; left: 0; top: 1px; display: inline-flex; align-items: center; justify-content: center; }
html.sc-in .about-list li > :is(b, strong) { color: var(--h-text); font-weight: 600; }
html.sc-in article .accordion-item { background: var(--h-card) !important; border-color: var(--h-line) !important; }
html.sc-in article .accordion-button { background: transparent !important; color: var(--h-text) !important; box-shadow: none !important; font-family: var(--h-display); letter-spacing: -.01em; }
html.sc-in article .accordion-button:not(.collapsed)::after {
  background: var(--h-gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1408' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / 16px no-repeat !important;
  box-shadow: none !important;
}
html.sc-in article .accordion-body { color: var(--h-muted); }
html.sc-in .about-stat { background: rgba(255, 255, 255, .03) !important; border: 1px solid var(--h-line) !important; border-radius: 12px !important; }
html.sc-in .about-stat strong { color: var(--h-gold) !important; font: 700 22px/1.2 var(--h-display) !important; }
html.sc-in .about-stat span { color: var(--h-muted) !important; }
html.sc-in #about-main > section,
html.sc-in #ai-main > section { margin-bottom: 0 !important; }
@media (max-width: 767px) {
  html.sc-in :is(#about-main, #ai-main),
  html.sc-in :is(#about-main, #ai-main) > .container { padding-left: 0 !important; padding-right: 0 !important; }
  html.sc-in :is(#about-main, #ai-main) .row > [class*="col-"] { padding-left: 0; padding-right: 0; }
  html.sc-in #about-main > div.text-center :is(.container, .col, [class*="px-"]) { padding-left: 0 !important; padding-right: 0 !important; }
}
html.sc-in #about-main > section + section,
html.sc-in #ai-main > section + section { padding-top: var(--h-gap) !important; }
html.sc-in #about-main h2.h1 { margin-bottom: 18px !important; }
html.sc-in #about-main .steps { --si-steps-number-bg: var(--h-gold-soft) !important; --si-steps-number-inner-bg: var(--h-gold) !important; }
html.sc-in #about-main .steps h3 { font-size: 26px; margin-bottom: 8px !important; }
html.sc-in #about-main .steps p { color: var(--h-muted); font-size: 15px; }
html.sc-in #about-main > section:has(.steps) { padding-top: 24px !important; }
html.sc-in .trustpilot-quote { background: var(--h-card) !important; border: 1px solid var(--h-line) !important; border-radius: 20px !important; box-shadow: none !important; padding: 34px 36px 28px !important; margin-top: var(--h-gap); max-width: 980px; margin-left: auto; margin-right: auto; }
html.sc-in .trustpilot-quote::before { display: none; }
html.sc-in .trustpilot-quote blockquote { color: var(--h-soft); font-size: 16.5px; line-height: 1.75; }
html.sc-in .trustpilot-quote .trustpilot-badge { color: var(--h-text); }
html.sc-in #about-main > blockquote.text-center { color: var(--h-text); font: 500 20px/1.5 var(--h-display); margin: 56px auto 18px; max-width: 760px; }
html.sc-in #about-main > blockquote.text-center strong { display: inline-block; margin-top: 8px; font: 500 14px/1 var(--h-body); color: var(--h-muted); }
html.sc-in #about-main > p.text-center { color: var(--h-soft); max-width: 860px; margin-left: auto; margin-right: auto; line-height: 1.9; }
html.sc-in #about-main > p.text-center strong { color: var(--h-gold); }
html.sc-in #about-main > div.text-center.my-4 p { max-width: 820px; margin-left: auto; margin-right: auto; font-weight: 400 !important; color: var(--h-muted); line-height: 1.9; }
html.sc-in #about-main > div.text-center.my-4 a { color: var(--h-text) !important; font-weight: 500; text-decoration: underline; text-decoration-color: var(--h-gold-line); text-underline-offset: 4px; }
html.sc-in #about-main > div.text-center.my-4 a:hover { color: var(--h-gold) !important; text-decoration-color: var(--h-gold); }
html.sc-in #about-main > div.text-center strong:has(div) { font-weight: inherit; }
html.sc-in #about-main > div.text-center .position-absolute.text-faded-info { display: none; }
html.sc-in #about-main > div.text-center > strong > .container-flex { display: block; padding-top: 20px; }
html.sc-in article figure.card { text-align: left; padding-top: 34px !important; margin-bottom: 0; }
html.sc-in article figure.card > .btn-icon { width: 40px; height: 40px; border-radius: 11px !important; padding: 0 !important; }
html.sc-in article figure.card blockquote { padding: 0 24px 18px !important; }
html.sc-in article figure.card blockquote p { font: 400 15.5px/1.7 var(--h-body); color: var(--h-soft); }
html.sc-in article figure.card figcaption { background: none !important; padding: 0 24px 24px !important; }
html.sc-in article figure.card figcaption .rounded-circle { background: var(--h-gold-soft) !important; color: var(--h-gold) !important; border: 1px solid var(--h-gold-line); font-weight: 600; }
html.sc-in article figure.card figcaption h6 { color: var(--h-text); font: 600 15px/1.3 var(--h-body); letter-spacing: 0; }
html.sc-in article figure.card .sc-review-source { color: var(--h-muted) !important; font: 400 12.5px/1.4 var(--h-body); margin-top: 3px; }
html.sc-in article figure.card .sc-review-source > span[aria-hidden] { color: var(--h-gold); letter-spacing: 1px; margin-right: 6px; }
html.sc-in article:has(#section-form) > section.dark-mode:first-child { background: none !important; }
html.sc-in article:has(#section-form) > section.dark-mode:first-child::before { display: none; }
@media (max-width: 767px) {
  html.sc-p-plan section#plans > .container-flex { display: flex; flex-direction: column; }
  html.sc-p-plan section#plans > .container-flex > .row:first-child,
  html.sc-p-plan section#plans > .container-flex > .row:first-child > .container,
  html.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row,
  html.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col,
  html.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container,
  html.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row,
  html.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col { display: contents; }
  html.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col-auto { display: none !important; }
  html.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > * { order: 3; margin-left: 18px; margin-right: 18px; }
  html.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > h1,
  html.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > h1 + p[style*="opacity"] { order: 0; }
  html.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > h1 { margin-top: 26px; }
  html.sc-p-plan section#plans > .container-flex > .row ~ .row,
  html.sc-p-plan section#plans > .container-flex > #fixedPriceAnchor { order: 1; }
  html.sc-p-plan section#plans > .container-flex > .row ~ .row { margin-top: 6px !important; }
  html.sc-p-plan section#plans > .container-flex > .row:first-child > .row,
  html.sc-p-plan section#plans > .container-flex > .text-center { order: 2; }
  html.sc-p-plan section#plans > .container-flex > .row:first-child > .row { margin: 6px 0 0; }
  html.sc-p-plan section#plans #hero-payments { height: auto !important; max-height: none !important; margin-bottom: 12px !important; }
  html.sc-p-plan section#plans > .container-flex > .text-center { margin: 0 18px 22px; font-size: 13px; }
  html.sc-p-plan section#plans > .container-flex > #fixedPrice { order: 9; }
  html.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > .d-flex:has(> a.btn[href="#plans"]),
  html.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > .d-flex:has(> .badge) { order: 0; margin-top: 0 !important; margin-bottom: 10px !important; }
  html.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > .d-flex > a.btn[href="#plans"] { display: none !important; }
  html.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > .plans-grid { order: 1; margin: 8px 0 26px !important; }
  html.sc-p-plan section#plans .plans-grid .plans-includes { padding-left: 10px; padding-right: 10px; }
  html.sc-p-plan section#plans > .container-flex > section { order: 4; }
  html.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > .text-center:has(+ .d-flex + .plans-grid),
  html.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > .d-flex:has(+ .plans-grid) { order: 2; margin-bottom: 22px !important; }
  html.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > div[class="text-center"]:has(+ style + .plans-grid) { order: 2; margin-bottom: 22px !important; }
}
html.sc-p-plan section#plans .alert.alert-primary { color: #dbe6ff; }
html.sc-p-plan section#plans .alert.alert-primary :is(h2, strong) { color: #fff; }
html.sc-p-plan section#plans .alert.alert-primary a { color: #9ec2ff; }
html.sc-sys.sc-p-plan section#plans { background: rgb(var(--h-ink)) !important; isolation: isolate; padding-bottom: 72px !important; }
html.sc-sys.sc-p-plan section#plans::after {
  top: 0 !important; left: 0 !important; width: 100% !important; height: 760px !important;
  background-attachment: scroll !important; background-size: cover !important; background-position: center 38% !important;
  background-color: transparent !important; filter: none !important; opacity: 1 !important;
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, var(--sc-art, .58)) 0, rgba(0, 0, 0, calc(var(--sc-art, .58) * .8)) 26%, rgba(0, 0, 0, calc(var(--sc-art, .58) * .3)) 70%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, var(--sc-art, .58)) 0, rgba(0, 0, 0, calc(var(--sc-art, .58) * .8)) 26%, rgba(0, 0, 0, calc(var(--sc-art, .58) * .3)) 70%, rgba(0, 0, 0, 0) 100%);
}
@media (max-width: 767px) { html.sc-sys.sc-p-plan section#plans::after { height: 460px !important; } }
html.sc-sys.sc-p-plan.sc-g-project-zomboid article { --sc-scene: url(/wp-content/media/look/scene-zomboid-night.webp); --sc-scene-pos: center 72%; --sc-art: .96; }
html.sc-sys.sc-p-plan.sc-g-satisfactory section#plans { --sc-scene: url(/wp-content/media/look/scene-satisfactory.webp); }
html.sc-sys.sc-p-plan.sc-g-vintage-story section#plans { --sc-scene: url(/wp-content/media/look/scene-vintage-story.webp); }
html.sc-sys.sc-p-plan.sc-g-terraria section#plans { --sc-scene: url(/wp-content/media/look/scene-terraria-plan.webp); }
html.sc-sys.sc-p-plan.sc-g-conan-exiles section#plans { --sc-scene: url(/wp-content/media/look/scene-conan-exiles.webp); }
html.sc-sys.sc-p-plan.sc-g-enshrouded section#plans { --sc-scene: url(/wp-content/media/look/scene-enshrouded.webp); }
html.sc-sys.sc-p-plan.sc-g-icarus section#plans { --sc-scene: url(/wp-content/media/look/scene-icarus-plan.webp); --sc-scene-pos: 85% 38%; }
html.sc-sys.sc-p-plan.sc-g-factorio section#plans { --sc-scene: url(/wp-content/media/look/scene-factorio-plan.webp); }
html.sc-sys.sc-p-plan:is(.sc-g-project-zomboid, .sc-g-satisfactory, .sc-g-vintage-story, .sc-g-terraria, .sc-g-conan-exiles, .sc-g-enshrouded, .sc-g-icarus, .sc-g-factorio) section#plans::after { background-image: var(--sc-scene) !important; background-position: var(--sc-scene-pos, center 38%) !important; }
@media (min-width: 768px) {
  html.sc-sys.sc-p-plan section#plans > .container-flex {
    display: grid; grid-template-columns: minmax(24px, 1fr) auto minmax(0, 1080px) minmax(24px, 1fr); column-gap: 32px; align-items: start;
    grid-template-rows: auto minmax(min-content, 0px);
  }
  html.sc-sys.sc-p-plan section#plans > .container-flex > .row:first-child,
  html.sc-sys.sc-p-plan section#plans > .container-flex > .row:first-child > .container,
  html.sc-sys.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row,
  html.sc-sys.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col,
  html.sc-sys.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container,
  html.sc-sys.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row,
  html.sc-sys.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col { display: contents; }
  html.sc-sys.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col-auto.d-sm-block {
    grid-column: 2; grid-row: 1 / span 4; padding: 0 !important; margin-top: 56px; align-self: start; min-width: 276px;
  }
  html.sc-sys.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > * { grid-column: 3; }
  html.sc-sys.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > h1 { grid-row: 1; margin-top: 64px; align-self: end; }
  html.sc-sys.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > h1 + p[style*="opacity"] { grid-row: 2; align-self: start; }
  html.sc-sys.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > .d-flex:has(> a.btn[href="#plans"]) { grid-row: 3; align-self: start; }
  html.sc-sys.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > .d-flex:has(> .badge) { grid-row: 4; align-self: start; }
  html.sc-sys.sc-p-plan section#plans > .container-flex > .row ~ .row,
  html.sc-sys.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > .plans-grid { grid-column: 2 / 4; grid-row: 5; margin: 34px 0 0 !important; }
  html.sc-sys.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > .plans-grid { margin-bottom: 36px !important; }
  html.sc-sys.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > .plans-grid { grid-template-columns: minmax(0, 420px); justify-content: center; column-gap: 0; }
  html.sc-sys.sc-p-plan section#plans > .container-flex > .row:first-child > .row { grid-column: 2 / 4; grid-row: 6; margin: 0; }
  html.sc-sys.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > .text-center:has(+ .d-flex + .plans-grid) { grid-row: 6; }
  html.sc-sys.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > .d-flex:has(+ .plans-grid) { grid-row: 7; margin-bottom: 44px !important; }
  html.sc-sys.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > div[class="text-center"]:has(+ style + .plans-grid) { grid-row: 6; margin-bottom: 44px !important; }
  html.sc-sys.sc-p-plan section#plans > .container-flex > .text-center { grid-column: 2 / 4; grid-row: 7; margin-bottom: 44px; }
  html.sc-sys.sc-p-plan section#plans > .container-flex > #fixedPriceAnchor { grid-column: 2 / 4; grid-row: 6; height: 0; overflow: hidden; }
  html.sc-sys.sc-p-plan section#plans > .container-flex > section { grid-column: 2 / 4; width: 100%; max-width: 1320px; margin-left: auto !important; margin-right: auto !important; }
  html.sc-sys.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > :not(h1):not(h1 + p[style*="opacity"]):not(.d-flex:has(> a.btn[href="#plans"])):not(.d-flex:has(> .badge)):not(.plans-grid) {
    grid-column: 2 / 4; width: 100%; max-width: 900px; margin-left: auto; margin-right: auto;
    min-width: 0;
  }
}
@media (min-width: 992px) {
  html.sc-sys.sc-p-plan section#plans > .container-flex > .row:first-child > .container > .row > .col > .container > .row > .col > .plans-grid { grid-template-columns: repeat(3, minmax(0, 420px)); }
}
html.sc-sys.sc-p-plan article .card-body > h2.h5 { font-size: 20px !important; line-height: 28px !important; letter-spacing: -0.6px; }
html.sc-sys.sc-p-plan article { --si-link-color: var(--h-gold); --si-link-hover-color: var(--h-gold-hi); }
html.sc-sys.sc-p-plan section#plans h1 { text-shadow: 0 2px 24px rgba(0, 0, 0, .6) !important; margin-bottom: 14px; max-width: 22ch; }
html.sc-sys.sc-p-plan section#plans h1 + p[style*="opacity"] { color: var(--h-soft) !important; opacity: .8 !important; font-size: 13.5px !important; }
html.sc-sys.sc-p-plan section#plans .col.text-start > p { color: var(--h-soft); font-size: 16px; line-height: 1.7; max-width: 86ch; }
html.sc-sys.sc-p-plan section#plans .col.text-start > p strong { color: var(--h-text); font-weight: 600; }
html.sc-sys.sc-p-plan section#plans .col-auto > img { border-radius: 14px; box-shadow: 0 18px 50px rgba(0, 0, 0, .55); }
html.sc-sys.sc-p-plan section#plans .col.text-start > .d-flex:has(> a.btn[href="#plans"]) { margin-top: 4px !important; }
html.sc-sys.sc-p-plan section#plans .col.text-start > .d-flex:has(> a.btn[href="#plans"]) > span { color: var(--h-soft) !important; opacity: 1 !important; font: 500 14.5px/1.3 var(--h-body) !important; }
html.sc-sys.sc-p-plan section#plans .col.text-start > .d-flex:has(> .badge) .badge {
  background: rgba(12, 8, 22, .62) !important; border: 1px solid var(--h-line-2) !important; color: var(--h-soft) !important;
  font: 600 12px/1 var(--h-body); padding: 7px 11px; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
}
html.sc-sys.sc-p-plan section#plans .alert.alert-primary {
  background: rgba(12, 8, 22, .66) !important; border: 1px solid var(--h-line) !important; border-left: 3px solid var(--h-gold) !important;
  border-radius: var(--h-r) !important; color: var(--h-soft) !important; padding: 20px 24px; max-width: 86ch; backdrop-filter: blur(6px);
}
html.sc-sys.sc-p-plan section#plans .alert.alert-primary h2 { font-size: 21px !important; line-height: 1.3 !important; color: var(--h-text) !important; text-align: left; margin: 0 0 10px !important; }
html.sc-sys.sc-p-plan section#plans .alert.alert-primary h2::before { display: none; }
html.sc-sys.sc-p-plan section#plans .alert.alert-primary p { color: var(--h-soft); font-size: 15.5px; }
html.sc-sys.sc-p-plan section#plans .alert.alert-primary strong { color: var(--h-text); }
html.sc-sys.sc-p-plan section#plans .alert.alert-primary a { color: var(--h-gold); }
html.sc-sys.sc-p-plan section#plans .alert.alert-light {
  background: var(--h-card) !important; border: 1px solid var(--h-line) !important; border-radius: var(--h-r) !important;
  padding: 18px 22px; max-width: 86ch; margin-top: 22px;
}
html.sc-sys.sc-p-plan section#plans ul.hero-offer { padding: 0 !important; margin: 0; }
html.sc-sys.sc-p-plan section#plans ul.hero-offer li { color: var(--h-soft) !important; font-weight: 500 !important; font-size: 14.5px !important; }
html.sc-sys.sc-p-plan section#plans ul.hero-offer li::before { color: var(--h-gold) !important; }
html.sc-sys.sc-p-plan section#plans .alert.alert-warning {
  background: var(--h-gold-soft) !important; border: 1px solid var(--h-gold-line) !important; border-radius: 12px !important;
  color: var(--h-text) !important; font-weight: 500 !important; max-width: 86ch; box-shadow: none !important;
}
html.sc-sys.sc-p-plan section#plans .alert.alert-warning :is(i, svg) { color: var(--h-gold); }
html.sc-sys.sc-p-plan section#plans > .container-flex > .row:first-child > .row h3 { font: 600 17px/1.3 var(--h-display) !important; letter-spacing: 0; color: var(--h-text); margin: 26px 0 10px; }
html.sc-sys.sc-p-plan section#plans #hero-payments { color: var(--h-muted); }
html.sc-sys.sc-p-plan section#plans #hero-payments h5 { font: 500 14px/1 var(--h-body) !important; letter-spacing: 0; color: var(--h-muted) !important; margin-right: 6px; }
html.sc-sys.sc-p-plan section#plans > .container-flex > .text-center { color: var(--h-muted); font-size: 14px; }
html.sc-sys.sc-p-plan section#plans > .container-flex > .text-center strong { color: var(--h-soft); font-weight: 600; }
html.sc-sys.sc-p-plan section#plans :is(.plan-box, .plan-card) { padding-left: 10px; padding-right: 10px; }
html.sc-sys.sc-p-plan section#plans .plans-grid > :is(.plans-includes, .plans-hardware) { margin-left: 10px; margin-right: 10px; }
html.sc-sys.sc-p-plan section#plans :is(.plan-box, .plan-card) > .card {
  background: rgba(14, 10, 24, .86) !important; border: 1px solid var(--h-line-2) !important; border-radius: 20px !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .45) !important; padding: 8px !important; backdrop-filter: blur(10px); transition: border-color .2s, transform .2s;
}
html.sc-sys.sc-p-plan section#plans :is(.plan-box, .plan-card) > .card:hover { border-color: var(--h-gold-line) !important; transform: translateY(-3px); }
html.sc-sys.sc-p-plan section#plans :is(.plan-box, .plan-card) > .card.border-primary { border-color: var(--h-gold) !important; box-shadow: 0 0 0 1px var(--h-gold-line), 0 28px 70px rgba(252, 185, 0, .12) !important; }
html.sc-sys.sc-p-plan section#plans :is(.plan-box, .plan-card) .plan-icon img { border-radius: 12px; }
html.sc-sys.sc-p-plan section#plans :is(.plan-box, .plan-card) h3 { font: 600 13px/1 var(--h-body) !important; letter-spacing: .14em; text-transform: uppercase; color: var(--h-gold) !important; margin-bottom: 10px !important; }
html.sc-sys.sc-p-plan section#plans :is(.plan-box, .plan-card) h4 { font-size: 34px !important; line-height: 1 !important; color: var(--h-text); }
html.sc-sys.sc-p-plan section#plans :is(.plan-box, .plan-card) h4 .text-body { color: var(--h-muted) !important; font: 400 13px/1 var(--h-body); letter-spacing: 0; }
html.sc-sys.sc-p-plan section#plans :is(.plan-box, .plan-card) h5 { font: 500 15px/1.3 var(--h-body) !important; letter-spacing: 0; color: var(--h-soft) !important; }
html.sc-sys.sc-p-plan section#plans :is(.plan-box, .plan-card) .card-body > .d-flex.justify-content-between { border-top: 1px solid var(--h-line); color: var(--h-soft); font-size: 14.5px; }
html.sc-sys.sc-p-plan section#plans :is(.plan-box, .plan-card) .card-body > .d-flex.justify-content-between > :last-child { color: var(--h-text); font-weight: 600; padding-right: 8px; }
html.sc-sys.sc-p-plan section#plans :is(.plan-box, .plan-card) .text-success { color: var(--h-gold) !important; }
html.sc-sys.sc-p-plan section#plans :is(.plan-box, .plan-card) .text-danger { color: #6f6880 !important; }
html.sc-sys.sc-p-plan section#plans .plan-term-selector { margin-top: 18px; gap: 6px; }
html.sc-sys.sc-p-plan section#plans .plan-term-option { background: rgba(255, 255, 255, .03); border: 1px solid var(--h-line); border-radius: 12px; padding: 10px 14px; color: var(--h-soft); transition: border-color .15s, background-color .15s; }
html.sc-sys.sc-p-plan section#plans .plan-term-option:hover { border-color: var(--h-line-2); }
html.sc-sys.sc-p-plan section#plans .plan-term-option.is-active { border-color: var(--h-gold) !important; background: var(--h-gold-soft); box-shadow: none !important; color: var(--h-text); }
html.sc-sys.sc-p-plan section#plans .plan-term-option .term-total { color: var(--h-text); }
html.sc-sys.sc-p-plan section#plans .plan-term-option .term-note { color: var(--h-muted); opacity: 1; }
html.sc-sys.sc-p-plan section#plans .plan-term-option.is-active .term-note { color: var(--h-gold); }
html.sc-sys.sc-p-plan section#plans .plan-term-summary { color: var(--h-muted); opacity: 1; margin-top: 4px; }
html.sc-sys.sc-p-plan section#plans :is(.plan-box, .plan-card) hr { display: none; }
html.sc-sys.sc-p-plan section#plans :is(.plan-box, .plan-card) .card-body > p { color: var(--h-muted) !important; font-size: 14px; line-height: 1.6; margin: 18px 0 0; }
html.sc-sys.sc-p-plan section#plans :is(.plan-box, .plan-card) .card-footer { background: none !important; }
html.sc-sys.sc-p-plan section#plans :is(.plan-box, .plan-card) .card-footer .btn {
  background: transparent !important; border: 1px solid var(--h-gold-line) !important; color: var(--h-gold) !important;
  border-radius: 12px !important; font: 700 15px/1 var(--h-body); padding: 15px 18px !important; box-shadow: none !important; transition: background-color .18s, color .18s, transform .18s;
}
html.sc-sys.sc-p-plan section#plans :is(.plan-box, .plan-card) .card-footer .btn :is(i, svg) { color: currentColor !important; }
html.sc-sys.sc-p-plan section#plans :is(.plan-box, .plan-card) .card-footer .btn:hover,
html.sc-sys.sc-p-plan section#plans :is(.plan-box, .plan-card) > .card.border-primary .card-footer .btn { background: var(--h-gold) !important; border-color: var(--h-gold) !important; color: var(--h-on-gold) !important; }
html.sc-sys.sc-p-plan section#plans :is(.plan-box, .plan-card) > .card.border-primary .card-footer .btn:hover { background: var(--h-gold-hi) !important; transform: translateY(-1px); }
html.sc-sys.sc-p-plan section#plans .plans-grid:has(.card-footer .btn-outline-primary) .plan-card .card-footer .btn-primary { background: var(--h-gold) !important; border-color: var(--h-gold) !important; color: var(--h-on-gold) !important; }
html.sc-sys.sc-p-plan section#plans .plans-grid:has(.card-footer .btn-outline-primary) .plan-card .card-footer .btn-primary:hover { background: var(--h-gold-hi) !important; transform: translateY(-1px); }
html.sc-sys.sc-p-plan #fixedPrice { background: rgba(12, 8, 22, .94) !important; border: 1px solid var(--h-line-2); border-top: 0; border-radius: 0 0 12px 12px !important; }
html.sc-sys.sc-p-plan #fixedPrice .btn { border: 0 !important; border-radius: 0 !important; color: var(--h-soft) !important; background: none !important; }
html.sc-sys.sc-p-plan #fixedPrice .btn:hover { color: var(--h-gold) !important; }
html.sc-sys.sc-p-plan #fixedPrice .btn-outline-success { color: var(--h-gold) !important; }
html.sc-sys.sc-p-plan article .steps { --si-steps-number-bg: var(--h-gold-soft) !important; --si-steps-number-inner-bg: var(--h-gold) !important; --si-steps-number-color: var(--h-on-gold); --si-steps-connect-color: var(--h-line-2); }
html.sc-sys.sc-p-plan article .steps .step-number-inner { box-shadow: none; }
html.sc-sys.sc-p-plan article .steps h3 { font: 600 18px/1.3 var(--h-display) !important; letter-spacing: -.01em; color: var(--h-text); }
html.sc-sys.sc-p-plan article .steps p { color: var(--h-muted); font-size: 14.5px !important; line-height: 1.55; }
html.sc-sys.sc-p-plan article section:has(.steps) .d-flex:has(> .btn) { justify-content: center !important; padding-top: 40px !important; }
html.sc-sys.sc-p-plan article .btn-success {
  background: var(--h-gold) !important; border-color: var(--h-gold) !important; color: var(--h-on-gold) !important;
  font-weight: 700; border-radius: 10px !important; box-shadow: none !important; margin: 0 !important; transition: background-color .18s, transform .18s;
}
html.sc-sys.sc-p-plan article .btn-success:hover { background: var(--h-gold-hi) !important; transform: translateY(-1px); }
html.sc-sys.sc-p-plan article .btn-success :is(svg, i) { color: var(--h-on-gold) !important; }
html.sc-sys.sc-p-plan article > section.bg-faded-info { background-color: transparent !important; padding: var(--h-gap) 0 0 !important; }
html.sc-sys.sc-p-plan article > section.bg-faded-info .col-lg-10 { flex: 0 0 100%; max-width: 100%; width: 100%; }
html.sc-sys.sc-p-plan article > section.bg-faded-info h2 { margin-bottom: 28px !important; }
html.sc-sys.sc-p-plan article > section.bg-faded-info .w-100[style*="position: relative"] {
  aspect-ratio: 2800 / 1105; max-width: 1180px; margin: 0 auto; background: url(/wp-content/media/look/map-dots.webp) center / 100% auto no-repeat;
}
html.sc-sys.sc-p-plan article > section.bg-faded-info :is(.map-svg, .text-primary:has(.fa-map-pin)) { display: none !important; }
html.sc-sys.sc-p-plan article > section.bg-faded-info .container > .text-center { color: var(--h-soft); font-size: 15px; margin-top: 18px; }
@media (max-width: 767px) {
  html.sc-sys.sc-p-plan article > section.bg-faded-info .w-100[style*="position: relative"] { background-image: url(/wp-content/media/look/map-dots-m.webp); }
  html.sc-sys.sc-p-plan article > section.bg-faded-info .container > .text-center { font-size: 13.5px; padding: 0 6px; }
  html.sc-sys.sc-p-plan article > section.bg-faded-info :is(.px-3, .col-lg-10) { padding-left: 0 !important; padding-right: 0 !important; }
}
html.sc-sys.sc-p-plan article > section.bg-dark { background: transparent !important; isolation: isolate; margin-top: var(--h-gap); padding: 56px 0 !important; }
html.sc-sys.sc-p-plan article > section.bg-dark > span.position-absolute { background: none !important; }
html.sc-sys.sc-p-plan article > section.bg-dark::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: linear-gradient(180deg, rgb(var(--h-ink)) 0, rgba(var(--h-ink), .62) 26%, rgba(var(--h-ink), .62) 74%, rgb(var(--h-ink)) 100%), var(--sc-scene, none);
  background-size: 100% 100%, cover; background-position: center, var(--sc-scene-pos, center 40%); background-repeat: no-repeat;
}
html.sc-sys.sc-p-plan article > section.bg-dark .lead { color: var(--h-gold) !important; opacity: 1 !important; font: 600 13px/1 var(--h-body); letter-spacing: .16em; text-transform: uppercase; margin-bottom: 18px !important; }
html.sc-sys.sc-p-plan article > section.bg-dark h2 { text-shadow: 0 2px 24px rgba(0, 0, 0, .6); margin-bottom: 32px !important; padding-bottom: 0 !important; }
html.sc-sys.sc-p-plan article > section.bg-dark h2::before { display: none; }
html.sc-sys.sc-p-plan article > section.bg-dark .btn { margin: 6px !important; }
html.sc-sys.sc-p-plan article > section.bg-dark .btn-outline-light { background: rgba(12, 8, 22, .55) !important; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
html.sc-sys.sc-p-plan article > section > .bg-faded-info { background-color: transparent !important; padding-top: 0 !important; padding-bottom: 0 !important; }
html.sc-sys.sc-p-plan article > section > .bg-faded-info h2 { margin-bottom: 14px !important; }
html.sc-sys.sc-p-plan article > section > .bg-faded-info h2 + p { text-align: center; color: var(--h-soft); max-width: 720px; margin: 0 auto 40px !important; }
html.sc-sys.sc-p-plan article > section > .bg-faded-info .card { padding: 0 !important; }
html.sc-sys.sc-p-plan article > section > .bg-faded-info .card-body { padding: 22px !important; align-items: flex-start !important; }
html.sc-sys.sc-p-plan article > section > .bg-faded-info .offer-brick-m {
  background: var(--h-gold-soft) !important; border: 1px solid var(--h-gold-line); color: var(--h-gold) !important; box-shadow: none !important; border-radius: 12px !important;
  width: 46px; height: 46px; min-width: 46px !important; min-height: 46px !important; flex: 0 0 46px; padding: 0 !important;
}
html.sc-sys.sc-p-plan article > section > .bg-faded-info .offer-brick-m :is(svg, i) { color: var(--h-gold) !important; font-size: 20px !important; }
html.sc-sys.sc-p-plan article > section > .bg-faded-info .card .ps-4 { padding-left: 16px !important; margin-left: 0 !important; }
html.sc-sys.sc-p-plan article > section > .bg-faded-info .card h3 { font: 600 18px/1.25 var(--h-display) !important; letter-spacing: -.01em; margin-bottom: 6px !important; }
html.sc-sys.sc-p-plan article > section > .bg-faded-info .card p { color: var(--h-soft); font-size: 14.5px; line-height: 1.6; }
@media (max-width: 575px) {
  html.sc-sys.sc-p-plan article > section > .bg-faded-info { padding-left: 4px !important; padding-right: 4px !important; }
  html.sc-sys.sc-p-plan article > section > .bg-faded-info .card-body { display: grid !important; grid-template-columns: 46px minmax(0, 1fr); column-gap: 14px; row-gap: 12px; align-items: center !important; padding: 18px !important; }
  html.sc-sys.sc-p-plan article > section > .bg-faded-info .card .ps-4 { display: contents; }
  html.sc-sys.sc-p-plan article > section > .bg-faded-info .card h3 { margin: 0 !important; }
  html.sc-sys.sc-p-plan article > section > .bg-faded-info .card p { grid-column: 1 / -1; }
}
html.sc-sys.sc-p-plan article .text-faded-info:has(> svg.circles) { display: none; }
html.sc-sys.sc-p-plan article .card > .row > .card-body.d-flex { column-gap: 28px; }
html.sc-sys.sc-p-plan article .card > .row > .card-body.d-flex > [class*="col-"]:has(> img) > img { border-radius: 12px; }
html.sc-sys.sc-p-plan article .card .offer-brick { background: var(--h-gold-soft) !important; border: 1px solid var(--h-gold-line); color: var(--h-gold) !important; box-shadow: none !important; border-radius: 14px !important; }
html.sc-sys.sc-p-plan article .card .offer-brick :is(i, svg) { color: var(--h-gold) !important; }
@media (max-width: 767px) {
  html.sc-sys.sc-p-plan article .card > .row > .card-body.d-flex { flex-wrap: wrap; row-gap: 18px; padding: 22px 20px !important; }
  html.sc-sys.sc-p-plan article .card > .row > .card-body.d-flex > .ps-4 { flex: 1 1 100%; padding-left: 0 !important; margin-left: 0 !important; }
  html.sc-sys.sc-p-plan article .card > .row > .card-body.d-flex > [class*="col-"]:has(> img) { flex: 0 0 100%; min-height: 0 !important; }
  html.sc-sys.sc-p-plan article .card > .row > .card-body.d-flex > [class*="col-"]:has(> img) > img { display: block; width: 100%; height: auto; }
}
html.sc-sys.sc-p-plan article > section h2.text-center:not(:where(.card *, .alert *))::before {
  content: ""; display: block; width: 12px; height: 12px; border-radius: 3px; margin: 0 auto 20px; background: var(--h-gold); box-shadow: 0 0 0 5px var(--h-gold-soft);
}
html.sc-sys.sc-p-plan :is(.sc-recipes-cta-inline, .sc-servers-cta-inline) h2 { font-size: 26px !important; line-height: 1.2 !important; }
html.sc-sys.sc-p-plan .sc-servers-cta-inline h2::before { display: none; }
html.sc-sys.sc-p-plan article > section:not(#plans) .row.justify-content-center > .col-lg-10.col-md-11 { max-width: 1320px; }
html.sc-sys.sc-p-plan article > section.price-faq { max-width: 1320px; margin-left: auto; margin-right: auto; }
html.sc-sys.sc-p-plan article > p:not([class]) { max-width: 1320px; margin-left: auto !important; margin-right: auto !important; }
html.sc-sys.sc-p-plan article > p.sc-best-companion-link { max-width: 900px; margin: 0 auto; padding: 8px 24px 56px; text-align: center; color: var(--h-muted); font-size: 14.5px; }
html.sc-sys.sc-p-plan article > p.sc-best-companion-link a { color: var(--h-gold); }
@media (max-width: 767px) {
  html.sc-sys.sc-p-plan.sc-g-project-zomboid article { --sc-scene: url(/wp-content/media/look/scene-zomboid-night-m.webp); }
  html.sc-sys.sc-p-plan.sc-g-satisfactory section#plans { --sc-scene: url(/wp-content/media/look/scene-satisfactory-m.webp); }
  html.sc-sys.sc-p-plan.sc-g-vintage-story section#plans { --sc-scene: url(/wp-content/media/look/scene-vintage-story-m.webp); }
  html.sc-sys.sc-p-plan.sc-g-terraria section#plans { --sc-scene: url(/wp-content/media/look/scene-terraria-plan-m.webp); }
  html.sc-sys.sc-p-plan.sc-g-conan-exiles section#plans { --sc-scene: url(/wp-content/media/look/scene-conan-exiles-m.webp); }
  html.sc-sys.sc-p-plan.sc-g-enshrouded section#plans { --sc-scene: url(/wp-content/media/look/scene-enshrouded-m.webp); }
  html.sc-sys.sc-p-plan.sc-g-icarus section#plans { --sc-scene: url(/wp-content/media/look/scene-icarus-plan-m.webp); }
  html.sc-sys.sc-p-plan.sc-g-factorio section#plans { --sc-scene: url(/wp-content/media/look/scene-factorio-plan-m.webp); }
}