/* =========================================================================
   Nabota USA — main stylesheet
   Urbanist (display, geometric like the NABOTA wordmark) with Hanken Grotesk
   (text). Nabota blue, with the teal and green of the wordmark's dotted
   globe; the four carton colours mark the strengths. Rules, not cards.
   ========================================================================= */

/* Self-hosted variable fonts (latin + latin-ext), from Google Fonts under the SIL Open Font License. */
@font-face{font-family:"Urbanist";font-style:normal;font-weight:300 600;font-display:swap;src:url(../fonts/urbanist-latin.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:"Urbanist";font-style:normal;font-weight:300 600;font-display:swap;src:url(../fonts/urbanist-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/hanken-grotesk-latin.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:"Hanken Grotesk";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/hanken-grotesk-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}

:root{
	color-scheme:light;

	--white:#FFFFFF;
	--soft:#F2F6F9;
	--mint:#EEF6F4;
	--line:#D8E1EA;
	--rule:#0B2545;
	--ink:#0B2545;
	--text:#34445E;
	--muted:#5E6B80;
	--blue:#0058A0;       /* wordmark blue */
	--blue-dark:#00467F;
	--sky:#3D87D8;
	--teal:#167A6B;       /* globe teal, text-safe */
	--deep:#08284D;
	--on-deep:#C4D3E6;
	--on-deep-2:#93A9C4;

	--display:"Urbanist","Avenir Next","Century Gothic",Arial,sans-serif;
	--font:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;

	--wrap:1240px;
	--gutter:clamp(20px,4.5vw,48px);
	--section:clamp(4.5rem,3rem + 5vw,8rem);
	--header-h:66px;
}
@media (min-width:56.25rem){:root{--header-h:80px}}

/* Strengths: carton colour for marks; a darker shade wherever it carries text. */
.nb-s--50{--c:#C736B2;--ct:#A3288F}
.nb-s--100{--c:#6AD202;--ct:#3B7D10}
.nb-s--150{--c:#4883E8;--ct:#2F67D0}
.nb-s--200{--c:#FD673E;--ct:#C2461F}

/* ---- Base --------------------------------------------------------------- */

*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:calc(var(--header-h) + 24px);-webkit-text-size-adjust:100%;text-size-adjust:100%}
html.nb-menu-open{overflow:hidden}
body{
	margin:0;
	background:var(--white);
	color:var(--text);
	font-family:var(--font);
	font-size:clamp(1rem,.96rem + .18vw,1.0625rem);
	line-height:1.65;
	font-synthesis:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
img,svg,picture{display:block;max-width:100%}
img{height:auto}
p{margin:0}
h1,h2,h3{margin:0;color:var(--ink);font-weight:inherit}
ul,ol,dl,dd{margin:0;padding:0;list-style:none}
figure{margin:0}
a{color:var(--blue)}
button{font:inherit;color:inherit}
strong{font-weight:600;color:var(--ink)}

:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
:focus:not(:focus-visible){outline:none}
.nb-cta :focus-visible,.nb-footer :focus-visible{outline-color:#FFFFFF}

.wp-site-blocks > *,.nb-main > *{margin-block:0}

.nb-wrap{position:relative;width:100%;max-width:calc(var(--wrap) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.nb-vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.nb-nowrap{white-space:nowrap}
.nb-flow > * + *{margin-top:1.1em}
.nb-icon{width:20px;height:20px;flex:none}

/* ---- Type --------------------------------------------------------------- */

.nb-h2{
	font-family:var(--display);
	font-size:clamp(2rem,1.4rem + 1.8vw,3rem);
	font-weight:450;
	line-height:1.08;
	letter-spacing:-.02em;
	text-wrap:balance;
}
.nb-lede{color:var(--ink);font-size:clamp(1.1875rem,1.05rem + .45vw,1.375rem);line-height:1.5;text-wrap:pretty}
.nb-label{color:var(--muted);font-family:var(--font);font-size:.8125rem;font-weight:600;line-height:1.4;letter-spacing:.02em}
.nb-num{font-family:var(--display);font-weight:300;line-height:1;letter-spacing:-.035em;font-variant-numeric:lining-nums}
.nb-num small{margin-left:.04em;font-size:.42em;font-weight:500;letter-spacing:0}

.nb-head{max-width:44rem}
.nb-head > p{margin-top:18px;max-width:38rem}

.nb-link{color:var(--blue);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.28em;transition:color 150ms ease,text-decoration-thickness 150ms ease}
.nb-link:hover{color:var(--blue-dark);text-decoration-thickness:2px}

.nb-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:48px;
	padding:0 24px;
	border:1.5px solid var(--blue);
	border-radius:6px;
	background:var(--blue);
	color:#FFFFFF;
	font-family:var(--font);
	font-size:.96875rem;
	font-weight:600;
	line-height:1;
	text-decoration:none;
	white-space:nowrap;
	cursor:pointer;
	transition:background-color 150ms ease,border-color 150ms ease,color 150ms ease;
}
.nb-btn:hover{background:var(--blue-dark);border-color:var(--blue-dark);color:#FFFFFF}
.nb-btn--sm{min-height:40px;padding:0 18px;font-size:.9375rem}
.nb-btn--quiet{background:transparent;border-color:var(--line);color:var(--ink)}
.nb-btn--quiet:hover{background:transparent;border-color:var(--blue);color:var(--blue)}
.nb-btn--light{background:#FFFFFF;border-color:#FFFFFF;color:var(--blue)}
.nb-btn--light:hover{background:#E7F0FA;border-color:#E7F0FA;color:var(--blue-dark)}
.nb-btn--line{background:transparent;border-color:rgba(255,255,255,.6);color:#FFFFFF}
.nb-btn--line:hover{background:rgba(255,255,255,.1);border-color:#FFFFFF;color:#FFFFFF}
.nb-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}

/* ---- Header ------------------------------------------------------------- */

.nb-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid transparent;transition:border-color 200ms ease}
.admin-bar .nb-header{top:var(--wp-admin--admin-bar--height,0px)}
@media (max-width:600px){.admin-bar .nb-header{top:0}}
.nb-header.is-scrolled{border-bottom-color:var(--line)}
.nb-header__inner{display:flex;align-items:center;gap:12px;height:var(--header-h)}
.nb-skip{position:absolute;left:var(--gutter);top:8px;z-index:100;transform:translateY(-300%)}
.nb-skip:focus{transform:none}

.nb-brand{display:inline-flex;align-items:flex-end;gap:7px;margin-right:auto;text-decoration:none}
.nb-brand img{width:113px}
.nb-brand__usa{margin-bottom:-1px;color:var(--muted);font-family:var(--display);font-size:.75rem;font-weight:600;line-height:1;letter-spacing:.18em}
.nb-brand--light .nb-brand__usa{color:var(--on-deep-2)}

.nb-nav{display:none}
.nb-nav__list{display:flex;align-items:center;gap:30px}
.nb-nav__link{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0;border:0;background:none;color:var(--ink);font-family:var(--font);font-size:.9375rem;font-weight:500;text-decoration:none;cursor:pointer;transition:color 150ms ease}
.nb-nav__link:hover,.nb-nav__link[aria-current="page"],.nb-dropdown__toggle[aria-expanded="true"]{color:var(--blue)}
.nb-dropdown{position:relative}
.nb-dropdown__chev{width:16px;height:16px;transition:transform 200ms ease}
.nb-dropdown__toggle[aria-expanded="true"] .nb-dropdown__chev{transform:rotate(180deg)}
.nb-dropdown__panel{display:none;position:absolute;top:calc(100% + 14px);left:-22px;width:280px;padding:8px;background:#FFFFFF;border:1px solid var(--line);border-radius:10px;box-shadow:0 22px 44px -26px rgba(8,40,77,.4)}
.nb-dropdown:focus-within .nb-dropdown__panel{display:block} /* no-script fallback */
.nb-js .nb-dropdown:focus-within .nb-dropdown__panel{display:none}
.nb-js .nb-dropdown.is-open .nb-dropdown__panel,.nb-js.nb-no-reveal .nb-dropdown:focus-within .nb-dropdown__panel{display:block}
.nb-dropdown__panel a{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:6px;color:var(--ink);font-weight:600;line-height:1.3;text-decoration:none}
.nb-dropdown__panel a:hover{background:var(--soft)}
.nb-dropdown__panel a:focus-visible{outline-offset:-2px}
.nb-dropdown__dot{flex:none;width:10px;height:10px;margin-top:5px;border-radius:50%;background:var(--c)}
.nb-dropdown__note{display:block;margin-top:2px;color:var(--muted);font-size:.8125rem;font-weight:400}

.nb-header__buy{display:none}
@media (min-width:22.5rem){.nb-header__buy{display:inline-flex}}
.nb-menu-toggle{display:grid;place-items:center;width:44px;height:44px;margin-right:-10px;padding:0;border:0;background:none;color:var(--ink);cursor:pointer}
.nb-menu-toggle__bars,.nb-menu-toggle__bars::before,.nb-menu-toggle__bars::after{display:block;width:20px;height:1.5px;background:currentColor;transition:transform 200ms ease,background-color 200ms ease}
.nb-menu-toggle__bars{position:relative}
.nb-menu-toggle__bars::before,.nb-menu-toggle__bars::after{content:"";position:absolute;left:0}
.nb-menu-toggle__bars::before{top:-6px}
.nb-menu-toggle__bars::after{top:6px}
.nb-menu-toggle[aria-expanded="true"] .nb-menu-toggle__bars{background:transparent}
.nb-menu-toggle[aria-expanded="true"] .nb-menu-toggle__bars::before{transform:translateY(6px) rotate(45deg)}
.nb-menu-toggle[aria-expanded="true"] .nb-menu-toggle__bars::after{transform:translateY(-6px) rotate(-45deg)}

.nb-sheet{position:fixed;top:var(--header-h);right:0;bottom:0;left:0;z-index:49;overflow-y:auto;overscroll-behavior:contain;padding-block:24px 48px;background:#FFFFFF;border-top:1px solid var(--line)}
.nb-sheet[hidden]{display:none}
.nb-motion .nb-sheet:not([hidden]){animation:nb-fade 160ms ease-out}
.nb-sheet__products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;margin-top:10px}
.nb-sheet__products a{display:flex;align-items:center;gap:10px;min-height:52px;color:var(--ink);font-family:var(--display);font-size:1.25rem;font-weight:500;text-decoration:none}
.nb-sheet__products .nb-dropdown__dot{margin-top:0}
.nb-sheet__label{color:var(--muted);font-size:.8125rem;font-weight:600}
.nb-sheet__list{margin-top:20px;border-top:1px solid var(--line)}
.nb-sheet__list a{display:flex;align-items:center;min-height:58px;border-bottom:1px solid var(--line);color:var(--ink);font-family:var(--display);font-size:1.375rem;font-weight:500;text-decoration:none}

@media (min-width:56.25rem){
	.nb-header__inner{gap:36px}
	.nb-nav{display:block}
	.nb-menu-toggle,.nb-sheet{display:none!important}
}

/* ---- Sections ----------------------------------------------------------- */

.nb-section{padding-block:var(--section)}
.nb-section--soft{background:var(--soft)}
.nb-section--mint{background:var(--mint)}

/* ---- Hero --------------------------------------------------------------- */

.nb-hero{position:relative;overflow:hidden;padding-block:clamp(1.5rem,.5rem + 4vw,4.5rem) clamp(3.5rem,2rem + 4vw,6rem)}
.nb-hero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px 56px;align-items:center}
.nb-hero__art{order:-1;position:relative;overflow:hidden;width:100%;aspect-ratio:4 / 3;border-radius:24px;background:radial-gradient(120% 95% at 50% 28%,#FFFFFF 0%,#F4F7FA 55%,#E3EAF2 100%);box-shadow:inset 0 0 0 1px rgba(11,37,69,.05)}
@media (min-width:56.25rem){
	.nb-hero__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
	.nb-hero__art{order:0;max-width:680px;justify-self:end}
	.nb-hero__facts{grid-column:1 / -1}
}
/* Studio panel: the cartons stand on a soft floor shadow under even light. */
.nb-hero__art::before{content:"";position:absolute;left:6%;right:6%;bottom:17%;height:10%;border-radius:50%;background:radial-gradient(closest-side,rgba(8,40,77,.22),rgba(8,40,77,0))}
.nb-hero__cartons{position:absolute;left:4%;right:4%;bottom:20%;filter:drop-shadow(0 10px 10px rgba(8,40,77,.12))}
.nb-hero__cartons img{width:100%}
/* Labels sit under each carton's centre (16.8 / 39.3 / 61.2 / 82.9% of the photo). */
.nb-hero__caption{position:absolute;left:4%;right:4%;bottom:8%;height:1.2em;color:var(--muted);font-size:.8125rem;font-weight:600;letter-spacing:.02em}
.nb-hero__caption span{position:absolute;top:0;transform:translateX(-50%)}
.nb-hero__caption span:nth-child(1){left:16.8%}
.nb-hero__caption span:nth-child(2){left:39.3%}
.nb-hero__caption span:nth-child(3){left:61.2%}
.nb-hero__caption span:nth-child(4){left:82.9%}
.nb-hero__bar{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);height:5px}
.nb-hero__bar i{background:var(--c)}
@media (max-width:37.49rem){.nb-hero__caption{font-size:.75rem}}

.nb-hero__name{color:var(--blue);font-family:var(--display);font-size:1.3125rem;font-weight:600;line-height:1.2;letter-spacing:.005em}
.nb-hero__title{
	margin-top:14px;
	max-width:17ch;
	color:var(--ink);
	font-family:var(--display);
	font-size:clamp(2.25rem,1.45rem + 2.3vw,3.25rem);
	font-weight:400;
	line-height:1.05;
	letter-spacing:-.026em;
	text-wrap:balance;
}
.nb-hero__sub{margin-top:18px;max-width:30rem;color:var(--blue);font-family:var(--display);font-size:clamp(1.125rem,1rem + .4vw,1.3125rem);font-weight:500;line-height:1.35}
.nb-hero .nb-actions{margin-top:clamp(28px,3vw,40px);column-gap:12px}
@media (min-width:56.25rem) and (max-width:74.99rem){.nb-hero__grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}}
.nb-hero__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-top:clamp(16px,3vw,40px)}
.nb-hero__facts li{padding:14px 0 4px;border-top:1px solid var(--line);color:var(--muted);font-size:.875rem;line-height:1.4}
.nb-hero__facts strong{display:block;margin-bottom:2px;color:var(--ink);font-family:var(--display);font-size:1.5rem;font-weight:500;letter-spacing:-.015em}
@media (min-width:56.25rem){.nb-hero__facts{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:32px}.nb-hero__facts li{padding-top:18px}}

/* ---- Dose selector ------------------------------------------------------ */

.nb-dose{background:var(--deep);color:var(--on-deep)}
.nb-dose .nb-h2{color:#FFFFFF}
.nb-dose__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:center}
@media (min-width:56.25rem){.nb-dose__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,6vw,96px)}}

/* Product studio panel (dose selector and product pages): the packshot on a softly lit
   backdrop with a floor shadow; the strength colour is a thin bar along the bottom. */
.nb-studio{position:relative;overflow:hidden;width:100%;aspect-ratio:1;border-radius:20px;background:radial-gradient(115% 90% at 50% 30%,#FFFFFF 0%,#F4F7FA 58%,#E5EBF2 100%)}
.nb-studio::before{content:"";position:absolute;left:20%;right:20%;bottom:15%;height:7%;border-radius:50%;background:radial-gradient(closest-side,rgba(8,40,77,.2),rgba(8,40,77,0))}
.nb-studio::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--c);transition:background-color 400ms ease}
.nb-studio picture{position:absolute;inset:8% 10% 16%}
.nb-studio img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.nb-studio__tag{position:absolute;left:22px;bottom:20px;color:var(--muted);font-size:.8125rem;font-weight:600;letter-spacing:.01em}

.nb-dose__stage{width:min(100%,520px);margin-inline:auto;box-shadow:0 40px 80px -40px rgba(0,0,0,.55)}
.nb-dose__pack{position:absolute;inset:0;opacity:0;transition:opacity 420ms ease}
.nb-dose__pack picture{transform:scale(.96);transition:transform 520ms cubic-bezier(.2,.7,.2,1)}
.nb-dose__pack.is-active{opacity:1}
.nb-dose__pack.is-active picture{transform:none}

.nb-dose__intro{margin-top:16px;max-width:30rem}
.nb-dose__control{display:none;margin-top:36px}
.nb-js .nb-dose__control{display:block}
.nb-dose__label{display:block;color:var(--on-deep-2);font-size:.8125rem;font-weight:600}
.nb-dose__range{-webkit-appearance:none;appearance:none;display:block;width:100%;height:30px;margin:8px 0 0;background:transparent;cursor:pointer}
.nb-dose__range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--c) 0 var(--p),rgba(255,255,255,.2) var(--p) 100%)}
.nb-dose__range::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-10px;border:6px solid var(--c);border-radius:50%;background:#FFFFFF;box-shadow:0 4px 12px rgba(0,0,0,.35);transition:border-color 300ms ease}
.nb-dose__range::-moz-range-track{height:4px;border-radius:2px;background:rgba(255,255,255,.2)}
.nb-dose__range::-moz-range-progress{height:4px;border-radius:2px;background:var(--c)}
.nb-dose__range::-moz-range-thumb{width:12px;height:12px;border:6px solid var(--c);border-radius:50%;background:#FFFFFF}
.nb-dose__range:focus-visible{outline:none}
.nb-dose__range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--deep),0 0 0 5px #FFFFFF}
.nb-dose__range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--deep),0 0 0 5px #FFFFFF}
.nb-dose__scale{position:relative;height:30px;margin:2px 12px 0}
.nb-dose__tick{position:absolute;top:0;left:var(--t);width:1px;height:5px;background:rgba(255,255,255,.28)}
.nb-dose__tick.is-major{height:9px;background:rgba(255,255,255,.6)}
.nb-dose__tick b{position:absolute;top:13px;left:50%;transform:translateX(-50%);color:var(--on-deep-2);font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums}
.nb-dose__picks{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.nb-dose__pick{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:transparent;color:#FFFFFF;font-family:var(--font);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease}
.nb-dose__pick:hover{border-color:rgba(255,255,255,.6)}
.nb-dose__pick[aria-pressed="true"]{background:#FFFFFF;border-color:#FFFFFF;color:var(--deep)}
.nb-dose__dot{width:9px;height:9px;border-radius:50%;background:var(--c)}

.nb-dose__panels{margin-top:40px}
.nb-dose__panel + .nb-dose__panel{margin-top:40px;padding-top:40px;border-top:1px solid rgba(255,255,255,.14)}
.nb-js .nb-dose__panel:not(.is-active){display:none}
.nb-js .nb-dose__panel + .nb-dose__panel{margin-top:0;padding-top:0;border-top:0}
.nb-dose__name{display:flex;align-items:baseline;gap:14px;color:#FFFFFF}
.nb-dose__brand{font-family:var(--display);font-size:1.375rem;font-weight:500;color:var(--on-deep)}
.nb-dose__name .nb-num{font-size:clamp(3.5rem,2.6rem + 3vw,5.25rem)}
.nb-dose__name .nb-num small{color:var(--c)}
.nb-dose__desc{margin-top:14px;max-width:32rem}
.nb-dose__keyh{margin-top:24px;color:var(--on-deep-2);font-size:.8125rem;font-weight:600;letter-spacing:.02em}
.nb-dose__key{max-width:32rem;margin-top:8px;border-top:1px solid rgba(255,255,255,.35)}
.nb-dose__key li{position:relative;padding:10px 0 10px 26px;border-bottom:1px solid rgba(255,255,255,.12);color:#FFFFFF;font-size:.9375rem;line-height:1.45}
.nb-dose__key li::before{content:"";position:absolute;left:2px;top:16px;width:11px;height:6px;border-left:2px solid var(--c);border-bottom:2px solid var(--c);transform:rotate(-45deg)}
.nb-dose__spec{margin-top:24px;max-width:32rem;border-top:1px solid rgba(255,255,255,.35)}
.nb-dose__spec > div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:.9375rem;line-height:1.45}
.nb-dose__spec dt{color:var(--on-deep-2)}
.nb-dose__spec dd{color:#FFFFFF}
.nb-dose .nb-actions{margin-top:28px}
.nb-link--light{color:#FFFFFF}
.nb-link--light:hover{color:#DCE8F5}
.nb-dose :focus-visible{outline-color:#FFFFFF}

/* ---- What is Nabota? ---------------------------------------------------- */

.nb-world__top{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
@media (min-width:56.25rem){.nb-world__top{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px)}}
.nb-world__photo{margin-top:28px;max-width:460px}
.nb-world__caveat{margin-top:clamp(40px,5vw,64px);max-width:46rem}
.nb-world__photo img{width:100%;border-radius:16px;background:#FFFFFF}
.nb-world__photo figcaption{margin-top:12px;color:var(--ink);font-family:var(--display);font-size:1.0625rem;font-weight:500;line-height:1.35}
/* ---- Purity ------------------------------------------------------------- */

.nb-chart__value{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.nb-chart__value .nb-num{color:var(--blue);font-size:clamp(3.5rem,2.6rem + 3vw,5.25rem)}
.nb-chart__value span:last-child{color:var(--ink);font-family:var(--display);font-size:1.25rem;font-weight:500}
.nb-chart figcaption{margin-top:52px;color:var(--muted);font-size:.8125rem;line-height:1.55;max-width:40rem}

.nb-plot{position:relative;margin-top:44px;padding-left:44px;aspect-ratio:16 / 10}
.nb-plot__ytitle{position:absolute;top:-26px;left:0;color:var(--muted);font-size:.75rem;line-height:1.2;white-space:nowrap}
.nb-plot__area{position:absolute;inset:0 0 0 44px;border-left:1px solid #8A99AD;border-bottom:1px solid #8A99AD}
.nb-plot__clip{position:absolute;inset:0;overflow:hidden}
.nb-plot__data{position:absolute;top:0;height:100%;overflow:visible}
.nb-plot__data--peak{left:0;width:40%}
.nb-plot__data--tail{left:40%;width:60%}
.nb-trace{fill:none;stroke:var(--ink);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.nb-peak-area{fill:var(--blue)}
.nb-window{position:absolute;top:0;bottom:0;left:calc(7.7 / 30 * 100%);width:calc(3.1 / 30 * 100%);background:rgba(0,88,160,.08)}
.nb-ytick{position:absolute;left:0;right:0;top:var(--y);height:1px;background:rgba(11,37,69,.08)}
.nb-ytick b{position:absolute;right:calc(100% + 8px);top:0;transform:translateY(-50%);color:var(--muted);font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums;line-height:1}
.nb-xlab{position:absolute;top:calc(100% + 10px);left:calc(var(--t) / 30 * 100%);transform:translateX(-50%);color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums;line-height:1.2}
.nb-plot__xtitle{position:absolute;right:0;top:calc(100% + 30px);color:var(--muted);font-size:.75rem;line-height:1.2}
.nb-callout{position:absolute;top:6%;left:calc(10.8 / 30 * 100% + 12px);max-width:40%;color:var(--blue);font-size:.8125rem;font-weight:600;line-height:1.35}
@media (max-width:37.49rem){.nb-plot{aspect-ratio:4 / 3;padding-left:40px}.nb-plot__area{inset:0 0 0 40px}}

.nb-process{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:clamp(56px,6vw,96px)}
.nb-process li{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;padding:0 0 22px}
.nb-process li::before{content:"";position:absolute;left:11px;top:24px;bottom:0;width:1px;background:rgba(0,88,160,.3)}
.nb-process li:last-child::before{display:none}
.nb-process__n{grid-row:span 2;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--blue);color:#FFFFFF;font-size:.75rem;font-weight:700}
.nb-process strong{font-family:var(--display);font-size:1.25rem;font-weight:500;line-height:1.2}
.nb-process li > span:not(.nb-process__n){grid-column:2;margin-top:4px;color:var(--text);font-size:.875rem;line-height:1.45}
@media (min-width:56.25rem){
	.nb-process{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:24px}
	.nb-process li{display:flex;flex-direction:column;gap:6px;padding:0}
	.nb-process li::before{left:32px;right:-24px;top:11px;bottom:auto;width:auto;height:1px}
	.nb-process__n{margin-bottom:10px}
}

/* ---- Evidence ----------------------------------------------------------- */

.nb-evidence__row{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;margin-top:clamp(40px,5vw,64px);padding-top:clamp(32px,4vw,48px);border-top:1px solid var(--rule)}
.nb-evidence__text > * + *{margin-top:14px}
.nb-evidence__text p{max-width:34rem}
@media (min-width:56.25rem){
	.nb-evidence__row{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px)}
	.nb-evidence__text{position:sticky;top:calc(var(--header-h) + 32px);align-self:start}
}
.nb-finding{display:flex;flex-direction:column}
.nb-finding__figure{display:flex;align-items:baseline;gap:12px;color:var(--ink);font-family:var(--display);font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);font-weight:450}
.nb-finding__figure .nb-num{color:var(--blue);font-size:clamp(4rem,3rem + 3.4vw,5.75rem)}
.nb-finding__h{margin-top:10px;padding-bottom:18px;border-bottom:1px solid var(--rule);font-size:1.0625rem;font-weight:600;line-height:1.4}
.nb-finding__note{margin-top:20px;color:var(--muted);font-size:.8125rem;line-height:1.55}
.nb-finding__notes{margin-top:28px;border-top:1px solid var(--line)}
.nb-finding__notes > div{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.8125rem;line-height:1.5}
.nb-finding__notes dt{color:var(--ink);font-weight:600}
.nb-finding__notes dd{color:var(--muted)}
@media (min-width:37.5rem){.nb-finding__notes > div{grid-template-columns:150px minmax(0,1fr);gap:16px}}

/* Column chart, 0–100% */
.nb-cols{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,2vw,22px);height:clamp(220px,24vw,280px);margin:48px 0 0 32px;border-bottom:1px solid #8A99AD}
.nb-cols__tick{position:absolute;left:0;right:0;bottom:calc(var(--t) * 1%);height:1px;background:rgba(11,37,69,.08)}
.nb-cols__tick b{position:absolute;right:calc(100% + 8px);top:0;transform:translateY(-50%);color:var(--muted);font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums;line-height:1}
.nb-cols__col{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.nb-cols__bar{position:relative;display:flex;justify-content:center;align-items:flex-end;height:calc(var(--v) * 1%);border-radius:6px 6px 0 0;background:#A9C2DC;transform-origin:bottom}
.nb-cols__col.is-key .nb-cols__bar{background:var(--blue)}
.nb-cols__val{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);color:var(--ink);font-family:var(--display);font-size:clamp(.875rem,.8rem + .3vw,1.0625rem);font-weight:500;white-space:nowrap}
.nb-cols__col.is-key .nb-cols__val{color:var(--blue);font-weight:600}
.nb-cols__n{margin-bottom:10px;color:#FFFFFF;font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}
.nb-cols__day{position:absolute;top:calc(100% + 10px);left:0;right:0;color:var(--muted);font-size:.8125rem;text-align:center;white-space:nowrap}
.nb-cols__col.is-key .nb-cols__day{color:var(--blue);font-weight:600}
.nb-cols__axis{margin:44px 0 0 32px;color:var(--muted);font-size:.75rem}

.nb-stack{display:flex;gap:2px;height:12px;margin-top:22px;border-radius:6px;overflow:hidden}
.nb-stack__seg{flex:var(--n) 1 0;transform-origin:left}
.nb-stack__seg--1,.nb-key--1{background:var(--blue)}
.nb-stack__seg--2,.nb-key--2{background:var(--sky)}
.nb-stack__seg--3,.nb-key--3{background:#9DC3EA}
.nb-stack__seg--4,.nb-key--4{background:#30A090}
.nb-studies{width:100%;margin-top:16px;border-collapse:collapse;font-size:.875rem}
.nb-studies th,.nb-studies td{padding:10px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.4}
.nb-studies thead th{padding-top:0;color:var(--muted);font-size:.75rem;font-weight:600}
.nb-studies tbody th{position:relative;padding-left:20px;color:var(--ink);font-weight:500}
.nb-studies__dose{display:block;color:var(--muted);font-weight:400}
.nb-studies__n{width:72px;text-align:right!important;font-variant-numeric:tabular-nums;color:var(--ink)}
.nb-studies tfoot th,.nb-studies tfoot td{border-bottom:0;font-weight:600;color:var(--ink)}
.nb-key{position:absolute;left:0;top:14px;width:10px;height:10px;border-radius:50%}
.nb-abdose{margin-top:28px;padding:clamp(18px,2.5vw,26px);border-radius:14px;background:var(--soft)}
.nb-abdose__h{color:var(--ink);font-size:.9375rem;font-weight:600;line-height:1.4}
.nb-abdose__list{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 20px;margin-top:16px}
@media (min-width:37.5rem){.nb-abdose__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.nb-abdose__list li{display:grid;align-content:start;gap:4px;padding-top:12px;border-top:2px solid var(--blue)}
.nb-abdose__list strong{color:var(--ink);font-family:var(--display);font-size:1.125rem;font-weight:500;line-height:1.25}
.nb-abdose__list span{color:var(--text);font-size:.8125rem;line-height:1.45}
.nb-abdose__result{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:var(--ink);font-weight:600}
.nb-abdose__result b{color:var(--blue);font-family:var(--display);font-size:2rem;font-weight:400;line-height:1}

/* ---- Applications ------------------------------------------------------- */

.nb-regions{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;margin-top:clamp(40px,5vw,64px)}
@media (min-width:37.5rem){.nb-regions{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}}
@media (min-width:64rem){.nb-regions{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,40px)}}
.nb-region{padding-top:14px;border-top:1px solid var(--rule)}
.nb-region__list li{padding:16px 0;border-bottom:1px solid var(--line)}
.nb-region__list li:last-child{border-bottom:0}
.nb-region__name{display:block;color:var(--ink);font-family:var(--display);font-size:1.375rem;font-weight:500;line-height:1.25;letter-spacing:-.01em}
.nb-region__desc{display:block;margin-top:4px;font-size:.9375rem;line-height:1.5}
.nb-region__note{display:block;margin-top:6px;color:var(--teal);font-size:.8125rem;font-weight:600;line-height:1.4}
.nb-apps__foot{margin-top:28px;color:var(--muted);font-size:.875rem}

/* ---- Storage and safety ------------------------------------------------- */

.nb-care__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:56px;align-items:start}
@media (min-width:56.25rem){.nb-care__grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(48px,7vw,104px)}}
.nb-care__intro{margin-top:18px;max-width:34rem}
.nb-care__intro + .nb-care__intro{margin-top:12px}
.nb-care__list{margin-top:28px;max-width:34rem;border-top:1px solid var(--rule)}
.nb-care__list > div{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:13px 0;border-bottom:1px solid var(--line)}
.nb-care__list dt{color:var(--muted);font-size:.9375rem}
.nb-care__list dd{color:var(--ink);font-family:var(--display);font-size:1.1875rem;font-weight:500;text-align:right}
.nb-isi{padding:28px 0 4px 28px;border-left:3px solid var(--blue)}
.nb-isi__h{color:var(--ink);font-size:1.0625rem;font-weight:600}
.nb-isi p{margin-top:12px;font-size:.9375rem;line-height:1.6}

/* ---- FAQ ---------------------------------------------------------------- */

.nb-faq__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,40px)}
@media (min-width:56.25rem){
	.nb-faq__layout{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(48px,6vw,96px)}
	.nb-faq__head{position:sticky;top:calc(var(--header-h) + 32px);align-self:start}
}
.nb-faq__more{margin-top:20px;color:var(--muted);font-size:.96875rem}
.nb-faq__list{border-top:1px solid var(--rule)}
.nb-faq__item{border-bottom:1px solid var(--line)}
.nb-faq__q{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;list-style:none}
.nb-faq__q::-webkit-details-marker{display:none}
.nb-faq__q:focus-visible{outline-offset:-2px;border-radius:4px}
.nb-faq__q h3{color:var(--ink);font-family:var(--display);font-size:clamp(1.125rem,1.05rem + .3vw,1.3125rem);font-weight:500;line-height:1.3;letter-spacing:-.005em;transition:color 150ms ease}
.nb-faq__q:hover h3{color:var(--blue)}
.nb-faq__sign{flex:none;position:relative;width:36px;height:36px;border:1px solid #C3CFDC;border-radius:50%;transition:background-color 200ms ease,border-color 200ms ease}
.nb-faq__sign::before,.nb-faq__sign::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;border-radius:1px;background:var(--ink);translate:-50% -50%;transition:rotate 250ms ease,background-color 200ms ease}
.nb-faq__sign::after{rotate:90deg}
.nb-faq__q:hover .nb-faq__sign{border-color:var(--blue)}
.nb-faq__item[open] .nb-faq__sign{border-color:var(--blue);background:var(--blue)}
.nb-faq__item[open] .nb-faq__sign::before,.nb-faq__item[open] .nb-faq__sign::after{background:#FFFFFF}
.nb-faq__item[open] .nb-faq__sign::after{rotate:0deg}
.nb-faq__a{padding:0 0 28px;max-width:48rem}
@media (min-width:40rem){.nb-faq__a{padding-right:60px}}
.nb-faq__a p{font-size:1rem;line-height:1.7}
@media (prefers-reduced-motion:no-preference){
	@supports selector(::details-content){
		.nb-faq__item{interpolate-size:allow-keywords}
		.nb-faq__item::details-content{block-size:0;overflow:clip;transition:block-size 320ms cubic-bezier(.2,.7,.2,1),content-visibility 320ms allow-discrete}
		.nb-faq__item[open]::details-content{block-size:auto}
	}
}

/* ---- Order band --------------------------------------------------------- */

.nb-cta{position:relative;overflow:hidden;background:radial-gradient(90% 140% at 85% 50%,#0A67B5 0%,var(--blue) 55%,#004A88 100%);color:#DCE8F5}
.nb-cta__inner{padding-block:clamp(4rem,3rem + 4vw,6.5rem)}
.nb-cta .nb-h2{max-width:16ch;color:#FFFFFF}
.nb-cta p{margin-top:18px;max-width:34rem;font-size:1.0625rem}
.nb-cta .nb-actions{margin-top:32px}

/* ---- Footer ------------------------------------------------------------- */

.nb-footer{background:var(--deep);color:var(--on-deep);font-size:.9375rem}
.nb-footer > .nb-wrap{padding-block:64px 36px}
.nb-footer__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}
.nb-footer__brand{grid-column:1 / -1}
.nb-footer__brand p{margin-top:18px;max-width:30rem;line-height:1.6}
.nb-footer__dots{display:flex;gap:8px;margin-top:22px}
.nb-footer__dots li{width:10px;height:10px;border-radius:50%;background:var(--c)}
@media (min-width:56.25rem){.nb-footer__grid{grid-template-columns:minmax(0,6fr) minmax(0,3fr) minmax(0,3fr)}.nb-footer__brand{grid-column:auto}}
.nb-footer__heading{color:#FFFFFF;font-family:var(--font);font-size:.875rem;font-weight:600}
.nb-footer__col ul{margin-top:10px}
.nb-footer__col a{display:inline-flex;align-items:center;min-height:36px;color:var(--on-deep);text-decoration:none}
.nb-footer__col a:hover{color:#FFFFFF;text-decoration:underline;text-underline-offset:3px}
.nb-footer__legal{margin-top:56px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);color:var(--on-deep-2);font-size:.8125rem;line-height:1.6;max-width:68rem}

/* ---- Why choose Nabota? / How does Nabota work? ------------------------ */

.nb-why__grid{display:grid;grid-template-columns:minmax(0,1fr)}
.nb-why__aside{display:contents}
.nb-why__photo{order:1;margin-top:clamp(28px,4vw,40px)}
.nb-why__photo img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:16px;background:var(--soft)}
.nb-why__list{order:2;margin-top:clamp(32px,4vw,48px);border-top:1px solid var(--rule)}
.nb-why__more{order:3;margin-top:28px}
.nb-why__item{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:26px 0 30px;border-bottom:1px solid var(--line)}
.nb-why__fig{order:-1;display:flex;flex-direction:column;gap:8px}
.nb-why__fig strong{color:var(--blue);font-family:var(--display);font-size:clamp(2.25rem,1.9rem + 1vw,2.75rem);font-weight:400;line-height:1;letter-spacing:-.02em;white-space:nowrap}
.nb-why__fig span{color:var(--muted);font-size:.875rem;line-height:1.4;max-width:13rem}
.nb-why__body h3{color:var(--ink);font-family:var(--display);font-size:1.375rem;font-weight:500;line-height:1.25;letter-spacing:-.01em}
.nb-why__body p{margin-top:10px;max-width:40rem;font-size:.9375rem;line-height:1.65}
@media (min-width:40rem){
	.nb-why__item{grid-template-columns:13rem minmax(0,1fr);gap:clamp(24px,3vw,40px);padding:32px 0 36px}
	.nb-why__fig{padding-top:2px}
	.nb-why__photo img{aspect-ratio:2 / 1}
}
@media (min-width:64rem){
	.nb-why__grid{grid-template-columns:minmax(0,1fr) minmax(0,21rem);grid-template-rows:auto 1fr;column-gap:clamp(48px,6vw,96px)}
	.nb-why__h{grid-column:1}
	.nb-why__list{grid-column:1;margin-top:clamp(40px,4vw,56px)}
	.nb-why__aside{display:block;grid-column:2;grid-row:1 / span 2;position:sticky;top:calc(var(--header-h) + 32px);align-self:start}
	.nb-why__photo{margin-top:0}
	.nb-why__photo img{aspect-ratio:4 / 5}
}
.nb-how .nb-howto{margin-top:clamp(28px,3vw,44px)}
.nb-how__notes{display:grid;grid-template-columns:minmax(0,1fr);gap:28px clamp(32px,5vw,72px);margin-top:clamp(48px,5vw,72px);padding-top:clamp(28px,3vw,40px);border-top:1px solid var(--line)}
@media (min-width:56.25rem){.nb-how__notes{grid-template-columns:repeat(2,minmax(0,1fr))}}
.nb-how__notes p{margin-top:10px;max-width:36rem}

/* ---- Shared inner-page components -------------------------------------- */

.nb-fine{color:var(--muted);font-size:.8125rem;line-height:1.55}
.nb-h3x{color:var(--ink);font-family:var(--display);font-size:1.375rem;font-weight:500;line-height:1.25;letter-spacing:-.01em}
.nb-split{display:grid;grid-template-columns:minmax(0,1fr);gap:24px 48px;align-items:start}
@media (min-width:56.25rem){.nb-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px)}}
.nb-split--top{align-items:start}
.nb-linkrow{display:flex;flex-wrap:wrap;gap:12px 28px}

.nb-nav__link.is-current{color:var(--blue)}
.nb-dropdown__all{margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}
.nb-dropdown__all a{color:var(--blue)}
.nb-sheet__label a{color:inherit;text-decoration:none}

/* Breadcrumbs */
.nb-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 0;color:var(--muted);font-size:.8125rem;line-height:1.4}
.nb-crumbs li + li::before{content:"/";margin:0 10px;color:var(--line)}
.nb-crumbs a{color:var(--muted);text-decoration:none}
.nb-crumbs a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.nb-crumbs [aria-current]{color:var(--ink)}

/* Page hero */
.nb-phero{padding-block:clamp(2rem,1.2rem + 3vw,4rem) clamp(2.5rem,1.6rem + 3vw,4.5rem);border-bottom:1px solid var(--line)}
.nb-phero__title{margin-top:22px;max-width:16ch;color:var(--ink);font-family:var(--display);font-size:clamp(2.5rem,1.6rem + 3vw,4.25rem);font-weight:400;line-height:1.04;letter-spacing:-.026em;text-wrap:balance}
.nb-phero__lede{margin-top:20px;max-width:40rem;color:var(--text);font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.55}
.nb-phero__sub{margin-top:16px;max-width:24ch;color:var(--ink);font-family:var(--display);font-size:clamp(1.25rem,1.05rem + .8vw,1.75rem);font-weight:400;line-height:1.25;letter-spacing:-.01em}
.nb-phero__sub + .nb-phero__lede{margin-top:16px}
.nb-phero--media{border-bottom:0}
.nb-phero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:center}
@media (min-width:56.25rem){.nb-phero__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,5vw,80px)}}
.nb-phero__media img{width:100%;height:auto;border-radius:20px;background:var(--soft)}
.nb-glance{display:grid;grid-template-columns:minmax(0,1fr);margin-top:clamp(32px,4vw,48px);max-width:60rem;border-top:1px solid var(--rule)}
.nb-glance li{display:grid;gap:8px;padding:18px 0;border-bottom:1px solid var(--line)}
.nb-glance .nb-num{color:var(--blue);font-size:clamp(2.75rem,2rem + 2vw,3.75rem)}
.nb-glance .nb-num small{margin-left:.2em}
.nb-glance li > span:last-child{color:var(--text);font-size:.9375rem;line-height:1.45;max-width:17rem}
@media (min-width:37.5rem){.nb-glance{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.nb-glance li{padding:22px 0 0;border-bottom:0}}

/* Product page hero */
.nb-phero--product{border-bottom:0;background:linear-gradient(var(--soft),var(--soft)) bottom / 100% 0 no-repeat}
.nb-pp__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center}
@media (min-width:56.25rem){.nb-pp__grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(40px,6vw,88px)}}
.nb-pp__copy .nb-phero__title{max-width:none}
.nb-phero--product .nb-phero__title::after{content:"";display:block;width:44px;height:4px;margin-top:20px;border-radius:4px;background:var(--c)}
.nb-pp__quick{margin-top:28px;max-width:34rem}
.nb-pp__copy .nb-actions{margin-top:28px}
.nb-pp__media{order:-1}
@media (min-width:56.25rem){.nb-pp__media{order:0}}
.nb-pp__cols{display:grid;grid-template-columns:minmax(0,1fr);gap:56px}
@media (min-width:56.25rem){.nb-pp__cols{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(48px,7vw,104px)}}
.nb-pp__block + .nb-pp__block{margin-top:44px}
.nb-pp__block > * + *{margin-top:14px}
.nb-pp__formula{border-top:1px solid var(--rule)}
.nb-pp__formula li{padding:11px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:.9375rem;line-height:1.45}
.nb-pp__big{display:flex;align-items:baseline;gap:10px;color:var(--ink);font-family:var(--display);font-size:1.25rem;font-weight:500}
.nb-pp__big .nb-num{color:var(--ct,var(--blue));font-size:clamp(3rem,2.4rem + 2vw,4rem)}
.nb-pp__pack{margin-top:14px;color:var(--muted);font-size:.9375rem}
.nb-pp__pack strong{color:var(--ct);font-weight:600}
.nb-pp__note{margin-top:18px;max-width:30rem;font-size:.9375rem}

/* Product page studio panel */
.nb-pp__media .nb-studio{max-width:520px;margin-inline:auto}

/* Ruled specification list */
.nb-specs{border-top:1px solid var(--rule)}
.nb-specs > div{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.9375rem;line-height:1.5}
.nb-specs dt{color:var(--muted);font-size:.8125rem;font-weight:600}
.nb-specs dd{color:var(--ink)}
@media (min-width:37.5rem){.nb-specs > div{grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:baseline}.nb-specs dt{font-size:.875rem;font-weight:500}}
@media (min-width:37.5rem){.nb-specs--wide > div{grid-template-columns:190px minmax(0,1fr)}}

/* Numbered feature list */
.nb-feats{margin-top:28px;border-top:1px solid var(--rule)}
.nb-feats li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:16px 0;border-bottom:1px solid var(--line);color:var(--ink);line-height:1.55}
.nb-feats__n{color:var(--ct,var(--blue));font-family:var(--display);font-size:1.0625rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.5}

/* Chips (application sites) */
.nb-chips{display:flex;flex-wrap:wrap;gap:8px}
.nb-chips li{padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:#FFFFFF;color:var(--ink);font-size:.875rem;line-height:1.3}

/* Other strengths */
.nb-others__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
.nb-others__list a{display:grid;justify-items:start;gap:6px;padding:16px;border-top:3px solid var(--c);background:#FFFFFF;color:var(--ink);text-decoration:none;transition:box-shadow 200ms ease}
.nb-others__list a:hover{box-shadow:0 18px 36px -24px rgba(8,40,77,.4)}
.nb-others__list img{width:100%;max-width:200px;margin-inline:auto}
.nb-others__name{display:flex;align-items:baseline;gap:8px;font-family:var(--display);font-size:1rem;font-weight:500}
.nb-others__name .nb-num{font-size:clamp(1.75rem,1.3rem + 1.4vw,2.5rem)}
.nb-others__note{color:var(--muted);font-size:.8125rem}
.nb-others__all{margin-top:28px}
@media (max-width:37.49rem){.nb-others__list{gap:8px}.nb-others__list a{padding:10px}.nb-others__note{display:none}}

/* Products page: range */
.nb-range{display:grid;grid-template-columns:minmax(0,1fr);gap:48px}
@media (min-width:37.5rem){.nb-range{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 32px}}
@media (min-width:64rem){.nb-range{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}}
.nb-range__item{display:flex;flex-direction:column}
.nb-range__image{display:block;padding:12px;border-radius:12px;background:var(--soft)}
.nb-range__image img{width:100%;max-width:300px;margin-inline:auto;mix-blend-mode:multiply}
.nb-range__name{position:relative;margin-top:22px;padding-top:18px;border-top:1px solid var(--rule)}
.nb-range__name::before{content:"";position:absolute;left:0;top:-2px;width:44px;height:3px;background:var(--c)}
.nb-range__name a{display:flex;align-items:baseline;gap:10px;color:var(--ink);text-decoration:none}
.nb-range__name a:hover .nb-num{color:var(--blue)}
.nb-range__brand{font-family:var(--display);font-size:1.0625rem;font-weight:500}
.nb-range__name .nb-num{font-size:clamp(2.5rem,2rem + 1.4vw,3.25rem)}
.nb-range__note{margin-top:6px;color:var(--muted);font-size:.8125rem}
.nb-range__desc{margin-top:12px;font-size:.9375rem;line-height:1.55}
.nb-range__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:auto;padding-top:22px}

/* Tables (comparison, dilution) */
.nb-tablewrap{margin-top:36px;overflow-x:auto}
.nb-tablewrap:focus-visible{outline-offset:4px}
.nb-compare{width:100%;min-width:560px;border-collapse:collapse;font-size:.9375rem;line-height:1.45}
.nb-compare th,.nb-compare td{padding:14px 16px 14px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.nb-compare thead th{border-bottom:1px solid var(--rule);color:var(--muted);font-size:.8125rem;font-weight:600;vertical-align:bottom}
.nb-compare tbody th{color:var(--ink);font-weight:600;white-space:nowrap}
.nb-compare tbody th a{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}
.nb-compare tbody th a:hover{color:var(--blue)}
.nb-compare td{color:var(--ink)}
.nb-compare .nb-dropdown__dot{margin-top:0}
.nb-dilution thead th{color:var(--ink);font-size:.875rem}
.nb-dilution thead th .nb-dropdown__dot{display:inline-block;margin:0 8px 0 0;vertical-align:1px}
.nb-dilution td,.nb-dilution tbody th{font-variant-numeric:tabular-nums}
.nb-dilution sup a{color:var(--muted);text-decoration:none}

/* About: introduction, commitment, history, manufacturing */
.nb-about__intro{display:grid;grid-template-columns:minmax(0,1fr);gap:20px 48px;padding-bottom:clamp(48px,6vw,88px);border-bottom:1px solid var(--line)}
@media (min-width:56.25rem){.nb-about__intro{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,6vw,96px);align-items:end}}
.nb-statement{color:var(--ink);font-family:var(--display);font-size:clamp(1.5rem,1.2rem + 1.1vw,2.25rem);font-weight:400;line-height:1.25;letter-spacing:-.015em;text-wrap:pretty}
.nb-commit__head{margin-top:clamp(48px,6vw,88px)}
.nb-commit__head p{margin-top:14px}
.nb-commit{display:grid;grid-template-columns:minmax(0,1fr);gap:0 32px;margin-top:clamp(28px,3vw,40px)}
@media (min-width:37.5rem){.nb-commit{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:64rem){.nb-commit{grid-template-columns:repeat(4,minmax(0,1fr))}}
.nb-commit li{padding:20px 0 28px;border-top:1px solid var(--rule)}
.nb-commit__n{display:block;color:var(--blue);font-family:var(--display);font-size:2.25rem;font-weight:300;line-height:1;font-variant-numeric:tabular-nums}
.nb-commit h3{margin-top:18px;color:var(--ink);font-family:var(--display);font-size:1.5rem;font-weight:500;line-height:1.2;letter-spacing:-.01em}
.nb-commit p{margin-top:8px;font-size:.9375rem;line-height:1.6}

.nb-history__h{margin-bottom:22px}
@media (min-width:56.25rem){.nb-history__text{position:sticky;top:calc(var(--header-h) + 32px);align-self:start}}

.nb-mfg__h{max-width:18ch}
.nb-mfg__h + .nb-process{margin-top:clamp(36px,4vw,56px)}
.nb-mfg__row{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center;margin-top:clamp(56px,7vw,112px);padding-top:clamp(40px,5vw,72px);border-top:1px solid var(--line)}
@media (min-width:56.25rem){
	.nb-mfg__row{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px)}
	.nb-mfg__row--flip{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}
}
.nb-mfg__row .nb-flow p:not(.nb-lede){max-width:34rem}

.nb-ice{padding:clamp(20px,3vw,32px);border-radius:16px;background:var(--soft)}
.nb-ice__h{color:var(--ink);font-family:var(--display);font-size:1.25rem;font-weight:500;line-height:1.3}
.nb-ice__flow{display:grid;gap:30px;margin-top:22px}
.nb-ice__step{position:relative;display:grid;gap:10px}
.nb-ice__step:not(:last-child)::after{content:"";position:absolute;left:50%;bottom:-21px;width:10px;height:10px;border-right:1.5px solid var(--blue);border-bottom:1.5px solid var(--blue);transform:translateX(-50%) rotate(45deg)}
.nb-ice__step span{display:block;padding:13px 16px;border:1px solid #C3CFDC;border-radius:10px;background:#FFFFFF;color:var(--ink);font-size:.875rem;font-weight:500;line-height:1.4;text-align:center}
.nb-ice__step--end span{border-color:var(--ink);background:var(--ink);color:#FFFFFF}
@media (min-width:37.5rem){.nb-ice__step--pair{grid-template-columns:repeat(2,minmax(0,1fr))}}
.nb-ice figcaption{margin-top:20px}

.nb-timeline{position:relative;margin-left:6px;padding-left:28px;border-left:1px solid rgba(0,88,160,.3)}
.nb-timeline__item{position:relative;padding:0 0 20px}
.nb-timeline__item::before{content:"";position:absolute;left:-35px;top:3px;width:13px;height:13px;border:2px solid var(--blue);border-radius:50%;background:var(--soft)}
.nb-timeline__item.is-key::before{background:var(--blue)}
.nb-timeline time,.nb-timeline__time{color:var(--ink);font-family:var(--display);font-size:1.125rem;font-weight:600;font-variant-numeric:tabular-nums}
.nb-timeline__item.is-end{padding-bottom:0}
.nb-timeline__item.is-end::before{border-color:var(--teal);background:var(--teal)}
.nb-timeline__lane{margin-left:10px;color:var(--muted);font-size:.75rem;font-weight:600}
.nb-timeline p{margin-top:2px;color:var(--text);font-size:.9375rem;line-height:1.45}
.nb-timeline__item.is-key p{color:var(--ink);font-weight:600}
.nb-timeline + .nb-fine{margin-top:8px}

/* Clinical studies */
.nb-trials{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:clamp(36px,4vw,56px)}
@media (min-width:56.25rem){.nb-trials{grid-template-columns:repeat(2,minmax(0,1fr))}}
.nb-trial{display:flex;flex-direction:column;padding:clamp(22px,3vw,36px);background:#FFFFFF;border-top:3px solid var(--blue)}
.nb-trial__h{color:var(--ink);font-family:var(--display);font-size:clamp(1.375rem,1.2rem + .6vw,1.75rem);font-weight:500;line-height:1.2;letter-spacing:-.01em}
.nb-trial__facts{display:flex;gap:32px;margin:22px 0 24px}
.nb-trial__facts li{display:grid;color:var(--muted);font-size:.8125rem}
.nb-trial__facts .nb-num{color:var(--blue);font-size:2.5rem}
.nb-trial__ref{margin-top:auto;padding-top:20px;color:var(--muted);font-size:.8125rem;line-height:1.55}
.nb-trial__ref span{display:block;margin-bottom:4px;color:var(--ink);font-weight:600}

/* How to use */
.nb-howto{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;margin-top:clamp(36px,4vw,56px)}
@media (min-width:37.5rem){.nb-howto{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}}
@media (min-width:64rem){.nb-howto{grid-template-columns:repeat(3,minmax(0,1fr))}}
.nb-howto li{padding-top:18px;border-top:1px solid var(--rule)}
.nb-howto__n{display:block;color:var(--blue);font-family:var(--display);font-size:2.25rem;font-weight:300;line-height:1}
.nb-howto h3{margin-top:14px;font-size:1.0625rem;font-weight:600;line-height:1.35}
.nb-howto p{margin-top:6px;font-size:.9375rem;line-height:1.55}

/* How to use: steps, dilution table, dosage */
.nb-steps{display:grid;grid-template-columns:minmax(0,1fr);gap:0 clamp(32px,5vw,72px);margin-top:clamp(36px,4vw,56px)}
@media (min-width:56.25rem){.nb-steps{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);grid-auto-flow:column}}
.nb-steps li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:baseline;padding:22px 0 26px;border-top:1px solid var(--rule)}
.nb-steps__n{color:var(--blue);font-family:var(--display);font-size:2rem;font-weight:300;line-height:1;font-variant-numeric:tabular-nums}
.nb-steps p{color:var(--ink);font-size:1.0625rem;line-height:1.55}

.nb-dil{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.nb-dil__head p{margin-top:16px;max-width:30rem}
@media (min-width:56.25rem){.nb-dil{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(40px,6vw,96px);align-items:start}.nb-dil .nb-tablewrap{margin-top:8px}}
.nb-dilution{min-width:500px;font-size:1rem}
.nb-dilution thead th.nb-dilution__group{padding-bottom:10px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.8125rem}
.nb-dilution .nb-dilution__dose{padding-right:0;text-align:right}
.nb-dilution thead th.nb-dilution__dose{color:var(--muted);font-size:.8125rem;white-space:normal;max-width:9rem}
.nb-dilution tbody th.nb-dilution__dose{color:var(--blue);font-family:var(--display);font-size:1.125rem;font-weight:600}
@media (max-width:37.49rem){.nb-dilution{min-width:0;font-size:.875rem}.nb-dilution th,.nb-dilution td{padding-right:8px}.nb-dilution thead th{font-size:.75rem}.nb-dilution thead th .nb-dropdown__dot{display:block;margin:0 0 6px}.nb-dilution tbody th.nb-dilution__dose{font-size:1rem}}

.nb-dose-app{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:center}
@media (min-width:56.25rem){.nb-dose-app{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,6vw,96px)}}
.nb-dose-app__photo img{width:100%;height:auto;border-radius:20px;background:var(--soft)}
.nb-doses__h{margin-top:clamp(40px,5vw,64px)}
.nb-doses__h + .nb-doses{margin-top:20px}
.nb-doses{display:grid;grid-template-columns:minmax(0,1fr);gap:36px 32px;margin-top:clamp(40px,5vw,64px)}
@media (min-width:56.25rem){.nb-doses{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}
.nb-doses__intro{min-height:1.5em;margin-bottom:14px;color:var(--muted);font-size:.875rem;font-weight:600;line-height:1.4}
.nb-doses__set--pair ul{display:grid;grid-template-columns:minmax(0,1fr);gap:0 32px}
@media (min-width:37.5rem){.nb-doses__set--pair ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
.nb-doses__item{padding:20px 0 24px;border-top:1px solid var(--rule)}
.nb-doses__v{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.nb-doses__v .nb-num{color:var(--blue);font-size:clamp(2.75rem,2rem + 2vw,3.75rem)}
.nb-doses__v span:last-child{color:var(--ink);font-family:var(--display);font-size:1.125rem;font-weight:500}
.nb-doses h3{margin-top:12px;color:var(--ink);font-size:1.0625rem;font-weight:600;line-height:1.35}
.nb-doses__item > p:not(.nb-doses__v){margin-top:12px;font-size:.9375rem;line-height:1.5}
.nb-callout-note{margin-top:clamp(32px,4vw,48px);max-width:48rem;padding:6px 0 6px 22px;border-left:3px solid var(--blue);color:var(--ink);font-size:1.0625rem;line-height:1.55}

/* Contact */
.nb-contact__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:56px}
@media (min-width:56.25rem){.nb-contact__grid{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(48px,7vw,104px)}}
.nb-contact__h{margin-bottom:28px}
.nb-contact__side > * + *{margin-top:40px}
.nb-contact__block{padding-top:14px;border-top:1px solid var(--rule)}
.nb-contact__products{margin-top:8px}
.nb-contact__products li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:.9375rem}
.nb-contact__products a{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:600;text-decoration:none}
.nb-contact__products a:hover{color:var(--blue)}
.nb-contact__products .nb-dropdown__dot{margin-top:0}
.nb-contact__products span:not(.nb-dropdown__dot){color:var(--muted);font-size:.8125rem;text-align:right}

.nb-form__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px 20px}
@media (min-width:37.5rem){.nb-form__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nb-field--wide{grid-column:1 / -1}}
.nb-field{display:grid;gap:6px}
.nb-field label{color:var(--ink);font-size:.875rem;font-weight:600}
.nb-field__hint{color:var(--muted);font-size:.8125rem;font-weight:400}
.nb-field input,.nb-field select,.nb-field textarea{width:100%;min-height:48px;padding:11px 14px;border:1px solid #B9C6D4;border-radius:6px;background:#FFFFFF;color:var(--ink);font:inherit;font-size:1rem;line-height:1.4;transition:border-color 150ms ease,box-shadow 150ms ease}
.nb-field textarea{resize:vertical;min-height:140px}
.nb-field select{-webkit-appearance:none;appearance:none;padding-right:40px;background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%230B2545' stroke-width='1.6'/%3E%3C/svg%3E") right 14px center no-repeat}
.nb-field input:focus,.nb-field select:focus,.nb-field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,88,160,.18)}
.nb-check{display:flex;gap:12px;align-items:flex-start;margin-top:22px;font-size:.875rem;line-height:1.5}
.nb-check input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--blue)}
.nb-form__foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:26px}
.nb-form__trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.nb-form__error{margin-bottom:22px;padding:14px 16px;border-left:3px solid #B3261E;background:#FCEEEE;color:#7A1A14;font-size:.9375rem}
.nb-form__done{padding:28px 0;border-top:3px solid var(--teal)}
.nb-form__done p{margin-top:10px}

/* ---- Inner pages (fallback templates) ----------------------------------- */

.nb-page .nb-section > * + *,.nb-notfound .nb-wrap > * + *{margin-top:24px}
.nb-page__content > * + *{margin-top:1em}
.nb-notfound .nb-actions{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center}
.nb-textlink{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-weight:600;text-decoration:none}

/* ---- Motion ------------------------------------------------------------- */

/* ---- Motion -------------------------------------------------------------
   Everything below runs only for visitors who have not asked for reduced motion. One easing
   throughout (--ease): quick to start, long settle. */

:root{--ease:cubic-bezier(.2,.7,.2,1)}
@keyframes nb-fade{from{opacity:0}to{opacity:1}}
@keyframes nb-drop{from{opacity:0;translate:0 -6px}}
@keyframes nb-rise{from{opacity:0;translate:0 12px}}
@keyframes nb-vt-out{to{opacity:0}}
@keyframes nb-vt-in{from{opacity:0}}

/* Static carton morph target: the product page's studio panel (see data-vt-pack in site.js). */
[data-vt-hero]{view-transition-name:nb-pack}
.nb-others__img{display:block}

@media (prefers-reduced-motion:no-preference){
	html{scroll-behavior:smooth}

	/* Page to page: the header holds still while the old page fades out and the new one fades in;
	   a carton the visitor clicked glides into the product page's studio panel. Pages are
	   prerendered on hover (functions.php), so the swap is immediate. */
	@view-transition{navigation:auto}
	.nb-header{view-transition-name:nb-header}
	::view-transition-old(root){animation:nb-vt-out 180ms cubic-bezier(.4,0,1,1) both}
	::view-transition-new(root){animation:nb-vt-in 360ms var(--ease) 80ms both}
	::view-transition-group(nb-pack){animation-duration:560ms;animation-timing-function:var(--ease)}
	::view-transition-old(nb-pack),::view-transition-new(nb-pack){animation-duration:560ms;animation-timing-function:var(--ease)}

	/* Reveals: fade up into place, cascading (--rd from site.js). */
	.nb-js.nb-motion [data-reveal]{opacity:0;translate:0 18px;transition:opacity 800ms var(--ease) var(--rd,0ms),translate 900ms var(--ease) var(--rd,0ms)}
	.nb-js.nb-motion [data-reveal].is-in,.nb-js.nb-motion.nb-no-reveal [data-reveal]{opacity:1;translate:none}

	/* Homepage hero: the studio panel settles, then the cartons rise onto the floor and the
	   strength bar draws left to right. */
	.nb-js.nb-motion .nb-hero__art[data-reveal] .nb-hero__cartons{opacity:0;translate:0 28px;transition:opacity 900ms ease 260ms,translate 1200ms var(--ease) 260ms}
	.nb-js.nb-motion .nb-hero__art.is-in .nb-hero__cartons{opacity:1;translate:none}
	.nb-js.nb-motion .nb-hero__art[data-reveal] .nb-hero__caption{opacity:0;transition:opacity 700ms ease 700ms}
	.nb-js.nb-motion .nb-hero__art.is-in .nb-hero__caption{opacity:1}
	.nb-js.nb-motion .nb-hero__art[data-reveal] .nb-hero__bar i{transform:scaleX(0);transform-origin:left;transition:transform 600ms var(--ease)}
	.nb-js.nb-motion .nb-hero__art.is-in .nb-hero__bar i{transform:none}
	.nb-hero__bar i:nth-child(1){transition-delay:500ms}
	.nb-hero__bar i:nth-child(2){transition-delay:620ms}
	.nb-hero__bar i:nth-child(3){transition-delay:740ms}
	.nb-hero__bar i:nth-child(4){transition-delay:860ms}

	/* Photos open from a slight inset as they arrive. */
	.nb-js.nb-motion :is(.nb-phero__media,.nb-why__photo,.nb-world__photo,.nb-dose-app__photo)[data-reveal] img{clip-path:inset(7% 7% 7% 7% round 20px);scale:1.05;transition:clip-path 1100ms var(--ease) calc(var(--rd,0ms) + 100ms),scale 1500ms var(--ease) calc(var(--rd,0ms) + 100ms)}
	.nb-js.nb-motion :is(.nb-phero__media,.nb-why__photo,.nb-world__photo,.nb-dose-app__photo).is-in img{clip-path:inset(0 0 0 0 round 0);scale:1}

	/* Manufacturing steps: each connector draws on after its step; timeline dots pop in. */
	.nb-js.nb-motion .nb-process li[data-reveal]::before{transform:scaleY(0);transform-origin:top;transition:transform 700ms var(--ease) calc(var(--rd,0ms) + 300ms)}
	.nb-js.nb-motion .nb-process li.is-in::before{transform:none}
	.nb-js.nb-motion .nb-timeline__item[data-reveal]::before{scale:.2;transition:scale 500ms var(--ease) calc(var(--rd,0ms) + 150ms)}
	.nb-js.nb-motion .nb-timeline__item.is-in::before{scale:1}

	/* Charts: the SEC-HPLC peak draws at a chromatograph's constant speed; columns grow in turn;
	   the antibody bar fills left to right. */
	.nb-js.nb-motion .nb-chart .nb-plot__data--peak{clip-path:inset(0 100% 0 0);transition:clip-path 900ms linear 300ms}
	.nb-js.nb-motion .nb-chart.is-in .nb-plot__data--peak,.nb-js.nb-motion.nb-no-reveal .nb-chart .nb-plot__data--peak{clip-path:inset(0 0 0 0)}
	.nb-js.nb-motion .nb-finding .nb-cols__bar{transform:scaleY(0);transition:transform 900ms var(--ease) 250ms}
	.nb-js.nb-motion .nb-finding .nb-cols__col:nth-of-type(2) .nb-cols__bar{transition-delay:330ms}
	.nb-js.nb-motion .nb-finding .nb-cols__col:nth-of-type(3) .nb-cols__bar{transition-delay:410ms}
	.nb-js.nb-motion .nb-finding .nb-cols__col:nth-of-type(4) .nb-cols__bar{transition-delay:490ms}
	.nb-js.nb-motion .nb-finding .nb-cols__col:nth-of-type(5) .nb-cols__bar{transition-delay:570ms}
	.nb-js.nb-motion .nb-finding .nb-stack__seg{transform:scaleX(0);transition:transform 900ms var(--ease) 250ms}
	.nb-js.nb-motion .nb-finding.is-in .nb-cols__bar,.nb-js.nb-motion .nb-finding.is-in .nb-stack__seg,.nb-js.nb-motion.nb-no-reveal .nb-finding .nb-cols__bar,.nb-js.nb-motion.nb-no-reveal .nb-finding .nb-stack__seg{transform:none}

	/* Navigation: an underline draws under the hovered or current link; the Products panel drops
	   in; the mobile menu's links rise in turn. */
	.nb-nav__link{position:relative}
	.nb-nav__link::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1.5px;border-radius:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform 280ms var(--ease)}
	.nb-nav__link:hover::after,.nb-nav__link[aria-current="page"]::after,.nb-nav__link.is-current::after{transform:scaleX(1);transform-origin:left}
	.nb-dropdown__toggle::after{right:20px}
	.nb-js .nb-dropdown.is-open .nb-dropdown__panel{animation:nb-drop 200ms var(--ease)}
	.nb-motion .nb-sheet:not([hidden]) li{animation:nb-rise 420ms var(--ease) both}
	.nb-motion .nb-sheet:not([hidden]) li:nth-child(2){animation-delay:40ms}
	.nb-motion .nb-sheet:not([hidden]) li:nth-child(3){animation-delay:80ms}
	.nb-motion .nb-sheet:not([hidden]) li:nth-child(4){animation-delay:120ms}
	.nb-motion .nb-sheet:not([hidden]) li:nth-child(5){animation-delay:160ms}

	/* Buttons press in; product cartons lift on hover. */
	.nb-btn{transition:background-color 150ms ease,border-color 150ms ease,color 150ms ease,box-shadow 250ms ease,translate 150ms ease}
	.nb-btn:not(.nb-btn--quiet):not(.nb-btn--line):hover{box-shadow:0 10px 22px -12px rgba(0,70,127,.55)}
	.nb-btn:active{translate:0 1px}
	.nb-range__image img,.nb-others__img img{transition:translate 600ms var(--ease),scale 600ms var(--ease)}
	.nb-range__item:hover .nb-range__image img{translate:0 -6px;scale:1.02}
	.nb-others__list a:hover .nb-others__img img{translate:0 -4px}

	.nb-motion .nb-dose__panel.is-active{animation:nb-fade 320ms ease-out}
}
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation:none!important;transition-duration:0ms!important;scroll-behavior:auto!important}
}

@media print{
	.nb-header{position:static}
	.nb-menu-toggle,.nb-sheet,.nb-skip{display:none!important}
	[data-reveal]{opacity:1!important;translate:none!important}
	.nb-dose__control{display:none!important}
	.nb-dose__panel{display:block!important}
}