:root{
  --KiX_i-pink:#EEBEBE;
  --KiX_i-soft:#EDE8E8;
  --KiX_i-purple:#3704F1;
  --KiX_i-yellow:#F5D505;
  --KiX_i-glass:#E9B6F7;
  --KiX_i-ink:#171221;
  --KiX_i-muted:#685f70;
  --KiX_i-white:#fff;
  --KiX_i-line:rgba(55,4,241,.18);
  --KiX_i-width:min(1180px,calc(100% - 34px))
}

*{
  box-sizing:border-box
}

html{
  scroll-behavior:smooth
}

body{
  margin:0;
  color:var(--KiX_i-ink);
  background-color:var(--KiX_i-pink);
  background-image:
    linear-gradient(30deg,rgba(55,4,241,.06) 12%,transparent 12.5%,transparent 87%,rgba(55,4,241,.06) 87.5%),
    linear-gradient(150deg,rgba(55,4,241,.06) 12%,transparent 12.5%,transparent 87%,rgba(55,4,241,.06) 87.5%),
    linear-gradient(30deg,rgba(245,213,5,.06) 12%,transparent 12.5%,transparent 87%,rgba(245,213,5,.06) 87.5%);
  background-size:74px 128px;
  font:16px/1.7 "PingFang SC","Microsoft YaHei",sans-serif
}

a{
  color:inherit;
  text-decoration:none
}

img{
  display:block;
  max-width:100%
}

button,
input,
textarea{
  font:inherit
}

button{
  cursor:pointer
}

.KiX_i_shell{
  width:var(--KiX_i-width);
  margin:0 auto
}

.KiX_i_section{
  padding:34px 0
}

.KiX_i_kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--KiX_i-purple);
  font-size:11px;
  font-weight:800;
  letter-spacing:.17em;
  text-transform:uppercase
}

.KiX_i_kicker::before{
  content:"";
  width:24px;
  height:3px;
  background:var(--KiX_i-yellow)
}

.KiX_i_sectionHeading{
  max-width:720px;
  margin:0 auto 25px;
  text-align:center
}

.KiX_i_sectionHeading h2{
  margin:10px 0;
  font-size:clamp(30px,4vw,46px);
  line-height:1.12
}

.KiX_i_sectionHeading p{
  color:var(--KiX_i-muted)
}

.KiX_i_yellowButton,
.KiX_i_minimalButton{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:140px;
  padding:11px 18px;
  border:2px solid var(--KiX_i-yellow);
  background:var(--KiX_i-yellow);
  color:var(--KiX_i-ink);
  font-weight:800;
  transition:.25s ease
}

.KiX_i_yellowButton:hover{
  transform:translateY(-3px) rotate(-1deg);
  box-shadow:6px 6px 0 var(--KiX_i-purple)
}

.KiX_i_minimalButton{
  border-color:var(--KiX_i-purple);
  background:transparent;
  color:var(--KiX_i-purple)
}

.KiX_i_minimalButton:hover{
  background:var(--KiX_i-purple);
  color:#fff
}

/* header */
#KiX_i_header{
  position:sticky;
  top:0;
  z-index:50;
  padding:13px 0 8px;
  background:rgba(238,190,190,.82);
  backdrop-filter:blur(15px)
}

.KiX_i_topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:12px 17px;
  border:1px solid rgba(55,4,241,.22);
  border-radius:18px;
  background:rgba(233,182,247,.66)
}

.KiX_i_brand{
  display:flex;
  align-items:center;
  gap:13px
}

.KiX_i_brand>a{
  width:49px;
  height:49px;
  padding:5px;
  border:2px solid var(--KiX_i-purple);
  border-radius:14px;
  background:var(--KiX_i-soft)
}

.KiX_i_brand img{
  width:100%;
  height:100%;
  object-fit:contain
}

.KiX_i_brand h2{
  margin:0;
  font-size:18px
}

.KiX_i_brandHidden{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0)
}

.KiX_i_quickTools{
  display:flex;
  align-items:center;
  gap:10px
}

.KiX_i_quickButton,
.KiX_i_hotline{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid var(--KiX_i-purple);
  border-radius:12px;
  background:rgba(255,255,255,.32);
  color:var(--KiX_i-ink)
}

.KiX_i_quickButton:hover{
  background:var(--KiX_i-yellow)
}

.KiX_i_quickButton i,
.KiX_i_hotline i{
  color:var(--KiX_i-purple)
}

.KiX_i_navigationArea{
  position:relative;
  display:flex;
  justify-content:center;
  margin-top:8px;
  border:1px solid rgba(55,4,241,.22);
  border-radius:18px;
  background:rgba(233,182,247,.62)
}

.KiX_i_desktopNavigation ul{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:4px;
  margin:0;
  padding:7px;
  list-style:none
}

.KiX_i_desktopNavigation a,
.KiX_i_mobileNavigation a{
  display:block;
  padding:8px 15px;
  border-radius:10px;
  transition:.2s ease
}

.KiX_i_desktopNavigation a:hover,
.KiX_i_mobileNavigation a:hover{
  background:var(--KiX_i-purple);
  color:#fff
}

.KiX_i_mobileToggle{
  position:absolute;
  right:9px;
  top:7px;
  display:none;
  width:42px;
  height:37px;
  border:2px solid var(--KiX_i-purple);
  border-radius:10px;
  background:var(--KiX_i-yellow);
  color:var(--KiX_i-ink);
  font-size:21px
}

.KiX_i_mobileNavigation{
  display:none;
  padding:9px 13px 13px;
  border:1px solid rgba(55,4,241,.22);
  border-top:0;
  border-radius:0 0 18px 18px;
  background:rgba(233,182,247,.85)
}

.KiX_i_mobileNavigation.is-open{
  display:block
}

.KiX_i_mobileNavigation ul{
  display:grid;
  gap:4px;
  margin:0;
  padding:0;
  list-style:none
}

/* welcome */
.KiX_i_welcomeGrid{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:35px;
  align-items:center;
  min-height:530px
}

.KiX_i_welcomeText h1{
  margin:17px 0;
  font-size:clamp(42px,6vw,75px);
  line-height:1.02
}

.KiX_i_welcomeText>p{
  max-width:620px;
  color:var(--KiX_i-muted);
  font-size:17px
}

.KiX_i_actionGroup{
  display:flex;
  flex-wrap:wrap;
  gap:11px;
  margin-top:25px
}

.KiX_i_welcomeArt{
  position:relative;
  min-height:450px
}

.KiX_i_artShape{
  position:absolute;
  overflow:hidden;
  border:3px solid var(--KiX_i-purple);
  box-shadow:12px 14px 0 rgba(55,4,241,.18);
  animation:KiX_i_breathe 5s ease-in-out infinite
}

.KiX_i_artShape img{
  width:100%;
  height:100%;
  object-fit:cover
}

.KiX_i_artShapeOne{
  top:45px;
  left:7%;
  width:67%;
  height:320px;
  transform:rotate(-6deg);
  border-radius:42% 8% 8% 8%
}

.KiX_i_artShapeTwo{
  top:0;
  right:2%;
  width:42%;
  height:220px;
  transform:rotate(8deg);
  border-radius:8% 42% 8% 8%;
  animation-delay:1.2s
}

.KiX_i_artSticker{
  position:absolute;
  right:5%;
  bottom:35px;
  display:grid;
  place-items:center;
  width:116px;
  height:116px;
  transform:rotate(12deg);
  border-radius:50%;
  background:var(--KiX_i-yellow);
  color:var(--KiX_i-purple);
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  line-height:1.2;
  text-align:center
}

.KiX_i_artSticker i{
  font-size:23px
}

/* profile */
.KiX_i_profileGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:420px;
  border:2px solid var(--KiX_i-purple);
  background:var(--KiX_i-soft)
}

.KiX_i_profilePicture{
  position:relative;
  min-height:420px;
  overflow:hidden;
  background:var(--KiX_i-purple)
}

.KiX_i_profilePicture img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.85
}

.KiX_i_profilePicture span{
  position:absolute;
  bottom:18px;
  left:22px;
  color:var(--KiX_i-yellow);
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em
}

.KiX_i_profileCopy{
  padding:42px
}

.KiX_i_profileCopy h2{
  margin:14px 0;
  font-size:39px;
  line-height:1.15
}

.KiX_i_profileArticle,
.KiX_i_profileCopy p{
  color:var(--KiX_i-muted)
}

.KiX_i_inlineLink{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:14px;
  color:var(--KiX_i-purple);
  font-weight:800
}

/* cards */
.KiX_i_factGrid,
.KiX_i_guardGrid,
.KiX_i_capabilityGrid,
.KiX_i_regionGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px
}

.KiX_i_factCard,
.KiX_i_guardCard,
.KiX_i_capabilityGrid>div{
  min-height:205px;
  padding:23px;
  border:2px solid var(--KiX_i-purple);
  background:var(--KiX_i-soft);
  color:var(--KiX_i-ink)
}

.KiX_i_factPrimary,
.KiX_i_guardDark,
.KiX_i_capabilityDark,
.KiX_i_regionDark,
.KiX_i_offeringDark{
  background:var(--KiX_i-purple)!important;
  color:#fff!important
}

.KiX_i_factCard i,
.KiX_i_guardCard i,
.KiX_i_capabilityGrid i{
  color:var(--KiX_i-yellow);
  font-size:25px
}

.KiX_i_factCard h3,
.KiX_i_guardCard h3,
.KiX_i_capabilityGrid h3{
  margin:12px 0 3px
}

.KiX_i_factCard strong,
.KiX_i_guardCard strong,
.KiX_i_capabilityGrid strong{
  display:block;
  color:var(--KiX_i-purple);
  font-size:29px
}

.KiX_i_factPrimary strong,
.KiX_i_guardDark strong,
.KiX_i_capabilityDark strong{
  color:var(--KiX_i-yellow)
}

.KiX_i_factCard p,
.KiX_i_guardCard p,
.KiX_i_capabilityGrid p{
  margin:5px 0 0;
  color:var(--KiX_i-muted);
  font-size:14px
}

.KiX_i_factPrimary p,
.KiX_i_guardDark p,
.KiX_i_capabilityDark p{
  color:#e8ddeb
}

.KiX_i_guardGrid{
  gap:0;
  border:2px solid var(--KiX_i-purple)
}

.KiX_i_guardCard{
  border:0;
  border-right:1px solid var(--KiX_i-purple);
  border-bottom:1px solid var(--KiX_i-purple)
}

.KiX_i_guardCard:nth-child(4n){
  border-right:0
}

.KiX_i_guardCard:nth-child(n+5){
  border-bottom:0
}

.KiX_i_capabilityGrid{
  gap:0;
  border:2px solid var(--KiX_i-purple)
}

.KiX_i_capabilityGrid>div{
  border:0;
  border-right:1px solid var(--KiX_i-purple)
}

.KiX_i_capabilityGrid>div:last-child{
  border-right:0
}

/* regions */
.KiX_i_regionGrid{
  gap:16px
}

.KiX_i_regionCard{
  min-height:225px;
  padding:25px 18px;
  border:2px solid var(--KiX_i-purple);
  border-radius:48% 48% 14px 14px;
  background:var(--KiX_i-soft);
  text-align:center
}

.KiX_i_regionCard:nth-child(even){
  margin-top:25px
}

.KiX_i_regionCard i{
  font-size:40px
}

.KiX_i_regionCard h3{
  margin:10px 0 2px
}

.KiX_i_regionCard strong{
  color:var(--KiX_i-purple);
  font-size:14px
}

.KiX_i_regionCard p{
  color:var(--KiX_i-muted);
  font-size:14px
}

/* question carousel */
.KiX_i_questionWindow{
  overflow:hidden;
  padding:8px 0 20px
}

.KiX_i_questionRail{
  display:flex;
  gap:15px;
  width:max-content;
  animation:KiX_i_slide 28s linear infinite
}

.KiX_i_questionCard{
  width:300px;
  min-height:182px;
  padding:24px;
  border:2px solid var(--KiX_i-purple);
  background:var(--KiX_i-soft);
  box-shadow:7px 8px 0 rgba(55,4,241,.15)
}

.KiX_i_questionCard i{
  color:var(--KiX_i-purple);
  font-size:28px
}

.KiX_i_questionCard h3{
  margin:10px 0 5px
}

.KiX_i_questionCard p{
  margin:0;
  color:var(--KiX_i-muted);
  font-size:14px
}

/* offerings */
.KiX_i_offeringGrid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:15px
}

.KiX_i_offeringCard{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:17px;
  align-items:center;
  padding:14px;
  border:2px solid var(--KiX_i-purple);
  background:var(--KiX_i-soft)
}

.KiX_i_offeringCard img{
  width:100%;
  height:130px;
  object-fit:cover
}

.KiX_i_offeringCard h3{
  margin:0 0 7px
}

.KiX_i_offeringCard p{
  margin:0;
  color:var(--KiX_i-muted);
  font-size:14px
}

.KiX_i_offeringDark p{
  color:#e8ddeb
}

/* faq */
.KiX_i_faqGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px
}

.KiX_i_faqGrid details{
  padding:19px;
  border:2px solid var(--KiX_i-purple);
  background:var(--KiX_i-soft)
}

.KiX_i_faqGrid summary{
  cursor:pointer;
  font-weight:800
}

.KiX_i_faqGrid p{
  margin:11px 0 0;
  color:var(--KiX_i-muted)
}

/* updates */
.KiX_i_updateGrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px
}

.KiX_i_updateCard{
  overflow:hidden;
  border:2px solid var(--KiX_i-purple);
  background:var(--KiX_i-soft);
  transition:.25s ease
}

.KiX_i_updateCard:hover{
  transform:translateY(-5px);
  box-shadow:8px 9px 0 rgba(55,4,241,.16)
}

.KiX_i_updateCard>a{
  display:block;
  overflow:hidden
}

.KiX_i_updateCard img{
  width:100%;
  height:205px;
  object-fit:cover;
  transition:.35s ease
}

.KiX_i_updateCard:hover img{
  transform:scale(1.06)
}

.KiX_i_updateContent{
  padding:18px
}

.KiX_i_updateTag{
  color:var(--KiX_i-purple);
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em
}

.KiX_i_updateContent h3{
  min-height:57px;
  margin:10px 0 7px;
  font-size:19px;
  line-height:1.4
}

.KiX_i_summary{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:5;
  overflow:hidden; /* 控制显示行数为5 */
  min-height:115px;
  color:var(--KiX_i-muted);
  font-size:14px
}

.KiX_i_updateContent time{
  display:block;
  margin-top:12px;
  color:var(--KiX_i-purple);
  font-size:12px
}

/* reach form */
.KiX_i_reachGrid{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  border:2px solid var(--KiX_i-purple);
  background:var(--KiX_i-soft)
}

.KiX_i_reachText{
  padding:38px
}

.KiX_i_reachText h2{
  margin:14px 0 8px;
  font-size:40px
}

.KiX_i_reachText>p{
  color:var(--KiX_i-muted)
}

.KiX_i_contactLines{
  display:grid;
  gap:14px;
  margin-top:23px
}

.KiX_i_contactLines>div{
  display:flex;
  gap:11px;
  align-items:flex-start
}

.KiX_i_contactLines i{
  margin-top:5px;
  color:var(--KiX_i-purple)
}

.KiX_i_contactLines small{
  display:block;
  color:#8c7b8c
}

.KiX_i_contactLines a{
  font-weight:800
}

.KiX_i_formPanel{
  padding:38px;
  background:var(--KiX_i-purple);
  color:#fff
}

.KiX_i_messageForm{
  display:grid;
  gap:14px
}

.KiX_i_formRow{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px
}

.KiX_i_messageForm label{
  display:grid;
  gap:6px
}

.KiX_i_messageForm label>span{
  color:var(--KiX_i-yellow);
  font-size:13px
}

.KiX_i_messageForm input,
.KiX_i_messageForm textarea{
  width:100%;
  padding:12px 13px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:8px;
  outline:0;
  background:rgba(255,255,255,.12);
  color:#fff
}

.KiX_i_messageForm input::placeholder,
.KiX_i_messageForm textarea::placeholder{
  color:#e8ddeb
}

.KiX_i_messageForm input:focus,
.KiX_i_messageForm textarea:focus{
  border-color:var(--KiX_i-yellow);
  background:rgba(255,255,255,.2)
}

/* footer */
#KiX_i_footer{
  padding:32px 0 17px;
  background:var(--KiX_i-purple);
  color:#fff
}

.KiX_i_footerColumns{
  display:grid;
  grid-template-columns:1.2fr .8fr .9fr;
  gap:30px;
  padding:30px 0;
  border-top:2px solid var(--KiX_i-yellow);
  border-bottom:1px solid rgba(255,255,255,.25)
}

.KiX_i_footerIdentity img{
  width:58px;
  height:58px;
  padding:5px;
  border-radius:14px;
  background:var(--KiX_i-soft)
}

.KiX_i_footerTitle{
  margin:12px 0 3px;
  color:var(--KiX_i-yellow);
  font-size:20px;
  font-weight:800
}

.KiX_i_footerIdentity>p:not(.KiX_i_footerTitle){
  max-width:430px;
  color:#eadff0;
  font-size:14px
}

.KiX_i_footerNavigation h2,
.KiX_i_footerAddress h2{
  margin:0 0 13px;
  font-size:17px
}

.KiX_i_footerNavigation ul{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin:0;
  padding:0;
  list-style:none
}

.KiX_i_footerNavigation a,
.KiX_i_footerAddress{
  color:#eadff0;
  font-size:14px
}

.KiX_i_footerNavigation a:hover{
  color:var(--KiX_i-yellow)
}

.KiX_i_footerAddress{
  display:grid;
  gap:11px;
  align-content:start;
  font-style:normal
}

.KiX_i_footerAddress span{
  display:flex;
  gap:10px;
  align-items:flex-start
}

.KiX_i_footerAddress i{
  color:var(--KiX_i-yellow)
}

.KiX_i_footerCopyright{
  padding-top:15px;
  color:#d5c4dc;
  font-size:12px;
  text-align:center
}

.KiX_i_backTop{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:80;
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border:2px solid var(--KiX_i-purple);
  border-radius:50%;
  background:var(--KiX_i-yellow);
  color:var(--KiX_i-ink);
  opacity:0;
  visibility:hidden;
  transition:.25s ease
}

.KiX_i_backTop.is-visible{
  opacity:1;
  visibility:visible
}

.KiX_i_backTop:hover{
  transform:translateY(-4px) rotate(-12deg);
  box-shadow:4px 5px 0 var(--KiX_i-purple)
}

@keyframes KiX_i_breathe{
  0%,100%{
    box-shadow:8px 10px 0 rgba(55,4,241,.15)
  }
  50%{
    box-shadow:8px 10px 0 rgba(245,213,5,.42)
  }
}

@keyframes KiX_i_slide{
  from{
    transform:translateX(0)
  }
  to{
    transform:translateX(-48%)
  }
}

@media(max-width:1000px){
  .KiX_i_factGrid,
  .KiX_i_guardGrid,
  .KiX_i_capabilityGrid,
  .KiX_i_regionGrid{
    grid-template-columns:repeat(2,1fr)
  }

  .KiX_i_updateGrid{
    grid-template-columns:repeat(2,1fr)
  }

  .KiX_i_reachGrid,
  .KiX_i_footerColumns{
    grid-template-columns:1fr 1fr
  }

  .KiX_i_footerIdentity{
    grid-column:1/-1
  }

  .KiX_i_guardCard:nth-child(2n),
  .KiX_i_capabilityGrid>div:nth-child(2n){
    border-right:0
  }
}

@media(max-width:720px){
  .KiX_i_topbar{
    align-items:flex-start;
    flex-direction:column
  }

  .KiX_i_quickTools{
    width:100%;
    flex-wrap:wrap
  }

  .KiX_i_mobileToggle{
    display:block
  }

  .KiX_i_desktopNavigation{
    display:none
  }

  .KiX_i_welcomeGrid,
  .KiX_i_profileGrid,
  .KiX_i_reachGrid{
    grid-template-columns:1fr
  }

  .KiX_i_welcomeText h1{
    font-size:43px
  }

  .KiX_i_welcomeArt{
    min-height:365px
  }

  .KiX_i_profilePicture{
    min-height:280px
  }

  .KiX_i_profileCopy{
    padding:28px
  }

  .KiX_i_factGrid,
  .KiX_i_guardGrid,
  .KiX_i_capabilityGrid,
  .KiX_i_regionGrid,
  .KiX_i_offeringGrid,
  .KiX_i_faqGrid,
  .KiX_i_updateGrid,
  .KiX_i_footerColumns{
    grid-template-columns:1fr
  }

  .KiX_i_guardCard,
  .KiX_i_capabilityGrid>div{
    border-right:0
  }

  .KiX_i_regionCard:nth-child(even){
    margin-top:0
  }

  .KiX_i_offeringCard{
    grid-template-columns:125px 1fr
  }

  .KiX_i_offeringCard img{
    height:105px
  }

  .KiX_i_formRow{
    grid-template-columns:1fr
  }

  .KiX_i_footerIdentity{
    grid-column:auto
  }
}
/* contact */
.KiX_i_contactOpeningGrid{
  display:grid;
  grid-template-columns:1fr .8fr;
  gap:30px;
  align-items:center;
  min-height:390px
}

.KiX_i_contactOpeningCopy h1{
  margin:17px 0;
  font-size:clamp(40px,6vw,68px);
  line-height:1.05
}

.KiX_i_contactOpeningCopy>p{
  max-width:620px;
  color:var(--KiX_i-muted);
  font-size:17px
}

.KiX_i_contactState{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:19px;
  padding:8px 13px;
  border:2px solid var(--KiX_i-purple);
  border-radius:14px;
  background:rgba(245,213,5,.35);
  color:var(--KiX_i-purple);
  font-size:13px;
  font-weight:800
}

.KiX_i_contactOrb{
  position:relative;
  width:310px;
  height:310px;
  margin:auto;
  overflow:hidden;
  border:3px solid var(--KiX_i-purple);
  border-radius:50%;
  background:var(--KiX_i-soft);
  color:var(--KiX_i-ink);
  animation:KiX_i_breathe 5s ease-in-out infinite
}

.KiX_i_orbQuarter{
  position:absolute;
  width:68%;
  height:68%;
  border-radius:50%
}

.KiX_i_orbDark{
  top:-18%;
  left:-17%;
  background:var(--KiX_i-ink)
}

.KiX_i_orbPurple{
  top:-18%;
  right:-17%;
  background:var(--KiX_i-purple)
}

.KiX_i_orbYellow{
  bottom:-18%;
  left:-17%;
  background:var(--KiX_i-yellow)
}

.KiX_i_orbPink{
  right:-17%;
  bottom:-18%;
  background:var(--KiX_i-glass)
}

.KiX_i_contactOrb>i{
  position:absolute;
  top:42%;
  left:50%;
  transform:translate(-50%,-50%);
  color:var(--KiX_i-purple);
  font-size:43px
}

.KiX_i_contactOrb strong{
  position:absolute;
  right:30px;
  bottom:36px;
  font-size:13px;
  letter-spacing:.16em;
  line-height:1.2
}

.KiX_i_contactRouteGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:2px solid var(--KiX_i-purple)
}

.KiX_i_routeCard{
  min-height:225px;
  padding:22px 19px;
  border-right:1px solid var(--KiX_i-purple);
  background:var(--KiX_i-soft)
}

.KiX_i_routeCard:last-child{
  border-right:0
}

.KiX_i_routeCard>i{
  color:var(--KiX_i-purple);
  font-size:27px
}

.KiX_i_routeCard small{
  display:block;
  margin-top:14px;
  color:var(--KiX_i-purple);
  font-size:10px;
  font-weight:800;
  letter-spacing:.18em
}

.KiX_i_routeCard h3{
  margin:3px 0 6px;
  font-size:20px
}

.KiX_i_routeCard a,
.KiX_i_routeCard time,
.KiX_i_routeCard>span{
  display:block;
  color:var(--KiX_i-purple);
  font-weight:800
}

.KiX_i_routeCard p{
  color:var(--KiX_i-muted);
  font-size:14px
}

.KiX_i_routeDark{
  background:var(--KiX_i-purple);
  color:#fff
}

.KiX_i_routeDark>i,
.KiX_i_routeDark small,
.KiX_i_routeDark a,
.KiX_i_routeDark time,
.KiX_i_routeDark>span{
  color:var(--KiX_i-yellow)
}

.KiX_i_routeDark p{
  color:#e8ddeb
}

.KiX_i_channelDeck{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px
}

.KiX_i_channelCard{
  display:grid;
  grid-template-columns:57px 1fr;
  gap:16px;
  padding:23px;
  border:2px solid var(--KiX_i-purple);
  background:var(--KiX_i-soft);
  box-shadow:7px 8px 0 rgba(55,4,241,.14)
}

.KiX_i_channelCard:nth-child(2n){
  transform:translateY(18px)
}

.KiX_i_channelWide{
  grid-column:1/-1
}

.KiX_i_channelIcon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border:2px solid var(--KiX_i-purple);
  border-radius:14px;
  color:var(--KiX_i-purple);
  font-size:21px
}

.KiX_i_channelCard h3{
  margin:0 0 2px;
  font-size:21px
}

.KiX_i_channelCard strong{
  color:var(--KiX_i-purple);
  font-size:13px
}

.KiX_i_channelCard p{
  margin:8px 0;
  color:var(--KiX_i-muted);
  font-size:14px
}

.KiX_i_channelCard ul{
  display:flex;
  flex-wrap:wrap;
  gap:5px 18px;
  margin:10px 0 0;
  padding:0;
  list-style:none;
  color:var(--KiX_i-muted);
  font-size:13px
}

.KiX_i_channelCard li::before{
  content:"↗";
  margin-right:5px;
  color:var(--KiX_i-purple)
}

.KiX_i_channelDark,
.KiX_i_channelWide{
  background:var(--KiX_i-purple);
  color:#fff
}

.KiX_i_channelDark .KiX_i_channelIcon,
.KiX_i_channelWide .KiX_i_channelIcon{
  border-color:var(--KiX_i-yellow);
  color:var(--KiX_i-yellow)
}

.KiX_i_channelDark strong,
.KiX_i_channelWide strong{
  color:var(--KiX_i-yellow)
}

.KiX_i_channelDark p,
.KiX_i_channelWide p,
.KiX_i_channelDark ul,
.KiX_i_channelWide ul{
  color:#e8ddeb
}

.KiX_i_contactDeskGrid{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  border:2px solid var(--KiX_i-purple);
  background:var(--KiX_i-soft)
}

.KiX_i_contactDeskIntro{
  padding:38px
}

.KiX_i_contactDeskIntro h2{
  margin:14px 0 8px;
  font-size:39px;
  line-height:1.12
}

.KiX_i_contactDeskIntro>p{
  color:var(--KiX_i-muted)
}

.KiX_i_contactDetails{
  display:grid;
  gap:15px;
  margin-top:25px
}

.KiX_i_contactDetails>div{
  display:flex;
  gap:11px;
  align-items:flex-start
}

.KiX_i_contactDetails i{
  margin-top:5px;
  color:var(--KiX_i-purple)
}

.KiX_i_contactDetails small{
  display:block;
  color:#8c7b8c
}

.KiX_i_contactDetails a{
  font-weight:800
}

.KiX_i_contactFormArea{
  padding:38px;
  background:var(--KiX_i-purple);
  color:#fff
}

/* app */
.KiX_i_appOpeningGrid{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:35px;
  align-items:center;
  min-height:560px
}

.KiX_i_appCopy h1{
  margin:18px 0 10px;
  font-size:clamp(40px,6vw,70px);
  line-height:1.04
}

.KiX_i_appCopy>p{
  max-width:620px;
  color:var(--KiX_i-muted);
  font-size:17px
}

.KiX_i_storeLinks{
  display:flex;
  flex-wrap:wrap;
  gap:11px;
  margin-top:25px
}

.KiX_i_storeButton{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-width:172px;
  padding:10px 14px;
  border:2px solid var(--KiX_i-purple);
  border-radius:12px;
  background:rgba(233,182,247,.6);
  transition:.25s ease
}

.KiX_i_storeButton:hover{
  transform:translateY(-3px);
  background:var(--KiX_i-yellow)
}

.KiX_i_storeButton i{
  color:var(--KiX_i-purple);
  font-size:27px
}

.KiX_i_storeButton span{
  font-size:15px;
  font-weight:800;
  line-height:1.15
}

.KiX_i_storeButton small{
  display:block;
  color:var(--KiX_i-muted);
  font-size:9px;
  font-weight:400
}

.KiX_i_appNumbers{
  display:flex;
  flex-wrap:wrap;
  gap:27px;
  margin-top:30px
}

.KiX_i_appNumbers div{
  display:grid;
  gap:1px
}

.KiX_i_appNumbers strong{
  color:var(--KiX_i-purple);
  font-size:28px
}

.KiX_i_appNumbers small{
  color:var(--KiX_i-muted)
}

.KiX_i_phoneGallery{
  position:relative;
  min-height:510px
}

.KiX_i_phoneBack,
.KiX_i_phoneMain{
  position:absolute;
  overflow:hidden;
  border:7px solid var(--KiX_i-ink);
  border-radius:32px;
  background:var(--KiX_i-ink);
  box-shadow:8px 12px 0 rgba(55,4,241,.18)
}

.KiX_i_phoneBack{
  top:52px;
  left:14%;
  width:210px;
  height:390px;
  transform:rotate(-11deg);
  opacity:.75
}

.KiX_i_phoneMain{
  top:10px;
  left:37%;
  width:245px;
  height:455px;
  transform:rotate(7deg);
  animation:KiX_i_breathe 5s ease-in-out infinite
}

.KiX_i_phoneBack img,
.KiX_i_phoneMain>img{
  width:100%;
  height:100%;
  object-fit:cover
}

.KiX_i_phoneNotch{
  position:absolute;
  z-index:2;
  top:0;
  left:50%;
  width:78px;
  height:18px;
  transform:translateX(-50%);
  border-radius:0 0 13px 13px;
  background:var(--KiX_i-ink)
}

.KiX_i_phoneStatus{
  position:absolute;
  right:15px;
  bottom:18px;
  left:15px;
  padding:10px;
  border:1px solid var(--KiX_i-yellow);
  border-radius:9px;
  background:rgba(23,18,33,.8);
  color:#fff
}

.KiX_i_phoneStatus span{
  display:block;
  color:var(--KiX_i-yellow);
  font-size:10px;
  letter-spacing:.15em
}

.KiX_i_phoneStatus strong{
  font-size:13px
}

.KiX_i_stableBadge{
  position:absolute;
  right:1%;
  bottom:42px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border:2px solid var(--KiX_i-purple);
  border-radius:12px;
  background:var(--KiX_i-yellow);
  color:var(--KiX_i-ink);
  font-size:13px;
  font-weight:800
}

.KiX_i_benefitGrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px
}

.KiX_i_benefitCard{
  min-height:185px;
  padding:24px;
  border:2px solid var(--KiX_i-purple);
  background:var(--KiX_i-soft)
}

.KiX_i_benefitCard:nth-child(2n){
  transform:translateY(17px)
}

.KiX_i_benefitCard>i{
  color:var(--KiX_i-purple);
  font-size:26px
}

.KiX_i_benefitCard h3{
  margin:13px 0 5px
}

.KiX_i_benefitCard p{
  margin:0;
  color:var(--KiX_i-muted);
  font-size:14px
}

.KiX_i_benefitDark{
  background:var(--KiX_i-purple);
  color:#fff
}

.KiX_i_benefitDark>i{
  color:var(--KiX_i-yellow)
}

.KiX_i_benefitDark p{
  color:#e8ddeb
}

.KiX_i_intelligenceBoard{
  display:grid;
  grid-template-columns:1fr 1.15fr;
  gap:25px;
  padding:32px;
  border:2px solid var(--KiX_i-purple);
  background:var(--KiX_i-soft)
}

.KiX_i_intelligenceLead h2{
  margin:15px 0 8px;
  font-size:37px;
  line-height:1.12
}

.KiX_i_intelligenceLead p{
  color:var(--KiX_i-muted)
}

.KiX_i_intelligenceList{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px
}

.KiX_i_intelligenceList>div{
  padding:17px;
  border:1px solid var(--KiX_i-purple);
  background:#f7f1f1
}

.KiX_i_intelligenceList b{
  color:var(--KiX_i-purple);
  font-size:21px
}

.KiX_i_intelligenceList h3{
  margin:6px 0 3px
}

.KiX_i_intelligenceList p{
  margin:0;
  color:var(--KiX_i-muted);
  font-size:14px
}

.KiX_i_experienceWheel{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  max-width:900px;
  margin:auto
}

.KiX_i_experienceCard{
  min-height:220px;
  padding:29px 20px;
  border:2px solid var(--KiX_i-purple);
  border-radius:50%;
  background:var(--KiX_i-soft);
  text-align:center
}

.KiX_i_experienceCard:nth-child(2){
  margin-top:27px
}

.KiX_i_experienceCard>i{
  margin-top:18px;
  color:var(--KiX_i-purple);
  font-size:30px
}

.KiX_i_experienceCard h3{
  margin:12px 0 5px
}

.KiX_i_experienceCard p{
  color:var(--KiX_i-muted);
  font-size:14px
}

.KiX_i_experienceDark{
  background:var(--KiX_i-purple);
  color:#fff
}

.KiX_i_experienceDark>i{
  color:var(--KiX_i-yellow)
}

.KiX_i_experienceDark p{
  color:#e8ddeb
}

.KiX_i_compareTable{
  overflow:hidden;
  border:2px solid var(--KiX_i-purple)
}

.KiX_i_compareRow{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr;
  gap:12px;
  padding:13px 18px;
  border-bottom:1px solid rgba(55,4,241,.18);
  background:var(--KiX_i-soft)
}

.KiX_i_compareRow:nth-child(2n){
  background:#f7f1f1
}

.KiX_i_compareRow:last-child{
  border-bottom:0
}

.KiX_i_compareHead{
  background:var(--KiX_i-purple);
  color:#fff
}

.KiX_i_compareRow b{
  color:var(--KiX_i-purple)
}

.KiX_i_releaseTimeline{
  max-width:900px;
  margin:auto;
  padding-left:27px;
  border-left:3px solid var(--KiX_i-purple)
}

.KiX_i_releaseYear{
  display:inline-block;
  margin:20px 0 13px -42px;
  padding:5px 12px;
  border-radius:9px;
  background:var(--KiX_i-yellow);
  color:var(--KiX_i-ink);
  font-weight:900
}

.KiX_i_releaseItem{
  position:relative;
  display:grid;
  grid-template-columns:110px 1fr;
  gap:20px;
  margin:14px 0;
  padding:20px;
  border:2px solid var(--KiX_i-purple);
  background:var(--KiX_i-soft)
}

.KiX_i_releaseItem::before{
  content:"";
  position:absolute;
  top:28px;
  left:-36px;
  width:11px;
  height:11px;
  border:3px solid var(--KiX_i-yellow);
  border-radius:50%;
  background:var(--KiX_i-purple)
}

.KiX_i_releaseItem>strong{
  color:var(--KiX_i-purple);
  font-size:20px
}

.KiX_i_releaseItem time{
  color:var(--KiX_i-muted);
  font-size:13px
}

.KiX_i_releaseItem ul{
  margin:7px 0 0;
  padding-left:18px;
  color:var(--KiX_i-muted);
  font-size:14px
}

.KiX_i_appFaqGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px
}

.KiX_i_appFaqGrid details{
  padding:18px;
  border:2px solid var(--KiX_i-purple);
  background:var(--KiX_i-soft)
}

.KiX_i_appFaqGrid summary{
  cursor:pointer;
  font-weight:800
}

.KiX_i_appFaqGrid summary span{
  margin-right:8px;
  color:var(--KiX_i-purple)
}

.KiX_i_appFaqGrid p{
  margin:10px 0 0;
  color:var(--KiX_i-muted)
}

.KiX_i_installGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  border:2px solid var(--KiX_i-purple)
}

.KiX_i_installColumn{
  padding:30px;
  background:var(--KiX_i-soft)
}

.KiX_i_installColumn+div{
  border-left:1px solid var(--KiX_i-purple)
}

.KiX_i_installColumn h3{
  margin:0 0 17px;
  color:var(--KiX_i-purple);
  font-size:23px
}

.KiX_i_installColumn h3 i{
  margin-right:7px
}

.KiX_i_installDark{
  background:var(--KiX_i-purple);
  color:#fff
}

.KiX_i_installDark h3{
  color:var(--KiX_i-yellow)
}

.KiX_i_installStep{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:12px;
  padding:13px 0;
  border-bottom:1px solid rgba(55,4,241,.2)
}

.KiX_i_installStep:last-child{
  border-bottom:0
}

.KiX_i_installStep>b{
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  border-radius:50%;
  background:var(--KiX_i-yellow);
  color:var(--KiX_i-ink)
}

.KiX_i_installStep strong,
.KiX_i_installStep small{
  display:block
}

.KiX_i_installStep small{
  margin-top:3px;
  color:var(--KiX_i-muted);
  font-size:13px
}

.KiX_i_installDark .KiX_i_installStep{
  border-color:rgba(255,255,255,.25)
}

.KiX_i_installDark .KiX_i_installStep small{
  color:#e8ddeb
}

.KiX_i_trustGrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:2px solid var(--KiX_i-purple)
}

.KiX_i_trustGrid>div{
  min-height:175px;
  padding:22px;
  border-right:1px solid var(--KiX_i-purple);
  border-bottom:1px solid var(--KiX_i-purple);
  background:var(--KiX_i-soft)
}

.KiX_i_trustGrid>div:nth-child(3n){
  border-right:0
}

.KiX_i_trustGrid>div:nth-child(n+4){
  border-bottom:0
}

.KiX_i_trustGrid i{
  color:var(--KiX_i-purple);
  font-size:25px
}

.KiX_i_trustGrid h3{
  margin:11px 0 4px
}

.KiX_i_trustGrid p{
  margin:0;
  color:var(--KiX_i-muted);
  font-size:14px
}

.KiX_i_trustDark{
  background:var(--KiX_i-purple)!important;
  color:#fff
}

.KiX_i_trustDark i{
  color:var(--KiX_i-yellow)
}

.KiX_i_trustDark p{
  color:#e8ddeb!important
}

.KiX_i_coverage{
  margin:16px 0 0;
  color:var(--KiX_i-purple);
  text-align:center
}

.KiX_i_inviteBoard{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:27px;
  align-items:center;
  padding:38px;
  border:2px solid var(--KiX_i-purple);
  background:var(--KiX_i-purple);
  color:#fff
}

.KiX_i_inviteBoard h2{
  margin:14px 0 7px;
  font-size:38px;
  line-height:1.12
}

.KiX_i_inviteBoard p{
  color:#e8ddeb
}

.KiX_i_inviteCode{
  padding:23px;
  border:2px solid var(--KiX_i-yellow);
  text-align:center
}

.KiX_i_inviteCode small{
  display:block;
  color:#e8ddeb
}

.KiX_i_inviteCode strong{
  display:block;
  margin:7px 0 16px;
  color:var(--KiX_i-yellow);
  font-size:30px;
  letter-spacing:.15em
}

.KiX_i_appClosingBox{
  padding:47px 25px;
  border:2px solid var(--KiX_i-purple);
  background:var(--KiX_i-soft);
  text-align:center
}

.KiX_i_newcomer{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 10px;
  border-radius:10px;
  background:var(--KiX_i-yellow);
  color:var(--KiX_i-ink);
  font-size:13px;
  font-weight:800
}

.KiX_i_appClosingBox h2{
  margin:15px 0 7px;
  font-size:42px
}

.KiX_i_appClosingBox p{
  color:var(--KiX_i-muted)
}

.KiX_i_closingActions{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:19px
}

@media(max-width:1000px){
  .KiX_i_contactRouteGrid{
    grid-template-columns:repeat(2,1fr)
  }

  .KiX_i_routeCard:nth-child(2){
    border-right:0
  }

  .KiX_i_routeCard:nth-child(-n+2){
    border-bottom:1px solid var(--KiX_i-purple)
  }

  .KiX_i_appOpeningGrid,
  .KiX_i_intelligenceBoard,
  .KiX_i_inviteBoard{
    grid-template-columns:1fr
  }
}

@media(max-width:720px){
  .KiX_i_contactOpeningGrid{
    grid-template-columns:1fr
  }

  .KiX_i_contactOpeningCopy h1,
  .KiX_i_appCopy h1{
    font-size:42px
  }

  .KiX_i_contactOrb{
    width:260px;
    height:260px
  }

  .KiX_i_contactRouteGrid,
  .KiX_i_channelDeck,
  .KiX_i_benefitGrid,
  .KiX_i_intelligenceList,
  .KiX_i_appFaqGrid,
  .KiX_i_installGrid,
  .KiX_i_trustGrid{
    grid-template-columns:1fr
  }

  .KiX_i_channelCard:nth-child(2n),
  .KiX_i_benefitCard:nth-child(2n){
    transform:none
  }

  .KiX_i_channelWide{
    grid-column:auto
  }

  .KiX_i_routeCard{
    border-right:0;
    border-bottom:1px solid var(--KiX_i-purple)
  }

  .KiX_i_routeCard:last-child{
    border-bottom:0
  }

  .KiX_i_contactDeskGrid{
    grid-template-columns:1fr
  }

  .KiX_i_phoneGallery{
    min-height:460px
  }

  .KiX_i_phoneMain{
    left:31%;
    width:220px;
    height:415px
  }

  .KiX_i_phoneBack{
    width:185px;
    height:345px
  }

  .KiX_i_stableBadge{
    right:0;
    bottom:24px
  }

  .KiX_i_experienceWheel{
    grid-template-columns:1fr
  }

  .KiX_i_experienceCard,
  .KiX_i_experienceCard:nth-child(2){
    width:230px;
    min-height:230px;
    margin:0 auto
  }

  .KiX_i_compareRow{
    grid-template-columns:1.2fr 1fr 1fr;
    padding:12px 9px;
    font-size:13px
  }

  .KiX_i_releaseTimeline{
    padding-left:17px
  }

  .KiX_i_releaseItem{
    grid-template-columns:1fr;
    gap:5px
  }

  .KiX_i_releaseItem::before{
    left:-27px
  }

  .KiX_i_installColumn+div{
    border-top:1px solid var(--KiX_i-purple);
    border-left:0
  }

  .KiX_i_trustGrid>div,
  .KiX_i_trustGrid>div:nth-child(3n){
    border-right:0;
    border-bottom:1px solid var(--KiX_i-purple)
  }

  .KiX_i_trustGrid>div:last-child{
    border-bottom:0
  }

  .KiX_i_inviteBoard{
    padding:27px
  }

  .KiX_i_inviteBoard h2,
  .KiX_i_appClosingBox h2{
    font-size:31px
  }
}
/* show page */
.KiX_i_storyMasthead{
  padding-top:34px
}

.KiX_i_storyMastheadBox{
  position:relative;
  min-height:370px;
  overflow:hidden;
  border:2px solid var(--KiX_i-purple);
  background:
    linear-gradient(to bottom,var(--KiX_i-ink) 0 56%,var(--KiX_i-soft) 56% 100%)
}

.KiX_i_storyMastheadCopy{
  position:relative;
  z-index:1;
  padding:42px 45px
}

.KiX_i_storyMastheadCopy .KiX_i_kicker{
  color:var(--KiX_i-yellow)
}

.KiX_i_storyMastheadCopy h1{
  max-width:920px;
  margin:17px 0 10px;
  color:#fff;
  font-size:clamp(35px,5vw,62px);
  line-height:1.1
}

.KiX_i_storyMastheadCopy p{
  max-width:730px;
  color:#e8ddeb;
  font-size:16px
}

.KiX_i_storyMastheadMark{
  position:absolute;
  right:42px;
  bottom:18px;
  display:flex;
  align-items:end;
  gap:12px;
  color:var(--KiX_i-purple)
}

.KiX_i_storyMastheadMark i{
  font-size:66px
}

.KiX_i_storyMastheadMark span{
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
  line-height:1.2
}

.KiX_i_storyMastheadLine{
  position:absolute;
  right:28px;
  bottom:24px;
  display:flex;
  gap:17px;
  color:var(--KiX_i-purple);
  font-size:11px;
  font-weight:900;
  letter-spacing:.15em
}

.KiX_i_readingLayout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:24px;
  align-items:start
}

.KiX_i_storyDocument{
  min-width:0;
  padding:35px;
  border:2px solid var(--KiX_i-purple);
  background:var(--KiX_i-soft);
  box-shadow:8px 9px 0 rgba(55,4,241,.13)
}

.KiX_i_documentTop{
  padding-bottom:23px;
  border-bottom:2px solid rgba(55,4,241,.2)
}

.KiX_i_documentTop h2{
  margin:15px 0;
  font-size:clamp(31px,4.5vw,52px);
  line-height:1.15
}

.KiX_i_documentFacts{
  display:flex;
  flex-wrap:wrap;
  gap:11px 20px;
  color:#827582;
  font-size:13px
}

.KiX_i_documentFacts i{
  color:var(--KiX_i-purple)
}

.KiX_i_documentContent{
  padding:28px 0;
  color:#443b48;
  font-size:17px;
  line-height:2
}

.KiX_i_documentContent p{
  margin:0 0 20px
}

.KiX_i_documentContent h2,
.KiX_i_documentContent h3,
.KiX_i_documentContent h4{
  color:var(--KiX_i-ink);
  line-height:1.35
}

.KiX_i_documentContent img{
  max-width:100%;
  height:auto;
  margin:23px auto;
  border:2px solid var(--KiX_i-purple)
}

.KiX_i_documentContent blockquote{
  margin:25px 0;
  padding:17px 20px;
  border-left:5px solid var(--KiX_i-yellow);
  background:rgba(233,182,247,.48);
  color:#5d5364
}

.KiX_i_documentBottom{
  padding-top:3px
}

.KiX_i_storySwitch{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px;
  margin-bottom:21px
}

.KiX_i_storySwitch a{
  display:block;
  padding:15px;
  border:2px solid var(--KiX_i-purple);
  background:#f7f1f1;
  color:var(--KiX_i-ink)
}

.KiX_i_storySwitch a:last-child{
  text-align:right
}

.KiX_i_storySwitch a:hover{
  background:var(--KiX_i-yellow)
}

.KiX_i_storySwitch small{
  display:block;
  margin-bottom:5px;
  color:var(--KiX_i-purple);
  font-weight:900
}

.KiX_i_storySwitch span{
  font-size:14px
}

.KiX_i_returnLink{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--KiX_i-purple);
  font-weight:900
}

.KiX_i_sharePanel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:25px;
  padding:18px;
  background:var(--KiX_i-purple);
  color:#fff
}

.KiX_i_sharePanel h3{
  margin:0 0 3px;
  font-size:17px
}

.KiX_i_sharePanel p{
  margin:0;
  color:#e8ddeb;
  font-size:13px
}

.KiX_i_shareButtons{
  display:flex;
  flex-wrap:wrap;
  gap:8px
}

.KiX_i_shareButtons button{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:2px solid var(--KiX_i-yellow);
  border-radius:10px;
  background:transparent;
  color:var(--KiX_i-yellow);
  transition:.2s ease
}

.KiX_i_shareButtons button:hover{
  background:var(--KiX_i-yellow);
  color:var(--KiX_i-purple)
}

.KiX_i_relatedHeading{
  align-items:center
}

.KiX_i_relatedHeading>a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--KiX_i-purple);
  font-size:14px;
  font-weight:900
}

.KiX_i_relatedGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px
}

.KiX_i_relatedCard{
  position:relative;
  overflow:hidden;
  border:2px solid var(--KiX_i-purple);
  background:var(--KiX_i-soft);
  transition:.25s ease
}

.KiX_i_relatedCard:hover{
  transform:translateY(-5px)
}

.KiX_i_relatedCard>a{
  display:block;
  overflow:hidden
}

.KiX_i_relatedCard img{
  width:100%;
  height:170px;
  object-fit:cover;
  transition:.35s ease
}

.KiX_i_relatedCard:hover img{
  transform:scale(1.06)
}

.KiX_i_relatedIndex{
  position:absolute;
  z-index:1;
  top:11px;
  left:11px;
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  border-radius:50%;
  background:var(--KiX_i-yellow);
  color:var(--KiX_i-purple);
  font-weight:900
}

.KiX_i_relatedCard>div{
  padding:16px
}

.KiX_i_relatedCard h3{
  min-height:49px;
  margin:0 0 10px;
  font-size:16px;
  line-height:1.45
}

.KiX_i_relatedCard time{
  color:#817582;
  font-size:12px
}

.KiX_i_relatedCard time i{
  color:var(--KiX_i-purple)
}

@media(max-width:1000px){
  .KiX_i_newsDirectoryLayout,
  .KiX_i_readingLayout{
    grid-template-columns:1fr
  }

  .KiX_i_newsSidebar,
  .KiX_i_storyAside{
    position:static;
    grid-template-columns:repeat(2,1fr)
  }

  .KiX_i_relatedGrid{
    grid-template-columns:repeat(2,1fr)
  }
}

@media(max-width:720px){
  .KiX_i_newsMastheadGrid,
  .KiX_i_newsInvitationBox{
    grid-template-columns:1fr;
    display:grid;
    padding:27px
  }

  .KiX_i_newsMastheadGraphic{
    min-height:220px
  }

  .KiX_i_newsGraphicTile{
    width:120px;
    height:120px
  }

  .KiX_i_newsGraphicCircle{
    width:70px;
    height:70px
  }

  .KiX_i_storyGrid,
  .KiX_i_newsSidebar,
  .KiX_i_storyAside,
  .KiX_i_relatedGrid{
    grid-template-columns:1fr
  }

  .KiX_i_storyHeading,
  .KiX_i_relatedHeading{
    display:block
  }

  .KiX_i_storyCount,
  .KiX_i_relatedHeading>a{
    display:inline-flex;
    margin-top:10px
  }

  .KiX_i_storyMastheadCopy{
    padding:29px
  }

  .KiX_i_storyMastheadCopy h1{
    font-size:37px
  }

  .KiX_i_storyMastheadMark{
    right:20px;
    bottom:20px
  }

  .KiX_i_storyMastheadMark i{
    font-size:44px
  }

  .KiX_i_storyMastheadLine{
    display:none
  }

  .KiX_i_storyDocument{
    padding:23px
  }

  .KiX_i_storySwitch{
    grid-template-columns:1fr
  }

  .KiX_i_storySwitch a:last-child{
    text-align:left
  }

  .KiX_i_sharePanel{
    display:block
  }

  .KiX_i_shareButtons{
    margin-top:14px
  }
}