@font-face {
  font-family: Geist Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/_astro/geist-cyrillic-ext-wght-normal.DjL33-gN.woff2") format("woff2-variations");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: Geist Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/_astro/geist-cyrillic-wght-normal.BEAKL7Jp.woff2") format("woff2-variations");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
  font-family: Geist Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/_astro/geist-vietnamese-wght-normal.6IgcOCM7.woff2") format("woff2-variations");
  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304,
    U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Geist Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/_astro/geist-latin-ext-wght-normal.DC-KSUi6.woff2") format("woff2-variations");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF,
    U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Geist Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/_astro/geist-latin-wght-normal.BgDaEnEv.woff2") format("woff2-variations");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F,
    U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Geist Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/_astro/geist-mono-cyrillic-ext-wght-normal.X_5orZeX.woff2") format("woff2-variations");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: Geist Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/_astro/geist-mono-cyrillic-wght-normal.DiZS0aHC.woff2") format("woff2-variations");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
  font-family: Geist Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/_astro/geist-mono-symbols2-wght-normal.CO5SzqOn.woff2") format("woff2-variations");
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}
@font-face {
  font-family: Geist Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/_astro/geist-mono-vietnamese-wght-normal.DadHysG0.woff2") format("woff2-variations");
  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304,
    U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Geist Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/_astro/geist-mono-latin-ext-wght-normal.Bwz-egvJ.woff2") format("woff2-variations");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF,
    U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Geist Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/_astro/geist-mono-latin-wght-normal.XN7g48iV.woff2") format("woff2-variations");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F,
    U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Urbanist Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/_astro/urbanist-latin-ext-wght-normal.Bdxck5Au.woff2") format("woff2-variations");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF,
    U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Urbanist Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/_astro/urbanist-latin-wght-normal.D69JTELx.woff2") format("woff2-variations");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F,
    U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --bg: oklch(0.9605925 0.0026535 106.44923);
  --mist: oklch(0.9321353 0.0054394 117.92788);
  --paper: oklch(1 0 89.87556);
  --ink: oklch(0.1878091 0.0067462 135.00818);
  --ink-2: oklch(0.2936852 0.0076469 128.75377);
  --slate: oklch(0.5018587 0.0114891 125.85264);
  --mute: oklch(0.6418006 0.0121988 123.57184);
  --hair: oklch(0.9106117 0.0067909 115.71515);
  --hair-2: oklch(0.8635952 0.0084324 121.65006);
  --lichen: oklch(0.6443148 0.1622395 48.94299);
  --lichen-2: oklch(0.777003 0.127036 62.16901);
  --lichen-3: oklch(0.9293554 0.0403752 66.09367);
  --up: oklch(0.5237811 0.1342129 143.98099);
  --moss: oklch(0.566888 0.1529142 140.03313);
  --moss-2: oklch(0.7502922 0.1526803 130.65933);
  --moss-3: oklch(0.9399952 0.0411388 128.28938);
  --moss-ink: oklch(0.3656406 0.0930959 140.66029);
  --dark: oklch(0.2285097 0.0058626 121.90758);
  --dark-2: oklch(0.2733159 0.0077831 128.78162);
  --r-xl: 28px;
  --r-lg: 18px;
  --r-md: 12px;
  --r-sm: 8px;
  --r-xs: 4px;
  --gut: clamp(20px, 3.4vw, 48px);
  --max: 1280px;
  --sec: clamp(72px, 8vw, 124px);
  --ease: cubic-bezier(0.22, 0.8, 0.2, 1);
  --ease-io: cubic-bezier(0.65, 0, 0.35, 1);
  --t-s: 0.2s;
  --t-m: 0.42s;
  --t-l: 0.9s;
  --font: "Geist Variable", ui-sans-serif, system-ui, sans-serif;
  --display: "Urbanist Variable", "Geist Variable", ui-sans-serif, sans-serif;
  --mono: "Geist Mono Variable", ui-monospace, monospace;
  --cursor: url("/cursor/arrow.svg") 3 2, auto;
  --cursor-hand: url("/cursor/hand.svg") 9 3, pointer;
}
*,
:before,
:after {
  box-sizing: border-box;
}
* {
  margin: 0;
}
html {
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizelegibility;
  overflow-x: clip;
}
body {
  background: var(--bg);
  color: var(--ink);
  font: 400 17px/1.55 var(--font);
  letter-spacing: -0.006em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: var(--cursor);
  overflow-x: clip;
}
a,
button,
[role="button"],
label[for],
summary,
select {
  cursor: var(--cursor-hand);
}
input,
textarea {
  cursor: text;
}
img,
svg,
video {
  max-width: 100%;
  display: block;
}
img {
  height: auto;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  font: inherit;
  color: inherit;
  background: 0 0;
  border: 0;
  padding: 0;
}
::selection {
  background: var(--moss);
  color: oklch(1 0 89.87556);
}
:focus-visible {
  outline: 2px solid var(--moss);
  outline-offset: 3px;
  border-radius: 4px;
}
.wrap {
  width: min(100% - 2 * var(--gut), var(--max));
  margin-inline: auto;
}
.num {
  font-variant-numeric: tabular-nums;
}
.mono {
  font-family: var(--mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
}
.sr {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}
.h1,
.h2,
.h3 {
  font-family: var(--display);
  text-wrap: balance;
  font-weight: 500;
}
.h1 {
  letter-spacing: -0.05em;
  font-size: clamp(44px, 6.2vw, 96px);
  line-height: 0.98;
}
.h2 {
  letter-spacing: -0.042em;
  font-size: clamp(34px, 4.2vw, 64px);
  line-height: 1.02;
}
.h3 {
  letter-spacing: -0.028em;
  font-size: clamp(22px, 1.8vw, 28px);
  font-weight: 600;
  line-height: 1.18;
}
.lede {
  color: var(--slate);
  text-wrap: pretty;
  font-size: clamp(17px, 1.3vw, 20px);
  line-height: 1.5;
}
.small {
  color: var(--slate);
  font-size: 14px;
}
.center {
  text-align: center;
  margin-inline: auto;
}
.btn {
  --bh: 52px;
  height: var(--bh);
  letter-spacing: -0.01em;
  white-space: nowrap;
  background: var(--ink);
  color: oklch(1 0 89.87556);
  border: 1px solid var(--ink);
  transition:
    background var(--t-s) var(--ease),
    color var(--t-s) var(--ease),
    border-color var(--t-s) var(--ease);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0 26px;
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
}
.btn:hover {
  background: var(--ink-2);
}
.btn.ghost {
  background: var(--paper);
  color: var(--ink);
  border-color: var(--hair-2);
}
.btn.ghost:hover {
  border-color: var(--ink);
}
.btn.light {
  color: var(--ink);
  background: oklch(1 0 89.87556);
  border-color: oklch(1 0 89.87556);
}
.btn.light:hover {
  background: var(--moss-3);
  border-color: var(--moss-3);
}
.btn.sm {
  --bh: 40px;
  padding: 0 18px;
  font-size: 15px;
}
.btn .ar {
  width: 14px;
  height: 14px;
  position: relative;
  overflow: hidden;
}
.btn .ar svg {
  transition: transform 0.38s var(--ease);
  position: absolute;
  inset: 0;
}
.btn .ar svg + svg {
  transform: translate(-150%);
}
.btn:hover .ar svg:first-child {
  transform: translate(150%);
}
.btn:hover .ar svg + svg {
  transform: translate(0);
}
.js [data-rv] {
  opacity: 0;
}
.js .line-mask {
  margin-bottom: -0.08em;
  padding-bottom: 0.08em;
  display: block;
  overflow: hidden;
}
.js .line-mask > span {
  display: block;
  transform: translateY(105%);
}
.wm {
  vertical-align: top;
  margin: 0 -0.02em -0.12em;
  padding: 0 0.02em 0.12em;
  display: inline-block;
  overflow: hidden;
}
.wm > span {
  transform-origin: 0 100%;
  will-change: transform;
  display: inline-block;
}
.js [data-split] {
  visibility: hidden;
}
.js [data-split]:has(.wm) {
  visibility: visible;
}
@media (prefers-reduced-motion: reduce) {
  .js [data-rv] {
    opacity: 1;
  }
  .js .line-mask > span {
    transform: none;
  }
}
@view-transition {
  navigation: auto;
}
::view-transition-old(root) {
  animation: vt-out 0.42s var(--ease-io) both;
}
::view-transition-new(root) {
  animation: vt-in 0.62s var(--ease) 0.12s both;
}
@keyframes vt-out {
  to {
    opacity: 0;
    filter: blur(14px) brightness(1.18);
    transform: translateY(-18px) scale(0.985);
  }
}
@keyframes vt-in {
  0% {
    opacity: 0;
    filter: blur(16px) brightness(1.2);
    transform: translateY(26px);
  }
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root) {
    animation: 0.2s both fade-out;
  }
  ::view-transition-new(root) {
    animation: 0.26s both fade-in;
  }
}
@keyframes fade-out {
  to {
    opacity: 0;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
}
.badge-vt {
  view-transition-name: vbadge;
}
@media (hover: none), (pointer: coarse) {
  body,
  a,
  button,
  [role="button"],
  label[for],
  summary,
  select {
    cursor: auto;
  }
}
.glass {
  isolation: isolate;
  backdrop-filter: blur(12px) saturate(1.7) brightness(1.04);
  background: oklch(1 0 89.87556 / 0.2);
  border: 1px solid oklch(1 0 89.87556 / 0.3803922);
  position: relative;
  box-shadow:
    inset 0 1px 1px oklch(1 0 89.87556 / 0.7019608),
    inset 0 -10px 22px -16px oklch(1 0 89.87556 / 0.5490196),
    0 10px 30px -18px oklch(0.1819303 0.0184465 137.96636 / 0.2784314);
}
.glass:before {
  content: "";
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  -webkit-mask-composite: xor;
  background: linear-gradient(
    140deg,
    oklch(1 0 89.87556 / 0.9490196),
    oklch(1 0 89.87556 / 0.1215686) 32%,
    oklch(1 0 89.87556 / 0) 55%,
    oklch(1 0 89.87556 / 0.5490196) 88%
  );
  padding: 1.2px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(oklch(0 0 0) 0 0), linear-gradient(oklch(0 0 0) 0 0);
  -webkit-mask-position:
    0 0,
    0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  mask-composite: exclude;
  mask-mode: match-source, match-source;
}
.glass:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  opacity: 0.7;
  background: linear-gradient(oklch(1 0 89.87556 / 0.3803922), oklch(1 0 89.87556 / 0));
  border-radius: 999px;
  height: 45%;
  position: absolute;
  inset: 1px 10% auto;
}
.glass.dark {
  color: oklch(1 0 89.87556);
  background: oklch(0.2024779 0.0131862 135.16514 / 0.3803922);
  border-color: oklch(1 0 89.87556 / 0.1607843);
}
.btn {
  --bh: 54px;
  letter-spacing: -0.005em;
  transition:
    background var(--t-s) var(--ease),
    color var(--t-s) var(--ease),
    border-color var(--t-s) var(--ease),
    transform 0.16s var(--ease),
    box-shadow var(--t-s) var(--ease);
  background: linear-gradient(
    oklch(0.4176038 0.0139913 128.83928) 0%,
    oklch(0.2356476 0.0080706 128.84786) 46%,
    oklch(0.1617422 0.0044375 128.76973) 100%
  );
  border: 1px solid oklch(0.152299 0.0044988 128.81801);
  gap: 14px;
  padding: 0 26px;
  font-weight: 550;
  box-shadow:
    inset 0 1px oklch(1 0 89.87556 / 0.2588235),
    inset 0 -3px 8px oklch(0 0 0 / 0.3490196),
    0 10px 22px -12px oklch(0.15032 0.0092354 128.54018 / 0.6);
}
.btn:hover {
  background: linear-gradient(
    oklch(0.4671171 0.0169989 128.87256) 0%,
    oklch(0.2757248 0.0116255 128.93948) 46%,
    oklch(0.1874349 0.0085305 128.97856) 100%
  );
  box-shadow:
    inset 0 1px oklch(1 0 89.87556 / 0.3215686),
    inset 0 -3px 8px oklch(0 0 0 / 0.3019608),
    0 14px 26px -12px oklch(0.15032 0.0092354 128.54018 / 0.6);
}
.btn:active {
  transform: scale(0.975);
}
.btn.has-ico {
  padding: 0 7px 0 24px;
}
.btn .ico {
  color: oklch(1 0 89.87556);
  width: 40px;
  height: 40px;
  transition: background var(--t-s) var(--ease);
  background: linear-gradient(oklch(1 0 89.87556 / 0.2392157), oklch(1 0 89.87556 / 0.0588235));
  border: 1px solid oklch(1 0 89.87556 / 0.1607843);
  border-radius: 50%;
  place-items: center;
  display: grid;
  box-shadow: inset 0 1px oklch(1 0 89.87556 / 0.3490196);
}
.btn .ico .ar {
  width: 14px;
  height: 14px;
}
.btn:hover .ico {
  background: linear-gradient(oklch(1 0 89.87556 / 0.3411765), oklch(1 0 89.87556 / 0.1019608));
}
.btn.sm .ico {
  width: 32px;
  height: 32px;
}
.btn.sm.has-ico {
  padding: 0 6px 0 18px;
}
.btn.ghost,
.btn.ghost.glass {
  color: var(--ink);
  background: linear-gradient(oklch(1 0 89.87556) 0%, oklch(0.9663184 0.0039727 106.47356) 100%);
  border: 1px solid oklch(0.9136545 0.0067853 115.71458);
  box-shadow:
    inset 0 1px oklch(1 0 89.87556),
    inset 0 -2px 6px oklch(0.1878091 0.0067462 135.00818 / 0.0392157),
    0 8px 18px -12px oklch(0.15032 0.0092354 128.54018 / 0.3019608);
}
.btn.ghost:hover,
.btn.ghost.glass:hover {
  background: linear-gradient(oklch(1 0 89.87556), oklch(0.9419718 0.0053285 106.50134));
  border-color: oklch(0.8787065 0.0097072 119.59844);
}
.btn.light {
  color: var(--ink);
  background: linear-gradient(oklch(1 0 89.87556), oklch(0.9368649 0.0082636 121.63481));
  border-color: oklch(1 0 89.87556);
  box-shadow:
    inset 0 1px oklch(1 0 89.87556),
    0 10px 22px -12px oklch(0 0 0 / 0.5019608);
}
.btn.light .ico {
  color: oklch(1 0 89.87556);
  background: linear-gradient(
    oklch(0.3611678 0.0144939 128.91585),
    oklch(0.1878091 0.0067462 135.00818)
  );
  border-color: oklch(0 0 0 / 0);
}
.tlink {
  color: var(--ink);
  transition: background-size 0.38s var(--ease);
  background: linear-gradient(currentColor 0 0) 0 100%/0 1.5px no-repeat;
  padding-bottom: 2px;
  font-weight: 500;
  position: relative;
}
.tlink:hover {
  background-size: 100% 1.5px;
}
.btn.moss {
  color: oklch(1 0 89.87556);
  background: linear-gradient(
    oklch(0.6990346 0.1487509 134.94094) 0%,
    oklch(0.5922774 0.1489019 138.95269) 48%,
    oklch(0.4765816 0.1265429 140.21078) 100%
  );
  border: 1px solid oklch(0.4335801 0.1135846 139.71896);
  box-shadow:
    inset 0 1px oklch(1 0 89.87556 / 0.3803922),
    inset 0 -2px 6px oklch(0.2489244 0.0601286 139.74883 / 0.3490196),
    0 0 0 1px oklch(0.7220524 0.1452224 135.00027 / 0.1490196),
    0 10px 22px -12px oklch(0.5690444 0.1560762 140.00362 / 0.7019608);
}
.btn.moss:hover {
  background: linear-gradient(
    oklch(0.7380556 0.146358 134.31782) 0%,
    oklch(0.6346781 0.1562269 138.78329) 48%,
    oklch(0.5102695 0.1351239 140.45128) 100%
  );
}
.btn.moss.has-ico {
  gap: 10px;
  padding: 0 16px 0 20px;
}
.btn.moss .ico {
  width: 16px;
  height: 16px;
  box-shadow: none;
  background: 0 0;
  border: 0;
}
.btn.white {
  color: var(--ink);
  background: linear-gradient(
    oklch(1 0 89.87556) 0%,
    oklch(0.9592745 0.0054007 117.92423) 55%,
    oklch(0.9186858 0.0083039 121.63834) 100%
  );
  border: 1px solid oklch(1 0 89.87556);
  box-shadow:
    inset 0 1px oklch(1 0 89.87556),
    inset 0 -3px 8px oklch(0.1878091 0.0067462 135.00818 / 0.0784314),
    0 8px 20px -12px oklch(0 0 0 / 0.5490196);
}
.btn.white:hover {
  background: linear-gradient(
    oklch(1 0 89.87556) 0%,
    oklch(0.974269 0.0053799 117.92231) 55%,
    oklch(0.9368649 0.0082636 121.63481) 100%
  );
}
.btn.white .ico {
  color: oklch(1 0 89.87556);
  background: linear-gradient(
    oklch(0.4176038 0.0139913 128.83928) 0%,
    oklch(0.2356476 0.0080706 128.84786) 50%,
    oklch(0.1617422 0.0044375 128.76973) 100%
  );
  border: 1px solid oklch(0.152299 0.0044988 128.81801);
  box-shadow: inset 0 1px oklch(1 0 89.87556 / 0.2509804);
}
.btn.white:hover .ico {
  background: linear-gradient(
    oklch(0.4671171 0.0169989 128.87256) 0%,
    oklch(0.2757248 0.0116255 128.93948) 50%,
    oklch(0.1874349 0.0085305 128.97856) 100%
  );
}
.marks li {
  transition: color var(--t-m) var(--ease);
}
.marks li:hover {
  color: var(--ink);
}
.bc {
  transition: border-color var(--t-m) var(--ease);
}
.bc:hover {
  border-color: oklch(0.8738064 0.0116609 128.60992);
}
.steps-band .rail li {
  transition:
    transform 0.6s var(--ease),
    background 0.4s var(--ease);
}
.steps-band .rail li:hover {
  background: linear-gradient(
    oklch(1 0 89.87556 / 0.9607843),
    oklch(0.9845482 0.0026373 106.44771 / 0.9411765)
  );
}
.plan {
  transition:
    border-color var(--t-m) var(--ease),
    background var(--t-m) var(--ease);
}
.plan:not(.hot):hover {
  background: oklch(1 0 89.87556 / 0.8);
  border-color: oklch(1 0 89.87556);
}
.qa {
  transition:
    background var(--t-m) var(--ease),
    outline-color var(--t-m) var(--ease);
}
.qa:hover {
  outline-color: var(--hair-2);
}
.qa:hover .pm {
  border-color: var(--ink);
}
.ft-cols a {
  transition:
    color var(--t-s) var(--ease),
    background-size 0.4s var(--ease);
  background: linear-gradient(currentColor 0 0) 0 100%/0 1px no-repeat;
}
.ft-cols a:hover {
  background-size: 100% 1px;
}
.peb {
  transition:
    border-color var(--t-s) var(--ease),
    transform 0.5s var(--ease);
}
.peb:hover {
  transform: translateY(-3px) rotate(0) !important;
}
.tg,
.pop-btn,
.m-btn {
  transition: transform 0.16s var(--ease);
}
.pop-btn:active,
.m-btn:active {
  transform: scale(0.96);
}
.sw:active .sw-ui:after {
  width: 22px;
}
.sw-ui:after {
  transition:
    transform var(--t-m) var(--ease),
    width 0.2s var(--ease);
}
.sw input:checked ~ .sw-ui:after {
  transform: translate(16px);
}
.sw:active input:checked ~ .sw-ui:after {
  transform: translate(12px);
}
.story-pick button img {
  transition:
    filter var(--t-m) var(--ease),
    transform 0.5s var(--ease);
}
.story-pick button:hover img {
  transform: scale(1.08);
}
@media (prefers-reduced-motion: reduce) {
  .story-pick button:hover img {
    transform: none;
  }
}
.vv-badge {
  z-index: 2147483000;
  color: oklch(0 0 0);
  letter-spacing: -0.01em;
  background: oklch(1 0 89.87556);
  border-radius: 9px;
  align-items: center;
  gap: 7px;
  height: 34px;
  padding: 0 12px 0 10px;
  font-family:
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s,
    opacity 0.35s,
    transform 0.35s,
    visibility;
  display: inline-flex;
  position: fixed;
  bottom: 16px;
  right: 16px;
  box-shadow:
    0 0 0 1px oklch(0 0 0 / 0.0588235),
    0 1px 2px oklch(0 0 0 / 0.0784314),
    0 4px 14px oklch(0 0 0 / 0.1019608);
}
.vv-badge.is-held {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.35s,
    transform 0.35s,
    visibility 0s 0.35s;
  transform: translateY(8px);
}
.vv-badge:hover {
  box-shadow:
    0 0 0 1px oklch(0 0 0 / 0.0784314),
    0 2px 4px oklch(0 0 0 / 0.1019608),
    0 8px 22px oklch(0 0 0 / 0.1411765);
}
.vv-badge:focus-visible {
  outline-offset: 3px;
  outline: 3px solid oklch(0.5292087 0.2325996 282.80868);
}
.vv-badge-mark {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}
@media (width<=600px) {
  .vv-badge {
    border-radius: 8px;
    gap: 6px;
    height: 32px;
    padding: 0 11px 0 9px;
    font-size: 12px;
    bottom: 12px;
    right: 12px;
  }
  .vv-badge-mark {
    width: 13px;
    height: 13px;
  }
}
@media print {
  .vv-badge {
    display: none;
  }
}
[data-hero]:has(> .hero-rock) {
  isolation: isolate;
  position: relative;
  overflow: clip;
}
img.hero-rock {
  pointer-events: none;
  -webkit-mask-image: linear-gradient(oklch(0 0 0) 70%, oklch(0 0 0 / 0) 98%);
  mask-image: linear-gradient(oklch(0 0 0) 70%, oklch(0 0 0 / 0) 98%);
  z-index: 0 !important;
  width: clamp(320px, 42vw, 760px) !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  animation: none !important;
  position: absolute !important;
  inset: auto max(-8vw, 50% - 640px - 22vw) -3vw auto !important;
}
[data-hero]:has(> .hero-rock) > :not(.hero-rock):not([class*="sky"]):not([class*="bg"]) {
  z-index: 1;
  position: relative;
}
@media (width<=900px) {
  img.hero-rock {
    opacity: 0.95;
    width: 70vw !important;
    bottom: -6vw !important;
    right: -18vw !important;
  }
}
.pp-hero > img.hero-rock {
  -webkit-mask-image: none;
  mask-image: none;
  width: clamp(260px, 26vw, 460px) !important;
  inset: 70px max(-6vw, 50% - 640px - 16vw) auto auto !important;
}
img.hero-rock {
  z-index: 1 !important;
}
[data-hero]:has(> .hero-rock) > .wrap,
[data-hero]:has(> .hero-rock) > [class*="-in"],
[data-hero]:has(> .hero-rock) > [class*="stage"] {
  z-index: 2;
  position: relative;
}
[data-hero] > [class*="sky"],
[data-hero] > [class*="-bg"] {
  z-index: 0;
}
img.hero-rock,
.pp-hero > img.hero-rock {
  width: clamp(320px, 40vw, 720px) !important;
  inset: auto max(-9vw, 50% - 640px - 24vw) -4vw auto !important;
  -webkit-mask-image: linear-gradient(oklch(0 0 0) 62%, oklch(0 0 0 / 0) 96%) !important;
  mask-image: linear-gradient(oklch(0 0 0) 62%, oklch(0 0 0 / 0) 96%) !important;
}
.pp-hero > img.hero-rock {
  opacity: 0.95;
  z-index: 0 !important;
  width: clamp(280px, 30vw, 540px) !important;
  top: clamp(260px, 30vw, 420px) !important;
  bottom: auto !important;
  right: -6vw !important;
}
img.hero-rock {
  bottom: -7vw !important;
  -webkit-mask-image: linear-gradient(oklch(0 0 0) 55%, oklch(0 0 0 / 0) 92%) !important;
  mask-image: linear-gradient(oklch(0 0 0) 55%, oklch(0 0 0 / 0) 92%) !important;
}
[data-hero]:has(> .hero-rock) + * {
  z-index: 2;
  position: relative;
}
@media (width<=900px) {
  .pr-hero-art,
  .ps-hero-art {
    display: none !important;
  }
  img.hero-rock {
    opacity: 0.9;
    width: 48vw !important;
    bottom: -10vw !important;
    right: -16vw !important;
  }
}
@media (width<=560px) {
  img.hero-rock {
    width: 52vw !important;
    bottom: -14vw !important;
    right: -20vw !important;
  }
}
.pp-hero > img.hero-rock {
  opacity: 1 !important;
  width: clamp(240px, 24vw, 420px) !important;
  top: 120px !important;
  bottom: auto !important;
  right: max(-4vw, 50% - 640px - 6vw) !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
@media (width<=900px) {
  .pp-hero > img.hero-rock {
    display: none !important;
  }
}
.pp-hero > img.hero-rock {
  z-index: 1 !important;
  width: clamp(300px, 36vw, 640px) !important;
  top: clamp(230px, 22vw, 330px) !important;
  right: max(-12vw, 50% - 640px - 18vw) !important;
  -webkit-mask-image: linear-gradient(oklch(0 0 0) 58%, oklch(0 0 0 / 0) 90%) !important;
  mask-image: linear-gradient(oklch(0 0 0) 58%, oklch(0 0 0 / 0) 90%) !important;
}
img.hero-rock {
  inset: auto max(var(--gut), calc(50% - 640px)) 0 auto !important;
  opacity: 1 !important;
  width: clamp(300px, 32vw, 540px) !important;
  -webkit-mask-image: linear-gradient(oklch(0 0 0) 74%, oklch(0 0 0 / 0) 100%) !important;
  mask-image: linear-gradient(oklch(0 0 0) 74%, oklch(0 0 0 / 0) 100%) !important;
}
[data-hero]:has(> .hero-rock) + * {
  z-index: auto;
}
@media (width<=900px) {
  img.hero-rock {
    display: none !important;
  }
}
img.hero-rock {
  transform: translateY(-46%);
  inset: 50% max(var(--gut), calc(50% - 640px)) auto auto !important;
  width: clamp(280px, 30vw, 500px) !important;
  animation: 7s ease-in-out infinite alternate tarn-drift !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
@keyframes tarn-drift {
  0% {
    transform: translateY(0) rotate(-0.6deg);
  }
  to {
    transform: translateY(-14px) rotate(0.6deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  img.hero-rock {
    animation: none !important;
  }
}
.ct-hero > img.hero-rock {
  display: none !important;
}
img.hero-rock {
  inset: clamp(150px, 13vw, 210px) max(var(--gut), calc(50% - 640px)) auto auto !important;
  width: clamp(300px, 32vw, 520px) !important;
}
.cu-hero > img.hero-rock {
  width: clamp(260px, 26vw, 420px) !important;
  inset: clamp(190px, 16vw, 260px) max(calc(var(--gut) + 6vw), calc(50% - 560px)) auto auto !important;
}
.ps-hero > img.hero-rock {
  top: clamp(250px, 22vw, 330px) !important;
}
.cu-hero > img.hero-rock {
  top: clamp(260px, 22vw, 330px) !important;
  right: max(calc(var(--gut) + 8vw), calc(50% - 520px)) !important;
  width: clamp(260px, 24vw, 400px) !important;
}
[data-hero]:has(> .hero-rock) {
  overflow: visible !important;
}
img.hero-rock {
  width: min(30vw, 440px, calc(100vw - 2 * var(--gut) - 640px)) !important;
  right: max(var(--gut), calc(50% - 620px)) !important;
}
@media (width<=1100px) {
  img.hero-rock {
    display: none !important;
  }
}
.pr-hero > img.hero-rock,
.pp-hero > img.hero-rock {
  width: min(30vw, 440px, calc(100vw - 2 * var(--gut) - 640px)) !important;
}
img.hero-rock,
.pr-hero > img.hero-rock {
  width: min(42vw, 640px, calc(100vw - 2 * var(--gut) - 600px)) !important;
  right: max(calc(var(--gut) - 1vw), calc(50% - 660px)) !important;
  top: clamp(130px, 11vw, 190px) !important;
}
.cu-hero > img.hero-rock {
  width: min(28vw, 440px) !important;
  right: max(calc(var(--gut) + 6vw), calc(50% - 540px)) !important;
  width: min(26vw, 400px, calc(100vw - 2 * var(--gut) - 760px)) !important;
  right: max(calc(var(--gut) + 6vw), calc(50% - 600px)) !important;
  width: min(24vw, 380px, calc(100vw - 2 * var(--gut) - 760px)) !important;
}
.hd[data-astro-cid-nen7h5rs] {
  z-index: 50;
  padding-inline: var(--gut);
  pointer-events: none;
  position: fixed;
  inset: 14px 0 auto;
}
.bar[data-astro-cid-nen7h5rs] {
  pointer-events: auto;
  backdrop-filter: blur(20px) saturate(1.4);
  color: oklch(1 0 89.87556);
  max-width: 940px;
  height: 58px;
  transition:
    height var(--t-m) var(--ease),
    background var(--t-m) var(--ease);
  background: linear-gradient(
    oklch(0.2760656 0.0099909 132.63484 / 0.9411765),
    oklch(0.1787266 0.0068286 135.02009 / 0.9411765)
  );
  border: 1px solid oklch(1 0 89.87556 / 0.0784314);
  border-radius: 20px;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 20px;
  margin-inline: auto;
  padding: 0 8px 0 22px;
  display: grid;
  position: relative;
  box-shadow:
    inset 0 1px oklch(1 0 89.87556 / 0.1215686),
    0 14px 34px -20px oklch(0.15032 0.0092354 128.54018 / 0.6);
}
.brand[data-astro-cid-nen7h5rs] {
  color: oklch(1 0 89.87556);
  justify-self: start;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}
.mark[data-astro-cid-nen7h5rs] .mks[data-astro-cid-nen7h5rs] {
  fill: currentColor;
  transition:
    transform 0.5s cubic-bezier(0.34, 1.5, 0.5, 1),
    opacity 0.3s var(--ease);
  transform-box: fill-box;
  transform-origin: 50% 100%;
}
.brand[data-astro-cid-nen7h5rs]:hover
  .mark[data-astro-cid-nen7h5rs]
  .mks0[data-astro-cid-nen7h5rs] {
  transform: translateY(-2px);
}
.mark[data-astro-cid-nen7h5rs] .wline[data-astro-cid-nen7h5rs] {
  stroke: oklch(0.7220524 0.1452224 135.00027);
  stroke-width: 2px;
  stroke-linecap: round;
}
.word[data-astro-cid-nen7h5rs] {
  font-family: var(--display);
  letter-spacing: -0.02em;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}
.nav[data-astro-cid-nen7h5rs] > ul[data-astro-cid-nen7h5rs] {
  gap: 4px;
  padding: 0;
  list-style: none;
  display: flex;
}
.nl[data-astro-cid-nen7h5rs] {
  color: oklch(0.8405914 0.0114122 123.4895);
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  height: 40px;
  padding: 0 14px;
  font-size: 15px;
  font-weight: 500;
  display: inline-flex;
}
.nl[data-astro-cid-nen7h5rs] .roll {
  line-height: 1.3;
  display: inline-flex;
  position: relative;
}
.nl[data-astro-cid-nen7h5rs] .ch {
  height: 1.3em;
  display: inline-block;
  overflow: hidden;
}
.nl[data-astro-cid-nen7h5rs] .ch > span {
  transition: transform 0.46s cubic-bezier(0.65, 0, 0.25, 1);
  transition-delay: calc(var(--i) * 22ms);
  display: block;
}
.nl[data-astro-cid-nen7h5rs]:hover .ch > span,
.nl[data-astro-cid-nen7h5rs]:focus-visible .ch > span,
.nl[data-astro-cid-nen7h5rs][aria-expanded="true"] .ch > span {
  transform: translateY(-100%);
}
.nl[data-astro-cid-nen7h5rs] .ch > span + span,
.nl[data-astro-cid-nen7h5rs][aria-current="page"] {
  color: oklch(1 0 89.87556);
}
.nl[data-astro-cid-nen7h5rs][aria-current="page"] {
  color: oklch(1 0 89.87556);
  font-weight: 600;
}
.chev[data-astro-cid-nen7h5rs] {
  opacity: 0.6;
  transition: transform var(--t-m) var(--ease);
}
[data-astro-cid-nen7h5rs][aria-expanded="true"] > .chev[data-astro-cid-nen7h5rs] {
  transform: rotate(180deg);
}
.act[data-astro-cid-nen7h5rs] {
  justify-self: end;
  align-items: center;
  gap: 6px;
  display: flex;
}
.act[data-astro-cid-nen7h5rs] .btn[data-astro-cid-nen7h5rs] {
  --bh: 42px;
  height: 42px;
  padding: 0 5px 0 18px;
  font-size: 14.5px;
}
.act[data-astro-cid-nen7h5rs] .btn[data-astro-cid-nen7h5rs] .ico[data-astro-cid-nen7h5rs] {
  width: 32px;
  height: 32px;
}
.dd[data-astro-cid-nen7h5rs] {
  position: relative;
}
.dd-panel[data-astro-cid-nen7h5rs] {
  width: 580px;
  color: var(--ink);
  opacity: 0;
  visibility: hidden;
  transform-origin: 50% 0;
  transition:
    opacity 0.26s var(--ease),
    transform 0.42s var(--ease),
    visibility 0s linear 0.42s;
  background: oklch(1 0 89.87556);
  border: 1px solid oklch(0.9258005 0.0067631 115.71235);
  border-radius: 22px;
  grid-template-columns: 1fr 220px;
  gap: 8px;
  padding: 8px;
  display: grid;
  position: absolute;
  top: calc(100% + 16px);
  left: 50%;
  transform: translate(-50%, -8px) scale(0.985);
  box-shadow:
    0 1px 2px oklch(0.1845943 0.0134745 135.2096 / 0.0509804),
    0 28px 60px -28px oklch(0.1819303 0.0184465 137.96636 / 0.4);
}
.dd-panel[data-astro-cid-nen7h5rs]:before {
  content: "";
  height: 20px;
  position: absolute;
  inset: -20px 0 auto;
}
.dd[data-astro-cid-nen7h5rs].is-open .dd-panel[data-astro-cid-nen7h5rs] {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
  transform: translate(-50%) scale(1);
}
.dd-list[data-astro-cid-nen7h5rs] {
  align-content: start;
  gap: 2px;
  padding: 4px;
  list-style: none;
  display: grid;
}
.dd-list[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs] {
  transition: background var(--t-s) var(--ease);
  border-radius: 14px;
  grid-template-columns: 30px 1fr 18px;
  align-items: start;
  gap: 4px;
  padding: 12px 12px 12px 10px;
  display: grid;
  position: relative;
}
.dd-list[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:after {
  content: "";
  opacity: 0;
  width: 14px;
  height: 14px;
  transition:
    opacity 0.26s var(--ease),
    transform 0.36s var(--ease);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 7h10M8 3l4 4-4 4' fill='none' stroke='%233d8b2a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    50% / contain no-repeat;
  margin-top: 3px;
  transform: translate(-6px);
}
.dd-list[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:hover,
.dd-list[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:focus-visible {
  background: oklch(0.9672432 0.0069313 124.44764);
  outline: none;
}
.dd-list[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:hover:after,
.dd-list[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:focus-visible:after {
  opacity: 1;
  transform: none;
}
.dd-n[data-astro-cid-nen7h5rs] {
  color: var(--moss);
  padding-top: 3px;
  font-size: 12px;
  font-weight: 600;
}
.dd-all[data-astro-cid-nen7h5rs] {
  border-top: 1px solid var(--hair);
  margin-top: 4px;
  padding-top: 4px;
}
.dd-all[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs] {
  background: oklch(0.974269 0.0053799 117.92231);
}
.dd-all[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:after {
  display: none;
}
.dd-list[data-astro-cid-nen7h5rs] b[data-astro-cid-nen7h5rs] {
  font-family: var(--display);
  letter-spacing: -0.02em;
  font-size: 16px;
  font-weight: 600;
  display: block;
}
.dd-list[data-astro-cid-nen7h5rs] em[data-astro-cid-nen7h5rs] {
  color: var(--slate);
  font-size: 13px;
  font-style: normal;
}
.dd-feature[data-astro-cid-nen7h5rs] {
  color: oklch(1 0 89.87556);
  isolation: isolate;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 100%;
  padding: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.dd-feature[data-astro-cid-nen7h5rs] img[data-astro-cid-nen7h5rs] {
  object-fit: cover;
  z-index: -2;
  width: 100%;
  height: 100%;
  transition: transform 0.7s var(--ease);
  border-radius: 0;
  margin: 0;
  position: absolute;
  inset: 0;
}
.dd-feature[data-astro-cid-nen7h5rs]:before {
  content: "";
  z-index: -1;
  background: linear-gradient(
    oklch(0.1569006 0.014211 134.83428 / 0) 30%,
    oklch(0.1569006 0.014211 134.83428 / 0.7803922)
  );
  position: absolute;
  inset: 0;
}
.dd-feature[data-astro-cid-nen7h5rs]:hover img[data-astro-cid-nen7h5rs],
.dd-feature[data-astro-cid-nen7h5rs]:focus-visible img[data-astro-cid-nen7h5rs] {
  transform: scale(1.05);
}
.dd-feature[data-astro-cid-nen7h5rs]:focus-visible {
  outline: 2px solid var(--moss);
  outline-offset: 2px;
}
.dd-feature[data-astro-cid-nen7h5rs] b[data-astro-cid-nen7h5rs] {
  font-family: var(--display);
  letter-spacing: -0.02em;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
}
.dd-feature[data-astro-cid-nen7h5rs] span[data-astro-cid-nen7h5rs] {
  color: oklch(1 0 89.87556 / 0.7490196);
  padding-top: 4px;
  font-size: 12px;
}
.burger[data-astro-cid-nen7h5rs] {
  border-radius: 12px;
  width: 44px;
  height: 44px;
  display: none;
  position: relative;
}
.burger[data-astro-cid-nen7h5rs] i[data-astro-cid-nen7h5rs] {
  height: 1.5px;
  transition: transform var(--t-m) var(--ease);
  background: oklch(1 0 89.87556);
  position: absolute;
  left: 13px;
  right: 13px;
}
.burger[data-astro-cid-nen7h5rs] i[data-astro-cid-nen7h5rs]:first-child {
  top: 18px;
}
.burger[data-astro-cid-nen7h5rs] i[data-astro-cid-nen7h5rs]:last-child {
  top: 25px;
}
.burger[data-astro-cid-nen7h5rs][aria-expanded="true"] i[data-astro-cid-nen7h5rs]:first-child {
  transform: translateY(3.5px) rotate(45deg);
}
.burger[data-astro-cid-nen7h5rs][aria-expanded="true"] i[data-astro-cid-nen7h5rs]:last-child {
  transform: translateY(-3.5px) rotate(-45deg);
}
.mnav[data-astro-cid-nen7h5rs] {
  pointer-events: auto;
  backdrop-filter: blur(24px);
  outline-offset: -1px;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s var(--ease),
    transform 0.42s var(--ease),
    visibility 0s linear 0.42s;
  background: linear-gradient(
    oklch(1 0 89.87556 / 0.9686275),
    oklch(0.9785731 0.0026413 106.44808 / 0.9490196)
  );
  border: 1px solid oklch(1 0 89.87556);
  border-radius: 24px;
  outline: 1px solid oklch(0.1878091 0.0067462 135.00818 / 0.0705882);
  padding: 22px;
  position: fixed;
  inset: 88px 10px auto;
  transform: translateY(-8px);
}
.mnav[data-astro-cid-nen7h5rs].is-open {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
  transform: none;
}
.mnav[data-astro-cid-nen7h5rs] nav[data-astro-cid-nen7h5rs] {
  gap: 18px;
  display: grid;
}
.mnav[data-astro-cid-nen7h5rs] ul[data-astro-cid-nen7h5rs] {
  padding: 0;
  list-style: none;
}
.mnav-k[data-astro-cid-nen7h5rs] {
  color: var(--slate);
  font-size: 13px;
}
.mnav-sub[data-astro-cid-nen7h5rs] {
  border-bottom: 1px solid var(--hair);
  grid-template-columns: 1fr 1fr;
  gap: 0 16px;
  display: grid;
  padding-bottom: 12px !important;
}
.mnav-sub[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs] {
  padding: 9px 0;
  font-size: 16px;
  display: block;
}
.mnav-main[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs] {
  font-family: var(--display);
  letter-spacing: -0.02em;
  border-bottom: 1px solid var(--hair);
  padding: 10px 0;
  font-size: 28px;
  font-weight: 600;
  display: block;
}
.mnav[data-astro-cid-nen7h5rs] .btn[data-astro-cid-nen7h5rs] {
  justify-content: space-between;
}
@media (width<=1080px) {
  .bar[data-astro-cid-nen7h5rs] {
    grid-template-columns: auto 1fr;
  }
  .nav[data-astro-cid-nen7h5rs],
  .sign[data-astro-cid-nen7h5rs] {
    display: none;
  }
  .burger[data-astro-cid-nen7h5rs] {
    display: inline-block;
  }
}
@media (width<=700px) {
  .hd[data-astro-cid-nen7h5rs] {
    padding-inline: 10px;
    inset: 10px 0 auto;
  }
  .bar[data-astro-cid-nen7h5rs] {
    border-radius: 18px;
    height: 58px;
    padding-left: 16px;
  }
  .act[data-astro-cid-nen7h5rs] .btn[data-astro-cid-nen7h5rs] {
    --bh: 40px;
    font-size: 13.5px;
  }
  .mnav[data-astro-cid-nen7h5rs] {
    inset: 76px 10px auto;
  }
}
@media (width<=370px) {
  .act[data-astro-cid-nen7h5rs] .btn[data-astro-cid-nen7h5rs] {
    display: none;
  }
}
.logo[data-astro-cid-f7espo7c] {
  color: var(--ink);
  align-items: center;
  gap: 9px;
  display: inline-flex;
}
.logo[data-astro-cid-f7espo7c].light {
  color: oklch(1 0 89.87556);
}
.logo-w[data-astro-cid-f7espo7c] {
  font-family: var(--display);
  letter-spacing: -0.02em;
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
  transform: translateY(-1px);
}
.ft[data-astro-cid-jo6i4kqk] {
  background: var(--dark);
  color: oklch(0.9459214 0.0082439 121.63311);
  position: relative;
  overflow: hidden;
}
.ft-cta[data-astro-cid-jo6i4kqk] {
  border-bottom: 1px solid oklch(1 0 89.87556 / 0.1019608);
  grid-template-columns: 1.3fr 1fr;
  align-items: end;
  gap: 48px;
  padding: clamp(80px, 9vw, 140px) 0 clamp(56px, 6vw, 88px);
  display: grid;
}
.ft-h[data-astro-cid-jo6i4kqk] {
  font-family: var(--display);
  letter-spacing: -0.045em;
  text-wrap: balance;
  max-width: 13ch;
  font-size: clamp(40px, 5.2vw, 80px);
  font-weight: 500;
  line-height: 1;
}
.ft-cta-r[data-astro-cid-jo6i4kqk] p[data-astro-cid-jo6i4kqk] {
  color: oklch(0.7396584 0.0117791 123.52508);
  max-width: 34ch;
  font-size: 18px;
}
.ft-btns[data-astro-cid-jo6i4kqk] {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
  display: flex;
}
.ft-ghost[data-astro-cid-jo6i4kqk] {
  background: 0 0;
  border-color: oklch(1 0 89.87556 / 0.2784314);
}
.ft-ghost[data-astro-cid-jo6i4kqk]:hover {
  background: oklch(1 0 89.87556 / 0.0588235);
  border-color: oklch(1 0 89.87556);
}
.ft-mid[data-astro-cid-jo6i4kqk] {
  grid-template-columns: 1fr 1.7fr;
  gap: 48px;
  padding: 56px 0 40px;
  display: grid;
}
.ft-brand[data-astro-cid-jo6i4kqk] > p[data-astro-cid-jo6i4kqk] {
  color: oklch(0.7396584 0.0117791 123.52508);
  max-width: 30ch;
  margin: 16px 0 28px;
  font-size: 15px;
}
.ft-news[data-astro-cid-jo6i4kqk] label[data-astro-cid-jo6i4kqk] {
  color: oklch(0.8759117 0.0084028 121.6473);
  margin-bottom: 10px;
  font-size: 14px;
  display: block;
}
.ft-field[data-astro-cid-jo6i4kqk] {
  max-width: 380px;
  transition: border-color var(--t-s) var(--ease);
  border: 1px solid oklch(1 0 89.87556 / 0.1607843);
  border-radius: 999px;
  padding: 4px;
  display: flex;
}
.ft-field[data-astro-cid-jo6i4kqk]:focus-within {
  border-color: oklch(1 0 89.87556 / 0.5019608);
}
.ft-field[data-astro-cid-jo6i4kqk] input[data-astro-cid-jo6i4kqk] {
  color: oklch(1 0 89.87556);
  min-width: 0;
  font: inherit;
  background: 0 0;
  border: 0;
  outline: none;
  flex: 1;
  padding: 0 14px;
  font-size: 15px;
}
.ft-field[data-astro-cid-jo6i4kqk] input[data-astro-cid-jo6i4kqk]::placeholder {
  color: oklch(0.5951565 0.0110163 125.79268);
}
.ft-field[data-astro-cid-jo6i4kqk] button[data-astro-cid-jo6i4kqk] {
  height: 40px;
  color: var(--ink);
  transition: background var(--t-s) var(--ease);
  background: oklch(1 0 89.87556);
  border-radius: 999px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 500;
}
.ft-field[data-astro-cid-jo6i4kqk] button[data-astro-cid-jo6i4kqk]:hover {
  background: var(--lichen-3);
}
.ft-msg[data-astro-cid-jo6i4kqk] {
  color: oklch(0.7396584 0.0117791 123.52508);
  min-height: 20px;
  transition: opacity var(--t-m) var(--ease);
  margin-top: 8px;
  font-size: 13px;
}
.ft-msg[data-astro-cid-jo6i4kqk].err {
  color: var(--lichen-2);
}
.ft-cols[data-astro-cid-jo6i4kqk] {
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  display: grid;
}
.ft-cols[data-astro-cid-jo6i4kqk] h3[data-astro-cid-jo6i4kqk] {
  color: oklch(1 0 89.87556);
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: 500;
}
.ft-cols[data-astro-cid-jo6i4kqk] ul[data-astro-cid-jo6i4kqk] {
  gap: 4px;
  padding: 0;
  list-style: none;
  display: grid;
}
.ft-cols[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk] {
  color: oklch(0.7396584 0.0117791 123.52508);
  transition: color var(--t-s) var(--ease);
  padding: 4px 0;
  font-size: 15px;
  display: inline-block;
}
.ft-cols[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover {
  color: oklch(1 0 89.87556);
}
.ft-addr[data-astro-cid-jo6i4kqk] {
  color: oklch(0.5951565 0.0110163 125.79268);
  max-width: 20ch;
  padding-top: 4px;
  font-size: 14px;
  line-height: 1.5;
}
.ft-legal[data-astro-cid-jo6i4kqk] {
  color: oklch(0.5951565 0.0110163 125.79268);
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 24px;
  font-size: 13px;
  display: flex;
}
.ft-mark[data-astro-cid-jo6i4kqk] {
  height: clamp(220px, 30vw, 470px);
  margin-top: 8px;
  position: relative;
}
.fm-word[data-astro-cid-jo6i4kqk] {
  z-index: 2;
  font-family: var(--display);
  letter-spacing: -0.03em;
  color: oklch(1 0 89.87556);
  user-select: none;
  font-size: clamp(200px, 33vw, 560px);
  font-weight: 700;
  line-height: 1;
  position: absolute;
  bottom: -0.08em;
  left: 50%;
  transform: translate(-50%);
}
.fm-boulder[data-astro-cid-jo6i4kqk] {
  z-index: 1;
  width: clamp(240px, 40vw, 700px);
  position: absolute;
  bottom: 6%;
  left: -4%;
}
.fm-pine[data-astro-cid-jo6i4kqk] {
  z-index: 3;
  width: clamp(240px, 37vw, 640px);
  position: absolute;
  bottom: -14%;
  right: -9%;
}
@media (width<=900px) {
  .ft-cta[data-astro-cid-jo6i4kqk] {
    grid-template-columns: 1fr;
    gap: 20px;
    padding-top: 72px;
  }
  .ft-mid[data-astro-cid-jo6i4kqk] {
    grid-template-columns: 1fr;
    gap: 36px;
    padding-top: 40px;
  }
  .ft-cols[data-astro-cid-jo6i4kqk] {
    grid-template-columns: 1fr 1fr;
    gap: 24px 16px;
  }
  .ft-cols[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk] {
    padding: 3px 0;
    font-size: 14px;
  }
  .ft-cols[data-astro-cid-jo6i4kqk] h3[data-astro-cid-jo6i4kqk] {
    margin-bottom: 8px;
    font-size: 13px;
  }
  .ft-legal[data-astro-cid-jo6i4kqk] {
    flex-direction: column;
    gap: 4px;
    font-size: 12px;
  }
  .ft-cta-r[data-astro-cid-jo6i4kqk] p[data-astro-cid-jo6i4kqk] {
    font-size: 16px;
  }
}
@media (width<=700px) {
  .ft-cta[data-astro-cid-jo6i4kqk] {
    gap: 14px;
    padding: 52px 0 32px;
  }
  .ft-h[data-astro-cid-jo6i4kqk] {
    font-size: 34px;
  }
  .ft-cta-r[data-astro-cid-jo6i4kqk] p[data-astro-cid-jo6i4kqk] {
    font-size: 15px;
  }
  .ft-btns[data-astro-cid-jo6i4kqk] {
    gap: 8px;
    margin-top: 16px;
  }
  .ft-btns[data-astro-cid-jo6i4kqk] .btn[data-astro-cid-jo6i4kqk] {
    --bh: 46px;
    font-size: 14.5px;
  }
  .ft-mid[data-astro-cid-jo6i4kqk] {
    gap: 26px;
    padding: 28px 0 20px;
  }
  .ft-brand[data-astro-cid-jo6i4kqk] > p[data-astro-cid-jo6i4kqk] {
    margin: 10px 0 16px;
    font-size: 14px;
  }
  .ft-news[data-astro-cid-jo6i4kqk] label[data-astro-cid-jo6i4kqk] {
    margin-bottom: 8px;
    font-size: 13px;
  }
  .ft-cols[data-astro-cid-jo6i4kqk] {
    grid-template-columns: repeat(3, 1fr);
    gap: 18px 12px;
  }
  .ft-cols[data-astro-cid-jo6i4kqk] > div[data-astro-cid-jo6i4kqk]:last-child {
    grid-column: 1/-1;
  }
  .ft-cols[data-astro-cid-jo6i4kqk]
    > div[data-astro-cid-jo6i4kqk]:last-child
    ul[data-astro-cid-jo6i4kqk] {
    flex-wrap: wrap;
    gap: 0 16px;
    display: flex;
  }
  .ft-cols[data-astro-cid-jo6i4kqk] h3[data-astro-cid-jo6i4kqk] {
    margin-bottom: 4px;
  }
  .ft-cols[data-astro-cid-jo6i4kqk] ul[data-astro-cid-jo6i4kqk] {
    gap: 0;
  }
  .ft-cols[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk] {
    padding: 2px 0;
    font-size: 13.5px;
  }
  .ft-addr[data-astro-cid-jo6i4kqk] {
    font-size: 12.5px;
  }
  .ft-legal[data-astro-cid-jo6i4kqk] {
    padding-bottom: 14px;
  }
  .ft-mark[data-astro-cid-jo6i4kqk] {
    height: 46vw;
  }
  .fm-word[data-astro-cid-jo6i4kqk] {
    font-size: 40vw;
  }
  .fm-boulder[data-astro-cid-jo6i4kqk] {
    width: 44vw;
    bottom: -14%;
    left: -12%;
  }
  .fm-pine[data-astro-cid-jo6i4kqk] {
    width: 46vw;
    bottom: -16%;
    right: -16%;
  }
}