.nox-about {
	--nox-about-ink: #1d3028;
	--nox-about-ink-soft: #40584e;
	--nox-about-muted: #5c6e66;
	--nox-about-green: #526b45;
	--nox-about-green-dark: #3d5634;
	--nox-about-sage: #aebf9c;
	--nox-about-sage-soft: #dbe5cf;
	--nox-about-clay: #d6a47d;
	--nox-about-beige: #eadfc8;
	--nox-about-blue: #b8d6d7;
	--nox-about-cream: #faf8f2;
	--nox-about-line: rgba(74, 96, 79, .18);
	--nox-about-glass: rgba(255, 255, 255, .56);
	--nox-about-glass-strong: rgba(255, 255, 255, .7);
	--nox-about-shadow: 0 24px 65px rgba(45, 60, 48, .11), 0 5px 18px rgba(93, 75, 55, .05), inset 0 1px rgba(255, 255, 255, .72);
	background: var(--nox-about-cream);
	color: var(--nox-about-ink);
	font-family: inherit;
	line-height: 1.65;
	margin: 0;
	max-width: none;
	overflow-x: hidden;
	overflow-x: clip;
	padding: 0;
	position: relative;
	width: 100%;
}

body.nox-about-page .site-content > .ast-container,
body.nox-about-page .site-content .content-area,
body.nox-about-page .site-content .site-main,
body.nox-about-page .site-content .entry-content,
body.nox-about-page .site-content .entry-content .wp-block-shortcode {
	margin-left: 0;
	margin-right: 0;
	max-width: none;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

body.nox-about-page .entry-content[data-ast-blocks-layout] > .nox-about,
body.nox-about-page .entry-content[data-ast-blocks-layout] > .wp-block-shortcode > .nox-about {
	left: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	max-width: 100vw;
	position: relative;
	right: 50%;
	width: 100vw;
}

.nox-about *,
.nox-about *::before,
.nox-about *::after { box-sizing: border-box; }

.nox-about :where(h1, h2, h3, p, figure) { margin-top: 0; }
.nox-about :where(h1, h2, h3) { color: var(--nox-about-ink); font-family: inherit; letter-spacing: -.025em; }
.nox-about h1 { font-size: clamp(2.65rem, 5vw, 4.65rem); font-weight: 750; line-height: 1.05; margin-bottom: 24px; max-width: 710px; }
.nox-about h2 { font-size: clamp(2rem, 3.5vw, 3.2rem); font-weight: 720; line-height: 1.12; margin-bottom: 18px; }
.nox-about h3 { font-size: 1.18rem; font-weight: 700; line-height: 1.3; margin-bottom: 10px; }
.nox-about p { color: var(--nox-about-ink-soft); }
.nox-about a { text-decoration: none; }
.nox-about :where(a, button):focus-visible { outline: 3px solid rgba(214, 164, 125, .78); outline-offset: 4px; }

.nox-about__environment { inset: 0; overflow: hidden; pointer-events: none; position: absolute; z-index: 0; }
.nox-about__environment::before { background-image: radial-gradient(rgba(75, 98, 78, .1) .7px, transparent .7px); background-size: 18px 18px; content: ""; inset: 0; opacity: .16; position: absolute; }
.nox-about__orb { border-radius: 44% 56% 61% 39%; filter: blur(72px); opacity: .5; position: absolute; }
.nox-about__orb--sage { background: var(--nox-about-sage-soft); height: 720px; left: -280px; top: 180px; width: 720px; }
.nox-about__orb--clay { background: rgba(214, 164, 125, .42); height: 650px; right: -300px; top: 1260px; width: 650px; }
.nox-about__orb--blue { background: rgba(184, 214, 215, .52); bottom: 800px; height: 720px; left: -300px; width: 720px; }

.nox-about__section { isolation: isolate; margin: 0; padding: clamp(72px, 8vw, 116px) 0; position: relative; z-index: 1; }
.nox-about__section--tint { background: linear-gradient(115deg, rgba(221, 231, 211, .44), rgba(255, 255, 255, .18) 50%, rgba(234, 223, 200, .36)); border-bottom: 1px solid rgba(255, 255, 255, .5); border-top: 1px solid rgba(255, 255, 255, .58); }
.nox-about__section--soft-blue { background: linear-gradient(180deg, rgba(184, 214, 215, .18), rgba(234, 223, 200, .22)); }
.nox-about__section--guides { background: linear-gradient(145deg, rgba(219, 229, 207, .38), rgba(255, 255, 255, .16) 52%, rgba(184, 214, 215, .27)); }
.nox-about__shell { margin-left: auto; margin-right: auto; max-width: 1360px; padding-left: clamp(20px, 4vw, 48px); padding-right: clamp(20px, 4vw, 48px); position: relative; width: 100%; z-index: 2; }
.nox-about__heading { margin-bottom: clamp(34px, 5vw, 56px); max-width: 860px; }
.nox-about__heading > p:last-child { margin-bottom: 0; }
.nox-about__heading--center { margin-left: auto; margin-right: auto; text-align: center; }
.nox-about__kicker { color: var(--nox-about-green-dark) !important; font-size: .78rem; font-weight: 800; letter-spacing: .16em; margin-bottom: 14px; text-transform: uppercase; }
.nox-about__panel { background: var(--nox-about-glass); border: 1px solid rgba(255, 255, 255, .68); border-radius: 26px; box-shadow: var(--nox-about-shadow); }

.nox-about__button { align-items: center; border: 1px solid transparent; border-radius: 999px; display: inline-flex; font-size: .96rem; font-weight: 750; gap: 9px; justify-content: center; line-height: 1.2; min-height: 50px; padding: 14px 23px; transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, color 180ms ease, transform 180ms ease; }
.nox-about__button--primary { background: var(--nox-about-green-dark); box-shadow: 0 12px 28px rgba(50, 72, 51, .2); color: #fff; }
.nox-about__button--primary:hover { background: #31482d; box-shadow: 0 16px 34px rgba(50, 72, 51, .25); color: #fff; transform: translateY(-2px); }
.nox-about__button--secondary { background: rgba(255, 255, 255, .64); border-color: rgba(82, 107, 69, .34); color: var(--nox-about-green-dark); }
.nox-about__button--secondary:hover { background: rgba(255, 255, 255, .88); border-color: var(--nox-about-green); color: var(--nox-about-green-dark); transform: translateY(-2px); }
.nox-about__button-icon { height: 18px; width: 18px; }
.nox-about__icon-box { align-items: center; background: rgba(255, 255, 255, .63); border: 1px solid rgba(255, 255, 255, .76); border-radius: 18px; box-shadow: 0 10px 25px rgba(63, 80, 66, .08); color: var(--nox-about-green); display: inline-flex; flex: 0 0 auto; height: 56px; justify-content: center; width: 56px; }
.nox-about__icon-box svg { height: 26px; width: 26px; }

.nox-about__hero { min-height: 690px; padding-top: clamp(68px, 7vw, 100px); }
.nox-about__hero::before { background: radial-gradient(circle at 72% 22%, rgba(184, 214, 215, .24), transparent 32%), radial-gradient(circle at 15% 70%, rgba(214, 164, 125, .14), transparent 35%); content: ""; inset: 0; pointer-events: none; position: absolute; }
.nox-about__hero-grid { align-items: center; display: grid; gap: clamp(42px, 6vw, 82px); grid-template-columns: minmax(0, .92fr) minmax(480px, 1.08fr); }
.nox-about__hero-copy { position: relative; z-index: 2; }
.nox-about__hero-copy .nox-about__lead { font-size: clamp(1.08rem, 1.55vw, 1.25rem); font-weight: 620; line-height: 1.55; }
.nox-about__hero-copy > p:not(.nox-about__kicker):not(.nox-about__trust-line) { max-width: 690px; }
.nox-about__trust-line { align-items: center; color: var(--nox-about-green-dark) !important; display: flex; gap: 10px; margin: 27px 0 22px; }
.nox-about__trust-line svg { flex: 0 0 auto; height: 24px; width: 24px; }
.nox-about__hero-art { margin: 0; min-width: 0; position: relative; }
.nox-about__hero-art::before { background: rgba(184, 214, 215, .28); border-radius: 46% 54% 61% 39%; content: ""; filter: blur(30px); inset: 12% -5% -8% 9%; position: absolute; transform: rotate(7deg); }
.nox-about__hero-frame { background: linear-gradient(145deg, rgba(255, 255, 255, .78), rgba(255, 255, 255, .4)); border: 1px solid rgba(255, 255, 255, .82); border-radius: 30px; box-shadow: 0 35px 85px rgba(43, 59, 47, .15), 0 8px 24px rgba(92, 71, 52, .07), inset 0 1px rgba(255, 255, 255, .95); padding: clamp(10px, 1.4vw, 18px); position: relative; transform: rotate(1.1deg); }
.nox-about__hero-frame::after { border: 1px solid rgba(82, 107, 69, .16); border-radius: 22px; content: ""; inset: clamp(10px, 1.4vw, 18px); pointer-events: none; position: absolute; }
.nox-about__hero-frame img { aspect-ratio: 1700 / 953; border-radius: 21px; display: block; height: auto; object-fit: contain; width: 100%; }

.nox-about__comparison { display: grid; gap: 26px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.nox-about__comparison-card { min-height: 310px; padding: clamp(28px, 4vw, 44px); position: relative; }
.nox-about__comparison-card::before { border-radius: inherit; content: ""; inset: 0; opacity: .55; pointer-events: none; position: absolute; }
.nox-about__comparison-card--traditional::before { background: linear-gradient(145deg, rgba(214, 164, 125, .15), transparent 55%); }
.nox-about__comparison-card--planning::before { background: linear-gradient(145deg, rgba(174, 191, 156, .25), transparent 58%); }
.nox-about__comparison-card > * { position: relative; z-index: 1; }
.nox-about__comparison-card h3 { margin-top: 22px; }
.nox-about__comparison-card ul,
.nox-about__scope-panel ul { list-style: none; margin: 20px 0 0; padding: 0; }
.nox-about__comparison-card li,
.nox-about__scope-panel li { color: var(--nox-about-ink-soft); padding: 7px 0 7px 27px; position: relative; }
.nox-about__comparison-card li::before,
.nox-about__scope-panel li::before { background: var(--nox-about-clay); border-radius: 50%; content: ""; height: 8px; left: 2px; position: absolute; top: 17px; width: 8px; }
.nox-about__comparison-card--planning li::before,
.nox-about__scope-panel > div:first-child li::before { background: var(--nox-about-green); }
.nox-about__closing-line { color: var(--nox-about-ink) !important; font-size: clamp(1.2rem, 2vw, 1.55rem); font-weight: 720; margin: 42px auto 0; max-width: 780px; text-align: center; }

.nox-about__steps { display: grid; gap: 24px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 12px; position: relative; }
.nox-about__steps::before { border-top: 1px dashed rgba(82, 107, 69, .42); content: ""; left: 15%; position: absolute; right: 15%; top: 50px; }
.nox-about__step { min-height: 300px; padding: 20px clamp(20px, 3vw, 34px) 30px; position: relative; text-align: center; }
.nox-about__step .nox-about__icon-box { height: 72px; margin: 0 auto 25px; position: relative; width: 72px; }
.nox-about__step .nox-about__icon-box svg { height: 32px; width: 32px; }
.nox-about__step-number { align-items: center; background: var(--nox-about-clay); border: 3px solid var(--nox-about-cream); border-radius: 50%; color: #fff; display: flex; font-size: .76rem; font-weight: 800; height: 30px; justify-content: center; left: calc(50% + 22px); position: absolute; top: 8px; width: 30px; z-index: 2; }
.nox-about__step p { margin-bottom: 0; }
.nox-about__center-action { margin-top: 34px; text-align: center; }

.nox-about__value-grid { display: grid; gap: 22px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.nox-about__value-card { align-items: flex-start; display: flex; gap: 20px; min-height: 190px; padding: 30px; }
.nox-about__value-card p { margin-bottom: 0; }

.nox-about__method-grid { align-items: center; display: grid; gap: clamp(42px, 7vw, 90px); grid-template-columns: minmax(0, 1.05fr) minmax(390px, .75fr); }
.nox-about__method-copy > p:not(.nox-about__kicker) { max-width: 760px; }
.nox-about__note { background: rgba(234, 223, 200, .44); border-left: 4px solid var(--nox-about-clay); border-radius: 0 18px 18px 0; font-size: .94rem; margin: 28px 0 0; padding: 20px 22px; }
.nox-about__logic-panel { background: linear-gradient(145deg, rgba(255, 255, 255, .72), rgba(219, 229, 207, .42)); border: 1px solid rgba(255, 255, 255, .78); border-radius: 32px; box-shadow: var(--nox-about-shadow); padding: 34px; }
.nox-about__logic-panel > div { align-items: center; background: rgba(255, 255, 255, .62); border: 1px solid rgba(255, 255, 255, .72); border-radius: 18px; display: grid; gap: 2px 14px; grid-template-columns: 48px 1fr; padding: 17px; }
.nox-about__logic-panel > div > span { align-items: center; color: var(--nox-about-green); display: flex; grid-row: span 2; justify-content: center; }
.nox-about__logic-panel strong { color: var(--nox-about-ink); }
.nox-about__logic-panel small { color: var(--nox-about-muted); }
.nox-about__logic-panel > i { border-left: 1px dashed rgba(82, 107, 69, .42); display: block; height: 24px; margin-left: 40px; }
.nox-about__logic-panel .nox-about__logic-result { background: rgba(82, 107, 69, .91); border-color: rgba(255, 255, 255, .32); }
.nox-about__logic-result :where(strong, small),
.nox-about__logic-result > span { color: #fff !important; }

.nox-about__scope-panel { background: var(--nox-about-glass-strong); border: 1px solid rgba(255, 255, 255, .74); border-radius: 30px; box-shadow: var(--nox-about-shadow); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: clamp(28px, 5vw, 54px); }
.nox-about__scope-panel > div { padding-right: clamp(20px, 5vw, 62px); }
.nox-about__scope-panel > div + div { border-left: 1px solid rgba(82, 107, 69, .16); padding-left: clamp(20px, 5vw, 62px); padding-right: 0; }
.nox-about__scope-panel h3 { align-items: center; display: flex; gap: 11px; }
.nox-about__scope-panel h3 svg { color: var(--nox-about-green); height: 28px; width: 28px; }
.nox-about__scope-panel .nox-about__scope-not h3 svg { color: #a26f48; }

.nox-about__principles { display: grid; gap: 16px; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.nox-about__principles article { background: rgba(255, 255, 255, .54); border: 1px solid rgba(255, 255, 255, .72); border-radius: 22px; box-shadow: 0 18px 45px rgba(45, 60, 48, .08); min-height: 285px; padding: 25px 21px; position: relative; }
.nox-about__principles article::before { background: var(--nox-about-green); border-radius: 22px 22px 0 0; content: ""; height: 4px; left: 0; position: absolute; right: 0; top: 0; }
.nox-about__principles article:nth-child(2)::before { background: var(--nox-about-clay); }
.nox-about__principles article:nth-child(3)::before { background: var(--nox-about-blue); }
.nox-about__principles article:nth-child(4)::before { background: var(--nox-about-beige); }
.nox-about__principles article:nth-child(5)::before { background: #8d9a87; }
.nox-about__principles article > span { color: var(--nox-about-muted); display: block; font-size: .72rem; font-weight: 800; letter-spacing: .13em; margin-bottom: 16px; }
.nox-about__principles .nox-about__icon-box { height: 46px; margin-bottom: 18px; width: 46px; }
.nox-about__principles .nox-about__icon-box svg { height: 22px; width: 22px; }
.nox-about__principles p { font-size: .93rem; margin-bottom: 0; }

.nox-about__knowledge-grid { align-items: center; display: grid; gap: clamp(42px, 7vw, 90px); grid-template-columns: minmax(0, 1fr) minmax(360px, .85fr); }
.nox-about__knowledge-grid > div:first-child p { max-width: 740px; }
.nox-about__knowledge-grid .nox-about__button { margin-top: 14px; }
.nox-about__knowledge-visual { min-height: 360px; position: relative; }
.nox-about__book-stack { background: rgba(255, 255, 255, .7); border: 1px solid rgba(255, 255, 255, .78); border-radius: 28px; box-shadow: var(--nox-about-shadow); display: flex; flex-direction: column; inset: 24px 44px 68px 16px; justify-content: center; padding: 40px; position: absolute; transform: rotate(-2deg); }
.nox-about__book-stack > span { color: var(--nox-about-green); margin-bottom: 18px; }
.nox-about__book-stack svg { height: 38px; width: 38px; }
.nox-about__book-stack strong { color: var(--nox-about-ink); font-size: 1.3rem; }
.nox-about__book-stack small { color: var(--nox-about-muted); margin-top: 7px; }
.nox-about__topic-cloud { bottom: 0; display: flex; flex-wrap: wrap; gap: 9px; justify-content: flex-end; position: absolute; right: 0; width: 78%; }
.nox-about__topic-cloud span { background: rgba(234, 223, 200, .9); border: 1px solid rgba(255, 255, 255, .68); border-radius: 999px; color: var(--nox-about-green-dark); font-size: .78rem; font-weight: 750; padding: 8px 13px; }

.nox-about__affiliate { padding-bottom: clamp(74px, 7vw, 100px); padding-top: clamp(74px, 7vw, 100px); }
.nox-about__affiliate-panel { align-items: flex-start; display: grid; gap: 28px; grid-template-columns: 68px 1fr; padding: clamp(30px, 5vw, 58px); }
.nox-about__affiliate-panel .nox-about__icon-box { height: 68px; width: 68px; }
.nox-about__affiliate-panel p { max-width: 980px; }
.nox-about__disclosure { color: var(--nox-about-ink) !important; font-weight: 750; margin-bottom: 0; }

.nox-about__final { background: linear-gradient(142deg, #3f5945 0%, #55725a 48%, #48645f 100%); border-top: 1px solid rgba(255, 255, 255, .28); box-shadow: inset 0 24px 70px rgba(222, 231, 211, .08); overflow: hidden; }
.nox-about__final::before { background: radial-gradient(circle at 12% 86%, rgba(184, 214, 215, .3) 0, rgba(184, 214, 215, .12) 25%, transparent 49%), radial-gradient(circle at 88% 8%, rgba(214, 164, 125, .22) 0, rgba(214, 164, 125, .09) 27%, transparent 51%), radial-gradient(circle at 58% 36%, rgba(221, 231, 211, .2) 0, transparent 43%); content: ""; inset: 0; pointer-events: none; position: absolute; }
.nox-about__final::after { background: linear-gradient(145deg, rgba(255, 255, 255, .11), rgba(221, 231, 211, .035)); border: 1px solid rgba(255, 255, 255, .14); border-radius: 48% 52% 58% 42% / 55% 42% 58% 45%; content: ""; height: 260px; pointer-events: none; position: absolute; right: -76px; top: 48px; transform: rotate(-12deg); width: 400px; }
.nox-about__final-inner { min-height: 430px; }
.nox-about__final-inner::before { background: linear-gradient(120deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .025)); border: 1px solid rgba(255, 255, 255, .11); border-radius: 44px; box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 30px 90px rgba(24, 42, 34, .08); content: ""; height: 290px; left: 50%; max-width: 930px; pointer-events: none; position: absolute; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 96px); }
.nox-about__final-inner > div { margin-left: auto; margin-right: auto; max-width: 850px; position: relative; text-align: center; z-index: 2; }
.nox-about .nox-about__final :where(h2, p) { color: #fff; }
.nox-about__final .nox-about__kicker { color: rgba(255, 255, 255, .76) !important; }
.nox-about__final-inner > div > p:not(.nox-about__kicker):not(.nox-about__reassurance) { font-size: 1.1rem; margin: 0 auto 26px; max-width: 690px; }
.nox-about__final .nox-about__reassurance { color: rgba(255, 255, 255, .76) !important; margin: 18px 0 0; }
.nox-about__final a.nox-about__button--primary { background: #fff; box-shadow: 0 16px 34px rgba(20, 35, 28, .22); color: var(--nox-about-green-dark); }
.nox-about__final a.nox-about__button--primary:hover { background: var(--nox-about-beige); color: var(--nox-about-green-dark); }

@supports ((-webkit-backdrop-filter: blur(18px)) or (backdrop-filter: blur(18px))) {
	.nox-about__panel,
	.nox-about__logic-panel,
	.nox-about__scope-panel,
	.nox-about__hero-frame { -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
}

@media (hover: hover) and (pointer: fine) {
	.nox-about__value-card,
	.nox-about__principles article,
	.nox-about__comparison-card { transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; }
	.nox-about__value-card:hover,
	.nox-about__principles article:hover,
	.nox-about__comparison-card:hover { border-color: rgba(255, 255, 255, .92); box-shadow: 0 30px 72px rgba(45, 60, 48, .14); transform: translateY(-3px); }
}

@media (max-width: 1179px) {
	.nox-about__hero-grid { gap: 44px; grid-template-columns: minmax(0, 1fr) minmax(420px, .95fr); }
	.nox-about__principles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.nox-about__principles article:nth-child(4),
	.nox-about__principles article:nth-child(5) { min-height: 245px; }
}

@media (max-width: 959px) {
	.nox-about__hero { min-height: 0; }
	.nox-about__hero-grid,
	.nox-about__method-grid,
	.nox-about__knowledge-grid { grid-template-columns: 1fr; }
	.nox-about__hero-copy { max-width: 800px; }
	.nox-about__hero-art { justify-self: center; max-width: 780px; width: 100%; }
	.nox-about__steps { grid-template-columns: 1fr; }
	.nox-about__steps::before { border-left: 1px dashed rgba(82, 107, 69, .42); border-top: 0; bottom: 10%; left: 54px; right: auto; top: 7%; }
	.nox-about__step { min-height: 0; padding: 28px 24px 28px 112px; text-align: left; }
	.nox-about__step .nox-about__icon-box { left: 18px; margin: 0; position: absolute; top: 24px; }
	.nox-about__step-number { left: 69px; top: 18px; }
	.nox-about__logic-panel { max-width: 680px; width: 100%; }
	.nox-about__knowledge-visual { max-width: 680px; width: 100%; }
	.nox-about__principles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 699px) {
	.nox-about h1 { font-size: clamp(2.35rem, 11vw, 3.15rem); }
	.nox-about h2 { font-size: clamp(1.85rem, 8vw, 2.45rem); }
	.nox-about__section { padding: 68px 0; }
	.nox-about__hero { padding-top: 48px; }
	.nox-about__hero-grid { gap: 38px; }
	.nox-about__hero-frame { border-radius: 22px; padding: 8px; transform: none; }
	.nox-about__hero-frame::after { border-radius: 16px; inset: 8px; }
	.nox-about__hero-frame img { border-radius: 15px; }
	.nox-about__button { width: 100%; }
	.nox-about__comparison,
	.nox-about__value-grid,
	.nox-about__scope-panel,
	.nox-about__principles { grid-template-columns: 1fr; }
	.nox-about__comparison-card { min-height: 0; }
	.nox-about__value-card { min-height: 0; padding: 25px; }
	.nox-about__scope-panel > div { padding: 0; }
	.nox-about__scope-panel > div + div { border-left: 0; border-top: 1px solid rgba(82, 107, 69, .16); margin-top: 28px; padding: 28px 0 0; }
	.nox-about__principles article,
	.nox-about__principles article:nth-child(4),
	.nox-about__principles article:nth-child(5) { min-height: 0; }
	.nox-about__logic-panel { border-radius: 24px; padding: 20px; }
	.nox-about__logic-panel > div { grid-template-columns: 40px 1fr; padding: 14px; }
	.nox-about__logic-panel > i { margin-left: 34px; }
	.nox-about__knowledge-visual { min-height: 330px; }
	.nox-about__book-stack { inset: 12px 12px 72px; padding: 30px; }
	.nox-about__topic-cloud { width: 92%; }
	.nox-about__affiliate-panel { grid-template-columns: 1fr; }
	.nox-about__affiliate-panel .nox-about__icon-box { height: 58px; width: 58px; }
	.nox-about__final::after { height: 180px; right: -96px; top: 42px; width: 270px; }
	.nox-about__final-inner::before { border-radius: 30px; height: 330px; width: calc(100% - 40px); }
}

@media (max-width: 389px) {
	.nox-about__value-card { display: block; }
	.nox-about__value-card .nox-about__icon-box { margin-bottom: 18px; }
	.nox-about__step { padding-left: 96px; }
	.nox-about__step .nox-about__icon-box { height: 62px; width: 62px; }
	.nox-about__step-number { left: 58px; }
	.nox-about__book-stack { padding: 24px; }
}

@media (prefers-reduced-motion: reduce) {
	.nox-about *,
	.nox-about *::before,
	.nox-about *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}