:root{color-scheme:dark;--gold:#dfbd7c;--muted:#b7beb3;--text:#f3f1e8;--page:#101713}
*{box-sizing:border-box}
html{min-width:280px;background:var(--page)}
body{margin:0;color:var(--text);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;isolation:isolate}
a{color:inherit}
a:focus-visible{outline:2px solid #ffda8e;outline-offset:7px}
.scene,.scene-shade{position:fixed;inset:0;z-index:-2;pointer-events:none}
.scene{background:#17281e url("world.png") center center/cover no-repeat}
.scene-shade{z-index:-1;background:linear-gradient(90deg,rgba(7,17,15,.91) 0%,rgba(7,17,15,.79) 26%,rgba(7,17,15,.42) 48%,rgba(8,16,14,.04) 76%),linear-gradient(0deg,rgba(6,13,12,.9) 0%,transparent 34%,transparent 74%,rgba(6,13,12,.63) 100%)}
.page{max-width:1700px;min-height:100svh;margin:auto;padding:0 5.2%;display:flex;flex-direction:column}
.header{min-height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4bd811f;gap:24px}
.brand{display:flex;align-items:center;gap:13px;user-select:none}
.brand>span{display:flex;flex-direction:column;gap:4px}
.crest{width:48px;height:54px;fill:none;stroke:var(--gold);stroke-width:1}
.crest text{fill:var(--gold);stroke:none;font:15px Georgia,serif}
.brand-small{font:10px Georgia,serif;letter-spacing:5px;color:#e8dfc9}
.brand-name{font:16px Georgia,serif;letter-spacing:2.5px;color:var(--gold)}
.server-status{display:flex;align-items:center;gap:11px;font-size:13px;letter-spacing:.3px;color:#d7decf;padding:12px 16px;border:1px solid #dfd9af2b;background:#0b1b1852;border-radius:2px;backdrop-filter:blur(8px)}
.status-dot{width:7px;height:7px;border-radius:50%;background:#c5aa73;box-shadow:0 0 0 4px #c5aa7315;flex:none}
.is-online .status-dot{background:#8ec7a5;box-shadow:0 0 0 4px #8ec7a512,0 0 12px #8ec7a54d}
.is-offline .status-dot{background:#dc9d8b;box-shadow:0 0 0 4px #dc9d8b15}
.main{display:flex;align-items:center;flex:1;position:relative;padding:66px 0 76px;min-height:700px}
.content{width:690px;max-width:62%}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2.8px;color:#e2cd9b;margin:0 0 34px;font-weight:500}
.eyebrow>span{width:24px;height:1px;background:var(--gold)}
.eyebrow b{font-size:9px;font-weight:400;opacity:.7}
h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;margin:0;line-height:1.1;text-shadow:0 3px 30px #030c0aa6}
h1 span{display:block}
.title-small{font-size:clamp(32px,3.4vw,52px);letter-spacing:.22em;margin-bottom:8px;color:#f1e6cd}
.title-main{font-size:clamp(47px,5.7vw,87px);letter-spacing:.045em;white-space:nowrap;color:#e5bd74;background:linear-gradient(#fff0c8 10%,#ecd097 37%,#c6964e 75%,#f0cf8c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.ornament{display:flex;align-items:center;gap:13px;color:var(--gold);font-size:11px;width:175px;margin:28px 0 24px}
.ornament span{height:1px;background:linear-gradient(90deg,#c4a06070,transparent);width:73px}
.ornament span:first-child{background:linear-gradient(90deg,transparent,#c4a06070)}
.tagline{font:24px/1.4 Georgia,"Times New Roman",serif;color:#ece9dc;letter-spacing:.1px;margin:0 0 20px}
.development{display:flex;gap:10px;align-items:center;margin:0 0 32px;color:#c1c9bc;font-size:14px}
.development>span{width:5px;height:5px;border:1px solid #ccaf78;transform:rotate(45deg);flex:none}
.development p{margin:0}
.development strong{font-weight:500;color:#e2dfcf}
.download{display:flex;align-items:center;gap:13px;justify-content:center;position:relative;width:310px;max-width:100%;min-height:62px;padding:18px 24px;text-decoration:none;font-size:15px;font-weight:650;letter-spacing:.3px;color:#2b2417;border:1px solid #edce8d;background:linear-gradient(110deg,#edce91,#cba264);box-shadow:inset 0 0 0 4px #4c3a1a12,0 8px 30px #020c0a38;transition:background .2s,box-shadow .2s,transform .2s}
.download svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.download>span:last-child{margin-left:auto;font-size:20px;font-weight:400}
.download>span:nth-child(2){margin-right:auto}
.download:hover{background:linear-gradient(110deg,#f4dba6,#dfb577);box-shadow:inset 0 0 0 4px #4c3a1a12,0 6px 36px #e9b65b20;transform:translateY(-2px)}
.download:active{transform:translateY(0)}
.download-note{font-size:11px;line-height:1.5;color:#a8b2a4;letter-spacing:.25px;margin:12px 0 34px}
.contact{display:flex;align-items:flex-start;gap:15px;border-top:1px solid #dfbd7c33;padding-top:24px;max-width:450px}
.contact>svg{width:23px;height:23px;flex:none;fill:none;stroke:var(--gold);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;margin-top:3px}
.contact p{font-size:12px;line-height:1.8;color:#c2c9bc;margin:0 0 8px;text-wrap:pretty}
.contact a{font-size:13px;font-weight:600;color:#e3c58e;text-decoration:none;border-bottom:1px solid #e3c58e5c;padding-bottom:3px;display:inline-block;transition:color .2s,border-color .2s}
.contact a:hover{color:#ffe4ae;border-color:#ffe4ae}
.contact a span{margin-left:8px}
.edition{position:absolute;right:0;bottom:110px;text-align:right;border-right:1px solid #efd69d87;padding:5px 20px 5px 0;text-shadow:0 2px 18px #061714}
.edition>span{font-size:9px;letter-spacing:3px;color:#eadbb8;display:block;margin-bottom:12px}
.edition b{font:32px Georgia,serif;letter-spacing:3px;color:#f3dfb1}
.edition i{font-style:normal;color:#cbb37a}
.footer{min-height:70px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dfbd7c29;gap:20px;color:#aab4a7;font-size:10px;letter-spacing:1px}
.footer>span:first-child{font-size:9px;letter-spacing:1.5px}
.footer>span:nth-child(2){font:italic 13px Georgia,serif;letter-spacing:.4px;color:#c8cab9}
.footer-epic{color:#d4bd8a}
@media(min-width:1800px){.page{padding:0 65px}.scene{background-position:center 43%}.main{min-height:760px}.content{max-width:65%}}
@media(max-width:1050px){.page{padding:0 5%}.header{min-height:100px}.content{max-width:80%;width:600px}.title-main{font-size:68px}.eyebrow{font-size:9px;letter-spacing:2px}.main{min-height:690px;padding:50px 0 60px}.scene{background-position:60% center}.scene-shade{background:linear-gradient(90deg,#07110feb,#07110fb0 48%,#08100e24),linear-gradient(0deg,#060d0ce6,transparent 45%,#060d0c50)}.edition{display:none}}
@media(max-width:640px){.page{padding:0 25px}.header{min-height:95px;gap:12px}.crest{width:34px;height:42px}.brand{gap:8px}.brand-small{font-size:8px;letter-spacing:3px}.brand-name{font-size:11px;letter-spacing:1.5px}.server-status{font-size:10px;padding:10px;gap:8px;letter-spacing:0;white-space:nowrap}.status-dot{width:5px;height:5px}.main{padding:48px 0 44px;min-height:0}.content{max-width:100%;width:100%}.eyebrow{font-size:8px;letter-spacing:1.5px;gap:8px;margin-bottom:30px}.eyebrow>span{width:16px}.title-small{font-size:34px;letter-spacing:.2em}.title-main{font-size:clamp(31px,8.8vw,55px);letter-spacing:.04em}.ornament{margin:25px 0 20px}.tagline{font-size:20px}.development{font-size:12px;line-height:1.6;margin-bottom:27px}.download{width:100%;max-width:345px;min-height:60px}.download-note{font-size:10px;margin-bottom:27px}.contact{gap:12px;padding-top:20px;max-width:420px}.contact p{font-size:11px;line-height:1.8}.contact a{font-size:12px}.scene{background-position:62% center}.scene-shade{background:linear-gradient(90deg,#07110fd9,#07110f8c),linear-gradient(0deg,#060d0ce6,transparent 65%,#060d0c40)}.footer{padding:18px 0;gap:12px;min-height:65px;flex-wrap:wrap;font-size:9px}.footer>span:first-child{font-size:8px;letter-spacing:1px}.footer>span:nth-child(2){display:none}.footer-epic{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}