@font-face {
  font-family:NH Geist;
  src:url('/assets/geist-latin.woff2') format('woff2');
  font-weight:100 900;
  font-display:swap
}
@font-face {
  font-family:NH Geist;
  src:url('/assets/geist-cyrillic.woff2') format('woff2');
  font-weight:100 900;
  font-display:swap;
  unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face {
  font-family:NH Besley;
  src:url('/assets/Besley-Variable.ttf') format('truetype');
  font-weight:400 900;
  font-display:swap
}
body:has(.new-home) {
  margin:0;
  background:#f8f2e4;
  color:#1a1e1e;
  color-scheme:light
}
.new-home {
  --background:#f8f2e4;
  --foreground:#1a1e1e;
  --card:#fff;
  --card-foreground:#1a1e1e;
  --primary:#1a1e1e;
  --primary-foreground:#fff;
  --secondary:#007034;
  --secondary-foreground:#fff;
  --accent:#b7dfe7;
  --accent-foreground:#131313;
  --muted:#ffb01c;
  --muted-foreground:#909396;
  font-family:NH Geist,Arial,sans-serif;
  font-weight:400;
  background:var(--background);
  color:var(--foreground);
  line-height:1.4;
  overflow:clip;
  border-top:24px solid var(--accent)
}
.new-home * {
  box-sizing:border-box
}
.new-home :is(h1,h2,h3,p) {
  margin:0;
  font-weight:400
}
.new-home a {
  color:inherit;
  text-decoration:none
}
.new-home a:focus-visible {
  outline:3px solid var(--secondary);
  outline-offset:6px
}
.new-home img {
  display:block
}
.nh-container {
  width:min(1320px,calc(100% - 96px));
  margin-inline:auto
}
.nh-header {
  height:96px;
  display:flex;
  justify-content:center;
  align-items:center
}
.nh-nav {
  display:flex;
  align-items:center;
  gap:48px;
  border-radius:9999px;
  padding:8px 8px 8px 16px;
  background:var(--card);
  box-shadow:0 0 20px #00000012
}
.nh-nav-brand,.nh-footer-brand {
  display:flex;
  align-items:center;
  gap:8px
}
.nh-brand {
  display:flex;
  align-items:center;
  height:40px;
  gap:0;
  flex-shrink:0
}
.nh-brand>img {
  width:199.424px;
  height:33.381px
}
.nh-brand-mascot {
  width:52.4px;
  height:43px;
  position:relative;
  overflow:hidden
}
.nh-brand-mascot img {
  position:absolute;
  width:65px;
  height:65px;
  left:-5px;
  top:-11px
}
.nh-language {
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 16px 8px 8px;
  border-radius:99px;
  background:var(--accent);
  color:var(--foreground);
  font-size:16px;
  line-height:24px
}
.nh-language img {
  width:24px;
  height:24px
}
.nh-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:14px 32px;
  border-radius:99px;
  background:var(--primary);
  color:var(--primary-foreground)!important;
  font-size:20px;
  line-height:24px;
  white-space:nowrap;
  transition:transform .2s,opacity .2s
}
.nh-button:hover {
  opacity:.85;
  transform:translateY(-2px)
}
.nh-button-light {
  background:var(--background);
  color:var(--foreground)!important
}
.nh-hero {
  padding-block:72px
}
.new-home h1 {
  font-family:NH Besley,Georgia,serif;
  font-size:88px;
  line-height:1;
  letter-spacing:-2.52px;
  text-align:center;
  text-wrap:balance
}
.new-home h1 span {
  font-family:NH Geist,Arial,sans-serif
}
.nh-hero-scene {
  position:relative;
  height:874px;
  margin-top:72px
}
.nh-phone {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:424px;
  height:874px
}
.nh-phone-frame {
  width:424px;
  height:874px;
  filter:drop-shadow(0 20px 40px #0004)
}
.nh-phone-screen {
  position:absolute;
  inset:14px 17px;
  width:390px;
  height:846px;
  border-radius:63px
}
.nh-phone-bottom {
  position:absolute;
  left:17px;
  bottom:14px;
  width:390px;
  height:206px;
  border-radius:20px 20px 63px 63px
}
.nh-hero-feature {
  position:absolute;
  width:312px
}
.nh-hero-feature-left {
  left:0;
  top:98px
}
.nh-hero-feature-right {
  right:0;
  top:495px
}
.nh-feature {
  background:var(--accent);
  color:var(--accent-foreground);
  padding:40px;
  border-radius:32px;
  display:flex;
  flex-direction:column;
  gap:32px
}
.nh-feature p {
  font-size:32px;
  line-height:36px;
  letter-spacing:-.64px
}
.nh-hero-feature .nh-feature {
  height:280px;
  justify-content:space-between
}
.nh-feature-green {
  background:var(--secondary);
  color:var(--secondary-foreground)
}
.nh-icon {
  width:48px;
  height:48px;
  background:var(--card);
  border-radius:50%;
  display:grid;
  place-items:center;
  flex-shrink:0
}
.nh-icon img {
  width:20px;
  height:20px
}
.nh-arrow {
  position:absolute;
  width:295px;
  height:145px;
  pointer-events:none
}
.nh-arrow-left {
  left:calc(50% - 416px);
  top:78px
}
.nh-arrow-right {
  right:calc(50% - 389px);
  top:535px;
  transform:rotate(-165deg)
}
.nh-section {
  padding-block:72px
}
.nh-split {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:start
}
.nh-copy {
  display:flex;
  flex-direction:column;
  gap:72px
}
.nh-eyebrow {
  font-size:14px;
  line-height:16px;
  text-transform:uppercase;
  opacity:.3;
  margin-bottom:16px!important
}
.new-home h2 {
  font-size:64px;
  line-height:68px;
  letter-spacing:-2px
}
.new-home em {
  font-family:NH Besley,Georgia,serif;
  font-style:normal
}
.nh-features {
  display:flex;
  flex-direction:column;
  gap:24px;
  max-width:424px
}
.nh-catalog {
  padding-bottom:176px
}
.nh-catalog-picture {
  background:var(--secondary);
  border-radius:72px;
  height:732px;
  overflow:hidden;
  position:relative
}
.nh-catalog-picture img {
  position:absolute;
  width:67.59%;
  height:auto;
  left:16.2%;
  top:8%;
  border-radius:40px 40px 0 0
}
.nh-section-heading {
  max-width:840px;
  text-align:center;
  margin:0 auto 72px
}
.nh-stories {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px
}
.nh-story-picture {
  position:relative;
  aspect-ratio:424/480;
  border-radius:48px;
  overflow:hidden
}
.nh-story-picture>img {
  position:absolute;
  max-width:none
}
.nh-story-one>img {
  width:100%;
  height:110.38%;
  top:.04%;
  left:0
}
.nh-story-two>img {
  width:103.18%;
  height:113.89%;
  left:-.6%;
  top:.07%
}
.nh-story-three>img {
  width:126.1%;
  height:139.18%;
  left:-13.05%;
  top:-15.29%
}
.nh-story-copy {
  padding:32px 32px 0;
  text-align:center
}
.new-home h3 {
  font-size:32px;
  line-height:36px;
  letter-spacing:-.64px;
  margin-bottom:16px
}
.nh-story-copy p {
  font-size:18px;
  line-height:24px;
  letter-spacing:-.36px
}
.nh-player {
  position:absolute;
  left:5.66%;
  right:16.98%;
  bottom:5%;
  height:23.33%;
  background:#ffffffe6;
  backdrop-filter:blur(12px);
  border:1px solid #0043601f;
  border-radius:20px;
  box-shadow:0 5px 40px #0000000a;
  padding:8px
}
.nh-player-time {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  color:#0006;
  height:32%;
  font-variant-numeric:tabular-nums
}
.nh-player-track {
  height:4px;
  flex:1;
  background:#fff;
  border-radius:9px
}
.nh-player-track:before {
  content:'';
  display:block;
  width:30%;
  height:100%;
  background:var(--primary);
  border-radius:9px
}
.nh-player-controls {
  height:68%;
  display:flex;
  align-items:center;
  justify-content:space-between
}
.nh-player-controls>span {
  width:18%;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border-radius:50%
}
.nh-player-controls img {
  width:20px;
  height:20px
}
.nh-play {
  background:var(--primary)
}
.nh-wave {
  position:absolute;
  top:67%;
  left:0;
  right:0;
  display:flex;
  gap:4px;
  align-items:center;
  height:50px;
  opacity:.6
}
.nh-wave i {
  flex-shrink:0;
  width:4px;
  border-radius:9px;
  height:30px;
  background:var(--primary)
}
.nh-wave i:nth-child(3n) {
  height:12px
}
.nh-wave i:nth-child(4n) {
  height:44px
}
.nh-wave i:nth-child(5n) {
  height:6px
}
.nh-agents {
  display:flex;
  gap:8px;
  position:absolute;
  left:-6.84%;
  top:73.5%
}
.nh-agents span {
  display:grid;
  place-items:center;
  background:#ffffffb3;
  backdrop-filter:blur(12px);
  border:1px solid #0043601f;
  width:90px;
  height:90px;
  border-radius:20px;
  font-size:18px;
  white-space:nowrap
}
.nh-extension {
  display:flex;
  align-items:flex-start;
  gap:8px;
  position:absolute;
  top:71%;
  left:-11%;
  width:78%;
  height:41%;
  border-radius:32px;
  background:#ffffffb3;
  backdrop-filter:blur(12px);
  padding:42px 0 0
}
.nh-extension span {
  width:60px;
  height:60px;
  border-radius:12px;
  background:#ffffff80;
  flex-shrink:0
}
.nh-extension span:first-child {
  width:145px;
  margin-left:-17px
}
.nh-extension span:nth-child(2) {
  background:var(--card)
}
.nh-extension img {
  width:60px;
  height:60px;
  object-fit:contain;
  transform:scaleX(-1)
}
.nh-dictionary {
  padding-bottom:144px
}
.nh-reader-picture {
  height:648px;
  background:var(--muted);
  overflow:hidden;
  border-radius:72px;
  position:relative
}
.nh-reader-picture img {
  position:absolute;
  left:17.28%;
  top:111px;
  width:65.43%;
  height:auto;
  border-radius:40px
}
.nh-cta {
  padding-block:72px;
  background:#1b1e1e;
  color:#eff4f6
}
.nh-cta-inner {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px
}
.nh-cta-inner>div:first-child {
  width:648px
}
.nh-cta h2 {
  margin-bottom:32px
}
.nh-mascot {
  position:relative;
  width:488px;
  height:380px;
  overflow:hidden;
  flex-shrink:0;
  transform:scaleX(-1)
}
.nh-mascot img {
  position:absolute;
  width:118.44%;
  height:152.11%;
  left:-9.43%;
  top:-26.05%
}
.nh-footer {
  padding-block:72px;
  background:#0b0c0c;
  color:#fff
}
.nh-footer-brand .nh-brand>img {
  width:253px;
  height:40px
}
.nh-footer-links {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-block:48px
}
.nh-footer-links h2 {
  font-size:14px;
  line-height:16px;
  letter-spacing:0;
  text-transform:uppercase;
  opacity:.3;
  margin-bottom:16px
}
.nh-footer-links a,.nh-footer-links p {
  display:block;
  font-size:14px;
  line-height:20px;
  text-transform:uppercase;
  margin-bottom:8px
}
.nh-footer-links a:hover {
  text-decoration:underline
}
.nh-footer-links p {
  color:var(--muted-foreground)
}
.nh-footer-rule {
  height:1px;
  margin-bottom:48px;
  overflow:hidden
}
.nh-footer-rule img {
  width:100%;
  height:1px
}
.nh-footer-bottom {
  display:flex;
  justify-content:space-between;
  gap:24px;
  color:var(--muted-foreground);
  font-size:18px;
  line-height:24px
}
@media(min-width:1600px) {
  .nh-hero-scene {
    margin-top:72px
  }
}
@media(max-width:1200px) {
  .nh-container {
    width:calc(100% - 64px)
  }
  .new-home h1 {
    font-size:68px
  }
  .new-home h2 {
    font-size:52px;
    line-height:1.08
  }
  .nh-hero-feature {
    width:240px
  }
  .nh-feature {
    padding:28px
  }
  .nh-feature p {
    font-size:26px;
    line-height:30px
  }
  .nh-phone {
    transform:translateX(-50%) scale(.85);
    transform-origin:top center
  }
  .nh-hero-scene {
    height:744px
  }
  .nh-hero-feature-right {
    top:420px
  }
  .nh-arrow {
    width:220px;
    height:auto
  }
  .nh-arrow-left {
    left:calc(50% - 330px)
  }
  .nh-arrow-right {
    right:calc(50% - 320px);
    top:460px
  }
  .nh-catalog-picture {
    height:630px
  }
  .nh-story-copy {
    padding-inline:8px
  }
  .new-home h3 {
    font-size:26px;
    line-height:30px
  }
  .nh-agents span {
    width:68px;
    height:68px;
    font-size:14px
  }
  .nh-reader-picture {
    height:540px
  }
  .nh-mascot {
    width:390px;
    height:304px
  }
  .nh-player-controls img {
    width:16px;
    height:16px
  }
}
@media(max-width:900px) {
  .nh-container {
    width:calc(100% - 40px)
  }
  .nh-header {
    height:88px;
    padding-inline:20px
  }
  .nh-nav {
    gap:24px
  }
  .nh-brand>img {
    width:155px;
    height:auto
  }
  .nh-brand-mascot {
    width:40px
  }
  .nh-button {
    font-size:16px;
    min-height:48px;
    padding:12px 22px
  }
  .new-home h1 {
    font-size:54px;
    letter-spacing:-1.5px
  }
  .nh-hero {
    padding-top:48px;
    padding-bottom:40px
  }
  .nh-hero-scene {
    height:650px;
    margin-top:48px
  }
  .nh-phone {
    transform:translateX(-50%) scale(.70)
  }
  .nh-hero-feature {
    width:180px
  }
  .nh-feature {
    padding:24px;
    border-radius:24px;
    gap:24px
  }
  .nh-feature p {
    font-size:22px;
    line-height:26px
  }
  .nh-hero-feature .nh-feature {
    height:210px
  }
  .nh-hero-feature-right {
    top:365px
  }
  .nh-arrow-left {
    left:calc(50% - 255px);
    top:70px;
    width:165px
  }
  .nh-arrow-right {
    right:calc(50% - 250px);
    top:425px;
    width:165px
  }
  .new-home h2 {
    font-size:44px
  }
  .nh-copy {
    gap:40px
  }
  .nh-section {
    padding-block:48px
  }
  .nh-catalog-picture {
    height:570px;
    border-radius:48px
  }
  .nh-catalog-picture img {
    width:80%;
    left:10%;
    top:12%
  }
  .nh-story-picture {
    border-radius:28px
  }
  .new-home h3 {
    font-size:22px;
    line-height:26px
  }
  .nh-story-copy p {
    font-size:16px;
    line-height:22px
  }
  .nh-section-heading {
    margin-bottom:40px
  }
  .nh-stories {
    gap:16px
  }
  .nh-reader-picture {
    height:460px;
    border-radius:48px
  }
  .nh-reader-picture img {
    top:65px
  }
  .nh-cta h2 {
    font-size:40px
  }
  .nh-mascot {
    width:300px;
    height:234px
  }
  .nh-cta {
    padding-block:48px
  }
  .nh-footer {
    padding-block:48px
  }
  .nh-extension {
    padding-top:24px
  }
  .nh-extension span {
    width:36px;
    height:36px
  }
  .nh-extension span:first-child {
    width:75px
  }
  .nh-extension img {
    width:36px;
    height:36px
  }
  .nh-agents {
    gap:4px
  }
  .nh-agents span {
    width:46px;
    height:46px;
    font-size:10px;
    border-radius:12px
  }
  .nh-player {
    padding:4px;
    border-radius:12px
  }
  .nh-player-time {
    font-size:8px
  }
  .nh-player-controls img {
    width:12px;
    height:12px
  }
}
@media(max-width:640px) {
  .new-home {
    border-top-width:8px
  }
  .nh-header {
    height:80px;
    padding-inline:12px
  }
  .nh-nav {
    width:100%;
    gap:12px;
    justify-content:space-between;
    padding:8px 8px 8px 12px
  }
  .nh-brand {
    height:28px
  }
  .nh-brand>img {
    width:110px
  }
  .nh-brand-mascot {
    width:30px;
    height:29px
  }
  .nh-brand-mascot img {
    width:44px;
    height:44px;
    left:-5px;
    top:-7px
  }
  .nh-nav .nh-language {
    display:none
  }
  .nh-button {
    font-size:12px;
    min-height:40px;
    padding:8px 14px;
    line-height:16px
  }
  .nh-hero {
    padding-top:32px
  }
  .new-home h1 {
    font-size:36px;
    line-height:1.12;
    letter-spacing:-1px
  }
  .nh-container {
    width:calc(100% - 32px)
  }
  .nh-hero-scene {
    height:670px;
    margin-top:32px
  }
  .nh-phone {
    transform:translateX(-50%) scale(.51)
  }
  .nh-hero-feature {
    width:calc(50% - 8px);
    top:475px
  }
  .nh-hero-feature-left {
    left:0
  }
  .nh-hero-feature-right {
    right:0
  }
  .nh-hero-feature .nh-feature {
    height:180px;
    padding:20px;
    gap:16px
  }
  .nh-icon {
    width:36px;
    height:36px
  }
  .nh-icon img {
    width:16px;
    height:16px
  }
  .nh-feature p {
    font-size:20px;
    line-height:24px;
    letter-spacing:-.4px
  }
  .nh-arrow {
    width:110px
  }
  .nh-arrow-left {
    left:calc(50% - 170px);
    top:370px;
    transform:rotate(-85deg)
  }
  .nh-arrow-right {
    right:calc(50% - 170px);
    top:370px;
    transform:rotate(-95deg)
  }
  .nh-section {
    padding-block:40px
  }
  .nh-split {
    grid-template-columns:1fr;
    gap:32px
  }
  .new-home h2 {
    font-size:38px;
    line-height:1.12;
    letter-spacing:-1.2px
  }
  .nh-catalog h2 br {
    display:none
  }
  .nh-copy {
    gap:28px
  }
  .nh-features {
    max-width:none;
    gap:12px
  }
  .nh-catalog .nh-features {
    display:grid;
    grid-template-columns:1fr 1fr
  }
  .nh-feature {
    padding:20px;
    gap:20px
  }
  .nh-catalog .nh-feature p {
    font-size:18px;
    line-height:22px
  }
  .nh-catalog-picture {
    height:auto;
    aspect-ratio:648/732;
    border-radius:36px
  }
  .nh-catalog-picture img {
    width:67.59%;
    left:16.2%;
    top:8%
  }
  .nh-section-heading {
    margin-bottom:32px
  }
  .nh-stories {
    grid-template-columns:1fr;
    gap:40px;
    max-width:424px;
    margin:auto
  }
  .nh-story-picture {
    border-radius:36px
  }
  .nh-story-copy {
    padding:24px 16px 0
  }
  .new-home h3 {
    font-size:28px;
    line-height:32px
  }
  .nh-story-copy p {
    font-size:17px;
    line-height:24px
  }
  .nh-player {
    padding:8px;
    border-radius:20px
  }
  .nh-player-time {
    font-size:11px
  }
  .nh-player-controls img {
    width:20px;
    height:20px
  }
  .nh-agents {
    gap:8px
  }
  .nh-agents span {
    width:76px;
    height:76px;
    font-size:16px;
    border-radius:20px
  }
  .nh-extension {
    padding-top:32px
  }
  .nh-extension span {
    width:50px;
    height:50px
  }
  .nh-extension span:first-child {
    width:120px
  }
  .nh-extension img {
    width:50px;
    height:50px
  }
  .nh-dictionary .nh-feature {
    flex-direction:row;
    align-items:center
  }
  .nh-dictionary .nh-feature p {
    font-size:20px;
    line-height:24px
  }
  .nh-reader-picture {
    height:auto;
    aspect-ratio:1;
    border-radius:36px
  }
  .nh-reader-picture img {
    top:17.13%
  }
  .nh-dictionary {
    padding-bottom:64px
  }
  .nh-cta-inner {
    flex-direction:column;
    gap:32px
  }
  .nh-cta-inner>div:first-child {
    width:100%
  }
  .nh-cta h2 {
    font-size:38px;
    max-width:400px
  }
  .nh-cta .nh-button {
    font-size:16px;
    min-height:48px;
    padding:12px 24px
  }
  .nh-mascot {
    align-self:center;
    width:300px;
    height:234px
  }
  .nh-footer-brand .nh-brand {
    height:32px
  }
  .nh-footer-brand .nh-brand>img {
    width:200px;
    height:auto
  }
  .nh-footer-links {
    grid-template-columns:1fr;
    gap:28px;
    margin-block:36px
  }
  .nh-footer-links h2 {
    margin-bottom:12px
  }
  .nh-footer-bottom {
    flex-direction:column;
    gap:16px;
    font-size:14px
  }
  .nh-footer-rule {
    margin-bottom:28px
  }
}
@media(prefers-reduced-motion:reduce) {
  .nh-button {
    transition:none
  }
}