/* natako-home.css: generated by hf-site/wp-plugin/build.py from the site's
   reset.css, fonts.css, scroll-scrub.css and natako.css. Every rule is scoped
   under .natako-home so Astra/Elementor styles and ours do not leak into each
   other. Edit the sources and re-run build.py, or edit this file directly if
   you are done with the React app. */
.natako-home.natako-home *, .natako-home.natako-home *::before, .natako-home.natako-home *::after {box-sizing: border-box; border: 0 solid #d6dce4;}
.natako-home.natako-home {-webkit-text-size-adjust: 100%; tab-size: 4;}
.natako-home.natako-home {margin: 0; line-height: inherit;}
.natako-home.natako-home h1, .natako-home.natako-home h2, .natako-home.natako-home h3, .natako-home.natako-home h4, .natako-home.natako-home h5, .natako-home.natako-home h6 {font-size: inherit; font-weight: inherit; margin: 0;}
.natako-home.natako-home p, .natako-home.natako-home figure, .natako-home.natako-home blockquote, .natako-home.natako-home dl, .natako-home.natako-home dd {margin: 0;}
.natako-home.natako-home ol, .natako-home.natako-home ul {list-style: none; margin: 0; padding: 0;}
.natako-home.natako-home a {color: inherit; text-decoration: inherit;}
.natako-home.natako-home b, .natako-home.natako-home strong {font-weight: bolder;}
.natako-home.natako-home small {font-size: 80%;}
.natako-home.natako-home img, .natako-home.natako-home svg, .natako-home.natako-home video, .natako-home.natako-home canvas, .natako-home.natako-home picture {display: block; vertical-align: middle;}
.natako-home.natako-home img, .natako-home.natako-home video {max-width: 100%; height: auto;}
.natako-home.natako-home button, .natako-home.natako-home input, .natako-home.natako-home select, .natako-home.natako-home textarea {font: inherit; color: inherit; margin: 0; padding: 0; background: transparent;}
.natako-home.natako-home button {cursor: pointer;}
.natako-home.natako-home table {border-collapse: collapse; border-color: inherit; text-indent: 0;}
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/IBMPlexMono-400.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/IBMPlexMono-500.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/IBMPlexSans-400.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/IBMPlexSans-500.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/IBMPlexSans-600.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/IBMPlexSans-700.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.natako-home.natako-home .scroll-scrub {--ss-progress: 0;
  position: relative;
  isolation: isolate;
  color: var(--ss-ink);
  background: var(--ss-bg);}
.natako-home.natako-home .scroll-scrub__stage {position: sticky;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100dvh;
  overflow: hidden;
  background: var(--ss-bg);}
.natako-home.natako-home .scroll-scrub__media, .natako-home.natako-home .scroll-scrub__layer, .natako-home.natako-home .scroll-scrub__picture, .natako-home.natako-home .scroll-scrub__poster, .natako-home.natako-home .scroll-scrub__video {position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;}
.natako-home.natako-home .scroll-scrub__media {z-index: 0;}
.natako-home.natako-home .scroll-scrub__layer {margin: 0;
  overflow: hidden;
  opacity: 0;
  will-change: opacity;}
.natako-home.natako-home .scroll-scrub__layer:first-child {opacity: 1;}
.natako-home.natako-home .scroll-scrub__poster, .natako-home.natako-home .scroll-scrub__video {display: block;
  object-fit: cover;
  object-position: var(--ss-object-position);}
.natako-home.natako-home .scroll-scrub__poster {z-index: 0;}
.natako-home.natako-home .scroll-scrub__video {z-index: 1;}
.natako-home.natako-home .scroll-scrub__layer[data-video-painted="true"] .scroll-scrub__poster {visibility: hidden;}
.natako-home.natako-home .scroll-scrub__layer:not([data-video-painted="true"]) .scroll-scrub__video {visibility: hidden;}
.natako-home.natako-home .scroll-scrub__progress {position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  background: color-mix(in srgb, var(--ss-ink) 14%, transparent);
  pointer-events: none;}
.natako-home.natako-home .scroll-scrub__progress span {display: block;
  width: 100%;
  height: 100%;
  background: var(--ss-accent);
  transform: scaleX(var(--ss-progress));
  transform-origin: left center;}
.natako-home.natako-home .scroll-scrub__story {position: relative;
  z-index: 3;
  margin-top: -100dvh;
  pointer-events: none;}
.natako-home.natako-home .scroll-scrub__chapter, .natako-home.natako-home .scroll-scrub__connector-band {position: relative;
  min-height: var(--ss-band, 140dvh);}
.natako-home.natako-home .scroll-scrub__chapter-pin {position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  min-height: 100dvh;
  padding: clamp(5rem, 9vw, 8rem) clamp(1.25rem, 6vw, 6rem);
  pointer-events: none;}
.natako-home.natako-home .scroll-scrub__chapter[data-align="right"] .scroll-scrub__chapter-pin {justify-content: flex-end;}
.natako-home.natako-home .scroll-scrub__copy {position: relative;
  width: min(40rem, 48vw);
  pointer-events: auto;}
.natako-home.natako-home .scroll-scrub__copy::before {position: absolute;
  z-index: -1;
  inset: -3rem -5rem;
  content: "";
  background: radial-gradient(
    ellipse at center,
    color-mix(in srgb, var(--ss-bg) 88%, transparent) 0%,
    color-mix(in srgb, var(--ss-bg) 58%, transparent) 52%,
    transparent 76%
  );
  pointer-events: none;}
.natako-home.natako-home .scroll-scrub__kicker {max-width: 30ch;
  margin: 0 0 1rem;
  color: var(--ss-accent);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;}
.natako-home.natako-home .scroll-scrub__title {max-width: 13ch;
  margin: 0;
  color: var(--ss-ink);
  font: inherit;
  font-size: clamp(2.75rem, 6vw, 6.75rem);
  font-weight: 700;
  line-height: 0.94;
  letter-spacing: -0.045em;
  text-wrap: balance;}
.natako-home.natako-home .scroll-scrub__body {max-width: 42ch;
  margin: 1.5rem 0 0;
  color: var(--ss-muted);
  font-size: clamp(1rem, 1.35vw, 1.2rem);
  line-height: 1.55;}
.natako-home.natako-home .scroll-scrub__tags {display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin: 1.5rem 0 0;
  padding: 0;
  list-style: none;}
.natako-home.natako-home .scroll-scrub__tags li {padding: 0.45rem 0.7rem;
  border: 1px solid color-mix(in srgb, var(--ss-ink) 20%, transparent);
  color: var(--ss-ink);
  font-size: 0.82rem;}
.natako-home.natako-home .scroll-scrub__actions {display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 2rem;}
@media (max-width: 860px) {
.natako-home.natako-home .scroll-scrub__chapter, .natako-home.natako-home .scroll-scrub__connector-band {min-height: calc(var(--ss-band, 140dvh) * 0.8);}
.natako-home.natako-home .scroll-scrub__media {transform: scale(calc(1.35 - 0.35 * var(--ss-zoom, 0)));
    transform-origin: 52% 42%;
    will-change: transform;}
.natako-home.natako-home .scroll-scrub__poster, .natako-home.natako-home .scroll-scrub__video {object-position: var(--ss-mobile-position);}
.natako-home.natako-home .scroll-scrub__chapter-pin, .natako-home.natako-home .scroll-scrub__chapter[data-align="right"] .scroll-scrub__chapter-pin {align-items: flex-end;
    justify-content: flex-start;
    padding: 6.5rem max(1.25rem, env(safe-area-inset-right))
      calc(2.75rem + env(safe-area-inset-bottom))
      max(1.25rem, env(safe-area-inset-left));}
.natako-home.natako-home .scroll-scrub__body {margin-top: 1rem;
    font-size: 0.95rem;
    line-height: 1.5;}
.natako-home.natako-home .scroll-scrub__tags {margin-top: 1rem;
    gap: 0.4rem;}
.natako-home.natako-home .scroll-scrub__tags li {padding: 0.35rem 0.6rem;
    font-size: 0.74rem;}
.natako-home.natako-home .scroll-scrub__actions {margin-top: 1.4rem;}
.natako-home.natako-home .scroll-scrub__copy {width: min(100%, 36rem);}
.natako-home.natako-home .scroll-scrub__copy::before {inset: -3rem -2rem;
    background: linear-gradient(
      to top,
      var(--ss-bg) 0%,
      color-mix(in srgb, var(--ss-bg) 82%, transparent) 58%,
      transparent 100%
    );}
.natako-home.natako-home .scroll-scrub__title {max-width: 14ch;
    font-size: clamp(2rem, 9.5vw, 4.5rem);}
}
@media (prefers-reduced-motion: reduce) {
.natako-home.natako-home .scroll-scrub__chapter {min-height: 100dvh !important;}
.natako-home.natako-home .scroll-scrub__connector-band {display: none;}
.natako-home.natako-home .scroll-scrub__progress span {transition: none;}
}
@import "./fonts.css";
:root {
  --n-bg: #f5f7fa;
  --n-bg-2: #eef2f6;
  --n-surface: #ffffff;
  --n-surface-alt: rgba(255, 255, 255, 0.55);
  --n-ink: #0f1f34;
  --n-ink-soft: #415164;
  --n-ink-mute: #5f6e80;
  --n-line: #d6dce4;
  --n-line-soft: #e6ebf1;
  --n-accent: #163655;
  --n-accent-strong: #0c2742;
  --n-accent-wash: rgba(22, 54, 85, 0.08);
  --n-signal: #d9541e;
  --n-shadow: 0 20px 50px rgba(15, 31, 52, 0.09);
  --n-shadow-sm: 0 6px 18px rgba(15, 31, 52, 0.07);
  --n-r-lg: 24px;
  --n-r-md: 18px;
  --n-r-sm: 12px;
  --n-sans: "IBM Plex Sans", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  --n-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.natako-home.natako-home {color-scheme: light;
  scroll-behavior: smooth;}
.natako-home.natako-home {margin: 0;
  font-family: var(--n-sans);
  font-size: 16.5px;
  line-height: 1.65;
  color: var(--n-ink);
  background:
    radial-gradient(circle at top left, rgba(42, 76, 114, 0.08), transparent 28%),
    linear-gradient(180deg, var(--n-bg) 0%, var(--n-bg-2) 100%);
  background-color: var(--n-bg);
  -webkit-font-smoothing: antialiased;}
.natako-home.natako-home .n-shell {width: min(calc(100% - 40px), 1200px); margin: 0 auto;}
.natako-home.natako-home .n-mono {font-family: var(--n-mono); font-variant-numeric: tabular-nums;}
.natako-home.natako-home .n-top {position: sticky; top: 0; z-index: 20; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); background: color-mix(in srgb, var(--n-bg) 82%, transparent); border-bottom: 1px solid var(--n-line-soft);}
.natako-home.natako-home .n-top__in {display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 14px 0;}
.natako-home.natako-home .n-brand {display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: inherit;}
.natako-home.natako-home .n-brand img {width: 40px; height: 40px;}
.natako-home.natako-home .n-brand strong {display: block; font-size: 1rem; font-weight: 700; line-height: 1.1;}
.natako-home.natako-home .n-brand span {display: block; color: var(--n-ink-soft); font-size: 0.8rem;}
.natako-home.natako-home .n-nav {display: flex; gap: 22px; align-items: center; flex-wrap: wrap;}
.natako-home.natako-home .n-nav a {color: var(--n-ink-soft); text-decoration: none; font-size: 0.95rem; font-weight: 500;}
.natako-home.natako-home .n-nav a:hover, .natako-home.natako-home .n-nav a:focus-visible {color: var(--n-ink);}
.natako-home.natako-home .n-nav .cta-view, .natako-home.natako-home .n-nav .cta-view:hover {color: #fff;}
.natako-home.natako-home .n-nav__toggle {display: none; width: 44px; height: 44px; border: 1px solid var(--n-line); border-radius: var(--n-r-sm); background: var(--n-surface); color: var(--n-ink); cursor: pointer; padding: 0; place-items: center;}
.natako-home.natako-home .n-nav__toggle svg {width: 20px; height: 20px;}
.natako-home.natako-home .n-menu {display: none;}
.natako-home.natako-home .n-menu[data-open="true"] {display: block; border-top: 1px solid var(--n-line-soft); background: var(--n-bg);}
.natako-home.natako-home .n-menu ul {list-style: none; margin: 0; padding: 6px 0 10px; display: grid;}
.natako-home.natako-home .n-menu a {display: block; padding: 12px 0; font-size: 1.05rem; font-weight: 600; color: var(--n-ink); text-decoration: none; border-bottom: 1px solid var(--n-line-soft);}
.natako-home.natako-home .n-menu a.n-menu__mail {font-family: var(--n-mono); font-weight: 400; font-size: 0.92rem; color: var(--n-ink-soft); border: 0;}
.natako-home.natako-home .n-announce {background: #52657a; color: #e8eef5; font-size: 0.86rem; text-align: center; padding: 7px 12px;}
.natako-home.natako-home .n-announce a {color: #fff; text-decoration: underline; text-underline-offset: 2px;}
.natako-home.natako-home .n-announce .n-announce__sep {opacity: 0.55; margin: 0 12px;}
.natako-home.natako-home .n-journey {--ss-dark-bg: #12223a;
  --ss-bg: var(--ss-dark-bg) !important;
  --ss-ink: #eef2f6 !important;
  --ss-muted: #b9c4d2 !important;
  --ss-accent: #669dd3 !important; 
  --ss-fade: var(--ss-dark-bg);}
.natako-home.natako-home .n-journey .scroll-scrub__stage {background: var(--ss-bg);}
.natako-home.natako-home .n-journey .cta-view {background: var(--ss-ink); color: var(--ss-bg); transition: transform 0.22s ease, background-color 0.22s ease;}
.natako-home.natako-home .n-journey .cta-view:hover, .natako-home.natako-home .n-journey .cta-view:focus-visible {background: color-mix(in srgb, var(--ss-ink) 82%, var(--ss-accent)); transform: translateY(-2px);}
.natako-home.natako-home .n-journey .cta-view:active {transform: translateY(0) scale(0.97); transition-duration: 0.08s;}
.natako-home.natako-home .n-journey .cta-contact {position: relative; isolation: isolate; overflow: hidden; border-color: color-mix(in srgb, var(--ss-ink) 70%, transparent); color: var(--ss-ink); transition: transform 0.22s ease, color 0.22s ease, border-color 0.22s ease;}
.natako-home.natako-home .n-journey .cta-contact::before {content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; background: var(--ss-ink); transform: scaleX(0); transform-origin: left center; transition: transform 0.28s ease;}
.natako-home.natako-home .n-journey .cta-contact:hover, .natako-home.natako-home .n-journey .cta-contact:focus-visible {background: transparent; color: var(--ss-bg); border-color: var(--ss-ink);}
.natako-home.natako-home .n-journey .cta-contact:hover::before, .natako-home.natako-home .n-journey .cta-contact:focus-visible::before {transform: scaleX(1);}
.natako-home.natako-home .n-journey .cta-contact:active {transform: scale(0.97); transition-duration: 0.08s;}
@media (prefers-reduced-motion: reduce) {
.natako-home.natako-home .n-journey .cta-view, .natako-home.natako-home .n-journey .cta-contact, .natako-home.natako-home .n-journey .cta-contact::before {transition: none;}
.natako-home.natako-home .n-journey .cta-view:hover {transform: none;}
}
.natako-home.natako-home .n-journey .cta-compare {color: var(--ss-accent); font-size: 1.02rem;}
.natako-home.natako-home .n-journey .cta-compare::after {background: var(--ss-accent);}
.natako-home.natako-home .n-journey .scroll-scrub__title {font-family: var(--n-sans); font-weight: 700; letter-spacing: -0.015em; line-height: 1.05; font-size: clamp(2.2rem, 4.6vw, 4rem); max-width: 19ch;}
.natako-home.natako-home .n-journey .scroll-scrub__body {font-family: var(--n-sans); color: var(--ss-muted);}
.natako-home.natako-home .n-journey .scroll-scrub__kicker {font-family: var(--n-mono); font-weight: 500; color: var(--ss-muted); letter-spacing: 0.14em;}
.natako-home.natako-home .n-journey .scroll-scrub__tags li {font-family: var(--n-mono); font-size: 0.78rem; border-radius: 999px; border-color: color-mix(in srgb, var(--ss-ink) 28%, transparent);}
.natako-home.natako-home .n-journey .scroll-scrub__copy::before {inset: -3rem -4rem;}
.natako-home.natako-home .cta-view {display: inline-flex; align-items: center; padding: 13px 24px; border-radius: var(--n-r-sm); background: var(--n-accent); color: #fff; font-weight: 600; text-decoration: none; transition: transform 0.15s, background 0.15s;}
.natako-home.natako-home .cta-view:hover {background: var(--n-accent-strong); transform: translateY(-1px);}
.natako-home.natako-home .cta-view:active {transform: translateY(0) scale(0.98);}
.natako-home.natako-home .cta-compare {position: relative; display: inline-block; color: var(--n-accent); font-weight: 600; text-decoration: none; padding-bottom: 2px;}
.natako-home.natako-home .cta-compare::after {content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; background: var(--n-accent); transform: scaleX(0); transform-origin: left center; transition: transform 0.25s ease;}
.natako-home.natako-home .cta-compare:hover::after, .natako-home.natako-home .cta-compare:focus-visible::after {transform: scaleX(1);}
.natako-home.natako-home .cta-contact {display: inline-flex; align-items: center; padding: 11px 22px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.7); color: #fff; font-weight: 600; text-decoration: none; transition: background 0.15s, color 0.15s;}
.natako-home.natako-home .cta-contact:hover {background: #fff; color: var(--n-accent);}
.natako-home.natako-home .cta-contact--ink {border-color: var(--n-accent); color: var(--n-accent);}
.natako-home.natako-home .cta-contact--ink:hover {background: var(--n-accent); color: #fff;}
.natako-home.natako-home .cta-view:focus-visible, .natako-home.natako-home .cta-contact:focus-visible {outline: 2px solid var(--n-ink); outline-offset: 2px;}
.natako-home.natako-home .n-skip {position: absolute; left: 16px; top: -60px; z-index: 50; padding: 10px 14px; border-radius: var(--n-r-sm); background: var(--n-accent); color: #fff; font-weight: 600; text-decoration: none; transition: top 0.15s;}
.natako-home.natako-home .n-skip:focus-visible {top: 12px; outline: 2px solid #fff; outline-offset: 2px;}
.natako-home.natako-home .n-scroll-cue {display: none;}
@media (min-width: 861px) and (hover: hover) {
.natako-home.natako-home .n-scroll-cue {display: inline-flex; align-items: center; gap: 10px; flex-basis: 100%; margin-top: 18px; font-family: var(--n-mono); font-size: 0.74rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ss-muted);}
.natako-home.natako-home .n-scroll-cue i {width: 1px; height: 26px; background: var(--ss-muted); transform-origin: top; animation: n-cue 1.8s ease-in-out infinite;}
@keyframes n-cue { 0% { transform: scaleY(0); } 45% { transform: scaleY(1); transform-origin: top; } 55% { transform-origin: bottom; } 100% { transform: scaleY(0); transform-origin: bottom; } }
.natako-home.natako-home .n-home-ghost .n-scroll-cue {justify-content: center;}
}
@media (prefers-reduced-motion: reduce) {
.natako-home.natako-home .n-scroll-cue i {animation: none;}
}
.natako-home.natako-home .n-section {padding: 78px 0 6px; scroll-margin-top: 96px;}
.natako-home.natako-home .n-section--alt {position: relative;}
.natako-home.natako-home .n-section--alt::before {content: ""; position: absolute; inset: 26px -24px 0; background: var(--n-surface-alt); border: 1px solid var(--n-line-soft); border-radius: 28px; z-index: -1;}
.natako-home.natako-home .n-eyebrow {margin: 0 0 12px; text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.76rem; font-weight: 600; color: var(--n-ink-mute);}
.natako-home.natako-home .n-h2 {font-size: clamp(1.7rem, 3vw, 2.3rem); line-height: 1.15; letter-spacing: -0.01em; font-weight: 600; margin: 0 0 12px; text-wrap: balance;}
.natako-home.natako-home .n-sub {color: var(--n-ink-soft); max-width: 62ch; margin: 0 0 28px;}
.natako-home.natako-home .n-head {display: flex; justify-content: space-between; align-items: end; gap: 20px; flex-wrap: wrap; margin-bottom: 26px;}
.natako-home.natako-home .n-head .n-sub {margin: 0;}
.natako-home.natako-home .n-products {display: grid; gap: 16px; grid-template-columns: repeat(5, minmax(0, 1fr));}
.natako-home.natako-home .n-card {background: var(--n-surface); border: 1px solid var(--n-line); border-radius: var(--n-r-md); box-shadow: var(--n-shadow-sm); overflow: hidden; display: flex; flex-direction: column; text-decoration: none; color: inherit; cursor: pointer; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;}
.natako-home.natako-home .n-card:hover, .natako-home.natako-home .n-card:focus-visible {transform: translateY(-6px); box-shadow: var(--n-shadow); border-color: color-mix(in srgb, var(--n-accent) 55%, var(--n-line));}
.natako-home.natako-home .n-card:focus-visible {outline: 2px solid var(--n-accent); outline-offset: 3px;}
.natako-home.natako-home .n-card h3 {transition: color 0.2s ease;}
.natako-home.natako-home .n-card:hover h3, .natako-home.natako-home .n-card:focus-visible h3 {color: var(--n-accent);}
.natako-home.natako-home .n-card__shot::after {content: ""; position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border-radius: 50%; background: var(--n-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 14L14 6M8 6h6v6'/%3E%3C/svg%3E") center / 18px no-repeat; box-shadow: 0 6px 16px rgba(15, 31, 52, 0.25); opacity: 0; transform: translate(6px, -6px) scale(0.85); transition: opacity 0.25s ease, transform 0.25s ease; z-index: 2; pointer-events: none;}
.natako-home.natako-home .n-card:hover .n-card__shot::after, .natako-home.natako-home .n-card:focus-visible .n-card__shot::after {opacity: 1; transform: translate(0, 0) scale(1);}
.natako-home.natako-home .n-card__shot {position: relative; background: #fff; aspect-ratio: 1 / 1; overflow: hidden; border-bottom: 1px solid var(--n-line-soft);}
.natako-home.natako-home .n-card__shot img {position: absolute; inset: -3%; width: 106%; max-width: none; height: 106%; object-fit: cover; display: block; transition: transform 0.5s ease;}
.natako-home.natako-home .n-card:hover .n-card__shot img, .natako-home.natako-home .n-card:focus-visible .n-card__shot img {transform: scale(1.06);}
.natako-home.natako-home .n-card__b {padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 6px; flex: 1;}
.natako-home.natako-home .n-card__k {font-size: 0.78rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--n-ink-mute);}
.natako-home.natako-home .n-card h3 {font-size: 1.2rem; font-weight: 700; margin: 0; letter-spacing: -0.01em;}
.natako-home.natako-home .n-card p {margin: 0; font-size: 0.95rem; color: var(--n-ink-soft); flex: 1;}
.natako-home.natako-home .n-card__row {display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin-top: 10px; padding-top: 12px; border-top: 1px solid var(--n-line-soft);}
.natako-home.natako-home .n-card__price {font-weight: 700; font-size: 1.08rem; font-variant-numeric: tabular-nums;}
.natako-home.natako-home .n-card__spec {font-family: var(--n-mono); font-size: 0.74rem; color: var(--n-ink-mute); text-align: right;}
.natako-home.natako-home .n-exploded {margin-top: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: center;}
.natako-home.natako-home .n-exploded img {width: 100%; height: auto; border-radius: var(--n-r-sm); border: 1px solid var(--n-line); background: #fff;}
.natako-home.natako-home .n-exploded p {margin: 0; font-size: 0.92rem; color: var(--n-ink-soft);}
.natako-home.natako-home .n-compare {margin-top: 34px; background: var(--n-surface); border: 1px solid var(--n-line); border-radius: var(--n-r-md); box-shadow: var(--n-shadow-sm); overflow: hidden;}
.natako-home.natako-home .n-compare__head {display: flex; justify-content: space-between; align-items: end; gap: 16px; flex-wrap: wrap; padding: 18px 20px 8px;}
.natako-home.natako-home .n-compare__head h3 {margin: 0; font-size: 1.15rem; font-weight: 700;}
.natako-home.natako-home .n-compare__head p {margin: 4px 0 0; font-size: 0.92rem; color: var(--n-ink-soft);}
.natako-home.natako-home .n-compare__scroll {overflow-x: auto;}
.natako-home.natako-home .n-compare table {width: 100%; min-width: 640px; border-collapse: collapse; font-size: 0.95rem;}
.natako-home.natako-home .n-compare th, .natako-home.natako-home .n-compare td {text-align: left; vertical-align: top; padding: 12px 20px; border-top: 1px solid var(--n-line-soft);}
.natako-home.natako-home .n-compare thead th {border-top: 0; padding-top: 12px; font-size: 1.02rem;}
.natako-home.natako-home .n-compare thead th small {display: block; font-size: 0.74rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--n-ink-mute); margin-top: 2px;}
.natako-home.natako-home .n-compare tbody th {width: 160px; font-weight: 500; color: var(--n-ink-soft);}
.natako-home.natako-home .n-compare td {color: var(--n-ink);}
.natako-home.natako-home .n-compare td.n-mono {font-size: 0.9rem;}
.natako-home.natako-home .n-compare td a {color: var(--n-accent); font-weight: 600; text-decoration: none;}
.natako-home.natako-home .n-compare td a:hover {text-decoration: underline;}
.natako-home.natako-home .n-compare__price {font-family: var(--n-mono); font-weight: 700; font-size: 1.05rem;}
.natako-home.natako-home .n-compare__cards {display: none;}
.natako-home.natako-home .n-compare__card {padding: 14px 16px 16px; border-top: 1px solid var(--n-line-soft);}
.natako-home.natako-home .n-compare__card-head {display: flex; justify-content: space-between; align-items: baseline; gap: 12px;}
.natako-home.natako-home .n-compare__card h4 {margin: 0; font-size: 1.05rem; font-weight: 700;}
.natako-home.natako-home .n-compare__card small {display: block; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--n-ink-mute); margin-top: 2px;}
.natako-home.natako-home .n-compare__card p {margin: 8px 0 10px; font-size: 0.9rem; color: var(--n-ink-soft);}
.natako-home.natako-home .n-compare__card dl {margin: 0; display: grid; gap: 4px;}
.natako-home.natako-home .n-compare__card dl div {display: flex; justify-content: space-between; gap: 12px; font-size: 0.86rem;}
.natako-home.natako-home .n-compare__card dt {color: var(--n-ink-soft);}
.natako-home.natako-home .n-compare__card dd {margin: 0; font-size: 0.82rem;}
.natako-home.natako-home .n-compare__card-links {display: flex; gap: 18px; margin-top: 12px; font-size: 0.9rem;}
.natako-home.natako-home .n-compare__card-links a {color: var(--n-accent); font-weight: 600; text-decoration: none;}
.natako-home.natako-home .n-trust {list-style: none; margin: 24px 0 0; padding: 0; display: grid; gap: 14px; grid-template-columns: repeat(4, minmax(0, 1fr));}
.natako-home.natako-home .n-trust li {display: grid; grid-template-columns: 28px 1fr; gap: 12px; align-items: start; padding: 14px 16px; border: 1px solid var(--n-line-soft); border-radius: var(--n-r-sm); background: var(--n-surface-alt);}
.natako-home.natako-home .n-trust svg {width: 28px; height: 28px; color: var(--n-accent);}
.natako-home.natako-home .n-trust b {display: block; font-size: 0.95rem; font-weight: 600;}
.natako-home.natako-home .n-trust span {display: block; font-size: 0.86rem; color: var(--n-ink-soft); margin-top: 2px;}
.natako-home.natako-home .n-faq {display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr));}
.natako-home.natako-home .n-faq div {background: var(--n-surface); border: 1px solid var(--n-line); border-radius: var(--n-r-md); box-shadow: var(--n-shadow-sm); padding: 18px 20px;}
.natako-home.natako-home .n-faq h3 {margin: 0 0 8px; font-size: 1.05rem; font-weight: 700; line-height: 1.3;}
.natako-home.natako-home .n-faq p {margin: 0; font-size: 0.95rem; color: var(--n-ink-soft);}
.natako-home.natako-home .n-contact {text-align: center; max-width: 62rem; margin: 0 auto; padding: 8px 0 44px;}
.natako-home.natako-home .n-contact .n-sub {margin: 0 auto 26px;}
.natako-home.natako-home .n-contact__cta {display: flex; gap: 18px; justify-content: center; align-items: center; flex-wrap: wrap;}
.natako-home.natako-home .n-contact__mail {font-family: var(--n-mono); font-size: 0.95rem; color: var(--n-ink-soft); text-decoration: none;}
.natako-home.natako-home .n-contact__mail:hover {color: var(--n-ink);}
.natako-home.natako-home .n-card__main {display: flex; flex-direction: column; flex: 1; text-decoration: none; color: inherit;}
.natako-home.natako-home .n-card__variants {display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding: 0 18px 16px;}
.natako-home.natako-home .n-card__variants > span {flex-basis: 100%; font-size: 0.78rem; color: var(--n-ink-mute); margin-bottom: 2px;}
.natako-home.natako-home .n-card__variants a {flex: 1 1 0; justify-content: center; display: inline-flex; align-items: baseline; gap: 5px; padding: 7px 8px; white-space: nowrap; border: 1px solid var(--n-line); border-radius: 999px; background: var(--n-surface); color: var(--n-ink); text-decoration: none; font-size: 0.86rem; transition: background 0.15s, color 0.15s, border-color 0.15s;}
.natako-home.natako-home .n-card__variants a b {font-weight: 700;}
.natako-home.natako-home .n-card__variants a i {font-style: normal; font-size: 0.74rem; color: var(--n-ink-soft);}
.natako-home.natako-home .n-card__variants a:hover, .natako-home.natako-home .n-card__variants a:focus-visible {background: var(--n-accent); border-color: var(--n-accent); color: #fff;}
.natako-home.natako-home .n-card__variants a:hover i, .natako-home.natako-home .n-card__variants a:focus-visible i {color: rgba(255, 255, 255, 0.8);}
.natako-home.natako-home .n-card__variants a:focus-visible {outline: 2px solid var(--n-ink); outline-offset: 2px;}
.natako-home.natako-home .n-row {display: flex; gap: 20px; overflow-x: auto; padding: 12px 0 34px; margin: -12px 0 -28px; scroll-snap-type: x proximity;}
.natako-home.natako-home .n-row .n-card {flex: 0 0 min(340px, 82vw); scroll-snap-align: start;}
.natako-home.natako-home .n-feat {display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: center;}
.natako-home.natako-home .n-feat--flip .n-feat__pic {order: 2;}
.natako-home.natako-home .n-feat__pic {border-radius: var(--n-r-md); box-shadow: var(--n-shadow); border: 1px solid var(--n-line); display: block; width: 100%; height: auto;}
.natako-home.natako-home .n-feat p {color: var(--n-ink-soft); margin: 0 0 14px; max-width: 56ch;}
.natako-home.natako-home .n-about {max-width: 64ch;}
.natako-home.natako-home .n-about .n-h2 {margin-bottom: 18px;}
.natako-home.natako-home .n-about__text {color: var(--n-ink-soft); font-size: 1.04rem; line-height: 1.65;}
.natako-home.natako-home .n-about__text p {margin: 0 0 16px;}
.natako-home.natako-home .n-about__text p:last-child {margin-bottom: 0;}
.natako-home.natako-home .n-arts {display: grid; gap: 20px; grid-template-columns: repeat(3, minmax(0, 1fr));}
.natako-home.natako-home .n-art {position: relative; text-decoration: none; color: inherit; background: var(--n-surface); border: 1px solid var(--n-line); border-radius: var(--n-r-md); box-shadow: var(--n-shadow-sm); overflow: hidden; cursor: pointer; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;}
.natako-home.natako-home .n-art:hover, .natako-home.natako-home .n-art:focus-visible {transform: translateY(-6px); box-shadow: var(--n-shadow); border-color: color-mix(in srgb, var(--n-accent) 55%, var(--n-line));}
.natako-home.natako-home .n-art:focus-visible {outline: 2px solid var(--n-accent); outline-offset: 3px;}
.natako-home.natako-home .n-art h3 {transition: color 0.2s ease;}
.natako-home.natako-home .n-art:hover h3, .natako-home.natako-home .n-art:focus-visible h3 {color: var(--n-accent);}
.natako-home.natako-home .n-art::after {content: ""; position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border-radius: 50%; background: var(--n-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 14L14 6M8 6h6v6'/%3E%3C/svg%3E") center / 18px no-repeat; box-shadow: 0 6px 16px rgba(15, 31, 52, 0.25); opacity: 0; transform: translate(6px, -6px) scale(0.85); transition: opacity 0.25s ease, transform 0.25s ease; pointer-events: none;}
.natako-home.natako-home .n-art:hover::after, .natako-home.natako-home .n-art:focus-visible::after {opacity: 1; transform: translate(0, 0) scale(1);}
.natako-home.natako-home .n-art img {aspect-ratio: 16 / 9; object-fit: cover; width: 100%; display: block; transition: transform 0.5s ease;}
.natako-home.natako-home .n-art:hover img {transform: scale(1.04);}
.natako-home.natako-home .n-art__b {padding: 16px 18px 18px;}
.natako-home.natako-home .n-art h3 {margin: 6px 0; font-size: 1.15rem; line-height: 1.2; font-weight: 700;}
.natako-home.natako-home .n-art p {margin: 0; font-size: 0.95rem; color: var(--n-ink-soft);}
.natako-home.natako-home .n-gal {display: grid; gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr));}
.natako-home.natako-home .n-rec {background: var(--n-surface); border: 1px solid var(--n-line); border-radius: var(--n-r-md); box-shadow: var(--n-shadow-sm); padding: 16px 16px 14px;}
.natako-home.natako-home .n-rec__top {display: flex; justify-content: space-between; gap: 10px; font-family: var(--n-mono); font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--n-ink-mute); margin-bottom: 12px;}
.natako-home.natako-home .n-rec__top b {color: var(--n-ink); font-weight: 500;}
.natako-home.natako-home .n-wave {display: block; width: 100%; height: auto; cursor: pointer;}
.natako-home.natako-home .n-wave .base {fill: var(--n-line);}
.natako-home.natako-home .n-wave .prog {fill: var(--n-signal);}
.natako-home.natako-home .n-rec__ctl {display: flex; align-items: center; gap: 14px; margin-top: 12px;}
.natako-home.natako-home .cta-play {width: 40px; height: 40px; border-radius: 50%; border: none; background: var(--n-signal); color: #fff; display: grid; place-items: center; cursor: pointer; flex: none; box-shadow: var(--n-shadow-sm); transition: transform 0.12s;}
.natako-home.natako-home .cta-play:active {transform: scale(0.94);}
.natako-home.natako-home .cta-play:focus-visible {outline: 2px solid var(--n-ink); outline-offset: 2px;}
.natako-home.natako-home .cta-play svg {width: 14px; height: 14px; fill: currentColor;}
.natako-home.natako-home .n-rec__meta {font-size: 0.92rem; color: var(--n-ink-soft);}
.natako-home.natako-home .n-rec__meta strong {color: var(--n-ink); font-weight: 600;}
.natako-home.natako-home .n-rec__t {font-family: var(--n-mono); font-size: 0.78rem; color: var(--n-ink-mute); margin-left: auto; font-variant-numeric: tabular-nums;}
.natako-home.natako-home .n-foot {margin-top: 64px; background: var(--n-accent); color: #e8eef5; padding: 40px 0 28px;}
.natako-home.natako-home .n-foot__grid {display: grid; gap: 28px; grid-template-columns: 1.4fr 1fr 1fr 1fr;}
.natako-home.natako-home .n-foot h3 {font-size: 0.76rem; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(232, 238, 245, 0.78); margin: 0 0 10px;}
.natako-home.natako-home .n-foot ul {list-style: none; margin: 0; padding: 0; display: grid; gap: 7px;}
.natako-home.natako-home .n-foot li a {font-size: 0.95rem; color: rgba(232, 238, 245, 0.85); text-decoration: none;}
.natako-home.natako-home .n-foot li a:hover {color: #fff;}
.natako-home.natako-home .n-foot p {font-size: 0.95rem; color: rgba(232, 238, 245, 0.85); margin: 0 0 14px; max-width: 40ch;}
.natako-home.natako-home .n-foot__fine {margin-top: 28px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.15); font-size: 0.8rem; color: rgba(232, 238, 245, 0.78);}
@media (prefers-reduced-motion: no-preference) {
.natako-home.natako-home .n-rise {animation: n-rise 0.7s cubic-bezier(0.2, 0.7, 0.2, 1) both;}
@keyframes n-rise { from { transform: translateY(14px); } to { transform: translateY(0); } }
}
@media (min-width: 561px) and (max-width: 900px) {
.natako-home.natako-home .n-products {grid-template-columns: repeat(2, minmax(0, 1fr));}
.natako-home.natako-home .n-row {display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); overflow: visible; padding: 0; margin: 0; scroll-snap-type: none;}
.natako-home.natako-home .n-row .n-card {flex: none;}
.natako-home.natako-home .n-arts {grid-template-columns: 1fr 1fr;}
.natako-home.natako-home .n-arts .n-art:last-child:nth-child(odd) {grid-column: 1 / -1;}
.natako-home.natako-home .n-faq {grid-template-columns: 1fr 1fr;}
.natako-home.natako-home .n-faq div:last-child:nth-child(odd) {grid-column: 1 / -1;}
}
@media (min-width: 700px) and (max-width: 900px) {
.natako-home.natako-home .n-products {grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media (min-width: 561px) and (max-width: 860px) {
.natako-home.natako-home .n-journey .scroll-scrub__media {transform: none;}
.natako-home.natako-home .n-journey .scroll-scrub__copy {width: min(100%, 30rem);}
.natako-home.natako-home .n-journey .scroll-scrub__chapter-pin {padding-bottom: calc(3.5rem + env(safe-area-inset-bottom));}
}
@media (max-width: 900px) {
.natako-home.natako-home .n-trust {grid-template-columns: 1fr 1fr;}
.natako-home.natako-home .n-faq {grid-template-columns: 1fr;}
.natako-home.natako-home .n-feat {grid-template-columns: 1fr;}
.natako-home.natako-home .n-feat__pic {order: 2;}
.natako-home.natako-home .n-arts {grid-template-columns: 1fr;}
.natako-home.natako-home .n-gal {grid-template-columns: 1fr;}
.natako-home.natako-home .n-foot__grid {grid-template-columns: 1fr 1fr;}
.natako-home.natako-home .n-exploded {grid-template-columns: 1fr;}
}
@media (max-width: 560px) {
.natako-home.natako-home .n-shell {width: calc(100% - 32px);}
.natako-home.natako-home .n-products, .natako-home.natako-home .n-row {display: grid; grid-template-columns: 1fr; gap: 12px; overflow: visible; padding: 0; margin: 0; scroll-snap-type: none;}
.natako-home.natako-home .n-products .n-card, .natako-home.natako-home .n-row .n-card {flex: none;}
.natako-home.natako-home .n-card {display: grid; grid-template-columns: 116px 1fr; align-items: stretch;}
.natako-home.natako-home .n-card--kit {grid-template-columns: 1fr;}
.natako-home.natako-home .n-card__main {display: grid; grid-template-columns: 116px 1fr; align-items: stretch;}
.natako-home.natako-home .n-card__shot {aspect-ratio: auto; height: 100%; min-height: 132px; border-bottom: 0; border-right: 1px solid var(--n-line-soft);}
.natako-home.natako-home .n-card__shot::after {width: 28px; height: 28px; top: auto; bottom: 8px; right: 8px; background-size: 14px;}
.natako-home.natako-home .n-card h3 {font-size: 1.02rem;}
.natako-home.natako-home .n-card p {font-size: 0.86rem;}
.natako-home.natako-home .n-card__row {margin-top: 6px; padding-top: 8px;}
.natako-home.natako-home .n-card__price {font-size: 1rem;}
.natako-home.natako-home .n-card__variants {border-top: 1px solid var(--n-line-soft); padding: 10px 14px 14px;}
.natako-home.natako-home .n-card__variants > span {margin-bottom: 0;}
.natako-home.natako-home .n-trust {grid-template-columns: 1fr;}
.natako-home.natako-home .n-foot__grid {grid-template-columns: 1fr;}
.natako-home.natako-home .n-nav a:not(.cta-view) {display: none;}
.natako-home.natako-home .n-nav {gap: 10px;}
.natako-home.natako-home .n-nav__toggle {display: grid;}
.natako-home.natako-home .n-nav .cta-view {padding: 10px 14px; font-size: 0.9rem; white-space: nowrap;}
.natako-home.natako-home .n-compare table {min-width: 560px;}
.natako-home.natako-home .n-compare th, .natako-home.natako-home .n-compare td {padding: 10px 14px;}
.natako-home.natako-home .n-compare tbody th {width: 104px;}
.natako-home.natako-home .n-compare tbody th, .natako-home.natako-home .n-compare thead th:first-child {position: sticky; left: 0; z-index: 1; background: var(--n-surface); box-shadow: 1px 0 0 var(--n-line-soft);}
.natako-home.natako-home .n-brand span span {display: none;}
.natako-home.natako-home .n-top__in {padding: 10px 0;}
.natako-home.natako-home .n-announce {font-size: 0.8rem; padding: 6px 12px;}
.natako-home.natako-home .n-announce__a, .natako-home.natako-home .n-announce__sep {display: none;}
.natako-home.natako-home .n-section {padding: 52px 0 6px;}
.natako-home.natako-home .n-h2 {font-size: 1.6rem;}
.natako-home.natako-home .n-head {margin-bottom: 18px;}
.natako-home.natako-home .n-trust {grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 18px;}
.natako-home.natako-home .n-trust li {grid-template-columns: 1fr; gap: 6px; padding: 12px;}
.natako-home.natako-home .n-trust svg {width: 24px; height: 24px;}
.natako-home.natako-home .n-trust b {font-size: 0.88rem;}
.natako-home.natako-home .n-trust span {font-size: 0.8rem;}
.natako-home.natako-home .n-card__variants {padding: 0 14px 14px; gap: 5px;}
.natako-home.natako-home .n-card__variants a {padding: 7px 5px; gap: 4px; font-size: 0.8rem;}
.natako-home.natako-home .n-card__variants a i {font-size: 0.68rem;}
.natako-home.natako-home .n-card__b {padding: 12px 14px 12px; gap: 4px;}
.natako-home.natako-home .n-arts {gap: 12px;}
.natako-home.natako-home .n-art {display: grid; grid-template-columns: 112px 1fr; align-items: stretch;}
.natako-home.natako-home .n-art img {aspect-ratio: auto; height: 100%; min-height: 112px;}
.natako-home.natako-home .n-art__b {padding: 12px 14px;}
.natako-home.natako-home .n-art h3 {font-size: 1rem; margin: 0 0 4px;}
.natako-home.natako-home .n-art p {font-size: 0.86rem;}
.natako-home.natako-home .n-art::after {width: 28px; height: 28px; top: auto; bottom: 10px; right: 10px; background-size: 14px;}
.natako-home.natako-home .n-faq div {padding: 14px 16px;}
.natako-home.natako-home .n-compare__head {padding: 14px 16px 8px;}
.natako-home.natako-home .n-compare__scroll {display: none;}
.natako-home.natako-home .n-compare__cards {display: block;}
.natako-home.natako-home .n-foot {padding: 32px 0 22px; margin-top: 48px;}
.natako-home.natako-home .n-foot__grid {grid-template-columns: 1fr 1fr; gap: 22px 18px;}
.natako-home.natako-home .n-foot__grid > div:first-child {grid-column: 1 / -1;}
.natako-home.natako-home .n-foot__fine {margin-top: 22px;}
.natako-home.natako-home .n-section--alt::before {inset: 26px -12px 0;}
}
@media (max-width: 860px) {
.natako-home.natako-home .n-journey .scroll-scrub__copy::before {inset: -2.5rem -2rem -3rem; background: linear-gradient(to top, var(--ss-bg) 0%, color-mix(in srgb, var(--ss-bg) 90%, transparent) 55%, color-mix(in srgb, var(--ss-bg) 55%, transparent) 82%, transparent 100%);}
.natako-home.natako-home .n-journey #home .scroll-scrub__chapter-pin {align-items: center; padding-top: 5rem; padding-bottom: 5rem;}
.natako-home.natako-home .n-journey #home .scroll-scrub__copy {text-align: center;}
.natako-home.natako-home .n-journey #home .scroll-scrub__title, .natako-home.natako-home .n-journey #home .scroll-scrub__body {margin-inline: auto;}
.natako-home.natako-home .n-journey #home .scroll-scrub__actions {justify-content: center;}
}
@media (hover: none) {
.natako-home.natako-home .n-card__shot::after, .natako-home.natako-home .n-art::after {opacity: 1; transform: none;}
}
.natako-home.natako-home .n-top--scrolled {box-shadow: 0 6px 18px rgba(15, 31, 52, 0.08);}
.natako-home.natako-home .n-journey .scroll-scrub__stage::after {content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 2;
  background: radial-gradient(120% 90% at 50% 45%, transparent 55%, rgba(15, 31, 52, 0.10) 100%);}
.natako-home.natako-home .n-journey .scroll-scrub__stage::before {content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 22vh; z-index: 2; pointer-events: none;
  background: linear-gradient(to top, var(--ss-fade) 0%, transparent 100%);}
.natako-home.natako-home .n-journey .scroll-scrub__title {will-change: transform;}
.natako-home.natako-home .n-journey .scroll-scrub__copy::before {background: radial-gradient(ellipse at center, color-mix(in srgb, var(--ss-bg) 88%, transparent) 0%, color-mix(in srgb, var(--ss-bg) 58%, transparent) 52%, transparent 76%);}
.natako-home.natako-home .n-journey .scroll-scrub__progress {top: auto; bottom: 0; height: 3px;}
.natako-home.natako-home .n-journey .scroll-scrub__progress span {background: var(--n-accent);}
.natako-home.natako-home .n-card, .natako-home.natako-home .n-art {will-change: transform;}
.natako-home.natako-home .n-card__shot img {will-change: transform;}
.natako-home.natako-home .n-home-ghost {position: absolute; inset: 0; text-align: center; pointer-events: none;}
.natako-home.natako-home .n-home-ghost--live {pointer-events: auto;}
.natako-home.natako-home .scroll-scrub__copy--ghosted > :not(.n-home-ghost) {pointer-events: none;}
.natako-home.natako-home .n-home-ghost .scroll-scrub__title, .natako-home.natako-home .n-home-ghost .scroll-scrub__body {margin-inline: auto;}
.natako-home.natako-home .n-home-ghost .scroll-scrub__actions {justify-content: center;}