.page-home{
  --home-brand-w:340px;
}
.page-home .home-stage{
  display:grid;
  grid-template-columns:minmax(0,1fr);
}
.page-home .home-brand{
  background:var(--c-blue);
  color:var(--c-light);
  padding:28px 20px;
  border-bottom:2px solid var(--c-gold);
  position:relative;
  overflow:hidden;
}
.page-home .home-brand::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(180,140,60,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(180,140,60,.05) 1px,transparent 1px);
  background-size:24px 24px;
  pointer-events:none;
}
.page-home .home-brand__inner{
  position:relative;
  z-index:1;
}
.page-home .home-brand__mark{
  width:42px;
  height:42px;
  border:1px solid var(--c-gold);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.page-home .home-brand__mark::before{
  content:"";
  position:absolute;
  inset:3px;
  border:1px solid rgba(180,140,60,.55);
}
.page-home .home-brand__mark span{
  font-family:var(--font-title);
  font-size:20px;
  color:var(--c-gold-tint);
}
.page-home .home-brand__slogan{
  font-family:var(--font-title);
  font-size:18px;
  color:var(--c-gold-tint);
  line-height:1.5;
  margin:18px 0 8px;
  padding-left:14px;
  border-left:2px solid var(--c-gold);
  letter-spacing:.06em;
}
.page-home .home-brand__desc{
  font-size:13px;
  line-height:1.7;
  color:rgba(248,245,238,.8);
  margin:0;
}
.page-home .home-brand__stats{
  margin:20px 0;
  padding:14px 0;
  border-top:1px solid rgba(180,140,60,.4);
  border-bottom:1px solid rgba(180,140,60,.4);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.page-home .home-brand__stat dt{
  font-size:12px;
  color:rgba(248,245,238,.6);
}
.page-home .home-brand__stat dd{
  margin:4px 0 0;
  font-family:var(--font-title);
  font-size:17px;
  color:var(--c-gold-tint);
}
.page-home .home-brand__nav{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px 20px;
  margin:0 0 20px;
}
.page-home .home-brand__nav a{
  color:var(--c-light);
  text-decoration:none;
  font-size:14px;
  padding:7px 0;
  border-bottom:1px solid rgba(248,245,238,.14);
  transition:border-color .2s,color .2s;
}
.page-home .home-brand__nav a:hover{
  color:var(--c-gold-tint);
  border-color:var(--c-gold-tint);
}
.page-home .home-brand__img{
  width:100%;
  max-width:300px;
  height:auto;
  border-radius:var(--radius);
  display:block;
  opacity:.9;
  flex:none;
}
.page-home .home-brand__icp{
  font-size:11px;
  color:rgba(248,245,238,.5);
  margin-top:14px;
}
.page-home .home-content{
  background:var(--c-paper);
  color:var(--c-ink);
  padding:28px 16px 60px;
}
.page-home .home-content__inner{
  max-width:1200px;
  margin:0 auto;
}
.page-home .home-crumb{
  font-size:12px;
  color:rgba(26,34,51,.55);
  margin-bottom:10px;
  letter-spacing:.05em;
}
.page-home .home-crumb span[aria-hidden="true"]{
  color:var(--c-gold);
  margin:0 6px;
}
.page-home .home-hero{
  margin-bottom:8px;
}
.page-home .home-hero__chart{
  width:100%;
  height:auto;
  display:block;
  border-radius:var(--radius);
}
.page-home .home-hero__body{
  background:var(--c-mist);
  border:1px solid var(--c-line);
  border-radius:var(--radius);
  padding:22px 18px;
  position:relative;
  z-index:1;
  margin:-24px 8px 0;
}
.page-home .home-title{
  font-family:var(--font-title);
  font-size:clamp(24px,4vw,38px);
  line-height:1.3;
  color:var(--c-blue);
  margin:0 0 12px;
}
.page-home .home-title__divider{
  color:var(--c-gold);
}
.page-home .home-title__sub{
  display:block;
  margin-top:4px;
  color:var(--c-cinnabar);
}
.page-home .home-lead{
  font-size:14px;
  line-height:1.8;
  color:rgba(26,34,51,.8);
  margin:0 0 18px;
  max-width:62ch;
}
.page-home .home-hero__stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  border-top:1px solid var(--c-line);
  padding-top:14px;
}
.page-home .home-hero__stat strong{
  display:block;
  font-family:var(--font-title);
  font-size:30px;
  color:var(--c-blue);
  line-height:1.2;
}
.page-home .home-hero__stat span{
  font-size:12px;
  color:rgba(26,34,51,.66);
}
.page-home .home-section{
  margin-top:52px;
  padding-top:26px;
  border-top:1px solid var(--c-line);
  scroll-margin-top:80px;
}
.page-home .home-section__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.page-home .home-section__head h2{
  font-family:var(--font-title);
  font-size:24px;
  color:var(--c-blue);
  margin:0;
}
.page-home .home-section__intro{
  margin:0 0 20px;
  color:rgba(26,34,51,.78);
  font-size:14px;
  line-height:1.7;
  max-width:72ch;
}
.page-home .home-records{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:20px;
}
.page-home .home-search-panel{
  background:var(--c-light);
  border:1px solid var(--c-line);
  padding:16px;
  border-radius:var(--radius);
}
.page-home .home-search{
  display:flex;
  align-items:center;
  gap:8px;
  background:#fff;
  border:1px solid var(--c-line);
  padding:6px 8px 6px 12px;
  border-radius:var(--radius);
}
.page-home .home-search svg{
  flex:none;
  color:var(--c-gold);
  width:16px;
  height:16px;
}
.page-home .home-search input{
  flex:1;
  min-width:0;
  border:none;
  background:transparent;
  font-size:14px;
  padding:7px 0;
  color:var(--c-ink);
  outline:none;
}
.page-home .home-search input::placeholder{
  color:rgba(26,34,51,.4);
}
.page-home .home-search .k-btn{
  flex:none;
  margin-left:auto;
}
.page-home .home-search-panel__hint{
  font-size:12px;
  color:rgba(26,34,51,.55);
  margin:12px 0 0;
}
.page-home .home-search-panel__img{
  width:100%;
  max-width:400px;
  height:auto;
  border-radius:var(--radius);
  margin-top:14px;
  display:block;
}
.page-home .home-record-feature{
  background:var(--c-blue);
  color:var(--c-light);
  padding:24px 18px;
  border-radius:var(--radius);
  position:relative;
  overflow:hidden;
}
.page-home .home-record-feature::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:var(--c-gold);
}
.page-home .home-record-big{
  display:block;
  font-family:var(--font-title);
  font-size:clamp(68px,14vw,112px);
  line-height:1;
  color:var(--c-gold-tint);
}
.page-home .home-record-feature p{
  margin:12px 0 16px;
  font-size:14px;
  line-height:1.7;
  color:rgba(248,245,238,.84);
}
.page-home .home-record-feature__img{
  width:100%;
  max-width:200px;
  height:auto;
  border-radius:var(--radius);
  opacity:.92;
  display:block;
}
.page-home .home-rules{
  list-style:none;
  margin:0 0 16px;
  padding:0;
  display:grid;
  gap:8px;
}
.page-home .home-rules a{
  display:flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
  background:var(--c-light);
  border:1px solid rgba(180,140,60,.32);
  border-left:3px solid var(--c-gold);
  padding:12px 16px;
  border-radius:var(--radius);
  color:var(--c-ink);
  transition:background .2s,border-color .2s;
}
.page-home .home-rules a:hover{
  background:#fff;
  border-color:var(--c-gold);
}
.page-home .home-rules__no{
  font-family:var(--font-title);
  color:var(--c-gold);
  font-size:14px;
}
.page-home .home-rules__name{
  flex:1;
  font-size:14px;
}
.page-home .home-rules__arrow{
  color:var(--c-gold);
  font-size:16px;
}
.page-home .home-quota-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  margin-bottom:16px;
}
.page-home .home-quota-card{
  background:var(--c-light);
  border:1px solid rgba(180,140,60,.32);
  border-top:3px solid var(--c-gold);
  padding:18px 16px;
  border-radius:var(--radius);
}
.page-home .home-quota-card__period{
  display:inline-block;
  background:var(--c-cinnabar);
  color:var(--c-light);
  font-size:12px;
  padding:3px 8px;
  border-radius:2px;
}
.page-home .home-quota-card__name{
  display:block;
  margin-top:10px;
  font-family:var(--font-title);
  font-size:18px;
  color:var(--c-blue);
}
.page-home .home-quota-card p{
  margin:6px 0 0;
  font-size:13px;
  color:rgba(26,34,51,.7);
}
.page-home .home-cases{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  margin-bottom:16px;
}
.page-home .home-case{
  background:var(--c-light);
  border:1px solid rgba(180,140,60,.32);
  border-radius:var(--radius);
  padding:18px 16px;
}
.page-home .home-case__tag{
  display:inline-block;
  font-size:12px;
  color:var(--c-cinnabar);
  border:1px solid var(--c-cinnabar);
  padding:2px 8px;
  border-radius:2px;
  background:rgba(158,43,37,.06);
}
.page-home .home-case h3{
  margin:10px 0 6px;
  font-family:var(--font-title);
  font-size:17px;
  color:var(--c-blue);
}
.page-home .home-case p{
  margin:0;
  font-size:13px;
  line-height:1.65;
  color:rgba(26,34,51,.72);
}
.page-home .home-guide{
  margin-top:56px;
  padding:26px 0 0;
  border-top:2px solid var(--c-gold);
}
.page-home .home-guide h2{
  font-family:var(--font-title);
  font-size:22px;
  color:var(--c-blue);
  margin:0 0 16px;
}
.page-home .home-guide__links{
  display:flex;
  flex-wrap:wrap;
  gap:10px 20px;
  margin-bottom:24px;
}
.page-home .home-guide__links a{
  color:var(--c-blue);
  text-decoration:none;
  font-size:14px;
  border-bottom:1px solid transparent;
  transition:border-color .2s;
  padding-bottom:2px;
}
.page-home .home-guide__links a:hover{
  border-color:var(--c-gold);
}
.page-home .home-guide__contact{
  background:var(--c-mist);
  border:1px solid var(--c-line);
  padding:16px;
  border-radius:var(--radius);
  margin-bottom:24px;
}
.page-home .home-guide__contact h3{
  font-family:var(--font-title);
  font-size:16px;
  color:var(--c-blue);
  margin:0 0 8px;
}
.page-home .home-guide__contact p{
  margin:4px 0;
  font-size:13px;
  color:rgba(26,34,51,.78);
  line-height:1.6;
}
.page-home .home-guide__trust{
  font-family:var(--font-title);
  font-size:18px;
  color:var(--c-blue);
  margin:0 0 6px;
}
.page-home .home-guide__icp{
  font-size:12px;
  color:rgba(26,34,51,.55);
}
.page-home .k-link-more{
  margin-top:4px;
  display:inline-block;
}
@media (min-width:640px){
  .page-home .home-quota-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (min-width:768px){
  .page-home .home-content{
    padding:32px 24px 64px;
  }
  .page-home .home-hero__body{
    padding:26px 24px;
  }
  .page-home .home-records{
    grid-template-columns:1.15fr .85fr;
  }
  .page-home .home-cases{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (min-width:992px){
  .page-home .home-stage{
    grid-template-columns:var(--home-brand-w) minmax(0,1fr);
  }
  .page-home .home-brand{
    position:sticky;
    top:0;
    height:100vh;
    padding:40px 28px;
    border-bottom:none;
    border-right:1px solid var(--c-gold);
    overflow:hidden;
  }
  .page-home .home-brand__inner{
    min-height:100%;
    display:flex;
    flex-direction:column;
    height:100%;
    overflow-y:auto;
    scrollbar-width:none;
  }
  .page-home .home-brand__inner::-webkit-scrollbar{
    display:none;
  }
  .page-home .home-brand__img{
    margin-top:auto;
  }
  .page-home .home-brand__icp{
    margin-top:12px;
  }
  .page-home .home-content{
    padding:40px 40px 80px;
  }
  .page-home .home-hero{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    gap:0;
  }
  .page-home .home-hero__chart{
    height:100%;
    min-height:320px;
    object-fit:cover;
    border-radius:var(--radius) 0 0 var(--radius);
  }
  .page-home .home-hero__body{
    margin:0;
    border-radius:0 var(--radius) var(--radius) 0;
    border-left:none;
  }
}