
:root{--bg:#0a0806;--bg2:#14100b;--ink:#f3ece0;--mut:#a39886;--em:#d9b46a;--red:#ff5d5d;--line:#2e251a;--gold:linear-gradient(135deg,#8a6a35 0%,#e9cf8f 28%,#b8924f 50%,#f4dfa6 70%,#9c7a3e 100%)}
body{background-image:repeating-linear-gradient(90deg,#ffffff03 0 1px,transparent 1px 3px)}
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:'Space Grotesk',sans-serif;overflow-x:hidden}
.mono{font-family:'JetBrains Mono',monospace}a{color:inherit;text-decoration:none}
nav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;backdrop-filter:blur(10px);background:#0a0806cc;border-bottom:1px solid var(--line)}
.logo{font-weight:700;letter-spacing:.04em}nav ul{display:flex;gap:28px;list-style:none;font-size:14px;color:var(--mut)}nav ul a:hover{color:var(--ink)}
.btn{display:inline-block;padding:14px 26px;border-radius:2px;background:var(--gold);color:#1a1206;box-shadow:inset 0 1px 0 #fff6,inset 0 -1px 0 #0004;font-weight:700}.btn.o{background:none;color:var(--ink);border:1px solid var(--line)}
header{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px 5vw 60px}
#chart{position:absolute;inset:0;width:100%;height:100%;opacity:.9}
header:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 25%,#0a080699 60%,transparent),linear-gradient(0deg,var(--bg),transparent 30%);pointer-events:none}
.hero{position:relative;z-index:2;max-width:640px}.tag{font-size:12px;color:var(--em);letter-spacing:.2em}
h1{font-size:clamp(44px,7vw,92px);line-height:.95;margin:18px 0;letter-spacing:-.03em}h1 span,.gt{background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}.nl{height:30px;vertical-align:middle;margin-right:10px}.hl{height:84px;margin-bottom:22px;filter:drop-shadow(0 8px 24px #000)}
.sub{color:var(--mut);font-size:19px;line-height:1.5;margin-bottom:30px}.ctas{display:flex;gap:14px;flex-wrap:wrap}
.ticker{position:absolute;right:5vw;top:110px;z-index:2;border:1px solid var(--line);background:#14100bdd;padding:14px 18px;border-radius:8px;font-size:13px}
.ticker .p{font-size:22px;font-weight:600}.note{font-size:12px;color:var(--mut);margin-top:20px}
section{padding:110px 5vw;max-width:1200px;margin:auto}h2{font-size:clamp(34px,5vw,58px);letter-spacing:-.02em;margin-bottom:40px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.card{border:1px solid var(--line);background:var(--bg2);border-radius:10px;padding:32px;position:relative;overflow:hidden;transition:transform .3s,border-color .3s}
.card:hover{transform:translateY(-4px);border-color:var(--em)}.card h3{font-size:26px;margin:10px 0}.card p{color:var(--mut);line-height:1.6}
.tf{display:flex;gap:6px;margin-top:18px}.tf span{font-size:12px;border:1px solid var(--line);padding:4px 8px;border-radius:4px;color:var(--em)}
.price{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:50px;background:radial-gradient(circle at 0 0,#d9b46a1a,transparent 50%),var(--bg2)}
.big{font-size:clamp(48px,7vw,80px);font-weight:700}.big small{font-size:18px;color:var(--mut)}
.price ul{list-style:none}.price li{padding:14px 0;border-bottom:1px solid var(--line)}.price li:before{content:"▲ ";color:var(--em);font-size:11px}
.step .n{font-size:56px;font-weight:700;color:transparent;-webkit-text-stroke:1px var(--em)}
.ph{border:1px dashed var(--mut);color:var(--mut);padding:50px;text-align:center;border-radius:10px}
footer{border-top:1px solid var(--line);padding:50px 5vw;color:var(--mut);font-size:13px;line-height:1.6}
.rv{opacity:0;transform:translateY(40px);transition:1s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
@media(max-width:800px){nav ul{display:none}.ticker{display:none}.price{grid-template-columns:1fr;padding:28px}header:after{background:linear-gradient(0deg,var(--bg) 30%,#0a0806cc 70%,#0a080666)}}

nav ul a.on{color:var(--em)}
.ph{border:1px dashed #d9b46a66;background:#14100b;color:var(--mut);padding:40px;text-align:center;border-radius:6px;font-size:14px}
.ph b{display:block;color:var(--em);font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.15em;margin-bottom:8px}
.vid{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center}
.vid:before{content:"▶";font-size:34px;width:74px;height:74px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gold);color:#1a1206;margin-bottom:16px}
.shot{aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:center}
.ph-hero{padding:160px 5vw 40px;max-width:1200px;margin:auto}.ph-hero h1{font-size:clamp(40px,6vw,76px)}
.prose p,.prose li{color:var(--mut);line-height:1.7;margin-bottom:14px}.prose h3{font-size:24px;margin:34px 0 12px}.prose ul{padding-left:20px}
details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:20px;font-weight:600;list-style:none;display:flex;justify-content:space-between}
summary:after{content:"+";color:var(--em);font-size:26px;transition:.3s}details[open] summary:after{transform:rotate(45deg)}details p{color:var(--mut);line-height:1.7;margin-top:14px}
.offer{border:1px solid var(--line);border-radius:10px;padding:50px;background:radial-gradient(circle at 0 0,#d9b46a1a,transparent 50%),var(--bg2);display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.offer ul{list-style:none}.offer li{padding:14px 0;border-bottom:1px solid var(--line)}.offer li:before{content:"▲ ";color:var(--em);font-size:11px}
@media(max-width:800px){.offer{grid-template-columns:1fr;padding:28px}}
#intro{position:fixed;inset:0;z-index:100;background:#050403;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .6s}
#intro.out{opacity:0;pointer-events:none}
#intro .lw{position:relative;width:min(300px,60vw);overflow:hidden}
#intro img{width:100%;display:block;opacity:0;transform:scale(.92);animation:lin 1s .1s cubic-bezier(.2,.7,.2,1) forwards}
#intro .lw:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#fff 50%,transparent 65%);mix-blend-mode:overlay;transform:translateX(-120%);animation:shine 1s .7s ease-in-out forwards}
#intro .tl{margin-top:22px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.35em;color:var(--em);opacity:0;animation:fi .6s 1s forwards}
#intro button{position:absolute;bottom:30px;right:30px;background:none;border:1px solid var(--line);color:var(--mut);padding:8px 14px;font:12px 'JetBrains Mono',monospace;cursor:pointer}
@keyframes lin{to{opacity:1;transform:none}}@keyframes shine{to{transform:translateX(120%)}}@keyframes fi{to{opacity:1}}
.shot-mode #intro img,.shot-mode #intro .tl{animation:none;opacity:1;transform:none}.shot-mode #intro .lw:after{animation:none;transform:translateX(0)}

.media{width:100%;display:block;border-radius:8px;border:1px solid var(--line)}
.split{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center}.split h2{margin-bottom:18px}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.trio img{aspect-ratio:4/5;object-fit:cover}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}.duo .media{aspect-ratio:9/14;object-fit:cover;background:#fff}
.rocket{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center}.rocket img{width:100%;border-radius:8px}
figure .media{aspect-ratio:16/9;background:#000}figcaption{margin-top:10px}
.lang{background:none;border:0;color:var(--mut);font:inherit;cursor:pointer}.lang span{color:var(--mut)}html[lang=fr] .lang{color:var(--em)}html[lang=en] .lang{color:var(--mut)}html[lang=en] .lang span{color:var(--em)}
.burger{display:none;background:none;border:1px solid var(--line);width:44px;height:44px;border-radius:4px;flex-direction:column;justify-content:center;gap:5px;align-items:center;cursor:pointer}
.burger i{display:block;width:20px;height:2px;background:var(--em);transition:.3s}
@media(max-width:800px){.split,.trio{grid-template-columns:1fr}.rocket{grid-template-columns:90px 1fr}
 nav{flex-wrap:wrap}nav>.btn{display:none}.burger{display:flex}
 nav ul{display:none;order:3;width:100%;flex-direction:column;gap:0;padding-top:12px}nav.open ul{display:flex}
 nav ul li a,nav ul .lang{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-size:18px;color:var(--ink)}
 nav.open .burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}nav.open .burger i:nth-child(2){opacity:0}nav.open .burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}
@media(max-width:800px){nav.open{background:#0a0806;min-height:100vh;align-content:flex-start}}

.bgv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
header .bgv{z-index:0}header .mob{display:none}.veil{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 40%,#0a080655,#0a0806dd 70%),linear-gradient(90deg,#0a0806f2 20%,#0a080688 60%,#0a080633)}
#chart{z-index:1;opacity:.45!important;mix-blend-mode:screen}header:after{z-index:1}
.vpanel{position:relative;aspect-ratio:4/5;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:#000}.vpanel:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px #0a0806}
.vband{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center}.vpanel.tall{aspect-ratio:3/4}.trio.sm{margin-top:24px}.trio.sm img{aspect-ratio:1}
.feat .media{aspect-ratio:1712/1080;background:#000}
@media(max-width:800px){header .dsk{display:none}header .mob{display:block}.veil{background:linear-gradient(0deg,#0a0806 25%,#0a0806cc 60%,#0a080699)}
 .vband{grid-template-columns:1fr}nav>.btn{display:inline-block;padding:10px 14px;font-size:14px;margin-left:auto;margin-right:10px}}
header{min-height:min(100vh,960px)}
