
:root{--bg:#070808;--panel:#0d0f0f;--panel2:#13110e;--ink:#f3ead8;--muted:#b8aa92;--gold:#c99b49;--gold2:#8d682f;--red:#d5241f;--green:#789b71;--line:rgba(201,155,73,.28);--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.serif,h1,h2,h3{font-family:Georgia,'Times New Roman',serif}header{position:sticky;top:0;z-index:30;background:rgba(5,6,6,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{max-width:var(--max);margin:auto;height:72px;display:flex;align-items:center;gap:28px;padding:0 22px}.brand{font:700 27px Georgia;color:var(--ink);letter-spacing:1px}.brand:before{content:'♛';color:var(--gold);margin-right:10px}.navlinks{margin-left:auto;display:flex;gap:24px;align-items:center;font-size:13px;letter-spacing:1.2px;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border:1px solid var(--red);background:var(--red);color:white;text-transform:uppercase;letter-spacing:1.2px;font-size:12px;font-weight:700;cursor:pointer}.btn.secondary{background:transparent;border-color:var(--gold);color:var(--ink)}.hero{min-height:710px;background:linear-gradient(90deg,#050606 0%,rgba(5,6,6,.96) 36%,rgba(5,6,6,.15) 70%),url('../images/hero/hero-background.png') center/cover;display:flex;align-items:center}.hero-inner{width:var(--max);margin:auto;padding:90px 22px}.kicker{color:var(--red);font-size:12px;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:clamp(52px,7vw,100px);line-height:.92;max-width:680px;margin:22px 0}.hero p{font-size:19px;max-width:610px;color:#dfd4c3}.meta{display:flex;gap:24px;flex-wrap:wrap;color:#dbc99d;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:28px 0}.section{padding:84px 22px}.wrap{max-width:var(--max);margin:auto}.center{text-align:center}.section h2{font-size:clamp(35px,4vw,58px);margin:0 0 15px}.lead{color:var(--muted);font-size:18px;max-width:760px}.center .lead{margin:0 auto}.grid{display:grid;gap:18px}.archetypes{grid-template-columns:repeat(4,1fr);margin-top:38px}.card{background:linear-gradient(180deg,#111,#0a0a09);border:1px solid var(--line);overflow:hidden;position:relative;transition:.2s}.card:hover{transform:translateY(-5px);border-color:var(--gold)}.card img{width:100%;aspect-ratio:2/3;object-fit:cover}.card-body{padding:18px}.file{color:var(--gold);font-size:11px;letter-spacing:2px}.card h3{font-size:23px;margin:5px 0 8px}.card p{color:var(--muted);font-size:14px}.link{color:var(--red);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:bold}.matrix{grid-template-columns:repeat(4,1fr);margin-top:35px}.matrix .box{padding:28px;background:var(--panel);border:1px solid var(--line)}.matrix h3{color:var(--gold);font-size:25px}.matrix p{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.dossier{background:linear-gradient(145deg,#17130f,#0b0d0d);border:1px solid var(--gold2);padding:34px;box-shadow:0 25px 80px #000}.bars .row{margin:15px 0}.bar{height:8px;background:#26221b}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--gold2),var(--gold))}.teaser{border:1px solid var(--gold2);background:radial-gradient(circle at 50% 10%,#271d11,#090a0a 60%);padding:75px 30px;text-align:center}.teaser .file00{font-size:68px;color:var(--gold)}.footer{border-top:1px solid var(--line);padding:40px 22px;color:var(--muted)}.footer .wrap{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.page-hero{padding:100px 22px 60px;background:linear-gradient(135deg,#17120d,#070808 55%)}.page-hero h1{font-size:clamp(46px,6vw,80px);margin:8px 0}.form-shell{max-width:820px;margin:35px auto;background:#0e1010;border:1px solid var(--line);padding:28px}.progress{height:7px;background:#24201a;margin:15px 0 35px}.progress span{display:block;height:100%;background:var(--gold);transition:.25s}.question h2{font-size:32px}.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:28px 0}.scale button,.choice{background:#111;border:1px solid var(--line);color:var(--ink);padding:15px;cursor:pointer}.scale button.active,.choice.active{border-color:var(--gold);background:#241b10}.choice{display:block;width:100%;text-align:left;margin:9px 0}.qnav{display:flex;justify-content:space-between;margin-top:26px}.result-top{display:grid;grid-template-columns:340px 1fr;gap:36px}.result-top img{border:1px solid var(--gold2)}.scores{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0}.score{padding:18px;border:1px solid var(--line);background:#0d0e0e}.score strong{display:block;font:32px Georgia;color:var(--gold)}.two-paths{display:grid;grid-template-columns:1fr 1fr;gap:18px}.path{padding:28px;border:1px solid var(--line);background:#101111}.path.good{border-top:3px solid var(--green)}.path.bad{border-top:3px solid var(--red)}.profile{display:grid;grid-template-columns:400px 1fr;gap:46px}.profile img{border:1px solid var(--gold2)}.waitlist{max-width:660px}.field{margin:14px 0}.field label{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;background:#0b0c0c;color:var(--ink);border:1px solid var(--line);padding:14px}.notice{padding:16px;border-left:3px solid var(--gold);background:#13110e;color:var(--muted);font-size:14px}.mobile{display:none}@media(max-width:900px){.navlinks{display:none}.mobile{display:block;margin-left:auto}.hero{min-height:650px;background-position:65% center}.archetypes{grid-template-columns:repeat(2,1fr)}.matrix,.scores{grid-template-columns:repeat(2,1fr)}.split,.result-top,.profile{grid-template-columns:1fr}.result-top img,.profile img{max-width:430px}.two-paths{grid-template-columns:1fr}}@media(max-width:560px){.archetypes,.matrix,.scores{grid-template-columns:1fr}.hero h1{font-size:54px}.section{padding:58px 18px}.scale{grid-template-columns:1fr}.nav{height:64px}.brand{font-size:22px}.hero-inner{padding-top:70px}.hero{background:linear-gradient(#050606bb,#050606ee),url('../images/hero/hero-background.png') 62% center/cover}.two-paths{grid-template-columns:1fr}}
@media print{header,.no-print,.footer{display:none!important}body{background:white;color:#111}.section,.page-hero{padding:20px}.dossier,.score,.path{color:#111;background:white;box-shadow:none}.result-top{grid-template-columns:220px 1fr}}
