@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700;800;900;1000&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700;800;900;1000&display=swap'); * { font-family: "Josefin Sans", sans-serif !important; } h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,h4 *,h5 *,h6 *, .text-heading, .text-heading * { font-family: "Josefin Sans", sans-serif !important; } .bg-primary { background: #f2f2f2 !important; } .bg-secondary { background: #3c3c3c !important; } .bg-tertiary { background: #ac9162 !important; } .bg-body-primary { background: #f2f2f2 !important; } .bg-body-secondary { background: #3c3c3c !important; } .bg-body-tertiary { background: #ac9162 !important; } .bg-split-diagonal { background: linear-gradient(40deg, #f2f2f2 40%, #3c3c3c 0%) !important; } .text-primary { color: #f2f2f2 !important; } .text-secondary { color: #3c3c3c !important; } .text-tertiary { color: #ac9162 !important; } .btn-primary { background: #f2f2f2 !important; border-color: #f2f2f2 !important; color: #3c3c3c !important; } .btn-primary > * { color: #3c3c3c !important; } .btn-primary:hover { background: #3c3c3c !important; border-color: #3c3c3c !important; color: #f2f2f2 !important; } .btn-primary:hover > * { color: #f2f2f2 !important; } .btn-secondary { background: #3c3c3c !important; border-color: #3c3c3c !important; color: #ffffff !important; } .btn-secondary > * { color: #ffffff !important; } .btn-secondary:hover { background: #ffffff !important; border-color: #ffffff !important; color: #3c3c3c !important; } .btn-secondary:hover > * { color: #3c3c3c !important; } .btn-tertiary { background: #ac9162 !important; border-color: #ac9162 !important; color: #ffffff !important; } .btn-tertiary > * { color: #ffffff !important; } .btn-tertiary:hover { background: #ffffff !important; border-color: #ffffff !important; color: #ac9162 !important; } .btn-tertiary:hover > * { color: #ac9162 !important; } .border-primary { border-color: #f2f2f2 !important; } .border-secondary { border-color: #3c3c3c !important; } .border-tertiary { border-color: #ac9162 !important; } .progress-bar { background-color: #f2f2f2 !important; } body.design-mode:not(.build-mode) app-body.wms-editing *:hover { outline-width: 1px; outline-color: rgb(155 155 155 / 10%); outline-style: dotted; } body.design-mode:not(.build-mode) app-body.wms-editing .icss:not(.page-template):hover { outline-width: 0.2rem; outline-color: rgb(93 189 190 / 75%); outline-style: dotted; } app-body.wms-editing .icss:not(.page-template):hover .ce { cursor: initial; } body.design-mode:not(.build-mode) app-body.wms-editing a:not(.icss) { pointer-events: none !important; } body.design-mode:not(.build-mode) app-body.wms-editing [class*=icss__]:not(.page-template):hover { outline-color: rgb(197 196 196); outline-offset: -0.2rem; } /* body.design-mode:not(.build-mode) app-body.wms-editing [class*=icss__]:hover { box-shadow: none !important; } body.design-mode:not(.build-mode).cursor-move app-body.wms-editing [class*=icss__] { box-shadow: none !important; } */ .ce { /* display: inherit !important; */ display: inline-block !important; } .ce[contenteditable=true] { caret-color: transparent !important; outline: none !important; } body .ce { color: inherit !important; } body:hover .ce[contenteditable=true] { background: inherit !important; /* display: inherit !important; */ display: inline-block !important; border-radius: 5px !important; caret-color: initial !important; } body.design-mode:not(.build-mode):hover .ce[contenteditable=true]:hover { cursor: text; background: rgba(93, 187, 222, 0.05) !important; } body.design-mode:not(.build-mode):hover .ce[contenteditable=true]:focus { outline-width: 0.4rem !important; outline-color: #5dbbde; outline-style: dotted; background: rgba(93, 187, 222, 0.05) !important; } body.design-mode:not(.build-mode):hover .lastCE:not(.page-template) { outline-width: 0.4rem !important; outline-color: #5dbbde !important; outline-style: dotted; /* box-shadow: 0px 0px 0px 999px rgb(93 189 190 / 6%) inset; */ } body.design-mode:not(.build-mode):hover .lastCE[class*=icss__]:not(.page-template) { outline-color: rgb(251 0 255 / 75%) !important; } .ctrl .ce, body.design-mode .ce, .ctrl .ce *, body.design-mode .ce * { pointer-events: none !important; } .lnr { font-family: Linearicons-Free !important; } body.design-mode { min-height: 100vh !important; } body.wms-editing { padding-bottom: 45px; } body.wms-editing.showing-editor { padding-bottom: calc(45px * 1.618); } * { user-select: none !important; } .ce { user-select: initial !important; } .ce > p { display: block; margin: 0px; } .icss-xy { position: fixed; top: 0px; left: 0px; height: 1rem; width: 1rem; z-index: 9999999; display: none; opacity: 0.128; pointer-events: none !important; } body.design-mode:hover .icss-xy { display: block; } .icss-xy:before { content: ""; display: block; width: 200vw; height: 2px; background: transparent; border-top: 2px dotted white; border-bottom: 2px dotted black; position: relative; left: -100vw; } .icss-xy:after { content: ""; display: block; width: 2px; height: 200vh; background: transparent; border-right: 2px dotted black; border-left: 2px dotted white; position: relative; top: -100vh; } .icss-xy.diag { transform: rotate(45deg) translateX(-1px) translateY(4px); opacity: 0.064; } body.design-mode div.icss.page-template:empty { min-height: 100vh; } body.design-mode:not(.build-mode) .icss { cursor: pointer !important; } /* BELOW TO ALL */ body.cursor-move, body.cursor-move *, body.cursor-move .icss, body.cursor-move .icss * { cursor: move !important; } body.cursor-move * { pointer-events: none !important; } * { vertical-align: top; } html, body { margin: 0px; padding: 0px; } app-page { position: relative; } .btn-move-left, .btn-move-right { display: none; } body.build-mode .page-section-template .btn-move-left, body.build-mode .page-section-template .btn-move-right { display: inline-block; cursor: pointer; z-index: 99999; position: absolute; top: 0; font-size: 3rem; background: #f6f6f6; border: 1px solid #e5e5e5; padding: 0rem 1rem 0.5rem; color: #111111; line-height: 3rem; } .btn-move-left { left: 0px; } .btn-move-right { right: 0px; } .page-section-template:first-of-type .btn-move-left, .page-section-template:last-of-type .btn-move-right { display: none !important; } .grade-a-container { position: fixed; z-index: 99999999; bottom: 1rem; right: 1rem; width: 350px; background: white; box-shadow: 0px 0px 10px 0px rgb(38 38 38 / 44%); color: black; padding: 1rem; border-radius: 4px; } .grade-a-container-footer { padding: 1rem; } .grade-a-container span { font-size: 1rem; float: left; margin-right: 1rem; } .grade-a-container b { color: #20b520; } p { margin: inherit; } @media (max-width: 768px) { .grade-a-container { display: none; } } .progress { border-radius: 0px !important; } span.btn { padding: 0.4rem 0rem; } span.btn > a { padding: 0.7rem 1rem; } ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } ol li.ql-indent-1 { counter-increment: list-1; } li.ql-indent-1 { padding-left: 2.5em; } ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } ol > li, ul > li { list-style-type: none; } ol li:before { content: counter(list-0, decimal) '. '; } ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } li.ql-indent-2 { padding-left: 5.5em; } ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } ol li.ql-indent-2 { counter-increment: list-2; } ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } li.ql-indent-3 { padding-left: 8.5em; } ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } ol li.ql-indent-3 { counter-increment: list-3; } ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } pre { background: #17181c; padding: 1rem 1rem 1rem 1rem; border-radius: 5px; margin: 0.5rem 0rem !important; color: white; } pre, pre * { font-family: "DM Mono", monospace !important; font-size: 0.8rem !important; } pre * { margin: 0px !important; } div:has(> .page-template-generated-page-1790369052660-1) #hero-section { background-color: #1a1008; background-image: url('https://uploads.instant.enterprises/6ab6dc090d55960015f48405/1790369155095.jpg'); background-size: cover; background-position: center; min-height: 100vh; display: flex; align-items: center; position: relative; } div:has(> .page-template-generated-page-1790369052660-1) #hero-section::before { content: ''; position: absolute; inset: 0; background: linear-gradient( to bottom, rgba(10, 6, 2, 0.55) 0%, rgba(10, 6, 2, 0.75) 60%, rgba(10, 6, 2, 0.98) 100% ); z-index: 0; } div:has(> .page-template-generated-page-1790369052660-1) #hero-section .hero-content { position: relative; z-index: 1; } div:has(> .page-template-generated-page-1790369052660-1) .hero-logo { max-width: 420px; width: 100%; filter: drop-shadow(0 0 32px rgba(172, 145, 98, 0.6)); } div:has(> .page-template-generated-page-1790369052660-1) .hero-badge { display: inline-block; background-color: #ac9162; color: #ffffff; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.25em; text-transform: uppercase; padding: 0.35rem 1rem; border-radius: 2px; } div:has(> .page-template-generated-page-1790369052660-1) .hero-title { font-family: 'Georgia', serif; font-size: clamp(3rem, 8vw, 6rem); font-weight: 900; color: #f2ead8; line-height: 1.05; text-shadow: 0 4px 32px rgba(0,0,0,0.8), 0 0 60px rgba(172, 145, 98, 0.3); letter-spacing: 0.06em; } div:has(> .page-template-generated-page-1790369052660-1) .hero-title span.accent { color: #ac9162; } div:has(> .page-template-generated-page-1790369052660-1) .hero-subtitle { font-size: clamp(0.95rem, 2vw, 1.15rem); color: #c9bfa8; letter-spacing: 0.04em; max-width: 560px; } div:has(> .page-template-generated-page-1790369052660-1) .btn-enthorian-primary { background-color: #ac9162; color: #ffffff; border: none; font-size: 1rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; padding: 0.85rem 2.2rem; border-radius: 3px; transition: background-color 0.25s, box-shadow 0.25s; box-shadow: 0 0 24px rgba(172, 145, 98, 0.35); } div:has(> .page-template-generated-page-1790369052660-1) .btn-enthorian-primary:hover { background-color: #c4a97a; color: #ffffff; box-shadow: 0 0 36px rgba(172, 145, 98, 0.6); } div:has(> .page-template-generated-page-1790369052660-1) .btn-enthorian-outline { background-color: transparent; color: #c9bfa8; border: 1px solid rgba(172, 145, 98, 0.5); font-size: 1rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.85rem 2.2rem; border-radius: 3px; transition: border-color 0.25s, color 0.25s; } div:has(> .page-template-generated-page-1790369052660-1) .btn-enthorian-outline:hover { border-color: #ac9162; color: #f2ead8; } div:has(> .page-template-generated-page-1790369052660-1) .hero-divider { width: 60px; height: 3px; background: linear-gradient(90deg, transparent, #ac9162, transparent); margin: 0 auto; } div:has(> .page-template-generated-page-1790369052660-1) .scroll-indicator { position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); z-index: 1; animation: bounce 2s infinite; color: #ac9162; font-size: 1.5rem; } @keyframes bounce {100% { transform: translateX(-50%) translateY(0); }50% { transform: translateX(-50%) translateY(10px); } } div:has(> .page-template-generated-page-1790369052660-1) .hero-stats { border-top: 1px solid rgba(172, 145, 98, 0.25); padding-top: 1.5rem; } div:has(> .page-template-generated-page-1790369052660-1) .hero-stat-item { text-align: center; } div:has(> .page-template-generated-page-1790369052660-1) .hero-stat-number { font-family: 'Georgia', serif; font-size: 1.8rem; font-weight: 700; color: #ac9162; line-height: 1; } div:has(> .page-template-generated-page-1790369052660-1) .hero-stat-label { font-size: 0.7rem; letter-spacing: 0.15em; text-transform: uppercase; color: #8a7f6e; margin-top: 0.25rem; } div:has(> .page-template-generated-page-1790369052660-1) .hero-stat-divider { width: 1px; background: rgba(172, 145, 98, 0.25); align-.page-template-generated-page-1790369052660-1: stretch; } div:has(> .page-template-generated-page-1790369052692-2) #features-section { background-color: #1a1008; position: relative; } div:has(> .page-template-generated-page-1790369052692-2) #features-section::before { content: ''; position: absolute; inset: 0; background-image: url('https://uploads.instant.enterprises/6ab6dc090d55960015f48405/1790369750147.jpg'); background-size: cover; background-position: center top; opacity: 0.07; z-index: 0; } div:has(> .page-template-generated-page-1790369052692-2) #features-section .section-inner { position: relative; z-index: 1; } div:has(> .page-template-generated-page-1790369052692-2) .section-eyebrow { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.3em; text-transform: uppercase; color: #ac9162; } div:has(> .page-template-generated-page-1790369052692-2) .section-heading { font-family: 'Georgia', serif; font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 700; color: #f2ead8; line-height: 1.15; } div:has(> .page-template-generated-page-1790369052692-2) .section-heading .accent { color: #ac9162; } div:has(> .page-template-generated-page-1790369052692-2) .section-lead { font-size: 1rem; color: #9a9080; max-width: 580px; line-height: 1.75; } div:has(> .page-template-generated-page-1790369052692-2) .features-divider { width: 50px; height: 2px; background: linear-gradient(90deg, #ac9162, transparent); } div:has(> .page-template-generated-page-1790369052692-2) .feature-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(172, 145, 98, 0.18); border-radius: 6px; padding: 2rem 1.5rem; height: 100%; transition: border-color 0.3s, background 0.3s, transform 0.3s; position: relative; overflow: hidden; } div:has(> .page-template-generated-page-1790369052692-2) .feature-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, #ac9162, transparent); opacity: 0; transition: opacity 0.3s; } div:has(> .page-template-generated-page-1790369052692-2) .feature-card:hover { border-color: rgba(172, 145, 98, 0.45); background: rgba(172, 145, 98, 0.06); transform: translateY(-4px); } div:has(> .page-template-generated-page-1790369052692-2) .feature-card:hover::after { opacity: 1; } div:has(> .page-template-generated-page-1790369052692-2) .feature-icon-wrap { width: 54px; height: 54px; border-radius: 50%; background: rgba(172, 145, 98, 0.12); border: 1px solid rgba(172, 145, 98, 0.3); display: flex; align-items: center; justify-content: center; margin-bottom: 1.25rem; flex-shrink: 0; } div:has(> .page-template-generated-page-1790369052692-2) .feature-icon-wrap i { font-size: 1.4rem; color: #ac9162; } div:has(> .page-template-generated-page-1790369052692-2) .feature-card-title { font-family: 'Georgia', serif; font-size: 1.1rem; font-weight: 700; color: #f2ead8; margin-bottom: 0.6rem; letter-spacing: 0.02em; } div:has(> .page-template-generated-page-1790369052692-2) .feature-card-text { font-size: 0.9rem; color: #8a7f6e; line-height: 1.7; } div:has(> .page-template-generated-page-1790369052692-2) .screenshot-frame { border: 2px solid rgba(172, 145, 98, 0.3); border-radius: 8px; overflow: hidden; box-shadow: 0 16px 64px rgba(0,0,0,0.6), 0 0 40px rgba(172, 145, 98, 0.12); position: relative; } div:has(> .page-template-generated-page-1790369052692-2) .screenshot-frame img { width: 100%; display: block; object-fit: cover; } div:has(> .page-template-generated-page-1790369052692-2) .screenshot-overlay-tag { position: absolute; bottom: 1rem; left: 1rem; background: rgba(10, 6, 2, 0.85); border: 1px solid rgba(172, 145, 98, 0.4); color: #ac9162; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; padding: 0.3rem 0.75rem; border-radius: 3px; } div:has(> .page-template-generated-page-1790369052716-3) #cta-section { background-color: #0f0a04; position: relative; } div:has(> .page-template-generated-page-1790369052716-3) #cta-section::before { content: ''; position: absolute; inset: 0; background-image: url('https://uploads.instant.enterprises/6ab6dc090d55960015f48405/1790369352375.jpg'); background-size: cover; background-position: center; opacity: 0.12; z-index: 0; } div:has(> .page-template-generated-page-1790369052716-3) #cta-section::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at center, rgba(172,145,98,0.08) 0%, rgba(10,6,2,0.92) 75%); z-index: 0; } div:has(> .page-template-generated-page-1790369052716-3) #cta-section .section-inner { position: relative; z-index: 1; } div:has(> .page-template-generated-page-1790369052716-3) .dev-timeline { position: relative; padding-left: 0; list-style: none; margin: 0; } div:has(> .page-template-generated-page-1790369052716-3) .dev-timeline-item { display: flex; align-items: flex-start; gap: 1.25rem; margin-bottom: 1.75rem; } div:has(> .page-template-generated-page-1790369052716-3) .dev-timeline-item:last-child { margin-bottom: 0; } div:has(> .page-template-generated-page-1790369052716-3) .timeline-dot { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 0.85rem; margin-top: 0.1rem; } div:has(> .page-template-generated-page-1790369052716-3) .timeline-dot.done { background: rgba(172, 145, 98, 0.2); border: 1px solid #ac9162; color: #ac9162; } div:has(> .page-template-generated-page-1790369052716-3) .timeline-dot.in-progress { background: rgba(172, 145, 98, 0.1); border: 1px dashed #ac9162; color: #ac9162; } div:has(> .page-template-generated-page-1790369052716-3) .timeline-dot.upcoming { background: rgba(60, 60, 60, 0.3); border: 1px solid rgba(172, 145, 98, 0.2); color: #5a5040; } div:has(> .page-template-generated-page-1790369052716-3) .timeline-content-title { font-family: 'Georgia', serif; font-size: 0.95rem; font-weight: 700; color: #f2ead8; margin-bottom: 0.2rem; } div:has(> .page-template-generated-page-1790369052716-3) .timeline-content-desc { font-size: 0.82rem; color: #7a7060; line-height: 1.55; } div:has(> .page-template-generated-page-1790369052716-3) .timeline-status { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; padding: 0.2rem 0.6rem; border-radius: 2px; display: inline-block; margin-bottom: 0.3rem; } div:has(> .page-template-generated-page-1790369052716-3) .timeline-status.done { background: rgba(172, 145, 98, 0.15); color: #ac9162; } div:has(> .page-template-generated-page-1790369052716-3) .timeline-status.in-progress { background: rgba(172, 145, 98, 0.1); color: #c4a97a; border: 1px dashed rgba(172,145,98,0.4); } div:has(> .page-template-generated-page-1790369052716-3) .timeline-status.upcoming { background: rgba(60,60,60,0.3); color: #5a5040; border: 1px solid rgba(172,145,98,0.1); } div:has(> .page-template-generated-page-1790369052716-3) .cta-box { background: rgba(255,255,255,0.02); border: 1px solid rgba(172, 145, 98, 0.2); border-radius: 8px; padding: 2.5rem 2rem; text-align: center; } div:has(> .page-template-generated-page-1790369052716-3) .cta-box-title { font-family: 'Georgia', serif; font-size: clamp(1.6rem, 3.5vw, 2.4rem); font-weight: 700; color: #f2ead8; line-height: 1.2; margin-bottom: 1rem; } div:has(> .page-template-generated-page-1790369052716-3) .cta-box-title .accent { color: #ac9162; } div:has(> .page-template-generated-page-1790369052716-3) .cta-box-text { font-size: 0.95rem; color: #8a7f6e; line-height: 1.7; max-width: 460px; margin: 0 auto 1.75rem; } div:has(> .page-template-generated-page-1790369052716-3) .btn-cta-gold { background: linear-gradient(135deg, #ac9162, #c4a97a); color: #ffffff; border: none; font-size: 1rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; padding: 0.9rem 2.5rem; border-radius: 3px; transition: opacity 0.25s, box-shadow 0.25s; box-shadow: 0 4px 24px rgba(172, 145, 98, 0.4); display: inline-flex; align-items: center; gap: 0.5rem; } div:has(> .page-template-generated-page-1790369052716-3) .btn-cta-gold:hover { opacity: 0.88; color: #ffffff; box-shadow: 0 4px 36px rgba(172, 145, 98, 0.6); } div:has(> .page-template-generated-page-1790369052716-3) .social-links { display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap; } div:has(> .page-template-generated-page-1790369052716-3) .social-link { width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(172, 145, 98, 0.3); color: #8a7f6e; display: flex; align-items: center; justify-content: center; font-size: 1rem; text-decoration: none; transition: border-color 0.25s, color 0.25s, background 0.25s; } div:has(> .page-template-generated-page-1790369052716-3) .social-link:hover { border-color: #ac9162; color: #ac9162; background: rgba(172, 145, 98, 0.1); } div:has(> .page-template-generated-page-1790369052716-3) .cta-bottom-bar { border-top: 1px solid rgba(172, 145, 98, 0.12); padding-top: 2rem; margin-top: 3rem; } div:has(> .page-template-generated-page-1790369052716-3) .cta-bottom-bar-text { font-size: 0.78rem; color: #4a4030; letter-spacing: 0.06em; } div:has(> .page-template-generated-page-1790369052716-3) .game-logo-text { font-family: 'Georgia', serif; font-size: 1.4rem; font-weight: 700; color: #ac9162; letter-spacing: 0.1em; text-transform: uppercase; } div:has(> .page-template-generated-page-1790369052716-3) .dev-panel-heading { font-family: 'Georgia', serif; font-size: 1.3rem; font-weight: 700; color: #f2ead8; margin-bottom: 0.35rem; } div:has(> .page-template-generated-page-1790369052716-3) .dev-panel-subheading { font-size: 0.82rem; color: #6a6050; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 2rem; } div:has(> .page-template-generated-page-1790369052716-3) .section-border-top { border-top: 1px solid rgba(172,145,98,0.18); }