
/* Scoped to this homepage content, leaving the theme navigation/banner intact. */
.sg-home{--sg-accent:#70e6a0;--sg-ink:#f0f5f2;--sg-muted:#b4c5bc;--sg-border:#293d34;width:min(1600px,calc(100vw - 64px))!important;max-width:none!important;position:relative;left:50%;transform:translateX(-50%);margin:0!important;padding:clamp(24px,4vw,64px) 0;color:var(--sg-ink);box-sizing:border-box}
.sg-home *{box-sizing:border-box}
.sg-home .sg-home-intro{text-align:center;padding:8px 0 32px;border-bottom:1px solid var(--sg-border)}
.sg-home h2.wp-block-heading{font-size:clamp(27px,3vw,38px);line-height:1.18;margin:0 0 14px;color:var(--sg-ink)}
.sg-home h3.wp-block-heading{font-size:23px;line-height:1.25;margin:0 0 12px;color:var(--sg-ink)}
.sg-home p{font-size:16px;line-height:1.65;color:var(--sg-muted);margin:0 0 20px}
.sg-home .sg-home-intro p,.sg-home .sg-home-section-heading p{max-width:720px;margin-left:auto;margin-right:auto}
.sg-home .sg-home-section{margin:clamp(40px,6vw,72px) 0 0}
.sg-home .sg-home-section-heading{text-align:center;margin:0 0 28px}
.sg-home .wp-block-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px 0 0}
.sg-home .wp-block-button{margin:0}
.sg-home .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;background:#143c2a;color:#e7fff0!important;padding:12px 21px;border-radius:7px;border:1px solid #4eae78;font-size:15px;font-weight:700;line-height:1.3;text-decoration:none;min-height:46px}
.sg-home a:focus-visible{outline:3px solid #0aaeb4;outline-offset:4px}
.sg-home .wp-block-button__link:hover{background:#205839;border-color:#91ffc1;box-shadow:0 0 22px #45c98126}
.sg-home .sg-home-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.sg-home .sg-home-tool{border:1px solid var(--sg-border);border-radius:14px;overflow:hidden;background:linear-gradient(150deg,#14211b,#090e0c);display:flex;flex-direction:column}
.sg-home .sg-home-tool>figure{margin:0!important;width:100%;padding:0!important}
.sg-home .sg-home-tool>figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#0a161a;border:0;border-radius:0}
.sg-home .sg-home-tool-copy{padding:26px;flex:1;display:flex;flex-direction:column}
.sg-home .sg-home-tool-copy .wp-block-buttons{justify-content:flex-start;margin-top:auto;padding-top:8px}
.sg-home .sg-home-apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sg-home .sg-home-app{border:1px solid var(--sg-border);border-radius:12px;padding:22px 18px;text-align:center;display:flex;flex-direction:column;background:linear-gradient(145deg,#131c18,#090d0b)}
.sg-home .sg-home-app>figure{margin:0 auto 18px!important;padding:0!important;width:100%;max-width:150px}
.sg-home .sg-home-app>figure img{display:block;width:100%;height:160px;object-fit:contain;border:0;border-radius:0;margin:auto}
.sg-home .sg-home-app h3.wp-block-heading{font-size:19px}
.sg-home .sg-home-app p{font-size:14px;margin-bottom:16px}
.sg-home .sg-home-app .wp-block-buttons{margin-top:auto;padding-top:4px}
.sg-home .sg-home-app .wp-block-button__link{font-size:14px;padding:9px 13px}
.sg-home .sg-home-help{background:linear-gradient(90deg,rgba(5,12,9,.58),rgba(5,12,9,.48)),url(https://spottedghosts.com/wp-content/uploads/2026/10/castle-1024x512.png) center/cover;border:1px solid #42614f;border-radius:14px;padding:clamp(24px,4vw,44px);text-align:center}
.sg-home .sg-home-help p{max-width:720px;margin-left:auto;margin-right:auto}
.sg-home .wc-block-product-template,.sg-home .wp-block-post-template{list-style:none!important;padding:0!important;margin:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important}
.sg-home .wc-block-product-template>li,.sg-home .wp-block-post-template>li{list-style:none!important;min-width:0;margin:0!important}
.sg-home .wc-block-product-template>li::marker,.sg-home .wp-block-post-template>li::marker{content:""}
.sg-home .wc-block-product-template .wp-block-post-title{font-size:18px!important;line-height:1.35;margin:15px 0 10px!important}
.sg-home .wc-block-product-template .wp-block-post-title a,.sg-home .wp-block-post-template .wp-block-post-title a{color:var(--sg-ink);text-decoration:none}
.sg-home .wc-block-product-template .wc-block-components-product-image img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:10px}
.sg-home .wp-block-woocommerce-product-price{text-align:center;margin-bottom:12px}
.sg-home .wp-block-woocommerce-product-button{display:flex;justify-content:center}
.sg-home .wp-block-post-template .wp-block-post-featured-image{margin:0 0 16px}
.sg-home .wp-block-post-template .wp-block-post-featured-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px}
.sg-home .wp-block-post-template .wp-block-post-title{font-size:19px!important;line-height:1.3;margin:0 0 12px!important}
.sg-home .wp-block-post-template .wp-block-post-excerpt p{font-size:14px}
.sg-home .wp-block-read-more{color:var(--sg-accent);font-weight:700}
@media(max-width:1024px){.sg-home .sg-home-apps,.sg-home .wc-block-product-template,.sg-home .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.sg-home{width:calc(100vw - 32px)!important;padding-left:0;padding-right:0}.sg-home .sg-home-tools,.sg-home .wp-block-post-template{grid-template-columns:1fr!important}.sg-home .sg-home-apps,.sg-home .wc-block-product-template{gap:20px 12px!important}.sg-home .sg-home-app{padding:18px 10px}.sg-home .sg-home-app h3.wp-block-heading{font-size:17px}.sg-home .sg-home-app>figure img{height:125px}.sg-home .wc-block-product-template .wp-block-post-title{font-size:16px!important}.sg-home .sg-home-tool-copy{padding:22px}}
@media(max-width:360px){.sg-home .sg-home-apps{grid-template-columns:1fr!important}}

/* Remove the theme hero on the homepage; keep the navigation visible. */
body.home.page-id-6 .custom-header{display:none!important}
body.home.page-id-6 #masthead{position:relative!important;top:auto!important;background:#070b09}
body.home.page-id-6 #masthead .navbar{background:#070b09!important}
body.home.page-id-6 #content{background:#070b09;background-image:radial-gradient(ellipse at 8% 5%,#14382566,transparent 35%),radial-gradient(ellipse at 96% 42%,#18312766,transparent 32%),radial-gradient(ellipse at 20% 85%,#16251f99,transparent 35%)}
body.home.page-id-6 #main>article>.entry-header{display:none}
body.home.page-id-6 #main>article>.entry-content{margin-top:0}
.sg-home .sg-home-intro{position:relative;padding:clamp(24px,5vw,64px) 16px 44px;background:radial-gradient(ellipse at 50% 0%,#2d6c4538,transparent 70%)}
.sg-home .sg-home-intro:before{content:"";display:block;width:64px;height:2px;background:#70e6a0;box-shadow:0 0 20px #70e6a0;margin:0 auto 24px}
.sg-home .sg-home-intro h2.wp-block-heading{font-size:clamp(32px,4vw,56px);letter-spacing:-.025em;text-shadow:0 0 32px #6adc9b22}
.sg-home .sg-home-section-heading h2.wp-block-heading{letter-spacing:-.015em}
.sg-home .sg-home-app,.sg-home .sg-home-tool{box-shadow:0 14px 32px #0004}
.sg-home .sg-home-app:hover{border-color:#52745e;box-shadow:0 14px 32px #0006,0 0 24px #52c9810a}
.sg-home .wc-block-product-template>li{padding:16px;background:linear-gradient(150deg,#141f19,#0a100c);border:1px solid var(--sg-border);border-radius:12px}
.sg-home .wc-block-components-product-price,.sg-home .woocommerce-Price-amount{color:#d9efe1}
.sg-home .wp-block-post-template>li{padding:20px;border:1px solid var(--sg-border);border-radius:12px;background:#0d1510}
.sg-home .wp-block-post-date{color:var(--sg-muted)!important;font-size:13px}
.sg-home .wp-block-post-excerpt{color:var(--sg-muted)!important}
.sg-home .wp-block-read-more{color:#70e6a0!important}
.sg-home .sg-home-help h2{color:#edfff3}
.sg-home .sg-home-help p,.sg-home .sg-home-vr p,.sg-home .sg-home-vr h2{text-shadow:0 2px 8px #000}
.sg-home .sg-home-help p{color:#e4f4e9}
@media(max-width:600px){.sg-home .wc-block-product-template>li{padding:10px}.sg-home .sg-home-intro{padding-left:0;padding-right:0}}

.sg-home .sg-home-vr{position:relative;overflow:hidden;padding:clamp(24px,4vw,48px);margin:64px 0 0;border:1px solid #42614f;border-radius:14px;background:#09140e;color:#f0f5f2}
.sg-home .sg-home-vr>.wp-block-cover__image-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1}
.sg-home .sg-home-vr>.wp-block-cover__background{position:absolute;inset:0;background:#051009!important;opacity:.40}
.sg-home .sg-home-vr>.wp-block-cover__inner-container{position:relative;z-index:1;width:100%}
.sg-home .sg-home-vr .wp-block-spacer{display:none}
.sg-home .sg-home-vr p,.sg-home .sg-home-vr h2.wp-block-heading{color:#e4f4e9;text-align:center}
.sg-home .sg-home-vr .has-x-large-font-size{font-size:clamp(28px,3vw,38px);line-height:1.2;margin-bottom:14px}
.sg-home .sg-home-vr .wp-block-columns{display:flex;gap:24px;margin:28px 0;align-items:stretch}
.sg-home .sg-home-vr .wp-block-column{flex:1;min-width:0;text-align:center}
.sg-home .sg-home-vr figure{margin:0 auto 16px!important}
.sg-home .sg-home-vr figure img{display:block;max-width:100%;height:auto;margin:auto}
.sg-home .sg-home-vr .wp-block-column h2.wp-block-heading{font-size:18px!important;line-height:1.3}
.sg-home .sg-home-vr .wp-block-columns:nth-last-of-type(2){justify-content:center}
.sg-home .sg-home-vr .wp-block-column .size-medium img{max-width:180px}
@media(max-width:700px){.sg-home .sg-home-vr .wp-block-columns{flex-wrap:wrap;gap:24px 16px}.sg-home .sg-home-vr .wp-block-column{flex:1 1 calc(50% - 16px)}}

/* Keep app cards equal despite WordPress/theme block spacing and image rules. */
.sg-home .wp-block-group.sg-home-apps {
    display: grid !important;
    align-items: stretch !important;
    grid-auto-rows: 1fr;
}
.sg-home .sg-home-apps > .wp-block-group.sg-home-app {
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
}
.sg-home .sg-home-app > .wp-block-image {
    flex: 0 0 160px;
    height: 160px !important;
    min-height: 0 !important;
}
.sg-home .sg-home-app > .wp-block-image a {
    display: block;
    height: 100%;
}
.sg-home .sg-home-app > .wp-block-image img {
    width: 100% !important;
    height: 160px !important;
    min-height: 0 !important;
    max-height: 160px !important;
    object-fit: contain !important;
}
.sg-home .sg-home-app > .wp-block-heading {margin-top: 0 !important;}
.sg-home .sg-home-app > p {margin-top: 0 !important;}
.sg-home .sg-home-app > .wp-block-buttons {margin-top: auto !important;}
@media(max-width:600px) {
    .sg-home .sg-home-app > .wp-block-image {flex-basis:125px;height:125px !important;}
    .sg-home .sg-home-app > .wp-block-image img {height:125px !important;max-height:125px !important;}
}
@media(max-width:360px) {
    .sg-home .wp-block-group.sg-home-apps {grid-auto-rows:auto;}
}

/* Match the VR action to the shared homepage buttons. */
.sg-home .sg-home-vr .wp-block-button__link {
    background: #143c2a !important;
    color: #e7fff0 !important;
    border: 1px solid #4eae78 !important;
    border-radius: 7px !important;
    padding: 12px 21px !important;
    font-size: 15px !important;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
    min-height: 46px;
}
.sg-home .sg-home-vr .wp-block-button__link:hover {
    background: #205839 !important;
    border-color: #91ffc1 !important;
    box-shadow: 0 0 22px #45c98126;
}

/* Equal software cards, including theme and WordPress block spacing overrides. */
.sg-home .wp-block-group.sg-home-tools {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch !important;
    gap: 24px;
}
.sg-home .sg-home-tools > .wp-block-group.sg-home-tool {
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    margin: 0 !important;
    min-width: 0;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
}
.sg-home .sg-home-tool > .wp-block-image {
    position: relative;
    flex: none;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background: #0a161a;
}
.sg-home .sg-home-tool > .wp-block-image a {
    display: block;
    width: 100%;
    height: 100%;
}
.sg-home .sg-home-tool > .wp-block-image img {
    display: block;
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    margin: 0 !important;
}
.sg-home .sg-home-tool > .wp-block-group.sg-home-tool-copy {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto;
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
}
.sg-home .sg-home-tool-copy > .wp-block-heading,
.sg-home .sg-home-tool-copy > p {margin-top: 0 !important;}
.sg-home .sg-home-tool-copy > .wp-block-buttons {
    margin-top: auto !important;
    margin-bottom: 0 !important;
    justify-content: flex-start;
}
@media (max-width: 600px) {
    .sg-home .wp-block-group.sg-home-tools {grid-template-columns: 1fr !important;}
}
