:root{--bg:#080707;--panel:#120d0f;--panel2:#171012;--red:#b51f2d;--red2:#ef4a50;--cream:#f4ead7;--muted:#b9aaa0;--line:#332022}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,rgba(181,31,45,.18),transparent 34%),#080707;color:var(--cream);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(1100px,92%);margin:auto}
nav{position:fixed;z-index:10;top:0;left:0;right:0;background:rgba(5,4,4,.78);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:66px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Georgia,serif;font-weight:700;letter-spacing:1px}.brand span{color:var(--red2)}.links{display:flex;gap:20px;color:#d5c8be;font-size:.92rem}.links a:hover{color:white}
.hero{min-height:78vh;display:flex;align-items:flex-end;position:relative;overflow:hidden}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;object-position:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,#080707 96%)}.hero-content{position:relative;z-index:2;padding:120px 0 65px;max-width:720px}.eyebrow{display:inline-block;border:1px solid #6d2930;background:#0b0809cc;border-radius:999px;padding:8px 13px;color:#ffb1b1;font-size:.75rem;letter-spacing:2px;text-transform:uppercase}h1,h2,h3{font-family:Georgia,serif}h1{font-size:clamp(3rem,8vw,6rem);line-height:.88;margin:20px 0}.hero p{font-size:1.15rem;line-height:1.6;color:#e2d6cc;max-width:650px}.btn{display:inline-block;border:1px solid var(--line);background:#171012;padding:13px 18px;border-radius:10px;font-weight:700;margin:8px 8px 0 0}.btn.primary{background:var(--red);border-color:var(--red)}section{padding:75px 0}.title{font-size:2.4rem;margin:0 0 8px}.sub{color:var(--muted);line-height:1.6;margin:0 0 28px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:linear-gradient(145deg,#171012,#0f0b0c);border:1px solid var(--line);border-radius:18px;padding:18px;overflow:hidden;transition:.25s}.card:hover{transform:translateY(-4px);border-color:#6b2930}.sticker{height:190px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:radial-gradient(circle,rgba(181,31,45,.18),transparent 65%),#0a0808;margin-bottom:15px;font-size:5rem}.card h3{margin:0 0 7px}.card p{color:var(--muted);font-size:.9rem;line-height:1.45}.download{display:block;text-align:center;background:#211518;border:1px solid #4b2428;padding:11px;border-radius:9px;margin-top:13px;font-weight:700}.download:hover{background:var(--red)}
.story{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}.box{background:linear-gradient(145deg,#171012,#0e0a0b);border:1px solid var(--line);border-radius:20px;padding:28px}.box h3{font-size:1.8rem;margin-top:0}.bullet{margin:16px 0;color:#c8bbb2;line-height:1.55}.bullet b{color:#fff}.form{display:grid;gap:14px}.form label{font-weight:700;font-size:.9rem}.form input,.form textarea,.form select{width:100%;background:#0b0909;color:#f5eee7;border:1px solid #3a2527;border-radius:10px;padding:13px;font:inherit}.form textarea{min-height:150px;resize:vertical}.form small{color:#8f8179}.submit{border:0;background:var(--red);color:white;padding:14px;border-radius:10px;font-weight:800;cursor:pointer}.notice{padding:12px 14px;border:1px solid #4b2428;background:#170e10;border-radius:10px;color:#d9c9bf;line-height:1.45}.cta{text-align:center;border:1px solid #3b1e22;border-radius:24px;padding:50px 25px;background:radial-gradient(circle,rgba(181,31,45,.16),transparent 60%),#0e0a0b}footer{border-top:1px solid var(--line);padding:28px 0;text-align:center;color:#83766e}
@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.story{grid-template-columns:1fr}.links{gap:10px;font-size:.8rem}}@media(max-width:520px){.grid{grid-template-columns:1fr}.links a:nth-child(2){display:none}.hero{min-height:72vh}.hero img{object-position:center top}}