/* CubixServ / Atelier — midnight, mineral, mint. Original logo and product data preserved. */
:root { --atelier-night:#080f1c; --atelier-panel:#101b2b; --atelier-mint:#90f2cd; --atelier-ink:#102c29; --atelier-muted:#a3b1c3; --atelier-line:#ffffff18; }
body.cbx-modern { background:#f3f6f8; }
.cbx-modern :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.cs-path-copy>strong,.cs-atelier-route-title) { font-family:'Space Grotesk','Manrope',sans-serif; }
.cbx-modern a:focus-visible,.cbx-modern button:focus-visible,.cbx-modern summary:focus-visible { outline:3px solid #299a85; outline-offset:4px; }
.cbx-modern :is(.cs-header,.cs-footer,.cbx-home) :is(a,button,summary):focus-visible { outline-color:var(--atelier-mint); }
.cbx-modern .primary-solid-btn { background:var(--atelier-mint)!important; border-color:var(--atelier-mint)!important; color:var(--atelier-ink)!important; box-shadow:0 5px 18px #4ab79815; font-weight:700; border-radius:8px; }
.cbx-modern .primary-solid-btn:hover { background:#b8ffe5!important; border-color:#b8ffe5!important; color:#09281f!important; box-shadow:0 8px 25px #4ab79828; }
.cbx-modern .outline-btn { color:#126555; border-color:#a3c9c0; }
.cbx-modern .outline-btn:hover { color:#083d33!important; background:#e4f8f0!important; border-color:#258a73!important; }
/* Full-width navigation. The exact original logo sits on its own white surface. */
.cs-utility { background:#060c15; border-color:#ffffff0e; }
.cs-utility>.cs-wrap { min-height:34px; }
.cbx-modern .cs-utility a,.cs-since { color:#a6b5c6; }
.cs-v2 { background:var(--atelier-mint); color:#103930; border:0; }
.cs-header,.cs-header.is-scrolled { top:0; width:100%; max-width:none; margin:0; border:0; border-bottom:1px solid #ffffff16; border-radius:0; background:#080f1cf5; box-shadow:0 8px 36px #02070f18; backdrop-filter:blur(20px); }
.cs-nav-shell { min-height:86px; max-width:1320px; width:calc(100% - 64px); }
.cs-header.is-scrolled .cs-nav-shell { min-height:76px; }
.cs-logo { padding:10px 12px; background:#fff; border-radius:7px; }
.cs-logo img { width:162px; height:auto; }
.cbx-modern .cs-dropdown>summary { color:#dce5ee; font-size:12px; font-weight:600; }
.cbx-modern .cs-dropdown.is-current>summary,.cbx-modern .cs-dropdown[open]>summary,.cbx-modern .cs-dropdown>summary:hover { color:var(--atelier-mint); background:#90f2cd0b; }
.cs-dropdown>summary:after { background:var(--atelier-mint); }
.cs-chevron,.cs-dropdown[open]>summary>.cs-chevron { color:#9daebe; }
.cs-nav-actions { border-color:#ffffff1c; }
.cbx-modern .cs-language { color:#b7c8d8; }
.cbx-modern .cs-client { background:var(--atelier-mint); border-color:var(--atelier-mint); color:#102c29; box-shadow:none; border-radius:7px; padding:13px 18px; }
.cbx-modern .cs-client:hover { background:#b8ffe5; color:#102c29; }
.cbx-modern .cs-search-trigger { color:#cbd9e8; background:#ffffff06; border-color:#ffffff26; }
.cbx-modern .cs-search-trigger:hover { background:#90f2cd12; color:var(--atelier-mint); border-color:#90f2cd55; }
.cs-panel { background:#101c2c; border-color:#2a3b4e; box-shadow:0 24px 70px #0007; border-radius:12px; }
.cs-panel-intro { background:linear-gradient(145deg,#182e3b,#10242f); border-color:#ffffff13; }
.cs-panel-symbol,.cs-service-icon,.cs-game-icon { background:#ffffff06; border-color:#ffffff19; color:#9ae6d0; }
.cs-game-icon { background:#eaf1f0; border:1px solid #fff; }
.cs-panel .cs-eyebrow { color:#92cbbd; }
.cbx-modern .cs-panel-intro h2 { color:#f2f8fc; }
.cbx-modern .cs-panel-intro p { color:#c1cede; }
.cbx-modern .cs-panel-intro>a { color:var(--atelier-mint); }
.cbx-modern .cs-game-link,.cbx-modern .cs-service-link { color:#e1ebf2; }
.cbx-modern .cs-service-link small,.cs-game-link small,.cs-game-link.cs-upcoming { color:#a5b5c8; }
.cbx-modern .cs-game-link:hover,.cbx-modern .cs-service-link:hover { color:var(--atelier-mint)!important; background:#90f2cd0b; border-color:#90f2cd28; }
.cbx-modern .cs-game-link[aria-current=page],.cbx-modern .cs-service-link[aria-current=page] { background:#90f2cd14!important; color:var(--atelier-mint)!important; }
.cs-directory-heading,.cs-panel-bottom { color:#b1c0d0; border-color:#ffffff17; background:#0b1625; }
.cbx-modern .cs-directory-heading a,.cbx-modern .cs-panel-bottom a { color:var(--atelier-mint); }
/* A continuous stage, rather than a boxed hero. */
.cbx-modern .cbx-home { color:#b9c6d7; background:var(--atelier-night); }
.cbx-modern .cbx-home :is(h2,h3,h4,h5,h6) { color:#eef4fc; }
.cbx-modern .cbx-home p { color:#adbed1; }
.cbx-modern .cbx-home>.ptb-100 { padding-top:85px; padding-bottom:85px; }
.cbx-modern .cbx-home .section-heading h2 { font-size:clamp(30px,3.3vw,46px); line-height:1.12; letter-spacing:-.045em; }
.cbx-modern .cbx-home .section-heading p { font-size:15px; line-height:1.85; }
.cs-atelier-hero { position:relative; overflow:hidden; isolation:isolate; background:#080f1c; padding:0 0 10px; }
.cs-atelier-hero:before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 85% 35%,#113c4024,transparent 58%); z-index:-1; pointer-events:none; }
.cs-atelier-stage { position:relative; min-height:610px; display:flex; align-items:center; }
.cs-atelier-copy { position:relative; z-index:2; width:52%; padding:65px 0 62px; }
.cs-atelier-kicker { color:#a7c3c4; font-size:10px; letter-spacing:.17em; font-weight:700; display:flex; align-items:center; gap:11px; margin-bottom:25px; }
.cs-atelier-kicker>span { display:block; width:7px; height:7px; background:var(--atelier-mint); box-shadow:0 0 18px #90f2cd60; border-radius:2px; }
.cbx-modern .cs-atelier-hero h1 { font-family:'Space Grotesk','Manrope',sans-serif; font-size:clamp(58px,5.7vw,84px); line-height:1.02; letter-spacing:-.065em; font-weight:700; color:#f4f8fc; margin:0 0 26px; }
.cs-atelier-hero h1>span { color:var(--atelier-mint); }
.cbx-modern .cs-atelier-lead { font-size:18px; line-height:1.6; color:#e0e7ef; margin:0 0 14px; letter-spacing:-.015em; }
.cbx-modern .cs-atelier-description { font-size:13px; line-height:1.8; color:#9cacc0; max-width:400px; margin:0; }
.cs-atelier-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:29px; }
.cbx-modern .cs-atelier-actions .btn { display:inline-flex; align-items:center; justify-content:center; gap:25px; min-height:54px; padding:15px 21px; font-size:12px; border-radius:7px; }
.cs-atelier-actions .btn>span { font-size:19px; line-height:1; transition:transform .2s; }
.cs-atelier-actions .btn:hover>span { transform:translate(2px,-2px); }
.cbx-modern .cs-atelier-secondary { background:#ffffff04; border:1px solid #ffffff28; color:#e5eef7; }
.cbx-modern .cs-atelier-secondary:hover { background:#ffffff0c; border-color:#90f2cd70; color:var(--atelier-mint); }
.cs-atelier-assurance { display:flex; align-items:center; gap:7px; color:#a4b7c9; font-size:10px; margin-top:18px; }
.cs-atelier-assurance>span { color:var(--atelier-mint); }
.cs-atelier-world { position:absolute; width:70%; right:-8%; top:50%; transform:translateY(-50%); pointer-events:none; z-index:1; }
.cs-atelier-world>img { display:block; width:100%; height:auto; mask-image:radial-gradient(ellipse 68% 68% at 52% 48%,#000 45%,transparent 80%); animation:atelier-world-in 1s ease-out both; }
.cs-atelier-world-caption { display:flex; align-items:center; gap:12px; position:absolute; bottom:5%; right:19%; color:#a3bfc9; font-size:8px; letter-spacing:.17em; }
.cs-atelier-world-line { display:block; width:34px; height:1px; background:#90f2cd; }
.cs-atelier-launchpad { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); position:relative; z-index:3; gap:1px; padding-left:0; padding-right:0; border:1px solid #ffffff18; border-radius:12px; background:#ffffff15; overflow:hidden; }
.cbx-modern .cs-atelier-route { display:flex; flex-direction:column; gap:10px; padding:25px 28px; background:#0e1928; color:#f1f7fc; text-decoration:none; position:relative; transition:background .2s; }
.cs-atelier-route:after { content:''; position:absolute; left:28px; right:28px; bottom:0; height:2px; background:var(--atelier-mint); transform:scaleX(0); transform-origin:left; transition:transform .25s; }
.cbx-modern .cs-atelier-route:hover { background:#132c33; color:#fff; }
.cs-atelier-route:hover:after { transform:scaleX(1); }
.cs-atelier-route-index { color:#83b9aa; font-size:9px; letter-spacing:.13em; font-weight:600; }
.cs-atelier-route-title { display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:19px; font-weight:600; letter-spacing:-.035em; line-height:1.25; }
.cs-atelier-route-title>span { color:var(--atelier-mint); font-size:21px; font-weight:400; transition:transform .2s; }
.cs-atelier-route:hover .cs-atelier-route-title>span { transform:translate(3px,-3px); }
.cs-atelier-route-detail { font-size:11px; color:#a5b7c9; }
.cbx-home .cbx-proofbar { background:transparent; border:0; }
.cbx-home .cbx-proofbar>.container { padding-top:34px; padding-bottom:35px; border-bottom:1px solid #ffffff13; }
.cbx-home .cbx-proofbar>.container>div { border-color:#ffffff17; }
.cbx-home .cbx-proofbar strong { font-family:'Space Grotesk',sans-serif; font-size:23px; color:#e2edf5; letter-spacing:-.04em; }
.cbx-home .cbx-proofbar span { color:#98acbe; font-size:11px; }
/* Game library: tall game covers, clear categories, whole-card destinations. */
.cbx-modern .cbx-home #gaming-offers { background:#080f1c; padding-top:76px; }
.cbx-modern .cbx-home #gaming-offers .section-heading h2 { max-width:710px; font-size:clamp(32px,3.5vw,50px); }
.cbx-modern .cbx-home #gaming-offers .section-heading p { color:#a4b7cb; }
.cbx-home .studio-label { color:#91d4c1; }
.cbx-home .studio-result-count { color:#a9bbce; }
.cbx-home .studio-catalog-tools { border-color:#ffffff17; }
.cbx-home .studio-game-search { background:#101e2e; border-color:#304457; color:#bdd4df; }
.cbx-home .studio-game-search input { background:transparent; color:#eff8ff; }
.cbx-home .studio-game-search input::placeholder { color:#a0b4c8; }
.cbx-home .studio-game-search:focus-within { border-color:var(--atelier-mint); box-shadow:0 0 0 3px #90f2cd15; }
.cbx-home .cbx-game-filters button { background:transparent; border-color:#2d4053; color:#b8c8d9; border-radius:5px; padding:10px 17px; }
.cbx-home .cbx-game-filters button:hover { background:#162a37; border-color:#517464; color:#fff; }
.cbx-home .cbx-game-filters button[aria-pressed=true] { background:var(--atelier-mint); color:#10352c; border-color:var(--atelier-mint); box-shadow:none; }
.cbx-home .studio-games-grid { gap:18px; }
.cbx-home .studio-games-grid .studio-game-item:nth-child(-n+2) { grid-column:auto; }
.cbx-home .studio-games-grid .card,.cbx-modern .cbx-home .studio-games-grid .card-body,.cbx-home .studio-games-grid .studio-game-item:nth-child(-n+2) .card { min-height:325px; }
.cbx-home .studio-games-grid .card { border-radius:10px!important; border-color:#ffffff20!important; background:#101c2c!important; }
.cbx-home .studio-games-grid .card:after { background:linear-gradient(180deg,#040a110d 20%,#070f1d44 43%,#070f1ddb 72%,#091424 100%); }
.cbx-home .studio-games-grid .card-img-top { opacity:.93; }
.cbx-modern .cbx-home .studio-games-grid .card-body { padding:24px!important; }
.cbx-modern .cbx-home .studio-games-grid h3,.cbx-modern .cbx-home .studio-games-grid .studio-game-item:nth-child(-n+2) h3 { font-size:27px; letter-spacing:-.04em; max-width:100%; }
.cbx-home .studio-games-grid .card:hover { border-color:#90f2cd88!important; box-shadow:0 18px 42px #0005; }
.cbx-modern .cbx-home .studio-games-grid .btn { color:#ddf5ed!important; border-color:#d3f3ea35; }
.cbx-home .studio-games-grid .cbx-game-genre { background:#080f1cce; border-color:#ffffff2a; border-radius:4px; backdrop-filter:blur(8px); }
.cbx-home .studio-games-grid .card:has(.btn:focus-visible) { outline-color:var(--atelier-mint); }
.cbx-modern .cbx-home #gaming-offers .call-to-action-content p { color:#a7bace!important; }
.cbx-modern .cbx-home .outline-btn { color:#b4e9d9; background:transparent; border-color:#3e655e; }
.cbx-modern .cbx-home .outline-btn:hover { background:#90f2cd12!important; color:#c7ffe9!important; border-color:#91d8c3!important; }
.cbx-home .studio-search-empty { color:#b4c8d8; border-color:#3a5164; background:#101d2d; }
/* Existing promotion, redesigned as an editorial offer. */
.cbx-home .feature-section:has(>.promotion-section) { padding-top:0; padding-bottom:72px; }
.cbx-home .promotion-section { position:relative; overflow:hidden; background:#122a2e!important; border:1px solid #487a674f; border-radius:16px; padding:52px!important; }
.cbx-home .promotion-section:before { background:radial-gradient(ellipse at 100% 0,#2d866948,transparent 70%)!important; opacity:1!important; }
.cbx-modern .cbx-home .promotion-section h2 { font-size:42px; line-height:1.13; letter-spacing:-.055em; color:#f2fff9!important; }
.cbx-modern .cbx-home .promotion-section :is(p,li) { color:#c0d7cd!important; }
.cbx-home .promotion-section .offer-tag-wrap { background:transparent!important; border:0!important; box-shadow:none!important; }
.cbx-home .promotion-section .offer-tag-wrap:before { display:none; }
.cbx-home .promotion-section .offer-tag-wrap>.position-relative>img { visibility:hidden; max-height:240px; }
.cbx-home .promotion-section .offer-tag { inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; transform:none; width:100%; }
.cbx-home .promotion-section .ribbon-2 { position:static; background:transparent; box-shadow:none; margin:0 0 12px; color:#b8d4c9; height:auto; line-height:1.5; }
.cbx-home .promotion-section .ribbon-2:before,.cbx-home .promotion-section .ribbon-2:after { display:none; }
.cbx-home .promotion-section .ribbon-2 span { color:#c9f6e3; font-size:10px; letter-spacing:.12em; }
.cbx-home .promotion-section .offer-price-tag { font-family:'Space Grotesk',sans-serif; font-size:100px; font-weight:700; line-height:.9; color:var(--atelier-mint); letter-spacing:-.07em; }
.cbx-home .promotion-section .offer-price-tag p { font-size:13px; letter-spacing:0; line-height:1.6; margin-top:16px; }
.cbx-modern .cbx-home .promotion-section .outline-white-btn { color:#dcfff0!important; background:#ffffff08!important; border-color:#81bdac!important; }
/* Reassurance and infrastructure keep their full original content. */
.cbx-home .studio-commitments { background:#0d1725; border-top:1px solid #ffffff0e; border-bottom:1px solid #ffffff0e; }
.cbx-home .studio-commitments .section-heading { margin-bottom:42px!important; }
.cbx-home .studio-commitments .features-box { background:transparent!important; border:0!important; border-top:1px solid #ffffff1f!important; border-radius:0!important; padding:28px 0!important; box-shadow:none; }
.cbx-home .studio-commitments .features-box-icon { background:#90f2cd0a; border:1px solid #90f2cd20; border-radius:12px; padding:13px; flex:0 0 63px; width:63px; height:63px; }
.cbx-home .studio-commitments .features-box-icon img { width:36px; height:36px; object-fit:contain; }
.cbx-modern .cbx-home .studio-commitments .features-box-content h3 { font-size:23px; color:#f0f7fa; }
.cbx-home .studio-commitments .features-box-content p { font-size:13px; color:#a7b8c9; }
.cbx-home #features { background:#080f1c!important; }
.cbx-home #features .feature-tab { border-bottom:1px solid #ffffff19!important; gap:6px; }
.cbx-home #features .feature-tab .nav-link { background:transparent!important; border:1px solid transparent!important; border-radius:8px 8px 0 0; }
.cbx-home #features .feature-tab .nav-link .h6 { color:#aabed1; }
.cbx-home #features .feature-tab .nav-link.active { background:#90f2cd0c!important; border-bottom-color:var(--atelier-mint)!important; }
.cbx-home #features .feature-tab .nav-link.active .h6 { color:var(--atelier-mint); }
.cbx-home #features .tab-content { background:#101c2c; border-color:#ffffff1b; border-radius:16px; }
.cbx-home #features .tab-pane { background:transparent!important; }
.cbx-home #features .tab-content :is(p,li) { color:#b8c9d9; }
.cbx-home #features .image-box img { max-height:235px; object-fit:contain; }
.cbx-home .cbx-network-partner { background:radial-gradient(ellipse at 20% 0,#143c3b,transparent 64%),#0c1c27!important; border-block:1px solid #90f2cd18; }
.cbx-home .cbx-network-label { color:#b6f1db; border-color:#477666; background:#90f2cd0a; }
.cbx-modern .cbx-home .cbx-network-partner .lead a { color:var(--atelier-mint); text-decoration:underline; text-underline-offset:4px; }
.cbx-home .cbx-network-benefit { background:transparent; border:0; border-top:1px solid #90f2cd35; border-radius:0; padding:27px 8px 0; box-shadow:none; }
.cbx-home .cbx-network-benefit>span { background:transparent; padding:0; border:0; color:var(--atelier-mint); font-family:'Space Grotesk',sans-serif; font-size:29px; font-weight:400; margin-bottom:23px; }
.cbx-home .cbx-network-benefit h3 { font-size:22px; color:#f2fff9; }
.cbx-home .cbx-network-benefit p { color:#b4c9ce; font-size:13px; }
.cbx-home>.call-to-action { background:#080f1c!important; }
.cbx-home>.call-to-action:before,.cbx-home>.call-to-action:after { display:none; }
.cbx-modern .cbx-home>.call-to-action .text-white { color:#eef6fa!important; }
.cbx-home .call-to-action-box { background:#111e2f!important; border:1px solid #ffffff17; box-shadow:none!important; }
.cbx-modern .cbx-home .call-to-action p { color:#a8bcd0!important; }
.cbx-home .call-to-action-box h3 { font-size:25px; }
.cbx-home>.call-to-action.gradient-overly-bottom { background:#112929!important; border-block:1px solid #90f2cd28; padding-top:56px; padding-bottom:56px; }
.cbx-modern .cbx-home>.call-to-action .solid-white-btn { background:var(--atelier-mint)!important; border-color:var(--atelier-mint)!important; color:#11342c!important; }
.cbx-home .client-review-section { background:#0b1523!important; }
.cbx-home .single-testimonial { background:#111f30!important; border-color:#ffffff1e!important; box-shadow:none; border-radius:12px!important; }
.cbx-modern .cbx-home .single-testimonial .text-right { color:#9bafc4; }
.cbx-home .single-testimonial .ratting-content p { color:#becbda; }
.cbx-home .single-testimonial .ratting-author p { color:#eef8ff; }
.cbx-home .ratting-list { color:var(--atelier-mint); }
.cbx-home .owl-theme .owl-dots .owl-dot span { background:#788b9e; }
.cbx-home .owl-theme .owl-dots .owl-dot.active span { background:var(--atelier-mint); }
/* Product pages: the same art direction with a light, legible comparison surface. */
.cbx-modern .cbx-product-hero { width:100%; max-width:none; margin:0; border:0; border-radius:0; padding-top:82px; padding-bottom:82px; background-color:#0a1523!important; }
.cbx-modern .cbx-product-hero:before { background:linear-gradient(90deg,#080f1cf5 0%,#080f1ce6 42%,#080f1c65 100%)!important; }
.cbx-modern .cbx-product-hero:after { background:radial-gradient(ellipse at 10% 100%,#0d68652d,transparent 65%); }
.cbx-modern .cbx-product-hero h1 { font-size:clamp(36px,4.6vw,66px); letter-spacing:-.055em; }
.cbx-modern .cbx-product-hero .cbx-product-eyebrow { color:var(--atelier-mint); border-color:#90f2cd42; background:#90f2cd09; }
.cbx-modern .cbx-product-hero .offer-tag-wrap,.cbx-modern .cbx-product-hero .custom-offer-box { background:linear-gradient(145deg,#153339e0,#0f202ede)!important; border-color:#90f2cd40!important; border-radius:12px!important; }
.cbx-product-nav { background:#fffefa; border-color:#dce5e5; box-shadow:0 6px 24px #102b2610; }
.cbx-product-nav-name { font-family:'Space Grotesk',sans-serif; font-size:16px; letter-spacing:-.03em; }
.cbx-product-nav-links>a[aria-current] { color:#11624f; }
.cbx-product-nav-links>a[aria-current]:after { background:#24856e; }
.cbx-product-nav-cta { background:#133c34; border-color:#133c34; border-radius:6px; }
.cbx-product-nav-cta:hover { background:#1d574c; }
.cbx-modern #pricing .nav-link.active { background:#173e37!important; color:#fff!important; border-color:#173e37!important; }
.cbx-modern #pricing .nav-link.active :is(h3,h4,h5,h6,.h6) { color:#f2fff8!important; }
.cbx-modern #pricing .pricing-switch button.active { background:#173e37; }
.cbx-modern .vps-hosting-pricing-table tbody tr:hover td { background:#f2faf7; }
.cbx-modern .vps-hosting-pricing-table .rate { color:#115d4a; }
.cbx-modern .vps-hosting-pricing-table thead,.cbx-modern .comparision-table thead { background:#102c29; }
/* Footer as the final call to action, with the same visual language. */
.cs-footer { background:radial-gradient(ellipse at 85% 0,#153c3533,transparent 55%),#070f1b; border-top:1px solid #ffffff17; }
.cs-footer-cta { padding-top:76px; padding-bottom:40px; }
.cbx-modern .cs-footer-cta h2 { font-family:'Space Grotesk',sans-serif; font-size:clamp(34px,4.1vw,58px); line-height:1.05; letter-spacing:-.055em; }
.cbx-modern .cs-footer-cta h2 span { color:var(--atelier-mint); }
.cs-footer .cs-eyebrow { color:#a7cabc; letter-spacing:.16em; }
.cbx-modern .cs-footer-intro p { color:#a8bacd; font-size:13px; }
.cbx-modern .cs-footer-intro>a { color:var(--atelier-mint); border-color:#467364; }
.cs-footer-paths { gap:15px; }
.cs-footer-path { border-radius:10px; background:#111f2d; border-color:#ffffff1d; min-height:236px; }
.cs-footer-path:hover { border-color:#90f2cd70; }
.cs-footer-path-vps { background:linear-gradient(135deg,#173930,#102b2d); }
.cs-footer-path-project { background:linear-gradient(135deg,#162532,#0c1b2c); }
.cs-path-top { color:#b4c9cc; }
.cs-path-top svg { color:#93e5cd; }
.cs-path-copy>strong { font-size:25px; font-weight:600; line-height:1.15; letter-spacing:-.04em; }
.cbx-modern .cs-footer .cs-path-action { color:#b8ffe1; border-color:#90f2cd32; }
.cs-footer-help { background:transparent; border-color:#ffffff18; border-radius:0; padding-left:0; padding-right:0; }
.cs-footer-main,.cs-footer-bottom { border-color:#ffffff19; }
.cbx-modern .cs-footer-column li a,.cbx-modern .cs-footer-brand p,.cbx-modern .cs-footer-bottom p { color:#a3b6c9; }
.cbx-modern .cs-footer-column li a:hover,.cbx-modern .cs-footer-team { color:#afe3d0; }
.cs-footer-column>summary { color:#f2f6fb; font-size:13px; }
.cs-footer-logo { border-radius:7px; }
.cbx-modern .cs-socials a { background:#ffffff05; border-color:#ffffff20; color:#c0d2e2; }
.cs-footer-bottom>div>span,.cs-payments>span { color:#98afc3!important; }
.cs-to-top { background:#142c30; color:#baffdf; border-color:#90f2cd4a; }
.cs-progress-ring circle { stroke:#90f2cd; }
@keyframes atelier-world-in { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
@media(min-width:1200px) { .cbx-modern .container { max-width:1240px; } }
@media(min-width:1100px) and (max-width:1279px) { .cs-nav-shell { width:calc(100% - 44px); gap:18px; } .cs-logo img { width:150px; } .cbx-modern .cs-dropdown>summary { padding:12px 9px; font-size:11px; } .cs-atelier-route { padding:24px!important; } .cs-atelier-route-title { font-size:17px; } .cs-atelier-world { width:70%; right:-7%; } }
@media(max-width:1099px) {
    .cs-nav-shell { min-height:78px; width:calc(100% - 40px); }
    .cs-header.is-scrolled .cs-nav-shell { min-height:72px; }
    .cs-header.cs-enhanced .cs-mobile-toggle { background:#ffffff08; color:var(--atelier-mint); border-color:#ffffff26; }
    .cs-header.cs-enhanced .cs-navigation { background:#0d1928; border-color:#304155; border-radius:10px; max-height:calc(100dvh - 112px); }
    .cs-dropdown { border-color:#ffffff16; }
    .cs-panel { background:#122131; }
    .cs-panel-intro { border-color:#ffffff1c; }
    .cs-game-link { border-color:#ffffff17; }
    .cs-nav-actions { border-color:#ffffff1c; }
    .cbx-modern .cs-mobile-contact { color:#b6c9d9; }
    .cs-atelier-stage { min-height:560px; }
    .cs-atelier-copy { width:60%; padding:52px 0; }
    .cbx-modern .cs-atelier-hero h1 { font-size:64px; }
    .cs-atelier-world { width:75%; right:-18%; }
    .cs-atelier-world-caption { right:24%; font-size:7px; bottom:2%; }
    .cs-atelier-launchpad { max-width:calc(100% - 60px); }
    .cbx-modern .cs-atelier-route { padding:22px; }
    .cs-atelier-route-title { font-size:18px; }
    .cs-atelier-route-detail { font-size:10px; }
    .cbx-home .studio-games-grid .card,.cbx-modern .cbx-home .studio-games-grid .card-body,.cbx-home .studio-games-grid .studio-game-item:nth-child(-n+2) .card { min-height:300px; }
    .cs-path-copy>strong { font-size:22px; }
}
@media(max-width:991px) {
    .cs-atelier-stage { display:block; min-height:0; padding-top:0; }
    .cs-atelier-copy { width:100%; max-width:540px; padding:48px 0 0; }
    .cs-atelier-world { position:relative; width:90%; margin:-35px -6% -15px auto; right:auto; top:auto; transform:none; }
    .cs-atelier-world-caption { right:19%; bottom:6%; }
    .cs-atelier-launchpad { max-width:690px; }
    .cs-atelier-route-title { font-size:17px; }
    .cs-atelier-route-detail { line-height:1.65; }
    .cs-atelier-assurance { position:relative; z-index:3; }
    .cbx-home .promotion-section { padding:35px!important; }
    .cbx-modern .cbx-home .promotion-section h2 { font-size:34px; }
    .cbx-home .promotion-section .offer-price-tag { font-size:82px; }
    .cbx-modern .cbx-product-hero { padding-block:60px; }
}
@media(max-width:767px) {
    .cbx-modern .cbx-home>.ptb-100 { padding-top:58px; padding-bottom:58px; }
    .cs-atelier-stage { padding-inline:24px; }
    .cs-atelier-copy { padding-top:43px; }
    .cs-atelier-kicker { font-size:8px; letter-spacing:.14em; margin-bottom:23px; }
    .cbx-modern .cs-atelier-hero h1 { font-size:clamp(46px,9.7vw,65px); letter-spacing:-.06em; margin-bottom:24px; }
    .cbx-modern .cs-atelier-lead { font-size:16px; line-height:1.6; }
    .cbx-modern .cs-atelier-description { font-size:12px; max-width:400px; }
    .cs-atelier-actions { margin-top:24px; gap:10px; }
    .cbx-modern .cs-atelier-actions .btn { min-height:49px; padding:13px 15px; font-size:11px; gap:18px; }
    .cs-atelier-assurance { font-size:9px; }
    .cs-atelier-world { width:114%; max-width:660px; margin:-3px -7% -8px; }
    .cs-atelier-world-caption { font-size:6px; bottom:5%; right:18%; }
    .cs-atelier-launchpad { width:calc(100% - 40px); max-width:500px; grid-template-columns:1fr; border-radius:10px; }
    .cbx-modern .cs-atelier-route { padding:17px 20px; gap:7px; }
    .cs-atelier-route-index { font-size:8px; }
    .cs-atelier-route-title { font-size:20px; }
    .cs-atelier-route-detail { font-size:11px; }
    .cbx-home .cbx-proofbar>.container { padding-block:28px; }
    .cbx-home .cbx-proofbar strong { font-size:20px; }
    .cbx-home .cbx-proofbar span { font-size:10px; }
    .cbx-modern .cbx-home #gaming-offers { padding-top:47px; }
    .cbx-modern .cbx-home #gaming-offers .section-heading h2 { font-size:34px; }
    .cbx-home .cbx-game-filters { gap:7px; }
    .cbx-home .cbx-game-filters button { font-size:10px; padding:9px 12px; min-height:38px; }
    .cbx-home .studio-games-grid { gap:12px; }
    .cbx-home .studio-games-grid .card,.cbx-modern .cbx-home .studio-games-grid .card-body,.cbx-home .studio-games-grid .studio-game-item:nth-child(-n+2) .card { min-height:247px; }
    .cbx-modern .cbx-home .studio-games-grid .card-body { padding:18px 13px!important; }
    .cbx-modern .cbx-home .studio-games-grid h3,.cbx-modern .cbx-home .studio-games-grid .studio-game-item:nth-child(-n+2) h3 { font-size:22px; }
    .cbx-home .studio-games-grid .cbx-game-genre { left:12px; top:12px; font-size:8px; }
    .cbx-home .promotion-section { width:calc(100% - 40px); padding:30px 24px!important; }
    .cbx-home .promotion-section .offer-tag-wrap { max-width:310px; margin-inline:auto; margin-top:20px!important; }
    .cbx-modern .cbx-home .promotion-section h2 { font-size:32px; }
    .cbx-home .promotion-section .offer-tag-wrap>.position-relative>img { max-height:230px; }
    .cbx-home .studio-commitments .features-box { padding:22px 0!important; }
    .cbx-home .studio-commitments .features-box-icon { width:52px; height:52px; flex-basis:52px; padding:10px; }
    .cbx-home .studio-commitments .features-box-icon img { width:30px; height:30px; }
    .cbx-home .cbx-network-benefit { padding:21px 0 9px; }
    .cbx-home .cbx-network-benefit>span { margin-bottom:12px; }
    .cbx-home .call-to-action-box { padding:28px!important; }
    .cbx-modern .cbx-product-hero { padding-block:48px; }
    .cbx-modern .cbx-product-hero h1 { font-size:38px; }
    .cs-footer-cta { padding-top:53px; padding-bottom:30px; }
    .cbx-modern .cs-footer-cta h2 { font-size:38px; }
    .cs-path-copy>strong { font-size:25px; }
    .cs-footer-column { border-color:#ffffff19; }
}
@media(max-width:374px) {
    .cs-nav-shell { width:calc(100% - 28px); }
    .cs-logo { padding:8px 10px; }
    .cs-logo img { width:139px; }
    .cs-atelier-stage { padding-inline:20px; }
    .cbx-modern .cs-atelier-hero h1 { font-size:43px; }
    .cs-atelier-actions { gap:8px; }
    .cbx-modern .cs-atelier-actions .btn { gap:10px; padding:12px 11px; font-size:10px; }
    .cs-atelier-assurance { font-size:8px; }
    .cbx-home .studio-games-grid .card,.cbx-modern .cbx-home .studio-games-grid .card-body,.cbx-home .studio-games-grid .studio-game-item:nth-child(-n+2) .card { min-height:227px; }
    .cbx-modern .cbx-home .studio-games-grid h3,.cbx-modern .cbx-home .studio-games-grid .studio-game-item:nth-child(-n+2) h3 { font-size:19px; }
    .cbx-modern .cbx-home #gaming-offers .section-heading h2 { font-size:30px; }
}
@media(prefers-reduced-motion:reduce) { .cs-atelier-world>img { animation:none; } .cs-atelier-route,.cs-atelier-route:after,.cs-atelier-route-title>span,.cs-atelier-actions .btn>span { transition:none; } }
/* Resolve legacy light surfaces within the new home theme. */
.cbx-modern .cs-atelier-launchpad { padding-left:0; padding-right:0; }
.cbx-modern .cbx-home .studio-result-count { color:#a9bbce; }
.cbx-modern .cbx-home #gaming-offers>.container>.row:last-child { background:#0e1c2b; border-color:#ffffff1c; border-radius:10px; }
.cbx-modern .cbx-home #features .feature-tab { background:#0e1a29; border-color:#ffffff17!important; box-shadow:none; border-radius:8px; }
.cbx-modern .cbx-home .gradient-bg .call-to-action-box.white-bg p { color:#b2c4d7!important; }
.cbx-modern .cbx-home .call-to-action.gradient-overly-bottom h2.text-white { color:#edf9f3!important; }
.cbx-modern .cbx-home .single-testimonial .ratting-author .h6 { color:#e5f5ef; }
.cbx-home .single-testimonial .ratting-author { border-color:#ffffff1e; }
.cbx-modern .vps-hosting-pricing-table thead th { color:#e1f1e9!important; }
.cbx-modern .main .cbx-product-hero { width:100%; max-width:none; margin:0; border-radius:0; padding-top:72px; padding-bottom:72px; }
.cbx-modern .main .cbx-product-hero h1 { font-size:clamp(36px,4.2vw,61px); letter-spacing:-.055em; }
@media(max-width:767px) { .cbx-modern .main .cbx-product-hero { padding-top:43px; padding-bottom:43px; } .cbx-modern .main .cbx-product-hero h1 { font-size:37px; } }