*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#100d0b;color:#e8d4ad;font-family:"Crimson Text",Georgia,serif}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:70px;background:rgba(12,10,9,.97);border-bottom:1px solid #715027;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100% - 990px)/2),6%);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:#e8b65b}.brand-mark{width:43px;height:43px;border:1px solid #c8953e;display:grid;place-items:center;font-size:28px}.brand-type{display:flex;flex-direction:column;font-family:Cinzel,serif;letter-spacing:4px}.brand-type b{font-size:24px;line-height:1.1}.brand-type small{font-size:9px;letter-spacing:2px;font-style:italic;color:#d8bd88}nav{display:flex;gap:27px;margin-left:auto;margin-right:150px}nav a{font-family:Cinzel,serif;font-size:12px;letter-spacing:1px;color:#e6d3b2;padding:26px 0 22px}nav a:hover,nav a.active{color:#f2bd5c;border-bottom:2px solid #d49a3f}.account-btn{background:linear-gradient(#e8b85f,#a8732c);border:1px solid #f1c56d;color:#160f08;padding:13px 25px;font-family:Cinzel,serif;font-size:12px;letter-spacing:1px;cursor:pointer}.menu-toggle{display:none;background:none;color:#e9bb67;border:1px solid #956a31;padding:7px 10px}.hero{height:466px;position:relative;overflow:hidden;border-bottom:1px solid #92662c;background:#15100d}.hero-art{position:absolute;inset:0 0 0 31%;background-image:url("assets/yoriva-hero-art.jpg");background-size:cover;background-position:center 44%;filter:saturate(.9)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#100c0a 0%,rgba(16,12,10,.94) 18%,rgba(16,12,10,.66) 40%,rgba(16,12,10,.08) 76%),linear-gradient(0deg,rgba(10,8,7,.35),transparent 50%)}.hero-content{position:relative;z-index:1;max-width:990px;margin:auto;padding-top:65px}.eyebrow{font-family:Cinzel,serif;color:#dca84f;font-size:11px;letter-spacing:5px;margin:0 0 24px}.hero h1{font-family:Cinzel,serif;font-size:72px;line-height:1;margin:0 0 10px;color:#e9b85d;text-shadow:0 0 20px #8b551e;letter-spacing:5px}.hero h2{font-family:Cinzel,serif;font-size:25px;font-weight:500;letter-spacing:3px;margin:0 0 15px;color:#f3e3c5}.intro{font-size:14px;line-height:1.7;color:#e1d0b5;margin:0 0 23px}.hero-actions{display:flex;gap:14px}.btn{min-height:52px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-family:Cinzel,serif;font-size:12px;letter-spacing:1px}.btn-gold{background:linear-gradient(110deg,#edbd65,#a87531);border:1px solid #f0c36c;color:#170f08;box-shadow:0 0 12px #8c572c33}.btn-outline{background:rgba(10,8,7,.7);border:1px solid #c18a39;color:#e8b85c}.btn:hover,.account-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.tags{font-family:Cinzel,serif;font-size:10px;letter-spacing:4px;color:#d7b77c;margin-top:27px}.server-strip{max-width:1138px;margin:14px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.server-card{height:76px;border:1px solid #76552e;background:linear-gradient(120deg,#1d1712,#100d0b);padding:15px 18px;position:relative;display:flex;flex-direction:column;gap:7px}.server-card span{font-size:10px;letter-spacing:1.5px;color:#d4b47e}.server-card strong{font-family:Cinzel,serif;font-size:14px;color:#e8b455}.server-card i{position:absolute;right:17px;top:29px;font-style:normal;color:#e6b45c}.status-dot{width:11px;height:11px;border-radius:50%;background:#7fbf37;border:1px solid #d1e58a;box-shadow:0 0 8px #86c94c}.section-wrap{max-width:1138px;margin:0 auto}.world{padding:48px 0 65px}.section-kicker{display:flex;align-items:center;justify-content:center;gap:25px;font-family:Cinzel,serif;color:#dca94f;letter-spacing:5px;font-size:12px}.section-kicker span{height:1px;width:180px;background:linear-gradient(90deg,transparent,#b17c32)}.section-kicker span:last-child{transform:scaleX(-1)}.section-title{text-align:center;font-family:Cinzel,serif;font-size:29px;font-weight:500;letter-spacing:3px;margin:9px 0 25px;color:#f0dfc0}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.world-card{position:relative;border:1px solid #9d702f;padding:4px;background:#17110d;overflow:hidden;min-height:185px}.world-card img{width:100%;height:180px;object-fit:cover;display:block;filter:saturate(.85)}.world-caption{padding:13px 14px 16px;background:#17110d}.world-caption h3,.feature-grid h3{font-family:Cinzel,serif;font-size:14px;letter-spacing:1px;color:#e6b65e;margin:0 0 7px}.world-caption p,.feature-grid p{margin:0;color:#cdbb9e;font-size:14px}.features{padding:35px 0 65px;border-top:1px solid #4c351e}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.feature-grid article{border:1px solid #654a2a;background:linear-gradient(130deg,#211811,#110e0c);padding:24px;text-align:center}.feature-grid article>b{font-size:30px;color:#d9a34b;display:block;margin-bottom:12px}.download{text-align:center;padding:55px 15px 70px;border-top:1px solid #4c351e;background:radial-gradient(ellipse at center,#2a1a10 0%,#100d0b 70%)}.download h2{font-family:Cinzel,serif;font-size:29px;letter-spacing:3px;margin:0 0 12px}.download>p:not(.eyebrow){color:#cdbb9e}.notice{min-height:18px;font-size:13px;color:#e6b65e}footer{border-top:1px solid #72502a;display:flex;align-items:center;justify-content:center;gap:18px;padding:25px;color:#a88a5d;font-family:Cinzel,serif;font-size:10px;letter-spacing:2px}footer .footer-brand{font-size:20px;color:#e3b45c}footer small{letter-spacing:0;font-family:Georgia,serif}.modal-backdrop{display:none;position:fixed;inset:0;background:#000b;z-index:50;align-items:center;justify-content:center;padding:18px}.modal-backdrop.open{display:flex}.modal{width:min(430px,100%);background:#15100d;border:1px solid #b07b34;box-shadow:0 20px 80px #000;padding:32px;position:relative}.modal-close{position:absolute;right:14px;top:8px;background:none;border:0;color:#e7b65c;font-size:28px;cursor:pointer}.modal .eyebrow{text-align:center;letter-spacing:2px;margin-bottom:10px}.modal h2{text-align:center;font-family:Cinzel,serif;letter-spacing:2px;font-size:22px}.modal-tabs{display:flex;border-bottom:1px solid #684a27;margin:20px 0}.modal-tabs button{flex:1;padding:12px;background:none;border:0;color:#bca47f;font-family:Cinzel,serif;cursor:pointer}.modal-tabs button.selected{color:#e8b65b;border-bottom:2px solid #d49a3f}.modal label{display:block;color:#d8bd8c;font-size:14px;margin:13px 0}.modal input{display:block;width:100%;margin-top:6px;padding:12px;background:#0c0a09;border:1px solid #644725;color:#fff;outline:none}.modal input:focus{border-color:#d49a3f}.submit-btn{width:100%;margin-top:12px}.form-note{font-size:12px;line-height:1.5;color:#a99576;text-align:center;margin-bottom:0}@media(max-width:900px){.topbar{padding:0 4%}nav{margin-right:30px;gap:15px}.hero-content{padding-left:7%;padding-right:7%}.section-wrap,.server-strip{width:90%}.hero-art{left:25%}}@media(max-width:650px){.topbar{height:64px}.brand-mark{width:37px;height:37px}.brand-type b{font-size:19px}.brand-type small{font-size:7px}.menu-toggle{display:block;margin-left:auto;margin-right:12px}nav{display:none;position:absolute;top:63px;left:0;right:0;background:#100d0b;border-bottom:1px solid #76552e;margin:0;padding:10px 20px;flex-direction:column;gap:0}nav.open{display:flex}nav a{padding:13px 5px}.account-btn{padding:10px 12px;font-size:10px}.hero{height:540px}.hero-art{inset:0;background-position:60% center;opacity:.65}.hero-shade{background:linear-gradient(90deg,rgba(12,9,8,.93),rgba(12,9,8,.52)),linear-gradient(0deg,#100d0b,transparent 70%)}.hero-content{padding:75px 7% 0}.hero h1{font-size:55px}.hero h2{font-size:19px}.intro{max-width:400px}.desktop{display:none}.hero-actions{flex-wrap:wrap}.btn{min-height:47px;padding:0 15px;font-size:10px}.tags{font-size:8px;letter-spacing:2px}.server-strip{grid-template-columns:1fr;gap:9px}.server-card{height:67px}.world{padding-top:40px}.section-kicker{font-size:9px;letter-spacing:3px;gap:10px}.section-kicker span{width:55px}.section-title{font-size:23px}.world-grid,.feature-grid{grid-template-columns:1fr}.world-card img{height:190px}.features{padding-top:25px}footer{flex-wrap:wrap;text-align:center;gap:10px}footer small{width:100%}}