:root{--ink:#100d0c;--panel:#1a1412;--panel-2:#241a17;--red:#8f2432;--red-bright:#b33b49;--gold:#c9a55c;--ivory:#f1e7d2;--muted:#b7aa99;--line:rgba(201,165,92,.22);--bs-body-font-family:Inter,Segoe UI,Arial,sans-serif;--bs-body-bg:var(--ink);--bs-body-color:var(--ivory);--bs-primary:var(--red);--bs-primary-rgb:143,36,50;--bs-link-color:var(--gold);--bs-link-hover-color:#ead08f}
html{scroll-behavior:smooth}body{min-height:100vh;background:radial-gradient(circle at 50% 0,#2b1b17 0,var(--ink) 38rem);color:var(--ivory)}#app{flex:1}a{text-decoration:none}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:2000;background:var(--ivory);color:var(--ink);padding:.75rem 1rem}.skip-link:focus{top:1rem}.content{padding-top:5rem;padding-bottom:5rem}h1,h2,h3,.navbar-brand,.footer-brand{font-family:Georgia,Times New Roman,serif;letter-spacing:.045em}h2{font-size:clamp(2rem,5vw,3.6rem)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-weight:600;font-size:.78rem}.section-pad{padding-top:6rem;padding-bottom:6rem}.btn{border-radius:2px;font-weight:600}.btn-primary{--bs-btn-bg:var(--red);--bs-btn-border-color:var(--red);--bs-btn-hover-bg:var(--red-bright);--bs-btn-hover-border-color:var(--red-bright)}.btn-gold{color:var(--ink);background:var(--gold);border-color:var(--gold)}.btn:focus-visible,.nav-link:focus-visible,.accordion-button:focus-visible{outline:3px solid var(--ivory);outline-offset:3px;box-shadow:none}
.axioma-navbar{background:rgba(14,11,10,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);padding:.8rem 0}.navbar-brand{display:flex;align-items:center;gap:.65rem;color:var(--ivory);font-size:1.35rem}.navbar-brand img{height:42px;max-width:52px;object-fit:contain}.navbar-nav{gap:.35rem}.nav-link{color:#d9ccba;text-transform:uppercase;font-size:.82rem;letter-spacing:.09em;padding:.75rem!important}.nav-link:hover,.nav-link.active{color:var(--gold)}.navbar-toggler{border-color:var(--line)}.dropdown-menu{background:#1b1513;border:1px solid var(--line)}.dropdown-item{color:var(--ivory)}.dropdown-item:hover,.dropdown-item.active{background:var(--red);color:#fff}.nav-account .btn-link{color:var(--ivory)}
.hero{min-height:82vh;display:grid;place-items:center;text-align:center;position:relative;background:linear-gradient(180deg,rgba(8,6,5,.28),rgba(8,6,5,.72) 68%,var(--ink)),url('../images/hero-clocktower.png') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 10%,rgba(8,6,5,.38) 80%);pointer-events:none}.hero-content{position:relative;z-index:1;padding:8rem 1rem 5rem}.hero h1{font-size:clamp(4rem,12vw,9rem);line-height:.9;text-shadow:0 4px 40px #000;margin:.25rem 0 1.2rem}.hero-slogan{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,3vw,2.2rem);color:var(--ivory)}.hero-actions{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap;margin-top:2rem}
.intro{text-align:center}.feature{height:100%;padding:2rem;background:linear-gradient(145deg,rgba(41,29,25,.9),rgba(20,15,13,.94));border:1px solid var(--line);text-align:left}.feature i{font-size:2rem;color:var(--gold)}.feature h3{margin-top:1.5rem;font-size:1.2rem}.feature p,.offer-card p,.axioma-footer p{color:var(--muted)}.play-section{background:linear-gradient(90deg,rgba(92,22,31,.2),transparent,rgba(92,22,31,.2));border-block:1px solid var(--line)}.server-address{display:inline-flex;align-items:center;gap:1rem;background:#090706;border:1px solid var(--gold);color:var(--ivory);padding:1rem 1.4rem;font:600 1.15rem monospace}.server-address:hover{background:var(--panel-2)}.copy-feedback{height:1.5rem;color:var(--gold);margin-top:.5rem}.join-steps{display:flex;justify-content:center;gap:2rem;max-width:900px;margin:2rem auto 0;padding:0;list-style-position:inside;color:var(--muted)}
.offers-section{background:#0c0908}.offer-card{position:relative;height:100%;background:var(--panel);border:1px solid var(--line);transition:transform .2s,border-color .2s}.offer-card:hover{transform:translateY(-5px);border-color:var(--gold)}.offer-five{border-color:var(--red-bright);box-shadow:0 0 30px rgba(143,36,50,.18)}.offer-premium{background:linear-gradient(145deg,#2b221b,var(--panel));border-color:rgba(201,165,92,.55)}.offer-image{height:170px;background-position:center;background-size:cover;background-color:#261914}.offer-image-one{background-image:linear-gradient(135deg,rgba(143,36,50,.7),rgba(15,10,8,.4)),url('../images/offer-one.png')}.offer-image-five{background-image:linear-gradient(135deg,rgba(143,36,50,.45),rgba(15,10,8,.4)),url('../images/offer-five.png')}.offer-image-premium{background-image:linear-gradient(135deg,rgba(201,165,92,.38),rgba(15,10,8,.4)),url('../images/offer-premium.png')}.offer-body{padding:2rem}.offer-badge{position:absolute;z-index:1;top:1rem;right:1rem;background:var(--red);color:#fff;padding:.35rem .7rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.offer-badge.premium{background:var(--gold);color:var(--ink)}.price{font-family:Georgia,Times New Roman,serif;color:var(--gold);font-size:1.5rem;margin:.8rem 0}.comparison{--bs-table-bg:transparent;--bs-table-color:var(--ivory);border-color:var(--line);min-width:760px}.comparison th,.comparison td{padding:1rem}.comparison thead th{background:var(--panel-2);color:var(--gold)}
.faq-accordion{max-width:900px;margin-inline:auto}.accordion-item{background:var(--panel);border-color:var(--line)}.accordion-button{background:var(--panel);color:var(--ivory);font-weight:600}.accordion-button:not(.collapsed){background:var(--panel-2);color:var(--gold);box-shadow:none}.accordion-button:after{filter:sepia(1) saturate(.6)}.accordion-body{color:var(--muted)}.news-card{height:100%;background:var(--panel);border:1px solid var(--line);padding:1.5rem}.news-card img{width:100%;aspect-ratio:16/7;object-fit:cover;margin-bottom:1rem}.news-card a{color:var(--ivory)}.axioma-footer{background:#080605;border-top:1px solid var(--line)}.axioma-footer h2{font-size:1rem;color:var(--gold)}.axioma-footer li{margin:.6rem 0}.footer-brand{font-size:2rem}.axioma-footer hr{border-color:var(--line)}
@media(max-width:991.98px){.navbar-collapse{padding:1rem 0}.nav-account{padding-top:1rem;border-top:1px solid var(--line)}.join-steps{flex-direction:column;gap:.75rem;text-align:left;max-width:420px}.hero{min-height:75vh}.section-pad{padding-top:4rem;padding-bottom:4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
