/*
Theme Name: Inperly
Theme URI: https://inperly.com/
Author: Inperly
Version: 1.0
Text Domain: inperly
*/


@font-face {
  font-family: "Billennium";
  font-weight: 400;
  src: url("fonts/Billennium-Regular.woff") format("woff");
}
@font-face {
  font-weight: 600;
  font-family: "Billennium";
  src: url("fonts/Billennium-SemiBold.woff") format("woff");
}
@font-face {
  font-weight: 700;
  font-family: "Billennium";
  src: url("fonts/Billennium-ExtraBold.woff") format("woff");
}
@font-face {
  font-weight: 900;
  font-family: "Billennium";
  src: url("fonts/Billennium-CompressedBold.woff") format("woff");
}
:root {
  --inperly-teams: #4d49e1;
  --inperly-INES: #9747ff;
  --inperly-box: #9747ff;
  --inperly-primary: var(--inperly-teams);
  --inperly-text: #000;
  --inperly-bg: #fff;
  --inperly-teams-tinted-bg: rgb(77, 73, 225, 0.07);
  --inperly-box-tinted-bg: rgb(151, 71, 255, 0.07);
  --inperly-INES-tinted-bg: rgb(151, 71, 255, 0.07);	
  --inperly-primary-tinted-bg: var(--inperly-teams-tinted-bg);
  --inperly-border-color: #d9d9d9;
  --inperly-border-radius: 14px;
  --inperly-font-small: 10px;
  --inperly-font-medium: 14px;
  --inperly-font-large: 18px;
  --inperly-font-x-large: 32px;
}
body {
  font-family: "Billennium", system-ui, -apple-system, sans-serif;
  color: var(--inperly-text);
  background-color: var(--inperly-bg);
}
.color-primary, .has-inperly-primary-color {
  color: var(--inperly-primary);
}
.color-inperly-for-teams, .has-inperly-for-teams-color {
  color: var(--inperly-teams);
}
.color-inperly-box, .has-inperly-box-color {
  color: var(--inperly-box);
}
.color-inperly-INES, .has-inperly-box-color {
  color: var(--inperly-INES);
}
.has-inperly-primary-background-color {
  background-color: var(--inperly-primary);
}
.has-inperly-for-teams-background-color {
  background-color: var(--inperly-teams);
}
.has-inperly-box-background-color {
  background-color: var(--inperly-box);
}
.has-inperly-INES-background-color {
  background-color: var(--inperly-INES);
}
.has-inperly-primary-border-color {
  border-color: var(--inperly-primary);
}
.has-inperly-for-teams-border-color {
  border-color: var(--inperly-teams);
}
.has-inperly-box-border-color {
  border-color: var(--inperly-box);
}
.has-inperly-INES-border-color {
  border-color: var(--inperly-INES);
}
a {
  color: var(--inperly-primary);
  text-decoration: none;
}
a:hover {
  color: var(--inperly-primary);
  text-decoration: underline;
}
h1 {
  font-weight: 400;
  font-size: 32px;
}
.main-nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}
.main-nav__logo, .main-nav__logo:hover {
  color: var(--inperly-text);
}
.main-nav__main-menu {
  display: flex;
  align-items: center;
  gap: 20px;
}
.main-nav__main-menu a, .main-nav__main-menu a:hover {
  font-size: 18px;
  color: currentColor;
  text-decoration: none;
}
.main-nav__book-menu {
  display: flex;
  align-items: center;
  gap: 25px;
}
@media screen and (max-width: 1000px) {
  .main-nav {
    flex-direction: column;
    align-items: start;
    gap: 10px;
  }
  .main-nav__main-menu {
    flex-direction: column;
    align-items: start;
    gap: 10px;
  }
  .main-nav__book-menu {
    flex-direction: column-reverse;
    align-items: start;
  }
}
.main-nav__language-switcher {
  position: relative;
  user-select: none;
}
.main-nav__language-button {
  position: relative;
  border: none;
  background: none;
  cursor: pointer;
}
.main-nav__language-button:hover {
  color: var(--inperly-primary);
}
.main-nav__language-switcher:active .main-nav__language-options, .main-nav__language-switcher:focus .main-nav__language-options, .main-nav__language-switcher:focus-within .main-nav__language-options {
  display: flex;
}
.main-nav__language-options {
  display: none;
  position: absolute;
  top: calc(100% + 30px);
  flex-direction: column;
  background: var(--inperly-bg);
  border: 1px solid var(--inperly-border-color);
  border-radius: var(--inperly-border-radius);
  overflow: hidden;
}
.main-nav__language-options > a {
  color: var(--inperly-text);
  padding: 15px;
  min-width: 150px;
  border-bottom: 1px solid var(--inperly-border-color);
}
.main-nav__language-options > a:hover {
  text-decoration: none;
  color: #fff;
  background-color: var(--inperly-primary);
}
.main-nav__language-options > a:last-of-type {
  border: none;
}
.btn {
  display: inline-block;
  padding: 16px 32px;
  border-radius: var(--inperly-border-radius);
  text-align: center;
  --arrow-offset: -5px;
}
.btn, .btn:hover {
  text-decoration: none;
}
.btn, .btn:hover {
  color: #fff;
  background-color: var(--inperly-primary);
  border: 2px solid var(--inperly-primary);
}
.btn-outline, .btn-outline:hover {
  color: var(--inperly-primary);
  background-color: #fff;
  border-color: var(--inperly-primary);
}
.btn:hover {
  --arrow-offset: 0px;
}
.btn__arrow {
  display: inline-block;
  transition: 0.3s;
  will-change: transform;
  transform: translateY(5px);
  margin-left: 10px;
  color: currentColor;
}
.btn__arrow path {
  transition: 0.3s;
  will-change: transform;
  transform: translateX(var(--arrow-offset));
}
.body-footer__mail {
  font-size: var(--inperly-font-x-large);
  text-align: center;
  padding: 50px;
  min-height: 600px;
  max-height: 50vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-image: url(img/bg-dot.svg), url(img/bg-dot.svg), url(img/bg-dot.svg);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: 10% 70%, 60% 20%, 90% 60%;
}
body.theme--box .body-footer__mail {
  background-image: url(img/bg-rect.svg), url(img/bg-rect.svg), url(img/bg-rect.svg);
}
.body-footer__mail span {
  background: var(--inperly-bg);
  border-radius: 2px;
}
.body-footer__last-line {
  width: 100%;
}
.body-footer__last-line a {
  color: var(--inperly-text);
  text-decoration: none;
}
.body-footer__last-line a:hover {
  color: var(--inperly-primary);
}
.body-footer__last-line, .body-footer__last-line > * {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 1000px) {
  .body-footer__last-line {
    flex-direction: column;
  }
}
.body-footer__last-line__docs {
  font-size: 18px;
}
.body-footer__last-line__rights {
  font-size: 10px;
}
.inperly-grid-ul {
  display: grid;
  grid-template-columns: max-content auto;
  gap: 15px;
}
.inperly-grid-ul__bullet {
  color: var(--inperly-primary);
}
.inperly-grid-ul__bullet-point {
  width: 4px;
  height: 4px;
  background-color: var(--inperly-primary);
  border-radius: 50%;
  margin-left: calc(18px - 4px);
  margin-top: calc((1em - 4px) / 2);
}
.inperly-grid-ul-columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px 50px;
}
@media screen and (max-width: 1000px) {
  .inperly-grid-ul-columns {
    grid-template-columns: repeat(1, 1fr);
  }
}
.inperly-columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}
@media screen and (max-width: 1000px) {
  .inperly-columns {
    grid-template-columns: repeat(1, 1fr);
  }
}
.inperly-tinted-bg {
  padding: 50px;
  background-color: var(--inperly-primary-tinted-bg);
  border-radius: var(--inperly-border-radius);
}
.inperly-main-flex-column {
  display: flex;
  flex-direction: column;
  gap: 100px;
}
.inperly-tiles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
}
.inperly-tiles figure:has(img) {
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .inperly-tiles {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .inperly-tiles {
    grid-template-columns: repeat(1, 1fr);
  }
}
.inperly-tile-title {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 1em 0;
  font-size: var(--inperly-font-large);
}
.inperly-tile-title__icon {
  color: var(--inperly-primary);
  width: 25px;
  height: 25px;
}
.inperly-tile-title__icon svg {
  width: 100%;
  height: 100%;
}
.inperly-home-page-products {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  .inperly-home-page-products {
    grid-template-columns: repeat(2, 1fr);
  }
  .inperly-home-page-products > :first-child {
    grid-column: span 2;
  }
}
@media screen and (max-width: 600px) {
  .inperly-home-page-products {
    grid-template-columns: repeat(1, 1fr);
  }
  .inperly-home-page-products > :first-child {
    grid-column: unset;
  }
}
.inperly-home-page-products__frame {
  padding: 25px;
  background-color: var(--inperly-bg);
  border: 1px solid var(--inperly-border-color);
  border-radius: var(--inperly-border-radius);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.inperly-grow {
  flex-grow: 1;
}
.inperly-certs {
  box-shadow: 0 0 10px var(--inperly-border-color);
  border-radius: 2px;
  margin: 50px;
  padding: 50px;
}
@media screen and (max-width: 1000px) {
  .inperly-certs {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.inperly-certs__row {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 100px;
  align-items: center;
  justify-items: center;
}
@media screen and (max-width: 1000px) {
  .inperly-certs__row {
    grid-auto-flow: row;
    grid-auto-columns: unset;
    grid-auto-rows: min-content;
    gap: 50px;
  }
}
.inperly-certs__row > * {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 50px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  .inperly-certs__row > * {
    padding: 0;
  }
}
.inperly-certs__row > :nth-child(n+2) {
  position: relative;
}
.inperly-certs__row > :nth-child(n+2)::before {
  content: " ";
  display: block;
  position: absolute;
  left: -50px;
  width: 1px;
  height: 100%;
  background-color: var(--inperly-border-color);
}
@media screen and (max-width: 1000px) {
  .inperly-certs__row > :nth-child(n+2)::before {
    display: none;
  }
}
.inperly-safety__logos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
  align-items: center;
  justify-content: center;
}
.inperly-safety__logos > * {
  flex-basis: 150px;
}
.inperly-price-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.inperly-price-list__row {
  display: flex;
  align-items: center;
  background: linear-gradient(95deg, #4d49e1 60%, #9747ff 120%), #4d49e1;
  color: #fff;
  border-radius: 6px;
  padding: 25px;
  gap: 10px 25px;
}
.inperly-price-list__row:has(.inperly-price-list__th) {
  background: none;
  color: var(--inperly-text);
  opacity: 0.6;
}
.inperly-price-list__row:has(.inperly-price-list__dot--to-be) {
  color: var(--inperly-primary);
  background: var(--inperly-primary-tinted-bg);
}
.inperly-price-list__row > :nth-child(1) {
  flex-basis: 100%;
}
.inperly-price-list__row > :nth-child(2) {
  flex-basis: 150px;
}
.inperly-price-list__row > :nth-child(3) {
  flex-basis: 150px;
}
@media screen and (max-width: 600px) {
  .inperly-price-list__row {
    flex-wrap: wrap;
  }
  .inperly-price-list__row > :nth-child(2) {
    flex-basis: unset;
  }
  .inperly-price-list__row > :nth-child(3) {
    flex-basis: unset;
  }
}
.inperly-price-list__dot {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #4ad679;
  border-radius: 50%;
  vertical-align: text-bottom;
  margin-right: 10px;
}
.inperly-price-list__dot--to-be {
  background: #ffda58;
}
.inperly-features {
  display: flex;
  gap: 100px;
  align-items: center;
}
.inperly-features--reversed {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .inperly-features {
    flex-direction: column;
    gap: 25px;
  }
  .inperly-features .btn {
    width: 100%;
  }
}
.inperly-features__icon {
  width: 200px;
  height: 200px;
  padding: 20px;
  background: var(--inperly-primary-tinted-bg);
  color: var(--inperly-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--inperly-border-radius);
}
.inperly-product-layout {
  display: grid;
  grid-template-areas: "a b" "c b";
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto auto;
  gap: 25px;
}
.inperly-product-layout > :nth-child(1) {
  grid-area: a;
  align-self: end;
}
.inperly-product-layout > :nth-child(2) {
  grid-area: b;
}
.inperly-product-layout > :nth-child(3) {
  grid-area: c;
}
.inperly-product-layout .btn {
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .inperly-product-layout {
    display: flex;
    flex-direction: column;
  }
}
.inperly-details {
  margin: 25px 0;
  border: 1px solid var(--inperly-border-color);
  border-radius: 5px;
}
.inperly-details__summary > .is-layout-flex {
  display: inline-flex;
}
.inperly-details__summary {
  cursor: pointer;
  user-select: none;
  padding: 10px 20px;
}
[open] .inperly-details__summary {
  border-bottom: 1px solid var(--inperly-border-color);
}
.inperly-details__contents {
  padding: 0px 20px;
}
html, body {
  font-size: 14px;
  height: 100%;
}
* {
  box-sizing: border-box;
}
body {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
body > main {
  flex-grow: 1;
}
body > header, body > main, body > footer {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body > header > *:not(.full-width), body > main > *:not(.full-width), body > footer > *:not(.full-width) {
  padding-left: 50px;
  padding-right: 50px;
  max-width: 1400px;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  body > header > *:not(.full-width), body > main > *:not(.full-width), body > footer > *:not(.full-width) {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 600px) {
  body > header > *:not(.full-width), body > main > *:not(.full-width), body > footer > *:not(.full-width) {
    padding-left: 15px;
    padding-right: 15px;
  }
}
body > header > .full-width, body > main > .full-width, body > footer > .full-width {
  width: 100%;
}
body > header {
  padding-top: 50px;
}
body > footer {
  padding-bottom: 50px;
}
img, svg {
  max-width: 100%;
  max-height: 100%;
}
body.theme--box {
  --inperly-primary: var(--inperly-box);
}
body.theme--teams {
  --inperly-primary: var(--inperly-teams);
}