.companion-page{background:radial-gradient(circle at 75% 12%,#6d4a121f,transparent 35%),#050504;color:#eee}.companion-shell{width:min(1500px,94vw);margin:26px auto 90px}.companion-hero{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;padding:clamp(36px,6vw,90px);border:1px solid #4c3919;border-radius:22px;background:linear-gradient(90deg,#070706fa 0%,#0c0b08ed 52%,#08070599),url('/savage-horizon-island.png') center/cover;box-shadow:0 32px 90px #0009}.companion-hero:after{content:'';position:absolute;inset:0;border-top:2px solid #e0ad43;pointer-events:none}.companion-copy{position:relative;z-index:2;max-width:760px}.companion-kicker{color:#d9a83f;font:800 11px Inter,sans-serif;letter-spacing:.28em}.companion-copy h1{margin:18px 0;color:#fff;font:800 clamp(66px,8vw,120px)/.82 Barlow Condensed,Inter,sans-serif;letter-spacing:-.025em;text-transform:uppercase}.companion-copy h1 em{color:#dfa936;font-style:normal}.companion-copy p{max-width:700px;color:#c4bba9;font:500 16px/1.8 Inter,sans-serif}.companion-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.companion-download,.companion-secondary{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 24px;border-radius:9px;text-decoration:none;font:800 11px Inter,sans-serif;letter-spacing:.09em;transition:.18s}.companion-download{border:1px solid #f0c15e;background:linear-gradient(180deg,#edc15f,#b97b17);color:#090805;box-shadow:0 12px 35px #c78b2533}.companion-download:not(.disabled):hover{filter:brightness(1.09);transform:translateY(-2px)}.companion-download.disabled{border-color:#55472d;background:#19150d;color:#756b58;cursor:not-allowed;box-shadow:none}.companion-secondary{border:1px solid #735624;background:#090806cc;color:#e7b64d}.companion-secondary:hover{border-color:#d6a33f;background:#181208}.companion-release{margin-top:15px;color:#958a77;font:600 10px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}.companion-mark{position:absolute;right:7%;width:290px;height:290px;display:grid;place-items:center;border:1px solid #b8852a55;border-radius:50%;background:#050504b8;box-shadow:0 0 0 28px #d4a13a0a,0 0 90px #c1892530;transform:rotate(-5deg)}.companion-mark:before,.companion-mark:after{content:'';position:absolute;background:#b98b37}.companion-mark:before{width:1px;height:125%;opacity:.35}.companion-mark:after{width:125%;height:1px;opacity:.35}.companion-mark span{color:#e6b652;font:800 92px Barlow Condensed,sans-serif}.companion-mark b{position:absolute;bottom:58px;color:#a47a2e;font:800 9px Inter,sans-serif;letter-spacing:.4em}.companion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.companion-grid article{min-height:210px;padding:28px;border:1px solid #30271a;border-radius:16px;background:linear-gradient(145deg,#11100d,#090908);box-shadow:0 20px 45px #0005}.companion-grid article>span{color:#bd8c31;font:800 10px Inter,sans-serif;letter-spacing:.2em}.companion-grid h2{margin:35px 0 8px;color:#f5f1e9;font:700 27px Barlow Condensed,sans-serif;text-transform:uppercase}.companion-grid p{margin:0;color:#8f8778;font:500 12px/1.7 Inter,sans-serif}.companion-install{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:18px;padding:38px 42px;border:1px solid #4b3819;border-radius:16px;background:#0c0b08}.companion-install span{color:#c89432;font:800 9px Inter,sans-serif;letter-spacing:.24em}.companion-install h2{margin:9px 0 0;color:#fff;font:700 35px/1.05 Barlow Condensed,sans-serif;text-transform:uppercase}.companion-install ol{margin:0;padding-left:22px;color:#b9b09f;font:500 13px/2 Inter,sans-serif}@media(max-width:1100px){.companion-mark{opacity:.22}.companion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.companion-shell{width:min(94vw,560px)}.companion-hero{min-height:520px;padding:34px 24px}.companion-copy h1{font-size:64px}.companion-grid{grid-template-columns:1fr}.companion-install{grid-template-columns:1fr;padding:30px 24px}.companion-actions>*{width:100%}}
