:root{
  --bg:#070506;
  --bg2:#0E0A0B;
  --bg3:#120C0E;
  --card:#140E10;
  --card2:#1B1315;
  --line:rgba(201,162,74,.22);
  --line2:rgba(201,162,74,.38);
  --blood:#8E1B22;
  --blood-lt:#B52630;
  --blood-dk:#561015;
  --gold:#C9A24A;
  --gold-lt:#E0BE6E;
  --bone:#EDE6D8;
  --txt:#C6BDB0;
  --mut:#8A8078;
  --link:#D9B85C;
  --max:1160px;
  --radius:3px;
  --shadow:0 22px 54px rgba(0,0,0,.72);
  --font:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--txt);font-family:var(--font);
  font-size:16px;line-height:1.78;font-weight:400;
  background-image:
    radial-gradient(760px 420px at 12% -6%,rgba(142,27,34,.20),transparent 70%),
    radial-gradient(700px 400px at 92% 4%,rgba(201,162,74,.10),transparent 72%),
    repeating-linear-gradient(0deg,rgba(201,162,74,.028) 0 1px,transparent 1px 44px),
    repeating-linear-gradient(90deg,rgba(201,162,74,.028) 0 1px,transparent 1px 44px);
}
img{max-width:100%;height:auto;display:block;border:0}
a{color:var(--link);text-decoration:none}
a:hover{color:var(--gold-lt)}
h1,h2,h3,h4{margin:0;color:var(--bone);font-weight:700;line-height:1.3;letter-spacing:.01em}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
figure,figcaption,blockquote,dl,dd,table{margin:0}
details summary{list-style:none;cursor:pointer}
details summary::-webkit-details-marker{display:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 22px;border-radius:var(--radius);border:1px solid transparent;
  font-size:15px;font-weight:700;line-height:1.2;color:#FBF3E2;
  background:linear-gradient(135deg,var(--blood) 0%,var(--blood-dk) 62%,#2A0A0D 100%);
  box-shadow:0 10px 26px rgba(142,27,34,.32);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(142,27,34,.44);color:#FFF8EA}
.btn--ghost{background:transparent;border-color:var(--line2);color:var(--gold-lt);box-shadow:none}
.btn--ghost:hover{color:var(--bone);border-color:var(--gold)}
.rise{animation:rise .6s cubic-bezier(.2,.7,.3,1) both}
.rise.d1{animation-delay:.07s}
.rise.d2{animation-delay:.14s}
.rise.d3{animation-delay:.21s}
.rise.d4{animation-delay:.28s}
@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@keyframes wipe{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes flicker{0%,100%{opacity:.55}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){
  .rise{animation:none;opacity:1;transform:none}
  .pcard::before{animation:none}
}

.top{position:sticky;top:0;z-index:40;background:rgba(7,5,6,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.top__in{max-width:var(--max);margin:0 auto;padding:11px 22px;display:flex;align-items:center;gap:16px}
.brand{display:flex;align-items:center;gap:11px;flex:0 0 auto}
.brand__logo{width:38px;height:38px;border-radius:9px;box-shadow:0 0 0 1px var(--line2),0 6px 18px rgba(0,0,0,.6)}
.brand__name{font-size:19px;font-weight:700;color:var(--bone);letter-spacing:.06em;white-space:nowrap}
.nav{display:flex;align-items:center;gap:8px;flex:1 1 auto;overflow-x:auto;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{padding:7px 12px;border-radius:var(--radius);font-size:14.5px;color:var(--txt);white-space:nowrap;border:1px solid transparent}
.nav a:hover{color:var(--bone);border-color:var(--line)}
.nav a[aria-current="page"]{color:#F6E6BE;background:linear-gradient(135deg,rgba(142,27,34,.55),rgba(86,16,21,.35));border-color:var(--line2)}
.top .btn{padding:9px 18px;font-size:14.5px;flex:0 0 auto}

.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:
  radial-gradient(620px 320px at 8% 8%,rgba(142,27,34,.26),transparent 70%),
  radial-gradient(560px 300px at 88% 84%,rgba(201,162,74,.14),transparent 72%),
  var(--bg2)}
.hero::after{content:"";position:absolute;left:0;top:0;width:210px;height:100%;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(201,162,74,.10) 42%,transparent);opacity:.5}
.hero__in{max-width:var(--max);margin:0 auto;padding:54px 22px 58px;display:grid;grid-template-columns:1.24fr .76fr;gap:40px;align-items:center;position:relative;z-index:1}
.hero__k{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;letter-spacing:.2em;color:var(--gold);margin-bottom:16px}
.hero__k::before{content:"";width:26px;height:1px;background:var(--gold);display:block}
.hero h1{font-size:40px;line-height:1.24;letter-spacing:.02em;margin-bottom:18px;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--blood-lt)}
.hero__lead{font-size:16px;color:var(--txt);max-width:610px}
.hero__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.cta-note{margin-top:16px;font-size:13.5px;color:var(--mut)}
.hero__shot{max-width:318px;margin:0 auto;width:100%}
.hero__shot img{width:100%;height:auto;border-radius:6px;box-shadow:0 0 0 1px var(--line2),var(--shadow)}
.hero__shot figcaption{margin-top:12px;font-size:13px;color:var(--mut);text-align:center}

.shelf{border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--bg2),var(--bg))}
.shelf__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px;padding:46px 0 22px}
.shelf__head h2{font-size:26px}
.shelf__head p{flex:1 1 320px;font-size:14.5px;color:var(--mut)}
.shelf__list{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;padding-bottom:50px}
.shelf__item{position:relative;display:block;padding:20px 16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--card2),var(--card));transition:transform .2s ease,border-color .2s ease}
.shelf__item:hover{transform:translateY(-4px);border-color:var(--line2)}
.shelf__item::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;background:linear-gradient(90deg,var(--blood),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.shelf__item:hover::after{transform:scaleX(1)}
.shelf__arch{width:42px;height:42px;border-radius:50% 50% 0 0;border:1.5px solid var(--line2);background:rgba(142,27,34,.16);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.shelf__arch svg{width:21px;height:21px;stroke:var(--gold);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.shelf__item b{display:block;font-size:15.5px;color:var(--bone);margin-bottom:7px}
.shelf__item span{font-size:13px;color:var(--mut);line-height:1.62;display:block}

.sec{padding:64px 0;border-bottom:1px solid var(--line)}
.sec--alt{background:linear-gradient(180deg,var(--bg2),rgba(14,10,11,.4))}
.sech{text-align:center;max-width:780px;margin:0 auto 38px}
.sech::before{content:"";display:block;width:7px;height:7px;margin:0 auto 15px;background:var(--gold);transform:rotate(45deg)}
.sech h2{font-size:27px;letter-spacing:.01em}
.sech .sub{margin-top:13px;font-size:15px;color:var(--mut)}
.sech h2::after{content:"";display:block;width:86px;height:1px;margin:16px auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent)}

.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.pcard{position:relative;overflow:hidden;padding:26px 24px 24px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#191112,#120C0E)}
.pcard::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--blood),var(--gold) 55%,var(--blood));transform-origin:left;animation:wipe .9s ease both}
.pcard h3{font-size:17px;margin-bottom:11px;color:#F2E9D8}
.pcard p{font-size:14.5px;color:var(--txt)}
.pcard .pcard__i{width:44px;height:44px;border-radius:50% 50% 0 0;border:1.5px solid var(--line2);background:rgba(142,27,34,.15);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.pcard .pcard__i svg{width:22px;height:22px;stroke:var(--gold);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pcard ul{margin-top:12px;display:grid;gap:8px}
.pcard li{position:relative;padding-left:16px;font-size:14px;color:var(--mut)}
.pcard li::before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}

.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.step{position:relative;padding:22px 18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--card2),var(--card))}
.step b{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50% 50% 0 0;border:1.5px solid var(--line2);color:var(--gold);font-size:13px;margin-bottom:12px}
.step h3{font-size:15px;margin-bottom:8px;color:#F2E9D8}
.step p{font-size:13.5px;color:var(--mut)}

.panel{border:1px solid var(--line2);border-radius:var(--radius);background:linear-gradient(160deg,rgba(142,27,34,.15),rgba(18,12,14,.9) 46%,rgba(201,162,74,.07));padding:34px 30px}
.auth{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.auth__col{display:grid;gap:14px}
.auth__row{display:flex;gap:13px;padding:15px 16px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(10,7,8,.62)}
.auth__row .mk{flex:0 0 auto;width:26px;height:26px;border-radius:50% 50% 0 0;border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gold)}
.auth__row b{display:block;font-size:14.5px;color:var(--bone);margin-bottom:5px}
.auth__row p{font-size:13.5px;color:var(--mut)}
.auth__note{margin-top:20px;font-size:13px;color:var(--mut);border-left:2px solid var(--blood);padding-left:13px}

.shots{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:start}
.shot{margin:0}
.shot img{width:100%;height:auto;border-radius:5px;box-shadow:0 0 0 1px var(--line2),0 16px 34px rgba(0,0,0,.6)}
.shot figcaption{margin-top:11px;font-size:13px;color:var(--mut);text-align:center;line-height:1.6}

.wide{margin:34px auto 0;max-width:400px}
.wide img{width:100%;height:auto;border-radius:6px;box-shadow:0 0 0 1px var(--line2),var(--shadow)}
.wide figcaption{margin-top:12px;font-size:13px;color:var(--mut);text-align:center}

.quote{padding:26px 24px;border:1px solid var(--line);border-left:3px solid var(--blood);border-radius:var(--radius);background:linear-gradient(180deg,var(--card2),var(--card))}
.quote p{font-size:14.5px;color:var(--txt)}
.quote .who{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:13px;color:var(--mut)}
.score{display:inline-flex;gap:2px;color:var(--gold)}
.score i{width:12px;height:12px;background:var(--gold);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);display:block}

.entries{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.entry{position:relative;display:block;padding:28px 24px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--card2),var(--card));transition:transform .2s ease,border-color .2s ease}
.entry:hover{transform:translateY(-4px);border-color:var(--line2)}
.entry b{display:block;font-size:17px;color:var(--bone);margin-bottom:10px}
.entry p{font-size:14px;color:var(--mut);margin-bottom:14px}
.entry span{font-size:13px;color:var(--gold-lt)}

.ask{display:grid;gap:10px}
.ask details{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--card2),var(--card));overflow:hidden}
.ask summary{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;font-size:15px;font-weight:700;color:#F2E9D8}
.ask summary::before{content:"";flex:0 0 auto;width:7px;height:7px;margin-top:8px;background:var(--blood-lt);transform:rotate(45deg)}
.ask details[open] summary{color:var(--gold-lt)}
.ask .ans{padding:0 18px 18px 37px;font-size:14.5px;color:var(--txt)}

.cta{background:linear-gradient(135deg,rgba(142,27,34,.42),rgba(7,5,6,.96) 52%,rgba(86,16,21,.42));border-bottom:1px solid var(--line)}
.cta__in{max-width:var(--max);margin:0 auto;padding:56px 22px 62px;text-align:center}
.cta h2{font-size:27px;margin-bottom:14px}
.cta p{font-size:15px;color:var(--txt);max-width:640px;margin:0 auto 26px}
.cta .btn{margin:0 6px}
.cta .btn--ghost{color:var(--bone);border-color:var(--line2)}
.cta .btn--ghost:hover{color:var(--gold-lt)}

.foot{background:#050304;padding:52px 0 30px}
.foot__in{max-width:var(--max);margin:0 auto;padding:0 22px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px}
.foot__col h3{font-size:15px;margin-bottom:14px;color:var(--gold)}
.foot__about{display:flex;gap:11px;align-items:flex-start;margin-bottom:14px}
.foot__about img{width:34px;height:34px;border-radius:8px;box-shadow:0 0 0 1px var(--line2)}
.foot__about b{color:var(--bone);font-size:16px;display:block}
.foot p{font-size:13.5px;color:var(--mut);line-height:1.72}
.foot a{display:block;padding:4px 0;font-size:14px;color:var(--txt)}
.foot a:hover{color:var(--gold-lt)}
.foot .btn{display:inline-flex;padding:9px 16px;font-size:14px;background:linear-gradient(135deg,var(--blood),var(--blood-dk) 70%,#2A0A0D);color:#FBF3E2;margin-top:12px}
.foot .btn:hover{color:#FFF8EA}
.foot__bar{max-width:var(--max);margin:34px auto 0;padding:20px 22px 0;border-top:1px solid var(--line);text-align:center}
.foot__bar p{font-size:13px;color:var(--mut)}

.page-hero{border-bottom:1px solid var(--line);background:
  radial-gradient(560px 280px at 14% 6%,rgba(142,27,34,.24),transparent 72%),
  radial-gradient(480px 260px at 88% 92%,rgba(201,162,74,.12),transparent 74%),
  var(--bg2)}
.page-hero__in{max-width:884px;margin:0 auto;padding:50px 22px 52px}
.crumb{font-size:13px;color:var(--mut);margin-bottom:16px}
.crumb a{color:var(--mut)}
.crumb a:hover{color:var(--gold-lt)}
.page-hero h1{font-size:34px;line-height:1.28;margin-bottom:16px}
.page-hero .lead{font-size:16px;color:var(--txt);max-width:800px}
.prose{max-width:840px;margin:0 auto}
.prose h2{font-size:23px;margin:38px 0 14px}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:17px;margin:24px 0 10px;color:#F2E9D8}
.prose p{font-size:15px;color:var(--txt);margin-bottom:14px}
.prose ul{margin:0 0 16px;display:grid;gap:9px}
.prose li{position:relative;padding-left:18px;font-size:14.5px;color:var(--txt)}
.prose li::before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}
.tbl-cap{font-size:13.5px;color:var(--gold);margin:22px 0 10px}
.tbl-note{font-size:13px;color:var(--mut);margin-top:10px}
.tbl-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:rgba(10,7,8,.5)}
table{width:100%;min-width:540px;border-collapse:collapse}
th,td{padding:13px 15px;text-align:left;font-size:14px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--gold);font-weight:700;background:rgba(142,27,34,.14)}
td{color:var(--txt)}
tr:last-child th,tr:last-child td{border-bottom:0}

@media (max-width:980px){
  .hero__in{grid-template-columns:1fr;gap:32px;padding:42px 22px 46px}
  .hero h1{font-size:32px}
  .hero__shot{max-width:300px}
  .shelf__list{grid-template-columns:repeat(3,1fr)}
  .grid3,.grid2,.entries{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
  .auth{grid-template-columns:1fr}
  .shots{grid-template-columns:repeat(2,1fr)}
  .foot__in{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  body{font-size:15.5px}
  .top__in{flex-wrap:wrap;gap:10px;padding:9px 16px}
  .brand{order:1}
  .top .btn{order:2;margin-left:auto}
  .nav{order:3;flex:1 0 100%;gap:4px;flex-wrap:nowrap}
  .nav a{padding:5px 6px;font-size:12px}
  .wrap{padding:0 16px}
  .hero__in{padding:34px 16px 38px}
  .hero h1{font-size:27px}
  .hero__shot{max-width:268px}
  .shelf__list{grid-template-columns:repeat(2,1fr);gap:11px}
  .grid3,.grid2,.entries,.steps,.shots{grid-template-columns:1fr}
  .sec{padding:46px 0}
  .sech h2,.cta h2{font-size:22px}
  .panel{padding:22px 17px}
  .pcard{padding:22px 18px 20px}
  .foot__in{grid-template-columns:1fr;gap:22px}
  .page-hero__in{padding:34px 16px 38px}
  .page-hero h1{font-size:26px}
  .prose h2{font-size:20px}
  .cta__in{padding:42px 16px 46px}
  th,td{padding:11px 12px;font-size:13.5px}
}