.hosting-home {
    --ink:#343630;
    --muted:#54584f;
    --line:#c2c2b9;
    --accent:#435f4d;
    --action:#526f5c;
    --action-hover:#445e4d;
    --action-ink:#ffffff;
    background:#d8d7d2;
    color:var(--ink);
    font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;
    line-height:1.6;
    padding-top:80px;
}
.hosting-home * {
    box-sizing:border-box;
}
.hosting-home .container {
    max-width:1240px;
    padding-right:28px;
    padding-left:28px;
}
.hosting-home a {
    color:inherit;
}
.hosting-home a:hover {
    text-decoration:none;
}
.hosting-home :focus-visible {
    outline:3px solid var(--accent);
    outline-offset:5px;
}
.hosting-home .home-nav {
    --ink:#eef2ed;
    --muted:#ccd7cd;
    --line:#667b6c;
    --accent:#bdcebc;
    --action:#bdcebc;
    --action-hover:#cddccb;
    --action-ink:#29372d;
    background:#45574b;
    color:var(--ink);
    border-bottom:1px solid var(--line);
    min-height:80px;
}
.hosting-home .navbar-brand {
    font-size:23px;
    font-weight:800;
    letter-spacing:-1px;
}
.hosting-home .home-brand-accent {
    color:var(--accent);
}
.hosting-home .navbar-brand img {
    width:35px;
    height:35px;
    object-fit:contain;
}
.hosting-home .navbar-nav {
    align-items:center;
    gap:26px;
}
.hosting-home .nav-link {
    color:var(--ink)!important;
    font-size:14px;
}
.hosting-home .nav-link:hover {
    color:var(--accent)!important;
}
.home-button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    padding:14px 23px;
    min-height:48px;
    border-radius:9px;
    background:var(--action);
    color:var(--action-ink)!important;
    font-size:15px;
    font-weight:750;
    border:1px solid var(--action);
    transition:background .15s,transform .15s;
}
.home-button:hover {
    background:var(--action-hover);
    transform:translateY(-2px);
}
.home-button--ghost {
    background:transparent;
    color:var(--ink)!important;
    border-color:#c2c2b9;
}
.home-button--ghost:hover {
    background:#e9e8e3;
}
.home-button--small {
    padding:9px 18px;
    min-height:42px;
    font-size:14px;
}
.home-hero {
    display:grid;
    grid-template-columns:1.05fr 1fr;
    gap:52px;
    align-items:center;
    padding:70px 0 60px;
}
.home-eyebrow {
    font-size:11px;
    letter-spacing:2px;
    font-weight:750;
    text-transform:uppercase;
    color:var(--accent);
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:22px;
}
.home-dot {
    display:inline-block;
    width:7px;
    height:7px;
    background:var(--accent);
    border-radius:50%;
}
.home-hero h1 {
    font-size:clamp(42px,4.5vw,66px);
    font-weight:780;
    letter-spacing:-2.8px;
    line-height:1.08;
    margin:0 0 25px;
}
.home-hero h1 em {
    color:var(--accent);
    font-style:normal;
}
.home-hero-copy>p {
    max-width:470px;
    font-size:16px;
    color:var(--muted);
    margin:0 0 28px;
}
.home-actions {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}
.home-price-note {
    margin-top:19px;
    color:var(--muted);
    font-size:12px;
}
.home-price-note b {
    color:var(--ink);
}
.new-user-offer {
    background:var(--accent);
    color:#fff;
    font-size:13px;
    font-weight:700;
}
.new-user-offer .container {
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
}
.new-user-offer i {
    margin-right:7px;
}
.new-user-offer a {
    color:#fff;
    text-decoration:underline;
    text-underline-offset:3px;
}
.new-user-offer a:hover,
.new-user-offer a:focus {
    color:#fff;
    text-decoration-thickness:2px;
}
/* A single, in-flow welcome offer, scoped to the landing page. */
.home-welcome-offer {
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:22px;
    margin-top:24px;
    padding:20px 24px;
    border:1px solid #b6c0b2;
    border-left:4px solid var(--accent);
    border-radius:14px;
    background:#e9e8e3;
}
.home-welcome-offer__badge {
    display:flex;
    align-items:baseline;
    justify-content:center;
    padding:16px 12px;
    border:1px solid #b6c4b3;
    border-radius:11px;
    background:#d4dfd0;
    color:#354e3e;
    font-size:36px;
    font-weight:800;
    line-height:1.25;
    letter-spacing:-2px;
    white-space:nowrap;
}
.home-welcome-offer__badge span {
    margin-left:2px;
    font-size:24px;
    letter-spacing:-1px;
}
.home-welcome-offer__eyebrow {
    display:block;
    margin-bottom:4px;
    color:var(--accent);
    font-size:11px;
    font-weight:750;
    letter-spacing:.8px;
    text-transform:uppercase;
}
.home-welcome-offer h2 {
    margin:0;
    font-size:21px;
    font-weight:750;
    line-height:1.3;
    letter-spacing:-.4px;
}
.home-welcome-offer p {
    margin:6px 0 0;
    color:var(--muted);
    font-size:13px;
    line-height:1.5;
}
.home-welcome-offer__copy a {
    display:inline-block;
    color:var(--accent);
    text-decoration:underline;
    text-underline-offset:3px;
}
.home-welcome-offer__copy a:hover {
    text-decoration:underline;
    text-decoration-thickness:2px;
}
.home-welcome-offer__action {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    min-height:46px;
    padding:10px 18px;
    border:1px solid #899f8e;
    border-radius:8px;
    color:var(--accent)!important;
    font-size:14px;
    font-weight:750;
    text-align:center;
    transition:background .15s,border-color .15s;
}
.home-welcome-offer__action:hover {
    background:#d4dfd0;
    border-color:var(--accent);
}
.home-welcome-offer+.home-hero {
    padding-top:42px;
}
#welcome-discount {
    scroll-margin-top:100px;
}
#welcome-discount:target {
    border-color:var(--accent);
    border-radius:10px;
    background:#e9e8e3;
    padding-right:16px;
    padding-left:16px;
}
@media(max-width:991px) {
    .home-welcome-offer {
        grid-template-columns:auto minmax(0,1fr);
        gap:12px 18px;
    }
    .home-welcome-offer__badge {
        grid-row:1 / 3;
    }
    .home-welcome-offer__action {
        grid-column:2;
        justify-self:start;
    }
}
@media(max-width:640px) {
    .home-welcome-offer {
        margin-top:16px;
        padding:16px;
        gap:12px;
        border-radius:12px;
    }
    .home-welcome-offer__badge {
        grid-row:auto;
        align-self:start;
        padding:12px 8px;
        font-size:28px;
        letter-spacing:-1.5px;
    }
    .home-welcome-offer__badge span {
        font-size:19px;
    }
    .home-welcome-offer__eyebrow {
        font-size:10px;
        letter-spacing:.4px;
    }
    .home-welcome-offer h2 {
        font-size:17px;
        letter-spacing:-.2px;
    }
    .home-welcome-offer p {
        font-size:12px;
    }
    .home-welcome-offer__action {
        grid-column:1 / -1;
        justify-self:stretch;
        min-height:44px;
        padding:9px 14px;
        font-size:13px;
    }
    .home-welcome-offer+.home-hero {
        padding-top:30px;
    }
}
@media(max-width:360px) {
    .home-welcome-offer {
        padding:12px;
        gap:10px;
    }
    .home-welcome-offer__badge {
        padding:12px 6px;
        font-size:26px;
    }
    .home-welcome-offer__badge span {
        font-size:18px;
    }
}
.home-scene {
    position:relative;
    padding:14px 0 40px 12px;
}
.home-scene-frame {
    position:relative;
    border:1px solid #c2c2b9;
    border-radius:22px;
    overflow:hidden;
    transform:rotate(2deg);
    background:#e9e8e3;
}
.home-scene-frame>img {
    width:100%;
    height:365px;
    object-fit:cover;
    display:block;
    opacity:.94;
}
.home-scene-caption {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:60px 22px 22px;
    display:flex;
    justify-content:space-between;
    align-items:end;
    background:linear-gradient(transparent,rgba(16,16,12,.95));
    font-size:13px;
}
.home-scene-caption strong {
    font-size:22px;
    display:block;
    letter-spacing:-.5px;
}
.home-scene-caption span:last-child {
    color:var(--accent);
    font-size:11px;
}
.home-scene-label {
    position:absolute;
    top:0;
    left:-10px;
    border:1px solid #c2c2b9;
    background:#e9e8e3;
    padding:10px 16px;
    border-radius:8px;
    z-index:1;
    font-size:12px;
    font-weight:650;
    transform:rotate(-3deg);
}
.home-scene-panel {
    position:absolute;
    bottom:8px;
    left:34px;
    right:16px;
    display:flex;
    align-items:center;
    gap:13px;
    background:#e9e8e3;
    border:1px solid #c2c2b9;
    border-radius:13px;
    padding:16px 20px;
    box-shadow:0 15px 35px #24232a15;
}
.home-scene-panel i {
    color:var(--accent);
    font-size:23px;
}
.home-scene-panel strong {
    display:block;
    font-size:14px;
}
.home-scene-panel small {
    color:#54584f;
    font-size:11px;
}
.home-scene-panel>span:last-child {
    margin-left:auto;
    color:var(--accent);
    font-size:23px;
}
.home-trust {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    padding:24px 0;
    gap:20px;
}
.home-trust>div {
    display:flex;
    align-items:center;
    gap:14px;
}
.home-trust i {
    color:var(--accent);
    font-size:18px;
}
.home-trust strong {
    display:block;
    font-size:13px;
}
.home-trust small {
    color:var(--muted);
    font-size:11px;
}
.home-section {
    padding:76px 0;
    scroll-margin-top:90px;
}
.home-section-head {
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:24px;
    margin-bottom:30px;
}
.home-section-head .home-eyebrow {
    margin-bottom:10px;
}
.home-section h2 {
    font-size:clamp(29px,3vw,40px);
    font-weight:750;
    letter-spacing:-1.3px;
    line-height:1.2;
    margin:0;
}
.home-section-head>p {
    max-width:340px;
    color:var(--muted);
    font-size:14px;
    margin:0;
}
.home-game-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}
.home-game {
    border:1px solid var(--line);
    border-radius:14px;
    overflow:hidden;
    background:#e9e8e3;
    transition:border-color .2s,transform .2s;
    min-width:0;
    display:flex;
    flex-direction:column;
}
.home-game:hover {
    border-color:#899f8e;
    transform:translateY(-4px);
}
.home-game-art {
    position:relative;
    aspect-ratio:616/300;
    overflow:hidden;
}
.home-game-art img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .3s;
}
.home-game:hover img {
    transform:scale(1.04);
}
.home-game-tag {
    position:absolute;
    top:14px;
    left:14px;
    background:#ceddce;
    color:#343630;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.8px;
    padding:5px 10px;
    border-radius:5px;
}
.home-game-body {
    padding:20px;
    display:flex;
    flex:1;
    flex-direction:column;
}
.home-game h3 {
    font-size:19px;
    font-weight:700;
    margin:0 0 6px;
    letter-spacing:-.5px;
}
.home-game p {
    font-size:12px;
    color:var(--muted);
    margin:0 0 22px;
}
.home-game-bottom {
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:10px;
    margin-top:auto;
}
.home-game-price {
    font-size:12px;
    color:var(--muted);
}
.home-game-price strong {
    font-size:23px;
    color:var(--ink);
    letter-spacing:-.6px;
}
.home-game-price small {
    display:block;
    font-size:11px;
}
.home-game-link {
    display:inline-flex;
    align-items:center;
    gap:12px;
    color:var(--accent)!important;
    font-size:12px;
    font-weight:700;
    min-height:44px;
}
.home-features {
    background:#dfded8;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}
.home-feature-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:38px 50px;
}
.home-feature i {
    display:flex;
    width:42px;
    height:42px;
    background:#dfded8;
    border-radius:10px;
    align-items:center;
    justify-content:center;
    color:var(--accent);
    margin-bottom:18px;
}
.home-feature h3 {
    font-size:17px;
    font-weight:700;
    letter-spacing:-.3px;
}
.home-feature p {
    font-size:13px;
    color:var(--muted);
    margin:0;
    max-width:340px;
}
.home-sharing-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
    margin-top:42px;
}
.home-sharing-card {
    display:flex;
    flex-direction:column;
    padding:28px;
    border:1px solid var(--line);
    border-radius:14px;
    background:#e9e8e3;
}
.home-sharing-card__label {
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:18px;
    color:var(--accent);
    font-size:12px;
    font-weight:700;
}
.home-sharing-card__label i {
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    flex-shrink:0;
    border-radius:10px;
    background:#cbdacb;
    font-size:15px;
}
.home-sharing-card h3 {
    margin:0 0 12px;
    font-size:22px;
    font-weight:750;
    letter-spacing:-.5px;
    line-height:1.3;
}
.home-sharing-card p {
    margin:0 0 22px;
    color:var(--muted);
    font-size:14px;
}
.home-sharing-card__note {
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-top:auto;
    padding-top:16px;
    border-top:1px solid var(--line);
    color:var(--accent);
    font-size:12px;
    font-weight:600;
}
.home-sharing-card__note i {
    flex-shrink:0;
    line-height:inherit;
}
.home-start-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}
.home-start-step {
    border-top:1px solid #c2c2b9;
    padding-top:22px;
}
.home-start-step>span {
    font-family:monospace;
    font-size:12px;
    color:var(--accent);
}
.home-start-step h3 {
    font-size:20px;
    margin:17px 0 9px;
    font-weight:700;
}
.home-start-step p {
    font-size:14px;
    color:var(--muted);
    max-width:320px;
}
.home-faq {
    display:grid;
    grid-template-columns:1fr 1.5fr;
    gap:65px;
    border-top:1px solid var(--line);
}
.home-faq-intro p {
    color:var(--muted);
    font-size:14px;
    margin:20px 0;
}
.home-faq-intro a {
    color:var(--accent);
}
.home-faq details {
    border-bottom:1px solid var(--line);
    padding:20px 0;
}
.home-faq details:first-child {
    padding-top:0;
}
.home-faq summary {
    display:flex;
    justify-content:space-between;
    gap:20px;
    cursor:pointer;
    font-size:16px;
    font-weight:600;
    list-style:none;
    min-height:35px;
    align-items:center;
}
.home-faq summary::-webkit-details-marker {
    display:none;
}
.home-faq summary:after {
    content:'+';
    color:var(--accent);
    font-size:24px;
    font-weight:400;
}
.home-faq details[open] summary:after {
    content:'−';
}
.home-faq details p {
    margin:14px 30px 0 0;
    color:var(--muted);
    font-size:14px;
}
.home-final {
    background:linear-gradient(115deg,#dfded8,#d8d7d2);
    border:1px solid #c2c2b9;
    border-radius:18px;
    padding:42px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:24px;
    margin-bottom:65px;
    color:#343630;
}
.home-final h2 {
    font-size:34px;
    letter-spacing:-1.2px;
    font-weight:750;
    margin:0 0 8px;
}
.home-final p {
    color:var(--muted);
    font-size:14px;
    margin:0;
}
.home-final .home-button {
    flex-shrink:0;
}
.hosting-home footer {
    background:#cecec7;
    border-top:1px solid var(--line);
    padding:46px 0 20px;
    color:var(--muted);
    font-size:12px;
}
.hosting-home .footer-content {
    display:grid;
    grid-template-columns:1.2fr 1fr 1fr;
    gap:45px;
}
.hosting-home footer h5 {
    font-size:14px;
    color:#343630;
    font-weight:650;
    margin-bottom:18px;
}
.hosting-home footer p {
    margin-bottom:7px;
}
.hosting-home .footer-links {
    display:flex;
    flex-direction:column;
    gap:8px;
}
.hosting-home .social-icons {
    display:flex;
    gap:20px;
    font-size:20px;
}
.hosting-home .footer-bottom {
    border-color:var(--line)!important;
    font-size:10px;
}
.hosting-home .back-to-top {
    display:none;
    position:fixed;
    bottom:24px;
    right:24px;
    width:42px;
    height:42px;
    border:1px solid #b6b8ae;
    border-radius:10px;
    background:#e2e1db;
    color:var(--accent);
    align-items:center;
    justify-content:center;
    z-index:30;
}
.hosting-home #cookie-banner {
    z-index:1050;
}
.home-skip {
    position:fixed;
    top:-100px;
    left:20px;
    z-index:1100;
    background:var(--action);
    color:var(--action-ink)!important;
    padding:10px 20px;
}
.home-skip:focus {
    top:10px;
}
@media(min-width:1600px) {
    .home-hero {
        padding-top:90px;
        padding-bottom:80px;
    }
}
@media(max-width:991px) {
    .hosting-home .navbar-nav {
        align-items:stretch;
        gap:12px;
        padding:18px 0;
    }
    .hosting-home .navbar-collapse {
        padding-bottom:12px;
    }
    .home-hero {
        gap:28px;
        padding-top:45px;
    }
    .home-hero h1 {
        font-size:46px;
    }
    .home-scene-frame>img {
        height:335px;
    }
    .home-scene-panel {
        left:12px;
        right:0;
        padding:12px;
    }
    .home-game-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .home-trust {
        grid-template-columns:repeat(2,1fr);
        gap:22px;
    }
    .home-feature-grid {
        gap:30px;
    }
    .home-faq {
        gap:32px;
        grid-template-columns:1fr 1.4fr;
    }
    .home-final {
        padding:30px;
    }
    .home-final h2 {
        font-size:27px;
    }
}
@media(max-width:640px) {
    .hosting-home {
        padding-top:70px;
    }
    .hosting-home .home-nav {
        min-height:70px;
    }
    .hosting-home .container {
        padding:0 20px;
    }
    .home-hero {
        grid-template-columns:1fr;
        padding:35px 0 28px;
        gap:24px;
    }
    .home-hero h1 {
        font-size:clamp(32px, 9.5vw, 44px);
        letter-spacing:-2px;
    }
    .home-hero-copy>p {
        font-size:15px;
    }
    .home-eyebrow {
        font-size:10px;
        margin-bottom:18px;
    }
    .home-actions {
        gap:10px;
    }
    .home-actions .home-button {
        flex:1;
        padding:13px 16px;
        font-size:13px;
        white-space:nowrap;
    }
    .home-scene {
        max-width:480px;
        padding:10px 4px 40px 8px;
    }
    .home-scene-frame>img {
        height:280px;
    }
    .home-scene-label {
        left:0;
    }
    .home-scene-panel {
        left:18px;
        right:4px;
    }
    .home-scene-caption {
        padding:60px 16px 20px;
    }
    .home-scene-caption strong {
        font-size:19px;
    }
    .home-trust {
        gap:20px 12px;
        padding:22px 0;
    }
    .home-trust>div {
        gap:9px;
    }
    .home-trust strong {
        font-size:11px;
    }
    .home-trust small {
        font-size:10px;
    }
    .home-trust i {
        font-size:15px;
    }
    .home-section {
        padding:46px 0;
    }
    .home-section-head {
        display:block;
        margin-bottom:24px;
    }
    .home-section-head>p {
        margin-top:14px;
    }
    .home-game-grid {
        gap:14px;
    }
    .home-game-body {
        padding:13px;
    }
    .home-game h3 {
        font-size:16px;
    }
    .home-game p {
        font-size:11px;
        margin-bottom:14px;
    }
    .home-game-bottom {
        display:block;
    }
    .home-game-price strong {
        font-size:20px;
    }
    .home-game-link {
        font-size:11px;
        gap:9px;
    }
    .home-game-tag {
        top:8px;
        left:8px;
        font-size:8px;
        padding:4px 6px;
    }
    .home-game-art {
        aspect-ratio:1.4;
    }
    .home-feature-grid {
        grid-template-columns:1fr 1fr;
        gap:28px 20px;
    }
    .home-feature h3 {
        font-size:15px;
    }
    .home-feature p {
        font-size:12px;
    }
    .home-sharing-grid {
        grid-template-columns:1fr;
        gap:16px;
        margin-top:30px;
    }
    .home-sharing-card {
        padding:22px;
    }
    .home-sharing-card h3 {
        font-size:20px;
    }
    .home-start-grid {
        grid-template-columns:1fr;
        gap:16px;
    }
    .home-start-step {
        display:grid;
        grid-template-columns:30px 1fr;
        gap:0 14px;
        padding-top:16px;
    }
    .home-start-step>span {
        grid-row:span 2;
        padding-top:5px;
    }
    .home-start-step h3 {
        margin:0 0 7px;
        font-size:18px;
    }
    .home-start-step p {
        margin-bottom:0;
    }
    .home-faq {
        grid-template-columns:1fr;
        gap:20px;
    }
    .home-faq summary {
        font-size:14px;
    }
    .home-final {
        padding:26px;
        display:block;
        margin-bottom:42px;
    }
    .home-final h2 {
        font-size:28px;
    }
    .home-final .home-button {
        margin-top:22px;
        width:100%;
    }
    .hosting-home .footer-content {
        grid-template-columns:1fr;
        gap:26px;
    }
    .hosting-home footer {
        padding-top:32px;
    }
    .home-faq details p {
        font-size:13px;
    }
}
@media(prefers-reduced-motion:reduce) {
    .hosting-home * {
        scroll-behavior:auto!important;
        transition:none!important;
        animation:none!important;
    }
}
.hosting-home #cookie-banner {
    position:fixed;
    bottom:20px;
    left:20px;
    right:20px;
    max-width:700px;
    margin:auto;
    background:#e9e8e3;
    border:1px solid #b6b8ae;
    border-radius:12px;
    padding:16px 20px;
    box-shadow:0 8px 35px #24232a15;
    font-size:12px;
    color:#44483f;
}
.hosting-home .cookie-banner__content {
    display:flex;
    align-items:center;
    gap:20px;
}
.hosting-home #cookie-banner a {
    color:var(--accent);
    text-decoration:underline;
}
.hosting-home #cookie-accept {
    background:var(--action);
    color:var(--action-ink);
    border-color:var(--action);
    border-radius:7px;
    min-height:42px;
    padding:8px 16px;
}
.home-scene-caption {
    bottom:44px;
}
.hosting-home .social-icons a {
    min-width:44px;
    min-height:44px;
    display:inline-flex;
    align-items:center;
}
.home-game-art {
    border-radius:0;
}
.hosting-home footer a:focus-visible {
    outline-offset:1px;
}
@media(max-width:640px) {
    .new-user-offer .container {
        min-height:52px;
        justify-content:space-between;
        gap:12px;
        font-size:11px;
        line-height:1.3;
    }
    .new-user-offer a {
        flex:0 0 auto;
    }
    .hosting-home #cookie-banner {
        bottom:10px;
        left:10px;
        right:10px;
        padding:13px;
        font-size:11px;
    }
    .hosting-home .cookie-banner__content {
        gap:10px;
    }
    .home-scene-caption {
        bottom:44px;
    }
    .home-scene-caption>span:last-child {
        display:none;
    }
}

/* Keep image captions readable while the surrounding page uses light surfaces. */
.hosting-home .navbar-brand,.hosting-home .navbar-brand:hover { color:var(--ink); }
.hosting-home .navbar-toggler { border-color:#8ea18f; }
.hosting-home .navbar-toggler-icon { filter:none; }
.home-scene-caption { color:#fff; background:linear-gradient(transparent,rgba(20,20,26,.88)); }
.home-scene-caption span:last-child { color:#e1e9dd; }
.home-scene-frame { border-color:#c2c2b9; }
.home-scene-panel { box-shadow:0 12px 32px rgba(36,49,40,.12); }
.home-feature i { background:#cbdacb; }
.home-final { background:#dfded8; border-color:#c2c2b9; }
.home-game:hover { border-color:#899f8e; }

/* Sage and stone: neutral hero surfaces let the game artwork lead. */
.home-hero-band {
    --ink:#343630;
    --muted:#54584f;
    --line:#c2c2b9;
    --accent:#435f4d;
    --action:#526f5c;
    --action-hover:#445e4d;
    --action-ink:#ffffff;
    background:#d8d7d2;
    color:var(--ink);
}
.home-hero-band .home-button--ghost { border-color:#a2a69a; }
.home-hero-band .home-button--ghost:hover { background:#cccec4; }
.home-hero-band .home-scene-frame { background:#e9e8e3; border-color:#c2c2b9; }
.home-hero-band .home-scene-label { background:#e9e8e3; color:var(--ink); border-color:#c2c2b9; }
.home-hero-band .home-scene-panel {
    --ink:#343630;
    --muted:#54584f;
    --accent:#435f4d;
    background:#e9e8e3;
    color:var(--ink);
    border-color:#c2c2b9;
    box-shadow:0 12px 30px rgba(40,42,35,.12);
}
.home-hero-band .home-scene-panel small { color:var(--muted); }
.home-trust { border-top:1px solid var(--line); }