@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400&display=swap");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
@layer theme {
  :root, :host { --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4,0,.2,1); --default-font-family: var(--font-sans); --default-font-feature-settings: var(--font-sans--font-feature-settings); --default-font-variation-settings: var(--font-sans--font-variation-settings); --default-mono-font-family: var(--font-mono); --default-mono-font-feature-settings: var(--font-mono--font-feature-settings); --default-mono-font-variation-settings: var(--font-mono--font-variation-settings); --font-body: var(--font-body); --font-heading: var(--font-heading); }
}
@layer base {
  *, ::after, ::before, ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
  ::file-selector-button { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
  html, :host { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; }
  body { line-height: inherit; }
  hr { height: 0px; color: inherit; border-top-width: 1px; }
  abbr:where([title]) { text-decoration: underline dotted; }
  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
  a { color: inherit; text-decoration: inherit; }
  b, strong { font-weight: bolder; }
  code, kbd, samp, pre { font-family: var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace); font-feature-settings: var(--default-mono-font-feature-settings,normal); font-variation-settings: var(--default-mono-font-variation-settings,normal); font-size: 1em; }
  small { font-size: 80%; }
  sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; }
  sub { bottom: -0.25em; }
  sup { top: -0.5em; }
  table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
  progress { vertical-align: baseline; }
  summary { display: list-item; }
  ol, ul, menu { list-style: none; }
  img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; }
  img, video { max-width: 100%; height: auto; }
  button, input, select, optgroup, textarea { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
  ::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
  :where(select:is([multiple], [size])) optgroup { font-weight: bolder; }
  :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }
  ::file-selector-button { margin-inline-end: 4px; }
  ::placeholder { opacity: 1; color: color-mix(currentcolor, transparent); }
  textarea { resize: vertical; }
  ::-webkit-search-decoration { appearance: none; }
  ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; }
  ::-webkit-datetime-edit { display: inline-flex; }
  ::-webkit-datetime-edit-fields-wrapper { padding: 0px; }
  ::-webkit-datetime-edit { padding-block: 0px; }
  ::-webkit-datetime-edit-year-field { padding-block: 0px; }
  ::-webkit-datetime-edit-month-field { padding-block: 0px; }
  ::-webkit-datetime-edit-day-field { padding-block: 0px; }
  ::-webkit-datetime-edit-hour-field { padding-block: 0px; }
  ::-webkit-datetime-edit-minute-field { padding-block: 0px; }
  ::-webkit-datetime-edit-second-field { padding-block: 0px; }
  ::-webkit-datetime-edit-millisecond-field { padding-block: 0px; }
  ::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }
  button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }
  ::file-selector-button { appearance: button; }
  ::-webkit-inner-spin-button { height: auto; }
  ::-webkit-outer-spin-button { height: auto; }
  [hidden]:where(:not([hidden="until-found"])) { display: none !important; }
  * { border-color: var(--border); outline-color: color-mix(in oklab,var(--ring)50%,transparent); }
  body { background-color: var(--background); color: var(--foreground); font-family: var(--font-body); }
  h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); }
  html, body, #root { overscroll-behavior-x: none; width: 100%; height: 100%; margin: 0px; padding: 0px; }
}
@layer components;
@layer utilities {
  .visible { visibility: visible; }
  .fixed { position: fixed; }
  .sticky { position: sticky; }
  .container { width: 100%; }
  @media (width >= 40rem) {
  .container { max-width: 40rem; }
}
  @media (width >= 48rem) {
  .container { max-width: 48rem; }
}
  @media (width >= 64rem) {
  .container { max-width: 64rem; }
}
  @media (width >= 80rem) {
  .container { max-width: 80rem; }
}
  @media (width >= 96rem) {
  .container { max-width: 96rem; }
}
  .hidden { display: none; }
  .filter { filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,); }
  .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
}
body { box-sizing: border-box; overscroll-behavior-x: none; width: 100%; height: 100%; min-height: 100vh; margin: 0px; padding: 0px; display: flex; overflow: auto; }
:root { --radius: .625rem; --background: oklch(1 0 0); --foreground: oklch(.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(.145 0 0); --primary: oklch(.205 0 0); --primary-foreground: oklch(.985 0 0); --secondary: oklch(.97 0 0); --secondary-foreground: oklch(.205 0 0); --muted: oklch(.97 0 0); --muted-foreground: oklch(.556 0 0); --accent: oklch(.97 0 0); --accent-foreground: oklch(.205 0 0); --destructive: oklch(.577 .245 27.325); --border: oklch(.922 0 0); --input: oklch(.922 0 0); --ring: oklch(.708 0 0); --chart-1: oklch(.646 .222 41.116); --chart-2: oklch(.6 .118 184.704); --chart-3: oklch(.398 .07 227.392); --chart-4: oklch(.828 .189 84.429); --chart-5: oklch(.769 .188 70.08); --sidebar: oklch(.985 0 0); --sidebar-foreground: oklch(.145 0 0); --sidebar-primary: oklch(.205 0 0); --sidebar-primary-foreground: oklch(.985 0 0); --sidebar-accent: oklch(.97 0 0); --sidebar-accent-foreground: oklch(.205 0 0); --sidebar-border: oklch(.922 0 0); --sidebar-ring: oklch(.708 0 0); }
.dark { --background: oklch(.145 0 0); --foreground: oklch(.985 0 0); --card: oklch(.205 0 0); --card-foreground: oklch(.985 0 0); --popover: oklch(.205 0 0); --popover-foreground: oklch(.985 0 0); --primary: oklch(.922 0 0); --primary-foreground: oklch(.205 0 0); --secondary: oklch(.269 0 0); --secondary-foreground: oklch(.985 0 0); --muted: oklch(.269 0 0); --muted-foreground: oklch(.708 0 0); --accent: oklch(.269 0 0); --accent-foreground: oklch(.985 0 0); --destructive: oklch(.704 .191 22.216); --border: oklch(1 0 0/10%); --input: oklch(1 0 0/15%); --ring: oklch(.556 0 0); --chart-1: oklch(.488 .243 264.376); --chart-2: oklch(.696 .17 162.48); --chart-3: oklch(.769 .188 70.08); --chart-4: oklch(.627 .265 303.9); --chart-5: oklch(.645 .246 16.439); --sidebar: oklch(.205 0 0); --sidebar-foreground: oklch(.985 0 0); --sidebar-primary: oklch(.488 .243 264.376); --sidebar-primary-foreground: oklch(.985 0 0); --sidebar-accent: oklch(.269 0 0); --sidebar-accent-foreground: oklch(.985 0 0); --sidebar-border: oklch(1 0 0/10%); --sidebar-ring: oklch(.556 0 0); }
img.broken-image-fallback { object-fit: none; object-position: center center; background: rgb(249, 250, 251); border: 1px solid rgb(229, 231, 235); animation: 0.3s ease-in-out 0s 1 normal none running fadeIn; display: inline-block; position: relative; }
.dark img.broken-image-fallback { background: rgb(31, 41, 55); border-color: rgb(55, 65, 81); }
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes enter { 
  0% { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); }
}
@keyframes exit { 
  100% { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); }
}
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@media (max-width: 700px) {
  .nx-transformation { gap: clamp(6px, 2vw, 14px); }
  .nx-before, .nx-after { flex: 0 0 auto; }
  .nx-before p { font-size: clamp(17px, 4.9vw, 22px); white-space: nowrap; }
  .nx-after p { font-size: clamp(18px, 5.15vw, 24px); white-space: nowrap; }
  .nx-transform-arrow { flex: 0 0 18px; margin: 0px; }
  .nx-transform-arrow > svg { width: 18px; height: 18px; }
}
.nx-site { --nx-ink: #1d1d1f; --nx-gray: #6e6e73; --nx-blue: #0071e3; --nx-bg: #f5f5f7; --nx-line: #d2d2d7; --nx-font: "Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif; font-family: var(--nx-font); background: rgb(255, 255, 255); color: var(--nx-ink); font-size: 16px; line-height: 1.6; letter-spacing: -0.025em; -webkit-font-smoothing: antialiased; min-width: 320px; overflow-x: clip; text-align: left; }
.nx-site *, .nx-site ::before, .nx-site ::after { box-sizing: border-box; }
.nx-site :is(h1, h2, h3, h4, p, ul, pre) { margin: 0px; }
.nx-site :is(h1, h2, h3, h4, button, input, textarea, select) { font-family: var(--nx-font); }
.nx-site :is(h1, h2, h3) { word-break: keep-all; text-wrap: balance; }
.nx-site :is(button, a, textarea) { -webkit-tap-highlight-color: transparent; }
.nx-site button { font-size: inherit; color: inherit; cursor: pointer; line-height: inherit; }
.nx-site a { color: inherit; text-decoration: none; }
.nx-site button { margin: 0px; }
.nx-site svg { display: block; flex-shrink: 0; }
.nx-site :is(button, a, textarea):focus-visible { outline: rgb(22, 137, 244) solid 3px; outline-offset: 5px; }
.nx-site [id] { scroll-margin-top: 92px; }
.nx-site button:disabled { cursor: progress; opacity: 0.65; }
.nx-container { width: calc(100% - 96px); max-width: 1120px; margin-inline: auto; }
.nx-skip { position: absolute; left: 24px; top: -100px; z-index: 100; background: rgb(255, 255, 255); padding: 12px 24px; }
.nx-skip:focus { top: 10px; }
.nx-header { position: sticky; top: 0px; z-index: 30; border-bottom: 1px solid rgba(0, 0, 0, 0.047); background: rgba(255, 255, 255, 0.875); backdrop-filter: blur(20px); }
.nx-nav { height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.nx-logo { font-size: 22px; font-weight: 760; letter-spacing: -0.055em; display: flex; align-items: center; gap: 9px; white-space: nowrap; }
.nx-logo-mark { height: 30px; width: 30px; display: grid; place-items: center; border: 1px solid rgb(29, 29, 31); border-radius: 9px; }
.nx-nav-links { display: flex; gap: 34px; align-items: center; margin-left: 48px; }
.nx-nav-links a { font-size: 13px; font-weight: 500; color: rgb(81, 81, 84); padding: 10px 0px; }
.nx-nav-links a:hover { color: var(--nx-blue); }
.nx-nav-actions { display: flex; align-items: center; gap: 12px; }
.nx-site .nx-button { display: inline-flex; align-items: center; justify-content: center; gap: 17px; background: var(--nx-blue); border: 0px; border-radius: 100px; color: rgb(255, 255, 255); font-size: 16px; font-weight: 550; padding: 16px 25px; min-height: 54px; transition: background 0.2s, transform 0.2s; letter-spacing: -0.02em; white-space: nowrap; }
.nx-site .nx-button:hover { background: rgb(0, 119, 237); transform: translateY(-1px); }
.nx-site .nx-button-small { font-size: 12px; min-height: 35px; padding: 8px 17px; gap: 9px; }
.nx-site .nx-menu { border: 0px; background: none; padding: 7px; display: none; }
.nx-site .nx-link { border: 0px; background: transparent; display: inline-flex; align-items: center; gap: 10px; color: var(--nx-blue); font-size: 16px; font-weight: 500; padding: 10px 0px; }
.nx-link > span { font-size: 25px; line-height: 1; }
.nx-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.nx-hero { padding: 77px 0px 0px; text-align: center; }
.nx-hero-label { font-size: 14px; color: rgb(110, 110, 115); display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: 500; }
.nx-hero-label > span { width: 5px; height: 5px; border-radius: 50%; background: rgb(0, 113, 227); }
.nx-site .nx-hero h1 { font-size: clamp(52px, 6.2vw, 80px); line-height: 1.14; letter-spacing: -0.062em; font-weight: 750; margin-top: 24px; }
.nx-hero h1 > span { color: var(--nx-blue); }
.nx-site .nx-hero-desc { font-size: 19px; line-height: 1.65; font-weight: 450; color: rgb(110, 110, 115); margin-top: 26px; letter-spacing: -0.03em; }
.nx-hero-actions { display: flex; justify-content: center; align-items: center; gap: 30px; margin-top: 30px; }
.nx-site .nx-hero-note { font-size: 12px; color: rgb(134, 134, 139); margin-top: 20px; }
.nx-transformation { margin-top: 55px; min-height: 260px; background: var(--nx-bg); border-radius: 28px; display: flex; align-items: center; gap: 42px; text-align: left; padding: 50px 54px; position: relative; overflow: hidden; }
.nx-micro { font-size: 12px; color: rgb(134, 134, 139); display: block; margin-bottom: 12px; }
.nx-before p { font-size: 29px; line-height: 1.32; color: rgb(134, 134, 139); letter-spacing: -0.05em; font-weight: 650; }
.nx-transform-arrow { color: rgb(181, 181, 186); align-self: center; margin-right: 1px; }
.nx-after { z-index: 2; }
.nx-after .nx-micro { color: var(--nx-blue); }
.nx-after p { font-size: 32px; line-height: 1.3; font-weight: 650; letter-spacing: -0.05em; white-space: nowrap; }
.nx-after strong { font-weight: 650; color: var(--nx-blue); }
.nx-letter-slip { position: absolute; width: 280px; height: 273px; right: 42px; top: 37px; padding: 26px 28px; background: linear-gradient(125deg, rgb(255, 255, 255), rgb(255, 255, 255) 70%, rgb(252, 252, 252)); box-shadow: rgba(24, 39, 60, 0.047) 0px 8px 38px; border: 1px solid rgb(234, 234, 236); transform: rotate(8deg); border-radius: 6px; user-select: none; }
.nx-slip-top { display: flex; justify-content: space-between; align-items: center; color: rgb(167, 167, 172); font-size: 8px; letter-spacing: 0.14em; }
.nx-letter-slip p { font-size: 18px; line-height: 1.65; margin-top: 31px; letter-spacing: -0.05em; color: rgb(141, 141, 147); }
.nx-letter-slip p > b { font-weight: 600; color: rgb(0, 113, 227); }
.nx-slip-line { height: 1px; width: 100%; background: rgb(237, 237, 240); display: block; margin-top: 22px; }
.nx-slip-bottom { display: block; font-size: 8px; letter-spacing: 0.14em; color: rgb(177, 177, 181); margin-top: 15px; }
.nx-section-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 27px; }
.nx-eyebrow { font-size: 13px; font-weight: 600; color: rgb(110, 110, 115); letter-spacing: -0.015em; display: inline-block; }
.nx-section-index { font-size: 10px; letter-spacing: 0.13em; color: rgb(161, 161, 166); }
.nx-counselor-section { padding-top: 99px; padding-bottom: 0px; }
.nx-counselor { background: rgb(22, 22, 24); color: rgb(255, 255, 255); border-radius: 28px; overflow: hidden; display: grid; grid-template-columns: 0.83fr 1.17fr; min-height: 540px; }
.nx-photo { margin: 34px 0px 34px 34px; border: 1px solid rgba(255, 255, 255, 0.086); border-radius: 16px; min-height: 460px; background: rgb(31, 32, 35); position: relative; overflow: hidden; display: grid; place-items: center; }
.nx-photo-cross { position: absolute; inset: 0px; background: linear-gradient(to right top, transparent calc(50% - 0.6px), rgba(255, 255, 255, 0.04) 50%, transparent calc(50% + 0.6px)), linear-gradient(to right bottom, transparent calc(50% - 0.6px), rgba(255, 255, 255, 0.04) 50%, transparent calc(50% + 0.6px)); }
.nx-photo-empty { display: flex; flex-direction: column; align-items: center; gap: 11px; color: rgb(107, 108, 114); margin-bottom: 50px; }
.nx-photo-empty > span { font-size: 10px; letter-spacing: 0.2em; margin-top: 3px; }
.nx-photo-empty > small { font-size: 12px; color: rgb(142, 143, 149); }
.nx-photo-caption { position: absolute; left: 28px; right: 28px; bottom: 28px; border-top: 1px solid rgba(255, 255, 255, 0.082); padding-top: 20px; }
.nx-photo-caption > span { display: block; font-size: 9px; letter-spacing: 0.16em; color: rgb(112, 113, 120); }
.nx-photo-caption > b { display: block; font-size: 17px; font-weight: 500; letter-spacing: -0.025em; margin-top: 6px; color: rgb(196, 196, 201); }
.nx-counselor-copy { padding: 51px 49px 36px 48px; }
.nx-counselor-status { font-size: 12px; color: rgb(155, 196, 248); display: flex; align-items: center; gap: 8px; }
.nx-counselor-status > i { width: 5px; height: 5px; border-radius: 50%; background: rgb(122, 181, 255); }
.nx-site .nx-counselor h2 { font-size: 43px; line-height: 1.22; letter-spacing: -0.052em; font-weight: 650; margin-top: 26px; white-space: nowrap; }
.nx-site .nx-counselor-desc { font-size: 15px; line-height: 1.85; color: rgb(153, 153, 159); margin-top: 23px; }
.nx-career { display: grid; grid-template-columns: 1fr 0.8fr 1.25fr; margin-top: 35px; }
.nx-career > div { padding-right: 10px; }
.nx-career > div + div { border-left: 1px solid rgba(255, 255, 255, 0.11); padding-left: 17px; }
.nx-career > div > span { font-size: 10px; color: rgb(103, 103, 109); display: block; margin-bottom: 7px; }
.nx-career p { font-size: 12px; color: rgb(153, 153, 159); white-space: nowrap; }
.nx-career strong { display: block; font-size: 16px; color: rgb(238, 238, 240); font-weight: 550; margin-top: 3px; }
.nx-career sup { font-size: 10px; color: rgb(126, 126, 134); margin-left: 3px; }
.nx-counselor-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 38px; padding-top: 23px; border-top: 1px solid rgba(255, 255, 255, 0.125); gap: 20px; }
.nx-counselor-bottom p { font-size: 14px; color: rgb(198, 198, 204); line-height: 1.65; }
.nx-site .nx-round-button { border: 1px solid rgba(255, 255, 255, 0.208); border-radius: 50%; height: 45px; width: 45px; display: grid; place-items: center; background: transparent; color: rgb(255, 255, 255); flex-shrink: 0; transition: 0.2s; }
.nx-round-button:hover { background: rgba(255, 255, 255, 0.082); }
.nx-site .nx-credential-note { font-size: 11px; color: rgb(141, 141, 147); margin: 16px 8px 0px; }
.nx-outcomes { padding-top: 113px; padding-bottom: 110px; }
.nx-heading { font-size: 48px; line-height: 1.18; letter-spacing: -0.052em; font-weight: 650; }
.nx-heading > span { color: rgb(134, 134, 139); }
.nx-outcome-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 56px; gap: 35px; }
.nx-outcome { border-top: 1px solid rgb(220, 220, 224); padding-top: 20px; }
.nx-outcome > span { font-size: 12px; color: var(--nx-blue); font-weight: 550; }
.nx-site .nx-outcome h3 { font-size: 25px; letter-spacing: -0.045em; line-height: 1.3; font-weight: 650; margin-top: 21px; }
.nx-site .nx-outcome p { font-size: 14px; line-height: 1.85; color: rgb(134, 134, 139); margin-top: 15px; word-break: keep-all; }
.nx-outcome p b { font-weight: 500; color: rgb(81, 81, 84); }
.nx-sample-section { background: rgb(245, 245, 247); padding: 100px 0px; }
.nx-sample-layout { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 62px; align-items: start; }
.nx-sample-intro { padding-top: 36px; }
.nx-sample-intro .nx-heading { font-size: 43px; margin-top: 20px; line-height: 1.25; }
.nx-sample-intro > p { font-size: 16px; color: rgb(134, 134, 139); line-height: 1.8; margin-top: 25px; }
.nx-sample-tabs { margin-top: 36px; display: grid; gap: 8px; max-width: 325px; }
.nx-site .nx-sample-tabs > button { padding: 16px 18px; border: 1px solid transparent; background: transparent; border-radius: 14px; font-size: 14px; text-align: left; color: rgb(110, 110, 115); display: flex; align-items: center; justify-content: space-between; gap: 15px; transition: 0.2s; }
.nx-site .nx-sample-tabs > button.active { background: rgb(255, 255, 255); color: var(--nx-blue); box-shadow: rgba(29, 29, 31, 0.02) 0px 3px 15px; }
.nx-site .nx-sample-tabs > button:not(.active):hover { background: rgb(234, 234, 236); }
.nx-example-note { font-size: 10px; color: rgb(151, 151, 157); display: block; margin-top: 22px; padding-left: 5px; }
.nx-email { border: 1px solid rgb(231, 231, 235); background: rgb(255, 255, 255); border-radius: 20px; box-shadow: rgba(28, 36, 54, 0.03) 0px 16px 48px; overflow: hidden; }
.nx-email-bar { height: 44px; display: flex; justify-content: space-between; align-items: center; padding: 0px 22px; background: rgb(250, 250, 250); border-bottom: 1px solid rgb(238, 238, 239); color: rgb(155, 155, 161); font-size: 10px; }
.nx-window-dots { display: flex; gap: 5px; }
.nx-window-dots > i { width: 7px; height: 7px; background: rgb(221, 221, 225); border-radius: 50%; }
.nx-email-meta { display: flex; align-items: center; gap: 11px; padding: 25px 29px 21px; border-bottom: 1px solid rgb(241, 241, 243); }
.nx-avatar { height: 35px; width: 35px; border-radius: 50%; background: rgb(237, 244, 254); color: rgb(0, 113, 227); font-size: 14px; font-weight: 650; display: grid; place-items: center; }
.nx-email-meta > div:nth-child(2) { display: flex; flex-direction: column; gap: 1px; }
.nx-email-meta b { font-size: 12px; font-weight: 600; }
.nx-email-meta div > span { font-size: 10px; color: rgb(150, 150, 156); }
.nx-email-tag { margin-left: auto; font-size: 10px; color: rgb(134, 134, 139); background: rgb(245, 245, 247); padding: 3px 9px; border-radius: 20px; }
.nx-email-body { padding: 25px 29px 23px; }
.nx-original { border-left: 2px solid rgb(207, 223, 247); padding: 0px 0px 0px 13px; margin-bottom: 24px; }
.nx-original > span { font-size: 10px; color: rgb(161, 161, 166); }
.nx-site .nx-original p { font-size: 12px; line-height: 1.8; color: rgb(134, 134, 139); margin-top: 3px; word-break: keep-all; }
.nx-email-subject { font-size: 10px; color: rgb(134, 134, 139); display: block; }
.nx-site .nx-email h3 { font-size: 25px; line-height: 1.35; letter-spacing: -0.045em; font-weight: 650; margin-top: 12px; white-space: pre-line; }
.nx-site .nx-email-text { font-size: 13px; line-height: 1.95; letter-spacing: -0.015em; color: rgb(110, 110, 115); margin-top: 20px; word-break: keep-all; overflow-wrap: break-word; }
.nx-next-action { border-radius: 12px; background: rgb(242, 247, 255); padding: 17px 18px; margin-top: 24px; }
.nx-next-action > span { display: flex; align-items: center; justify-content: space-between; color: rgb(20, 117, 213); font-size: 11px; font-weight: 600; }
.nx-site .nx-next-action p { font-size: 12px; line-height: 1.9; color: rgb(89, 113, 141); margin-top: 8px; word-break: keep-all; overflow-wrap: break-word; }
.nx-email-footer { display: flex; align-items: center; gap: 7px; font-size: 10px; color: rgb(144, 144, 154); padding-top: 20px; }
.nx-email-footer svg { color: rgb(162, 173, 192); }
.nx-process { padding-top: 109px; padding-bottom: 113px; }
.nx-process-heading { text-align: center; }
.nx-process-heading .nx-heading { margin-top: 20px; }
.nx-process-heading > p { font-size: 16px; color: rgb(134, 134, 139); margin-top: 24px; line-height: 1.8; }
.nx-process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 44px; margin-top: 65px; }
.nx-process-step > div { display: flex; align-items: center; gap: 20px; margin-bottom: 22px; }
.nx-process-step > div > span { font-size: 13px; color: var(--nx-blue); height: 34px; width: 34px; flex-shrink: 0; display: grid; place-items: center; background: rgb(237, 245, 255); border-radius: 50%; font-weight: 550; }
.nx-process-step > div > i { height: 1px; flex: 1 1 0%; background: rgb(229, 229, 233); }
.nx-site .nx-process-step h3 { font-size: 21px; font-weight: 600; letter-spacing: -0.035em; }
.nx-site .nx-process-step p { color: rgb(134, 134, 139); font-size: 14px; line-height: 1.85; margin-top: 12px; max-width: 280px; word-break: keep-all; }
.nx-program-section { background: rgb(245, 245, 247); padding: 96px 0px; }
.nx-program-header { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 45px; }
.nx-program-header .nx-heading { margin-top: 20px; }
.nx-program-header > p { font-size: 15px; color: rgb(134, 134, 139); line-height: 1.85; text-align: right; }
.nx-program-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: 22px; }
.nx-main-program, .nx-addon { border-radius: 24px; background: rgb(255, 255, 255); padding: 36px 40px 39px; }
.nx-program-label { display: flex; align-items: center; justify-content: space-between; color: rgb(163, 163, 170); font-size: 10px; letter-spacing: 0.13em; margin-bottom: 24px; }
.nx-main-program .nx-program-label { color: rgb(0, 113, 227); }
.nx-site .nx-main-program h3 { font-size: 30px; font-weight: 650; letter-spacing: -0.045em; }
.nx-site .nx-program-description { font-size: 14px; color: rgb(134, 134, 139); margin-top: 6px; }
.nx-price { margin-top: 28px; display: flex; align-items: baseline; gap: 10px; line-height: 1.3; }
.nx-price strong { font-size: 43px; font-weight: 650; letter-spacing: -0.05em; }
.nx-price > span { font-size: 12px; color: rgb(134, 134, 139); }
.nx-main-program ul { list-style: none; padding: 25px 0px 28px; display: grid; gap: 12px; margin-top: 25px; border-top: 1px solid rgb(238, 238, 240); }
.nx-main-program li { display: flex; align-items: center; gap: 10px; font-size: 14px; color: rgb(110, 110, 115); }
.nx-main-program li svg { color: rgb(0, 113, 227); }
.nx-main-program .nx-button { font-size: 14px; width: 100%; justify-content: space-between; padding: 15px 22px; min-height: 51px; }
.nx-site .nx-addon h3 { font-size: 31px; font-weight: 650; letter-spacing: -0.045em; line-height: 1.3; }
.nx-site .nx-addon > p { font-size: 14px; color: rgb(134, 134, 139); margin-top: 12px; }
.nx-addon-price { font-size: 29px; font-weight: 600; letter-spacing: -0.04em; margin-top: 22px; color: rgb(81, 81, 84); }
.nx-addon-price span { font-size: 15px; margin-left: 3px; font-weight: 450; }
.nx-site .nx-addon .nx-addon-body { font-size: 13px; line-height: 1.8; margin-top: 16px; color: rgb(134, 134, 139); }
.nx-addon-spec { border-top: 1px solid rgb(238, 238, 240); font-size: 12px; color: rgb(161, 161, 166); line-height: 1.9; padding-top: 17px; margin-top: 20px; }
.nx-addon .nx-link { font-size: 13px; margin-top: 17px; }
.nx-site .nx-program-note { font-size: 10px; color: rgb(150, 150, 157); line-height: 1.8; margin-top: 21px; padding: 0px 4px; }
.nx-faq-section { padding-top: 110px; padding-bottom: 108px; display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 65px; }
.nx-faq-section .nx-heading { font-size: 39px; margin-top: 20px; }
.nx-faq-list { border-top: 1px solid rgb(220, 220, 224); }
.nx-faq-item { border-bottom: 1px solid rgb(231, 231, 234); }
.nx-site .nx-faq-item h3 { font-weight: 500; }
.nx-site .nx-faq-item h3 button { border: 0px; background: none; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 24px 0px; text-align: left; font-size: 14px; gap: 20px; }
.nx-faq-item button svg { color: rgb(134, 134, 139); transition: transform 0.2s; }
.nx-faq-item.open button svg { transform: rotate(45deg); }
.nx-faq-item > div { padding: 0px 25px 24px 0px; font-size: 13px; line-height: 1.95; color: rgb(134, 134, 139); word-break: keep-all; }
.nx-faq-item > div[hidden] { display: none; }
.nx-final { padding: 86px 0px 96px; background: rgb(245, 245, 247); text-align: center; }
.nx-site .nx-final h2 { font-size: 48px; letter-spacing: -0.05em; line-height: 1.25; font-weight: 650; margin-top: 23px; }
.nx-final h2 > span { color: rgb(0, 113, 227); }
.nx-site .nx-final p { font-size: 16px; color: rgb(134, 134, 139); line-height: 1.8; margin-top: 25px; }
.nx-final .nx-button { margin-top: 28px; }
.nx-footer { padding: 32px 0px 26px; background: rgb(245, 245, 247); border-top: 1px solid rgb(221, 221, 226); }
.nx-footer-top { display: flex; align-items: center; gap: 25px; padding-bottom: 23px; border-bottom: 1px solid rgb(221, 221, 226); }
.nx-footer .nx-logo { font-size: 18px; }
.nx-footer-top > p { font-size: 12px; color: rgb(134, 134, 139); }
.nx-footer-top > a:last-child { margin-left: auto; font-size: 11px; color: rgb(134, 134, 139); }
.nx-footer-notes { padding-top: 18px; font-size: 10px; line-height: 1.8; color: rgb(151, 151, 157); display: grid; gap: 5px; }
.nx-footer-notes > p:last-child { margin-top: 7px; }
.nx-mobile-bar { display: none; }
.nx-dialog { border: 0px; padding: 0px; border-radius: 24px; background: rgb(255, 255, 255); color: rgb(29, 29, 31); width: calc(100% - 32px); max-width: 560px; max-height: calc(100dvh - 32px); overflow: auto; margin: auto; font-family: var(--nx-font); box-shadow: rgba(0, 0, 0, 0.19) 0px 30px 120px; letter-spacing: -0.025em; }
.nx-dialog::backdrop { background: rgba(18, 18, 24, 0.44); backdrop-filter: blur(8px); }
.nx-dialog-inner { padding: 42px; position: relative; }
.nx-site .nx-close { position: absolute; right: 17px; top: 17px; display: grid; place-items: center; border: 0px; background: rgb(240, 240, 243); border-radius: 50%; height: 32px; width: 32px; color: rgb(134, 134, 139); }
.nx-dialog .nx-eyebrow { font-size: 10px; letter-spacing: 0.1em; color: rgb(150, 150, 157); }
.nx-site .nx-dialog h2 { font-size: 35px; font-weight: 650; letter-spacing: -0.05em; line-height: 1.2; margin-top: 19px; outline: none; }
.nx-site .nx-dialog-lead { font-size: 14px; color: rgb(134, 134, 139); margin-top: 13px; }
.nx-demo-banner { display: flex; align-items: center; gap: 7px; font-size: 10px; color: rgb(124, 124, 132); background: rgb(245, 245, 247); border-radius: 8px; padding: 10px 12px; margin: 23px 0px; }
.nx-demo-banner > span { width: 5px; height: 5px; background: rgb(160, 160, 168); border-radius: 50%; flex-shrink: 0; }
.nx-dialog fieldset { padding: 0px; margin: 0px 0px 22px; border: 0px; }
.nx-dialog legend, .nx-input-label { font-size: 12px; font-weight: 550; margin-bottom: 9px; display: block; }
.nx-options { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; }
.nx-site .nx-options button { border: 1px solid rgb(227, 227, 232); background: rgb(255, 255, 255); border-radius: 10px; color: rgb(134, 134, 139); padding: 11px 8px; font-size: 13px; }
.nx-site .nx-options button.selected { background: rgb(240, 247, 255); border-color: rgb(0, 113, 227); color: rgb(0, 113, 227); }
.nx-topic-options { grid-template-columns: 1fr 1.3fr 1.3fr; }
.nx-site .nx-topic-options button { font-size: 11px; white-space: nowrap; }
.nx-dialog textarea { width: 100%; min-height: 130px; resize: vertical; border: 1px solid rgb(220, 220, 226); border-radius: 12px; padding: 14px; font-size: 14px; line-height: 1.7; color: rgb(81, 81, 84); background: rgb(255, 255, 255); }
.nx-dialog textarea::placeholder { color: rgb(161, 161, 166); }
.nx-input-help { display: flex; justify-content: space-between; gap: 10px; font-size: 9px; color: rgb(150, 150, 157); margin-top: 6px; }
.nx-site .nx-wide { width: 100%; margin-top: 24px; justify-content: space-between; font-size: 14px; }
.nx-site .nx-error { color: rgb(189, 48, 44); font-size: 12px; margin-top: 14px; }
.nx-site .nx-draft { white-space: pre-wrap; word-break: break-word; font-family: var(--nx-font); font-size: 14px; line-height: 1.85; color: rgb(81, 81, 84); max-height: 250px; overflow: auto; padding: 20px; background: rgb(245, 245, 247); border-radius: 12px; }
.nx-small-note { font-size: 11px; line-height: 1.8; color: rgb(150, 150, 157); margin-top: 16px !important; }
.nx-dialog-actions { display: flex; align-items: center; gap: 12px; margin-top: 25px; }
.nx-dialog-actions .nx-button { flex: 1 1 0%; font-size: 14px; min-height: 48px; padding: 13px 20px; }
.nx-site .nx-back { border: 1px solid rgb(220, 220, 226); background: rgb(255, 255, 255); border-radius: 100px; min-height: 48px; padding: 12px 20px; font-size: 13px; color: rgb(110, 110, 115); }
.nx-copy-status { font-size: 10px; line-height: 1.8; color: rgb(110, 110, 115); display: block; margin-top: 12px; }
@media (min-width: 1500px) {
  .nx-container { max-width: 1180px; }
  .nx-hero { padding-top: 88px; }
  .nx-site .nx-hero h1 { font-size: 86px; }
  .nx-transformation { gap: 55px; padding-left: 62px; }
  .nx-letter-slip { right: 56px; }
  .nx-counselor-copy { padding: 56px; }
  .nx-site .nx-counselor h2 { font-size: 46px; }
}
@media (max-width: 1100px) {
  .nx-container { width: calc(100% - 64px); }
  .nx-transformation { padding: 40px; gap: 30px; }
  .nx-letter-slip { width: 235px; right: 28px; padding: 24px; }
  .nx-before p { font-size: 25px; }
  .nx-after p { font-size: 28px; }
  .nx-counselor { grid-template-columns: 0.8fr 1.2fr; }
  .nx-photo { margin: 25px 0px 25px 25px; min-height: 420px; }
  .nx-counselor-copy { padding: 42px 32px 32px; }
  .nx-site .nx-counselor h2 { font-size: 37px; }
  .nx-career { grid-template-columns: 1fr 0.75fr 1.3fr; }
  .nx-career > div + div { padding-left: 12px; }
  .nx-career p { font-size: 11px; }
  .nx-career strong { font-size: 14px; }
  .nx-heading { font-size: 43px; }
  .nx-sample-layout { gap: 38px; grid-template-columns: 0.8fr 1.2fr; }
  .nx-sample-intro .nx-heading { font-size: 36px; }
  .nx-email-body { padding: 23px; }
  .nx-main-program, .nx-addon { padding: 32px; }
  .nx-faq-section { gap: 40px; }
  .nx-faq-section .nx-heading { font-size: 35px; }
}
@media (max-width: 860px) and (min-width: 701px) {
  .nx-nav-links { gap: 21px; margin-left: 0px; }
  .nx-nav-links a { font-size: 12px; }
  .nx-logo { font-size: 20px; }
  .nx-letter-slip { right: -45px; opacity: 0.45; }
  .nx-after { position: relative; }
  .nx-counselor-copy { padding: 35px 27px; }
  .nx-site .nx-counselor h2 { font-size: 31px; }
  .nx-counselor-status { font-size: 10px; }
  .nx-counselor-desc { font-size: 13px !important; }
  .nx-photo { margin: 20px 0px 20px 20px; min-height: 420px; }
  .nx-career p { font-size: 10px; }
  .nx-career strong, .nx-counselor-bottom p { font-size: 12px; }
  .nx-outcome-grid { gap: 25px; }
  .nx-outcome p { font-size: 13px !important; }
  .nx-site .nx-outcome h3 { font-size: 22px; }
  .nx-sample-layout { gap: 30px; grid-template-columns: 0.8fr 1.2fr; }
  .nx-sample-intro .nx-heading { font-size: 30px; }
  .nx-sample-intro > p { font-size: 14px; }
  .nx-site .nx-sample-tabs > button { font-size: 12px; padding: 14px; }
  .nx-site .nx-email h3 { font-size: 22px; }
  .nx-process-grid { gap: 25px; }
  .nx-site .nx-process-step h3 { font-size: 18px; }
  .nx-main-program, .nx-addon { padding: 26px; }
  .nx-price strong { font-size: 36px; }
  .nx-main-program li { font-size: 12px; }
  .nx-price > span { font-size: 10px; }
  .nx-main-program .nx-button { font-size: 12px; }
  .nx-faq-section .nx-heading { font-size: 31px; }
  .nx-site .nx-final h2 { font-size: 40px; }
}
@media (max-width: 700px) {
  .nx-container { width: calc(100% - 40px); }
  .nx-nav { height: 62px; gap: 12px; }
  .nx-logo { font-size: 20px; gap: 7px; }
  .nx-logo-mark { width: 27px; height: 27px; border-radius: 8px; }
  .nx-logo-mark > svg { width: 18px; height: 18px; }
  .nx-nav-links { display: none; }
  .nx-nav-links.open { display: flex; position: absolute; left: 0px; right: 0px; top: 62px; margin: 0px; flex-direction: column; align-items: stretch; gap: 0px; background: rgba(255, 255, 255, 0.984); backdrop-filter: blur(20px); padding: 12px 24px 20px; border-bottom: 1px solid rgb(238, 238, 240); box-shadow: rgba(0, 0, 0, 0.02) 0px 15px 20px; }
  .nx-nav-links.open a { padding: 13px 5px; font-size: 15px; }
  .nx-site .nx-menu { display: grid; place-items: center; }
  .nx-site .nx-button-small { font-size: 11px; min-height: 33px; padding: 7px 13px; }
  .nx-nav-actions { gap: 4px; }
  .nx-hero { padding-top: 53px; }
  .nx-hero-label { font-size: 11px; gap: 7px; }
  .nx-site .nx-hero h1 { font-size: clamp(38px, 9.3vw, 60px); line-height: 1.18; letter-spacing: -0.065em; margin-top: 23px; white-space: nowrap; }
  .nx-site .nx-hero-desc { font-size: 14px; line-height: 1.8; margin-top: 22px; word-break: keep-all; }
  .nx-hero-actions { gap: 16px; margin-top: 25px; flex-direction: column; }
  .nx-site .nx-hero-actions .nx-button { min-height: 49px; padding: 14px 22px; font-size: 14px; }
  .nx-hero-actions .nx-link { font-size: 13px; padding: 0px; }
  .nx-hero-actions .nx-link > span { font-size: 21px; }
  .nx-site .nx-hero-note { font-size: 9px; margin-top: 20px; }
  .nx-transformation { margin-top: 35px; min-height: 196px; border-radius: 20px; padding: 28px 23px; gap: 16px; justify-content: space-between; }
  .nx-letter-slip { display: none; }
  .nx-before p, .nx-after p { font-size: 23px; letter-spacing: -0.055em; }
  .nx-transform-arrow > svg { width: 21px; height: 21px; }
  .nx-micro { font-size: 10px; margin-bottom: 10px; }
  .nx-counselor-section { padding-top: 58px; }
  .nx-section-top { margin-bottom: 18px; }
  .nx-eyebrow { font-size: 11px; }
  .nx-section-index { font-size: 8px; letter-spacing: 0.1em; }
  .nx-counselor { border-radius: 22px; display: flex; flex-direction: column; min-height: 0px; }
  .nx-photo { margin: 20px 20px 0px; min-height: 0px; height: 260px; border-radius: 13px; }
  .nx-photo-empty { margin-bottom: 24px; gap: 8px; }
  .nx-photo-empty > svg { width: 27px; height: 27px; }
  .nx-photo-empty > span { font-size: 9px; }
  .nx-photo-empty > small { font-size: 10px; }
  .nx-photo-caption { left: 22px; right: 22px; bottom: 18px; padding-top: 14px; display: flex; justify-content: space-between; align-items: center; }
  .nx-photo-caption > span { font-size: 7px; letter-spacing: 0.12em; }
  .nx-photo-caption > b { font-size: 12px; margin: 0px; }
  .nx-counselor-copy { padding: 29px 27px 28px; }
  .nx-counselor-status { font-size: 10px; gap: 6px; }
  .nx-site .nx-counselor h2 { font-size: 31px; line-height: 1.25; margin-top: 19px; letter-spacing: -0.055em; white-space: normal; }
  .nx-site .nx-counselor-desc { font-size: 13px; line-height: 1.85; margin-top: 17px; }
  .nx-career { margin-top: 27px; grid-template-columns: 1fr 0.7fr 1.3fr; }
  .nx-career > div { padding-right: 8px; }
  .nx-career > div + div { padding-left: 11px; }
  .nx-career p { font-size: 10px; }
  .nx-career strong { font-size: 13px; margin-top: 4px; }
  .nx-career > div > span { font-size: 9px; }
  .nx-counselor-bottom { margin-top: 26px; padding-top: 20px; }
  .nx-counselor-bottom p { font-size: 12px; }
  .nx-site .nx-round-button { height: 39px; width: 39px; }
  .nx-site .nx-credential-note { font-size: 9px; line-height: 1.8; margin: 12px 3px 0px; word-break: keep-all; }
  .nx-outcomes { padding-top: 70px; padding-bottom: 66px; }
  .nx-heading { font-size: 33px; line-height: 1.25; letter-spacing: -0.05em; }
  .nx-outcome-grid { grid-template-columns: 1fr; margin-top: 32px; gap: 0px; }
  .nx-outcome { position: relative; padding: 23px 0px 23px 40px; }
  .nx-outcome > span { position: absolute; top: 28px; left: 0px; font-size: 11px; }
  .nx-site .nx-outcome h3 { font-size: 22px; margin-top: 0px; }
  .nx-site .nx-outcome p { font-size: 13px; line-height: 1.85; margin-top: 10px; }
  .nx-sample-section { padding: 65px 0px; }
  .nx-sample-layout { display: flex; flex-direction: column; gap: 29px; }
  .nx-sample-intro { padding-top: 0px; width: 100%; }
  .nx-sample-intro .nx-heading { font-size: 33px; margin-top: 17px; }
  .nx-sample-intro > p { font-size: 14px; margin-top: 18px; }
  .nx-sample-tabs { max-width: none; margin-top: 25px; display: flex; gap: 6px; flex-wrap: wrap; }
  .nx-site .nx-sample-tabs > button { font-size: 11px; padding: 11px 12px; border-radius: 100px; border: 1px solid rgb(221, 221, 226); gap: 0px; }
  .nx-sample-tabs > button > svg { display: none; }
  .nx-site .nx-sample-tabs > button.active { border-color: rgb(0, 113, 227); box-shadow: none; }
  .nx-example-note { font-size: 9px; margin-top: 13px; padding-left: 1px; }
  .nx-email { width: 100%; border-radius: 17px; }
  .nx-email-bar { height: 39px; padding: 0px 20px; }
  .nx-email-meta { padding: 20px 21px 18px; }
  .nx-email-body { padding: 20px 21px 22px; }
  .nx-site .nx-email h3 { font-size: 24px; }
  .nx-site .nx-email-text { font-size: 13px; line-height: 1.95; }
  .nx-next-action { padding: 15px; }
  .nx-process { padding-top: 70px; padding-bottom: 70px; }
  .nx-process-heading { text-align: left; }
  .nx-process-heading .nx-heading { margin-top: 17px; }
  .nx-process-heading > p { font-size: 14px; line-height: 1.8; margin-top: 20px; }
  .nx-process-grid { grid-template-columns: 1fr; gap: 29px; margin-top: 36px; }
  .nx-process-step { position: relative; padding-left: 49px; }
  .nx-process-step > div { position: absolute; left: 0px; top: 0px; margin: 0px; }
  .nx-process-step > div > i { display: none; }
  .nx-process-step > div > span { height: 29px; width: 29px; font-size: 11px; }
  .nx-process-step:not(:last-child)::after { content: ""; height: calc(100% - 7px); width: 1px; background: rgb(229, 229, 235); position: absolute; left: 14px; top: 37px; }
  .nx-site .nx-process-step h3 { font-size: 18px; padding-top: 2px; }
  .nx-site .nx-process-step p { font-size: 13px; line-height: 1.8; max-width: none; margin-top: 8px; }
  .nx-program-section { padding: 65px 0px; }
  .nx-program-header { display: block; margin-bottom: 28px; }
  .nx-program-header .nx-heading { margin-top: 17px; }
  .nx-program-header > p { text-align: left; font-size: 13px; margin-top: 19px; }
  .nx-program-grid { grid-template-columns: 1fr; gap: 16px; }
  .nx-main-program, .nx-addon { padding: 29px 27px; border-radius: 20px; }
  .nx-site .nx-main-program h3 { font-size: 28px; }
  .nx-program-label { margin-bottom: 20px; }
  .nx-site .nx-program-description { font-size: 13px; }
  .nx-price { margin-top: 24px; gap: 10px; }
  .nx-price strong { font-size: 39px; }
  .nx-price > span { font-size: 11px; }
  .nx-main-program li { font-size: 12px; gap: 9px; }
  .nx-main-program ul { padding: 22px 0px 26px; margin-top: 24px; }
  .nx-main-program .nx-button { font-size: 13px; padding: 14px 20px; min-height: 49px; }
  .nx-site .nx-addon h3 { font-size: 27px; }
  .nx-site .nx-addon > p { font-size: 13px; }
  .nx-addon-price { font-size: 29px; }
  .nx-site .nx-program-note { font-size: 9px; line-height: 1.9; margin-top: 15px; }
  .nx-faq-section { padding-top: 68px; padding-bottom: 70px; grid-template-columns: 1fr; gap: 30px; }
  .nx-faq-section .nx-heading { font-size: 33px; margin-top: 17px; }
  .nx-site .nx-faq-item h3 button { font-size: 13px; padding: 21px 0px; }
  .nx-faq-item > div { font-size: 12px; padding-right: 12px; }
  .nx-final { padding: 65px 0px 70px; }
  .nx-site .nx-final h2 { font-size: clamp(25px, 6.6vw, 37px); line-height: 1.3; letter-spacing: -0.06em; margin-top: 19px; white-space: nowrap; }
  .nx-site .nx-final p { font-size: 14px; margin-top: 21px; }
  .nx-site .nx-final .nx-button { font-size: 14px; min-height: 49px; padding: 14px 22px; margin-top: 26px; }
  .nx-footer { padding: 25px 0px 93px; }
  .nx-footer-top { gap: 15px; flex-wrap: wrap; padding-bottom: 19px; }
  .nx-footer-top > p { font-size: 10px; order: 3; width: 100%; margin-top: -5px; }
  .nx-footer-top > a:last-child { font-size: 10px; }
  .nx-footer-notes { font-size: 9px; line-height: 1.9; padding-top: 16px; }
  .nx-mobile-bar { position: fixed; z-index: 29; bottom: 0px; left: 0px; right: 0px; padding: 11px 20px calc(11px + env(safe-area-inset-bottom)); display: flex; align-items: center; justify-content: space-between; background: rgba(255, 255, 255, 0.93); border-top: 1px solid rgb(229, 229, 234); backdrop-filter: blur(20px); transform: translateY(120%); transition: transform 0.25s; }
  .nx-mobile-bar.visible { transform: translateY(0px); }
  .nx-mobile-bar > div { display: flex; flex-direction: column; gap: 0px; }
  .nx-mobile-bar strong { font-size: 13px; font-weight: 650; }
  .nx-mobile-bar > div > span { font-size: 9px; color: rgb(134, 134, 139); }
  .nx-site .nx-mobile-bar .nx-button { min-height: 36px; font-size: 12px; padding: 8px 17px; gap: 14px; }
  .nx-dialog { border-radius: 20px; }
  .nx-dialog-inner { padding: 32px 25px; }
  .nx-site .nx-dialog h2 { font-size: 31px; }
  .nx-demo-banner { font-size: 9px; margin: 20px 0px; padding: 10px; }
  .nx-options { gap: 6px; }
  .nx-site .nx-options button { font-size: 12px; padding: 10px 6px; }
  .nx-site .nx-topic-options button { font-size: 10px; }
  .nx-dialog textarea { font-size: 13px; }
  .nx-input-help { font-size: 8px; gap: 7px; }
  .nx-site .nx-dialog-actions .nx-button { font-size: 12px; padding: 13px 16px; }
  .nx-site .nx-back { font-size: 12px; padding: 12px 17px; }
  .nx-small-note { font-size: 10px; }
}
@media (max-width: 370px) {
  .nx-container { width: calc(100% - 32px); }
  .nx-site .nx-hero h1 { font-size: 36px; }
  .nx-site .nx-hero-desc { font-size: 12px; }
  .nx-site .nx-hero-note { font-size: 8px; }
  .nx-transformation { padding: 25px 20px; min-height: 180px; gap: 10px; }
  .nx-before p, .nx-after p { font-size: 21px; }
  .nx-counselor-copy { padding: 25px 22px; }
  .nx-site .nx-counselor h2 { font-size: 28px; }
  .nx-career > div + div { padding-left: 8px; }
  .nx-career p { font-size: 9px; }
  .nx-career strong { font-size: 12px; }
  .nx-heading, .nx-sample-intro .nx-heading { font-size: 29px; }
  .nx-site .nx-sample-tabs > button { font-size: 10px; padding: 10px; }
  .nx-site .nx-final h2 { font-size: 24px; }
  .nx-main-program, .nx-addon { padding: 26px 23px; }
  .nx-dialog-inner { padding: 30px 20px; }
  .nx-input-help { font-size: 7px; }
  .nx-site .nx-topic-options button { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  .nx-site *, .nx-site ::before, .nx-site ::after { transition: none !important; animation: auto ease 0s 1 normal none running none !important; scroll-behavior: auto !important; }
}
/* Standalone interactions. */
html{scroll-behavior:smooth}#nx-main section[id]{scroll-margin-top:90px}
.nx-mobile-links{padding:12px 24px 20px;background:#f7f8f2;border-bottom:1px solid #dce1d3;display:flex;flex-direction:column;gap:14px;font-size:14px}.nx-mobile-links[hidden]{display:none!important}
.nx-form-error{color:#a12e2e;font-size:13px;margin:12px 0}.nx-form-preview{padding:18px;margin-top:18px;border:1px solid #d7ddca;background:#f3f6eb;border-radius:12px}.nx-form-preview p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px;font-size:13px;line-height:1.8}.nx-form-preview strong{font-size:15px}.nx-dialog button:disabled{opacity:.5;cursor:default}
.nx-email-field{margin:22px 0}.nx-email-field input{box-sizing:border-box;width:100%;padding:14px 16px;border:1px solid #d6dbe3;border-radius:10px;font:inherit;background:#fff;color:#202a3b}.nx-email-field input:focus{outline:2px solid #536dd1;outline-offset:2px}.nx-consent{margin:20px 0;font-size:12px;line-height:1.8;color:#505a68}.nx-consent label{display:flex;align-items:flex-start;gap:9px;cursor:pointer}.nx-consent input{margin-top:5px;flex-shrink:0}.nx-consent details{margin-top:10px}.nx-consent summary{cursor:pointer;text-decoration:underline}.nx-consent p{margin:10px 0;overflow-wrap:anywhere}.nx-consent a{text-decoration:underline}.nx-honey{display:none!important}.nx-dialog-inner{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}