.nh-brand__grid{gap:96px}.nh-brand__stage{justify-items:center;gap:24px;display:grid}.nh-brand__card{border-radius:var(--nh-radius);background:linear-gradient(160deg,#d8e7e0,#fefff9);place-items:center;width:100%;padding:48px;display:grid}.nh-phone{background:var(--nh-brown);border-radius:36px;width:260px;height:540px;padding:9px;box-shadow:inset 0 0 0 1px #fefff914,0 40px 80px -40px #2b25238c,0 12px 24px -16px #2b25234d}.nh-phone__screen{background:var(--nh-white);border-radius:27px;height:100%;position:relative;overflow:hidden}.nh-phone__island{z-index:2;background:var(--nh-black);border-radius:999px;width:72px;height:20px;margin-left:-36px;position:absolute;top:9px;left:50%}.nh-skin{color:var(--nh-ink);opacity:0;transition:opacity var(--nh-panel) var(--nh-ease);flex-direction:column;font-size:12px;line-height:1.35;display:flex;position:absolute;inset:0}.nh-skin[data-shown=true]{opacity:1}.nh-skin p{margin:0}.nh-skin__status{height:38px;color:var(--nh-ink);justify-content:space-between;align-items:center;padding:0 22px 0 26px;font-size:11px;display:flex}.nh-skin__signal{border:1px solid var(--nh-ink);width:20px;height:9px;box-shadow:inset 0 0 0 1.5px var(--nh-white);background:var(--nh-ink);border-radius:3px}.nh-skin__bar{border-bottom:1px solid var(--nh-line);min-height:52px;color:var(--nh-ink-2);align-items:center;gap:8px;padding:6px 14px;display:flex}.nh-skin__mark{background:var(--skin);width:28px;height:28px;color:var(--nh-white);font-family:var(--font-faculty-glyphic), serif;border-radius:999px;flex-shrink:0;place-items:center;font-size:15px;line-height:1;display:grid}.nh-skin__name{-webkit-line-clamp:2;min-width:0;font-family:var(--font-faculty-glyphic), serif;letter-spacing:-.01em;color:var(--nh-ink);-webkit-box-orient:vertical;font-size:15px;line-height:1.1;display:-webkit-box;overflow:hidden}.nh-skin__bell{flex-shrink:0;margin-left:auto}.nh-skin__body{gap:10px;padding:18px 14px;display:grid}.nh-skin__hi{font-family:var(--font-faculty-glyphic), serif;letter-spacing:-.02em;color:var(--nh-ink);font-size:28px;line-height:1;margin-bottom:4px!important}.nh-skin__label{letter-spacing:.08em;text-transform:uppercase;color:var(--nh-ink-muted);font-size:10px;display:block}.nh-skin__card{border:1px solid color-mix(in oklab, var(--skin) 22%, var(--nh-line));background:color-mix(in oklab, var(--skin) 7%, var(--nh-white));border-radius:14px;gap:6px;padding:14px;display:grid}.nh-skin__say{color:var(--nh-ink);font-size:14px}.nh-skin__plain{color:var(--nh-ink-2)}.nh-skin__btn{background:var(--skin);height:34px;color:var(--nh-white);border-radius:999px;place-items:center;margin-top:6px;font-size:12px;display:grid}.nh-skin__row{border:1px solid var(--nh-line);color:var(--nh-ink-muted);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.nh-skin__avatar{background:var(--nh-sage);width:28px;height:28px;color:var(--nh-ink);border-radius:999px;flex-shrink:0;place-items:center;font-size:12px;display:grid}.nh-skin__msg{flex:1;gap:2px;min-width:0;display:grid}.nh-skin__line{white-space:nowrap;text-overflow:ellipsis;color:var(--nh-ink);overflow:hidden}.nh-skin__dot{background:var(--skin);border-radius:999px;flex-shrink:0;width:8px;height:8px}.nh-brand__pills{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.nh-brand__pill{border:1px solid var(--nh-line-strong);height:44px;color:var(--nh-ink-2);font-family:var(--font-lexend), system-ui, sans-serif;white-space:nowrap;cursor:pointer;transition:background var(--nh-press) var(--nh-ease), color var(--nh-press) var(--nh-ease), border-color var(--nh-press) var(--nh-ease);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 14px;font-size:14px;display:inline-flex;position:relative;overflow:hidden}.nh-brand__pill:hover{color:var(--nh-ink);background:#1a16140a}.nh-brand__pill[data-on=true]{border-color:var(--nh-brown);background:var(--nh-brown);color:var(--nh-white)}.nh .nh-brand__pill:focus-visible{border-radius:999px}.nh-brand__swatch{border-radius:999px;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 1px #fefff980}.nh-brand__timer{transform-origin:0;background:#fefff98c;height:1px;animation:4s linear both nh-brand-timer;position:absolute;bottom:7px;left:16px;right:16px}@keyframes nh-brand-timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:899px){.nh-brand__grid{gap:48px}}@media (max-width:767px){.nh-brand__card{padding:32px 16px}}@media (prefers-reduced-motion:reduce){.nh-brand__timer{display:none}}