@font-face{font-family:Exocet;src:url('assets/ExocetReaper-Medium.woff2') format('woff2');font-display:swap}

:root{color-scheme:dark;--bg:#0b0e0b;--gold:#d7b978;--bright:#f0d7a0;--text:#e5e7df;--muted:#acb5a7;--line:#35402e;--green:#99b779}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.75 'Segoe UI',sans-serif}
body:has(dialog[open]){overflow:hidden}
button,input{font:inherit}
button{cursor:pointer;color:inherit}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--bright)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--bright);outline-offset:5px}
img{display:block;width:100%;height:auto}
figure{margin:0;min-width:0}
p{margin:0 0 22px}
h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.18;color:var(--bright);margin:0 0 22px}
h1{font-size:clamp(44px,4.6vw,72px);letter-spacing:-2px}
h1 em{color:var(--gold)}
h2{font-size:clamp(32px,3.1vw,46px);text-wrap:balance;white-space:pre-line}
h3{font-size:25px;margin-bottom:14px}
.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.section{padding-block:104px}
.section-dark{background:#10150f;border-block:1px solid #263021}
.eyebrow{color:var(--green);font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:22px}
.section-heading{max-width:750px;margin-bottom:48px}
.section-heading>p:last-child{color:var(--muted);font-size:18px}

.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:12px max(24px,calc((100vw - 1380px)/2));background:#0c100cf2;border-bottom:1px solid #343b2a;backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:4px;flex-shrink:0}
.brand img{width:220px}
.badge{display:inline-flex;align-items:center;font:700 10px/1.4 'Segoe UI',sans-serif;letter-spacing:1.4px;border:1px solid #6b5936;color:var(--gold);padding:4px 7px;border-radius:3px;white-space:nowrap}
.topbar nav,.nav-actions{display:flex;align-items:center;gap:26px}
.topbar nav a{font-size:14px;color:#d0d4c8}
.nav-actions{gap:20px}
.language{display:flex;border:1px solid var(--line);border-radius:4px;padding:3px}
.language button{border:0;background:none;color:var(--muted);padding:4px 7px;font-size:12px;line-height:1.6}
.language button[aria-pressed=true]{color:var(--bright);background:#333220;border-radius:2px}
.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #6f613f;background:#192016;padding:12px 23px;border-radius:4px;color:var(--bright);font-size:15px;font-weight:600;line-height:1.6;transition:background .2s,border-color .2s}
.button:hover{background:#2b3421;border-color:var(--gold)}
.button.primary{background:linear-gradient(#795c2d,#4b371c);border-color:#b29656;box-shadow:inset 0 1px #d1b87555;color:#fff2cd}
.button.primary:hover{background:#806037}
.button.small{font-size:13px;padding:8px 14px}
.button.ghost{background:transparent}
#menu-toggle{display:none}

.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding-block:84px 96px}
.lead{font-size:19px;color:#bfc8b8;line-height:1.8;margin-bottom:30px}
.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hero-meta{font-size:12px;color:#909b85;margin:22px 0 0}
.hero-screen{border:1px solid #827043;box-shadow:0 22px 65px #0009;background:#0e130b;padding:8px;transform:perspective(1200px) rotateY(-5deg)}
.hero-screen figcaption{padding:14px 6px 6px}
.hero-screen img{aspect-ratio:1375/923;object-fit:cover}
figcaption{font-size:12px;color:#9ca78e;padding:13px 0}
.feature-strip{border-block:1px solid #39412e;background:linear-gradient(90deg,#161b12,#0d120c,#161b12)}
.feature-strip .wrap{display:flex;justify-content:space-between;gap:24px;padding-block:21px;font-size:13px;color:var(--gold);letter-spacing:.5px}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.feature-grid article{border-top:1px solid #716140;padding-top:24px}
.feature-grid p{font-size:16px;color:var(--muted)}
.feature-number{display:block;font:24px Exocet,Georgia,serif;color:#a8894d;margin-bottom:23px}
.wide-screen{margin-top:40px;padding:12px;border:1px solid var(--line);background:#0e140c}
.wide-screen img{max-height:610px;object-fit:contain;background:#070a07}
.zoom-image{display:block;width:100%;padding:0;background:transparent;border:0;cursor:zoom-in;overflow:hidden;border-radius:3px}
.zoom-image img{transition:filter .2s}
.zoom-image:hover img{filter:brightness(1.12)}

.split{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}
.split>figure{border:1px solid var(--line);padding:8px;background:#080d08}
.numbered-features{display:grid;gap:24px}
.numbered-features article{display:flex;gap:20px}
.numbered-features article>span{font:14px Exocet,Georgia,serif;color:#a78c53;padding-top:6px}
.numbered-features p{color:var(--muted);font-size:16px;margin:0}
.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.resource-grid article{border:1px solid var(--line);background:#0e140d}
.resource-grid img{aspect-ratio:16/10;object-fit:cover;object-position:top}
.resource-grid figcaption{display:none}
.resource-grid article>div{padding:28px}
.resource-grid p{margin:0;color:var(--muted);font-size:16px}
.market-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.market-section p{color:var(--muted)}
.market-section figure{padding:8px;border:1px solid #6a5836;background:#0a0f09}
.companion-split{grid-template-columns:minmax(240px,.7fr) 1.3fr;gap:100px}
.companion-split figure{max-width:350px;justify-self:center}
.companion-split p{color:var(--muted)}
.check-list{list-style:none;padding:0;margin:28px 0 0}
.check-list li{padding:12px 0 12px 24px;border-bottom:1px solid #2e3728;position:relative;font-size:16px}
.check-list li:before{content:'+';position:absolute;left:0;color:var(--gold)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.gallery-grid img{aspect-ratio:16/10;object-fit:cover;object-position:top}
.steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:0;margin:0}
.steps li{counter-increment:step;border-top:1px solid #6b5e40;padding-top:24px}
.steps li:before{content:'0' counter(step);display:block;color:#b69b60;font:28px Exocet,Georgia,serif;margin-bottom:24px}
.steps p{color:var(--muted);font-size:16px}
.steps a{font-size:14px}
.faq-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:100px}
.faq-layout>div>p{color:var(--muted)}
details{border-bottom:1px solid #3c4533;padding:20px 0}
details:first-child{padding-top:0}
summary{font-size:18px;color:var(--bright);cursor:pointer}
details p{margin:18px 0 0;color:var(--muted);font-size:16px}
.download{text-align:center;padding-block:85px}
.download>img{width:360px;max-width:90%;margin:0 auto 20px}
.download p{color:var(--muted)}
.footer{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);padding-block:35px;font-size:13px}
.footer p{margin:0}
.footer small{font-size:11px;color:var(--muted)}
.footer nav{display:flex;gap:18px;flex-wrap:wrap}
.footer .badge{margin-left:7px}

dialog{padding:54px 18px 18px;border:1px solid #8a7347;border-radius:6px;background:#0b100b;color:var(--text);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}
dialog::backdrop{background:#000e}
#image-viewer img{max-width:88vw;max-height:78dvh;object-fit:contain}
#image-viewer p{font-size:13px;margin:12px 0 0}
.dialog-close{position:absolute;right:12px;top:10px;z-index:3;background:#111b12;color:var(--bright);border:1px solid #827044;padding:5px 14px;border-radius:4px;font-size:14px}
#intro-viewer{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;padding:0;background:#000}
#intro-viewer .dialog-close{top:16px;right:20px}
#intro-mount,#intro-mount iframe{width:100%;height:100%;border:0}
.skip-link{position:fixed;top:-100px;left:12px;z-index:100;background:#151e12;padding:12px}
.skip-link:focus{top:12px}

@media(max-width:1150px){.topbar{gap:16px;padding-inline:24px}
.brand img{width:175px}
.topbar nav{gap:16px}
.hero{gap:36px}
.nav-actions{gap:12px}
.split,.market-section{gap:32px}
.companion-split{gap:55px}
.faq-layout{gap:50px}
}

@media(max-width:900px){.topbar{flex-wrap:wrap}
#menu-toggle{display:block;margin-left:auto;background:transparent;border:1px solid var(--line);border-radius:4px;padding:6px 12px;font-size:14px}
.topbar nav{display:none;order:3;width:100%;padding:12px 0;flex-wrap:wrap}
.topbar nav.open{display:flex}
.hero{grid-template-columns:1fr;padding-block:55px;gap:42px}
.hero-screen{max-width:760px;transform:none}
.feature-grid{gap:24px}
.split,.market-section{grid-template-columns:1fr}
.companion-split{grid-template-columns:.7fr 1.3fr;gap:32px}
.section{padding-block:70px}
.faq-layout{grid-template-columns:1fr;gap:30px}
.gallery-grid{grid-template-columns:1fr 1fr}
.gallery-grid figure:first-child{grid-column:1/-1}
.footer{flex-wrap:wrap}
.feature-strip .wrap{flex-wrap:wrap;justify-content:center}
}

@media(max-width:600px){body{font-size:16px}
.wrap{width:calc(100% - 36px)}
.topbar{padding:9px 18px;gap:10px}
.brand img{width:140px}
.brand .badge,.nav-actions .button{display:none}
.nav-actions{gap:0}
#menu-toggle{font-size:12px;padding:6px 10px}
h1{font-size:44px;letter-spacing:-1.5px}
h2{font-size:33px}
h3{font-size:24px}
.hero{padding-top:44px}
.lead{font-size:17px}
.hero-meta{font-size:11px}
.eyebrow{font-size:10px;letter-spacing:2px}
.feature-grid,.resource-grid,.steps,.gallery-grid,.companion-split{grid-template-columns:1fr}
.feature-grid{gap:32px}
.feature-strip .wrap{font-size:11px;gap:8px 20px}
.section{padding-block:56px}
.section-heading{margin-bottom:32px}
.resource-grid img{aspect-ratio:auto}
.companion-split figure{max-width:270px}
.steps{gap:36px}
.gallery-grid figure:first-child{grid-column:auto}
.actions .button{padding-inline:17px}
.footer{gap:24px}
.footer nav{gap:12px}
#image-viewer img{max-width:100%;max-height:75dvh}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important;animation:none!important}
}